@billgangcom/theme-lib 1.127.0 → 1.128.0

package/dist/{ui-components-vOXufedG.js → ui-components-C0algo6I.js}

@@ -2,40 +2,40 @@ var In = Object.defineProperty;
 var un = (e, n, o) => n in e ? In(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
 var Ot = (e, n, o) => un(e, typeof n != "symbol" ? n + "" : n, o);
 import { jsx as t, jsxs as d, Fragment as Y } from "react/jsx-runtime";
-import b, { useState as st, useRef as ft, useCallback as Xe, useEffect as gn, createElement as yt, PureComponent as fn } from "react";
-import { f as O, ac as lt, y as Te, j as Zt, r as en, m as _t, ad as tn, J as Ae, v as me, ae as Dt, af as Ft, b as Ye, l as _n, e as Ge, p as St, V as Ce, a4 as Sn, M as bn, ag as Cn, ah as nn, k as yn } from "./builder-DbBnEh3U.js";
-import { X as vn, Y as wn, E as kn, Z as Tn, u as We, I as Pn } from "./charge-CEnroh9b.js";
-import { u as Je, d as Qe, D as Ze, e as et, v as tt, f as nt, g as ot, C as rt, F as Mt } from "./builder-components-BApQHlfu.js";
+import C, { useState as st, useRef as ft, useCallback as Xe, useEffect as gn, createElement as bt, PureComponent as fn } from "react";
+import { f as O, ac as lt, y as Te, j as Zt, r as en, m as _t, ad as tn, J as Ae, v as me, ae as Dt, af as Ft, b as Ye, l as _n, e as Ge, p as St, V as ye, a4 as Sn, M as Cn, ag as yn, ah as nn, k as bn } from "./builder-CNebwPFm.js";
+import { X as vn, Y as wn, E as kn, Z as Tn, u as We, I as Pn } from "./charge-Bz7t9N9W.js";
+import { u as Je, d as Qe, D as Ze, e as et, v as tt, f as nt, g as ot, C as rt, F as Mt } from "./builder-components-CvwDC4WU.js";
 import Nn, { createPortal as An } from "react-dom";
-import { s as Me, g as Ln, u as xn } from "./ticket-Bo8KyxXg.js";
-const Bn = "_wrapper_5w9s8_1", Dn = {
-  wrapper: Bn
-}, Eh = (e) => {
+import { s as Me, g as Ln, u as Bn } from "./ticket-Bokxlwru.js";
+const xn = "_wrapper_5w9s8_1", Dn = {
+  wrapper: xn
+}, qh = (e) => {
   const { error: n } = e;
   return /* @__PURE__ */ t("div", { className: Dn.wrapper, children: n });
 }, Fn = "_icon_15sb0_1", Mn = "_hoverable_15sb0_5", $n = "_iconPlaceholder_15sb0_13", vt = {
   icon: Fn,
   hoverable: Mn,
   iconPlaceholder: $n
-}, bt = /* @__PURE__ */ new Map();
+}, Ct = /* @__PURE__ */ new Map();
 function on(e, n) {
-  bt.set(e, n);
+  Ct.set(e, n);
 }
 function Rt(e) {
-  return bt.get(e) || null;
+  return Ct.get(e) || null;
 }
 function Ht(e) {
-  return bt.has(e);
+  return Ct.has(e);
 }
-function Uh() {
-  return Array.from(bt.keys());
+function zh() {
+  return Array.from(Ct.keys());
 }
-function qh(e) {
+function Gh(e) {
   Object.entries(e).forEach(([n, o]) => {
     on(n, o);
   });
 }
-function zh(e) {
+function Wh(e) {
   return e.endsWith("Icon") ? e.slice(0, -4) : e;
 }
 function Lt(e) {
@@ -89,7 +89,7 @@ const L = ({
     `Icon "${e}" is not registered. Please register it using useIconRegistration or registerIcons.`
   ), null);
 };
-class On extends b.Component {
+class On extends C.Component {
   constructor() {
     super(...arguments);
     Ot(this, "state", { hasError: !1 });
@@ -101,7 +101,7 @@ class On extends b.Component {
     return this.state.hasError ? null : this.props.children;
   }
 }
-const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23", Un = "_alignmentContent_18ndr_30", qn = "_alignments_18ndr_39", zn = "_alignment_18ndr_30", Gn = "_circle_18ndr_64", Wn = "_paddings_18ndr_71", Vn = "_padding_18ndr_71", jn = "_active_18ndr_97", Se = {
+const Rn = "_block_cceev_8", Hn = "_title_cceev_16", En = "_subtitle_cceev_24", Un = "_alignmentContent_cceev_31", qn = "_alignments_cceev_42", zn = "_alignment_cceev_31", Gn = "_circle_cceev_71", Wn = "_paddings_cceev_78", Vn = "_padding_cceev_78", jn = "_active_cceev_107", Se = {
   block: Rn,
   title: Hn,
   subtitle: En,
@@ -112,17 +112,17 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
   paddings: Wn,
   padding: Vn,
   active: jn
-}, Xn = "_wrapper_h1u3c_1", Kn = "_label_h1u3c_9", Yn = "_input_h1u3c_17", Jn = "_required_h1u3c_47", Qn = "_paddingless_h1u3c_54", Zn = "_content_h1u3c_58", eo = "_borderless_h1u3c_66", to = "_rightIcon_h1u3c_77", no = "_inputPostfix_h1u3c_83", Le = {
+}, Xn = "_wrapper_1tq0p_3", Kn = "_label_1tq0p_10", Yn = "_content_1tq0p_18", Jn = "_leftIcon_1tq0p_35", Qn = "_input_1tq0p_48", Zn = "_borderless_1tq0p_79", eo = "_required_1tq0p_85", to = "_paddingless_1tq0p_89", no = "_inputPostfix_1tq0p_113", Le = {
   wrapper: Xn,
   label: Kn,
-  input: Yn,
-  required: Jn,
-  paddingless: Qn,
-  content: Zn,
-  borderless: eo,
-  rightIcon: to,
+  content: Yn,
+  leftIcon: Jn,
+  input: Qn,
+  borderless: Zn,
+  required: eo,
+  paddingless: to,
   inputPostfix: no
-}, ye = (e) => {
+}, be = (e) => {
   const {
     onChange: n,
     style: o,
@@ -137,15 +137,15 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     regex: S,
     paddingless: f = !1,
     borderless: g = !1,
-    editable: C = !1,
+    editable: y = !1,
     isSearch: l = !1,
     postfix: _,
     id: I = r
-  } = e, [v, k] = b.useState(!1);
+  } = e, [v, k] = C.useState(!1);
   function w(R) {
     return Number(R) < 0 ? String(s) : R;
   }
-  function x(R) {
+  function B(R) {
     return !m || !S ? !0 : new RegExp(S).test(R);
   }
   return /* @__PURE__ */ d("div", { className: Le.wrapper, children: [
@@ -158,6 +158,15 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       }
     ),
     /* @__PURE__ */ d("div", { className: Le.content, children: [
+      l && /* @__PURE__ */ t("div", { className: Le.leftIcon, children: /* @__PURE__ */ t(
+        L,
+        {
+          name: "MagnifyingGlass",
+          fill: "var(--main-text-color)",
+          width: 16,
+          height: 16
+        }
+      ) }),
       /* @__PURE__ */ t(
         "input",
         {
@@ -174,7 +183,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
           autoComplete: "off",
           placeholder: p || "Type something...",
           className: O(Le.input, {
-            [Le.required]: v && m && !x(c),
+            [Le.required]: v && m && !B(c),
             [Le.paddingless]: f,
             [Le.borderless]: g
           }),
@@ -188,16 +197,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
         }
       ),
       _ && /* @__PURE__ */ t("span", { className: Le.inputPostfix, children: _ }),
-      l && /* @__PURE__ */ t("div", { className: Le.rightIcon, children: /* @__PURE__ */ t(
-        L,
-        {
-          name: "MagnifyingGlass",
-          fill: "var(--text-secondary)",
-          width: 20,
-          height: 20
-        }
-      ) }),
-      C && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+      y && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         L,
         {
           name: "Sliders",
@@ -218,7 +218,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
   "bottomLeft",
   "bottom",
   "bottomRight"
-], ro = ["left", "top", "right", "bottom"], Gh = (e) => {
+], ro = ["left", "top", "right", "bottom"], Vh = (e) => {
   const {
     alignment: n,
     padding: o,
@@ -257,7 +257,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
         return "AlignBottom";
     }
   }
-  const [a, m] = b.useState(null), [S, f] = b.useState(null);
+  const [a, m] = C.useState(null), [S, f] = C.useState(null);
   return /* @__PURE__ */ d("div", { className: Se.layout, children: [
     /* @__PURE__ */ t("h3", { className: Se.title, children: "Layout (for Desktop version)" }),
     /* @__PURE__ */ d("div", { className: Se.alignmentContent, children: [
@@ -325,13 +325,13 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
                 }
               ) }),
               /* @__PURE__ */ t(
-                ye,
+                be,
                 {
                   type: "number",
                   value: String(o[g]),
-                  onChange: (C) => r({
+                  onChange: (y) => r({
                     ...o,
-                    [g]: Math.min(Number(C), 999)
+                    [g]: Math.min(Number(y), 999)
                   }),
                   max: 999,
                   paddingless: !0,
@@ -345,7 +345,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       ] })
     ] })
   ] });
-}, io = "_title_1uycf_1", co = "_subtitle_1uycf_5", ao = "_text_1uycf_13", so = "_top_1uycf_20", lo = "_itemsBlock_1uycf_29", po = "_textSettings_1uycf_35", Ee = {
+}, io = "_title_1uycf_1", co = "_subtitle_1uycf_5", ao = "_text_1uycf_13", so = "_top_1uycf_20", lo = "_itemsBlock_1uycf_29", po = "_textSettings_1uycf_35", Ue = {
   title: io,
   subtitle: co,
   text: ao,
@@ -396,14 +396,14 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     },
     String(c)
   )) });
-}, go = "_wrapper_11tvt_1", fo = "_label_11tvt_10", _o = "_textarea_11tvt_18", So = "_length_11tvt_46", bo = "_full_11tvt_54", Ve = {
+}, go = "_wrapper_nu1rt_2", fo = "_label_nu1rt_10", _o = "_textarea_nu1rt_18", So = "_length_nu1rt_48", Co = "_full_nu1rt_57", Ve = {
   wrapper: go,
   label: fo,
   textarea: _o,
   length: So,
-  full: bo
+  full: Co
 }, cn = (e) => {
-  const { onChange: n, label: o, value: r = "", maxLength: c, placeholder: i = "Type something..." } = e, [s, h] = b.useState(r.length);
+  const { onChange: n, label: o, value: r = "", maxLength: c, placeholder: i = "Type something..." } = e, [s, h] = C.useState(r.length);
   return /* @__PURE__ */ d("div", { className: Ve.wrapper, children: [
     o && /* @__PURE__ */ t(
       "label",
@@ -441,7 +441,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     )
   ] });
 }, an = (e) => {
-  const { typeFont: n, setTypeFont: o } = e, [r, c] = b.useState([]), i = () => {
+  const { typeFont: n, setTypeFont: o } = e, [r, c] = C.useState([]), i = () => {
     const s = document.documentElement, h = getComputedStyle(s), p = ["h1", "h2", "h3", "h4", "h5", "h6", "h7"].map(
       (m) => h.getPropertyValue(`--font-heading-${m}-size`).trim()
     ), a = ["lg", "md", "sm"].map(
@@ -449,7 +449,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     );
     return p.push(...a), p;
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     const s = i();
     s.every((h) => h) && c(s);
   }, []), /* @__PURE__ */ t(
@@ -466,9 +466,9 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       postfixs: r
     }
   );
-}, Co = "_alignTexts_u5z53_1", yo = "_block_u5z53_10", vo = "_active_u5z53_28", kt = {
-  alignTexts: Co,
-  block: yo,
+}, yo = "_alignTexts_d52d1_4", bo = "_block_d52d1_16", vo = "_active_d52d1_35", kt = {
+  alignTexts: yo,
+  block: bo,
   active: vo
 }, wo = ["left", "center", "right"], ko = (e) => {
   const { alignText: n, setAlignText: o } = e;
@@ -518,27 +518,27 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     alignText: S,
     setAlignText: f
   } = e, { isAntistock: g } = Te();
-  return /* @__PURE__ */ d("div", { className: Ee.text, children: [
-    (h || o !== void 0) && /* @__PURE__ */ d("div", { className: Ee.top, children: [
-      h && /* @__PURE__ */ t("h3", { className: Ee.title, children: h }),
+  return /* @__PURE__ */ d("div", { className: Ue.text, children: [
+    (h || o !== void 0) && /* @__PURE__ */ d("div", { className: Ue.top, children: [
+      h && /* @__PURE__ */ t("h3", { className: Ue.title, children: h }),
       o !== void 0 && r && /* @__PURE__ */ t(
         ue,
         {
           current: o,
-          onChange: (C) => r(C)
+          onChange: (y) => r(y)
         }
       )
     ] }),
-    (o === void 0 || o) && /* @__PURE__ */ d("div", { className: Ee.itemsBlock, children: [
-      /* @__PURE__ */ t("h5", { className: Ee.subtitle, children: p }),
+    (o === void 0 || o) && /* @__PURE__ */ d("div", { className: Ue.itemsBlock, children: [
+      /* @__PURE__ */ t("h5", { className: Ue.subtitle, children: p }),
       /* @__PURE__ */ t(
         cn,
         {
-          onChange: (C) => i(C),
+          onChange: (y) => i(y),
           value: c
         }
       ),
-      g ? null : /* @__PURE__ */ d("div", { className: Ee.textSettings, children: [
+      g ? null : /* @__PURE__ */ d("div", { className: Ue.textSettings, children: [
         /* @__PURE__ */ t(
           rn,
           {
@@ -563,14 +563,14 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       )
     ] })
   ] });
-}, To = "_title_hkryp_1", Po = "_subtitle_hkryp_5", No = "_productsBlock_hkryp_14", Ao = "_top_hkryp_26", Lo = "_products_hkryp_14", xo = "_product_hkryp_14", Bo = "_button_hkryp_80", Do = "_disabled_hkryp_91", Fo = "_buttons_hkryp_118", Mo = "_modal_hkryp_125", $o = "_link_hkryp_154", Oo = "_modalOptions_hkryp_160", Ro = "_addButton_hkryp_173", Ho = "_deleteButton_hkryp_188", Eo = "_closeIcon_hkryp_200", re = {
+}, To = "_title_1ipqc_2", Po = "_subtitle_1ipqc_9", No = "_productsBlock_1ipqc_18", Ao = "_top_1ipqc_30", Lo = "_products_1ipqc_18", Bo = "_product_1ipqc_18", xo = "_button_1ipqc_96", Do = "_disabled_1ipqc_114", Fo = "_buttons_1ipqc_144", Mo = "_modal_1ipqc_151", $o = "_link_1ipqc_181", Oo = "_modalOptions_1ipqc_187", Ro = "_addButton_1ipqc_200", Ho = "_deleteButton_1ipqc_217", Eo = "_closeIcon_1ipqc_231", re = {
   title: To,
   subtitle: Po,
   productsBlock: No,
   top: Ao,
   products: Lo,
-  product: xo,
-  button: Bo,
+  product: Bo,
+  button: xo,
   disabled: Do,
   buttons: Fo,
   modal: Mo,
@@ -579,7 +579,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
   addButton: Ro,
   deleteButton: Ho,
   closeIcon: Eo
-}, Uo = "_wrapper_1v48d_2", qo = "_label_1v48d_9", zo = "_icon_1v48d_16", Go = "_text_1v48d_28", Wo = "_content_1v48d_37", Vo = "_modal_1v48d_48", jo = "_top_1v48d_56", Xo = "_title_1v48d_65", Ko = "_modalContent_1v48d_72", Yo = "_images_1v48d_81", Jo = "_add_1v48d_91", Qo = "_dragging_1v48d_112", Zo = "_description_1v48d_116", er = "_bottom_1v48d_126", tr = "_cancel_1v48d_140", nr = "_highlight_1v48d_145", or = "_accent_1v48d_150", rr = "_image_1v48d_81", ir = "_selected_1v48d_170", cr = "_antistock_1v48d_178", ar = "_checkbox_1v48d_186", sr = "_loading_1v48d_192", lr = "_spinner_1v48d_206", Q = {
+}, Uo = "_wrapper_1leu0_2", qo = "_label_1leu0_9", zo = "_icon_1leu0_17", Go = "_text_1leu0_29", Wo = "_content_1leu0_42", Vo = "_modal_1leu0_57", jo = "_top_1leu0_67", Xo = "_title_1leu0_76", Ko = "_modalContent_1leu0_84", Yo = "_images_1leu0_93", Jo = "_add_1leu0_103", Qo = "_dragging_1leu0_127", Zo = "_description_1leu0_132", er = "_bottom_1leu0_143", tr = "_cancel_1leu0_157", nr = "_highlight_1leu0_162", or = "_accent_1leu0_171", rr = "_image_1leu0_93", ir = "_selected_1leu0_193", cr = "_antistock_1leu0_202", ar = "_checkbox_1leu0_209", sr = "_loading_1leu0_215", lr = "_spinner_1leu0_229", Q = {
   wrapper: Uo,
   label: qo,
   icon: zo,
@@ -620,18 +620,18 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     body: e,
     contentType: "mutlipart/form-data"
   });
-}, dr = "_button_jptux_1", mr = "_primary_jptux_20", Ir = "_primaryHovered_jptux_30", ur = "_secondary_jptux_35", gr = "_secondaryHovered_jptux_45", fr = "_secondaryAntistock_jptux_50", _r = "_tertiary_jptux_61", Sr = "_special_jptux_71", br = "_tertiaryHovered_jptux_75", Cr = "_content_jptux_80", yr = "_isAntistock_jptux_88", we = {
+}, dr = "_button_rjjl8_5", mr = "_primary_rjjl8_6", Ir = "_isAntistock_rjjl8_6", ur = "_secondaryAntistock_rjjl8_6", gr = "_primaryHovered_rjjl8_76", fr = "_secondary_rjjl8_6", _r = "_secondaryHovered_rjjl8_104", Sr = "_tertiary_rjjl8_8", Cr = "_tertiaryHovered_rjjl8_143", yr = "_special_rjjl8_147", br = "_content_rjjl8_151", we = {
   button: dr,
   primary: mr,
-  primaryHovered: Ir,
-  secondary: ur,
-  secondaryHovered: gr,
-  secondaryAntistock: fr,
-  tertiary: _r,
-  special: Sr,
-  tertiaryHovered: br,
-  content: Cr,
-  isAntistock: yr
+  isAntistock: Ir,
+  secondaryAntistock: ur,
+  primaryHovered: gr,
+  secondary: fr,
+  secondaryHovered: _r,
+  tertiary: Sr,
+  tertiaryHovered: Cr,
+  special: yr,
+  content: br
 }, te = (e) => {
   const {
     children: n,
@@ -665,7 +665,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
         ...h ? { dangerouslySetInnerHTML: h } : { children: m(n) }
       }
     );
-  const f = s.toLowerCase(), g = p.buttons[f], C = s === "Tertiary" ? /* @__PURE__ */ d("div", { className: we.content, children: [
+  const f = s.toLowerCase(), g = p.buttons[f], y = s === "Tertiary" ? /* @__PURE__ */ d("div", { className: we.content, children: [
     m(n),
     /* @__PURE__ */ t(
       L,
@@ -685,7 +685,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
         ...r,
         textAlign: g.alignment
       },
-      ...h ? { dangerouslySetInnerHTML: h } : { children: C }
+      ...h ? { dangerouslySetInnerHTML: h } : { children: y }
     }
   );
 }, vr = "_loader_1kbu3_1", wr = "_loaderAntistock_1kbu3_18", Et = {
@@ -711,21 +711,21 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       ...e
     }
   );
-}, kr = "_tip_1lioj_1", Tr = "_text_1lioj_12", Pr = "_warning_1lioj_18", Nr = "_error_1lioj_23", Ar = "_success_1lioj_28", Lr = "_info_1lioj_33", xr = "_hide_1lioj_38", Oe = {
+}, kr = "_tip_112l3_6", Tr = "_text_112l3_23", Pr = "_warning_112l3_29", Nr = "_error_112l3_33", Ar = "_success_112l3_37", Lr = "_info_112l3_41", Br = "_hide_112l3_45", Oe = {
   tip: kr,
   text: Tr,
   warning: Pr,
   error: Nr,
   success: Ar,
   info: Lr,
-  hide: xr
+  hide: Br
 }, Ut = {
   warning: "#C1972A",
   error: "#FF3F19",
   success: "#338B13",
   info: "#0078F0"
-}, Br = (e) => {
-  const { type: n, message: o, style: r, padding: c, id: i, showCloseButton: s = !0 } = e, [h, p] = b.useState(!1);
+}, xr = (e) => {
+  const { type: n, message: o, style: r, padding: c, id: i, showCloseButton: s = !0 } = e, [h, p] = C.useState(!1);
   return /* @__PURE__ */ t(
     "div",
     {
@@ -777,17 +777,17 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       )
     }
   );
-}, Dr = "_wrapper_bjppv_1", Fr = "_label_bjppv_10", Mr = "_contentBorder_bjppv_19", $r = "_textarea_bjppv_23", Or = "_contentField_bjppv_35", Rr = "_antistock_bjppv_49", Hr = "_length_bjppv_58", Er = "_requiredStar_bjppv_66", Ur = "_contentError_bjppv_70", Pe = {
+}, Dr = "_wrapper_189kg_2", Fr = "_label_189kg_10", Mr = "_contentBorder_189kg_18", $r = "_contentField_189kg_33", Or = "_textarea_189kg_37", Rr = "_antistock_189kg_61", Hr = "_length_189kg_65", Er = "_requiredStar_189kg_74", Ur = "_contentError_189kg_78", Pe = {
   wrapper: Dr,
   label: Fr,
   contentBorder: Mr,
-  textarea: $r,
-  contentField: Or,
+  contentField: $r,
+  textarea: Or,
   antistock: Rr,
   length: Hr,
   requiredStar: Er,
   contentError: Ur
-}, Wh = (e) => {
+}, jh = (e) => {
   const {
     onChange: n,
     label: o,
@@ -797,9 +797,9 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     type: s = "text",
     required: h = !1,
     error: p
-  } = e, [a, m] = b.useState(r.length), { themeSettings: S } = _t(), { isAntistock: f } = Te();
-  function g(C) {
-    return s === "number" ? C.replace(/[^\d\n]+/g, "") : C;
+  } = e, [a, m] = C.useState(r.length), { themeSettings: S } = _t(), { isAntistock: f } = Te();
+  function g(y) {
+    return s === "number" ? y.replace(/[^\d\n]+/g, "") : y;
   }
   return /* @__PURE__ */ d("div", { className: Pe.wrapper, children: [
     o && /* @__PURE__ */ d(
@@ -824,8 +824,8 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       {
         id: o,
         value: r,
-        onChange: (C) => {
-          const l = g(C.target.value);
+        onChange: (y) => {
+          const l = g(y.target.value);
           m(l.length), n(l);
         },
         placeholder: i,
@@ -901,35 +901,35 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       ]
     }
   ) });
-}, Vh = () => {
-  const { setOpenModal: e, onChange: n, tip: o, setTip: r } = tn(), { setIsOpen: c } = Ae(), { isAntistock: i } = Te(), [s, h] = b.useState(!1), p = () => {
+}, Xh = () => {
+  const { setOpenModal: e, onChange: n, tip: o, setTip: r } = tn(), { setIsOpen: c } = Ae(), { isAntistock: i } = Te(), [s, h] = C.useState(!1), p = () => {
     var N;
     (N = a.current) == null || N.click();
-  }, a = b.useRef(null), [m, S] = b.useState([]), [f, g] = b.useState(!1), [C, l] = b.useState(1), [_, I] = b.useState(0), v = async (N) => {
-    var y;
-    const u = ((y = N.target.files) == null ? void 0 : y[0]) || null;
+  }, a = C.useRef(null), [m, S] = C.useState([]), [f, g] = C.useState(!1), [y, l] = C.useState(1), [_, I] = C.useState(0), v = async (N) => {
+    var b;
+    const u = ((b = N.target.files) == null ? void 0 : b[0]) || null;
     if (!u) return;
     const A = new FormData();
     A.append("file", u), g(!0);
-    const { data: B } = await hr(A), U = [...m];
+    const { data: x } = await hr(A), U = [...m];
     U.unshift({
-      ...B.data,
-      cfId: B.data.path
+      ...x.data,
+      cfId: x.data.path
     }), S([...U]), g(!1);
   }, k = (N) => {
     N.preventDefault(), h(!1);
     const u = N.dataTransfer.files;
     if (u && u.length > 0) {
-      const B = {
+      const x = {
         target: { files: [u[0]] }
       };
-      v(B);
+      v(x);
     }
   }, w = () => {
     c(!1), r(""), setTimeout(() => {
       e(!1), c(!0);
     }, 300);
-  }, x = (N) => {
+  }, B = (N) => {
     const u = m.map((A) => ({
       ...A,
       isSelected: A.id === N.id ? !A.isSelected : !1
@@ -940,16 +940,16 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
     const N = m.find((u) => u.isSelected);
     N && (n == null || n([N.cfId]));
   }
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     (async () => {
       g(!0);
-      const { data: u, totalCount: A } = await pr({ PageNumber: C }), B = u.data.map((U) => ({
+      const { data: u, totalCount: A } = await pr({ PageNumber: y }), x = u.data.map((U) => ({
         ...U,
         isSelected: !1
       }));
-      S(B), I(A), g(!1);
+      S(x), I(A), g(!1);
     })();
-  }, [C]), /* @__PURE__ */ d(
+  }, [y]), /* @__PURE__ */ d(
     "div",
     {
       onClick: (N) => N.stopPropagation(),
@@ -969,7 +969,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
           )
         ] }),
         o && /* @__PURE__ */ t(
-          Br,
+          xr,
           {
             type: "warning",
             message: o,
@@ -1040,7 +1040,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
                     qr,
                     {
                       image: N,
-                      updateImage: x,
+                      updateImage: B,
                       isAntistock: i
                     },
                     N.id
@@ -1054,7 +1054,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
         /* @__PURE__ */ t(
           kn,
           {
-            currentPage: C,
+            currentPage: y,
             totalCount: _,
             onPageChange: l
           }
@@ -1106,7 +1106,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
       },
       children: [
         /* @__PURE__ */ t("div", { className: Q.checkbox, children: /* @__PURE__ */ t(
-          kp,
+          Tp,
           {
             value: n.isSelected,
             onChange: (c) => {
@@ -1131,7 +1131,7 @@ const Rn = "_block_18ndr_8", Hn = "_title_18ndr_16", En = "_subtitle_18ndr_23",
   );
 }, qt = () => /* @__PURE__ */ t("div", { className: Q.loading, children: /* @__PURE__ */ t("div", { className: Q.spinner }) });
 function ct(e, n, o) {
-  b.useEffect(() => {
+  C.useEffect(() => {
     const r = Array.isArray(o) ? o : [];
     function c(i) {
       const s = i.target;
@@ -1142,7 +1142,7 @@ function ct(e, n, o) {
     };
   }, [e, n, o]);
 }
-const zr = b.forwardRef(
+const zr = C.forwardRef(
   (e, n) => {
     const { activeItem: o, setActiveItem: r, popupPosition: c, modalOptions: i, setIsOpenModal: s } = e, { isAntistock: h } = Te();
     ct(n, () => {
@@ -1243,7 +1243,7 @@ const zr = b.forwardRef(
               );
             if (a.type === "input")
               return /* @__PURE__ */ t(
-                ye,
+                be,
                 {
                   onChange: (m) => {
                     const S = {
@@ -1260,7 +1260,7 @@ const zr = b.forwardRef(
             if (a.type === "inputSwitch")
               return /* @__PURE__ */ d("div", { className: re.link, children: [
                 /* @__PURE__ */ t(
-                  ye,
+                  be,
                   {
                     onChange: (m) => {
                       const S = {
@@ -1429,7 +1429,7 @@ const zr = b.forwardRef(
       }
     );
   }
-), Gr = "_other_1a1tk_1", Wr = "_subtitle_1a1tk_7", Vr = "_items_1a1tk_14", Tt = {
+), Gr = "_other_u263t_1", Wr = "_subtitle_u263t_7", Vr = "_items_u263t_14", Tt = {
   other: Gr,
   subtitle: Wr,
   items: Vr
@@ -1491,37 +1491,37 @@ const zt = (e) => {
     deletable: S = !0,
     addable: f = !0,
     itemsType: g,
-    itemsPlaceholder: C = "",
+    itemsPlaceholder: y = "",
     itemsOptions: l,
     hasRangeSelector: _ = !1,
     rangeSelectorOptions: I,
     modalOptions: v,
     addableOptions: k = {},
     limit: w,
-    autoInterval: x,
+    autoInterval: B,
     tip: R,
     aspectRatio: N,
     setAspectRatio: u
-  } = e, [A, B] = b.useState(null), [U, y] = b.useState({
+  } = e, [A, x] = C.useState(null), [U, b] = C.useState({
     top: 0,
     left: 0
-  }), [P, z] = b.useState(null), H = b.useRef(null), [D, T] = b.useState(!1), M = Je(
+  }), [P, z] = C.useState(null), H = C.useRef(null), [D, T] = C.useState(!1), M = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  b.useEffect(() => {
+  C.useEffect(() => {
     if (A) {
       const F = [...r].map((V) => V.id === A.id ? A : V);
       c(F);
     }
-  }, [A]), b.useEffect(() => {
+  }, [A]), C.useEffect(() => {
     if (H.current && P) {
       const F = H.current.getBoundingClientRect().height, V = window.innerHeight;
       let X = P.top;
-      X + F > V + window.scrollY - 200 && (X = V + window.scrollY - F - 200), X < 0 && (X = 10), y({
+      X + F > V + window.scrollY - 200 && (X = V + window.scrollY - F - 200), X < 0 && (X = 10), b({
         top: X - 30,
         left: P.left
       });
@@ -1533,7 +1533,7 @@ const zt = (e) => {
     z({
       top: X.top + window.scrollY - 70,
       left: X.left - (f ? 30 : 65)
-    }), B(V), T(!0);
+    }), x(V), T(!0);
   }, G = (F, V) => {
     const X = [...r], ae = {
       ...F,
@@ -1595,7 +1595,7 @@ const zt = (e) => {
                 "en-US": E
               }
             } : ie);
-            B({
+            x({
               ...F,
               name: {
                 "en-US": E
@@ -1626,7 +1626,7 @@ const zt = (e) => {
                 "en-US": E
               }
             } : ie);
-            B({
+            x({
               ...F,
               name: {
                 "en-US": E
@@ -1645,7 +1645,7 @@ const zt = (e) => {
         }
       ),
       g === "input" && /* @__PURE__ */ t(
-        ye,
+        be,
         {
           onChange: (E) => {
             const Ie = [...r].map((ge) => ge.id === F.id ? {
@@ -1657,7 +1657,7 @@ const zt = (e) => {
             c([...Ie]);
           },
           value: F.name["en-US"],
-          placeholder: C
+          placeholder: y
         }
       ),
       g === "image" && /* @__PURE__ */ t(
@@ -1745,7 +1745,7 @@ const zt = (e) => {
       {
         ref: H,
         activeItem: A,
-        setActiveItem: B,
+        setActiveItem: x,
         popupPosition: U,
         modalOptions: v,
         setIsOpenModal: T
@@ -1850,13 +1850,13 @@ const zt = (e) => {
         items: i
       }
     ),
-    (n === void 0 || n) && x !== void 0 && /* @__PURE__ */ t(
-      ye,
+    (n === void 0 || n) && B !== void 0 && /* @__PURE__ */ t(
+      be,
       {
-        label: x.title || "Auto scroll interval",
+        label: B.title || "Auto scroll interval",
         type: "number",
-        value: String(x.autoInterval),
-        onChange: (F) => x.setAutoInterval(Number(F)),
+        value: String(B.autoInterval),
+        onChange: (F) => B.setAutoInterval(Number(F)),
         min: 0.1,
         max: 100,
         style: {
@@ -1866,7 +1866,7 @@ const zt = (e) => {
       }
     )
   ] });
-}, Xr = "_title_dck9l_1", Kr = "_subtitle_dck9l_5", Yr = "_productsBlock_dck9l_14", Jr = "_top_dck9l_26", Qr = "_products_dck9l_14", Zr = "_product_dck9l_14", ei = "_button_dck9l_80", ti = "_disabled_dck9l_91", ni = "_buttons_dck9l_118", oi = "_addButton_dck9l_157", ri = "_deleteButton_dck9l_179", be = {
+}, Xr = "_title_1y5le_1", Kr = "_subtitle_1y5le_8", Yr = "_productsBlock_1y5le_17", Jr = "_top_1y5le_29", Qr = "_products_1y5le_17", Zr = "_product_1y5le_17", ei = "_button_1y5le_94", ti = "_disabled_1y5le_112", ni = "_buttons_1y5le_142", oi = "_addButton_1y5le_183", ri = "_deleteButton_1y5le_207", Ce = {
   title: Xr,
   subtitle: Kr,
   productsBlock: Yr,
@@ -1878,13 +1878,14 @@ const zt = (e) => {
   buttons: ni,
   addButton: oi,
   deleteButton: ri
-}, ii = "_button_2xw3a_1", ci = "_primary_2xw3a_14", ai = "_secondary_2xw3a_22", si = "_tertiary_2xw3a_30", li = "_content_2xw3a_38", pi = "_withoutHover_2xw3a_45", Ue = {
+}, ii = "_button_a8465_5", ci = "_primary_a8465_6", ai = "_secondary_a8465_7", si = "_tertiary_a8465_8", li = "_danger_a8465_93", pi = "_content_a8465_108", hi = "_withoutHover_a8465_114", Re = {
   button: ii,
   primary: ci,
   secondary: ai,
   tertiary: si,
-  content: li,
-  withoutHover: pi
+  danger: li,
+  content: pi,
+  withoutHover: hi
 }, $e = (e) => {
   const {
     children: n,
@@ -1899,34 +1900,35 @@ const zt = (e) => {
   return /* @__PURE__ */ t(
     "button",
     {
-      className: O(Ue.button, c, {
-        [Ue.primary]: h === "Primary",
-        [Ue.secondary]: h === "Secondary",
-        [Ue.tertiary]: h === "Tertiary",
-        [Ue.withoutHover]: p
+      className: O(Re.button, c, {
+        [Re.primary]: h === "Primary",
+        [Re.secondary]: h === "Secondary",
+        [Re.tertiary]: h === "Tertiary",
+        [Re.danger]: h === "Danger",
+        [Re.withoutHover]: p
       }),
       onClick: o,
       style: {
         ...r,
-        fontSize: s === "m" ? 14 : s === "s" ? 12 : 16
+        fontSize: s === "m" ? 13 : s === "s" ? 12 : 14
       },
       disabled: i,
-      children: h === "Tertiary" ? /* @__PURE__ */ d("div", { className: Ue.content, children: [
+      children: h === "Tertiary" ? /* @__PURE__ */ d("div", { className: Re.content, children: [
         n,
         /* @__PURE__ */ t(
           L,
           {
             name: "ArrowRight",
-            fill: "#757575",
-            width: 20,
-            height: 20
+            fill: "currentColor",
+            width: 16,
+            height: 16
           }
         )
       ] }) : /* @__PURE__ */ t(Y, { children: n })
     }
   );
 };
-function hi({ id: e, children: n }) {
+function di({ id: e, children: n }) {
   const {
     attributes: o,
     listeners: r,
@@ -1945,14 +1947,14 @@ function hi({ id: e, children: n }) {
     {
       ref: c,
       style: p,
-      className: `${be.product} ${h ? be.dragging : ""}`,
+      className: `${Ce.product} ${h ? Ce.dragging : ""}`,
       ...o,
       ...r,
       children: n
     }
   );
 }
-const jh = (e) => {
+const Kh = (e) => {
   const {
     isActiveItems: n,
     setIsActiveItems: o,
@@ -1967,7 +1969,7 @@ const jh = (e) => {
     addable: S = !0,
     itemsOptions: f,
     hasRangeSelector: g = !1,
-    rangeSelectorOptions: C,
+    rangeSelectorOptions: y,
     limit: l,
     autoScrollInterval: _,
     deletable: I,
@@ -1979,13 +1981,13 @@ const jh = (e) => {
         distance: 5
       }
     })
-  ), x = (u) => {
-    const { active: A, over: B } = u;
-    if (B && A.id !== B.id) {
-      const U = r.findIndex((P) => P === A.id), y = r.findIndex((P) => P === B.id);
-      if (U !== -1 && y !== -1) {
+  ), B = (u) => {
+    const { active: A, over: x } = u;
+    if (x && A.id !== x.id) {
+      const U = r.findIndex((P) => P === A.id), b = r.findIndex((P) => P === x.id);
+      if (U !== -1 && b !== -1) {
         const P = [...r], [z] = P.splice(U, 1);
-        P.splice(y, 0, z), c(P);
+        P.splice(b, 0, z), c(P);
       }
     }
   };
@@ -2010,8 +2012,8 @@ const jh = (e) => {
       );
   }
   const N = (u, A = !1) => {
-    const B = f.find((y) => y.id === u);
-    if (!B) return;
+    const x = f.find((b) => b.id === u);
+    if (!x) return;
     const U = /* @__PURE__ */ d(Y, { children: [
       a && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         L,
@@ -2025,21 +2027,21 @@ const jh = (e) => {
       /* @__PURE__ */ t(
         _e,
         {
-          onChange: (y) => {
-            const P = [...r], z = f.find((T) => T.name === y);
+          onChange: (b) => {
+            const P = [...r], z = f.find((T) => T.name === b);
             if (!z) return;
             const H = z.id, D = P.map((T) => T === u ? H : T);
             c([...D]);
           },
-          value: B.name,
-          options: f.filter((y) => !r.find((P) => P === y.id)).map((y) => y.name),
-          leftAddonOptions: f.map((y) => ({
-            value: y.name,
-            addon: R(y.images)
+          value: x.name,
+          options: f.filter((b) => !r.find((P) => P === b.id)).map((b) => b.name),
+          leftAddonOptions: f.map((b) => ({
+            value: b.name,
+            addon: R(b.images)
           }))
         }
       ),
-      A && /* @__PURE__ */ t("div", { className: be.buttons, children: /* @__PURE__ */ t("div", { className: be.deleteButton, children: /* @__PURE__ */ t(
+      A && /* @__PURE__ */ t("div", { className: Ce.buttons, children: /* @__PURE__ */ t("div", { className: Ce.deleteButton, children: /* @__PURE__ */ t(
         L,
         {
           name: "Trash",
@@ -2047,12 +2049,12 @@ const jh = (e) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => c(r.filter((y) => y !== u))
+          onClick: () => c(r.filter((b) => b !== u))
         }
       ) }) })
     ] });
     return a ? /* @__PURE__ */ t(
-      hi,
+      di,
       {
         id: u,
         children: U
@@ -2061,15 +2063,15 @@ const jh = (e) => {
     ) : /* @__PURE__ */ t(
       "div",
       {
-        className: be.product,
+        className: Ce.product,
         children: U
       },
       me()
     );
   };
-  return /* @__PURE__ */ d("div", { className: be.productsBlock, children: [
-    (h || n !== void 0) && /* @__PURE__ */ d("div", { className: be.top, children: [
-      h && /* @__PURE__ */ t("h3", { className: be.title, children: h }),
+  return /* @__PURE__ */ d("div", { className: Ce.productsBlock, children: [
+    (h || n !== void 0) && /* @__PURE__ */ d("div", { className: Ce.top, children: [
+      h && /* @__PURE__ */ t("h3", { className: Ce.title, children: h }),
       n !== void 0 && /* @__PURE__ */ t(
         ue,
         {
@@ -2078,14 +2080,14 @@ const jh = (e) => {
         }
       )
     ] }),
-    g && C && /* @__PURE__ */ t($t, { ...C }),
-    /* @__PURE__ */ d("div", { className: be.products, children: [
-      p && /* @__PURE__ */ t("h5", { className: be.subtitle, children: p }),
+    g && y && /* @__PURE__ */ t($t, { ...y }),
+    /* @__PURE__ */ d("div", { className: Ce.products, children: [
+      p && /* @__PURE__ */ t("h5", { className: Ce.subtitle, children: p }),
       a ? /* @__PURE__ */ t(
         Ze,
         {
           sensors: w,
-          onDragEnd: x,
+          onDragEnd: B,
           children: /* @__PURE__ */ t(
             et,
             {
@@ -2109,8 +2111,8 @@ const jh = (e) => {
             $e,
             {
               withoutHover: !0,
-              className: O(be.button, {
-                [be.disabled]: !!(l && l <= r.length || r.length === f.length)
+              className: O(Ce.button, {
+                [Ce.disabled]: !!(l && l <= r.length || r.length === f.length)
               }),
               size: "s",
               disabled: !!(l && l <= r.length || r.length === f.length),
@@ -2118,9 +2120,9 @@ const jh = (e) => {
                 const u = [...r];
                 let A = null;
                 if (f) {
-                  for (let B = 0; B < f.length; B++)
-                    if (!r.find((U) => U === f[B].id)) {
-                      A = f[B];
+                  for (let x = 0; x < f.length; x++)
+                    if (!r.find((U) => U === f[x].id)) {
+                      A = f[x];
                       break;
                     }
                 }
@@ -2129,7 +2131,7 @@ const jh = (e) => {
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ d("div", { className: be.addButton, children: [
+              children: /* @__PURE__ */ d("div", { className: Ce.addButton, children: [
                 /* @__PURE__ */ t("span", { children: "Add Option" }),
                 /* @__PURE__ */ t(
                   L,
@@ -2170,7 +2172,7 @@ const jh = (e) => {
       }
     ),
     _ !== void 0 && /* @__PURE__ */ t(
-      ye,
+      be,
       {
         label: "Auto scroll interval",
         type: "number",
@@ -2185,20 +2187,20 @@ const jh = (e) => {
       }
     )
   ] });
-}, di = "_title_rikns_1", mi = "_subtitle_rikns_5", Ii = "_productsBlock_rikns_14", ui = "_top_rikns_26", gi = "_products_rikns_14", fi = "_product_rikns_14", _i = "_button_rikns_80", Si = "_disabled_rikns_91", bi = "_buttons_rikns_118", Ci = "_addButton_rikns_164", yi = "_deleteButton_rikns_179", fe = {
-  title: di,
-  subtitle: mi,
-  productsBlock: Ii,
-  top: ui,
-  products: gi,
-  product: fi,
-  button: _i,
-  disabled: Si,
-  buttons: bi,
-  addButton: Ci,
-  deleteButton: yi
+}, mi = "_title_1x9ad_1", Ii = "_subtitle_1x9ad_8", ui = "_productsBlock_1x9ad_17", gi = "_top_1x9ad_29", fi = "_products_1x9ad_17", _i = "_product_1x9ad_17", Si = "_button_1x9ad_94", Ci = "_disabled_1x9ad_112", yi = "_buttons_1x9ad_142", bi = "_addButton_1x9ad_190", vi = "_deleteButton_1x9ad_207", fe = {
+  title: mi,
+  subtitle: Ii,
+  productsBlock: ui,
+  top: gi,
+  products: fi,
+  product: _i,
+  button: Si,
+  disabled: Ci,
+  buttons: yi,
+  addButton: bi,
+  deleteButton: vi
 };
-function vi({ product: e, children: n }) {
+function wi({ product: e, children: n }) {
   const {
     attributes: o,
     listeners: r,
@@ -2224,7 +2226,7 @@ function vi({ product: e, children: n }) {
     }
   );
 }
-const Xh = (e) => {
+const Yh = (e) => {
   const {
     isActiveItems: n,
     setIsActiveItems: o,
@@ -2239,40 +2241,40 @@ const Xh = (e) => {
     itemsType: S,
     itemsOptions: f,
     addableOptions: g = {},
-    limit: C
-  } = e, [l, _] = b.useState(null), [I, v] = b.useState(null), k = b.useRef(null), w = Je(
+    limit: y
+  } = e, [l, _] = C.useState(null), [I, v] = C.useState(null), k = C.useRef(null), w = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  b.useEffect(() => {
+  C.useEffect(() => {
     if (l) {
       const u = [...r].map((A) => A.id === l.id ? l : A);
       c(u);
     }
-  }, [l]), b.useEffect(() => {
+  }, [l]), C.useEffect(() => {
     k.current && I && (k.current.getBoundingClientRect().height, I.top);
   }, [k.current, I]);
-  const x = (u, A) => {
+  const B = (u, A) => {
     u.stopPropagation();
-    const B = u.target.getBoundingClientRect();
+    const x = u.target.getBoundingClientRect();
     v({
-      top: B.top + window.scrollY,
-      left: B.left - 30
+      top: x.top + window.scrollY,
+      left: x.left - 30
     }), _(A);
   }, R = (u) => {
-    const { active: A, over: B } = u;
-    if (B && A.id !== B.id) {
-      const U = r.findIndex((P) => P.id === A.id), y = r.findIndex((P) => P.id === B.id);
-      if (U !== -1 && y !== -1) {
+    const { active: A, over: x } = u;
+    if (x && A.id !== x.id) {
+      const U = r.findIndex((P) => P.id === A.id), b = r.findIndex((P) => P.id === x.id);
+      if (U !== -1 && b !== -1) {
         const P = [...r], [z] = P.splice(U, 1);
-        P.splice(y, 0, z), c(P);
+        P.splice(b, 0, z), c(P);
       }
     }
   }, N = (u, A) => {
-    const B = /* @__PURE__ */ d(Y, { children: [
+    const x = /* @__PURE__ */ d(Y, { children: [
       p && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         L,
         {
@@ -2286,9 +2288,9 @@ const Xh = (e) => {
         _e,
         {
           onChange: (U) => {
-            const y = [...r], P = f.find((H) => H.name === U);
+            const b = [...r], P = f.find((H) => H.name === U);
             if (!P) return;
-            const z = y.map((H) => H.id === u.id ? {
+            const z = b.map((H) => H.id === u.id ? {
               ...P,
               name: {
                 "en-US": U
@@ -2302,7 +2304,7 @@ const Xh = (e) => {
             }), c([...z]);
           },
           value: u.name,
-          options: f.filter((U) => !r.find((y) => y.name === U.name)).map((U) => U.name)
+          options: f.filter((U) => !r.find((b) => b.name === U.name)).map((U) => U.name)
         }
       ),
       /* @__PURE__ */ d("div", { className: fe.buttons, children: [
@@ -2313,7 +2315,7 @@ const Xh = (e) => {
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (U) => x(U, u)
+            onClick: (U) => B(U, u)
           }
         ) }),
         a && /* @__PURE__ */ t("div", { className: fe.deleteButton, children: /* @__PURE__ */ t(
@@ -2330,18 +2332,18 @@ const Xh = (e) => {
       ] })
     ] });
     return p ? /* @__PURE__ */ t(
-      vi,
+      wi,
       {
         product: u,
         index: A,
-        children: B
+        children: x
       },
       u.id
     ) : /* @__PURE__ */ t(
       "div",
       {
         className: fe.product,
-        children: B
+        children: x
       },
       u.id
     );
@@ -2387,17 +2389,17 @@ const Xh = (e) => {
             {
               withoutHover: !0,
               className: O(fe.button, {
-                [fe.disabled]: !!(C && C <= r.length || r.length === (f == null ? void 0 : f.length))
+                [fe.disabled]: !!(y && y <= r.length || r.length === (f == null ? void 0 : f.length))
               }),
               size: "s",
-              disabled: !!(C && C <= r.length || r.length === (f == null ? void 0 : f.length)),
+              disabled: !!(y && y <= r.length || r.length === (f == null ? void 0 : f.length)),
               onClick: () => {
                 const u = [...r];
                 let A = null;
                 if (f) {
-                  for (let B = 0; B < f.length; B++)
-                    if (!r.find((U) => U.id === f[B].id)) {
-                      A = f[B];
+                  for (let x = 0; x < f.length; x++)
+                    if (!r.find((U) => U.id === f[x].id)) {
+                      A = f[x];
                       break;
                     }
                 }
@@ -2427,23 +2429,23 @@ const Xh = (e) => {
       )
     ] })
   ] });
-}, wi = "_title_vrns3_1", ki = "_subtitle_vrns3_5", Ti = "_productsBlock_vrns3_14", Pi = "_top_vrns3_26", Ni = "_products_vrns3_14", Ai = "_product_vrns3_14", Li = "_button_vrns3_80", xi = "_disabled_vrns3_91", Bi = "_buttons_vrns3_118", Di = "_modal_vrns3_125", Fi = "_link_vrns3_146", Mi = "_modalOptions_vrns3_152", $i = "_addButton_vrns3_165", Oi = "_deleteButton_vrns3_180", Ri = "_closeIcon_vrns3_192", ce = {
-  title: wi,
-  subtitle: ki,
-  productsBlock: Ti,
-  top: Pi,
-  products: Ni,
-  product: Ai,
-  button: Li,
+}, ki = "_title_1i6qd_1", Ti = "_subtitle_1i6qd_8", Pi = "_productsBlock_1i6qd_17", Ni = "_top_1i6qd_29", Ai = "_products_1i6qd_17", Li = "_product_1i6qd_17", Bi = "_button_1i6qd_94", xi = "_disabled_1i6qd_112", Di = "_buttons_1i6qd_142", Fi = "_modal_1i6qd_149", Mi = "_link_1i6qd_171", $i = "_modalOptions_1i6qd_177", Oi = "_addButton_1i6qd_190", Ri = "_deleteButton_1i6qd_207", Hi = "_closeIcon_1i6qd_221", ce = {
+  title: ki,
+  subtitle: Ti,
+  productsBlock: Pi,
+  top: Ni,
+  products: Ai,
+  product: Li,
+  button: Bi,
   disabled: xi,
-  buttons: Bi,
-  modal: Di,
-  link: Fi,
-  modalOptions: Mi,
-  addButton: $i,
-  deleteButton: Oi,
-  closeIcon: Ri
-}, Hi = b.forwardRef(
+  buttons: Di,
+  modal: Fi,
+  link: Mi,
+  modalOptions: $i,
+  addButton: Oi,
+  deleteButton: Ri,
+  closeIcon: Hi
+}, Ei = C.forwardRef(
   (e, n) => {
     const { activeItem: o, setActiveItem: r, popupPosition: c, modalOptions: i, setIsOpenModal: s } = e, { isAntistock: h } = Te();
     return ct(n, () => {
@@ -2538,7 +2540,7 @@ const Xh = (e) => {
               );
             if (p.type === "input")
               return /* @__PURE__ */ t(
-                ye,
+                be,
                 {
                   onChange: (a) => {
                     const m = {
@@ -2556,7 +2558,7 @@ const Xh = (e) => {
               );
             if (p.type === "inputNumber")
               return /* @__PURE__ */ t(
-                ye,
+                be,
                 {
                   onChange: (a) => {
                     const m = {
@@ -2574,7 +2576,7 @@ const Xh = (e) => {
             if (p.type === "inputSwitch")
               return /* @__PURE__ */ d("div", { className: ce.link, children: [
                 /* @__PURE__ */ t(
-                  ye,
+                  be,
                   {
                     onChange: (a) => {
                       const m = {
@@ -2628,7 +2630,7 @@ const Xh = (e) => {
     );
   }
 );
-function Ei(e) {
+function Ui(e) {
   const { product: n, children: o } = e, { attributes: r, listeners: c, setNodeRef: i, transform: s, transition: h, isDragging: p } = ot({
     id: n.id
   }), a = {
@@ -2647,7 +2649,7 @@ function Ei(e) {
     }
   );
 }
-const Kh = (e) => {
+const Jh = (e) => {
   const {
     isActiveItems: n,
     setIsActiveItems: o,
@@ -2662,51 +2664,51 @@ const Kh = (e) => {
     addable: S = !0,
     itemsType: f,
     itemsPlaceholder: g = "",
-    itemsOptions: C,
+    itemsOptions: y,
     hasRangeSelector: l = !1,
     rangeSelectorOptions: _,
     modalOptions: I,
     addableOptions: v = {},
     limit: k
-  } = e, [w, x] = b.useState(null), [R, N] = b.useState({
+  } = e, [w, B] = C.useState(null), [R, N] = C.useState({
     top: 0,
     left: 0
-  }), [u, A] = b.useState(null), B = b.useRef(null), [U, y] = b.useState(!1), P = Je(
+  }), [u, A] = C.useState(null), x = C.useRef(null), [U, b] = C.useState(!1), P = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  b.useEffect(() => {
+  C.useEffect(() => {
     const T = () => {
-      x(null), y(!1);
+      B(null), b(!1);
     };
-    return document.body.addEventListener("click", T), x(null), y(!1), () => {
-      x(null), y(!1), document.body.removeEventListener("click", T);
+    return document.body.addEventListener("click", T), B(null), b(!1), () => {
+      B(null), b(!1), document.body.removeEventListener("click", T);
     };
-  }, []), b.useEffect(() => {
+  }, []), C.useEffect(() => {
     if (w) {
       const T = [...r].map((M) => M.id === w.id ? w : M);
       c(T);
     }
-  }, [w]), b.useEffect(() => {
-    if (B.current && u) {
-      const T = B.current.getBoundingClientRect().height, M = window.innerHeight;
+  }, [w]), C.useEffect(() => {
+    if (x.current && u) {
+      const T = x.current.getBoundingClientRect().height, M = window.innerHeight;
       let W = u.top;
       W + T > M + window.scrollY - 200 && (W = M + window.scrollY - T - 200), W < 0 && (W = 10), N({
         top: W,
         left: u.left
       });
     }
-  }, [B.current, u]);
+  }, [x.current, u]);
   const z = (T, M) => {
     T.stopPropagation();
     const W = T.target.getBoundingClientRect();
     A({
       top: W.top + window.scrollY,
       left: W.left - 30
-    }), x(M), y(!0);
+    }), B(M), b(!0);
   }, H = (T) => {
     const { active: M, over: W } = T;
     if (W && M.id !== W.id) {
@@ -2728,7 +2730,7 @@ const Kh = (e) => {
           height: 20
         }
       ) }),
-      f === "select" && C && /* @__PURE__ */ t(
+      f === "select" && y && /* @__PURE__ */ t(
         _e,
         {
           onChange: (G) => {
@@ -2738,7 +2740,7 @@ const Kh = (e) => {
                 "en-US": G
               }
             } : q);
-            x({
+            B({
               ...T,
               name: {
                 "en-US": G
@@ -2746,13 +2748,13 @@ const Kh = (e) => {
             }), c([...$]);
           },
           value: T.name["en-US"],
-          options: C.filter(
+          options: y.filter(
             (G) => !r.find((Z) => Z.name["en-US"] === G)
           )
         }
       ),
       f === "input" && /* @__PURE__ */ t(
-        ye,
+        be,
         {
           onChange: (G) => {
             const $ = [...r].map((q) => q.id === T.id ? {
@@ -2805,7 +2807,7 @@ const Kh = (e) => {
       ] })
     ] });
     return a ? /* @__PURE__ */ t(
-      Ei,
+      Ui,
       {
         product: T,
         children: M
@@ -2832,14 +2834,14 @@ const Kh = (e) => {
       )
     ] }),
     w && p && I && U && /* @__PURE__ */ t(
-      Hi,
+      Ei,
       {
-        ref: B,
+        ref: x,
         activeItem: w,
-        setActiveItem: x,
+        setActiveItem: B,
         popupPosition: R,
         modalOptions: I,
-        setIsOpenModal: y
+        setIsOpenModal: b
       }
     ),
     l && _ && /* @__PURE__ */ t($t, { ..._ }),
@@ -2880,16 +2882,16 @@ const Kh = (e) => {
               onClick: () => {
                 const T = [...r];
                 let M = null;
-                if (C) {
-                  for (let W = 0; W < C.length; W++)
-                    if (!r.find((G) => G.name["en-US"] === C[W])) {
-                      M = C[W];
+                if (y) {
+                  for (let W = 0; W < y.length; W++)
+                    if (!r.find((G) => G.name["en-US"] === y[W])) {
+                      M = y[W];
                       break;
                     }
                 }
-                f === "select" && C ? T.push({
+                f === "select" && y ? T.push({
                   name: {
-                    "en-US": M || C[0]
+                    "en-US": M || y[0]
                   },
                   id: me(),
                   ...v,
@@ -2938,23 +2940,23 @@ const Kh = (e) => {
       }
     )
   ] });
-}, Ui = "_title_1dukm_1", qi = "_buttonsBlock_1dukm_15", zi = "_top_1dukm_26", Gi = "_modal_1dukm_120", Wi = "_options_1dukm_146", Vi = "_closeIcon_1dukm_154", Fe = {
-  title: Ui,
-  buttonsBlock: qi,
-  top: zi,
-  modal: Gi,
-  options: Wi,
-  closeIcon: Vi
-}, ji = b.forwardRef((e, n) => {
+}, qi = "_title_1wc3j_2", zi = "_buttonsBlock_1wc3j_19", Gi = "_top_1wc3j_30", Wi = "_modal_1wc3j_149", Vi = "_options_1wc3j_176", ji = "_closeIcon_1wc3j_184", Fe = {
+  title: qi,
+  buttonsBlock: zi,
+  top: Gi,
+  modal: Wi,
+  options: Vi,
+  closeIcon: ji
+}, Xi = C.forwardRef((e, n) => {
   var k;
-  const { activeButton: o, setActiveButton: r, popupPosition: c, editableLink: i = !0 } = e, [s, h] = b.useState(o.typesText), [p, a] = b.useState(o.destination), [m, S] = b.useState(o.page), [f, g] = b.useState(o.link || ""), [C, l] = b.useState(o.text || { "en-US": "" }), [_, I] = b.useState(o.openInNewTab), { pages: v } = Ye();
+  const { activeButton: o, setActiveButton: r, popupPosition: c, editableLink: i = !0 } = e, [s, h] = C.useState(o.typesText), [p, a] = C.useState(o.destination), [m, S] = C.useState(o.page), [f, g] = C.useState(o.link || ""), [y, l] = C.useState(o.text || { "en-US": "" }), [_, I] = C.useState(o.openInNewTab), { pages: v } = Ye();
   return ct(n, () => {
     r(null);
-  }), b.useEffect(() => {
+  }), C.useEffect(() => {
     r({
       ...o,
       ...{
-        text: C,
+        text: y,
         link: f,
         destination: p,
         typesText: s,
@@ -2962,7 +2964,7 @@ const Kh = (e) => {
         openInNewTab: _
       }
     });
-  }, [s, p, f, C, m, _]), /* @__PURE__ */ d(
+  }, [s, p, f, y, m, _]), /* @__PURE__ */ d(
     "div",
     {
       className: Fe.modal,
@@ -3006,9 +3008,9 @@ const Kh = (e) => {
                 if (w === "Sign In")
                   S("/customer-dash");
                 else if (v) {
-                  for (const x in v)
-                    if (v[x].name === w) {
-                      S(v[x].path);
+                  for (const B in v)
+                    if (v[B].name === w) {
+                      S(v[B].path);
                       break;
                     }
                 } else
@@ -3021,7 +3023,7 @@ const Kh = (e) => {
               value: v ? m === "/customer-dash" ? "Sign In" : ((k = Object.values(v).find((w) => w.path === m)) == null ? void 0 : k.name) || "Home" : "Home"
             }
           ) : /* @__PURE__ */ t(
-            ye,
+            be,
             {
               onChange: (w) => g(w),
               value: f,
@@ -3041,7 +3043,7 @@ const Kh = (e) => {
             cn,
             {
               onChange: (w) => l({ "en-US": w }),
-              value: C["en-US"],
+              value: y["en-US"],
               label: "Text"
             }
           ),
@@ -3056,25 +3058,25 @@ const Kh = (e) => {
       ]
     }
   );
-}), Xi = "_subtitle_qqo8u_1", Ki = "_products_qqo8u_10", Yi = "_product_qqo8u_10", Ji = "_button_qqo8u_11", Qi = "_buttons_qqo8u_11", Zi = "_addButton_qqo8u_150", ec = "_deleteButton_qqo8u_165", xe = {
-  subtitle: Xi,
-  products: Ki,
-  product: Yi,
-  button: Ji,
-  buttons: Qi,
-  addButton: Zi,
-  deleteButton: ec
-}, tc = (e) => {
-  const { buttons: n, setButtons: o, deletable: r = !0, addable: c = !0, editableLink: i = !0 } = e, { pages: s } = Ye(), [h, p] = b.useState(null), [a, m] = b.useState({
+}), Ki = "_subtitle_95l2q_1", Yi = "_products_95l2q_10", Ji = "_product_95l2q_10", Qi = "_button_95l2q_11", Zi = "_buttons_95l2q_11", ec = "_addButton_95l2q_173", tc = "_deleteButton_95l2q_188", Be = {
+  subtitle: Ki,
+  products: Yi,
+  product: Ji,
+  button: Qi,
+  buttons: Zi,
+  addButton: ec,
+  deleteButton: tc
+}, nc = (e) => {
+  const { buttons: n, setButtons: o, deletable: r = !0, addable: c = !0, editableLink: i = !0 } = e, { pages: s } = Ye(), [h, p] = C.useState(null), [a, m] = C.useState({
     top: 0,
     left: 0
-  }), [S, f] = b.useState(null), g = b.useRef(null);
-  b.useEffect(() => {
+  }), [S, f] = C.useState(null), g = C.useRef(null);
+  C.useEffect(() => {
     if (h) {
       const _ = [...n].map((I) => I.id === h.id ? h : I);
       o(_);
     }
-  }, [h]), b.useEffect(() => {
+  }, [h]), C.useEffect(() => {
     if (g.current && S) {
       const _ = g.current.getBoundingClientRect().height, I = window.innerHeight;
       let v = S.top;
@@ -3084,7 +3086,7 @@ const Kh = (e) => {
       });
     }
   }, [g.current, S]);
-  const C = (_, I) => {
+  const y = (_, I) => {
     _.stopPropagation();
     const v = _.target.getBoundingClientRect();
     f({
@@ -3099,29 +3101,29 @@ const Kh = (e) => {
     };
     v.splice(I + 1, 0, k), o(v);
   };
-  return /* @__PURE__ */ d("div", { className: xe.products, children: [
-    /* @__PURE__ */ t("h5", { className: xe.subtitle, children: "Button Type" }),
+  return /* @__PURE__ */ d("div", { className: Be.products, children: [
+    /* @__PURE__ */ t("h5", { className: Be.subtitle, children: "Button Type" }),
     n.map((_, I) => /* @__PURE__ */ d(
       "div",
       {
-        className: xe.product,
+        className: Be.product,
         children: [
           /* @__PURE__ */ t(
             _e,
             {
               onChange: (v) => {
-                const w = [...n].map((x) => x.id === _.id ? {
+                const w = [...n].map((B) => B.id === _.id ? {
                   ..._,
                   type: v
-                } : x);
+                } : B);
                 o(w);
               },
               value: _.type,
               options: ["Primary", "Secondary", "Tertiary"]
             }
           ),
-          /* @__PURE__ */ d("div", { className: xe.buttons, children: [
-            /* @__PURE__ */ t("div", { className: xe.deleteButton, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ d("div", { className: Be.buttons, children: [
+            /* @__PURE__ */ t("div", { className: Be.deleteButton, children: /* @__PURE__ */ t(
               L,
               {
                 name: "Copy",
@@ -3133,7 +3135,7 @@ const Kh = (e) => {
                 }
               }
             ) }),
-            /* @__PURE__ */ t("div", { className: xe.deleteButton, children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: Be.deleteButton, children: /* @__PURE__ */ t(
               L,
               {
                 name: "Sliders",
@@ -3141,11 +3143,11 @@ const Kh = (e) => {
                 width: 20,
                 height: 20,
                 onClick: (v) => {
-                  C(v, _);
+                  y(v, _);
                 }
               }
             ) }),
-            r && /* @__PURE__ */ t("div", { className: xe.deleteButton, children: /* @__PURE__ */ t(
+            r && /* @__PURE__ */ t("div", { className: Be.deleteButton, children: /* @__PURE__ */ t(
               L,
               {
                 name: "Trash",
@@ -3165,7 +3167,7 @@ const Kh = (e) => {
       _.id
     )),
     h && /* @__PURE__ */ t(
-      ji,
+      Xi,
       {
         ref: g,
         activeButton: h,
@@ -3186,7 +3188,7 @@ const Kh = (e) => {
           $e,
           {
             withoutHover: !0,
-            className: xe.button,
+            className: Be.button,
             size: "s",
             onClick: () => {
               const _ = [...n];
@@ -3215,7 +3217,7 @@ const Kh = (e) => {
             style: {
               width: "fit-content"
             },
-            children: /* @__PURE__ */ d("div", { className: xe.addButton, children: [
+            children: /* @__PURE__ */ d("div", { className: Be.addButton, children: [
               /* @__PURE__ */ t("span", { children: "Add Option" }),
               /* @__PURE__ */ t(
                 L,
@@ -3231,7 +3233,7 @@ const Kh = (e) => {
       }
     )
   ] });
-}, Yh = (e) => {
+}, Qh = (e) => {
   const {
     isActiveButtons: n,
     setIsActiveButtons: o,
@@ -3253,7 +3255,7 @@ const Kh = (e) => {
       )
     ] }),
     n && /* @__PURE__ */ t(
-      tc,
+      nc,
       {
         buttons: r,
         setButtons: c,
@@ -3263,51 +3265,51 @@ const Kh = (e) => {
       }
     )
   ] }) });
-}, nc = "_wrapper_1l3ti_1", oc = "_subtitle_1l3ti_7", rc = "_content_1l3ti_14", ic = "_range_1l3ti_22", cc = "_track_1l3ti_27", ac = "_progress_1l3ti_36", sc = "_dots_1l3ti_46", lc = "_dot_1l3ti_46", pc = "_active_1l3ti_65", hc = "_input_1l3ti_77", dc = "_countBlock_1l3ti_91", mc = "_controls_1l3ti_107", Ic = "_button_1l3ti_113", he = {
-  wrapper: nc,
-  subtitle: oc,
-  content: rc,
-  range: ic,
-  track: cc,
-  progress: ac,
-  dots: sc,
-  dot: lc,
-  active: pc,
-  input: hc,
-  countBlock: dc,
-  controls: mc,
-  button: Ic
+}, oc = "_wrapper_2mkce_7", rc = "_subtitle_2mkce_14", ic = "_content_2mkce_21", cc = "_range_2mkce_28", ac = "_track_2mkce_33", sc = "_progress_2mkce_42", lc = "_dots_2mkce_52", pc = "_dot_2mkce_52", hc = "_active_2mkce_69", dc = "_input_2mkce_81", mc = "_countBlock_2mkce_95", Ic = "_controls_2mkce_113", uc = "_button_2mkce_118", pe = {
+  wrapper: oc,
+  subtitle: rc,
+  content: ic,
+  range: cc,
+  track: ac,
+  progress: sc,
+  dots: lc,
+  dot: pc,
+  active: hc,
+  input: dc,
+  countBlock: mc,
+  controls: Ic,
+  button: uc
 }, $t = (e) => {
-  const { label: n, min: o = 1, max: r = 4, step: c = 1, count: i, setCount: s } = e, [h, p] = b.useState(!1), a = Array.from({ length: (r - o) / c + 1 }), m = (i - o) / (r - o) * 100, S = () => {
+  const { label: n, min: o = 1, max: r = 4, step: c = 1, count: i, setCount: s } = e, [h, p] = C.useState(!1), a = Array.from({ length: (r - o) / c + 1 }), m = (i - o) / (r - o) * 100, S = () => {
     i < r && s(i + c);
   }, f = () => {
     i > o && s(i - c);
-  }, g = (C) => {
-    const l = o + C * c;
+  }, g = (y) => {
+    const l = o + y * c;
     s(l);
   };
-  return /* @__PURE__ */ d("div", { className: he.wrapper, children: [
-    n && /* @__PURE__ */ t("h5", { className: he.subtitle, children: n }),
-    /* @__PURE__ */ d("div", { className: he.content, children: [
-      /* @__PURE__ */ d("div", { className: he.range, children: [
-        /* @__PURE__ */ t("div", { className: he.track }),
+  return /* @__PURE__ */ d("div", { className: pe.wrapper, children: [
+    n && /* @__PURE__ */ t("h5", { className: pe.subtitle, children: n }),
+    /* @__PURE__ */ d("div", { className: pe.content, children: [
+      /* @__PURE__ */ d("div", { className: pe.range, children: [
+        /* @__PURE__ */ t("div", { className: pe.track }),
         /* @__PURE__ */ t(
           "div",
           {
-            className: he.progress,
+            className: pe.progress,
             style: { width: `${m}%` }
           }
         ),
-        /* @__PURE__ */ t("div", { className: he.dots, children: a.map((C, l) => {
+        /* @__PURE__ */ t("div", { className: pe.dots, children: a.map((y, l) => {
           const _ = l <= (i - o) / c;
           return /* @__PURE__ */ t(
             "button",
             {
               onClick: () => g(l),
-              className: O(he.dot, {
-                [he.active]: _,
-                [he.inactive]: !_,
-                [he.dragging]: h
+              className: O(pe.dot, {
+                [pe.active]: _,
+                [pe.inactive]: !_,
+                [pe.dragging]: h
               }),
               "aria-label": `Set value to ${o + l * c}`
             },
@@ -3322,37 +3324,37 @@ const Kh = (e) => {
             max: r,
             step: c,
             value: i,
-            onChange: (C) => s(Number(C.target.value)),
+            onChange: (y) => s(Number(y.target.value)),
             onMouseDown: () => p(!0),
             onMouseUp: () => p(!1),
             onTouchStart: () => p(!0),
             onTouchEnd: () => p(!1),
-            className: he.input
+            className: pe.input
           }
         )
       ] }),
-      /* @__PURE__ */ d("div", { className: he.countBlock, children: [
+      /* @__PURE__ */ d("div", { className: pe.countBlock, children: [
         /* @__PURE__ */ t(
-          ye,
+          be,
           {
             type: "number",
             min: o,
             max: r,
             paddingless: !0,
-            onChange: (C) => {
-              const l = Number(C);
+            onChange: (y) => {
+              const l = Number(y);
               l > r ? s(r) : l < o ? s(o) : s(l);
             },
             value: String(i)
           }
         ),
-        /* @__PURE__ */ d("div", { className: he.controls, children: [
+        /* @__PURE__ */ d("div", { className: pe.controls, children: [
           /* @__PURE__ */ t(
             "button",
             {
               onClick: S,
               disabled: i >= r,
-              className: he.button,
+              className: pe.button,
               "aria-label": "Increment count",
               children: /* @__PURE__ */ t(
                 L,
@@ -3369,7 +3371,7 @@ const Kh = (e) => {
             {
               onClick: f,
               disabled: i <= o,
-              className: he.button,
+              className: pe.button,
               "aria-label": "Decrement count",
               children: /* @__PURE__ */ t(
                 L,
@@ -3385,21 +3387,21 @@ const Kh = (e) => {
       ] })
     ] })
   ] });
-}, uc = "_title_pay2n_1", gc = "_subtitle_pay2n_5", fc = "_productsBlock_pay2n_14", _c = "_top_pay2n_26", Sc = "_products_pay2n_14", bc = "_product_pay2n_14", Cc = "_button_pay2n_80", yc = "_buttons_pay2n_114", vc = "_modal_pay2n_121", wc = "_modalOptions_pay2n_148", kc = "_addButton_pay2n_161", Tc = "_deleteButton_pay2n_176", Pc = "_closeIcon_pay2n_188", pe = {
-  title: uc,
-  subtitle: gc,
-  productsBlock: fc,
-  top: _c,
-  products: Sc,
-  product: bc,
-  button: Cc,
-  buttons: yc,
-  modal: vc,
-  modalOptions: wc,
-  addButton: kc,
-  deleteButton: Tc,
-  closeIcon: Pc
-}, Nc = b.forwardRef(
+}, gc = "_title_zv5c4_1", fc = "_subtitle_zv5c4_8", _c = "_productsBlock_zv5c4_17", Sc = "_top_zv5c4_29", Cc = "_products_zv5c4_17", yc = "_product_zv5c4_17", bc = "_button_zv5c4_94", vc = "_buttons_zv5c4_138", wc = "_modal_zv5c4_145", kc = "_modalOptions_zv5c4_173", Tc = "_addButton_zv5c4_186", Pc = "_deleteButton_zv5c4_202", Nc = "_closeIcon_zv5c4_215", le = {
+  title: gc,
+  subtitle: fc,
+  productsBlock: _c,
+  top: Sc,
+  products: Cc,
+  product: yc,
+  button: bc,
+  buttons: vc,
+  modal: wc,
+  modalOptions: kc,
+  addButton: Tc,
+  deleteButton: Pc,
+  closeIcon: Nc
+}, Ac = C.forwardRef(
   (e, n) => {
     const { activeItem: o, setActiveItem: r, popupPosition: c, setIsOpenModal: i, itemsOptions: s } = e, h = s.find((p) => p.id === o.listingId);
     return ct(n, () => {
@@ -3407,7 +3409,7 @@ const Kh = (e) => {
     }), h ? /* @__PURE__ */ d(
       "div",
       {
-        className: pe.modal,
+        className: le.modal,
         onClick: (p) => {
           p.stopPropagation();
         },
@@ -3416,7 +3418,7 @@ const Kh = (e) => {
           left: `${c.left}px`
         },
         children: [
-          /* @__PURE__ */ d("div", { className: pe.top, children: [
+          /* @__PURE__ */ d("div", { className: le.top, children: [
             /* @__PURE__ */ t(
               "h3",
               {
@@ -3425,7 +3427,7 @@ const Kh = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ t("div", { className: pe.closeIcon, children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: le.closeIcon, children: /* @__PURE__ */ t(
               L,
               {
                 name: "X",
@@ -3437,7 +3439,7 @@ const Kh = (e) => {
               }
             ) })
           ] }),
-          /* @__PURE__ */ t("div", { className: pe.modalOptions, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ t("div", { className: le.modalOptions, children: /* @__PURE__ */ t(
             it,
             {
               label: "Put up an attractive image",
@@ -3456,7 +3458,7 @@ const Kh = (e) => {
     ) : null;
   }
 );
-function Ac(e) {
+function Lc(e) {
   const { product: n, children: o } = e, { attributes: r, listeners: c, setNodeRef: i, transform: s, transition: h, isDragging: p } = ot({
     id: String(n.listingId)
   }), a = {
@@ -3468,14 +3470,14 @@ function Ac(e) {
     {
       ref: i,
       style: a,
-      className: `${pe.product} ${p ? pe.dragging : ""}`,
+      className: `${le.product} ${p ? le.dragging : ""}`,
       ...r,
       ...c,
       children: o
     }
   );
 }
-const Jh = (e) => {
+const Zh = (e) => {
   const {
     isActiveItems: n,
     setIsActiveItems: o,
@@ -3490,30 +3492,30 @@ const Jh = (e) => {
     deletable: S = !0,
     addable: f = !0,
     itemsType: g,
-    itemsOptions: C,
+    itemsOptions: y,
     limit: l,
     aspectRatio: _,
     setAspectRatio: I
-  } = e, [v, k] = b.useState(
+  } = e, [v, k] = C.useState(
     null
-  ), [w, x] = b.useState({
+  ), [w, B] = C.useState({
     top: 0,
     left: 0
-  }), [R, N] = b.useState(!1), u = Je(
+  }), [R, N] = C.useState(!1), u = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
       }
     })
   );
-  b.useEffect(() => {
+  C.useEffect(() => {
     const H = () => {
       k(null), N(!1);
     };
     return document.body.addEventListener("click", H), k(null), N(!1), () => {
       k(null), N(!1), document.body.removeEventListener("click", H);
     };
-  }, []), b.useEffect(() => {
+  }, []), C.useEffect(() => {
     if (v) {
       const H = [...r].map((D) => D.listingId === v.listingId ? v : D);
       c(H);
@@ -3523,12 +3525,12 @@ const Jh = (e) => {
     H.stopPropagation();
     const T = H.target.getBoundingClientRect(), M = 100, W = window.innerHeight;
     let G = T.top + window.scrollY;
-    G + M > W && (G = W - M - 20), N(!0), x({
+    G + M > W && (G = W - M - 20), N(!0), B({
       top: G - 80,
       left: T.left - 30
     }), k(D);
   };
-  function B(H) {
+  function x(H) {
     if (m)
       return H ? /* @__PURE__ */ t(
         "img",
@@ -3557,10 +3559,10 @@ const Jh = (e) => {
         G.splice(W, 0, Z), c(G);
       }
     }
-  }, y = () => {
+  }, b = () => {
     N(!1), k(null);
   }, P = (H) => {
-    const D = C.find((M) => H.listingId === M.id);
+    const D = y.find((M) => H.listingId === M.id);
     if (!D) return null;
     const T = /* @__PURE__ */ d(Y, { children: [
       a && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -3576,7 +3578,7 @@ const Jh = (e) => {
         _e,
         {
           onChange: (M) => {
-            const W = [...r], G = C.find((q) => q.productData.name === M);
+            const W = [...r], G = y.find((q) => q.productData.name === M);
             if (!G) return;
             const Z = {
               listingId: G.id,
@@ -3586,19 +3588,19 @@ const Jh = (e) => {
           },
           value: D.productData.name,
           options: [
-            ...C.filter((M) => !r.find((W) => W.listingId === M.id)).map((M) => M.productData.name)
+            ...y.filter((M) => !r.find((W) => W.listingId === M.id)).map((M) => M.productData.name)
           ],
-          leftAddonOptions: C.map((M) => {
+          leftAddonOptions: y.map((M) => {
             var W;
             return {
               value: M.productData.name,
-              addon: B(((W = M.productData.images[0]) == null ? void 0 : W.cfId) || "")
+              addon: x(((W = M.productData.images[0]) == null ? void 0 : W.cfId) || "")
             };
           })
         }
       ),
-      /* @__PURE__ */ d("div", { className: pe.buttons, children: [
-        p && /* @__PURE__ */ t("div", { className: pe.deleteButton, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ d("div", { className: le.buttons, children: [
+        p && /* @__PURE__ */ t("div", { className: le.deleteButton, children: /* @__PURE__ */ t(
           L,
           {
             name: "Sliders",
@@ -3608,7 +3610,7 @@ const Jh = (e) => {
             onClick: (M) => A(M, H)
           }
         ) }),
-        S && /* @__PURE__ */ t("div", { className: pe.deleteButton, children: /* @__PURE__ */ t(
+        S && /* @__PURE__ */ t("div", { className: le.deleteButton, children: /* @__PURE__ */ t(
           L,
           {
             name: "Trash",
@@ -3622,7 +3624,7 @@ const Jh = (e) => {
       ] })
     ] });
     return a ? /* @__PURE__ */ t(
-      Ac,
+      Lc,
       {
         product: H,
         children: T
@@ -3631,15 +3633,15 @@ const Jh = (e) => {
     ) : /* @__PURE__ */ t(
       "div",
       {
-        className: pe.product,
+        className: le.product,
         children: T
       },
       H.listingId
     );
-  }, z = b.useRef(null);
-  return /* @__PURE__ */ d("div", { className: pe.productsBlock, children: [
-    (s || n !== void 0) && /* @__PURE__ */ d("div", { className: pe.top, children: [
-      s && /* @__PURE__ */ t("h3", { className: pe.title, children: s }),
+  }, z = C.useRef(null);
+  return /* @__PURE__ */ d("div", { className: le.productsBlock, children: [
+    (s || n !== void 0) && /* @__PURE__ */ d("div", { className: le.top, children: [
+      s && /* @__PURE__ */ t("h3", { className: le.title, children: s }),
       n !== void 0 && /* @__PURE__ */ t(
         ue,
         {
@@ -3649,24 +3651,24 @@ const Jh = (e) => {
       )
     ] }),
     R && v && /* @__PURE__ */ t(
-      Nc,
+      Ac,
       {
         ref: z,
         activeItem: v,
         setActiveItem: k,
         setIsOpenModal: N,
         popupPosition: w,
-        itemsOptions: C
+        itemsOptions: y
       }
     ),
-    n && /* @__PURE__ */ d("div", { className: pe.products, children: [
-      h && /* @__PURE__ */ t("h5", { className: pe.subtitle, children: h }),
+    n && /* @__PURE__ */ d("div", { className: le.products, children: [
+      h && /* @__PURE__ */ t("h5", { className: le.subtitle, children: h }),
       a ? /* @__PURE__ */ t(
         Ze,
         {
           sensors: u,
           onDragEnd: U,
-          onDragStart: y,
+          onDragStart: b,
           children: /* @__PURE__ */ t(
             et,
             {
@@ -3689,25 +3691,25 @@ const Jh = (e) => {
             $e,
             {
               withoutHover: !0,
-              className: pe.button,
+              className: le.button,
               size: "s",
               onClick: () => {
                 const H = [...r];
-                for (let D = 0; D < C.length; D++)
-                  if (!r.find((T) => T.listingId === C[D].id)) {
+                for (let D = 0; D < y.length; D++)
+                  if (!r.find((T) => T.listingId === y[D].id)) {
                     H.push({
-                      listingId: C[D].id,
-                      image: C[D].productData.images.length > 0 ? C[D].productData.images[0].cfId : ""
+                      listingId: y[D].id,
+                      image: y[D].productData.images.length > 0 ? y[D].productData.images[0].cfId : ""
                     });
                     break;
                   }
                 c(H);
               },
-              disabled: r.length === (l || C.length),
+              disabled: r.length === (l || y.length),
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ d("div", { className: pe.addButton, children: [
+              children: /* @__PURE__ */ d("div", { className: le.addButton, children: [
                 /* @__PURE__ */ t("span", { children: "Add Option" }),
                 /* @__PURE__ */ t(
                   L,
@@ -3740,44 +3742,44 @@ const Jh = (e) => {
       }
     )
   ] });
-}, Lc = "_options_s4lx3_1", xc = "_price_s4lx3_18", Bc = "_oldPrice_s4lx3_25", Dc = "_newPrice_s4lx3_34", Fc = "_animate_s4lx3_42", Mc = "_meta_s4lx3_60", $c = "_info_s4lx3_66", Oc = "_infoRight_s4lx3_75", Rc = "_buttons_s4lx3_82", Hc = "_variants_s4lx3_89", Ec = "_variant_s4lx3_89", Uc = "_stock_s4lx3_107", qc = "_variantInfo_s4lx3_115", zc = "_quantity_s4lx3_122", Gc = "_button_s4lx3_82", Wc = "_activeVariant_s4lx3_168", Vc = "_chargeTypes_s4lx3_172", jc = "_charge_s4lx3_172", Xc = "_chargeActive_s4lx3_197", Kc = "_title_s4lx3_205", K = {
-  options: Lc,
+}, Bc = "_options_s4lx3_1", xc = "_price_s4lx3_18", Dc = "_oldPrice_s4lx3_25", Fc = "_newPrice_s4lx3_34", Mc = "_animate_s4lx3_42", $c = "_meta_s4lx3_60", Oc = "_info_s4lx3_66", Rc = "_infoRight_s4lx3_75", Hc = "_buttons_s4lx3_82", Ec = "_variants_s4lx3_89", Uc = "_variant_s4lx3_89", qc = "_stock_s4lx3_107", zc = "_variantInfo_s4lx3_115", Gc = "_quantity_s4lx3_122", Wc = "_button_s4lx3_82", Vc = "_activeVariant_s4lx3_168", jc = "_chargeTypes_s4lx3_172", Xc = "_charge_s4lx3_172", Kc = "_chargeActive_s4lx3_197", Yc = "_title_s4lx3_205", K = {
+  options: Bc,
   price: xc,
-  oldPrice: Bc,
-  newPrice: Dc,
-  animate: Fc,
-  meta: Mc,
-  info: $c,
-  infoRight: Oc,
-  buttons: Rc,
-  variants: Hc,
-  variant: Ec,
-  stock: Uc,
-  variantInfo: qc,
-  quantity: zc,
-  button: Gc,
-  activeVariant: Wc,
-  chargeTypes: Vc,
-  charge: jc,
-  chargeActive: Xc,
-  title: Kc
-}, Yc = "_wrapper_1qlwq_1", Jc = "_label_1qlwq_9", Qc = "_input_1qlwq_18", Zc = "_disabled_1qlwq_31", ea = "_paddingless_1qlwq_36", ta = "_content_1qlwq_47", na = "_contentBorder_1qlwq_60", oa = "_contentField_1qlwq_65", ra = "_contentIsAntistock_1qlwq_69", ia = "_borderless_1qlwq_74", ca = "_rightIcon_1qlwq_79", aa = "_leftIcon_1qlwq_87", sa = "_requiredStar_1qlwq_94", la = "_contentError_1qlwq_98", pa = "_errorMessage_1qlwq_102", le = {
-  wrapper: Yc,
-  label: Jc,
-  input: Qc,
-  disabled: Zc,
-  paddingless: ea,
+  oldPrice: Dc,
+  newPrice: Fc,
+  animate: Mc,
+  meta: $c,
+  info: Oc,
+  infoRight: Rc,
+  buttons: Hc,
+  variants: Ec,
+  variant: Uc,
+  stock: qc,
+  variantInfo: zc,
+  quantity: Gc,
+  button: Wc,
+  activeVariant: Vc,
+  chargeTypes: jc,
+  charge: Xc,
+  chargeActive: Kc,
+  title: Yc
+}, Jc = "_wrapper_8zts1_5", Qc = "_disabled_8zts1_25", Zc = "_label_8zts1_6", ea = "_requiredStar_8zts1_50", ta = "_content_8zts1_9", na = "_contentBorder_8zts1_9", oa = "_contentField_8zts1_82", ra = "_contentIsAntistock_8zts1_9", ia = "_borderless_8zts1_92", ca = "_contentError_8zts1_98", aa = "_input_8zts1_5", sa = "_paddingless_8zts1_140", la = "_leftIcon_8zts1_12", pa = "_rightIcon_8zts1_13", ha = "_errorMessage_8zts1_175", he = {
+  wrapper: Jc,
+  disabled: Qc,
+  label: Zc,
+  requiredStar: ea,
   content: ta,
   contentBorder: na,
   contentField: oa,
   contentIsAntistock: ra,
   borderless: ia,
-  rightIcon: ca,
-  leftIcon: aa,
-  requiredStar: sa,
-  contentError: la,
-  errorMessage: pa
-}, Ct = (e) => {
+  contentError: ca,
+  input: aa,
+  paddingless: sa,
+  leftIcon: la,
+  rightIcon: pa,
+  errorMessage: ha
+}, yt = (e) => {
   const {
     onChange: n,
     style: o,
@@ -3792,21 +3794,21 @@ const Jh = (e) => {
     regex: S,
     paddingless: f = !1,
     borderless: g = !1,
-    editable: C = !1,
+    editable: y = !1,
     isSearch: l = !1,
     centered: _ = !1,
     maxSymbols: I,
     rightIcon: v,
     onFocus: k,
     leftIcon: w,
-    error: x
-  } = e, { themeSettings: R } = _t(), { isAntistock: N } = Te(), { inputs: u } = R, [A, B] = b.useState(!1);
+    error: B
+  } = e, { themeSettings: R } = _t(), { isAntistock: N } = Te(), { inputs: u } = R, [A, x] = C.useState(!1);
   function U(P) {
     if (Number(P) < 0) return String(s);
     const z = P.replace(/[^\d-]/g, "");
     return Number(z) < 0 ? String(s) : z;
   }
-  function y(P) {
+  function b(P) {
     if (!m || !S) return !0;
     try {
       return new RegExp(S).test(P);
@@ -3814,36 +3816,44 @@ const Jh = (e) => {
       return console.error("Invalid regex pattern:", S, z), !0;
     }
   }
-  return /* @__PURE__ */ d("div", { className: le.wrapper, children: [
+  return /* @__PURE__ */ d("div", { className: he.wrapper, children: [
     r && /* @__PURE__ */ t(
       "label",
       {
-        className: le.label,
+        className: he.label,
         htmlFor: r,
         style: {
           color: N ? "var(--text-secondary)" : void 0
         },
         children: r.includes("*") ? /* @__PURE__ */ d(Y, { children: [
           r.replace(" *", "").replace("*", ""),
-          /* @__PURE__ */ t("span", { className: le.requiredStar, children: " *" })
+          /* @__PURE__ */ t("span", { className: he.requiredStar, children: " *" })
         ] }) : r
       }
     ),
     /* @__PURE__ */ d(
       "div",
       {
-        className: O(le.content, {
-          [le.contentBorder]: !N && u.border.active,
-          [le.contentField]: u.field.active,
-          [le.disabled]: a,
-          [le.contentIsAntistock]: N,
-          [le.contentError]: x
+        className: O(he.content, {
+          [he.contentBorder]: !N && u.border.active,
+          [he.contentField]: u.field.active,
+          [he.disabled]: a,
+          [he.contentIsAntistock]: N,
+          [he.contentError]: B
         }),
         style: {
           ...o
         },
         children: [
-          w && /* @__PURE__ */ t("div", { className: le.leftIcon, children: w }),
+          (w || l) && /* @__PURE__ */ t("div", { className: he.leftIcon, children: w || /* @__PURE__ */ t(
+            L,
+            {
+              name: "MagnifyingGlass",
+              fill: "var(--secondary-text-color, var(--text-secondary))",
+              width: u.general.size,
+              height: u.general.size
+            }
+          ) }),
           /* @__PURE__ */ t(
             "input",
             {
@@ -3860,34 +3870,25 @@ const Jh = (e) => {
               value: c,
               autoComplete: "off",
               placeholder: p || "Type something...",
-              className: O(le.input, {
-                [le.required]: A && m && !y(c),
-                [le.paddingless]: f,
-                [le.borderless]: g
+              className: O(he.input, {
+                [he.required]: A && m && !b(c),
+                [he.paddingless]: f,
+                [he.borderless]: g
               }),
               min: i === "number" ? s : void 0,
               max: i === "number" ? h : void 0,
               onFocus: () => {
-                k == null || k(), B(!0);
+                k == null || k(), x(!0);
               },
               disabled: a,
               style: {
                 textAlign: _ ? "center" : "left",
-                padding: l ? `7px ${Number(u.general.size) + 20}px 7px ${w ? 35 : 11}px` : N ? `4.5px ${v ? 35 : 11}px 4px ${w ? 35 : 11}px` : `7px ${v ? 35 : 11}px 7px ${w ? 35 : 11}px`
+                padding: N ? `4.5px ${v ? 35 : 11}px 4px ${w || l ? 35 : 11}px` : `7px ${v ? 35 : 11}px 7px ${w || l ? 35 : 11}px`
               }
             }
           ),
-          v && /* @__PURE__ */ t("div", { className: le.rightIcon, children: v }),
-          l && /* @__PURE__ */ t("div", { className: le.rightIcon, children: /* @__PURE__ */ t(
-            L,
-            {
-              name: "MagnifyingGlass",
-              fill: "var(--text-secondary)",
-              width: u.general.size,
-              height: u.general.size
-            }
-          ) }),
-          C && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+          v && /* @__PURE__ */ t("div", { className: he.rightIcon, children: v }),
+          y && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
             L,
             {
               name: "Sliders",
@@ -3899,37 +3900,37 @@ const Jh = (e) => {
         ]
       }
     ),
-    x && /* @__PURE__ */ t("div", { className: le.errorMessage, children: x })
+    B && /* @__PURE__ */ t("div", { className: he.errorMessage, children: B })
   ] });
-}, ha = "_imagesLoader_1sl8v_1", da = "_label_1sl8v_8", ma = "_requiredStar_1sl8v_16", Ia = "_uploadArea_1sl8v_20", ua = "_uploadAreaDragOver_1sl8v_42", ga = "_uploadAreaUploading_1sl8v_48", fa = "_uploadAreaError_1sl8v_59", _a = "_uploadContent_1sl8v_66", Sa = "_uploadIcon_1sl8v_75", ba = "_uploadText_1sl8v_84", Ca = "_uploadTextPortal_1sl8v_93", ya = "_uploadSubtext_1sl8v_102", va = "_browseText_1sl8v_108", wa = "_errorMessage_1sl8v_113", ka = "_imagesList_1sl8v_119", Ta = "_imagesListSingle_1sl8v_125", Pa = "_imageItem_1sl8v_129", Na = "_imageItemSingle_1sl8v_138", Aa = "_imagePreview_1sl8v_143", La = "_removeButton_1sl8v_148", xa = "_imageLoading_1sl8v_166", ee = {
-  imagesLoader: ha,
-  label: da,
-  requiredStar: ma,
-  uploadArea: Ia,
-  uploadAreaDragOver: ua,
-  uploadAreaUploading: ga,
-  uploadAreaError: fa,
-  uploadContent: _a,
-  uploadIcon: Sa,
-  uploadText: ba,
-  uploadTextPortal: Ca,
-  uploadSubtext: ya,
-  browseText: va,
-  errorMessage: wa,
-  imagesList: ka,
-  imagesListSingle: Ta,
-  imageItem: Pa,
-  imageItemSingle: Na,
-  imagePreview: Aa,
-  removeButton: La,
+}, da = "_imagesLoader_1sl8v_1", ma = "_label_1sl8v_8", Ia = "_requiredStar_1sl8v_16", ua = "_uploadArea_1sl8v_20", ga = "_uploadAreaDragOver_1sl8v_42", fa = "_uploadAreaUploading_1sl8v_48", _a = "_uploadAreaError_1sl8v_59", Sa = "_uploadContent_1sl8v_66", Ca = "_uploadIcon_1sl8v_75", ya = "_uploadText_1sl8v_84", ba = "_uploadTextPortal_1sl8v_93", va = "_uploadSubtext_1sl8v_102", wa = "_browseText_1sl8v_108", ka = "_errorMessage_1sl8v_113", Ta = "_imagesList_1sl8v_119", Pa = "_imagesListSingle_1sl8v_125", Na = "_imageItem_1sl8v_129", Aa = "_imageItemSingle_1sl8v_138", La = "_imagePreview_1sl8v_143", Ba = "_removeButton_1sl8v_148", xa = "_imageLoading_1sl8v_166", ee = {
+  imagesLoader: da,
+  label: ma,
+  requiredStar: Ia,
+  uploadArea: ua,
+  uploadAreaDragOver: ga,
+  uploadAreaUploading: fa,
+  uploadAreaError: _a,
+  uploadContent: Sa,
+  uploadIcon: Ca,
+  uploadText: ya,
+  uploadTextPortal: ba,
+  uploadSubtext: va,
+  browseText: wa,
+  errorMessage: ka,
+  imagesList: Ta,
+  imagesListSingle: Pa,
+  imageItem: Na,
+  imageItemSingle: Aa,
+  imagePreview: La,
+  removeButton: Ba,
   imageLoading: xa
-}, Ba = ({ isUploading: e, containerRef: n }) => !e || !n.current ? null : An(
+}, Da = ({ isUploading: e, containerRef: n }) => !e || !n.current ? null : An(
   /* @__PURE__ */ d("div", { className: ee.uploadTextPortal, children: [
     /* @__PURE__ */ t("p", { children: "Uploading..." }),
     /* @__PURE__ */ t("p", { className: ee.uploadSubtext, children: "Please wait" })
   ] }),
   n.current
-), Qh = ({
+), ed = ({
   images: e,
   onChange: n,
   multiple: o = !0,
@@ -3943,8 +3944,8 @@ const Jh = (e) => {
   className: a,
   showImageLoading: m = !1
 }) => {
-  const [S, f] = st(!1), [g, C] = st(!1), [l, _] = st(), [I, v] = st({}), k = ft(null), w = ft(null), { setNotifications: x, notifications: R } = Ge(), N = Array.isArray(e) ? e : e ? [e] : [], u = ($, q) => {
-    _($), x([
+  const [S, f] = st(!1), [g, y] = st(!1), [l, _] = st(), [I, v] = st({}), k = ft(null), w = ft(null), { setNotifications: B, notifications: R } = Ge(), N = Array.isArray(e) ? e : e ? [e] : [], u = ($, q) => {
+    _($), B([
       ...R,
       {
         id: me(),
@@ -3956,7 +3957,7 @@ const Jh = (e) => {
   }, A = () => {
     var $;
     g || ($ = k.current) == null || $.click();
-  }, B = ($) => $.type.startsWith("image/") ? $.size > i ? `File size must be less than ${Math.floor(i / 1048576)}MB` : null : o ? "Please select valid image files" : "Please select a valid image file", U = async ($) => {
+  }, x = ($) => $.type.startsWith("image/") ? $.size > i ? `File size must be less than ${Math.floor(i / 1048576)}MB` : null : o ? "Please select valid image files" : "Please select a valid image file", U = async ($) => {
     var q, F, V, X, ae, ve;
     try {
       const E = await Tn($), J = (F = (q = E.data) == null ? void 0 : q.data) == null ? void 0 : F.imageId, Ie = (X = (V = E.data) == null ? void 0 : V.data) == null ? void 0 : X.url;
@@ -3973,31 +3974,31 @@ const Jh = (e) => {
       } else E instanceof Error && (J = E.message);
       throw u(J, Ie), E;
     }
-  }, y = Xe(
+  }, b = Xe(
     async ($) => {
       if (g) return;
       const q = Array.from($);
       for (const V of q) {
-        const X = B(V);
+        const X = x(V);
         if (X) {
           u(X);
           return;
         }
       }
       const F = o ? q : [q[0]];
-      C(!0), _(void 0);
+      y(!0), _(void 0);
       try {
         const V = F.map((ae) => U(ae)), X = await Promise.all(V);
         n(o ? [...N, ...X] : X[0]);
       } catch {
       } finally {
-        C(!1), k.current && (k.current.value = "");
+        y(!1), k.current && (k.current.value = "");
       }
     },
     [g, o, n, N]
   ), P = async ($) => {
     const q = $.target.files;
-    !q || q.length === 0 || await y(q);
+    !q || q.length === 0 || await b(q);
   }, z = ($) => {
     $.preventDefault(), $.stopPropagation(), g || f(!0);
   }, H = ($) => {
@@ -4005,7 +4006,7 @@ const Jh = (e) => {
   }, D = async ($) => {
     if ($.preventDefault(), $.stopPropagation(), f(!1), g) return;
     const q = $.dataTransfer.files;
-    q && q.length > 0 && await y(q);
+    q && q.length > 0 && await b(q);
   }, T = ($) => {
     if (o) {
       const q = N.filter((F) => F.id !== $);
@@ -4027,12 +4028,12 @@ const Jh = (e) => {
           E && V.push(E);
         }
       }
-      V.length > 0 && (q.preventDefault(), await y(V));
+      V.length > 0 && (q.preventDefault(), await b(V));
     };
     return document.addEventListener("paste", $), () => {
       document.removeEventListener("paste", $);
     };
-  }, [s, y]);
+  }, [s, b]);
   const M = ($) => {
     v((q) => ({ ...q, [$]: !1 }));
   }, W = ($) => {
@@ -4066,7 +4067,7 @@ const Jh = (e) => {
               className: ee.uploadText,
               ref: w,
               children: g ? /* @__PURE__ */ t(
-                Ba,
+                Da,
                 {
                   isUploading: g,
                   containerRef: w
@@ -4141,12 +4142,12 @@ const Jh = (e) => {
   ] });
 };
 var pn = /* @__PURE__ */ ((e) => (e.ONE_TIME = "One-Time", e.RECURRING = "Subscribe & Save", e))(pn || {});
-const Da = (e) => {
+const Fa = (e) => {
   var R, N;
-  const { product: n, setIsOpen: o, isCartEnabled: r = !0 } = e, { variants: c } = n, [i, s] = b.useState(c[0]), [h, p] = b.useState(
+  const { product: n, setIsOpen: o, isCartEnabled: r = !0 } = e, { variants: c } = n, [i, s] = C.useState(c[0]), [h, p] = C.useState(
     i.chargeTypes ? i.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: a, setNotifications: m } = Ge(), S = St(), [f, g] = b.useState(1), { cart: C, reset: l, addProductToCart: _ } = We(), [I, v] = b.useState(!1);
-  b.useEffect(() => {
+  ), { notifications: a, setNotifications: m } = Ge(), S = St(), [f, g] = C.useState(1), { cart: y, reset: l, addProductToCart: _ } = We(), [I, v] = C.useState(!1);
+  C.useEffect(() => {
     v(!0);
     const u = setTimeout(() => v(!1), 600);
     return () => clearTimeout(u);
@@ -4182,7 +4183,7 @@ const Da = (e) => {
   function w() {
     l(), k(), S("/checkout");
   }
-  function x(u) {
+  function B(u) {
     if (u >= 864e5) {
       const P = Math.floor(u / 864e5);
       return `${P} ${P === 1 ? "day" : "days"}`;
@@ -4197,9 +4198,9 @@ const Da = (e) => {
       return `${P} ${P === 1 ? "second" : "seconds"}`;
     }
   }
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     i.quantity && i.quantity.available === 0 ? g(0) : g(1);
-  }, [i.quantity.available]), b.useEffect(() => {
+  }, [i.quantity.available]), C.useEffect(() => {
     i.chargeTypes && p(
       i.chargeTypes.includes(h) ? h : i.chargeTypes[0]
     );
@@ -4219,7 +4220,7 @@ const Da = (e) => {
       var A;
       return (A = u.chargeTypes) == null ? void 0 : A.includes(h);
     }).map((u) => {
-      var A, B;
+      var A, x;
       return /* @__PURE__ */ d(
         "div",
         {
@@ -4242,7 +4243,7 @@ const Da = (e) => {
                 }
               ),
               /* @__PURE__ */ d("span", { id: "md", children: [
-                Ce({
+                ye({
                   amount: h === "ONE_TIME" ? u.price.amount : u.subscriptionSettings ? u.subscriptionSettings.price.amount : 0,
                   currency: h === "ONE_TIME" ? u.price.currency : u.subscriptionSettings ? u.subscriptionSettings.price.currency : "USD"
                 }),
@@ -4256,7 +4257,7 @@ const Da = (e) => {
                 className: K.stock,
                 id: "md",
                 children: [
-                  (A = u.quantity.restrictions) != null && A.max || u.quantity.available !== void 0 ? ((B = u.quantity.restrictions) == null ? void 0 : B.max) || u.quantity.available : "∞",
+                  (A = u.quantity.restrictions) != null && A.max || u.quantity.available !== void 0 ? ((x = u.quantity.restrictions) == null ? void 0 : x.max) || u.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -4286,7 +4287,7 @@ const Da = (e) => {
             }
           ),
           /* @__PURE__ */ t(
-            Ct,
+            yt,
             {
               type: "number",
               value: String(f),
@@ -4327,7 +4328,7 @@ const Da = (e) => {
               height: 20
             }
           ),
-          /* @__PURE__ */ t("span", { id: "md", children: !i.deliveryTime || i.deliveryTime === 0 ? "Instant" : x(i.deliveryTime) })
+          /* @__PURE__ */ t("span", { id: "md", children: !i.deliveryTime || i.deliveryTime === 0 ? "Instant" : B(i.deliveryTime) })
         ] })
       ] }),
       /* @__PURE__ */ d("div", { className: K.info, children: [
@@ -4338,7 +4339,7 @@ const Da = (e) => {
             className: K.price,
             id: "md",
             children: [
-              /* @__PURE__ */ t("span", { className: O(K.newPrice, { [K.animate]: I }), children: Ce({
+              /* @__PURE__ */ t("span", { className: O(K.newPrice, { [K.animate]: I }), children: ye({
                 amount: i.price.amount * f,
                 currency: i.price.currency
               }) }),
@@ -4347,7 +4348,7 @@ const Da = (e) => {
                 {
                   className: K.oldPrice,
                   id: "md",
-                  children: Ce({
+                  children: ye({
                     amount: i.compareAtPrice.amount * f,
                     currency: i.compareAtPrice.currency
                   })
@@ -4360,7 +4361,7 @@ const Da = (e) => {
           {
             className: O(K.newPrice, { [K.animate]: I }),
             id: "md",
-            children: Ce({
+            children: ye({
               amount: i.price.amount * f,
               currency: i.price.currency
             })
@@ -4376,7 +4377,7 @@ const Da = (e) => {
                 {
                   className: O(K.newPrice, { [K.animate]: I }),
                   id: "md",
-                  children: Ce({
+                  children: ye({
                     amount: i.subscriptionSettings.price.amount * f,
                     currency: i.subscriptionSettings.price.currency
                   })
@@ -4387,7 +4388,7 @@ const Da = (e) => {
                 {
                   className: K.oldPrice,
                   id: "md",
-                  children: Ce({
+                  children: ye({
                     amount: i.subscriptionSettings.compareAtPrice.amount * f,
                     currency: i.subscriptionSettings.compareAtPrice.currency
                   })
@@ -4400,7 +4401,7 @@ const Da = (e) => {
           {
             className: O(K.newPrice, { [K.animate]: I }),
             id: "md",
-            children: Ce({
+            children: ye({
               amount: i.subscriptionSettings.price.amount * f,
               currency: i.subscriptionSettings.price.currency
             })
@@ -4424,60 +4425,60 @@ const Da = (e) => {
           type: "Secondary",
           onClick: () => k(),
           disabled: i.quantity && i.quantity.available === 0 || f === 0,
-          children: C.parts.some(
+          children: y.parts.some(
             (u) => u.productId === n.id && u.productVariantId === i.id
           ) ? "Add More" : "Add to Cart"
         }
       )
     ] })
   ] });
-}, Fa = "_buttons_1uy6y_23", Ma = "_modal_1uy6y_32", $a = "_closing_1uy6y_65", Oa = "_info_1uy6y_114", Ra = "_top_1uy6y_121", Ha = "_title_1uy6y_132", Ea = "_clear_1uy6y_139", Ua = "_activeClear_1uy6y_146", qa = "_count_1uy6y_150", za = "_cart_1uy6y_165", Ga = "_empty_1uy6y_173", Wa = "_product_1uy6y_199", Va = "_products_1uy6y_208", ja = "_image_1uy6y_216", Xa = "_productInfo_1uy6y_233", Ka = "_content_1uy6y_240", Ya = "_name_1uy6y_246", Ja = "_price_1uy6y_252", Qa = "_productButtons_1uy6y_258", Za = "_productButton_1uy6y_258", es = "_productCount_1uy6y_275", ts = "_bottom_1uy6y_292", ns = "_subtotal_1uy6y_300", os = "_block_1uy6y_308", rs = "_shoppingCount_1uy6y_315", is = "_total_1uy6y_335", cs = "_link_1uy6y_341", as = "_userInfo_1uy6y_348", ss = "_pagesMobileModal_1uy6y_360", ls = "_pagesMobileModalContent_1uy6y_374", ps = "_pagesMobileModalHeader_1uy6y_380", hs = "_pagesMobileModalFooter_1uy6y_390", ds = "_pageLink_1uy6y_397", ms = "_rightButtons_1uy6y_406", j = {
-  buttons: Fa,
-  modal: Ma,
-  closing: $a,
-  info: Oa,
-  top: Ra,
-  title: Ha,
-  clear: Ea,
-  activeClear: Ua,
-  count: qa,
-  cart: za,
-  empty: Ga,
-  product: Wa,
-  products: Va,
-  image: ja,
-  productInfo: Xa,
-  content: Ka,
-  name: Ya,
-  price: Ja,
-  productButtons: Qa,
-  productButton: Za,
-  productCount: es,
-  bottom: ts,
-  subtotal: ns,
-  block: os,
-  shoppingCount: rs,
-  total: is,
-  link: cs,
-  userInfo: as,
-  pagesMobileModal: ss,
-  pagesMobileModalContent: ls,
-  pagesMobileModalHeader: ps,
-  pagesMobileModalFooter: hs,
-  pageLink: ds,
-  rightButtons: ms,
+}, Ma = "_buttons_1uy6y_23", $a = "_modal_1uy6y_32", Oa = "_closing_1uy6y_65", Ra = "_info_1uy6y_114", Ha = "_top_1uy6y_121", Ea = "_title_1uy6y_132", Ua = "_clear_1uy6y_139", qa = "_activeClear_1uy6y_146", za = "_count_1uy6y_150", Ga = "_cart_1uy6y_165", Wa = "_empty_1uy6y_173", Va = "_product_1uy6y_199", ja = "_products_1uy6y_208", Xa = "_image_1uy6y_216", Ka = "_productInfo_1uy6y_233", Ya = "_content_1uy6y_240", Ja = "_name_1uy6y_246", Qa = "_price_1uy6y_252", Za = "_productButtons_1uy6y_258", es = "_productButton_1uy6y_258", ts = "_productCount_1uy6y_275", ns = "_bottom_1uy6y_292", os = "_subtotal_1uy6y_300", rs = "_block_1uy6y_308", is = "_shoppingCount_1uy6y_315", cs = "_total_1uy6y_335", as = "_link_1uy6y_341", ss = "_userInfo_1uy6y_348", ls = "_pagesMobileModal_1uy6y_360", ps = "_pagesMobileModalContent_1uy6y_374", hs = "_pagesMobileModalHeader_1uy6y_380", ds = "_pagesMobileModalFooter_1uy6y_390", ms = "_pageLink_1uy6y_397", Is = "_rightButtons_1uy6y_406", j = {
+  buttons: Ma,
+  modal: $a,
+  closing: Oa,
+  info: Ra,
+  top: Ha,
+  title: Ea,
+  clear: Ua,
+  activeClear: qa,
+  count: za,
+  cart: Ga,
+  empty: Wa,
+  product: Va,
+  products: ja,
+  image: Xa,
+  productInfo: Ka,
+  content: Ya,
+  name: Ja,
+  price: Qa,
+  productButtons: Za,
+  productButton: es,
+  productCount: ts,
+  bottom: ns,
+  subtotal: os,
+  block: rs,
+  shoppingCount: is,
+  total: cs,
+  link: as,
+  userInfo: ss,
+  pagesMobileModal: ls,
+  pagesMobileModalContent: ps,
+  pagesMobileModalHeader: hs,
+  pagesMobileModalFooter: ds,
+  pageLink: ms,
+  rightButtons: Is,
   delete: "_delete_1uy6y_413"
-}, Zh = (e) => {
+}, td = (e) => {
   const { shopping: n, signUp: o, isShowUserInfo: r = !0 } = e;
   return /* @__PURE__ */ t(Y, { children: (n || r) && /* @__PURE__ */ d("div", { className: j.buttons, children: [
-    n && /* @__PURE__ */ t(Is, {}),
+    n && /* @__PURE__ */ t(us, {}),
     r && /* @__PURE__ */ t(hn, { signUp: o })
   ] }) });
-}, Is = () => {
-  const [e, n] = b.useState(!1), [o, r] = b.useState([]), [c, i] = b.useState(!1), { cart: s, products: h } = We();
-  b.useEffect(() => {
+}, us = () => {
+  const [e, n] = C.useState(!1), [o, r] = C.useState([]), [c, i] = C.useState(!1), { cart: s, products: h } = We();
+  C.useEffect(() => {
     (async () => {
-      const f = s.parts.map((l) => String(l.productId)), g = h.filter((l) => f.includes(String(l.id))) || [], C = s.parts.map((l) => {
+      const f = s.parts.map((l) => String(l.productId)), g = h.filter((l) => f.includes(String(l.id))) || [], y = s.parts.map((l) => {
         const _ = g.find((I) => I.id === l.productId);
         return _ ? {
           ..._,
@@ -4486,7 +4487,7 @@ const Da = (e) => {
           chargeType: l.chargeType
         } : null;
       }).filter(Boolean);
-      r(C);
+      r(y);
     })();
   }, [s.parts, h]);
   function p(S) {
@@ -4527,7 +4528,7 @@ const Da = (e) => {
         close: m,
         withAnimation: !1,
         children: /* @__PURE__ */ t(
-          us,
+          gs,
           {
             activeProducts: o,
             isCartNotEmpty: a,
@@ -4538,7 +4539,7 @@ const Da = (e) => {
       }
     )
   ] });
-}, us = (e) => {
+}, gs = (e) => {
   var l, _;
   const { activeProducts: n, isCartNotEmpty: o, isOpen: r, close: c } = e, { cart: i, reset: s, getTotalAndDiscount: h, updateQuantityOfProduct: p, removeProduct: a } = We(), m = St();
   function S(I, v) {
@@ -4560,7 +4561,7 @@ const Da = (e) => {
       chargeType: I.chargeType
     });
   }
-  function C(I) {
+  function y(I) {
     a({
       productId: I.id,
       productVariantId: I.activeVariantId,
@@ -4660,7 +4661,7 @@ const Da = (e) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ t("div", { className: j.price, children: Ce({
+                      /* @__PURE__ */ t("div", { className: j.price, children: ye({
                         amount: I.variants.find(
                           (w) => w.id === I.activeVariantId
                         ).price.amount * ((I == null ? void 0 : I.quantity) || 1),
@@ -4698,14 +4699,14 @@ const Da = (e) => {
                         type: "number",
                         value: ((k = I.quantity) == null ? void 0 : k.toString()) || "",
                         onChange: (w) => {
-                          const x = Math.min(
+                          const B = Math.min(
                             Number(w.target.value),
                             I.variants.find((R) => R.id === I.activeVariantId).quantity.available || 1 / 0
                           );
-                          x < 1 || p({
+                          B < 1 || p({
                             productId: I.id,
                             productVariantId: I.activeVariantId,
-                            quantity: x,
+                            quantity: B,
                             chargeType: I.chargeType
                           });
                         },
@@ -4738,7 +4739,7 @@ const Da = (e) => {
                         fill: "var(--text-action)",
                         width: 20,
                         height: 20,
-                        onClick: () => C(I),
+                        onClick: () => y(I),
                         hoverable: !0
                       }
                     ) })
@@ -4762,18 +4763,18 @@ const Da = (e) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("div", { className: j.total, children: Ce({
+              /* @__PURE__ */ t("div", { className: j.total, children: ye({
                 amount: h().total,
                 currency: i.parts.length > 0 && ((_ = (l = n.find((I) => I.id === i.parts[0].productId)) == null ? void 0 : l.variants.find((I) => I.id === i.parts[0].productVariantId)) == null ? void 0 : _.price.currency) || "USD"
               }) })
             ] }),
             /* @__PURE__ */ t(te, { onClick: () => S("/checkout", !1), children: "Checkout" })
           ] })
-        ] }) : /* @__PURE__ */ t(gs, {})
+        ] }) : /* @__PURE__ */ t(fs, {})
       ]
     }
   );
-}, gs = () => /* @__PURE__ */ d("div", { className: j.empty, children: [
+}, fs = () => /* @__PURE__ */ d("div", { className: j.empty, children: [
   /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
     L,
     {
@@ -4796,11 +4797,11 @@ const Da = (e) => {
     )
   ] })
 ] }), hn = ({ signUp: e, close: n }) => {
-  const { token: o } = bn(), { isAntistock: r } = Te(), c = St(), [i, s] = b.useState("test-email@gmail.com");
-  b.useEffect(() => {
+  const { token: o } = Cn(), { isAntistock: r } = Te(), c = St(), [i, s] = C.useState("test-email@gmail.com");
+  C.useEffect(() => {
     o && (async () => {
       if (!o) return;
-      const a = Cn(o);
+      const a = yn(o);
       s(a.email);
     })();
   }, [o]);
@@ -4846,7 +4847,7 @@ const Da = (e) => {
       }
     )
   ] });
-}, fs = ({
+}, _s = ({
   logo: e,
   setIsOpen: n,
   signUp: o,
@@ -4899,17 +4900,17 @@ const Da = (e) => {
       ]
     }
   );
-}, ed = ({ logo: e, signUp: n, pages: o }) => {
-  const [r, c] = b.useState(!1);
+}, nd = ({ logo: e, signUp: n, pages: o }) => {
+  const [r, c] = C.useState(!1);
   return /* @__PURE__ */ d(Y, { children: [
-    /* @__PURE__ */ t(_s, { setIsOpenModal: c }),
+    /* @__PURE__ */ t(Ss, { setIsOpenModal: c }),
     r && /* @__PURE__ */ t(
       at,
       {
         close: () => c(!1),
         hasPadding: !1,
         children: /* @__PURE__ */ t(
-          fs,
+          _s,
           {
             logo: e,
             setIsOpen: c,
@@ -4920,7 +4921,7 @@ const Da = (e) => {
       }
     )
   ] });
-}, _s = (e) => {
+}, Ss = (e) => {
   const { setIsOpenModal: n } = e;
   return /* @__PURE__ */ t(
     te,
@@ -4935,33 +4936,33 @@ const Da = (e) => {
       children: /* @__PURE__ */ t(L, { name: "List" })
     }
   );
-}, Ss = "_share_onabp_1", bs = "_modal_onabp_8", Cs = "_header_onabp_20", ys = "_title_onabp_46", vs = "_copyWrapper_onabp_53", ws = "_copyText_onabp_62", ks = "_copyTextMobile_onabp_75", Ts = "_copyTextMiniMobile_onabp_94", De = {
-  share: Ss,
-  modal: bs,
-  header: Cs,
-  title: ys,
-  copyWrapper: vs,
-  copyText: ws,
-  copyTextMobile: ks,
-  copyTextMiniMobile: Ts
-}, Ps = "_modal_1iz94_1", Ns = "_padding_1iz94_17", As = "_content_1iz94_21", Ls = "_close_1iz94_42", pt = {
-  modal: Ps,
-  padding: Ns,
-  content: As,
-  close: Ls
+}, Cs = "_share_onabp_1", ys = "_modal_onabp_8", bs = "_header_onabp_20", vs = "_title_onabp_46", ws = "_copyWrapper_onabp_53", ks = "_copyText_onabp_62", Ts = "_copyTextMobile_onabp_75", Ps = "_copyTextMiniMobile_onabp_94", De = {
+  share: Cs,
+  modal: ys,
+  header: bs,
+  title: vs,
+  copyWrapper: ws,
+  copyText: ks,
+  copyTextMobile: Ts,
+  copyTextMiniMobile: Ps
+}, Ns = "_modal_1g39l_5", As = "_padding_1g39l_32", Ls = "_content_1g39l_36", Bs = "_close_1g39l_57", pt = {
+  modal: Ns,
+  padding: As,
+  content: Ls,
+  close: Bs
 }, at = (e) => {
   const { close: n, children: o, withAnimation: r = !0, hasPadding: c = !0 } = e, { isOpen: i, setIsOpen: s } = Ae(), { themeSettings: h } = _t(), { isAntistock: p } = Pn(), a = (S) => {
     const f = S.replace("#", "");
     if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(f))
       return console.warn("Invalid hex color:", S), S;
     let g = f;
-    return f.length === 3 && (g = f.split("").map((C) => C + C).join("")), `#${g}e6`;
+    return f.length === 3 && (g = f.split("").map((y) => y + y).join("")), `#${g}e6`;
   }, m = () => {
     s(!1), r ? setTimeout(() => {
       n(!1), s(!0);
     }, 300) : (n(!1), s(!0));
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     const S = (f) => {
       f.key === "Escape" && m();
     };
@@ -4980,7 +4981,7 @@ const Da = (e) => {
     ),
     document.body
   );
-}, td = ({ title: e = "Copy Product Link" }) => {
+}, od = ({ title: e = "Copy Product Link" }) => {
   const { isOpenModal: n, setIsOpenModal: o } = nn();
   function r() {
     o(!0);
@@ -5102,37 +5103,37 @@ const Da = (e) => {
       ]
     }
   );
-}, Bs = "_accordion_153d4_1", Ds = "_header_153d4_12", Fs = "_icon_153d4_21", Ms = "_open_153d4_24", $s = "_content_153d4_28", Os = "_contentOpen_153d4_36", Rs = "_contentText_153d4_40", Re = {
-  accordion: Bs,
-  header: Ds,
-  icon: Fs,
-  open: Ms,
-  content: $s,
-  contentOpen: Os,
-  contentText: Rs
-}, nd = ({ title: e, content: n, defaultOpen: o = !1 }) => {
-  const [r, c] = b.useState(o), [i, s] = b.useState(0), h = b.useRef(null), p = () => {
+}, Ds = "_accordion_153d4_1", Fs = "_header_153d4_12", Ms = "_icon_153d4_21", $s = "_open_153d4_24", Os = "_content_153d4_28", Rs = "_contentOpen_153d4_36", Hs = "_contentText_153d4_40", He = {
+  accordion: Ds,
+  header: Fs,
+  icon: Ms,
+  open: $s,
+  content: Os,
+  contentOpen: Rs,
+  contentText: Hs
+}, rd = ({ title: e, content: n, defaultOpen: o = !1 }) => {
+  const [r, c] = C.useState(o), [i, s] = C.useState(0), h = C.useRef(null), p = () => {
     c(!r);
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     h.current && s(r ? h.current.scrollHeight : 0);
-  }, [r]), /* @__PURE__ */ d("div", { className: Re.accordion, children: [
+  }, [r]), /* @__PURE__ */ d("div", { className: He.accordion, children: [
     /* @__PURE__ */ d(
       "div",
       {
-        className: Re.header,
+        className: He.header,
         onClick: p,
         children: [
           /* @__PURE__ */ t("h5", { id: "h5", children: e }),
-          /* @__PURE__ */ t("div", { className: O(Re.icon, { [Re.open]: r }), children: /* @__PURE__ */ t(L, { name: "CaretDown" }) })
+          /* @__PURE__ */ t("div", { className: O(He.icon, { [He.open]: r }), children: /* @__PURE__ */ t(L, { name: "CaretDown" }) })
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { className: O(Re.content, { [Re.contentOpen]: r }), children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: O(He.content, { [He.contentOpen]: r }), children: /* @__PURE__ */ t(
       "p",
       {
         id: "md",
-        className: Re.contentText,
+        className: He.contentText,
         ref: h,
         style: { height: `${i}px`, marginTop: `${i > 0 ? "20px" : "0px"}` },
         children: n
@@ -5165,10 +5166,10 @@ const Da = (e) => {
       children: e
     }
   );
-}, Hs = "_buttonsBlock_1x6xf_1", Es = "_cartDisabled_1x6xf_25", Gt = {
-  buttonsBlock: Hs,
-  cartDisabled: Es
-}, od = (e) => {
+}, Es = "_buttonsBlock_1x6xf_1", Us = "_cartDisabled_1x6xf_25", Gt = {
+  buttonsBlock: Es,
+  cartDisabled: Us
+}, id = (e) => {
   var m, S;
   const { setIsOpen: n, setModalType: o, productId: r, isCartEnabled: c = !0 } = e, { cart: i } = We(), { pageContext: s } = Ye(), h = (m = s == null ? void 0 : s.listings) == null ? void 0 : m.find((f) => f.id === r);
   if (!h)
@@ -5216,11 +5217,11 @@ const Da = (e) => {
       ]
     }
   );
-}, Us = "_wrapper_27wzz_1", qs = "_logo_27wzz_8", zs = "_info_27wzz_12", Pt = {
-  wrapper: Us,
-  logo: qs,
-  info: zs
-}, rd = ({ date: e }) => {
+}, qs = "_wrapper_27wzz_1", zs = "_logo_27wzz_8", Gs = "_info_27wzz_12", Pt = {
+  wrapper: qs,
+  logo: zs,
+  info: Gs
+}, cd = ({ date: e }) => {
   const { general: n } = Te();
   if (!n) return /* @__PURE__ */ t(Y, {});
   function o(r) {
@@ -5255,32 +5256,32 @@ const Da = (e) => {
       /* @__PURE__ */ t("p", { id: "p", children: o(e) })
     ] })
   ] });
-}, Gs = "_variants_oc1ia_82", Ws = "_variant_oc1ia_82", Vs = "_stock_oc1ia_100", js = "_variantInfo_oc1ia_108", Xs = "_title_oc1ia_202", Ks = "_modal_oc1ia_208", Ys = "_header_oc1ia_228", Js = "_productOptions_oc1ia_236", Qs = "_loading_oc1ia_244", ke = {
-  variants: Gs,
-  variant: Ws,
-  stock: Vs,
-  variantInfo: js,
-  title: Xs,
-  modal: Ks,
-  header: Ys,
-  productOptions: Js,
-  loading: Qs
-}, id = (e) => {
+}, Ws = "_variants_1s8dg_82", Vs = "_variant_1s8dg_82", js = "_stock_1s8dg_100", Xs = "_variantInfo_1s8dg_108", Ks = "_title_1s8dg_202", Ys = "_modal_1s8dg_208", Js = "_header_1s8dg_228", Qs = "_productOptions_1s8dg_236", Zs = "_loading_1s8dg_244", ke = {
+  variants: Ws,
+  variant: Vs,
+  stock: js,
+  variantInfo: Xs,
+  title: Ks,
+  modal: Ys,
+  header: Js,
+  productOptions: Qs,
+  loading: Zs
+}, ad = (e) => {
   var f;
-  const { pageContext: n } = Ye(), o = (f = n == null ? void 0 : n.listings) == null ? void 0 : f.find((g) => g.id === e.productId), [r, c] = b.useState(!0), [i, s] = b.useState(null), h = (i == null ? void 0 : i.variants[0]) || null, [p, a] = b.useState(
+  const { pageContext: n } = Ye(), o = (f = n == null ? void 0 : n.listings) == null ? void 0 : f.find((g) => g.id === e.productId), [r, c] = C.useState(!0), [i, s] = C.useState(null), h = (i == null ? void 0 : i.variants[0]) || null, [p, a] = C.useState(
     "ONE_TIME"
   ), { addProducts: m } = We(), { setIsOpen: S } = Ae();
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     (async () => {
       c(!0);
-      const C = await Ln(
+      const y = await Ln(
         encodeURIComponent(
           `/product/${o.productData.uniquePath}`
         )
       );
-      m(C == null ? void 0 : C.data.products), s(C == null ? void 0 : C.data.products[0]), c(!1);
+      m(y == null ? void 0 : y.data.products), s(y == null ? void 0 : y.data.products[0]), c(!1);
     })();
-  }, []), b.useEffect(() => {
+  }, []), C.useEffect(() => {
     S(!0);
   }, []), /* @__PURE__ */ t(at, { close: e.setIsOpen, children: /* @__PURE__ */ d(
     "div",
@@ -5290,7 +5291,7 @@ const Da = (e) => {
       children: [
         r && /* @__PURE__ */ t("div", { className: ke.loading, children: /* @__PURE__ */ t(ln, {}) }),
         e.type === "Add To Cart" && e.isCartEnabled && i && h && !r && /* @__PURE__ */ t(
-          Zs,
+          el,
           {
             variants: i.variants,
             activeVariant: h,
@@ -5301,7 +5302,7 @@ const Da = (e) => {
           }
         ),
         e.type === "Buy Now" && i && !r && /* @__PURE__ */ t(
-          el,
+          tl,
           {
             product: i,
             setIsOpen: e.setIsOpen,
@@ -5311,13 +5312,13 @@ const Da = (e) => {
       ]
     }
   ) });
-}, Zs = (e) => {
+}, el = (e) => {
   const { variants: n, activeChargeType: o, productId: r, setIsOpen: c } = e, { cart: i, addProductToCart: s, addProducts: h, updateQuantityOfProduct: p } = We(), { notifications: a, setNotifications: m } = Ge(), { pageContext: S } = Ye(), { setIsOpen: f } = Ae(), g = () => {
     f(!1), setTimeout(() => {
       c(!1);
     }, 300);
   };
-  async function C(l) {
+  async function y(l) {
     const _ = n.find((k) => k.id === l), I = i.parts.find(
       (k) => k.productId === e.productId && k.productVariantId === l
     );
@@ -5389,7 +5390,7 @@ const Da = (e) => {
         {
           className: O(ke.variant),
           onClick: () => {
-            C(l.id), c(!1);
+            y(l.id), c(!1);
           },
           children: [
             /* @__PURE__ */ d("div", { className: ke.variantInfo, children: [
@@ -5401,7 +5402,7 @@ const Da = (e) => {
                   children: l.name
                 }
               ),
-              /* @__PURE__ */ t("span", { id: "md", children: Ce({
+              /* @__PURE__ */ t("span", { id: "md", children: ye({
                 amount: o === "ONE_TIME" ? l.price.amount : l.subscriptionSettings ? l.subscriptionSettings.price.amount : 0,
                 currency: o === "ONE_TIME" ? l.price.currency : ((_ = l.subscriptionSettings) == null ? void 0 : _.price.currency) || "USD"
               }) })
@@ -5424,7 +5425,7 @@ const Da = (e) => {
       );
     }) })
   ] });
-}, el = (e) => {
+}, tl = (e) => {
   const { product: n, setIsOpen: o, isCartEnabled: r } = e, { setIsOpen: c } = Ae(), i = () => {
     c(!1), setTimeout(() => {
       o(!1);
@@ -5459,7 +5460,7 @@ const Da = (e) => {
       )
     ] }),
     /* @__PURE__ */ t("div", { className: ke.productOptions, children: /* @__PURE__ */ t(
-      Da,
+      Fa,
       {
         product: n,
         setIsOpen: o,
@@ -5467,22 +5468,22 @@ const Da = (e) => {
       }
     ) })
   ] });
-}, tl = "_contentModal_m2tf9_1", nl = "_modalTop_m2tf9_12", ol = "_loading_m2tf9_19", rl = "_modalCards_m2tf9_28", il = "_modalImage_m2tf9_34", cl = "_card_m2tf9_39", al = "_cardInfo_m2tf9_51", sl = "_cardButtons_m2tf9_58", ll = "_title_m2tf9_64", pl = "_blockImage_m2tf9_71", hl = "_short_m2tf9_80", dl = "_price_m2tf9_84", ml = "_oldPrice_m2tf9_91", Il = "_newPrice_m2tf9_100", de = {
-  contentModal: tl,
-  modalTop: nl,
-  loading: ol,
-  modalCards: rl,
-  modalImage: il,
-  card: cl,
-  cardInfo: al,
-  cardButtons: sl,
-  title: ll,
-  blockImage: pl,
-  short: hl,
-  price: dl,
-  oldPrice: ml,
-  newPrice: Il
-}, cd = (e) => {
+}, nl = "_contentModal_m2tf9_1", ol = "_modalTop_m2tf9_12", rl = "_loading_m2tf9_19", il = "_modalCards_m2tf9_28", cl = "_modalImage_m2tf9_34", al = "_card_m2tf9_39", sl = "_cardInfo_m2tf9_51", ll = "_cardButtons_m2tf9_58", pl = "_title_m2tf9_64", hl = "_blockImage_m2tf9_71", dl = "_short_m2tf9_80", ml = "_price_m2tf9_84", Il = "_oldPrice_m2tf9_91", ul = "_newPrice_m2tf9_100", de = {
+  contentModal: nl,
+  modalTop: ol,
+  loading: rl,
+  modalCards: il,
+  modalImage: cl,
+  card: al,
+  cardInfo: sl,
+  cardButtons: ll,
+  title: pl,
+  blockImage: hl,
+  short: dl,
+  price: ml,
+  oldPrice: Il,
+  newPrice: ul
+}, sd = (e) => {
   const {
     setIsOpen: n,
     pageContext: o,
@@ -5490,15 +5491,15 @@ const Da = (e) => {
     setProductId: c,
     setIsProductModalOpen: i,
     setShowDropdown: s
-  } = e, [h, p] = b.useState(null), [a, m] = b.useState(!0), { setIsOpen: S } = Ae();
-  b.useEffect(() => {
-    var C;
+  } = e, [h, p] = C.useState(null), [a, m] = C.useState(!0), { setIsOpen: S } = Ae();
+  C.useEffect(() => {
+    var y;
     m(!0);
-    const g = (C = o.listings) == null ? void 0 : C.filter(
+    const g = (y = o.listings) == null ? void 0 : y.filter(
       (l) => r.listingIdList.includes(l.id)
     );
     g && p([...g]), m(!1);
-  }, [o]), b.useEffect(() => {
+  }, [o]), C.useEffect(() => {
     S(!0);
   }, []);
   const f = () => {
@@ -5562,7 +5563,7 @@ const Da = (e) => {
                           {
                             className: de.newPrice,
                             id: "md",
-                            children: Ce({
+                            children: ye({
                               amount: g.productData.minPrice.amount,
                               currency: g.productData.minPrice.currency
                             })
@@ -5573,7 +5574,7 @@ const Da = (e) => {
                           {
                             className: de.oldPrice,
                             id: "md",
-                            children: Ce({
+                            children: ye({
                               amount: g.productData.compareAtPrice.amount,
                               currency: g.productData.compareAtPrice.currency
                             })
@@ -5589,7 +5590,7 @@ const Da = (e) => {
                     {
                       className: de.newPrice,
                       id: "md",
-                      children: Ce({
+                      children: ye({
                         amount: g.productData.minPrice.amount,
                         currency: g.productData.minPrice.currency
                       })
@@ -5638,17 +5639,17 @@ const Da = (e) => {
       ]
     }
   ) });
-}, ul = "_container_6vcrl_1", gl = "_wrapper_6vcrl_5", Wt = {
-  container: ul,
-  wrapper: gl
-}, ht = 16, ad = ({
+}, gl = "_container_6vcrl_1", fl = "_wrapper_6vcrl_5", Wt = {
+  container: gl,
+  wrapper: fl
+}, ht = 16, ld = ({
   children: e,
   padding: n,
   style: o,
   notPadding: r = !1,
   maxWidth: c = "var(--max-width-store)"
 }) => {
-  const i = b.useRef(null), s = xn(i);
+  const i = C.useRef(null), s = Bn(i);
   return /* @__PURE__ */ t(
     "div",
     {
@@ -5672,30 +5673,30 @@ const Da = (e) => {
       )
     }
   );
-}, fl = "_wrapper_2lef2_2", _l = "_label_2lef2_9", Sl = "_top_2lef2_17", bl = "_select_2lef2_23", Cl = "_borderFocused_2lef2_42", yl = "_input_2lef2_49", vl = "_icon_2lef2_59", wl = "_rotate_2lef2_64", kl = "_content_2lef2_68", Tl = "_options_2lef2_72", Pl = "_filteredOptions_2lef2_93", Nl = "_open_2lef2_97", Al = "_option_2lef2_72", Ll = "_focused_2lef2_115", xl = "_addon_2lef2_119", Bl = "_value_2lef2_130", Dl = "_postfix_2lef2_135", Fl = "_leftAddon_2lef2_139", Ml = "_selectError_2lef2_145", $l = "_errorMessage_2lef2_152", Ol = "_requiredStar_2lef2_158", ne = {
-  wrapper: fl,
-  label: _l,
+}, _l = "_wrapper_47gl8_9", Sl = "_top_47gl8_16", Cl = "_label_47gl8_22", yl = "_content_47gl8_30", bl = "_select_47gl8_4", vl = "_borderFocused_47gl8_61", wl = "_icon_47gl8_69", kl = "_rotate_47gl8_75", Tl = "_input_47gl8_79", Pl = "_value_47gl8_94", Nl = "_postfix_47gl8_102", Al = "_addon_47gl8_106", Ll = "_leftAddon_47gl8_123", Bl = "_options_47gl8_5", xl = "_open_47gl8_6", Dl = "_filteredOptions_47gl8_173", Fl = "_option_47gl8_5", Ml = "_focused_47gl8_203", $l = "_selectError_47gl8_209", Ol = "_errorMessage_47gl8_216", Rl = "_requiredStar_47gl8_222", ne = {
+  wrapper: _l,
   top: Sl,
+  label: Cl,
+  content: yl,
   select: bl,
-  borderFocused: Cl,
-  input: yl,
-  icon: vl,
-  rotate: wl,
-  content: kl,
-  options: Tl,
-  filteredOptions: Pl,
-  open: Nl,
-  option: Al,
-  focused: Ll,
-  addon: xl,
-  value: Bl,
-  postfix: Dl,
-  leftAddon: Fl,
-  selectError: Ml,
-  errorMessage: $l,
-  requiredStar: Ol
-}, sd = (e) => {
-  var B, U;
+  borderFocused: vl,
+  icon: wl,
+  rotate: kl,
+  input: Tl,
+  value: Pl,
+  postfix: Nl,
+  addon: Al,
+  leftAddon: Ll,
+  options: Bl,
+  open: xl,
+  filteredOptions: Dl,
+  option: Fl,
+  focused: Ml,
+  selectError: $l,
+  errorMessage: Ol,
+  requiredStar: Rl
+}, pd = (e) => {
+  var x, U;
   const {
     onChange: n,
     label: o,
@@ -5707,30 +5708,30 @@ const Da = (e) => {
     leftAddonOptions: p,
     isMaxLength: a = !0,
     error: m
-  } = e, [S, f] = b.useState(!1), [g, C] = b.useState(""), [l, _] = b.useState(null), [I, v] = b.useState(!1), k = b.useRef(null);
+  } = e, [S, f] = C.useState(!1), [g, y] = C.useState(""), [l, _] = C.useState(null), [I, v] = C.useState(!1), k = C.useRef(null);
   ct(k, () => f(!1));
-  function w(y) {
-    C(""), n(y), f(!1), _(null);
+  function w(b) {
+    y(""), n(b), f(!1), _(null);
   }
-  function x(y, P) {
-    return y ? y.length > P + 3 ? `${y.slice(0, P)}...` : y : "";
+  function B(b, P) {
+    return b ? b.length > P + 3 ? `${b.slice(0, P)}...` : b : "";
   }
-  function R(y) {
+  function R(b) {
     if (!S) {
-      (y.key === "Enter" || y.key === "ArrowDown") && f(!0);
+      (b.key === "Enter" || b.key === "ArrowDown") && f(!0);
       return;
     }
     const P = A;
-    y.key === "ArrowDown" && (y.preventDefault(), _(
+    b.key === "ArrowDown" && (b.preventDefault(), _(
       (z) => z === null || z === P.length - 1 ? 0 : z + 1
-    )), y.key === "ArrowUp" && (y.preventDefault(), _(
+    )), b.key === "ArrowUp" && (b.preventDefault(), _(
       (z) => z === null || z === 0 ? P.length - 1 : z - 1
-    )), y.key === "Enter" && l !== null && (y.preventDefault(), w(P[l])), y.key === "Escape" && f(!1);
+    )), b.key === "Enter" && l !== null && (b.preventDefault(), w(P[l])), b.key === "Escape" && f(!1);
   }
-  const N = b.useRef(null), u = b.useMemo(() => new Mt(c, {
+  const N = C.useRef(null), u = C.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [c]), A = b.useMemo(() => I && g.trim() !== "" ? u.search(g).map((y) => y.item) : c, [g, c, I, u]);
+  }), [c]), A = C.useMemo(() => I && g.trim() !== "" ? u.search(g).map((b) => b.item) : c, [g, c, I, u]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -5771,27 +5772,27 @@ const Da = (e) => {
                     [ne.selectError]: m
                   }),
                   onKeyDown: R,
-                  onClick: (y) => {
-                    y.stopPropagation(), f((P) => !P), v(!1);
+                  onClick: (b) => {
+                    b.stopPropagation(), f((P) => !P), v(!1);
                   },
                   ref: N,
                   tabIndex: 0,
                   children: [
-                    p && p.length > 0 && /* @__PURE__ */ t("div", { className: ne.addon, children: (B = p.find((y) => y.value === r)) == null ? void 0 : B.addon }),
+                    p && p.length > 0 && /* @__PURE__ */ t("div", { className: ne.addon, children: (x = p.find((b) => b.value === r)) == null ? void 0 : x.addon }),
                     /* @__PURE__ */ t(
                       "div",
                       {
                         className: ne.input,
                         id: "md",
-                        children: a ? x(r, 15) : r
+                        children: a ? B(r, 15) : r
                       }
                     ),
                     /* @__PURE__ */ t(
                       "div",
                       {
                         className: O(ne.icon, { [ne.rotate]: S }),
-                        onClick: (y) => {
-                          y.stopPropagation(), f((P) => !P);
+                        onClick: (b) => {
+                          b.stopPropagation(), f((P) => !P);
                         },
                         children: /* @__PURE__ */ t(
                           L,
@@ -5816,19 +5817,19 @@ const Da = (e) => {
                   },
                   children: [
                     c.length > 6 && /* @__PURE__ */ t(
-                      Ct,
+                      yt,
                       {
                         type: "text",
                         value: g,
                         placeholder: "Search...",
-                        onChange: (y) => {
-                          C(y), v(!0);
+                        onChange: (b) => {
+                          y(b), v(!0);
                         },
                         isSearch: !0
                       }
                     ),
                     /* @__PURE__ */ d("div", { className: ne.filteredOptions, children: [
-                      A.map((y, P) => {
+                      A.map((b, P) => {
                         var z;
                         return /* @__PURE__ */ d(
                           "div",
@@ -5837,17 +5838,17 @@ const Da = (e) => {
                               [ne.focused]: P === l
                             }),
                             onClick: () => {
-                              w(y), f(!1);
+                              w(b), f(!1);
                             },
                             id: "md",
                             children: [
-                              p && p.length > 0 && /* @__PURE__ */ t("div", { className: ne.leftAddon, children: (z = p.find((H) => H.value === y)) == null ? void 0 : z.addon }),
+                              p && p.length > 0 && /* @__PURE__ */ t("div", { className: ne.leftAddon, children: (z = p.find((H) => H.value === b)) == null ? void 0 : z.addon }),
                               /* @__PURE__ */ t(
                                 "span",
                                 {
                                   className: ne.value,
                                   id: "md",
-                                  children: a ? x(y, 20) : y
+                                  children: a ? B(b, 20) : b
                                 }
                               ),
                               h && /* @__PURE__ */ t(
@@ -5860,7 +5861,7 @@ const Da = (e) => {
                               )
                             ]
                           },
-                          y
+                          b
                         );
                       }),
                       A.length === 0 && /* @__PURE__ */ t("div", { children: "No results found." })
@@ -5875,18 +5876,18 @@ const Da = (e) => {
       ]
     }
   );
-}, Rl = "_wrapper_1215l_1", Hl = "_active_1215l_27", El = "_toggle_1215l_30", Ul = "_background_1215l_42", ql = "_padding_1215l_46", Ne = {
-  wrapper: Rl,
-  switch: "_switch_1215l_14",
-  active: Hl,
-  toggle: El,
-  background: Ul,
-  padding: ql
+}, Hl = "_wrapper_2hvaa_6", El = "_active_2hvaa_33", Ul = "_toggle_2hvaa_40", ql = "_background_2hvaa_53", zl = "_padding_2hvaa_57", Ne = {
+  wrapper: Hl,
+  switch: "_switch_2hvaa_17",
+  active: El,
+  toggle: Ul,
+  background: ql,
+  padding: zl
 }, ue = (e) => {
-  const { onChange: n, style: o, current: r, label: c, hasBackground: i = !1, paddingless: s = !0 } = e, [h, p] = b.useState(r), a = () => {
+  const { onChange: n, style: o, current: r, label: c, hasBackground: i = !1, paddingless: s = !0 } = e, [h, p] = C.useState(r), a = () => {
     p((m) => !m), n == null || n(!h);
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     p(r);
   }, [r]), /* @__PURE__ */ t(Y, { children: c ? /* @__PURE__ */ d(
     "div",
@@ -5922,43 +5923,43 @@ const Da = (e) => {
     }
   ) });
 };
-function xt() {
-  return xt = Object.assign ? Object.assign.bind() : function(e) {
+function Bt() {
+  return Bt = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var o = arguments[n];
       for (var r in o) ({}).hasOwnProperty.call(o, r) && (e[r] = o[r]);
     }
     return e;
-  }, xt.apply(null, arguments);
+  }, Bt.apply(null, arguments);
 }
 function Vt(e) {
   if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function Bt(e, n) {
-  return Bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, r) {
+function xt(e, n) {
+  return xt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, r) {
     return o.__proto__ = r, o;
-  }, Bt(e, n);
+  }, xt(e, n);
 }
-function zl(e, n) {
-  e.prototype = Object.create(n.prototype), e.prototype.constructor = e, Bt(e, n);
+function Gl(e, n) {
+  e.prototype = Object.create(n.prototype), e.prototype.constructor = e, xt(e, n);
 }
 var jt = Number.isNaN || function(n) {
   return typeof n == "number" && n !== n;
 };
-function Gl(e, n) {
+function Wl(e, n) {
   return !!(e === n || jt(e) && jt(n));
 }
-function Wl(e, n) {
+function Vl(e, n) {
   if (e.length !== n.length)
     return !1;
   for (var o = 0; o < e.length; o++)
-    if (!Gl(e[o], n[o]))
+    if (!Wl(e[o], n[o]))
       return !1;
   return !0;
 }
 function Nt(e, n) {
-  n === void 0 && (n = Wl);
+  n === void 0 && (n = Vl);
   var o, r = [], c, i = !1;
   function s() {
     for (var h = [], p = 0; p < arguments.length; p++)
@@ -5967,7 +5968,7 @@ function Nt(e, n) {
   }
   return s;
 }
-var Vl = typeof performance == "object" && typeof performance.now == "function", Xt = Vl ? function() {
+var jl = typeof performance == "object" && typeof performance.now == "function", Xt = jl ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -5975,7 +5976,7 @@ var Vl = typeof performance == "object" && typeof performance.now == "function",
 function Kt(e) {
   cancelAnimationFrame(e.id);
 }
-function jl(e, n) {
+function Xl(e, n) {
   var o = Xt();
   function r() {
     Xt() - o >= n ? e.call(null) : c.id = requestAnimationFrame(r);
@@ -6004,17 +6005,17 @@ function Jt(e) {
   return qe;
 }
 process.env.NODE_ENV;
-var Xl = 150, Kl = function(n, o) {
+var Kl = 150, Yl = function(n, o) {
   return n;
 }, ut = null, gt = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (ut = /* @__PURE__ */ new WeakSet(), gt = /* @__PURE__ */ new WeakSet());
-function Yl(e) {
+function Jl(e) {
   var n, o = e.getItemOffset, r = e.getEstimatedTotalSize, c = e.getItemSize, i = e.getOffsetForIndexAndAlignment, s = e.getStartIndexForOffset, h = e.getStopIndexForStartIndex, p = e.initInstanceProps, a = e.shouldResetStyleCacheOnItemSizeChange, m = e.validateProps;
   return n = /* @__PURE__ */ function(S) {
-    zl(f, S);
-    function f(C) {
+    Gl(f, S);
+    function f(y) {
       var l;
-      return l = S.call(this, C) || this, l._instanceProps = p(l.props, Vt(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
+      return l = S.call(this, y) || this, l._instanceProps = p(l.props, Vt(l)), l._outerRef = void 0, l._resetIsScrollingTimeoutId = null, l.state = {
         instance: Vt(l),
         isScrolling: !1,
         scrollDirection: "forward",
@@ -6034,15 +6035,15 @@ function Yl(e) {
           scrollUpdateWasRequested: v
         });
       }), l._getItemStyle = void 0, l._getItemStyle = function(_) {
-        var I = l.props, v = I.direction, k = I.itemSize, w = I.layout, x = l._getItemStyleCache(a && k, a && w, a && v), R;
-        if (x.hasOwnProperty(_))
-          R = x[_];
+        var I = l.props, v = I.direction, k = I.itemSize, w = I.layout, B = l._getItemStyleCache(a && k, a && w, a && v), R;
+        if (B.hasOwnProperty(_))
+          R = B[_];
         else {
-          var N = o(l.props, _, l._instanceProps), u = c(l.props, _, l._instanceProps), A = v === "horizontal" || w === "horizontal", B = v === "rtl", U = A ? N : 0;
-          x[_] = R = {
+          var N = o(l.props, _, l._instanceProps), u = c(l.props, _, l._instanceProps), A = v === "horizontal" || w === "horizontal", x = v === "rtl", U = A ? N : 0;
+          B[_] = R = {
             position: "absolute",
-            left: B ? void 0 : U,
-            right: B ? U : void 0,
+            left: x ? void 0 : U,
+            right: x ? U : void 0,
             top: A ? 0 : N,
             height: A ? "100%" : u,
             width: A ? u : "100%"
@@ -6053,8 +6054,8 @@ function Yl(e) {
         return {};
       }), l._onScrollHorizontal = function(_) {
         var I = _.currentTarget, v = I.clientWidth, k = I.scrollLeft, w = I.scrollWidth;
-        l.setState(function(x) {
-          if (x.scrollOffset === k)
+        l.setState(function(B) {
+          if (B.scrollOffset === k)
             return null;
           var R = l.props.direction, N = k;
           if (R === "rtl")
@@ -6068,20 +6069,20 @@ function Yl(e) {
             }
           return N = Math.max(0, Math.min(N, w - v)), {
             isScrolling: !0,
-            scrollDirection: x.scrollOffset < N ? "forward" : "backward",
+            scrollDirection: B.scrollOffset < N ? "forward" : "backward",
             scrollOffset: N,
             scrollUpdateWasRequested: !1
           };
         }, l._resetIsScrollingDebounced);
       }, l._onScrollVertical = function(_) {
         var I = _.currentTarget, v = I.clientHeight, k = I.scrollHeight, w = I.scrollTop;
-        l.setState(function(x) {
-          if (x.scrollOffset === w)
+        l.setState(function(B) {
+          if (B.scrollOffset === w)
             return null;
           var R = Math.max(0, Math.min(w, k - v));
           return {
             isScrolling: !0,
-            scrollDirection: x.scrollOffset < R ? "forward" : "backward",
+            scrollDirection: B.scrollOffset < R ? "forward" : "backward",
             scrollOffset: R,
             scrollUpdateWasRequested: !1
           };
@@ -6090,7 +6091,7 @@ function Yl(e) {
         var I = l.props.outerRef;
         l._outerRef = _, typeof I == "function" ? I(_) : I != null && typeof I == "object" && I.hasOwnProperty("current") && (I.current = _);
       }, l._resetIsScrollingDebounced = function() {
-        l._resetIsScrollingTimeoutId !== null && Kt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = jl(l._resetIsScrolling, Xl);
+        l._resetIsScrollingTimeoutId !== null && Kt(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Xl(l._resetIsScrolling, Kl);
       }, l._resetIsScrolling = function() {
         l._resetIsScrollingTimeoutId = null, l.setState({
           isScrolling: !1
@@ -6100,7 +6101,7 @@ function Yl(e) {
       }, l;
     }
     f.getDerivedStateFromProps = function(l, _) {
-      return Jl(l, _), m(l), null;
+      return Ql(l, _), m(l), null;
     };
     var g = f.prototype;
     return g.scrollTo = function(l) {
@@ -6115,12 +6116,12 @@ function Yl(e) {
       _ === void 0 && (_ = "auto");
       var I = this.props, v = I.itemCount, k = I.layout, w = this.state.scrollOffset;
       l = Math.max(0, Math.min(l, v - 1));
-      var x = 0;
+      var B = 0;
       if (this._outerRef) {
         var R = this._outerRef;
-        k === "vertical" ? x = R.scrollWidth > R.clientWidth ? Yt() : 0 : x = R.scrollHeight > R.clientHeight ? Yt() : 0;
+        k === "vertical" ? B = R.scrollWidth > R.clientWidth ? Yt() : 0 : B = R.scrollHeight > R.clientHeight ? Yt() : 0;
       }
-      this.scrollTo(i(this.props, l, _, w, this._instanceProps, x));
+      this.scrollTo(i(this.props, l, _, w, this._instanceProps, B));
     }, g.componentDidMount = function() {
       var l = this.props, _ = l.direction, I = l.initialScrollOffset, v = l.layout;
       if (typeof I == "number" && this._outerRef != null) {
@@ -6131,46 +6132,46 @@ function Yl(e) {
     }, g.componentDidUpdate = function() {
       var l = this.props, _ = l.direction, I = l.layout, v = this.state, k = v.scrollOffset, w = v.scrollUpdateWasRequested;
       if (w && this._outerRef != null) {
-        var x = this._outerRef;
+        var B = this._outerRef;
         if (_ === "horizontal" || I === "horizontal")
           if (_ === "rtl")
             switch (Jt()) {
               case "negative":
-                x.scrollLeft = -k;
+                B.scrollLeft = -k;
                 break;
               case "positive-ascending":
-                x.scrollLeft = k;
+                B.scrollLeft = k;
                 break;
               default:
-                var R = x.clientWidth, N = x.scrollWidth;
-                x.scrollLeft = N - R - k;
+                var R = B.clientWidth, N = B.scrollWidth;
+                B.scrollLeft = N - R - k;
                 break;
             }
           else
-            x.scrollLeft = k;
+            B.scrollLeft = k;
         else
-          x.scrollTop = k;
+          B.scrollTop = k;
       }
       this._callPropsCallbacks();
     }, g.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Kt(this._resetIsScrollingTimeoutId);
     }, g.render = function() {
-      var l = this.props, _ = l.children, I = l.className, v = l.direction, k = l.height, w = l.innerRef, x = l.innerElementType, R = l.innerTagName, N = l.itemCount, u = l.itemData, A = l.itemKey, B = A === void 0 ? Kl : A, U = l.layout, y = l.outerElementType, P = l.outerTagName, z = l.style, H = l.useIsScrolling, D = l.width, T = this.state.isScrolling, M = v === "horizontal" || U === "horizontal", W = M ? this._onScrollHorizontal : this._onScrollVertical, G = this._getRangeToRender(), Z = G[0], $ = G[1], q = [];
+      var l = this.props, _ = l.children, I = l.className, v = l.direction, k = l.height, w = l.innerRef, B = l.innerElementType, R = l.innerTagName, N = l.itemCount, u = l.itemData, A = l.itemKey, x = A === void 0 ? Yl : A, U = l.layout, b = l.outerElementType, P = l.outerTagName, z = l.style, H = l.useIsScrolling, D = l.width, T = this.state.isScrolling, M = v === "horizontal" || U === "horizontal", W = M ? this._onScrollHorizontal : this._onScrollVertical, G = this._getRangeToRender(), Z = G[0], $ = G[1], q = [];
       if (N > 0)
         for (var F = Z; F <= $; F++)
-          q.push(yt(_, {
+          q.push(bt(_, {
             data: u,
-            key: B(F, u),
+            key: x(F, u),
             index: F,
             isScrolling: H ? T : void 0,
             style: this._getItemStyle(F)
           }));
       var V = r(this.props, this._instanceProps);
-      return yt(y || P || "div", {
+      return bt(b || P || "div", {
         className: I,
         onScroll: W,
         ref: this._outerRefSetter,
-        style: xt({
+        style: Bt({
           position: "relative",
           height: k,
           width: D,
@@ -6179,7 +6180,7 @@ function Yl(e) {
           willChange: "transform",
           direction: v
         }, z)
-      }, yt(x || R || "div", {
+      }, bt(B || R || "div", {
         children: q,
         ref: w,
         style: {
@@ -6197,14 +6198,14 @@ function Yl(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var x = this.state, R = x.scrollDirection, N = x.scrollOffset, u = x.scrollUpdateWasRequested;
+        var B = this.state, R = B.scrollDirection, N = B.scrollOffset, u = B.scrollUpdateWasRequested;
         this._callOnScroll(R, N, u);
       }
     }, g._getRangeToRender = function() {
-      var l = this.props, _ = l.itemCount, I = l.overscanCount, v = this.state, k = v.isScrolling, w = v.scrollDirection, x = v.scrollOffset;
+      var l = this.props, _ = l.itemCount, I = l.overscanCount, v = this.state, k = v.isScrolling, w = v.scrollDirection, B = v.scrollOffset;
       if (_ === 0)
         return [0, 0, 0, 0];
-      var R = s(this.props, x, this._instanceProps), N = h(this.props, R, x, this._instanceProps), u = !k || w === "backward" ? Math.max(1, I) : 1, A = !k || w === "forward" ? Math.max(1, I) : 1;
+      var R = s(this.props, B, this._instanceProps), N = h(this.props, R, B, this._instanceProps), u = !k || w === "backward" ? Math.max(1, I) : 1, A = !k || w === "forward" ? Math.max(1, I) : 1;
       return [Math.max(0, R - u), Math.max(0, Math.min(_ - 1, N + A)), R, N];
     }, f;
   }(fn), n.defaultProps = {
@@ -6215,7 +6216,7 @@ function Yl(e) {
     useIsScrolling: !1
   }, n;
 }
-var Jl = function(n, o) {
+var Ql = function(n, o) {
   var r = n.children, c = n.direction, i = n.height, s = n.layout, h = n.innerTagName, p = n.outerTagName, a = n.width, m = o.instance;
   if (process.env.NODE_ENV !== "production") {
     (h != null || p != null) && gt && !gt.has(m) && (gt.add(m), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
@@ -6245,7 +6246,7 @@ var Jl = function(n, o) {
     if (!S && 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.'));
   }
-}, Ql = /* @__PURE__ */ Yl({
+}, Zl = /* @__PURE__ */ Jl({
   getItemOffset: function(n, o) {
     var r = n.itemSize;
     return o * r;
@@ -6259,15 +6260,15 @@ var Jl = function(n, o) {
     return r * o;
   },
   getOffsetForIndexAndAlignment: function(n, o, r, c, i, s) {
-    var h = n.direction, p = n.height, a = n.itemCount, m = n.itemSize, S = n.layout, f = n.width, g = h === "horizontal" || S === "horizontal", C = g ? f : p, l = Math.max(0, a * m - C), _ = Math.min(l, o * m), I = Math.max(0, o * m - C + m + s);
-    switch (r === "smart" && (c >= I - C && c <= _ + C ? r = "auto" : r = "center"), r) {
+    var h = n.direction, p = n.height, a = n.itemCount, m = n.itemSize, S = n.layout, f = n.width, g = h === "horizontal" || S === "horizontal", y = g ? f : p, l = Math.max(0, a * m - y), _ = Math.min(l, o * m), I = Math.max(0, o * m - y + m + s);
+    switch (r === "smart" && (c >= I - y && c <= _ + y ? r = "auto" : r = "center"), r) {
       case "start":
         return _;
       case "end":
         return I;
       case "center": {
         var v = Math.round(I + (_ - I) / 2);
-        return v < Math.ceil(C / 2) ? 0 : v > l + Math.floor(C / 2) ? l : v;
+        return v < Math.ceil(y / 2) ? 0 : v > l + Math.floor(y / 2) ? l : v;
       }
       case "auto":
       default:
@@ -6295,28 +6296,28 @@ var Jl = function(n, o) {
       throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (o === null ? "null" : typeof o) + '" was specified.'));
   }
 });
-const Zl = "_wrapper_w0ifj_2", ep = "_label_w0ifj_9", tp = "_top_w0ifj_17", np = "_select_w0ifj_23", op = "_borderFocused_w0ifj_42", rp = "_input_w0ifj_49", ip = "_icon_w0ifj_59", cp = "_rotate_w0ifj_64", ap = "_content_w0ifj_68", sp = "_options_w0ifj_72", lp = "_filteredOptions_w0ifj_93", pp = "_open_w0ifj_97", hp = "_option_w0ifj_72", dp = "_focused_w0ifj_115", mp = "_addon_w0ifj_119", Ip = "_value_w0ifj_130", up = "_postfix_w0ifj_134", gp = "_leftAddon_w0ifj_138", se = {
-  wrapper: Zl,
-  label: ep,
+const ep = "_wrapper_1k3gz_2", tp = "_top_1k3gz_9", np = "_label_1k3gz_15", op = "_content_1k3gz_23", rp = "_select_1k3gz_27", ip = "_borderFocused_1k3gz_53", cp = "_icon_1k3gz_61", ap = "_rotate_1k3gz_67", sp = "_input_1k3gz_71", lp = "_value_1k3gz_86", pp = "_postfix_1k3gz_94", hp = "_addon_1k3gz_98", dp = "_leftAddon_1k3gz_115", mp = "_options_1k3gz_121", Ip = "_open_1k3gz_150", up = "_filteredOptions_1k3gz_159", gp = "_option_1k3gz_121", fp = "_focused_1k3gz_183", se = {
+  wrapper: ep,
   top: tp,
-  select: np,
-  borderFocused: op,
-  input: rp,
-  icon: ip,
-  rotate: cp,
-  content: ap,
-  options: sp,
-  filteredOptions: lp,
-  open: pp,
-  option: hp,
-  focused: dp,
-  addon: mp,
-  value: Ip,
-  postfix: up,
-  leftAddon: gp
+  label: np,
+  content: op,
+  select: rp,
+  borderFocused: ip,
+  icon: cp,
+  rotate: ap,
+  input: sp,
+  value: lp,
+  postfix: pp,
+  addon: hp,
+  leftAddon: dp,
+  options: mp,
+  open: Ip,
+  filteredOptions: up,
+  option: gp,
+  focused: fp
 };
-function fp(e, n) {
-  b.useEffect(() => {
+function _p(e, n) {
+  C.useEffect(() => {
     function o(r) {
       !e.current || e.current.contains(r.target) || n(r);
     }
@@ -6325,7 +6326,7 @@ function fp(e, n) {
     };
   }, [e, n]);
 }
-const _p = {
+const Sp = {
   AcornIcon: () => import("@phosphor-icons/react").then((e) => e.AcornIcon),
   ActivityIcon: () => import("@phosphor-icons/react").then((e) => e.ActivityIcon),
   AddressBookIcon: () => import("@phosphor-icons/react").then((e) => e.AddressBookIcon),
@@ -7857,8 +7858,8 @@ const _p = {
   YinYangIcon: () => import("@phosphor-icons/react").then((e) => e.YinYangIcon),
   YoutubeLogoIcon: () => import("@phosphor-icons/react").then((e) => e.YoutubeLogoIcon)
 };
-async function Sp(e) {
-  const n = _p[e];
+async function Cp(e) {
+  const n = Sp[e];
   if (!n) {
     console.warn(`Unknown icon loader for: "${e}"`);
     return;
@@ -7870,7 +7871,7 @@ async function Sp(e) {
     return;
   }
 }
-function bp() {
+function yp() {
   const e = ft(/* @__PURE__ */ new Set()), n = ft(/* @__PURE__ */ new Map()), o = Xe(async (s) => {
     const h = Lt(s);
     if (Ht(h))
@@ -7880,7 +7881,7 @@ function bp() {
     const p = (async () => {
       try {
         e.current.add(h);
-        const a = await Sp(h);
+        const a = await Cp(h);
         a && on(h, a);
       } catch (a) {
         console.warn(`Failed to load icon "${h}":`, a);
@@ -7923,9 +7924,9 @@ const mn = (e) => {
     postfixs: h,
     leftAddonOptions: p,
     enableIconLazyLoading: a = !1
-  } = e, [m, S] = b.useState(!1), [f, g] = b.useState(""), [C, l] = b.useState(null), [_, I] = b.useState(!1), [, v] = b.useReducer((D) => D + 1, 0), k = b.useRef(null);
-  fp(k, () => S(!1));
-  const { registerIconsRange: w } = bp(), x = b.useCallback(
+  } = e, [m, S] = C.useState(!1), [f, g] = C.useState(""), [y, l] = C.useState(null), [_, I] = C.useState(!1), [, v] = C.useReducer((D) => D + 1, 0), k = C.useRef(null);
+  _p(k, () => S(!1));
+  const { registerIconsRange: w } = yp(), B = C.useCallback(
     (D) => {
       g(""), n(D), S(!1), l(null);
     },
@@ -7939,55 +7940,55 @@ const mn = (e) => {
       (D.key === "Enter" || D.key === "ArrowDown") && S(!0);
       return;
     }
-    const T = B;
+    const T = x;
     D.key === "ArrowDown" && (D.preventDefault(), l(
       (M) => M === null || M === T.length - 1 ? 0 : M + 1
     )), D.key === "ArrowUp" && (D.preventDefault(), l(
       (M) => M === null || M === 0 ? T.length - 1 : M - 1
-    )), D.key === "Enter" && C !== null && (D.preventDefault(), x(T[C])), D.key === "Escape" && S(!1);
+    )), D.key === "Enter" && y !== null && (D.preventDefault(), B(T[y])), D.key === "Escape" && S(!1);
   }
-  const u = b.useRef(null), A = b.useMemo(() => new Mt(c, {
+  const u = C.useRef(null), A = C.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [c]), B = b.useMemo(() => _ && f.trim() !== "" ? A.search(f).map((D) => D.item) : c, [f, c, _, A]);
-  b.useEffect(() => {
-    if (m && a && B.length > 0) {
-      const M = Math.ceil(5.555555555555555), G = Math.min(M + 10, B.length);
-      w(B, 0, G).then(() => {
+  }), [c]), x = C.useMemo(() => _ && f.trim() !== "" ? A.search(f).map((D) => D.item) : c, [f, c, _, A]);
+  C.useEffect(() => {
+    if (m && a && x.length > 0) {
+      const M = Math.ceil(5.555555555555555), G = Math.min(M + 10, x.length);
+      w(x, 0, G).then(() => {
         v();
       });
     }
-  }, [m, a, B, w]);
-  const U = b.useCallback(
+  }, [m, a, x, w]);
+  const U = C.useCallback(
     ({
       visibleStartIndex: D,
       visibleStopIndex: T
     }) => {
       if (!a) return;
-      const M = 15, W = Math.max(0, D), G = Math.min(T + M, B.length);
-      w(B, W, G).then(() => {
+      const M = 15, W = Math.max(0, D), G = Math.min(T + M, x.length);
+      w(x, W, G).then(() => {
         v();
       });
     },
-    [a, B, w]
-  ), y = b.useMemo(() => {
+    [a, x, w]
+  ), b = C.useMemo(() => {
     const D = /* @__PURE__ */ new Map();
     return p == null || p.forEach((T) => {
       D.set(T.value, T.addon);
     }), D;
-  }, [p]), P = b.useMemo(() => {
+  }, [p]), P = C.useMemo(() => {
     if (!h) return /* @__PURE__ */ new Map();
     const D = /* @__PURE__ */ new Map();
     if (h.length === c.length)
       for (let T = 0; T < c.length; T++)
         D.set(c[T], h[T]);
     return D;
-  }, [c, h]), z = b.useCallback(
+  }, [c, h]), z = C.useCallback(
     ({ index: D, style: T }) => {
-      const M = B[D];
+      const M = x[D];
       if (!M) return null;
-      const W = C === D, G = P.get(M);
-      let Z = y.get(M);
+      const W = y === D, G = P.get(M);
+      let Z = b.get(M);
       return !Z && a && (Z = /* @__PURE__ */ t(L, { name: M, width: 20, height: 20, showPlaceholder: !0 })), /* @__PURE__ */ d(
         "div",
         {
@@ -7995,7 +7996,7 @@ const mn = (e) => {
             [se.focused]: W
           }),
           style: T,
-          onClick: () => x(M),
+          onClick: () => B(M),
           children: [
             Z && /* @__PURE__ */ t("div", { className: se.leftAddon, children: Z }),
             /* @__PURE__ */ t("span", { className: se.value, children: R(M, 20) }),
@@ -8005,7 +8006,7 @@ const mn = (e) => {
         M
       );
     },
-    [B, C, y, P, x, a]
+    [x, y, b, P, B, a]
   );
   return /* @__PURE__ */ d(
     "div",
@@ -8047,7 +8048,7 @@ const mn = (e) => {
                   ref: u,
                   tabIndex: 0,
                   children: [
-                    p && /* @__PURE__ */ t("div", { className: se.addon, children: y.get(r) }),
+                    p && /* @__PURE__ */ t("div", { className: se.addon, children: b.get(r) }),
                     /* @__PURE__ */ t("div", { className: se.input, children: R(r, 15) }),
                     /* @__PURE__ */ t(
                       "div",
@@ -8078,7 +8079,7 @@ const mn = (e) => {
                   },
                   children: [
                     c.length > 6 && /* @__PURE__ */ t(
-                      Ct,
+                      yt,
                       {
                         type: "text",
                         value: f,
@@ -8090,15 +8091,15 @@ const mn = (e) => {
                       }
                     ),
                     /* @__PURE__ */ d("div", { className: se.filteredOptions, children: [
-                      B.length === 0 && /* @__PURE__ */ t("div", { children: "No results found." }),
-                      B.length > 0 && /* @__PURE__ */ t(
-                        Ql,
+                      x.length === 0 && /* @__PURE__ */ t("div", { children: "No results found." }),
+                      x.length > 0 && /* @__PURE__ */ t(
+                        Zl,
                         {
                           height: 200,
-                          itemCount: B.length,
+                          itemCount: x.length,
                           itemSize: 36,
                           width: "100%",
-                          itemKey: (D) => B[D] || D,
+                          itemKey: (D) => x[D] || D,
                           onItemsRendered: U,
                           children: z
                         }
@@ -8113,16 +8114,16 @@ const mn = (e) => {
       ]
     }
   );
-}, Cp = "_customCheckbox_bvg9o_1", yp = "_checkboxBox_bvg9o_7", vp = "_checked_bvg9o_23", wp = "_icon_bvg9o_31", dt = {
-  customCheckbox: Cp,
-  checkboxBox: yp,
-  checked: vp,
-  icon: wp
-}, kp = (e) => {
-  const { value: n, onChange: o } = e, { isAntistock: r } = Te(), [c, i] = b.useState(n), s = () => {
+}, bp = "_customCheckbox_o1xgg_5", vp = "_checkboxBox_o1xgg_12", wp = "_checked_o1xgg_29", kp = "_icon_o1xgg_38", dt = {
+  customCheckbox: bp,
+  checkboxBox: vp,
+  checked: wp,
+  icon: kp
+}, Tp = (e) => {
+  const { value: n, onChange: o } = e, { isAntistock: r } = Te(), [c, i] = C.useState(n), s = () => {
     i(!c), o(!c);
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     i(n);
   }, [n]), /* @__PURE__ */ d(
     "label",
@@ -8160,17 +8161,17 @@ const mn = (e) => {
       ]
     }
   );
-}, Tp = "_customCheckbox_12xbb_1", Pp = "_checkboxBox_12xbb_7", Np = "_checked_12xbb_23", Ap = "_icon_12xbb_30", Lp = "_disabled_12xbb_36", je = {
-  customCheckbox: Tp,
-  checkboxBox: Pp,
-  checked: Np,
-  icon: Ap,
-  disabled: Lp
-}, ld = (e) => {
-  const { value: n, onChange: o, disabled: r = !1 } = e, [c, i] = b.useState(n), s = () => {
+}, Pp = "_customCheckbox_1ynci_4", Np = "_checkboxBox_1ynci_5", Ap = "_checked_1ynci_6", Lp = "_icon_1ynci_7", Bp = "_disabled_1ynci_8", je = {
+  customCheckbox: Pp,
+  checkboxBox: Np,
+  checked: Ap,
+  icon: Lp,
+  disabled: Bp
+}, hd = (e) => {
+  const { value: n, onChange: o, disabled: r = !1 } = e, [c, i] = C.useState(n), s = () => {
     r || (i(!c), o(!c));
   };
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     i(n);
   }, [n]), /* @__PURE__ */ d(
     "label",
@@ -8209,13 +8210,13 @@ const mn = (e) => {
       ]
     }
   );
-}, xp = "_modal_uhwkw_1", Bp = "_title_uhwkw_15", Dp = "_description_uhwkw_21", Fp = "_buttons_uhwkw_27", mt = {
+}, xp = "_modal_f7whu_5", Dp = "_title_f7whu_28", Fp = "_description_f7whu_36", Mp = "_buttons_f7whu_50", mt = {
   modal: xp,
-  title: Bp,
-  description: Dp,
-  buttons: Fp
-}, pd = () => {
-  const { title: e, description: n, onConfirm: o, setTitle: r, setDescription: c, setOnConfirm: i } = yn(), { setIsOpen: s } = Ae();
+  title: Dp,
+  description: Fp,
+  buttons: Mp
+}, dd = () => {
+  const { title: e, description: n, onConfirm: o, setTitle: r, setDescription: c, setOnConfirm: i } = bn(), { setIsOpen: s } = Ae();
   function h() {
     s(!1), setTimeout(() => {
       r(null), c(null), i(null), s(!0);
@@ -8230,14 +8231,21 @@ const mn = (e) => {
         /* @__PURE__ */ t("div", { className: mt.title, children: e }),
         /* @__PURE__ */ t("div", { className: mt.description, children: n }),
         /* @__PURE__ */ d("div", { className: mt.buttons, children: [
-          /* @__PURE__ */ t($e, { onClick: h, children: "Cancel" }),
+          /* @__PURE__ */ t(
+            $e,
+            {
+              onClick: h,
+              type: "Secondary",
+              children: "Cancel"
+            }
+          ),
           /* @__PURE__ */ t(
             $e,
             {
               onClick: () => {
                 o(), h();
               },
-              type: "Secondary",
+              type: "Danger",
               children: "Confirm"
             }
           )
@@ -8245,30 +8253,30 @@ const mn = (e) => {
       ]
     }
   );
-}, Mp = "_notification_7vav7_1", $p = "_text_7vav7_22", Op = "_timer_7vav7_27", Rp = "_warning_7vav7_32", Hp = "_error_7vav7_37", Ep = "_success_7vav7_42", ze = {
-  notification: Mp,
-  text: $p,
-  timer: Op,
-  warning: Rp,
-  error: Hp,
-  success: Ep
+}, $p = "_notification_1rja8_3", Op = "_text_1rja8_28", Rp = "_timer_1rja8_36", Hp = "_warning_1rja8_41", Ep = "_error_1rja8_45", Up = "_success_1rja8_49", ze = {
+  notification: $p,
+  text: Op,
+  timer: Rp,
+  warning: Hp,
+  error: Ep,
+  success: Up
 }, Qt = {
   warning: "#C1972A",
   error: "#FF3F19",
   success: "#338B13"
-}, hd = (e) => {
-  const { type: n, message: o, style: r, padding: c, timer: i, id: s, element: h, label: p } = e, [a, m] = b.useState(i), { setNotifications: S } = Ge();
+}, md = (e) => {
+  const { type: n, message: o, style: r, padding: c, timer: i, id: s, element: h, label: p } = e, [a, m] = C.useState(i), { setNotifications: S } = Ge();
   function f() {
-    const C = Ge.getState().notifications.filter((l) => l.id !== s);
-    S([...C]);
+    const y = Ge.getState().notifications.filter((l) => l.id !== s);
+    S([...y]);
   }
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     const g = setTimeout(() => {
       f();
     }, i * 1e3);
     return () => clearTimeout(g);
-  }, [i]), b.useEffect(() => {
-    const g = setInterval(() => m((C) => C - 1), 1e3);
+  }, [i]), C.useEffect(() => {
+    const g = setInterval(() => m((y) => y - 1), 1e3);
     return () => clearInterval(g);
   }, [a]), h ? h({
     type: n,
@@ -8330,32 +8338,32 @@ const mn = (e) => {
       )
     }
   );
-}, Up = "_loader_jr7a4_1", qp = {
-  loader: Up
-}, dd = () => /* @__PURE__ */ t("div", { className: qp.loader }), zp = "_wrapper_2vleg_1", Gp = "_label_2vleg_9", Wp = "_options_2vleg_17", Vp = "_radioLabel_2vleg_23", jp = "_radio_2vleg_23", Xp = "_custom_2vleg_38", Kp = "_option_2vleg_17", He = {
-  wrapper: zp,
-  label: Gp,
-  options: Wp,
-  radioLabel: Vp,
-  radio: jp,
-  custom: Xp,
-  option: Kp
-}, md = (e) => {
-  const { defaultValue: n, options: o, onChange: r, label: c, flexDirection: i = "row" } = e, [s, h] = b.useState(n), p = (a) => {
+}, qp = "_loader_jr7a4_1", zp = {
+  loader: qp
+}, Id = () => /* @__PURE__ */ t("div", { className: zp.loader }), Gp = "_wrapper_spzk2_8", Wp = "_label_spzk2_15", Vp = "_options_spzk2_23", jp = "_radioLabel_spzk2_28", Xp = "_radio_spzk2_4", Kp = "_custom_spzk2_4", Yp = "_option_spzk2_23", Ee = {
+  wrapper: Gp,
+  label: Wp,
+  options: Vp,
+  radioLabel: jp,
+  radio: Xp,
+  custom: Kp,
+  option: Yp
+}, ud = (e) => {
+  const { defaultValue: n, options: o, onChange: r, label: c, flexDirection: i = "row" } = e, [s, h] = C.useState(n), p = (a) => {
     const m = a.target.value;
     h(m), r(m);
   };
-  return /* @__PURE__ */ d("div", { className: He.wrapper, children: [
-    /* @__PURE__ */ t("span", { className: He.label, children: c }),
+  return /* @__PURE__ */ d("div", { className: Ee.wrapper, children: [
+    /* @__PURE__ */ t("span", { className: Ee.label, children: c }),
     /* @__PURE__ */ t(
       "div",
       {
-        className: He.options,
+        className: Ee.options,
         style: { flexDirection: i },
         children: o.map((a) => /* @__PURE__ */ d(
           "label",
           {
-            className: He.radioLabel,
+            className: Ee.radioLabel,
             children: [
               /* @__PURE__ */ t(
                 "input",
@@ -8364,11 +8372,11 @@ const mn = (e) => {
                   value: a.value,
                   checked: s === a.value,
                   onChange: p,
-                  className: He.radio
+                  className: Ee.radio
                 }
               ),
-              /* @__PURE__ */ t("span", { className: He.custom }),
-              /* @__PURE__ */ t("span", { className: He.option, children: a.label })
+              /* @__PURE__ */ t("span", { className: Ee.custom }),
+              /* @__PURE__ */ t("span", { className: Ee.option, children: a.label })
             ]
           },
           a.value
@@ -8376,31 +8384,31 @@ const mn = (e) => {
       }
     )
   ] });
-}, Yp = "_wrapper_fx90p_2", Jp = "_label_fx90p_9", Qp = "_top_fx90p_17", Zp = "_select_fx90p_23", eh = "_borderFocused_fx90p_51", th = "_icon_fx90p_58", nh = "_input_fx90p_63", oh = "_rotate_fx90p_68", rh = "_content_fx90p_72", ih = "_options_fx90p_76", ch = "_filteredOptions_fx90p_97", ah = "_open_fx90p_101", sh = "_option_fx90p_76", lh = "_focused_fx90p_119", ph = "_addon_fx90p_123", hh = "_value_fx90p_134", dh = "_postfix_fx90p_139", mh = "_leftAddon_fx90p_143", Ih = "_selectError_fx90p_149", uh = "_errorMessage_fx90p_156", gh = "_requiredStar_fx90p_162", oe = {
-  wrapper: Yp,
-  label: Jp,
+}, Jp = "_wrapper_17ey8_5", Qp = "_top_17ey8_12", Zp = "_label_17ey8_18", eh = "_content_17ey8_26", th = "_select_17ey8_30", nh = "_borderFocused_17ey8_65", oh = "_icon_17ey8_73", rh = "_rotate_17ey8_79", ih = "_input_17ey8_83", ch = "_value_17ey8_92", ah = "_postfix_17ey8_100", sh = "_options_17ey8_104", lh = "_open_17ey8_133", ph = "_filteredOptions_17ey8_142", hh = "_option_17ey8_104", dh = "_focused_17ey8_172", mh = "_addon_17ey8_178", Ih = "_leftAddon_17ey8_195", uh = "_selectError_17ey8_201", gh = "_errorMessage_17ey8_208", fh = "_requiredStar_17ey8_214", oe = {
+  wrapper: Jp,
   top: Qp,
-  select: Zp,
-  borderFocused: eh,
-  icon: th,
-  input: nh,
-  rotate: oh,
-  content: rh,
-  options: ih,
-  filteredOptions: ch,
-  open: ah,
-  option: sh,
-  focused: lh,
-  addon: ph,
-  value: hh,
-  postfix: dh,
-  leftAddon: mh,
-  selectError: Ih,
-  errorMessage: uh,
-  requiredStar: gh
+  label: Zp,
+  content: eh,
+  select: th,
+  borderFocused: nh,
+  icon: oh,
+  rotate: rh,
+  input: ih,
+  value: ch,
+  postfix: ah,
+  options: sh,
+  open: lh,
+  filteredOptions: ph,
+  option: hh,
+  focused: dh,
+  addon: mh,
+  leftAddon: Ih,
+  selectError: uh,
+  errorMessage: gh,
+  requiredStar: fh
 };
-function fh(e, n) {
-  b.useEffect(() => {
+function _h(e, n) {
+  C.useEffect(() => {
     function o(r) {
       !e.current || e.current.contains(r.target) || n(r);
     }
@@ -8410,7 +8418,7 @@ function fh(e, n) {
   }, [e, n]);
 }
 const _e = (e) => {
-  var B, U;
+  var x, U;
   const {
     onChange: n,
     label: o,
@@ -8422,30 +8430,30 @@ const _e = (e) => {
     leftAddonOptions: p,
     isMaxLength: a = !0,
     error: m
-  } = e, [S, f] = b.useState(!1), [g, C] = b.useState(""), [l, _] = b.useState(null), [I, v] = b.useState(!1), k = b.useRef(null);
-  fh(k, () => f(!1));
-  function w(y) {
-    C(""), n(y), f(!1), _(null);
+  } = e, [S, f] = C.useState(!1), [g, y] = C.useState(""), [l, _] = C.useState(null), [I, v] = C.useState(!1), k = C.useRef(null);
+  _h(k, () => f(!1));
+  function w(b) {
+    y(""), n(b), f(!1), _(null);
   }
-  function x(y, P) {
-    return y ? y.length > P + 3 ? `${y.slice(0, P)}...` : y : "";
+  function B(b, P) {
+    return b ? b.length > P + 3 ? `${b.slice(0, P)}...` : b : "";
   }
-  function R(y) {
+  function R(b) {
     if (!S) {
-      (y.key === "Enter" || y.key === "ArrowDown") && f(!0);
+      (b.key === "Enter" || b.key === "ArrowDown") && f(!0);
       return;
     }
     const P = A;
-    y.key === "ArrowDown" && (y.preventDefault(), _(
+    b.key === "ArrowDown" && (b.preventDefault(), _(
       (z) => z === null || z === P.length - 1 ? 0 : z + 1
-    )), y.key === "ArrowUp" && (y.preventDefault(), _(
+    )), b.key === "ArrowUp" && (b.preventDefault(), _(
       (z) => z === null || z === 0 ? P.length - 1 : z - 1
-    )), y.key === "Enter" && l !== null && (y.preventDefault(), w(P[l])), y.key === "Escape" && f(!1);
+    )), b.key === "Enter" && l !== null && (b.preventDefault(), w(P[l])), b.key === "Escape" && f(!1);
   }
-  const N = b.useRef(null), u = b.useMemo(() => new Mt(c, {
+  const N = C.useRef(null), u = C.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [c]), A = b.useMemo(() => I && g.trim() !== "" ? u.search(g).map((y) => y.item) : c, [g, c, I, u]);
+  }), [c]), A = C.useMemo(() => I && g.trim() !== "" ? u.search(g).map((b) => b.item) : c, [g, c, I, u]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -8486,22 +8494,22 @@ const _e = (e) => {
                     [oe.selectError]: m
                   }),
                   onKeyDown: R,
-                  onClick: (y) => {
-                    y.stopPropagation(), f((P) => !P), v(!1);
+                  onClick: (b) => {
+                    b.stopPropagation(), f((P) => !P), v(!1);
                   },
                   ref: N,
                   tabIndex: 0,
                   children: [
                     /* @__PURE__ */ d("div", { className: oe.input, children: [
-                      p && p.length > 0 && /* @__PURE__ */ t("div", { className: oe.addon, children: (B = p.find((y) => y.value === r)) == null ? void 0 : B.addon }),
-                      a ? x(r, 15) : r
+                      p && p.length > 0 && /* @__PURE__ */ t("div", { className: oe.addon, children: (x = p.find((b) => b.value === r)) == null ? void 0 : x.addon }),
+                      a ? B(r, 15) : r
                     ] }),
                     /* @__PURE__ */ t(
                       "div",
                       {
                         className: O(oe.icon, { [oe.rotate]: S }),
-                        onClick: (y) => {
-                          y.stopPropagation(), f((P) => !P);
+                        onClick: (b) => {
+                          b.stopPropagation(), f((P) => !P);
                         },
                         children: /* @__PURE__ */ t(
                           L,
@@ -8526,19 +8534,19 @@ const _e = (e) => {
                   },
                   children: [
                     c.length > 6 && /* @__PURE__ */ t(
-                      Ct,
+                      yt,
                       {
                         type: "text",
                         value: g,
                         placeholder: "Search...",
-                        onChange: (y) => {
-                          C(y), v(!0);
+                        onChange: (b) => {
+                          y(b), v(!0);
                         },
                         isSearch: !0
                       }
                     ),
                     /* @__PURE__ */ d("div", { className: oe.filteredOptions, children: [
-                      A.map((y, P) => {
+                      A.map((b, P) => {
                         var z;
                         return /* @__PURE__ */ d(
                           "div",
@@ -8547,15 +8555,15 @@ const _e = (e) => {
                               [oe.focused]: P === l
                             }),
                             onClick: () => {
-                              w(y), f(!1);
+                              w(b), f(!1);
                             },
                             children: [
-                              p && p.length > 0 && /* @__PURE__ */ t("div", { className: oe.leftAddon, children: (z = p.find((H) => H.value === y)) == null ? void 0 : z.addon }),
-                              /* @__PURE__ */ t("span", { className: oe.value, children: a ? x(y, 20) : y }),
+                              p && p.length > 0 && /* @__PURE__ */ t("div", { className: oe.leftAddon, children: (z = p.find((H) => H.value === b)) == null ? void 0 : z.addon }),
+                              /* @__PURE__ */ t("span", { className: oe.value, children: a ? B(b, 20) : b }),
                               h && /* @__PURE__ */ t("span", { className: oe.postfix, children: h[P] })
                             ]
                           },
-                          y
+                          b
                         );
                       }),
                       A.length === 0 && /* @__PURE__ */ t("div", { children: "No results found." })
@@ -8570,14 +8578,14 @@ const _e = (e) => {
       ]
     }
   );
-}, _h = "_modal_270ti_1", Sh = "_padding_270ti_17", bh = "_content_270ti_21", Ch = "_close_270ti_42", It = {
-  modal: _h,
-  padding: Sh,
-  content: bh,
-  close: Ch
-}, Id = (e) => {
+}, Sh = "_modal_lfc0k_3", Ch = "_padding_lfc0k_30", yh = "_content_lfc0k_34", bh = "_close_lfc0k_55", It = {
+  modal: Sh,
+  padding: Ch,
+  content: yh,
+  close: bh
+}, gd = (e) => {
   const { close: n, children: o, withAnimation: r = !0, hasPadding: c = !0 } = e, { isOpen: i, setIsOpen: s } = Ae();
-  return b.useEffect(() => {
+  return C.useEffect(() => {
     const h = () => {
       s(!1), r ? setTimeout(() => {
         n(!1), s(!0);
@@ -8587,21 +8595,22 @@ const _e = (e) => {
       document.body.removeEventListener("click", h);
     };
   }, []), /* @__PURE__ */ t("div", { className: O(It.modal, { [It.padding]: c }), children: r ? /* @__PURE__ */ t("div", { className: O(It.content, { [It.close]: !i }), children: o }) : /* @__PURE__ */ t(Y, { children: o }) });
-}, yh = "_notification_o93uc_1", vh = "_accent_o93uc_15", wh = "_body_o93uc_23", kh = "_label_o93uc_30", Th = "_content_o93uc_36", Ph = "_timer_o93uc_41", Nh = "_warning_o93uc_48", Ah = "_error_o93uc_53", Lh = "_success_o93uc_58", Be = {
-  notification: yh,
-  accent: vh,
-  body: wh,
-  label: kh,
-  content: Th,
-  timer: Ph,
-  warning: Nh,
-  error: Ah,
-  success: Lh
-}, xh = {
+}, vh = "_notification_8k2tf_2", wh = "_accent_8k2tf_29", kh = "_body_8k2tf_45", Th = "_label_8k2tf_55", Ph = "_content_8k2tf_60", Nh = "_timer_8k2tf_64", Ah = "_warning_8k2tf_70", Lh = "_error_8k2tf_78", Bh = "_success_8k2tf_86", xh = "_info_8k2tf_94", xe = {
+  notification: vh,
+  accent: wh,
+  body: kh,
+  label: Th,
+  content: Ph,
+  timer: Nh,
+  warning: Ah,
+  error: Lh,
+  success: Bh,
+  info: xh
+}, Dh = {
   warning: "Warning",
   error: "Error",
   success: "Success"
-}, ud = ({
+}, fd = ({
   type: e,
   message: n,
   style: o,
@@ -8609,34 +8618,34 @@ const _e = (e) => {
   timer: c = 0,
   label: i
 }) => {
-  const [s, h] = b.useState(c);
-  return b.useEffect(() => {
+  const [s, h] = C.useState(c);
+  return C.useEffect(() => {
     if (!c) return;
     const p = setInterval(() => h((a) => a - 1), 1e3);
     return () => clearInterval(p);
   }, []), /* @__PURE__ */ t("div", { style: { padding: r, position: "relative" }, children: /* @__PURE__ */ d(
     "div",
     {
-      className: O(Be.notification, Be[e]),
+      className: O(xe.notification, xe[e]),
       style: o,
       children: [
-        /* @__PURE__ */ t("div", { className: Be.accent }),
-        /* @__PURE__ */ t("div", { className: Be.body, children: /* @__PURE__ */ t("div", { className: Be.content, children: i !== void 0 ? i ? /* @__PURE__ */ d(Y, { children: [
-          /* @__PURE__ */ d("span", { className: Be.label, children: [
+        /* @__PURE__ */ t("div", { className: xe.accent }),
+        /* @__PURE__ */ t("div", { className: xe.body, children: /* @__PURE__ */ t("div", { className: xe.content, children: i !== void 0 ? i ? /* @__PURE__ */ d(Y, { children: [
+          /* @__PURE__ */ d("span", { className: xe.label, children: [
             i,
             ":"
           ] }),
           " ",
           n
         ] }) : n : /* @__PURE__ */ d(Y, { children: [
-          /* @__PURE__ */ d("span", { className: Be.label, children: [
-            xh[e],
+          /* @__PURE__ */ d("span", { className: xe.label, children: [
+            Dh[e],
             ":"
           ] }),
           " ",
           n
         ] }) }) }),
-        c > 0 && /* @__PURE__ */ t("span", { className: Be.timer, children: s })
+        c > 0 && /* @__PURE__ */ t("span", { className: xe.timer, children: s })
       ]
     }
   ) });
@@ -8645,68 +8654,68 @@ export {
   hn as $,
   zt as A,
   $e as B,
-  pd as C,
-  jh as D,
-  Eh as E,
-  Kh as F,
-  Yh as G,
+  dd as C,
+  Kh as D,
+  qh as E,
+  Jh as F,
+  Qh as G,
   rn as H,
   L as I,
   ko as J,
-  tc as K,
-  dd as L,
+  nc as K,
+  Id as L,
   at as M,
-  hd as N,
+  md as N,
   $t as O,
-  Xh as P,
-  Jh as Q,
-  md as R,
+  Yh as P,
+  Zh as Q,
+  ud as R,
   _e as S,
   cn as T,
   pn as U,
-  Da as V,
-  ad as W,
-  Zh as X,
-  Is as Y,
-  us as Z,
-  gs as _,
-  Id as a,
-  fs as a0,
-  ed as a1,
-  _s as a2,
-  td as a3,
-  nd as a4,
+  Fa as V,
+  ld as W,
+  td as X,
+  us as Y,
+  gs as Z,
+  fs as _,
+  gd as a,
+  _s as a0,
+  nd as a1,
+  Ss as a2,
+  od as a3,
+  rd as a4,
   dn as a5,
-  od as a6,
-  rd as a7,
-  id as a8,
-  cd as a9,
+  id as a6,
+  cd as a7,
+  ad as a8,
+  sd as a9,
   an as aa,
   it as ab,
   mn as ac,
-  Vh as b,
-  ye as c,
+  Xh as b,
+  be as c,
   ue as d,
   ln as e,
-  Ct as f,
+  yt as f,
   te as g,
-  sd as h,
-  Br as i,
-  ld as j,
-  Qh as k,
-  Wh as l,
-  kp as m,
-  bp as n,
+  pd as h,
+  xr as i,
+  hd as j,
+  ed as k,
+  jh as l,
+  Tp as m,
+  yp as n,
   Rt as o,
   Ht as p,
-  Uh as q,
+  zh as q,
   on as r,
-  Sp as s,
-  zh as t,
+  Cp as s,
+  Wh as t,
   ct as u,
   Lt as v,
-  qh as w,
-  ud as x,
-  Gh as y,
+  Gh as w,
+  fd as x,
+  Vh as y,
   sn as z
 };