@billgangcom/theme-lib 1.122.0 → 1.123.0

package/dist/{builder-components-CvexDBBH.js → builder-components-B6Ct-1cI.js}

@@ -1,12 +1,12 @@
-import { jsxs as y, jsx as c, Fragment as Pe } from "react/jsx-runtime";
+import { jsxs as w, jsx as c, Fragment as Pe } from "react/jsx-runtime";
 import A, { useLayoutEffect as Tr, useEffect as U, useRef as V, useMemo as H, useCallback as te, useState as he, memo as Mr, useReducer as Rr, createContext as Lt, useContext as nt } from "react";
-import { u as ne, a as qe, b as J, c as se, d as Po, e as Vn, f as B, v as tn, T as mt, g as Or, h as Kn, i as Fe, j as Lo, r as Fo, k as dn, l as Bt, m as X, n as jo, L as ot, o as Gn, p as rt, q as $r, s as Yn, t as tt, w as hn, x as Rt, y as zo, A as Pr, S as Lr, C as Fr, z as ft, B as jr, D as Be, E as Ft, R as _n, F as wn, G as Ho, H as nn, I as ye, P as go, J as zr, K as Hr } from "./builder-BDWYOk4o.js";
-import { I as R, u as Wr, B as Xe, E as on, c as ue, S as Ce, d as Tn, T as Ur } from "./ui-components-CiVZSTvC.js";
+import { u as ne, a as Xe, b as J, c as se, d as Po, e as Vn, f as B, v as tn, T as vt, g as Or, h as Kn, i as Fe, j as Lo, r as Fo, k as dn, l as Bt, m as Y, n as zo, L as ot, o as qn, p as rt, q as $r, s as Gn, t as tt, w as hn, x as Rt, y as jo, A as Pr, S as Lr, C as Fr, z as ft, B as zr, D as Be, E as Ft, R as _n, F as yn, G as Ho, H as nn, I as we, P as go, J as jr, K as Hr } from "./builder-Cbzb-Pzj.js";
+import { I as R, u as Wr, B as Ye, E as on, c as ue, S as Ce, d as Tn, T as Ur } from "./ui-components-BhVIVLV-.js";
 import { unstable_batchedUpdates as Kt, createPortal as Vr } from "react-dom";
