@myissue/vue-website-page-builder 3.0.34 → 3.1.1

package/dist/vue-website-page-builder.js

@@ -7,7 +7,7 @@ var be = (r, e, t) => _g(r, typeof e != "symbol" ? e + "" : e, t), oc = (r, e, t
 var Ei = (r, e, t) => (oc(r, e, "read from private field"), t ? t.call(r) : e.get(r)), an = (r, e, t) => e.has(r) ? rc("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
 var Ce = (r, e, t) => (oc(r, e, "access private method"), t);
 import * as nc from "vue";
-import { effectScope as du, ref as x, markRaw as Cr, hasInjectionContext as Fg, inject as re, getCurrentInstance as Jl, toRaw as et, reactive as cu, isRef as In, isReactive as Yl, toRef as va, nextTick as Me, watch as pe, unref as T, getCurrentScope as jg, onScopeDispose as Hg, toRefs as ic, computed as L, watchEffect as ot, onMounted as Se, cloneVNode as Vg, h as Ee, Fragment as ve, defineComponent as he, provide as He, onUnmounted as xt, shallowRef as pu, Teleport as Yo, normalizeClass as X, createBlock as xe, openBlock as S, createVNode as R, withCtx as z, withKeys as uu, withModifiers as Po, createElementVNode as g, renderSlot as qt, createElementBlock as O, createCommentVNode as $, toDisplayString as F, Transition as Dt, onBeforeUnmount as Qs, customRef as Ug, onBeforeMount as Wg, withDirectives as at, vModelText as Xl, createTextVNode as De, resolveDynamicComponent as mu, renderList as Le, vModelSelect as Rt, vShow as qg, createStaticVNode as Kg } from "vue";
+import { effectScope as du, ref as x, markRaw as Cr, hasInjectionContext as Fg, inject as re, getCurrentInstance as Jl, toRaw as et, reactive as cu, isRef as In, isReactive as Yl, toRef as va, nextTick as Me, watch as pe, unref as T, getCurrentScope as jg, onScopeDispose as Hg, toRefs as ic, computed as L, watchEffect as ot, onMounted as Se, cloneVNode as Vg, h as Ee, Fragment as ve, defineComponent as he, provide as He, onUnmounted as xt, shallowRef as pu, Teleport as Yo, normalizeClass as X, createBlock as xe, openBlock as S, createVNode as $, withCtx as z, withKeys as uu, withModifiers as Po, createElementVNode as g, renderSlot as Wt, createElementBlock as O, createCommentVNode as R, toDisplayString as F, Transition as Dt, onBeforeUnmount as Qs, customRef as Ug, onBeforeMount as qg, withDirectives as at, vModelText as Xl, createTextVNode as De, resolveDynamicComponent as mu, renderList as Le, vModelSelect as Rt, vShow as Wg, createStaticVNode as Kg } from "vue";
 function Mi(r, e, t) {
   return Array.isArray(r) ? (r.length = Math.max(r.length, e), r.splice(e, 1, t), t) : (r[e] = t, t);
 }
@@ -154,11 +154,11 @@ function Ui(r) {
     t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), r.dispatchEvent(t);
   }
 }
