@billgangcom/theme-lib 1.123.4 → 1.123.6

package/dist/{ui-components-C-CMo5C7.js → ui-components-CNP0TL7h.js}

@@ -3,11 +3,11 @@ var In = (e, n, o) => n in e ? mn(e, n, { enumerable: !0, configurable: !0, writ
 var Ot = (e, n, o) => In(e, typeof n != "symbol" ? n + "" : n, o);
 import { jsx as t, jsxs as d, Fragment as Y } from "react/jsx-runtime";
 import _, { useState as st, useRef as ft, useCallback as Xe, useEffect as un, createElement as yt, PureComponent as gn } from "react";
-import { f as R, ad as lt, K as xe, j as Qt, r as Zt, m as _t, ae as en, J as Pe, v as me, af as Dt, ag as Ft, b as Ye, l as fn, e as Ge, p as St, _ as Ce, a5 as _n, N as Sn, ah as bn, ai as tn, k as Cn } from "./builder-Vw17cIvh.js";
-import { X as yn, Y as vn, u as We, I as wn } from "./charge-BxH20YHb.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-CqsarjiD.js";
+import { f as R, ad as lt, z as xe, j as Qt, r as Zt, m as _t, ae as en, K as Pe, v as me, af as Dt, ag as Ft, b as Ye, l as fn, e as Ge, p as St, _ as Ce, a5 as _n, N as Sn, ah as bn, ai as tn, k as Cn } from "./builder-DJQh1c1e.js";
+import { X as yn, Y as vn, u as We, I as wn } from "./charge-z48cLi-k.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-CpOz_SUG.js";
 import kn, { createPortal as Tn } from "react-dom";
-import { s as Me, g as Nn, u as Pn } from "./ticket-DsTC46Fo.js";
+import { s as Me, g as Nn, u as Pn } from "./ticket-CF6WDvC5.js";
 const An = "_wrapper_5w9s8_1", Ln = {
   wrapper: An
 }, Oh = (e) => {
@@ -134,7 +134,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     placeholder: p,
     disabled: a = !1,
     required: I = !1,
-    regex: b,
+    regex: S,
     paddingless: u = !1,
     borderless: g = !1,
     editable: y = !1,
@@ -146,7 +146,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     return Number(O) < 0 ? String(l) : O;
   }
   function P(O) {
-    return !I || !b ? !0 : new RegExp(b).test(O);
+    return !I || !S ? !0 : new RegExp(S).test(O);
   }
   return /* @__PURE__ */ d("div", { className: Ae.wrapper, children: [
     r && /* @__PURE__ */ t(
@@ -257,7 +257,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
         return "AlignBottom";
     }
   }
-  const [a, I] = _.useState(null), [b, u] = _.useState(null);
+  const [a, I] = _.useState(null), [S, u] = _.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: [
@@ -307,7 +307,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
           "label",
           {
             className: R(Se.padding, {
-              [Se.active]: b === g
+              [Se.active]: S === g
             }),
             onFocus: () => {
               u(g);
@@ -453,7 +453,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     const l = i();
     l.every((h) => h) && c(l);
   }, []), /* @__PURE__ */ t(
-    fe,
+    _e,
     {
       label: "Type Text",
       options: Object.values(lt),
@@ -515,14 +515,14 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     subtitle: p = "Items",
     typeFont: a,
     setTypeFont: I,
-    alignText: b,
+    alignText: S,
     setAlignText: u
   } = e, { isAntistock: g } = xe();
   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 }),
       o !== void 0 && r && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: o,
           onChange: (y) => r(y)
@@ -549,7 +549,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
         /* @__PURE__ */ t(
           yo,
           {
-            alignText: b,
+            alignText: S,
             setAlignText: u
           }
         )
@@ -563,7 +563,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
       )
     ] })
   ] });
-}, vo = "_title_1nk3b_1", wo = "_subtitle_1nk3b_5", ko = "_productsBlock_1nk3b_14", To = "_top_1nk3b_26", No = "_products_1nk3b_14", Po = "_product_1nk3b_14", Ao = "_button_1nk3b_80", Lo = "_disabled_1nk3b_91", xo = "_buttons_1nk3b_118", Bo = "_modal_1nk3b_125", Do = "_link_1nk3b_146", Fo = "_modalOptions_1nk3b_152", Mo = "_addButton_1nk3b_165", $o = "_deleteButton_1nk3b_180", Oo = "_closeIcon_1nk3b_192", re = {
+}, vo = "_title_w72ch_1", wo = "_subtitle_w72ch_5", ko = "_productsBlock_w72ch_14", To = "_top_w72ch_26", No = "_products_w72ch_14", Po = "_product_w72ch_14", Ao = "_button_w72ch_80", Lo = "_disabled_w72ch_91", xo = "_buttons_w72ch_118", Bo = "_modal_w72ch_125", Do = "_link_w72ch_154", Fo = "_modalOptions_w72ch_160", Mo = "_addButton_w72ch_173", $o = "_deleteButton_w72ch_188", Oo = "_closeIcon_w72ch_200", re = {
   title: vo,
   subtitle: wo,
   productsBlock: ko,
@@ -639,7 +639,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     disabled: i = !1,
     type: l = "Primary",
     dangerouslySetInnerHTML: h
-  } = e, { themeSettings: p } = _t(), { isAntistock: a } = xe(), I = (s) => typeof s == "string" ? /* @__PURE__ */ t(yn, { children: s }) : s, b = {
+  } = e, { themeSettings: p } = _t(), { isAntistock: a } = xe(), I = (s) => typeof s == "string" ? /* @__PURE__ */ t(yn, { children: s }) : s, S = {
     onClick: o,
     disabled: i,
     style: r,
@@ -658,7 +658,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
     return /* @__PURE__ */ t(
       "button",
       {
-        ...b,
+        ...S,
         className: we.special,
         ...h ? { dangerouslySetInnerHTML: h } : { children: I(n) }
       }
@@ -678,7 +678,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
   return /* @__PURE__ */ t(
     "button",
     {
-      ...b,
+      ...S,
       style: {
         ...r,
         textAlign: g.alignment
@@ -747,7 +747,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
   const { setOpenModal: e, onChange: n, tip: o, setTip: r } = en(), { setIsOpen: c } = Pe(), [i, l] = _.useState(!1), h = () => {
     var C;
     (C = p.current) == null || C.click();
-  }, p = _.useRef(null), [a, I] = _.useState([]), [b, u] = _.useState(!1), g = async (C) => {
+  }, p = _.useRef(null), [a, I] = _.useState([]), [S, u] = _.useState(!1), g = async (C) => {
     var M;
     const k = ((M = C.target.files) == null ? void 0 : M[0]) || null;
     if (!k) return;
@@ -867,7 +867,7 @@ const Mn = "_block_kh9z8_8", $n = "_title_kh9z8_16", On = "_subtitle_kh9z8_23",
               ]
             }
           ),
-          b && /* @__PURE__ */ t(Et, {}),
+          S && /* @__PURE__ */ t(Et, {}),
           a.map((C) => /* @__PURE__ */ t(
             Sr,
             {
@@ -997,11 +997,11 @@ const br = _.forwardRef(
                   label: "Put up an attractive image",
                   activeImage: o[a.field],
                   onChange: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   }
                 },
                 String(a.field)
@@ -1013,37 +1013,37 @@ const br = _.forwardRef(
                   isActiveText: !0,
                   typesText: o[a.field.type],
                   setTypesText: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field.type]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   alignText: o[a.field.alignText],
                   setAlignText: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field.alignText]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   text: o[a.field.text]["en-US"] || "",
                   setText: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field.text]: {
                         "en-US": I
                       }
                     };
-                    r(b);
+                    r(S);
                   },
                   typeFont: o[a.field.typeFont],
                   setTypeFont: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field.typeFont]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   subtitle: a.label
                 }