-import "./charge-C15xUj35.js";
-import "./ticket-FYGZ32D-.js";
-const Xn = ({ render: e, block: t }) => e(t), Wo = ({ settings: e, pageContext: t }) => {
-  const { footer: n } = ne(), { settings: o } = qe(), { pageContext: r } = J(), { footer: s } = se();
+import "./charge-Bv8wu-fV.js";
+import "./ticket-CbQabuyp.js";
+const Yn = ({ render: e, block: t }) => e(t), Wo = ({ settings: e, pageContext: t }) => {
+  const { footer: n } = ne(), { settings: o } = Xe(), { pageContext: r } = J(), { footer: s } = se();
   if (!s || !n) return null;
   const i = new s();
   return Object.keys(n).map((a) => {
@@ -16,7 +16,7 @@ const Xn = ({ render: e, block: t }) => e(t), Wo = ({ settings: e, pageContext:
     t || r
   );
 }, Uo = ({ settings: e, pageContext: t }) => {
-  const { header: n } = ne(), { settings: o } = qe(), { pageContext: r } = J(), { header: s } = se();
+  const { header: n } = ne(), { settings: o } = Xe(), { pageContext: r } = J(), { header: s } = se();
   if (!s || !n) return null;
   const i = new s();
   return Object.keys(n).map((a) => {
@@ -29,7 +29,7 @@ const Xn = ({ render: e, block: t }) => e(t), Wo = ({ settings: e, pageContext:
   settings: e,
   pageContext: t
 }) => {
-  const { announcement: n } = ne(), { settings: o } = qe(), { pageContext: r } = J(), { announcement: s } = se();
+  const { announcement: n } = ne(), { settings: o } = Xe(), { pageContext: r } = J(), { announcement: s } = se();
   if (!s || !n) return null;
   const i = new s();
   return Object.keys(n).map((a) => {
@@ -41,7 +41,7 @@ const Xn = ({ render: e, block: t }) => e(t), Wo = ({ settings: e, pageContext:
 }, Rd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RenderAnnouncement: Vo,
-  RenderBlock: Xn,
+  RenderBlock: Yn,
   RenderFooter: Wo,
   RenderHeader: Uo
 }, Symbol.toStringTag, { value: "Module" }));
@@ -57,17 +57,17 @@ function Kr() {
   );
 }
 const fn = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function vt(e) {
+function mt(e) {
   const t = Object.prototype.toString.call(e);
   return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
   t === "[object global]";
 }
-function qn(e) {
+function Xn(e) {
   return "nodeType" in e;
 }
 function ie(e) {
   var t, n;
-  return e ? vt(e) ? e : qn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
+  return e ? mt(e) ? e : Xn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function Jn(e) {
   const {
@@ -75,14 +75,14 @@ function Jn(e) {
   } = ie(e);
   return e instanceof t;
 }
-function jt(e) {
-  return vt(e) ? !1 : e instanceof ie(e).HTMLElement;
+function zt(e) {
+  return mt(e) ? !1 : e instanceof ie(e).HTMLElement;
 }
 function Ko(e) {
   return e instanceof ie(e).SVGElement;
 }
 function bt(e) {
-  return e ? vt(e) ? e.document : qn(e) ? Jn(e) ? e : jt(e) || Ko(e) ? e.ownerDocument : document : document : document;
+  return e ? mt(e) ? e.document : Xn(e) ? Jn(e) ? e : zt(e) || Ko(e) ? e.ownerDocument : document : document : document;
 }
 const Te = fn ? Tr : U;
 function Qn(e) {
@@ -95,7 +95,7 @@ function Qn(e) {
     return t.current == null ? void 0 : t.current(...o);
   }, []);
 }
-function Gr() {
+function qr() {
   const e = V(null), t = te((o, r) => {
     e.current = setInterval(o, r);
   }, []), n = te(() => {
@@ -110,7 +110,7 @@ function Ot(e, t) {
     n.current !== e && (n.current = e);
   }, t), n;
 }
-function zt(e, t) {
+function jt(e, t) {
   const n = V();
   return H(
     () => {
@@ -137,16 +137,16 @@ function Mn(e) {
     t.current = e;
   }, [e]), t.current;
 }
-let yn = {};
+let wn = {};
 function Ht(e, t) {
   return H(() => {
     if (t)
       return t;
-    const n = yn[e] == null ? 0 : yn[e] + 1;
-    return yn[e] = n, e + "-" + n;
+    const n = wn[e] == null ? 0 : wn[e] + 1;
+    return wn[e] = n, e + "-" + n;
   }, [e, t]);
 }
-function Go(e) {
+function qo(e) {
   return function(t) {
     for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), r = 1; r < n; r++)
       o[r - 1] = arguments[r];
@@ -162,8 +162,8 @@ function Go(e) {
     });
   };
 }
-const pt = /* @__PURE__ */ Go(1), sn = /* @__PURE__ */ Go(-1);
-function Yr(e) {
+const pt = /* @__PURE__ */ qo(1), sn = /* @__PURE__ */ qo(-1);
+function Gr(e) {
   return "clientX" in e && "clientY" in e;
 }
 function Zn(e) {
@@ -174,7 +174,7 @@ function Zn(e) {
   } = ie(e.target);
   return t && e instanceof t;
 }
-function Xr(e) {
+function Yr(e) {
   if (!e)
     return !1;
   const {
@@ -183,7 +183,7 @@ function Xr(e) {
   return t && e instanceof t;
 }
 function Rn(e) {
-  if (Xr(e)) {
+  if (Yr(e)) {
     if (e.touches && e.touches.length) {
       const {
         clientX: t,
@@ -204,7 +204,7 @@ function Rn(e) {
       };
     }
   }
-  return Yr(e) ? {
+  return Gr(e) ? {
     x: e.clientX,
     y: e.clientY
   } : null;
@@ -249,7 +249,7 @@ const $t = /* @__PURE__ */ Object.freeze({
     }
   }
 }), po = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function qr(e) {
+function Xr(e) {
   return e.matches(po) ? e : e.querySelector(po);
 }
 const Jr = {
@@ -302,9 +302,9 @@ function es() {
     announcement: e
   };
 }
-const Yo = /* @__PURE__ */ Lt(null);
+const Go = /* @__PURE__ */ Lt(null);
 function ts(e) {
-  const t = nt(Yo);
+  const t = nt(Go);
   U(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
@@ -431,10 +431,10 @@ function ss(e) {
   }));
   return n ? Vr(u, n) : u;
 }
-var G;
+var q;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
-})(G || (G = {}));
+})(q || (q = {}));
 function an() {
 }
 function is(e, t) {
@@ -517,7 +517,7 @@ function hs(e, t, n) {
     scaleY: t && n ? t.height / n.height : 1
   };
 }
-function Xo(e, t) {
+function Yo(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
@@ -559,7 +559,7 @@ function ps(e) {
   }
   return null;
 }
-function ms(e, t, n) {
+function vs(e, t, n) {
   const o = ps(t);
   if (!o)
     return e;
@@ -578,18 +578,18 @@ function ms(e, t, n) {
     left: l
   };
 }
-const vs = {
+const ms = {
   ignoreTransform: !1
 };
 function _t(e, t) {
-  t === void 0 && (t = vs);
+  t === void 0 && (t = ms);
   let n = e.getBoundingClientRect();
   if (t.ignoreTransform) {
     const {
       transform: d,
       transformOrigin: u
     } = ie(e).getComputedStyle(e);
-    d && (n = ms(n, d, u));
+    d && (n = vs(n, d, u));
   }
   const {
     top: o,
@@ -608,7 +608,7 @@ function _t(e, t) {
     right: l
   };
 }
-function mo(e) {
+function vo(e) {
   return _t(e, {
     ignoreTransform: !0
   });
@@ -627,7 +627,7 @@ function bs(e) {
 function _s(e, t) {
   return t === void 0 && (t = ie(e).getComputedStyle(e)), t.position === "fixed";
 }
-function ws(e, t) {
+function ys(e, t) {
   t === void 0 && (t = ie(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((r) => {
@@ -642,25 +642,25 @@ function eo(e, t) {
       return n;
     if (Jn(r) && r.scrollingElement != null && !n.includes(r.scrollingElement))
       return n.push(r.scrollingElement), n;
-    if (!jt(r) || Ko(r) || n.includes(r))
+    if (!zt(r) || Ko(r) || n.includes(r))
       return n;
     const s = ie(e).getComputedStyle(r);
-    return r !== e && ws(r, s) && n.push(r), _s(r, s) ? n : o(r.parentNode);
+    return r !== e && ys(r, s) && n.push(r), _s(r, s) ? n : o(r.parentNode);
   }
   return e ? o(e) : n;
 }
-function qo(e) {
+function Xo(e) {
   const [t] = eo(e, 1);
   return t ?? null;
 }
 function Cn(e) {
-  return !fn || !e ? null : vt(e) ? e : qn(e) ? Jn(e) || e === bt(e).scrollingElement ? window : jt(e) ? e : null : null;
+  return !fn || !e ? null : mt(e) ? e : Xn(e) ? Jn(e) || e === bt(e).scrollingElement ? window : zt(e) ? e : null : null;
 }
 function Jo(e) {
-  return vt(e) ? e.scrollX : e.scrollLeft;
+  return mt(e) ? e.scrollX : e.scrollLeft;
 }
 function Qo(e) {
-  return vt(e) ? e.scrollY : e.scrollTop;
+  return mt(e) ? e.scrollY : e.scrollTop;
 }
 function On(e) {
   return {
@@ -668,10 +668,10 @@ function On(e) {
     y: Qo(e)
   };
 }
-var Y;
+var G;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(Y || (Y = {}));
+})(G || (G = {}));
 function Zo(e) {
   return !fn || !e ? !1 : e === document.scrollingElement;
 }
@@ -698,7 +698,7 @@ function er(e) {
     minScroll: t
   };
 }
-const ys = {
+const ws = {
   x: 0.2,
   y: 0.2
 };
@@ -709,7 +709,7 @@ function Cs(e, t, n, o, r) {
     right: a,
     bottom: l
   } = n;
-  o === void 0 && (o = 10), r === void 0 && (r = ys);
+  o === void 0 && (o = 10), r === void 0 && (r = ws);
   const {
     isTop: d,
     isBottom: u,
@@ -718,16 +718,16 @@ function Cs(e, t, n, o, r) {
   } = er(e), g = {
     x: 0,
     y: 0
-  }, w = {
+  }, y = {
     x: 0,
     y: 0
   }, h = {
     height: t.height * r.y,
     width: t.width * r.x
   };
-  return !d && s <= t.top + h.height ? (g.y = Y.Backward, w.y = o * Math.abs((t.top + h.height - s) / h.height)) : !u && l >= t.bottom - h.height && (g.y = Y.Forward, w.y = o * Math.abs((t.bottom - h.height - l) / h.height)), !p && a >= t.right - h.width ? (g.x = Y.Forward, w.x = o * Math.abs((t.right - h.width - a) / h.width)) : !f && i <= t.left + h.width && (g.x = Y.Backward, w.x = o * Math.abs((t.left + h.width - i) / h.width)), {
+  return !d && s <= t.top + h.height ? (g.y = G.Backward, y.y = o * Math.abs((t.top + h.height - s) / h.height)) : !u && l >= t.bottom - h.height && (g.y = G.Forward, y.y = o * Math.abs((t.bottom - h.height - l) / h.height)), !p && a >= t.right - h.width ? (g.x = G.Forward, y.x = o * Math.abs((t.right - h.width - a) / h.width)) : !f && i <= t.left + h.width && (g.x = G.Backward, y.x = o * Math.abs((t.left + h.width - i) / h.width)), {
     direction: g,
-    speed: w
+    speed: y
   };
 }
 function Ss(e) {
@@ -778,7 +778,7 @@ function As(e, t) {
     bottom: r,
     right: s
   } = t(e);
-  qo(e) && (r <= 0 || s <= 0 || n >= window.innerHeight || o >= window.innerWidth) && e.scrollIntoView({
+  Xo(e) && (r <= 0 || s <= 0 || n >= window.innerHeight || o >= window.innerWidth) && e.scrollIntoView({
     block: "center",
     inline: "center"
   });
@@ -833,7 +833,7 @@ var pe;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
 })(pe || (pe = {}));
-function vo(e) {
+function mo(e) {
   e.preventDefault();
 }
 function Es(e) {
@@ -932,22 +932,22 @@ class or {
           x: 0,
           y: 0
         }, {
-          scrollableAncestors: w
+          scrollableAncestors: y
         } = o.current;
-        for (const h of w) {
-          const v = t.code, {
+        for (const h of y) {
+          const m = t.code, {
             isTop: b,
             isRight: C,
-            isLeft: m,
+            isLeft: v,
             isBottom: k,
             maxScroll: x,
             minScroll: S
           } = er(h), _ = Ss(h), N = {
-            x: Math.min(v === L.Right ? _.right - _.width / 2 : _.right, Math.max(v === L.Right ? _.left : _.left + _.width / 2, f.x)),
-            y: Math.min(v === L.Down ? _.bottom - _.height / 2 : _.bottom, Math.max(v === L.Down ? _.top : _.top + _.height / 2, f.y))
-          }, O = v === L.Right && !C || v === L.Left && !m, j = v === L.Down && !k || v === L.Up && !b;
+            x: Math.min(m === L.Right ? _.right - _.width / 2 : _.right, Math.max(m === L.Right ? _.left : _.left + _.width / 2, f.x)),
+            y: Math.min(m === L.Down ? _.bottom - _.height / 2 : _.bottom, Math.max(m === L.Down ? _.top : _.top + _.height / 2, f.y))
+          }, O = m === L.Right && !C || m === L.Left && !v, z = m === L.Down && !k || m === L.Up && !b;
           if (O && N.x !== f.x) {
-            const $ = h.scrollLeft + p.x, T = v === L.Right && $ <= x.x || v === L.Left && $ >= S.x;
+            const $ = h.scrollLeft + p.x, T = m === L.Right && $ <= x.x || m === L.Left && $ >= S.x;
             if (T && !p.y) {
               h.scrollTo({
                 left: $,
@@ -955,13 +955,13 @@ class or {
               });
               return;
             }
-            T ? g.x = h.scrollLeft - $ : g.x = v === L.Right ? h.scrollLeft - x.x : h.scrollLeft - S.x, g.x && h.scrollBy({
+            T ? g.x = h.scrollLeft - $ : g.x = m === L.Right ? h.scrollLeft - x.x : h.scrollLeft - S.x, g.x && h.scrollBy({
               left: -g.x,
               behavior: a
             });
             break;
-          } else if (j && N.y !== f.y) {
-            const $ = h.scrollTop + p.y, T = v === L.Down && $ <= x.y || v === L.Up && $ >= S.y;
+          } else if (z && N.y !== f.y) {
+            const $ = h.scrollTop + p.y, T = m === L.Down && $ <= x.y || m === L.Up && $ >= S.y;
             if (T && !p.x) {
               h.scrollTo({
                 top: $,
@@ -969,7 +969,7 @@ class or {
               });
               return;
             }
-            T ? g.y = h.scrollTop - $ : g.y = v === L.Down ? h.scrollTop - x.y : h.scrollTop - S.y, g.y && h.scrollBy({
+            T ? g.y = h.scrollTop - $ : g.y = m === L.Down ? h.scrollTop - x.y : h.scrollTop - S.y, g.y && h.scrollBy({
               top: -g.y,
               behavior: a
             });
@@ -1052,7 +1052,7 @@ class no {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(pe.Resize, this.handleCancel), this.windowListeners.add(pe.DragStart, vo), this.windowListeners.add(pe.VisibilityChange, this.handleCancel), this.windowListeners.add(pe.ContextMenu, vo), this.documentListeners.add(pe.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(pe.Resize, this.handleCancel), this.windowListeners.add(pe.DragStart, mo), this.windowListeners.add(pe.VisibilityChange, this.handleCancel), this.windowListeners.add(pe.ContextMenu, mo), this.documentListeners.add(pe.Keydown, this.handleKeydown), n) {
       if (o != null && o({
         event: this.props.event,
         activeNode: this.props.activeNode,
@@ -1271,7 +1271,7 @@ function Os(e) {
   const g = Ps({
     delta: f,
     disabled: !s
-  }), [w, h] = Gr(), v = V({
+  }), [y, h] = qr(), m = V({
     x: 0,
     y: 0
   }), b = V({
@@ -1289,11 +1289,11 @@ function Os(e) {
       case Tt.DraggableRect:
         return r;
     }
-  }, [n, r, l]), m = V(null), k = te(() => {
-    const S = m.current;
+  }, [n, r, l]), v = V(null), k = te(() => {
+    const S = v.current;
     if (!S)
       return;
-    const _ = v.current.x * b.current.x, N = v.current.y * b.current.y;
+    const _ = m.current.x * b.current.x, N = m.current.y * b.current.y;
     S.scrollBy(_, N);
   }, []), x = H(() => a === cn.TreeOrder ? [...d].reverse() : d, [a, d]);
   U(
@@ -1310,16 +1310,16 @@ function Os(e) {
           continue;
         const {
           direction: O,
-          speed: j
+          speed: z
         } = Cs(S, N, C, t, p);
         for (const $ of ["x", "y"])
-          g[$][O[$]] || (j[$] = 0, O[$] = 0);
-        if (j.x > 0 || j.y > 0) {
-          h(), m.current = S, w(k, i), v.current = j, b.current = O;
+          g[$][O[$]] || (z[$] = 0, O[$] = 0);
+        if (z.x > 0 || z.y > 0) {
+          h(), v.current = S, y(k, i), m.current = z, b.current = O;
           return;
         }
       }
-      v.current = {
+      m.current = {
         x: 0,
         y: 0
       }, b.current = {
@@ -1339,7 +1339,7 @@ function Os(e) {
       JSON.stringify(C),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(g),
-      w,
+      y,
       d,
       x,
       u,
@@ -1350,12 +1350,12 @@ function Os(e) {
 }
 const $s = {
   x: {
-    [Y.Backward]: !1,
-    [Y.Forward]: !1
+    [G.Backward]: !1,
+    [G.Forward]: !1
   },
   y: {
-    [Y.Backward]: !1,
-    [Y.Forward]: !1
+    [G.Backward]: !1,
+    [G.Forward]: !1
   }
 };
 function Ps(e) {
@@ -1364,7 +1364,7 @@ function Ps(e) {
     disabled: n
   } = e;
   const o = Mn(t);
-  return zt((r) => {
+  return jt((r) => {
     if (n || !o || !r)
       return $s;
     const s = {
@@ -1373,19 +1373,19 @@ function Ps(e) {
     };
     return {
       x: {
-        [Y.Backward]: r.x[Y.Backward] || s.x === -1,
-        [Y.Forward]: r.x[Y.Forward] || s.x === 1
+        [G.Backward]: r.x[G.Backward] || s.x === -1,
+        [G.Forward]: r.x[G.Forward] || s.x === 1
       },
       y: {
-        [Y.Backward]: r.y[Y.Backward] || s.y === -1,
-        [Y.Forward]: r.y[Y.Forward] || s.y === 1
+        [G.Backward]: r.y[G.Backward] || s.y === -1,
+        [G.Forward]: r.y[G.Forward] || s.y === 1
       }
     };
   }, [n, t, o]);
 }
 function Ls(e, t) {
   const n = t != null ? e.get(t) : void 0, o = n ? n.node.current : null;
-  return zt((r) => {
+  return jt((r) => {
     var s;
     return t == null ? null : (s = o ?? r) != null ? s : null;
   }, [o, t]);
@@ -1409,8 +1409,8 @@ var Pn;
 (function(e) {
   e.Optimized = "optimized";
 })(Pn || (Pn = {}));
-const wo = /* @__PURE__ */ new Map();
-function js(e, t) {
+const yo = /* @__PURE__ */ new Map();
+function zs(e, t) {
   let {
     dragging: n,
     dependencies: o,
@@ -1420,22 +1420,22 @@ function js(e, t) {
     frequency: a,
     measure: l,
     strategy: d
-  } = r, u = V(e), f = v(), p = Ot(f), g = te(function(b) {
-    b === void 0 && (b = []), !p.current && i((C) => C === null ? b : C.concat(b.filter((m) => !C.includes(m))));
-  }, [p]), w = V(null), h = zt((b) => {
+  } = r, u = V(e), f = m(), p = Ot(f), g = te(function(b) {
+    b === void 0 && (b = []), !p.current && i((C) => C === null ? b : C.concat(b.filter((v) => !C.includes(v))));
+  }, [p]), y = V(null), h = jt((b) => {
     if (f && !n)
-      return wo;
-    if (!b || b === wo || u.current !== e || s != null) {
+      return yo;
+    if (!b || b === yo || u.current !== e || s != null) {
       const C = /* @__PURE__ */ new Map();
-      for (let m of e) {
-        if (!m)
+      for (let v of e) {
+        if (!v)
           continue;
-        if (s && s.length > 0 && !s.includes(m.id) && m.rect.current) {
-          C.set(m.id, m.rect.current);
+        if (s && s.length > 0 && !s.includes(v.id) && v.rect.current) {
+          C.set(v.id, v.rect.current);
           continue;
         }
-        const k = m.node.current, x = k ? new to(l(k), k) : null;
-        m.rect.current = x, x && C.set(m.id, x);
+        const k = v.node.current, x = k ? new to(l(k), k) : null;
+        v.rect.current = x, x && C.set(v.id, x);
       }
       return C;
     }
@@ -1457,8 +1457,8 @@ function js(e, t) {
     [JSON.stringify(s)]
   ), U(
     () => {
-      f || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
-        g(), w.current = null;
+      f || typeof a != "number" || y.current !== null || (y.current = setTimeout(() => {
+        g(), y.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1468,7 +1468,7 @@ function js(e, t) {
     measureDroppableContainers: g,
     measuringScheduled: s != null
   };
-  function v() {
+  function m() {
     switch (d) {
       case Pt.Always:
         return !1;
@@ -1480,9 +1480,9 @@ function js(e, t) {
   }
 }
 function rr(e, t) {
-  return zt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+  return jt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
-function zs(e, t) {
+function js(e, t) {
   return rr(e, t);
 }
 function Hs(e) {
@@ -1522,7 +1522,7 @@ function gn(e) {
 function Ws(e) {
   return new to(_t(e), e);
 }
-function yo(e, t, n) {
+function wo(e, t, n) {
   t === void 0 && (t = Ws);
   const [o, r] = he(null);
   function s() {
@@ -1563,11 +1563,11 @@ function yo(e, t, n) {
 }
 function Us(e) {
   const t = rr(e);
-  return Xo(e, t);
+  return Yo(e, t);
 }
 const Co = [];
 function Vs(e) {
-  const t = V(e), n = zt((o) => e ? o && o !== Co && e && t.current && e.parentNode === t.current.parentNode ? o : eo(e) : Co, [e]);
+  const t = V(e), n = jt((o) => e ? o && o !== Co && e && t.current && e.parentNode === t.current.parentNode ? o : eo(e) : Co, [e]);
   return U(() => {
     t.current = e;
   }, [e]), n;
@@ -1614,7 +1614,7 @@ function So(e, t) {
     o && !n.current && (n.current = e), !o && n.current && (n.current = null);
   }, [e]), n.current ? sn(e, n.current) : Se;
 }
-function Gs(e) {
+function qs(e) {
   U(
     () => {
       if (!fn)
@@ -1640,7 +1640,7 @@ function Gs(e) {
     })
   );
 }
-function Ys(e, t) {
+function Gs(e, t) {
   return H(() => e.reduce((n, o) => {
     let {
       eventName: r,
@@ -1655,7 +1655,7 @@ function sr(e) {
   return H(() => e ? bs(e) : null, [e]);
 }
 const xo = [];
-function Xs(e, t) {
+function Ys(e, t) {
   t === void 0 && (t = _t);
   const [n] = e, o = sr(n ? ie(n) : null), [r, s] = he(xo);
   function i() {
@@ -1668,13 +1668,13 @@ function Xs(e, t) {
     a == null || a.disconnect(), i(), e.forEach((l) => a == null ? void 0 : a.observe(l));
   }, [e]), r;
 }
-function qs(e) {
+function Xs(e) {
   if (!e)
     return null;
   if (e.children.length > 1)
     return e;
   const t = e.children[0];
-  return jt(t) ? t : e;
+  return zt(t) ? t : e;
 }
 function Js(e) {
   let {
@@ -1684,7 +1684,7 @@ function Js(e) {
     for (const {
       target: u
     } of d)
-      if (jt(u)) {
+      if (zt(u)) {
         o((f) => {
           const p = t(u);
           return f ? {
@@ -1698,7 +1698,7 @@ function Js(e) {
   }, [t]), s = gn({
     callback: r
   }), i = te((d) => {
-    const u = qs(d);
+    const u = Xs(d);
     s == null || s.disconnect(), u && (s == null || s.observe(u)), o(u ? t(u) : null);
   }, [t, s]), [a, l] = rn(i);
   return H(() => ({
@@ -1717,10 +1717,10 @@ const Qs = [{
   current: {}
 }, en = {
   draggable: {
-    measure: mo
+    measure: vo
   },
   droppable: {
-    measure: mo,
+    measure: vo,
     strategy: Pt.WhileDragging,
     frequency: Pn.Optimized
   },
@@ -1807,7 +1807,7 @@ function ni() {
 }
 function oi(e, t) {
   switch (t.type) {
-    case G.DragStart:
+    case q.DragStart:
       return {
         ...e,
         draggable: {
@@ -1816,7 +1816,7 @@ function oi(e, t) {
           active: t.active
         }
       };
-    case G.DragMove:
+    case q.DragMove:
       return e.draggable.active == null ? e : {
         ...e,
         draggable: {
@@ -1827,8 +1827,8 @@ function oi(e, t) {
           }
         }
       };
-    case G.DragEnd:
-    case G.DragCancel:
+    case q.DragEnd:
+    case q.DragCancel:
       return {
         ...e,
         draggable: {
@@ -1844,7 +1844,7 @@ function oi(e, t) {
           }
         }
       };
-    case G.RegisterDroppable: {
+    case q.RegisterDroppable: {
       const {
         element: n
       } = t, {
@@ -1858,7 +1858,7 @@ function oi(e, t) {
         }
       };
     }
-    case G.SetDroppableDisabled: {
+    case q.SetDroppableDisabled: {
       const {
         id: n,
         key: o,
@@ -1878,7 +1878,7 @@ function oi(e, t) {
         }
       };
     }
-    case G.UnregisterDroppable: {
+    case q.UnregisterDroppable: {
       const {
         id: n,
         key: o
@@ -1924,7 +1924,7 @@ function ri(e) {
         for (const u of [l.current, d.current]) {
           if (!u)
             continue;
-          const f = qr(u);
+          const f = Xr(u);
           if (f) {
             f.focus();
             break;
@@ -1988,9 +1988,9 @@ function ai(e) {
     const d = t == null ? void 0 : t.node.current;
     if (!d || d.isConnected === !1)
       return;
-    const u = n(d), f = Xo(u, o);
+    const u = n(d), f = Yo(u, o);
     if (i || (f.x = 0), a || (f.y = 0), s.current = !0, Math.abs(f.x) > 0 || Math.abs(f.y) > 0) {
-      const p = qo(d);
+      const p = Xo(d);
       p && p.scrollBy({
         top: f.y,
         left: f.x
@@ -2003,10 +2003,10 @@ const ar = /* @__PURE__ */ Lt({
   scaleX: 1,
   scaleY: 1
 });
-var Ye;
+var Ge;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(Ye || (Ye = {}));
+})(Ge || (Ge = {}));
 const ci = /* @__PURE__ */ Mr(function(t) {
   var n, o, r, s;
   let {
@@ -2018,18 +2018,18 @@ const ci = /* @__PURE__ */ Mr(function(t) {
     collisionDetection: f = ds,
     measuring: p,
     modifiers: g,
-    ...w
+    ...y
   } = t;
-  const h = Rr(oi, void 0, ni), [v, b] = h, [C, m] = ns(), [k, x] = he(Ye.Uninitialized), S = k === Ye.Initialized, {
+  const h = Rr(oi, void 0, ni), [m, b] = h, [C, v] = ns(), [k, x] = he(Ge.Uninitialized), S = k === Ge.Initialized, {
     draggable: {
       active: _,
       nodes: N,
       translate: O
     },
     droppable: {
-      containers: j
+      containers: z
     }
-  } = v, $ = _ != null ? N.get(_) : null, T = V({
+  } = m, $ = _ != null ? N.get(_) : null, T = V({
     initial: null,
     translated: null
   }), P = H(() => {
@@ -2040,38 +2040,38 @@ const ci = /* @__PURE__ */ Mr(function(t) {
       data: (Z = $ == null ? void 0 : $.data) != null ? Z : Zs,
       rect: T
     } : null;
-  }, [_, $]), M = V(null), [W, oe] = he(null), [I, K] = he(null), me = Ot(w, Object.values(w)), je = Ht("DndDescribedBy", i), st = H(() => j.getEnabled(), [j]), Q = ii(p), {
-    droppableRects: ve,
+  }, [_, $]), M = V(null), [W, oe] = he(null), [I, K] = he(null), ve = Ot(y, Object.values(y)), ze = Ht("DndDescribedBy", i), st = H(() => z.getEnabled(), [z]), Q = ii(p), {
+    droppableRects: me,
     measureDroppableContainers: xe,
     measuringScheduled: Qe
-  } = js(st, {
+  } = zs(st, {
     dragging: S,
     dependencies: [O.x, O.y],
     config: Q.droppable
-  }), F = Ls(N, _), it = H(() => I ? Rn(I) : null, [I]), ze = Ir(), Me = zs(F, Q.draggable.measure);
+  }), F = Ls(N, _), it = H(() => I ? Rn(I) : null, [I]), je = Ir(), Me = js(F, Q.draggable.measure);
   ai({
     activeNode: _ != null ? N.get(_) : null,
-    config: ze.layoutShiftCompensation,
+    config: je.layoutShiftCompensation,
     initialRect: Me,
     measure: Q.draggable.measure
   });
-  const z = yo(F, Q.draggable.measure, Me), yt = yo(F ? F.parentElement : null), ke = V({
+  const j = wo(F, Q.draggable.measure, Me), wt = wo(F ? F.parentElement : null), ke = V({
     activatorEvent: null,
     active: null,
     activeNode: F,
     collisionRect: null,
     collisions: null,
-    droppableRects: ve,
+    droppableRects: me,
     draggableNodes: N,
     draggingNode: null,
     draggingNodeRect: null,
-    droppableContainers: j,
+    droppableContainers: z,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), at = j.getNodeFor((n = ke.current.over) == null ? void 0 : n.id), Re = Js({
+  }), at = z.getNodeFor((n = ke.current.over) == null ? void 0 : n.id), Re = Js({
     measure: Q.dragOverlay.measure
-  }), ct = (o = Re.nodeRef.current) != null ? o : F, lt = S ? (r = Re.rect) != null ? r : z : null, so = !!(Re.nodeRef.current && Re.rect), io = Us(so ? null : z), mn = sr(ct ? ie(ct) : null), He = Vs(S ? at ?? F : null), Ut = Xs(He), Vt = si(g, {
+  }), ct = (o = Re.nodeRef.current) != null ? o : F, lt = S ? (r = Re.rect) != null ? r : j : null, so = !!(Re.nodeRef.current && Re.rect), io = Us(so ? null : j), vn = sr(ct ? ie(ct) : null), He = Vs(S ? at ?? F : null), Ut = Ys(He), Vt = si(g, {
     transform: {
       x: O.x - io.x,
       y: O.y - io.y,
@@ -2080,21 +2080,21 @@ const ci = /* @__PURE__ */ Mr(function(t) {
     },
     activatorEvent: I,
     active: P,
-    activeNodeRect: z,
-    containerNodeRect: yt,
+    activeNodeRect: j,
+    containerNodeRect: wt,
     draggingNodeRect: lt,
     over: ke.current.over,
     overlayNodeRect: Re.rect,
     scrollableAncestors: He,
     scrollableAncestorRects: Ut,
-    windowRect: mn
-  }), ao = it ? pt(it, O) : null, co = Ks(He), xr = So(co), kr = So(co, [z]), ut = pt(Vt, xr), dt = lt ? gs(lt, Vt) : null, Ct = P && dt ? f({
+    windowRect: vn
+  }), ao = it ? pt(it, O) : null, co = Ks(He), xr = So(co), kr = So(co, [j]), ut = pt(Vt, xr), dt = lt ? gs(lt, Vt) : null, Ct = P && dt ? f({
     active: P,
     collisionRect: dt,
-    droppableRects: ve,
+    droppableRects: me,
     droppableContainers: st,
     pointerCoordinates: ao
-  }) : null, lo = ls(Ct, "id"), [We, uo] = he(null), Ar = so ? Vt : pt(Vt, kr), Nr = hs(Ar, (s = We == null ? void 0 : We.rect) != null ? s : null, z), vn = V(null), ho = te(
+  }) : null, lo = ls(Ct, "id"), [We, uo] = he(null), Ar = so ? Vt : pt(Vt, kr), Nr = hs(Ar, (s = We == null ? void 0 : We.rect) != null ? s : null, j), mn = V(null), ho = te(
     (Z, ae) => {
       let {
         sensor: ce,
@@ -2113,26 +2113,26 @@ const ci = /* @__PURE__ */ Mr(function(t) {
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: ke,
-        onAbort(q) {
-          if (!N.get(q))
+        onAbort(X) {
+          if (!N.get(X))
             return;
           const {
             onDragAbort: Ne
-          } = me.current, Oe = {
-            id: q
+          } = ve.current, Oe = {
+            id: X
           };
           Ne == null || Ne(Oe), C({
             type: "onDragAbort",
             event: Oe
           });
         },
-        onPending(q, Ve, Ne, Oe) {
-          if (!N.get(q))
+        onPending(X, Ve, Ne, Oe) {
+          if (!N.get(X))
             return;
           const {
             onDragPending: xt
-          } = me.current, Ke = {
-            id: q,
+          } = ve.current, Ke = {
+            id: X,
             constraint: Ve,
             initialCoordinates: Ne,
             offset: Oe
@@ -2142,7 +2142,7 @@ const ci = /* @__PURE__ */ Mr(function(t) {
             event: Ke
           });
         },
-        onStart(q) {
+        onStart(X) {
           const Ve = M.current;
           if (Ve == null)
             return;
@@ -2151,7 +2151,7 @@ const ci = /* @__PURE__ */ Mr(function(t) {
             return;
           const {
             onDragStart: Oe
-          } = me.current, St = {
+          } = ve.current, St = {
             activatorEvent: le,
             active: {
               id: Ve,
@@ -2160,27 +2160,27 @@ const ci = /* @__PURE__ */ Mr(function(t) {
             }
           };
           Kt(() => {
-            Oe == null || Oe(St), x(Ye.Initializing), b({
-              type: G.DragStart,
-              initialCoordinates: q,
+            Oe == null || Oe(St), x(Ge.Initializing), b({
+              type: q.DragStart,
+              initialCoordinates: X,
               active: Ve
             }), C({
               type: "onDragStart",
               event: St
-            }), oe(vn.current), K(le);
+            }), oe(mn.current), K(le);
           });
         },
-        onMove(q) {
+        onMove(X) {
           b({
-            type: G.DragMove,
-            coordinates: q
+            type: q.DragMove,
+            coordinates: X
           });
         },
-        onEnd: ht(G.DragEnd),
-        onCancel: ht(G.DragCancel)
+        onEnd: ht(q.DragEnd),
+        onCancel: ht(q.DragCancel)
       });
-      vn.current = Ae;
-      function ht(q) {
+      mn.current = Ae;
+      function ht(X) {
         return async function() {
           const {
             active: Ne,
@@ -2192,22 +2192,22 @@ const ci = /* @__PURE__ */ Mr(function(t) {
           if (Ne && xt) {
             const {
               cancelDrop: kt
-            } = me.current;
+            } = ve.current;
             Ke = {
               activatorEvent: le,
               active: Ne,
               collisions: Oe,
               delta: xt,
               over: St
-            }, q === G.DragEnd && typeof kt == "function" && await Promise.resolve(kt(Ke)) && (q = G.DragCancel);
+            }, X === q.DragEnd && typeof kt == "function" && await Promise.resolve(kt(Ke)) && (X = q.DragCancel);
           }
           M.current = null, Kt(() => {
             b({
-              type: q
-            }), x(Ye.Uninitialized), uo(null), oe(null), K(null), vn.current = null;
-            const kt = q === G.DragEnd ? "onDragEnd" : "onDragCancel";
+              type: X
+            }), x(Ge.Uninitialized), uo(null), oe(null), K(null), mn.current = null;
+            const kt = X === q.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Ke) {
-              const bn = me.current[kt];
+              const bn = ve.current[kt];
               bn == null || bn(Ke), C({
                 type: kt,
                 event: Ke
@@ -2235,13 +2235,13 @@ const ci = /* @__PURE__ */ Mr(function(t) {
       capturedBy: ae.sensor
     }, M.current = Ue, ho(ce, ae));
   }, [N, ho]), fo = Fs(u, Dr);
-  Gs(u), Te(() => {
-    z && k === Ye.Initializing && x(Ye.Initialized);
-  }, [z, k]), U(
+  qs(u), Te(() => {
+    j && k === Ge.Initializing && x(Ge.Initialized);
+  }, [j, k]), U(
     () => {
       const {
         onDragMove: Z
-      } = me.current, {
+      } = ve.current, {
         active: ae,
         activatorEvent: ce,
         collisions: Ue,
@@ -2281,12 +2281,12 @@ const ci = /* @__PURE__ */ Mr(function(t) {
         return;
       const {
         onDragOver: le
-      } = me.current, Ae = Ue.get(lo), ht = Ae && Ae.rect.current ? {
+      } = ve.current, Ae = Ue.get(lo), ht = Ae && Ae.rect.current ? {
         id: Ae.id,
         rect: Ae.rect.current,
         data: Ae.data,
         disabled: Ae.disabled
-      } : null, q = {
+      } : null, X = {
         active: Z,
         activatorEvent: ae,
         collisions: ce,
@@ -2297,9 +2297,9 @@ const ci = /* @__PURE__ */ Mr(function(t) {
         over: ht
       };
       Kt(() => {
-        uo(ht), le == null || le(q), C({
+        uo(ht), le == null || le(X), C({
           type: "onDragOver",
-          event: q
+          event: X
         });
       });
     },
@@ -2312,11 +2312,11 @@ const ci = /* @__PURE__ */ Mr(function(t) {
       activeNode: F,
       collisionRect: dt,
       collisions: Ct,
-      droppableRects: ve,
+      droppableRects: me,
       draggableNodes: N,
       draggingNode: ct,
       draggingNodeRect: lt,
-      droppableContainers: j,
+      droppableContainers: z,
       over: We,
       scrollableAncestors: He,
       scrollAdjustedTranslate: ut
@@ -2324,8 +2324,8 @@ const ci = /* @__PURE__ */ Mr(function(t) {
       initial: lt,
       translated: dt
     };
-  }, [P, F, Ct, dt, N, ct, lt, ve, j, We, He, ut]), Os({
-    ...ze,
+  }, [P, F, Ct, dt, N, ct, lt, me, z, We, He, ut]), Os({
+    ...je,
     delta: O,
     draggingRect: dt,
     pointerCoordinates: ao,
@@ -2335,36 +2335,36 @@ const ci = /* @__PURE__ */ Mr(function(t) {
   const Er = H(() => ({
     active: P,
     activeNode: F,
-    activeNodeRect: z,
+    activeNodeRect: j,
     activatorEvent: I,
     collisions: Ct,
-    containerNodeRect: yt,
+    containerNodeRect: wt,
     dragOverlay: Re,
     draggableNodes: N,
-    droppableContainers: j,
-    droppableRects: ve,
+    droppableContainers: z,
+    droppableRects: me,
     over: We,
     measureDroppableContainers: xe,
     scrollableAncestors: He,
     scrollableAncestorRects: Ut,
     measuringConfiguration: Q,
     measuringScheduled: Qe,
-    windowRect: mn
-  }), [P, F, z, I, Ct, yt, Re, N, j, ve, We, xe, He, Ut, Q, Qe, mn]), Br = H(() => ({
+    windowRect: vn
+  }), [P, F, j, I, Ct, wt, Re, N, z, me, We, xe, He, Ut, Q, Qe, vn]), Br = H(() => ({
     activatorEvent: I,
     activators: fo,
     active: P,
-    activeNodeRect: z,
+    activeNodeRect: j,
     ariaDescribedById: {
-      draggable: je
+      draggable: ze
     },
     dispatch: b,
     draggableNodes: N,
     over: We,
     measureDroppableContainers: xe
-  }), [I, fo, P, z, b, je, N, We, xe]);
-  return A.createElement(Yo.Provider, {
-    value: m
+  }), [I, fo, P, j, b, ze, N, We, xe]);
+  return A.createElement(Go.Provider, {
+    value: v
   }, A.createElement(pn.Provider, {
     value: Br
   }, A.createElement(ir.Provider, {
@@ -2375,7 +2375,7 @@ const ci = /* @__PURE__ */ Mr(function(t) {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
   })), A.createElement(ss, {
     ...a,
-    hiddenTextDescribedById: je
+    hiddenTextDescribedById: ze
   }));
   function Ir() {
     const Z = (W == null ? void 0 : W.autoScrollEnabled) === !1, ae = typeof l == "object" ? l.enabled === !1 : l === !1, ce = S && !Z && !ae;
@@ -2404,9 +2404,9 @@ function di(e) {
     over: p
   } = nt(pn), {
     role: g = ko,
-    roleDescription: w = "draggable",
+    roleDescription: y = "draggable",
     tabIndex: h = 0
-  } = r ?? {}, v = (l == null ? void 0 : l.id) === t, b = nt(v ? ar : li), [C, m] = rn(), [k, x] = rn(), S = Ys(i, t), _ = Ot(n);
+  } = r ?? {}, m = (l == null ? void 0 : l.id) === t, b = nt(m ? ar : li), [C, v] = rn(), [k, x] = rn(), S = Gs(i, t), _ = Ot(n);
   Te(
     () => (f.set(t, {
       id: t,
@@ -2425,20 +2425,20 @@ function di(e) {
     role: g,
     tabIndex: h,
     "aria-disabled": o,
-    "aria-pressed": v && g === ko ? !0 : void 0,
-    "aria-roledescription": w,
+    "aria-pressed": m && g === ko ? !0 : void 0,
+    "aria-roledescription": y,
     "aria-describedby": u.draggable
-  }), [o, g, h, v, w, u.draggable]);
+  }), [o, g, h, m, y, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
     activeNodeRect: d,
     attributes: N,
-    isDragging: v,
+    isDragging: m,
     listeners: o ? void 0 : S,
     node: C,
     over: p,
-    setNodeRef: m,
+    setNodeRef: v,
     setActivatorNodeRef: x,
     transform: b
   };
@@ -2464,9 +2464,9 @@ function pi(e) {
   } = nt(pn), u = V({
     disabled: n
   }), f = V(!1), p = V(null), g = V(null), {
-    disabled: w,
+    disabled: y,
     updateMeasurementsFor: h,
-    timeout: v
+    timeout: m
   } = {
     ...gi,
     ...r
@@ -2478,21 +2478,21 @@ function pi(e) {
       }
       g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
         d(Array.isArray(b.current) ? b.current : [b.current]), g.current = null;
-      }, v);
+      }, m);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
-    [v]
-  ), m = gn({
+    [m]
+  ), v = gn({
     callback: C,
-    disabled: w || !i
+    disabled: y || !i
   }), k = te((N, O) => {
-    m && (O && (m.unobserve(O), f.current = !1), N && m.observe(N));
-  }, [m]), [x, S] = rn(k), _ = Ot(t);
+    v && (O && (v.unobserve(O), f.current = !1), N && v.observe(N));
+  }, [v]), [x, S] = rn(k), _ = Ot(t);
   return U(() => {
-    !m || !x.current || (m.disconnect(), f.current = !1, m.observe(x.current));
-  }, [x, m]), U(
+    !v || !x.current || (v.disconnect(), f.current = !1, v.observe(x.current));
+  }, [x, v]), U(
     () => (a({
-      type: G.RegisterDroppable,
+      type: q.RegisterDroppable,
       element: {
         id: o,
         key: s,
@@ -2502,7 +2502,7 @@ function pi(e) {
         data: _
       }
     }), () => a({
-      type: G.UnregisterDroppable,
+      type: q.UnregisterDroppable,
       key: s,
       id: o
     })),
@@ -2510,7 +2510,7 @@ function pi(e) {
     [o]
   ), U(() => {
     n !== u.current.disabled && (a({
-      type: G.SetDroppableDisabled,
+      type: q.SetDroppableDisabled,
       id: o,
       key: s,
       disabled: n
@@ -2528,16 +2528,16 @@ function cr(e, t, n) {
   const o = e.slice();
   return o.splice(n < 0 ? o.length + n : n, 0, o.splice(t, 1)[0]), o;
 }
-function mi(e, t) {
+function vi(e, t) {
   return e.reduce((n, o, r) => {
     const s = t.get(o);
     return s && (n[r] = s), n;
   }, Array(e.length));
 }
-function Gt(e) {
+function qt(e) {
   return e !== null && e >= 0;
 }
-function vi(e, t) {
+function mi(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
@@ -2567,7 +2567,7 @@ const lr = (e) => {
     scaleX: a.width / i.width,
     scaleY: a.height / i.height
   };
-}, Yt = {
+}, Gt = {
   scaleX: 1,
   scaleY: 1
 }, _i = (e) => {
@@ -2587,25 +2587,25 @@ const lr = (e) => {
     return d ? {
       x: 0,
       y: n < i ? d.top + d.height - (a.top + a.height) : d.top - a.top,
-      ...Yt
+      ...Gt
     } : null;
   }
-  const l = wi(s, r, n);
+  const l = yi(s, r, n);
   return r > n && r <= i ? {
     x: 0,
     y: -a.height - l,
-    ...Yt
+    ...Gt
   } : r < n && r >= i ? {
     x: 0,
     y: a.height + l,
-    ...Yt
+    ...Gt
   } : {
     x: 0,
     y: 0,
-    ...Yt
+    ...Gt
   };
 };
-function wi(e, t, n) {
+function yi(e, t, n) {
   const o = e[t], r = e[t - 1], s = e[t + 1];
   return o ? n < t ? r ? o.top - (r.top + r.height) : s ? s.top - (o.top + o.height) : 0 : s ? s.top - (o.top + o.height) : r ? o.top - (r.top + r.height) : 0 : 0;
 }
@@ -2623,7 +2623,7 @@ const ur = "Sortable", dr = /* @__PURE__ */ A.createContext({
     droppable: !1
   }
 });
-function yi(e) {
+function wi(e) {
   let {
     children: t,
     id: n,
@@ -2637,10 +2637,10 @@ function yi(e) {
     droppableRects: l,
     over: d,
     measureDroppableContainers: u
-  } = hi(), f = Ht(ur, n), p = a.rect !== null, g = H(() => o.map((S) => typeof S == "object" && "id" in S ? S.id : S), [o]), w = i != null, h = i ? g.indexOf(i.id) : -1, v = d ? g.indexOf(d.id) : -1, b = V(g), C = !vi(g, b.current), m = v !== -1 && h === -1 || C, k = bi(s);
+  } = hi(), f = Ht(ur, n), p = a.rect !== null, g = H(() => o.map((S) => typeof S == "object" && "id" in S ? S.id : S), [o]), y = i != null, h = i ? g.indexOf(i.id) : -1, m = d ? g.indexOf(d.id) : -1, b = V(g), C = !mi(g, b.current), v = m !== -1 && h === -1 || C, k = bi(s);
   Te(() => {
-    C && w && u(g);
-  }, [C, g, w, u]), U(() => {
+    C && y && u(g);
+  }, [C, g, y, u]), U(() => {
     b.current = g;
   }, [g]);
   const x = H(
@@ -2648,15 +2648,15 @@ function yi(e) {
       activeIndex: h,
       containerId: f,
       disabled: k,
-      disableTransforms: m,
+      disableTransforms: v,
       items: g,
-      overIndex: v,
+      overIndex: m,
       useDragOverlay: p,
-      sortedRects: mi(g, l),
+      sortedRects: vi(g, l),
       strategy: r
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, f, k.draggable, k.droppable, m, g, v, l, p, r]
+    [h, f, k.draggable, k.droppable, v, g, m, l, p, r]
   );
   return A.createElement(dr.Provider, {
     value: x
@@ -2738,12 +2738,12 @@ function Di(e) {
     containerId: f,
     activeIndex: p,
     disabled: g,
-    disableTransforms: w,
+    disableTransforms: y,
     sortedRects: h,
-    overIndex: v,
+    overIndex: m,
     useDragOverlay: b,
     strategy: C
-  } = nt(dr), m = Ei(o, g), k = u.indexOf(i), x = H(() => ({
+  } = nt(dr), v = Ei(o, g), k = u.indexOf(i), x = H(() => ({
     sortable: {
       containerId: f,
       index: k,
@@ -2754,11 +2754,11 @@ function Di(e) {
     rect: _,
     node: N,
     isOver: O,
-    setNodeRef: j
+    setNodeRef: z
   } = pi({
     id: i,
     data: x,
-    disabled: m.droppable,
+    disabled: v.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: S,
       ...l
@@ -2772,8 +2772,8 @@ function Di(e) {
     listeners: oe,
     isDragging: I,
     over: K,
-    setActivatorNodeRef: me,
-    transform: je
+    setActivatorNodeRef: ve,
+    transform: ze
   } = di({
     id: i,
     data: x,
@@ -2781,24 +2781,24 @@ function Di(e) {
       ...Ai,
       ...n
     },
-    disabled: m.draggable
-  }), st = Kr(j, W), Q = !!$, ve = Q && !w && Gt(p) && Gt(v), xe = !b && I, Qe = xe && ve ? je : null, it = ve ? Qe ?? (a ?? C)({
+    disabled: v.draggable
+  }), st = Kr(z, W), Q = !!$, me = Q && !y && qt(p) && qt(m), xe = !b && I, Qe = xe && me ? ze : null, it = me ? Qe ?? (a ?? C)({
     rects: h,
     activeNodeRect: P,
     activeIndex: p,
-    overIndex: v,
+    overIndex: m,
     index: k
-  }) : null, ze = Gt(p) && Gt(v) ? s({
+  }) : null, je = qt(p) && qt(m) ? s({
     id: i,
     items: u,
     activeIndex: p,
-    overIndex: v
-  }) : k, Me = $ == null ? void 0 : $.id, z = V({
+    overIndex: m
+  }) : k, Me = $ == null ? void 0 : $.id, j = V({
     activeId: Me,
     items: u,
-    newIndex: ze,
+    newIndex: je,
     containerId: f
-  }), yt = u !== z.current.items, ke = t({
+  }), wt = u !== j.current.items, ke = t({
     active: $,
     containerId: f,
     isDragging: I,
@@ -2806,11 +2806,11 @@ function Di(e) {
     id: i,
     index: k,
     items: u,
-    newIndex: z.current.newIndex,
-    previousItems: z.current.items,
-    previousContainerId: z.current.containerId,
+    newIndex: j.current.newIndex,
+    previousItems: j.current.items,
+    previousContainerId: j.current.containerId,
     transition: d,
-    wasDragging: z.current.activeId != null
+    wasDragging: j.current.activeId != null
   }), at = Ni({
     disabled: !ke,
     index: k,
@@ -2818,16 +2818,16 @@ function Di(e) {
     rect: _
   });
   return U(() => {
-    Q && z.current.newIndex !== ze && (z.current.newIndex = ze), f !== z.current.containerId && (z.current.containerId = f), u !== z.current.items && (z.current.items = u);
-  }, [Q, ze, f, u]), U(() => {
-    if (Me === z.current.activeId)
+    Q && j.current.newIndex !== je && (j.current.newIndex = je), f !== j.current.containerId && (j.current.containerId = f), u !== j.current.items && (j.current.items = u);
+  }, [Q, je, f, u]), U(() => {
+    if (Me === j.current.activeId)
       return;
-    if (Me != null && z.current.activeId == null) {
-      z.current.activeId = Me;
+    if (Me != null && j.current.activeId == null) {
+      j.current.activeId = Me;
       return;
     }
     const ct = setTimeout(() => {
-      z.current.activeId = Me;
+      j.current.activeId = Me;
     }, 50);
     return () => clearTimeout(ct);
   }, [Me]), {
@@ -2837,18 +2837,18 @@ function Di(e) {
     data: x,
     rect: _,
     index: k,
-    newIndex: ze,
+    newIndex: je,
     items: u,
     isOver: O,
     isSorting: Q,
     isDragging: I,
     listeners: oe,
     node: N,
-    overIndex: v,
+    overIndex: m,
     over: K,
     setNodeRef: st,
-    setActivatorNodeRef: me,
-    setDroppableNodeRef: j,
+    setActivatorNodeRef: ve,
+    setDroppableNodeRef: z,
     setDraggableNodeRef: W,
     transform: at ?? it,
     transition: Re()
@@ -2857,7 +2857,7 @@ function Di(e) {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
       at || // Or to prevent items jumping to back to their "new" position when items change
-      yt && z.current.newIndex === k
+      wt && j.current.newIndex === k
     )
       return ki;
     if (!(xe && !Zn(T) || !d) && (Q || ke))
@@ -2921,7 +2921,7 @@ class Fi {
     this._keys = [], this._keyMap = {};
     let n = 0;
     t.forEach((o) => {
-      let r = mr(o);
+      let r = vr(o);
       this._keys.push(r), this._keyMap[r.id] = r, n += r.weight;
     }), this._keys.forEach((o) => {
       o.weight /= n;
@@ -2937,7 +2937,7 @@ class Fi {
     return JSON.stringify(this._keys);
   }
 }
-function mr(e) {
+function vr(e) {
   let t = null, n = null, o = null, r = 1, s = null;
   if (Ie(e) || Le(e))
     o = e, t = No(e), n = Ln(e);
@@ -2957,7 +2957,7 @@ function No(e) {
 function Ln(e) {
   return Le(e) ? e.join(".") : e;
 }
-function ji(e, t) {
+function zi(e, t) {
   let n = [], o = !1;
   const r = (s, i, a) => {
     if (de(s))
@@ -2979,7 +2979,7 @@ function ji(e, t) {
   };
   return r(e, Ie(t) ? t.split(".") : t, 0), o ? n : n[0];
 }
-const zi = {
+const ji = {
   // Whether the matches should be included in the result set. When `true`, each record in the result
   // set will include the indices of the matched characters.
   // These can consequently be used for highlighting purposes.
@@ -3020,7 +3020,7 @@ const zi = {
   useExtendedSearch: !1,
   // The get function to use when fetching an object's properties.
   // The default will search nested paths *ie foo.bar.baz*
-  getFn: ji,
+  getFn: zi,
   // When `true`, search will ignore `location` and `distance`, so it won't matter
   // where in the string the pattern appears.
   // More info: https://fusejs.io/concepts/scoring-theory.html#fuzziness-score
@@ -3034,7 +3034,7 @@ const zi = {
 };
 var E = {
   ...Hi,
-  ...zi,
+  ...ji,
   ...Wi,
   ...Ui
 };
@@ -3149,15 +3149,15 @@ class ro {
     };
   }
 }
-function vr(e, t, { getFn: n = E.getFn, fieldNormWeight: o = E.fieldNormWeight } = {}) {
+function mr(e, t, { getFn: n = E.getFn, fieldNormWeight: o = E.fieldNormWeight } = {}) {
   const r = new ro({ getFn: n, fieldNormWeight: o });
-  return r.setKeys(e.map(mr)), r.setSources(t), r.create(), r;
+  return r.setKeys(e.map(vr)), r.setSources(t), r.create(), r;
 }
-function Gi(e, { getFn: t = E.getFn, fieldNormWeight: n = E.fieldNormWeight } = {}) {
+function qi(e, { getFn: t = E.getFn, fieldNormWeight: n = E.fieldNormWeight } = {}) {
   const { keys: o, records: r } = e, s = new ro({ getFn: t, fieldNormWeight: n });
   return s.setKeys(o), s.setIndexRecords(r), s;
 }
-function Xt(e, {
+function Yt(e, {
   errors: t = 0,
   currentLocation: n = 0,
   expectedLocation: o = 0,
@@ -3170,7 +3170,7 @@ function Xt(e, {
   const a = Math.abs(o - n);
   return r ? i + a / r : a ? 1 : i;
 }
-function Yi(e = [], t = E.minMatchCharLength) {
+function Gi(e = [], t = E.minMatchCharLength) {
   let n = [], o = -1, r = -1, s = 0;
   for (let i = e.length; s < i; s += 1) {
     let a = e[s];
@@ -3179,7 +3179,7 @@ function Yi(e = [], t = E.minMatchCharLength) {
   return e[s - 1] && s - o >= t && n.push([o, s - 1]), n;
 }
 const et = 32;
-function Xi(e, t, n, {
+function Yi(e, t, n, {
   location: o = E.location,
   distance: r = E.distance,
   threshold: s = E.threshold,
@@ -3191,29 +3191,29 @@ function Xi(e, t, n, {
   if (t.length > et)
     throw new Error($i(et));
   const u = t.length, f = e.length, p = Math.max(0, Math.min(o, f));
-  let g = s, w = p;
-  const h = a > 1 || l, v = h ? Array(f) : [];
+  let g = s, y = p;
+  const h = a > 1 || l, m = h ? Array(f) : [];
   let b;
-  for (; (b = e.indexOf(t, w)) > -1; ) {
-    let _ = Xt(t, {
+  for (; (b = e.indexOf(t, y)) > -1; ) {
+    let _ = Yt(t, {
       currentLocation: b,
       expectedLocation: p,
       distance: r,
       ignoreLocation: d
     });
-    if (g = Math.min(_, g), w = b + u, h) {
+    if (g = Math.min(_, g), y = b + u, h) {
       let N = 0;
       for (; N < u; )
-        v[b + N] = 1, N += 1;
+        m[b + N] = 1, N += 1;
     }
   }
-  w = -1;
-  let C = [], m = 1, k = u + f;
+  y = -1;
+  let C = [], v = 1, k = u + f;
   const x = 1 << u - 1;
   for (let _ = 0; _ < u; _ += 1) {
     let N = 0, O = k;
     for (; N < O; )
-      Xt(t, {
+      Yt(t, {
         errors: _,
         currentLocation: p + O,
         expectedLocation: p,
@@ -3221,23 +3221,23 @@ function Xi(e, t, n, {
         ignoreLocation: d
       }) <= g ? N = O : k = O, O = Math.floor((k - N) / 2 + N);
     k = O;
-    let j = Math.max(1, p - O + 1), $ = i ? f : Math.min(p + O, f) + u, T = Array($ + 2);
+    let z = Math.max(1, p - O + 1), $ = i ? f : Math.min(p + O, f) + u, T = Array($ + 2);
     T[$ + 1] = (1 << _) - 1;
-    for (let M = $; M >= j; M -= 1) {
+    for (let M = $; M >= z; M -= 1) {
       let W = M - 1, oe = n[e.charAt(W)];
-      if (h && (v[W] = +!!oe), T[M] = (T[M + 1] << 1 | 1) & oe, _ && (T[M] |= (C[M + 1] | C[M]) << 1 | 1 | C[M + 1]), T[M] & x && (m = Xt(t, {
+      if (h && (m[W] = +!!oe), T[M] = (T[M + 1] << 1 | 1) & oe, _ && (T[M] |= (C[M + 1] | C[M]) << 1 | 1 | C[M + 1]), T[M] & x && (v = Yt(t, {
         errors: _,
         currentLocation: W,
         expectedLocation: p,
         distance: r,
         ignoreLocation: d
-      }), m <= g)) {
-        if (g = m, w = W, w <= p)
+      }), v <= g)) {
+        if (g = v, y = W, y <= p)
           break;
-        j = Math.max(1, 2 * p - w);
+        z = Math.max(1, 2 * p - y);
       }
     }
-    if (Xt(t, {
+    if (Yt(t, {
       errors: _ + 1,
       currentLocation: p,
       expectedLocation: p,
@@ -3248,17 +3248,17 @@ function Xi(e, t, n, {
     C = T;
   }
   const S = {
-    isMatch: w >= 0,
+    isMatch: y >= 0,
     // Count exact matches (those with a score of 0) to be "almost" exact
-    score: Math.max(1e-3, m)
+    score: Math.max(1e-3, v)
   };
   if (h) {
-    const _ = Yi(v, a);
+    const _ = Gi(m, a);
     _.length ? l && (S.indices = _) : S.isMatch = !1;
   }
   return S;
 }
-function qi(e) {
+function Xi(e) {
   let t = {};
   for (let n = 0, o = e.length; n < o; n += 1) {
     const r = e.charAt(n);
@@ -3291,21 +3291,21 @@ class br {
       ignoreLocation: u
     }, t = l ? t : t.toLowerCase(), t = d ? ln(t) : t, this.pattern = t, this.chunks = [], !this.pattern.length)
       return;
-    const f = (g, w) => {
+    const f = (g, y) => {
       this.chunks.push({
         pattern: g,
-        alphabet: qi(g),
-        startIndex: w
+        alphabet: Xi(g),
+        startIndex: y
       });
     }, p = this.pattern.length;
     if (p > et) {
       let g = 0;
-      const w = p % et, h = p - w;
+      const y = p % et, h = p - y;
       for (; g < h; )
         f(this.pattern.substr(g, et), g), g += et;
-      if (w) {
-        const v = p - et;
-        f(this.pattern.substr(v), v);
+      if (y) {
+        const m = p - et;
+        f(this.pattern.substr(m), m);
       }
     } else
       f(this.pattern, 0);
@@ -3328,8 +3328,8 @@ class br {
       ignoreLocation: u
     } = this.options;
     let f = [], p = 0, g = !1;
-    this.chunks.forEach(({ pattern: h, alphabet: v, startIndex: b }) => {
-      const { isMatch: C, score: m, indices: k } = Xi(t, h, v, {
+    this.chunks.forEach(({ pattern: h, alphabet: m, startIndex: b }) => {
+      const { isMatch: C, score: v, indices: k } = Yi(t, h, m, {
         location: s + b,
         distance: i,
         threshold: a,
@@ -3338,13 +3338,13 @@ class br {
         includeMatches: r,
         ignoreLocation: u
       });
-      C && (g = !0), p += m, C && k && (f = [...f, ...k]);
+      C && (g = !0), p += v, C && k && (f = [...f, ...k]);
     });
-    let w = {
+    let y = {
       isMatch: g,
       score: g ? p / this.chunks.length : 1
     };
-    return g && r && (w.indices = f), w;
+    return g && r && (y.indices = f), y;
   }
 }
 class Je {
@@ -3533,7 +3533,7 @@ class _r extends Je {
     return this._bitapSearch.searchIn(t);
   }
 }
-class wr extends Je {
+class yr extends Je {
   constructor(t) {
     super(t);
   }
@@ -3561,7 +3561,7 @@ class wr extends Je {
 }
 const Fn = [
   Ji,
-  wr,
+  yr,
   Zi,
   ea,
   na,
@@ -3593,7 +3593,7 @@ function sa(e, t = {}) {
     return r;
   });
 }
-const ia = /* @__PURE__ */ new Set([_r.type, wr.type]);
+const ia = /* @__PURE__ */ new Set([_r.type, yr.type]);
 class aa {
   constructor(t, {
     isCaseSensitive: n = E.isCaseSensitive,
@@ -3635,11 +3635,11 @@ class aa {
       const f = n[d];
       a.length = 0, i = 0;
       for (let p = 0, g = f.length; p < g; p += 1) {
-        const w = f[p], { isMatch: h, indices: v, score: b } = w.search(t);
+        const y = f[p], { isMatch: h, indices: m, score: b } = y.search(t);
         if (h) {
           if (i += 1, l += b, o) {
-            const C = w.constructor.type;
-            ia.has(C) ? a = [...a, ...v] : a.push(v);
+            const C = y.constructor.type;
+            ia.has(C) ? a = [...a, ...m] : a.push(m);
           }
         } else {
           l = 0, i = 0, a.length = 0;
@@ -3660,13 +3660,13 @@ class aa {
     };
   }
 }
-const jn = [];
+const zn = [];
 function ca(...e) {
-  jn.push(...e);
+  zn.push(...e);
 }
-function zn(e, t) {
-  for (let n = 0, o = jn.length; n < o; n += 1) {
-    let r = jn[n];
+function jn(e, t) {
+  for (let n = 0, o = zn.length; n < o; n += 1) {
+    let r = zn[n];
     if (r.condition(e, t))
       return new r(e, t);
   }
@@ -3683,7 +3683,7 @@ const un = {
     [t]: e[t]
   }))
 });
-function yr(e, t, { auto: n = !0 } = {}) {
+function wr(e, t, { auto: n = !0 } = {}) {
   const o = (r) => {
     let s = Object.keys(r);
     const i = la(r);
@@ -3697,7 +3697,7 @@ function yr(e, t, { auto: n = !0 } = {}) {
         keyId: Ln(l),
         pattern: d
       };
-      return n && (u.searcher = zn(d, t)), u;
+      return n && (u.searcher = jn(d, t)), u;
     }
     let a = {
       children: [],
@@ -3755,14 +3755,14 @@ function ga(e, t, {
     }), a;
   });
 }
-class wt {
+class yt {
   constructor(t, n = {}, o) {
     this.options = { ...E, ...n }, this.options.useExtendedSearch, this._keyStore = new Fi(this.options.keys), this.setCollection(t, o);
   }
   setCollection(t, n) {
     if (this._docs = t, n && !(n instanceof ro))
       throw new Error(Ri);
-    this._myIndex = n || vr(this.options.keys, this._docs, {
+    this._myIndex = n || mr(this.options.keys, this._docs, {
       getFn: this.options.getFn,
       fieldNormWeight: this.options.fieldNormWeight
     });
@@ -3799,7 +3799,7 @@ class wt {
     });
   }
   _searchStringList(t) {
-    const n = zn(t, this.options), { records: o } = this._myIndex, r = [];
+    const n = jn(t, this.options), { records: o } = this._myIndex, r = [];
     return o.forEach(({ v: s, i, n: a }) => {
       if (!de(s))
         return;
@@ -3812,7 +3812,7 @@ class wt {
     }), r;
   }
   _searchLogical(t) {
-    const n = yr(t, this.options), o = (a, l, d) => {
+    const n = wr(t, this.options), o = (a, l, d) => {
       if (!a.children) {
         const { keyId: f, searcher: p } = a, g = this._findMatches({
           key: this._keyStore.get(f),
@@ -3829,9 +3829,9 @@ class wt {
       }
       const u = [];
       for (let f = 0, p = a.children.length; f < p; f += 1) {
-        const g = a.children[f], w = o(g, l, d);
-        if (w.length)
-          u.push(...w);
+        const g = a.children[f], y = o(g, l, d);
+        if (y.length)
+          u.push(...y);
         else if (a.operator === un.AND)
           return [];
       }
@@ -3847,7 +3847,7 @@ class wt {
     }), i;
   }
   _searchObjectList(t) {
-    const n = zn(t, this.options), { keys: o, records: r } = this._myIndex, s = [];
+    const n = jn(t, this.options), { keys: o, records: r } = this._myIndex, s = [];
     return r.forEach(({ $: i, i: a }) => {
       if (!de(i))
         return;
@@ -3892,38 +3892,38 @@ class wt {
     return r;
   }
 }
-wt.version = "7.1.0";
-wt.createIndex = vr;
-wt.parseIndex = Gi;
-wt.config = E;
-wt.parseQuery = yr;
+yt.version = "7.1.0";
+yt.createIndex = mr;
+yt.parseIndex = qi;
+yt.config = E;
+yt.parseQuery = wr;
 ca(aa);
-const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt = {
+const pa = "_header_2d8xd_1", va = "_left_2d8xd_13", ma = "_right_2d8xd_14", Xt = {
   header: pa,
-  left: ma,
-  right: va
-}, ba = "_buttons_12rs0_1", _a = "_button_12rs0_1", wa = "_disabled_12rs0_20", At = {
+  left: va,
+  right: ma
+}, ba = "_buttons_12xlr_1", _a = "_button_12xlr_1", ya = "_disabled_12xlr_20", At = {
   buttons: ba,
   button: _a,
-  disabled: wa
-}, ya = () => {
-  const { undo: e, redo: t, past: n, future: o } = Po(), [r, s] = A.useState(!1), [i, a] = A.useState(!1), [l, d] = A.useState(!1), [u, f] = A.useState(!1), [p, g] = A.useState(null), { notifications: w, setNotifications: h } = Vn();
+  disabled: ya
+}, wa = () => {
+  const { undo: e, redo: t, past: n, future: o } = Po(), [r, s] = A.useState(!1), [i, a] = A.useState(!1), [l, d] = A.useState(!1), [u, f] = A.useState(!1), [p, g] = A.useState(null), { notifications: y, setNotifications: h } = Vn();
   return A.useEffect(() => {
     s(n.length === 0);
   }, [n]), A.useEffect(() => {
     a(o.length === 0);
-  }, [o]), /* @__PURE__ */ y("div", { className: At.buttons, children: [
-    /* @__PURE__ */ y(
+  }, [o]), /* @__PURE__ */ w("div", { className: At.buttons, children: [
+    /* @__PURE__ */ w(
       "div",
       {
         className: B(At.button, {
           [At.disabled]: r
         }),
         onMouseEnter: () => {
-          const v = setTimeout(() => {
+          const m = setTimeout(() => {
             f(!0), d(!1);
           }, 200);
-          g(v);
+          g(m);
         },
         onMouseLeave: () => {
           p && clearTimeout(p), f(!1), d(!1);
@@ -3937,7 +3937,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
               height: 20,
               onClick: () => {
                 r || (e(), h([
-                  ...w,
+                  ...y,
                   {
                     id: tn(),
                     message: "Changes undone",
@@ -3948,21 +3948,21 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
               fill: r ? "#757575" : "#252525"
             }
           ),
-          u && /* @__PURE__ */ c(mt, { text: r ? "Nothing to undo" : "Click to undo changes" })
+          u && /* @__PURE__ */ c(vt, { text: r ? "Nothing to undo" : "Click to undo changes" })
         ]
       }
     ),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ w(
       "div",
       {
         className: B(At.button, {
           [At.disabled]: i
         }),
         onMouseEnter: () => {
-          const v = setTimeout(() => {
+          const m = setTimeout(() => {
             d(!0), f(!1);
           }, 200);
-          g(v);
+          g(m);
         },
         onMouseLeave: () => {
           p && clearTimeout(p), d(!1), f(!1);
@@ -3976,7 +3976,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
               height: 20,
               onClick: () => {
                 i || (t(), h([
-                  ...w,
+                  ...y,
                   {
                     id: tn(),
                     message: "Changes redone",
@@ -3987,7 +3987,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
               fill: i ? "#757575" : "#252525"
             }
           ),
-          l && /* @__PURE__ */ c(mt, { text: i ? "Nothing to redo" : "Click to redo changes" })
+          l && /* @__PURE__ */ c(vt, { text: i ? "Nothing to redo" : "Click to redo changes" })
         ]
       }
     )
@@ -3998,7 +3998,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
   active: xa
 }, ka = () => /* @__PURE__ */ c("div", { className: Un.devices, children: Or.map((e) => /* @__PURE__ */ c(Aa, { device: e })) }), Aa = (e) => {
   const { device: t } = e, { currentDevice: n, setCurrentDevice: o } = Kn(), [r, s] = A.useState(!1), [i, a] = A.useState(null);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: B(Un.device, {
@@ -4024,17 +4024,17 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
             height: 20
           }
         ),
-        r && /* @__PURE__ */ c(mt, { text: `Switch to ${t.value} view` })
+        r && /* @__PURE__ */ c(vt, { text: `Switch to ${t.value} view` })
       ]
     },
     t.value
   );
-}, Na = "_preview_1x3m8_2", Da = "_active_1x3m8_19", An = {
+}, Na = "_preview_1hcqg_2", Da = "_active_1hcqg_19", An = {
   preview: Na,
   active: Da
 }, Ea = () => {
   const { onPreview: e } = Fe(), [t, n] = A.useState(!1), [o, r] = A.useState(null);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "a",
     {
       href: "/",
@@ -4061,15 +4061,15 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
           }
         ),
         /* @__PURE__ */ c("span", { className: An.text, children: "Preview" }),
-        t && /* @__PURE__ */ c(mt, { text: "Open draft theme in new tab" })
+        t && /* @__PURE__ */ c(vt, { text: "Open draft theme in new tab" })
       ]
     }
   );
 }, Ba = "_settings_u4cv4_1", Ia = {
   settings: Ba
-}, Ta = "_pages_167qp_1", Ma = "_text_167qp_21", Ra = "_modal_167qp_27", Oa = "_open_167qp_46", $a = "_page_167qp_1", Pa = "_hoverable_167qp_61", La = "_separator_167qp_65", Fa = "_button_167qp_70", ja = "_items_167qp_85", be = {
+}, Ta = "_pages_ws1ac_1", Ma = "_text_ws1ac_21", Ra = "_modal_ws1ac_27", Oa = "_open_ws1ac_46", $a = "_page_ws1ac_1", Pa = "_hoverable_ws1ac_61", La = "_separator_ws1ac_65", Fa = "_button_ws1ac_70", za = "_items_ws1ac_85", be = {
   pages: Ta,
-  default: "_default_167qp_5",
+  default: "_default_ws1ac_5",
   text: Ma,
   modal: Ra,
   open: Oa,
@@ -4077,7 +4077,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
   hoverable: Pa,
   separator: La,
   button: Fa,
-  items: ja
+  items: za
 }, Cr = async (e) => {
   const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId"), r = `${Lo.getState().apiUrls.api}/v2/builder/shops/${t}/drafts/${n}/pages/${encodeURIComponent(e)}`;
   return await Fo({
@@ -4085,7 +4085,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
     withToken: !0,
     method: "delete"
   });
-}, za = () => {
+}, ja = () => {
   const {
     currentPage: e,
     setCurrentPage: t,
@@ -4095,27 +4095,27 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
     setEditedPage: s,
     deletePage: i,
     setIsOpenSelectModal: a
-  } = J(), { deletePage: l, setCurrentBlock: d } = ne(), [u, f] = A.useState(null), { setTitle: p, setDescription: g, setOnConfirm: w } = dn(), [h, v] = A.useState(!1), b = A.useRef(null);
+  } = J(), { deletePage: l, setCurrentBlock: d } = ne(), [u, f] = A.useState(null), { setTitle: p, setDescription: g, setOnConfirm: y } = dn(), [h, m] = A.useState(!1), b = A.useRef(null);
   Wr(b, () => {
-    h && v(!1);
+    h && m(!1);
   }), A.useEffect(() => {
     h ? a(!0) : setTimeout(() => {
       a(!1);
     }, 300);
   }, [h]);
-  const C = (m) => m ? m.replace(/_/g, " ").split(" ").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ") : "";
-  return /* @__PURE__ */ y(
+  const C = (v) => v ? v.replace(/_/g, " ").split(" ").map((k) => k.charAt(0).toUpperCase() + k.slice(1)).join(" ") : "";
+  return /* @__PURE__ */ w(
     "div",
     {
       className: be.pages,
       ref: b,
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           "div",
           {
             className: be.default,
-            onClick: (m) => {
-              m.stopPropagation(), v((k) => !k);
+            onClick: (v) => {
+              v.stopPropagation(), m((k) => !k);
             },
             children: [
               /* @__PURE__ */ c(
@@ -4149,26 +4149,26 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
             ]
           }
         ),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           "div",
           {
             className: B(be.modal, {
               [be.open]: h
             }),
-            onClick: (m) => m.stopPropagation(),
+            onClick: (v) => v.stopPropagation(),
             children: [
-              o && /* @__PURE__ */ c("div", { className: be.items, children: Object.keys(o).map((m) => {
-                const k = o[m];
-                return /* @__PURE__ */ y(
+              o && /* @__PURE__ */ c("div", { className: be.items, children: Object.keys(o).map((v) => {
+                const k = o[v];
+                return /* @__PURE__ */ w(
                   "div",
                   {
                     className: B(be.page, {
-                      [be.hoverable]: u === m
+                      [be.hoverable]: u === v
                     }),
-                    onMouseEnter: () => f(m),
+                    onMouseEnter: () => f(v),
                     onMouseLeave: () => f(null),
                     onClick: () => {
-                      f(null), r(!1), d(null), t(m), v(!1);
+                      f(null), r(!1), d(null), t(v), m(!1);
                     },
                     children: [
                       /* @__PURE__ */ c(
@@ -4179,14 +4179,14 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
                         }
                       ),
                       /* @__PURE__ */ c("span", { className: be.text, children: Bt.includes(k.path) ? `${C(k.name)} page` : k.name }),
-                      u === m && /* @__PURE__ */ y(Pe, { children: [
+                      u === v && /* @__PURE__ */ w(Pe, { children: [
                         /* @__PURE__ */ c(
                           R,
                           {
                             name: "Gear",
                             fill: "#757575",
                             onClick: (x) => {
-                              x.stopPropagation(), r(!0), s(m), n(!0);
+                              x.stopPropagation(), r(!0), s(v), n(!0);
                             }
                           }
                         ),
@@ -4198,8 +4198,8 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
                             onClick: (x) => {
                               x.stopPropagation(), p("Delete Page"), g(
                                 `Are you sure you want to delete ${k.name || "this"} page? Once you delete this page, any content visible will also be deleted. This is irreversible.`
-                              ), w(() => {
-                                x.stopPropagation(), o[e].path === k.path && t(Object.keys(o)[0]), i(m), l(k.name), Cr(k.path);
+                              ), y(() => {
+                                x.stopPropagation(), o[e].path === k.path && t(Object.keys(o)[0]), i(v), l(k.name), Cr(k.path);
                               });
                             }
                           }
@@ -4214,16 +4214,16 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
                       )
                     ]
                   },
-                  m
+                  v
                 );
               }) }),
               /* @__PURE__ */ c("div", { className: be.separator }),
-              /* @__PURE__ */ y(
-                Xe,
+              /* @__PURE__ */ w(
+                Ye,
                 {
                   className: be.button,
-                  onClick: (m) => {
-                    m.stopPropagation(), n(!0);
+                  onClick: (v) => {
+                    v.stopPropagation(), n(!0);
                   },
                   size: "l",
                   children: [
@@ -4248,7 +4248,7 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
   zoom: Ha
 }, Wa = () => {
   const { zoomLevel: e, setZoomLevel: t } = Fe();
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "label",
     {
       htmlFor: "zoom",
@@ -4293,13 +4293,13 @@ const pa = "_header_2d8xd_1", ma = "_left_2d8xd_13", va = "_right_2d8xd_14", qt
       ]
     }
   );
-}, Ua = () => /* @__PURE__ */ y("div", { className: Ia.settings, children: [
-  /* @__PURE__ */ c(za, {}),
+}, Ua = () => /* @__PURE__ */ w("div", { className: Ia.settings, children: [
+  /* @__PURE__ */ c(ja, {}),
   /* @__PURE__ */ c(Wa, {})
 ] }), Va = "_theme_1e5wq_1", Ka = "_text_1e5wq_13", To = {
   theme: Va,
   text: Ka
-}, Ga = () => /* @__PURE__ */ c("div", { className: To.theme, children: /* @__PURE__ */ c("div", { className: To.text, children: "Live Theme" }) }), Ya = async (e, t, n) => {
+}, qa = () => /* @__PURE__ */ c("div", { className: To.theme, children: /* @__PURE__ */ c("div", { className: To.text, children: "Live Theme" }) }), Ga = async (e, t, n) => {
   const o = localStorage.getItem("shopId") || void 0, r = localStorage.getItem("draftId"), i = `${Lo.getState().apiUrls.api}/v2/builder/shops/${o}/drafts/${r}/${t}`;
   return await Fo({
     url: i,
@@ -4325,10 +4325,10 @@ function Nt(e, t) {
     return console.error("Error in getValues function:", n), [];
   }
 }
-function Xa(e, t, n) {
-  return qa(e, t) ? (n.reviews || []).length * 3 : 0;
+function Ya(e, t, n) {
+  return Xa(e, t) ? (n.reviews || []).length * 3 : 0;
 }
-function qa(e, t) {
+function Xa(e, t) {
   return t.map((o) => {
     if (!o.value || !o.value.blockSettings) {
       console.error("block.value or block.value.blockSettings is undefined.");
@@ -4349,9 +4349,9 @@ function Ja(e, t) {
   return null;
 }
 const Qa = ({ setIsLoading: e, isLoading: t }) => {
-  const { themeSettings: n } = X(), { settings: o } = qe(), [r, s] = A.useState(null), [i, a] = A.useState(!1), { setNotifications: l, notifications: d } = Vn(), { header: u, footer: f, announcement: p, blocks: g } = ne(), { pageContext: w } = J(), { pages: h } = J();
+  const { themeSettings: n } = Y(), { settings: o } = Xe(), [r, s] = A.useState(null), [i, a] = A.useState(!1), { setNotifications: l, notifications: d } = Vn(), { header: u, footer: f, announcement: p, blocks: g } = ne(), { pageContext: y } = J(), { pages: h } = J();
   return /* @__PURE__ */ c(
-    Xe,
+    Ye,
     {
       onClick: async () => {
         if (i)
@@ -4374,10 +4374,10 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
               ],
               neededListingIds: [...Nt("ListingIds", Object.values(g[x].data))],
               neededFaqIds: [...Nt("FaqsIds", Object.values(g[x].data))],
-              neededReviewCount: Xa(
+              neededReviewCount: Ya(
                 "ReviewCount",
                 Object.values(g[x].data),
-                w
+                y
               ),
               seo: {
                 pageTitle: S && S.seo && S.seo.pageTitle ? S.seo.pageTitle : "",
@@ -4385,16 +4385,16 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
               },
               isPrivate: !!(S && S.visibility === "private")
             } : null;
-          }).filter((x) => x), m = {
+          }).filter((x) => x), v = {
             settings: {
               ...o
             },
             header: u,
             footer: f,
             announcement: p
-          }, { status: k } = await Ya("post", "save", {
+          }, { status: k } = await Ga("post", "save", {
             themeSettings: n,
-            settings: m,
+            settings: v,
             updatedPages: C
           });
           l([
@@ -4426,23 +4426,23 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
     }
   );
 }, Od = () => {
-  const { isOpenSelectModal: e } = J(), [t, n] = A.useState(!1), { showTooltip: o } = jo();
-  return /* @__PURE__ */ y(
+  const { isOpenSelectModal: e } = J(), [t, n] = A.useState(!1), { showTooltip: o } = zo();
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: qt.header,
+      className: Xt.header,
       style: {
         zIndex: e ? 5e4 : o ? 501 : 50
       },
       children: [
-        /* @__PURE__ */ y("div", { className: qt.left, children: [
+        /* @__PURE__ */ w("div", { className: Xt.left, children: [
           /* @__PURE__ */ c(ka, {}),
           /* @__PURE__ */ c(Ea, {})
         ] }),
-        /* @__PURE__ */ c("div", { className: qt.center, children: /* @__PURE__ */ c(Ua, {}) }),
-        /* @__PURE__ */ y("div", { className: qt.right, children: [
-          /* @__PURE__ */ c(Ga, {}),
-          /* @__PURE__ */ c(ya, {}),
+        /* @__PURE__ */ c("div", { className: Xt.center, children: /* @__PURE__ */ c(Ua, {}) }),
+        /* @__PURE__ */ w("div", { className: Xt.right, children: [
+          /* @__PURE__ */ c(qa, {}),
+          /* @__PURE__ */ c(wa, {}),
           /* @__PURE__ */ c(
             Qa,
             {
@@ -4459,10 +4459,10 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
   exit: Za,
   text: ec,
   exitLink: tc
-}, nc = () => /* @__PURE__ */ c("div", { className: Nn.exit, children: /* @__PURE__ */ y(
+}, nc = () => /* @__PURE__ */ c("div", { className: Nn.exit, children: /* @__PURE__ */ w(
   "a",
   {
-    href: "https://dash.billgang.com/",
+    href: location.origin,
     className: Nn.exitLink,
     children: [
       /* @__PURE__ */ c(
@@ -4482,7 +4482,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
   block: sc,
   active: ic
 }, $d = () => {
-  const { activeBlock: e } = Gn(), { setActiveBlock: t } = se(), { setCurrentBlock: n } = ne(), { setActiveBlock: o } = X(), { setActiveBlock: r } = Fe(), s = rt();
+  const { activeBlock: e } = qn(), { setActiveBlock: t } = se(), { setCurrentBlock: n } = ne(), { setActiveBlock: o } = Y(), { setActiveBlock: r } = Fe(), s = rt();
   function i(a) {
     switch (t(null), n(null), o(null), r({
       id: null,
@@ -4502,9 +4502,9 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
         break;
     }
   }
-  return /* @__PURE__ */ y("div", { className: Jt.navbar, children: [
+  return /* @__PURE__ */ w("div", { className: Jt.navbar, children: [
     /* @__PURE__ */ c(nc, {}),
-    /* @__PURE__ */ c("div", { className: Jt.main, children: $r.map((a) => /* @__PURE__ */ y(
+    /* @__PURE__ */ c("div", { className: Jt.main, children: $r.map((a) => /* @__PURE__ */ w(
       "div",
       {
         className: B(Jt.block, {
@@ -4525,26 +4525,26 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       a.icon
     )) })
   ] });
-}, ac = "_preview_gb2ye_1", cc = "_main_gb2ye_15", lc = "_content_gb2ye_25", uc = "_loading_gb2ye_34", dc = "_previewLoading_gb2ye_65", Dt = {
+}, ac = "_preview_ltg9y_1", cc = "_main_ltg9y_15", lc = "_content_ltg9y_25", uc = "_loading_ltg9y_34", dc = "_previewLoading_ltg9y_65", Dt = {
   preview: ac,
   main: cc,
   content: lc,
   loading: uc,
   previewLoading: dc
-}, hc = "_header_11zku_2", fc = "_circles_11zku_16", gc = "_circle_11zku_16", pc = "_red_11zku_32", mc = "_green_11zku_36", vc = "_yellow_11zku_40", bc = "_input_11zku_44", _c = "_main_11zku_55", wc = "_text_11zku_63", yc = "_copy_11zku_75", De = {
+}, hc = "_header_17siy_2", fc = "_circles_17siy_16", gc = "_circle_17siy_16", pc = "_red_17siy_32", vc = "_green_17siy_36", mc = "_yellow_17siy_40", bc = "_input_17siy_44", _c = "_main_17siy_55", yc = "_text_17siy_63", wc = "_copy_17siy_75", De = {
   header: hc,
   circles: fc,
   circle: gc,
   red: pc,
-  green: mc,
-  yellow: vc,
+  green: vc,
+  yellow: mc,
   input: bc,
   main: _c,
-  text: wc,
-  copy: yc
+  text: yc,
+  copy: wc
 }, Cc = ["red", "yellow", "green"], Sc = () => {
   const { currentDevice: e } = Kn(), t = (r, s) => r.length > s ? r.slice(0, s) + "..." : r, { notifications: n, setNotifications: o } = Vn();
-  return /* @__PURE__ */ y("div", { className: De.header, children: [
+  return /* @__PURE__ */ w("div", { className: De.header, children: [
     /* @__PURE__ */ c("div", { className: De.circles, children: Cc.map((r) => /* @__PURE__ */ c(
       "div",
       {
@@ -4556,7 +4556,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       },
       r
     )) }),
-    /* @__PURE__ */ c("div", { className: De.input, children: /* @__PURE__ */ y("div", { className: De.main, children: [
+    /* @__PURE__ */ c("div", { className: De.input, children: /* @__PURE__ */ w("div", { className: De.main, children: [
       /* @__PURE__ */ c(
         R,
         {
@@ -4569,7 +4569,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       /* @__PURE__ */ c("span", { className: De.text, children: e.value === "mobile" ? t(window.location.origin, 35) : e.value === "desktop" ? t(window.location.origin, 200) : t(window.location.origin, 100) })
     ] }) }),
     /* @__PURE__ */ c(
-      Xe,
+      Ye,
       {
         type: "Secondary",
         style: { padding: "8px" },
@@ -4596,7 +4596,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       }
     )
   ] });
-}, xc = "_content_eonwv_1", kc = "_main_eonwv_12", Ac = "_block_eonwv_16", Nc = "_active_eonwv_22", Dc = "_name_eonwv_32", Ec = "_addSection_eonwv_109", Bc = "_addSectionTop_eonwv_117", Ge = {
+}, xc = "_content_s4v4v_1", kc = "_main_s4v4v_12", Ac = "_block_s4v4v_16", Nc = "_active_s4v4v_22", Dc = "_name_s4v4v_32", Ec = "_addSection_s4v4v_109", Bc = "_addSectionTop_s4v4v_117", qe = {
   content: xc,
   main: kc,
   block: Ac,
@@ -4604,7 +4604,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
   name: Dc,
   addSection: Ec,
   addSectionTop: Bc
-}, Ic = "_sidebar_xhqpt_1", Tc = "_content_xhqpt_14", Mc = "_button_xhqpt_24", Rc = "_moveButton_xhqpt_40", Oc = "_deleteButton_xhqpt_49", Ee = {
+}, Ic = "_sidebar_aoec5_1", Tc = "_content_aoec5_14", Mc = "_button_aoec5_24", Rc = "_moveButton_aoec5_40", Oc = "_deleteButton_aoec5_49", Ee = {
   sidebar: Ic,
   content: Tc,
   button: Mc,
@@ -4612,8 +4612,8 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
   deleteButton: Oc
 }, $c = () => {
   var x;
-  const { activeBlock: e, setActiveBlock: t } = Fe(), { blocks: n, removeBlock: o, moveBlock: r, duplicateBlock: s, setCurrentBlock: i } = ne(), { currentPage: a, pages: l } = J(), { setTitle: d, setDescription: u, setOnConfirm: f } = dn(), { setActiveBlock: p } = se(), g = (x = l == null ? void 0 : l[a]) == null ? void 0 : x.path, w = g ? n[g] : null, h = (w == null ? void 0 : w.order) || [], v = h.indexOf(e.id), b = (S) => {
-    S.stopPropagation(), v > 0 && g && (r(g, v, v - 1), t({
+  const { activeBlock: e, setActiveBlock: t } = Fe(), { blocks: n, removeBlock: o, moveBlock: r, duplicateBlock: s, setCurrentBlock: i } = ne(), { currentPage: a, pages: l } = J(), { setTitle: d, setDescription: u, setOnConfirm: f } = dn(), { setActiveBlock: p } = se(), g = (x = l == null ? void 0 : l[a]) == null ? void 0 : x.path, y = g ? n[g] : null, h = (y == null ? void 0 : y.order) || [], m = h.indexOf(e.id), b = (S) => {
+    S.stopPropagation(), m > 0 && g && (r(g, m, m - 1), t({
       id: e.id,
       neededScroll: !0
     }), setTimeout(() => {
@@ -4623,7 +4623,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       });
     }, 100));
   }, C = (S) => {
-    S.stopPropagation(), v < h.length - 1 && g && (r(g, v, v + 1), t({
+    S.stopPropagation(), m < h.length - 1 && g && (r(g, m, m + 1), t({
       id: e.id,
       neededScroll: !0
     }), setTimeout(() => {
@@ -4632,7 +4632,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
         neededScroll: !1
       });
     }, 100));
-  }, m = (S) => {
+  }, v = (S) => {
     S.stopPropagation(), g && s(g, e.id);
   }, k = () => {
     g && (o(g, e.id), i(null), p(null), t({
@@ -4640,13 +4640,13 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       neededScroll: !1
     }));
   };
-  return /* @__PURE__ */ c("div", { className: Ee.sidebar, children: /* @__PURE__ */ y("div", { className: Ee.content, children: [
+  return /* @__PURE__ */ c("div", { className: Ee.sidebar, children: /* @__PURE__ */ w("div", { className: Ee.content, children: [
     /* @__PURE__ */ c(
       "button",
       {
         onClick: b,
         className: B(Ee.button, Ee.moveButton),
-        disabled: v === 0,
+        disabled: m === 0,
         children: /* @__PURE__ */ c(R, { name: "ArrowUp" })
       }
     ),
@@ -4655,14 +4655,14 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       {
         onClick: C,
         className: B(Ee.button, Ee.moveButton),
-        disabled: v === h.length - 1,
+        disabled: m === h.length - 1,
         children: /* @__PURE__ */ c(R, { name: "ArrowDown" })
       }
     ),
     /* @__PURE__ */ c(
       "button",
       {
-        onClick: m,
+        onClick: v,
         className: B(Ee.button, Ee.moveButton),
         children: /* @__PURE__ */ c(R, { name: "Copy" })
       }
@@ -4673,7 +4673,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
         className: B(Ee.button, Ee.deleteButton),
         onClick: (S) => {
           S.stopPropagation(), d("Remove Block"), u(
-            `Are you sure you want to delete ${(w == null ? void 0 : w.data[e.id].name) || "this"} block? Once you delete this block, any content visible will also be deleted. This is irreversible.`
+            `Are you sure you want to delete ${(y == null ? void 0 : y.data[e.id].name) || "this"} block? Once you delete this block, any content visible will also be deleted. This is irreversible.`
           ), f(k);
         },
         children: /* @__PURE__ */ c(
@@ -4694,7 +4694,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
     currentBlock: l,
     setPositionBlock: d,
     announcement: u
-  } = ne(), { settings: f } = qe(), { currentPage: p, pages: g, pageContext: w } = J(), { activeBlock: h, setActiveBlock: v } = X(), { setError: b } = Yn(), { setActiveBlock: C } = se(), m = A.useRef(n.id), k = A.useRef({});
+  } = ne(), { settings: f } = Xe(), { currentPage: p, pages: g, pageContext: y } = J(), { activeBlock: h, setActiveBlock: m } = Y(), { setError: b } = Gn(), { setActiveBlock: C } = se(), v = A.useRef(n.id), k = A.useRef({});
   A.useEffect(() => {
     if (n.id && n.neededScroll && k.current[n.id]) {
       const _ = k.current[n.id];
@@ -4709,7 +4709,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
   }, [n, e]);
   const x = rt();
   A.useEffect(() => {
-    m.current = n.id;
+    v.current = n.id;
   }, [n.id]);
   const S = (_) => {
     if (!_ || !_.name)
@@ -4727,15 +4727,15 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
         failedPageIds: g && g[p].id ? [g[p].id] : []
       }), /* @__PURE__ */ c(on, { error: `Block "${_.name}" does not exist in blocks.` });
     const N = new r[_.name]();
-    return _.value && Object.assign(N, _.value), N.renderBlock(f, w);
+    return _.value && Object.assign(N, _.value), N.renderBlock(f, y);
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       onClick: (_) => {
         _.stopPropagation();
       },
-      className: Ge.content,
+      className: qe.content,
       style: {
         width: "100%",
         height: "100%",
@@ -4745,12 +4745,12 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
       children: [
         u && /* @__PURE__ */ c(Vo, {}),
         /* @__PURE__ */ c(Uo, {}),
-        /* @__PURE__ */ c("div", { className: Ge.main, children: g && g[p] && i[g[p].path] && i[g[p].path].data && i[g[p].path].order.map((_) => /* @__PURE__ */ y(
+        /* @__PURE__ */ c("div", { className: qe.main, children: g && g[p] && i[g[p].path] && i[g[p].path].data && i[g[p].path].order.map((_) => /* @__PURE__ */ w(
           "div",
           {
             ref: (N) => k.current[_] = N,
             onClick: (N) => {
-              N.stopPropagation(), C(null), h && v(null), t({
+              N.stopPropagation(), C(null), h && m(null), t({
                 id: _,
                 neededScroll: !0
               }), setTimeout(() => {
@@ -4774,10 +4774,10 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
                 neededScroll: !1
               });
             },
-            className: B(Ge.block),
+            className: B(qe.block),
             children: [
-              (n.id === _ || l === _) && /* @__PURE__ */ c("div", { className: Ge.active }),
-              (n.id === _ || l === _) && /* @__PURE__ */ c("div", { className: Ge.name, children: tt(
+              (n.id === _ || l === _) && /* @__PURE__ */ c("div", { className: qe.active }),
+              (n.id === _ || l === _) && /* @__PURE__ */ c("div", { className: qe.name, children: tt(
                 i[g[p].path].data[_].name,
                 s
               ) }),
@@ -4788,8 +4788,8 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
               (n.id === _ || l === _) && tt(
                 i[g[p].path].data[_].name,
                 s
-              ) !== "unknown name" && /* @__PURE__ */ c("div", { className: Ge.addSection, children: /* @__PURE__ */ c(
-                Xe,
+              ) !== "unknown name" && /* @__PURE__ */ c("div", { className: qe.addSection, children: /* @__PURE__ */ c(
+                Ye,
                 {
                   type: "Primary",
                   onClick: (N) => {
@@ -4804,8 +4804,8 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
               (n.id === _ || l === _) && tt(
                 i[g[p].path].data[_].name,
                 s
-              ) !== "unknown name" && /* @__PURE__ */ c("div", { className: B(Ge.addSection, Ge.addSectionTop), children: /* @__PURE__ */ c(
-                Xe,
+              ) !== "unknown name" && /* @__PURE__ */ c("div", { className: B(qe.addSection, qe.addSectionTop), children: /* @__PURE__ */ c(
+                Ye,
                 {
                   type: "Primary",
                   onClick: (N) => {
@@ -4818,7 +4818,7 @@ const Qa = ({ setIsLoading: e, isLoading: t }) => {
                 }
               ) }),
               r && /* @__PURE__ */ c(
-                Xn,
+                Yn,
                 {
                   render: S,
                   block: i[g[p].path].data[_]
@@ -4844,9 +4844,9 @@ function Ro(e, t) {
     displayName: tt(o, t)
   }), n), []) : [];
 }
-const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
-  product: jc,
-  name: zc
+const zc = "_product_wgb53_1", jc = "_name_wgb53_15", Oo = {
+  product: zc,
+  name: jc
 }, Hc = (e) => {
   const { blockId: t, setSearchValue: n } = e, { sourceBlocks: o, setActiveBlock: r } = se(), {
     hideModal: s,
@@ -4858,23 +4858,23 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     startHideTimeout: f,
     setHoverBlockTopPosition: p
   } = hn();
-  function g(v) {
-    n(""), r(v), s("keyBlock");
+  function g(m) {
+    n(""), r(m), s("keyBlock");
   }
-  function w(v, b) {
-    const C = window.innerHeight, m = 400, k = 10;
+  function y(m, b) {
+    const C = window.innerHeight, v = 400, k = 10;
     let x = b.clientY - 120;
-    x + m > C && (x = C - m - k), x < k && (x = k), i || s("keyBlock"), l(v, "keyBlock"), u(), p(x);
+    x + v > C && (x = C - v - k), x < k && (x = k), i || s("keyBlock"), l(m, "keyBlock"), u(), p(x);
   }
   function h() {
     a ? f("keyBlock") : d("keyBlock"), p(null);
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: Oo.product,
       onClick: () => g(t),
-      onMouseEnter: (v) => w(t, v),
+      onMouseEnter: (m) => y(t, m),
       onMouseLeave: h,
       children: [
         Rt[t] ? /* @__PURE__ */ c("img", { src: Rt[t] }) : /* @__PURE__ */ c(R, { name: "Cards" }),
@@ -4895,7 +4895,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   const { blocks: e, sourceBlocks: t } = se(), [n, o] = A.useState(""), [r, s] = A.useState([]), i = A.useMemo(
     () => Ro(e, t),
     [e, t]
-  ), a = A.useMemo(() => new wt(i, {
+  ), a = A.useMemo(() => new yt(i, {
     keys: ["displayName"],
     threshold: 0.4
   }), [i]);
@@ -4906,7 +4906,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       const l = a.search(n);
       s(l.map((d) => d.item));
     }
-  }, [n, a]), /* @__PURE__ */ y(Pe, { children: [
+  }, [n, a]), /* @__PURE__ */ w(Pe, { children: [
     /* @__PURE__ */ c(
       ue,
       {
@@ -4929,13 +4929,13 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     )) : /* @__PURE__ */ c("div", { className: Mo.noResults, children: "No sections found" }) })
   ] });
 }, Pd = () => {
-  const { onPreview: e, zoomLevel: t } = Fe(), { keyBlock: n, hoverBlockId: o, isModalVisible: r, hoverBlockTopPosition: s } = hn(), { settings: i } = qe(), { sourceBlocks: a } = se(), { pageContext: l } = J(), { showModal: d } = zo(), { currentDevice: u } = Kn(), { isLoadingThemeSettings: f } = X(), { isLoadingLayers: p } = ne(), g = (m) => m ? !a || !a[m] ? /* @__PURE__ */ c(on, { error: `Block "${m}" does not exist in blocks.` }) : new a[m]().renderPreview(i, l) : /* @__PURE__ */ c(on, { error: "Block or block.name is undefined." });
-  function w() {
+  const { onPreview: e, zoomLevel: t } = Fe(), { keyBlock: n, hoverBlockId: o, isModalVisible: r, hoverBlockTopPosition: s } = hn(), { settings: i } = Xe(), { sourceBlocks: a } = se(), { pageContext: l } = J(), { showModal: d } = jo(), { currentDevice: u } = Kn(), { isLoadingThemeSettings: f } = Y(), { isLoadingLayers: p } = ne(), g = (v) => v ? !a || !a[v] ? /* @__PURE__ */ c(on, { error: `Block "${v}" does not exist in blocks.` }) : new a[v]().renderPreview(i, l) : /* @__PURE__ */ c(on, { error: "Block or block.name is undefined." });
+  function y() {
     if (u.value === "desktop")
       return t >= 1 ? "100%" : `${(t * 100).toFixed(2)}%`;
     {
-      const m = u.value === "tablet" ? 768 : 425;
-      return t >= 1 ? `${m}px` : `${(m * t).toFixed(2)}px`;
+      const v = u.value === "tablet" ? 768 : 425;
+      return t >= 1 ? `${v}px` : `${(v * t).toFixed(2)}px`;
     }
   }
   function h() {
@@ -4950,27 +4950,27 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         return "100%";
     }
   }
-  const { isOpenSelectModal: v } = J(), b = A.useRef(null), C = (m) => {
-    b.current && (b.current.scrollTop += m.deltaY);
+  const { isOpenSelectModal: m } = J(), b = A.useRef(null), C = (v) => {
+    b.current && (b.current.scrollTop += v.deltaY);
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: Dt.preview,
-      style: { zIndex: d && !v ? 5e3 : 500 },
-      onWheel: (m) => {
-        m.stopPropagation(), C(m);
+      style: { zIndex: d && !m ? 5e3 : 500 },
+      onWheel: (v) => {
+        v.stopPropagation(), C(v);
       },
       children: [
         r && /* @__PURE__ */ c(Pr, { children: /* @__PURE__ */ c(Sr, {}) }),
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           Lr,
           {
             positionTop: s,
             positionLeft: !o && n ? void 0 : 250,
             children: [
               !f && !p && /* @__PURE__ */ c(
-                Xn,
+                Yn,
                 {
                   render: g,
                   block: n
@@ -4982,7 +4982,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           }
         ),
         d && /* @__PURE__ */ c(Fr, {}),
-        e && /* @__PURE__ */ y(
+        e && /* @__PURE__ */ w(
           "div",
           {
             className: Dt.main,
@@ -4995,8 +4995,8 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                 "div",
                 {
                   style: {
-                    borderLeft: w() === "100%" ? "none" : "var(--default-border)",
-                    borderRight: w() === "100%" ? "none" : "var(--default-border)",
+                    borderLeft: y() === "100%" ? "none" : "var(--default-border)",
+                    borderRight: y() === "100%" ? "none" : "var(--default-border)",
                     width: "100%",
                     display: "flex",
                     flexDirection: "column",
@@ -5005,18 +5005,18 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                     overflowY: "scroll",
                     overflowX: "hidden"
                   },
-                  onScroll: (m) => {
-                    m.stopPropagation();
+                  onScroll: (v) => {
+                    v.stopPropagation();
                   },
-                  onWheel: (m) => {
-                    m.stopPropagation();
+                  onWheel: (v) => {
+                    v.stopPropagation();
                   },
                   children: !f && !p ? /* @__PURE__ */ c(
                     "div",
                     {
                       className: Dt.content,
                       style: {
-                        width: w()
+                        width: y()
                       },
                       children: /* @__PURE__ */ c(Pc, { scrollableRef: b })
                     }
@@ -5032,13 +5032,13 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
 }, Wc = "_sidebar_1xtkj_1", Uc = "_title_1xtkj_11", $o = {
   sidebar: Wc,
   title: Uc
-}, Vc = "_layers_1jhzw_1", Kc = "_wrapper_1jhzw_9", Gc = "_draggingWrapper_1jhzw_17", Yc = "_block_1jhzw_21", Xc = "_dragging_1jhzw_17", qc = "_active_1jhzw_56", Jc = "_add_1jhzw_63", Qc = "_addTop_1jhzw_79", Zc = "_visible_1jhzw_95", el = "_button_1jhzw_99", tl = "_nameBlock_1jhzw_158", nl = "_loader_1jhzw_162", ol = "_actions_1jhzw_171", rl = "_deleteButton_1jhzw_179", ee = {
+}, Vc = "_layers_anz81_1", Kc = "_wrapper_anz81_9", qc = "_draggingWrapper_anz81_17", Gc = "_block_anz81_21", Yc = "_dragging_anz81_17", Xc = "_active_anz81_56", Jc = "_add_anz81_63", Qc = "_addTop_anz81_79", Zc = "_visible_anz81_95", el = "_button_anz81_99", tl = "_nameBlock_anz81_158", nl = "_loader_anz81_162", ol = "_actions_anz81_171", rl = "_deleteButton_anz81_179", ee = {
   layers: Vc,
   wrapper: Kc,
-  draggingWrapper: Gc,
-  block: Yc,
-  dragging: Xc,
-  active: qc,
+  draggingWrapper: qc,
+  block: Gc,
+  dragging: Yc,
+  active: Xc,
   add: Jc,
   addTop: Qc,
   visible: Zc,
@@ -5047,7 +5047,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   loader: nl,
   actions: ol,
   deleteButton: rl
-}, sl = "_block_sj4cc_1", il = "_title_sj4cc_17", al = "_actions_sj4cc_21", Ze = {
+}, sl = "_block_owmqd_1", il = "_title_owmqd_17", al = "_actions_owmqd_21", Ze = {
   block: sl,
   title: il,
   actions: al
@@ -5063,7 +5063,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   function s(i) {
     t(i);
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: B(Ze.block, {
@@ -5114,30 +5114,30 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     clearHideTimeout: f,
     startHideTimeout: p,
     hoverBlockId: g,
-    isModalVisible: w
-  } = hn(), { setPositionBlock: h } = ne(), [v, b] = A.useState(!1), [C, m] = A.useState(!1), [k, x] = A.useState(!1), [S, _] = A.useState(!1), [N, O] = A.useState(null), j = A.useRef(null), { attributes: $, listeners: T, setNodeRef: P, transform: M, transition: W } = Di({
+    isModalVisible: y
+  } = hn(), { setPositionBlock: h } = ne(), [m, b] = A.useState(!1), [C, v] = A.useState(!1), [k, x] = A.useState(!1), [S, _] = A.useState(!1), [N, O] = A.useState(null), z = A.useRef(null), { attributes: $, listeners: T, setNodeRef: P, transform: M, transition: W } = Di({
     id: e
   }), oe = {
     transform: $t.Transform.toString(M),
     transition: W
-  }, { setTitle: I, setDescription: K, setOnConfirm: me } = dn(), { pages: je, currentPage: st } = J(), { removeBlock: Q } = ne(), ve = (F) => {
-    F.stopPropagation(), j.current && clearTimeout(j.current), i({
+  }, { setTitle: I, setDescription: K, setOnConfirm: ve } = dn(), { pages: ze, currentPage: st } = J(), { removeBlock: Q } = ne(), me = (F) => {
+    F.stopPropagation(), z.current && clearTimeout(z.current), i({
       id: e,
       neededScroll: !0
-    }), w && u(), a(e), f();
+    }), y && u(), a(e), f();
   }, xe = (F, it = !0) => {
     F.stopPropagation(), l(), d(e), f(), h(e, it);
   }, Qe = (F) => {
     F.stopPropagation(), i({
       id: null,
       neededScroll: !1
-    }), w ? p() : l();
+    }), y ? p() : l();
   };
   return A.useEffect(() => {
-    x(!1), b(!1), m(!1), _(!1);
+    x(!1), b(!1), v(!1), _(!1);
   }, [o]), A.useEffect(() => {
-    w || (m(!1), b(!1));
-  }, [w]), /* @__PURE__ */ y(
+    y || (v(!1), b(!1));
+  }, [y]), /* @__PURE__ */ w(
     "div",
     {
       ref: P,
@@ -5148,12 +5148,12 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       onClick: (F) => {
         F.stopPropagation(), n(e);
       },
-      onMouseEnter: ve,
+      onMouseEnter: me,
       onMouseLeave: Qe,
       ...$,
       ...T,
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ w(
           "div",
           {
             className: B(ee.block, {
@@ -5184,12 +5184,12 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                     [ee.visible]: C
                   }),
                   onMouseEnter: () => {
-                    m(!0);
+                    v(!0);
                   },
                   onMouseLeave: () => {
-                    m(!1);
+                    v(!1);
                   },
-                  children: /* @__PURE__ */ y(
+                  children: /* @__PURE__ */ w(
                     "button",
                     {
                       className: ee.button,
@@ -5211,7 +5211,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                             fill: "#fff"
                           }
                         ),
-                        S && /* @__PURE__ */ c(mt, { text: "Click to add a section" })
+                        S && /* @__PURE__ */ c(vt, { text: "Click to add a section" })
                       ]
                     }
                   )
@@ -5221,7 +5221,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                 "div",
                 {
                   className: B(ee.add, {
-                    [ee.visible]: v
+                    [ee.visible]: m
                   }),
                   onMouseEnter: () => {
                     b(!0);
@@ -5229,7 +5229,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                   onMouseLeave: () => {
                     b(!1);
                   },
-                  children: /* @__PURE__ */ y(
+                  children: /* @__PURE__ */ w(
                     "button",
                     {
                       className: ee.button,
@@ -5251,7 +5251,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                             fill: "#fff"
                           }
                         ),
-                        k && /* @__PURE__ */ c(mt, { text: "Click to add a section" })
+                        k && /* @__PURE__ */ c(vt, { text: "Click to add a section" })
                       ]
                     }
                   )
@@ -5260,7 +5260,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             ]
           }
         ),
-        g === e && !o && /* @__PURE__ */ y("div", { className: ee.actions, children: [
+        g === e && !o && /* @__PURE__ */ w("div", { className: ee.actions, children: [
           /* @__PURE__ */ c(
             R,
             {
@@ -5277,8 +5277,8 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               onClick: (F) => {
                 F.stopPropagation(), I("Remove Block"), K(
                   `Are you sure you want to delete ${t || "this"} block? Once you delete this block, any content visible will also be deleted. This is irreversible.`
-                ), me(() => {
-                  je && Q(je[st].path, e);
+                ), ve(() => {
+                  ze && Q(ze[st].path, e);
                 });
               },
               children: /* @__PURE__ */ c(
@@ -5308,27 +5308,27 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         distance: 5
       }
     })
-  ), [g, w] = A.useState(!1), h = () => {
-    w(!0);
-  }, v = (b) => {
-    w(!1);
-    const { active: C, over: m } = b;
-    if (m && C.id !== m.id && a && a[i]) {
-      const k = a[i].path, x = e[k].order, S = x.indexOf(C.id), _ = x.indexOf(m.id);
+  ), [g, y] = A.useState(!1), h = () => {
+    y(!0);
+  }, m = (b) => {
+    y(!1);
+    const { active: C, over: v } = b;
+    if (v && C.id !== v.id && a && a[i]) {
+      const k = a[i].path, x = e[k].order, S = x.indexOf(C.id), _ = x.indexOf(v.id);
       S !== -1 && _ !== -1 && o(k, S, _);
     }
   };
-  return /* @__PURE__ */ c("div", { className: ee.layers, children: r ? /* @__PURE__ */ c("div", { className: ee.loader, children: /* @__PURE__ */ c(ot, {}) }) : /* @__PURE__ */ y(Pe, { children: [
+  return /* @__PURE__ */ c("div", { className: ee.layers, children: r ? /* @__PURE__ */ c("div", { className: ee.loader, children: /* @__PURE__ */ c(ot, {}) }) : /* @__PURE__ */ w(Pe, { children: [
     s && /* @__PURE__ */ c(En, { id: "announcement" }),
     /* @__PURE__ */ c(En, { id: "header" }),
     !n && /* @__PURE__ */ c(
       ci,
       {
         sensors: p,
-        onDragEnd: v,
+        onDragEnd: m,
         onDragStart: h,
         children: a && a[i] && e[a[i].path] && /* @__PURE__ */ c(
-          yi,
+          wi,
           {
             items: e[a[i].path].order,
             strategy: _i,
@@ -5356,12 +5356,12 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
 }, ul = "_loader_eyvkk_1", dl = {
   loader: ul
 }, hl = () => {
-  const { isLoadingSettings: e } = qe();
+  const { isLoadingSettings: e } = Xe();
   return e ? /* @__PURE__ */ c("div", { className: dl.loader, children: /* @__PURE__ */ c(ot, {}) }) : /* @__PURE__ */ c(fl, {});
 }, fl = () => {
-  const { settings: e } = qe(), { settings: t, setSettingsInstance: n } = se();
+  const { settings: e } = Xe(), { settings: t, setSettingsInstance: n } = se();
   if (!e) return null;
-  const { setError: o } = Yn(), r = new t(e);
+  const { setError: o } = Gn(), r = new t(e);
   A.useEffect(() => {
     n(r);
   }, [e]);
@@ -5375,13 +5375,13 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       failedSettings: !0
     }), s;
   }
-}, gl = "_theme_a1one_1", pl = "_block_a1one_8", ml = "_name_a1one_23", vl = "_loader_a1one_27", Qt = {
+}, gl = "_theme_a1one_1", pl = "_block_a1one_8", vl = "_name_a1one_23", ml = "_loader_a1one_27", Qt = {
   theme: gl,
   block: pl,
-  name: ml,
-  loader: vl
+  name: vl,
+  loader: ml
 }, bl = () => {
-  const e = rt(), { isLoadingThemeSettings: t, setActiveBlock: n } = X();
+  const e = rt(), { isLoadingThemeSettings: t, setActiveBlock: n } = Y();
   function o(r) {
     switch (r == null ? void 0 : r.name) {
       case "Colors":
@@ -5401,7 +5401,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         break;
     }
   }
-  return /* @__PURE__ */ c("div", { className: Qt.theme, children: t ? /* @__PURE__ */ c("div", { className: Qt.loader, children: /* @__PURE__ */ c(ot, {}) }) : ft.map((r) => /* @__PURE__ */ y(
+  return /* @__PURE__ */ c("div", { className: Qt.theme, children: t ? /* @__PURE__ */ c("div", { className: Qt.loader, children: /* @__PURE__ */ c(ot, {}) }) : ft.map((r) => /* @__PURE__ */ w(
     "div",
     {
       onClick: () => o(r),
@@ -5414,15 +5414,15 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     },
     r.icon
   )) });
-}, _l = "_render_7e826_9", wl = "_open_7e826_24", yl = "_close_7e826_51", Cl = "_clicked_7e826_55", Sl = "_loading_7e826_72", xl = "_settings_7e826_76", gt = {
+}, _l = "_render_13qdl_9", yl = "_open_13qdl_24", wl = "_close_13qdl_51", Cl = "_clicked_13qdl_55", Sl = "_loading_13qdl_72", xl = "_settings_13qdl_76", gt = {
   render: _l,
-  open: wl,
-  close: yl,
+  open: yl,
+  close: wl,
   clicked: Cl,
   loading: Sl,
   settings: xl
 }, kl = ({ block: e }) => {
-  const { pageContext: t } = J(), { setError: n } = Yn();
+  const { pageContext: t } = J(), { setError: n } = Gn();
   try {
     return e.renderSettings(t);
   } catch (o) {
@@ -5433,7 +5433,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       failedSettings: !0
     }), o;
   }
-}, Al = "_wrapper_15ju8_1", Nl = "_header_15ju8_8", Dl = "_title_15ju8_15", El = "_colorWrapper_15ju8_21", Bl = "_name_15ju8_35", Il = "_color_15ju8_21", Tl = "_value_15ju8_47", Ml = "_length_15ju8_51", ge = {
+}, Al = "_wrapper_1xfvz_1", Nl = "_header_1xfvz_8", Dl = "_title_1xfvz_15", El = "_colorWrapper_1xfvz_21", Bl = "_name_1xfvz_35", Il = "_color_1xfvz_21", Tl = "_value_1xfvz_47", Ml = "_length_1xfvz_51", ge = {
   wrapper: Al,
   header: Nl,
   title: Dl,
@@ -5443,7 +5443,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   value: Tl,
   length: Ml
 }, Rl = (e) => {
-  const { colors: t } = e, { themeSettings: n } = X(), [o, r] = A.useState(!0);
+  const { colors: t } = e, { themeSettings: n } = Y(), [o, r] = A.useState(!0);
   A.useEffect(() => {
     t.length <= 3 && r(!0);
   }, []);
@@ -5455,10 +5455,10 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       variable: p
     };
   }
-  return /* @__PURE__ */ y("div", { className: ge.wrapper, children: [
-    /* @__PURE__ */ y("div", { className: ge.header, children: [
+  return /* @__PURE__ */ w("div", { className: ge.wrapper, children: [
+    /* @__PURE__ */ w("div", { className: ge.header, children: [
       /* @__PURE__ */ c("div", { className: ge.title, children: "Section Colors" }),
-      !o && /* @__PURE__ */ y(
+      !o && /* @__PURE__ */ w(
         "div",
         {
           className: B(ge.value, ge.length),
@@ -5470,7 +5470,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         }
       )
     ] }),
-    o && /* @__PURE__ */ y(Pe, { children: [
+    o && /* @__PURE__ */ w(Pe, { children: [
       /* @__PURE__ */ c("div", { className: ge.colors, children: t.map((i) => {
         const a = s(i), { variable: l, name: d, field: u } = a;
         return /* @__PURE__ */ c(
@@ -5481,7 +5481,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           }
         );
       }) }),
-      t.length > 3 && /* @__PURE__ */ y(
+      t.length > 3 && /* @__PURE__ */ w(
         "div",
         {
           className: B(ge.value, ge.length),
@@ -5507,8 +5507,8 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     colorChange: u,
     setIsGradientActive: f,
     setIsBlockSettings: p
-  } = zo(), { updateColor: g } = X(), w = (b, C) => (m) => {
-    g(b, C, m);
+  } = jo(), { updateColor: g } = Y(), y = (b, C) => (v) => {
+    g(b, C, v);
   };
   A.useEffect(() => {
     const b = () => {
@@ -5521,18 +5521,18 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     };
   }, []);
   const h = (b) => {
-    const C = t.split("/")[0], m = C.split(" ")[0].toLowerCase(), k = C.split(" ")[1].toLowerCase();
-    b.stopPropagation(), i(!0), d(u), a((_) => w(k, m)(_)), s(n), l(n), p(!0), f(k === "surface");
-    const { top: x, left: S } = jr(b, 550, 288, 10, 20, 230, 80);
+    const C = t.split("/")[0], v = C.split(" ")[0].toLowerCase(), k = C.split(" ")[1].toLowerCase();
+    b.stopPropagation(), i(!0), d(u), a((_) => y(k, v)(_)), s(n), l(n), p(!0), f(k === "surface");
+    const { top: x, left: S } = zr(b, 550, 288, 10, 20, 230, 80);
     r({
       top: k === "surface" ? x : x + 125,
       left: S - 200
     });
   };
-  function v(b) {
+  function m(b) {
     return b.length > 15 ? b.slice(0, 15) + "..." : b;
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: ge.colorWrapper,
@@ -5548,7 +5548,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           }
         ),
         /* @__PURE__ */ c("div", { className: ge.name, children: t }),
-        /* @__PURE__ */ c("div", { className: ge.value, children: v(n) })
+        /* @__PURE__ */ c("div", { className: ge.value, children: m(n) })
       ]
     }
   );
@@ -5557,10 +5557,10 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   title: Pl,
   deleteButton: Ll,
   backIcon: Fl
-}, jl = ({ onClick: e, setIsClicked: t, getDisplayName: n }) => {
+}, zl = ({ onClick: e, setIsClicked: t, getDisplayName: n }) => {
   var p, g;
   const { activeBlock: o } = se(), { setTitle: r, setDescription: s, setOnConfirm: i } = dn(), { blocks: a, currentBlock: l, removeBlock: d } = ne(), { currentPage: u, pages: f } = J();
-  return /* @__PURE__ */ y("div", { className: Zt.back, children: [
+  return /* @__PURE__ */ w("div", { className: Zt.back, children: [
     /* @__PURE__ */ c(
       "div",
       {
@@ -5581,9 +5581,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     l && f && !["header", "footer", "announcement"].includes(l) && a[f[u].path].data[l] && n((g = a[f[u].path].data[l]) == null ? void 0 : g.name) !== "unknown name" && /* @__PURE__ */ c(
       "button",
       {
-        onClick: (w) => {
+        onClick: (y) => {
           var h;
-          w.stopPropagation(), r("Remove Block"), s(
+          y.stopPropagation(), r("Remove Block"), s(
             `Are you sure you want to delete ${n((h = a[f[u].path].data[l]) == null ? void 0 : h.name) || "this"} block? Once you delete this block, any content visible will also be deleted. This is irreversible.`
           ), i(() => {
             t(!0), d(f[u].path, l), e(!0);
@@ -5603,7 +5603,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       }
     )
   ] });
-}, zl = () => {
+}, jl = () => {
   const e = rt(), [t, n] = A.useState(!1), {
     header: o,
     footer: r,
@@ -5616,15 +5616,15 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   } = se(), { setActiveBlock: f } = Fe(), {
     blocks: p,
     addBlock: g,
-    editBlock: w,
+    editBlock: y,
     currentBlock: h,
-    setCurrentBlock: v,
+    setCurrentBlock: m,
     // setHeader,
     // setFooter,
     // setAnnouncement,
     header: b,
     footer: C,
-    announcement: m,
+    announcement: v,
     isLoadingLayers: k
   } = ne(), { currentPage: x, pages: S } = J(), { past: _, future: N } = Po();
   function O(T = !1) {
@@ -5634,19 +5634,19 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       };
       Object.keys(d.blockSettings).filter((M) => !["displayName", "isAddable"].includes(M)).map((M) => {
         P.blockSettings[M] = d.blockSettings[M];
-      }), w(S[x].path, h, {
+      }), y(S[x].path, h, {
         name: p[S[x].path].data[h].name,
         value: P
       });
     }
-    l(null), v(null), f({
+    l(null), m(null), f({
       id: null,
       neededScroll: !1
     }), setTimeout(() => {
       n(!1);
     }, 150), u(null);
   }
-  function j(T) {
+  function z(T) {
     var oe;
     if (!S || !x || !T) return null;
     if (T === "header") {
@@ -5668,9 +5668,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     if (T === "announcement") {
       const I = new s();
       return Object.keys(I.blockSettings).forEach((K) => {
-        I.blockSettings[K] = m == null ? void 0 : m.blockSettings[K];
+        I.blockSettings[K] = v == null ? void 0 : v.blockSettings[K];
       }), Object.keys(I.blockColors).forEach((K) => {
-        I.blockColors[K] = m == null ? void 0 : m.blockColors[K];
+        I.blockColors[K] = v == null ? void 0 : v.blockColors[K];
       }), I;
     }
     const P = p[S[x].path];
@@ -5680,7 +5680,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   }
   A.useEffect(() => {
     if (h) {
-      const T = j(h);
+      const T = z(h);
       u(T);
     } else
       u(null);
@@ -5702,18 +5702,18 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       f({
         id: M,
         neededScroll: !0
-      }), v(M), e("/admin/builder");
+      }), m(M), e("/admin/builder");
     }
   }, [a, _, N]);
   function $(T) {
     if (!i)
       return "unknown name";
     if (!i[T])
-      return h === "header" ? b == null ? void 0 : b.blockSettings.displayName : h === "footer" ? C == null ? void 0 : C.blockSettings.displayName : h === "announcement" ? m == null ? void 0 : m.blockSettings.displayName : "unknown name";
+      return h === "header" ? b == null ? void 0 : b.blockSettings.displayName : h === "footer" ? C == null ? void 0 : C.blockSettings.displayName : h === "announcement" ? v == null ? void 0 : v.blockSettings.displayName : "unknown name";
     const P = new i[T]();
     return !P.blockSettings || !P.blockSettings.displayName ? "unknown name" : P.blockSettings.displayName;
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: B(gt.render, {
@@ -5727,15 +5727,15 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       },
       children: [
         /* @__PURE__ */ c(
-          jl,
+          zl,
           {
             onClick: O,
             setIsClicked: n,
             getDisplayName: $
           }
         ),
-        /* @__PURE__ */ y("div", { className: gt.settings, children: [
-          d && /* @__PURE__ */ y(Pe, { children: [
+        /* @__PURE__ */ w("div", { className: gt.settings, children: [
+          d && /* @__PURE__ */ w(Pe, { children: [
             /* @__PURE__ */ c(kl, { block: d }),
             /* @__PURE__ */ c(Rl, { colors: d.blockColors })
           ] }),
@@ -5744,11 +5744,11 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       ]
     }
   );
-}, Hl = "_header_9rrfr_1", Wl = "_title_9rrfr_9", Ul = "_backIcon_9rrfr_15", Bn = {
+}, Hl = "_header_1u3yu_1", Wl = "_title_1u3yu_9", Ul = "_backIcon_1u3yu_15", Bn = {
   header: Hl,
   title: Wl,
   backIcon: Ul
-}, Wt = ({ onClick: e, title: t }) => /* @__PURE__ */ y("div", { className: Bn.header, children: [
+}, Wt = ({ onClick: e, title: t }) => /* @__PURE__ */ w("div", { className: Bn.header, children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -5768,9 +5768,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   /* @__PURE__ */ c("span", { className: Bn.title, children: t })
 ] }), Vl = "_options_ymds7_1", Kl = {
   options: Vl
-}, Gl = () => {
+}, ql = () => {
   var d, u;
-  const { activeBlock: e, themeSettings: t, updateBorder: n, setActiveBlock: o } = X();
+  const { activeBlock: e, themeSettings: t, updateBorder: n, setActiveBlock: o } = Y();
   function r(f, p) {
     n(p, f);
   }
@@ -5779,7 +5779,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     o(null), s("/admin/builder/theme");
   }
   const a = A.useMemo(() => t.borders, [t]), l = (e == null ? void 0 : e.name) === "Borders";
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     Ft,
     {
       isOpen: l,
@@ -5792,7 +5792,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             title: "Borders Style"
           }
         ),
-        /* @__PURE__ */ y("div", { className: Kl.options, children: [
+        /* @__PURE__ */ w("div", { className: Kl.options, children: [
           /* @__PURE__ */ c(
             Ce,
             {
@@ -5806,19 +5806,19 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             Ce,
             {
               label: "Border Thickness (px)",
-              options: Object.keys(wn),
-              value: ((u = Object.entries(wn).find(([f, p]) => p === a.thickness)) == null ? void 0 : u[0]) || "None",
-              onChange: (f) => r(wn[f], "thickness")
+              options: Object.keys(yn),
+              value: ((u = Object.entries(yn).find(([f, p]) => p === a.thickness)) == null ? void 0 : u[0]) || "None",
+              onChange: (f) => r(yn[f], "thickness")
             }
           )
         ] })
       ]
     }
   );
-}, Yl = "_options_jo38w_1", Xl = "_alignments_jo38w_9", ql = "_blocks_jo38w_15", Jl = "_alignment_jo38w_9", Ql = "_active_jo38w_34", Zl = "_chargeTypes_jo38w_41", eu = "_charge_jo38w_41", tu = "_chargeActive_jo38w_69", nu = "_sliderContainer_jo38w_83", ou = "_shadowInputs_jo38w_91", ru = "_label_jo38w_102", su = "_shadowInputsRow_jo38w_111", iu = "_shadowInputsOpen_jo38w_119", re = {
-  options: Yl,
-  alignments: Xl,
-  blocks: ql,
+}, Gl = "_options_1q3u1_1", Yl = "_alignments_1q3u1_9", Xl = "_blocks_1q3u1_15", Jl = "_alignment_1q3u1_9", Ql = "_active_1q3u1_34", Zl = "_chargeTypes_1q3u1_41", eu = "_charge_1q3u1_41", tu = "_chargeActive_1q3u1_69", nu = "_sliderContainer_1q3u1_83", ou = "_shadowInputs_1q3u1_91", ru = "_label_1q3u1_102", su = "_shadowInputsRow_1q3u1_111", iu = "_shadowInputsOpen_1q3u1_119", re = {
+  options: Gl,
+  alignments: Yl,
+  blocks: Xl,
   alignment: Jl,
   active: Ql,
   chargeTypes: Zl,
@@ -5830,19 +5830,19 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   shadowInputsRow: su,
   shadowInputsOpen: iu
 }, au = ["left", "center", "right"], cu = () => {
-  const { activeBlock: e, themeSettings: t, updateButton: n, setActiveBlock: o } = X(), { fonts: r } = Ho(), [s, i] = A.useState("primary");
-  function a(h, v) {
-    n(s, v, h);
+  const { activeBlock: e, themeSettings: t, updateButton: n, setActiveBlock: o } = Y(), { fonts: r } = Ho(), [s, i] = A.useState("primary");
+  function a(h, m) {
+    n(s, m, h);
   }
   const [l, d] = A.useState(!1), u = t.buttons[s], f = rt();
   function p() {
     o(null), f("/admin/builder/theme");
   }
   const g = (e == null ? void 0 : e.name) === "Buttons";
-  function w(h, v) {
-    a({ ...u.boxShadow, [h]: v }, "boxShadow");
+  function y(h, m) {
+    a({ ...u.boxShadow, [h]: m }, "boxShadow");
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     Ft,
     {
       isOpen: g,
@@ -5871,7 +5871,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             ))
           }
         ),
-        u && /* @__PURE__ */ y("div", { className: re.options, children: [
+        u && /* @__PURE__ */ w("div", { className: re.options, children: [
           /* @__PURE__ */ c(
             ue,
             {
@@ -5913,7 +5913,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             }
           ),
           /* @__PURE__ */ c(
-            ye,
+            we,
             {
               initialColor: u.color,
               onChange: (h) => a(h, "color"),
@@ -5923,7 +5923,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             }
           ),
           /* @__PURE__ */ c(
-            ye,
+            we,
             {
               initialColor: u.background,
               onChange: (h) => a(h, "background"),
@@ -5932,10 +5932,10 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               isGradientActive: !0
             }
           ),
-          /* @__PURE__ */ y("div", { className: re.sliderContainer, children: [
+          /* @__PURE__ */ w("div", { className: re.sliderContainer, children: [
             /* @__PURE__ */ c("h4", { className: re.label, children: "Shadow" }),
             /* @__PURE__ */ c(
-              Xe,
+              Ye,
               {
                 type: "Secondary",
                 onClick: () => d(!l),
@@ -5956,14 +5956,14 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               }
             )
           ] }),
-          /* @__PURE__ */ y("div", { className: B(re.shadowInputs, { [re.shadowInputsOpen]: l }), children: [
-            /* @__PURE__ */ y("div", { className: re.shadowInputsRow, children: [
+          /* @__PURE__ */ w("div", { className: B(re.shadowInputs, { [re.shadowInputsOpen]: l }), children: [
+            /* @__PURE__ */ w("div", { className: re.shadowInputsRow, children: [
               /* @__PURE__ */ c(
                 ue,
                 {
                   label: "Left (px)",
                   value: String(u.boxShadow.left),
-                  onChange: (h) => w("left", Number(h)),
+                  onChange: (h) => y("left", Number(h)),
                   type: "number"
                 }
               ),
@@ -5972,7 +5972,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                 {
                   label: "Top (px)",
                   value: String(u.boxShadow.top),
-                  onChange: (h) => w("top", Number(h)),
+                  onChange: (h) => y("top", Number(h)),
                   type: "number"
                 }
               ),
@@ -5981,7 +5981,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                 {
                   label: "Blur (px)",
                   value: String(u.boxShadow.blur),
-                  onChange: (h) => w("blur", Number(h)),
+                  onChange: (h) => y("blur", Number(h)),
                   type: "number"
                 }
               ),
@@ -5990,23 +5990,23 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                 {
                   label: "Spread (px)",
                   value: String(u.boxShadow.spread),
-                  onChange: (h) => w("spread", Number(h)),
+                  onChange: (h) => y("spread", Number(h)),
                   type: "number"
                 }
               ) })
             ] }),
             /* @__PURE__ */ c(
-              ye,
+              we,
               {
                 initialColor: u.boxShadow.color,
-                onChange: (h) => w("color", h),
+                onChange: (h) => y("color", h),
                 title: "Color",
                 labelStyle: "secondary",
                 isGradientActive: !1
               }
             )
           ] }),
-          /* @__PURE__ */ y("div", { className: re.alignments, children: [
+          /* @__PURE__ */ w("div", { className: re.alignments, children: [
             /* @__PURE__ */ c("h4", { className: re.label, children: "Alignment Type" }),
             /* @__PURE__ */ c("div", { className: re.blocks, children: au.map((h) => /* @__PURE__ */ c(
               "div",
@@ -6036,9 +6036,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               current: u.hover
             }
           ),
-          u.hover && /* @__PURE__ */ y(Pe, { children: [
+          u.hover && /* @__PURE__ */ w(Pe, { children: [
             /* @__PURE__ */ c(
-              ye,
+              we,
               {
                 initialColor: u.colorHover,
                 onChange: (h) => a(h, "colorHover"),
@@ -6048,7 +6048,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               }
             ),
             /* @__PURE__ */ c(
-              ye,
+              we,
               {
                 initialColor: u.backgroundHover,
                 onChange: (h) => a(h, "backgroundHover"),
@@ -6062,21 +6062,21 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       ]
     }
   );
-}, lu = "_category_hxy9u_1", uu = "_categoryTitle_hxy9u_19", In = {
+}, lu = "_category_daart_1", uu = "_categoryTitle_daart_19", In = {
   category: lu,
   categoryTitle: uu
 }, du = () => {
-  const { themeSettings: e, setActiveColorCategory: t } = X();
+  const { themeSettings: e, setActiveColorCategory: t } = Y();
   function n(o) {
     t(o);
   }
-  return /* @__PURE__ */ c("div", { className: In.wrapper, children: Object.keys(e.colors).map((o) => o === "icon" ? /* @__PURE__ */ c(Pe, {}) : /* @__PURE__ */ y(
+  return /* @__PURE__ */ c("div", { className: In.wrapper, children: Object.keys(e.colors).map((o) => o === "icon" ? /* @__PURE__ */ c(Pe, {}) : /* @__PURE__ */ w(
     "div",
     {
       className: In.category,
       onClick: () => n(o),
       children: [
-        /* @__PURE__ */ y("h2", { className: In.categoryTitle, children: [
+        /* @__PURE__ */ w("h2", { className: In.categoryTitle, children: [
           o === "text" ? "Text & Icon" : Be(o),
           " Colors"
         ] }),
@@ -6092,29 +6092,29 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     },
     o
   )) });
-}, hu = "_options_ikvjo_38", fu = {
+}, hu = "_options_rwzk3_38", fu = {
   options: hu
 }, gu = () => {
-  const { activeBlock: e, setActiveFont: t, activeFont: n, themeSettings: o, updateFont: r } = X(), { fonts: s } = Ho(), [i, a] = A.useState(null);
+  const { activeBlock: e, setActiveFont: t, activeFont: n, themeSettings: o, updateFont: r } = Y(), { fonts: s } = Ho(), [i, a] = A.useState(null);
   function l() {
     t(null);
   }
-  function d(h, v) {
-    i && n && r("desktop", i, n, v, h);
+  function d(h, m) {
+    i && n && r("desktop", i, n, m, h);
   }
   const [u, f] = A.useState([]), p = A.useMemo(() => n ? o.fonts.desktop.heading[n] ? (a("heading"), o.fonts.desktop.heading[n]) : o.fonts.desktop.body[n] ? (a("body"), o.fonts.desktop.body[n]) : (a(null), null) : null, [n, o]);
   A.useEffect(() => {
     if (p) {
-      const h = s.find((v) => v.name === p.font);
+      const h = s.find((m) => m.name === p.font);
       h && (f(h.weights), h.weights.includes(p.boldWeight) || d("400", "boldWeight"), h.weights.includes(p.weight) || d("400", "weight"));
     }
   }, [p, n]);
-  const g = !!((e == null ? void 0 : e.name) === "Fonts" && n), w = (e == null ? void 0 : e.name) !== "Fonts" || !n;
-  return /* @__PURE__ */ y(
+  const g = !!((e == null ? void 0 : e.name) === "Fonts" && n), y = (e == null ? void 0 : e.name) !== "Fonts" || !n;
+  return /* @__PURE__ */ w(
     Ft,
     {
       isOpen: g,
-      isClose: w,
+      isClose: y,
       children: [
         /* @__PURE__ */ c(
           Wt,
@@ -6123,7 +6123,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             title: "Font Style"
           }
         ),
-        n && p && /* @__PURE__ */ y("div", { className: fu.options, children: [
+        n && p && /* @__PURE__ */ w("div", { className: fu.options, children: [
           /* @__PURE__ */ c(
             Ce,
             {
@@ -6177,14 +6177,14 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       ]
     }
   );
-}, pu = "_wrapper_mkmxa_1", mu = "_category_mkmxa_5", vu = "_categoryTitle_mkmxa_11", bu = "_font_mkmxa_17", _u = "_content_mkmxa_32", wu = "_icon_mkmxa_39", yu = "_paragraph_mkmxa_50", $e = {
+}, pu = "_wrapper_mkmxa_1", vu = "_category_mkmxa_5", mu = "_categoryTitle_mkmxa_11", bu = "_font_mkmxa_17", _u = "_content_mkmxa_32", yu = "_icon_mkmxa_39", wu = "_paragraph_mkmxa_50", $e = {
   wrapper: pu,
-  category: mu,
-  categoryTitle: vu,
+  category: vu,
+  categoryTitle: mu,
   font: bu,
   content: _u,
-  icon: wu,
-  paragraph: yu
+  icon: yu,
+  paragraph: wu
 }, Cu = {
   h1: "h1",
   h2: "h2",
@@ -6197,8 +6197,8 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   md: "medium",
   sm: "small"
 }, Su = (e) => {
-  const { font: t, size: n, id: o, category: r } = e, { setActiveFont: s } = X();
-  return /* @__PURE__ */ y(
+  const { font: t, size: n, id: o, category: r } = e, { setActiveFont: s } = Y();
+  return /* @__PURE__ */ w(
     "div",
     {
       className: $e.font,
@@ -6213,7 +6213,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             children: /* @__PURE__ */ c(R, { name: r === "paragraph" ? "TextB" : "TextH" })
           }
         ),
-        /* @__PURE__ */ y("div", { className: $e.content, children: [
+        /* @__PURE__ */ w("div", { className: $e.content, children: [
           /* @__PURE__ */ c("h2", { className: $e.categoryTitle, children: Be(Cu[o]) }),
           /* @__PURE__ */ c("span", { className: $e.value, children: `${t}, ${n}px` })
         ] })
@@ -6221,7 +6221,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     }
   );
 }, xu = () => {
-  const { themeSettings: e, setActiveFont: t, activeBlock: n } = X();
+  const { themeSettings: e, setActiveFont: t, activeBlock: n } = Y();
   A.useEffect(() => (o(), () => {
     o();
   }), []);
@@ -6229,7 +6229,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     t(null);
   }
   if (n != null && n.name)
-    return /* @__PURE__ */ c("div", { className: $e.wrapper, children: Object.entries(e.fonts.desktop).sort(([r], [s]) => r === "heading" ? -1 : s === "heading" ? 1 : 0).map(([r, s]) => /* @__PURE__ */ y(
+    return /* @__PURE__ */ c("div", { className: $e.wrapper, children: Object.entries(e.fonts.desktop).sort(([r], [s]) => r === "heading" ? -1 : s === "heading" ? 1 : 0).map(([r, s]) => /* @__PURE__ */ w(
       "div",
       {
         className: $e.category,
@@ -6248,7 +6248,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       },
       r
     )) });
-}, ku = "_wrapper_16ym0_2", Au = "_categoryTitle_16ym0_12", Nu = "_title_16ym0_74", Du = "_field_16ym0_82", Eu = "_alignments_16ym0_92", Bu = "_lineField_16ym0_98", Iu = "_style_16ym0_106", Tu = "_header_16ym0_113", we = {
+}, ku = "_wrapper_16ym0_2", Au = "_categoryTitle_16ym0_12", Nu = "_title_16ym0_74", Du = "_field_16ym0_82", Eu = "_alignments_16ym0_92", Bu = "_lineField_16ym0_98", Iu = "_style_16ym0_106", Tu = "_header_16ym0_113", ye = {
   wrapper: ku,
   categoryTitle: Au,
   title: Nu,
@@ -6259,21 +6259,21 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   header: Tu
 }, Mu = ["left", "center", "right"], Ru = ["solid", "dashed"], Et = (e) => {
   const { title: t, children: n, rightAddon: o } = e;
-  return /* @__PURE__ */ y("div", { className: we.field, children: [
-    /* @__PURE__ */ y("div", { className: we.header, children: [
-      /* @__PURE__ */ c("h4", { className: we.categoryTitle, children: t }),
+  return /* @__PURE__ */ w("div", { className: ye.field, children: [
+    /* @__PURE__ */ w("div", { className: ye.header, children: [
+      /* @__PURE__ */ c("h4", { className: ye.categoryTitle, children: t }),
       o
     ] }),
     n
   ] });
 }, Ou = () => {
-  const { themeSettings: e, updateInput: t } = X(), n = H(() => e.inputs, [e]), o = (s, i, a) => {
+  const { themeSettings: e, updateInput: t } = Y(), n = H(() => e.inputs, [e]), o = (s, i, a) => {
     t(s, i, a);
   }, r = (s) => (i) => {
     t(s, i, "color");
   };
-  return /* @__PURE__ */ y("div", { className: we.wrapper, children: [
-    /* @__PURE__ */ y(Et, { title: "General", children: [
+  return /* @__PURE__ */ w("div", { className: ye.wrapper, children: [
+    /* @__PURE__ */ w(Et, { title: "General", children: [
       /* @__PURE__ */ c(
         ue,
         {
@@ -6294,7 +6294,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         }
       ),
       /* @__PURE__ */ c(
-        ye,
+        we,
         {
           initialColor: Be(n.general.color),
           onChange: r("general"),
@@ -6308,7 +6308,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       Et,
       {
         title: "Field Fill",
-        rightAddon: /* @__PURE__ */ c("div", { className: we.switch, children: /* @__PURE__ */ c(
+        rightAddon: /* @__PURE__ */ c("div", { className: ye.switch, children: /* @__PURE__ */ c(
           Tn,
           {
             onChange: (s) => o("field", s, "active"),
@@ -6316,7 +6316,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           }
         ) }),
         children: /* @__PURE__ */ c(
-          ye,
+          we,
           {
             initialColor: n.field.color,
             onChange: r("field"),
@@ -6327,7 +6327,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       }
     ),
     /* @__PURE__ */ c(Et, { title: "Placeholder", children: /* @__PURE__ */ c(
-      ye,
+      we,
       {
         initialColor: Be(n.placeholder.color),
         onChange: r("placeholder"),
@@ -6336,11 +6336,11 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         isGradientActive: !1
       }
     ) }),
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ w(
       Et,
       {
         title: "Border",
-        rightAddon: /* @__PURE__ */ c("div", { className: we.switch, children: /* @__PURE__ */ c(
+        rightAddon: /* @__PURE__ */ c("div", { className: ye.switch, children: /* @__PURE__ */ c(
           Tn,
           {
             onChange: (s) => o("border", s, "active"),
@@ -6348,9 +6348,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           }
         ) }),
         children: [
-          /* @__PURE__ */ y("div", { className: we.lineField, children: [
-            /* @__PURE__ */ y("div", { className: we.style, children: [
-              /* @__PURE__ */ c("span", { className: we.title, children: "Style" }),
+          /* @__PURE__ */ w("div", { className: ye.lineField, children: [
+            /* @__PURE__ */ w("div", { className: ye.style, children: [
+              /* @__PURE__ */ c("span", { className: ye.title, children: "Style" }),
               /* @__PURE__ */ c(
                 go,
                 {
@@ -6383,7 +6383,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             }
           ),
           /* @__PURE__ */ c(
-            ye,
+            we,
             {
               initialColor: Be(n.border.color),
               onChange: r("border"),
@@ -6395,7 +6395,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         ]
       }
     ),
-    /* @__PURE__ */ y(Et, { title: "Label", children: [
+    /* @__PURE__ */ w(Et, { title: "Label", children: [
       /* @__PURE__ */ c(
         ue,
         {
@@ -6416,7 +6416,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         }
       ),
       /* @__PURE__ */ c(
-        ye,
+        we,
         {
           initialColor: Be(n.label.color),
           onChange: r("label"),
@@ -6425,8 +6425,8 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
           isGradientActive: !1
         }
       ),
-      /* @__PURE__ */ y("div", { className: we.alignments, children: [
-        /* @__PURE__ */ c("h4", { className: we.title, children: "Alignment Type" }),
+      /* @__PURE__ */ w("div", { className: ye.alignments, children: [
+        /* @__PURE__ */ c("h4", { className: ye.title, children: "Alignment Type" }),
         /* @__PURE__ */ c(
           go,
           {
@@ -6439,22 +6439,22 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       ] })
     ] })
   ] });
-}, $u = "_wrapper_1yw63_2", Pu = "_color_1yw63_24", Lu = "_content_1yw63_33", Fu = "_preview_1yw63_42", ju = "_container_1yw63_52", zu = "_buttonWrapper_1yw63_62", Hu = "_button_1yw63_62", Wu = "_buttonBorder_1yw63_80", Uu = "_buttonBackground_1yw63_83", Vu = "_text_1yw63_87", Ku = "_textText_1yw63_93", Gu = "_icon_1yw63_97", Yu = "_iconIcon_1yw63_100", Xu = "_annotation_1yw63_104", qu = "_annotationText_1yw63_111", Ju = "_label_1yw63_116", Qu = "_circle_1yw63_127", Zu = "_line_1yw63_140", ed = "_circle1_1yw63_154", td = "_circle2_1yw63_159", nd = "_annotationIcon_1yw63_164", od = "_annotationBorder_1yw63_192", rd = "_line1_1yw63_203", sd = "_line2_1yw63_210", id = "_circle3_1yw63_227", ad = "_circle4_1yw63_232", cd = "_annotationSurface_1yw63_237", D = {
+}, $u = "_wrapper_lyrvk_2", Pu = "_color_lyrvk_24", Lu = "_content_lyrvk_33", Fu = "_preview_lyrvk_42", zu = "_container_lyrvk_52", ju = "_buttonWrapper_lyrvk_62", Hu = "_button_lyrvk_62", Wu = "_buttonBorder_lyrvk_80", Uu = "_buttonBackground_lyrvk_83", Vu = "_text_lyrvk_87", Ku = "_textText_lyrvk_93", qu = "_icon_lyrvk_97", Gu = "_iconIcon_lyrvk_100", Yu = "_annotation_lyrvk_104", Xu = "_annotationText_lyrvk_111", Ju = "_label_lyrvk_116", Qu = "_circle_lyrvk_127", Zu = "_line_lyrvk_140", ed = "_circle1_lyrvk_154", td = "_circle2_lyrvk_159", nd = "_annotationIcon_lyrvk_164", od = "_annotationBorder_lyrvk_192", rd = "_line1_lyrvk_203", sd = "_line2_lyrvk_210", id = "_circle3_lyrvk_227", ad = "_circle4_lyrvk_232", cd = "_annotationSurface_lyrvk_237", D = {
   wrapper: $u,
   color: Pu,
   content: Lu,
   preview: Fu,
-  container: ju,
-  buttonWrapper: zu,
+  container: zu,
+  buttonWrapper: ju,
   button: Hu,
   buttonBorder: Wu,
   buttonBackground: Uu,
   text: Vu,
   textText: Ku,
-  icon: Gu,
-  iconIcon: Yu,
-  annotation: Xu,
-  annotationText: qu,
+  icon: qu,
+  iconIcon: Gu,
+  annotation: Yu,
+  annotationText: Xu,
   label: Ju,
   circle: Qu,
   line: Zu,
@@ -6468,9 +6468,9 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
   circle4: ad,
   annotationSurface: cd
 }, ld = () => {
-  const { activeColorCategory: e } = X();
-  return /* @__PURE__ */ c("div", { className: D.container, children: /* @__PURE__ */ y("div", { className: D.buttonWrapper, children: [
-    /* @__PURE__ */ y(
+  const { activeColorCategory: e } = Y();
+  return /* @__PURE__ */ c("div", { className: D.container, children: /* @__PURE__ */ w("div", { className: D.buttonWrapper, children: [
+    /* @__PURE__ */ w(
       "div",
       {
         className: B(D.button, {
@@ -6503,19 +6503,19 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         ]
       }
     ),
-    e === "text" && /* @__PURE__ */ y("div", { className: B(D.annotation, D.annotationText), children: [
+    e === "text" && /* @__PURE__ */ w("div", { className: B(D.annotation, D.annotationText), children: [
       /* @__PURE__ */ c("div", { className: D.label, children: "Text Color" }),
       /* @__PURE__ */ c("div", { className: D.line }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle1) }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle2) })
     ] }),
-    e === "text" && /* @__PURE__ */ y("div", { className: B(D.annotation, D.annotationIcon), children: [
+    e === "text" && /* @__PURE__ */ w("div", { className: B(D.annotation, D.annotationIcon), children: [
       /* @__PURE__ */ c("div", { className: D.label, children: "Icon Color" }),
       /* @__PURE__ */ c("div", { className: D.line }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle1) }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle2) })
     ] }),
-    e === "border" && /* @__PURE__ */ y("div", { className: B(D.annotation, D.annotationBorder), children: [
+    e === "border" && /* @__PURE__ */ w("div", { className: B(D.annotation, D.annotationBorder), children: [
       /* @__PURE__ */ c("div", { className: D.label, children: "Border Color" }),
       /* @__PURE__ */ c("div", { className: B(D.line, D.line1) }),
       /* @__PURE__ */ c("div", { className: B(D.line, D.line2) }),
@@ -6524,7 +6524,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle3) }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle4) })
     ] }),
-    e === "surface" && /* @__PURE__ */ y("div", { className: B(D.annotation, D.annotationSurface), children: [
+    e === "surface" && /* @__PURE__ */ w("div", { className: B(D.annotation, D.annotationSurface), children: [
       /* @__PURE__ */ c("div", { className: D.label, children: "Surface Color" }),
       /* @__PURE__ */ c("div", { className: D.line }),
       /* @__PURE__ */ c("div", { className: B(D.circle, D.circle1) }),
@@ -6573,7 +6573,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     "modal"
   ]
 }, dd = () => {
-  const { activeBlock: e, setActiveColorCategory: t, activeColorCategory: n, themeSettings: o, updateColor: r } = X();
+  const { activeBlock: e, setActiveColorCategory: t, activeColorCategory: n, themeSettings: o, updateColor: r } = Y();
   function s() {
     t(null);
   }
@@ -6581,7 +6581,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     r(u, f, p);
   }
   const a = !!((e == null ? void 0 : e.name) === "Colors" && n), l = (e == null ? void 0 : e.name) !== "Colors" || !n, d = n ? ud[n] : [];
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     Ft,
     {
       isOpen: a,
@@ -6594,7 +6594,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             title: n === "text" ? "Text & Icon Colors" : `${Be(n)} Colors`
           }
         ),
-        n && /* @__PURE__ */ y("div", { className: D.wrapper, children: [
+        n && /* @__PURE__ */ w("div", { className: D.wrapper, children: [
           /* @__PURE__ */ c(ld, {}),
           d.map((u) => {
             const f = o.colors[n][u];
@@ -6602,7 +6602,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               "div",
               {
                 className: D.color,
-                children: /* @__PURE__ */ y("div", { className: D.content, children: [
+                children: /* @__PURE__ */ w("div", { className: D.content, children: [
                   /* @__PURE__ */ c(
                     "div",
                     {
@@ -6611,7 +6611,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
                     }
                   ),
                   /* @__PURE__ */ c(
-                    ye,
+                    we,
                     {
                       title: Be(u),
                       initialColor: f,
@@ -6631,23 +6631,23 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
 }, hd = "_loader_1p5lr_1", fd = {
   loader: hd
 }, gd = () => {
-  const { activeBlock: e, themeSettings: t, isLoadingThemeSettings: n } = X();
-  return /* @__PURE__ */ c(Pe, { children: n ? /* @__PURE__ */ c("div", { className: fd.loader, children: /* @__PURE__ */ c(ot, {}) }) : /* @__PURE__ */ y(Pe, { children: [
+  const { activeBlock: e, themeSettings: t, isLoadingThemeSettings: n } = Y();
+  return /* @__PURE__ */ c(Pe, { children: n ? /* @__PURE__ */ c("div", { className: fd.loader, children: /* @__PURE__ */ c(ot, {}) }) : /* @__PURE__ */ w(Pe, { children: [
     (e == null ? void 0 : e.name) === "Fonts" && t.fonts && /* @__PURE__ */ c(xu, {}),
     (e == null ? void 0 : e.name) === "Fonts" && t.fonts && /* @__PURE__ */ c(gu, {}),
     (e == null ? void 0 : e.name) === "Colors" && t.colors && /* @__PURE__ */ c(du, {}),
     (e == null ? void 0 : e.name) === "Colors" && t.colors && /* @__PURE__ */ c(dd, {}),
     (e == null ? void 0 : e.name) === "Inputs" && t.inputs && /* @__PURE__ */ c(Ou, {}),
-    (e == null ? void 0 : e.name) === "Borders" && t.borders && /* @__PURE__ */ c(Gl, {}),
+    (e == null ? void 0 : e.name) === "Borders" && t.borders && /* @__PURE__ */ c(ql, {}),
     (e == null ? void 0 : e.name) === "Buttons" && t.buttons && /* @__PURE__ */ c(cu, {})
   ] }) });
 }, pd = () => {
-  const { activeBlock: e, setActiveBlock: t } = X(), { activeBlock: n } = Gn(), o = rt();
+  const { activeBlock: e, setActiveBlock: t } = Y(), { activeBlock: n } = qn(), o = rt();
   function r() {
     t(null), o("/admin/builder/theme");
   }
   const s = !!e, i = !e || n.name !== "Theme";
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     Ft,
     {
       isOpen: s,
@@ -6665,7 +6665,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     }
   );
 }, Ld = () => {
-  const { activeBlock: e } = Gn(), { showTooltip: t } = jo();
+  const { activeBlock: e } = qn(), { showTooltip: t } = zo();
   function n() {
     switch (e.name) {
       case "Layers":
@@ -6678,7 +6678,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         return "Settings";
     }
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: $o.sidebar,
@@ -6689,27 +6689,27 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         /* @__PURE__ */ c("h3", { className: $o.title, children: n() }),
         e.name === "Layers" && /* @__PURE__ */ c(ll, {}),
         e.name === "Add" && /* @__PURE__ */ c(Sr, {}),
-        /* @__PURE__ */ c(zl, {}),
+        /* @__PURE__ */ c(jl, {}),
         /* @__PURE__ */ c(pd, {}),
         e.name === "Theme" && /* @__PURE__ */ c(bl, {}),
         e.name === "Settings" && /* @__PURE__ */ c(hl, {})
       ]
     }
   );
-}, md = "_wrapper_no6if_1", vd = "_header_no6if_12", bd = "_content_no6if_23", _d = "_buttons_no6if_44", wd = "_label_no6if_51", yd = "_description_no6if_52", Cd = "_preview_no6if_60", Sd = "_block_no6if_66", xd = "_slug_no6if_75", kd = "_title_no6if_81", Ad = "_closeIcon_no6if_87", _e = {
-  wrapper: md,
-  header: vd,
+}, vd = "_wrapper_1a3e7_1", md = "_header_1a3e7_12", bd = "_content_1a3e7_23", _d = "_buttons_1a3e7_44", yd = "_label_1a3e7_51", wd = "_description_1a3e7_52", Cd = "_preview_1a3e7_60", Sd = "_block_1a3e7_66", xd = "_slug_1a3e7_75", kd = "_title_1a3e7_81", Ad = "_closeIcon_1a3e7_87", _e = {
+  wrapper: vd,
+  header: md,
   content: bd,
   buttons: _d,
-  label: wd,
-  description: yd,
+  label: yd,
+  description: wd,
   preview: Cd,
   block: Sd,
   slug: xd,
   title: kd,
   closeIcon: Ad
 }, Fd = () => {
-  var j, $, T, P, M, W, oe;
+  var z, $, T, P, M, W, oe;
   const {
     setIsOpenModal: e,
     pages: t,
@@ -6720,13 +6720,13 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
     editedPage: i,
     setEditedPage: a,
     pageContext: l
-  } = J(), { setIsOpen: d } = zr(), { isAntistock: u } = Hr(), { createPage: f, updatePage: p } = ne(), [g, w] = A.useState(i ? t && ((j = t[i]) == null ? void 0 : j.path) : ""), [h, v] = A.useState(i ? t && (($ = t[i]) == null ? void 0 : $.name) : ""), [b, C] = A.useState(
+  } = J(), { setIsOpen: d } = jr(), { isAntistock: u } = Hr(), { createPage: f, updatePage: p } = ne(), [g, y] = A.useState(i ? t && ((z = t[i]) == null ? void 0 : z.path) : ""), [h, m] = A.useState(i ? t && (($ = t[i]) == null ? void 0 : $.name) : ""), [b, C] = A.useState(
     i ? t && ((T = t[i]) == null ? void 0 : T.seo) && ((M = (P = t[i]) == null ? void 0 : P.seo) == null ? void 0 : M.pageDescription) || "" : `${l.general.info.name} is powered by the Billgang.com platform which allows them to sell their digital products online for free.`
-  ), [m, k] = A.useState(
+  ), [v, k] = A.useState(
     i && t && (W = t[i]) != null && W.isPrivate ? "private" : "public"
   );
   function x() {
-    w(""), v(""), C(""), k("public"), s(!1), a(null);
+    y(""), m(""), C(""), k("public"), s(!1), a(null);
   }
   function S() {
     d(!1), setTimeout(() => {
@@ -6748,7 +6748,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         pageTitle: h || "",
         pageDescription: b || ""
       },
-      visibility: m || "public"
+      visibility: v || "public"
     }), f(_(g)), S();
   }
   function O() {
@@ -6760,16 +6760,16 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
         pageTitle: h || "",
         pageDescription: b || ""
       },
-      visibility: m || "public"
+      visibility: v || "public"
     })), S();
   }
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: _e.wrapper,
       onClick: (I) => I.stopPropagation(),
       children: [
-        /* @__PURE__ */ y("div", { className: _e.header, children: [
+        /* @__PURE__ */ w("div", { className: _e.header, children: [
           /* @__PURE__ */ c("h2", { children: r ? "Edit Page" : "Create New Page" }),
           /* @__PURE__ */ c("div", { className: _e.closeIcon, children: /* @__PURE__ */ c(
             R,
@@ -6781,12 +6781,12 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             }
           ) })
         ] }),
-        /* @__PURE__ */ y("div", { className: _e.content, children: [
+        /* @__PURE__ */ w("div", { className: _e.content, children: [
           /* @__PURE__ */ c(
             ue,
             {
               label: "Page Slug",
-              onChange: (I) => w(I),
+              onChange: (I) => y(I),
               value: g,
               placeholder: "path-to-page",
               disabled: !!(i && t && ((oe = t[i]) != null && oe.name) && Bt.includes(t[i].path)),
@@ -6799,7 +6799,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             {
               label: "Page Title",
               onChange: (I) => {
-                v(I);
+                m(I);
               },
               value: h.charAt(0).toUpperCase() + h.slice(1),
               placeholder: "Contact us"
@@ -6815,18 +6815,18 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
               maxLength: 150
             }
           ),
-          /* @__PURE__ */ y("div", { className: _e.preview, children: [
+          /* @__PURE__ */ w("div", { className: _e.preview, children: [
             /* @__PURE__ */ c("span", { className: _e.label, children: "Preview" }),
-            /* @__PURE__ */ y("div", { className: _e.block, children: [
+            /* @__PURE__ */ w("div", { className: _e.block, children: [
               /* @__PURE__ */ c("span", { className: _e.slug, children: g || "yoursite.url" }),
               /* @__PURE__ */ c("span", { className: _e.title, children: h || "My Blank Page" }),
               /* @__PURE__ */ c("span", { className: _e.description, children: b || "It is My Description" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ y("div", { className: _e.buttons, children: [
+        /* @__PURE__ */ w("div", { className: _e.buttons, children: [
           /* @__PURE__ */ c(
-            Xe,
+            Ye,
             {
               onClick: S,
               type: "Secondary",
@@ -6834,7 +6834,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
             }
           ),
           /* @__PURE__ */ c(
-            Xe,
+            Ye,
             {
               onClick: r ? O : N,
               disabled: g.length === 0,
@@ -6850,7 +6850,7 @@ const jc = "_product_yggw5_1", zc = "_name_yggw5_15", Oo = {
 export {
   $t as C,
   ci as D,
-  wt as F,
+  yt as F,
   Od as H,
   Fd as M,
   $d as N,
@@ -6859,9 +6859,9 @@ export {
   Ld as S,
   Uo as a,
   Wo as b,
-  Xn as c,
+  Yn as c,
   is as d,
-  yi as e,
+  wi as e,
   oo as f,
   Di as g,
   Rd as i,