-const Wi = typeof navigator == "object" ? navigator : { userAgent: "" }, yu = /Macintosh/.test(Wi.userAgent) && /AppleWebKit/.test(Wi.userAgent) && !/Safari/.test(Wi.userAgent), wu = Er ? (
+const qi = typeof navigator == "object" ? navigator : { userAgent: "" }, yu = /Macintosh/.test(qi.userAgent) && /AppleWebKit/.test(qi.userAgent) && !/Safari/.test(qi.userAgent), wu = Er ? (
   // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
   typeof HTMLAnchorElement < "u" && "download" in HTMLAnchorElement.prototype && !yu ? rf : (
     // Use msSaveOrOpenBlob as a second approach
-    "msSaveOrOpenBlob" in Wi ? of : (
+    "msSaveOrOpenBlob" in qi ? of : (
       // Fallback to using FileReader and a popup
       nf
     )
@@ -288,10 +288,10 @@ function It(r) {
     }
   };
 }
-const Su = "🍍 Pinia (root)", qi = "_root";
+const Su = "🍍 Pinia (root)", Wi = "_root";
 function pf(r) {
   return Zl(r) ? {
-    id: qi,
+    id: Wi,
     label: Su
   } : {
     id: r.$id,
@@ -466,14 +466,14 @@ function ff(r, e) {
       }
     }), globalThis.$pinia = e, t.on.getInspectorState((o) => {
       if (o.app === r && o.inspectorId === tt) {
-        const n = o.nodeId === qi ? e : e._s.get(o.nodeId);
+        const n = o.nodeId === Wi ? e : e._s.get(o.nodeId);
         if (!n)
           return;
-        n && (o.nodeId !== qi && (globalThis.$store = et(n)), o.state = uf(n));
+        n && (o.nodeId !== Wi && (globalThis.$store = et(n)), o.state = uf(n));
       }
     }), t.on.editInspectorState((o, n) => {
       if (o.app === r && o.inspectorId === tt) {
-        const i = o.nodeId === qi ? e : e._s.get(o.nodeId);
+        const i = o.nodeId === Wi ? e : e._s.get(o.nodeId);
         if (!i)
           return Fe(`store "${o.nodeId}" not found`, "error");
         const { path: s } = o;
@@ -775,8 +775,8 @@ function sl(r, e, t = {}, o, n, i) {
   }
   const E = i ? function() {
     const { state: v } = t, I = v ? v() : {};
-    this.$patch((q) => {
-      Et(q, I);
+    this.$patch((W) => {
+      Et(W, I);
     });
   } : (
     /* istanbul ignore next */
@@ -792,7 +792,7 @@ function sl(r, e, t = {}, o, n, i) {
       return P[ka] = v, P;
     const I = function() {
       Dn(o);
-      const q = Array.from(arguments), ne = [], Y = [];
+      const W = Array.from(arguments), ne = [], Y = [];
       function Z(se) {
         ne.push(se);
       }
@@ -800,7 +800,7 @@ function sl(r, e, t = {}, o, n, i) {
         Y.push(se);
       }
       Co(u, {
-        args: q,
+        args: W,
         name: I[ka],
         store: A,
         after: Z,
@@ -808,7 +808,7 @@ function sl(r, e, t = {}, o, n, i) {
       });
       let ge;
       try {
-        ge = P.apply(this && this.$id === r ? this : A, q);
+        ge = P.apply(this && this.$id === r ? this : A, W);
       } catch (se) {
         throw Co(Y, se), se;
       }
@@ -828,7 +828,7 @@ function sl(r, e, t = {}, o, n, i) {
     $patch: w,
     $reset: E,
     $subscribe(P, v = {}) {
-      const I = lc(p, P, v.detached, () => q()), q = s.run(() => pe(() => o.state.value[r], (ne) => {
+      const I = lc(p, P, v.detached, () => W()), W = s.run(() => pe(() => o.state.value[r], (ne) => {
         (v.flush === "sync" ? c : d) && P({
           storeId: r,
           type: Gt.direct,
@@ -875,8 +875,8 @@ function sl(r, e, t = {}, o, n, i) {
   }), process.env.NODE_ENV !== "production" && (A._hotUpdate = Cr((P) => {
     A._hotUpdating = !0, P._hmrPayload.state.forEach((v) => {
       if (v in A.$state) {
-        const I = P.$state[v], q = A.$state[v];
-        typeof I == "object" && co(I) && co(q) ? Eu(I, q) : P.$state[v] = q;
+        const I = P.$state[v], W = A.$state[v];
+        typeof I == "object" && co(I) && co(W) ? Eu(I, W) : P.$state[v] = W;
       }
       Mi(A, v, va(P.$state, v));
     }), Object.keys(A.$state).forEach((v) => {
@@ -889,11 +889,11 @@ function sl(r, e, t = {}, o, n, i) {
       Mi(A, v, y(I, v));
     }
     for (const v in P._hmrPayload.getters) {
-      const I = P._hmrPayload.getters[v], q = i ? (
+      const I = P._hmrPayload.getters[v], W = i ? (
         // special handling of options api
         L(() => (Dn(o), I.call(A, A)))
       ) : I;
-      Mi(A, v, q);
+      Mi(A, v, W);
     }
     Object.keys(A._hmrPayload.getters).forEach((v) => {
       v in P._hmrPayload.getters || xa(A, v);
@@ -1990,11 +1990,11 @@ function Ef() {
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
   return Oi(Cf);
 }
-const qe = [];
+const We = [];
 for (let r = 0; r < 256; ++r)
-  qe.push((r + 256).toString(16).slice(1));
+  We.push((r + 256).toString(16).slice(1));
 function Mf(r, e = 0) {
-  return qe[r[e + 0]] + qe[r[e + 1]] + qe[r[e + 2]] + qe[r[e + 3]] + "-" + qe[r[e + 4]] + qe[r[e + 5]] + "-" + qe[r[e + 6]] + qe[r[e + 7]] + "-" + qe[r[e + 8]] + qe[r[e + 9]] + "-" + qe[r[e + 10]] + qe[r[e + 11]] + qe[r[e + 12]] + qe[r[e + 13]] + qe[r[e + 14]] + qe[r[e + 15]];
+  return We[r[e + 0]] + We[r[e + 1]] + We[r[e + 2]] + We[r[e + 3]] + "-" + We[r[e + 4]] + We[r[e + 5]] + "-" + We[r[e + 6]] + We[r[e + 7]] + "-" + We[r[e + 8]] + We[r[e + 9]] + "-" + We[r[e + 10]] + We[r[e + 11]] + We[r[e + 12]] + We[r[e + 13]] + We[r[e + 14]] + We[r[e + 15]];
 }
 const Tf = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), uc = {
   randomUUID: Tf
@@ -2156,16 +2156,18 @@ class Qe {
       l.setAttribute("data-image", mc());
     }), t.id = s.dataset.componentid, t.html_code = s.outerHTML), t;
   }
-  removeHoveredAndSelected() {
-    this.showRunningMethodLogs && console.log("removeHoveredAndSelected");
-    const e = document.querySelector("[hovered]");
-    e && e.removeAttribute("hovered");
-    const t = document.querySelector("[selected]");
-    t && t.removeAttribute("selected");
+  async removeHoveredAndSelected() {
+    this.showRunningMethodLogs && console.log("removeHoveredAndSelected"), await new Promise((n) => requestAnimationFrame(n));
+    const e = document.querySelector("#pagebuilder");
+    if (!e) return;
+    const t = e.querySelector("[hovered]");
+    t && t.removeAttribute("hovered");
+    const o = e.querySelector("[selected]");
+    o && o.removeAttribute("selected");
   }
-  currentClasses() {
+  async currentClasses() {
     var t;
-    this.showRunningMethodLogs && console.log("handleAddClasses");
+    this.showRunningMethodLogs && console.log("handleAddClasses"), await new Promise((o) => requestAnimationFrame(o));
     const e = Array.from(((t = this.getElement.value) == null ? void 0 : t.classList) || []);
     this.pageBuilderStateStore.setCurrentClasses(e);
   }
@@ -2201,58 +2203,58 @@ class Qe {
     this.pageBuilderStateStore.setParentElement(null), this.pageBuilderStateStore.setRestoredElement(null), this.pageBuilderStateStore.setNextSibling(null), this.pageBuilderStateStore.setComponent(null), this.pageBuilderStateStore.setElement(null), this.setEventListenersForElements();
   }
   handleFontWeight(e) {
-    this.showRunningMethodLogs && console.log("handleFontWeight"), e && Ce(this, ue, Ie).call(this, e, Sa.fontWeight, "setFontWeight");
+    this.showRunningMethodLogs && console.log("handleFontWeight"), Ce(this, ue, Ie).call(this, e, Sa.fontWeight, "setFontWeight");
   }
   handleFontFamily(e) {
-    this.showRunningMethodLogs && console.log("handleFontFamily"), e && Ce(this, ue, Ie).call(this, e, Sa.fontFamily, "setFontFamily");
+    this.showRunningMethodLogs && console.log("handleFontFamily"), Ce(this, ue, Ie).call(this, e, Sa.fontFamily, "setFontFamily");
   }
   handleFontStyle(e) {
-    this.showRunningMethodLogs && console.log("handleFontStyle"), e && Ce(this, ue, Ie).call(this, e, Sa.fontStyle, "setFontStyle");
+    this.showRunningMethodLogs && console.log("handleFontStyle"), Ce(this, ue, Ie).call(this, e, Sa.fontStyle, "setFontStyle");
   }
   handleVerticalPadding(e) {
-    this.showRunningMethodLogs && console.log("handleVerticalPadding"), e && Ce(this, ue, Ie).call(this, e, Tr.verticalPadding, "setFontVerticalPadding");
+    this.showRunningMethodLogs && console.log("handleVerticalPadding"), Ce(this, ue, Ie).call(this, e, Tr.verticalPadding, "setFontVerticalPadding");
   }
   handleHorizontalPadding(e) {
-    this.showRunningMethodLogs && console.log("handleHorizontalPadding"), e && Ce(this, ue, Ie).call(this, e, Tr.horizontalPadding, "setFontHorizontalPadding");
+    this.showRunningMethodLogs && console.log("handleHorizontalPadding"), Ce(this, ue, Ie).call(this, e, Tr.horizontalPadding, "setFontHorizontalPadding");
   }
   handleVerticalMargin(e) {
-    this.showRunningMethodLogs && console.log("handleVerticalMargin"), e && Ce(this, ue, Ie).call(this, e, Tr.verticalMargin, "setFontVerticalMargin");
+    this.showRunningMethodLogs && console.log("handleVerticalMargin"), Ce(this, ue, Ie).call(this, e, Tr.verticalMargin, "setFontVerticalMargin");
   }
   handleHorizontalMargin(e) {
-    this.showRunningMethodLogs && console.log("handleHorizontalMargin"), e && Ce(this, ue, Ie).call(this, e, Tr.horizontalMargin, "setFontHorizontalMargin");
+    this.showRunningMethodLogs && console.log("handleHorizontalMargin"), Ce(this, ue, Ie).call(this, e, Tr.horizontalMargin, "setFontHorizontalMargin");
   }
   // border color, style & width / start
   handleBorderStyle(e) {
-    this.showRunningMethodLogs && console.log("handleBorderStyle"), e && Ce(this, ue, Ie).call(this, e, $o.borderStyle, "setBorderStyle");
+    this.showRunningMethodLogs && console.log("handleBorderStyle"), Ce(this, ue, Ie).call(this, e, $o.borderStyle, "setBorderStyle");
   }
   handleBorderWidth(e) {
-    this.showRunningMethodLogs && console.log("handleBorderWidth"), e && Ce(this, ue, Ie).call(this, e, $o.borderWidth, "setBorderWidth");
+    this.showRunningMethodLogs && console.log("handleBorderWidth"), Ce(this, ue, Ie).call(this, e, $o.borderWidth, "setBorderWidth");
   }
   handleBorderColor(e) {
-    this.showRunningMethodLogs && console.log("handleBorderColor"), e && Ce(this, ue, Ie).call(this, e, $o.borderColor, "setBorderColor");
+    this.showRunningMethodLogs && console.log("handleBorderColor"), Ce(this, ue, Ie).call(this, e, $o.borderColor, "setBorderColor");
   }
   // border color, style & width / end
   handleBackgroundColor(e) {
-    e && Ce(this, ue, Ie).call(this, e, rs.backgroundColorVariables, "setBackgroundColor");
+    Ce(this, ue, Ie).call(this, e, rs.backgroundColorVariables, "setBackgroundColor");
   }
   handleTextColor(e) {
-    e && Ce(this, ue, Ie).call(this, e, rs.textColorVariables, "setTextColor");
+    Ce(this, ue, Ie).call(this, e, rs.textColorVariables, "setTextColor");
   }
   // border radius / start
   handleBorderRadiusGlobal(e) {
-    this.showRunningMethodLogs && console.log("handleBorderRadiusGlobal"), e && Ce(this, ue, Ie).call(this, e, Ut.roundedGlobal, "setBorderRadiusGlobal");
+    this.showRunningMethodLogs && console.log("handleBorderRadiusGlobal"), Ce(this, ue, Ie).call(this, e, Ut.roundedGlobal, "setBorderRadiusGlobal");
   }
   handleBorderRadiusTopLeft(e) {
-    this.showRunningMethodLogs && console.log("handleBorderRadiusTopLeft"), e && Ce(this, ue, Ie).call(this, e, Ut.roundedTopLeft, "setBorderRadiusTopLeft");
+    this.showRunningMethodLogs && console.log("handleBorderRadiusTopLeft"), Ce(this, ue, Ie).call(this, e, Ut.roundedTopLeft, "setBorderRadiusTopLeft");
   }
   handleBorderRadiusTopRight(e) {
-    this.showRunningMethodLogs && console.log("handleBorderRadiusTopRight"), e && Ce(this, ue, Ie).call(this, e, Ut.roundedTopRight, "setBorderRadiusTopRight");
+    this.showRunningMethodLogs && console.log("handleBorderRadiusTopRight"), Ce(this, ue, Ie).call(this, e, Ut.roundedTopRight, "setBorderRadiusTopRight");
   }
   handleBorderRadiusBottomleft(e) {
-    this.showRunningMethodLogs && console.log("handleBorderRadiusBottomleft"), e && Ce(this, ue, Ie).call(this, e, Ut.roundedBottomLeft, "setBorderRadiusBottomleft");
+    this.showRunningMethodLogs && console.log("handleBorderRadiusBottomleft"), Ce(this, ue, Ie).call(this, e, Ut.roundedBottomLeft, "setBorderRadiusBottomleft");
   }
   handleBorderRadiusBottomRight(e) {
-    this.showRunningMethodLogs && console.log("handleBorderRadiusBottomRight"), e && Ce(this, ue, Ie).call(this, e, Ut.roundedBottomRight, "setBorderRadiusBottomRight");
+    this.showRunningMethodLogs && console.log("handleBorderRadiusBottomRight"), Ce(this, ue, Ie).call(this, e, Ut.roundedBottomRight, "setBorderRadiusBottomRight");
   }
   // border radius / end
   handleFontSize(e) {
@@ -2281,10 +2283,10 @@ class Qe {
     e !== void 0 && this.getElement.value && (!e.includes("sm:") && !e.includes("md:") && !e.includes("lg:") && (s.value && this.getElement.value.classList.remove(s.value), e.includes("base:none") || this.getElement.value.classList.add(e), this.pageBuilderStateStore.setFontBase(e)), e.includes("lg:") && (a.value && this.getElement.value.classList.remove(a.value), e.includes("lg:none") || this.getElement.value.classList.add(e), this.pageBuilderStateStore.setFontDesktop(e)), e.includes("md:") && (l.value && this.getElement.value.classList.remove(l.value), e.includes("md:none") || this.getElement.value.classList.add(e), this.pageBuilderStateStore.setFontTablet(e)), e.includes("sm:") && (d.value && this.getElement.value.classList.remove(d.value), e.includes("sm:none") || this.getElement.value.classList.add(e), this.pageBuilderStateStore.setFontMobile(e)), this.pageBuilderStateStore.setElement(this.getElement.value));
   }
   handleBackgroundOpacity(e) {
-    this.showRunningMethodLogs && console.log("handleBackgroundOpacity"), e && Ce(this, ue, Ie).call(this, e, ns.backgroundOpacities, "setBackgroundOpacity");
+    this.showRunningMethodLogs && console.log("handleBackgroundOpacity"), Ce(this, ue, Ie).call(this, e, ns.backgroundOpacities, "setBackgroundOpacity");
   }
   handleOpacity(e) {
-    this.showRunningMethodLogs && console.log("handleOpacity"), e && Ce(this, ue, Ie).call(this, e, ns.opacities, "setOpacity");
+    this.showRunningMethodLogs && console.log("handleOpacity"), Ce(this, ue, Ie).call(this, e, ns.opacities, "setOpacity");
   }
   deleteAllComponents() {
     this.showRunningMethodLogs && console.log("deleteAllComponents"), this.pageBuilderStateStore.setComponents([]);
@@ -2433,8 +2435,8 @@ class Qe {
     }
     Ce(this, ue, Au).call(this, e, t || null, o || !1);
   }
-  handlePageBuilderMethods() {
-    this.pageBuilderStateStore.setParentElement(null), this.pageBuilderStateStore.setRestoredElement(null), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.showBasePrimaryImage(), this.handleBorderStyle(void 0), this.handleBorderWidth(void 0), this.handleBorderColor(void 0), this.handleBorderRadiusGlobal(void 0), this.handleBorderRadiusTopLeft(void 0), this.handleBorderRadiusTopRight(void 0), this.handleBorderRadiusBottomleft(void 0), this.handleBorderRadiusBottomRight(void 0), this.handleFontSize(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), this.currentClasses();
+  async handlePageBuilderMethods() {
+    await new Promise((e) => requestAnimationFrame(e)), this.pageBuilderStateStore.setParentElement(null), this.pageBuilderStateStore.setRestoredElement(null), this.handleHyperlink(void 0, null, !1), this.handleOpacity(void 0), this.handleBackgroundOpacity(void 0), this.showBasePrimaryImage(), this.handleBorderStyle(void 0), this.handleBorderWidth(void 0), this.handleBorderColor(void 0), this.handleBorderRadiusGlobal(void 0), this.handleBorderRadiusTopLeft(void 0), this.handleBorderRadiusTopRight(void 0), this.handleBorderRadiusBottomleft(void 0), this.handleBorderRadiusBottomRight(void 0), this.handleFontSize(void 0), this.handleFontWeight(void 0), this.handleFontFamily(void 0), this.handleFontStyle(void 0), this.handleVerticalPadding(void 0), this.handleHorizontalPadding(void 0), this.handleVerticalMargin(void 0), this.handleHorizontalMargin(void 0), this.handleBackgroundColor(void 0), this.handleTextColor(void 0), await this.currentClasses();
   }
   // Helper method for custom components to easily add components
   async addComponent(e) {
@@ -2464,14 +2466,12 @@ class Qe {
   }
 }
 ue = new WeakSet(), Ie = function(e, t, o) {
-  var s, a, l, d;
   this.showRunningMethodLogs && console.log("#applyElementClassChanges");
-  const n = t.find((c) => {
-    var p;
-    return (p = this.getElement.value) == null ? void 0 : p.classList.contains(c);
-  });
-  let i = n || "none"(this.pageBuilderStateStore)[o](i);
-  return typeof e == "string" && e !== "none" ? (i && ((s = this.getElement.value) != null && s.classList.contains(i)) && ((a = this.getElement.value) == null || a.classList.remove(i)), (l = this.getElement.value) == null || l.classList.add(e), i = e) : typeof e == "string" && e === "none" && i && ((d = this.getElement.value) == null || d.classList.remove(i), i = e), this.pageBuilderStateStore[o](i), this.pageBuilderStateStore.setElement(this.getElement.value), n;
+  const n = this.getElement.value;
+  if (!n) return;
+  const i = t.find((a) => n.classList.contains(a));
+  let s = i || "none";
+  return e === void 0 ? (typeof o == "string" && o.length > 2 && this.pageBuilderStateStore[o](s), i) : (typeof e == "string" && e !== "none" ? (s && n.classList.contains(s) && n.classList.remove(s), n.classList.add(e), s = e) : typeof e == "string" && e === "none" && s && (n.classList.remove(s), s = e), typeof o == "string" && o.length > 2 && (this.pageBuilderStateStore[o](s), this.pageBuilderStateStore.setElement(n)), i);
 }, Ou = function(e) {
   Ce(this, ue, Pu).call(this, e), this.showRunningMethodLogs && console.log("#applyHelperCSSToElements"), e.tagName === "IMG" && e.classList.add("smooth-transition"), e.tagName === "DIV" && e.classList.length;
 }, Pu = function(e) {
@@ -2567,12 +2567,12 @@ const Of = function(r) {
               else if (Ca(M)) {
                 const k = Object.keys(M), A = Object.values(M);
                 if (k.length === 0 && (o.value = !0, n.value = `Not able to fetch data. Error status: ${d.value.status}.`), k.length > 0)
-                  for (let j = 0; j < k.length; j++) {
-                    if (Array.isArray(A[j]) || Ca(A[j])) {
+                  for (let H = 0; H < k.length; H++) {
+                    if (Array.isArray(A[H]) || Ca(A[H])) {
                       o.value = !0, n.value = `Not able to fetch data. Error status: ${C}`;
                       break;
                     }
-                    if (!Array.isArray(A[j]) && !Ca(A[j])) {
+                    if (!Array.isArray(A[H]) && !Ca(A[H])) {
                       const _ = Object.values(M).join(" ");
                       o.value = !0, n.value = `Not able to fetch data. Error status: ${C}. ${_}`;
                     }
@@ -2976,21 +2976,21 @@ const Of = function(r) {
       this.textColor = r;
     },
     setElement(r) {
-      this.element = {}, Me(() => {
+      this.element = null, Me(() => {
         this.element = r;
       });
     },
     setComponent(r) {
-      if (console.log("setComponent called:", r), !r) {
+      if (!r) {
         this.element = null, this.component = null;
         return;
       }
-      this.component = {}, Me(() => {
+      this.component = null, Me(() => {
         this.component = r;
       });
     },
     setComponents(r) {
-      this.components = {}, Me(() => {
+      this.components = [], Me(() => {
         this.components = r || [];
       });
     },
@@ -3144,7 +3144,7 @@ let jf = Symbol("headlessui.useid"), Hf = 0;
 const bt = (hc = nc.useId) != null ? hc : function() {
   return nc.inject(jf, () => `${++Hf}`)();
 };
-function W(r) {
+function q(r) {
   var e;
   if (r == null || r.value == null) return null;
   let t = (e = r.value.$el) != null ? e : r.value;
@@ -3159,7 +3159,7 @@ function ze(r, e, ...t) {
   throw Error.captureStackTrace && Error.captureStackTrace(o, ze), o;
 }
 var Vf = Object.defineProperty, Uf = (r, e, t) => e in r ? Vf(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, gc = (r, e, t) => (Uf(r, typeof e != "symbol" ? e + "" : e, t), t);
-let Wf = class {
+let qf = class {
   constructor() {
     gc(this, "current", this.detect()), gc(this, "currentId", 0);
   }
@@ -3181,18 +3181,18 @@ let Wf = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, ei = new Wf();
+}, ei = new qf();
 function _r(r) {
   if (ei.isServer) return null;
   if (r instanceof Node) return r.ownerDocument;
   if (r != null && r.hasOwnProperty("value")) {
-    let e = W(r);
+    let e = q(r);
     if (e) return e.ownerDocument;
   }
   return document;
 }
 let al = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((r) => `${r}:not([tabindex='-1'])`).join(",");
-var Wt = ((r) => (r[r.First = 1] = "First", r[r.Previous = 2] = "Previous", r[r.Next = 4] = "Next", r[r.Last = 8] = "Last", r[r.WrapAround = 16] = "WrapAround", r[r.NoScroll = 32] = "NoScroll", r))(Wt || {}), Nu = ((r) => (r[r.Error = 0] = "Error", r[r.Overflow = 1] = "Overflow", r[r.Success = 2] = "Success", r[r.Underflow = 3] = "Underflow", r))(Nu || {}), qf = ((r) => (r[r.Previous = -1] = "Previous", r[r.Next = 1] = "Next", r))(qf || {});
+var qt = ((r) => (r[r.First = 1] = "First", r[r.Previous = 2] = "Previous", r[r.Next = 4] = "Next", r[r.Last = 8] = "Last", r[r.WrapAround = 16] = "WrapAround", r[r.NoScroll = 32] = "NoScroll", r))(qt || {}), Nu = ((r) => (r[r.Error = 0] = "Error", r[r.Overflow = 1] = "Overflow", r[r.Success = 2] = "Success", r[r.Underflow = 3] = "Underflow", r))(Nu || {}), Wf = ((r) => (r[r.Previous = -1] = "Previous", r[r.Next = 1] = "Next", r))(Wf || {});
 function Iu(r = document.body) {
   return r == null ? [] : Array.from(r.querySelectorAll(al)).sort((e, t) => Math.sign((e.tabIndex || Number.MAX_SAFE_INTEGER) - (t.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
@@ -3297,7 +3297,7 @@ function od(r, e, t = L(() => !0)) {
     }(r);
     for (let d of l) {
       if (d === null) continue;
-      let c = d instanceof HTMLElement ? d : W(d);
+      let c = d instanceof HTMLElement ? d : q(d);
       if (c != null && c.contains(a) || i.composed && i.composedPath().includes(c)) return;
     }
     return !ea(a, Zs.Loose) && a.tabIndex !== -1 && i.preventDefault(), e(i, a);
@@ -3324,7 +3324,7 @@ function zu(r, e) {
     t.value = fc(r.value.type, r.value.as);
   }), ot(() => {
     var o;
-    t.value || W(e) && W(e) instanceof HTMLButtonElement && !((o = W(e)) != null && o.hasAttribute("type")) && (t.value = "button");
+    t.value || q(e) && q(e) instanceof HTMLButtonElement && !((o = q(e)) != null && o.hasAttribute("type")) && (t.value = "button");
   }), t;
 }
 function bc(r) {
@@ -3487,14 +3487,14 @@ function Vu(r, e) {
   }
 }
 function Uu(r = {}, e = null, t = []) {
-  for (let [o, n] of Object.entries(r)) qu(t, Wu(e, o), n);
+  for (let [o, n] of Object.entries(r)) Wu(t, qu(e, o), n);
   return t;
 }
-function Wu(r, e) {
+function qu(r, e) {
   return r ? r + "[" + e + "]" : e;
 }
-function qu(r, e, t) {
-  if (Array.isArray(t)) for (let [o, n] of t.entries()) qu(r, Wu(e, o.toString()), n);
+function Wu(r, e, t) {
+  if (Array.isArray(t)) for (let [o, n] of t.entries()) Wu(r, qu(e, o.toString()), n);
   else t instanceof Date ? r.push([e, t.toISOString()]) : typeof t == "boolean" ? r.push([e, t ? "1" : "0"]) : typeof t == "string" ? r.push([e, t]) : typeof t == "number" ? r.push([e, `${t}`]) : t == null ? r.push([e, ""]) : Uu(t, e, r);
 }
 function Ku(r, e, t, o) {
@@ -3514,7 +3514,7 @@ function Gu(r) {
   if (typeof r == "function") return new Set(r());
   let e = /* @__PURE__ */ new Set();
   for (let t of r.value) {
-    let o = W(t);
+    let o = q(t);
     o instanceof HTMLElement && e.add(o);
   }
   return e;
@@ -3529,12 +3529,12 @@ let ln = Object.assign(he({ name: "FocusTrap", props: { as: { type: [Object, Str
   d1({ ownerDocument: i, container: n, containers: r.containers, previousActiveElement: a }, L(() => s.value && !!(r.features & 8)));
   let l = i1();
   function d(m) {
-    let h = W(n);
+    let h = q(n);
     h && ((f) => f())(() => {
       ze(l.value, { [gn.Forwards]: () => {
-        vn(h, Wt.First, { skipElements: [m.relatedTarget] });
+        vn(h, qt.First, { skipElements: [m.relatedTarget] });
       }, [gn.Backwards]: () => {
-        vn(h, Wt.Last, { skipElements: [m.relatedTarget] });
+        vn(h, qt.Last, { skipElements: [m.relatedTarget] });
       } });
     });
   }
@@ -3547,9 +3547,9 @@ let ln = Object.assign(he({ name: "FocusTrap", props: { as: { type: [Object, Str
   function u(m) {
     if (!s.value) return;
     let h = Gu(r.containers);
-    W(n) instanceof HTMLElement && h.add(W(n));
+    q(n) instanceof HTMLElement && h.add(q(n));
     let f = m.relatedTarget;
-    f instanceof HTMLElement && f.dataset.headlessuiFocusGuard !== "true" && (Yu(h, f) || (c.value ? vn(W(n), ze(l.value, { [gn.Forwards]: () => Wt.Next, [gn.Backwards]: () => Wt.Previous }) | Wt.WrapAround, { relativeTo: m.target }) : m.target instanceof HTMLElement && Lr(m.target)));
+    f instanceof HTMLElement && f.dataset.headlessuiFocusGuard !== "true" && (Yu(h, f) || (c.value ? vn(q(n), ze(l.value, { [gn.Forwards]: () => qt.Next, [gn.Backwards]: () => qt.Previous }) | qt.WrapAround, { relativeTo: m.target }) : m.target instanceof HTMLElement && Lr(m.target)));
   }
   return () => {
     let m = {}, h = { ref: n, onKeydown: p, onFocusout: u }, { features: f, initialFocus: b, containers: w, ...E } = r;
@@ -3583,11 +3583,11 @@ function l1({ ownerDocument: r, container: e, initialFocus: t }, o) {
   return Se(() => i.value = !0), xt(() => i.value = !1), Se(() => {
     pe([e, t, o], (s, a) => {
       if (s.every((d, c) => (a == null ? void 0 : a[c]) === d) || !o.value) return;
-      let l = W(e);
+      let l = q(e);
       l && td(() => {
         var d, c;
         if (!i.value) return;
-        let p = W(t), u = (d = r.value) == null ? void 0 : d.activeElement;
+        let p = q(t), u = (d = r.value) == null ? void 0 : d.activeElement;
         if (p) {
           if (p === u) {
             n.value = u;
@@ -3597,7 +3597,7 @@ function l1({ ownerDocument: r, container: e, initialFocus: t }, o) {
           n.value = u;
           return;
         }
-        p ? Lr(p) : vn(l, Wt.First | Wt.NoScroll) === Nu.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n.value = (c = r.value) == null ? void 0 : c.activeElement;
+        p ? Lr(p) : vn(l, qt.First | qt.NoScroll) === Nu.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n.value = (c = r.value) == null ? void 0 : c.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), n;
@@ -3607,7 +3607,7 @@ function d1({ ownerDocument: r, container: e, containers: t, previousActiveEleme
   Ku((i = r.value) == null ? void 0 : i.defaultView, "focus", (s) => {
     if (!n.value) return;
     let a = Gu(t);
-    W(e) instanceof HTMLElement && a.add(W(e));
+    q(e) instanceof HTMLElement && a.add(q(e));
     let l = o.value;
     if (!l) return;
     let d = s.target;
@@ -3741,7 +3741,7 @@ function yc(r, e = x(!0)) {
   ot((t) => {
     var o;
     if (!e.value) return;
-    let n = W(r);
+    let n = q(r);
     if (!n) return;
     t(function() {
       var s;
@@ -3762,7 +3762,7 @@ function b1({ defaultContainers: r = [], portals: e, mainTreeNodeRef: t } = {})
     let d = [];
     for (let c of r) c !== null && (c instanceof HTMLElement ? d.push(c) : "value" in c && c.value instanceof HTMLElement && d.push(c.value));
     if (e != null && e.value) for (let c of e.value) d.push(c);
-    for (let c of (s = n == null ? void 0 : n.querySelectorAll("html > *, body > *")) != null ? s : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(W(o)) || c.contains((l = (a = W(o)) == null ? void 0 : a.getRootNode()) == null ? void 0 : l.host) || d.some((p) => c.contains(p)) || d.push(c));
+    for (let c of (s = n == null ? void 0 : n.querySelectorAll("html > *, body > *")) != null ? s : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(q(o)) || c.contains((l = (a = q(o)) == null ? void 0 : a.getRootNode()) == null ? void 0 : l.host) || d.some((p) => c.contains(p)) || d.push(c));
     return d;
   }
   return { resolveContainers: i, contains(s) {
@@ -3855,7 +3855,7 @@ let em = he({ name: "Portal", props: { as: { type: [Object, String], default: "d
   let d = re(pl, null), c = !1, p = Jl();
   return pe(o, () => {
     if (c || !d) return;
-    let u = W(o);
+    let u = q(o);
     u && (xt(d.register(u), p), c = !0);
   }), xt(() => {
     var u, m;
@@ -3912,19 +3912,19 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oi = he({ name: "Dialog", inher
   let d = !1, c = L(() => r.role === "dialog" || r.role === "alertdialog" ? r.role : (d || (d = !0, console.warn(`Invalid role [${c}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), p = x(0), u = ti(), m = L(() => r.open === Ai && u !== null ? (u.value & Be.Open) === Be.Open : r.open), h = x(null), f = L(() => _r(h));
   if (n({ el: h, $el: h }), !(r.open !== Ai || u !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof m.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m.value === Ai ? void 0 : r.open}`);
-  let b = L(() => l.value && m.value ? 0 : 1), w = L(() => b.value === 0), E = L(() => p.value > 1), C = re(ul, null) !== null, [y, M] = E1(), { resolveContainers: k, mainTreeNodeRef: A, MainTreeNode: j } = b1({ portals: y, defaultContainers: [L(() => {
+  let b = L(() => l.value && m.value ? 0 : 1), w = L(() => b.value === 0), E = L(() => p.value > 1), C = re(ul, null) !== null, [y, M] = E1(), { resolveContainers: k, mainTreeNodeRef: A, MainTreeNode: H } = b1({ portals: y, defaultContainers: [L(() => {
     var oe;
     return (oe = le.panelRef.value) != null ? oe : h.value;
   })] }), _ = L(() => E.value ? "parent" : "leaf"), P = L(() => u !== null ? (u.value & Be.Closing) === Be.Closing : !1), v = L(() => C || P.value ? !1 : w.value), I = L(() => {
     var oe, ce, Ne;
-    return (Ne = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("body > *")) != null ? ce : []).find((Te) => Te.id === "headlessui-portal-root" ? !1 : Te.contains(W(A)) && Te instanceof HTMLElement)) != null ? Ne : null;
+    return (Ne = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("body > *")) != null ? ce : []).find((Te) => Te.id === "headlessui-portal-root" ? !1 : Te.contains(q(A)) && Te instanceof HTMLElement)) != null ? Ne : null;
   });
   yc(I, v);
-  let q = L(() => E.value ? !0 : w.value), ne = L(() => {
+  let W = L(() => E.value ? !0 : w.value), ne = L(() => {
     var oe, ce, Ne;
-    return (Ne = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("[data-headlessui-portal]")) != null ? ce : []).find((Te) => Te.contains(W(A)) && Te instanceof HTMLElement)) != null ? Ne : null;
+    return (Ne = Array.from((ce = (oe = f.value) == null ? void 0 : oe.querySelectorAll("[data-headlessui-portal]")) != null ? ce : []).find((Te) => Te.contains(q(A)) && Te instanceof HTMLElement)) != null ? Ne : null;
   });
-  yc(ne, q), v1({ type: "Dialog", enabled: L(() => b.value === 0), element: h, onUpdate: (oe, ce) => {
+  yc(ne, W), v1({ type: "Dialog", enabled: L(() => b.value === 0), element: h, onUpdate: (oe, ce) => {
     if (ce === "Dialog") return ze(oe, { [dl.Add]: () => p.value += 1, [dl.Remove]: () => p.value -= 1 });
   } });
   let Y = k1({ name: "DialogDescription", slot: L(() => ({ open: m.value })) }), Z = x(null), le = { titleId: Z, panelRef: x(null), dialogState: b, setTitleId(oe) {
@@ -3947,7 +3947,7 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oi = he({ name: "Dialog", inher
     return { containers: [...(ce = oe.containers) != null ? ce : [], k] };
   }), ot((oe) => {
     if (b.value !== 0) return;
-    let ce = W(h);
+    let ce = q(h);
     if (!ce) return;
     let Ne = new ResizeObserver((Te) => {
       for (let it of Te) {
@@ -3958,7 +3958,7 @@ let Ai = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", oi = he({ name: "Dialog", inher
     Ne.observe(ce), oe(() => Ne.disconnect());
   }), () => {
     let { open: oe, initialFocus: ce, ...Ne } = r, Te = { ...t, ref: h, id: a, role: c.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": Y.value }, it = { open: b.value === 0 };
-    return Ee(ll, { force: !0 }, () => [Ee(em, () => Ee(M1, { target: h.value }, () => Ee(ll, { force: !1 }, () => Ee(ln, { initialFocus: ce, containers: k, features: w.value ? ze(_.value, { parent: ln.features.RestoreFocus, leaf: ln.features.All & ~ln.features.FocusLock }) : ln.features.None }, () => Ee(M, {}, () => Ae({ ourProps: Te, theirProps: { ...Ne, ...t }, slot: it, attrs: t, slots: o, visible: b.value === 0, features: $r.RenderStrategy | $r.Static, name: "Dialog" })))))), Ee(j)]);
+    return Ee(ll, { force: !0 }, () => [Ee(em, () => Ee(M1, { target: h.value }, () => Ee(ll, { force: !1 }, () => Ee(ln, { initialFocus: ce, containers: k, features: w.value ? ze(_.value, { parent: ln.features.RestoreFocus, leaf: ln.features.All & ~ln.features.FocusLock }) : ln.features.None }, () => Ee(M, {}, () => Ae({ ourProps: Te, theirProps: { ...Ne, ...t }, slot: it, attrs: t, slots: o, visible: b.value === 0, features: $r.RenderStrategy | $r.Static, name: "Dialog" })))))), Ee(H)]);
   };
 } }), sd = he({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
   var o;
@@ -4031,7 +4031,7 @@ function O1(r) {
 function om(r) {
   let e = x(""), t = x("");
   return () => {
-    let o = W(r);
+    let o = q(r);
     if (!o) return "";
     let n = o.innerText;
     if (e.value === n) return t.value;
@@ -4058,7 +4058,7 @@ function ni(r) {
 let ii = he({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => P1 }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(r, { slots: e, attrs: t, emit: o }) {
   let n = x(1), i = x(null), s = x(null), a = x(null), l = x([]), d = x(""), c = x(null), p = x(1);
   function u(C = (y) => y) {
-    let y = c.value !== null ? l.value[c.value] : null, M = rd(C(l.value.slice()), (A) => W(A.dataRef.domRef)), k = y ? M.indexOf(y) : null;
+    let y = c.value !== null ? l.value[c.value] : null, M = rd(C(l.value.slice()), (A) => q(A.dataRef.domRef)), k = y ? M.indexOf(y) : null;
     return k === -1 && (k = null), { options: M, activeOptionIndex: k };
   }
   let m = L(() => r.multiple ? 1 : 0), [h, f] = Ff(L(() => r.modelValue), (C) => o("update:modelValue", C), L(() => r.defaultValue)), b = L(() => h.value === void 0 ? ze(m.value, { 1: [], 0: void 0 }) : h.value), w = { listboxState: n, value: b, mode: m, compare(C, y) {
@@ -4073,7 +4073,7 @@ let ii = he({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
     r.disabled || n.value !== 0 && (n.value = 0);
   }, goToOption(C, y, M) {
     if (r.disabled || n.value === 1) return;
-    let k = u(), A = Vu(C === ye.Specific ? { focus: ye.Specific, id: y } : { focus: C }, { resolveItems: () => k.options, resolveActiveIndex: () => k.activeOptionIndex, resolveId: (j) => j.id, resolveDisabled: (j) => j.dataRef.disabled });
+    let k = u(), A = Vu(C === ye.Specific ? { focus: ye.Specific, id: y } : { focus: C }, { resolveItems: () => k.options, resolveActiveIndex: () => k.activeOptionIndex, resolveId: (H) => H.id, resolveDisabled: (H) => H.dataRef.disabled });
     d.value = "", c.value = A, p.value = M ?? 1, l.value = k.options;
   }, search(C) {
     if (r.disabled || n.value === 1) return;
@@ -4102,11 +4102,11 @@ let ii = he({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
   } };
   od([s, a], (C, y) => {
     var M;
-    w.closeListbox(), ea(y, Zs.Loose) || (C.preventDefault(), (M = W(s)) == null || M.focus());
+    w.closeListbox(), ea(y, Zs.Loose) || (C.preventDefault(), (M = q(s)) == null || M.focus());
   }, L(() => n.value === 0)), He(nm, w), id(L(() => ze(n.value, { 0: Be.Open, 1: Be.Closed })));
   let E = L(() => {
     var C;
-    return (C = W(s)) == null ? void 0 : C.closest("form");
+    return (C = q(s)) == null ? void 0 : C.closest("form");
   });
   return Se(() => {
     pe([E], () => {
@@ -4120,8 +4120,8 @@ let ii = he({ name: "Listbox", emits: { "update:modelValue": (r) => !0 }, props:
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: C, modelValue: y, disabled: M, form: k, ...A } = r, j = { open: n.value === 0, disabled: M, value: b.value };
-    return Ee(ve, [...C != null && b.value != null ? Uu({ [C]: b.value }).map(([_, P]) => Ee(is, e1({ features: Rn.Hidden, key: _, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: k, disabled: M, name: _, value: P }))) : [], Ae({ ourProps: {}, theirProps: { ...t, ...nd(A, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: j, slots: e, attrs: t, name: "Listbox" })]);
+    let { name: C, modelValue: y, disabled: M, form: k, ...A } = r, H = { open: n.value === 0, disabled: M, value: b.value };
+    return Ee(ve, [...C != null && b.value != null ? Uu({ [C]: b.value }).map(([_, P]) => Ee(is, e1({ features: Rn.Hidden, key: _, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: k, disabled: M, name: _, value: P }))) : [], Ae({ ourProps: {}, theirProps: { ...t, ...nd(A, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: H, slots: e, attrs: t, name: "Listbox" })]);
   };
 } });
 he({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t }) {
@@ -4129,7 +4129,7 @@ he({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "labe
   let n = (o = r.id) != null ? o : `headlessui-listbox-label-${bt()}`, i = ni("ListboxLabel");
   function s() {
     var a;
-    (a = W(i.buttonRef)) == null || a.focus({ preventScroll: !0 });
+    (a = q(i.buttonRef)) == null || a.focus({ preventScroll: !0 });
   }
   return () => {
     let a = { open: i.listboxState.value === 0, disabled: i.disabled.value }, { ...l } = r, d = { id: n, ref: i.labelRef, onClick: s };
@@ -4147,13 +4147,13 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
       case ie.ArrowDown:
         p.preventDefault(), s.openListbox(), Me(() => {
           var u;
-          (u = W(s.optionsRef)) == null || u.focus({ preventScroll: !0 }), s.value.value || s.goToOption(ye.First);
+          (u = q(s.optionsRef)) == null || u.focus({ preventScroll: !0 }), s.value.value || s.goToOption(ye.First);
         });
         break;
       case ie.ArrowUp:
         p.preventDefault(), s.openListbox(), Me(() => {
           var u;
-          (u = W(s.optionsRef)) == null || u.focus({ preventScroll: !0 }), s.value.value || s.goToOption(ye.Last);
+          (u = q(s.optionsRef)) == null || u.focus({ preventScroll: !0 }), s.value.value || s.goToOption(ye.Last);
         });
         break;
     }
@@ -4168,16 +4168,16 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   function d(p) {
     s.disabled.value || (s.listboxState.value === 0 ? (s.closeListbox(), Me(() => {
       var u;
-      return (u = W(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+      return (u = q(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     })) : (p.preventDefault(), s.openListbox(), N1(() => {
       var u;
-      return (u = W(s.optionsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+      return (u = q(s.optionsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     })));
   }
   let c = zu(L(() => ({ as: r.as, type: e.type })), s.buttonRef);
   return () => {
     var p, u;
-    let m = { open: s.listboxState.value === 0, disabled: s.disabled.value, value: s.value.value }, { ...h } = r, f = { ref: s.buttonRef, id: i, type: c.value, "aria-haspopup": "listbox", "aria-controls": (p = W(s.optionsRef)) == null ? void 0 : p.id, "aria-expanded": s.listboxState.value === 0, "aria-labelledby": s.labelRef.value ? [(u = W(s.labelRef)) == null ? void 0 : u.id, i].join(" ") : void 0, disabled: s.disabled.value === !0 ? !0 : void 0, onKeydown: a, onKeyup: l, onClick: d };
+    let m = { open: s.listboxState.value === 0, disabled: s.disabled.value, value: s.value.value }, { ...h } = r, f = { ref: s.buttonRef, id: i, type: c.value, "aria-haspopup": "listbox", "aria-controls": (p = q(s.optionsRef)) == null ? void 0 : p.id, "aria-expanded": s.listboxState.value === 0, "aria-labelledby": s.labelRef.value ? [(u = q(s.labelRef)) == null ? void 0 : u.id, i].join(" ") : void 0, disabled: s.disabled.value === !0 ? !0 : void 0, onKeydown: a, onKeyup: l, onClick: d };
     return Ae({ ourProps: f, theirProps: h, slot: m, attrs: e, slots: t, name: "ListboxButton" });
   };
 } }), ai = he({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t, expose: o }) {
@@ -4195,7 +4195,7 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
         }
         s.mode.value === 0 && (s.closeListbox(), Me(() => {
           var u;
-          return (u = W(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+          return (u = q(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
         }));
         break;
       case ze(s.orientation.value, { vertical: ie.ArrowDown, horizontal: ie.ArrowRight }):
@@ -4211,7 +4211,7 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
       case ie.Escape:
         p.preventDefault(), p.stopPropagation(), s.closeListbox(), Me(() => {
           var u;
-          return (u = W(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+          return (u = q(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
         break;
       case ie.Tab:
@@ -4225,7 +4225,7 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   let d = ti(), c = L(() => d !== null ? (d.value & Be.Open) === Be.Open : s.listboxState.value === 0);
   return () => {
     var p, u;
-    let m = { open: s.listboxState.value === 0 }, { ...h } = r, f = { "aria-activedescendant": s.activeOptionIndex.value === null || (p = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : p.id, "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, "aria-labelledby": (u = W(s.buttonRef)) == null ? void 0 : u.id, "aria-orientation": s.orientation.value, id: i, onKeydown: l, role: "listbox", tabIndex: 0, ref: s.optionsRef };
+    let m = { open: s.listboxState.value === 0 }, { ...h } = r, f = { "aria-activedescendant": s.activeOptionIndex.value === null || (p = s.options.value[s.activeOptionIndex.value]) == null ? void 0 : p.id, "aria-multiselectable": s.mode.value === 1 ? !0 : void 0, "aria-labelledby": (u = q(s.buttonRef)) == null ? void 0 : u.id, "aria-orientation": s.orientation.value, id: i, onKeydown: l, role: "listbox", tabIndex: 0, ref: s.optionsRef };
     return Ae({ ourProps: f, theirProps: h, slot: m, attrs: e, slots: t, features: $r.RenderStrategy | $r.Static, visible: c.value, name: "ListboxOptions" });
   };
 } }), li = he({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(r, { slots: e, attrs: t, expose: o }) {
@@ -4250,14 +4250,14 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
   }), ot(() => {
     s.listboxState.value === 0 && l.value && s.activationTrigger.value !== 0 && Me(() => {
       var C, y;
-      return (y = (C = W(a)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : y.call(C, { block: "nearest" });
+      return (y = (C = q(a)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : y.call(C, { block: "nearest" });
     });
   });
   function m(C) {
     if (r.disabled) return C.preventDefault();
     s.select(r.value), s.mode.value === 0 && (s.closeListbox(), Me(() => {
       var y;
-      return (y = W(s.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
+      return (y = q(s.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
     }));
   }
   function h() {
@@ -4275,8 +4275,8 @@ let si = he({ name: "ListboxButton", props: { as: { type: [Object, String], defa
     f.wasMoved(C) && (r.disabled || l.value && s.goToOption(ye.Nothing));
   }
   return () => {
-    let { disabled: C } = r, y = { active: l.value, selected: d.value, disabled: C }, { value: M, disabled: k, ...A } = r, j = { id: i, ref: a, role: "option", tabIndex: C === !0 ? void 0 : -1, "aria-disabled": C === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: m, onFocus: h, onPointerenter: b, onMouseenter: b, onPointermove: w, onMousemove: w, onPointerleave: E, onMouseleave: E };
-    return Ae({ ourProps: j, theirProps: A, slot: y, attrs: t, slots: e, name: "ListboxOption" });
+    let { disabled: C } = r, y = { active: l.value, selected: d.value, disabled: C }, { value: M, disabled: k, ...A } = r, H = { id: i, ref: a, role: "option", tabIndex: C === !0 ? void 0 : -1, "aria-disabled": C === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: m, onFocus: h, onPointerenter: b, onMouseenter: b, onPointermove: w, onMousemove: w, onPointerleave: E, onMouseleave: E };
+    return Ae({ ourProps: H, theirProps: A, slot: y, attrs: t, slots: e, name: "ListboxOption" });
   };
 } });
 var I1 = ((r) => (r[r.Open = 0] = "Open", r[r.Closed = 1] = "Closed", r))(I1 || {}), D1 = ((r) => (r[r.Pointer = 0] = "Pointer", r[r.Other = 1] = "Other", r))(D1 || {});
@@ -4295,7 +4295,7 @@ function ta(r) {
 let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(r, { slots: e, attrs: t }) {
   let o = x(1), n = x(null), i = x(null), s = x([]), a = x(""), l = x(null), d = x(1);
   function c(u = (m) => m) {
-    let m = l.value !== null ? s.value[l.value] : null, h = rd(u(s.value.slice()), (b) => W(b.dataRef.domRef)), f = m ? h.indexOf(m) : null;
+    let m = l.value !== null ? s.value[l.value] : null, h = rd(u(s.value.slice()), (b) => q(b.dataRef.domRef)), f = m ? h.indexOf(m) : null;
     return f === -1 && (f = null), { items: h, activeItemIndex: f };
   }
   let p = { menuState: o, buttonRef: n, itemsRef: i, items: s, searchQuery: a, activeItemIndex: l, activationTrigger: d, closeMenu: () => {
@@ -4322,7 +4322,7 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   } };
   return od([n, i], (u, m) => {
     var h;
-    p.closeMenu(), ea(m, Zs.Loose) || (u.preventDefault(), (h = W(n)) == null || h.focus());
+    p.closeMenu(), ea(m, Zs.Loose) || (u.preventDefault(), (h = q(n)) == null || h.focus());
   }, L(() => o.value === 0)), He(im, p), id(L(() => ze(o.value, { 0: Be.Open, 1: Be.Closed }))), () => {
     let u = { open: o.value === 0, close: p.closeMenu };
     return Ae({ ourProps: {}, theirProps: r, slot: u, slots: e, attrs: t, name: "Menu" });
@@ -4338,13 +4338,13 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case ie.ArrowDown:
         p.preventDefault(), p.stopPropagation(), s.openMenu(), Me(() => {
           var u;
-          (u = W(s.itemsRef)) == null || u.focus({ preventScroll: !0 }), s.goToItem(ye.First);
+          (u = q(s.itemsRef)) == null || u.focus({ preventScroll: !0 }), s.goToItem(ye.First);
         });
         break;
       case ie.ArrowUp:
         p.preventDefault(), p.stopPropagation(), s.openMenu(), Me(() => {
           var u;
-          (u = W(s.itemsRef)) == null || u.focus({ preventScroll: !0 }), s.goToItem(ye.Last);
+          (u = q(s.itemsRef)) == null || u.focus({ preventScroll: !0 }), s.goToItem(ye.Last);
         });
         break;
     }
@@ -4359,22 +4359,22 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   function d(p) {
     r.disabled || (s.menuState.value === 0 ? (s.closeMenu(), Me(() => {
       var u;
-      return (u = W(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+      return (u = q(s.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     })) : (p.preventDefault(), s.openMenu(), R1(() => {
       var u;
-      return (u = W(s.itemsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+      return (u = q(s.itemsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     })));
   }
   let c = zu(L(() => ({ as: r.as, type: e.type })), s.buttonRef);
   return () => {
     var p;
-    let u = { open: s.menuState.value === 0 }, { ...m } = r, h = { ref: s.buttonRef, id: i, type: c.value, "aria-haspopup": "menu", "aria-controls": (p = W(s.itemsRef)) == null ? void 0 : p.id, "aria-expanded": s.menuState.value === 0, onKeydown: a, onKeyup: l, onClick: d };
+    let u = { open: s.menuState.value === 0 }, { ...m } = r, h = { ref: s.buttonRef, id: i, type: c.value, "aria-haspopup": "menu", "aria-controls": (p = q(s.itemsRef)) == null ? void 0 : p.id, "aria-expanded": s.menuState.value === 0, onKeydown: a, onKeyup: l, onClick: d };
     return Ae({ ourProps: h, theirProps: m, slot: u, attrs: e, slots: t, name: "MenuButton" });
   };
 } }), _1 = he({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(r, { attrs: e, slots: t, expose: o }) {
   var n;
   let i = (n = r.id) != null ? n : `headlessui-menu-items-${bt()}`, s = ta("MenuItems"), a = x(null);
-  o({ el: s.itemsRef, $el: s.itemsRef }), Zf({ container: L(() => W(s.itemsRef)), enabled: L(() => s.menuState.value === 0), accept(u) {
+  o({ el: s.itemsRef, $el: s.itemsRef }), Zf({ container: L(() => q(s.itemsRef)), enabled: L(() => s.menuState.value === 0), accept(u) {
     return u.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -4387,9 +4387,9 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case ie.Enter:
         if (u.preventDefault(), u.stopPropagation(), s.activeItemIndex.value !== null) {
           let h = s.items.value[s.activeItemIndex.value];
-          (m = W(h.dataRef.domRef)) == null || m.click();
+          (m = q(h.dataRef.domRef)) == null || m.click();
         }
-        s.closeMenu(), Du(W(s.buttonRef));
+        s.closeMenu(), Du(q(s.buttonRef));
         break;
       case ie.ArrowDown:
         return u.preventDefault(), u.stopPropagation(), s.goToItem(ye.Next);
@@ -4404,11 +4404,11 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case ie.Escape:
         u.preventDefault(), u.stopPropagation(), s.closeMenu(), Me(() => {
           var h;
-          return (h = W(s.buttonRef)) == null ? void 0 : h.focus({ preventScroll: !0 });
+          return (h = q(s.buttonRef)) == null ? void 0 : h.focus({ preventScroll: !0 });
         });
         break;
       case ie.Tab:
-        u.preventDefault(), u.stopPropagation(), s.closeMenu(), Me(() => Yf(W(s.buttonRef), u.shiftKey ? Wt.Previous : Wt.Next));
+        u.preventDefault(), u.stopPropagation(), s.closeMenu(), Me(() => Yf(q(s.buttonRef), u.shiftKey ? qt.Previous : qt.Next));
         break;
       default:
         u.key.length === 1 && (s.search(u.key), a.value = setTimeout(() => s.clearSearch(), 350));
@@ -4425,7 +4425,7 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   let c = ti(), p = L(() => c !== null ? (c.value & Be.Open) === Be.Open : s.menuState.value === 0);
   return () => {
     var u, m;
-    let h = { open: s.menuState.value === 0 }, { ...f } = r, b = { "aria-activedescendant": s.activeItemIndex.value === null || (u = s.items.value[s.activeItemIndex.value]) == null ? void 0 : u.id, "aria-labelledby": (m = W(s.buttonRef)) == null ? void 0 : m.id, id: i, onKeydown: l, onKeyup: d, role: "menu", tabIndex: 0, ref: s.itemsRef };
+    let h = { open: s.menuState.value === 0 }, { ...f } = r, b = { "aria-activedescendant": s.activeItemIndex.value === null || (u = s.items.value[s.activeItemIndex.value]) == null ? void 0 : u.id, "aria-labelledby": (m = q(s.buttonRef)) == null ? void 0 : m.id, id: i, onKeydown: l, onKeyup: d, role: "menu", tabIndex: 0, ref: s.itemsRef };
     return Ae({ ourProps: b, theirProps: f, slot: h, attrs: e, slots: t, features: $r.RenderStrategy | $r.Static, visible: p.value, name: "MenuItems" });
   };
 } }), cn = he({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(r, { slots: e, attrs: t, expose: o }) {
@@ -4438,12 +4438,12 @@ let $1 = he({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   Se(() => s.registerItem(i, c)), xt(() => s.unregisterItem(i)), ot(() => {
     s.menuState.value === 0 && l.value && s.activationTrigger.value !== 0 && Me(() => {
       var w, E;
-      return (E = (w = W(a)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : E.call(w, { block: "nearest" });
+      return (E = (w = q(a)) == null ? void 0 : w.scrollIntoView) == null ? void 0 : E.call(w, { block: "nearest" });
     });
   });
   function p(w) {
     if (r.disabled) return w.preventDefault();
-    s.closeMenu(), Du(W(s.buttonRef));
+    s.closeMenu(), Du(q(s.buttonRef));
   }
   function u() {
     if (r.disabled) return s.goToItem(ye.Nothing);
@@ -4493,7 +4493,7 @@ function kc(r, e, t, o, n, i) {
     Bi(r, ...t), Ta(r, ...o), s.add(j1(r, (l) => (Bi(r, ...o, ...e), Ta(r, ...n), a(l))));
   }), s.add(() => Bi(r, ...e, ...t, ...o, ...n)), s.add(() => a("cancelled")), s.dispose;
 }
-function qr(r = "") {
+function Wr(r = "") {
   return r.split(/\s+/).filter((e) => e.length > 1);
 }
 let ld = Symbol("TransitionContext");
@@ -4506,7 +4506,7 @@ function U1() {
   if (r === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return r;
 }
-function W1() {
+function q1() {
   let r = re(dd, null);
   if (r === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return r;
@@ -4549,12 +4549,12 @@ let am = $r.RenderStrategy, ur = he({ props: { as: { type: [Object, String], def
   if (!V1() && r1()) return () => Ee(Xo, { ...r, onBeforeEnter: s, onAfterEnter: a, onBeforeLeave: l, onAfterLeave: d }, o);
   let c = x(null), p = L(() => r.unmount ? Or.Unmount : Or.Hidden);
   n({ el: c, $el: c });
-  let { show: u, appear: m } = U1(), { register: h, unregister: f } = W1(), b = x(u.value ? "visible" : "hidden"), w = { value: !0 }, E = bt(), C = { value: !1 }, y = sm(() => {
+  let { show: u, appear: m } = U1(), { register: h, unregister: f } = q1(), b = x(u.value ? "visible" : "hidden"), w = { value: !0 }, E = bt(), C = { value: !1 }, y = sm(() => {
     !C.value && b.value !== "hidden" && (b.value = "hidden", f(E), d());
   });
   Se(() => {
-    let q = h(E);
-    xt(q);
+    let W = h(E);
+    xt(W);
   }), ot(() => {
     if (p.value === Or.Hidden && E) {
       if (u.value && b.value !== "visible") {
@@ -4564,32 +4564,32 @@ let am = $r.RenderStrategy, ur = he({ props: { as: { type: [Object, String], def
       ze(b.value, { hidden: () => f(E), visible: () => h(E) });
     }
   });
-  let M = qr(r.enter), k = qr(r.enterFrom), A = qr(r.enterTo), j = qr(r.entered), _ = qr(r.leave), P = qr(r.leaveFrom), v = qr(r.leaveTo);
+  let M = Wr(r.enter), k = Wr(r.enterFrom), A = Wr(r.enterTo), H = Wr(r.entered), _ = Wr(r.leave), P = Wr(r.leaveFrom), v = Wr(r.leaveTo);
   Se(() => {
     ot(() => {
       if (b.value === "visible") {
-        let q = W(c);
-        if (q instanceof Comment && q.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+        let W = q(c);
+        if (W instanceof Comment && W.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
-  function I(q) {
-    let ne = w.value && !m.value, Y = W(c);
-    !Y || !(Y instanceof HTMLElement) || ne || (C.value = !0, u.value && s(), u.value || l(), q(u.value ? kc(Y, M, k, A, j, (Z) => {
+  function I(W) {
+    let ne = w.value && !m.value, Y = q(c);
+    !Y || !(Y instanceof HTMLElement) || ne || (C.value = !0, u.value && s(), u.value || l(), W(u.value ? kc(Y, M, k, A, H, (Z) => {
       C.value = !1, Z === ml.Finished && a();
-    }) : kc(Y, _, P, v, j, (Z) => {
+    }) : kc(Y, _, P, v, H, (Z) => {
       C.value = !1, Z === ml.Finished && (ra(y) || (b.value = "hidden", f(E), d()));
     })));
   }
   return Se(() => {
-    pe([u], (q, ne, Y) => {
+    pe([u], (W, ne, Y) => {
       I(Y), w.value = !1;
     }, { immediate: !0 });
   }), He(dd, y), id(L(() => ze(b.value, { visible: Be.Open, hidden: Be.Closed }) | i.value)), () => {
-    let { appear: q, show: ne, enter: Y, enterFrom: Z, enterTo: le, entered: ge, leave: se, leaveFrom: ae, leaveTo: oe, ...ce } = r, Ne = { ref: c }, Te = { ...ce, ...m.value && u.value && ei.isServer ? { class: X([t.class, ce.class, ...M, ...k]) } : {} };
+    let { appear: W, show: ne, enter: Y, enterFrom: Z, enterTo: le, entered: ge, leave: se, leaveFrom: ae, leaveTo: oe, ...ce } = r, Ne = { ref: c }, Te = { ...ce, ...m.value && u.value && ei.isServer ? { class: X([t.class, ce.class, ...M, ...k]) } : {} };
     return Ae({ theirProps: Te, ourProps: Ne, slot: {}, slots: o, attrs: t, features: am, visible: b.value === "visible", name: "TransitionChild" });
   };
-} }), q1 = ur, Xo = he({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(r, { emit: e, attrs: t, slots: o }) {
+} }), W1 = ur, Xo = he({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(r, { emit: e, attrs: t, slots: o }) {
   let n = ti(), i = L(() => r.show === null && n !== null ? (n.value & Be.Open) === Be.Open : r.show);
   ot(() => {
     if (![!0, !1].includes(i.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
@@ -4603,7 +4603,7 @@ let am = $r.RenderStrategy, ur = he({ props: { as: { type: [Object, String], def
     });
   }), He(dd, a), He(ld, d), () => {
     let c = nd(r, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), p = { unmount: r.unmount };
-    return Ae({ ourProps: { ...p, as: "template" }, theirProps: {}, slot: {}, slots: { ...o, default: () => [Ee(q1, { onBeforeEnter: () => e("beforeEnter"), onAfterEnter: () => e("afterEnter"), onBeforeLeave: () => e("beforeLeave"), onAfterLeave: () => e("afterLeave"), ...t, ...p, ...c }, o.default)] }, attrs: {}, features: am, visible: s.value === "visible", name: "Transition" });
+    return Ae({ ourProps: { ...p, as: "template" }, theirProps: {}, slot: {}, slots: { ...o, default: () => [Ee(W1, { onBeforeEnter: () => e("beforeEnter"), onAfterEnter: () => e("afterEnter"), onBeforeLeave: () => e("beforeLeave"), onAfterLeave: () => e("afterLeave"), ...t, ...p, ...c }, o.default)] }, attrs: {}, features: am, visible: s.value === "visible", name: "Transition" });
   };
 } });
 const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center sm:block sm:p-0 bg-white" }, G1 = { class: "bg-red-100 inline-block align-bottom text-left transform transition-all sm:align-middle w-full overflow-hidden h-[100vh] top-0 left-0 right-0 absolute" }, J1 = { class: "px-4 lg:h-[10vh] h-[16vh] flex items-center justify-between border-b border-gray-200 bg-white" }, Y1 = {
@@ -4626,12 +4626,12 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
       i();
     }, a = L(() => o.getPageBuilderLogo);
     return (l, d) => (S(), xe(Yo, { to: "body" }, [
-      R(T(Xo), {
+      $(T(Xo), {
         show: r.show,
         as: "template"
       }, {
         default: z(() => [
-          R(T(oi), {
+          $(T(oi), {
             onClose: i,
             onKeydown: uu(Po(s, ["prevent"]), ["escape"]),
             as: "div",
@@ -4640,7 +4640,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
           }, {
             default: z(() => [
               g("div", K1, [
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0",
@@ -4650,7 +4650,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   "leave-to": "opacity-100"
                 }, {
                   default: z(() => [
-                    R(T(sd), { class: "fixed inset-0 bg-opacity-75 transition-opacity" })
+                    $(T(sd), { class: "fixed inset-0 bg-opacity-75 transition-opacity" })
                   ]),
                   _: 1
                 }),
@@ -4658,7 +4658,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   "aria-hidden": "true",
                   class: "hidden sm:inline-block sm:align-middle sm:h-screen"
                 }, "​", -1)),
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -4694,7 +4694,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                           ], -1)
                         ]))
                       ]),
-                      qt(l.$slots, "default")
+                      Wt(l.$slots, "default")
                     ])
                   ]),
                   _: 3
@@ -4754,19 +4754,19 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
       "5xl": "sm:max-w-5xl"
     })[t.maxWidth]);
     return (s, a) => (S(), xe(Yo, { to: "body" }, [
-      R(T(Xo), {
+      $(T(Xo), {
         show: r.show,
         as: "template"
       }, {
         default: z(() => [
-          R(T(oi), {
+          $(T(oi), {
             as: "div",
             class: "font-sans fixed z-30 inset-0 overflow-y-auto",
             onClose: n
           }, {
             default: z(() => [
               g("div", o0, [
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0",
@@ -4776,7 +4776,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   "leave-to": "opacity-0"
                 }, {
                   default: z(() => [
-                    R(T(sd), { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+                    $(T(sd), { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
                   ]),
                   _: 1
                 }),
@@ -4784,7 +4784,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   "aria-hidden": "true",
                   class: "hidden sm:inline-block sm:align-middle sm:h-screen"
                 }, "​", -1)),
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0 scale-95",
@@ -4801,7 +4801,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                         r.maxHeight ? r.maxHeight : ""
                       ]])
                     }, [
-                      qt(s.$slots, "default")
+                      Wt(s.$slots, "default")
                     ], 2)
                   ]),
                   _: 3
@@ -4908,24 +4908,24 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
       maxWidth: r.maxWidth
     }, {
       default: z(() => [
-        qt(s.$slots, "content"),
+        Wt(s.$slots, "content"),
         g("div", n0, [
           r.simpleModal !== !0 ? (S(), O("div", i0, [
             g("div", s0, [
-              r.type === "default" ? (S(), O("div", a0)) : $("", !0),
+              r.type === "default" ? (S(), O("div", a0)) : R("", !0),
               g("div", l0, [
                 r.type === "success" ? (S(), O("div", d0, a[0] || (a[0] = [
                   g("span", { class: "material-symbols-outlined" }, " check ", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 r.type === "warning" ? (S(), O("div", c0, a[1] || (a[1] = [
                   g("span", { class: "material-symbols-outlined" }, " notification_important ", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 r.type === "delete" ? (S(), O("div", p0, a[2] || (a[2] = [
                   g("span", { class: "material-symbols-outlined" }, " delete ", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 r.type === "danger" ? (S(), O("div", u0, a[3] || (a[3] = [
                   g("span", { class: "material-symbols-outlined" }, " warning ", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 g("h3", m0, F(r.title), 1)
               ])
             ]),
@@ -4935,7 +4935,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
             }, a[4] || (a[4] = [
               g("span", { class: "material-symbols-outlined" }, " close ", -1)
             ]))
-          ])) : $("", !0),
+          ])) : R("", !0),
           g("div", {
             class: X({ "p-4": r.simpleModal !== !0 })
           }, [
@@ -4943,13 +4943,13 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
               key: 0,
               innerHTML: r.description,
               class: "myPrimaryParagraph mb-6"
-            }, null, 8, h0)) : $("", !0),
-            qt(s.$slots, "header"),
-            qt(s.$slots, "default")
+            }, null, 8, h0)) : R("", !0),
+            Wt(s.$slots, "header"),
+            Wt(s.$slots, "default")
           ], 2)
         ]),
         r.simpleModal !== !0 ? (S(), O("div", g0, [
-          qt(s.$slots, "footer"),
+          Wt(s.$slots, "footer"),
           g("div", {
             class: X([{
               "sm:grid-cols-1": r.gridColumnAmount === 1,
@@ -4963,7 +4963,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
               class: "mySecondaryButton",
               type: "button",
               onClick: o
-            }, F(r.firstButtonText), 513)) : $("", !0),
+            }, F(r.firstButtonText), 513)) : R("", !0),
             r.secondButtonText ? (S(), O("div", f0, [
               r.disabled && r.disabledWhichButton === "secondButton" ? (S(), O("div", b0, [
                 g("button", {
@@ -4975,7 +4975,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   onClick: n
                 }, [
                   g("div", null, [
-                    R(Dt, { name: "bounce" }, {
+                    $(Dt, { name: "bounce" }, {
                       default: z(() => a[5] || (a[5] = [
                         g("div", {
                           role: "status",
@@ -5006,15 +5006,15 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                   ]),
                   a[6] || (a[6] = g("div", null, "Loading..", -1))
                 ], 10, y0)
-              ])) : $("", !0),
+              ])) : R("", !0),
               !r.disabled || r.disabledWhichButton !== "secondButton" ? (S(), O("div", w0, [
                 g("button", {
                   class: "myPrimaryButton bg-yellow-300 hover:bg-yellow-400 text-myPrimaryDarkGrayColor hover:text-myPrimaryDarkGrayColor focus:ring-yellow-400 w-full",
                   type: "button",
                   onClick: n
                 }, F(r.secondButtonText), 1)
-              ])) : $("", !0)
-            ])) : $("", !0),
+              ])) : R("", !0)
+            ])) : R("", !0),
             r.thirdButtonText ? (S(), O("div", v0, [
               r.type === "default" ? (S(), O("div", x0, [
                 r.disabled && r.disabledWhichButton === "thirdButton" ? (S(), O("div", k0, [
@@ -5026,7 +5026,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     type: "button"
                   }, [
                     g("div", null, [
-                      R(Dt, { name: "bounce" }, {
+                      $(Dt, { name: "bounce" }, {
                         default: z(() => a[7] || (a[7] = [
                           g("div", {
                             role: "status",
@@ -5057,15 +5057,15 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     ]),
                     a[8] || (a[8] = g("div", null, "Loading..", -1))
                   ], 10, S0)
-                ])) : $("", !0),
+                ])) : R("", !0),
                 !r.disabled || r.disabledWhichButton !== "thirdButton" ? (S(), O("div", C0, [
                   g("button", {
                     class: "myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full",
                     type: "button",
                     onClick: i
                   }, F(r.thirdButtonText), 1)
-                ])) : $("", !0)
-              ])) : $("", !0),
+                ])) : R("", !0)
+              ])) : R("", !0),
               r.type === "success" ? (S(), O("div", E0, [
                 r.disabled && r.disabledWhichButton === "thirdButton" ? (S(), O("div", M0, [
                   g("button", {
@@ -5076,7 +5076,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     type: "button"
                   }, [
                     g("div", null, [
-                      R(Dt, { name: "bounce" }, {
+                      $(Dt, { name: "bounce" }, {
                         default: z(() => a[9] || (a[9] = [
                           g("div", {
                             role: "status",
@@ -5107,15 +5107,15 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     ]),
                     a[10] || (a[10] = g("div", null, "Loading..", -1))
                   ], 10, T0)
-                ])) : $("", !0),
+                ])) : R("", !0),
                 !r.disabled || r.disabledWhichButton !== "thirdButton" ? (S(), O("div", O0, [
                   g("button", {
                     class: "myPrimaryButton bg-myPrimaryLinkColor focus-visible:ring-myPrimaryLinkColor focus:ring-myPrimaryLinkColor hover:bg-myPrimaryLinkColor w-full",
                     type: "button",
                     onClick: i
                   }, F(r.thirdButtonText), 1)
-                ])) : $("", !0)
-              ])) : $("", !0),
+                ])) : R("", !0)
+              ])) : R("", !0),
               r.type === "warning" ? (S(), O("div", P0, [
                 r.disabled && r.disabledWhichButton === "thirdButton" ? (S(), O("div", A0, [
                   g("button", {
@@ -5126,7 +5126,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     type: "button"
                   }, [
                     g("div", null, [
-                      R(Dt, { name: "bounce" }, {
+                      $(Dt, { name: "bounce" }, {
                         default: z(() => a[11] || (a[11] = [
                           g("div", {
                             role: "status",
@@ -5157,15 +5157,15 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     ]),
                     a[12] || (a[12] = g("div", null, "Loading..", -1))
                   ], 10, B0)
-                ])) : $("", !0),
+                ])) : R("", !0),
                 !r.disabled || r.disabledWhichButton !== "thirdButton" ? (S(), O("div", L0, [
                   g("button", {
                     class: "flex items-center gap-2 myPrimaryButton bg-myPrimaryErrorColor hover:bg-red-600 text-white focus:ring-myPrimaryErrorColor w-full",
                     type: "button",
                     onClick: i
                   }, F(r.thirdButtonText), 1)
-                ])) : $("", !0)
-              ])) : $("", !0),
+                ])) : R("", !0)
+              ])) : R("", !0),
               r.type === "danger" || r.type === "delete" ? (S(), O("div", N0, [
                 r.disabled && r.disabledWhichButton === "thirdButton" ? (S(), O("div", I0, [
                   g("button", {
@@ -5176,7 +5176,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     type: "button"
                   }, [
                     g("div", null, [
-                      R(Dt, { name: "bounce" }, {
+                      $(Dt, { name: "bounce" }, {
                         default: z(() => a[13] || (a[13] = [
                           g("div", {
                             role: "status",
@@ -5207,18 +5207,18 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
                     ]),
                     a[14] || (a[14] = g("div", null, "Loading..", -1))
                   ], 10, D0)
-                ])) : $("", !0),
+                ])) : R("", !0),
                 !r.disabled || r.disabledWhichButton !== "thirdButton" ? (S(), O("div", R0, [
                   g("button", {
                     class: "flex items-center gap-2 myPrimaryButton bg-myPrimaryErrorColor hover:bg-red-600 text-white focus:ring-myPrimaryErrorColor w-full",
                     type: "button",
                     onClick: i
                   }, F(r.thirdButtonText), 1)
-                ])) : $("", !0)
-              ])) : $("", !0)
-            ])) : $("", !0)
+                ])) : R("", !0)
+              ])) : R("", !0)
+            ])) : R("", !0)
           ], 2)
-        ])) : $("", !0)
+        ])) : R("", !0)
       ]),
       _: 3
     }, 8, ["show", "maxWidth"]));
@@ -5234,7 +5234,7 @@ const K1 = { class: "font-sans flex items-end justify-center pb-20 text-center s
       };
     };
     return (f, b) => (S(), O(ve, null, [
-      R($n, {
+      $($n, {
         showDynamicModal: t.value,
         type: o.value,
         gridColumnAmount: n.value,
@@ -5819,7 +5819,7 @@ let we = class hl {
 we.none = [];
 class as extends Error {
 }
-class H {
+class j {
   /**
   Create a slice. When specifying a non-zero open depth, you must
   make sure that there are nodes of at least that depth at the
@@ -5846,13 +5846,13 @@ class H {
   */
   insertAt(e, t) {
     let o = hm(this.content, e + this.openStart, t);
-    return o && new H(o, this.openStart, this.openEnd);
+    return o && new j(o, this.openStart, this.openEnd);
   }
   /**
   @internal
   */
   removeBetween(e, t) {
-    return new H(mm(this.content, e + this.openStart, t + this.openStart), this.openStart, this.openEnd);
+    return new j(mm(this.content, e + this.openStart, t + this.openStart), this.openStart, this.openEnd);
   }
   /**
   Tests whether this slice is equal to another slice.
@@ -5880,11 +5880,11 @@ class H {
   */
   static fromJSON(e, t) {
     if (!t)
-      return H.empty;
+      return j.empty;
     let o = t.openStart || 0, n = t.openEnd || 0;
     if (typeof o != "number" || typeof n != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new H(N.fromJSON(e, t.content), o, n);
+    return new j(N.fromJSON(e, t.content), o, n);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -5896,10 +5896,10 @@ class H {
       o++;
     for (let i = e.lastChild; i && !i.isLeaf && (t || !i.type.spec.isolating); i = i.lastChild)
       n++;
-    return new H(e, o, n);
+    return new j(e, o, n);
   }
 }
-H.empty = new H(N.empty, 0, 0);
+j.empty = new j(N.empty, 0, 0);
 function mm(r, e, t) {
   let { index: o, offset: n } = r.findIndex(e), i = r.maybeChild(o), { index: s, offset: a } = r.findIndex(t);
   if (n == e || i.isText) {
@@ -6425,9 +6425,9 @@ let Nr = class fl {
   */
   slice(e, t = this.content.size, o = !1) {
     if (e == t)
-      return H.empty;
+      return j.empty;
     let n = this.resolve(e), i = this.resolve(t), s = o ? 0 : n.sharedDepth(t), a = n.start(s), d = n.node(s).content.cut(n.pos - a, i.pos - a);
-    return new H(d, n.depth - s, i.depth - s);
+    return new j(d, n.depth - s, i.depth - s);
   }
   /**
   Replace the part of the document between the given positions with
@@ -6701,7 +6701,7 @@ class po {
   @internal
   */
   static parse(e, t) {
-    let o = new W0(e, t);
+    let o = new q0(e, t);
     if (o.next == null)
       return po.empty;
     let n = wm(o);
@@ -6853,7 +6853,7 @@ class po {
   }
 }
 po.empty = new po(!0);
-class W0 {
+class q0 {
   constructor(e, t) {
     this.string = e, this.nodeTypes = t, this.inline = null, this.pos = 0, this.tokens = e.split(/\s*(?=\b|\W|$)/), this.tokens[this.tokens.length - 1] == "" && this.tokens.pop(), this.tokens[0] == "" && this.tokens.shift();
   }
@@ -6870,11 +6870,11 @@ class W0 {
 function wm(r) {
   let e = [];
   do
-    e.push(q0(r));
+    e.push(W0(r));
   while (r.eat("|"));
   return e.length == 1 ? e[0] : { type: "choice", exprs: e };
 }
-function q0(r) {
+function W0(r) {
   let e = [];
   do
     e.push(K0(r));
@@ -7468,7 +7468,7 @@ let kn = class bl {
   */
   parseSlice(e, t = {}) {
     let o = new Pc(this, t, !0);
-    return o.addAll(e, we.none, t.from, t.to), H.maxOpen(o.finish());
+    return o.addAll(e, we.none, t.from, t.to), j.maxOpen(o.finish());
   }
   /**
   @internal
@@ -8447,7 +8447,7 @@ class Pr extends nt {
     super(), this.from = e, this.to = t, this.mark = o;
   }
   apply(e) {
-    let t = e.slice(this.from, this.to), o = e.resolve(this.from), n = o.node(o.sharedDepth(this.to)), i = new H(cd(t.content, (s, a) => !s.isAtom || !a.type.allowsMarkType(this.mark.type) ? s : s.mark(this.mark.addToSet(s.marks)), n), t.openStart, t.openEnd);
+    let t = e.slice(this.from, this.to), o = e.resolve(this.from), n = o.node(o.sharedDepth(this.to)), i = new j(cd(t.content, (s, a) => !s.isAtom || !a.type.allowsMarkType(this.mark.type) ? s : s.mark(this.mark.addToSet(s.marks)), n), t.openStart, t.openEnd);
     return Re.fromReplace(e, this.from, this.to, i);
   }
   invert() {
@@ -8486,7 +8486,7 @@ class Kt extends nt {
     super(), this.from = e, this.to = t, this.mark = o;
   }
   apply(e) {
-    let t = e.slice(this.from, this.to), o = new H(cd(t.content, (n) => n.mark(this.mark.removeFromSet(n.marks)), e), t.openStart, t.openEnd);
+    let t = e.slice(this.from, this.to), o = new j(cd(t.content, (n) => n.mark(this.mark.removeFromSet(n.marks)), e), t.openStart, t.openEnd);
     return Re.fromReplace(e, this.from, this.to, o);
   }
   invert() {
@@ -8529,7 +8529,7 @@ class Ar extends nt {
     if (!t)
       return Re.fail("No node at mark step's position");
     let o = t.type.create(t.attrs, null, this.mark.addToSet(t.marks));
-    return Re.fromReplace(e, this.pos, this.pos + 1, new H(N.from(o), 0, t.isLeaf ? 0 : 1));
+    return Re.fromReplace(e, this.pos, this.pos + 1, new j(N.from(o), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -8573,7 +8573,7 @@ class uo extends nt {
     if (!t)
       return Re.fail("No node at mark step's position");
     let o = t.type.create(t.attrs, null, this.mark.removeFromSet(t.marks));
-    return Re.fromReplace(e, this.pos, this.pos + 1, new H(N.from(o), 0, t.isLeaf ? 0 : 1));
+    return Re.fromReplace(e, this.pos, this.pos + 1, new j(N.from(o), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -8626,10 +8626,10 @@ class je extends nt {
     if (!(e instanceof je) || e.structure || this.structure)
       return null;
     if (this.from + this.slice.size == e.from && !this.slice.openEnd && !e.slice.openStart) {
-      let t = this.slice.size + e.slice.size == 0 ? H.empty : new H(this.slice.content.append(e.slice.content), this.slice.openStart, e.slice.openEnd);
+      let t = this.slice.size + e.slice.size == 0 ? j.empty : new j(this.slice.content.append(e.slice.content), this.slice.openStart, e.slice.openEnd);
       return new je(this.from, this.to + (e.to - e.from), t, this.structure);
     } else if (e.to == this.from && !this.slice.openStart && !e.slice.openEnd) {
-      let t = this.slice.size + e.slice.size == 0 ? H.empty : new H(e.slice.content.append(this.slice.content), e.slice.openStart, this.slice.openEnd);
+      let t = this.slice.size + e.slice.size == 0 ? j.empty : new j(e.slice.content.append(this.slice.content), e.slice.openStart, this.slice.openEnd);
       return new je(e.from, this.to, t, this.structure);
     } else
       return null;
@@ -8644,7 +8644,7 @@ class je extends nt {
   static fromJSON(e, t) {
     if (typeof t.from != "number" || typeof t.to != "number")
       throw new RangeError("Invalid input for ReplaceStep.fromJSON");
-    return new je(t.from, t.to, H.fromJSON(e, t.slice), !!t.structure);
+    return new je(t.from, t.to, j.fromJSON(e, t.slice), !!t.structure);
   }
 }
 nt.jsonID("replace", je);
@@ -8702,7 +8702,7 @@ class Ve extends nt {
   static fromJSON(e, t) {
     if (typeof t.from != "number" || typeof t.to != "number" || typeof t.gapFrom != "number" || typeof t.gapTo != "number" || typeof t.insert != "number")
       throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");
-    return new Ve(t.from, t.to, t.gapFrom, t.gapTo, H.fromJSON(e, t.slice), t.insert, !!t.structure);
+    return new Ve(t.from, t.to, t.gapFrom, t.gapTo, j.fromJSON(e, t.slice), t.insert, !!t.structure);
   }
 }
 nt.jsonID("replaceAround", Ve);
@@ -8764,7 +8764,7 @@ function pd(r, e, t, o = t.contentMatch, n = !0) {
   for (let l = 0; l < i.childCount; l++) {
     let d = i.child(l), c = a + d.nodeSize, p = o.matchType(d.type);
     if (!p)
-      s.push(new je(a, c, H.empty));
+      s.push(new je(a, c, j.empty));
     else {
       o = p;
       for (let u = 0; u < d.marks.length; u++)
@@ -8772,14 +8772,14 @@ function pd(r, e, t, o = t.contentMatch, n = !0) {
       if (n && d.isText && t.whitespace != "pre") {
         let u, m = /\r?\n|\r/g, h;
         for (; u = m.exec(d.text); )
-          h || (h = new H(N.from(t.schema.text(" ", t.allowedMarks(d.marks))), 0, 0)), s.push(new je(a + u.index, a + u.index + u[0].length, h));
+          h || (h = new j(N.from(t.schema.text(" ", t.allowedMarks(d.marks))), 0, 0)), s.push(new je(a + u.index, a + u.index + u[0].length, h));
       }
     }
     a = c;
   }
   if (!o.validEnd) {
     let l = o.fillBefore(N.empty, !0);
-    r.replace(a, a, new H(l, 0, 0));
+    r.replace(a, a, new j(l, 0, 0));
   }
   for (let l = s.length - 1; l >= 0; l--)
     r.step(s[l]);
@@ -8805,7 +8805,7 @@ function hb(r, e, t) {
   let u = N.empty, m = 0;
   for (let h = i, f = !1; h > t; h--)
     f || n.after(h + 1) < n.end(h) ? (f = !0, u = N.from(n.node(h).copy(u)), m++) : d++;
-  r.step(new Ve(l, d, s, a, new H(c.append(u), p, m), c.size - p, !0));
+  r.step(new Ve(l, d, s, a, new j(c.append(u), p, m), c.size - p, !0));
 }
 function ud(r, e, t = null, o = r) {
   let n = gb(r, e), i = n && fb(o, e);
@@ -8841,7 +8841,7 @@ function bb(r, e, t) {
     o = N.from(t[s].type.create(t[s].attrs, o));
   }
   let n = e.start, i = e.end;
-  r.step(new Ve(n, i, n, i, new H(o, 0, 0), t.length, !0));
+  r.step(new Ve(n, i, n, i, new j(o, 0, 0), t.length, !0));
 }
 function yb(r, e, t, o, n) {
   if (!o.isTextblock)
@@ -8857,7 +8857,7 @@ function yb(r, e, t, o, n) {
       }
       d === !1 && Dm(r, s, a, i), pd(r, r.mapping.slice(i).map(a, 1), o, void 0, d === null);
       let c = r.mapping.slice(i), p = c.map(a, 1), u = c.map(a + s.nodeSize, 1);
-      return r.step(new Ve(p, u, p + 1, u - 1, new H(N.from(o.create(l, null, s.marks)), 0, 0), 1, !0)), d === !0 && Im(r, s, a, i), !1;
+      return r.step(new Ve(p, u, p + 1, u - 1, new j(N.from(o.create(l, null, s.marks)), 0, 0), 1, !0)), d === !0 && Im(r, s, a, i), !1;
     }
   });
 }
@@ -8895,7 +8895,7 @@ function vb(r, e, t, o, n) {
     return r.replaceWith(e, e + i.nodeSize, s);
   if (!t.validContent(i.content))
     throw new RangeError("Invalid content for node type " + t.name);
-  r.step(new Ve(e, e + i.nodeSize, e + 1, e + i.nodeSize - 1, new H(N.from(s), 0, 0), 1, !0));
+  r.step(new Ve(e, e + i.nodeSize, e + 1, e + i.nodeSize - 1, new j(N.from(s), 0, 0), 1, !0));
 }
 function cr(r, e, t = 1, o) {
   let n = r.resolve(e), i = n.depth - t, s = o && o[o.length - 1] || n.parent;
@@ -8921,7 +8921,7 @@ function xb(r, e, t = 1, o) {
     let c = o && o[d];
     s = N.from(c ? c.type.create(c.attrs, s) : n.node(a).copy(s));
   }
-  r.step(new je(e, e, new H(i.append(s), t, t), !0));
+  r.step(new je(e, e, new j(i.append(s), t, t), !0));
 }
 function Fr(r, e) {
   let t = r.resolve(e), o = t.index();
@@ -8964,7 +8964,7 @@ function Sb(r, e, t) {
   }
   s.inlineContent && pd(r, e + t - 1, s, i.node().contentMatchAt(i.index()), o == null);
   let l = r.mapping.slice(a), d = l.map(e - t);
-  if (r.step(new je(d, l.map(e + t, -1), H.empty, !0)), o === !0) {
+  if (r.step(new je(d, l.map(e + t, -1), j.empty, !0)), o === !0) {
     let c = r.doc.resolve(d);
     Im(r, c.node(), c.before(), r.steps.length);
   }
@@ -9013,7 +9013,7 @@ function $m(r, e, t) {
     }
   return null;
 }
-function ia(r, e, t = e, o = H.empty) {
+function ia(r, e, t = e, o = j.empty) {
   if (e == t && !o.size)
     return null;
   let n = r.resolve(e), i = r.resolve(t);
@@ -9049,7 +9049,7 @@ class Eb {
     let i = this.placed, s = o.depth, a = n.depth;
     for (; s && a && i.childCount == 1; )
       i = i.firstChild.content, s--, a--;
-    let l = new H(i, s, a);
+    let l = new j(i, s, a);
     return e > -1 ? new Ve(o.pos, e, this.$to.pos, this.$to.end(), l, t) : l.size || o.pos != this.$to.pos ? new je(o.pos, n.pos, l) : null;
   }
   // Find a position on the start spine of `this.unplaced` that has
@@ -9083,15 +9083,15 @@ class Eb {
   }
   openMore() {
     let { content: e, openStart: t, openEnd: o } = this.unplaced, n = Ba(e, t);
-    return !n.childCount || n.firstChild.isLeaf ? !1 : (this.unplaced = new H(e, t + 1, Math.max(o, n.size + t >= e.size - o ? t + 1 : 0)), !0);
+    return !n.childCount || n.firstChild.isLeaf ? !1 : (this.unplaced = new j(e, t + 1, Math.max(o, n.size + t >= e.size - o ? t + 1 : 0)), !0);
   }
   dropNode() {
     let { content: e, openStart: t, openEnd: o } = this.unplaced, n = Ba(e, t);
     if (n.childCount <= 1 && t > 0) {
       let i = e.size - t <= t + n.size;
-      this.unplaced = new H(fn(e, t - 1, 1), t - 1, i ? t - 1 : o);
+      this.unplaced = new j(fn(e, t - 1, 1), t - 1, i ? t - 1 : o);
     } else
-      this.unplaced = new H(fn(e, t, 1), t, o);
+      this.unplaced = new j(fn(e, t, 1), t, o);
   }
   // Move content from the unplaced slice at `sliceDepth` to the
   // frontier node at `frontierDepth`. Close that frontier node when
@@ -9121,7 +9121,7 @@ class Eb {
       let w = b.lastChild;
       this.frontier.push({ type: w.type, match: w.contentMatchAt(w.childCount) }), b = w.content;
     }
-    this.unplaced = h ? e == 0 ? H.empty : new H(fn(s.content, e - 1, 1), e - 1, m < 0 ? s.openEnd : e - 1) : new H(fn(s.content, e, d), s.openStart, s.openEnd);
+    this.unplaced = h ? e == 0 ? j.empty : new j(fn(s.content, e - 1, 1), e - 1, m < 0 ? s.openEnd : e - 1) : new j(fn(s.content, e, d), s.openStart, s.openEnd);
   }
   mustMoveInline() {
     if (!this.$to.parent.isTextblock)
@@ -9240,7 +9240,7 @@ function Ob(r, e, t, o) {
         b < 0 && (w = !1, b = -b);
         let E = n.node(b - 1), C = n.index(b - 1);
         if (E.canReplaceWith(C, C, h.type, h.marks))
-          return r.replace(n.before(b), w ? i.after(b) : t, new H(Fm(o.content, 0, o.openStart, m), m, o.openEnd));
+          return r.replace(n.before(b), w ? i.after(b) : t, new j(Fm(o.content, 0, o.openStart, m), m, o.openEnd));
       }
   }
   let p = r.steps.length;
@@ -9265,7 +9265,7 @@ function Pb(r, e, t, o) {
     let n = Cb(r.doc, e, o.type);
     n != null && (e = t = n);
   }
-  r.replaceRange(e, t, new H(N.from(o), 0, 0));
+  r.replaceRange(e, t, new j(N.from(o), 0, 0));
 }
 function Ab(r, e, t) {
   let o = r.doc.resolve(e), n = r.doc.resolve(t), i = jm(o, n);
@@ -9307,7 +9307,7 @@ class zo extends nt {
       o[i] = t.attrs[i];
     o[this.attr] = this.value;
     let n = t.type.create(o, null, t.marks);
-    return Re.fromReplace(e, this.pos, this.pos + 1, new H(N.from(n), 0, t.isLeaf ? 0 : 1));
+    return Re.fromReplace(e, this.pos, this.pos + 1, new j(N.from(n), 0, t.isLeaf ? 0 : 1));
   }
   getMap() {
     return yt.empty;
@@ -9420,7 +9420,7 @@ class Hm {
   Replace the part of the document between `from` and `to` with the
   given `slice`.
   */
-  replace(e, t = e, o = H.empty) {
+  replace(e, t = e, o = j.empty) {
     let n = ia(this.doc, e, t, o);
     return n && this.step(n), this;
   }
@@ -9429,13 +9429,13 @@ class Hm {
   fragment, node, or array of nodes.
   */
   replaceWith(e, t, o) {
-    return this.replace(e, t, new H(N.from(o), 0, 0));
+    return this.replace(e, t, new j(N.from(o), 0, 0));
   }
   /**
   Delete the content between the given positions.
   */
   delete(e, t) {
-    return this.replace(e, t, H.empty);
+    return this.replace(e, t, j.empty);
   }
   /**
   Insert the given content at the given position.
@@ -9663,14 +9663,14 @@ class Q {
   Replace the selection with a slice or, if no slice is given,
   delete the selection. Will append to the given transaction.
   */
-  replace(e, t = H.empty) {
+  replace(e, t = j.empty) {
     let o = t.content.lastChild, n = null;
     for (let a = 0; a < t.openEnd; a++)
       n = o, o = o.lastChild;
     let i = e.steps.length, s = this.ranges;
     for (let a = 0; a < s.length; a++) {
       let { $from: l, $to: d } = s[a], c = e.mapping.slice(i);
-      e.replaceRange(c.map(l.pos), c.map(d.pos), a ? H.empty : t), a == 0 && zc(e, i, (o ? o.isInline : n && n.isTextblock) ? -1 : 1);
+      e.replaceRange(c.map(l.pos), c.map(d.pos), a ? j.empty : t), a == 0 && zc(e, i, (o ? o.isInline : n && n.isTextblock) ? -1 : 1);
     }
   }
   /**
@@ -9796,8 +9796,8 @@ class J extends Q {
     let n = e.resolve(t.map(this.anchor));
     return new J(n.parent.inlineContent ? n : o, o);
   }
-  replace(e, t = H.empty) {
-    if (super.replace(e, t), t == H.empty) {
+  replace(e, t = j.empty) {
+    if (super.replace(e, t), t == j.empty) {
       let o = this.$from.marksAcross(this.$to);
       o && e.ensureMarks(o);
     }
@@ -9872,7 +9872,7 @@ class K extends Q {
     return o ? Q.near(i) : new K(i);
   }
   content() {
-    return new H(N.from(this.node), 0, 0);
+    return new j(N.from(this.node), 0, 0);
   }
   eq(e) {
     return e instanceof K && e.anchor == this.anchor;
@@ -9927,8 +9927,8 @@ class vt extends Q {
   constructor(e) {
     super(e.resolve(0), e.resolve(e.content.size));
   }
-  replace(e, t = H.empty) {
-    if (t == H.empty) {
+  replace(e, t = j.empty) {
+    if (t == j.empty) {
       e.delete(0, e.doc.content.size);
       let o = Q.atStart(e.doc);
       o.eq(e.selection) || e.setSelection(o);
@@ -10514,9 +10514,9 @@ function jb(r, e, t) {
       return { node: o.startContainer, offset: Math.min(Ot(o.startContainer), o.startOffset) };
   }
 }
-const Yt = typeof navigator < "u" ? navigator : null, Uc = typeof document < "u" ? document : null, jr = Yt && Yt.userAgent || "", kl = /Edge\/(\d+)/.exec(jr), Wm = /MSIE \d/.exec(jr), Sl = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(jr), ht = !!(Wm || Sl || kl), Ir = Wm ? document.documentMode : Sl ? +Sl[1] : kl ? +kl[1] : 0, zt = !ht && /gecko\/(\d+)/i.test(jr);
+const Yt = typeof navigator < "u" ? navigator : null, Uc = typeof document < "u" ? document : null, jr = Yt && Yt.userAgent || "", kl = /Edge\/(\d+)/.exec(jr), qm = /MSIE \d/.exec(jr), Sl = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(jr), ht = !!(qm || Sl || kl), Ir = qm ? document.documentMode : Sl ? +Sl[1] : kl ? +kl[1] : 0, zt = !ht && /gecko\/(\d+)/i.test(jr);
 zt && +(/Firefox\/(\d+)/.exec(jr) || [0, 0])[1];
-const Cl = !ht && /Chrome\/(\d+)/.exec(jr), rt = !!Cl, qm = Cl ? +Cl[1] : 0, lt = !ht && !!Yt && /Apple Computer/.test(Yt.vendor), Ho = lt && (/Mobile\/\w+/.test(jr) || !!Yt && Yt.maxTouchPoints > 2), Tt = Ho || (Yt ? /Mac/.test(Yt.platform) : !1), Hb = Yt ? /Win/.test(Yt.platform) : !1, lr = /Android \d/.test(jr), ci = !!Uc && "webkitFontSmoothing" in Uc.documentElement.style, Vb = ci ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
+const Cl = !ht && /Chrome\/(\d+)/.exec(jr), rt = !!Cl, Wm = Cl ? +Cl[1] : 0, lt = !ht && !!Yt && /Apple Computer/.test(Yt.vendor), Ho = lt && (/Mobile\/\w+/.test(jr) || !!Yt && Yt.maxTouchPoints > 2), Tt = Ho || (Yt ? /Mac/.test(Yt.platform) : !1), Hb = Yt ? /Win/.test(Yt.platform) : !1, lr = /Android \d/.test(jr), ci = !!Uc && "webkitFontSmoothing" in Uc.documentElement.style, Vb = ci ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
 function Ub(r) {
   let e = r.defaultView && r.defaultView.visualViewport;
   return e ? {
@@ -10534,7 +10534,7 @@ function Ub(r) {
 function rr(r, e) {
   return typeof r == "number" ? r : r[e];
 }
-function Wb(r) {
+function qb(r) {
   let e = r.getBoundingClientRect(), t = e.width / r.offsetWidth || 1, o = e.height / r.offsetHeight || 1;
   return {
     left: e.left,
@@ -10543,14 +10543,14 @@ function Wb(r) {
     bottom: e.top + r.clientHeight * o
   };
 }
-function Wc(r, e, t) {
+function qc(r, e, t) {
   let o = r.someProp("scrollThreshold") || 0, n = r.someProp("scrollMargin") || 5, i = r.dom.ownerDocument;
   for (let s = t || r.dom; s; ) {
     if (s.nodeType != 1) {
       s = jo(s);
       continue;
     }
-    let a = s, l = a == i.body, d = l ? Ub(i) : Wb(a), c = 0, p = 0;
+    let a = s, l = a == i.body, d = l ? Ub(i) : qb(a), c = 0, p = 0;
     if (e.top < d.top + rr(o, "top") ? p = -(d.top - e.top + rr(n, "top")) : e.bottom > d.bottom - rr(o, "bottom") && (p = e.bottom - e.top > d.bottom - d.top ? e.top + rr(n, "top") - d.top : e.bottom - d.bottom + rr(n, "bottom")), e.left < d.left + rr(o, "left") ? c = -(d.left - e.left + rr(n, "left")) : e.right > d.right - rr(o, "right") && (c = e.right - d.right + rr(n, "right")), c || p)
       if (l)
         i.defaultView.scrollBy(c, p);
@@ -10566,7 +10566,7 @@ function Wc(r, e, t) {
     s = u == "absolute" ? s.offsetParent : jo(s);
   }
 }
-function qb(r) {
+function Wb(r) {
   let e = r.dom.getBoundingClientRect(), t = Math.max(0, e.top), o, n;
   for (let i = (e.left + e.right) / 2, s = t + 1; s < Math.min(innerHeight, e.bottom); s += 5) {
     let a = r.root.elementFromPoint(i, s);
@@ -10717,17 +10717,17 @@ function Zb(r, e) {
   let l = r.docView.nearestDesc(s, !0);
   return { pos: a, inside: l ? l.posAtStart - l.border : -1 };
 }
-function qc(r) {
+function Wc(r) {
   return r.top < r.bottom || r.left < r.right;
 }
 function yr(r, e) {
   let t = r.getClientRects();
   if (t.length) {
     let o = t[e < 0 ? 0 : t.length - 1];
-    if (qc(o))
+    if (Wc(o))
       return o;
   }
-  return Array.prototype.find.call(t, qc) || r.getBoundingClientRect();
+  return Array.prototype.find.call(t, Wc) || r.getBoundingClientRect();
 }
 const ey = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;
 function Xm(r, e, t) {
@@ -11924,7 +11924,7 @@ function pr(r, e = !1) {
     r.domObserver.setCurSelection(), r.domObserver.connectSelection();
   }
 }
-const Zc = lt || rt && qm < 63;
+const Zc = lt || rt && Wm < 63;
 function ep(r, e) {
   let { node: t, offset: o } = r.docView.domFromPos(e, 0), n = o < t.childNodes.length ? t.childNodes[o] : null, i = o ? t.childNodes[o - 1] : null;
   if (lt && n && n.contentEditable == "false")
@@ -12278,8 +12278,8 @@ function lh(r, e, t, o, n) {
     if (r.someProp("transformPastedText", (u) => {
       e = u(e, i || o, r);
     }), i)
-      return e ? new H(N.from(r.state.schema.text(e.replace(/\r\n?/g, `
-`))), 0, 0) : H.empty;
+      return e ? new j(N.from(r.state.schema.text(e.replace(/\r\n?/g, `
+`))), 0, 0) : j.empty;
     let p = r.someProp("clipboardTextParser", (u) => u(e, n, o, r));
     if (p)
       a = p;
@@ -12312,7 +12312,7 @@ function lh(r, e, t, o, n) {
     }
   })), c)
     a = Py(dp(a, +c[1], +c[2]), c[4]);
-  else if (a = H.maxOpen(Ey(a.content, n), !0), a.openStart || a.openEnd) {
+  else if (a = j.maxOpen(Ey(a.content, n), !0), a.openStart || a.openEnd) {
     let p = 0, u = 0;
     for (let m = a.content.firstChild; p < a.openStart && !m.type.spec.isolating; p++, m = m.firstChild)
       ;
@@ -12373,7 +12373,7 @@ function Pl(r, e, t, o, n, i) {
   return r.childCount > 1 && (i = 0), n < o - 1 && (a = Pl(a, e, t, o, n + 1, i)), n >= t && (a = e < 0 ? s.contentMatchAt(0).fillBefore(a, i <= n).append(a) : a.append(s.contentMatchAt(s.childCount).fillBefore(N.empty, !0))), r.replaceChild(e < 0 ? 0 : r.childCount - 1, s.copy(a));
 }
 function dp(r, e, t) {
-  return e < r.openStart && (r = new H(Pl(r.content, -1, e, r.openStart, 0, r.openEnd), e, r.openEnd)), t < r.openEnd && (r = new H(Pl(r.content, 1, t, r.openEnd, 0, 0), r.openStart, t)), r;
+  return e < r.openStart && (r = new j(Pl(r.content, -1, e, r.openStart, 0, r.openEnd), e, r.openEnd)), t < r.openEnd && (r = new j(Pl(r.content, 1, t, r.openEnd, 0, 0), r.openStart, t)), r;
 }
 const uh = {
   thead: ["table"],
@@ -12427,7 +12427,7 @@ function Py(r, e) {
       break;
     n = N.from(l.create(o[a + 1], n)), i++, s++;
   }
-  return new H(n, i, s);
+  return new j(n, i, s);
 }
 const dt = {}, ct = {}, Ay = { touchstart: !0, touchmove: !0 };
 class By {
@@ -12675,10 +12675,10 @@ function fh(r, e) {
   clearTimeout(r.input.composingTimeout), e > -1 && (r.input.composingTimeout = setTimeout(() => ms(r), e));
 }
 function bh(r) {
-  for (r.composing && (r.input.composing = !1, r.input.compositionEndedAt = qy()); r.input.compositionNodes.length > 0; )
+  for (r.composing && (r.input.composing = !1, r.input.compositionEndedAt = Wy()); r.input.compositionNodes.length > 0; )
     r.input.compositionNodes.pop().markParentsDirty();
 }
-function Wy(r) {
+function qy(r) {
   let e = r.domSelectionRange();
   if (!e.focusNode)
     return null;
@@ -12697,7 +12697,7 @@ function Wy(r) {
   }
   return t || o;
 }
-function qy() {
+function Wy() {
   let r = document.createEvent("Event");
   return r.initEvent("event", !0, !0), r.timeStamp;
 }
@@ -12743,7 +12743,7 @@ function Jy(r, e) {
 }
 function Vn(r, e, t, o, n) {
   let i = lh(r, e, t, o, r.state.selection.$from);
-  if (r.someProp("handlePaste", (l) => l(r, n, i || H.empty)))
+  if (r.someProp("handlePaste", (l) => l(r, n, i || j.empty)))
     return !0;
   if (!i)
     return !1;
@@ -12788,7 +12788,7 @@ dt.dragstart = (r, e) => {
     }
   }
   let a = (s || r.state.selection).content(), { dom: l, text: d, slice: c } = bd(r, a);
-  (!t.dataTransfer.files.length || !rt || qm > 120) && t.dataTransfer.clearData(), t.dataTransfer.setData(Hn ? "Text" : "text/html", l.innerHTML), t.dataTransfer.effectAllowed = "copyMove", Hn || t.dataTransfer.setData("text/plain", d), r.dragging = new wh(c, vh(r, t), s);
+  (!t.dataTransfer.files.length || !rt || Wm > 120) && t.dataTransfer.clearData(), t.dataTransfer.setData(Hn ? "Text" : "text/html", l.innerHTML), t.dataTransfer.effectAllowed = "copyMove", Hn || t.dataTransfer.setData("text/plain", d), r.dragging = new wh(c, vh(r, t), s);
 };
 dt.dragend = (r) => {
   let e = r.dragging;
@@ -12809,7 +12809,7 @@ ct.drop = (r, e) => {
     s = h(s, r);
   }) : s = lh(r, yh(t.dataTransfer), Hn ? null : t.dataTransfer.getData("text/html"), !1, i);
   let a = !!(o && vh(r, t));
-  if (r.someProp("handleDrop", (h) => h(r, t, s || H.empty, a))) {
+  if (r.someProp("handleDrop", (h) => h(r, t, s || j.empty, a))) {
     t.preventDefault();
     return;
   }
@@ -13655,15 +13655,15 @@ function dw(r, e, t, o, n) {
       return _(r, Xr(13, "Enter"));
     });
   }, 20));
-  let y = h.start, M = h.endA, k, A, j;
+  let y = h.start, M = h.endA, k, A, H;
   if (E) {
     if (f.pos == b.pos)
       ht && Ir <= 11 && f.parentOffset == 0 && (r.domObserver.suppressSelectionUpdates(), setTimeout(() => pr(r), 20)), k = r.state.tr.delete(y, M), A = c.resolve(h.start).marksAcross(c.resolve(h.endA));
     else if (
       // Adding or removing a mark
-      h.endA == h.endB && (j = cw(f.parent.content.cut(f.parentOffset, b.parentOffset), w.parent.content.cut(w.parentOffset, h.endA - w.start())))
+      h.endA == h.endB && (H = cw(f.parent.content.cut(f.parentOffset, b.parentOffset), w.parent.content.cut(w.parentOffset, h.endA - w.start())))
     )
-      k = r.state.tr, j.type == "add" ? k.addMark(y, M, j.mark) : k.removeMark(y, M, j.mark);
+      k = r.state.tr, H.type == "add" ? k.addMark(y, M, H.mark) : k.removeMark(y, M, H.mark);
     else if (f.parent.child(f.index()).isText && f.index() == b.index() - (b.textOffset ? 0 : 1)) {
       let _ = f.parent.textBetween(f.parentOffset, b.parentOffset);
       if (r.someProp("handleTextInput", (P) => P(r, y, M, _)))
@@ -13824,13 +13824,13 @@ class mw {
     (a || t.handleDOMEvents != this._props.handleDOMEvents) && Al(this), this.editable = wp(this), yp(this);
     let l = _a(this), d = bp(this), c = n.plugins != e.plugins && !n.doc.eq(e.doc) ? "reset" : e.scrollToSelection > n.scrollToSelection ? "to selection" : "preserve", p = i || !this.docView.matchesNode(e.doc, d, l);
     (p || !e.selection.eq(n.selection)) && (s = !0);
-    let u = c == "preserve" && s && this.dom.style.overflowAnchor == null && qb(this);
+    let u = c == "preserve" && s && this.dom.style.overflowAnchor == null && Wb(this);
     if (s) {
       this.domObserver.stop();
       let m = p && (ht || rt) && !this.composing && !n.selection.empty && !e.selection.empty && hw(n.selection, e.selection);
       if (p) {
         let h = rt ? this.trackWrites = this.domSelectionRange().focusNode : null;
-        this.composing && (this.input.compositionNode = Wy(this)), (i || !this.docView.update(e.doc, d, l, this)) && (this.docView.updateOuterDeco(d), this.docView.destroy(), this.docView = Xc(e.doc, d, l, this.dom, this)), h && !this.trackWrites && (m = !0);
+        this.composing && (this.input.compositionNode = qy(this)), (i || !this.docView.update(e.doc, d, l, this)) && (this.docView.updateOuterDeco(d), this.docView.destroy(), this.docView = Xc(e.doc, d, l, this.dom, this)), h && !this.trackWrites && (m = !0);
       }
       m || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && fy(this)) ? pr(this, m) : (ih(this, e.selection), this.domObserver.setCurSelection()), this.domObserver.start();
     }
@@ -13844,9 +13844,9 @@ class mw {
     if (!(!e || !this.dom.contains(e.nodeType == 1 ? e : e.parentNode))) {
       if (!this.someProp("handleScrollToSelection", (t) => t(this))) if (this.state.selection instanceof K) {
         let t = this.docView.domAfterPos(this.state.selection.from);
-        t.nodeType == 1 && Wc(this, t.getBoundingClientRect(), e);
+        t.nodeType == 1 && qc(this, t.getBoundingClientRect(), e);
       } else
-        Wc(this, this.coordsAtPos(this.state.selection.head, 1), e);
+        qc(this, this.coordsAtPos(this.state.selection.head, 1), e);
     }
   }
   destroyPluginViews() {
@@ -14303,7 +14303,7 @@ const Mh = (r, e, t) => {
     return !0;
   if (o.parent.content.size == 0 && (Vo(i, "end") || K.isSelectable(i)))
     for (let s = o.depth; ; s--) {
-      let a = ia(r.doc, o.before(s), o.after(s), H.empty);
+      let a = ia(r.doc, o.before(s), o.after(s), j.empty);
       if (a && a.slice.size < a.to - a.from) {
         if (e) {
           let l = r.tr.step(a);
@@ -14347,7 +14347,7 @@ function Th(r, e, t) {
       return !1;
     a = c;
   }
-  let d = ia(r.doc, i, l, H.empty);
+  let d = ia(r.doc, i, l, j.empty);
   if (!d || d.from != i || d instanceof je && d.slice.size >= l - i)
     return !1;
   if (t) {
@@ -14402,7 +14402,7 @@ const Ah = (r, e, t) => {
   if (Dh(r, n, e, 1))
     return !0;
   if (o.parent.content.size == 0 && (Vo(i, "start") || K.isSelectable(i))) {
-    let s = ia(r.doc, o.before(), o.after(), H.empty);
+    let s = ia(r.doc, o.before(), o.after(), j.empty);
     if (s && s.slice.size < s.to - s.from) {
       if (e) {
         let a = r.tr.step(s);
@@ -14557,7 +14557,7 @@ function Dh(r, e, t, o) {
       for (let w = s.length - 1; w >= 0; w--)
         h = N.from(s[w].create(null, h));
       h = N.from(n.copy(h));
-      let f = r.tr.step(new Ve(e.pos - 1, m, e.pos, m, new H(h, 1, 0), s.length, !0)), b = f.doc.resolve(m + 2 * s.length);
+      let f = r.tr.step(new Ve(e.pos - 1, m, e.pos, m, new j(h, 1, 0), s.length, !0)), b = f.doc.resolve(m + 2 * s.length);
       b.nodeAfter && b.nodeAfter.type == n.type && Fr(f.doc, b.pos) && f.join(b.pos), t(f.scrollIntoView());
     }
     return !0;
@@ -14577,7 +14577,7 @@ function Dh(r, e, t, o) {
         let w = N.empty;
         for (let C = h.length - 1; C >= 0; C--)
           w = N.from(h[C].copy(w));
-        let E = r.tr.step(new Ve(e.pos - h.length, e.pos + i.nodeSize, e.pos + b, e.pos + i.nodeSize - b, new H(w, h.length, 0), 0, !0));
+        let E = r.tr.step(new Ve(e.pos - h.length, e.pos + i.nodeSize, e.pos + b, e.pos + i.nodeSize - b, new j(w, h.length, 0), 0, !0));
         t(E.scrollIntoView());
       }
       return !0;
@@ -14669,7 +14669,7 @@ function _w(r, e, t, o, n) {
   let i = N.empty;
   for (let c = t.length - 1; c >= 0; c--)
     i = N.from(t[c].type.create(t[c].attrs, i));
-  r.step(new Ve(e.start - (o ? 2 : 0), e.end, e.start, e.end, new H(i, 0, 0), t.length, !0));
+  r.step(new Ve(e.start - (o ? 2 : 0), e.end, e.start, e.end, new j(i, 0, 0), t.length, !0));
   let s = 0;
   for (let c = 0; c < t.length; c++)
     t[c].type == n && (s = c + 1);
@@ -14686,7 +14686,7 @@ function Fw(r) {
 }
 function jw(r, e, t, o) {
   let n = r.tr, i = o.end, s = o.$to.end(o.depth);
-  i < s && (n.step(new Ve(i - 1, s, i, s, new H(N.from(t.create(null, o.parent.copy())), 1, 0), 1, !0)), o = new ds(n.doc.resolve(o.$from.pos), n.doc.resolve(s), o.depth));
+  i < s && (n.step(new Ve(i - 1, s, i, s, new j(N.from(t.create(null, o.parent.copy())), 1, 0), 1, !0)), o = new ds(n.doc.resolve(o.$from.pos), n.doc.resolve(s), o.depth));
   const a = Qo(o);
   if (a == null)
     return !1;
@@ -14705,7 +14705,7 @@ function Hw(r, e, t) {
   if (!d.canReplace(c + (a ? 0 : 1), c + 1, s.content.append(l ? N.empty : N.from(n))))
     return !1;
   let p = i.pos, u = p + s.nodeSize;
-  return o.step(new Ve(p - (a ? 1 : 0), u + (l ? 1 : 0), p + 1, u - 1, new H((a ? N.empty : N.from(n.copy(N.empty))).append(l ? N.empty : N.from(n.copy(N.empty))), a ? 0 : 1, l ? 0 : 1), a ? 0 : 1)), e(o.scrollIntoView()), !0;
+  return o.step(new Ve(p - (a ? 1 : 0), u + (l ? 1 : 0), p + 1, u - 1, new j((a ? N.empty : N.from(n.copy(N.empty))).append(l ? N.empty : N.from(n.copy(N.empty))), a ? 0 : 1, l ? 0 : 1), a ? 0 : 1)), e(o.scrollIntoView()), !0;
 }
 function Vw(r) {
   return function(e, t) {
@@ -14719,7 +14719,7 @@ function Vw(r) {
     if (l.type != r)
       return !1;
     if (t) {
-      let d = l.lastChild && l.lastChild.type == a.type, c = N.from(d ? r.create() : null), p = new H(N.from(r.create(null, N.from(a.type.create(null, c)))), d ? 3 : 1, 0), u = i.start, m = i.end;
+      let d = l.lastChild && l.lastChild.type == a.type, c = N.from(d ? r.create() : null), p = new j(N.from(r.create(null, N.from(a.type.create(null, c)))), d ? 3 : 1, 0), u = i.start, m = i.end;
       t(e.tr.step(new Ve(u - (d ? 3 : 1), m, u, m, p, 1, !0)).scrollIntoView());
     }
     return !0;
@@ -14903,7 +14903,7 @@ function $h(r) {
     });
   }), e;
 }
-function We(r, e) {
+function qe(r, e) {
   if (typeof r == "string") {
     if (!e.nodes[r])
       throw Error(`There is no node type named '${r}'. Maybe you forgot to add the extension?`);
@@ -14947,10 +14947,10 @@ function zh(r) {
 function te(r, e = void 0, ...t) {
   return zh(r) ? e ? r.bind(e)(...t) : r(...t) : r;
 }
-function Ww(r = {}) {
+function qw(r = {}) {
   return Object.keys(r).length === 0 && r.constructor === Object;
 }
-function qw(r) {
+function Ww(r) {
   return typeof r != "string" ? r : r.match(/^[+-]?(?:\d*\.)?\d+$/) ? Number(r) : r === "true" ? !0 : r === "false" ? !1 : r;
 }
 function Sp(r, e) {
@@ -14961,7 +14961,7 @@ function Sp(r, e) {
       if (o === !1)
         return !1;
       const n = e.reduce((i, s) => {
-        const a = s.attribute.parseHTML ? s.attribute.parseHTML(t) : qw(t.getAttribute(s.name));
+        const a = s.attribute.parseHTML ? s.attribute.parseHTML(t) : Ww(t.getAttribute(s.name));
         return a == null ? i : {
           ...i,
           [s.name]: a
@@ -14974,7 +14974,7 @@ function Sp(r, e) {
 function Cp(r) {
   return Object.fromEntries(
     // @ts-ignore
-    Object.entries(r).filter(([e, t]) => e === "attrs" && Ww(t) ? !1 : t != null)
+    Object.entries(r).filter(([e, t]) => e === "attrs" && qw(t) ? !1 : t != null)
   );
 }
 function Kw(r, e) {
@@ -15395,13 +15395,13 @@ function ov(r) {
       if (E) {
         let { text: M } = w;
         typeof M == "string" ? M = M : M = Od(N.from(M), m.schema);
-        const { from: k } = w, A = k + M.length, j = rv(M);
+        const { from: k } = w, A = k + M.length, H = rv(M);
         return l({
           rule: c,
           state: m,
           from: k,
           to: { b: A },
-          pasteEvt: j
+          pasteEvt: H
         });
       }
       const C = u.doc.content.findDiffStart(m.doc.content), y = u.doc.content.findDiffEnd(m.doc.content);
@@ -15541,7 +15541,7 @@ class Ro {
         options: o.options,
         storage: o.storage,
         editor: e,
-        type: We(o.name, this.schema)
+        type: qe(o.name, this.schema)
       }, s = V(o, "addNodeView", i);
       if (!s)
         return [];
@@ -15705,7 +15705,7 @@ const iv = Xe.create({
     }
   return !1;
 }, mv = (r) => ({ tr: e, state: t, dispatch: o }) => {
-  const n = We(r, t.schema), i = e.selection.$anchor;
+  const n = qe(r, t.schema), i = e.selection.$anchor;
   for (let s = i.depth; s > 0; s -= 1)
     if (i.node(s).type === n) {
       if (o) {
@@ -16003,8 +16003,8 @@ const Rv = (r) => ({ editor: e, view: t, tr: o, dispatch: n }) => {
     c && n && o.maybeStep(c);
   }), !0;
 };
-function Wn(r, e, t = {}) {
-  const { from: o, to: n, empty: i } = r.selection, s = e ? We(e, r.schema) : null, a = [];
+function qn(r, e, t = {}) {
+  const { from: o, to: n, empty: i } = r.selection, s = e ? qe(e, r.schema) : null, a = [];
   r.doc.nodesBetween(o, n, (p, u) => {
     if (p.isText)
       return;
@@ -16019,10 +16019,10 @@ function Wn(r, e, t = {}) {
   return i ? !!d.length : d.reduce((p, u) => p + u.to - u.from, 0) >= l;
 }
 const $v = (r, e = {}) => ({ state: t, dispatch: o }) => {
-  const n = We(r, t.schema);
-  return Wn(t, n, e) ? Ow(t, o) : !1;
+  const n = qe(r, t.schema);
+  return qn(t, n, e) ? Ow(t, o) : !1;
 }, zv = () => ({ state: r, dispatch: e }) => Ih(r, e), _v = (r) => ({ state: e, dispatch: t }) => {
-  const o = We(r, e.schema);
+  const o = qe(r, e.schema);
   return Fw(o)(e, t);
 }, Fv = () => ({ state: r, dispatch: e }) => Lh(r, e);
 function ga(r, e) {
@@ -16035,7 +16035,7 @@ function Tp(r, e) {
 const jv = (r, e) => ({ tr: t, state: o, dispatch: n }) => {
   let i = null, s = null;
   const a = ga(typeof r == "string" ? r : r.name, o.schema);
-  return a ? (a === "node" && (i = We(r, o.schema)), a === "mark" && (s = Hr(r, o.schema)), n && t.selection.ranges.forEach((l) => {
+  return a ? (a === "node" && (i = qe(r, o.schema)), a === "mark" && (s = Hr(r, o.schema)), n && t.selection.ranges.forEach((l) => {
     o.doc.nodesBetween(l.$from.pos, l.$to.pos, (d, c) => {
       i && i === d.type && t.setNodeMarkup(c, void 0, Tp(d.attrs, e)), s && d.marks.length && d.marks.forEach((p) => {
         s === p.type && t.addMark(c, c + d.nodeSize, s.create(Tp(p.attrs, e)));
@@ -16048,7 +16048,7 @@ const jv = (r, e) => ({ tr: t, state: o, dispatch: n }) => {
     r.setSelection(t);
   }
   return !0;
-}, Uv = () => ({ state: r, dispatch: e }) => Oh(r, e), Wv = () => ({ state: r, dispatch: e }) => Bh(r, e), qv = () => ({ state: r, dispatch: e }) => Lw(r, e), Kv = () => ({ state: r, dispatch: e }) => Dw(r, e), Gv = () => ({ state: r, dispatch: e }) => Iw(r, e);
+}, Uv = () => ({ state: r, dispatch: e }) => Oh(r, e), qv = () => ({ state: r, dispatch: e }) => Bh(r, e), Wv = () => ({ state: r, dispatch: e }) => Lw(r, e), Kv = () => ({ state: r, dispatch: e }) => Dw(r, e), Gv = () => ({ state: r, dispatch: e }) => Iw(r, e);
 function Ll(r, e, t = {}, o = {}) {
   return ys(r, e, {
     slice: !1,
@@ -16118,7 +16118,7 @@ function Zv(r, e) {
 function Id(r) {
   return (e) => Zv(e.$from, r);
 }
-function Wh(r, e) {
+function qh(r, e) {
   const t = {
     from: 0,
     to: r.content.size
@@ -16126,14 +16126,14 @@ function Wh(r, e) {
   return _h(r, t, e);
 }
 function e2(r, e) {
-  const t = We(e, r.schema), { from: o, to: n } = r.selection, i = [];
+  const t = qe(e, r.schema), { from: o, to: n } = r.selection, i = [];
   r.doc.nodesBetween(o, n, (a) => {
     i.push(a);
   });
   const s = i.reverse().find((a) => a.type.name === t.name);
   return s ? { ...s.attrs } : {};
 }
-function qh(r, e) {
+function Wh(r, e) {
   const t = ga(typeof e == "string" ? e : e.name, r.schema);
   return t === "node" ? e2(r, e) : t === "mark" ? Uh(r, e) : {};
 }
@@ -16224,9 +16224,9 @@ function Nl(r, e, t = {}) {
 }
 function n2(r, e, t = {}) {
   if (!e)
-    return Wn(r, null, t) || Nl(r, null, t);
+    return qn(r, null, t) || Nl(r, null, t);
   const o = ga(e, r.schema);
-  return o === "node" ? Wn(r, e, t) : o === "mark" ? Nl(r, e, t) : !1;
+  return o === "node" ? qn(r, e, t) : o === "mark" ? Nl(r, e, t) : !1;
 }
 function Op(r, e) {
   const { nodeExtensions: t } = ua(e), o = t.find((s) => s.name === r);
@@ -16326,7 +16326,7 @@ const s2 = (r, e = {}) => ({ tr: t, state: o, dispatch: n }) => {
       });
   return i2(o, t, l);
 }, a2 = (r, e) => ({ tr: t }) => (t.setMeta(r, e), !0), l2 = (r, e = {}) => ({ state: t, dispatch: o, chain: n }) => {
-  const i = We(r, t.schema);
+  const i = qe(r, t.schema);
   let s;
   return t.selection.$anchor.sameParent(t.selection.$head) && (s = t.selection.$anchor.parent.attrs), i.isTextblock ? n().command(({ commands: a }) => kp(i, { ...s, ...e })(t) ? !0 : a.clearNodes()).command(({ state: a }) => kp(i, { ...s, ...e })(a, o)).run() : (console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'), !1);
 }, d2 = (r) => ({ tr: e, dispatch: t }) => {
@@ -16342,7 +16342,7 @@ const s2 = (r, e = {}) => ({ tr: t, state: o, dispatch: n }) => {
   }
   return !0;
 }, p2 = (r) => ({ state: e, dispatch: t }) => {
-  const o = We(r, e.schema);
+  const o = qe(r, e.schema);
   return Vw(o)(e, t);
 };
 function Pp(r, e) {
@@ -16380,7 +16380,7 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
   return h;
 }, m2 = (r, e = {}) => ({ tr: t, state: o, dispatch: n, editor: i }) => {
   var s;
-  const a = We(r, o.schema), { $from: l, $to: d } = o.selection, c = o.selection.node;
+  const a = qe(r, o.schema), { $from: l, $to: d } = o.selection, c = o.selection.node;
   if (c && c.isBlock || l.depth < 2 || !l.sameParent(d))
     return !1;
   const p = l.node(-1);
@@ -16393,20 +16393,20 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
     if (n) {
       let w = N.empty;
       const E = l.index(-1) ? 1 : l.index(-2) ? 2 : 3;
-      for (let j = l.depth - E; j >= l.depth - 3; j -= 1)
-        w = N.from(l.node(j).copy(w));
+      for (let H = l.depth - E; H >= l.depth - 3; H -= 1)
+        w = N.from(l.node(H).copy(w));
       const C = l.indexAfter(-1) < l.node(-2).childCount ? 1 : l.indexAfter(-2) < l.node(-3).childCount ? 2 : 3, y = {
         ...Xi(u, l.node().type.name, l.node().attrs),
         ...e
       }, M = ((s = a.contentMatch.defaultType) === null || s === void 0 ? void 0 : s.createAndFill(y)) || void 0;
       w = w.append(N.from(a.createAndFill(null, M) || void 0));
       const k = l.before(l.depth - (E - 1));
-      t.replace(k, l.after(-C), new H(w, 4 - E, 0));
+      t.replace(k, l.after(-C), new j(w, 4 - E, 0));
       let A = -1;
-      t.doc.nodesBetween(k, t.doc.content.size, (j, _) => {
+      t.doc.nodesBetween(k, t.doc.content.size, (H, _) => {
         if (A > -1)
           return !1;
-        j.isTextblock && j.content.size === 0 && (A = _ + 1);
+        H.isTextblock && H.content.size === 0 && (A = _ + 1);
       }), A > -1 && t.setSelection(J.near(t.doc.resolve(A))), t.scrollIntoView();
     }
     return !0;
@@ -16442,7 +16442,7 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
     return !0;
   const n = r.doc.nodeAt(o);
   return t.node.type === (n == null ? void 0 : n.type) && Fr(r.doc, t.pos) && r.join(t.pos), !0;
-}, Wa = (r, e) => {
+}, qa = (r, e) => {
   const t = Id((s) => s.type === e)(r.selection);
   if (!t)
     return !0;
@@ -16452,7 +16452,7 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
   const n = r.doc.nodeAt(o);
   return t.node.type === (n == null ? void 0 : n.type) && Fr(r.doc, o) && r.join(o), !0;
 }, h2 = (r, e, t, o = {}) => ({ editor: n, tr: i, state: s, dispatch: a, chain: l, commands: d, can: c }) => {
-  const { extensions: p, splittableMarks: u } = n.extensionManager, m = We(r, s.schema), h = We(e, s.schema), { selection: f, storedMarks: b } = s, { $from: w, $to: E } = f, C = w.blockRange(E), y = b || f.$to.parentOffset && f.$from.marks();
+  const { extensions: p, splittableMarks: u } = n.extensionManager, m = qe(r, s.schema), h = qe(e, s.schema), { selection: f, storedMarks: b } = s, { $from: w, $to: E } = f, C = w.blockRange(E), y = b || f.$to.parentOffset && f.$from.marks();
   if (!C)
     return !1;
   const M = Id((k) => Op(k.type.name, p))(f);
@@ -16460,22 +16460,22 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
     if (M.node.type === m)
       return d.liftListItem(h);
     if (Op(M.node.type.name, p) && m.validContent(M.node.content) && a)
-      return l().command(() => (i.setNodeMarkup(M.pos, m), !0)).command(() => Ua(i, m)).command(() => Wa(i, m)).run();
+      return l().command(() => (i.setNodeMarkup(M.pos, m), !0)).command(() => Ua(i, m)).command(() => qa(i, m)).run();
   }
-  return !t || !y || !a ? l().command(() => c().wrapInList(m, o) ? !0 : d.clearNodes()).wrapInList(m, o).command(() => Ua(i, m)).command(() => Wa(i, m)).run() : l().command(() => {
-    const k = c().wrapInList(m, o), A = y.filter((j) => u.includes(j.type.name));
+  return !t || !y || !a ? l().command(() => c().wrapInList(m, o) ? !0 : d.clearNodes()).wrapInList(m, o).command(() => Ua(i, m)).command(() => qa(i, m)).run() : l().command(() => {
+    const k = c().wrapInList(m, o), A = y.filter((H) => u.includes(H.type.name));
     return i.ensureMarks(A), k ? !0 : d.clearNodes();
-  }).wrapInList(m, o).command(() => Ua(i, m)).command(() => Wa(i, m)).run();
+  }).wrapInList(m, o).command(() => Ua(i, m)).command(() => qa(i, m)).run();
 }, g2 = (r, e = {}, t = {}) => ({ state: o, commands: n }) => {
   const { extendEmptyMarkRange: i = !1 } = t, s = Hr(r, o.schema);
   return Nl(o, s, e) ? n.unsetMark(s, { extendEmptyMarkRange: i }) : n.setMark(s, e);
 }, f2 = (r, e, t = {}) => ({ state: o, commands: n }) => {
-  const i = We(r, o.schema), s = We(e, o.schema), a = Wn(o, i, t);
+  const i = qe(r, o.schema), s = qe(e, o.schema), a = qn(o, i, t);
   let l;
   return o.selection.$anchor.sameParent(o.selection.$head) && (l = o.selection.$anchor.parent.attrs), a ? n.setNode(s, l) : n.setNode(i, { ...l, ...t });
 }, b2 = (r, e = {}) => ({ state: t, commands: o }) => {
-  const n = We(r, t.schema);
-  return Wn(t, n, e) ? o.lift(n) : o.wrapIn(n, e);
+  const n = qe(r, t.schema);
+  return qn(t, n, e) ? o.lift(n) : o.wrapIn(n, e);
 }, y2 = () => ({ state: r, dispatch: e }) => {
   const t = r.plugins;
   for (let o = 0; o < t.length; o += 1) {
@@ -16518,7 +16518,7 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
 }, x2 = (r, e = {}) => ({ tr: t, state: o, dispatch: n }) => {
   let i = null, s = null;
   const a = ga(typeof r == "string" ? r : r.name, o.schema);
-  return a ? (a === "node" && (i = We(r, o.schema)), a === "mark" && (s = Hr(r, o.schema)), n && t.selection.ranges.forEach((l) => {
+  return a ? (a === "node" && (i = qe(r, o.schema)), a === "mark" && (s = Hr(r, o.schema)), n && t.selection.ranges.forEach((l) => {
     const d = l.$from.pos, c = l.$to.pos;
     let p, u, m, h;
     t.selection.empty ? o.doc.nodesBetween(d, c, (f, b) => {
@@ -16547,10 +16547,10 @@ const u2 = ({ keepMarks: r = !0 } = {}) => ({ tr: e, state: t, dispatch: o, edit
     }));
   }), !0) : !1;
 }, k2 = (r, e = {}) => ({ state: t, dispatch: o }) => {
-  const n = We(r, t.schema);
+  const n = qe(r, t.schema);
   return Rw(n, e)(t, o);
 }, S2 = (r, e = {}) => ({ state: t, dispatch: o }) => {
-  const n = We(r, t.schema);
+  const n = qe(r, t.schema);
   return $w(n, e)(t, o);
 };
 var C2 = /* @__PURE__ */ Object.freeze({
@@ -16590,8 +16590,8 @@ var C2 = /* @__PURE__ */ Object.freeze({
   scrollIntoView: Hv,
   selectAll: Vv,
   selectNodeBackward: Uv,
-  selectNodeForward: Wv,
-  selectParentNode: qv,
+  selectNodeForward: qv,
+  selectParentNode: Wv,
   selectTextblockEnd: Kv,
   selectTextblockStart: Gv,
   setContent: Jv,
@@ -17256,7 +17256,7 @@ let D2 = class extends Uw {
    * Get attributes of the currently selected node or mark.
    */
   getAttributes(e) {
-    return qh(this.state, e);
+    return Wh(this.state, e);
   }
   isActive(e, t) {
     const o = typeof e == "string" ? e : null, n = typeof e == "string" ? t : e;
@@ -17281,7 +17281,7 @@ let D2 = class extends Uw {
     const { blockSeparator: t = `
 
 `, textSerializers: o = {} } = e || {};
-    return Wh(this.state.doc, {
+    return qh(this.state.doc, {
       blockSeparator: t,
       textSerializers: {
         ...Ad(this.schema),
@@ -17387,7 +17387,7 @@ function Il(r) {
     }
   });
 }
-function qn(r) {
+function Wn(r) {
   return new ma({
     find: r.find,
     handler: ({ state: e, range: t, match: o, chain: n }) => {
@@ -17463,11 +17463,11 @@ function go(r) {
     }
   });
 }
-var gt = "top", Lt = "bottom", Nt = "right", ft = "left", $d = "auto", ui = [gt, Lt, Nt, ft], Wo = "start", Kn = "end", $2 = "clippingParents", Jh = "viewport", un = "popper", z2 = "reference", Ap = /* @__PURE__ */ ui.reduce(function(r, e) {
-  return r.concat([e + "-" + Wo, e + "-" + Kn]);
+var gt = "top", Lt = "bottom", Nt = "right", ft = "left", $d = "auto", ui = [gt, Lt, Nt, ft], qo = "start", Kn = "end", $2 = "clippingParents", Jh = "viewport", un = "popper", z2 = "reference", Ap = /* @__PURE__ */ ui.reduce(function(r, e) {
+  return r.concat([e + "-" + qo, e + "-" + Kn]);
 }, []), Yh = /* @__PURE__ */ [].concat(ui, [$d]).reduce(function(r, e) {
-  return r.concat([e, e + "-" + Wo, e + "-" + Kn]);
-}, []), _2 = "beforeRead", F2 = "read", j2 = "afterRead", H2 = "beforeMain", V2 = "main", U2 = "afterMain", W2 = "beforeWrite", q2 = "write", K2 = "afterWrite", G2 = [_2, F2, j2, H2, V2, U2, W2, q2, K2];
+  return r.concat([e, e + "-" + qo, e + "-" + Kn]);
+}, []), _2 = "beforeRead", F2 = "read", j2 = "afterRead", H2 = "beforeMain", V2 = "main", U2 = "afterMain", q2 = "beforeWrite", W2 = "write", K2 = "afterWrite", G2 = [_2, F2, j2, H2, V2, U2, q2, W2, K2];
 function Qt(r) {
   return r ? (r.nodeName || "").toLowerCase() : null;
 }
@@ -17539,7 +17539,7 @@ const Xh = {
 function Jt(r) {
   return r.split("-")[0];
 }
-var ao = Math.max, ws = Math.min, qo = Math.round;
+var ao = Math.max, ws = Math.min, Wo = Math.round;
 function Rl() {
   var r = navigator.userAgentData;
   return r != null && r.brands && Array.isArray(r.brands) ? r.brands.map(function(e) {
@@ -17552,7 +17552,7 @@ function Qh() {
 function Ko(r, e, t) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
   var o = r.getBoundingClientRect(), n = 1, i = 1;
-  e && Bt(r) && (n = r.offsetWidth > 0 && qo(o.width) / r.offsetWidth || 1, i = r.offsetHeight > 0 && qo(o.height) / r.offsetHeight || 1);
+  e && Bt(r) && (n = r.offsetWidth > 0 && Wo(o.width) / r.offsetWidth || 1, i = r.offsetHeight > 0 && Wo(o.height) / r.offsetHeight || 1);
   var s = fo(r) ? kt(r) : window, a = s.visualViewport, l = !Qh() && t, d = (o.left + (l && a ? a.offsetLeft : 0)) / n, c = (o.top + (l && a ? a.offsetTop : 0)) / i, p = o.width / n, u = o.height / i;
   return {
     width: p,
@@ -17671,8 +17671,8 @@ var ex = function(e, t) {
 function tx(r) {
   var e, t = r.state, o = r.name, n = r.options, i = t.elements.arrow, s = t.modifiersData.popperOffsets, a = Jt(t.placement), l = Fd(a), d = [ft, Nt].indexOf(a) >= 0, c = d ? "height" : "width";
   if (!(!i || !s)) {
-    var p = ex(n.padding, t), u = _d(i), m = l === "y" ? gt : ft, h = l === "y" ? Lt : Nt, f = t.rects.reference[c] + t.rects.reference[l] - s[l] - t.rects.popper[c], b = s[l] - t.rects.reference[l], w = mi(i), E = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, C = f / 2 - b / 2, y = p[m], M = E - u[c] - p[h], k = E / 2 - u[c] / 2 + C, A = En(y, k, M), j = l;
-    t.modifiersData[o] = (e = {}, e[j] = A, e.centerOffset = A - k, e);
+    var p = ex(n.padding, t), u = _d(i), m = l === "y" ? gt : ft, h = l === "y" ? Lt : Nt, f = t.rects.reference[c] + t.rects.reference[l] - s[l] - t.rects.popper[c], b = s[l] - t.rects.reference[l], w = mi(i), E = w ? l === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, C = f / 2 - b / 2, y = p[m], M = E - u[c] - p[h], k = E / 2 - u[c] / 2 + C, A = En(y, k, M), H = l;
+    t.modifiersData[o] = (e = {}, e[H] = A, e.centerOffset = A - k, e);
   }
 }
 function rx(r) {
@@ -17700,8 +17700,8 @@ var nx = {
 function ix(r, e) {
   var t = r.x, o = r.y, n = e.devicePixelRatio || 1;
   return {
-    x: qo(t * n) / n || 0,
-    y: qo(o * n) / n || 0
+    x: Wo(t * n) / n || 0,
+    y: Wo(o * n) / n || 0
   };
 }
 function Lp(r) {
@@ -17715,8 +17715,8 @@ function Lp(r) {
   m = b.x, f = b.y;
   var w = s.hasOwnProperty("x"), E = s.hasOwnProperty("y"), C = ft, y = gt, M = window;
   if (d) {
-    var k = mi(t), A = "clientHeight", j = "clientWidth";
-    if (k === kt(t) && (k = Vr(t), hr(k).position !== "static" && a === "absolute" && (A = "scrollHeight", j = "scrollWidth")), k = k, n === gt || (n === ft || n === Nt) && i === Kn) {
+    var k = mi(t), A = "clientHeight", H = "clientWidth";
+    if (k === kt(t) && (k = Vr(t), hr(k).position !== "static" && a === "absolute" && (A = "scrollHeight", H = "scrollWidth")), k = k, n === gt || (n === ft || n === Nt) && i === Kn) {
       y = Lt;
       var _ = p && k === M && M.visualViewport ? M.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -17728,7 +17728,7 @@ function Lp(r) {
       C = Nt;
       var P = p && k === M && M.visualViewport ? M.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        k[j]
+        k[H]
       );
       m -= P - o.width, m *= l ? 1 : -1;
     }
@@ -17743,8 +17743,8 @@ function Lp(r) {
     y: f
   };
   if (m = I.x, f = I.y, l) {
-    var q;
-    return Object.assign({}, v, (q = {}, q[y] = E ? "0" : "", q[C] = w ? "0" : "", q.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + f + "px)" : "translate3d(" + m + "px, " + f + "px, 0)", q));
+    var W;
+    return Object.assign({}, v, (W = {}, W[y] = E ? "0" : "", W[C] = w ? "0" : "", W.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + f + "px)" : "translate3d(" + m + "px, " + f + "px, 0)", W));
   }
   return Object.assign({}, v, (e = {}, e[y] = E ? f + "px" : "", e[C] = w ? m + "px" : "", e.transform = "", e));
 }
@@ -17934,7 +17934,7 @@ function ng(r) {
   if (d != null) {
     var c = d === "y" ? "height" : "width";
     switch (i) {
-      case Wo:
+      case qo:
         l[d] = l[d] - (e[c] / 2 - t[c] / 2);
         break;
       case Kn:
@@ -17950,7 +17950,7 @@ function Gn(r, e) {
     reference: k,
     element: C,
     placement: n
-  }), j = $l(Object.assign({}, C, A)), _ = u === un ? j : k, P = {
+  }), H = $l(Object.assign({}, C, A)), _ = u === un ? H : k, P = {
     top: M.top - _.top + w.top,
     bottom: _.bottom - M.bottom + w.bottom,
     left: M.left - _.left + w.left,
@@ -17958,9 +17958,9 @@ function Gn(r, e) {
   }, v = r.modifiersData.offset;
   if (u === un && v) {
     var I = v[n];
-    Object.keys(P).forEach(function(q) {
-      var ne = [Nt, Lt].indexOf(q) >= 0 ? 1 : -1, Y = [gt, Lt].indexOf(q) >= 0 ? "y" : "x";
-      P[q] += I[Y] * ne;
+    Object.keys(P).forEach(function(W) {
+      var ne = [Nt, Lt].indexOf(W) >= 0 ? 1 : -1, Y = [gt, Lt].indexOf(W) >= 0 ? "y" : "x";
+      P[W] += I[Y] * ne;
     });
   }
   return P;
@@ -18003,25 +18003,25 @@ function wx(r) {
         flipVariations: h,
         allowedAutoPlacements: f
       }) : it);
-    }, []), M = e.rects.reference, k = e.rects.popper, A = /* @__PURE__ */ new Map(), j = !0, _ = y[0], P = 0; P < y.length; P++) {
-      var v = y[P], I = Jt(v), q = Go(v) === Wo, ne = [gt, Lt].indexOf(I) >= 0, Y = ne ? "width" : "height", Z = Gn(e, {
+    }, []), M = e.rects.reference, k = e.rects.popper, A = /* @__PURE__ */ new Map(), H = !0, _ = y[0], P = 0; P < y.length; P++) {
+      var v = y[P], I = Jt(v), W = Go(v) === qo, ne = [gt, Lt].indexOf(I) >= 0, Y = ne ? "width" : "height", Z = Gn(e, {
         placement: v,
         boundary: c,
         rootBoundary: p,
         altBoundary: u,
         padding: d
-      }), le = ne ? q ? Nt : ft : q ? Lt : gt;
+      }), le = ne ? W ? Nt : ft : W ? Lt : gt;
       M[Y] > k[Y] && (le = Qi(le));
       var ge = Qi(le), se = [];
       if (i && se.push(Z[I] <= 0), a && se.push(Z[le] <= 0, Z[ge] <= 0), se.every(function(Te) {
         return Te;
       })) {
-        _ = v, j = !1;
+        _ = v, H = !1;
         break;
       }
       A.set(v, se);
     }
-    if (j)
+    if (H)
       for (var ae = h ? 3 : 1, oe = function(it) {
         var ut = y.find(function(yo) {
           var Zt = A.get(yo);
@@ -18137,7 +18137,7 @@ function Px(r) {
     rootBoundary: d,
     padding: p,
     altBoundary: c
-  }), w = Jt(e.placement), E = Go(e.placement), C = !E, y = Fd(w), M = Ox(y), k = e.modifiersData.popperOffsets, A = e.rects.reference, j = e.rects.popper, _ = typeof f == "function" ? f(Object.assign({}, e.rects, {
+  }), w = Jt(e.placement), E = Go(e.placement), C = !E, y = Fd(w), M = Ox(y), k = e.modifiersData.popperOffsets, A = e.rects.reference, H = e.rects.popper, _ = typeof f == "function" ? f(Object.assign({}, e.rects, {
     placement: e.placement
   })) : f, P = typeof _ == "number" ? {
     mainAxis: _,
@@ -18151,14 +18151,14 @@ function Px(r) {
   };
   if (k) {
     if (i) {
-      var q, ne = y === "y" ? gt : ft, Y = y === "y" ? Lt : Nt, Z = y === "y" ? "height" : "width", le = k[y], ge = le + b[ne], se = le - b[Y], ae = m ? -j[Z] / 2 : 0, oe = E === Wo ? A[Z] : j[Z], ce = E === Wo ? -j[Z] : -A[Z], Ne = e.elements.arrow, Te = m && Ne ? _d(Ne) : {
+      var W, ne = y === "y" ? gt : ft, Y = y === "y" ? Lt : Nt, Z = y === "y" ? "height" : "width", le = k[y], ge = le + b[ne], se = le - b[Y], ae = m ? -H[Z] / 2 : 0, oe = E === qo ? A[Z] : H[Z], ce = E === qo ? -H[Z] : -A[Z], Ne = e.elements.arrow, Te = m && Ne ? _d(Ne) : {
         width: 0,
         height: 0
-      }, it = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eg(), ut = it[ne], yo = it[Y], Zt = En(0, A[Z], Te[Z]), wo = C ? A[Z] / 2 - ae - Zt - ut - P.mainAxis : oe - Zt - ut - P.mainAxis, gr = C ? -A[Z] / 2 + ae + Zt + yo + P.mainAxis : ce + Zt + yo + P.mainAxis, vo = e.elements.arrow && mi(e.elements.arrow), hi = vo ? y === "y" ? vo.clientTop || 0 : vo.clientLeft || 0 : 0, tn = (q = v == null ? void 0 : v[y]) != null ? q : 0, gi = le + wo - tn - hi, fi = le + gr - tn, rn = En(m ? ws(ge, gi) : ge, le, m ? ao(se, fi) : se);
+      }, it = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : eg(), ut = it[ne], yo = it[Y], Zt = En(0, A[Z], Te[Z]), wo = C ? A[Z] / 2 - ae - Zt - ut - P.mainAxis : oe - Zt - ut - P.mainAxis, gr = C ? -A[Z] / 2 + ae + Zt + yo + P.mainAxis : ce + Zt + yo + P.mainAxis, vo = e.elements.arrow && mi(e.elements.arrow), hi = vo ? y === "y" ? vo.clientTop || 0 : vo.clientLeft || 0 : 0, tn = (W = v == null ? void 0 : v[y]) != null ? W : 0, gi = le + wo - tn - hi, fi = le + gr - tn, rn = En(m ? ws(ge, gi) : ge, le, m ? ao(se, fi) : se);
       k[y] = rn, I[y] = rn - le;
     }
     if (a) {
-      var on, bi = y === "x" ? gt : ft, yi = y === "x" ? Lt : Nt, er = k[M], fr = M === "y" ? "height" : "width", nn = er + b[bi], Ur = er - b[yi], sn = [gt, ft].indexOf(w) !== -1, wi = (on = v == null ? void 0 : v[M]) != null ? on : 0, vi = sn ? nn : er - A[fr] - j[fr] - wi + P.altAxis, xi = sn ? er + A[fr] + j[fr] - wi - P.altAxis : Ur, ki = m && sn ? Z2(vi, er, xi) : En(m ? vi : nn, er, m ? xi : Ur);
+      var on, bi = y === "x" ? gt : ft, yi = y === "x" ? Lt : Nt, er = k[M], fr = M === "y" ? "height" : "width", nn = er + b[bi], Ur = er - b[yi], sn = [gt, ft].indexOf(w) !== -1, wi = (on = v == null ? void 0 : v[M]) != null ? on : 0, vi = sn ? nn : er - A[fr] - H[fr] - wi + P.altAxis, xi = sn ? er + A[fr] + H[fr] - wi - P.altAxis : Ur, ki = m && sn ? Z2(vi, er, xi) : En(m ? vi : nn, er, m ? xi : Ur);
       k[M] = ki, I[M] = ki - er;
     }
     e.modifiersData[o] = I;
@@ -18181,7 +18181,7 @@ function Lx(r) {
   return r === kt(r) || !Bt(r) ? jd(r) : Bx(r);
 }
 function Nx(r) {
-  var e = r.getBoundingClientRect(), t = qo(e.width) / r.offsetWidth || 1, o = qo(e.height) / r.offsetHeight || 1;
+  var e = r.getBoundingClientRect(), t = Wo(e.width) / r.offsetWidth || 1, o = Wo(e.height) / r.offsetHeight || 1;
   return t !== 1 || o !== 1;
 }
 function Ix(r, e, t) {
@@ -18311,10 +18311,10 @@ function _x(r) {
                 c.reset = !1, y = -1;
                 continue;
               }
-              var M = c.orderedModifiers[y], k = M.fn, A = M.options, j = A === void 0 ? {} : A, _ = M.name;
+              var M = c.orderedModifiers[y], k = M.fn, A = M.options, H = A === void 0 ? {} : A, _ = M.name;
               typeof k == "function" && (c = k({
                 state: c,
-                options: j,
+                options: H,
                 name: _,
                 instance: m
               }) || c);
@@ -18372,7 +18372,7 @@ var Fx = [dx, Tx, ax, Xh, Ex, vx, Ax, ox, kx], jx = /* @__PURE__ */ _x({
 function Ux(r, e) {
   return {}.hasOwnProperty.call(r, e);
 }
-function qa(r, e, t) {
+function Wa(r, e, t) {
   if (Array.isArray(r)) {
     var o = r[e];
     return o ?? (Array.isArray(t) ? t[e] : t);
@@ -18396,13 +18396,13 @@ function _p(r, e) {
     }, e);
   };
 }
-function Wx(r, e) {
+function qx(r, e) {
   var t = Object.assign({}, r);
   return e.forEach(function(o) {
     delete t[o];
   }), t;
 }
-function qx(r) {
+function Wx(r) {
   return r.split(/\s+/).filter(Boolean);
 }
 function Lo(r) {
@@ -18514,15 +18514,15 @@ function Oo(r) {
   var e = r === "destroy" ? "n already-" : " ";
   return [r + "() was called on a" + e + "destroyed instance. This is a no-op but", "indicates a potential memory leak."].join(" ");
 }
-function Wp(r) {
+function qp(r) {
   var e = /[ \t]{2,}/g, t = /^[ \t]*/gm;
   return r.replace(e, " ").replace(t, "").trim();
 }
 function s5(r) {
-  return Wp(`
+  return qp(`
   %ctippy.js
 
-  %c` + Wp(r) + `
+  %c` + qp(r) + `
 
   %c👷‍ This is a development-only message. It will be removed in production.
   `);
@@ -18659,7 +18659,7 @@ function u5(r, e) {
   }, {});
   return o;
 }
-function qp(r, e) {
+function Wp(r, e) {
   var t = Object.assign({}, e, {
     content: dg(e.content, [r])
   }, e.ignoreAttributes ? {} : u5(r, e.plugins));
@@ -18672,7 +18672,7 @@ function hg(r, e) {
   r === void 0 && (r = {}), e === void 0 && (e = []);
   var t = Object.keys(r);
   t.forEach(function(o) {
-    var n = Wx(wt, Object.keys(ug)), i = !Ux(n, o);
+    var n = qx(wt, Object.keys(ug)), i = !Ux(n, o);
     i && (i = e.filter(function(s) {
       return s.name === o;
     }).length === 0), ar(i, ["`" + o + "`", "is not a valid prop. You may have spelled it incorrectly, or if it's", "a plugin, forgot to pass it in an array as props.plugins.", `
@@ -18726,7 +18726,7 @@ function gg(r) {
 gg.$$tippy = !0;
 var h5 = 1, _i = [], Ja = [];
 function g5(r, e) {
-  var t = qp(r, Object.assign({}, wt, mg(jp(e)))), o, n, i, s = !1, a = !1, l = !1, d = !1, c, p, u, m = [], h = _p(gi, t.interactiveDebounce), f, b = h5++, w = null, E = Kx(t.plugins), C = {
+  var t = Wp(r, Object.assign({}, wt, mg(jp(e)))), o, n, i, s = !1, a = !1, l = !1, d = !1, c, p, u, m = [], h = _p(gi, t.interactiveDebounce), f, b = h5++, w = null, E = Kx(t.plugins), C = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -18762,7 +18762,7 @@ function g5(r, e) {
     return process.env.NODE_ENV !== "production" && zl(!0, "render() function has not been supplied."), y;
   var M = t.render(y), k = M.popper, A = M.onUpdate;
   k.setAttribute("data-tippy-root", ""), k.id = "tippy-" + y.id, y.popper = k, r._tippy = y, k._tippy = y;
-  var j = E.map(function(B) {
+  var H = E.map(function(B) {
     return B.fn(y);
   }), _ = r.hasAttribute("aria-expanded");
   return vo(), ae(), le(), ge("onCreate", [y]), t.showOnCreate && nn(), k.addEventListener("mouseenter", function() {
@@ -18781,24 +18781,24 @@ function g5(r, e) {
     var B;
     return !!((B = y.props.render) != null && B.$$tippy);
   }
-  function q() {
+  function W() {
     return f || r;
   }
   function ne() {
-    var B = q().parentNode;
+    var B = W().parentNode;
     return B ? Zx(B) : document;
   }
   function Y() {
     return Fl(k);
   }
   function Z(B) {
-    return y.state.isMounted && !y.state.isVisible || Vt.isTouch || c && c.type === "focus" ? 0 : qa(y.props.delay, B ? 0 : 1, wt.delay);
+    return y.state.isMounted && !y.state.isVisible || Vt.isTouch || c && c.type === "focus" ? 0 : Wa(y.props.delay, B ? 0 : 1, wt.delay);
   }
   function le(B) {
     B === void 0 && (B = !1), k.style.pointerEvents = y.props.interactive && !B ? "" : "none", k.style.zIndex = "" + y.props.zIndex;
   }
   function ge(B, U, G) {
-    if (G === void 0 && (G = !0), j.forEach(function(de) {
+    if (G === void 0 && (G = !0), H.forEach(function(de) {
       de[B] && de[B].apply(de, U);
     }), G) {
       var me;
@@ -18824,7 +18824,7 @@ function g5(r, e) {
     if (!(_ || !y.props.aria.expanded)) {
       var B = Lo(y.props.triggerTarget || r);
       B.forEach(function(U) {
-        y.props.interactive ? U.setAttribute("aria-expanded", y.state.isVisible && U === q() ? "true" : "false") : U.removeAttribute("aria-expanded");
+        y.props.interactive ? U.setAttribute("aria-expanded", y.state.isVisible && U === W() ? "true" : "false") : U.removeAttribute("aria-expanded");
       });
     }
   }
@@ -18898,7 +18898,7 @@ function g5(r, e) {
       passive: !0
     }), gr("touchend", fi, {
       passive: !0
-    })), qx(y.props.trigger).forEach(function(B) {
+    })), Wx(y.props.trigger).forEach(function(B) {
       if (B !== "manual")
         switch (gr(B, tn), B) {
           case "mouseenter":
@@ -18929,7 +18929,7 @@ function g5(r, e) {
     }
   }
   function gi(B) {
-    var U = B.target, G = q().contains(U) || k.contains(U);
+    var U = B.target, G = W().contains(U) || k.contains(U);
     if (!(B.type === "mousemove" && G)) {
       var me = fr().concat(k).map(function(de) {
         var st, St = de._tippy, xo = (st = St.popperInstance) == null ? void 0 : st.state;
@@ -18953,7 +18953,7 @@ function g5(r, e) {
     }
   }
   function rn(B) {
-    y.props.trigger.indexOf("focusin") < 0 && B.target !== q() || y.props.interactive && B.relatedTarget && k.contains(B.relatedTarget) || Ur(B);
+    y.props.trigger.indexOf("focusin") < 0 && B.target !== W() || y.props.interactive && B.relatedTarget && k.contains(B.relatedTarget) || Ur(B);
   }
   function on(B) {
     return Vt.isTouch ? v() !== B.type.indexOf("touch") >= 0 : !1;
@@ -18962,7 +18962,7 @@ function g5(r, e) {
     yi();
     var B = y.props, U = B.popperOptions, G = B.placement, me = B.offset, de = B.getReferenceClientRect, st = B.moveTransition, St = I() ? Fl(k).arrow : null, xo = de ? {
       getBoundingClientRect: de,
-      contextElement: de.contextElement || q()
+      contextElement: de.contextElement || W()
     } : r, tc = {
       name: "$$tippy",
       enabled: !0,
@@ -18977,7 +18977,7 @@ function g5(r, e) {
           }), ko.attributes.popper = {};
         }
       }
-    }, Wr = [{
+    }, qr = [{
       name: "offset",
       options: {
         offset: me
@@ -19003,23 +19003,23 @@ function g5(r, e) {
         adaptive: !st
       }
     }, tc];
-    I() && St && Wr.push({
+    I() && St && qr.push({
       name: "arrow",
       options: {
         element: St,
         padding: 3
       }
-    }), Wr.push.apply(Wr, (U == null ? void 0 : U.modifiers) || []), y.popperInstance = jx(xo, k, Object.assign({}, U, {
+    }), qr.push.apply(qr, (U == null ? void 0 : U.modifiers) || []), y.popperInstance = jx(xo, k, Object.assign({}, U, {
       placement: G,
       onFirstUpdate: u,
-      modifiers: Wr
+      modifiers: qr
     }));
   }
   function yi() {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function er() {
-    var B = y.props.appendTo, U, G = q();
+    var B = y.props.appendTo, U, G = W();
     y.props.interactive && B === lg || B === "parent" ? U = G.parentNode : U = dg(B, [G]), U.contains(k) || U.appendChild(k), y.state.isMounted = !0, bi(), process.env.NODE_ENV !== "production" && ar(y.props.interactive && B === wt.appendTo && G.nextElementSibling !== k, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
@@ -19064,7 +19064,7 @@ function g5(r, e) {
   function xi(B) {
     if (process.env.NODE_ENV !== "production" && ar(y.state.isDestroyed, Oo("setProps")), !y.state.isDestroyed) {
       ge("onBeforeUpdate", [y, B]), hi();
-      var U = y.props, G = qp(r, Object.assign({}, U, jp(B), {
+      var U = y.props, G = Wp(r, Object.assign({}, U, jp(B), {
         ignoreAttributes: !0
       }));
       y.props = G, vo(), U.interactiveDebounce !== G.interactiveDebounce && (oe(), h = _p(gi, G.interactiveDebounce)), U.triggerTarget && !G.triggerTarget ? Lo(U.triggerTarget).forEach(function(me) {
@@ -19081,20 +19081,20 @@ function g5(r, e) {
   }
   function Lg() {
     process.env.NODE_ENV !== "production" && ar(y.state.isDestroyed, Oo("show"));
-    var B = y.state.isVisible, U = y.state.isDestroyed, G = !y.state.isEnabled, me = Vt.isTouch && !y.props.touch, de = qa(y.props.duration, 0, wt.duration);
-    if (!(B || U || G || me) && !q().hasAttribute("disabled") && (ge("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var B = y.state.isVisible, U = y.state.isDestroyed, G = !y.state.isEnabled, me = Vt.isTouch && !y.props.touch, de = Wa(y.props.duration, 0, wt.duration);
+    if (!(B || U || G || me) && !W().hasAttribute("disabled") && (ge("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, I() && (k.style.visibility = "visible"), le(), it(), y.state.isMounted || (k.style.transition = "none"), I()) {
         var st = Y(), St = st.box, xo = st.content;
         Ka([St, xo], 0);
       }
       u = function() {
-        var Wr;
+        var qr;
         if (!(!y.state.isVisible || d)) {
           if (d = !0, k.offsetHeight, k.style.transition = y.props.moveTransition, I() && y.props.animation) {
             var ya = Y(), Si = ya.box, ko = ya.content;
             Ka([Si, ko], de), Hp([Si, ko], "visible");
           }
-          se(), ae(), Fp(Ja, y), (Wr = y.popperInstance) == null || Wr.forceUpdate(), ge("onMount", [y]), y.props.animation && I() && Zt(de, function() {
+          se(), ae(), Fp(Ja, y), (qr = y.popperInstance) == null || qr.forceUpdate(), ge("onMount", [y]), y.props.animation && I() && Zt(de, function() {
             y.state.isShown = !0, ge("onShown", [y]);
           });
         }
@@ -19103,7 +19103,7 @@ function g5(r, e) {
   }
   function Ng() {
     process.env.NODE_ENV !== "production" && ar(y.state.isDestroyed, Oo("hide"));
-    var B = !y.state.isVisible, U = y.state.isDestroyed, G = !y.state.isEnabled, me = qa(y.props.duration, 1, wt.duration);
+    var B = !y.state.isVisible, U = y.state.isDestroyed, G = !y.state.isEnabled, me = Wa(y.props.duration, 1, wt.duration);
     if (!(B || U || G) && (ge("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, d = !1, s = !1, I() && (k.style.visibility = "hidden"), oe(), ut(), le(!0), I()) {
         var de = Y(), st = de.box, St = de.content;
@@ -19295,7 +19295,7 @@ Xe.create({
 });
 class b5 {
   getTextContent(e) {
-    return Wh(e, { textSerializers: Ad(this.editor.schema) });
+    return qh(e, { textSerializers: Ad(this.editor.schema) });
   }
   constructor({ editor: e, element: t, view: o, tippyOptions: n = {}, shouldShow: i }) {
     this.preventHide = !1, this.shouldShow = ({ view: s, state: a }) => {
@@ -19634,7 +19634,7 @@ const v5 = (r = {}) => {
   },
   addInputRules() {
     return [
-      qn({
+      Wn({
         find: x5,
         type: this.type
       })
@@ -19739,11 +19739,11 @@ const v5 = (r = {}) => {
     };
   },
   addInputRules() {
-    let r = qn({
+    let r = Wn({
       find: Xp,
       type: this.type
     });
-    return (this.options.keepMarks || this.options.keepAttributes) && (r = qn({
+    return (this.options.keepMarks || this.options.keepAttributes) && (r = Wn({
       find: Xp,
       type: this.type,
       keepMarks: this.options.keepMarks,
@@ -20040,7 +20040,7 @@ class Pe extends Q {
     return Pe.valid(o) ? new Pe(o) : Q.near(o);
   }
   content() {
-    return H.empty;
+    return j.empty;
   }
   eq(e) {
     return e instanceof Pe && e.head == this.head;
@@ -20060,7 +20060,7 @@ class Pe extends Q {
   @internal
   */
   getBookmark() {
-    return new Wd(this.anchor);
+    return new qd(this.anchor);
   }
   /**
   @internal
@@ -20116,12 +20116,12 @@ class Pe extends Q {
 Pe.prototype.visible = !1;
 Pe.findFrom = Pe.findGapCursorFrom;
 Q.jsonID("gapcursor", Pe);
-class Wd {
+class qd {
   constructor(e) {
     this.pos = e;
   }
   map(e) {
-    return new Wd(e.map(this.pos));
+    return new qd(e.map(this.pos));
   }
   resolve(e) {
     let t = e.resolve(this.pos);
@@ -20165,13 +20165,13 @@ function j5(r) {
 function H5() {
   return new _e({
     props: {
-      decorations: q5,
+      decorations: W5,
       createSelectionBetween(r, e, t) {
         return e.pos == t.pos && Pe.valid(t) ? new Pe(t) : null;
       },
       handleClick: U5,
       handleKeyDown: V5,
-      handleDOMEvents: { beforeinput: W5 }
+      handleDOMEvents: { beforeinput: q5 }
     }
   });
 }
@@ -20203,7 +20203,7 @@ function U5(r, e, t) {
   let n = r.posAtCoords({ left: t.clientX, top: t.clientY });
   return n && n.inside > -1 && K.isSelectable(r.state.doc.nodeAt(n.inside)) ? !1 : (r.dispatch(r.state.tr.setSelection(new Pe(o))), !0);
 }
-function W5(r, e) {
+function q5(r, e) {
   if (e.inputType != "insertCompositionText" || !(r.state.selection instanceof Pe))
     return !1;
   let { $from: t } = r.state.selection, o = t.parent.contentMatchAt(t.index()).findWrapping(r.state.schema.nodes.text);
@@ -20212,10 +20212,10 @@ function W5(r, e) {
   let n = N.empty;
   for (let s = o.length - 1; s >= 0; s--)
     n = N.from(o[s].createAndFill(null, n));
-  let i = r.state.tr.replace(t.pos, t.pos, new H(n, 0, 0));
+  let i = r.state.tr.replace(t.pos, t.pos, new j(n, 0, 0));
   return i.setSelection(J.near(i.doc.resolve(t.pos + 1))), r.dispatch(i), !1;
 }
-function q5(r) {
+function W5(r) {
   if (!(r.selection instanceof Pe))
     return null;
   let e = document.createElement("div");
@@ -20895,13 +20895,13 @@ const vg = wg(!1, !0), xg = wg(!0, !0), i3 = Xe.create({
     };
   },
   addInputRules() {
-    let r = qn({
+    let r = Wn({
       find: tu,
       type: this.type,
       getAttributes: (e) => ({ start: +e[1] }),
       joinPredicate: (e, t) => t.childCount + t.attrs.start === +e[1]
     });
-    return (this.options.keepMarks || this.options.keepAttributes) && (r = qn({
+    return (this.options.keepMarks || this.options.keepAttributes) && (r = Wn({
       find: tu,
       type: this.type,
       keepMarks: this.options.keepMarks,
@@ -21151,7 +21151,7 @@ mt.prototype = {
     return n.j[r] = s, s;
   }
 };
-const ee = (r, e, t, o, n) => r.ta(e, t, o, n), Oe = (r, e, t, o, n) => r.tr(e, t, o, n), ru = (r, e, t, o, n) => r.ts(e, t, o, n), D = (r, e, t, o, n) => r.tt(e, t, o, n), ir = "WORD", Wl = "UWORD", Sg = "ASCIINUMERICAL", Cg = "ALPHANUMERICAL", Xn = "LOCALHOST", ql = "TLD", Kl = "UTLD", es = "SCHEME", No = "SLASH_SCHEME", qd = "NUM", Gl = "WS", Kd = "NL", Pn = "OPENBRACE", An = "CLOSEBRACE", ks = "OPENBRACKET", Ss = "CLOSEBRACKET", Cs = "OPENPAREN", Es = "CLOSEPAREN", Ms = "OPENANGLEBRACKET", Ts = "CLOSEANGLEBRACKET", Os = "FULLWIDTHLEFTPAREN", Ps = "FULLWIDTHRIGHTPAREN", As = "LEFTCORNERBRACKET", Bs = "RIGHTCORNERBRACKET", Ls = "LEFTWHITECORNERBRACKET", Ns = "RIGHTWHITECORNERBRACKET", Is = "FULLWIDTHLESSTHAN", Ds = "FULLWIDTHGREATERTHAN", Rs = "AMPERSAND", $s = "APOSTROPHE", zs = "ASTERISK", xr = "AT", _s = "BACKSLASH", Fs = "BACKTICK", js = "CARET", Sr = "COLON", Gd = "COMMA", Hs = "DOLLAR", jt = "DOT", Vs = "EQUALS", Jd = "EXCLAMATION", Mt = "HYPHEN", Bn = "PERCENT", Us = "PIPE", Ws = "PLUS", qs = "POUND", Ln = "QUERY", Yd = "QUOTE", Eg = "FULLWIDTHMIDDLEDOT", Xd = "SEMI", Ht = "SLASH", Nn = "TILDE", Ks = "UNDERSCORE", Mg = "EMOJI", Gs = "SYM";
+const ee = (r, e, t, o, n) => r.ta(e, t, o, n), Oe = (r, e, t, o, n) => r.tr(e, t, o, n), ru = (r, e, t, o, n) => r.ts(e, t, o, n), D = (r, e, t, o, n) => r.tt(e, t, o, n), ir = "WORD", ql = "UWORD", Sg = "ASCIINUMERICAL", Cg = "ALPHANUMERICAL", Xn = "LOCALHOST", Wl = "TLD", Kl = "UTLD", es = "SCHEME", No = "SLASH_SCHEME", Wd = "NUM", Gl = "WS", Kd = "NL", Pn = "OPENBRACE", An = "CLOSEBRACE", ks = "OPENBRACKET", Ss = "CLOSEBRACKET", Cs = "OPENPAREN", Es = "CLOSEPAREN", Ms = "OPENANGLEBRACKET", Ts = "CLOSEANGLEBRACKET", Os = "FULLWIDTHLEFTPAREN", Ps = "FULLWIDTHRIGHTPAREN", As = "LEFTCORNERBRACKET", Bs = "RIGHTCORNERBRACKET", Ls = "LEFTWHITECORNERBRACKET", Ns = "RIGHTWHITECORNERBRACKET", Is = "FULLWIDTHLESSTHAN", Ds = "FULLWIDTHGREATERTHAN", Rs = "AMPERSAND", $s = "APOSTROPHE", zs = "ASTERISK", xr = "AT", _s = "BACKSLASH", Fs = "BACKTICK", js = "CARET", Sr = "COLON", Gd = "COMMA", Hs = "DOLLAR", jt = "DOT", Vs = "EQUALS", Jd = "EXCLAMATION", Mt = "HYPHEN", Bn = "PERCENT", Us = "PIPE", qs = "PLUS", Ws = "POUND", Ln = "QUERY", Yd = "QUOTE", Eg = "FULLWIDTHMIDDLEDOT", Xd = "SEMI", Ht = "SLASH", Nn = "TILDE", Ks = "UNDERSCORE", Mg = "EMOJI", Gs = "SYM";
 var Tg = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ALPHANUMERICAL: Cg,
@@ -21184,15 +21184,15 @@ var Tg = /* @__PURE__ */ Object.freeze({
   LEFTWHITECORNERBRACKET: Ls,
   LOCALHOST: Xn,
   NL: Kd,
-  NUM: qd,
+  NUM: Wd,
   OPENANGLEBRACKET: Ms,
   OPENBRACE: Pn,
   OPENBRACKET: ks,
   OPENPAREN: Cs,
   PERCENT: Bn,
   PIPE: Us,
-  PLUS: Ws,
-  POUND: qs,
+  PLUS: qs,
+  POUND: Ws,
   QUERY: Ln,
   QUOTE: Yd,
   RIGHTCORNERBRACKET: Bs,
@@ -21203,10 +21203,10 @@ var Tg = /* @__PURE__ */ Object.freeze({
   SLASH_SCHEME: No,
   SYM: Gs,
   TILDE: Nn,
-  TLD: ql,
+  TLD: Wl,
   UNDERSCORE: Ks,
   UTLD: Kl,
-  UWORD: Wl,
+  UWORD: ql,
   WORD: ir,
   WS: Gl
 });
@@ -21217,8 +21217,8 @@ function P3(r = []) {
   const e = {};
   mt.groups = e;
   const t = new mt();
-  ji == null && (ji = nu(x3)), Hi == null && (Hi = nu(k3)), D(t, "'", $s), D(t, "{", Pn), D(t, "}", An), D(t, "[", ks), D(t, "]", Ss), D(t, "(", Cs), D(t, ")", Es), D(t, "<", Ms), D(t, ">", Ts), D(t, "（", Os), D(t, "）", Ps), D(t, "「", As), D(t, "」", Bs), D(t, "『", Ls), D(t, "』", Ns), D(t, "＜", Is), D(t, "＞", Ds), D(t, "&", Rs), D(t, "*", zs), D(t, "@", xr), D(t, "`", Fs), D(t, "^", js), D(t, ":", Sr), D(t, ",", Gd), D(t, "$", Hs), D(t, ".", jt), D(t, "=", Vs), D(t, "!", Jd), D(t, "-", Mt), D(t, "%", Bn), D(t, "|", Us), D(t, "+", Ws), D(t, "#", qs), D(t, "?", Ln), D(t, '"', Yd), D(t, "/", Ht), D(t, ";", Xd), D(t, "~", Nn), D(t, "_", Ks), D(t, "\\", _s), D(t, "・", Eg);
-  const o = Oe(t, nr, qd, {
+  ji == null && (ji = nu(x3)), Hi == null && (Hi = nu(k3)), D(t, "'", $s), D(t, "{", Pn), D(t, "}", An), D(t, "[", ks), D(t, "]", Ss), D(t, "(", Cs), D(t, ")", Es), D(t, "<", Ms), D(t, ">", Ts), D(t, "（", Os), D(t, "）", Ps), D(t, "「", As), D(t, "」", Bs), D(t, "『", Ls), D(t, "』", Ns), D(t, "＜", Is), D(t, "＞", Ds), D(t, "&", Rs), D(t, "*", zs), D(t, "@", xr), D(t, "`", Fs), D(t, "^", js), D(t, ":", Sr), D(t, ",", Gd), D(t, "$", Hs), D(t, ".", jt), D(t, "=", Vs), D(t, "!", Jd), D(t, "-", Mt), D(t, "%", Bn), D(t, "|", Us), D(t, "+", qs), D(t, "#", Ws), D(t, "?", Ln), D(t, '"', Yd), D(t, "/", Ht), D(t, ";", Xd), D(t, "~", Nn), D(t, "_", Ks), D(t, "\\", _s), D(t, "・", Eg);
+  const o = Oe(t, nr, Wd, {
     [jl]: !0
   });
   Oe(o, nr, o);
@@ -21230,7 +21230,7 @@ function P3(r = []) {
     [Hl]: !0
   });
   Oe(s, nr, n), Oe(s, or, s), Oe(n, nr, n), Oe(n, or, n);
-  const a = Oe(t, mn, Wl, {
+  const a = Oe(t, mn, ql, {
     [Vl]: !0
   });
   Oe(a, or), Oe(a, nr, i), Oe(a, mn, a), Oe(i, nr, i), Oe(i, or), Oe(i, mn, i);
@@ -21250,10 +21250,10 @@ function P3(r = []) {
   D(u, "#"), Oe(u, Za, p);
   const m = [[or, s], [nr, n]], h = [[or, null], [mn, a], [nr, i]];
   for (let f = 0; f < ji.length; f++)
-    br(t, ji[f], ql, ir, m);
+    br(t, ji[f], Wl, ir, m);
   for (let f = 0; f < Hi.length; f++)
-    br(t, Hi[f], Kl, Wl, h);
-  ro(ql, {
+    br(t, Hi[f], Kl, ql, h);
+  ro(Wl, {
     tld: !0,
     ascii: !0
   }, e), ro(Kl, {
@@ -21573,7 +21573,7 @@ const su = ba("email", {
 function L3({
   groups: r
 }) {
-  const e = r.domain.concat([Rs, zs, xr, _s, Fs, js, Hs, Vs, Mt, qd, Bn, Us, Ws, qs, Ht, Gs, Nn, Ks]), t = [$s, Sr, Gd, jt, Jd, Bn, Ln, Yd, Xd, Ms, Ts, Pn, An, Ss, ks, Cs, Es, Os, Ps, As, Bs, Ls, Ns, Is, Ds], o = [Rs, $s, zs, _s, Fs, js, Hs, Vs, Mt, Pn, An, Bn, Us, Ws, qs, Ln, Ht, Gs, Nn, Ks], n = Ct(), i = D(n, Nn);
+  const e = r.domain.concat([Rs, zs, xr, _s, Fs, js, Hs, Vs, Mt, Wd, Bn, Us, qs, Ws, Ht, Gs, Nn, Ks]), t = [$s, Sr, Gd, jt, Jd, Bn, Ln, Yd, Xd, Ms, Ts, Pn, An, Ss, ks, Cs, Es, Os, Ps, As, Bs, Ls, Ns, Is, Ds], o = [Rs, $s, zs, _s, Fs, js, Hs, Vs, Mt, Pn, An, Bn, Us, qs, Ws, Ln, Ht, Gs, Nn, Ks], n = Ct(), i = D(n, Nn);
   ee(i, o, i), ee(i, r.domain, i);
   const s = Ct(), a = Ct(), l = Ct();
   ee(n, r.domain, s), ee(n, r.scheme, a), ee(n, r.slashscheme, l), ee(s, o, i), ee(s, r.domain, s);
@@ -21599,7 +21599,7 @@ function L3({
   ee(C, r.numeric, y);
   const M = Ct(Vi), k = Ct();
   ee(M, e, M), ee(M, t, k), ee(k, e, M), ee(k, t, k), D(E, Ht, M), D(y, Ht, M);
-  const A = D(a, Sr), j = D(l, Sr), _ = D(j, Ht), P = D(_, Ht);
+  const A = D(a, Sr), H = D(l, Sr), _ = D(H, Ht), P = D(_, Ht);
   ee(a, r.domain, s), D(a, jt, w), D(a, Mt, b), ee(l, r.domain, s), D(l, jt, w), D(l, Mt, b), ee(A, r.domain, M), D(A, Ht, M), D(A, Ln, M), ee(P, r.domain, M), ee(P, e, M), D(P, Ht, M);
   const v = [
     [Pn, An],
@@ -21620,8 +21620,8 @@ function L3({
     // ＜＞
   ];
   for (let I = 0; I < v.length; I++) {
-    const [q, ne] = v[I], Y = D(M, q);
-    D(k, q, Y), D(Y, ne, M);
+    const [W, ne] = v[I], Y = D(M, W);
+    D(k, W, Y), D(Y, ne, M);
     const Z = Ct(Vi);
     ee(Y, e, Z);
     const le = Ct();
@@ -21758,7 +21758,7 @@ function F3(r) {
           a.push(s), s = s.parentNode;
         if (!a.find((u) => u.nodeName === "A"))
           return !1;
-        const l = qh(e.state, r.type.name), d = o.target, c = (n = d == null ? void 0 : d.href) !== null && n !== void 0 ? n : l.href, p = (i = d == null ? void 0 : d.target) !== null && i !== void 0 ? i : l.target;
+        const l = Wh(e.state, r.type.name), d = o.target, c = (n = d == null ? void 0 : d.href) !== null && n !== void 0 ? n : l.href, p = (i = d == null ? void 0 : d.target) !== null && i !== void 0 ? i : l.target;
         return d && c ? (window.open(c, p), !0) : !1;
       }
     }
@@ -21960,10 +21960,10 @@ const V3 = mr.create({
       type: this.type
     })), r;
   }
-}), U3 = { class: "myInputGroup" }, W3 = {
+}), U3 = { class: "myInputGroup" }, q3 = {
   key: 0,
   class: "min-h-[2.5rem] flex items-center justify-start"
-}, q3 = { class: "myPrimaryInputError mt-2 mb-0 py-0 self-start" }, K3 = { class: "blockease-linear duration-200 block ease-linear" }, G3 = { key: 0 }, J3 = { class: "relative rounded-lg" }, Y3 = { class: "flex justify-between myPrimaryGap items-center divide-x divide-gray-200 py-4 px-4 overflow-x-auto border-b border-gray-20" }, X3 = { class: "px-2 flex items-center justify-start gap-2" }, Q3 = { class: "flex items-center 0 divide-x divide-gray-200" }, Z3 = { class: "px-2 flex items-center justify-start gap-2" }, e4 = { class: "px-2 flex items-center justify-start gap-2" }, t4 = { class: "px-2 flex items-center justify-start gap-2" }, r4 = { class: "px-2 flex items-center justify-start gap-2" }, o4 = { class: "px-2 flex items-center justify-start gap-2" }, n4 = { class: "px-2 flex items-center justify-start gap-2" }, i4 = {
+}, W3 = { class: "myPrimaryInputError mt-2 mb-0 py-0 self-start" }, K3 = { class: "blockease-linear duration-200 block ease-linear" }, G3 = { key: 0 }, J3 = { class: "relative rounded-lg" }, Y3 = { class: "flex justify-between myPrimaryGap items-center divide-x divide-gray-200 py-4 px-4 overflow-x-auto border-b border-gray-20" }, X3 = { class: "px-2 flex items-center justify-start gap-2" }, Q3 = { class: "flex items-center 0 divide-x divide-gray-200" }, Z3 = { class: "px-2 flex items-center justify-start gap-2" }, e4 = { class: "px-2 flex items-center justify-start gap-2" }, t4 = { class: "px-2 flex items-center justify-start gap-2" }, r4 = { class: "px-2 flex items-center justify-start gap-2" }, o4 = { class: "px-2 flex items-center justify-start gap-2" }, n4 = { class: "px-2 flex items-center justify-start gap-2" }, i4 = {
   __name: "TipTapInput",
   setup(r) {
     const e = re("pageBuilderStateStore"), t = x(!1), o = x(""), n = x(1), i = x(""), s = x(""), a = x(""), l = x(null), d = x(null), c = x(null), p = x(null), u = x(null), m = new Qe(e), h = L(() => e.getElement), f = x(""), b = L(() => {
@@ -22011,23 +22011,23 @@ const V3 = mr.create({
       }, p.value = function() {
         E.value.chain().focus().extendMarkRange("link").unsetLink().run(), t.value = !1;
       }, u.value = function() {
-        const P = j();
+        const P = H();
         P || (P || _(), t.value = !1);
       };
-    }, j = function() {
+    }, H = function() {
       k.value = null;
       const P = /^https?:\/\//, v = x(!0);
       return v.value = P.test(M.value), v.value === !1 ? (k.value = "The provided URL is invalid. Please ensure that it begins with 'https://' for proper formatting and security.", !0) : !1;
     }, _ = function() {
       E.value.chain().focus().extendMarkRange("link").setLink({ href: M.value }).run();
     };
-    return Wg(() => {
+    return qg(() => {
       var P;
       (P = E.value) == null || P.destroy();
     }), Se(() => {
       C();
     }), (P, v) => (S(), O("div", null, [
-      R($n, {
+      $($n, {
         showDynamicModal: t.value,
         type: o.value,
         gridColumnAmount: n.value,
@@ -22058,9 +22058,9 @@ const V3 = mr.create({
               }, null, 512), [
                 [Xl, y.value]
               ]),
-              k.value ? (S(), O("div", W3, [
-                g("p", q3, F(k.value), 1)
-              ])) : $("", !0)
+              k.value ? (S(), O("div", q3, [
+                g("p", W3, F(k.value), 1)
+              ])) : R("", !0)
             ])
           ])
         ]),
@@ -22162,13 +22162,13 @@ const V3 = mr.create({
                 ])
               ])
             ]),
-            R(T(w5), {
+            $(T(w5), {
               id: "page-builder-editor",
               editor: T(E),
               class: "px-4 pt-6 pb-12 bg-white rounded-lg lg:min-h-[20rem] lg:max-h-[30rem] md:min-h-[20rem] md:max-h-[20rem] min-h-[20rem] max-h-[20rem] overflow-y-auto"
             }, null, 8, ["editor"])
           ])
-        ])) : $("", !0)
+        ])) : R("", !0)
       ])
     ]));
   }
@@ -22228,19 +22228,19 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
     return He("closeMediaLibraryModal", () => {
       o();
     }), (s, a) => (S(), xe(Yo, { to: "body" }, [
-      R(T(Xo), {
+      $(T(Xo), {
         show: r.open,
         as: "template"
       }, {
         default: z(() => [
-          R(T(oi), {
+          $(T(oi), {
             as: "div",
             class: "fixed z-30 inset-0 overflow-y-auto sm:px-4",
             onClose: o
           }, {
             default: z(() => [
               g("div", d4, [
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0",
@@ -22250,7 +22250,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                   "leave-to": "opacity-0"
                 }, {
                   default: z(() => [
-                    R(T(sd), { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+                    $(T(sd), { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
                   ]),
                   _: 1
                 }),
@@ -22258,7 +22258,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                   "aria-hidden": "true",
                   class: "hidden sm:inline-block sm:align-middle sm:h-screen"
                 }, "​", -1)),
-                R(T(ur), {
+                $(T(ur), {
                   as: "template",
                   enter: "ease-out duration-100",
                   "enter-from": "opacity-0 scale-95",
@@ -22270,7 +22270,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                   default: z(() => [
                     g("div", c4, [
                       g("div", p4, [
-                        R(T(ad), {
+                        $(T(ad), {
                           as: "h3",
                           class: "tertiaryHeader my-0 py-0"
                         }, {
@@ -22294,7 +22294,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                         r.customMediaComponent ? (S(), O("div", m4, [
                           (S(), xe(mu(r.customMediaComponent)))
                         ])) : (S(), O("div", h4, [
-                          R(l4)
+                          $(l4)
                         ]))
                       ]),
                       r.firstButtonText || r.secondButtonText ? (S(), O("div", g4, [
@@ -22303,14 +22303,14 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                           onClick: o,
                           class: "mySecondaryButton focus:ring-2 focus:ring-blue-500",
                           type: "button"
-                        }, F(r.firstButtonText), 1)) : $("", !0),
+                        }, F(r.firstButtonText), 1)) : R("", !0),
                         r.secondButtonText ? (S(), O("button", {
                           key: 1,
                           onClick: n,
                           class: "myPrimaryButton focus:ring-2 focus:ring-blue-500",
                           type: "button"
-                        }, F(r.secondButtonText), 1)) : $("", !0)
-                      ])) : $("", !0)
+                        }, F(r.secondButtonText), 1)) : R("", !0)
+                      ])) : R("", !0)
                     ])
                   ]),
                   _: 1
@@ -22353,31 +22353,31 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
     }, {
       default: z(() => [
         g("div", f4, [
-          R(T(si), { class: "w-max flex items-center px-2 text-[12.5px] gap-2 text-nowrap pl-2 pr-3 h-10 cursor-pointer rounded-full border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, {
+          $(T(si), { class: "w-max flex items-center px-2 text-[12.5px] gap-2 text-nowrap pl-2 pr-3 h-10 cursor-pointer rounded-full border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, {
             default: z(() => {
               var a;
               return [
                 n.value === "none" ? (S(), O("div", b4, s[2] || (s[2] = [
                   g("span", { class: "material-symbols-outlined" }, " format_color_text ", -1),
                   g("span", { class: "block truncate text-[12.5px]" }, "Text color", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 o.value !== "none" ? (S(), O("div", y4, [
                   g("div", {
                     class: X(["aspect-square w-6 h-6 border border-gray-800 rounded-sm", `bg-${(a = o.value) == null ? void 0 : a.replace("text-", "")}`])
                   }, null, 2),
                   g("span", w4, F(o.value), 1)
-                ])) : $("", !0)
+                ])) : R("", !0)
               ];
             }),
             _: 1
           }),
-          R(Dt, {
+          $(Dt, {
             "leave-active-class": "transition ease-in duration-100",
             "leave-from-class": "opacity-100",
             "leave-to-class": "opacity-0"
           }, {
             default: z(() => [
-              R(T(ai), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+              $(T(ai), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                 default: z(() => [
                   (S(!0), O(ve, null, Le(T(rs).textColorVariables, (a) => (S(), xe(T(li), {
                     as: "template",
@@ -22395,13 +22395,13 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                         a === "none" ? (S(), O("div", v4, s[3] || (s[3] = [
                           g("span", { class: "material-symbols-outlined" }, " invert_colors ", -1),
                           g("span", { class: "ml-3" }, "Default black", -1)
-                        ]))) : $("", !0),
+                        ]))) : R("", !0),
                         a !== "none" ? (S(), O("div", x4, [
                           g("div", {
                             class: X(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${a.replace("text-", "")}`])
                           }, null, 2),
                           g("span", k4, F(a), 1)
-                        ])) : $("", !0)
+                        ])) : R("", !0)
                       ], 2)
                     ]),
                     _: 2
@@ -22446,31 +22446,31 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
     }, {
       default: z(() => [
         g("div", C4, [
-          R(T(si), { class: "w-max flex items-center px-2 text-[12.5px] gap-2 text-nowrap pl-2 pr-3 h-10 cursor-pointer rounded-full border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, {
+          $(T(si), { class: "w-max flex items-center px-2 text-[12.5px] gap-2 text-nowrap pl-2 pr-3 h-10 cursor-pointer rounded-full border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0" }, {
             default: z(() => {
               var a;
               return [
                 n.value === "none" ? (S(), O("div", E4, s[2] || (s[2] = [
                   g("span", { class: "material-symbols-outlined" }, " colors ", -1),
                   g("span", { class: "block truncate text-[12.5px]" }, "Background color ", -1)
-                ]))) : $("", !0),
+                ]))) : R("", !0),
                 o.value !== "none" ? (S(), O("div", M4, [
                   g("div", {
                     class: X(["aspect-square w-6 h-6 border border-gray-800 rounded-sm", `bg-${(a = o.value) == null ? void 0 : a.replace("bg-", "")}`])
                   }, null, 2),
                   g("span", T4, F(o.value), 1)
-                ])) : $("", !0)
+                ])) : R("", !0)
               ];
             }),
             _: 1
           }),
-          R(Dt, {
+          $(Dt, {
             "leave-active-class": "transition ease-in duration-100",
             "leave-from-class": "opacity-100",
             "leave-to-class": "opacity-0"
           }, {
             default: z(() => [
-              R(T(ai), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+              $(T(ai), { class: "absolute min-w-[12rem] z-40 mt-1 max-h-56 w-full overflow-auto rounded-md bg-gray-50 py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                 default: z(() => [
                   (S(!0), O(ve, null, Le(T(rs).backgroundColorVariables, (a) => (S(), xe(T(li), {
                     as: "template",
@@ -22488,13 +22488,13 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                         a === "none" ? (S(), O("div", O4, s[3] || (s[3] = [
                           g("span", { class: "material-symbols-outlined" }, " ev_shadow ", -1),
                           g("span", { class: "ml-3" }, "Transparent", -1)
-                        ]))) : $("", !0),
+                        ]))) : R("", !0),
                         a !== "none" ? (S(), O("div", P4, [
                           g("div", {
                             class: X(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${a.replace("bg-", "")}`])
                           }, null, 2),
                           g("span", A4, F(a), 1)
-                        ])) : $("", !0)
+                        ])) : R("", !0)
                       ], 2)
                     ]),
                     _: 2
@@ -22536,8 +22536,8 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
       }, b.value = function() {
         e.setShowModalTipTap(!1);
       };
-    }, E = L(() => e.getBasePrimaryImage), C = x(!1), y = x(!1), M = x(""), k = x(""), A = x(""), j = x(null), _ = x(null), P = x(null), v = x(null), I = x(null), q = function() {
-      y.value = !0, M.value = "Media Library", k.value = null, A.value = "Close", j.value = "Select image", P.value = function() {
+    }, E = L(() => e.getBasePrimaryImage), C = x(!1), y = x(!1), M = x(""), k = x(""), A = x(""), H = x(null), _ = x(null), P = x(null), v = x(null), I = x(null), W = function() {
+      y.value = !0, M.value = "Media Library", k.value = null, A.value = "Close", H.value = "Select image", P.value = function() {
         y.value = !1;
       }, v.value = function() {
         C.value = !0, o.updateBasePrimaryImage({ type: "unsplash" }), y.value = !1, C.value = !1;
@@ -22557,7 +22557,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
       };
     };
     return (se, ae) => (S(), O("div", null, [
-      R($n, {
+      $($n, {
         showDynamicModal: Z.value,
         maxWidth: "2xl",
         type: a.value,
@@ -22591,7 +22591,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
                   ]),
                   ne.value ? (S(), O("div", D4, [
                     g("p", R4, F(ne.value), 1)
-                  ])) : $("", !0)
+                  ])) : R("", !0)
                 ])
               ])
             ])
@@ -22600,7 +22600,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
         _: 1,
         __: [2]
       }, 8, ["showDynamicModal", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunction", "onSecondModalButtonFunction", "onThirdModalButtonFunction"]),
-      R($n, {
+      $($n, {
         simpleModal: !0,
         showDynamicModal: i.value,
         maxWidth: "5xl",
@@ -22618,18 +22618,18 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
         default: z(() => [
           ae[3] || (ae[3] = g("header", null, null, -1)),
           g("main", $4, [
-            R(i4)
+            $(i4)
           ])
         ]),
         _: 1,
         __: [3]
       }, 8, ["showDynamicModal", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunction", "onSecondModalButtonFunction", "onThirdModalButtonFunction"]),
-      R(Bg, {
+      $(Bg, {
         open: y.value,
         title: M.value,
         description: k.value,
         firstButtonText: A.value,
-        secondButtonText: j.value,
+        secondButtonText: H.value,
         thirdButtonText: _.value,
         customMediaComponent: T(t),
         onFirstMediaButtonFunction: P.value,
@@ -22647,7 +22647,7 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
               g("span", { class: "material-symbols-outlined" }, " play_circle ", -1),
               g("span", null, "Add YouTube", -1)
             ]))
-          ])) : $("", !0),
+          ])) : R("", !0),
           T(o).selectedElementIsValidText() && !T(o).ElOrFirstChildIsIframe() ? (S(), O(ve, { key: 1 }, [
             g("div", { class: "px-2 flex items-center justify-start gap-2" }, [
               g("button", {
@@ -22660,27 +22660,27 @@ const l4 = /* @__PURE__ */ ec(s4, [["render", a4]]), d4 = { class: "flex items-e
               ]))
             ]),
             g("div", j4, [
-              R(S4)
+              $(S4)
             ])
-          ], 64)) : $("", !0),
+          ], 64)) : R("", !0),
           n.value && s.value && E.value !== null && !T(o).ElOrFirstChildIsIframe() ? (S(), O("div", H4, [
             g("button", {
-              onClick: q,
+              onClick: W,
               type: "button",
               class: "text-[12.5px] gap-2 text-nowrap pl-2 pr-3 w-full h-10 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0"
             }, ae[6] || (ae[6] = [
               g("span", { class: "material-symbols-outlined" }, " add_photo_alternate ", -1),
               g("span", null, "Update image", -1)
             ]))
-          ])) : $("", !0),
-          n.value && Object.keys(n.value).length !== 0 && !E.value && !T(o).ElOrFirstChildIsIframe() ? (S(), O("div", V4, [
-            R(B4)
-          ])) : $("", !0)
+          ])) : R("", !0),
+          n.value && n.value.nodeType === 1 && !E.value && !T(o).ElOrFirstChildIsIframe() ? (S(), O("div", V4, [
+            $(B4)
+          ])) : R("", !0)
         ])
       ])
     ]));
   }
-}, W4 = [
+}, q4 = [
   {
     html_code: `
     <section>
@@ -22782,7 +22782,7 @@ class="border-2 border-gray-600 flex items-centre justify-start rounded-md font-
         </span>
         `
   }
-], q4 = () => `data:image/svg+xml,${encodeURIComponent(`
+], W4 = () => `data:image/svg+xml,${encodeURIComponent(`
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150">
       <defs>
         <style>
@@ -23078,7 +23078,7 @@ class="border-2 border-gray-600 flex items-centre justify-start rounded-md font-
       <text x="100" y="75" text-anchor="middle" fill="#718096" font-family="Arial, sans-serif" font-size="14">Preview</text>
     </svg>
   `;
-}, fe = q4(), G4 = [
+}, fe = W4(), G4 = [
   {
     components: {
       data: [
@@ -23223,13 +23223,13 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
       g("div", X4, [
         d[0] || (d[0] = g("h3", { class: "myQuaternaryHeader mb-4" }, "Helper Components", -1)),
         g("div", Q4, [
-          (S(!0), O(ve, null, Le(T(W4), (c) => (S(), O("div", {
+          (S(!0), O(ve, null, Le(T(q4), (c) => (S(), O("div", {
             key: c.title,
             class: "border border-gray-200 overflow-hidden hover:border-myPrimaryLinkColor duration-100 cursor-pointer p-4",
             onClick: (p) => i(c)
           }, [
             g("div", ek, [
-              $("", !0),
+              R("", !0),
               g("h4", tk, F(c.title), 1)
             ]),
             g("div", rk, " Click to add " + F(c.title.toLowerCase()) + " component ", 1)
@@ -23310,7 +23310,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
             r.CustomSearchComponent ? (S(), O("div", fk, [
               (S(), xe(mu(r.CustomSearchComponent)))
             ])) : (S(), O("div", bk, [
-              R(ck)
+              $(ck)
             ]))
           ])
         ]),
@@ -23322,7 +23322,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
               class: "mySecondaryButton",
               type: "button",
               onClick: o
-            }, F(r.firstButtonText), 513)) : $("", !0)
+            }, F(r.firstButtonText), 513)) : R("", !0)
           ])
         ])
       ]),
@@ -23342,12 +23342,12 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
   emits: ["slideOverButton"],
   setup(r, { emit: e }) {
     return (t, o) => (S(), xe(Yo, { to: "body" }, [
-      R(T(Xo), {
+      $(T(Xo), {
         as: "template",
         show: r.open
       }, {
         default: z(() => [
-          R(T(oi), {
+          $(T(oi), {
             as: "div",
             class: "relative z-40",
             onClick: o[1] || (o[1] = (n) => t.$emit("slideOverButton"))
@@ -23357,7 +23357,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
               g("div", xk, [
                 g("div", kk, [
                   g("div", Sk, [
-                    R(T(ur), {
+                    $(T(ur), {
                       as: "template",
                       enter: "transform transition ease-in-out duration-200 sm:duration-200",
                       "enter-from": "translate-x-full",
@@ -23367,12 +23367,12 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                       "leave-to": "translate-x-full"
                     }, {
                       default: z(() => [
-                        R(T(rm), { class: "pointer-events-auto w-96 max-w-md" }, {
+                        $(T(rm), { class: "pointer-events-auto w-96 max-w-md" }, {
                           default: z(() => [
                             g("div", Ck, [
                               g("div", Ek, [
                                 g("div", Mk, [
-                                  R(T(ad), { class: "myTertiaryHeader my-0" }, {
+                                  $(T(ad), { class: "myTertiaryHeader my-0" }, {
                                     default: z(() => [
                                       De(F(r.title), 1)
                                     ]),
@@ -23388,7 +23388,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                                   ])
                                 ]),
                                 g("div", Ok, [
-                                  qt(t.$slots, "default")
+                                  Wt(t.$slots, "default")
                                 ])
                               ])
                             ])
@@ -23423,12 +23423,12 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
   emits: ["slideOverButton"],
   setup(r, { emit: e }) {
     return (t, o) => (S(), xe(Yo, { to: "body" }, [
-      R(T(Xo), {
+      $(T(Xo), {
         as: "template",
         show: r.open
       }, {
         default: z(() => [
-          R(T(oi), {
+          $(T(oi), {
             as: "div",
             class: "relative z-40",
             onClick: o[1] || (o[1] = (n) => t.$emit("slideOverButton"))
@@ -23438,7 +23438,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
               g("div", Ak, [
                 g("div", Bk, [
                   g("div", Lk, [
-                    R(T(ur), {
+                    $(T(ur), {
                       as: "template",
                       enter: "transform transition ease-in-out duration-200 sm:duration-200",
                       "enter-from": "translate-x-full",
@@ -23448,12 +23448,12 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                       "leave-to": "translate-x-full"
                     }, {
                       default: z(() => [
-                        R(T(rm), { class: "pointer-events-auto w-96 max-w-md" }, {
+                        $(T(rm), { class: "pointer-events-auto w-96 max-w-md" }, {
                           default: z(() => [
                             g("div", Nk, [
                               g("div", Ik, [
                                 g("div", Dk, [
-                                  R(T(ad), { class: "myTertiaryHeader my-0" }, {
+                                  $(T(ad), { class: "myTertiaryHeader my-0" }, {
                                     default: z(() => [
                                       De(F(r.title), 1)
                                     ]),
@@ -23469,7 +23469,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                                   ])
                                 ]),
                                 g("div", $k, [
-                                  qt(t.$slots, "default")
+                                  Wt(t.$slots, "default")
                                 ])
                               ])
                             ])
@@ -23497,24 +23497,24 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
 }, Uk = {
   key: 1,
   class: "text-xs pb-2"
-}, Wk = {
+}, qk = {
   key: 2,
   class: "text-xs pb-2"
-}, qk = {
+}, Wk = {
   key: 3,
   class: "text-xs pb-2"
-}, Kk = { class: "text-xs pb-2" }, Gk = { class: "overflow-hidden bg-gray-900 max-w-2xl" }, Jk = { class: "flex bg-gray-800/40 ring-1 ring-white/5" }, Yk = { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, Xk = { class: "px-4 pb-8 pt-4 text-white text-xs break-all" }, Qk = { key: 0 }, Zk = { key: 0 }, e6 = { class: "flex flex-col gap-4 border-b border-white mb-4 pb-4" }, t6 = { class: "whitespace-pre-line leading-5" }, r6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, o6 = { class: "whitespace-pre-line leading-5" }, n6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, i6 = { class: "whitespace-pre-line leading-5" }, s6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, a6 = { class: "whitespace-pre-line leading-5" }, l6 = { class: "flex flex-col gap-2 mt-4" }, d6 = { class: "whitespace-pre-line leading-5" }, c6 = { key: 1 }, p6 = { key: 0 }, u6 = { class: "pb-2" }, m6 = { key: 1 }, h6 = { class: "pb-2" }, g6 = { class: "whitespace-pre-line leading-5 mt-4" }, f6 = { key: 2 }, b6 = { key: 0 }, y6 = { class: "pb-2" }, w6 = { key: 1 }, v6 = { class: "pb-2" }, x6 = { class: "whitespace-pre-line leading-5 mt-4" }, k6 = {
+}, Kk = { class: "text-xs pb-2" }, Gk = { class: "overflow-hidden bg-gray-900 max-w-2xl" }, Jk = { class: "flex bg-gray-800/40 ring-1 ring-white/5" }, Yk = { class: "-mb-px flex text-xs font-medium text-myPrimaryMediumGrayColor" }, Xk = { class: "px-4 pb-8 pt-4 text-white text-xs break-all" }, Qk = { key: 0 }, Zk = { key: 0 }, e6 = { class: "pb-2" }, t6 = { key: 1 }, r6 = { class: "flex flex-col gap-4 border-b border-white mb-4 pb-4" }, o6 = { class: "whitespace-pre-line leading-5" }, n6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, i6 = { class: "whitespace-pre-line leading-5" }, s6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, a6 = { class: "whitespace-pre-line leading-5" }, l6 = { class: "flex flex-col gap-2 mt-4 border-b border-white mb-4 pb-4" }, d6 = { class: "whitespace-pre-line leading-5" }, c6 = { key: 1 }, p6 = { key: 0 }, u6 = { class: "pb-2" }, m6 = { key: 1 }, h6 = { class: "pb-2" }, g6 = { class: "whitespace-pre-line leading-5 mt-4" }, f6 = { key: 2 }, b6 = { key: 0 }, y6 = { class: "pb-2" }, w6 = { key: 1 }, v6 = { class: "pb-2" }, x6 = { class: "whitespace-pre-line leading-5 mt-4" }, k6 = {
   __name: "AdvancedPageBuilderSettings",
   setup(r) {
     const e = re("pageBuilderStateStore"), t = L(() => e.getElement), o = L(() => e.getComponent), n = L(() => e.getComponents), i = x("element"), s = function(a) {
       i.value = a;
     };
     return (a, l) => {
-      var d, c, p, u, m, h, f, b, w, E, C, y, M, k, A;
+      var d, c, p, u, m, h, f, b, w, E, C, y;
       return S(), O("div", _k, [
         g("div", Fk, [
-          l[19] || (l[19] = g("h4", { class: "myQuaternaryHeader" }, "Selected HTML", -1)),
-          l[20] || (l[20] = g("p", { class: "myPrimaryParagraph text-xs" }, " Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection. ", -1)),
+          l[18] || (l[18] = g("h4", { class: "myQuaternaryHeader" }, "Selected HTML", -1)),
+          l[19] || (l[19] = g("p", { class: "myPrimaryParagraph text-xs" }, " Overview of Selected Element, Component, and Components. This section provides real-time updates based on your HTML selection. ", -1)),
           g("div", null, [
             l[8] || (l[8] = g("h4", { class: "myPrimaryParagraph text-sm pb-2" }, "Types", -1)),
             g("div", jk, [
@@ -23524,19 +23524,19 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                 ])
               ], -1)),
               g("div", Hk, [
-                t.value === null || t.value === void 0 ? (S(), O("p", Vk)) : $("", !0),
+                t.value === null || t.value === void 0 ? (S(), O("p", Vk)) : R("", !0),
                 t.value !== null && t.value !== void 0 ? (S(), O("p", Uk, [
                   l[3] || (l[3] = g("span", null, "Element type: ", -1)),
                   g("span", null, F(typeof t.value), 1)
-                ])) : $("", !0),
-                o.value === null || o.value === void 0 ? (S(), O("p", Wk, [
+                ])) : R("", !0),
+                o.value === null || o.value === void 0 ? (S(), O("p", qk, [
                   l[4] || (l[4] = g("span", null, "Component type: ", -1)),
                   De(" " + F(JSON.stringify(o.value)), 1)
-                ])) : $("", !0),
-                o.value !== null && o.value !== void 0 ? (S(), O("p", qk, [
+                ])) : R("", !0),
+                o.value !== null && o.value !== void 0 ? (S(), O("p", Wk, [
                   l[5] || (l[5] = g("span", null, "Component type: ", -1)),
                   g("span", null, F(Array.isArray(o.value) === !0 ? "array" : typeof o.value), 1)
-                ])) : $("", !0),
+                ])) : R("", !0),
                 g("p", Kk, [
                   l[6] || (l[6] = g("span", null, "Components: ", -1)),
                   g("span", null, F(Array.isArray(n.value) === !0 ? "array" : typeof n.value), 1)
@@ -23545,80 +23545,79 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
             ])
           ]),
           g("div", null, [
-            l[18] || (l[18] = g("h4", { class: "myPrimaryParagraph text-sm pb-2" }, "Content", -1)),
+            l[17] || (l[17] = g("h4", { class: "myPrimaryParagraph text-sm pb-2" }, "Content", -1)),
             g("div", Gk, [
               g("div", Jk, [
                 g("div", Yk, [
                   g("div", {
-                    onClick: l[0] || (l[0] = (j) => s("element")),
+                    onClick: l[0] || (l[0] = (M) => s("element")),
                     class: X(["px-4 py-4 cursor-pointer", [i.value === "element" ? "text-white" : ""]])
                   }, " Element ", 2),
                   g("div", {
-                    onClick: l[1] || (l[1] = (j) => s("component")),
+                    onClick: l[1] || (l[1] = (M) => s("component")),
                     class: X(["px-4 py-4 cursor-pointer", [i.value === "component" ? "text-white" : ""]])
                   }, " Component ", 2),
                   g("div", {
-                    onClick: l[2] || (l[2] = (j) => s("components")),
+                    onClick: l[2] || (l[2] = (M) => s("components")),
                     class: X(["px-4 py-4 cursor-pointer", [i.value === "components" ? "text-white" : ""]])
                   }, " Components " + F(Array.isArray(n.value) && n.value.length), 3)
                 ])
               ]),
               g("div", Xk, [
                 i.value === "element" ? (S(), O("div", Qk, [
-                  t.value ? (S(), O("div", Zk, [
-                    g("div", e6, [
-                      l[9] || (l[9] = g("p", null, "Selected element outerHTML:", -1)),
-                      g("p", t6, F((d = t.value) == null ? void 0 : d.outerHTML), 1)
-                    ]),
+                  o.value ? R("", !0) : (S(), O("div", Zk, [
+                    g("p", e6, F(o.value === null ? "NULL" : typeof o.value), 1)
+                  ])),
+                  t.value ? (S(), O("div", t6, [
                     g("div", r6, [
-                      l[10] || (l[10] = g("p", null, "Selected element src:", -1)),
-                      g("p", o6, F((c = t.value) != null && c.src ? (p = t.value) == null ? void 0 : p.src : typeof ((u = t.value) == null ? void 0 : u.src)), 1)
+                      l[9] || (l[9] = g("p", null, "Selected HTML:", -1)),
+                      g("p", o6, F((d = t.value) == null ? void 0 : d.outerHTML), 1)
                     ]),
                     g("div", n6, [
-                      l[11] || (l[11] = g("p", null, "Selected element href:", -1)),
-                      g("p", i6, F((m = t.value) != null && m.href ? (h = t.value) == null ? void 0 : h.href : typeof ((f = t.value) == null ? void 0 : f.href)), 1)
+                      l[10] || (l[10] = g("p", null, "Selected element src:", -1)),
+                      g("p", i6, F((c = t.value) != null && c.src ? (p = t.value) == null ? void 0 : p.src : typeof ((u = t.value) == null ? void 0 : u.src)), 1)
                     ]),
                     g("div", s6, [
-                      l[12] || (l[12] = g("p", null, "Selected element class:", -1)),
-                      g("p", a6, F((b = t.value) != null && b.classList ? (w = t.value) == null ? void 0 : w.classList : typeof ((E = t.value) == null ? void 0 : E.classList)), 1)
+                      l[11] || (l[11] = g("p", null, "Selected element href:", -1)),
+                      g("p", a6, F((m = t.value) != null && m.href ? (h = t.value) == null ? void 0 : h.href : typeof ((f = t.value) == null ? void 0 : f.href)), 1)
                     ]),
                     g("div", l6, [
-                      l[13] || (l[13] = g("p", null, "Selected element style:", -1)),
-                      g("p", d6, F((C = t.value) != null && C.style ? JSON.stringify((y = t.value) == null ? void 0 : y.style) : typeof ((M = t.value) == null ? void 0 : M.style)), 1)
+                      l[12] || (l[12] = g("p", null, "Selected element class:", -1)),
+                      g("p", d6, F((b = t.value) != null && b.classList ? (w = t.value) == null ? void 0 : w.classList : typeof ((E = t.value) == null ? void 0 : E.classList)), 1)
                     ])
-                  ])) : $("", !0)
-                ])) : $("", !0),
+                  ])) : R("", !0)
+                ])) : R("", !0),
                 i.value === "component" ? (S(), O("div", c6, [
-                  o.value ? $("", !0) : (S(), O("div", p6, [
+                  o.value ? R("", !0) : (S(), O("div", p6, [
                     g("p", u6, F(o.value === null ? "NULL" : typeof o.value), 1)
                   ])),
                   o.value ? (S(), O("div", m6, [
-                    g("p", h6, " Component ID: " + F((k = o.value) == null ? void 0 : k.id), 1),
+                    g("p", h6, " Component ID: " + F((C = o.value) == null ? void 0 : C.id), 1),
                     g("p", g6, [
-                      l[14] || (l[14] = De(" Component HTML:")),
-                      l[15] || (l[15] = g("br", null, null, -1)),
-                      De(" " + F((A = o.value) == null ? void 0 : A.html_code), 1)
+                      l[13] || (l[13] = De(" Component HTML:")),
+                      l[14] || (l[14] = g("br", null, null, -1)),
+                      De(" " + F((y = o.value) == null ? void 0 : y.html_code), 1)
                     ])
-                  ])) : $("", !0)
-                ])) : $("", !0),
+                  ])) : R("", !0)
+                ])) : R("", !0),
                 i.value === "components" ? (S(), O("div", f6, [
-                  n.value ? $("", !0) : (S(), O("div", b6, [
+                  n.value ? R("", !0) : (S(), O("div", b6, [
                     g("p", y6, F(n.value === null ? "NULL" : typeof n.value), 1)
                   ])),
                   n.value ? (S(), O("div", w6, [
-                    (S(!0), O(ve, null, Le(n.value, (j) => (S(), O("div", {
+                    (S(!0), O(ve, null, Le(n.value, (M) => (S(), O("div", {
                       class: "border-b border-white mb-4 pb-4 last:border-none",
-                      key: j.id
+                      key: M.id
                     }, [
-                      g("p", v6, " Component ID: " + F(j.id), 1),
+                      g("p", v6, " Component ID: " + F(M.id), 1),
                       g("p", x6, [
-                        l[16] || (l[16] = De(" Component HTML:")),
-                        l[17] || (l[17] = g("br", null, null, -1)),
-                        De(" " + F(j.html_code), 1)
+                        l[15] || (l[15] = De(" Component HTML:")),
+                        l[16] || (l[16] = g("br", null, null, -1)),
+                        De(" " + F(M.html_code), 1)
                       ])
                     ]))), 128))
-                  ])) : $("", !0)
-                ])) : $("", !0)
+                  ])) : R("", !0)
+                ])) : R("", !0)
               ])
             ])
           ])
@@ -23645,13 +23644,13 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
       n.value = a.value.map((c) => c.html_code), l("downloaded_html.html", n.value.join(""));
     };
     return (c, p) => (S(), O("div", null, [
-      R(zk, {
+      $(zk, {
         open: t.value,
         title: o.value,
         onSlideOverButton: s
       }, {
         default: z(() => [
-          R(k6)
+          $(k6)
         ]),
         _: 1
       }, 8, ["open", "title"]),
@@ -23697,23 +23696,23 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
       }, w.value = function() {
         i.deleteAllComponents(), t.setComponents(null), a.value = !1;
       };
-    }, j = function() {
-      t.setComponent(null), C.value = "Settings", E.value = !0;
+    }, H = function() {
+      C.value = "Settings", E.value = !0;
     }, _ = function() {
-      t.setComponent(null), E.value = !1;
+      E.value = !1;
     };
     return (P, v) => (S(), O("div", null, [
-      R(Pk, {
+      $(Pk, {
         open: E.value,
         title: C.value,
         onSlideOverButton: _
       }, {
         default: z(() => [
-          R(E6)
+          $(E6)
         ]),
         _: 1
       }, 8, ["open", "title"]),
-      R($n, {
+      $($n, {
         showDynamicModal: a.value,
         type: l.value,
         gridColumnAmount: d.value,
@@ -23733,13 +23732,13 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
         _: 1,
         __: [0]
       }, 8, ["showDynamicModal", "type", "gridColumnAmount", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "onFirstModalButtonFunction", "onSecondModalButtonFunction", "onThirdModalButtonFunction"]),
-      R(T($1), {
+      $(T($1), {
         as: "div",
         class: "myPrimaryParagraph relative lg:inline-block hidden text-left"
       }, {
         default: z(() => [
           g("div", null, [
-            R(T(z1), { class: "inline-flex items-center gap-2 justify-center w-full rounded-md border border-gray-300 shadow-sm pl-4 pr-6 py-2 bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-emerald-600" }, {
+            $(T(z1), { class: "inline-flex items-center gap-2 justify-center w-full rounded-md border border-gray-300 shadow-sm pl-4 pr-6 py-2 bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-emerald-600" }, {
               default: z(() => v[1] || (v[1] = [
                 g("span", { class: "material-symbols-outlined text-[16px]" }, " keyboard_command_key ", -1),
                 g("span", { class: "text-sm" }, " Options ", -1)
@@ -23748,7 +23747,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
               __: [1]
             })
           ]),
-          R(Dt, {
+          $(Dt, {
             "enter-active-class": "transition ease-out duration-100",
             "enter-from-class": "transform opacity-0 scale-95",
             "enter-to-class": "transform opacity-100 scale-100",
@@ -23757,7 +23756,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
             "leave-to-class": "transform opacity-0 scale-95"
           }, {
             default: z(() => [
-              R(T(_1), { class: "z-50 origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none" }, {
+              $(T(_1), { class: "z-50 origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none" }, {
                 default: z(() => [
                   g("div", M6, [
                     o.value && o.value.name ? (S(), xe(T(cn), { key: 0 }, {
@@ -23777,7 +23776,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                         ], 2)
                       ]),
                       _: 1
-                    })) : $("", !0),
+                    })) : R("", !0),
                     n.value && n.value.title ? (S(), xe(T(cn), { key: 1 }, {
                       default: z(({ active: I }) => [
                         g("div", {
@@ -23795,8 +23794,8 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                         ], 2)
                       ]),
                       _: 1
-                    })) : $("", !0),
-                    R(T(cn), null, {
+                    })) : R("", !0),
+                    $(T(cn), null, {
                       default: z(({ active: I }) => [
                         g("div", {
                           onClick: k,
@@ -23815,10 +23814,10 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                       ]),
                       _: 1
                     }),
-                    R(T(cn), null, {
+                    $(T(cn), null, {
                       default: z(({ active: I }) => [
                         g("div", {
-                          onClick: j,
+                          onClick: H,
                           class: X(["cursor-pointer", [
                             I ? "bg-myPrimaryLightGrayColor text-gray-900" : "text-gray-700",
                             "block px-4 py-2"
@@ -23834,7 +23833,7 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
                       ]),
                       _: 1
                     }),
-                    R(T(cn), null, {
+                    $(T(cn), null, {
                       default: z(({ active: I }) => [
                         g("div", {
                           onClick: A,
@@ -23863,12 +23862,12 @@ const Y4 = { class: "p-4" }, X4 = { class: "mb-8" }, Q4 = { class: "grid grid-co
         ]),
         _: 1
       }),
-      R(lm, {
+      $(lm, {
         show: y.value,
         onFirstPageBuilderPreviewModalButton: M.value
       }, {
         default: z(() => [
-          R(dm)
+          $(dm)
         ]),
         _: 1
       }, 8, ["show", "onFirstPageBuilderPreviewModalButton"])
@@ -23896,15 +23895,15 @@ function I6(r, e, t, o, n, i) {
       onClick: e[0] || (e[0] = (s) => o.expanded = !o.expanded)
     }, [
       g("p", B6, [
-        qt(r.$slots, "title")
+        Wt(r.$slots, "title")
       ]),
-      o.expanded ? (S(), O("span", L6, " keyboard_arrow_down ")) : $("", !0),
-      o.expanded ? $("", !0) : (S(), O("span", N6, " chevron_right "))
+      o.expanded ? (S(), O("span", L6, " keyboard_arrow_down ")) : R("", !0),
+      o.expanded ? R("", !0) : (S(), O("span", N6, " chevron_right "))
     ]),
     g("div", {
       class: X([[o.expanded ? "block" : "hidden"], "px-4 ease-linear duration-75 bg-white mt-4"])
     }, [
-      qt(r.$slots, "content")
+      Wt(r.$slots, "content")
     ], 2)
   ], 2);
 }
@@ -23964,7 +23963,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
       _: 1
     }));
   }
-}, V6 = { key: 0 }, U6 = ["src"], W6 = {
+}, V6 = { key: 0 }, U6 = ["src"], q6 = {
   __name: "ImageEditor",
   setup(r) {
     const e = re("pageBuilderStateStore"), t = re("CustomMediaComponent"), o = new Qe(e), n = x(!1), i = x(!1), s = x(""), a = x(""), l = x(""), d = x(null), c = x(null), p = x(null), u = x(null), m = x(null), h = L(() => e.getBasePrimaryImage), f = function() {
@@ -23982,8 +23981,8 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
           onClick: f,
           alt: "image"
         }, null, 8, U6)
-      ])) : $("", !0),
-      R(Bg, {
+      ])) : R("", !0),
+      $(Bg, {
         open: i.value,
         title: s.value,
         description: a.value,
@@ -23997,7 +23996,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
       }, null, 8, ["open", "title", "description", "firstButtonText", "secondButtonText", "thirdButtonText", "customMediaComponent", "onFirstMediaButtonFunction", "onSecondMediaButtonFunction", "onThirdMediaButtonFunction"])
     ]));
   }
-}, q6 = { class: "my-3 py-3" }, K6 = { class: "relative" }, G6 = { class: "flex items-center gap-2" }, J6 = { key: 0 }, Y6 = { class: "flex items-center" }, X6 = {
+}, W6 = { class: "my-3 py-3" }, K6 = { class: "relative" }, G6 = { class: "flex items-center gap-2" }, J6 = { key: 0 }, Y6 = { class: "flex items-center" }, X6 = {
   key: 0,
   class: "aspect-square w-6 h-6"
 }, Q6 = {
@@ -24016,27 +24015,27 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
         o.value = i, t.handlePageBuilderMethods();
       },
       { immediate: !0 }
-    ), (i, s) => (S(), O("div", q6, [
+    ), (i, s) => (S(), O("div", W6, [
       s[4] || (s[4] = g("label", { class: "myPrimaryInputLabel" }, " Background opacity", -1)),
-      R(T(ii), {
+      $(T(ii), {
         as: "div",
         modelValue: o.value,
         "onUpdate:modelValue": s[0] || (s[0] = (a) => o.value = a)
       }, {
         default: z(() => [
           g("div", K6, [
-            R(T(si), { class: "myPrimarySelect" }, {
+            $(T(si), { class: "myPrimarySelect" }, {
               default: z(() => [
                 g("span", G6, [
                   o.value === "none" ? (S(), O("div", J6, s[1] || (s[1] = [
                     g("div", { class: "myPrimaryColorPreview border-none" }, [
                       g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
-                  ]))) : $("", !0),
+                  ]))) : R("", !0),
                   o.value !== "none" ? (S(), O("div", {
                     key: 1,
                     class: X(["aspect-square w-6 h-6 bg-gray-950", `${o.value}`])
-                  }, null, 2)) : $("", !0),
+                  }, null, 2)) : R("", !0),
                   g("span", {
                     class: X(["block truncate", [(o.value !== "none", "")]])
                   }, F(o.value === "none" ? "Transparent" : o.value), 3)
@@ -24048,13 +24047,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               _: 1,
               __: [2]
             }),
-            R(Dt, {
+            $(Dt, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: z(() => [
-                R(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+                $(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                   default: z(() => [
                     (S(!0), O(ve, null, Le(T(ns).backgroundOpacities, (a) => (S(), xe(T(li), {
                       as: "template",
@@ -24074,13 +24073,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                               g("div", { class: "myPrimaryColorPreview border-none" }, [
                                 g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
-                            ]))) : $("", !0),
+                            ]))) : R("", !0),
                             a !== "none" ? (S(), O("div", {
                               key: 1,
                               class: X(["aspect-square w-6 h-6 bg-gray-950", `${a}`])
-                            }, null, 2)) : $("", !0),
-                            a !== "none" ? (S(), O("span", Q6, F(a), 1)) : $("", !0),
-                            a === "none" ? (S(), O("span", Z6, "Transparent")) : $("", !0)
+                            }, null, 2)) : R("", !0),
+                            a !== "none" ? (S(), O("span", Q6, F(a), 1)) : R("", !0),
+                            a === "none" ? (S(), O("span", Z6, "Transparent")) : R("", !0)
                           ])
                         ], 2)
                       ]),
@@ -24116,25 +24115,25 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
       { immediate: !0 }
     ), (i, s) => (S(), O("div", tS, [
       s[4] || (s[4] = g("label", { class: "myPrimaryInputLabel" }, " Opacity", -1)),
-      R(T(ii), {
+      $(T(ii), {
         as: "div",
         modelValue: o.value,
         "onUpdate:modelValue": s[0] || (s[0] = (a) => o.value = a)
       }, {
         default: z(() => [
           g("div", rS, [
-            R(T(si), { class: "myPrimarySelect" }, {
+            $(T(si), { class: "myPrimarySelect" }, {
               default: z(() => [
                 g("span", oS, [
                   o.value === "none" ? (S(), O("div", nS, s[1] || (s[1] = [
                     g("div", { class: "myPrimaryColorPreview border-none" }, [
                       g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                     ], -1)
-                  ]))) : $("", !0),
+                  ]))) : R("", !0),
                   o.value !== "none" ? (S(), O("div", {
                     key: 1,
                     class: X(["aspect-square w-6 h-6 bg-gray-950", `${o.value}`])
-                  }, null, 2)) : $("", !0),
+                  }, null, 2)) : R("", !0),
                   g("span", {
                     class: X(["block truncate", [(o.value !== "none", "")]])
                   }, F(o.value === "none" ? "Transparent" : o.value), 3)
@@ -24146,13 +24145,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               _: 1,
               __: [2]
             }),
-            R(Dt, {
+            $(Dt, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: z(() => [
-                R(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+                $(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                   default: z(() => [
                     (S(!0), O(ve, null, Le(T(ns).opacities, (a) => (S(), xe(T(li), {
                       as: "template",
@@ -24172,13 +24171,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                               g("div", { class: "myPrimaryColorPreview border-none" }, [
                                 g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                               ], -1)
-                            ]))) : $("", !0),
+                            ]))) : R("", !0),
                             a !== "none" ? (S(), O("div", {
                               key: 1,
                               class: X(["aspect-square w-6 h-6 bg-gray-950", `${a}`])
-                            }, null, 2)) : $("", !0),
-                            a === "none" ? (S(), O("span", aS, "Transparent")) : $("", !0),
-                            a !== "none" ? (S(), O("span", lS, F(a), 1)) : $("", !0)
+                            }, null, 2)) : R("", !0),
+                            a === "none" ? (S(), O("span", aS, "Transparent")) : R("", !0),
+                            a !== "none" ? (S(), O("span", lS, F(a), 1)) : R("", !0)
                           ])
                         ], 2)
                       ]),
@@ -24204,8 +24203,8 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
         De("Opacity settings")
       ])),
       content: z(() => [
-        R(dS),
-        R(eS)
+        $(dS),
+        $(eS)
       ]),
       _: 1
     }));
@@ -24504,14 +24503,14 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
           ])
         ]),
         c[14] || (c[14] = g("label", { class: "myPrimaryInputLabel" }, " Border Color ", -1)),
-        R(T(ii), {
+        $(T(ii), {
           as: "div",
           modelValue: i.value,
           "onUpdate:modelValue": c[5] || (c[5] = (p) => i.value = p)
         }, {
           default: z(() => [
             g("div", CS, [
-              R(T(si), { class: "myPrimarySelect" }, {
+              $(T(si), { class: "myPrimarySelect" }, {
                 default: z(() => {
                   var p;
                   return [
@@ -24520,11 +24519,11 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                         g("div", { class: "myPrimaryColorPreview border-none" }, [
                           g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                         ], -1)
-                      ]))) : $("", !0),
+                      ]))) : R("", !0),
                       i.value !== "none" ? (S(), O("div", {
                         key: 1,
                         class: X(["aspect-square w-6 h-6 border border-gray-100 rounded-sm", `bg-${(p = i.value) == null ? void 0 : p.replace("border-", "")}`])
-                      }, null, 2)) : $("", !0),
+                      }, null, 2)) : R("", !0),
                       g("span", TS, F(i.value), 1)
                     ]),
                     c[12] || (c[12] = g("span", { class: "pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2" }, [
@@ -24535,13 +24534,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                 _: 1,
                 __: [12]
               }),
-              R(Dt, {
+              $(Dt, {
                 "leave-active-class": "transition ease-in duration-100",
                 "leave-from-class": "opacity-100",
                 "leave-to-class": "opacity-0"
               }, {
                 default: z(() => [
-                  R(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
+                  $(T(ai), { class: "absolute z-10 mt-1 max-h-56 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm" }, {
                     default: z(() => [
                       (S(!0), O(ve, null, Le(T($o).borderColor, (p) => (S(), xe(T(li), {
                         as: "template",
@@ -24561,13 +24560,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                                 g("div", { class: "myPrimaryColorPreview border-none" }, [
                                   g("span", { class: "material-symbols-outlined" }, " ev_shadow ")
                                 ], -1)
-                              ]))) : $("", !0),
+                              ]))) : R("", !0),
                               p !== "none" ? (S(), O("div", {
                                 key: 1,
                                 class: X(["aspect-square w-6 h-6 bg-gray-950", `bg-${p.replace("border-", "")}`])
-                              }, null, 2)) : $("", !0),
-                              p === "none" ? (S(), O("span", AS, "Transparent")) : $("", !0),
-                              p !== "none" ? (S(), O("span", BS, F(p), 1)) : $("", !0)
+                              }, null, 2)) : R("", !0),
+                              p === "none" ? (S(), O("span", AS, "Transparent")) : R("", !0),
+                              p !== "none" ? (S(), O("span", BS, F(p), 1)) : R("", !0)
                             ])
                           ], 2)
                         ]),
@@ -24607,7 +24606,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               g("span", null, "Edit text", -1)
             ]))
           ])
-        ])) : $("", !0)
+        ])) : R("", !0)
       ])
     ]));
   }
@@ -24637,7 +24636,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               g("span", { class: "material-symbols-outlined" }, " undo ", -1),
               g("span", null, "Undo", -1)
             ]))
-          ])) : $("", !0),
+          ])) : R("", !0),
           o.value && !n.value ? (S(), O("div", zS, [
             g("button", {
               onClick: s[1] || (s[1] = (...a) => T(t).handleDeleteElement && T(t).handleDeleteElement(...a)),
@@ -24647,13 +24646,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               g("span", { class: "material-symbols-outlined" }, " delete ", -1),
               g("span", { class: "hover:text-white" }, "Delete element", -1)
             ]))
-          ])) : $("", !0)
+          ])) : R("", !0)
         ])
       ]),
       _: 1
     }));
   }
-}, FS = { class: "h-full w-80 bg-white" }, jS = { class: "h-screen flex flex-col" }, HS = { class: "flex flex-row justify-between pt-2.5 pr-4 pl-4 items-center mb-3" }, VS = { class: "font-medium text-sm" }, US = { class: "lowercase" }, WS = { class: "pl-3 pr-3 mb-4 overflow-y-scroll md:pb-24 pb-12" }, qS = {
+}, FS = { class: "h-full w-80 bg-white" }, jS = { class: "h-screen flex flex-col" }, HS = { class: "flex flex-row justify-between pt-2.5 pr-4 pl-4 items-center mb-3" }, VS = { class: "font-medium text-sm" }, US = { class: "lowercase" }, qS = { class: "pl-3 pr-3 mb-4 overflow-y-scroll md:pb-24 pb-12" }, WS = {
   __name: "RightSidebarEditor",
   emits: ["closeEditor"],
   setup(r, { emit: e }) {
@@ -24676,37 +24675,37 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
             g("span", US, "<" + F(n.value) + ">", 1)
           ])
         ]),
-        g("div", WS, [
+        g("div", qS, [
           at(g("div", null, [
             g("article", null, [
-              R(W6)
+              $(q6)
             ]),
             g("article", null, [
-              R(RS)
+              $(RS)
             ]),
-            $("", !0),
-            $("", !0),
+            R("", !0),
+            R("", !0),
             g("article", null, [
-              R(cS)
+              $(cS)
             ]),
             g("article", null, [
-              R(gS)
+              $(gS)
             ]),
             g("article", null, [
-              R(xS)
+              $(xS)
             ]),
             g("article", null, [
-              R(LS)
+              $(LS)
             ]),
             g("article", null, [
-              R(H6)
+              $(H6)
             ])
           ], 512), [
-            [qg, i.value === !0]
+            [Wg, i.value === !0]
           ]),
           g("div", null, [
             g("article", null, [
-              R(_S)
+              $(_S)
             ])
           ]),
           a[3] || (a[3] = g("article", { class: "min-h-[12em]" }, null, -1))
@@ -24756,7 +24755,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
     }
   },
   setup(r) {
-    const e = "v3.0.34", t = r, o = wf(), n = ed(o);
+    const e = "v3.1.1", t = r, o = wf(), n = ed(o);
     t.PageBuilderLogo && n.setPageBuilderLogo(t.PageBuilderLogo);
     const i = L(() => n.getPageBuilderLogo);
     t.resourceData && n.setCurrentResourceData(t.resourceData), t.userForPageBuilder && n.setCurrentUser(t.userForPageBuilder), n.setUpdateOrCreate(t.updateOrCreate);
@@ -24784,11 +24783,11 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
     pe(A, (P, v) => {
       ((P == null ? void 0 : P.src) !== (v == null ? void 0 : v.src) || (P == null ? void 0 : P.href) !== (v == null ? void 0 : v.href) || (P == null ? void 0 : P.style) !== (v == null ? void 0 : v.style) || (P == null ? void 0 : P.class) !== (v == null ? void 0 : v.class) || (P == null ? void 0 : P.dataImage) !== (v == null ? void 0 : v.dataImage)) && (s.handlePageBuilderMethods(), s.setEventListenersForElements());
     });
-    const j = function(P) {
+    const H = function(P) {
       n.setComponent(P);
     }, _ = x(null);
     return Se(async () => {
-      s.updateLocalStorageItemName(), s.setEventListenersForElements(), s.loadExistingContent();
+      s.updateLocalStorageItemName(), s.setEventListenersForElements(), s.loadExistingContent(), s.removeHoveredAndSelected();
     }), (P, v) => (S(), O("div", KS, [
       m.value ? (S(), xe(vk, {
         key: 0,
@@ -24797,13 +24796,13 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
         title: h.value,
         CustomSearchComponent: t.CustomSearchComponent,
         onFirstModalButtonSearchComponentsFunction: b.value
-      }, null, 8, ["show", "firstButtonText", "title", "CustomSearchComponent", "onFirstModalButtonSearchComponentsFunction"])) : $("", !0),
-      R(lm, {
+      }, null, 8, ["show", "firstButtonText", "title", "CustomSearchComponent", "onFirstModalButtonSearchComponentsFunction"])) : R("", !0),
+      $(lm, {
         show: c.value,
         onFirstPageBuilderPreviewModalButton: p.value
       }, {
         default: z(() => [
-          R(dm)
+          $(dm)
         ]),
         _: 1
       }, 8, ["show", "onFirstPageBuilderPreviewModalButton"]),
@@ -24820,7 +24819,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                   src: i.value,
                   alt: "Logo"
                 }, null, 8, QS)
-              ])) : $("", !0),
+              ])) : R("", !0),
               g("button", {
                 class: "myPrimaryButton lg:text-sm text-[10px] lg:py-2 py-2 min-h-2 ml-4",
                 onClick: v[0] || (v[0] = (...I) => T(s).saveComponentsLocalStorage && T(s).saveComponentsLocalStorage(...I)),
@@ -24915,7 +24914,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
               g("div", {
                 onClick: v[5] || (v[5] = Po((I) => T(n).setComponent(null), ["self"]))
               }, [
-                k.value ? (S(), xe(_0, { key: 0 })) : $("", !0)
+                k.value ? (S(), xe(_0, { key: 0 })) : R("", !0)
               ])
             ])
           ]),
@@ -24935,7 +24934,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                 onClick: v[8] || (v[8] = Po((I) => T(n).setComponent(null), ["self"])),
                 class: "w-4/12 flex justify-center py-2"
               }, [
-                R(P6, { onPreviewCurrentDesign: d })
+                $(P6, { onPreviewCurrentDesign: d })
               ]),
               g("div", {
                 onClick: v[12] || (v[12] = Po((I) => T(n).setComponent(null), ["self"])),
@@ -24982,12 +24981,12 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                           g("span", { class: "myMediumIcon material-symbols-outlined" }, " tune ")
                         ])
                       ], -1)
-                    ]))) : $("", !0)
+                    ]))) : R("", !0)
                   ])
                 ])
               ])
             ]),
-            R(U4),
+            $(U4),
             g("div", EC, [
               g("div", MC, [
                 g("div", {
@@ -25000,7 +24999,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
                     class: "bg-white grow"
                   }, [
                     g("div", {
-                      onMouseup: (q) => j(I),
+                      onMouseup: (W) => H(I),
                       class: "relative group"
                     }, [
                       g("div", {
@@ -25025,7 +25024,7 @@ const en = /* @__PURE__ */ ec(A6, [["render", I6]]), D6 = { class: "flex flex-ro
             "aria-label": "Menu",
             class: X([{ "w-0": !l.value, "w-80 ml-4": l.value }, "h-full duration-300 z-20 flex-shrink-0 overflow-hidden shadow-2xl rounded-l-2xl bg-white"])
           }, [
-            R(qS, {
+            $(WS, {
               onCloseEditor: v[14] || (v[14] = (I) => T(n).setMenuRight(!1))
             })
           ], 2)