@billgangcom/theme-lib 1.18.0 → 1.19.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { j as t, c as H, I as x, a as G, S as z, T as lt, C as ot, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as _t, e as it, f as at, M as mt } from "./root-CL1RHy-a.js";
-import { k as Gn, l as Yn, h as Xn, L as Qn, P as Wn, R as Jn, g as Kn, i as Zn } from "./root-CL1RHy-a.js";
+import { j as t, c as H, I as x, a as G, S as z, T as lt, C as ot, b as Y, D as rt, H as dt, B as X, v as tt, u as ut, d as _t, e as it, f as at, M as mt } from "./root-BudTzp0i.js";
+import { k as Gn, l as Yn, h as Xn, E as Qn, L as Wn, P as Jn, R as Kn, g as Zn, i as tc } from "./root-BudTzp0i.js";
 import b from "react";
 const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16", jt = "_open_2tiiw_19", ft = "_content_2tiiw_23", J = {
   accordion: gt,
@@ -155,11 +155,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   text: qt,
   top: Lt,
   itemsBlock: Mt
-}, Ht = "_typeTexts_3zlec_1", Rt = "_block_3zlec_7", Vt = "_active_3zlec_18", nt = {
+}, Ht = "_typeTexts_3zlec_1", Rt = "_block_3zlec_7", Et = "_active_3zlec_18", nt = {
   typeTexts: Ht,
   block: Rt,
-  active: Vt
-}, Et = ["bold", "italic", "underline", "strike-through", "code"], pt = (r) => {
+  active: Et
+}, Vt = ["bold", "italic", "underline", "strike-through", "code"], pt = (r) => {
   const { typesText: n, setTypesText: s } = r;
   function c(a) {
     switch (a) {
@@ -175,7 +175,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         return "TextUnderline";
     }
   }
-  return /* @__PURE__ */ t.jsx("div", { className: nt.typeTexts, children: Et.map((a) => /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: nt.typeTexts, children: Vt.map((a) => /* @__PURE__ */ t.jsx(
     "div",
     {
       className: H(nt.block, {
@@ -219,7 +219,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         z,
         {
           current: s,
-          onChange: (y) => c(y)
+          onChange: (k) => c(k)
         }
       )
     ] }),
@@ -228,7 +228,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       /* @__PURE__ */ t.jsx(
         lt,
         {
-          onChange: (y) => l(y),
+          onChange: (k) => l(k),
           value: a,
           maxLength: 150
         }
@@ -471,9 +471,9 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     title: e,
     subtitle: i,
     editable: u = !0,
-    draggable: y = !1,
+    draggable: k = !1,
     withImage: h = !1,
-    deletable: v = !0,
+    deletable: y = !0,
     addable: j = !0,
     itemsType: o,
     itemsPlaceholder: _ = "",
@@ -483,19 +483,19 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     modalOptions: N,
     addableOptions: Q = {},
     limit: D
-  } = r, [R, V] = b.useState(null), [st, et] = b.useState({
+  } = r, [R, E] = b.useState(null), [st, et] = b.useState({
     top: 0,
     left: 0
-  }), [p, k] = b.useState(!1), S = (d, B) => {
+  }), [p, v] = b.useState(!1), S = (d, B) => {
     const O = [...c], [$] = O.splice(d, 1);
     O.splice(B, 0, $), a(O);
   };
   b.useEffect(() => {
     const d = () => {
-      V(null), k(!1);
+      E(null), v(!1);
     };
-    return document.body.addEventListener("click", d), V(null), k(!1), () => {
-      V(null), k(!1), document.body.removeEventListener("click", d);
+    return document.body.addEventListener("click", d), E(null), v(!1), () => {
+      E(null), v(!1), document.body.removeEventListener("click", d);
     };
   }, []), b.useEffect(() => {
     if (R) {
@@ -504,13 +504,13 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     }
   }, [R]);
   const C = (d, B) => {
-    d.stopPropagation(), k(!0);
+    d.stopPropagation(), v(!0);
     const O = d.target.getBoundingClientRect(), $ = 500, W = window.innerHeight;
     let M = O.top + window.scrollY;
     M + $ > W && (M = W - $ - 20), et({
       top: M - 80,
       left: O.left - 30
-    }), V(B);
+    }), E(B);
   };
   function F(d) {
     if (h)
@@ -534,7 +534,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   }
   const q = (d, B) => {
     const O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      k && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         x,
         {
           name: "DotsSixVertical",
@@ -547,11 +547,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         Y,
         {
           onChange: ($) => {
-            const M = [...c].map((E) => E.id === d.id ? {
+            const M = [...c].map((V) => V.id === d.id ? {
               ...d,
               name: $
-            } : E);
-            V({
+            } : V);
+            E({
               ...d,
               name: $
             }), a([...M]);
@@ -565,10 +565,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         G,
         {
           onChange: ($) => {
-            const M = [...c].map((E) => E.id === d.id ? {
+            const M = [...c].map((V) => V.id === d.id ? {
               ...d,
               name: $
-            } : E);
+            } : V);
             a([...M]);
           },
           value: d.name,
@@ -579,10 +579,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         ot,
         {
           onChange: ($) => {
-            const M = [...c].map((E) => E.id === d.id ? {
+            const M = [...c].map((V) => V.id === d.id ? {
               ...d,
               images: $
-            } : E);
+            } : V);
             a([...M]);
           }
         }
@@ -598,7 +598,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             onClick: ($) => C($, d)
           }
         ),
-        v && /* @__PURE__ */ t.jsx(
+        y && /* @__PURE__ */ t.jsx(
           x,
           {
             name: "Trash",
@@ -611,7 +611,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         )
       ] })
     ] });
-    return y ? /* @__PURE__ */ t.jsx(
+    return k ? /* @__PURE__ */ t.jsx(
       he,
       {
         product: d,
@@ -644,16 +644,16 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       de,
       {
         activeItem: R,
-        setActiveItem: V,
+        setActiveItem: E,
         popupPosition: st,
         modalOptions: N,
-        setIsOpenModal: k
+        setIsOpenModal: v
       }
     ),
     P && A && /* @__PURE__ */ t.jsx(bs, { ...A }),
     /* @__PURE__ */ t.jsxs("div", { className: I.products, children: [
       i && /* @__PURE__ */ t.jsx("h5", { className: I.subtitle, children: i }),
-      y ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((d, B) => q(d, B)) }) : c.map((d, B) => q(d, B)),
+      k ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((d, B) => q(d, B)) }) : c.map((d, B) => q(d, B)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
@@ -716,7 +716,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   other: Oe,
   options: De
 }, qe = (r) => {
-  const { activeButton: n, setActiveButton: s, popupPosition: c } = r, [a, l] = b.useState(n.typesText), [e, i] = b.useState(n.destination), [u, y] = b.useState(n.link || ""), [h, v] = b.useState(n.text || "");
+  const { activeButton: n, setActiveButton: s, popupPosition: c } = r, [a, l] = b.useState(n.typesText), [e, i] = b.useState(n.destination), [u, k] = b.useState(n.link || ""), [h, y] = b.useState(n.text || "");
   return b.useEffect(() => {
     s({
       ...n,
@@ -774,7 +774,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           ) : /* @__PURE__ */ t.jsx(
             G,
             {
-              onChange: (j) => y(j),
+              onChange: (j) => k(j),
               value: u,
               placeholder: "https://",
               label: "Link"
@@ -790,7 +790,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx(
             lt,
             {
-              onChange: (j) => v(j),
+              onChange: (j) => y(j),
               value: h,
               label: "Text",
               maxLength: 150
@@ -807,13 +807,13 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       ]
     }
   );
-}, Le = "_subtitle_1y5sw_1", Me = "_header_1y5sw_8", He = "_text_1y5sw_9", Re = "_productsBlock_1y5sw_10", Ve = "_buttonsBlock_1y5sw_11", Ee = "_top_1y5sw_22", ze = "_itemsBlock_1y5sw_29", Fe = "_typeTexts_1y5sw_35", Ue = "_block_1y5sw_41", Ge = "_active_1y5sw_52", Ye = "_products_1y5sw_10", Xe = "_product_1y5sw_10", Qe = "_button_1y5sw_11", We = "_image_1y5sw_80", Je = "_info_1y5sw_87", Ke = "_name_1y5sw_98", Ze = "_buttons_1y5sw_11", ts = "_modal_1y5sw_108", es = "_other_1y5sw_125", ss = "_options_1y5sw_131", Z = {
+}, Le = "_subtitle_1y5sw_1", Me = "_header_1y5sw_8", He = "_text_1y5sw_9", Re = "_productsBlock_1y5sw_10", Ee = "_buttonsBlock_1y5sw_11", Ve = "_top_1y5sw_22", ze = "_itemsBlock_1y5sw_29", Fe = "_typeTexts_1y5sw_35", Ue = "_block_1y5sw_41", Ge = "_active_1y5sw_52", Ye = "_products_1y5sw_10", Xe = "_product_1y5sw_10", Qe = "_button_1y5sw_11", We = "_image_1y5sw_80", Je = "_info_1y5sw_87", Ke = "_name_1y5sw_98", Ze = "_buttons_1y5sw_11", ts = "_modal_1y5sw_108", es = "_other_1y5sw_125", ss = "_options_1y5sw_131", Z = {
   subtitle: Le,
   header: Me,
   text: He,
   productsBlock: Re,
-  buttonsBlock: Ve,
-  top: Ee,
+  buttonsBlock: Ee,
+  top: Ve,
   itemsBlock: ze,
   typeTexts: Fe,
   block: Ue,
@@ -842,18 +842,18 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     };
   }, []), b.useEffect(() => {
     if (l) {
-      const h = [...n].map((v) => v.id === l.id ? l : v);
+      const h = [...n].map((y) => y.id === l.id ? l : y);
       s(h);
     }
   }, [l]);
-  const y = (h, v) => {
+  const k = (h, y) => {
     h.stopPropagation();
     const j = h.target.getBoundingClientRect(), o = 490, _ = window.innerHeight;
     let m = j.top + window.scrollY;
     m + o > _ && (m = _ - o - 20), u({
       top: m,
       left: j.left - 30
-    }), e(v);
+    }), e(y);
   };
   return /* @__PURE__ */ t.jsxs("div", { className: Z.products, children: [
     /* @__PURE__ */ t.jsx("h5", { className: Z.subtitle, children: "Button Type" }),
@@ -865,10 +865,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx(
             Y,
             {
-              onChange: (v) => {
+              onChange: (y) => {
                 const o = [...n].map((_) => _.id === h.id ? {
                   ...h,
-                  type: v
+                  type: y
                 } : _);
                 s(o);
               },
@@ -884,8 +884,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 hoverable: !0,
                 width: 20,
                 height: 20,
-                onClick: (v) => {
-                  y(v, h);
+                onClick: (y) => {
+                  k(y, h);
                 }
               }
             ),
@@ -895,8 +895,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                 name: "Trash",
                 hoverable: !0,
                 onClick: () => {
-                  const v = n.filter((j) => j.id !== h.id);
-                  s(v);
+                  const y = n.filter((j) => j.id !== h.id);
+                  s(y);
                 },
                 width: 20,
                 height: 20,
@@ -982,7 +982,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   controls: gs,
   button: xs
 }, bs = (r) => {
-  const { label: n, min: s = 1, max: c = 4, step: a = 1, count: l, setCount: e } = r, [i, u] = b.useState(!1), y = Array.from({ length: (c - s) / a + 1 }), h = (l - s) / (c - s) * 100, v = () => {
+  const { label: n, min: s = 1, max: c = 4, step: a = 1, count: l, setCount: e } = r, [i, u] = b.useState(!1), k = Array.from({ length: (c - s) / a + 1 }), h = (l - s) / (c - s) * 100, y = () => {
     l < c && e(l + a);
   }, j = () => {
     l > s && e(l - a);
@@ -1002,7 +1002,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             style: { width: `${h}%` }
           }
         ),
-        /* @__PURE__ */ t.jsx("div", { className: w.dots, children: y.map((_, m) => {
+        /* @__PURE__ */ t.jsx("div", { className: w.dots, children: k.map((_, m) => {
           const P = m <= (l - s) / a;
           return /* @__PURE__ */ t.jsx(
             "button",
@@ -1054,7 +1054,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: v,
+              onClick: y,
               disabled: l >= c,
               className: w.button,
               "aria-label": "Increment count",
@@ -1176,7 +1176,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       children: c
     }
   );
-}, Vn = (r) => {
+}, En = (r) => {
   const {
     isActiveItems: n,
     setIsActiveItems: s,
@@ -1186,18 +1186,18 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     title: e,
     subtitle: i,
     editable: u = !0,
-    draggable: y = !1,
+    draggable: k = !1,
     withImage: h = !1,
-    deletable: v = !0,
+    deletable: y = !0,
     addable: j = !0,
     itemsType: o,
     itemsOptions: _
   } = r, [m, P] = b.useState(null), [A, N] = b.useState({
     top: 0,
     left: 0
-  }), [Q, D] = b.useState(!1), R = (p, k) => {
+  }), [Q, D] = b.useState(!1), R = (p, v) => {
     const S = [...c], [C] = S.splice(p, 1);
-    S.splice(k, 0, C), a(S);
+    S.splice(v, 0, C), a(S);
   };
   b.useEffect(() => {
     const p = () => {
@@ -1208,18 +1208,18 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     };
   }, []), b.useEffect(() => {
     if (m) {
-      const p = [...c].map((k) => k.id === m.id ? m : k);
+      const p = [...c].map((v) => v.id === m.id ? m : v);
       a(p);
     }
   }, [m]);
-  const V = (p, k) => {
+  const E = (p, v) => {
     p.stopPropagation();
     const S = p.target.getBoundingClientRect(), C = 100, F = window.innerHeight;
     let q = S.top + window.scrollY;
     q + C > F && (q = F - C - 20), D(!0), N({
       top: q - 80,
       left: S.left - 30
-    }), P(k);
+    }), P(v);
   };
   function st(p) {
     if (h)
@@ -1241,9 +1241,9 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         }
       );
   }
-  const et = (p, k) => {
+  const et = (p, v) => {
     const S = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      y && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+      k && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
         x,
         {
           name: "DotsSixVertical",
@@ -1251,7 +1251,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           width: 20,
           height: 20
         }
-      ) }),
+      ) }, v),
       o === "select" && /* @__PURE__ */ t.jsx(
         Y,
         {
@@ -1277,7 +1277,8 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
           value: p.name,
           options: [..._.map((C) => `Product ${C.id}`)],
           leftAddon: st(p.images[0])
-        }
+        },
+        v
       ),
       /* @__PURE__ */ t.jsxs("div", { className: T.buttons, children: [
         u && /* @__PURE__ */ t.jsx(
@@ -1287,10 +1288,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
             hoverable: !0,
             width: 20,
             height: 20,
-            onClick: (C) => V(C, p)
+            onClick: (C) => E(C, p)
           }
         ),
-        v && /* @__PURE__ */ t.jsx(
+        y && /* @__PURE__ */ t.jsx(
           x,
           {
             name: "Trash",
@@ -1303,11 +1304,11 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         )
       ] })
     ] });
-    return y ? /* @__PURE__ */ t.jsx(
+    return k ? /* @__PURE__ */ t.jsx(
       Hs,
       {
         product: p,
-        index: k,
+        index: v,
         moveProduct: R,
         children: S
       },
@@ -1343,18 +1344,18 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     ),
     /* @__PURE__ */ t.jsxs("div", { className: T.products, children: [
       i && /* @__PURE__ */ t.jsx("h5", { className: T.subtitle, children: i }),
-      y ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((p, k) => et(p, k)) }) : c.map((p, k) => et(p, k)),
+      k ? /* @__PURE__ */ t.jsx(rt, { backend: dt, children: c.map((p, v) => et(p, v)) }) : c.map((p, v) => et(p, v)),
       j && /* @__PURE__ */ t.jsxs(
         X,
         {
           className: T.button,
           size: "s",
           onClick: () => {
-            const p = [...c], k = _[0].id;
+            const p = [...c], v = _[0].id;
             p.push({
-              name: `Product ${k}`,
+              name: `Product ${v}`,
               id: tt(),
-              listingId: k,
+              listingId: v,
               imagePath: "",
               images: [],
               stats: {
@@ -1380,10 +1381,10 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
     ] }),
     l !== void 0 && /* @__PURE__ */ t.jsx(ht, { items: l })
   ] });
-}, Rs = "_options_163bj_1", Vs = "_price_163bj_12", Es = "_oldPrice_163bj_18", zs = "_newPrice_163bj_26", Fs = "_meta_163bj_33", Us = "_info_163bj_39", Gs = "_infoRight_163bj_46", Ys = "_buttons_163bj_52", Xs = "_variants_163bj_59", Qs = "_variant_163bj_59", Ws = "_stock_163bj_74", Js = "_variantInfo_163bj_81", Ks = "_quantity_163bj_87", Zs = "_count_163bj_93", tn = "_button_163bj_52", en = "_activeVariant_163bj_110", sn = "_chargeTypes_163bj_114", nn = "_charge_163bj_114", cn = "_chargeActive_163bj_131", f = {
+}, Rs = "_options_163bj_1", Es = "_price_163bj_12", Vs = "_oldPrice_163bj_18", zs = "_newPrice_163bj_26", Fs = "_meta_163bj_33", Us = "_info_163bj_39", Gs = "_infoRight_163bj_46", Ys = "_buttons_163bj_52", Xs = "_variants_163bj_59", Qs = "_variant_163bj_59", Ws = "_stock_163bj_74", Js = "_variantInfo_163bj_81", Ks = "_quantity_163bj_87", Zs = "_count_163bj_93", tn = "_button_163bj_52", en = "_activeVariant_163bj_110", sn = "_chargeTypes_163bj_114", nn = "_charge_163bj_114", cn = "_chargeActive_163bj_131", f = {
   options: Rs,
-  price: Vs,
-  oldPrice: Es,
+  price: Es,
+  oldPrice: Vs,
   newPrice: zs,
   meta: Fs,
   info: Us,
@@ -1400,16 +1401,16 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   chargeTypes: sn,
   charge: nn,
   chargeActive: cn
-}, En = (r) => {
-  const { variants: n } = r, [s, c] = b.useState(n[0]), a = it(), [l, e] = b.useState(1), { reset: i, addProductToCart: u, getProducts: y } = at();
+}, Vn = (r) => {
+  const { variants: n } = r, [s, c] = b.useState(n[0]), a = it(), [l, e] = b.useState(1), { reset: i, addProductToCart: u, getProducts: k } = at();
   async function h() {
-    await y(), await u({
+    await k(), await u({
       productId: r.id,
       productVariantId: s.id,
       quantity: l
     });
   }
-  function v() {
+  function y() {
     i(), h(), a("/checkout");
   }
   function j(o) {
@@ -1511,7 +1512,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         X,
         {
           type: "Primary",
-          onClick: () => v(),
+          onClick: () => y(),
           children: "Buy Now"
         }
       ),
@@ -1609,7 +1610,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
         if (r.parts[_].productVariantId === o.variants[_].id)
           return r.parts[_].productVariantId;
   }
-  function y(o) {
+  function k(o) {
     for (let _ = 0; _ < r.parts.length; _++)
       for (let m = 0; m < o.variants.length; m++)
         if (r.parts[_].productVariantId === o.variants[_].id)
@@ -1618,7 +1619,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
   function h(o) {
     i(o);
   }
-  function v(o) {
+  function y(o) {
     a({
       productId: o.id,
       productVariantId: o.activeVariantId,
@@ -1637,7 +1638,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
       const _ = r.parts.map((A) => String(A.productId)), P = (await s([..._])).map((A) => ({
         ...A,
         activeVariantId: u(A),
-        quantity: y(A)
+        quantity: k(A)
       }));
       e(P);
     })();
@@ -1712,7 +1713,7 @@ const gt = "_accordion_2tiiw_1", xt = "_header_2tiiw_9", bt = "_icon_2tiiw_16",
                   /* @__PURE__ */ t.jsx(
                     "div",
                     {
-                      onClick: () => v(o),
+                      onClick: () => y(o),
                       className: g.productButton,
                       children: /* @__PURE__ */ t.jsx(
                         x,
@@ -1770,25 +1771,26 @@ export {
   Yn as ChooseImageModal,
   Xn as ColorPicker,
   Dn as EmptyCart,
+  Qn as ErrorableBlock,
   zn as HeaderButtons,
   x as Icon,
   G as Input,
   me as ItemsSettings,
   Hn as LayoutSettings,
-  Vn as ListingSelector,
-  Qn as Loader,
+  En as ListingSelector,
+  Wn as Loader,
   mt as Modal,
-  Wn as Picker,
-  En as ProductOptions,
-  Jn as Radio,
+  Jn as Picker,
+  Vn as ProductOptions,
+  Kn as Radio,
   bs as RangeSelector,
   Y as Select,
   Sn as ShoppingButton,
   On as ShoppingModalCart,
-  Kn as Submodal,
+  Zn as Submodal,
   z as Switch,
   zt as TextSettings,
   lt as Textarea,
-  Zn as Tip,
+  tc as Tip,
   pt as TypesText
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@billgangcom/theme-lib",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -23,7 +23,7 @@
     }
   },
   "dependencies": {
-    "@billgangcom/frontend-lib": "^4.0.0",
+    "@billgangcom/frontend-lib": "^4.0.1",
     "axios": "^1.7.7",
     "react": "^18.3.1",
     "react-dnd": "^16.0.1",