@@ -1053,11 +1053,11 @@ const br = _.forwardRef(
                 ye,
                 {
                   onChange: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   value: o[a.field] || "",
                   label: a.label,
@@ -1070,11 +1070,11 @@ const br = _.forwardRef(
                   ye,
                   {
                     onChange: (I) => {
-                      const b = {
+                      const S = {
                         ...o,
                         [a.field.text]: I
                       };
-                      r(b);
+                      r(S);
                     },
                     value: o[a.field.text] || "",
                     label: a.inputLabel,
@@ -1082,31 +1082,46 @@ const br = _.forwardRef(
                   }
                 ),
                 /* @__PURE__ */ t(
-                  _e,
+                  ue,
                   {
                     current: !!o[a.field.switch] || !1,
                     label: a.switchLabel,
                     onChange: (I) => {
-                      const b = {
+                      const S = {
                         ...o,
                         [a.field.switch]: I
                       };
-                      r(b);
+                      r(S);
                     }
                   }
                 )
               ] });
+            if (a.type === "Switch")
+              return /* @__PURE__ */ t(
+                ue,
+                {
+                  current: !!o[a.field] || !1,
+                  label: a.label,
+                  onChange: (I) => {
+                    const S = {
+                      ...o,
+                      [a.field]: I
+                    };
+                    r(S);
+                  }
+                }
+              );
             if (a.type === "list")
               return /* @__PURE__ */ t(
                 kr,
                 {
                   items: o[a.field] || [],
                   setItems: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   itemsType: "select",
                   draggable: a.draggable || !1,
@@ -1120,15 +1135,15 @@ const br = _.forwardRef(
               );
             if (a.type === "select")
               return /* @__PURE__ */ t(
-                fe,
+                _e,
                 {
                   options: a.itemsOptions,
                   onChange: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   label: a.label,
                   value: o[a.field] || "String",
@@ -1137,11 +1152,11 @@ const br = _.forwardRef(
                     value: !!o[a.switcher],
                     onChange: (I) => {
                       if (a.switcher === "isActive") {
-                        const b = {
+                        const S = {
                           ...o,
                           [a.switcher]: I
                         };
-                        r(b);
+                        r(S);
                       }
                     }
                   } : void 0
@@ -1153,11 +1168,11 @@ const br = _.forwardRef(
                 {
                   typeFont: o[a.field],
                   setTypeFont: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   }
                 }
               );
@@ -1167,11 +1182,11 @@ const br = _.forwardRef(
                 {
                   options: a.itemsOptions,
                   onChange: (I) => {
-                    const b = {
+                    const S = {
                       ...o,
                       [a.field]: I
                     };
-                    r(b);
+                    r(S);
                   },
                   label: a.label,
                   value: o[a.field] || "String",
@@ -1181,11 +1196,11 @@ const br = _.forwardRef(
                     value: !!o[a.switcher],
                     onChange: (I) => {
                       if (a.switcher === "isActive") {
-                        const b = {
+                        const S = {
                           ...o,
                           [a.switcher]: I
                         };
-                        r(b);
+                        r(S);
                       }
                     }
                   } : void 0
@@ -1205,7 +1220,7 @@ const br = _.forwardRef(
   return /* @__PURE__ */ d("div", { className: Tt.other, children: [
     /* @__PURE__ */ t("h5", { className: Tt.subtitle, children: o || r }),
     /* @__PURE__ */ t("div", { className: Tt.items, children: n.map((c, i) => /* @__PURE__ */ t(
-      _e,
+      ue,
       {
         current: c.isItem,
         onChange: (l) => c.setIsItem(l),
@@ -1255,7 +1270,7 @@ const kr = (e) => {
     editable: p = !0,
     draggable: a = !1,
     withImage: I = !1,
-    deletable: b = !0,
+    deletable: S = !0,
     addable: u = !0,
     itemsType: g,
     itemsPlaceholder: y = "",
@@ -1268,7 +1283,7 @@ const kr = (e) => {
     autoInterval: P,
     tip: O,
     aspectRatio: M,
-    setAspectRatio: S
+    setAspectRatio: b
   } = e, [L, x] = _.useState(null), [G, v] = _.useState({
     top: 0,
     left: 0
@@ -1351,12 +1366,12 @@ const kr = (e) => {
         }
       ) }),
       g === "select" && s && /* @__PURE__ */ t(
-        fe,
+        _e,
         {
           onChange: (E) => {
             const J = [...r], Ie = s.find((ie) => ie.name["en-US"] === E);
             if (!Ie) return;
-            const ue = J.map((ie) => ie.id === D.id ? {
+            const ge = J.map((ie) => ie.id === D.id ? {
               ...Ie,
               name: {
                 "en-US": E
@@ -1367,7 +1382,7 @@ const kr = (e) => {
               name: {
                 "en-US": E
               }
-            }), c([...ue]);
+            }), c([...ge]);
           },
           value: D.name["en-US"],
           options: s.filter((E) => !r.find((J) => J.name["en-US"] === E.name["en-US"])).map((E) => E.name["en-US"]),
@@ -1387,7 +1402,7 @@ const kr = (e) => {
           onChange: (E) => {
             const J = [...r], Ie = s.find((ie) => ie.name["en-US"] === E);
             if (!Ie) return;
-            const ue = J.map((ie) => ie.id === D.id ? {
+            const ge = J.map((ie) => ie.id === D.id ? {
               ...Ie,
               name: {
                 "en-US": E
@@ -1398,7 +1413,7 @@ const kr = (e) => {
               name: {
                 "en-US": E
               }
-            }), c([...ue]);
+            }), c([...ge]);
           },
           value: D.name["en-US"],
           options: s.filter((E) => !r.find((J) => J.name["en-US"] === E.name["en-US"])).map((E) => E.name["en-US"]),
@@ -1415,12 +1430,12 @@ const kr = (e) => {
         ye,
         {
           onChange: (E) => {
-            const Ie = [...r].map((ue) => ue.id === D.id ? {
+            const Ie = [...r].map((ge) => ge.id === D.id ? {
               ...D,
               name: {
                 "en-US": E
               }
-            } : ue);
+            } : ge);
             c([...Ie]);
           },
           value: D.name["en-US"],
@@ -1431,10 +1446,10 @@ const kr = (e) => {
         it,
         {
           onChange: (E) => {
-            const Ie = [...r].map((ue) => ue.id === D.id ? {
+            const Ie = [...r].map((ge) => ge.id === D.id ? {
               ...D,
               images: E
-            } : ue);
+            } : ge);
             c([...Ie]);
           },
           activeImage: (ae = r.find((E) => E.id === D.id)) != null && ae.images ? (ve = r.find((E) => E.id === D.id)) == null ? void 0 : ve.images[0] : void 0,
@@ -1466,7 +1481,7 @@ const kr = (e) => {
             }
           }
         ) }),
-        b && /* @__PURE__ */ t("div", { className: re.deleteButton, children: /* @__PURE__ */ t(
+        S && /* @__PURE__ */ t("div", { className: re.deleteButton, children: /* @__PURE__ */ t(
           A,
           {
             name: "Trash",
@@ -1500,7 +1515,7 @@ const kr = (e) => {
     (l || n !== void 0) && /* @__PURE__ */ d("div", { className: re.top, children: [
       l && /* @__PURE__ */ t("h3", { className: re.title, children: l }),
       n !== void 0 && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
           onChange: (D) => o == null ? void 0 : o(D)
@@ -1600,13 +1615,13 @@ const kr = (e) => {
         }
       )
     ] }),
-    M && S && /* @__PURE__ */ t(
-      fe,
+    M && b && /* @__PURE__ */ t(
+      _e,
       {
         value: M,
         label: "Aspect Ratio",
         options: Object.keys(Ft),
-        onChange: (D) => S(D),
+        onChange: (D) => b(D),
         leftAddonOptions: Dt
       }
     ),
@@ -1731,7 +1746,7 @@ const zh = (e) => {
     subtitle: p,
     draggable: a = !1,
     withImage: I = !1,
-    addable: b = !0,
+    addable: S = !0,
     itemsOptions: u,
     hasRangeSelector: g = !1,
     rangeSelectorOptions: y,
@@ -1746,8 +1761,8 @@ const zh = (e) => {
         distance: 5
       }
     })
-  ), P = (S) => {
-    const { active: L, over: x } = S;
+  ), P = (b) => {
+    const { active: L, over: x } = b;
     if (x && L.id !== x.id) {
       const G = r.findIndex((N) => N === L.id), v = r.findIndex((N) => N === x.id);
       if (G !== -1 && v !== -1) {
@@ -1756,12 +1771,12 @@ const zh = (e) => {
       }
     }
   };
-  function O(S) {
+  function O(b) {
     if (I)
-      return S ? /* @__PURE__ */ t(
+      return b ? /* @__PURE__ */ t(
         "img",
         {
-          src: `https://imagedelivery.net/${S[0]}/w=1000`,
+          src: `https://imagedelivery.net/${b[0]}/w=1000`,
           alt: "image",
           width: 16,
           height: 16
@@ -1776,8 +1791,8 @@ const zh = (e) => {
         }
       );
   }
-  const M = (S, L = !1) => {
-    const x = u.find((v) => v.id === S);
+  const M = (b, L = !1) => {
+    const x = u.find((v) => v.id === b);
     if (!x) return;
     const G = /* @__PURE__ */ d(Y, { children: [
       a && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -1790,12 +1805,12 @@ const zh = (e) => {
         }
       ) }),
       /* @__PURE__ */ t(
-        fe,
+        _e,
         {
           onChange: (v) => {
             const N = [...r], U = u.find((T) => T.name === v);
             if (!U) return;
-            const H = U.id, B = N.map((T) => T === S ? H : T);
+            const H = U.id, B = N.map((T) => T === b ? H : T);
             c([...B]);
           },
           value: x.name,
@@ -1814,14 +1829,14 @@ const zh = (e) => {
           width: 20,
           height: 20,
           fill: "#C12A2A",
-          onClick: () => c(r.filter((v) => v !== S))
+          onClick: () => c(r.filter((v) => v !== b))
         }
       ) }) })
     ] });
     return a ? /* @__PURE__ */ t(
       zr,
       {
-        id: S,
+        id: b,
         children: G
       },
       me()
@@ -1838,10 +1853,10 @@ const zh = (e) => {
     (h || n !== void 0) && /* @__PURE__ */ d("div", { className: be.top, children: [
       h && /* @__PURE__ */ t("h3", { className: be.title, children: h }),
       n !== void 0 && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
-          onChange: (S) => o == null ? void 0 : o(S)
+          onChange: (b) => o == null ? void 0 : o(b)
         }
       )
     ] }),
@@ -1858,12 +1873,12 @@ const zh = (e) => {
             {
               items: r,
               strategy: tt,
-              children: r.map((S) => M(S, m))
+              children: r.map((b) => M(b, m))
             }
           )
         }
-      ) : r.map((S) => M(S, m)),
-      b && /* @__PURE__ */ t(
+      ) : r.map((b) => M(b, m)),
+      S && /* @__PURE__ */ t(
         "div",
         {
           style: {
@@ -1882,7 +1897,7 @@ const zh = (e) => {
               size: "s",
               disabled: !!(s && s <= r.length || r.length === u.length),
               onClick: () => {
-                const S = [...r];
+                const b = [...r];
                 let L = null;
                 if (u) {
                   for (let x = 0; x < u.length; x++)
@@ -1891,7 +1906,7 @@ const zh = (e) => {
                       break;
                     }
                 }
-                S.push((L == null ? void 0 : L.id) || u[0].id), c(S);
+                b.push((L == null ? void 0 : L.id) || u[0].id), c(b);
               },
               style: {
                 width: "fit-content"
@@ -1913,12 +1928,12 @@ const zh = (e) => {
       )
     ] }),
     C && k && /* @__PURE__ */ t(
-      fe,
+      _e,
       {
         value: C,
         label: "Aspect Ratio",
         options: Object.keys(Ft),
-        onChange: (S) => k(S),
+        onChange: (b) => k(b),
         leftAddonOptions: Dt
       }
     ),
@@ -1942,7 +1957,7 @@ const zh = (e) => {
         label: "Auto scroll interval",
         type: "number",
         value: String(f.scrollInterval),
-        onChange: (S) => f.setScrollInterval(Number(S)),
+        onChange: (b) => f.setScrollInterval(Number(b)),
         min: 0.1,
         max: 100,
         style: {
@@ -1952,7 +1967,7 @@ const zh = (e) => {
       }
     )
   ] });
-}, Gr = "_title_11ar5_1", Wr = "_subtitle_11ar5_5", Vr = "_productsBlock_11ar5_14", jr = "_top_11ar5_26", Xr = "_products_11ar5_14", Kr = "_product_11ar5_14", Yr = "_button_11ar5_80", Jr = "_disabled_11ar5_91", Qr = "_buttons_11ar5_118", Zr = "_addButton_11ar5_164", ei = "_deleteButton_11ar5_179", ge = {
+}, Gr = "_title_11ar5_1", Wr = "_subtitle_11ar5_5", Vr = "_productsBlock_11ar5_14", jr = "_top_11ar5_26", Xr = "_products_11ar5_14", Kr = "_product_11ar5_14", Yr = "_button_11ar5_80", Jr = "_disabled_11ar5_91", Qr = "_buttons_11ar5_118", Zr = "_addButton_11ar5_164", ei = "_deleteButton_11ar5_179", fe = {
   title: Gr,
   subtitle: Wr,
   productsBlock: Vr,
@@ -1984,7 +1999,7 @@ function ti({ product: e, children: n }) {
     {
       ref: c,
       style: p,
-      className: `${ge.product} ${h ? ge.dragging : ""}`,
+      className: `${fe.product} ${h ? fe.dragging : ""}`,
       ...o,
       ...r,
       children: n
@@ -2003,7 +2018,7 @@ const Gh = (e) => {
     draggable: p = !1,
     deletable: a = !0,
     addable: I = !0,
-    itemsType: b,
+    itemsType: S,
     itemsOptions: u,
     addableOptions: g = {},
     limit: y
@@ -2016,21 +2031,21 @@ const Gh = (e) => {
   );
   _.useEffect(() => {
     if (s) {
-      const S = [...r].map((L) => L.id === s.id ? s : L);
-      c(S);
+      const b = [...r].map((L) => L.id === s.id ? s : L);
+      c(b);
     }
   }, [s]), _.useEffect(() => {
     k.current && m && (k.current.getBoundingClientRect().height, m.top);
   }, [k.current, m]);
-  const P = (S, L) => {
-    S.stopPropagation();
-    const x = S.target.getBoundingClientRect();
+  const P = (b, L) => {
+    b.stopPropagation();
+    const x = b.target.getBoundingClientRect();
     C({
       top: x.top + window.scrollY,
       left: x.left - 30
     }), f(L);
-  }, O = (S) => {
-    const { active: L, over: x } = S;
+  }, O = (b) => {
+    const { active: L, over: x } = b;
     if (x && L.id !== x.id) {
       const G = r.findIndex((N) => N.id === L.id), v = r.findIndex((N) => N.id === x.id);
       if (G !== -1 && v !== -1) {
@@ -2038,7 +2053,7 @@ const Gh = (e) => {
         N.splice(v, 0, U), c(N);
       }
     }
-  }, M = (S, L) => {
+  }, M = (b, L) => {
     const x = /* @__PURE__ */ d(Y, { children: [
       p && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
         A,
@@ -2049,41 +2064,41 @@ const Gh = (e) => {
           height: 20
         }
       ) }),
-      b === "select" && u && /* @__PURE__ */ t(
-        fe,
+      S === "select" && u && /* @__PURE__ */ t(
+        _e,
         {
           onChange: (G) => {
             const v = [...r], N = u.find((H) => H.name === G);
             if (!N) return;
-            const U = v.map((H) => H.id === S.id ? {
+            const U = v.map((H) => H.id === b.id ? {
               ...N,
               name: {
                 "en-US": G
               }
             } : H);
             f({
-              ...S,
+              ...b,
               name: {
                 "en-US": G
               }
             }), c([...U]);
           },
-          value: S.name,
+          value: b.name,
           options: u.filter((G) => !r.find((v) => v.name === G.name)).map((G) => G.name)
         }
       ),
-      /* @__PURE__ */ d("div", { className: ge.buttons, children: [
-        h && /* @__PURE__ */ t("div", { className: ge.deleteButton, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ d("div", { className: fe.buttons, children: [
+        h && /* @__PURE__ */ t("div", { className: fe.deleteButton, children: /* @__PURE__ */ t(
           A,
           {
             name: "Sliders",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (G) => P(G, S)
+            onClick: (G) => P(G, b)
           }
         ) }),
-        a && /* @__PURE__ */ t("div", { className: ge.deleteButton, children: /* @__PURE__ */ t(
+        a && /* @__PURE__ */ t("div", { className: fe.deleteButton, children: /* @__PURE__ */ t(
           A,
           {
             name: "Trash",
@@ -2091,7 +2106,7 @@ const Gh = (e) => {
             width: 20,
             height: 20,
             fill: "#C12A2A",
-            onClick: () => c(r.filter((G) => G.id !== S.id))
+            onClick: () => c(r.filter((G) => G.id !== b.id))
           }
         ) })
       ] })
@@ -2099,33 +2114,33 @@ const Gh = (e) => {
     return p ? /* @__PURE__ */ t(
       ti,
       {
-        product: S,
+        product: b,
         index: L,
         children: x
       },
-      S.id
+      b.id
     ) : /* @__PURE__ */ t(
       "div",
       {
-        className: ge.product,
+        className: fe.product,
         children: x
       },
-      S.id
+      b.id
     );
   };
-  return /* @__PURE__ */ d("div", { className: ge.productsBlock, children: [
-    (i || n !== void 0) && /* @__PURE__ */ d("div", { className: ge.top, children: [
-      i && /* @__PURE__ */ t("h3", { className: ge.title, children: i }),
+  return /* @__PURE__ */ d("div", { className: fe.productsBlock, children: [
+    (i || n !== void 0) && /* @__PURE__ */ d("div", { className: fe.top, children: [
+      i && /* @__PURE__ */ t("h3", { className: fe.title, children: i }),
       n !== void 0 && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
-          onChange: (S) => o == null ? void 0 : o(S)
+          onChange: (b) => o == null ? void 0 : o(b)
         }
       )
     ] }),
-    /* @__PURE__ */ d("div", { className: ge.products, children: [
-      l && /* @__PURE__ */ t("h5", { className: ge.subtitle, children: l }),
+    /* @__PURE__ */ d("div", { className: fe.products, children: [
+      l && /* @__PURE__ */ t("h5", { className: fe.subtitle, children: l }),
       p ? /* @__PURE__ */ t(
         Ze,
         {
@@ -2134,13 +2149,13 @@ const Gh = (e) => {
           children: /* @__PURE__ */ t(
             et,
             {
-              items: r.map((S) => S.id),
+              items: r.map((b) => b.id),
               strategy: tt,
-              children: r.map((S, L) => M(S, L))
+              children: r.map((b, L) => M(b, L))
             }
           )
         }
-      ) : r.map((S, L) => M(S, L)),
+      ) : r.map((b, L) => M(b, L)),
       I && /* @__PURE__ */ t(
         "div",
         {
@@ -2153,13 +2168,13 @@ const Gh = (e) => {
             $e,
             {
               withoutHover: !0,
-              className: R(ge.button, {
-                [ge.disabled]: !!(y && y <= r.length || r.length === (u == null ? void 0 : u.length))
+              className: R(fe.button, {
+                [fe.disabled]: !!(y && y <= r.length || r.length === (u == null ? void 0 : u.length))
               }),
               size: "s",
               disabled: !!(y && y <= r.length || r.length === (u == null ? void 0 : u.length)),
               onClick: () => {
-                const S = [...r];
+                const b = [...r];
                 let L = null;
                 if (u) {
                   for (let x = 0; x < u.length; x++)
@@ -2168,16 +2183,16 @@ const Gh = (e) => {
                       break;
                     }
                 }
-                b === "select" && u && S.push({
+                S === "select" && u && b.push({
                   name: L ? L.name : u[0].name,
                   id: (L == null ? void 0 : L.id) || u[0].id,
                   ...g
-                }), c(S);
+                }), c(b);
               },
               style: {
                 width: "fit-content"
               },
-              children: /* @__PURE__ */ d("div", { className: ge.addButton, children: [
+              children: /* @__PURE__ */ d("div", { className: fe.addButton, children: [
                 /* @__PURE__ */ t("span", { children: "Add Option" }),
                 /* @__PURE__ */ t(
                   A,
@@ -2358,7 +2373,7 @@ const Gh = (e) => {
                   }
                 ),
                 /* @__PURE__ */ t(
-                  _e,
+                  ue,
                   {
                     current: !!o[p.field.switch] || !1,
                     label: p.switchLabel,
@@ -2374,7 +2389,7 @@ const Gh = (e) => {
               ] });
             if (p.type === "select")
               return /* @__PURE__ */ t(
-                fe,
+                _e,
                 {
                   options: p.itemsOptions,
                   onChange: (a) => {
@@ -2426,7 +2441,7 @@ const Wh = (e) => {
     editable: p = !0,
     draggable: a = !1,
     deletable: I = !0,
-    addable: b = !0,
+    addable: S = !0,
     itemsType: u,
     itemsPlaceholder: g = "",
     itemsOptions: y,
@@ -2438,7 +2453,7 @@ const Wh = (e) => {
   } = e, [w, P] = _.useState(null), [O, M] = _.useState({
     top: 0,
     left: 0
-  }), [S, L] = _.useState(null), x = _.useRef(null), [G, v] = _.useState(!1), N = Je(
+  }), [b, L] = _.useState(null), x = _.useRef(null), [G, v] = _.useState(!1), N = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
@@ -2458,15 +2473,15 @@ const Wh = (e) => {
       c(T);
     }
   }, [w]), _.useEffect(() => {
-    if (x.current && S) {
+    if (x.current && b) {
       const T = x.current.getBoundingClientRect().height, F = window.innerHeight;
-      let W = S.top;
+      let W = b.top;
       W + T > F + window.scrollY - 200 && (W = F + window.scrollY - T - 200), W < 0 && (W = 10), M({
         top: W,
-        left: S.left
+        left: b.left
       });
     }
-  }, [x.current, S]);
+  }, [x.current, b]);
   const U = (T, F) => {
     T.stopPropagation();
     const W = T.target.getBoundingClientRect();
@@ -2496,7 +2511,7 @@ const Wh = (e) => {
         }
       ) }),
       u === "select" && y && /* @__PURE__ */ t(
-        fe,
+        _e,
         {
           onChange: (z) => {
             const $ = [...r].map((q) => q.id === T.id ? {
@@ -2591,7 +2606,7 @@ const Wh = (e) => {
     (l || n !== void 0) && /* @__PURE__ */ d("div", { className: ce.top, children: [
       l && /* @__PURE__ */ t("h3", { className: ce.title, children: l }),
       n !== void 0 && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
           onChange: (T) => o == null ? void 0 : o(T)
@@ -2627,7 +2642,7 @@ const Wh = (e) => {
           )
         }
       ) : r.map((T) => B(T)),
-      b && /* @__PURE__ */ t(
+      S && /* @__PURE__ */ t(
         "div",
         {
           style: {
@@ -2714,7 +2729,7 @@ const Wh = (e) => {
   closeIcon: wi
 }, ki = _.forwardRef((e, n) => {
   var k;
-  const { activeButton: o, setActiveButton: r, popupPosition: c, editableLink: i = !0 } = e, [l, h] = _.useState(o.typesText), [p, a] = _.useState(o.destination), [I, b] = _.useState(o.page), [u, g] = _.useState(o.link || ""), [y, s] = _.useState(o.text || { "en-US": "" }), [f, m] = _.useState(o.openInNewTab), { pages: C } = Ye();
+  const { activeButton: o, setActiveButton: r, popupPosition: c, editableLink: i = !0 } = e, [l, h] = _.useState(o.typesText), [p, a] = _.useState(o.destination), [I, S] = _.useState(o.page), [u, g] = _.useState(o.link || ""), [y, s] = _.useState(o.text || { "en-US": "" }), [f, m] = _.useState(o.openInNewTab), { pages: C } = Ye();
   return ct(n, () => {
     r(null);
   }), _.useEffect(() => {
@@ -2757,7 +2772,7 @@ const Wh = (e) => {
         ] }),
         /* @__PURE__ */ d("div", { className: Fe.options, children: [
           i && /* @__PURE__ */ t(
-            fe,
+            _e,
             {
               label: "Destination",
               onChange: (w) => a(w),
@@ -2766,20 +2781,20 @@ const Wh = (e) => {
             }
           ),
           i && (p === "Go to Page" ? /* @__PURE__ */ t(
-            fe,
+            _e,
             {
               label: "Go to",
               onChange: (w) => {
                 if (w === "Sign In")
-                  b("/customer-dash");
+                  S("/customer-dash");
                 else if (C) {
                   for (const P in C)
                     if (C[P].name === w) {
-                      b(C[P].path);
+                      S(C[P].path);
                       break;
                     }
                 } else
-                  b(fn[0]);
+                  S(fn[0]);
               },
               options: C ? [
                 ...Object.values(C).filter((w) => w.path !== I).map((w) => w.name),
@@ -2797,7 +2812,7 @@ const Wh = (e) => {
             }
           )),
           i && /* @__PURE__ */ t(
-            _e,
+            ue,
             {
               current: o.openInNewTab,
               label: "Open in new tab",
@@ -2835,22 +2850,22 @@ const Wh = (e) => {
   const { buttons: n, setButtons: o, deletable: r = !0, addable: c = !0, editableLink: i = !0 } = e, { pages: l } = Ye(), [h, p] = _.useState(null), [a, I] = _.useState({
     top: 0,
     left: 0
-  }), [b, u] = _.useState(null), g = _.useRef(null);
+  }), [S, u] = _.useState(null), g = _.useRef(null);
   _.useEffect(() => {
     if (h) {
       const f = [...n].map((m) => m.id === h.id ? h : m);
       o(f);
     }
   }, [h]), _.useEffect(() => {
-    if (g.current && b) {
+    if (g.current && S) {
       const f = g.current.getBoundingClientRect().height, m = window.innerHeight;
-      let C = b.top;
+      let C = S.top;
       C + f > m + window.scrollY - 200 && (C = m + window.scrollY - f - 200), C < 0 && (C = 10), I({
         top: C,
-        left: b.left
+        left: S.left
       });
     }
-  }, [g.current, b]);
+  }, [g.current, S]);
   const y = (f, m) => {
     f.stopPropagation();
     const C = f.target.getBoundingClientRect();
@@ -2874,7 +2889,7 @@ const Wh = (e) => {
         className: Le.product,
         children: [
           /* @__PURE__ */ t(
-            fe,
+            _e,
             {
               onChange: (C) => {
                 const w = [...n].map((P) => P.id === f.id ? {
@@ -3012,7 +3027,7 @@ const Wh = (e) => {
     /* @__PURE__ */ d("div", { className: Fe.top, children: [
       /* @__PURE__ */ t("h3", { className: Fe.title, children: "Buttons" }),
       /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
           onChange: (p) => o(p)
@@ -3045,7 +3060,7 @@ const Wh = (e) => {
   controls: Wi,
   button: Vi
 }, $t = (e) => {
-  const { label: n, min: o = 1, max: r = 4, step: c = 1, count: i, setCount: l } = e, [h, p] = _.useState(!1), a = Array.from({ length: (r - o) / c + 1 }), I = (i - o) / (r - o) * 100, b = () => {
+  const { label: n, min: o = 1, max: r = 4, step: c = 1, count: i, setCount: l } = e, [h, p] = _.useState(!1), a = Array.from({ length: (r - o) / c + 1 }), I = (i - o) / (r - o) * 100, S = () => {
     i < r && l(i + c);
   }, u = () => {
     i > o && l(i - c);
@@ -3117,7 +3132,7 @@ const Wh = (e) => {
           /* @__PURE__ */ t(
             "button",
             {
-              onClick: b,
+              onClick: S,
               disabled: i >= r,
               className: he.button,
               "aria-label": "Increment count",
@@ -3254,7 +3269,7 @@ const jh = (e) => {
     editable: p = !0,
     draggable: a = !1,
     withImage: I = !1,
-    deletable: b = !0,
+    deletable: S = !0,
     addable: u = !0,
     itemsType: g,
     itemsOptions: y,
@@ -3266,7 +3281,7 @@ const jh = (e) => {
   ), [w, P] = _.useState({
     top: 0,
     left: 0
-  }), [O, M] = _.useState(!1), S = Je(
+  }), [O, M] = _.useState(!1), b = Je(
     Qe(nt, {
       activationConstraint: {
         distance: 5
@@ -3340,7 +3355,7 @@ const jh = (e) => {
         }
       ) }),
       g === "select" && /* @__PURE__ */ t(
-        fe,
+        _e,
         {
           onChange: (F) => {
             const W = [...r], z = y.find((q) => q.productData.name === F);
@@ -3375,7 +3390,7 @@ const jh = (e) => {
             onClick: (F) => L(F, H)
           }
         ) }),
-        b && /* @__PURE__ */ t("div", { className: pe.deleteButton, children: /* @__PURE__ */ t(
+        S && /* @__PURE__ */ t("div", { className: pe.deleteButton, children: /* @__PURE__ */ t(
           A,
           {
             name: "Trash",
@@ -3408,7 +3423,7 @@ const jh = (e) => {
     (l || n !== void 0) && /* @__PURE__ */ d("div", { className: pe.top, children: [
       l && /* @__PURE__ */ t("h3", { className: pe.title, children: l }),
       n !== void 0 && /* @__PURE__ */ t(
-        _e,
+        ue,
         {
           current: n,
           onChange: (H) => o == null ? void 0 : o(H)
@@ -3431,7 +3446,7 @@ const jh = (e) => {
       a ? /* @__PURE__ */ t(
         Ze,
         {
-          sensors: S,
+          sensors: b,
           onDragEnd: G,
           onDragStart: v,
           children: /* @__PURE__ */ t(
@@ -3491,7 +3506,7 @@ const jh = (e) => {
       )
     ] }),
     f && m && /* @__PURE__ */ t(
-      fe,
+      _e,
       {
         value: f,
         options: Object.keys(Ft),
@@ -3556,7 +3571,7 @@ const jh = (e) => {
     placeholder: p,
     disabled: a = !1,
     required: I = !1,
-    regex: b,
+    regex: S,
     paddingless: u = !1,
     borderless: g = !1,
     editable: y = !1,
@@ -3567,18 +3582,18 @@ const jh = (e) => {
     onFocus: k,
     leftIcon: w,
     error: P
-  } = e, { themeSettings: O } = _t(), { isAntistock: M } = xe(), { inputs: S } = O, [L, x] = _.useState(!1);
+  } = e, { themeSettings: O } = _t(), { isAntistock: M } = xe(), { inputs: b } = O, [L, x] = _.useState(!1);
   function G(N) {
     if (Number(N) < 0) return String(l);
     const U = N.replace(/[^\d-]/g, "");
     return Number(U) < 0 ? String(l) : U;
   }
   function v(N) {
-    if (!I || !b) return !0;
+    if (!I || !S) return !0;
     try {
-      return new RegExp(b).test(N);
+      return new RegExp(S).test(N);
     } catch (U) {
-      return console.error("Invalid regex pattern:", b, U), !0;
+      return console.error("Invalid regex pattern:", S, U), !0;
     }
   }
   return /* @__PURE__ */ d("div", { className: le.wrapper, children: [
@@ -3600,8 +3615,8 @@ const jh = (e) => {
       "div",
       {
         className: R(le.content, {
-          [le.contentBorder]: !M && S.border.active,
-          [le.contentField]: S.field.active,
+          [le.contentBorder]: !M && b.border.active,
+          [le.contentField]: b.field.active,
           [le.disabled]: a,
           [le.contentIsAntistock]: M,
           [le.contentError]: P
@@ -3640,7 +3655,7 @@ const jh = (e) => {
               disabled: a,
               style: {
                 textAlign: f ? "center" : "left",
-                padding: s ? `7px ${Number(S.general.size) + 20}px 7px ${w ? 35 : 11}px` : M ? `4.5px ${C ? 35 : 11}px 4px ${w ? 35 : 11}px` : `7px ${C ? 35 : 11}px 7px ${w ? 35 : 11}px`
+                padding: s ? `7px ${Number(b.general.size) + 20}px 7px ${w ? 35 : 11}px` : M ? `4.5px ${C ? 35 : 11}px 4px ${w ? 35 : 11}px` : `7px ${C ? 35 : 11}px 7px ${w ? 35 : 11}px`
               }
             }
           ),
@@ -3650,8 +3665,8 @@ const jh = (e) => {
             {
               name: "MagnifyingGlass",
               fill: "var(--text-secondary)",
-              width: S.general.size,
-              height: S.general.size
+              width: b.general.size,
+              height: b.general.size
             }
           ) }),
           y && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
@@ -3710,7 +3725,7 @@ const jh = (e) => {
   className: a,
   showImageLoading: I = !1
 }) => {
-  const [b, u] = st(!1), [g, y] = st(!1), [s, f] = st(), [m, C] = st({}), k = ft(null), w = ft(null), { setNotifications: P, notifications: O } = Ge(), M = Array.isArray(e) ? e : e ? [e] : [], S = ($, q) => {
+  const [S, u] = st(!1), [g, y] = st(!1), [s, f] = st(), [m, C] = st({}), k = ft(null), w = ft(null), { setNotifications: P, notifications: O } = Ge(), M = Array.isArray(e) ? e : e ? [e] : [], b = ($, q) => {
     f($), P([
       ...O,
       {
@@ -3733,12 +3748,12 @@ const jh = (e) => {
     } catch (E) {
       console.error("Upload error:", E);
       let J = o ? "Failed to upload images" : "Failed to upload image", Ie = "";
-      const ue = E;
-      if ((ve = ue == null ? void 0 : ue.response) != null && ve.data) {
-        const ie = ue.response.data;
+      const ge = E;
+      if ((ve = ge == null ? void 0 : ge.response) != null && ve.data) {
+        const ie = ge.response.data;
         ie.message && ie.errors && Array.isArray(ie.errors) ? (Ie = ie.message, J = ie.errors.join(", ")) : ie.errors && Array.isArray(ie.errors) ? J = ie.errors.join(", ") : ie.message && (J = ie.message);
       } else E instanceof Error && (J = E.message);
-      throw S(J, Ie), E;
+      throw b(J, Ie), E;
     }
   }, v = Xe(
     async ($) => {
@@ -3747,7 +3762,7 @@ const jh = (e) => {
       for (const V of q) {
         const X = x(V);
         if (X) {
-          S(X);
+          b(X);
           return;
         }
       }
@@ -3814,7 +3829,7 @@ const jh = (e) => {
       "div",
       {
         className: R(ee.uploadArea, {
-          [ee.uploadAreaDragOver]: b,
+          [ee.uploadAreaDragOver]: S,
           [ee.uploadAreaUploading]: g,
           [ee.uploadAreaError]: s
         }),
@@ -4015,7 +4030,7 @@ const jh = (e) => {
     type: l = "text",
     required: h = !1,
     error: p
-  } = e, [a, I] = _.useState(r.length), { themeSettings: b } = _t(), { isAntistock: u } = xe();
+  } = e, [a, I] = _.useState(r.length), { themeSettings: S } = _t(), { isAntistock: u } = xe();
   function g(y) {
     return l === "number" ? y.replace(/[^\d\n]+/g, "") : y;
   }
@@ -4048,8 +4063,8 @@ const jh = (e) => {
         },
         placeholder: i,
         className: R(Te.textarea, {
-          [Te.contentBorder]: b.inputs.border.active,
-          [Te.contentField]: b.inputs.field.active,
+          [Te.contentBorder]: S.inputs.border.active,
+          [Te.contentField]: S.inputs.field.active,
           [Te.antistock]: u,
           [Te.contentError]: p
         }),
@@ -4068,11 +4083,11 @@ const La = (e) => {
   var O, M;
   const { product: n, setIsOpen: o, isCartEnabled: r = !0 } = e, { variants: c } = n, [i, l] = _.useState(c[0]), [h, p] = _.useState(
     i.chargeTypes ? i.chargeTypes[0] : "ONE_TIME"
-  ), { notifications: a, setNotifications: I } = Ge(), b = St(), [u, g] = _.useState(1), { cart: y, reset: s, addProductToCart: f } = We(), [m, C] = _.useState(!1);
+  ), { notifications: a, setNotifications: I } = Ge(), S = St(), [u, g] = _.useState(1), { cart: y, reset: s, addProductToCart: f } = We(), [m, C] = _.useState(!1);
   _.useEffect(() => {
     C(!0);
-    const S = setTimeout(() => C(!1), 600);
-    return () => clearTimeout(S);
+    const b = setTimeout(() => C(!1), 600);
+    return () => clearTimeout(b);
   }, [u]);
   async function k() {
     try {
@@ -4089,8 +4104,8 @@ const La = (e) => {
           status: "success"
         }
       ]);
-    } catch (S) {
-      const L = S;
+    } catch (b) {
+      const L = b;
       I([
         ...a,
         {
@@ -4103,20 +4118,20 @@ const La = (e) => {
     o == null || o(!1);
   }
   function w() {
-    s(), k(), b("/checkout");
+    s(), k(), S("/checkout");
   }
-  function P(S) {
-    if (S >= 864e5) {
-      const N = Math.floor(S / 864e5);
+  function P(b) {
+    if (b >= 864e5) {
+      const N = Math.floor(b / 864e5);
       return `${N} ${N === 1 ? "day" : "days"}`;
-    } else if (S >= 36e5) {
-      const N = Math.floor(S / 36e5);
+    } else if (b >= 36e5) {
+      const N = Math.floor(b / 36e5);
       return `${N} ${N === 1 ? "hour" : "hours"}`;
-    } else if (S >= 6e4) {
-      const N = Math.floor(S / 6e4);
+    } else if (b >= 6e4) {
+      const N = Math.floor(b / 6e4);
       return `${N} ${N === 1 ? "minute" : "minutes"}`;
     } else {
-      const N = Math.floor(S / 1e3);
+      const N = Math.floor(b / 1e3);
       return `${N} ${N === 1 ? "second" : "seconds"}`;
     }
   }
@@ -4127,30 +4142,30 @@ const La = (e) => {
       i.chargeTypes.includes(h) ? h : i.chargeTypes[0]
     );
   }, [i.chargeTypes]), /* @__PURE__ */ d("div", { className: K.options, children: [
-    i.chargeTypes && i.chargeTypes.length > 1 && /* @__PURE__ */ t("div", { className: K.chargeTypes, children: i.chargeTypes.map((S) => /* @__PURE__ */ t(
+    i.chargeTypes && i.chargeTypes.length > 1 && /* @__PURE__ */ t("div", { className: K.chargeTypes, children: i.chargeTypes.map((b) => /* @__PURE__ */ t(
       "div",
       {
         className: R(K.charge, {
-          [K.chargeActive]: h === S
+          [K.chargeActive]: h === b
         }),
-        onClick: () => p(S),
-        children: ln[S]
+        onClick: () => p(b),
+        children: ln[b]
       },
-      S
+      b
     )) }),
-    /* @__PURE__ */ t("div", { className: K.variants, children: c.filter((S) => {
+    /* @__PURE__ */ t("div", { className: K.variants, children: c.filter((b) => {
       var L;
-      return (L = S.chargeTypes) == null ? void 0 : L.includes(h);
-    }).map((S) => {
+      return (L = b.chargeTypes) == null ? void 0 : L.includes(h);
+    }).map((b) => {
       var L, x;
       return /* @__PURE__ */ d(
         "div",
         {
           className: R(K.variant, {
-            [K.activeVariant]: i.id === S.id
+            [K.activeVariant]: i.id === b.id
           }),
           onClick: () => {
-            l(S), g(1);
+            l(b), g(1);
           },
           children: [
             /* @__PURE__ */ d("div", { className: K.variantInfo, children: [
@@ -4160,17 +4175,17 @@ const La = (e) => {
                   className: K.title,
                   id: "h4",
                   dangerouslySetInnerHTML: {
-                    __html: Me(S.name)
+                    __html: Me(b.name)
                   }
                 }
               ),
               /* @__PURE__ */ d("span", { id: "md", children: [
                 Ce({
-                  amount: h === "ONE_TIME" ? S.price.amount : S.subscriptionSettings ? S.subscriptionSettings.price.amount : 0,
-                  currency: h === "ONE_TIME" ? S.price.currency : S.subscriptionSettings ? S.subscriptionSettings.price.currency : "USD"
+                  amount: h === "ONE_TIME" ? b.price.amount : b.subscriptionSettings ? b.subscriptionSettings.price.amount : 0,
+                  currency: h === "ONE_TIME" ? b.price.currency : b.subscriptionSettings ? b.subscriptionSettings.price.currency : "USD"
                 }),
                 " ",
-                h === "RECURRING" && S.subscriptionSettings && ` / ${_n(S.subscriptionSettings.recurringIntervalDays || 0)}`
+                h === "RECURRING" && b.subscriptionSettings && ` / ${_n(b.subscriptionSettings.recurringIntervalDays || 0)}`
               ] })
             ] }),
             /* @__PURE__ */ t("div", { id: "md", children: h === "ONE_TIME" && /* @__PURE__ */ d(
@@ -4179,7 +4194,7 @@ const La = (e) => {
                 className: K.stock,
                 id: "md",
                 children: [
-                  (L = S.quantity.restrictions) != null && L.max || S.quantity.available !== void 0 ? ((x = S.quantity.restrictions) == null ? void 0 : x.max) || S.quantity.available : "∞",
+                  (L = b.quantity.restrictions) != null && L.max || b.quantity.available !== void 0 ? ((x = b.quantity.restrictions) == null ? void 0 : x.max) || b.quantity.available : "∞",
                   " ",
                   "in stock"
                 ]
@@ -4187,7 +4202,7 @@ const La = (e) => {
             ) })
           ]
         },
-        S.id
+        b.id
       );
     }) }),
     h === "ONE_TIME" && /* @__PURE__ */ d(
@@ -4201,7 +4216,7 @@ const La = (e) => {
             {
               type: "Secondary",
               onClick: () => {
-                u > 1 ? g((S) => S - 1) : g(1);
+                u > 1 ? g((b) => b - 1) : g(1);
               },
               className: K.button,
               disabled: i.quantity.available && i.quantity.restrictions && u <= i.quantity.restrictions.min || i.quantity.available === 0,
@@ -4213,8 +4228,8 @@ const La = (e) => {
             {
               type: "number",
               value: String(u),
-              onChange: (S) => {
-                i.quantity.available && Number(S) > i.quantity.available ? g(i.quantity.available) : g(Number(S));
+              onChange: (b) => {
+                i.quantity.available && Number(b) > i.quantity.available ? g(i.quantity.available) : g(Number(b));
               },
               max: ((O = i.quantity.restrictions) == null ? void 0 : O.max) || i.quantity.available || Number.POSITIVE_INFINITY,
               min: ((M = i.quantity.restrictions) == null ? void 0 : M.min) || 0,
@@ -4227,7 +4242,7 @@ const La = (e) => {
             {
               type: "Secondary",
               onClick: () => {
-                g((S) => S + 1);
+                g((b) => b + 1);
               },
               className: K.button,
               disabled: !!(i.quantity.available && i.quantity.restrictions && u >= i.quantity.restrictions.max || i.quantity.available === 0 || i.quantity.available && u >= i.quantity.available),
@@ -4348,7 +4363,7 @@ const La = (e) => {
           onClick: () => k(),
           disabled: i.quantity && i.quantity.available === 0 || u === 0,
           children: y.parts.some(
-            (S) => S.productId === n.id && S.productVariantId === i.id
+            (b) => b.productId === n.id && b.productVariantId === i.id
           ) ? "Add More" : "Add to Cart"
         }
       )
@@ -4412,8 +4427,8 @@ const La = (e) => {
       r(y);
     })();
   }, [l.parts, h]);
-  function p(b) {
-    return !b || !(b != null && b.variants) ? !1 : b.chargeType === "RECURRING";
+  function p(S) {
+    return !S || !(S != null && S.variants) ? !1 : S.chargeType === "RECURRING";
   }
   const a = l.parts.length > 0 && o.length > 0 && !p(o[0]);
   function I() {
@@ -4430,8 +4445,8 @@ const La = (e) => {
           padding: 10,
           position: "relative"
         },
-        onClick: (b) => {
-          b.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), i(!0));
+        onClick: (S) => {
+          S.stopPropagation(), window.location.pathname.includes("/admin/builder") || (n(!0), i(!0));
         },
         children: [
           /* @__PURE__ */ t(
@@ -4464,7 +4479,7 @@ const La = (e) => {
 }, ds = (e) => {
   var s, f;
   const { activeProducts: n, isCartNotEmpty: o, isOpen: r, close: c } = e, { cart: i, reset: l, getTotalAndDiscount: h, updateQuantityOfProduct: p, removeProduct: a } = We(), I = St();
-  function b(m, C) {
+  function S(m, C) {
     I(m, { replace: C });
   }
   function u(m) {
@@ -4690,7 +4705,7 @@ const La = (e) => {
                 currency: i.parts.length > 0 && ((f = (s = n.find((m) => m.id === i.parts[0].productId)) == null ? void 0 : s.variants.find((m) => m.id === i.parts[0].productVariantId)) == null ? void 0 : f.price.currency) || "USD"
               }) })
             ] }),
-            /* @__PURE__ */ t(te, { onClick: () => b("/checkout", !1), children: "Checkout" })
+            /* @__PURE__ */ t(te, { onClick: () => S("/checkout", !1), children: "Checkout" })
           ] })
         ] }) : /* @__PURE__ */ t(ms, {})
       ]
@@ -4873,10 +4888,10 @@ const La = (e) => {
   content: Ts,
   close: Ns
 }, at = (e) => {
-  const { close: n, children: o, withAnimation: r = !0, hasPadding: c = !0 } = e, { isOpen: i, setIsOpen: l } = Pe(), { themeSettings: h } = _t(), { isAntistock: p } = wn(), a = (b) => {
-    const u = b.replace("#", "");
+  const { close: n, children: o, withAnimation: r = !0, hasPadding: c = !0 } = e, { isOpen: i, setIsOpen: l } = Pe(), { themeSettings: h } = _t(), { isAntistock: p } = wn(), a = (S) => {
+    const u = S.replace("#", "");
     if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(u))
-      return console.warn("Invalid hex color:", b), b;
+      return console.warn("Invalid hex color:", S), S;
     let g = u;
     return u.length === 3 && (g = u.split("").map((y) => y + y).join("")), `#${g}e6`;
   }, I = () => {
@@ -4885,11 +4900,11 @@ const La = (e) => {
     }, 300) : (n(!1), l(!0));
   };
   return _.useEffect(() => {
-    const b = (u) => {
+    const S = (u) => {
       u.key === "Escape" && I();
     };
-    return document.addEventListener("keydown", b), () => {
-      document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", S), () => {
+      document.removeEventListener("keydown", S);
     };
   }, []), kn.createPortal(
     /* @__PURE__ */ t(
@@ -5092,11 +5107,11 @@ const La = (e) => {
   buttonsBlock: $s,
   cartDisabled: Os
 }, ed = (e) => {
-  var I, b;
+  var I, S;
   const { setIsOpen: n, setModalType: o, productId: r, isCartEnabled: c = !0 } = e, { cart: i } = We(), { pageContext: l } = Ye(), h = (I = l == null ? void 0 : l.listings) == null ? void 0 : I.find((u) => u.id === r);
   if (!h)
     return null;
-  const p = (b = l == null ? void 0 : l.products) == null ? void 0 : b.find(
+  const p = (S = l == null ? void 0 : l.products) == null ? void 0 : S.find(
     (u) => u.uniquePath === h.productData.uniquePath
   );
   if (!p)
@@ -5192,7 +5207,7 @@ const La = (e) => {
   var u;
   const { pageContext: n } = Ye(), o = (u = n == null ? void 0 : n.listings) == null ? void 0 : u.find((g) => g.id === e.productId), [r, c] = _.useState(!0), [i, l] = _.useState(null), h = (i == null ? void 0 : i.variants[0]) || null, [p, a] = _.useState(
     "ONE_TIME"
-  ), { addProducts: I } = We(), { setIsOpen: b } = Pe();
+  ), { addProducts: I } = We(), { setIsOpen: S } = Pe();
   return _.useEffect(() => {
     (async () => {
       c(!0);
@@ -5204,7 +5219,7 @@ const La = (e) => {
       I(y == null ? void 0 : y.data.products), l(y == null ? void 0 : y.data.products[0]), c(!1);
     })();
   }, []), _.useEffect(() => {
-    b(!0);
+    S(!0);
   }, []), /* @__PURE__ */ t(at, { close: e.setIsOpen, children: /* @__PURE__ */ d(
     "div",
     {
@@ -5235,7 +5250,7 @@ const La = (e) => {
     }
   ) });
 }, Ys = (e) => {
-  const { variants: n, activeChargeType: o, productId: r, setIsOpen: c } = e, { cart: i, addProductToCart: l, addProducts: h, updateQuantityOfProduct: p } = We(), { notifications: a, setNotifications: I } = Ge(), { pageContext: b } = Ye(), { setIsOpen: u } = Pe(), g = () => {
+  const { variants: n, activeChargeType: o, productId: r, setIsOpen: c } = e, { cart: i, addProductToCart: l, addProducts: h, updateQuantityOfProduct: p } = We(), { notifications: a, setNotifications: I } = Ge(), { pageContext: S } = Ye(), { setIsOpen: u } = Pe(), g = () => {
     u(!1), setTimeout(() => {
       c(!1);
     }, 300);
@@ -5259,7 +5274,7 @@ const La = (e) => {
         chargeType: o
       });
     else {
-      b != null && b.products && h(b.products);
+      S != null && S.products && h(S.products);
       try {
         l({
           productId: r,
@@ -5413,7 +5428,7 @@ const La = (e) => {
     setProductId: c,
     setIsProductModalOpen: i,
     setShowDropdown: l
-  } = e, [h, p] = _.useState(null), [a, I] = _.useState(!0), { setIsOpen: b } = Pe();
+  } = e, [h, p] = _.useState(null), [a, I] = _.useState(!0), { setIsOpen: S } = Pe();
   _.useEffect(() => {
     var y;
     I(!0);
@@ -5422,10 +5437,10 @@ const La = (e) => {
     );
     g && p([...g]), I(!1);
   }, [o]), _.useEffect(() => {
-    b(!0);
+    S(!0);
   }, []);
   const u = () => {
-    b(!1), setTimeout(() => {
+    S(!1), setTimeout(() => {
       n(!1);
     }, 300);
   };
@@ -5630,7 +5645,7 @@ const La = (e) => {
     leftAddonOptions: p,
     isMaxLength: a = !0,
     error: I
-  } = e, [b, u] = _.useState(!1), [g, y] = _.useState(""), [s, f] = _.useState(null), [m, C] = _.useState(!1), k = _.useRef(null);
+  } = e, [S, u] = _.useState(!1), [g, y] = _.useState(""), [s, f] = _.useState(null), [m, C] = _.useState(!1), k = _.useRef(null);
   ct(k, () => u(!1));
   function w(v) {
     y(""), n(v), u(!1), f(null);
@@ -5639,7 +5654,7 @@ const La = (e) => {
     return v ? v.length > N + 3 ? `${v.slice(0, N)}...` : v : "";
   }
   function O(v) {
-    if (!b) {
+    if (!S) {
       (v.key === "Enter" || v.key === "ArrowDown") && u(!0);
       return;
     }
@@ -5650,10 +5665,10 @@ const La = (e) => {
       (U) => U === null || U === 0 ? N.length - 1 : U - 1
     )), v.key === "Enter" && s !== null && (v.preventDefault(), w(N[s])), v.key === "Escape" && u(!1);
   }
-  const M = _.useRef(null), S = _.useMemo(() => new Mt(c, {
+  const M = _.useRef(null), b = _.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [c]), L = _.useMemo(() => m && g.trim() !== "" ? S.search(g).map((v) => v.item) : c, [g, c, m, S]);
+  }), [c]), L = _.useMemo(() => m && g.trim() !== "" ? b.search(g).map((v) => v.item) : c, [g, c, m, b]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -5673,7 +5688,7 @@ const La = (e) => {
             }
           ),
           l && /* @__PURE__ */ t(
-            _e,
+            ue,
             {
               current: l.value,
               onChange: l.onChange
@@ -5690,7 +5705,7 @@ const La = (e) => {
                 "div",
                 {
                   className: R(ne.select, {
-                    [ne.borderFocused]: b,
+                    [ne.borderFocused]: S,
                     [ne.selectError]: I
                   }),
                   onKeyDown: O,
@@ -5712,7 +5727,7 @@ const La = (e) => {
                     /* @__PURE__ */ t(
                       "div",
                       {
-                        className: R(ne.icon, { [ne.rotate]: b }),
+                        className: R(ne.icon, { [ne.rotate]: S }),
                         onClick: (v) => {
                           v.stopPropagation(), u((N) => !N);
                         },
@@ -5733,7 +5748,7 @@ const La = (e) => {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  className: R(ne.options, { [ne.open]: b }),
+                  className: R(ne.options, { [ne.open]: S }),
                   style: {
                     top: ((G = M.current) == null ? void 0 : G.clientHeight) + 10
                   },
@@ -5805,7 +5820,7 @@ const La = (e) => {
   toggle: Ol,
   background: Rl,
   padding: Hl
-}, _e = (e) => {
+}, ue = (e) => {
   const { onChange: n, style: o, current: r, label: c, hasBackground: i = !1, paddingless: l = !0 } = e, [h, p] = _.useState(r), a = () => {
     p((I) => !I), n == null || n(!h);
   };
@@ -5933,11 +5948,11 @@ var Wl = 150, Vl = function(n, o) {
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (ut = /* @__PURE__ */ new WeakSet(), gt = /* @__PURE__ */ new WeakSet());
 function jl(e) {
   var n, o = e.getItemOffset, r = e.getEstimatedTotalSize, c = e.getItemSize, i = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, h = e.getStopIndexForStartIndex, p = e.initInstanceProps, a = e.shouldResetStyleCacheOnItemSizeChange, I = e.validateProps;
-  return n = /* @__PURE__ */ function(b) {
-    El(u, b);
+  return n = /* @__PURE__ */ function(S) {
+    El(u, S);
     function u(y) {
       var s;
-      return s = b.call(this, y) || this, s._instanceProps = p(s.props, Wt(s)), s._outerRef = void 0, s._resetIsScrollingTimeoutId = null, s.state = {
+      return s = S.call(this, y) || this, s._instanceProps = p(s.props, Wt(s)), s._outerRef = void 0, s._resetIsScrollingTimeoutId = null, s.state = {
         instance: Wt(s),
         isScrolling: !1,
         scrollDirection: "forward",
@@ -5961,14 +5976,14 @@ function jl(e) {
         if (P.hasOwnProperty(f))
           O = P[f];
         else {
-          var M = o(s.props, f, s._instanceProps), S = c(s.props, f, s._instanceProps), L = C === "horizontal" || w === "horizontal", x = C === "rtl", G = L ? M : 0;
+          var M = o(s.props, f, s._instanceProps), b = c(s.props, f, s._instanceProps), L = C === "horizontal" || w === "horizontal", x = C === "rtl", G = L ? M : 0;
           P[f] = O = {
             position: "absolute",
             left: x ? void 0 : G,
             right: x ? G : void 0,
             top: L ? 0 : M,
-            height: L ? "100%" : S,
-            width: L ? S : "100%"
+            height: L ? "100%" : b,
+            width: L ? b : "100%"
           };
         }
         return O;
@@ -6078,12 +6093,12 @@ function jl(e) {
     }, g.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Xt(this._resetIsScrollingTimeoutId);
     }, g.render = function() {
-      var s = this.props, f = s.children, m = s.className, C = s.direction, k = s.height, w = s.innerRef, P = s.innerElementType, O = s.innerTagName, M = s.itemCount, S = s.itemData, L = s.itemKey, x = L === void 0 ? Vl : L, G = s.layout, v = s.outerElementType, N = s.outerTagName, U = s.style, H = s.useIsScrolling, B = s.width, T = this.state.isScrolling, F = C === "horizontal" || G === "horizontal", W = F ? this._onScrollHorizontal : this._onScrollVertical, z = this._getRangeToRender(), Q = z[0], $ = z[1], q = [];
+      var s = this.props, f = s.children, m = s.className, C = s.direction, k = s.height, w = s.innerRef, P = s.innerElementType, O = s.innerTagName, M = s.itemCount, b = s.itemData, L = s.itemKey, x = L === void 0 ? Vl : L, G = s.layout, v = s.outerElementType, N = s.outerTagName, U = s.style, H = s.useIsScrolling, B = s.width, T = this.state.isScrolling, F = C === "horizontal" || G === "horizontal", W = F ? this._onScrollHorizontal : this._onScrollVertical, z = this._getRangeToRender(), Q = z[0], $ = z[1], q = [];
       if (M > 0)
         for (var D = Q; D <= $; D++)
           q.push(yt(f, {
-            data: S,
-            key: x(D, S),
+            data: b,
+            key: x(D, b),
             index: D,
             isScrolling: H ? T : void 0,
             style: this._getItemStyle(D)
@@ -6120,15 +6135,15 @@ function jl(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var P = this.state, O = P.scrollDirection, M = P.scrollOffset, S = P.scrollUpdateWasRequested;
-        this._callOnScroll(O, M, S);
+        var P = this.state, O = P.scrollDirection, M = P.scrollOffset, b = P.scrollUpdateWasRequested;
+        this._callOnScroll(O, M, b);
       }
     }, g._getRangeToRender = function() {
       var s = this.props, f = s.itemCount, m = s.overscanCount, C = this.state, k = C.isScrolling, w = C.scrollDirection, P = C.scrollOffset;
       if (f === 0)
         return [0, 0, 0, 0];
-      var O = l(this.props, P, this._instanceProps), M = h(this.props, O, P, this._instanceProps), S = !k || w === "backward" ? Math.max(1, m) : 1, L = !k || w === "forward" ? Math.max(1, m) : 1;
-      return [Math.max(0, O - S), Math.max(0, Math.min(f - 1, M + L)), O, M];
+      var O = l(this.props, P, this._instanceProps), M = h(this.props, O, P, this._instanceProps), b = !k || w === "backward" ? Math.max(1, m) : 1, L = !k || w === "forward" ? Math.max(1, m) : 1;
+      return [Math.max(0, O - b), Math.max(0, Math.min(f - 1, M + L)), O, M];
     }, u;
   }(gn), n.defaultProps = {
     direction: "ltr",
@@ -6142,7 +6157,7 @@ var Xl = function(n, o) {
   var r = n.children, c = n.direction, i = n.height, l = n.layout, h = n.innerTagName, p = n.outerTagName, a = n.width, I = o.instance;
   if (process.env.NODE_ENV !== "production") {
     (h != null || p != null) && gt && !gt.has(I) && (gt.add(I), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
-    var b = c === "horizontal" || l === "horizontal";
+    var S = c === "horizontal" || l === "horizontal";
     switch (c) {
       case "horizontal":
       case "vertical":
@@ -6163,9 +6178,9 @@ var Xl = function(n, o) {
     }
     if (r == null)
       throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (r === null ? "null" : typeof r) + '" was specified.'));
-    if (b && typeof a != "number")
+    if (S && typeof a != "number")
       throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
-    if (!b && typeof i != "number")
+    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.'));
   }
 }, Kl = /* @__PURE__ */ jl({
@@ -6182,7 +6197,7 @@ var Xl = function(n, o) {
     return r * o;
   },
   getOffsetForIndexAndAlignment: function(n, o, r, c, i, l) {
-    var h = n.direction, p = n.height, a = n.itemCount, I = n.itemSize, b = n.layout, u = n.width, g = h === "horizontal" || b === "horizontal", y = g ? u : p, s = Math.max(0, a * I - y), f = Math.min(s, o * I), m = Math.max(0, o * I - y + I + l);
+    var h = n.direction, p = n.height, a = n.itemCount, I = n.itemSize, S = n.layout, u = n.width, g = h === "horizontal" || S === "horizontal", y = g ? u : p, s = Math.max(0, a * I - y), f = Math.min(s, o * I), m = Math.max(0, o * I - y + I + l);
     switch (r === "smart" && (c >= m - y && c <= f + y ? r = "auto" : r = "center"), r) {
       case "start":
         return f;
@@ -6202,7 +6217,7 @@ var Xl = function(n, o) {
     return Math.max(0, Math.min(r - 1, Math.floor(o / c)));
   },
   getStopIndexForStartIndex: function(n, o, r) {
-    var c = n.direction, i = n.height, l = n.itemCount, h = n.itemSize, p = n.layout, a = n.width, I = c === "horizontal" || p === "horizontal", b = o * h, u = I ? a : i, g = Math.ceil((u + r - b) / h);
+    var c = n.direction, i = n.height, l = n.itemCount, h = n.itemSize, p = n.layout, a = n.width, I = c === "horizontal" || p === "horizontal", S = o * h, u = I ? a : i, g = Math.ceil((u + r - S) / h);
     return Math.max(0, Math.min(
       l - 1,
       o + g - 1
@@ -7846,11 +7861,11 @@ const dn = (e) => {
     postfixs: h,
     leftAddonOptions: p,
     enableIconLazyLoading: a = !1
-  } = e, [I, b] = _.useState(!1), [u, g] = _.useState(""), [y, s] = _.useState(null), [f, m] = _.useState(!1), [, C] = _.useReducer((B) => B + 1, 0), k = _.useRef(null);
-  Ip(k, () => b(!1));
+  } = e, [I, S] = _.useState(!1), [u, g] = _.useState(""), [y, s] = _.useState(null), [f, m] = _.useState(!1), [, C] = _.useReducer((B) => B + 1, 0), k = _.useRef(null);
+  Ip(k, () => S(!1));
   const { registerIconsRange: w } = fp(), P = _.useCallback(
     (B) => {
-      g(""), n(B), b(!1), s(null);
+      g(""), n(B), S(!1), s(null);
     },
     [n]
   );
@@ -7859,7 +7874,7 @@ const dn = (e) => {
   }
   function M(B) {
     if (!I) {
-      (B.key === "Enter" || B.key === "ArrowDown") && b(!0);
+      (B.key === "Enter" || B.key === "ArrowDown") && S(!0);
       return;
     }
     const T = x;
@@ -7867,9 +7882,9 @@ const dn = (e) => {
       (F) => F === null || F === T.length - 1 ? 0 : F + 1
     )), B.key === "ArrowUp" && (B.preventDefault(), s(
       (F) => F === null || F === 0 ? T.length - 1 : F - 1
-    )), B.key === "Enter" && y !== null && (B.preventDefault(), P(T[y])), B.key === "Escape" && b(!1);
+    )), B.key === "Enter" && y !== null && (B.preventDefault(), P(T[y])), B.key === "Escape" && S(!1);
   }
-  const S = _.useRef(null), L = _.useMemo(() => new Mt(c, {
+  const b = _.useRef(null), L = _.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
   }), [c]), x = _.useMemo(() => f && u.trim() !== "" ? L.search(u).map((B) => B.item) : c, [u, c, f, L]);
@@ -7946,7 +7961,7 @@ const dn = (e) => {
             }
           ),
           l && /* @__PURE__ */ t(
-            _e,
+            ue,
             {
               current: l.value,
               onChange: l.onChange
@@ -7965,9 +7980,9 @@ const dn = (e) => {
                   className: R(se.select, { [se.borderFocused]: I }),
                   onKeyDown: M,
                   onClick: (B) => {
-                    B.stopPropagation(), b((T) => !T), m(!1);
+                    B.stopPropagation(), S((T) => !T), m(!1);
                   },
-                  ref: S,
+                  ref: b,
                   tabIndex: 0,
                   children: [
                     p && /* @__PURE__ */ t("div", { className: se.addon, children: v.get(r) }),
@@ -7977,7 +7992,7 @@ const dn = (e) => {
                       {
                         className: R(se.icon, { [se.rotate]: I }),
                         onClick: (B) => {
-                          B.stopPropagation(), b((T) => !T);
+                          B.stopPropagation(), S((T) => !T);
                         },
                         children: /* @__PURE__ */ t(
                           A,
@@ -7997,7 +8012,7 @@ const dn = (e) => {
                 {
                   className: R(se.options, { [se.open]: I }),
                   style: {
-                    top: (((H = S.current) == null ? void 0 : H.clientHeight) ?? 0) + 10
+                    top: (((H = b.current) == null ? void 0 : H.clientHeight) ?? 0) + 10
                   },
                   children: [
                     c.length > 6 && /* @__PURE__ */ t(
@@ -8179,10 +8194,10 @@ const dn = (e) => {
   error: "#FF3F19",
   success: "#338B13"
 }, sd = (e) => {
-  const { type: n, message: o, style: r, padding: c, timer: i, id: l, element: h, label: p } = e, [a, I] = _.useState(i), { setNotifications: b } = Ge();
+  const { type: n, message: o, style: r, padding: c, timer: i, id: l, element: h, label: p } = e, [a, I] = _.useState(i), { setNotifications: S } = Ge();
   function u() {
     const y = Ge.getState().notifications.filter((s) => s.id !== l);
-    b([...y]);
+    S([...y]);
   }
   return _.useEffect(() => {
     const g = setTimeout(() => {
@@ -8331,7 +8346,7 @@ function Ih(e, n) {
     };
   }, [e, n]);
 }
-const fe = (e) => {
+const _e = (e) => {
   var x, G;
   const {
     onChange: n,
@@ -8344,7 +8359,7 @@ const fe = (e) => {
     leftAddonOptions: p,
     isMaxLength: a = !0,
     error: I
-  } = e, [b, u] = _.useState(!1), [g, y] = _.useState(""), [s, f] = _.useState(null), [m, C] = _.useState(!1), k = _.useRef(null);
+  } = e, [S, u] = _.useState(!1), [g, y] = _.useState(""), [s, f] = _.useState(null), [m, C] = _.useState(!1), k = _.useRef(null);
   Ih(k, () => u(!1));
   function w(v) {
     y(""), n(v), u(!1), f(null);
@@ -8353,7 +8368,7 @@ const fe = (e) => {
     return v ? v.length > N + 3 ? `${v.slice(0, N)}...` : v : "";
   }
   function O(v) {
-    if (!b) {
+    if (!S) {
       (v.key === "Enter" || v.key === "ArrowDown") && u(!0);
       return;
     }
@@ -8364,10 +8379,10 @@ const fe = (e) => {
       (U) => U === null || U === 0 ? N.length - 1 : U - 1
     )), v.key === "Enter" && s !== null && (v.preventDefault(), w(N[s])), v.key === "Escape" && u(!1);
   }
-  const M = _.useRef(null), S = _.useMemo(() => new Mt(c, {
+  const M = _.useRef(null), b = _.useMemo(() => new Mt(c, {
     threshold: 0.4,
     minMatchCharLength: 2
-  }), [c]), L = _.useMemo(() => m && g.trim() !== "" ? S.search(g).map((v) => v.item) : c, [g, c, m, S]);
+  }), [c]), L = _.useMemo(() => m && g.trim() !== "" ? b.search(g).map((v) => v.item) : c, [g, c, m, b]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -8387,7 +8402,7 @@ const fe = (e) => {
             }
           ),
           l && /* @__PURE__ */ t(
-            _e,
+            ue,
             {
               current: l.value,
               onChange: l.onChange
@@ -8404,7 +8419,7 @@ const fe = (e) => {
                 "div",
                 {
                   className: R(oe.select, {
-                    [oe.borderFocused]: b,
+                    [oe.borderFocused]: S,
                     [oe.selectError]: I
                   }),
                   onKeyDown: O,
@@ -8421,7 +8436,7 @@ const fe = (e) => {
                     /* @__PURE__ */ t(
                       "div",
                       {
-                        className: R(oe.icon, { [oe.rotate]: b }),
+                        className: R(oe.icon, { [oe.rotate]: S }),
                         onClick: (v) => {
                           v.stopPropagation(), u((N) => !N);
                         },
@@ -8442,7 +8457,7 @@ const fe = (e) => {
               /* @__PURE__ */ d(
                 "div",
                 {
-                  className: R(oe.options, { [oe.open]: b }),
+                  className: R(oe.options, { [oe.open]: S }),
                   style: {
                     top: ((G = M.current) == null ? void 0 : G.clientHeight) + 10
                   },
@@ -8583,7 +8598,7 @@ export {
   Gh as P,
   jh as Q,
   pd as R,
-  fe as S,
+  _e as S,
   rn as T,
   ln as U,
   La as V,
@@ -8608,7 +8623,7 @@ export {
   dn as ac,
   Uh as b,
   ye as c,
-  _e as d,
+  ue as d,
   sn as e,
   Ct as f,
   te as g,