@billgangcom/theme-lib 1.114.3 → 1.116.0

package/dist/{ui-components-CAvXxpG4.js → ui-components-PK209o-T.js}

@@ -2,15 +2,15 @@ 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 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 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-C4IiRjp5.js";
-import { U as hn, u as Fe, G as pn } from "./charge-BAjv22Uu.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-DUtnQsMR.js";
-import { s as Oe, g as mn, u as fn } from "./ticket-D5JmN5l9.js";
-import gn from "react-dom";
-const _n = "_wrapper_5w9s8_1", vn = {
-  wrapper: _n
-}, Td = (c) => {
+import b, { createElement as _t, PureComponent as on } from "react";
+import { f as q, ac as at, j as Ut, r as Ht, m as pt, V as ze, ad as Vt, J as Ie, v as le, ae as xt, af as kt, b as Ge, l as cn, e as Ve, p as mt, _ as me, a4 as rn, M as ln, ag as dn, ah as Wt, k as un } from "./builder-Bj8ViroH.js";
+import { W as hn, u as Fe, H as pn } from "./charge-Cti1lSP2.js";
+import { u as Xe, d as Ye, D as Ke, e as Qe, v as Je, f as Ze, g as et, C as tt, F as Gt } from "./builder-components-R1dTBy7D.js";
+import { s as Oe, g as mn, u as fn } from "./ticket-BtcmMwIl.js";
+import _n from "react-dom";
+const gn = "_wrapper_5w9s8_1", vn = {
+  wrapper: gn
+}, Ad = (c) => {
   const { error: t } = c;
   return /* @__PURE__ */ e("div", { className: vn.wrapper, children: t });
 }, yn = "_icon_bsuj2_1", bn = "_hoverable_bsuj2_5", Pt = {
@@ -20,21 +20,21 @@ const _n = "_wrapper_5w9s8_1", vn = {
 function In(c, t) {
   ft.set(c, t);
 }
-function Nn(c) {
+function Sn(c) {
   return ft.get(c) || null;
 }
-function Pd(c) {
+function Bd(c) {
   return ft.has(c);
 }
-function Od() {
+function Md() {
   return Array.from(ft.keys());
 }
-function Ad(c) {
+function Ed(c) {
   Object.entries(c).forEach(([t, s]) => {
     In(t, s);
   });
 }
-const x = ({
+const C = ({
   name: c,
   fill: t = "currentColor",
   hoverable: s = !1,
@@ -44,8 +44,8 @@ const x = ({
   height: d = 24,
   style: r = {}
 }) => {
-  const o = Nn(c);
-  return o ? /* @__PURE__ */ e(Sn, { children: /* @__PURE__ */ e(
+  const o = Sn(c);
+  return o ? /* @__PURE__ */ e(Nn, { children: /* @__PURE__ */ e(
     o,
     {
       fill: t,
@@ -64,7 +64,7 @@ const x = ({
     `Icon "${c}" is not registered. Please register it using useIconRegistration or registerIcons.`
   ), null);
 };
-class Sn extends b.Component {
+class Nn extends b.Component {
   constructor() {
     super(...arguments);
     Tt(this, "state", { hasError: !1 });
@@ -76,18 +76,18 @@ class Sn extends b.Component {
     return this.state.hasError ? null : this.props.children;
   }
 }
-const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23", xn = "_alignmentContent_kh9z8_30", $n = "_alignments_kh9z8_39", Tn = "_alignment_kh9z8_30", Pn = "_circle_kh9z8_64", On = "_paddings_kh9z8_71", An = "_padding_kh9z8_71", Bn = "_active_kh9z8_97", he = {
+const wn = "_block_kh9z8_8", xn = "_title_kh9z8_16", kn = "_subtitle_kh9z8_23", Cn = "_alignmentContent_kh9z8_30", $n = "_alignments_kh9z8_39", Tn = "_alignment_kh9z8_30", Pn = "_circle_kh9z8_64", On = "_paddings_kh9z8_71", An = "_padding_kh9z8_71", Bn = "_active_kh9z8_97", he = {
   block: wn,
-  title: kn,
-  subtitle: Cn,
-  alignmentContent: xn,
+  title: xn,
+  subtitle: kn,
+  alignmentContent: Cn,
   alignments: $n,
   alignment: Tn,
   circle: Pn,
   paddings: On,
   padding: An,
   active: Bn
-}, Mn = "_wrapper_187gl_1", En = "_label_187gl_9", qn = "_input_187gl_17", Dn = "_required_187gl_47", Rn = "_paddingless_187gl_54", Ln = "_content_187gl_58", zn = "_borderless_187gl_66", Fn = "_rightIcon_187gl_77", Un = "_inputPostfix_187gl_83", ke = {
+}, Mn = "_wrapper_187gl_1", En = "_label_187gl_9", qn = "_input_187gl_17", Dn = "_required_187gl_47", Rn = "_paddingless_187gl_54", Ln = "_content_187gl_58", zn = "_borderless_187gl_66", Fn = "_rightIcon_187gl_77", jn = "_inputPostfix_187gl_83", ke = {
   wrapper: Mn,
   label: En,
   input: qn,
@@ -96,8 +96,8 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   content: Ln,
   borderless: zn,
   rightIcon: Fn,
-  inputPostfix: Un
-}, ge = (c) => {
+  inputPostfix: jn
+}, _e = (c) => {
   const {
     onChange: t,
     style: s,
@@ -109,7 +109,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     placeholder: o,
     disabled: u = !1,
     required: g = !1,
-    regex: k,
+    regex: x,
     paddingless: _ = !1,
     borderless: f = !1,
     editable: I = !1,
@@ -117,11 +117,11 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     postfix: m,
     id: p = n
   } = c, [y, w] = b.useState(!1);
-  function S(A) {
+  function N(A) {
     return Number(A) < 0 ? String(d) : A;
   }
   function $(A) {
-    return !g || !k ? !0 : new RegExp(k).test(A);
+    return !g || !x ? !0 : new RegExp(x).test(A);
   }
   return /* @__PURE__ */ h("div", { className: ke.wrapper, children: [
     n && /* @__PURE__ */ e(
@@ -141,7 +141,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           onChange: (A) => {
             if (A.stopPropagation(), i === "text") t(A.target.value);
             else {
-              const O = S(A.target.value);
+              const O = N(A.target.value);
               t(O);
             }
           },
@@ -164,7 +164,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       ),
       m && /* @__PURE__ */ e("span", { className: ke.inputPostfix, children: m }),
       l && /* @__PURE__ */ e("div", { className: ke.rightIcon, children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "MagnifyingGlass",
           fill: "var(--text-secondary)",
@@ -173,7 +173,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         }
       ) }),
       I && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "Sliders",
           width: 20,
@@ -183,7 +183,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       ) })
     ] })
   ] });
-}, jn = [
+}, Un = [
   "topLeft",
   "top",
   "topRight",
@@ -193,7 +193,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], Hn = ["left", "top", "right", "bottom"], Bd = (c) => {
+], Hn = ["left", "top", "right", "bottom"], qd = (c) => {
   const {
     alignment: t,
     padding: s,
@@ -232,13 +232,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [u, g] = b.useState(null), [k, _] = b.useState(null);
+  const [u, g] = b.useState(null), [x, _] = b.useState(null);
   return /* @__PURE__ */ h("div", { className: he.layout, children: [
     /* @__PURE__ */ e("h3", { className: he.title, children: "Layout (for Desktop version)" }),
     /* @__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__ */ h(
+        /* @__PURE__ */ e("div", { className: he.alignments, children: Un.map((f) => /* @__PURE__ */ h(
           "div",
           {
             onClick: () => {
@@ -254,7 +254,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
             children: [
               f !== t && u !== f && /* @__PURE__ */ e("div", { className: he.circle }),
               f !== t && u === f && /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: r(u),
                   fill: "#c2c2c2",
@@ -263,7 +263,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
                 }
               ),
               f === t && /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: r(t),
                   fill: "#FF3F19",
@@ -282,7 +282,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           "label",
           {
             className: q(he.padding, {
-              [he.active]: k === f
+              [he.active]: x === f
             }),
             onFocus: () => {
               _(f);
@@ -292,7 +292,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
             },
             children: [
               /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: o(f),
                   width: 20,
@@ -300,7 +300,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
                 }
               ) }),
               /* @__PURE__ */ e(
-                ge,
+                _e,
                 {
                   type: "number",
                   value: String(s[f]),
@@ -327,7 +327,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   top: Xn,
   itemsBlock: Yn,
   textSettings: Kn
-}, Qn = "_typeTexts_1gfda_1", Jn = "_block_1gfda_8", Zn = "_active_1gfda_25", _t = {
+}, Qn = "_typeTexts_1gfda_1", Jn = "_block_1gfda_8", Zn = "_active_1gfda_25", gt = {
   typeTexts: Qn,
   block: Jn,
   active: Zn
@@ -345,11 +345,11 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ e("div", { className: _t.typeTexts, children: es.map((a) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: gt.typeTexts, children: es.map((a) => /* @__PURE__ */ e(
     "div",
     {
-      className: q(_t.block, {
-        [_t.active]: t.includes(a)
+      className: q(gt.block, {
+        [gt.active]: t.includes(a)
       }),
       onClick: () => {
         const i = [...t];
@@ -360,7 +360,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
           i.push(a), s(i);
       },
       children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: n(a),
           fill: t.includes(a) ? "#252525" : "#757575",
@@ -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", je = {
+}, ts = "_wrapper_34cvp_1", ns = "_label_34cvp_10", ss = "_textarea_34cvp_18", is = "_length_34cvp_46", as = "_full_34cvp_54", Ue = {
   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__ */ h("div", { className: je.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: Ue.wrapper, children: [
     s && /* @__PURE__ */ e(
       "label",
       {
-        className: je.label,
+        className: Ue.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: je.textarea,
+        className: Ue.textarea,
         maxLength: a
       }
     ),
     a && /* @__PURE__ */ h(
       "div",
       {
-        className: q(je.length, {
-          [je.full]: d === a
+        className: q(Ue.length, {
+          [Ue.full]: d === a
         }),
         children: [
           d,
@@ -431,13 +431,13 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     ue,
     {
       label: "Type Text",
-      options: Object.values(it),
+      options: Object.values(at),
       onChange: (d) => s(
-        Object.keys(it).find(
-          (r) => it[r] === d
+        Object.keys(at).find(
+          (r) => at[r] === d
         )
       ),
-      value: it[t],
+      value: at[t],
       postfixs: n
     }
   );
@@ -467,7 +467,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         s(a);
       },
       children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: n(a),
           fill: t === a ? "#252525" : "#757575",
@@ -490,7 +490,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     subtitle: o = "Items",
     typeFont: u,
     setTypeFont: g,
-    alignText: k,
+    alignText: x,
     setAlignText: _
   } = c;
   return /* @__PURE__ */ h("div", { className: qe.text, children: [
@@ -524,7 +524,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         /* @__PURE__ */ e(
           ds,
           {
-            alignText: k,
+            alignText: x,
             setAlignText: _
           }
         )
@@ -538,25 +538,25 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       )
     ] })
   ] });
-}, us = "_title_msd5s_1", hs = "_subtitle_msd5s_5", ps = "_productsBlock_msd5s_14", ms = "_top_msd5s_26", fs = "_products_msd5s_14", gs = "_product_msd5s_14", _s = "_button_msd5s_80", vs = "_disabled_msd5s_91", ys = "_buttons_msd5s_118", bs = "_modal_msd5s_125", Is = "_link_msd5s_146", Ns = "_modalOptions_msd5s_152", Ss = "_addButton_msd5s_165", ws = "_deleteButton_msd5s_180", ks = "_closeIcon_msd5s_192", Z = {
+}, us = "_title_msd5s_1", hs = "_subtitle_msd5s_5", ps = "_productsBlock_msd5s_14", ms = "_top_msd5s_26", fs = "_products_msd5s_14", _s = "_product_msd5s_14", gs = "_button_msd5s_80", vs = "_disabled_msd5s_91", ys = "_buttons_msd5s_118", bs = "_modal_msd5s_125", Is = "_link_msd5s_146", Ss = "_modalOptions_msd5s_152", Ns = "_addButton_msd5s_165", ws = "_deleteButton_msd5s_180", xs = "_closeIcon_msd5s_192", Z = {
   title: us,
   subtitle: hs,
   productsBlock: ps,
   top: ms,
   products: fs,
-  product: gs,
-  button: _s,
+  product: _s,
+  button: gs,
   disabled: vs,
   buttons: ys,
   modal: bs,
   link: Is,
-  modalOptions: Ns,
-  addButton: Ss,
+  modalOptions: Ss,
+  addButton: Ns,
   deleteButton: ws,
-  closeIcon: ks
-}, Cs = "_wrapper_1yh21_2", xs = "_label_1yh21_9", $s = "_icon_1yh21_16", Ts = "_text_1yh21_28", Ps = "_content_1yh21_37", Os = "_modal_1yh21_48", As = "_top_1yh21_56", Bs = "_title_1yh21_65", Ms = "_modalContent_1yh21_72", Es = "_images_1yh21_81", qs = "_add_1yh21_91", Ds = "_dragging_1yh21_111", Rs = "_description_1yh21_115", Ls = "_bottom_1yh21_125", zs = "_cancel_1yh21_139", Fs = "_highlight_1yh21_144", Us = "_accent_1yh21_149", js = "_image_1yh21_81", Hs = "_selected_1yh21_169", Vs = "_checkbox_1yh21_177", Ws = "_loading_1yh21_183", Gs = "_spinner_1yh21_197", X = {
-  wrapper: Cs,
-  label: xs,
+  closeIcon: xs
+}, ks = "_wrapper_1yh21_2", Cs = "_label_1yh21_9", $s = "_icon_1yh21_16", Ts = "_text_1yh21_28", Ps = "_content_1yh21_37", Os = "_modal_1yh21_48", As = "_top_1yh21_56", Bs = "_title_1yh21_65", Ms = "_modalContent_1yh21_72", Es = "_images_1yh21_81", qs = "_add_1yh21_91", Ds = "_dragging_1yh21_111", Rs = "_description_1yh21_115", Ls = "_bottom_1yh21_125", zs = "_cancel_1yh21_139", Fs = "_highlight_1yh21_144", js = "_accent_1yh21_149", Us = "_image_1yh21_81", Hs = "_selected_1yh21_169", Vs = "_checkbox_1yh21_177", Ws = "_loading_1yh21_183", Gs = "_spinner_1yh21_197", X = {
+  wrapper: ks,
+  label: Cs,
   icon: $s,
   text: Ts,
   content: Ps,
@@ -571,21 +571,21 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   bottom: Ls,
   cancel: zs,
   highlight: Fs,
-  accent: Us,
-  image: js,
+  accent: js,
+  image: Us,
   selected: Hs,
   checkbox: Vs,
   loading: Ws,
   spinner: Gs
 }, Xs = async () => {
-  const c = localStorage.getItem("shopId") || void 0, s = `${jt.getState().apiUrls.api}/v1/dash/shops/${c}/images`;
+  const c = localStorage.getItem("shopId") || void 0, s = `${Ut.getState().apiUrls.api}/v1/dash/shops/${c}/images`;
   return await Ht({
     url: s,
     withToken: !0,
     method: "get"
   });
 }, Ys = async (c) => {
-  const t = localStorage.getItem("shopId") || void 0, n = `${jt.getState().apiUrls.api}/v1/dash/shops/${t}/images`;
+  const t = localStorage.getItem("shopId") || void 0, n = `${Ut.getState().apiUrls.api}/v1/dash/shops/${t}/images`;
   return await Ht({
     url: n,
     withToken: !0,
@@ -593,7 +593,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     body: c,
     contentType: "mutlipart/form-data"
   });
-}, Ks = "_button_jptux_1", Qs = "_primary_jptux_20", Js = "_primaryHovered_jptux_30", Zs = "_secondary_jptux_35", ei = "_secondaryHovered_jptux_45", ti = "_secondaryAntistock_jptux_50", ni = "_tertiary_jptux_61", si = "_special_jptux_71", ii = "_tertiaryHovered_jptux_75", ai = "_content_jptux_80", oi = "_isAntistock_jptux_88", _e = {
+}, Ks = "_button_jptux_1", Qs = "_primary_jptux_20", Js = "_primaryHovered_jptux_30", Zs = "_secondary_jptux_35", ei = "_secondaryHovered_jptux_45", ti = "_secondaryAntistock_jptux_50", ni = "_tertiary_jptux_61", si = "_special_jptux_71", ii = "_tertiaryHovered_jptux_75", ai = "_content_jptux_80", oi = "_isAntistock_jptux_88", ge = {
   button: Ks,
   primary: Qs,
   primaryHovered: Js,
@@ -614,34 +614,34 @@ 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: u } = ze(), 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, x = {
     onClick: s,
     disabled: i,
     style: n,
-    className: q(_e.button, a, {
-      [_e.primary]: d === "Primary",
-      [_e.secondary]: d === "Secondary" && !u,
-      [_e.secondaryAntistock]: d === "Secondary" && u,
-      [_e.tertiary]: d === "Tertiary",
-      [_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
+    className: q(ge.button, a, {
+      [ge.primary]: d === "Primary",
+      [ge.secondary]: d === "Secondary" && !u,
+      [ge.secondaryAntistock]: d === "Secondary" && u,
+      [ge.tertiary]: d === "Tertiary",
+      [ge.primaryHovered]: d === "Primary" && !i && o.buttons.primary.hover && !u,
+      [ge.secondaryHovered]: d === "Secondary" && !i && o.buttons.secondary.hover && !u,
+      [ge.tertiaryHovered]: d === "Tertiary" && !i && o.buttons.tertiary.hover && !u,
+      [ge.isAntistock]: u
     })
   };
   if (d === "Special")
     return /* @__PURE__ */ e(
       "button",
       {
-        ...k,
-        className: _e.special,
+        ...x,
+        className: ge.special,
         ...r ? { dangerouslySetInnerHTML: r } : { children: g(t) }
       }
     );
-  const _ = d.toLowerCase(), f = o.buttons[_], I = d === "Tertiary" ? /* @__PURE__ */ h("div", { className: _e.content, children: [
+  const _ = d.toLowerCase(), f = o.buttons[_], I = d === "Tertiary" ? /* @__PURE__ */ h("div", { className: ge.content, children: [
     g(t),
     /* @__PURE__ */ e(
-      x,
+      C,
       {
         name: "ArrowRight",
         fill: "var(--text-tertiary)",
@@ -653,7 +653,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   return /* @__PURE__ */ e(
     "button",
     {
-      ...k,
+      ...x,
       style: {
         ...n,
         textAlign: f.alignment
@@ -661,7 +661,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       ...r ? { dangerouslySetInnerHTML: r } : { children: I }
     }
   );
-}, tt = (c) => {
+}, nt = (c) => {
   const { label: t, onChange: s, activeImage: n, tip: a } = c, { setOpenModal: i, setOnChange: d, setTip: r } = Vt();
   return /* @__PURE__ */ e(G, { children: /* @__PURE__ */ h(
     "div",
@@ -690,7 +690,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
                   }
                 }
               ) : /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: "Plus",
                   width: 20,
@@ -700,7 +700,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
               ) }),
               /* @__PURE__ */ e("span", { className: X.text, children: n ? "Change Image" : "Select Image" }),
               n && /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: "X",
                   width: 20,
@@ -718,17 +718,17 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       ]
     }
   ) });
-}, Md = () => {
-  const { setOpenModal: c, onChange: t, tip: s, setTip: n } = Vt(), { setIsOpen: a } = be(), [i, d] = b.useState(!1), r = () => {
+}, Dd = () => {
+  const { setOpenModal: c, onChange: t, tip: s, setTip: n } = Vt(), { setIsOpen: a } = Ie(), [i, d] = b.useState(!1), r = () => {
     var y;
     (y = o.current) == null || y.click();
-  }, o = b.useRef(null), [u, g] = b.useState([]), [k, _] = b.useState(!1), f = async (y) => {
+  }, o = b.useRef(null), [u, g] = b.useState([]), [x, _] = 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 = [...u];
+    const N = new FormData();
+    N.append("file", w), _(!0);
+    const { data: $ } = await Ys(N), A = [...u];
     A.unshift({
       ...$.data,
       cfId: $.data.path
@@ -747,9 +747,9 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       c(!1), a(!0);
     }, 300);
   }, m = (y) => {
-    const w = u.map((S) => ({
-      ...S,
-      isSelected: S.id === y.id ? !S.isSelected : !1
+    const w = u.map((N) => ({
+      ...N,
+      isSelected: N.id === y.id ? !N.isSelected : !1
     }));
     g([...w]);
   };
@@ -759,11 +759,11 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
   }
   return b.useEffect(() => {
     (async () => {
-      const { data: w } = await Xs(), S = w.data.map(($) => ({
+      const { data: w } = await Xs(), N = w.data.map(($) => ({
         ...$,
         isSelected: !1
       }));
-      g(S);
+      g(N);
     })();
   }, []), /* @__PURE__ */ h(
     "div",
@@ -774,7 +774,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
         /* @__PURE__ */ h("div", { className: X.top, children: [
           /* @__PURE__ */ e("h4", { className: X.title, children: "Select Image" }),
           /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "X",
               width: 20,
@@ -811,7 +811,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
                     }),
                     children: [
                       /* @__PURE__ */ e("div", { className: X.icon, children: /* @__PURE__ */ e(
-                        x,
+                        C,
                         {
                           name: "Plus",
                           width: 20,
@@ -842,7 +842,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
               ]
             }
           ),
-          k && /* @__PURE__ */ e(Ot, {}),
+          x && /* @__PURE__ */ e(Ot, {}),
           u.map((y) => /* @__PURE__ */ e(
             ci,
             {
@@ -892,7 +892,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
       },
       children: [
         /* @__PURE__ */ e("div", { className: X.checkbox, children: /* @__PURE__ */ e(
-          Rl,
+          zl,
           {
             value: t.isSelected,
             onChange: (n) => {
@@ -916,7 +916,7 @@ const wn = "_block_kh9z8_8", kn = "_title_kh9z8_16", Cn = "_subtitle_kh9z8_23",
     t.id
   );
 }, Ot = () => /* @__PURE__ */ e("div", { className: X.loading, children: /* @__PURE__ */ e("div", { className: X.spinner }) });
-function nt(c, t) {
+function st(c, t) {
   b.useEffect(() => {
     function s(n) {
       !c.current || c.current.contains(n.target) || t(n);
@@ -929,7 +929,7 @@ function nt(c, t) {
 const ri = b.forwardRef(
   (c, t) => {
     const { activeItem: s, setActiveItem: n, popupPosition: a, modalOptions: i, setIsOpenModal: d } = c;
-    nt(t, () => {
+    st(t, () => {
       n(null), d(!1);
     });
     function r(o, u) {
@@ -951,7 +951,7 @@ const ri = b.forwardRef(
           /* @__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,
+              C,
               {
                 name: "X",
                 height: 20,
@@ -965,7 +965,7 @@ const ri = b.forwardRef(
           /* @__PURE__ */ e("div", { className: Z.modalOptions, children: i.map((o) => {
             if (o.type === "image")
               return /* @__PURE__ */ e(
-                tt,
+                nt,
                 {
                   label: "Put up an attractive image",
                   activeImage: s[o.field],
@@ -1023,7 +1023,7 @@ const ri = b.forwardRef(
               );
             if (o.type === "input")
               return /* @__PURE__ */ e(
-                ge,
+                _e,
                 {
                   onChange: (u) => {
                     const g = {
@@ -1040,7 +1040,7 @@ const ri = b.forwardRef(
             if (o.type === "inputSwitch")
               return /* @__PURE__ */ h("div", { className: Z.link, children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  _e,
                   {
                     onChange: (u) => {
                       const g = {
@@ -1172,7 +1172,7 @@ const ri = b.forwardRef(
   other: li,
   subtitle: di,
   items: ui
-}, Ve = (c) => {
+}, We = (c) => {
   const { items: t, otherTitle: s, tagsTitle: n } = c;
   return /* @__PURE__ */ h("div", { className: yt.other, children: [
     /* @__PURE__ */ e("h5", { className: yt.subtitle, children: s || n }),
@@ -1197,10 +1197,10 @@ function hi({ product: c, children: t }) {
     transform: i,
     transition: d,
     isDragging: r
-  } = Ze({
+  } = et({
     id: c.id
   }), o = {
-    transform: et.Transform.toString(i),
+    transform: tt.Transform.toString(i),
     transition: d
   };
   return /* @__PURE__ */ e(
@@ -1227,7 +1227,7 @@ const pi = (c) => {
     editable: o = !0,
     draggable: u = !1,
     withImage: g = !1,
-    deletable: k = !0,
+    deletable: x = !0,
     addable: _ = !0,
     itemsType: f,
     itemsPlaceholder: I = "",
@@ -1236,16 +1236,16 @@ const pi = (c) => {
     rangeSelectorOptions: p,
     modalOptions: y,
     addableOptions: w = {},
-    limit: S,
+    limit: N,
     autoInterval: $,
     tip: A,
     aspectRatio: O,
     setAspectRatio: v
-  } = c, [T, M] = b.useState(null), [L, N] = b.useState({
+  } = c, [T, M] = b.useState(null), [L, S] = b.useState({
     top: 0,
     left: 0
-  }), [C, D] = b.useState(null), E = b.useRef(null), [V, P] = b.useState(!1), z = Ge(
-    Xe(Je, {
+  }), [k, D] = b.useState(null), E = b.useRef(null), [V, P] = b.useState(!1), z = Xe(
+    Ye(Ze, {
       activationConstraint: {
         distance: 5
       }
@@ -1257,16 +1257,16 @@ const pi = (c) => {
       a(B);
     }
   }, [T]), b.useEffect(() => {
-    if (E.current && C) {
+    if (E.current && k) {
       const B = E.current.getBoundingClientRect().height, W = window.innerHeight;
-      let Y = C.top;
-      Y + B > W + window.scrollY - 200 && (Y = W + window.scrollY - B - 200), Y < 0 && (Y = 10), N({
+      let Y = k.top;
+      Y + B > W + window.scrollY - 200 && (Y = W + window.scrollY - B - 200), Y < 0 && (Y = 10), S({
         top: Y - 30,
-        left: C.left
+        left: k.left
       });
     }
-  }, [E.current, C]);
-  const U = (B, W) => {
+  }, [E.current, k]);
+  const j = (B, W) => {
     B.stopPropagation();
     const Y = B.target.getBoundingClientRect();
     D({
@@ -1274,12 +1274,12 @@ const pi = (c) => {
       left: Y.left - (_ ? 30 : 65)
     }), M(W), P(!0);
   }, F = (B, W) => {
-    const Y = [...n], Ie = {
+    const Y = [...n], Se = {
       ...B,
       id: Math.random().toString(36).substr(2, 9)
       // Генерируем новый уникальный ID
     };
-    Y.splice(W + 1, 0, Ie), a(Y);
+    Y.splice(W + 1, 0, Se), a(Y);
   };
   function se(B) {
     if (g)
@@ -1292,7 +1292,7 @@ const pi = (c) => {
           height: 16
         }
       ) : /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "Image",
           width: 16,
@@ -1304,17 +1304,17 @@ 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), Ue = n.findIndex((R) => R.id === Y.id);
-      if (Ie !== -1 && Ue !== -1) {
-        const R = [...n], [ie] = R.splice(Ie, 1);
-        R.splice(Ue, 0, ie), a(R);
+      const Se = n.findIndex((R) => R.id === W.id), je = n.findIndex((R) => R.id === Y.id);
+      if (Se !== -1 && je !== -1) {
+        const R = [...n], [ie] = R.splice(Se, 1);
+        R.splice(je, 0, ie), a(R);
       }
     }
   }, Q = (B, W) => {
-    var Ie, Ue;
+    var Se, je;
     const Y = /* @__PURE__ */ h(G, { children: [
       u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1326,20 +1326,20 @@ const pi = (c) => {
         ue,
         {
           onChange: (R) => {
-            const ie = [...n], Ne = l.find((we) => we.name["en-US"] === R);
+            const ie = [...n], Ne = l.find((xe) => xe.name["en-US"] === R);
             if (!Ne) return;
-            const Se = ie.map((we) => we.id === B.id ? {
+            const we = ie.map((xe) => xe.id === B.id ? {
               ...Ne,
               name: {
                 "en-US": R
               }
-            } : we);
+            } : xe);
             M({
               ...B,
               name: {
                 "en-US": R
               }
-            }), a([...Se]);
+            }), a([...we]);
           },
           value: B.name["en-US"],
           options: l.filter((R) => !n.find((ie) => ie.name["en-US"] === R.name["en-US"])).map((R) => R.name["en-US"]),
@@ -1356,20 +1356,20 @@ const pi = (c) => {
         nn,
         {
           onChange: (R) => {
-            const ie = [...n], Ne = l.find((we) => we.name["en-US"] === R);
+            const ie = [...n], Ne = l.find((xe) => xe.name["en-US"] === R);
             if (!Ne) return;
-            const Se = ie.map((we) => we.id === B.id ? {
+            const we = ie.map((xe) => xe.id === B.id ? {
               ...Ne,
               name: {
                 "en-US": R
               }
-            } : we);
+            } : xe);
             M({
               ...B,
               name: {
                 "en-US": R
               }
-            }), a([...Se]);
+            }), a([...we]);
           },
           value: B.name["en-US"],
           options: l.filter((R) => !n.find((ie) => ie.name["en-US"] === R.name["en-US"])).map((R) => R.name["en-US"]),
@@ -1383,15 +1383,15 @@ const pi = (c) => {
         }
       ),
       f === "input" && /* @__PURE__ */ e(
-        ge,
+        _e,
         {
           onChange: (R) => {
-            const Ne = [...n].map((Se) => Se.id === B.id ? {
+            const Ne = [...n].map((we) => we.id === B.id ? {
               ...B,
               name: {
                 "en-US": R
               }
-            } : Se);
+            } : we);
             a([...Ne]);
           },
           value: B.name["en-US"],
@@ -1399,22 +1399,22 @@ const pi = (c) => {
         }
       ),
       f === "image" && /* @__PURE__ */ e(
-        tt,
+        nt,
         {
           onChange: (R) => {
-            const Ne = [...n].map((Se) => Se.id === B.id ? {
+            const Ne = [...n].map((we) => we.id === B.id ? {
               ...B,
               images: R
-            } : Se);
+            } : we);
             a([...Ne]);
           },
-          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,
+          activeImage: (Se = n.find((R) => R.id === B.id)) != null && Se.images ? (je = n.find((R) => R.id === B.id)) == null ? void 0 : je.images[0] : void 0,
           tip: A
         }
       ),
       /* @__PURE__ */ h("div", { className: Z.buttons, children: [
-        S && S > n.length && _ && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
-          x,
+        N && N > n.length && _ && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
+          C,
           {
             name: "Copy",
             hoverable: !0,
@@ -1426,19 +1426,19 @@ const pi = (c) => {
           }
         ) }),
         o && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
             onClick: (R) => {
-              U(R, B);
+              j(R, B);
             }
           }
         ) }),
-        k && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
-          x,
+        x && /* @__PURE__ */ e("div", { className: Z.deleteButton, children: /* @__PURE__ */ e(
+          C,
           {
             name: "Trash",
             hoverable: !0,
@@ -1489,19 +1489,19 @@ const pi = (c) => {
         setIsOpenModal: P
       }
     ),
-    (t === void 0 || t) && m && p && /* @__PURE__ */ e(xt, { ...p }),
+    (t === void 0 || t) && m && p && /* @__PURE__ */ e(Ct, { ...p }),
     (t === void 0 || t) && /* @__PURE__ */ h("div", { className: Z.products, children: [
       r && /* @__PURE__ */ e("h5", { className: Z.subtitle, children: r }),
       u ? /* @__PURE__ */ e(
-        Ye,
+        Ke,
         {
           sensors: z,
           onDragEnd: te,
           children: /* @__PURE__ */ e(
-            Ke,
+            Qe,
             {
               items: n.map((B) => B.id),
-              strategy: Qe,
+              strategy: Je,
               children: n.map((B, W) => Q(B, W))
             }
           )
@@ -1520,16 +1520,16 @@ const pi = (c) => {
             {
               withoutHover: !0,
               className: q(Z.button, {
-                [Z.disabled]: !!(S && S <= n.length || n.length === (l == null ? void 0 : l.length))
+                [Z.disabled]: !!(N && N <= n.length || n.length === (l == null ? void 0 : l.length))
               }),
               size: "s",
-              disabled: !!(S && S <= n.length || n.length === (l == null ? void 0 : l.length)),
+              disabled: !!(N && N <= n.length || n.length === (l == null ? void 0 : l.length)),
               onClick: () => {
                 const B = [...n];
                 let W = null;
                 if (l) {
                   for (let Y = 0; Y < l.length; Y++)
-                    if (!n.find((Ie) => Ie.id === l[Y].id)) {
+                    if (!n.find((Se) => Se.id === l[Y].id)) {
                       W = l[Y];
                       break;
                     }
@@ -1558,7 +1558,7 @@ const pi = (c) => {
               children: /* @__PURE__ */ h("div", { className: Z.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Plus",
                     width: 16,
@@ -1576,20 +1576,20 @@ const pi = (c) => {
       {
         value: O,
         label: "Aspect Ratio",
-        options: Object.keys(Ct),
+        options: Object.keys(kt),
         onChange: (B) => v(B),
-        leftAddonOptions: kt
+        leftAddonOptions: xt
       }
     ),
     (t === void 0 || t) && i !== void 0 && /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         otherTitle: "Other",
         items: i
       }
     ),
     (t === void 0 || t) && $ !== void 0 && /* @__PURE__ */ e(
-      ge,
+      _e,
       {
         label: $.title || "Auto scroll interval",
         type: "number",
@@ -1604,22 +1604,22 @@ const pi = (c) => {
       }
     )
   ] });
-}, mi = "_title_82zux_1", fi = "_subtitle_82zux_5", gi = "_productsBlock_82zux_14", _i = "_top_82zux_26", vi = "_products_82zux_14", yi = "_product_82zux_14", bi = "_button_82zux_80", Ii = "_disabled_82zux_91", Ni = "_buttons_82zux_118", Si = "_addButton_82zux_157", wi = "_deleteButton_82zux_179", pe = {
+}, mi = "_title_82zux_1", fi = "_subtitle_82zux_5", _i = "_productsBlock_82zux_14", gi = "_top_82zux_26", vi = "_products_82zux_14", yi = "_product_82zux_14", bi = "_button_82zux_80", Ii = "_disabled_82zux_91", Si = "_buttons_82zux_118", Ni = "_addButton_82zux_157", wi = "_deleteButton_82zux_179", pe = {
   title: mi,
   subtitle: fi,
-  productsBlock: gi,
-  top: _i,
+  productsBlock: _i,
+  top: gi,
   products: vi,
   product: yi,
   button: bi,
   disabled: Ii,
-  buttons: Ni,
-  addButton: Si,
+  buttons: Si,
+  addButton: Ni,
   deleteButton: wi
-}, ki = "_button_1gxoe_1", Ci = "_primary_1gxoe_14", xi = "_secondary_1gxoe_22", $i = "_tertiary_1gxoe_30", Ti = "_content_1gxoe_38", Pi = "_withoutHover_1gxoe_45", De = {
-  button: ki,
-  primary: Ci,
-  secondary: xi,
+}, xi = "_button_1gxoe_1", ki = "_primary_1gxoe_14", Ci = "_secondary_1gxoe_22", $i = "_tertiary_1gxoe_30", Ti = "_content_1gxoe_38", Pi = "_withoutHover_1gxoe_45", De = {
+  button: xi,
+  primary: ki,
+  secondary: Ci,
   tertiary: $i,
   content: Ti,
   withoutHover: Pi
@@ -1652,7 +1652,7 @@ const pi = (c) => {
       children: r === "Tertiary" ? /* @__PURE__ */ h("div", { className: De.content, children: [
         t,
         /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "ArrowRight",
             fill: "#757575",
@@ -1672,10 +1672,10 @@ function Oi({ id: c, children: t }) {
     transform: i,
     transition: d,
     isDragging: r
-  } = Ze({
+  } = et({
     id: c
   }), o = {
-    transform: et.Transform.toString(i),
+    transform: tt.Transform.toString(i),
     transition: d
   };
   return /* @__PURE__ */ e(
@@ -1690,7 +1690,7 @@ function Oi({ id: c, children: t }) {
     }
   );
 }
-const Ed = (c) => {
+const Rd = (c) => {
   const {
     isActiveItems: t,
     setIsActiveItems: s,
@@ -1702,7 +1702,7 @@ const Ed = (c) => {
     subtitle: o,
     draggable: u = !1,
     withImage: g = !1,
-    addable: k = !0,
+    addable: x = !0,
     itemsOptions: _,
     hasRangeSelector: f = !1,
     rangeSelectorOptions: I,
@@ -1711,8 +1711,8 @@ const Ed = (c) => {
     deletable: p,
     aspectRatio: y,
     setAspectRatio: w
-  } = c, S = Ge(
-    Xe(Je, {
+  } = c, N = Xe(
+    Ye(Ze, {
       activationConstraint: {
         distance: 5
       }
@@ -1720,10 +1720,10 @@ const Ed = (c) => {
   ), $ = (v) => {
     const { active: T, over: M } = v;
     if (M && T.id !== M.id) {
-      const L = n.findIndex((C) => C === T.id), N = n.findIndex((C) => C === M.id);
-      if (L !== -1 && N !== -1) {
-        const C = [...n], [D] = C.splice(L, 1);
-        C.splice(N, 0, D), a(C);
+      const L = n.findIndex((k) => k === T.id), S = n.findIndex((k) => k === M.id);
+      if (L !== -1 && S !== -1) {
+        const k = [...n], [D] = k.splice(L, 1);
+        k.splice(S, 0, D), a(k);
       }
     }
   };
@@ -1738,7 +1738,7 @@ const Ed = (c) => {
           height: 16
         }
       ) : /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "Image",
           width: 16,
@@ -1748,11 +1748,11 @@ const Ed = (c) => {
       );
   }
   const O = (v, T = !1) => {
-    const M = _.find((N) => N.id === v);
+    const M = _.find((S) => S.id === v);
     if (!M) return;
     const L = /* @__PURE__ */ h(G, { children: [
       u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -1763,29 +1763,29 @@ const Ed = (c) => {
       /* @__PURE__ */ e(
         ue,
         {
-          onChange: (N) => {
-            const C = [...n], D = _.find((P) => P.name === N);
+          onChange: (S) => {
+            const k = [...n], D = _.find((P) => P.name === S);
             if (!D) return;
-            const E = D.id, V = C.map((P) => P === v ? E : P);
+            const E = D.id, V = k.map((P) => P === v ? E : P);
             a([...V]);
           },
           value: M.name,
-          options: _.filter((N) => !n.find((C) => C === N.id)).map((N) => N.name),
-          leftAddonOptions: _.map((N) => ({
-            value: N.name,
-            addon: A(N.images)
+          options: _.filter((S) => !n.find((k) => k === S.id)).map((S) => S.name),
+          leftAddonOptions: _.map((S) => ({
+            value: S.name,
+            addon: A(S.images)
           }))
         }
       ),
       T && /* @__PURE__ */ e("div", { className: pe.buttons, children: /* @__PURE__ */ e("div", { className: pe.deleteButton, children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "Trash",
           hoverable: !0,
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => a(n.filter((N) => N !== v))
+          onClick: () => a(n.filter((S) => S !== v))
         }
       ) }) })
     ] });
@@ -1816,25 +1816,25 @@ const Ed = (c) => {
         }
       )
     ] }),
-    f && I && /* @__PURE__ */ e(xt, { ...I }),
+    f && I && /* @__PURE__ */ e(Ct, { ...I }),
     /* @__PURE__ */ h("div", { className: pe.products, children: [
       o && /* @__PURE__ */ e("h5", { className: pe.subtitle, children: o }),
       u ? /* @__PURE__ */ e(
-        Ye,
+        Ke,
         {
-          sensors: S,
+          sensors: N,
           onDragEnd: $,
           children: /* @__PURE__ */ e(
-            Ke,
+            Qe,
             {
               items: n,
-              strategy: Qe,
+              strategy: Je,
               children: n.map((v) => O(v, p))
             }
           )
         }
       ) : n.map((v) => O(v, p)),
-      k && /* @__PURE__ */ e(
+      x && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -1870,7 +1870,7 @@ const Ed = (c) => {
               children: /* @__PURE__ */ h("div", { className: pe.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Plus",
                     width: 16,
@@ -1888,27 +1888,27 @@ const Ed = (c) => {
       {
         value: y,
         label: "Aspect Ratio",
-        options: Object.keys(Ct),
+        options: Object.keys(kt),
         onChange: (v) => w(v),
-        leftAddonOptions: kt
+        leftAddonOptions: xt
       }
     ),
     d !== void 0 && /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         tagsTitle: "Tags",
         items: d
       }
     ),
     i !== void 0 && /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         otherTitle: "Other",
         items: i
       }
     ),
     m !== void 0 && /* @__PURE__ */ e(
-      ge,
+      _e,
       {
         label: "Auto scroll interval",
         type: "number",
@@ -1923,7 +1923,7 @@ const Ed = (c) => {
       }
     )
   ] });
-}, Ai = "_title_roi3a_1", Bi = "_subtitle_roi3a_5", Mi = "_productsBlock_roi3a_14", Ei = "_top_roi3a_26", qi = "_products_roi3a_14", Di = "_product_roi3a_14", Ri = "_button_roi3a_80", Li = "_disabled_roi3a_91", zi = "_buttons_roi3a_118", Fi = "_addButton_roi3a_164", Ui = "_deleteButton_roi3a_179", de = {
+}, Ai = "_title_roi3a_1", Bi = "_subtitle_roi3a_5", Mi = "_productsBlock_roi3a_14", Ei = "_top_roi3a_26", qi = "_products_roi3a_14", Di = "_product_roi3a_14", Ri = "_button_roi3a_80", Li = "_disabled_roi3a_91", zi = "_buttons_roi3a_118", Fi = "_addButton_roi3a_164", ji = "_deleteButton_roi3a_179", de = {
   title: Ai,
   subtitle: Bi,
   productsBlock: Mi,
@@ -1934,9 +1934,9 @@ const Ed = (c) => {
   disabled: Li,
   buttons: zi,
   addButton: Fi,
-  deleteButton: Ui
+  deleteButton: ji
 };
-function ji({ product: c, children: t }) {
+function Ui({ product: c, children: t }) {
   const {
     attributes: s,
     listeners: n,
@@ -1944,10 +1944,10 @@ function ji({ product: c, children: t }) {
     transform: i,
     transition: d,
     isDragging: r
-  } = Ze({
+  } = et({
     id: c.id
   }), o = {
-    transform: et.Transform.toString(i),
+    transform: tt.Transform.toString(i),
     transition: d
   };
   return /* @__PURE__ */ e(
@@ -1962,7 +1962,7 @@ function ji({ product: c, children: t }) {
     }
   );
 }
-const qd = (c) => {
+const Ld = (c) => {
   const {
     isActiveItems: t,
     setIsActiveItems: s,
@@ -1974,12 +1974,12 @@ const qd = (c) => {
     draggable: o = !1,
     deletable: u = !0,
     addable: g = !0,
-    itemsType: k,
+    itemsType: x,
     itemsOptions: _,
     addableOptions: f = {},
     limit: I
-  } = c, [l, m] = b.useState(null), [p, y] = b.useState(null), w = b.useRef(null), S = Ge(
-    Xe(Je, {
+  } = c, [l, m] = b.useState(null), [p, y] = b.useState(null), w = b.useRef(null), N = Xe(
+    Ye(Ze, {
       activationConstraint: {
         distance: 5
       }
@@ -2003,16 +2003,16 @@ const qd = (c) => {
   }, A = (v) => {
     const { active: T, over: M } = v;
     if (M && T.id !== M.id) {
-      const L = n.findIndex((C) => C.id === T.id), N = n.findIndex((C) => C.id === M.id);
-      if (L !== -1 && N !== -1) {
-        const C = [...n], [D] = C.splice(L, 1);
-        C.splice(N, 0, D), a(C);
+      const L = n.findIndex((k) => k.id === T.id), S = n.findIndex((k) => k.id === M.id);
+      if (L !== -1 && S !== -1) {
+        const k = [...n], [D] = k.splice(L, 1);
+        k.splice(S, 0, D), a(k);
       }
     }
   }, O = (v, T) => {
     const M = /* @__PURE__ */ h(G, { children: [
       o && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -2020,14 +2020,14 @@ const qd = (c) => {
           height: 20
         }
       ) }),
-      k === "select" && _ && /* @__PURE__ */ e(
+      x === "select" && _ && /* @__PURE__ */ e(
         ue,
         {
           onChange: (L) => {
-            const N = [...n], C = _.find((E) => E.name === L);
-            if (!C) return;
-            const D = N.map((E) => E.id === v.id ? {
-              ...C,
+            const S = [...n], k = _.find((E) => E.name === L);
+            if (!k) return;
+            const D = S.map((E) => E.id === v.id ? {
+              ...k,
               name: {
                 "en-US": L
               }
@@ -2040,12 +2040,12 @@ const qd = (c) => {
             }), a([...D]);
           },
           value: v.name,
-          options: _.filter((L) => !n.find((N) => N.name === L.name)).map((L) => L.name)
+          options: _.filter((L) => !n.find((S) => S.name === L.name)).map((L) => L.name)
         }
       ),
       /* @__PURE__ */ h("div", { className: de.buttons, children: [
         r && /* @__PURE__ */ e("div", { className: de.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Sliders",
             hoverable: !0,
@@ -2055,7 +2055,7 @@ const qd = (c) => {
           }
         ) }),
         u && /* @__PURE__ */ e("div", { className: de.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Trash",
             hoverable: !0,
@@ -2068,7 +2068,7 @@ const qd = (c) => {
       ] })
     ] });
     return o ? /* @__PURE__ */ e(
-      ji,
+      Ui,
       {
         product: v,
         index: T,
@@ -2098,15 +2098,15 @@ const qd = (c) => {
     /* @__PURE__ */ h("div", { className: de.products, children: [
       d && /* @__PURE__ */ e("h5", { className: de.subtitle, children: d }),
       o ? /* @__PURE__ */ e(
-        Ye,
+        Ke,
         {
-          sensors: S,
+          sensors: N,
           onDragEnd: A,
           children: /* @__PURE__ */ e(
-            Ke,
+            Qe,
             {
               items: n.map((v) => v.id),
-              strategy: Qe,
+              strategy: Je,
               children: n.map((v, T) => O(v, T))
             }
           )
@@ -2139,7 +2139,7 @@ const qd = (c) => {
                       break;
                     }
                 }
-                k === "select" && _ && v.push({
+                x === "select" && _ && v.push({
                   name: T ? T.name : _[0].name,
                   id: (T == null ? void 0 : T.id) || _[0].id,
                   ...f
@@ -2151,7 +2151,7 @@ const qd = (c) => {
               children: /* @__PURE__ */ h("div", { className: de.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Plus",
                     width: 16,
@@ -2184,7 +2184,7 @@ const qd = (c) => {
 }, aa = b.forwardRef(
   (c, t) => {
     const { activeItem: s, setActiveItem: n, popupPosition: a, modalOptions: i, setIsOpenModal: d } = c;
-    return nt(t, () => {
+    return st(t, () => {
       n(null), d(!1);
     }), /* @__PURE__ */ h(
       "div",
@@ -2202,7 +2202,7 @@ const qd = (c) => {
           /* @__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,
+              C,
               {
                 name: "X",
                 height: 20,
@@ -2217,7 +2217,7 @@ const qd = (c) => {
           /* @__PURE__ */ e("div", { className: ee.modalOptions, children: i.map((r) => {
             if (r.type === "image")
               return /* @__PURE__ */ e(
-                tt,
+                nt,
                 {
                   label: "Put up an attractive image",
                   activeImage: s[r.field],
@@ -2275,7 +2275,7 @@ const qd = (c) => {
               );
             if (r.type === "input")
               return /* @__PURE__ */ e(
-                ge,
+                _e,
                 {
                   onChange: (o) => {
                     const u = {
@@ -2293,7 +2293,7 @@ const qd = (c) => {
               );
             if (r.type === "inputNumber")
               return /* @__PURE__ */ e(
-                ge,
+                _e,
                 {
                   onChange: (o) => {
                     const u = {
@@ -2311,7 +2311,7 @@ const qd = (c) => {
             if (r.type === "inputSwitch")
               return /* @__PURE__ */ h("div", { className: ee.link, children: [
                 /* @__PURE__ */ e(
-                  ge,
+                  _e,
                   {
                     onChange: (o) => {
                       const u = {
@@ -2366,10 +2366,10 @@ 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({
+  const { product: t, children: s } = c, { attributes: n, listeners: a, setNodeRef: i, transform: d, transition: r, isDragging: o } = et({
     id: t.id
   }), u = {
-    transform: et.Transform.toString(d),
+    transform: tt.Transform.toString(d),
     transition: r
   };
   return /* @__PURE__ */ e(
@@ -2384,7 +2384,7 @@ function oa(c) {
     }
   );
 }
-const Dd = (c) => {
+const zd = (c) => {
   const {
     isActiveItems: t,
     setIsActiveItems: s,
@@ -2396,7 +2396,7 @@ const Dd = (c) => {
     editable: o = !0,
     draggable: u = !1,
     deletable: g = !0,
-    addable: k = !0,
+    addable: x = !0,
     itemsType: _,
     itemsPlaceholder: f = "",
     itemsOptions: I,
@@ -2405,11 +2405,11 @@ const Dd = (c) => {
     modalOptions: p,
     addableOptions: y = {},
     limit: w
-  } = c, [S, $] = b.useState(null), [A, O] = b.useState({
+  } = c, [N, $] = b.useState(null), [A, O] = b.useState({
     top: 0,
     left: 0
-  }), [v, T] = b.useState(null), M = b.useRef(null), [L, N] = b.useState(!1), C = Ge(
-    Xe(Je, {
+  }), [v, T] = b.useState(null), M = b.useRef(null), [L, S] = b.useState(!1), k = Xe(
+    Ye(Ze, {
       activationConstraint: {
         distance: 5
       }
@@ -2417,47 +2417,47 @@ const Dd = (c) => {
   );
   b.useEffect(() => {
     const P = () => {
-      $(null), N(!1);
+      $(null), S(!1);
     };
-    return document.body.addEventListener("click", P), $(null), N(!1), () => {
-      $(null), N(!1), document.body.removeEventListener("click", P);
+    return document.body.addEventListener("click", P), $(null), S(!1), () => {
+      $(null), S(!1), document.body.removeEventListener("click", P);
     };
   }, []), b.useEffect(() => {
-    if (S) {
-      const P = [...n].map((z) => z.id === S.id ? S : z);
+    if (N) {
+      const P = [...n].map((z) => z.id === N.id ? N : z);
       a(P);
     }
-  }, [S]), b.useEffect(() => {
+  }, [N]), b.useEffect(() => {
     if (M.current && v) {
       const P = M.current.getBoundingClientRect().height, z = window.innerHeight;
-      let U = v.top;
-      U + P > z + window.scrollY - 200 && (U = z + window.scrollY - P - 200), U < 0 && (U = 10), O({
-        top: U,
+      let j = v.top;
+      j + P > z + window.scrollY - 200 && (j = z + window.scrollY - P - 200), j < 0 && (j = 10), O({
+        top: j,
         left: v.left
       });
     }
   }, [M.current, v]);
   const D = (P, z) => {
     P.stopPropagation();
-    const U = P.target.getBoundingClientRect();
+    const j = P.target.getBoundingClientRect();
     T({
-      top: U.top + window.scrollY,
-      left: U.left - 30
-    }), $(z), N(!0);
+      top: j.top + window.scrollY,
+      left: j.left - 30
+    }), $(z), S(!0);
   }, E = (P) => {
-    const { active: z, over: U } = P;
-    if (U && z.id !== U.id) {
-      const F = n.findIndex((te) => te.id === z.id), se = n.findIndex((te) => te.id === U.id);
+    const { active: z, over: j } = P;
+    if (j && z.id !== j.id) {
+      const F = n.findIndex((te) => te.id === z.id), se = n.findIndex((te) => te.id === j.id);
       if (F !== -1 && se !== -1) {
         const te = [...n], [Q] = te.splice(F, 1);
         te.splice(se, 0, Q), a(te);
       }
     }
   }, V = (P) => {
-    var U;
+    var j;
     const z = /* @__PURE__ */ h(G, { children: [
       u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -2489,7 +2489,7 @@ const Dd = (c) => {
         }
       ),
       _ === "input" && /* @__PURE__ */ e(
-        ge,
+        _e,
         {
           onChange: (F) => {
             const te = [...n].map((Q) => Q.id === P.id ? {
@@ -2505,7 +2505,7 @@ const Dd = (c) => {
         }
       ),
       _ === "image" && /* @__PURE__ */ e(
-        tt,
+        nt,
         {
           onChange: (F) => {
             const te = [...n].map((Q) => Q.id === P.id ? {
@@ -2514,12 +2514,12 @@ const Dd = (c) => {
             } : Q);
             a([...te]);
           },
-          activeImage: (U = n.find((F) => F.id === P.id)) == null ? void 0 : U.images[0]
+          activeImage: (j = n.find((F) => F.id === P.id)) == null ? void 0 : j.images[0]
         }
       ),
       /* @__PURE__ */ h("div", { className: ee.buttons, children: [
         o && /* @__PURE__ */ e("div", { className: ee.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Sliders",
             hoverable: !0,
@@ -2529,7 +2529,7 @@ const Dd = (c) => {
           }
         ) }),
         g && /* @__PURE__ */ e("div", { className: ee.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Trash",
             hoverable: !0,
@@ -2568,36 +2568,36 @@ const Dd = (c) => {
         }
       )
     ] }),
-    S && o && p && L && /* @__PURE__ */ e(
+    N && o && p && L && /* @__PURE__ */ e(
       aa,
       {
         ref: M,
-        activeItem: S,
+        activeItem: N,
         setActiveItem: $,
         popupPosition: A,
         modalOptions: p,
-        setIsOpenModal: N
+        setIsOpenModal: S
       }
     ),
-    l && m && /* @__PURE__ */ e(xt, { ...m }),
+    l && m && /* @__PURE__ */ e(Ct, { ...m }),
     /* @__PURE__ */ h("div", { className: ee.products, children: [
       r && /* @__PURE__ */ e("h5", { className: ee.subtitle, children: r }),
       u ? /* @__PURE__ */ e(
-        Ye,
+        Ke,
         {
-          sensors: C,
+          sensors: k,
           onDragEnd: E,
           children: /* @__PURE__ */ e(
-            Ke,
+            Qe,
             {
               items: n.map((P) => P.id),
-              strategy: Qe,
+              strategy: Je,
               children: n.map((P) => V(P))
             }
           )
         }
       ) : n.map((P) => V(P)),
-      k && /* @__PURE__ */ e(
+      x && /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -2618,9 +2618,9 @@ const Dd = (c) => {
                 const P = [...n];
                 let z = null;
                 if (I) {
-                  for (let U = 0; U < I.length; U++)
-                    if (!n.find((F) => F.name["en-US"] === I[U])) {
-                      z = I[U];
+                  for (let j = 0; j < I.length; j++)
+                    if (!n.find((F) => F.name["en-US"] === I[j])) {
+                      z = I[j];
                       break;
                     }
                 }
@@ -2654,7 +2654,7 @@ const Dd = (c) => {
               children: /* @__PURE__ */ h("div", { className: ee.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Plus",
                     width: 16,
@@ -2668,7 +2668,7 @@ const Dd = (c) => {
       )
     ] }),
     i !== void 0 && /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         otherTitle: "Other",
         items: i
@@ -2684,8 +2684,8 @@ 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, 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, () => {
+  const { activeButton: s, setActiveButton: n, popupPosition: a, editableLink: i = !0 } = c, [d, r] = b.useState(s.typesText), [o, u] = b.useState(s.destination), [g, x] = 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 } = Ge();
+  return st(t, () => {
     n(null);
   }), b.useEffect(() => {
     n({
@@ -2703,8 +2703,8 @@ const Dd = (c) => {
     "div",
     {
       className: Pe.modal,
-      onClick: (S) => {
-        S.stopPropagation();
+      onClick: (N) => {
+        N.stopPropagation();
       },
       style: {
         top: `${a.top}px`,
@@ -2715,7 +2715,7 @@ const Dd = (c) => {
         /* @__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,
+            C,
             {
               name: "X",
               height: 20,
@@ -2730,8 +2730,8 @@ const Dd = (c) => {
             ue,
             {
               label: "Destination",
-              onChange: (S) => u(S),
-              options: ["Go to Page", "Open Link"].filter((S) => S !== o),
+              onChange: (N) => u(N),
+              options: ["Go to Page", "Open Link"].filter((N) => N !== o),
               value: o
             }
           ),
@@ -2739,28 +2739,28 @@ const Dd = (c) => {
             ue,
             {
               label: "Go to",
-              onChange: (S) => {
-                if (S === "Sign In")
-                  k("/customer-dash");
+              onChange: (N) => {
+                if (N === "Sign In")
+                  x("/customer-dash");
                 else if (y) {
                   for (const $ in y)
-                    if (y[$].name === S) {
-                      k(y[$].path);
+                    if (y[$].name === N) {
+                      x(y[$].path);
                       break;
                     }
                 } else
-                  k(cn[0]);
+                  x(cn[0]);
               },
               options: y ? [
-                ...Object.values(y).filter((S) => S.path !== g).map((S) => S.name),
+                ...Object.values(y).filter((N) => N.path !== g).map((N) => N.name),
                 "Sign In"
               ] : ["Sign In"],
-              value: y ? g === "/customer-dash" ? "Sign In" : ((w = Object.values(y).find((S) => S.path === g)) == null ? void 0 : w.name) || "Home" : "Home"
+              value: y ? g === "/customer-dash" ? "Sign In" : ((w = Object.values(y).find((N) => N.path === g)) == null ? void 0 : w.name) || "Home" : "Home"
             }
           ) : /* @__PURE__ */ e(
-            ge,
+            _e,
             {
-              onChange: (S) => f(S),
+              onChange: (N) => f(N),
               value: _,
               placeholder: "https://",
               label: "Link"
@@ -2771,13 +2771,13 @@ const Dd = (c) => {
             {
               current: s.openInNewTab,
               label: "Open in new tab",
-              onChange: (S) => p(S)
+              onChange: (N) => p(N)
             }
           ),
           /* @__PURE__ */ e(
             Yt,
             {
-              onChange: (S) => l({ "en-US": S }),
+              onChange: (N) => l({ "en-US": N }),
               value: I["en-US"],
               label: "Text"
             }
@@ -2793,34 +2793,34 @@ const Dd = (c) => {
       ]
     }
   );
-}), ma = "_subtitle_jql1y_1", fa = "_products_jql1y_10", ga = "_product_jql1y_10", _a = "_button_jql1y_11", va = "_buttons_jql1y_11", ya = "_addButton_jql1y_150", ba = "_deleteButton_jql1y_165", Ce = {
+}), ma = "_subtitle_jql1y_1", fa = "_products_jql1y_10", _a = "_product_jql1y_10", ga = "_button_jql1y_11", va = "_buttons_jql1y_11", ya = "_addButton_jql1y_150", ba = "_deleteButton_jql1y_165", Ce = {
   subtitle: ma,
   products: fa,
-  product: ga,
-  button: _a,
+  product: _a,
+  button: ga,
   buttons: va,
   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), [u, g] = b.useState({
+  const { buttons: t, setButtons: s, deletable: n = !0, addable: a = !0, editableLink: i = !0 } = c, { pages: d } = Ge(), [r, o] = b.useState(null), [u, g] = b.useState({
     top: 0,
     left: 0
-  }), [k, _] = b.useState(null), f = b.useRef(null);
+  }), [x, _] = b.useState(null), f = b.useRef(null);
   b.useEffect(() => {
     if (r) {
       const m = [...t].map((p) => p.id === r.id ? r : p);
       s(m);
     }
   }, [r]), b.useEffect(() => {
-    if (f.current && k) {
+    if (f.current && x) {
       const m = f.current.getBoundingClientRect().height, p = window.innerHeight;
-      let y = k.top;
+      let y = x.top;
       y + m > p + window.scrollY - 200 && (y = p + window.scrollY - m - 200), y < 0 && (y = 10), g({
         top: y,
-        left: k.left
+        left: x.left
       });
     }
-  }, [f.current, k]);
+  }, [f.current, x]);
   const I = (m, p) => {
     m.stopPropagation();
     const y = m.target.getBoundingClientRect();
@@ -2847,11 +2847,11 @@ const Dd = (c) => {
             ue,
             {
               onChange: (y) => {
-                const S = [...t].map(($) => $.id === m.id ? {
+                const N = [...t].map(($) => $.id === m.id ? {
                   ...m,
                   type: y
                 } : $);
-                s(S);
+                s(N);
               },
               value: m.type,
               options: ["Primary", "Secondary", "Tertiary"]
@@ -2859,7 +2859,7 @@ const Dd = (c) => {
           ),
           /* @__PURE__ */ h("div", { className: Ce.buttons, children: [
             /* @__PURE__ */ e("div", { className: Ce.deleteButton, children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "Copy",
                 hoverable: !0,
@@ -2871,7 +2871,7 @@ const Dd = (c) => {
               }
             ) }),
             /* @__PURE__ */ e("div", { className: Ce.deleteButton, children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "Sliders",
                 hoverable: !0,
@@ -2883,7 +2883,7 @@ const Dd = (c) => {
               }
             ) }),
             n && /* @__PURE__ */ e("div", { className: Ce.deleteButton, children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "Trash",
                 hoverable: !0,
@@ -2955,7 +2955,7 @@ const Dd = (c) => {
             children: /* @__PURE__ */ h("div", { className: Ce.addButton, children: [
               /* @__PURE__ */ e("span", { children: "Add Option" }),
               /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: "Plus",
                   width: 16,
@@ -2968,7 +2968,7 @@ const Dd = (c) => {
       }
     )
   ] });
-}, Rd = (c) => {
+}, Fd = (c) => {
   const {
     isActiveButtons: t,
     setIsActiveButtons: s,
@@ -3000,13 +3000,13 @@ const Dd = (c) => {
       }
     )
   ] }) });
-}, Na = "_wrapper_m18qi_1", Sa = "_subtitle_m18qi_7", wa = "_content_m18qi_14", ka = "_range_m18qi_22", Ca = "_track_m18qi_27", xa = "_progress_m18qi_36", $a = "_dots_m18qi_46", Ta = "_dot_m18qi_46", Pa = "_active_m18qi_65", Oa = "_input_m18qi_77", Aa = "_countBlock_m18qi_91", Ba = "_controls_m18qi_107", Ma = "_button_m18qi_113", ce = {
-  wrapper: Na,
-  subtitle: Sa,
+}, Sa = "_wrapper_m18qi_1", Na = "_subtitle_m18qi_7", wa = "_content_m18qi_14", xa = "_range_m18qi_22", ka = "_track_m18qi_27", Ca = "_progress_m18qi_36", $a = "_dots_m18qi_46", Ta = "_dot_m18qi_46", Pa = "_active_m18qi_65", Oa = "_input_m18qi_77", Aa = "_countBlock_m18qi_91", Ba = "_controls_m18qi_107", Ma = "_button_m18qi_113", ce = {
+  wrapper: Sa,
+  subtitle: Na,
   content: wa,
-  range: ka,
-  track: Ca,
-  progress: xa,
+  range: xa,
+  track: ka,
+  progress: Ca,
   dots: $a,
   dot: Ta,
   active: Pa,
@@ -3014,8 +3014,8 @@ const Dd = (c) => {
   countBlock: Aa,
   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), u = Array.from({ length: (n - s) / a + 1 }), g = (i - s) / (n - s) * 100, k = () => {
+}, Ct = (c) => {
+  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, x = () => {
     i < n && d(i + a);
   }, _ = () => {
     i > s && d(i - a);
@@ -3070,7 +3070,7 @@ const Dd = (c) => {
       ] }),
       /* @__PURE__ */ h("div", { className: ce.countBlock, children: [
         /* @__PURE__ */ e(
-          ge,
+          _e,
           {
             type: "number",
             min: s,
@@ -3087,12 +3087,12 @@ const Dd = (c) => {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: k,
+              onClick: x,
               disabled: i >= n,
               className: ce.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: "CaretUp",
                   width: 15,
@@ -3109,7 +3109,7 @@ const Dd = (c) => {
               className: ce.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ e(
-                x,
+                C,
                 {
                   name: "CaretDown",
                   width: 15,
@@ -3122,7 +3122,7 @@ const Dd = (c) => {
       ] })
     ] })
   ] });
-}, Ea = "_title_11jyy_1", qa = "_subtitle_11jyy_5", Da = "_productsBlock_11jyy_14", Ra = "_top_11jyy_26", La = "_products_11jyy_14", za = "_product_11jyy_14", Fa = "_button_11jyy_80", Ua = "_buttons_11jyy_114", ja = "_modal_11jyy_121", Ha = "_modalOptions_11jyy_148", Va = "_addButton_11jyy_161", Wa = "_deleteButton_11jyy_176", Ga = "_closeIcon_11jyy_188", oe = {
+}, Ea = "_title_11jyy_1", qa = "_subtitle_11jyy_5", Da = "_productsBlock_11jyy_14", Ra = "_top_11jyy_26", La = "_products_11jyy_14", za = "_product_11jyy_14", Fa = "_button_11jyy_80", ja = "_buttons_11jyy_114", Ua = "_modal_11jyy_121", Ha = "_modalOptions_11jyy_148", Va = "_addButton_11jyy_161", Wa = "_deleteButton_11jyy_176", Ga = "_closeIcon_11jyy_188", oe = {
   title: Ea,
   subtitle: qa,
   productsBlock: Da,
@@ -3130,8 +3130,8 @@ const Dd = (c) => {
   products: La,
   product: za,
   button: Fa,
-  buttons: Ua,
-  modal: ja,
+  buttons: ja,
+  modal: Ua,
   modalOptions: Ha,
   addButton: Va,
   deleteButton: Wa,
@@ -3139,7 +3139,7 @@ const Dd = (c) => {
 }, Xa = b.forwardRef(
   (c, t) => {
     const { activeItem: s, setActiveItem: n, popupPosition: a, setIsOpenModal: i, itemsOptions: d } = c, r = d.find((o) => o.id === s.listingId);
-    return nt(t, () => {
+    return st(t, () => {
       n(null), i(!1);
     }), r ? /* @__PURE__ */ h(
       "div",
@@ -3163,7 +3163,7 @@ const Dd = (c) => {
               }
             ),
             /* @__PURE__ */ e("div", { className: oe.closeIcon, children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "X",
                 height: 20,
@@ -3175,7 +3175,7 @@ const Dd = (c) => {
             ) })
           ] }),
           /* @__PURE__ */ e("div", { className: oe.modalOptions, children: /* @__PURE__ */ e(
-            tt,
+            nt,
             {
               label: "Put up an attractive image",
               activeImage: r.productData.images.length > 0 ? r.productData.images[0].cfId : s.image ? s.image : void 0,
@@ -3194,10 +3194,10 @@ 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({
+  const { product: t, children: s } = c, { attributes: n, listeners: a, setNodeRef: i, transform: d, transition: r, isDragging: o } = et({
     id: String(t.listingId)
   }), u = {
-    transform: et.Transform.toString(d),
+    transform: tt.Transform.toString(d),
     transition: r
   };
   return /* @__PURE__ */ e(
@@ -3212,7 +3212,7 @@ function Ya(c) {
     }
   );
 }
-const Ld = (c) => {
+const jd = (c) => {
   const {
     isActiveItems: t,
     setIsActiveItems: s,
@@ -3224,7 +3224,7 @@ const Ld = (c) => {
     editable: o = !0,
     draggable: u = !1,
     withImage: g = !1,
-    deletable: k = !0,
+    deletable: x = !0,
     addable: _ = !0,
     itemsType: f,
     itemsOptions: I,
@@ -3233,11 +3233,11 @@ const Ld = (c) => {
     setAspectRatio: p
   } = c, [y, w] = b.useState(
     null
-  ), [S, $] = b.useState({
+  ), [N, $] = b.useState({
     top: 0,
     left: 0
-  }), [A, O] = b.useState(!1), v = Ge(
-    Xe(Je, {
+  }), [A, O] = b.useState(!1), v = Xe(
+    Ye(Ze, {
       activationConstraint: {
         distance: 5
       }
@@ -3258,9 +3258,9 @@ const Ld = (c) => {
   }, [y]);
   const T = (E, V) => {
     E.stopPropagation();
-    const P = E.target.getBoundingClientRect(), z = 100, U = window.innerHeight;
+    const P = E.target.getBoundingClientRect(), z = 100, j = window.innerHeight;
     let F = P.top + window.scrollY;
-    F + z > U && (F = U - z - 20), O(!0), $({
+    F + z > j && (F = j - z - 20), O(!0), $({
       top: F - 80,
       left: P.left - 30
     }), w(V);
@@ -3276,7 +3276,7 @@ const Ld = (c) => {
           height: 16
         }
       ) : /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "Image",
           width: 16,
@@ -3288,20 +3288,20 @@ const Ld = (c) => {
   const L = (E) => {
     const { active: V, over: P } = E;
     if (P && V.id !== P.id) {
-      const z = n.findIndex((F) => String(F.listingId) === V.id), U = n.findIndex((F) => String(F.listingId) === P.id);
-      if (z !== -1 && U !== -1) {
+      const z = n.findIndex((F) => String(F.listingId) === V.id), j = n.findIndex((F) => String(F.listingId) === P.id);
+      if (z !== -1 && j !== -1) {
         const F = [...n], [se] = F.splice(z, 1);
-        F.splice(U, 0, se), a(F);
+        F.splice(j, 0, se), a(F);
       }
     }
-  }, N = () => {
+  }, S = () => {
     O(!1), w(null);
-  }, C = (E) => {
+  }, k = (E) => {
     const V = I.find((z) => E.listingId === z.id);
     if (!V) return null;
     const P = /* @__PURE__ */ h(G, { children: [
       u && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "DotsSixVertical",
           hoverable: !0,
@@ -3313,30 +3313,30 @@ const Ld = (c) => {
         ue,
         {
           onChange: (z) => {
-            const U = [...n], F = I.find((Q) => Q.productData.name === z);
+            const j = [...n], F = I.find((Q) => Q.productData.name === z);
             if (!F) return;
             const se = {
               listingId: F.id,
               image: F.productData.images.length > 0 ? F.productData.images[0].cfId : ""
-            }, te = U.map((Q) => Q.listingId === E.listingId ? se : Q);
+            }, te = j.map((Q) => Q.listingId === E.listingId ? se : Q);
             w(se), a([...te]);
           },
           value: V.productData.name,
           options: [
-            ...I.filter((z) => !n.find((U) => U.listingId === z.id)).map((z) => z.productData.name)
+            ...I.filter((z) => !n.find((j) => j.listingId === z.id)).map((z) => z.productData.name)
           ],
           leftAddonOptions: I.map((z) => {
-            var U;
+            var j;
             return {
               value: z.productData.name,
-              addon: M(((U = z.productData.images[0]) == null ? void 0 : U.cfId) || "")
+              addon: M(((j = z.productData.images[0]) == null ? void 0 : j.cfId) || "")
             };
           })
         }
       ),
       /* @__PURE__ */ h("div", { className: oe.buttons, children: [
         o && /* @__PURE__ */ e("div", { className: oe.deleteButton, children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Sliders",
             hoverable: !0,
@@ -3345,8 +3345,8 @@ const Ld = (c) => {
             onClick: (z) => T(z, E)
           }
         ) }),
-        k && /* @__PURE__ */ e("div", { className: oe.deleteButton, children: /* @__PURE__ */ e(
-          x,
+        x && /* @__PURE__ */ e("div", { className: oe.deleteButton, children: /* @__PURE__ */ e(
+          C,
           {
             name: "Trash",
             hoverable: !0,
@@ -3392,28 +3392,28 @@ const Ld = (c) => {
         activeItem: y,
         setActiveItem: w,
         setIsOpenModal: O,
-        popupPosition: S,
+        popupPosition: N,
         itemsOptions: I
       }
     ),
     t && /* @__PURE__ */ h("div", { className: oe.products, children: [
       r && /* @__PURE__ */ e("h5", { className: oe.subtitle, children: r }),
       u ? /* @__PURE__ */ e(
-        Ye,
+        Ke,
         {
           sensors: v,
           onDragEnd: L,
-          onDragStart: N,
+          onDragStart: S,
           children: /* @__PURE__ */ e(
-            Ke,
+            Qe,
             {
               items: n.map((E) => String(E.listingId)),
-              strategy: Qe,
-              children: n.map((E) => C(E))
+              strategy: Je,
+              children: n.map((E) => k(E))
             }
           )
         }
-      ) : n.map((E) => C(E)),
+      ) : n.map((E) => k(E)),
       _ && /* @__PURE__ */ e(
         "div",
         {
@@ -3447,7 +3447,7 @@ const Ld = (c) => {
               children: /* @__PURE__ */ h("div", { className: oe.addButton, children: [
                 /* @__PURE__ */ e("span", { children: "Add Option" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Plus",
                     width: 16,
@@ -3464,20 +3464,20 @@ const Ld = (c) => {
       ue,
       {
         value: m,
-        options: Object.keys(Ct),
+        options: Object.keys(kt),
         onChange: (E) => p(E),
-        leftAddonOptions: kt
+        leftAddonOptions: xt
       }
     ),
     t && i !== void 0 && /* @__PURE__ */ e(
-      Ve,
+      We,
       {
         otherTitle: "Other",
         items: i
       }
     )
   ] });
-}, Ka = "_options_s4lx3_1", Qa = "_price_s4lx3_18", Ja = "_oldPrice_s4lx3_25", Za = "_newPrice_s4lx3_34", eo = "_animate_s4lx3_42", to = "_meta_s4lx3_60", no = "_info_s4lx3_66", so = "_infoRight_s4lx3_75", io = "_buttons_s4lx3_82", ao = "_variants_s4lx3_89", oo = "_variant_s4lx3_89", co = "_stock_s4lx3_107", ro = "_variantInfo_s4lx3_115", lo = "_quantity_s4lx3_122", uo = "_button_s4lx3_82", ho = "_activeVariant_s4lx3_168", po = "_chargeTypes_s4lx3_172", mo = "_charge_s4lx3_172", fo = "_chargeActive_s4lx3_197", go = "_title_s4lx3_205", H = {
+}, Ka = "_options_s4lx3_1", Qa = "_price_s4lx3_18", Ja = "_oldPrice_s4lx3_25", Za = "_newPrice_s4lx3_34", eo = "_animate_s4lx3_42", to = "_meta_s4lx3_60", no = "_info_s4lx3_66", so = "_infoRight_s4lx3_75", io = "_buttons_s4lx3_82", ao = "_variants_s4lx3_89", oo = "_variant_s4lx3_89", co = "_stock_s4lx3_107", ro = "_variantInfo_s4lx3_115", lo = "_quantity_s4lx3_122", uo = "_button_s4lx3_82", ho = "_activeVariant_s4lx3_168", po = "_chargeTypes_s4lx3_172", mo = "_charge_s4lx3_172", fo = "_chargeActive_s4lx3_197", _o = "_title_s4lx3_205", H = {
   options: Ka,
   price: Qa,
   oldPrice: Ja,
@@ -3497,19 +3497,19 @@ const Ld = (c) => {
   chargeTypes: po,
   charge: mo,
   chargeActive: fo,
-  title: go
-}, _o = "_wrapper_1qlwq_1", vo = "_label_1qlwq_9", yo = "_input_1qlwq_18", bo = "_disabled_1qlwq_31", Io = "_paddingless_1qlwq_36", No = "_content_1qlwq_47", So = "_contentBorder_1qlwq_60", wo = "_contentField_1qlwq_65", ko = "_contentIsAntistock_1qlwq_69", Co = "_borderless_1qlwq_74", xo = "_rightIcon_1qlwq_79", $o = "_leftIcon_1qlwq_87", To = "_requiredStar_1qlwq_94", Po = "_contentError_1qlwq_98", Oo = "_errorMessage_1qlwq_102", ae = {
-  wrapper: _o,
+  title: _o
+}, go = "_wrapper_1qlwq_1", vo = "_label_1qlwq_9", yo = "_input_1qlwq_18", bo = "_disabled_1qlwq_31", Io = "_paddingless_1qlwq_36", So = "_content_1qlwq_47", No = "_contentBorder_1qlwq_60", wo = "_contentField_1qlwq_65", xo = "_contentIsAntistock_1qlwq_69", ko = "_borderless_1qlwq_74", Co = "_rightIcon_1qlwq_79", $o = "_leftIcon_1qlwq_87", To = "_requiredStar_1qlwq_94", Po = "_contentError_1qlwq_98", Oo = "_errorMessage_1qlwq_102", ae = {
+  wrapper: go,
   label: vo,
   input: yo,
   disabled: bo,
   paddingless: Io,
-  content: No,
-  contentBorder: So,
+  content: So,
+  contentBorder: No,
   contentField: wo,
-  contentIsAntistock: ko,
-  borderless: Co,
-  rightIcon: xo,
+  contentIsAntistock: xo,
+  borderless: ko,
+  rightIcon: Co,
   leftIcon: $o,
   requiredStar: To,
   contentError: Po,
@@ -3526,7 +3526,7 @@ const Ld = (c) => {
     placeholder: o,
     disabled: u = !1,
     required: g = !1,
-    regex: k,
+    regex: x,
     paddingless: _ = !1,
     borderless: f = !1,
     editable: I = !1,
@@ -3535,20 +3535,20 @@ const Ld = (c) => {
     maxSymbols: p,
     rightIcon: y,
     onFocus: w,
-    leftIcon: S,
+    leftIcon: N,
     error: $
   } = 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, "");
+  function L(k) {
+    if (Number(k) < 0) return String(d);
+    const D = k.replace(/[^\d-]/g, "");
     return Number(D) < 0 ? String(d) : D;
   }
-  function N(C) {
-    if (!g || !k) return !0;
+  function S(k) {
+    if (!g || !x) return !0;
     try {
-      return new RegExp(k).test(C);
+      return new RegExp(x).test(k);
     } catch (D) {
-      return console.error("Invalid regex pattern:", k, D), !0;
+      return console.error("Invalid regex pattern:", x, D), !0;
     }
   }
   return /* @__PURE__ */ h("div", { className: ae.wrapper, children: [
@@ -3580,17 +3580,17 @@ const Ld = (c) => {
           ...s
         },
         children: [
-          S && /* @__PURE__ */ e("div", { className: ae.leftIcon, children: S }),
+          N && /* @__PURE__ */ e("div", { className: ae.leftIcon, children: N }),
           /* @__PURE__ */ e(
             "input",
             {
               maxLength: p,
               id: n,
               type: i || "text",
-              onChange: (C) => {
-                if (i === "text") t(C.target.value);
+              onChange: (k) => {
+                if (i === "text") t(k.target.value);
                 else {
-                  const D = L(C.target.value);
+                  const D = L(k.target.value);
                   t(D);
                 }
               },
@@ -3598,7 +3598,7 @@ const Ld = (c) => {
               autoComplete: "off",
               placeholder: o || "Type something...",
               className: q(ae.input, {
-                [ae.required]: T && g && !N(a),
+                [ae.required]: T && g && !S(a),
                 [ae.paddingless]: _,
                 [ae.borderless]: f
               }),
@@ -3610,13 +3610,13 @@ const Ld = (c) => {
               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`
+                padding: l ? `7px ${Number(v.general.size) + 20}px 7px ${N ? 35 : 11}px` : O ? `4.5px ${y ? 35 : 11}px 4px ${N ? 35 : 11}px` : `7px ${y ? 35 : 11}px 7px ${N ? 35 : 11}px`
               }
             }
           ),
           y && /* @__PURE__ */ e("div", { className: ae.rightIcon, children: y }),
           l && /* @__PURE__ */ e("div", { className: ae.rightIcon, children: /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "MagnifyingGlass",
               fill: "var(--text-secondary)",
@@ -3625,7 +3625,7 @@ const Ld = (c) => {
             }
           ) }),
           I && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "Sliders",
               width: 20,
@@ -3694,7 +3694,7 @@ const Ld = (c) => {
           style: n,
           children: [
             /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "Info",
                 fill: Bt[t],
@@ -3711,7 +3711,7 @@ const Ld = (c) => {
               }
             ),
             d && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "X",
                 fill: Bt[t],
@@ -3726,15 +3726,17 @@ const Ld = (c) => {
       )
     }
   );
-}, Uo = "_wrapper_d9z4o_1", jo = "_label_d9z4o_10", Ho = "_contentBorder_d9z4o_19", Vo = "_textarea_d9z4o_23", Wo = "_contentField_d9z4o_35", Go = "_antistock_d9z4o_49", Xo = "_length_d9z4o_58", xe = {
-  wrapper: Uo,
-  label: jo,
+}, jo = "_wrapper_bjppv_1", Uo = "_label_bjppv_10", Ho = "_contentBorder_bjppv_19", Vo = "_textarea_bjppv_23", Wo = "_contentField_bjppv_35", Go = "_antistock_bjppv_49", Xo = "_length_bjppv_58", Yo = "_requiredStar_bjppv_66", Ko = "_contentError_bjppv_70", ye = {
+  wrapper: jo,
+  label: Uo,
   contentBorder: Ho,
   textarea: Vo,
   contentField: Wo,
   antistock: Go,
-  length: Xo
-}, zd = (c) => {
+  length: Xo,
+  requiredStar: Yo,
+  contentError: Ko
+}, Ud = (c) => {
   const {
     onChange: t,
     label: s,
@@ -3742,23 +3744,27 @@ const Ld = (c) => {
     maxLength: a,
     placeholder: i = "Type something...",
     type: d = "text",
-    required: r = !1
-  } = c, [o, u] = b.useState(n.length), { themeSettings: g } = pt(), { isAntistock: k } = ze();
-  function _(f) {
-    return d === "number" ? f.replace(/[^\d\n]+/g, "") : f;
+    required: r = !1,
+    error: o
+  } = c, [u, g] = b.useState(n.length), { themeSettings: x } = pt(), { isAntistock: _ } = ze();
+  function f(I) {
+    return d === "number" ? I.replace(/[^\d\n]+/g, "") : I;
   }
-  return /* @__PURE__ */ h("div", { className: xe.wrapper, children: [
+  return /* @__PURE__ */ h("div", { className: ye.wrapper, children: [
     s && /* @__PURE__ */ h(
       "label",
       {
-        className: xe.label,
+        className: ye.label,
         htmlFor: s,
         style: {
-          color: k ? "var(--text-secondary)" : void 0
+          color: _ ? "var(--text-secondary)" : void 0
         },
         children: [
-          s,
-          r && /* @__PURE__ */ e("span", { className: xe.requiredStar, children: "*" })
+          s.includes("*") ? /* @__PURE__ */ h(G, { children: [
+            s.replace(" *", "").replace("*", ""),
+            /* @__PURE__ */ e("span", { className: ye.requiredStar, children: " *" })
+          ] }) : s,
+          r && /* @__PURE__ */ e("span", { className: ye.requiredStar, children: "*" })
         ]
       }
     ),
@@ -3767,32 +3773,33 @@ const Ld = (c) => {
       {
         id: s,
         value: n,
-        onChange: (f) => {
-          const I = _(f.target.value);
-          u(I.length), t(I);
+        onChange: (I) => {
+          const l = f(I.target.value);
+          g(l.length), t(l);
         },
         placeholder: i,
-        className: q(xe.textarea, {
-          [xe.contentBorder]: g.inputs.border.active,
-          [xe.contentField]: g.inputs.field.active,
-          [xe.antistock]: k
+        className: q(ye.textarea, {
+          [ye.contentBorder]: x.inputs.border.active,
+          [ye.contentField]: x.inputs.field.active,
+          [ye.antistock]: _,
+          [ye.contentError]: o
         }),
         maxLength: a
       }
     ),
-    a && /* @__PURE__ */ h("div", { className: xe.length, children: [
-      o,
+    a && /* @__PURE__ */ h("div", { className: ye.length, children: [
+      u,
       "/",
       a
     ] })
   ] });
 };
 var Zt = /* @__PURE__ */ ((c) => (c.ONE_TIME = "One-Time", c.RECURRING = "Subscribe & Save", c))(Zt || {});
-const Yo = (c) => {
+const Qo = (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: u, setNotifications: g } = He(), k = mt(), [_, f] = b.useState(1), { cart: I, reset: l, addProductToCart: m } = Fe(), [p, y] = b.useState(!1);
+  ), { notifications: u, setNotifications: g } = Ve(), x = 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);
@@ -3826,22 +3833,22 @@ const Yo = (c) => {
     }
     s == null || s(!1);
   }
-  function S() {
-    l(), w(), k("/checkout");
+  function N() {
+    l(), w(), x("/checkout");
   }
   function $(v) {
     if (v >= 864e5) {
-      const C = Math.floor(v / 864e5);
-      return `${C} ${C === 1 ? "day" : "days"}`;
+      const k = Math.floor(v / 864e5);
+      return `${k} ${k === 1 ? "day" : "days"}`;
     } else if (v >= 36e5) {
-      const C = Math.floor(v / 36e5);
-      return `${C} ${C === 1 ? "hour" : "hours"}`;
+      const k = Math.floor(v / 36e5);
+      return `${k} ${k === 1 ? "hour" : "hours"}`;
     } else if (v >= 6e4) {
-      const C = Math.floor(v / 6e4);
-      return `${C} ${C === 1 ? "minute" : "minutes"}`;
+      const k = Math.floor(v / 6e4);
+      return `${k} ${k === 1 ? "minute" : "minutes"}`;
     } else {
-      const C = Math.floor(v / 1e3);
-      return `${C} ${C === 1 ? "second" : "seconds"}`;
+      const k = Math.floor(v / 1e3);
+      return `${k} ${k === 1 ? "second" : "seconds"}`;
     }
   }
   return b.useEffect(() => {
@@ -3929,7 +3936,7 @@ const Yo = (c) => {
               },
               className: H.button,
               disabled: i.quantity.available && i.quantity.restrictions && _ <= i.quantity.restrictions.min || i.quantity.available === 0,
-              children: /* @__PURE__ */ e(x, { name: "Minus" })
+              children: /* @__PURE__ */ e(C, { name: "Minus" })
             }
           ),
           /* @__PURE__ */ e(
@@ -3955,7 +3962,7 @@ const Yo = (c) => {
               },
               className: H.button,
               disabled: !!(i.quantity.available && i.quantity.restrictions && _ >= i.quantity.restrictions.max || i.quantity.available === 0 || i.quantity.available && _ >= i.quantity.available),
-              children: /* @__PURE__ */ e(x, { name: "Plus" })
+              children: /* @__PURE__ */ e(C, { name: "Plus" })
             }
           )
         ]
@@ -3966,7 +3973,7 @@ const Yo = (c) => {
         /* @__PURE__ */ e("span", { id: "md", children: "Delivery" }),
         /* @__PURE__ */ h("div", { className: H.infoRight, children: [
           /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "Lightning",
               fill: "var(--text-action)",
@@ -4060,7 +4067,7 @@ const Yo = (c) => {
         K,
         {
           type: "Primary",
-          onClick: () => S(),
+          onClick: () => N(),
           disabled: i.quantity && i.quantity.available === 0 || _ === 0,
           children: r === "ONE_TIME" ? "Buy Now" : "Subscribe Now"
         }
@@ -4078,49 +4085,49 @@ const Yo = (c) => {
       )
     ] })
   ] });
-}, Ko = "_buttons_1uy6y_23", Qo = "_modal_1uy6y_32", Jo = "_closing_1uy6y_65", Zo = "_info_1uy6y_114", ec = "_top_1uy6y_121", tc = "_title_1uy6y_132", nc = "_clear_1uy6y_139", sc = "_activeClear_1uy6y_146", ic = "_count_1uy6y_150", ac = "_cart_1uy6y_165", oc = "_empty_1uy6y_173", cc = "_product_1uy6y_199", rc = "_products_1uy6y_208", lc = "_image_1uy6y_216", dc = "_productInfo_1uy6y_233", uc = "_content_1uy6y_240", hc = "_name_1uy6y_246", pc = "_price_1uy6y_252", mc = "_productButtons_1uy6y_258", fc = "_productButton_1uy6y_258", gc = "_productCount_1uy6y_275", _c = "_bottom_1uy6y_292", vc = "_subtotal_1uy6y_300", yc = "_block_1uy6y_308", bc = "_shoppingCount_1uy6y_315", Ic = "_total_1uy6y_335", Nc = "_link_1uy6y_341", Sc = "_userInfo_1uy6y_348", wc = "_pagesMobileModal_1uy6y_360", kc = "_pagesMobileModalContent_1uy6y_374", Cc = "_pagesMobileModalHeader_1uy6y_380", xc = "_pagesMobileModalFooter_1uy6y_390", $c = "_pageLink_1uy6y_397", Tc = "_rightButtons_1uy6y_406", j = {
-  buttons: Ko,
-  modal: Qo,
-  closing: Jo,
-  info: Zo,
-  top: ec,
-  title: tc,
-  clear: nc,
-  activeClear: sc,
-  count: ic,
-  cart: ac,
-  empty: oc,
-  product: cc,
-  products: rc,
-  image: lc,
-  productInfo: dc,
-  content: uc,
-  name: hc,
-  price: pc,
-  productButtons: mc,
-  productButton: fc,
-  productCount: gc,
-  bottom: _c,
-  subtotal: vc,
-  block: yc,
-  shoppingCount: bc,
-  total: Ic,
-  link: Nc,
-  userInfo: Sc,
-  pagesMobileModal: wc,
-  pagesMobileModalContent: kc,
-  pagesMobileModalHeader: Cc,
-  pagesMobileModalFooter: xc,
-  pageLink: $c,
-  rightButtons: Tc,
+}, Jo = "_buttons_1uy6y_23", Zo = "_modal_1uy6y_32", ec = "_closing_1uy6y_65", tc = "_info_1uy6y_114", nc = "_top_1uy6y_121", sc = "_title_1uy6y_132", ic = "_clear_1uy6y_139", ac = "_activeClear_1uy6y_146", oc = "_count_1uy6y_150", cc = "_cart_1uy6y_165", rc = "_empty_1uy6y_173", lc = "_product_1uy6y_199", dc = "_products_1uy6y_208", uc = "_image_1uy6y_216", hc = "_productInfo_1uy6y_233", pc = "_content_1uy6y_240", mc = "_name_1uy6y_246", fc = "_price_1uy6y_252", _c = "_productButtons_1uy6y_258", gc = "_productButton_1uy6y_258", vc = "_productCount_1uy6y_275", yc = "_bottom_1uy6y_292", bc = "_subtotal_1uy6y_300", Ic = "_block_1uy6y_308", Sc = "_shoppingCount_1uy6y_315", Nc = "_total_1uy6y_335", wc = "_link_1uy6y_341", xc = "_userInfo_1uy6y_348", kc = "_pagesMobileModal_1uy6y_360", Cc = "_pagesMobileModalContent_1uy6y_374", $c = "_pagesMobileModalHeader_1uy6y_380", Tc = "_pagesMobileModalFooter_1uy6y_390", Pc = "_pageLink_1uy6y_397", Oc = "_rightButtons_1uy6y_406", U = {
+  buttons: Jo,
+  modal: Zo,
+  closing: ec,
+  info: tc,
+  top: nc,
+  title: sc,
+  clear: ic,
+  activeClear: ac,
+  count: oc,
+  cart: cc,
+  empty: rc,
+  product: lc,
+  products: dc,
+  image: uc,
+  productInfo: hc,
+  content: pc,
+  name: mc,
+  price: fc,
+  productButtons: _c,
+  productButton: gc,
+  productCount: vc,
+  bottom: yc,
+  subtotal: bc,
+  block: Ic,
+  shoppingCount: Sc,
+  total: Nc,
+  link: wc,
+  userInfo: xc,
+  pagesMobileModal: kc,
+  pagesMobileModalContent: Cc,
+  pagesMobileModalHeader: $c,
+  pagesMobileModalFooter: Tc,
+  pageLink: Pc,
+  rightButtons: Oc,
   delete: "_delete_1uy6y_413"
-}, Fd = (c) => {
+}, Hd = (c) => {
   const { shopping: t, signUp: s, isShowUserInfo: n = !0 } = c;
-  return /* @__PURE__ */ e(G, { children: (t || n) && /* @__PURE__ */ h("div", { className: j.buttons, children: [
-    t && /* @__PURE__ */ e(Pc, {}),
+  return /* @__PURE__ */ e(G, { children: (t || n) && /* @__PURE__ */ h("div", { className: U.buttons, children: [
+    t && /* @__PURE__ */ e(Ac, {}),
     n && /* @__PURE__ */ e(en, { signUp: s })
   ] }) });
-}, Pc = () => {
+}, Ac = () => {
   const [c, t] = b.useState(!1), [s, n] = b.useState([]), [a, i] = b.useState(!1), { cart: d, products: r } = Fe();
   b.useEffect(() => {
     (async () => {
@@ -4136,8 +4143,8 @@ const Yo = (c) => {
       n(I);
     })();
   }, [d.parts, r]);
-  function o(k) {
-    return !k || !(k != null && k.variants) ? !1 : k.chargeType === "RECURRING";
+  function o(x) {
+    return !x || !(x != null && x.variants) ? !1 : x.chargeType === "RECURRING";
   }
   const u = d.parts.length > 0 && s.length > 0 && !o(s[0]);
   function g() {
@@ -4154,27 +4161,27 @@ const Yo = (c) => {
           padding: 10,
           position: "relative"
         },
-        onClick: (k) => {
-          k.stopPropagation(), window.location.pathname.includes("/admin/builder") || (t(!0), i(!0));
+        onClick: (x) => {
+          x.stopPropagation(), window.location.pathname.includes("/admin/builder") || (t(!0), i(!0));
         },
         children: [
           /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "Handbag"
             }
           ),
-          u && /* @__PURE__ */ e("div", { className: j.shoppingCount, children: d.parts.length })
+          u && /* @__PURE__ */ e("div", { className: U.shoppingCount, children: d.parts.length })
         ]
       }
     ),
     c && /* @__PURE__ */ e(
-      st,
+      it,
       {
         close: g,
         withAnimation: !1,
         children: /* @__PURE__ */ e(
-          Oc,
+          Bc,
           {
             activeProducts: s,
             isCartNotEmpty: u,
@@ -4185,10 +4192,10 @@ const Yo = (c) => {
       }
     )
   ] });
-}, Oc = (c) => {
+}, Bc = (c) => {
   var l, m;
   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) {
+  function x(p, y) {
     g(p, { replace: y });
   }
   function _(p) {
@@ -4218,17 +4225,17 @@ const Yo = (c) => {
   return /* @__PURE__ */ h(
     "div",
     {
-      className: q(j.modal, {
-        [j.closing]: !n
+      className: q(U.modal, {
+        [U.closing]: !n
       }),
       onClick: (p) => p.stopPropagation(),
       children: [
-        /* @__PURE__ */ h("div", { className: j.top, children: [
-          /* @__PURE__ */ h("div", { className: j.info, children: [
+        /* @__PURE__ */ h("div", { className: U.top, children: [
+          /* @__PURE__ */ h("div", { className: U.info, children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: j.title,
+                className: U.title,
                 id: "h4",
                 children: "Cart"
               }
@@ -4236,18 +4243,18 @@ const Yo = (c) => {
             s && /* @__PURE__ */ e(
               "div",
               {
-                className: j.count,
+                className: U.count,
                 id: "md",
                 children: i.parts.length
               }
             )
           ] }),
-          /* @__PURE__ */ h("div", { className: j.rightButtons, children: [
+          /* @__PURE__ */ h("div", { className: U.rightButtons, children: [
             s && /* @__PURE__ */ e(
               "button",
               {
-                className: q(j.clear, {
-                  [j.activeClear]: s
+                className: q(U.clear, {
+                  [U.activeClear]: s
                 }),
                 disabled: !s,
                 onClick: d,
@@ -4256,7 +4263,7 @@ const Yo = (c) => {
               }
             ),
             /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "X",
                 onClick: a,
@@ -4268,15 +4275,15 @@ const Yo = (c) => {
             )
           ] })
         ] }),
-        s ? /* @__PURE__ */ h("div", { className: j.cart, children: [
-          /* @__PURE__ */ e("div", { className: j.products, children: t.map((p) => {
+        s ? /* @__PURE__ */ h("div", { className: U.cart, children: [
+          /* @__PURE__ */ e("div", { className: U.products, children: t.map((p) => {
             var y, w;
             return /* @__PURE__ */ h(
               "div",
               {
-                className: j.product,
+                className: U.product,
                 children: [
-                  /* @__PURE__ */ h("div", { className: j.productInfo, children: [
+                  /* @__PURE__ */ h("div", { className: U.productInfo, children: [
                     p.images.length > 0 ? /* @__PURE__ */ e(
                       "img",
                       {
@@ -4284,40 +4291,40 @@ const Yo = (c) => {
                         alt: "image",
                         width: "100%",
                         height: "100%",
-                        className: j.image
+                        className: U.image
                       }
-                    ) : /* @__PURE__ */ e("div", { className: j.image, children: /* @__PURE__ */ e(
-                      x,
+                    ) : /* @__PURE__ */ e("div", { className: U.image, children: /* @__PURE__ */ e(
+                      C,
                       {
                         name: "Image",
                         fill: "var(--text-secondary)"
                       }
                     ) }),
-                    /* @__PURE__ */ h("div", { className: j.content, children: [
+                    /* @__PURE__ */ h("div", { className: U.content, children: [
                       /* @__PURE__ */ e(
                         "div",
                         {
-                          className: j.name,
+                          className: U.name,
                           dangerouslySetInnerHTML: {
                             __html: Oe(
                               ((y = p.variants.find(
-                                (S) => S.id === p.activeVariantId
+                                (N) => N.id === p.activeVariantId
                               )) == null ? void 0 : y.name) || p.name
                             )
                           }
                         }
                       ),
-                      /* @__PURE__ */ e("div", { className: j.price, children: me({
+                      /* @__PURE__ */ e("div", { className: U.price, children: me({
                         amount: p.variants.find(
-                          (S) => S.id === p.activeVariantId
+                          (N) => N.id === p.activeVariantId
                         ).price.amount * ((p == null ? void 0 : p.quantity) || 1),
                         currency: p.variants.find(
-                          (S) => S.id === p.activeVariantId
+                          (N) => N.id === p.activeVariantId
                         ).price.currency
                       }) })
                     ] })
                   ] }),
-                  /* @__PURE__ */ h("div", { className: j.productButtons, children: [
+                  /* @__PURE__ */ h("div", { className: U.productButtons, children: [
                     /* @__PURE__ */ e(
                       K,
                       {
@@ -4325,10 +4332,10 @@ const Yo = (c) => {
                         onClick: () => {
                           p.quantity !== 1 && f(p);
                         },
-                        className: j.productButton,
+                        className: U.productButton,
                         disabled: p.quantity === 1,
                         children: /* @__PURE__ */ e(
-                          x,
+                          C,
                           {
                             name: "Minus",
                             fill: "#757575",
@@ -4341,12 +4348,12 @@ const Yo = (c) => {
                     /* @__PURE__ */ e(
                       "input",
                       {
-                        className: j.productCount,
+                        className: U.productCount,
                         type: "number",
                         value: ((w = p.quantity) == null ? void 0 : w.toString()) || "",
-                        onChange: (S) => {
+                        onChange: (N) => {
                           const $ = Math.min(
-                            Number(S.target.value),
+                            Number(N.target.value),
                             p.variants.find((A) => A.id === p.activeVariantId).quantity.available || 1 / 0
                           );
                           $ < 1 || o({
@@ -4357,7 +4364,7 @@ const Yo = (c) => {
                           });
                         },
                         min: 1,
-                        max: p.variants.find((S) => S.id === p.activeVariantId).quantity.available || 1 / 0
+                        max: p.variants.find((N) => N.id === p.activeVariantId).quantity.available || 1 / 0
                       }
                     ),
                     /* @__PURE__ */ e(
@@ -4365,10 +4372,10 @@ const Yo = (c) => {
                       {
                         type: "Secondary",
                         onClick: () => _(p),
-                        className: j.productButton,
-                        disabled: p.quantity === p.variants.find((S) => S.id === p.activeVariantId).quantity.available,
+                        className: U.productButton,
+                        disabled: p.quantity === p.variants.find((N) => N.id === p.activeVariantId).quantity.available,
                         children: /* @__PURE__ */ e(
-                          x,
+                          C,
                           {
                             name: "Plus",
                             fill: "#757575",
@@ -4378,8 +4385,8 @@ const Yo = (c) => {
                         )
                       }
                     ),
-                    /* @__PURE__ */ e("div", { className: j.delete, children: /* @__PURE__ */ e(
-                      x,
+                    /* @__PURE__ */ e("div", { className: U.delete, children: /* @__PURE__ */ e(
+                      C,
                       {
                         name: "Trash",
                         fill: "var(--text-action)",
@@ -4395,12 +4402,12 @@ const Yo = (c) => {
               p.id
             );
           }) }),
-          /* @__PURE__ */ h("div", { className: j.bottom, children: [
-            /* @__PURE__ */ h("div", { className: j.subtotal, children: [
-              /* @__PURE__ */ h("div", { className: j.block, children: [
+          /* @__PURE__ */ h("div", { className: U.bottom, children: [
+            /* @__PURE__ */ h("div", { className: U.subtotal, children: [
+              /* @__PURE__ */ h("div", { className: U.block, children: [
                 /* @__PURE__ */ e("span", { children: "Subtotal" }),
                 /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "Info",
                     width: 20,
@@ -4409,20 +4416,20 @@ const Yo = (c) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ e("div", { className: j.total, children: me({
+              /* @__PURE__ */ e("div", { className: U.total, children: me({
                 amount: r().total,
                 currency: i.parts.length > 0 && ((m = (l = t.find((p) => p.id === i.parts[0].productId)) == null ? void 0 : l.variants.find((p) => p.id === i.parts[0].productVariantId)) == null ? void 0 : m.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ e(K, { onClick: () => k("/checkout", !1), children: "Checkout" })
+            /* @__PURE__ */ e(K, { onClick: () => x("/checkout", !1), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ e(Ac, {})
+        ] }) : /* @__PURE__ */ e(Mc, {})
       ]
     }
   );
-}, Ac = () => /* @__PURE__ */ h("div", { className: j.empty, children: [
+}, Mc = () => /* @__PURE__ */ h("div", { className: U.empty, children: [
   /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-    x,
+    C,
     {
       name: "Handbag",
       fill: "var(--text-secondary)"
@@ -4436,7 +4443,7 @@ const Yo = (c) => {
       "a",
       {
         href: "/products",
-        className: j.link,
+        className: U.link,
         id: "md",
         children: "view products"
       }
@@ -4458,7 +4465,7 @@ const Yo = (c) => {
     K,
     {
       type: "Secondary",
-      className: j.userInfo,
+      className: U.userInfo,
       onClick: () => {
         r(n ? "/account" : "/customer-dash"), t == null || t();
       },
@@ -4493,13 +4500,13 @@ const Yo = (c) => {
       }
     )
   ] });
-}, Bc = ({
+}, Ec = ({
   logo: c,
   setIsOpen: t,
   signUp: s,
   pages: n
 }) => {
-  const { setIsOpen: a } = be(), i = () => {
+  const { setIsOpen: a } = Ie(), i = () => {
     a(!1), setTimeout(() => {
       t(!1), a(!0);
     }, 300);
@@ -4507,24 +4514,24 @@ const Yo = (c) => {
   return /* @__PURE__ */ h(
     "div",
     {
-      className: j.pagesMobileModal,
+      className: U.pagesMobileModal,
       onClick: (d) => d.stopPropagation(),
       children: [
-        /* @__PURE__ */ h("div", { className: j.pagesMobileModalHeader, children: [
+        /* @__PURE__ */ h("div", { className: U.pagesMobileModalHeader, children: [
           /* @__PURE__ */ e("div", { children: c }),
           /* @__PURE__ */ e(
             K,
             {
               type: "Secondary",
               onClick: i,
-              children: /* @__PURE__ */ e(x, { name: "X" })
+              children: /* @__PURE__ */ e(C, { name: "X" })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: j.pagesMobileModalContent, children: n.length > 0 && n.map((d) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: U.pagesMobileModalContent, children: n.length > 0 && n.map((d) => /* @__PURE__ */ e(
           "div",
           {
-            className: j.pageLink,
+            className: U.pageLink,
             onClick: i,
             children: /* @__PURE__ */ e(
               tn,
@@ -4536,7 +4543,7 @@ const Yo = (c) => {
             )
           }
         )) }),
-        /* @__PURE__ */ e("div", { className: j.pagesMobileModalFooter, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: U.pagesMobileModalFooter, children: /* @__PURE__ */ e(
           en,
           {
             signUp: s,
@@ -4546,17 +4553,17 @@ const Yo = (c) => {
       ]
     }
   );
-}, Ud = ({ logo: c, signUp: t, pages: s }) => {
+}, Vd = ({ logo: c, signUp: t, pages: s }) => {
   const [n, a] = b.useState(!1);
   return /* @__PURE__ */ h(G, { children: [
-    /* @__PURE__ */ e(Mc, { setIsOpenModal: a }),
+    /* @__PURE__ */ e(qc, { setIsOpenModal: a }),
     n && /* @__PURE__ */ e(
-      st,
+      it,
       {
         close: () => a(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ e(
-          Bc,
+          Ec,
           {
             logo: c,
             setIsOpen: a,
@@ -4567,7 +4574,7 @@ const Yo = (c) => {
       }
     )
   ] });
-}, Mc = (c) => {
+}, qc = (c) => {
   const { setIsOpenModal: t } = c;
   return /* @__PURE__ */ e(
     K,
@@ -4579,28 +4586,28 @@ const Yo = (c) => {
       onClick: (s) => {
         s.stopPropagation(), window.location.pathname.includes("/admin/builder") || t(!0);
       },
-      children: /* @__PURE__ */ e(x, { name: "List" })
+      children: /* @__PURE__ */ e(C, { name: "List" })
     }
   );
-}, Ec = "_share_onabp_1", qc = "_modal_onabp_8", Dc = "_header_onabp_20", Rc = "_title_onabp_46", Lc = "_copyWrapper_onabp_53", zc = "_copyText_onabp_62", Fc = "_copyTextMobile_onabp_75", Uc = "_copyTextMiniMobile_onabp_94", Te = {
-  share: Ec,
-  modal: qc,
-  header: Dc,
-  title: Rc,
-  copyWrapper: Lc,
-  copyText: zc,
-  copyTextMobile: Fc,
-  copyTextMiniMobile: Uc
-}, jc = "_modal_1iz94_1", Hc = "_padding_1iz94_17", Vc = "_content_1iz94_21", Wc = "_close_1iz94_42", at = {
-  modal: jc,
-  padding: Hc,
-  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(), u = (k) => {
-    const _ = k.replace("#", "");
+}, Dc = "_share_onabp_1", Rc = "_modal_onabp_8", Lc = "_header_onabp_20", zc = "_title_onabp_46", Fc = "_copyWrapper_onabp_53", jc = "_copyText_onabp_62", Uc = "_copyTextMobile_onabp_75", Hc = "_copyTextMiniMobile_onabp_94", Te = {
+  share: Dc,
+  modal: Rc,
+  header: Lc,
+  title: zc,
+  copyWrapper: Fc,
+  copyText: jc,
+  copyTextMobile: Uc,
+  copyTextMiniMobile: Hc
+}, Vc = "_modal_1iz94_1", Wc = "_padding_1iz94_17", Gc = "_content_1iz94_21", Xc = "_close_1iz94_42", ot = {
+  modal: Vc,
+  padding: Wc,
+  content: Gc,
+  close: Xc
+}, it = (c) => {
+  const { close: t, children: s, withAnimation: n = !0, hasPadding: a = !0 } = c, { isOpen: i, setIsOpen: d } = Ie(), { themeSettings: r } = pt(), { isAntistock: o } = pn(), u = (x) => {
+    const _ = x.replace("#", "");
     if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(_))
-      return console.warn("Invalid hex color:", k), k;
+      return console.warn("Invalid hex color:", x), x;
     let f = _;
     return _.length === 3 && (f = _.split("").map((I) => I + I).join("")), `#${f}e6`;
   }, g = () => {
@@ -4609,25 +4616,25 @@ const Yo = (c) => {
     }, 300) : (t(!1), d(!0));
   };
   return b.useEffect(() => {
-    const k = (_) => {
+    const x = (_) => {
       _.key === "Escape" && g();
     };
-    return document.addEventListener("keydown", k), () => {
-      document.removeEventListener("keydown", k);
+    return document.addEventListener("keydown", x), () => {
+      document.removeEventListener("keydown", x);
     };
-  }, []), gn.createPortal(
+  }, []), _n.createPortal(
     /* @__PURE__ */ e(
       "div",
       {
-        className: q(at.modal, { [at.padding]: a }),
+        className: q(ot.modal, { [ot.padding]: a }),
         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 })
+        children: n ? /* @__PURE__ */ e("div", { className: q(ot.content, { [ot.close]: !i }), children: s }) : /* @__PURE__ */ e(G, { children: s })
       }
     ),
     document.body
   );
-}, jd = ({ title: c = "Copy Product Link" }) => {
+}, Wd = ({ title: c = "Copy Product Link" }) => {
   const { isOpenModal: t, setIsOpenModal: s } = Wt();
   function n() {
     s(!0);
@@ -4642,7 +4649,7 @@ const Yo = (c) => {
         },
         type: "Secondary",
         children: /* @__PURE__ */ e(
-          x,
+          C,
           {
             name: "Share",
             fill: "#757575",
@@ -4651,10 +4658,10 @@ const Yo = (c) => {
         )
       }
     ),
-    t && /* @__PURE__ */ e(st, { close: s, children: /* @__PURE__ */ e(Gc, { title: c }) })
+    t && /* @__PURE__ */ e(it, { close: s, children: /* @__PURE__ */ e(Yc, { title: c }) })
   ] });
-}, Gc = ({ title: c = "Copy Product Link" }) => {
-  const { setIsOpenModal: t } = Wt(), { notifications: s, setNotifications: n } = He(), { setIsOpen: a } = be(), i = window.location.href;
+}, Yc = ({ title: c = "Copy Product Link" }) => {
+  const { setIsOpenModal: t } = Wt(), { notifications: s, setNotifications: n } = Ve(), { setIsOpen: a } = Ie(), i = window.location.href;
   function d() {
     navigator.clipboard.writeText(i), n([
       ...s,
@@ -4689,7 +4696,7 @@ const Yo = (c) => {
             }
           ),
           /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "X",
               fill: "#757575",
@@ -4742,22 +4749,22 @@ const Yo = (c) => {
               onClick: d,
               children: s.find(
                 (u) => u.message === "Link copied to clipboard"
-              ) ? /* @__PURE__ */ e(x, { name: "Check" }) : /* @__PURE__ */ e(x, { name: "Copy" })
+              ) ? /* @__PURE__ */ e(C, { name: "Check" }) : /* @__PURE__ */ e(C, { name: "Copy" })
             }
           )
         ] })
       ]
     }
   );
-}, Xc = "_accordion_153d4_1", Yc = "_header_153d4_12", Kc = "_icon_153d4_21", Qc = "_open_153d4_24", Jc = "_content_153d4_28", Zc = "_contentOpen_153d4_36", er = "_contentText_153d4_40", Me = {
-  accordion: Xc,
-  header: Yc,
-  icon: Kc,
-  open: Qc,
-  content: Jc,
-  contentOpen: Zc,
-  contentText: er
-}, Hd = ({ title: c, content: t, defaultOpen: s = !1 }) => {
+}, Kc = "_accordion_153d4_1", Qc = "_header_153d4_12", Jc = "_icon_153d4_21", Zc = "_open_153d4_24", er = "_content_153d4_28", tr = "_contentOpen_153d4_36", nr = "_contentText_153d4_40", Me = {
+  accordion: Kc,
+  header: Qc,
+  icon: Jc,
+  open: Zc,
+  content: er,
+  contentOpen: tr,
+  contentText: nr
+}, Gd = ({ title: c, content: t, defaultOpen: s = !1 }) => {
   const [n, a] = b.useState(s), [i, d] = b.useState(0), r = b.useRef(null), o = () => {
     a(!n);
   };
@@ -4771,7 +4778,7 @@ const Yo = (c) => {
         onClick: o,
         children: [
           /* @__PURE__ */ e("h5", { id: "h5", children: c }),
-          /* @__PURE__ */ e("div", { className: q(Me.icon, { [Me.open]: n }), children: /* @__PURE__ */ e(x, { name: "CaretDown" }) })
+          /* @__PURE__ */ e("div", { className: q(Me.icon, { [Me.open]: n }), children: /* @__PURE__ */ e(C, { name: "CaretDown" }) })
         ]
       }
     ),
@@ -4812,15 +4819,15 @@ const Yo = (c) => {
       children: c
     }
   );
-}, tr = "_buttonsBlock_1x6xf_1", nr = "_cartDisabled_1x6xf_25", Mt = {
-  buttonsBlock: tr,
-  cartDisabled: nr
-}, Vd = (c) => {
-  var g, k;
-  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);
+}, sr = "_buttonsBlock_1x6xf_1", ir = "_cartDisabled_1x6xf_25", Mt = {
+  buttonsBlock: sr,
+  cartDisabled: ir
+}, Xd = (c) => {
+  var g, x;
+  const { setIsOpen: t, setModalType: s, productId: n, isCartEnabled: a = !0 } = c, { cart: i } = Fe(), { pageContext: d } = Ge(), 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(
+  const o = (x = d == null ? void 0 : d.products) == null ? void 0 : x.find(
     (_) => _.uniquePath === r.productData.uniquePath
   );
   if (!o)
@@ -4863,11 +4870,11 @@ const Yo = (c) => {
       ]
     }
   );
-}, sr = "_wrapper_27wzz_1", ir = "_logo_27wzz_8", ar = "_info_27wzz_12", bt = {
-  wrapper: sr,
-  logo: ir,
-  info: ar
-}, Wd = ({ date: c }) => {
+}, ar = "_wrapper_27wzz_1", or = "_logo_27wzz_8", cr = "_info_27wzz_12", bt = {
+  wrapper: ar,
+  logo: or,
+  info: cr
+}, Yd = ({ date: c }) => {
   const { general: t } = ze();
   if (!t) return /* @__PURE__ */ e(G, {});
   function s(n) {
@@ -4890,7 +4897,7 @@ const Yo = (c) => {
         style: { objectFit: "contain", width: "48px", height: "48px" }
       }
     ) : /* @__PURE__ */ e(
-      x,
+      C,
       {
         name: "Image",
         width: 48,
@@ -4902,21 +4909,21 @@ const Yo = (c) => {
       /* @__PURE__ */ e("p", { id: "p", children: s(c) })
     ] })
   ] });
-}, or = "_variants_18tbu_82", cr = "_variant_18tbu_82", rr = "_stock_18tbu_100", lr = "_variantInfo_18tbu_108", dr = "_title_18tbu_202", ur = "_modal_18tbu_208", hr = "_header_18tbu_228", pr = "_productOptions_18tbu_236", mr = "_loading_18tbu_244", ve = {
-  variants: or,
-  variant: cr,
-  stock: rr,
-  variantInfo: lr,
-  title: dr,
-  modal: ur,
-  header: hr,
-  productOptions: pr,
-  loading: mr
-}, Gd = (c) => {
+}, rr = "_variants_18tbu_82", lr = "_variant_18tbu_82", dr = "_stock_18tbu_100", ur = "_variantInfo_18tbu_108", hr = "_title_18tbu_202", pr = "_modal_18tbu_208", mr = "_header_18tbu_228", fr = "_productOptions_18tbu_236", _r = "_loading_18tbu_244", ve = {
+  variants: rr,
+  variant: lr,
+  stock: dr,
+  variantInfo: ur,
+  title: hr,
+  modal: pr,
+  header: mr,
+  productOptions: fr,
+  loading: _r
+}, Kd = (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, u] = b.useState(
+  const { pageContext: t } = Ge(), 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 } = Fe(), { setIsOpen: k } = be();
+  ), { addProducts: g } = Fe(), { setIsOpen: x } = Ie();
   return b.useEffect(() => {
     (async () => {
       a(!0);
@@ -4928,8 +4935,8 @@ const Yo = (c) => {
       g(I == null ? void 0 : I.data.products), d(I == null ? void 0 : I.data.products[0]), a(!1);
     })();
   }, []), b.useEffect(() => {
-    k(!0);
-  }, []), /* @__PURE__ */ e(st, { close: c.setIsOpen, children: /* @__PURE__ */ h(
+    x(!0);
+  }, []), /* @__PURE__ */ e(it, { close: c.setIsOpen, children: /* @__PURE__ */ h(
     "div",
     {
       className: ve.modal,
@@ -4937,7 +4944,7 @@ const Yo = (c) => {
       children: [
         n && /* @__PURE__ */ e("div", { className: ve.loading, children: /* @__PURE__ */ e(Jt, {}) }),
         c.type === "Add To Cart" && c.isCartEnabled && i && r && !n && /* @__PURE__ */ e(
-          fr,
+          gr,
           {
             variants: i.variants,
             activeVariant: r,
@@ -4948,7 +4955,7 @@ const Yo = (c) => {
           }
         ),
         c.type === "Buy Now" && i && !n && /* @__PURE__ */ e(
-          gr,
+          vr,
           {
             product: i,
             setIsOpen: c.setIsOpen,
@@ -4958,8 +4965,8 @@ const Yo = (c) => {
       ]
     }
   ) });
-}, fr = (c) => {
-  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 = () => {
+}, gr = (c) => {
+  const { variants: t, activeChargeType: s, productId: n, setIsOpen: a } = c, { cart: i, addProductToCart: d, addProducts: r, updateQuantityOfProduct: o } = Fe(), { notifications: u, setNotifications: g } = Ve(), { pageContext: x } = Ge(), { setIsOpen: _ } = Ie(), f = () => {
     _(!1), setTimeout(() => {
       a(!1);
     }, 300);
@@ -4983,7 +4990,7 @@ const Yo = (c) => {
         chargeType: s
       });
     else {
-      k != null && k.products && r(k.products);
+      x != null && x.products && r(x.products);
       try {
         d({
           productId: n,
@@ -4999,12 +5006,12 @@ const Yo = (c) => {
           }
         ]);
       } catch (w) {
-        const S = w;
+        const N = w;
         g([
           ...u,
           {
             id: le(),
-            message: `Product failed to add to cart: ${S.message}`,
+            message: `Product failed to add to cart: ${N.message}`,
             status: "error"
           }
         ]);
@@ -5015,7 +5022,7 @@ const Yo = (c) => {
     /* @__PURE__ */ h("div", { className: ve.header, children: [
       /* @__PURE__ */ e("div", { id: "h3", children: "Choose a Variant" }),
       /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "X",
           width: 24,
@@ -5071,8 +5078,8 @@ const Yo = (c) => {
       );
     }) })
   ] });
-}, gr = (c) => {
-  const { product: t, setIsOpen: s, isCartEnabled: n } = c, { setIsOpen: a } = be(), i = () => {
+}, vr = (c) => {
+  const { product: t, setIsOpen: s, isCartEnabled: n } = c, { setIsOpen: a } = Ie(), i = () => {
     a(!1), setTimeout(() => {
       s(!1);
     }, 300);
@@ -5090,7 +5097,7 @@ const Yo = (c) => {
         }
       ),
       /* @__PURE__ */ e(
-        x,
+        C,
         {
           name: "X",
           width: 24,
@@ -5106,7 +5113,7 @@ const Yo = (c) => {
       )
     ] }),
     /* @__PURE__ */ e("div", { className: ve.productOptions, children: /* @__PURE__ */ e(
-      Yo,
+      Qo,
       {
         product: t,
         setIsOpen: s,
@@ -5114,22 +5121,22 @@ const Yo = (c) => {
       }
     ) })
   ] });
-}, _r = "_contentModal_m2tf9_1", vr = "_modalTop_m2tf9_12", yr = "_loading_m2tf9_19", br = "_modalCards_m2tf9_28", Ir = "_modalImage_m2tf9_34", Nr = "_card_m2tf9_39", Sr = "_cardInfo_m2tf9_51", wr = "_cardButtons_m2tf9_58", kr = "_title_m2tf9_64", Cr = "_blockImage_m2tf9_71", xr = "_short_m2tf9_80", $r = "_price_m2tf9_84", Tr = "_oldPrice_m2tf9_91", Pr = "_newPrice_m2tf9_100", re = {
-  contentModal: _r,
-  modalTop: vr,
-  loading: yr,
-  modalCards: br,
-  modalImage: Ir,
-  card: Nr,
-  cardInfo: Sr,
-  cardButtons: wr,
-  title: kr,
-  blockImage: Cr,
-  short: xr,
-  price: $r,
-  oldPrice: Tr,
-  newPrice: Pr
-}, Xd = (c) => {
+}, yr = "_contentModal_m2tf9_1", br = "_modalTop_m2tf9_12", Ir = "_loading_m2tf9_19", Sr = "_modalCards_m2tf9_28", Nr = "_modalImage_m2tf9_34", wr = "_card_m2tf9_39", xr = "_cardInfo_m2tf9_51", kr = "_cardButtons_m2tf9_58", Cr = "_title_m2tf9_64", $r = "_blockImage_m2tf9_71", Tr = "_short_m2tf9_80", Pr = "_price_m2tf9_84", Or = "_oldPrice_m2tf9_91", Ar = "_newPrice_m2tf9_100", re = {
+  contentModal: yr,
+  modalTop: br,
+  loading: Ir,
+  modalCards: Sr,
+  modalImage: Nr,
+  card: wr,
+  cardInfo: xr,
+  cardButtons: kr,
+  title: Cr,
+  blockImage: $r,
+  short: Tr,
+  price: Pr,
+  oldPrice: Or,
+  newPrice: Ar
+}, Qd = (c) => {
   const {
     setIsOpen: t,
     pageContext: s,
@@ -5137,7 +5144,7 @@ const Yo = (c) => {
     setProductId: a,
     setIsProductModalOpen: i,
     setShowDropdown: d
-  } = c, [r, o] = b.useState(null), [u, g] = b.useState(!0), { setIsOpen: k } = be();
+  } = c, [r, o] = b.useState(null), [u, g] = b.useState(!0), { setIsOpen: x } = Ie();
   b.useEffect(() => {
     var I;
     g(!0);
@@ -5146,14 +5153,14 @@ const Yo = (c) => {
     );
     f && o([...f]), g(!1);
   }, [s]), b.useEffect(() => {
-    k(!0);
+    x(!0);
   }, []);
   const _ = () => {
-    k(!1), setTimeout(() => {
+    x(!1), setTimeout(() => {
       t(!1);
     }, 300);
   };
-  return /* @__PURE__ */ e(st, { close: () => t(!1), children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ e(it, { close: () => t(!1), children: /* @__PURE__ */ h(
     "div",
     {
       className: re.contentModal,
@@ -5171,7 +5178,7 @@ const Yo = (c) => {
             }
           ),
           /* @__PURE__ */ e(
-            x,
+            C,
             {
               name: "X",
               hoverable: !0,
@@ -5194,7 +5201,7 @@ const Yo = (c) => {
                   height: 64,
                   className: re.modalImage
                 }
-              ) : /* @__PURE__ */ e("div", { className: q(re.blockImage, re.modalImage), children: /* @__PURE__ */ e(x, { name: "Image" }) }) }),
+              ) : /* @__PURE__ */ e("div", { className: q(re.blockImage, re.modalImage), children: /* @__PURE__ */ e(C, { name: "Image" }) }) }),
               /* @__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),
@@ -5285,10 +5292,10 @@ const Yo = (c) => {
       ]
     }
   ) });
-}, Or = "_container_6vcrl_1", Ar = "_wrapper_6vcrl_5", Et = {
-  container: Or,
-  wrapper: Ar
-}, ot = 16, Yd = ({
+}, Br = "_container_6vcrl_1", Mr = "_wrapper_6vcrl_5", Et = {
+  container: Br,
+  wrapper: Mr
+}, ct = 16, Jd = ({
   children: c,
   padding: t,
   style: s,
@@ -5308,10 +5315,10 @@ const Yo = (c) => {
           className: Et.wrapper,
           style: {
             maxWidth: a,
-            paddingTop: d === "desktop" ? t == null ? void 0 : t.top : n ? 0 : ot,
-            paddingBottom: d === "desktop" ? t == null ? void 0 : t.bottom : n ? 0 : ot,
-            paddingLeft: d === "desktop" ? t == null ? void 0 : t.left : n ? 0 : ot,
-            paddingRight: d === "desktop" ? t == null ? void 0 : t.right : n ? 0 : ot,
+            paddingTop: d === "desktop" ? t == null ? void 0 : t.top : n ? 0 : ct,
+            paddingBottom: d === "desktop" ? t == null ? void 0 : t.bottom : n ? 0 : ct,
+            paddingLeft: d === "desktop" ? t == null ? void 0 : t.left : n ? 0 : ct,
+            paddingRight: d === "desktop" ? t == null ? void 0 : t.right : n ? 0 : ct,
             ...s
           },
           children: c(d)
@@ -5319,28 +5326,28 @@ const Yo = (c) => {
       )
     }
   );
-}, Br = "_wrapper_2lef2_2", Mr = "_label_2lef2_9", Er = "_top_2lef2_17", qr = "_select_2lef2_23", Dr = "_borderFocused_2lef2_42", Rr = "_input_2lef2_49", Lr = "_icon_2lef2_59", zr = "_rotate_2lef2_64", Fr = "_content_2lef2_68", Ur = "_options_2lef2_72", jr = "_filteredOptions_2lef2_93", Hr = "_open_2lef2_97", Vr = "_option_2lef2_72", Wr = "_focused_2lef2_115", Gr = "_addon_2lef2_119", Xr = "_value_2lef2_130", Yr = "_postfix_2lef2_135", Kr = "_leftAddon_2lef2_139", Qr = "_selectError_2lef2_145", Jr = "_errorMessage_2lef2_152", Zr = "_requiredStar_2lef2_158", J = {
-  wrapper: Br,
-  label: Mr,
-  top: Er,
-  select: qr,
-  borderFocused: Dr,
-  input: Rr,
-  icon: Lr,
-  rotate: zr,
-  content: Fr,
-  options: Ur,
-  filteredOptions: jr,
-  open: Hr,
-  option: Vr,
-  focused: Wr,
-  addon: Gr,
-  value: Xr,
-  postfix: Yr,
-  leftAddon: Kr,
-  selectError: Qr,
-  errorMessage: Jr,
-  requiredStar: Zr
+}, Er = "_wrapper_2lef2_2", qr = "_label_2lef2_9", Dr = "_top_2lef2_17", Rr = "_select_2lef2_23", Lr = "_borderFocused_2lef2_42", zr = "_input_2lef2_49", Fr = "_icon_2lef2_59", jr = "_rotate_2lef2_64", Ur = "_content_2lef2_68", Hr = "_options_2lef2_72", Vr = "_filteredOptions_2lef2_93", Wr = "_open_2lef2_97", Gr = "_option_2lef2_72", Xr = "_focused_2lef2_115", Yr = "_addon_2lef2_119", Kr = "_value_2lef2_130", Qr = "_postfix_2lef2_135", Jr = "_leftAddon_2lef2_139", Zr = "_selectError_2lef2_145", el = "_errorMessage_2lef2_152", tl = "_requiredStar_2lef2_158", J = {
+  wrapper: Er,
+  label: qr,
+  top: Dr,
+  select: Rr,
+  borderFocused: Lr,
+  input: zr,
+  icon: Fr,
+  rotate: jr,
+  content: Ur,
+  options: Hr,
+  filteredOptions: Vr,
+  open: Wr,
+  option: Gr,
+  focused: Xr,
+  addon: Yr,
+  value: Kr,
+  postfix: Qr,
+  leftAddon: Jr,
+  selectError: Zr,
+  errorMessage: el,
+  requiredStar: tl
 }, ue = (c) => {
   var M, L;
   const {
@@ -5354,30 +5361,30 @@ const Yo = (c) => {
     leftAddonOptions: o,
     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));
-  function S(N) {
-    I(""), t(N), _(!1), m(null);
+  } = c, [x, _] = b.useState(!1), [f, I] = b.useState(""), [l, m] = b.useState(null), [p, y] = b.useState(!1), w = b.useRef(null);
+  st(w, () => _(!1));
+  function N(S) {
+    I(""), t(S), _(!1), m(null);
   }
-  function $(N, C) {
-    return N ? N.length > C + 3 ? `${N.slice(0, C)}...` : N : "";
+  function $(S, k) {
+    return S ? S.length > k + 3 ? `${S.slice(0, k)}...` : S : "";
   }
-  function A(N) {
-    if (!k) {
-      (N.key === "Enter" || N.key === "ArrowDown") && _(!0);
+  function A(S) {
+    if (!x) {
+      (S.key === "Enter" || S.key === "ArrowDown") && _(!0);
       return;
     }
-    const C = T;
-    N.key === "ArrowDown" && (N.preventDefault(), m(
-      (D) => D === null || D === C.length - 1 ? 0 : D + 1
-    )), N.key === "ArrowUp" && (N.preventDefault(), m(
-      (D) => D === null || D === 0 ? C.length - 1 : D - 1
-    )), N.key === "Enter" && l !== null && (N.preventDefault(), S(C[l])), N.key === "Escape" && _(!1);
+    const k = T;
+    S.key === "ArrowDown" && (S.preventDefault(), m(
+      (D) => D === null || D === k.length - 1 ? 0 : D + 1
+    )), S.key === "ArrowUp" && (S.preventDefault(), m(
+      (D) => D === null || D === 0 ? k.length - 1 : D - 1
+    )), S.key === "Enter" && l !== null && (S.preventDefault(), N(k[l])), S.key === "Escape" && _(!1);
   }
   const O = b.useRef(null), v = b.useMemo(() => new Gt(a, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [a]), T = b.useMemo(() => p && f.trim() !== "" ? v.search(f).map((N) => N.item) : a, [f, a, p, v]);
+  }), [a]), T = b.useMemo(() => p && f.trim() !== "" ? v.search(f).map((S) => S.item) : a, [f, a, p, v]);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -5414,17 +5421,17 @@ const Yo = (c) => {
                 "div",
                 {
                   className: q(J.select, {
-                    [J.borderFocused]: k,
+                    [J.borderFocused]: x,
                     [J.selectError]: g
                   }),
                   onKeyDown: A,
-                  onClick: (N) => {
-                    N.stopPropagation(), _((C) => !C), y(!1);
+                  onClick: (S) => {
+                    S.stopPropagation(), _((k) => !k), y(!1);
                   },
                   ref: O,
                   tabIndex: 0,
                   children: [
-                    o && o.length > 0 && /* @__PURE__ */ e("div", { className: J.addon, children: (M = o.find((N) => N.value === n)) == null ? void 0 : M.addon }),
+                    o && o.length > 0 && /* @__PURE__ */ e("div", { className: J.addon, children: (M = o.find((S) => S.value === n)) == null ? void 0 : M.addon }),
                     /* @__PURE__ */ e(
                       "div",
                       {
@@ -5436,12 +5443,12 @@ const Yo = (c) => {
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: q(J.icon, { [J.rotate]: k }),
-                        onClick: (N) => {
-                          N.stopPropagation(), _((C) => !C);
+                        className: q(J.icon, { [J.rotate]: x }),
+                        onClick: (S) => {
+                          S.stopPropagation(), _((k) => !k);
                         },
                         children: /* @__PURE__ */ e(
-                          x,
+                          C,
                           {
                             name: "CaretDown",
                             width: 16,
@@ -5457,7 +5464,7 @@ const Yo = (c) => {
               /* @__PURE__ */ h(
                 "div",
                 {
-                  className: q(J.options, { [J.open]: k }),
+                  className: q(J.options, { [J.open]: x }),
                   style: {
                     top: ((L = O.current) == null ? void 0 : L.clientHeight) + 10
                   },
@@ -5468,33 +5475,33 @@ const Yo = (c) => {
                         type: "text",
                         value: f,
                         placeholder: "Search...",
-                        onChange: (N) => {
-                          I(N), y(!0);
+                        onChange: (S) => {
+                          I(S), y(!0);
                         },
                         isSearch: !0
                       }
                     ),
                     /* @__PURE__ */ h("div", { className: J.filteredOptions, children: [
-                      T.map((N, C) => {
+                      T.map((S, k) => {
                         var D;
                         return /* @__PURE__ */ h(
                           "div",
                           {
                             className: q(J.option, {
-                              [J.focused]: C === l
+                              [J.focused]: k === l
                             }),
                             onClick: () => {
-                              S(N), _(!1);
+                              N(S), _(!1);
                             },
                             id: "md",
                             children: [
-                              o && o.length > 0 && /* @__PURE__ */ e("div", { className: J.leftAddon, children: (D = o.find((E) => E.value === N)) == null ? void 0 : D.addon }),
+                              o && o.length > 0 && /* @__PURE__ */ e("div", { className: J.leftAddon, children: (D = o.find((E) => E.value === S)) == null ? void 0 : D.addon }),
                               /* @__PURE__ */ e(
                                 "span",
                                 {
                                   className: J.value,
                                   id: "md",
-                                  children: u ? $(N, 20) : N
+                                  children: u ? $(S, 20) : S
                                 }
                               ),
                               r && /* @__PURE__ */ e(
@@ -5502,12 +5509,12 @@ const Yo = (c) => {
                                 {
                                   className: J.postfix,
                                   id: "md",
-                                  children: r[C]
+                                  children: r[k]
                                 }
                               )
                             ]
                           },
-                          N
+                          S
                         );
                       }),
                       T.length === 0 && /* @__PURE__ */ e("div", { children: "No results found." })
@@ -5522,13 +5529,13 @@ const Yo = (c) => {
       ]
     }
   );
-}, el = "_wrapper_mmfra_1", tl = "_active_mmfra_27", nl = "_toggle_mmfra_30", sl = "_background_mmfra_42", il = "_padding_mmfra_46", ye = {
-  wrapper: el,
+}, nl = "_wrapper_mmfra_1", sl = "_active_mmfra_27", il = "_toggle_mmfra_30", al = "_background_mmfra_42", ol = "_padding_mmfra_46", be = {
+  wrapper: nl,
   switch: "_switch_mmfra_14",
-  active: tl,
-  toggle: nl,
-  background: sl,
-  padding: il
+  active: sl,
+  toggle: il,
+  background: al,
+  padding: ol
 }, fe = (c) => {
   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);
@@ -5538,45 +5545,45 @@ const Yo = (c) => {
   }, [n]), /* @__PURE__ */ e(G, { children: a ? /* @__PURE__ */ h(
     "div",
     {
-      className: q(ye.wrapper, {
-        [ye.background]: i,
-        [ye.padding]: !d
+      className: q(be.wrapper, {
+        [be.background]: i,
+        [be.padding]: !d
       }),
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: q(ye.switch, {
-              [ye.active]: r
+            className: q(be.switch, {
+              [be.active]: r
             }),
             onClick: u,
             style: s,
-            children: /* @__PURE__ */ e("div", { className: ye.toggle })
+            children: /* @__PURE__ */ e("div", { className: be.toggle })
           }
         ),
-        /* @__PURE__ */ e("span", { className: ye.value, children: a })
+        /* @__PURE__ */ e("span", { className: be.value, children: a })
       ]
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      className: q(ye.switch, {
-        [ye.active]: r
+      className: q(be.switch, {
+        [be.active]: r
       }),
       onClick: u,
       style: s,
-      children: /* @__PURE__ */ e("div", { className: ye.toggle })
+      children: /* @__PURE__ */ e("div", { className: be.toggle })
     }
   ) });
 };
-function St() {
-  return St = Object.assign ? Object.assign.bind() : function(c) {
+function Nt() {
+  return Nt = Object.assign ? Object.assign.bind() : function(c) {
     for (var t = 1; t < arguments.length; t++) {
       var s = arguments[t];
       for (var n in s) ({}).hasOwnProperty.call(s, n) && (c[n] = s[n]);
     }
     return c;
-  }, St.apply(null, arguments);
+  }, Nt.apply(null, arguments);
 }
 function qt(c) {
   if (c === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -5587,25 +5594,25 @@ function wt(c, t) {
     return s.__proto__ = n, s;
   }, wt(c, t);
 }
-function al(c, t) {
+function cl(c, t) {
   c.prototype = Object.create(t.prototype), c.prototype.constructor = c, wt(c, t);
 }
 var Dt = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function ol(c, t) {
+function rl(c, t) {
   return !!(c === t || Dt(c) && Dt(t));
 }
-function cl(c, t) {
+function ll(c, t) {
   if (c.length !== t.length)
     return !1;
   for (var s = 0; s < c.length; s++)
-    if (!ol(c[s], t[s]))
+    if (!rl(c[s], t[s]))
       return !1;
   return !0;
 }
 function It(c, t) {
-  t === void 0 && (t = cl);
+  t === void 0 && (t = ll);
   var s, n = [], a, i = !1;
   function d() {
     for (var r = [], o = 0; o < arguments.length; o++)
@@ -5614,7 +5621,7 @@ function It(c, t) {
   }
   return d;
 }
-var rl = typeof performance == "object" && typeof performance.now == "function", Rt = rl ? function() {
+var dl = typeof performance == "object" && typeof performance.now == "function", Rt = dl ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -5622,7 +5629,7 @@ var rl = typeof performance == "object" && typeof performance.now == "function",
 function Lt(c) {
   cancelAnimationFrame(c.id);
 }
-function ll(c, t) {
+function ul(c, t) {
   var s = Rt();
   function n() {
     Rt() - s >= t ? c.call(null) : a.id = requestAnimationFrame(n);
@@ -5632,13 +5639,13 @@ function ll(c, t) {
   };
   return a;
 }
-var Nt = -1;
+var St = -1;
 function zt(c) {
-  if (c === void 0 && (c = !1), Nt === -1 || c) {
+  if (c === void 0 && (c = !1), St === -1 || c) {
     var t = document.createElement("div"), s = t.style;
-    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), Nt = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    s.width = "50px", s.height = "50px", s.overflow = "scroll", document.body.appendChild(t), St = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return Nt;
+  return St;
 }
 var Re = null;
 function Ft(c) {
@@ -5651,17 +5658,17 @@ function Ft(c) {
   return Re;
 }
 process.env.NODE_ENV;
-var dl = 150, ul = function(t, s) {
+var hl = 150, pl = function(t, s) {
   return t;
 }, 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) {
+function ml(c) {
   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);
+  return t = /* @__PURE__ */ function(x) {
+    cl(_, x);
     function _(I) {
       var l;
-      return l = k.call(this, I) || this, l._instanceProps = o(l.props, qt(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
+      return l = x.call(this, I) || this, l._instanceProps = o(l.props, qt(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
         instance: qt(l),
         isScrolling: !1,
         scrollDirection: "forward",
@@ -5681,11 +5688,11 @@ 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(u && w, u && S, u && y), A;
+        var p = l.props, y = p.direction, w = p.itemSize, N = p.layout, $ = l._getItemStyleCache(u && w, u && N, u && y), A;
         if ($.hasOwnProperty(m))
           A = $[m];
         else {
-          var O = s(l.props, m, l._instanceProps), v = a(l.props, m, l._instanceProps), T = y === "horizontal" || S === "horizontal", M = y === "rtl", L = T ? O : 0;
+          var O = s(l.props, m, l._instanceProps), v = a(l.props, m, l._instanceProps), T = y === "horizontal" || N === "horizontal", M = y === "rtl", L = T ? O : 0;
           $[m] = A = {
             position: "absolute",
             left: M ? void 0 : L,
@@ -5699,7 +5706,7 @@ function hl(c) {
       }, l._getItemStyleCache = void 0, l._getItemStyleCache = It(function(m, p, y) {
         return {};
       }), l._onScrollHorizontal = function(m) {
-        var p = m.currentTarget, y = p.clientWidth, w = p.scrollLeft, S = p.scrollWidth;
+        var p = m.currentTarget, y = p.clientWidth, w = p.scrollLeft, N = p.scrollWidth;
         l.setState(function($) {
           if ($.scrollOffset === w)
             return null;
@@ -5710,10 +5717,10 @@ function hl(c) {
                 O = -w;
                 break;
               case "positive-descending":
-                O = S - y - w;
+                O = N - y - w;
                 break;
             }
-          return O = Math.max(0, Math.min(O, S - y)), {
+          return O = Math.max(0, Math.min(O, N - y)), {
             isScrolling: !0,
             scrollDirection: $.scrollOffset < O ? "forward" : "backward",
             scrollOffset: O,
@@ -5721,11 +5728,11 @@ function hl(c) {
           };
         }, l._resetIsScrollingDebounced);
       }, l._onScrollVertical = function(m) {
-        var p = m.currentTarget, y = p.clientHeight, w = p.scrollHeight, S = p.scrollTop;
+        var p = m.currentTarget, y = p.clientHeight, w = p.scrollHeight, N = p.scrollTop;
         l.setState(function($) {
-          if ($.scrollOffset === S)
+          if ($.scrollOffset === N)
             return null;
-          var A = Math.max(0, Math.min(S, w - y));
+          var A = Math.max(0, Math.min(N, w - y));
           return {
             isScrolling: !0,
             scrollDirection: $.scrollOffset < A ? "forward" : "backward",
@@ -5737,7 +5744,7 @@ function hl(c) {
         var p = l.props.outerRef;
         l._outerRef = m, typeof p == "function" ? p(m) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = m);
       }, l._resetIsScrollingDebounced = function() {
-        l._resetIsScrollingTimeoutId !== null && Lt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = ll(l._resetIsScrolling, dl);
+        l._resetIsScrollingTimeoutId !== null && Lt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = ul(l._resetIsScrolling, hl);
       }, l._resetIsScrolling = function() {
         l._resetIsScrollingTimeoutId = null, l.setState({
           isScrolling: !1
@@ -5747,7 +5754,7 @@ function hl(c) {
       }, l;
     }
     _.getDerivedStateFromProps = function(l, m) {
-      return pl(l, m), g(l), null;
+      return fl(l, m), g(l), null;
     };
     var f = _.prototype;
     return f.scrollTo = function(l) {
@@ -5760,14 +5767,14 @@ function hl(c) {
       }, this._resetIsScrollingDebounced);
     }, f.scrollToItem = function(l, m) {
       m === void 0 && (m = "auto");
-      var p = this.props, y = p.itemCount, w = p.layout, S = this.state.scrollOffset;
+      var p = this.props, y = p.itemCount, w = p.layout, N = this.state.scrollOffset;
       l = Math.max(0, Math.min(l, y - 1));
       var $ = 0;
       if (this._outerRef) {
         var A = this._outerRef;
         w === "vertical" ? $ = A.scrollWidth > A.clientWidth ? zt() : 0 : $ = A.scrollHeight > A.clientHeight ? zt() : 0;
       }
-      this.scrollTo(i(this.props, l, m, S, this._instanceProps, $));
+      this.scrollTo(i(this.props, l, m, N, this._instanceProps, $));
     }, f.componentDidMount = function() {
       var l = this.props, m = l.direction, p = l.initialScrollOffset, y = l.layout;
       if (typeof p == "number" && this._outerRef != null) {
@@ -5776,8 +5783,8 @@ function hl(c) {
       }
       this._callPropsCallbacks();
     }, f.componentDidUpdate = function() {
-      var l = this.props, m = l.direction, p = l.layout, y = this.state, w = y.scrollOffset, S = y.scrollUpdateWasRequested;
-      if (S && this._outerRef != null) {
+      var l = this.props, m = l.direction, p = l.layout, y = this.state, w = y.scrollOffset, N = y.scrollUpdateWasRequested;
+      if (N && this._outerRef != null) {
         var $ = this._outerRef;
         if (m === "horizontal" || p === "horizontal")
           if (m === "rtl")
@@ -5802,10 +5809,10 @@ function hl(c) {
     }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Lt(this._resetIsScrollingTimeoutId);
     }, f.render = function() {
-      var l = this.props, m = l.children, p = l.className, y = l.direction, w = l.height, S = l.innerRef, $ = l.innerElementType, A = l.innerTagName, O = l.itemCount, v = l.itemData, T = l.itemKey, M = T === void 0 ? ul : T, L = l.layout, N = l.outerElementType, C = l.outerTagName, D = l.style, E = l.useIsScrolling, V = l.width, P = this.state.isScrolling, z = y === "horizontal" || L === "horizontal", U = z ? this._onScrollHorizontal : this._onScrollVertical, F = this._getRangeToRender(), se = F[0], te = F[1], Q = [];
+      var l = this.props, m = l.children, p = l.className, y = l.direction, w = l.height, N = l.innerRef, $ = l.innerElementType, A = l.innerTagName, O = l.itemCount, v = l.itemData, T = l.itemKey, M = T === void 0 ? pl : T, L = l.layout, S = l.outerElementType, k = l.outerTagName, D = l.style, E = l.useIsScrolling, V = l.width, P = this.state.isScrolling, z = y === "horizontal" || L === "horizontal", j = z ? this._onScrollHorizontal : this._onScrollVertical, F = this._getRangeToRender(), se = F[0], te = F[1], Q = [];
       if (O > 0)
         for (var B = se; B <= te; B++)
-          Q.push(gt(m, {
+          Q.push(_t(m, {
             data: v,
             key: M(B, v),
             index: B,
@@ -5813,11 +5820,11 @@ function hl(c) {
             style: this._getItemStyle(B)
           }));
       var W = n(this.props, this._instanceProps);
-      return gt(N || C || "div", {
+      return _t(S || k || "div", {
         className: p,
-        onScroll: U,
+        onScroll: j,
         ref: this._outerRefSetter,
-        style: St({
+        style: Nt({
           position: "relative",
           height: w,
           width: V,
@@ -5826,9 +5833,9 @@ function hl(c) {
           willChange: "transform",
           direction: y
         }, D)
-      }, gt($ || A || "div", {
+      }, _t($ || A || "div", {
         children: Q,
-        ref: S,
+        ref: N,
         style: {
           height: z ? "100%" : W,
           pointerEvents: P ? "none" : void 0,
@@ -5839,8 +5846,8 @@ function hl(c) {
       if (typeof this.props.onItemsRendered == "function") {
         var l = this.props.itemCount;
         if (l > 0) {
-          var m = this._getRangeToRender(), p = m[0], y = m[1], w = m[2], S = m[3];
-          this._callOnItemsRendered(p, y, w, S);
+          var m = this._getRangeToRender(), p = m[0], y = m[1], w = m[2], N = m[3];
+          this._callOnItemsRendered(p, y, w, N);
         }
       }
       if (typeof this.props.onScroll == "function") {
@@ -5848,10 +5855,10 @@ function hl(c) {
         this._callOnScroll(A, O, v);
       }
     }, f._getRangeToRender = function() {
-      var l = this.props, m = l.itemCount, p = l.overscanCount, y = this.state, w = y.isScrolling, S = y.scrollDirection, $ = y.scrollOffset;
+      var l = this.props, m = l.itemCount, p = l.overscanCount, y = this.state, w = y.isScrolling, N = y.scrollDirection, $ = y.scrollOffset;
       if (m === 0)
         return [0, 0, 0, 0];
-      var A = d(this.props, $, this._instanceProps), O = r(this.props, A, $, this._instanceProps), v = !w || S === "backward" ? Math.max(1, p) : 1, T = !w || S === "forward" ? Math.max(1, p) : 1;
+      var A = d(this.props, $, this._instanceProps), O = r(this.props, A, $, this._instanceProps), v = !w || N === "backward" ? Math.max(1, p) : 1, T = !w || N === "forward" ? Math.max(1, p) : 1;
       return [Math.max(0, A - v), Math.max(0, Math.min(m - 1, O + T)), A, O];
     }, _;
   }(on), t.defaultProps = {
@@ -5862,11 +5869,11 @@ function hl(c) {
     useIsScrolling: !1
   }, t;
 }
-var pl = function(t, s) {
+var fl = function(t, s) {
   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";
+    var x = a === "horizontal" || d === "horizontal";
     switch (a) {
       case "horizontal":
       case "vertical":
@@ -5887,12 +5894,12 @@ 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 u != "number")
+    if (x && 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")
+    if (!x && 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.'));
   }
-}, ml = /* @__PURE__ */ hl({
+}, _l = /* @__PURE__ */ ml({
   getItemOffset: function(t, s) {
     var n = t.itemSize;
     return s * n;
@@ -5906,7 +5913,7 @@ var pl = function(t, s) {
     return n * s;
   },
   getOffsetForIndexAndAlignment: function(t, s, n, a, i, 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);
+    var r = t.direction, o = t.height, u = t.itemCount, g = t.itemSize, x = t.layout, _ = t.width, f = r === "horizontal" || x === "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 +5933,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, u = t.width, g = a === "horizontal" || o === "horizontal", k = s * r, _ = g ? u : 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", x = s * r, _ = g ? u : i, f = Math.ceil((_ + n - x) / r);
     return Math.max(0, Math.min(
       d - 1,
       s + f - 1
@@ -5942,27 +5949,27 @@ var pl = function(t, s) {
       throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
   }
 });
-const fl = "_wrapper_1gk74_2", gl = "_label_1gk74_9", _l = "_top_1gk74_17", vl = "_select_1gk74_23", yl = "_borderFocused_1gk74_42", bl = "_input_1gk74_49", Il = "_icon_1gk74_59", Nl = "_rotate_1gk74_64", Sl = "_content_1gk74_68", wl = "_options_1gk74_72", kl = "_filteredOptions_1gk74_93", Cl = "_open_1gk74_97", xl = "_option_1gk74_72", $l = "_focused_1gk74_115", Tl = "_addon_1gk74_119", Pl = "_value_1gk74_130", Ol = "_postfix_1gk74_134", Al = "_leftAddon_1gk74_138", ne = {
-  wrapper: fl,
-  label: gl,
-  top: _l,
-  select: vl,
-  borderFocused: yl,
-  input: bl,
-  icon: Il,
-  rotate: Nl,
-  content: Sl,
-  options: wl,
-  filteredOptions: kl,
-  open: Cl,
-  option: xl,
-  focused: $l,
-  addon: Tl,
-  value: Pl,
-  postfix: Ol,
-  leftAddon: Al
+const gl = "_wrapper_1gk74_2", vl = "_label_1gk74_9", yl = "_top_1gk74_17", bl = "_select_1gk74_23", Il = "_borderFocused_1gk74_42", Sl = "_input_1gk74_49", Nl = "_icon_1gk74_59", wl = "_rotate_1gk74_64", xl = "_content_1gk74_68", kl = "_options_1gk74_72", Cl = "_filteredOptions_1gk74_93", $l = "_open_1gk74_97", Tl = "_option_1gk74_72", Pl = "_focused_1gk74_115", Ol = "_addon_1gk74_119", Al = "_value_1gk74_130", Bl = "_postfix_1gk74_134", Ml = "_leftAddon_1gk74_138", ne = {
+  wrapper: gl,
+  label: vl,
+  top: yl,
+  select: bl,
+  borderFocused: Il,
+  input: Sl,
+  icon: Nl,
+  rotate: wl,
+  content: xl,
+  options: kl,
+  filteredOptions: Cl,
+  open: $l,
+  option: Tl,
+  focused: Pl,
+  addon: Ol,
+  value: Al,
+  postfix: Bl,
+  leftAddon: Ml
 };
-function Bl(c, t) {
+function El(c, t) {
   b.useEffect(() => {
     function s(n) {
       !c.current || c.current.contains(n.target) || t(n);
@@ -5974,53 +5981,53 @@ 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, [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);
+  const { onChange: t, label: s, value: n, options: a, style: i, switcher: d, postfixs: r, leftAddonOptions: o } = c, [u, g] = b.useState(!1), [x, _] = b.useState(""), [f, I] = b.useState(null), [l, m] = b.useState(!1), p = b.useRef(null);
+  El(p, () => g(!1));
+  function y(S) {
+    _(""), t(S), g(!1), I(null);
   }
-  function w(N, C) {
-    return N ? N.length > C + 3 ? `${N.slice(0, C)}...` : N : "";
+  function w(S, k) {
+    return S ? S.length > k + 3 ? `${S.slice(0, k)}...` : S : "";
   }
-  function S(N) {
+  function N(S) {
     if (!u) {
-      (N.key === "Enter" || N.key === "ArrowDown") && g(!0);
+      (S.key === "Enter" || S.key === "ArrowDown") && g(!0);
       return;
     }
-    const C = O;
-    N.key === "ArrowDown" && (N.preventDefault(), I(
-      (D) => D === null || D === C.length - 1 ? 0 : D + 1
-    )), N.key === "ArrowUp" && (N.preventDefault(), I(
-      (D) => D === null || D === 0 ? C.length - 1 : D - 1
-    )), N.key === "Enter" && f !== null && (N.preventDefault(), y(C[f])), N.key === "Escape" && g(!1);
+    const k = O;
+    S.key === "ArrowDown" && (S.preventDefault(), I(
+      (D) => D === null || D === k.length - 1 ? 0 : D + 1
+    )), S.key === "ArrowUp" && (S.preventDefault(), I(
+      (D) => D === null || D === 0 ? k.length - 1 : D - 1
+    )), S.key === "Enter" && f !== null && (S.preventDefault(), y(k[f])), S.key === "Escape" && g(!1);
   }
   const $ = b.useRef(null), A = b.useMemo(() => new Gt(a, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [a]), O = b.useMemo(() => l && k.trim() !== "" ? A.search(k).map((N) => N.item) : a, [k, a, l, A]), v = b.useMemo(() => {
-    const N = /* @__PURE__ */ new Map();
-    return o == null || o.forEach((C) => {
-      N.set(C.value, C.addon);
-    }), N;
+  }), [a]), O = b.useMemo(() => l && x.trim() !== "" ? A.search(x).map((S) => S.item) : a, [x, a, l, A]), v = b.useMemo(() => {
+    const S = /* @__PURE__ */ new Map();
+    return o == null || o.forEach((k) => {
+      S.set(k.value, k.addon);
+    }), S;
   }, [o]), T = b.useMemo(() => {
     if (!r) return /* @__PURE__ */ new Map();
-    const N = /* @__PURE__ */ new Map();
+    const S = /* @__PURE__ */ new Map();
     if (r.length === a.length)
-      for (let C = 0; C < a.length; C++)
-        N.set(a[C], r[C]);
-    return N;
+      for (let k = 0; k < a.length; k++)
+        S.set(a[k], r[k]);
+    return S;
   }, [a, r]), M = b.useCallback(
-    ({ index: N, style: C }) => {
-      const D = O[N];
+    ({ index: S, style: k }) => {
+      const D = O[S];
       if (!D) return null;
-      const E = f === N, V = v.get(D), P = T.get(D);
+      const E = f === S, V = v.get(D), P = T.get(D);
       return /* @__PURE__ */ h(
         "div",
         {
           className: q(ne.option, {
             [ne.focused]: E
           }),
-          style: C,
+          style: k,
           onClick: () => y(D),
           children: [
             V && /* @__PURE__ */ e("div", { className: ne.leftAddon, children: V }),
@@ -6066,9 +6073,9 @@ const nn = (c) => {
                 "div",
                 {
                   className: q(ne.select, { [ne.borderFocused]: u }),
-                  onKeyDown: S,
-                  onClick: (N) => {
-                    N.stopPropagation(), g((C) => !C), m(!1);
+                  onKeyDown: N,
+                  onClick: (S) => {
+                    S.stopPropagation(), g((k) => !k), m(!1);
                   },
                   ref: $,
                   tabIndex: 0,
@@ -6079,11 +6086,11 @@ const nn = (c) => {
                       "div",
                       {
                         className: q(ne.icon, { [ne.rotate]: u }),
-                        onClick: (N) => {
-                          N.stopPropagation(), g((C) => !C);
+                        onClick: (S) => {
+                          S.stopPropagation(), g((k) => !k);
                         },
                         children: /* @__PURE__ */ e(
-                          x,
+                          C,
                           {
                             name: "CaretDown",
                             width: 16,
@@ -6107,10 +6114,10 @@ const nn = (c) => {
                       $t,
                       {
                         type: "text",
-                        value: k,
+                        value: x,
                         placeholder: "Search...",
-                        onChange: (N) => {
-                          _(N), m(!0);
+                        onChange: (S) => {
+                          _(S), m(!0);
                         },
                         isSearch: !0
                       }
@@ -6118,13 +6125,13 @@ const nn = (c) => {
                     /* @__PURE__ */ h("div", { className: ne.filteredOptions, children: [
                       O.length === 0 && /* @__PURE__ */ e("div", { children: "No results found." }),
                       O.length > 0 && /* @__PURE__ */ e(
-                        ml,
+                        _l,
                         {
                           height: 200,
                           itemCount: O.length,
                           itemSize: 36,
                           width: "100%",
-                          itemKey: (N) => O[N] || N,
+                          itemKey: (S) => O[S] || S,
                           children: M
                         }
                       )
@@ -6138,12 +6145,12 @@ const nn = (c) => {
       ]
     }
   );
-}, Ml = "_customCheckbox_w9x8g_1", El = "_checkboxBox_w9x8g_7", ql = "_checked_w9x8g_23", Dl = "_icon_w9x8g_31", ct = {
-  customCheckbox: Ml,
-  checkboxBox: El,
-  checked: ql,
-  icon: Dl
-}, Rl = (c) => {
+}, ql = "_customCheckbox_w9x8g_1", Dl = "_checkboxBox_w9x8g_7", Rl = "_checked_w9x8g_23", Ll = "_icon_w9x8g_31", rt = {
+  customCheckbox: ql,
+  checkboxBox: Dl,
+  checked: Rl,
+  icon: Ll
+}, zl = (c) => {
   const { value: t, onChange: s } = c, [n, a] = b.useState(t), i = () => {
     a(!n), s(!n);
   };
@@ -6152,7 +6159,7 @@ const nn = (c) => {
   }, [t]), /* @__PURE__ */ h(
     "label",
     {
-      className: ct.customCheckbox,
+      className: rt.customCheckbox,
       onClick: (d) => d.stopPropagation(),
       children: [
         /* @__PURE__ */ e(
@@ -6167,13 +6174,13 @@ const nn = (c) => {
         /* @__PURE__ */ e(
           "span",
           {
-            className: q(ct.checkboxBox, {
-              [ct.checked]: n
+            className: q(rt.checkboxBox, {
+              [rt.checked]: n
             })
           }
         ),
-        n && /* @__PURE__ */ e("div", { className: ct.icon, children: /* @__PURE__ */ e(
-          x,
+        n && /* @__PURE__ */ e("div", { className: rt.icon, children: /* @__PURE__ */ e(
+          C,
           {
             name: "Check",
             width: 14,
@@ -6184,42 +6191,45 @@ const nn = (c) => {
       ]
     }
   );
-}, Ll = "_customCheckbox_a8vq7_1", zl = "_checkboxBox_a8vq7_7", Fl = "_checked_a8vq7_23", Ul = "_icon_a8vq7_30", rt = {
-  customCheckbox: Ll,
-  checkboxBox: zl,
-  checked: Fl,
-  icon: Ul
-}, Kd = (c) => {
-  const { value: t, onChange: s } = c, [n, a] = b.useState(t), i = () => {
-    a(!n), s(!n);
+}, Fl = "_customCheckbox_12xbb_1", jl = "_checkboxBox_12xbb_7", Ul = "_checked_12xbb_23", Hl = "_icon_12xbb_30", Vl = "_disabled_12xbb_36", He = {
+  customCheckbox: Fl,
+  checkboxBox: jl,
+  checked: Ul,
+  icon: Hl,
+  disabled: Vl
+}, Zd = (c) => {
+  const { value: t, onChange: s, disabled: n = !1 } = c, [a, i] = b.useState(t), d = () => {
+    n || (i(!a), s(!a));
   };
   return b.useEffect(() => {
-    a(t);
+    i(t);
   }, [t]), /* @__PURE__ */ h(
     "label",
     {
-      className: rt.customCheckbox,
-      onClick: (d) => d.stopPropagation(),
+      className: q(He.customCheckbox, {
+        [He.disabled]: n
+      }),
+      onClick: (r) => r.stopPropagation(),
       children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
-            checked: n,
-            onChange: i,
+            checked: a,
+            onChange: d,
             style: { display: "none" }
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
-            className: q(rt.checkboxBox, {
-              [rt.checked]: n
+            className: q(He.checkboxBox, {
+              [He.checked]: a
             })
           }
         ),
-        n && /* @__PURE__ */ e("div", { className: rt.icon, children: /* @__PURE__ */ e(
-          x,
+        a && /* @__PURE__ */ e("div", { className: He.icon, children: /* @__PURE__ */ e(
+          C,
           {
             name: "Check",
             width: 14,
@@ -6230,12 +6240,12 @@ const nn = (c) => {
       ]
     }
   );
-}, jl = "_modal_1h74q_1", Hl = "_title_1h74q_14", Vl = "_buttons_1h74q_20", lt = {
-  modal: jl,
-  title: Hl,
-  buttons: Vl
-}, Qd = () => {
-  const { title: c, description: t, onConfirm: s, setTitle: n, setDescription: a, setOnConfirm: i } = un(), { setIsOpen: d } = be();
+}, Wl = "_modal_1h74q_1", Gl = "_title_1h74q_14", Xl = "_buttons_1h74q_20", lt = {
+  modal: Wl,
+  title: Gl,
+  buttons: Xl
+}, eu = () => {
+  const { title: c, description: t, onConfirm: s, setTitle: n, setDescription: a, setOnConfirm: i } = un(), { setIsOpen: d } = Ie();
   function r() {
     d(!1), setTimeout(() => {
       n(null), a(null), i(null), d(!0);
@@ -6265,22 +6275,22 @@ const nn = (c) => {
       ]
     }
   );
-}, Wl = "_notification_2jmah_1", Gl = "_text_2jmah_22", Xl = "_timer_2jmah_27", Yl = "_warning_2jmah_32", Kl = "_error_2jmah_37", Ql = "_success_2jmah_42", Le = {
-  notification: Wl,
-  text: Gl,
-  timer: Xl,
-  warning: Yl,
-  error: Kl,
-  success: Ql
-}, Ut = {
+}, Yl = "_notification_2jmah_1", Kl = "_text_2jmah_22", Ql = "_timer_2jmah_27", Jl = "_warning_2jmah_32", Zl = "_error_2jmah_37", ed = "_success_2jmah_42", Le = {
+  notification: Yl,
+  text: Kl,
+  timer: Ql,
+  warning: Jl,
+  error: Zl,
+  success: ed
+}, jt = {
   warning: "#C1972A",
   error: "#FF3F19",
   success: "#338B13"
-}, Jd = (c) => {
-  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();
+}, tu = (c) => {
+  const { type: t, message: s, style: n, padding: a, timer: i, id: d, element: r, label: o } = c, [u, g] = b.useState(i), { setNotifications: x } = Ve();
   function _() {
-    const I = He.getState().notifications.filter((l) => l.id !== d);
-    k([...I]);
+    const I = Ve.getState().notifications.filter((l) => l.id !== d);
+    x([...I]);
   }
   return b.useEffect(() => {
     const f = setTimeout(() => {
@@ -6316,10 +6326,10 @@ const nn = (c) => {
           style: n,
           children: [
             /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-              x,
+              C,
               {
                 name: "Info",
-                fill: Ut[t],
+                fill: jt[t],
                 width: 20,
                 height: 20
               }
@@ -6333,10 +6343,10 @@ const nn = (c) => {
                   display: "flex"
                 },
                 children: /* @__PURE__ */ e(
-                  x,
+                  C,
                   {
                     name: "X",
-                    fill: Ut[t],
+                    fill: jt[t],
                     width: 20,
                     height: 20,
                     hoverable: !0,
@@ -6350,17 +6360,17 @@ const nn = (c) => {
       )
     }
   );
-}, Jl = "_loader_jr7a4_1", Zl = {
-  loader: Jl
-}, Zd = () => /* @__PURE__ */ e("div", { className: Zl.loader }), ed = "_wrapper_2vleg_1", td = "_label_2vleg_9", nd = "_options_2vleg_17", sd = "_radioLabel_2vleg_23", id = "_radio_2vleg_23", ad = "_custom_2vleg_38", od = "_option_2vleg_17", Ee = {
-  wrapper: ed,
-  label: td,
-  options: nd,
-  radioLabel: sd,
-  radio: id,
-  custom: ad,
-  option: od
-}, eu = (c) => {
+}, td = "_loader_jr7a4_1", nd = {
+  loader: td
+}, nu = () => /* @__PURE__ */ e("div", { className: nd.loader }), sd = "_wrapper_2vleg_1", id = "_label_2vleg_9", ad = "_options_2vleg_17", od = "_radioLabel_2vleg_23", cd = "_radio_2vleg_23", rd = "_custom_2vleg_38", ld = "_option_2vleg_17", Ee = {
+  wrapper: sd,
+  label: id,
+  options: ad,
+  radioLabel: od,
+  radio: cd,
+  custom: rd,
+  option: ld
+}, su = (c) => {
   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);
@@ -6396,13 +6406,13 @@ const nn = (c) => {
       }
     )
   ] });
-}, cd = "_modal_270ti_1", rd = "_padding_270ti_17", ld = "_content_270ti_21", dd = "_close_270ti_42", dt = {
-  modal: cd,
-  padding: rd,
-  content: ld,
-  close: dd
-}, tu = (c) => {
-  const { close: t, children: s, withAnimation: n = !0, hasPadding: a = !0 } = c, { isOpen: i, setIsOpen: d } = be();
+}, dd = "_modal_270ti_1", ud = "_padding_270ti_17", hd = "_content_270ti_21", pd = "_close_270ti_42", dt = {
+  modal: dd,
+  padding: ud,
+  content: hd,
+  close: pd
+}, iu = (c) => {
+  const { close: t, children: s, withAnimation: n = !0, hasPadding: a = !0 } = c, { isOpen: i, setIsOpen: d } = Ie();
   return b.useEffect(() => {
     const r = () => {
       d(!1), n ? setTimeout(() => {
@@ -6413,21 +6423,21 @@ const nn = (c) => {
       document.body.removeEventListener("click", r);
     };
   }, []), /* @__PURE__ */ e("div", { className: q(dt.modal, { [dt.padding]: a }), children: n ? /* @__PURE__ */ e("div", { className: q(dt.content, { [dt.close]: !i }), children: s }) : /* @__PURE__ */ e(G, { children: s }) });
-}, ud = "_notification_o93uc_1", hd = "_accent_o93uc_15", pd = "_body_o93uc_23", md = "_label_o93uc_30", fd = "_content_o93uc_36", gd = "_timer_o93uc_41", _d = "_warning_o93uc_48", vd = "_error_o93uc_53", yd = "_success_o93uc_58", $e = {
-  notification: ud,
-  accent: hd,
-  body: pd,
-  label: md,
-  content: fd,
-  timer: gd,
-  warning: _d,
-  error: vd,
-  success: yd
-}, bd = {
+}, md = "_notification_o93uc_1", fd = "_accent_o93uc_15", _d = "_body_o93uc_23", gd = "_label_o93uc_30", vd = "_content_o93uc_36", yd = "_timer_o93uc_41", bd = "_warning_o93uc_48", Id = "_error_o93uc_53", Sd = "_success_o93uc_58", $e = {
+  notification: md,
+  accent: fd,
+  body: _d,
+  label: gd,
+  content: vd,
+  timer: yd,
+  warning: bd,
+  error: Id,
+  success: Sd
+}, Nd = {
   warning: "Warning",
   error: "Error",
   success: "Success"
-}, nu = ({
+}, au = ({
   type: c,
   message: t,
   style: s,
@@ -6456,7 +6466,7 @@ const nn = (c) => {
           t
         ] }) : t : /* @__PURE__ */ h(G, { children: [
           /* @__PURE__ */ h("span", { className: $e.label, children: [
-            bd[c],
+            Nd[c],
             ":"
           ] }),
           " ",
@@ -6471,62 +6481,62 @@ export {
   tn as $,
   ds as A,
   Ae as B,
-  Qd as C,
-  Ld as D,
-  Td as E,
-  Dd as F,
+  eu as C,
+  jd as D,
+  Ad as E,
+  zd as F,
   Zt as G,
-  Yo as H,
-  x as I,
-  Fd as J,
-  Pc as K,
-  Zd as L,
-  st as M,
-  Jd as N,
-  Oc as O,
-  qd as P,
-  Ac as Q,
-  eu as R,
+  Qo as H,
+  C as I,
+  Hd as J,
+  Ac as K,
+  nu as L,
+  it as M,
+  tu as N,
+  Bc as O,
+  Ld as P,
+  Mc as Q,
+  su as R,
   ue as S,
   Yt as T,
   en as U,
-  Bc as V,
-  Yd as W,
-  Ud as X,
-  Mc as Y,
-  jd as Z,
-  Hd as _,
-  tu as a,
-  Vd as a0,
-  Wd as a1,
-  Gd as a2,
-  Xd as a3,
+  Ec as V,
+  Jd as W,
+  Vd as X,
+  qc as Y,
+  Wd as Z,
+  Gd as _,
+  iu as a,
+  Xd as a0,
+  Yd as a1,
+  Kd as a2,
+  Qd as a3,
   Kt as a4,
-  tt as a5,
+  nt as a5,
   nn as a6,
-  Md as b,
-  ge as c,
+  Dd as b,
+  _e as c,
   fe as d,
   Jt as e,
   $t as f,
   K as g,
   Fo as h,
-  Kd as i,
-  zd as j,
-  Rl as k,
-  Nn as l,
-  Pd as m,
-  Od as n,
-  Ad as o,
-  nu as p,
-  Bd as q,
+  Zd as i,
+  Ud as j,
+  zl as k,
+  Sn as l,
+  Bd as m,
+  Md as n,
+  Ed as o,
+  au as p,
+  qd as q,
   In as r,
   Qt as s,
   pi as t,
-  nt as u,
-  Ed as v,
-  Rd as w,
+  st as u,
+  Rd as v,
+  Fd as w,
   Xt as x,
   Ia as y,
-  xt as z
+  Ct as z
 };