@pubwave/editor 0.5.2 → 0.5.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Node as tn, mergeAttributes as ut, Mark as Fn, Extension as Wn, Editor as Ho } from "@tiptap/core";
+import { Node as tn, mergeAttributes as bt, Mark as Fn, Extension as Wn, Editor as Ho } from "@tiptap/core";
 import $o from "@tiptap/extension-placeholder";
 import zo from "@tiptap/extension-history";
 import jo from "@tiptap/extension-dropcursor";
@@ -23,7 +23,7 @@ import ar from "@tiptap/extension-hard-break";
 import ir from "@tiptap/extension-image";
 import { NodeViewWrapper as Wt, ReactNodeViewRenderer as Vn, NodeViewContent as sr, ReactRenderer as lr, useEditor as cr, EditorContent as ur } from "@tiptap/react";
 import { jsx as u, jsxs as I, Fragment as dr } from "react/jsx-runtime";
-import Vt, { useState as W, useRef as G, useEffect as Y, useCallback as N, createContext as pr, useContext as fr, useMemo as nn, forwardRef as hr, useImperativeHandle as br } from "react";
+import Vt, { useState as V, useRef as G, useEffect as Y, useCallback as z, createContext as pr, useContext as fr, useMemo as nn, forwardRef as hr, useImperativeHandle as br } from "react";
 import { createPortal as vr } from "react-dom";
 import { Plugin as Gn, PluginKey as Yn } from "@tiptap/pm/state";
 import mr from "@tiptap/extension-bold";
@@ -53,10 +53,10 @@ function Br({
   onCancel: n,
   locale: o
 }) {
-  var L, v, T, B, H, z, U, V, F;
-  const [r, a] = W(e.type), [i, s] = W(((T = (v = (L = e.options) == null ? void 0 : L.plugins) == null ? void 0 : v.title) == null ? void 0 : T.text) ?? ""), [l, p] = W(((z = (H = (B = e.options) == null ? void 0 : B.plugins) == null ? void 0 : H.legend) == null ? void 0 : z.display) ?? !0), [c, g] = W(
-    ((F = (V = (U = e.options) == null ? void 0 : U.plugins) == null ? void 0 : V.legend) == null ? void 0 : F.position) ?? "bottom"
-  ), [h, b] = W(e.data.labels), [f, m] = W(e.data.datasets), C = G(null), k = (o == null ? void 0 : o.chart) || {
+  var L, v, T, B, N, H, U, q, j;
+  const [r, a] = V(e.type), [i, s] = V(((T = (v = (L = e.options) == null ? void 0 : L.plugins) == null ? void 0 : v.title) == null ? void 0 : T.text) ?? ""), [l, p] = V(((H = (N = (B = e.options) == null ? void 0 : B.plugins) == null ? void 0 : N.legend) == null ? void 0 : H.display) ?? !0), [c, g] = V(
+    ((j = (q = (U = e.options) == null ? void 0 : U.plugins) == null ? void 0 : q.legend) == null ? void 0 : j.position) ?? "bottom"
+  ), [h, b] = V(e.data.labels), [f, m] = V(e.data.datasets), C = G(null), k = (o == null ? void 0 : o.chart) || {
     modal: {
       title: "Edit Chart",
       close: "Close",
@@ -97,48 +97,48 @@ function Br({
     }
   };
   Y(() => {
-    const O = ($) => {
-      $.key === "Escape" && n();
+    const S = (E) => {
+      E.key === "Escape" && n();
     };
-    return document.addEventListener("keydown", O), () => document.removeEventListener("keydown", O);
+    return document.addEventListener("keydown", S), () => document.removeEventListener("keydown", S);
   }, [n]), Y(() => {
-    const O = (K) => {
+    const S = (K) => {
       C.current && C.current.contains(K.target);
-    }, $ = setTimeout(() => {
-      document.addEventListener("mousedown", O);
+    }, E = setTimeout(() => {
+      document.addEventListener("mousedown", S);
     }, 100);
     return () => {
-      clearTimeout($), document.removeEventListener("mousedown", O);
+      clearTimeout(E), document.removeEventListener("mousedown", S);
     };
   }, []);
-  const P = N((O, $) => {
+  const P = z((S, E) => {
     m(
-      (K) => K.map((X, Q) => Q === O ? { ...X, label: $ } : X)
+      (K) => K.map((X, ee) => ee === S ? { ...X, label: E } : X)
     );
-  }, []), x = N((O, $) => {
+  }, []), x = z((S, E) => {
     m(
       (K) => K.map(
-        (X, Q) => Q === O ? { ...X, data: $.split(",").map((ne) => parseFloat(ne.trim()) || 0) } : X
+        (X, ee) => ee === S ? { ...X, data: E.split(",").map((te) => parseFloat(te.trim()) || 0) } : X
       )
     );
-  }, []), d = N(() => {
-    const O = Lr(f.length);
-    m(($) => [
-      ...$,
+  }, []), d = z(() => {
+    const S = Lr(f.length);
+    m((E) => [
+      ...E,
       {
-        label: `${k.modal.fields.datasets.title} ${$.length + 1}`,
+        label: `${k.modal.fields.datasets.title} ${E.length + 1}`,
         data: h.map(() => Math.floor(Math.random() * 100)),
-        backgroundColor: O.backgroundColor,
-        borderColor: O.borderColor,
+        backgroundColor: S.backgroundColor,
+        borderColor: S.borderColor,
         borderWidth: 2
       }
     ]);
-  }, [f.length, h, k]), A = N((O) => {
-    m(($) => $.filter((K, X) => X !== O));
-  }, []), w = N((O) => {
-    b(O.split(",").map(($) => $.trim()).filter(Boolean));
-  }, []), M = N(() => {
-    const O = {
+  }, [f.length, h, k]), A = z((S) => {
+    m((E) => E.filter((K, X) => X !== S));
+  }, []), w = z((S) => {
+    b(S.split(",").map((E) => E.trim()).filter(Boolean));
+  }, []), M = z(() => {
+    const S = {
       type: r,
       data: {
         labels: h,
@@ -165,10 +165,10 @@ function Br({
         }
       }
     };
-    t(O);
-  }, [r, i, l, c, h, f, e.options, t]), S = N((O) => {
-    O.target === O.currentTarget && n();
-  }, [n]), R = /* @__PURE__ */ u("div", { className: "pubwave-modal__overlay", onClick: S, children: /* @__PURE__ */ I("div", { ref: C, className: "pubwave-modal__container", role: "dialog", "aria-modal": "true", "aria-labelledby": "chart-modal-title", children: [
+    t(S);
+  }, [r, i, l, c, h, f, e.options, t]), O = z((S) => {
+    S.target === S.currentTarget && n();
+  }, [n]), _ = /* @__PURE__ */ u("div", { className: "pubwave-modal__overlay", onClick: O, children: /* @__PURE__ */ I("div", { ref: C, className: "pubwave-modal__container", role: "dialog", "aria-modal": "true", "aria-labelledby": "chart-modal-title", children: [
     /* @__PURE__ */ I("div", { className: "pubwave-modal__header", children: [
       /* @__PURE__ */ u("h2", { id: "chart-modal-title", className: "pubwave-modal__title", children: k.modal.title }),
       /* @__PURE__ */ u(
@@ -194,8 +194,8 @@ function Br({
             id: "chart-type",
             className: "pubwave-form__select",
             value: r,
-            onChange: (O) => a(O.target.value),
-            children: Tr.map((O) => /* @__PURE__ */ u("option", { value: O.value, children: k.chartTypes[O.value] }, O.value))
+            onChange: (S) => a(S.target.value),
+            children: Tr.map((S) => /* @__PURE__ */ u("option", { value: S.value, children: k.chartTypes[S.value] }, S.value))
           }
         )
       ] }),
@@ -208,7 +208,7 @@ function Br({
             type: "text",
             className: "pubwave-form__input",
             value: i,
-            onChange: (O) => s(O.target.value),
+            onChange: (S) => s(S.target.value),
             placeholder: k.modal.fields.titlePlaceholder
           }
         )
@@ -221,7 +221,7 @@ function Br({
               type: "checkbox",
               className: "pubwave-form__checkbox",
               checked: l,
-              onChange: (O) => p(O.target.checked)
+              onChange: (S) => p(S.target.checked)
             }
           ),
           k.modal.fields.showLegend
@@ -234,7 +234,7 @@ function Br({
               id: "legend-position",
               className: "pubwave-form__select",
               value: c,
-              onChange: (O) => g(O.target.value),
+              onChange: (S) => g(S.target.value),
               children: [
                 /* @__PURE__ */ u("option", { value: "top", children: k.modal.fields.position.top }),
                 /* @__PURE__ */ u("option", { value: "bottom", children: k.modal.fields.position.bottom }),
@@ -254,7 +254,7 @@ function Br({
             type: "text",
             className: "pubwave-form__input",
             value: h.join(", "),
-            onChange: (O) => w(O.target.value),
+            onChange: (S) => w(S.target.value),
             placeholder: k.modal.fields.labelsPlaceholder
           }
         )
@@ -272,53 +272,53 @@ function Br({
             }
           )
         ] }),
-        f.map((O, $) => /* @__PURE__ */ I("div", { className: "pubwave-form__dataset", children: [
+        f.map((S, E) => /* @__PURE__ */ I("div", { className: "pubwave-form__dataset", children: [
           /* @__PURE__ */ I("div", { className: "pubwave-form__dataset-header", children: [
             /* @__PURE__ */ I("span", { className: "pubwave-form__dataset-title", children: [
               k.modal.fields.datasets.datasetLabel,
               " ",
-              $ + 1
+              E + 1
             ] }),
             f.length > 1 && /* @__PURE__ */ u(
               "button",
               {
                 type: "button",
                 className: "pubwave-button pubwave-button--danger pubwave-button--small",
-                onClick: () => A($),
-                "aria-label": `${k.modal.fields.datasets.remove} ${$ + 1}`,
+                onClick: () => A(E),
+                "aria-label": `${k.modal.fields.datasets.remove} ${E + 1}`,
                 children: k.modal.fields.datasets.remove
               }
             )
           ] }),
           /* @__PURE__ */ I("div", { className: "pubwave-form__field", children: [
-            /* @__PURE__ */ u("label", { htmlFor: `dataset-label-${$}`, className: "pubwave-form__label", children: k.modal.fields.datasets.datasetLabel }),
+            /* @__PURE__ */ u("label", { htmlFor: `dataset-label-${E}`, className: "pubwave-form__label", children: k.modal.fields.datasets.datasetLabel }),
             /* @__PURE__ */ u(
               "input",
               {
-                id: `dataset-label-${$}`,
+                id: `dataset-label-${E}`,
                 type: "text",
                 className: "pubwave-form__input",
-                value: O.label ?? "",
-                onChange: (K) => P($, K.target.value),
+                value: S.label ?? "",
+                onChange: (K) => P(E, K.target.value),
                 placeholder: k.modal.fields.datasets.datasetLabelPlaceholder
               }
             )
           ] }),
           /* @__PURE__ */ I("div", { className: "pubwave-form__field", children: [
-            /* @__PURE__ */ u("label", { htmlFor: `dataset-data-${$}`, className: "pubwave-form__label", children: k.modal.fields.datasets.data }),
+            /* @__PURE__ */ u("label", { htmlFor: `dataset-data-${E}`, className: "pubwave-form__label", children: k.modal.fields.datasets.data }),
             /* @__PURE__ */ u(
               "input",
               {
-                id: `dataset-data-${$}`,
+                id: `dataset-data-${E}`,
                 type: "text",
                 className: "pubwave-form__input",
-                value: O.data.join(", "),
-                onChange: (K) => x($, K.target.value),
+                value: S.data.join(", "),
+                onChange: (K) => x(E, K.target.value),
                 placeholder: k.modal.fields.datasets.dataPlaceholder
               }
             )
           ] })
-        ] }, $))
+        ] }, E))
       ] })
     ] }),
     /* @__PURE__ */ I("div", { className: "pubwave-modal__footer", children: [
@@ -342,7 +342,7 @@ function Br({
       )
     ] })
   ] }) });
-  return vr(R, document.body);
+  return vr(_, document.body);
 }
 const Ar = { groups: { basic: "Basic", list: "Lists", media: "Media", advanced: "Advanced", layout: "Layout" }, commands: { paragraph: { title: "Text", description: "Plain text block" }, heading1: { title: "Heading 1", description: "Large section heading" }, heading2: { title: "Heading 2", description: "Medium section heading" }, heading3: { title: "Heading 3", description: "Small section heading" }, bulletList: { title: "Bullet List", description: "Create a bulleted list" }, orderedList: { title: "Numbered List", description: "Create a numbered list" }, taskList: { title: "To-do list", description: "Create a todo list with checkboxes" }, image: { title: "Image", description: "Upload or paste an image" }, blockquote: { title: "Blockquote", description: "Create a quote block" }, codeBlock: { title: "Code", description: "Create a code snippet" }, horizontalRule: { title: "Divider", description: "Create a horizontal line" }, table: { title: "Table", description: "Insert a table" }, layoutTwoColumn: { title: "Two Column Layout", description: "Split content into two side-by-side columns" }, layoutThreeColumn: { title: "Three Column Layout", description: "Split content into three side-by-side columns" } } }, Mr = { bold: "Bold", italic: "Italic", underline: "Underline", strike: "Strikethrough", code: "Inline Code", link: "Link", turnInto: "Turn Into", colorPicker: "Text and background color", textColor: "Text color", backgroundColor: "Background color", recentlyUsed: "Recently used", openLink: "Open link", removeLink: "Remove link", confirmLink: "Confirm link", clearLink: "Clear link", blockTypes: { text: "Text", heading1: "Heading 1", heading2: "Heading 2", heading3: "Heading 3", bulletedList: "Bulleted list", numberedList: "Numbered list" } }, Pr = { editor: "Rich text editor", editorContent: "Editor content area", toolbar: "Text formatting toolbar", boldButton: "Toggle bold formatting", italicButton: "Toggle italic formatting", underlineButton: "Toggle underline formatting", strikeButton: "Toggle strikethrough formatting", codeButton: "Toggle inline code formatting", linkButton: "Add or edit link", turnIntoButton: "Turn into", colorPickerButton: "Text and background color", headingButton: "Set heading level", paragraphButton: "Convert to paragraph", dragHandle: "Drag to reorder block", dropIndicator: "Drop here to move block", blockMenu: "Block options menu", addBlock: "Add new block", deleteBlock: "Delete this block", linkDialog: "Link editor dialog", linkUrlInput: "Link URL input", linkSaveButton: "Save link", linkRemoveButton: "Remove link", linkCancelButton: "Cancel link editing", addBlockBelow: "Add block below", dragToMove: "Drag to reorder block", openLinkInNewTab: "Open link in new tab", linkConfirmButton: "Confirm link", linkOpenButton: "Open link in new tab", linkClearButton: "Clear link input" }, Sr = 'Write, type "/" for commands...', Dr = "Paste a link...", Ir = { modal: { title: "Edit Chart", close: "Close", save: "Save", cancel: "Cancel", fields: { chartType: "Chart Type", title: "Title", titlePlaceholder: "Chart title...", showLegend: "Show Legend", legendPosition: "Position", position: { top: "Top", bottom: "Bottom", left: "Left", right: "Right" }, labels: "Labels (comma-separated)", labelsPlaceholder: "Jan, Feb, Mar, Apr...", datasets: { title: "Datasets", add: "+ Add Dataset", remove: "Remove", datasetLabel: "Dataset", datasetLabelPlaceholder: "Dataset label...", data: "Data (comma-separated numbers)", dataPlaceholder: "10, 20, 30, 40..." } } }, chartTypes: { bar: "Bar Chart", line: "Line Chart", pie: "Pie Chart", doughnut: "Doughnut Chart", radar: "Radar Chart", polarArea: "Polar Area Chart" } }, Kn = {
   slashMenu: Ar,
@@ -426,145 +426,153 @@ function At(e) {
 const Xn = pr({
   locale: Gt
 }), bn = Xn.Provider;
-function _e() {
+function We() {
   return fr(Xn).locale;
 }
 const _a = async () => import("./auto-h8n00k8H.js");
-function je(e, t, n) {
+function Xe(e, t, n) {
   const o = getComputedStyle(e), r = t.replace(/^var\(/, "").replace(/\)$/, "");
   return o.getPropertyValue(r).trim() || n;
 }
 function Na(e) {
-  var M;
-  const { node: t, updateAttributes: n, editor: o, selected: r } = e, a = t.attrs.data, [i, s] = W(!1), [l, p] = W(!1), [c, g] = W(null), h = G(null), b = G(null), f = G(null), m = _e(), C = ((M = o == null ? void 0 : o.options) == null ? void 0 : M.editable) ?? !0, k = C ? r : !1, P = N(() => {
+  var L, v, T;
+  const { node: t, updateAttributes: n, editor: o, selected: r } = e, a = t.attrs.data, [i, s] = V(!1), [l, p] = V(!1), [c, g] = V(null), h = G(null), b = G(null), f = G(null), m = We(), C = ((L = o == null ? void 0 : o.options) == null ? void 0 : L.editable) ?? !0, k = C ? r : !1, P = z(() => {
     if (!c || !f.current || !b.current)
       return;
-    const S = b.current, R = je(
-      S,
+    const B = b.current, N = Xe(
+      B,
       "--pubwave-text",
       "#37352f"
-    ), L = je(
-      S,
+    ), H = Xe(
+      B,
       "--pubwave-text-muted",
       "#9b9a97"
-    ), v = je(
-      S,
+    ), U = Xe(
+      B,
       "--pubwave-border",
       "#e3e2e0"
-    ), T = c.options.plugins || {}, B = c.options.scales;
-    if (T.legend) {
-      const H = T.legend;
-      H.labels ? H.labels.color = R : T.legend.labels = { color: R }, H.onHover = () => {
-        const z = h.current;
-        z && (z.style.cursor = "pointer");
-      }, H.onLeave = () => {
-        const z = h.current;
-        z && (z.style.cursor = "default");
+    ), q = c.options.plugins || {}, j = c.options.scales;
+    if (q.legend) {
+      const S = q.legend;
+      S.labels ? S.labels.color = N : q.legend.labels = { color: N }, S.onHover = () => {
+        const E = h.current;
+        E && (E.style.cursor = "pointer");
+      }, S.onLeave = () => {
+        const E = h.current;
+        E && (E.style.cursor = "default");
       };
     }
-    T.title && (T.title.color = R), B && (B.x && (B.x.ticks && (B.x.ticks.color = L), B.x.grid && (B.x.grid.color = v)), B.y && (B.y.ticks && (B.y.ticks.color = L), B.y.grid && (B.y.grid.color = v))), c.update("none");
+    q.title && (q.title.color = N), j && (j.x && (j.x.ticks && (j.x.ticks.color = H), j.x.grid && (j.x.grid.color = U)), j.y && (j.y.ticks && (j.y.ticks.color = H), j.y.grid && (j.y.grid.color = U))), c.update("none");
   }, [c]);
   Y(() => !h.current || !a ? void 0 : ((async () => {
-    var R, L, v, T, B, H, z, U, V, F, O, $, K;
+    var N, H, U, q, j, S, E, K, X, ee, te, ne, le, Ce, ce, Te, he, Le;
     try {
-      const Q = (await _a()).default;
-      if (f.current = Q, h.current) {
-        const ee = Q.getChart(h.current);
-        ee && ee.destroy();
+      const Be = (await _a()).default;
+      if (f.current = Be, h.current) {
+        const J = Be.getChart(h.current);
+        J && J.destroy();
       }
       c && c.destroy();
-      const ne = (R = h.current) == null ? void 0 : R.getContext("2d");
-      if (!ne) {
+      const _e = (N = h.current) == null ? void 0 : N.getContext("2d");
+      if (!_e) {
         console.warn("Failed to get 2D context for chart");
         return;
       }
-      const J = b.current, ie = J ? je(J, "--pubwave-text", "#37352f") : "#37352f", ye = J ? je(J, "--pubwave-text-muted", "#9b9a97") : "#9b9a97", ce = J ? je(J, "--pubwave-border", "#e3e2e0") : "#e3e2e0", Te = {
+      const be = b.current, Ae = be ? Xe(be, "--pubwave-text", "#37352f") : "#37352f", De = be ? Xe(be, "--pubwave-text-muted", "#9b9a97") : "#9b9a97", Ne = be ? Xe(be, "--pubwave-border", "#e3e2e0") : "#e3e2e0", ve = ((H = a.options) == null ? void 0 : H.scales) ?? {}, me = x(a.type) ? {
+        x: {
+          ...ve.x ?? {},
+          ticks: { ...((U = ve.x) == null ? void 0 : U.ticks) ?? {}, color: De },
+          grid: { ...((q = ve.x) == null ? void 0 : q.grid) ?? {}, color: Ne }
+        },
+        y: {
+          ...ve.y ?? {},
+          ticks: { ...((j = ve.y) == null ? void 0 : j.ticks) ?? {}, color: De },
+          grid: { ...((S = ve.y) == null ? void 0 : S.grid) ?? {}, color: Ne }
+        }
+      } : void 0, ge = {
         ...a.options,
         responsive: !0,
         maintainAspectRatio: !1,
         plugins: {
-          ...(L = a.options) == null ? void 0 : L.plugins,
+          ...(E = a.options) == null ? void 0 : E.plugins,
           legend: {
-            display: ((B = (T = (v = a.options) == null ? void 0 : v.plugins) == null ? void 0 : T.legend) == null ? void 0 : B.display) ?? !0,
-            position: ((U = (z = (H = a.options) == null ? void 0 : H.plugins) == null ? void 0 : z.legend) == null ? void 0 : U.position) ?? "top",
-            ...(O = (F = (V = a.options) == null ? void 0 : V.plugins) == null ? void 0 : F.legend) != null && O.labels ? {
+            display: ((ee = (X = (K = a.options) == null ? void 0 : K.plugins) == null ? void 0 : X.legend) == null ? void 0 : ee.display) ?? !0,
+            position: ((le = (ne = (te = a.options) == null ? void 0 : te.plugins) == null ? void 0 : ne.legend) == null ? void 0 : le.position) ?? "top",
+            ...(Te = (ce = (Ce = a.options) == null ? void 0 : Ce.plugins) == null ? void 0 : ce.legend) != null && Te.labels ? {
               labels: {
                 ...a.options.plugins.legend.labels,
-                color: ie
+                color: Ae
               }
-            } : { labels: { color: ie } },
+            } : { labels: { color: Ae } },
             onHover: () => {
-              const ee = h.current;
-              ee && (ee.style.cursor = "pointer");
+              const J = h.current;
+              J && (J.style.cursor = "pointer");
             },
             onLeave: () => {
-              const ee = h.current;
-              ee && (ee.style.cursor = "default");
+              const J = h.current;
+              J && (J.style.cursor = "default");
             }
           },
-          title: (K = ($ = a.options) == null ? void 0 : $.plugins) != null && K.title ? {
+          title: (Le = (he = a.options) == null ? void 0 : he.plugins) != null && Le.title ? {
             ...a.options.plugins.title,
-            color: ie,
+            color: Ae,
             ...a.options.plugins.title.font ? { font: { ...a.options.plugins.title.font } } : {}
           } : void 0
         },
-        scales: x(a.type) ? {
-          x: {
-            ticks: { color: ye },
-            grid: { color: ce }
-          },
-          y: {
-            ticks: { color: ye },
-            grid: { color: ce }
-          }
-        } : void 0
-      }, he = new Q(ne, {
+        scales: me
+      }, He = new Be(_e, {
         type: a.type,
         data: a.data,
-        options: Te
+        options: ge
       });
-      g(he);
-    } catch (X) {
-      console.error("Failed to load Chart.js:", X);
+      g(He);
+    } catch (Ee) {
+      console.error("Failed to load Chart.js:", Ee);
     }
   })(), () => {
     c && c.destroy();
   }), [a, C]), Y(() => {
     if (!c || !b.current)
       return;
-    const S = () => {
+    const B = () => {
       setTimeout(() => {
         P();
       }, 0);
-    }, R = new MutationObserver((v) => {
-      v.forEach((T) => {
-        (T.attributeName === "style" || T.attributeName === "class") && S();
+    }, N = new MutationObserver((U) => {
+      U.forEach((q) => {
+        (q.attributeName === "style" || q.attributeName === "class") && B();
       });
     });
-    let L = b.current;
-    for (; L && (R.observe(L, { attributes: !0 }), !(L.classList.contains("pubwave-editor") || L === document.body)); )
-      L = L.parentElement;
-    return R.observe(document.body, {
+    let H = b.current;
+    for (; H && (N.observe(H, { attributes: !0 }), !(H.classList.contains("pubwave-editor") || H === document.body)); )
+      H = H.parentElement;
+    return N.observe(document.body, {
       attributes: !0,
       attributeFilter: ["class"]
     }), () => {
-      R.disconnect();
+      N.disconnect();
     };
   }, [c, P]);
-  function x(S) {
-    return ["bar", "line", "radar"].includes(S);
+  function x(B) {
+    return ["bar", "line", "radar"].includes(B);
   }
-  const d = N(
-    (S) => {
-      n({ data: S }), s(!1);
+  const d = z(
+    (B) => {
+      n({ data: B }), s(!1);
     },
     [n]
-  ), A = N(() => {
+  ), A = z(() => {
     s(!1);
-  }, []), w = N(() => {
+  }, []), w = z(() => {
     s(!0);
   }, []);
-  return a ? /* @__PURE__ */ I(
+  if (!a)
+    return /* @__PURE__ */ u(Wt, { className: "pubwave-editor__chart", children: /* @__PURE__ */ u("div", { className: "pubwave-chart__placeholder", children: "Invalid chart data" }) });
+  const M = (v = a.options) == null ? void 0 : v.height, O = (T = a.options) == null ? void 0 : T.minHeight, _ = M || O ? {
+    height: M ? `${M}px` : void 0,
+    minHeight: O ? `${O}px` : void 0
+  } : void 0;
+  return /* @__PURE__ */ I(
     Wt,
     {
       ref: b,
@@ -579,7 +587,7 @@ function Na(e) {
             onMouseEnter: () => p(!0),
             onMouseLeave: () => p(!1),
             children: [
-              /* @__PURE__ */ u("div", { className: "pubwave-chart__canvas-wrapper", children: /* @__PURE__ */ u("canvas", { ref: h, className: "pubwave-chart__canvas" }) }),
+              /* @__PURE__ */ u("div", { className: "pubwave-chart__canvas-wrapper", style: _, children: /* @__PURE__ */ u("canvas", { ref: h, className: "pubwave-chart__canvas" }) }),
               C && (l || k) && /* @__PURE__ */ u(
                 "button",
                 {
@@ -621,7 +629,7 @@ function Na(e) {
         )
       ]
     }
-  ) : /* @__PURE__ */ u(Wt, { className: "pubwave-editor__chart", children: /* @__PURE__ */ u("div", { className: "pubwave-chart__placeholder", children: "Invalid chart data" }) });
+  );
 }
 const Ha = tn.create({
   name: "chart",
@@ -678,7 +686,7 @@ const Ha = tn.create({
    * This is used for copy/paste and serialization
    */
   renderHTML({ HTMLAttributes: e }) {
-    return ["div", ut({ "data-type": "chart" }, e)];
+    return ["div", bt({ "data-type": "chart" }, e)];
   },
   /**
    * Use React component to render the chart node
@@ -760,7 +768,7 @@ const za = tn.create({
     ];
     return [
       "div",
-      ut({
+      bt({
         "data-type": "layout",
         "data-layout-columns": String(n),
         class: o.join(" ")
@@ -802,7 +810,7 @@ const za = tn.create({
    * this is primarily for HTML serialization/export.
    */
   renderHTML({ HTMLAttributes: e }) {
-    return ["div", ut({
+    return ["div", bt({
       "data-type": "layoutColumn",
       class: "pubwave-layout__column"
     }, e), 0];
@@ -1026,7 +1034,7 @@ const Fa = Fn.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["span", ut(this.options.HTMLAttributes, e), 0];
+    return ["span", bt(this.options.HTMLAttributes, e), 0];
   },
   addCommands() {
     return {
@@ -1076,7 +1084,7 @@ const Fa = Fn.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["span", ut(this.options.HTMLAttributes, e), 0];
+    return ["span", bt(this.options.HTMLAttributes, e), 0];
   },
   addCommands() {
     return {
@@ -1912,15 +1920,15 @@ function ki(e, t) {
     return a || i;
   });
 }
-var re = "top", pe = "bottom", fe = "right", ae = "left", rn = "auto", dt = [re, pe, fe, ae], Fe = "start", it = "end", xi = "clippingParents", ro = "viewport", et = "popper", Ci = "reference", mn = /* @__PURE__ */ dt.reduce(function(e, t) {
-  return e.concat([t + "-" + Fe, t + "-" + it]);
-}, []), ao = /* @__PURE__ */ [].concat(dt, [rn]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + Fe, t + "-" + it]);
+var re = "top", pe = "bottom", fe = "right", ae = "left", rn = "auto", vt = [re, pe, fe, ae], Qe = "start", dt = "end", xi = "clippingParents", ro = "viewport", at = "popper", Ci = "reference", mn = /* @__PURE__ */ vt.reduce(function(e, t) {
+  return e.concat([t + "-" + Qe, t + "-" + dt]);
+}, []), ao = /* @__PURE__ */ [].concat(vt, [rn]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + Qe, t + "-" + dt]);
 }, []), Ti = "beforeRead", Li = "read", Bi = "afterRead", Ai = "beforeMain", Mi = "main", Pi = "afterMain", Si = "beforeWrite", Di = "write", Ii = "afterWrite", Oi = [Ti, Li, Bi, Ai, Mi, Pi, Si, Di, Ii];
-function me(e) {
+function ke(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function le(e) {
+function se(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -1929,25 +1937,25 @@ function le(e) {
   }
   return e;
 }
-function Ee(e) {
-  var t = le(e).Element;
+function Fe(e) {
+  var t = se(e).Element;
   return e instanceof t || e instanceof Element;
 }
 function de(e) {
-  var t = le(e).HTMLElement;
+  var t = se(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
 function an(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = le(e).ShadowRoot;
+  var t = se(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
 function Ri(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     var o = t.styles[n] || {}, r = t.attributes[n] || {}, a = t.elements[n];
-    !de(a) || !me(a) || (Object.assign(a.style, o), Object.keys(r).forEach(function(i) {
+    !de(a) || !ke(a) || (Object.assign(a.style, o), Object.keys(r).forEach(function(i) {
       var s = r[i];
       s === !1 ? a.removeAttribute(i) : a.setAttribute(i, s === !0 ? "" : s);
     }));
@@ -1971,7 +1979,7 @@ function Ei(e) {
       var r = t.elements[o], a = t.attributes[o] || {}, i = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : n[o]), s = i.reduce(function(l, p) {
         return l[p] = "", l;
       }, {});
-      !de(r) || !me(r) || (Object.assign(r.style, s), Object.keys(a).forEach(function(l) {
+      !de(r) || !ke(r) || (Object.assign(r.style, s), Object.keys(a).forEach(function(l) {
         r.removeAttribute(l);
       }));
     });
@@ -1985,10 +1993,10 @@ const io = {
   effect: Ei,
   requires: ["computeStyles"]
 };
-function ve(e) {
+function we(e) {
   return e.split("-")[0];
 }
-var Re = Math.max, St = Math.min, We = Math.round;
+var qe = Math.max, St = Math.min, et = Math.round;
 function Kt() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
@@ -1998,11 +2006,11 @@ function Kt() {
 function so() {
   return !/^((?!chrome|android).)*safari/i.test(Kt());
 }
-function Ve(e, t, n) {
+function tt(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   var o = e.getBoundingClientRect(), r = 1, a = 1;
-  t && de(e) && (r = e.offsetWidth > 0 && We(o.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && We(o.height) / e.offsetHeight || 1);
-  var i = Ee(e) ? le(e) : window, s = i.visualViewport, l = !so() && n, p = (o.left + (l && s ? s.offsetLeft : 0)) / r, c = (o.top + (l && s ? s.offsetTop : 0)) / a, g = o.width / r, h = o.height / a;
+  t && de(e) && (r = e.offsetWidth > 0 && et(o.width) / e.offsetWidth || 1, a = e.offsetHeight > 0 && et(o.height) / e.offsetHeight || 1);
+  var i = Fe(e) ? se(e) : window, s = i.visualViewport, l = !so() && n, p = (o.left + (l && s ? s.offsetLeft : 0)) / r, c = (o.top + (l && s ? s.offsetTop : 0)) / a, g = o.width / r, h = o.height / a;
   return {
     width: g,
     height: h,
@@ -2015,7 +2023,7 @@ function Ve(e, t, n) {
   };
 }
 function sn(e) {
-  var t = Ve(e), n = e.offsetWidth, o = e.offsetHeight;
+  var t = tt(e), n = e.offsetWidth, o = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
@@ -2037,20 +2045,20 @@ function lo(e, t) {
   }
   return !1;
 }
-function Ce(e) {
-  return le(e).getComputedStyle(e);
+function Se(e) {
+  return se(e).getComputedStyle(e);
 }
 function _i(e) {
-  return ["table", "td", "th"].indexOf(me(e)) >= 0;
+  return ["table", "td", "th"].indexOf(ke(e)) >= 0;
 }
-function Ae(e) {
-  return ((Ee(e) ? e.ownerDocument : (
+function Oe(e) {
+  return ((Fe(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
 function _t(e) {
-  return me(e) === "html" ? e : (
+  return ke(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -2058,42 +2066,42 @@ function _t(e) {
     e.parentNode || // DOM Element detected
     (an(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Ae(e)
+    Oe(e)
   );
 }
 function gn(e) {
   return !de(e) || // https://github.com/popperjs/popper-core/issues/837
-  Ce(e).position === "fixed" ? null : e.offsetParent;
+  Se(e).position === "fixed" ? null : e.offsetParent;
 }
 function Ni(e) {
   var t = /firefox/i.test(Kt()), n = /Trident/i.test(Kt());
   if (n && de(e)) {
-    var o = Ce(e);
+    var o = Se(e);
     if (o.position === "fixed")
       return null;
   }
   var r = _t(e);
-  for (an(r) && (r = r.host); de(r) && ["html", "body"].indexOf(me(r)) < 0; ) {
-    var a = Ce(r);
+  for (an(r) && (r = r.host); de(r) && ["html", "body"].indexOf(ke(r)) < 0; ) {
+    var a = Se(r);
     if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
       return r;
     r = r.parentNode;
   }
   return null;
 }
-function pt(e) {
-  for (var t = le(e), n = gn(e); n && _i(n) && Ce(n).position === "static"; )
+function mt(e) {
+  for (var t = se(e), n = gn(e); n && _i(n) && Se(n).position === "static"; )
     n = gn(n);
-  return n && (me(n) === "html" || me(n) === "body" && Ce(n).position === "static") ? t : n || Ni(e) || t;
+  return n && (ke(n) === "html" || ke(n) === "body" && Se(n).position === "static") ? t : n || Ni(e) || t;
 }
 function ln(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function ot(e, t, n) {
-  return Re(e, St(t, n));
+function lt(e, t, n) {
+  return qe(e, St(t, n));
 }
 function Hi(e, t, n) {
-  var o = ot(e, t, n);
+  var o = lt(e, t, n);
   return o > n ? n : o;
 }
 function co() {
@@ -2115,13 +2123,13 @@ function po(e, t) {
 var $i = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : t, uo(typeof t != "number" ? t : po(t, dt));
+  })) : t, uo(typeof t != "number" ? t : po(t, vt));
 };
 function zi(e) {
-  var t, n = e.state, o = e.name, r = e.options, a = n.elements.arrow, i = n.modifiersData.popperOffsets, s = ve(n.placement), l = ln(s), p = [ae, fe].indexOf(s) >= 0, c = p ? "height" : "width";
+  var t, n = e.state, o = e.name, r = e.options, a = n.elements.arrow, i = n.modifiersData.popperOffsets, s = we(n.placement), l = ln(s), p = [ae, fe].indexOf(s) >= 0, c = p ? "height" : "width";
   if (!(!a || !i)) {
-    var g = $i(r.padding, n), h = sn(a), b = l === "y" ? re : ae, f = l === "y" ? pe : fe, m = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], k = pt(a), P = k ? l === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, x = m / 2 - C / 2, d = g[b], A = P - h[c] - g[f], w = P / 2 - h[c] / 2 + x, M = ot(d, w, A), S = l;
-    n.modifiersData[o] = (t = {}, t[S] = M, t.centerOffset = M - w, t);
+    var g = $i(r.padding, n), h = sn(a), b = l === "y" ? re : ae, f = l === "y" ? pe : fe, m = n.rects.reference[c] + n.rects.reference[l] - i[l] - n.rects.popper[c], C = i[l] - n.rects.reference[l], k = mt(a), P = k ? l === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, x = m / 2 - C / 2, d = g[b], A = P - h[c] - g[f], w = P / 2 - h[c] / 2 + x, M = lt(d, w, A), O = l;
+    n.modifiersData[o] = (t = {}, t[O] = M, t.centerOffset = M - w, t);
   }
 }
 function ji(e) {
@@ -2137,7 +2145,7 @@ const Ui = {
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function Ge(e) {
+function nt(e) {
   return e.split("-")[1];
 }
 var qi = {
@@ -2149,8 +2157,8 @@ var qi = {
 function Fi(e, t) {
   var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: We(n * r) / r || 0,
-    y: We(o * r) / r || 0
+    x: et(n * r) / r || 0,
+    y: et(o * r) / r || 0
   };
 }
 function yn(e) {
@@ -2164,20 +2172,20 @@ function yn(e) {
   b = C.x, m = C.y;
   var k = i.hasOwnProperty("x"), P = i.hasOwnProperty("y"), x = ae, d = re, A = window;
   if (p) {
-    var w = pt(n), M = "clientHeight", S = "clientWidth";
-    if (w === le(n) && (w = Ae(n), Ce(w).position !== "static" && s === "absolute" && (M = "scrollHeight", S = "scrollWidth")), w = w, r === re || (r === ae || r === fe) && a === it) {
+    var w = mt(n), M = "clientHeight", O = "clientWidth";
+    if (w === se(n) && (w = Oe(n), Se(w).position !== "static" && s === "absolute" && (M = "scrollHeight", O = "scrollWidth")), w = w, r === re || (r === ae || r === fe) && a === dt) {
       d = pe;
-      var R = g && w === A && A.visualViewport ? A.visualViewport.height : (
+      var _ = g && w === A && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         w[M]
       );
-      m -= R - o.height, m *= l ? 1 : -1;
+      m -= _ - o.height, m *= l ? 1 : -1;
     }
-    if (r === ae || (r === re || r === pe) && a === it) {
+    if (r === ae || (r === re || r === pe) && a === dt) {
       x = fe;
       var L = g && w === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        w[S]
+        w[O]
       );
       b -= L - o.width, b *= l ? 1 : -1;
     }
@@ -2187,7 +2195,7 @@ function yn(e) {
   }, p && qi), T = c === !0 ? Fi({
     x: b,
     y: m
-  }, le(n)) : {
+  }, se(n)) : {
     x: b,
     y: m
   };
@@ -2199,8 +2207,8 @@ function yn(e) {
 }
 function Wi(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, a = n.adaptive, i = a === void 0 ? !0 : a, s = n.roundOffsets, l = s === void 0 ? !0 : s, p = {
-    placement: ve(t.placement),
-    variation: Ge(t.placement),
+    placement: we(t.placement),
+    variation: nt(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: r,
@@ -2231,7 +2239,7 @@ var Tt = {
   passive: !0
 };
 function Gi(e) {
-  var t = e.state, n = e.instance, o = e.options, r = o.scroll, a = r === void 0 ? !0 : r, i = o.resize, s = i === void 0 ? !0 : i, l = le(t.elements.popper), p = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  var t = e.state, n = e.instance, o = e.options, r = o.scroll, a = r === void 0 ? !0 : r, i = o.resize, s = i === void 0 ? !0 : i, l = se(t.elements.popper), p = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return a && p.forEach(function(c) {
     c.addEventListener("scroll", n.update, Tt);
   }), s && l.addEventListener("resize", n.update, Tt), function() {
@@ -2270,17 +2278,17 @@ function wn(e) {
   });
 }
 function cn(e) {
-  var t = le(e), n = t.pageXOffset, o = t.pageYOffset;
+  var t = se(e), n = t.pageXOffset, o = t.pageYOffset;
   return {
     scrollLeft: n,
     scrollTop: o
   };
 }
 function un(e) {
-  return Ve(Ae(e)).left + cn(e).scrollLeft;
+  return tt(Oe(e)).left + cn(e).scrollLeft;
 }
 function Ji(e, t) {
-  var n = le(e), o = Ae(e), r = n.visualViewport, a = o.clientWidth, i = o.clientHeight, s = 0, l = 0;
+  var n = se(e), o = Oe(e), r = n.visualViewport, a = o.clientWidth, i = o.clientHeight, s = 0, l = 0;
   if (r) {
     a = r.width, i = r.height;
     var p = so();
@@ -2294,8 +2302,8 @@ function Ji(e, t) {
   };
 }
 function Zi(e) {
-  var t, n = Ae(e), o = cn(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, a = Re(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), i = Re(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), s = -o.scrollLeft + un(e), l = -o.scrollTop;
-  return Ce(r || n).direction === "rtl" && (s += Re(n.clientWidth, r ? r.clientWidth : 0) - a), {
+  var t, n = Oe(e), o = cn(e), r = (t = e.ownerDocument) == null ? void 0 : t.body, a = qe(n.scrollWidth, n.clientWidth, r ? r.scrollWidth : 0, r ? r.clientWidth : 0), i = qe(n.scrollHeight, n.clientHeight, r ? r.scrollHeight : 0, r ? r.clientHeight : 0), s = -o.scrollLeft + un(e), l = -o.scrollTop;
+  return Se(r || n).direction === "rtl" && (s += qe(n.clientWidth, r ? r.clientWidth : 0) - a), {
     width: a,
     height: i,
     x: s,
@@ -2303,19 +2311,19 @@ function Zi(e) {
   };
 }
 function dn(e) {
-  var t = Ce(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
+  var t = Se(e), n = t.overflow, o = t.overflowX, r = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + r + o);
 }
 function fo(e) {
-  return ["html", "body", "#document"].indexOf(me(e)) >= 0 ? e.ownerDocument.body : de(e) && dn(e) ? e : fo(_t(e));
+  return ["html", "body", "#document"].indexOf(ke(e)) >= 0 ? e.ownerDocument.body : de(e) && dn(e) ? e : fo(_t(e));
 }
-function rt(e, t) {
+function ct(e, t) {
   var n;
   t === void 0 && (t = []);
-  var o = fo(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), a = le(o), i = r ? [a].concat(a.visualViewport || [], dn(o) ? o : []) : o, s = t.concat(i);
+  var o = fo(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), a = se(o), i = r ? [a].concat(a.visualViewport || [], dn(o) ? o : []) : o, s = t.concat(i);
   return r ? s : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(rt(_t(i)))
+    s.concat(ct(_t(i)))
   );
 }
 function Xt(e) {
@@ -2327,27 +2335,27 @@ function Xt(e) {
   });
 }
 function Qi(e, t) {
-  var n = Ve(e, !1, t === "fixed");
+  var n = tt(e, !1, t === "fixed");
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function kn(e, t, n) {
-  return t === ro ? Xt(Ji(e, n)) : Ee(t) ? Qi(t, n) : Xt(Zi(Ae(e)));
+  return t === ro ? Xt(Ji(e, n)) : Fe(t) ? Qi(t, n) : Xt(Zi(Oe(e)));
 }
 function es(e) {
-  var t = rt(_t(e)), n = ["absolute", "fixed"].indexOf(Ce(e).position) >= 0, o = n && de(e) ? pt(e) : e;
-  return Ee(o) ? t.filter(function(r) {
-    return Ee(r) && lo(r, o) && me(r) !== "body";
+  var t = ct(_t(e)), n = ["absolute", "fixed"].indexOf(Se(e).position) >= 0, o = n && de(e) ? mt(e) : e;
+  return Fe(o) ? t.filter(function(r) {
+    return Fe(r) && lo(r, o) && ke(r) !== "body";
   }) : [];
 }
 function ts(e, t, n, o) {
   var r = t === "clippingParents" ? es(e) : [].concat(t), a = [].concat(r, [n]), i = a[0], s = a.reduce(function(l, p) {
     var c = kn(e, p, o);
-    return l.top = Re(c.top, l.top), l.right = St(c.right, l.right), l.bottom = St(c.bottom, l.bottom), l.left = Re(c.left, l.left), l;
+    return l.top = qe(c.top, l.top), l.right = St(c.right, l.right), l.bottom = St(c.bottom, l.bottom), l.left = qe(c.left, l.left), l;
   }, kn(e, i, o));
   return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
 function ho(e) {
-  var t = e.reference, n = e.element, o = e.placement, r = o ? ve(o) : null, a = o ? Ge(o) : null, i = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, l;
+  var t = e.reference, n = e.element, o = e.placement, r = o ? we(o) : null, a = o ? nt(o) : null, i = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, l;
   switch (r) {
     case re:
       l = {
@@ -2383,59 +2391,59 @@ function ho(e) {
   if (p != null) {
     var c = p === "y" ? "height" : "width";
     switch (a) {
-      case Fe:
+      case Qe:
         l[p] = l[p] - (t[c] / 2 - n[c] / 2);
         break;
-      case it:
+      case dt:
         l[p] = l[p] + (t[c] / 2 - n[c] / 2);
         break;
     }
   }
   return l;
 }
-function st(e, t) {
+function pt(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, a = n.strategy, i = a === void 0 ? e.strategy : a, s = n.boundary, l = s === void 0 ? xi : s, p = n.rootBoundary, c = p === void 0 ? ro : p, g = n.elementContext, h = g === void 0 ? et : g, b = n.altBoundary, f = b === void 0 ? !1 : b, m = n.padding, C = m === void 0 ? 0 : m, k = uo(typeof C != "number" ? C : po(C, dt)), P = h === et ? Ci : et, x = e.rects.popper, d = e.elements[f ? P : h], A = ts(Ee(d) ? d : d.contextElement || Ae(e.elements.popper), l, c, i), w = Ve(e.elements.reference), M = ho({
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, a = n.strategy, i = a === void 0 ? e.strategy : a, s = n.boundary, l = s === void 0 ? xi : s, p = n.rootBoundary, c = p === void 0 ? ro : p, g = n.elementContext, h = g === void 0 ? at : g, b = n.altBoundary, f = b === void 0 ? !1 : b, m = n.padding, C = m === void 0 ? 0 : m, k = uo(typeof C != "number" ? C : po(C, vt)), P = h === at ? Ci : at, x = e.rects.popper, d = e.elements[f ? P : h], A = ts(Fe(d) ? d : d.contextElement || Oe(e.elements.popper), l, c, i), w = tt(e.elements.reference), M = ho({
     reference: w,
     element: x,
     placement: r
-  }), S = Xt(Object.assign({}, x, M)), R = h === et ? S : w, L = {
-    top: A.top - R.top + k.top,
-    bottom: R.bottom - A.bottom + k.bottom,
-    left: A.left - R.left + k.left,
-    right: R.right - A.right + k.right
+  }), O = Xt(Object.assign({}, x, M)), _ = h === at ? O : w, L = {
+    top: A.top - _.top + k.top,
+    bottom: _.bottom - A.bottom + k.bottom,
+    left: A.left - _.left + k.left,
+    right: _.right - A.right + k.right
   }, v = e.modifiersData.offset;
-  if (h === et && v) {
+  if (h === at && v) {
     var T = v[r];
     Object.keys(L).forEach(function(B) {
-      var H = [fe, pe].indexOf(B) >= 0 ? 1 : -1, z = [re, pe].indexOf(B) >= 0 ? "y" : "x";
-      L[B] += T[z] * H;
+      var N = [fe, pe].indexOf(B) >= 0 ? 1 : -1, H = [re, pe].indexOf(B) >= 0 ? "y" : "x";
+      L[B] += T[H] * N;
     });
   }
   return L;
 }
 function ns(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = n.boundary, a = n.rootBoundary, i = n.padding, s = n.flipVariations, l = n.allowedAutoPlacements, p = l === void 0 ? ao : l, c = Ge(o), g = c ? s ? mn : mn.filter(function(f) {
-    return Ge(f) === c;
-  }) : dt, h = g.filter(function(f) {
+  var n = t, o = n.placement, r = n.boundary, a = n.rootBoundary, i = n.padding, s = n.flipVariations, l = n.allowedAutoPlacements, p = l === void 0 ? ao : l, c = nt(o), g = c ? s ? mn : mn.filter(function(f) {
+    return nt(f) === c;
+  }) : vt, h = g.filter(function(f) {
     return p.indexOf(f) >= 0;
   });
   h.length === 0 && (h = g);
   var b = h.reduce(function(f, m) {
-    return f[m] = st(e, {
+    return f[m] = pt(e, {
       placement: m,
       boundary: r,
       rootBoundary: a,
       padding: i
-    })[ve(m)], f;
+    })[we(m)], f;
   }, {});
   return Object.keys(b).sort(function(f, m) {
     return b[f] - b[m];
   });
 }
 function os(e) {
-  if (ve(e) === rn)
+  if (we(e) === rn)
     return [];
   var t = Mt(e);
   return [wn(e), t, wn(t)];
@@ -2443,49 +2451,49 @@ function os(e) {
 function rs(e) {
   var t = e.state, n = e.options, o = e.name;
   if (!t.modifiersData[o]._skip) {
-    for (var r = n.mainAxis, a = r === void 0 ? !0 : r, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, p = n.padding, c = n.boundary, g = n.rootBoundary, h = n.altBoundary, b = n.flipVariations, f = b === void 0 ? !0 : b, m = n.allowedAutoPlacements, C = t.options.placement, k = ve(C), P = k === C, x = l || (P || !f ? [Mt(C)] : os(C)), d = [C].concat(x).reduce(function(ne, J) {
-      return ne.concat(ve(J) === rn ? ns(t, {
-        placement: J,
+    for (var r = n.mainAxis, a = r === void 0 ? !0 : r, i = n.altAxis, s = i === void 0 ? !0 : i, l = n.fallbackPlacements, p = n.padding, c = n.boundary, g = n.rootBoundary, h = n.altBoundary, b = n.flipVariations, f = b === void 0 ? !0 : b, m = n.allowedAutoPlacements, C = t.options.placement, k = we(C), P = k === C, x = l || (P || !f ? [Mt(C)] : os(C)), d = [C].concat(x).reduce(function(te, ne) {
+      return te.concat(we(ne) === rn ? ns(t, {
+        placement: ne,
         boundary: c,
         rootBoundary: g,
         padding: p,
         flipVariations: f,
         allowedAutoPlacements: m
-      }) : J);
-    }, []), A = t.rects.reference, w = t.rects.popper, M = /* @__PURE__ */ new Map(), S = !0, R = d[0], L = 0; L < d.length; L++) {
-      var v = d[L], T = ve(v), B = Ge(v) === Fe, H = [re, pe].indexOf(T) >= 0, z = H ? "width" : "height", U = st(t, {
+      }) : ne);
+    }, []), A = t.rects.reference, w = t.rects.popper, M = /* @__PURE__ */ new Map(), O = !0, _ = d[0], L = 0; L < d.length; L++) {
+      var v = d[L], T = we(v), B = nt(v) === Qe, N = [re, pe].indexOf(T) >= 0, H = N ? "width" : "height", U = pt(t, {
         placement: v,
         boundary: c,
         rootBoundary: g,
         altBoundary: h,
         padding: p
-      }), V = H ? B ? fe : ae : B ? pe : re;
-      A[z] > w[z] && (V = Mt(V));
-      var F = Mt(V), O = [];
-      if (a && O.push(U[T] <= 0), s && O.push(U[V] <= 0, U[F] <= 0), O.every(function(ne) {
-        return ne;
+      }), q = N ? B ? fe : ae : B ? pe : re;
+      A[H] > w[H] && (q = Mt(q));
+      var j = Mt(q), S = [];
+      if (a && S.push(U[T] <= 0), s && S.push(U[q] <= 0, U[j] <= 0), S.every(function(te) {
+        return te;
       })) {
-        R = v, S = !1;
+        _ = v, O = !1;
         break;
       }
-      M.set(v, O);
+      M.set(v, S);
     }
-    if (S)
-      for (var $ = f ? 3 : 1, K = function(J) {
-        var ie = d.find(function(ye) {
-          var ce = M.get(ye);
+    if (O)
+      for (var E = f ? 3 : 1, K = function(ne) {
+        var le = d.find(function(Ce) {
+          var ce = M.get(Ce);
           if (ce)
-            return ce.slice(0, J).every(function(Te) {
+            return ce.slice(0, ne).every(function(Te) {
               return Te;
             });
         });
-        if (ie)
-          return R = ie, "break";
-      }, X = $; X > 0; X--) {
-        var Q = K(X);
-        if (Q === "break") break;
+        if (le)
+          return _ = le, "break";
+      }, X = E; X > 0; X--) {
+        var ee = K(X);
+        if (ee === "break") break;
       }
-    t.placement !== R && (t.modifiersData[o]._skip = !0, t.placement = R, t.reset = !0);
+    t.placement !== _ && (t.modifiersData[o]._skip = !0, t.placement = _, t.reset = !0);
   }
 }
 const as = {
@@ -2515,9 +2523,9 @@ function Cn(e) {
   });
 }
 function is(e) {
-  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, a = t.modifiersData.preventOverflow, i = st(t, {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, a = t.modifiersData.preventOverflow, i = pt(t, {
     elementContext: "reference"
-  }), s = st(t, {
+  }), s = pt(t, {
     altBoundary: !0
   }), l = xn(i, o), p = xn(s, r, a), c = Cn(l), g = Cn(p);
   t.modifiersData[n] = {
@@ -2538,7 +2546,7 @@ const ss = {
   fn: is
 };
 function ls(e, t, n) {
-  var o = ve(e), r = [ae, re].indexOf(o) >= 0 ? -1 : 1, a = typeof n == "function" ? n(Object.assign({}, t, {
+  var o = we(e), r = [ae, re].indexOf(o) >= 0 ? -1 : 1, a = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, i = a[0], s = a[1];
   return i = i || 0, s = (s || 0) * r, [ae, fe].indexOf(o) >= 0 ? {
@@ -2581,34 +2589,34 @@ function fs(e) {
   return e === "x" ? "y" : "x";
 }
 function hs(e) {
-  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, a = r === void 0 ? !0 : r, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, p = n.rootBoundary, c = n.altBoundary, g = n.padding, h = n.tether, b = h === void 0 ? !0 : h, f = n.tetherOffset, m = f === void 0 ? 0 : f, C = st(t, {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, a = r === void 0 ? !0 : r, i = n.altAxis, s = i === void 0 ? !1 : i, l = n.boundary, p = n.rootBoundary, c = n.altBoundary, g = n.padding, h = n.tether, b = h === void 0 ? !0 : h, f = n.tetherOffset, m = f === void 0 ? 0 : f, C = pt(t, {
     boundary: l,
     rootBoundary: p,
     padding: g,
     altBoundary: c
-  }), k = ve(t.placement), P = Ge(t.placement), x = !P, d = ln(k), A = fs(d), w = t.modifiersData.popperOffsets, M = t.rects.reference, S = t.rects.popper, R = typeof m == "function" ? m(Object.assign({}, t.rects, {
+  }), k = we(t.placement), P = nt(t.placement), x = !P, d = ln(k), A = fs(d), w = t.modifiersData.popperOffsets, M = t.rects.reference, O = t.rects.popper, _ = typeof m == "function" ? m(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : m, L = typeof R == "number" ? {
-    mainAxis: R,
-    altAxis: R
+  })) : m, L = typeof _ == "number" ? {
+    mainAxis: _,
+    altAxis: _
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, R), v = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, T = {
+  }, _), v = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, T = {
     x: 0,
     y: 0
   };
   if (w) {
     if (a) {
-      var B, H = d === "y" ? re : ae, z = d === "y" ? pe : fe, U = d === "y" ? "height" : "width", V = w[d], F = V + C[H], O = V - C[z], $ = b ? -S[U] / 2 : 0, K = P === Fe ? M[U] : S[U], X = P === Fe ? -S[U] : -M[U], Q = t.elements.arrow, ne = b && Q ? sn(Q) : {
+      var B, N = d === "y" ? re : ae, H = d === "y" ? pe : fe, U = d === "y" ? "height" : "width", q = w[d], j = q + C[N], S = q - C[H], E = b ? -O[U] / 2 : 0, K = P === Qe ? M[U] : O[U], X = P === Qe ? -O[U] : -M[U], ee = t.elements.arrow, te = b && ee ? sn(ee) : {
         width: 0,
         height: 0
-      }, J = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : co(), ie = J[H], ye = J[z], ce = ot(0, M[U], ne[U]), Te = x ? M[U] / 2 - $ - ce - ie - L.mainAxis : K - ce - ie - L.mainAxis, he = x ? -M[U] / 2 + $ + ce + ye + L.mainAxis : X + ce + ye + L.mainAxis, ee = t.elements.arrow && pt(t.elements.arrow), ft = ee ? d === "y" ? ee.clientTop || 0 : ee.clientLeft || 0 : 0, Ke = (B = v == null ? void 0 : v[d]) != null ? B : 0, ht = V + Te - Ke - ft, bt = V + he - Ke, Xe = ot(b ? St(F, ht) : F, V, b ? Re(O, bt) : O);
-      w[d] = Xe, T[d] = Xe - V;
+      }, ne = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : co(), le = ne[N], Ce = ne[H], ce = lt(0, M[U], te[U]), Te = x ? M[U] / 2 - E - ce - le - L.mainAxis : K - ce - le - L.mainAxis, he = x ? -M[U] / 2 + E + ce + Ce + L.mainAxis : X + ce + Ce + L.mainAxis, Le = t.elements.arrow && mt(t.elements.arrow), Ee = Le ? d === "y" ? Le.clientTop || 0 : Le.clientLeft || 0 : 0, Be = (B = v == null ? void 0 : v[d]) != null ? B : 0, _e = q + Te - Be - Ee, be = q + he - Be, Ae = lt(b ? St(j, _e) : j, q, b ? qe(S, be) : S);
+      w[d] = Ae, T[d] = Ae - q;
     }
     if (s) {
-      var Je, vt = d === "x" ? re : ae, mt = d === "x" ? pe : fe, we = w[A], Le = A === "y" ? "height" : "width", Ze = we + C[vt], Pe = we - C[mt], Qe = [re, ae].indexOf(k) !== -1, gt = (Je = v == null ? void 0 : v[A]) != null ? Je : 0, yt = Qe ? Ze : we - M[Le] - S[Le] - gt + L.altAxis, wt = Qe ? we + M[Le] + S[Le] - gt - L.altAxis : Pe, kt = b && Qe ? Hi(yt, we, wt) : ot(b ? yt : Ze, we, b ? wt : Pe);
-      w[A] = kt, T[A] = kt - we;
+      var De, Ne = d === "x" ? re : ae, ve = d === "x" ? pe : fe, me = w[A], ge = A === "y" ? "height" : "width", He = me + C[Ne], J = me - C[ve], rt = [re, ae].indexOf(k) !== -1, gt = (De = v == null ? void 0 : v[A]) != null ? De : 0, yt = rt ? He : me - M[ge] - O[ge] - gt + L.altAxis, wt = rt ? me + M[ge] + O[ge] - gt - L.altAxis : J, kt = b && rt ? Hi(yt, me, wt) : lt(b ? yt : He, me, b ? wt : J);
+      w[A] = kt, T[A] = kt - me;
     }
     t.modifiersData[o] = T;
   }
@@ -2627,23 +2635,23 @@ function vs(e) {
   };
 }
 function ms(e) {
-  return e === le(e) || !de(e) ? cn(e) : vs(e);
+  return e === se(e) || !de(e) ? cn(e) : vs(e);
 }
 function gs(e) {
-  var t = e.getBoundingClientRect(), n = We(t.width) / e.offsetWidth || 1, o = We(t.height) / e.offsetHeight || 1;
+  var t = e.getBoundingClientRect(), n = et(t.width) / e.offsetWidth || 1, o = et(t.height) / e.offsetHeight || 1;
   return n !== 1 || o !== 1;
 }
 function ys(e, t, n) {
   n === void 0 && (n = !1);
-  var o = de(t), r = de(t) && gs(t), a = Ae(t), i = Ve(e, r, n), s = {
+  var o = de(t), r = de(t) && gs(t), a = Oe(t), i = tt(e, r, n), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, l = {
     x: 0,
     y: 0
   };
-  return (o || !o && !n) && ((me(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  dn(a)) && (s = ms(t)), de(t) ? (l = Ve(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : a && (l.x = un(a))), {
+  return (o || !o && !n) && ((ke(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  dn(a)) && (s = ms(t)), de(t) ? (l = tt(t, !0), l.x += t.clientLeft, l.y += t.clientTop) : a && (l.x = un(a))), {
     x: i.left + s.scrollLeft - l.x,
     y: i.top + s.scrollTop - l.y,
     width: i.width,
@@ -2732,8 +2740,8 @@ function Ts(e) {
       setOptions: function(k) {
         var P = typeof k == "function" ? k(c.options) : k;
         m(), c.options = Object.assign({}, a, c.options, P), c.scrollParents = {
-          reference: Ee(s) ? rt(s) : s.contextElement ? rt(s.contextElement) : [],
-          popper: rt(l)
+          reference: Fe(s) ? ct(s) : s.contextElement ? ct(s.contextElement) : [],
+          popper: ct(l)
         };
         var x = ks(Cs([].concat(o, c.options.modifiers)));
         return c.orderedModifiers = x.filter(function(d) {
@@ -2750,7 +2758,7 @@ function Ts(e) {
           var k = c.elements, P = k.reference, x = k.popper;
           if (Ln(P, x)) {
             c.rects = {
-              reference: ys(P, pt(x), c.options.strategy === "fixed"),
+              reference: ys(P, mt(x), c.options.strategy === "fixed"),
               popper: sn(x)
             }, c.reset = !1, c.placement = c.options.placement, c.orderedModifiers.forEach(function(L) {
               return c.modifiersData[L.name] = Object.assign({}, L.data);
@@ -2760,11 +2768,11 @@ function Ts(e) {
                 c.reset = !1, d = -1;
                 continue;
               }
-              var A = c.orderedModifiers[d], w = A.fn, M = A.options, S = M === void 0 ? {} : M, R = A.name;
+              var A = c.orderedModifiers[d], w = A.fn, M = A.options, O = M === void 0 ? {} : M, _ = A.name;
               typeof w == "function" && (c = w({
                 state: c,
-                options: S,
-                name: R,
+                options: O,
+                name: _,
                 instance: b
               }) || c);
             }
@@ -2812,7 +2820,7 @@ function Ts(e) {
 }
 var Ls = [Yi, ps, Vi, io, us, as, bs, Ui, ss], Bs = /* @__PURE__ */ Ts({
   defaultModifiers: Ls
-}), As = "tippy-box", bo = "tippy-content", Ms = "tippy-backdrop", vo = "tippy-arrow", mo = "tippy-svg-arrow", Ie = {
+}), As = "tippy-box", bo = "tippy-content", Ms = "tippy-backdrop", vo = "tippy-arrow", mo = "tippy-svg-arrow", je = {
   passive: !0,
   capture: !0
 }, go = function() {
@@ -2854,7 +2862,7 @@ function Ss(e, t) {
 function Ds(e) {
   return e.split(/\s+/).filter(Boolean);
 }
-function qe(e) {
+function Ze(e) {
   return [].concat(e);
 }
 function An(e, t) {
@@ -2876,10 +2884,10 @@ function Mn(e) {
     return e[n] !== void 0 && (t[n] = e[n]), t;
   }, {});
 }
-function at() {
+function ut() {
   return document.createElement("div");
 }
-function lt(e) {
+function ft(e) {
   return ["Element", "Fragment"].some(function(t) {
     return pn(e, t);
   });
@@ -2894,7 +2902,7 @@ function _s(e) {
   return !!(e && e._tippy && e._tippy.reference === e);
 }
 function Ns(e) {
-  return lt(e) ? [e] : Rs(e) ? Dt(e) : Array.isArray(e) ? e : Dt(document.querySelectorAll(e));
+  return ft(e) ? [e] : Rs(e) ? Dt(e) : Array.isArray(e) ? e : Dt(document.querySelectorAll(e));
 }
 function jt(e, t) {
   e.forEach(function(n) {
@@ -2907,7 +2915,7 @@ function Pn(e, t) {
   });
 }
 function Hs(e) {
-  var t, n = qe(e), o = n[0];
+  var t, n = Ze(e), o = n[0];
   return o != null && (t = o.ownerDocument) != null && t.body ? o.ownerDocument : document;
 }
 function $s(e, t) {
@@ -2935,15 +2943,15 @@ function Sn(e, t) {
   }
   return !1;
 }
-var be = {
+var ye = {
   isTouch: !1
 }, Dn = 0;
 function zs() {
-  be.isTouch || (be.isTouch = !0, window.performance && document.addEventListener("mousemove", wo));
+  ye.isTouch || (ye.isTouch = !0, window.performance && document.addEventListener("mousemove", wo));
 }
 function wo() {
   var e = performance.now();
-  e - Dn < 20 && (be.isTouch = !1, document.removeEventListener("mousemove", wo)), Dn = e;
+  e - Dn < 20 && (ye.isTouch = !1, document.removeEventListener("mousemove", wo)), Dn = e;
 }
 function js() {
   var e = document.activeElement;
@@ -2953,13 +2961,13 @@ function js() {
   }
 }
 function Us() {
-  document.addEventListener("touchstart", zs, Ie), window.addEventListener("blur", js);
+  document.addEventListener("touchstart", zs, je), window.addEventListener("blur", js);
 }
 var qs = typeof window < "u" && typeof document < "u", Fs = qs ? (
   // @ts-ignore
   !!window.msCrypto
 ) : !1;
-function Ue(e) {
+function Je(e) {
   var t = e === "destroy" ? "n already-" : " ";
   return [e + "() was called on a" + t + "destroyed instance. This is a no-op but", "indicates a potential memory leak."].join(" ");
 }
@@ -2987,21 +2995,21 @@ function ko(e) {
     "color: #a6a095;"
   ];
 }
-var ct;
+var ht;
 process.env.NODE_ENV !== "production" && Vs();
 function Vs() {
-  ct = /* @__PURE__ */ new Set();
+  ht = /* @__PURE__ */ new Set();
 }
-function ke(e, t) {
-  if (e && !ct.has(t)) {
+function Me(e, t) {
+  if (e && !ht.has(t)) {
     var n;
-    ct.add(t), (n = console).warn.apply(n, ko(t));
+    ht.add(t), (n = console).warn.apply(n, ko(t));
   }
 }
 function Jt(e, t) {
-  if (e && !ct.has(t)) {
+  if (e && !ht.has(t)) {
     var n;
-    ct.add(t), (n = console).error.apply(n, ko(t));
+    ht.add(t), (n = console).error.apply(n, ko(t));
   }
 }
 function Gs(e) {
@@ -3023,7 +3031,7 @@ var xo = {
   role: "tooltip",
   theme: "",
   zIndex: 9999
-}, se = Object.assign({
+}, ie = Object.assign({
   appendTo: go,
   aria: {
     content: "auto",
@@ -3071,11 +3079,11 @@ var xo = {
   touch: !0,
   trigger: "mouseenter focus",
   triggerTarget: null
-}, xo, Ys), Ks = Object.keys(se), Xs = function(t) {
+}, xo, Ys), Ks = Object.keys(ie), Xs = function(t) {
   process.env.NODE_ENV !== "production" && To(t, []);
   var n = Object.keys(t);
   n.forEach(function(o) {
-    se[o] = t[o];
+    ie[o] = t[o];
   });
 };
 function Co(e) {
@@ -3083,14 +3091,14 @@ function Co(e) {
     var a = r.name, i = r.defaultValue;
     if (a) {
       var s;
-      o[a] = e[a] !== void 0 ? e[a] : (s = se[a]) != null ? s : i;
+      o[a] = e[a] !== void 0 ? e[a] : (s = ie[a]) != null ? s : i;
     }
     return o;
   }, {});
   return Object.assign({}, e, n);
 }
 function Js(e, t) {
-  var n = t ? Object.keys(Co(Object.assign({}, se, {
+  var n = t ? Object.keys(Co(Object.assign({}, ie, {
     plugins: t
   }))) : Ks, o = n.reduce(function(r, a) {
     var i = (e.getAttribute("data-tippy-" + a) || "").trim();
@@ -3112,7 +3120,7 @@ function On(e, t) {
   var n = Object.assign({}, t, {
     content: yo(t.content, [e])
   }, t.ignoreAttributes ? {} : Js(e, t.plugins));
-  return n.aria = Object.assign({}, se.aria, n.aria), n.aria = {
+  return n.aria = Object.assign({}, ie.aria, n.aria), n.aria = {
     expanded: n.aria.expanded === "auto" ? t.interactive : n.aria.expanded,
     content: n.aria.content === "auto" ? t.interactive ? null : "describedby" : n.aria.content
   }, n;
@@ -3121,10 +3129,10 @@ function To(e, t) {
   e === void 0 && (e = {}), t === void 0 && (t = []);
   var n = Object.keys(e);
   n.forEach(function(o) {
-    var r = Ss(se, Object.keys(xo)), a = !Ps(r, o);
+    var r = Ss(ie, Object.keys(xo)), a = !Ps(r, o);
     a && (a = t.filter(function(i) {
       return i.name === o;
-    }).length === 0), ke(a, ["`" + 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.", `
+    }).length === 0), Me(a, ["`" + 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.", `
 
 `, `All props: https://atomiks.github.io/tippyjs/v6/all-props/
 `, "Plugins: https://atomiks.github.io/tippyjs/v6/plugins/"].join(" "));
@@ -3137,11 +3145,11 @@ function Zt(e, t) {
   e[Zs()] = t;
 }
 function Rn(e) {
-  var t = at();
-  return e === !0 ? t.className = vo : (t.className = mo, lt(e) ? t.appendChild(e) : Zt(t, e)), t;
+  var t = ut();
+  return e === !0 ? t.className = vo : (t.className = mo, ft(e) ? t.appendChild(e) : Zt(t, e)), t;
 }
 function En(e, t) {
-  lt(t.content) ? (Zt(e, ""), e.appendChild(t.content)) : typeof t.content != "function" && (t.allowHTML ? Zt(e, t.content) : e.textContent = t.content);
+  ft(t.content) ? (Zt(e, ""), e.appendChild(t.content)) : typeof t.content != "function" && (t.allowHTML ? Zt(e, t.content) : e.textContent = t.content);
 }
 function Qt(e) {
   var t = e.firstElementChild, n = Dt(t.children);
@@ -3159,9 +3167,9 @@ function Qt(e) {
   };
 }
 function Lo(e) {
-  var t = at(), n = at();
+  var t = ut(), n = ut();
   n.className = As, n.setAttribute("data-state", "hidden"), n.setAttribute("tabindex", "-1");
-  var o = at();
+  var o = ut();
   o.className = bo, o.setAttribute("data-state", "hidden"), En(o, e.props), t.appendChild(n), n.appendChild(o), r(e.props, e.props);
   function r(a, i) {
     var s = Qt(t), l = s.box, p = s.content, c = s.arrow;
@@ -3175,7 +3183,7 @@ function Lo(e) {
 Lo.$$tippy = !0;
 var Qs = 1, Lt = [], qt = [];
 function el(e, t) {
-  var n = On(e, Object.assign({}, se, Co(Mn(t)))), o, r, a, i = !1, s = !1, l = !1, p = !1, c, g, h, b = [], f = Bn(ht, n.interactiveDebounce), m, C = Qs++, k = null, P = Is(n.plugins), x = {
+  var n = On(e, Object.assign({}, ie, Co(Mn(t)))), o, r, a, i = !1, s = !1, l = !1, p = !1, c, g, h, b = [], f = Bn(_e, n.interactiveDebounce), m, C = Qs++, k = null, P = Is(n.plugins), x = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -3190,7 +3198,7 @@ function el(e, t) {
     // properties
     id: C,
     reference: e,
-    popper: at(),
+    popper: ut(),
     popperInstance: k,
     props: n,
     state: x,
@@ -3202,7 +3210,7 @@ function el(e, t) {
     show: Io,
     hide: Oo,
     hideWithInteractivity: Ro,
-    enable: Qe,
+    enable: rt,
     disable: gt,
     unmount: Eo,
     destroy: _o
@@ -3211,13 +3219,13 @@ function el(e, t) {
     return process.env.NODE_ENV !== "production" && Jt(!0, "render() function has not been supplied."), d;
   var A = n.render(d), w = A.popper, M = A.onUpdate;
   w.setAttribute("data-tippy-root", ""), w.id = "tippy-" + d.id, d.popper = w, e._tippy = d, w._tippy = d;
-  var S = P.map(function(y) {
+  var O = P.map(function(y) {
     return y.fn(d);
-  }), R = e.hasAttribute("aria-expanded");
-  return ee(), $(), V(), F("onCreate", [d]), n.showOnCreate && Ze(), w.addEventListener("mouseenter", function() {
+  }), _ = e.hasAttribute("aria-expanded");
+  return Le(), E(), q(), j("onCreate", [d]), n.showOnCreate && He(), w.addEventListener("mouseenter", function() {
     d.props.interactive && d.state.isVisible && d.clearDelayTimeouts();
   }), w.addEventListener("mouseleave", function() {
-    d.props.interactive && d.props.trigger.indexOf("mouseenter") >= 0 && H().addEventListener("mousemove", f);
+    d.props.interactive && d.props.trigger.indexOf("mouseenter") >= 0 && N().addEventListener("mousemove", f);
   }), d;
   function L() {
     var y = d.props.touch;
@@ -3233,87 +3241,87 @@ function el(e, t) {
   function B() {
     return m || e;
   }
-  function H() {
+  function N() {
     var y = B().parentNode;
     return y ? Hs(y) : document;
   }
-  function z() {
+  function H() {
     return Qt(w);
   }
   function U(y) {
-    return d.state.isMounted && !d.state.isVisible || be.isTouch || c && c.type === "focus" ? 0 : zt(d.props.delay, y ? 0 : 1, se.delay);
+    return d.state.isMounted && !d.state.isVisible || ye.isTouch || c && c.type === "focus" ? 0 : zt(d.props.delay, y ? 0 : 1, ie.delay);
   }
-  function V(y) {
+  function q(y) {
     y === void 0 && (y = !1), w.style.pointerEvents = d.props.interactive && !y ? "" : "none", w.style.zIndex = "" + d.props.zIndex;
   }
-  function F(y, D, E) {
-    if (E === void 0 && (E = !0), S.forEach(function(j) {
-      j[y] && j[y].apply(j, D);
-    }), E) {
-      var q;
-      (q = d.props)[y].apply(q, D);
+  function j(y, D, R) {
+    if (R === void 0 && (R = !0), O.forEach(function(F) {
+      F[y] && F[y].apply(F, D);
+    }), R) {
+      var W;
+      (W = d.props)[y].apply(W, D);
     }
   }
-  function O() {
+  function S() {
     var y = d.props.aria;
     if (y.content) {
-      var D = "aria-" + y.content, E = w.id, q = qe(d.props.triggerTarget || e);
-      q.forEach(function(j) {
-        var te = j.getAttribute(D);
+      var D = "aria-" + y.content, R = w.id, W = Ze(d.props.triggerTarget || e);
+      W.forEach(function(F) {
+        var Q = F.getAttribute(D);
         if (d.state.isVisible)
-          j.setAttribute(D, te ? te + " " + E : E);
+          F.setAttribute(D, Q ? Q + " " + R : R);
         else {
-          var ue = te && te.replace(E, "").trim();
-          ue ? j.setAttribute(D, ue) : j.removeAttribute(D);
+          var ue = Q && Q.replace(R, "").trim();
+          ue ? F.setAttribute(D, ue) : F.removeAttribute(D);
         }
       });
     }
   }
-  function $() {
-    if (!(R || !d.props.aria.expanded)) {
-      var y = qe(d.props.triggerTarget || e);
+  function E() {
+    if (!(_ || !d.props.aria.expanded)) {
+      var y = Ze(d.props.triggerTarget || e);
       y.forEach(function(D) {
         d.props.interactive ? D.setAttribute("aria-expanded", d.state.isVisible && D === B() ? "true" : "false") : D.removeAttribute("aria-expanded");
       });
     }
   }
   function K() {
-    H().removeEventListener("mousemove", f), Lt = Lt.filter(function(y) {
+    N().removeEventListener("mousemove", f), Lt = Lt.filter(function(y) {
       return y !== f;
     });
   }
   function X(y) {
-    if (!(be.isTouch && (l || y.type === "mousedown"))) {
+    if (!(ye.isTouch && (l || y.type === "mousedown"))) {
       var D = y.composedPath && y.composedPath()[0] || y.target;
       if (!(d.props.interactive && Sn(w, D))) {
-        if (qe(d.props.triggerTarget || e).some(function(E) {
-          return Sn(E, D);
+        if (Ze(d.props.triggerTarget || e).some(function(R) {
+          return Sn(R, D);
         })) {
-          if (be.isTouch || d.state.isVisible && d.props.trigger.indexOf("click") >= 0)
+          if (ye.isTouch || d.state.isVisible && d.props.trigger.indexOf("click") >= 0)
             return;
         } else
-          F("onClickOutside", [d, y]);
+          j("onClickOutside", [d, y]);
         d.props.hideOnClick === !0 && (d.clearDelayTimeouts(), d.hide(), s = !0, setTimeout(function() {
           s = !1;
-        }), d.state.isMounted || ie());
+        }), d.state.isMounted || le());
       }
     }
   }
-  function Q() {
+  function ee() {
     l = !0;
   }
-  function ne() {
+  function te() {
     l = !1;
   }
-  function J() {
-    var y = H();
-    y.addEventListener("mousedown", X, !0), y.addEventListener("touchend", X, Ie), y.addEventListener("touchstart", ne, Ie), y.addEventListener("touchmove", Q, Ie);
+  function ne() {
+    var y = N();
+    y.addEventListener("mousedown", X, !0), y.addEventListener("touchend", X, je), y.addEventListener("touchstart", te, je), y.addEventListener("touchmove", ee, je);
   }
-  function ie() {
-    var y = H();
-    y.removeEventListener("mousedown", X, !0), y.removeEventListener("touchend", X, Ie), y.removeEventListener("touchstart", ne, Ie), y.removeEventListener("touchmove", Q, Ie);
+  function le() {
+    var y = N();
+    y.removeEventListener("mousedown", X, !0), y.removeEventListener("touchend", X, je), y.removeEventListener("touchstart", te, je), y.removeEventListener("touchmove", ee, je);
   }
-  function ye(y, D) {
+  function Ce(y, D) {
     Te(y, function() {
       !d.state.isVisible && w.parentNode && w.parentNode.contains(w) && D();
     });
@@ -3322,114 +3330,114 @@ function el(e, t) {
     Te(y, D);
   }
   function Te(y, D) {
-    var E = z().box;
-    function q(j) {
-      j.target === E && (Ut(E, "remove", q), D());
+    var R = H().box;
+    function W(F) {
+      F.target === R && (Ut(R, "remove", W), D());
     }
     if (y === 0)
       return D();
-    Ut(E, "remove", g), Ut(E, "add", q), g = q;
+    Ut(R, "remove", g), Ut(R, "add", W), g = W;
   }
-  function he(y, D, E) {
-    E === void 0 && (E = !1);
-    var q = qe(d.props.triggerTarget || e);
-    q.forEach(function(j) {
-      j.addEventListener(y, D, E), b.push({
-        node: j,
+  function he(y, D, R) {
+    R === void 0 && (R = !1);
+    var W = Ze(d.props.triggerTarget || e);
+    W.forEach(function(F) {
+      F.addEventListener(y, D, R), b.push({
+        node: F,
         eventType: y,
         handler: D,
-        options: E
+        options: R
       });
     });
   }
-  function ee() {
-    v() && (he("touchstart", Ke, {
+  function Le() {
+    v() && (he("touchstart", Be, {
       passive: !0
-    }), he("touchend", bt, {
+    }), he("touchend", be, {
       passive: !0
     })), Ds(d.props.trigger).forEach(function(y) {
       if (y !== "manual")
-        switch (he(y, Ke), y) {
+        switch (he(y, Be), y) {
           case "mouseenter":
-            he("mouseleave", bt);
+            he("mouseleave", be);
             break;
           case "focus":
-            he(Fs ? "focusout" : "blur", Xe);
+            he(Fs ? "focusout" : "blur", Ae);
             break;
           case "focusin":
-            he("focusout", Xe);
+            he("focusout", Ae);
             break;
         }
     });
   }
-  function ft() {
+  function Ee() {
     b.forEach(function(y) {
-      var D = y.node, E = y.eventType, q = y.handler, j = y.options;
-      D.removeEventListener(E, q, j);
+      var D = y.node, R = y.eventType, W = y.handler, F = y.options;
+      D.removeEventListener(R, W, F);
     }), b = [];
   }
-  function Ke(y) {
-    var D, E = !1;
-    if (!(!d.state.isEnabled || Je(y) || s)) {
-      var q = ((D = c) == null ? void 0 : D.type) === "focus";
-      c = y, m = y.currentTarget, $(), !d.state.isVisible && Es(y) && Lt.forEach(function(j) {
-        return j(y);
-      }), y.type === "click" && (d.props.trigger.indexOf("mouseenter") < 0 || i) && d.props.hideOnClick !== !1 && d.state.isVisible ? E = !0 : Ze(y), y.type === "click" && (i = !E), E && !q && Pe(y);
+  function Be(y) {
+    var D, R = !1;
+    if (!(!d.state.isEnabled || De(y) || s)) {
+      var W = ((D = c) == null ? void 0 : D.type) === "focus";
+      c = y, m = y.currentTarget, E(), !d.state.isVisible && Es(y) && Lt.forEach(function(F) {
+        return F(y);
+      }), y.type === "click" && (d.props.trigger.indexOf("mouseenter") < 0 || i) && d.props.hideOnClick !== !1 && d.state.isVisible ? R = !0 : He(y), y.type === "click" && (i = !R), R && !W && J(y);
     }
   }
-  function ht(y) {
-    var D = y.target, E = B().contains(D) || w.contains(D);
-    if (!(y.type === "mousemove" && E)) {
-      var q = Le().concat(w).map(function(j) {
-        var te, ue = j._tippy, $e = (te = ue.popperInstance) == null ? void 0 : te.state;
-        return $e ? {
-          popperRect: j.getBoundingClientRect(),
-          popperState: $e,
+  function _e(y) {
+    var D = y.target, R = B().contains(D) || w.contains(D);
+    if (!(y.type === "mousemove" && R)) {
+      var W = ge().concat(w).map(function(F) {
+        var Q, ue = F._tippy, Ye = (Q = ue.popperInstance) == null ? void 0 : Q.state;
+        return Ye ? {
+          popperRect: F.getBoundingClientRect(),
+          popperState: Ye,
           props: n
         } : null;
       }).filter(Boolean);
-      $s(q, y) && (K(), Pe(y));
+      $s(W, y) && (K(), J(y));
     }
   }
-  function bt(y) {
-    var D = Je(y) || d.props.trigger.indexOf("click") >= 0 && i;
+  function be(y) {
+    var D = De(y) || d.props.trigger.indexOf("click") >= 0 && i;
     if (!D) {
       if (d.props.interactive) {
         d.hideWithInteractivity(y);
         return;
       }
-      Pe(y);
+      J(y);
     }
   }
-  function Xe(y) {
-    d.props.trigger.indexOf("focusin") < 0 && y.target !== B() || d.props.interactive && y.relatedTarget && w.contains(y.relatedTarget) || Pe(y);
+  function Ae(y) {
+    d.props.trigger.indexOf("focusin") < 0 && y.target !== B() || d.props.interactive && y.relatedTarget && w.contains(y.relatedTarget) || J(y);
   }
-  function Je(y) {
-    return be.isTouch ? v() !== y.type.indexOf("touch") >= 0 : !1;
+  function De(y) {
+    return ye.isTouch ? v() !== y.type.indexOf("touch") >= 0 : !1;
   }
-  function vt() {
-    mt();
-    var y = d.props, D = y.popperOptions, E = y.placement, q = y.offset, j = y.getReferenceClientRect, te = y.moveTransition, ue = T() ? Qt(w).arrow : null, $e = j ? {
-      getBoundingClientRect: j,
-      contextElement: j.contextElement || B()
+  function Ne() {
+    ve();
+    var y = d.props, D = y.popperOptions, R = y.placement, W = y.offset, F = y.getReferenceClientRect, Q = y.moveTransition, ue = T() ? Qt(w).arrow : null, Ye = F ? {
+      getBoundingClientRect: F,
+      contextElement: F.contextElement || B()
     } : e, hn = {
       name: "$$tippy",
       enabled: !0,
       phase: "beforeWrite",
       requires: ["computeStyles"],
       fn: function(xt) {
-        var ze = xt.state;
+        var Ke = xt.state;
         if (T()) {
-          var No = z(), $t = No.box;
+          var No = H(), $t = No.box;
           ["placement", "reference-hidden", "escaped"].forEach(function(Ct) {
-            Ct === "placement" ? $t.setAttribute("data-placement", ze.placement) : ze.attributes.popper["data-popper-" + Ct] ? $t.setAttribute("data-" + Ct, "") : $t.removeAttribute("data-" + Ct);
-          }), ze.attributes.popper = {};
+            Ct === "placement" ? $t.setAttribute("data-placement", Ke.placement) : Ke.attributes.popper["data-popper-" + Ct] ? $t.setAttribute("data-" + Ct, "") : $t.removeAttribute("data-" + Ct);
+          }), Ke.attributes.popper = {};
         }
       }
-    }, Se = [{
+    }, $e = [{
       name: "offset",
       options: {
-        offset: q
+        offset: W
       }
     }, {
       name: "preventOverflow",
@@ -3449,27 +3457,27 @@ function el(e, t) {
     }, {
       name: "computeStyles",
       options: {
-        adaptive: !te
+        adaptive: !Q
       }
     }, hn];
-    T() && ue && Se.push({
+    T() && ue && $e.push({
       name: "arrow",
       options: {
         element: ue,
         padding: 3
       }
-    }), Se.push.apply(Se, (D == null ? void 0 : D.modifiers) || []), d.popperInstance = Bs($e, w, Object.assign({}, D, {
-      placement: E,
+    }), $e.push.apply($e, (D == null ? void 0 : D.modifiers) || []), d.popperInstance = Bs(Ye, w, Object.assign({}, D, {
+      placement: R,
       onFirstUpdate: h,
-      modifiers: Se
+      modifiers: $e
     }));
   }
-  function mt() {
+  function ve() {
     d.popperInstance && (d.popperInstance.destroy(), d.popperInstance = null);
   }
-  function we() {
-    var y = d.props.appendTo, D, E = B();
-    d.props.interactive && y === go || y === "parent" ? D = E.parentNode : D = yo(y, [E]), D.contains(w) || D.appendChild(w), d.state.isMounted = !0, vt(), process.env.NODE_ENV !== "production" && ke(d.props.interactive && y === se.appendTo && E.nextElementSibling !== w, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+  function me() {
+    var y = d.props.appendTo, D, R = B();
+    d.props.interactive && y === go || y === "parent" ? D = R.parentNode : D = yo(y, [R]), D.contains(w) || D.appendChild(w), d.state.isMounted = !0, Ne(), process.env.NODE_ENV !== "production" && Me(d.props.interactive && y === ie.appendTo && R.nextElementSibling !== w, ["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.", `
 
@@ -3477,19 +3485,19 @@ function el(e, t) {
 
 `, "See: https://atomiks.github.io/tippyjs/v6/accessibility/#interactivity"].join(" "));
   }
-  function Le() {
+  function ge() {
     return Dt(w.querySelectorAll("[data-tippy-root]"));
   }
-  function Ze(y) {
-    d.clearDelayTimeouts(), y && F("onTrigger", [d, y]), J();
-    var D = U(!0), E = L(), q = E[0], j = E[1];
-    be.isTouch && q === "hold" && j && (D = j), D ? o = setTimeout(function() {
+  function He(y) {
+    d.clearDelayTimeouts(), y && j("onTrigger", [d, y]), ne();
+    var D = U(!0), R = L(), W = R[0], F = R[1];
+    ye.isTouch && W === "hold" && F && (D = F), D ? o = setTimeout(function() {
       d.show();
     }, D) : d.show();
   }
-  function Pe(y) {
-    if (d.clearDelayTimeouts(), F("onUntrigger", [d, y]), !d.state.isVisible) {
-      ie();
+  function J(y) {
+    if (d.clearDelayTimeouts(), j("onUntrigger", [d, y]), !d.state.isVisible) {
+      le();
       return;
     }
     if (!(d.props.trigger.indexOf("mouseenter") >= 0 && d.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(y.type) >= 0 && i)) {
@@ -3501,7 +3509,7 @@ function el(e, t) {
       });
     }
   }
-  function Qe() {
+  function rt() {
     d.state.isEnabled = !0;
   }
   function gt() {
@@ -3511,16 +3519,16 @@ function el(e, t) {
     clearTimeout(o), clearTimeout(r), cancelAnimationFrame(a);
   }
   function wt(y) {
-    if (process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("setProps")), !d.state.isDestroyed) {
-      F("onBeforeUpdate", [d, y]), ft();
-      var D = d.props, E = On(e, Object.assign({}, D, Mn(y), {
+    if (process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("setProps")), !d.state.isDestroyed) {
+      j("onBeforeUpdate", [d, y]), Ee();
+      var D = d.props, R = On(e, Object.assign({}, D, Mn(y), {
         ignoreAttributes: !0
       }));
-      d.props = E, ee(), D.interactiveDebounce !== E.interactiveDebounce && (K(), f = Bn(ht, E.interactiveDebounce)), D.triggerTarget && !E.triggerTarget ? qe(D.triggerTarget).forEach(function(q) {
-        q.removeAttribute("aria-expanded");
-      }) : E.triggerTarget && e.removeAttribute("aria-expanded"), $(), V(), M && M(D, E), d.popperInstance && (vt(), Le().forEach(function(q) {
-        requestAnimationFrame(q._tippy.popperInstance.forceUpdate);
-      })), F("onAfterUpdate", [d, y]);
+      d.props = R, Le(), D.interactiveDebounce !== R.interactiveDebounce && (K(), f = Bn(_e, R.interactiveDebounce)), D.triggerTarget && !R.triggerTarget ? Ze(D.triggerTarget).forEach(function(W) {
+        W.removeAttribute("aria-expanded");
+      }) : R.triggerTarget && e.removeAttribute("aria-expanded"), E(), q(), M && M(D, R), d.popperInstance && (Ne(), ge().forEach(function(W) {
+        requestAnimationFrame(W._tippy.popperInstance.forceUpdate);
+      })), j("onAfterUpdate", [d, y]);
     }
   }
   function kt(y) {
@@ -3529,62 +3537,62 @@ function el(e, t) {
     });
   }
   function Io() {
-    process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("show"));
-    var y = d.state.isVisible, D = d.state.isDestroyed, E = !d.state.isEnabled, q = be.isTouch && !d.props.touch, j = zt(d.props.duration, 0, se.duration);
-    if (!(y || D || E || q) && !B().hasAttribute("disabled") && (F("onShow", [d], !1), d.props.onShow(d) !== !1)) {
-      if (d.state.isVisible = !0, T() && (w.style.visibility = "visible"), V(), J(), d.state.isMounted || (w.style.transition = "none"), T()) {
-        var te = z(), ue = te.box, $e = te.content;
-        jt([ue, $e], 0);
+    process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("show"));
+    var y = d.state.isVisible, D = d.state.isDestroyed, R = !d.state.isEnabled, W = ye.isTouch && !d.props.touch, F = zt(d.props.duration, 0, ie.duration);
+    if (!(y || D || R || W) && !B().hasAttribute("disabled") && (j("onShow", [d], !1), d.props.onShow(d) !== !1)) {
+      if (d.state.isVisible = !0, T() && (w.style.visibility = "visible"), q(), ne(), d.state.isMounted || (w.style.transition = "none"), T()) {
+        var Q = H(), ue = Q.box, Ye = Q.content;
+        jt([ue, Ye], 0);
       }
       h = function() {
-        var Se;
+        var $e;
         if (!(!d.state.isVisible || p)) {
           if (p = !0, w.offsetHeight, w.style.transition = d.props.moveTransition, T() && d.props.animation) {
-            var Ht = z(), xt = Ht.box, ze = Ht.content;
-            jt([xt, ze], j), Pn([xt, ze], "visible");
+            var Ht = H(), xt = Ht.box, Ke = Ht.content;
+            jt([xt, Ke], F), Pn([xt, Ke], "visible");
           }
-          O(), $(), An(qt, d), (Se = d.popperInstance) == null || Se.forceUpdate(), F("onMount", [d]), d.props.animation && T() && ce(j, function() {
-            d.state.isShown = !0, F("onShown", [d]);
+          S(), E(), An(qt, d), ($e = d.popperInstance) == null || $e.forceUpdate(), j("onMount", [d]), d.props.animation && T() && ce(F, function() {
+            d.state.isShown = !0, j("onShown", [d]);
           });
         }
-      }, we();
+      }, me();
     }
   }
   function Oo() {
-    process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("hide"));
-    var y = !d.state.isVisible, D = d.state.isDestroyed, E = !d.state.isEnabled, q = zt(d.props.duration, 1, se.duration);
-    if (!(y || D || E) && (F("onHide", [d], !1), d.props.onHide(d) !== !1)) {
-      if (d.state.isVisible = !1, d.state.isShown = !1, p = !1, i = !1, T() && (w.style.visibility = "hidden"), K(), ie(), V(!0), T()) {
-        var j = z(), te = j.box, ue = j.content;
-        d.props.animation && (jt([te, ue], q), Pn([te, ue], "hidden"));
+    process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("hide"));
+    var y = !d.state.isVisible, D = d.state.isDestroyed, R = !d.state.isEnabled, W = zt(d.props.duration, 1, ie.duration);
+    if (!(y || D || R) && (j("onHide", [d], !1), d.props.onHide(d) !== !1)) {
+      if (d.state.isVisible = !1, d.state.isShown = !1, p = !1, i = !1, T() && (w.style.visibility = "hidden"), K(), le(), q(!0), T()) {
+        var F = H(), Q = F.box, ue = F.content;
+        d.props.animation && (jt([Q, ue], W), Pn([Q, ue], "hidden"));
       }
-      O(), $(), d.props.animation ? T() && ye(q, d.unmount) : d.unmount();
+      S(), E(), d.props.animation ? T() && Ce(W, d.unmount) : d.unmount();
     }
   }
   function Ro(y) {
-    process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("hideWithInteractivity")), H().addEventListener("mousemove", f), An(Lt, f), f(y);
+    process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("hideWithInteractivity")), N().addEventListener("mousemove", f), An(Lt, f), f(y);
   }
   function Eo() {
-    process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("unmount")), d.state.isVisible && d.hide(), d.state.isMounted && (mt(), Le().forEach(function(y) {
+    process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("unmount")), d.state.isVisible && d.hide(), d.state.isMounted && (ve(), ge().forEach(function(y) {
       y._tippy.unmount();
     }), w.parentNode && w.parentNode.removeChild(w), qt = qt.filter(function(y) {
       return y !== d;
-    }), d.state.isMounted = !1, F("onHidden", [d]));
+    }), d.state.isMounted = !1, j("onHidden", [d]));
   }
   function _o() {
-    process.env.NODE_ENV !== "production" && ke(d.state.isDestroyed, Ue("destroy")), !d.state.isDestroyed && (d.clearDelayTimeouts(), d.unmount(), ft(), delete e._tippy, d.state.isDestroyed = !0, F("onDestroy", [d]));
+    process.env.NODE_ENV !== "production" && Me(d.state.isDestroyed, Je("destroy")), !d.state.isDestroyed && (d.clearDelayTimeouts(), d.unmount(), Ee(), delete e._tippy, d.state.isDestroyed = !0, j("onDestroy", [d]));
   }
 }
-function Me(e, t) {
+function Re(e, t) {
   t === void 0 && (t = {});
-  var n = se.plugins.concat(t.plugins || []);
+  var n = ie.plugins.concat(t.plugins || []);
   process.env.NODE_ENV !== "production" && (Gs(e), To(t, n)), Us();
   var o = Object.assign({}, t, {
     plugins: n
   }), r = Ns(e);
   if (process.env.NODE_ENV !== "production") {
-    var a = lt(o.content), i = r.length > 1;
-    ke(a && i, ["tippy() was passed an Element as the `content` prop, but more than", "one tippy instance was created by this invocation. This means the", "content element will only be appended to the last tippy instance.", `
+    var a = ft(o.content), i = r.length > 1;
+    Me(a && i, ["tippy() was passed an Element as the `content` prop, but more than", "one tippy instance was created by this invocation. This means the", "content element will only be appended to the last tippy instance.", `
 
 `, "Instead, pass the .innerHTML of the element, or use a function that", "returns a cloned version of the element instead.", `
 
@@ -3595,11 +3603,11 @@ function Me(e, t) {
     var c = p && el(p, o);
     return c && l.push(c), l;
   }, []);
-  return lt(e) ? s[0] : s;
+  return ft(e) ? s[0] : s;
 }
-Me.defaultProps = se;
-Me.setDefaultProps = Xs;
-Me.currentInput = be;
+Re.defaultProps = ie;
+Re.setDefaultProps = Xs;
+Re.currentInput = ye;
 Object.assign({}, io, {
   effect: function(t) {
     var n = t.state, o = {
@@ -3617,10 +3625,10 @@ Object.assign({}, io, {
     Object.assign(n.elements.popper.style, o.popper), n.styles = o, n.elements.arrow && Object.assign(n.elements.arrow.style, o.arrow);
   }
 });
-Me.setDefaultProps({
+Re.setDefaultProps({
   render: Lo
 });
-const _ = {
+const $ = {
   // Colors - all use CSS custom properties
   colors: {
     background: "var(--pubwave-color-background)",
@@ -3771,7 +3779,7 @@ const _ = {
   }
 }
 `, kc = tl;
-function Ye(...e) {
+function ot(...e) {
   return e.filter(Boolean).join(" ");
 }
 const Pt = {
@@ -3852,7 +3860,7 @@ function nl(e = Yt, t, n) {
                     groupLabels: r
                   },
                   editor: this.editor
-                }), p.clientRect && (l = Me("body", {
+                }), p.clientRect && (l = Re("body", {
                   getReferenceClientRect: p.clientRect,
                   appendTo: () => document.body,
                   content: s.element,
@@ -3861,7 +3869,7 @@ function nl(e = Yt, t, n) {
                   trigger: "manual",
                   placement: "bottom-start",
                   offset: [0, 8],
-                  zIndex: _.zIndex.dropdown,
+                  zIndex: $.zIndex.dropdown,
                   arrow: !1,
                   // Disable animations to prevent black block flash
                   duration: [0, 0],
@@ -3886,7 +3894,7 @@ function nl(e = Yt, t, n) {
                   },
                   onShow(c) {
                     const g = c.popper.querySelector(".tippy-box");
-                    g && (g.style.zIndex = String(_.zIndex.dropdown), g.style.backgroundColor = "transparent", g.style.background = "transparent", g.style.border = "none");
+                    g && (g.style.zIndex = String($.zIndex.dropdown), g.style.backgroundColor = "transparent", g.style.background = "transparent", g.style.border = "none");
                     const h = c.popper.querySelector(".pubwave-slash-menu");
                     if (h) {
                       const b = document.querySelector(".ProseMirror");
@@ -3933,7 +3941,7 @@ function nl(e = Yt, t, n) {
   });
 }
 const ol = Vt.forwardRef(function({ items: t, command: n, query: o = "", groupLabels: r }, a) {
-  const [i, s] = W(-1), l = G(null), p = G(null);
+  const [i, s] = V(-1), l = G(null), p = G(null);
   Y(() => {
     t.length > 0 && o.length > 0 ? s(0) : (t.length, s(-1));
   }, [t, o]), Ga(i, l, p);
@@ -3944,7 +3952,7 @@ const ol = Vt.forwardRef(function({ items: t, command: n, query: o = "", groupLa
       C.push(m), f[m.group] = C;
     }
     return f;
-  }, [t]), g = t, h = N(
+  }, [t]), g = t, h = z(
     (f) => {
       const m = g[f];
       m && n(m);
@@ -3997,7 +4005,7 @@ const ol = Vt.forwardRef(function({ items: t, command: n, query: o = "", groupLa
   dropPosition: null,
   cancelled: !1
 };
-function Oe(e, t) {
+function Ue(e, t) {
   switch (t.type) {
     case "START_DRAG":
       return {
@@ -4156,7 +4164,7 @@ function al(e) {
     },
     props: {
       handleKeyDown(n, o) {
-        return o.key === "Escape" && t.draggingBlockId ? (t = Oe(t, { type: "CANCEL_DRAG" }), n.dispatch(n.state.tr.setMeta(oe, t)), !0) : !1;
+        return o.key === "Escape" && t.draggingBlockId ? (t = Ue(t, { type: "CANCEL_DRAG" }), n.dispatch(n.state.tr.setMeta(oe, t)), !0) : !1;
       },
       handleDOMEvents: {
         dragover(n, o) {
@@ -4167,11 +4175,11 @@ function al(e) {
             n.state
           ) ?? t;
           const a = _n(n, o);
-          return a ? (t = Oe(t, {
+          return a ? (t = Ue(t, {
             type: "UPDATE_DROP_TARGET",
             pos: a.pos,
             position: a.position
-          }), n.dispatch(n.state.tr.setMeta(oe, t))) : t.dropTargetPos !== null && (t = Oe(t, {
+          }), n.dispatch(n.state.tr.setMeta(oe, t))) : t.dropTargetPos !== null && (t = Ue(t, {
             type: "UPDATE_DROP_TARGET",
             pos: null,
             position: null
@@ -4206,11 +4214,11 @@ function al(e) {
             p,
             c
           );
-          return t = Oe(t, { type: "COMPLETE_DRAG" }), n.dispatch(n.state.tr.setMeta(oe, t)), g;
+          return t = Ue(t, { type: "COMPLETE_DRAG" }), n.dispatch(n.state.tr.setMeta(oe, t)), g;
         },
         dragleave(n, o) {
           const r = o.relatedTarget;
-          return r != null && r.closest(".pubwave-editor") || (t = Oe(t, {
+          return r != null && r.closest(".pubwave-editor") || (t = Ue(t, {
             type: "UPDATE_DROP_TARGET",
             pos: null,
             position: null
@@ -4224,11 +4232,11 @@ function Bo(e) {
   return oe.getState(e.state) ?? It;
 }
 function il(e, t, n) {
-  const { view: o } = e, r = { type: "START_DRAG", blockId: t, pos: n }, a = Oe(Bo(e), r);
+  const { view: o } = e, r = { type: "START_DRAG", blockId: t, pos: n }, a = Ue(Bo(e), r);
   o.dispatch(o.state.tr.setMeta(oe, a));
 }
 function xc(e) {
-  const { view: t } = e, n = { type: "CANCEL_DRAG" }, o = Oe(Bo(e), n);
+  const { view: t } = e, n = { type: "CANCEL_DRAG" }, o = Ue(Bo(e), n);
   t.dispatch(t.state.tr.setMeta(oe, o));
 }
 const Cc = [
@@ -4475,23 +4483,23 @@ const Rt = {
   toolbar: "Text formatting toolbar",
   // Drag and Drop
   dragHandle: "Drag to reorder block"
-}, tt = {
+}, it = {
   bold: "Cmd+B",
   italic: "Cmd+I",
   underline: "Cmd+U",
   strike: "Cmd+Shift+X",
   code: "Cmd+E"
 };
-function Be(e, t) {
+function Ie(e, t) {
   return t ? `${e} (${t})` : e;
 }
-const xe = Vt.forwardRef(
+const Pe = Vt.forwardRef(
   ({ active: e = !1, disabled: t = !1, onClick: n, "data-tooltip": o, "data-testid": r, "aria-label": a, children: i, style: s }, l) => /* @__PURE__ */ u(
     "button",
     {
       ref: l,
       type: "button",
-      className: Ye(
+      className: ot(
         "pubwave-toolbar__button",
         e && "pubwave-toolbar__button--active",
         t && "pubwave-toolbar__button--disabled"
@@ -4528,7 +4536,7 @@ const xe = Vt.forwardRef(
     }
   )
 );
-xe.displayName = "ToolbarButton";
+Pe.displayName = "ToolbarButton";
 function Nn() {
   return /* @__PURE__ */ u(
     "div",
@@ -4583,7 +4591,7 @@ function fn({
   onClick: l,
   "data-testid": p
 }) {
-  const [c, g] = W("top"), [h, b] = W(null), f = G(null);
+  const [c, g] = V("top"), [h, b] = V(null), f = G(null);
   if (Y(() => {
     if (!e || !t.current) return;
     const C = () => {
@@ -4592,8 +4600,8 @@ function fn({
       g(A);
       let w = t.current.parentElement;
       for (; w; ) {
-        const S = window.getComputedStyle(w);
-        if (S.position === "relative" || S.position === "absolute" || S.position === "fixed")
+        const O = window.getComputedStyle(w);
+        if (O.position === "relative" || O.position === "absolute" || O.position === "fixed")
           break;
         w = w.parentElement;
       }
@@ -4604,8 +4612,8 @@ function fn({
         i
       );
       if (w) {
-        const S = w.getBoundingClientRect(), R = M.left - S.left;
-        b({ align: M.align, left: R });
+        const O = w.getBoundingClientRect(), _ = M.left - O.left;
+        b({ align: M.align, left: _ });
       } else
         b(M);
     };
@@ -4671,7 +4679,7 @@ function fn({
   );
 }
 function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
-  const r = _e(), a = G(null), i = N(() => e.isActive("heading", { level: 1 }) ? "heading1" : e.isActive("heading", { level: 2 }) ? "heading2" : e.isActive("heading", { level: 3 }) ? "heading3" : e.isActive("bulletList") ? "bulletList" : e.isActive("orderedList") ? "orderedList" : e.isActive("taskList") ? "taskList" : e.isActive("blockquote") ? "blockquote" : e.isActive("codeBlock") ? "codeBlock" : "paragraph", [e]), s = nn(
+  const r = We(), a = G(null), i = z(() => e.isActive("heading", { level: 1 }) ? "heading1" : e.isActive("heading", { level: 2 }) ? "heading2" : e.isActive("heading", { level: 3 }) ? "heading3" : e.isActive("bulletList") ? "bulletList" : e.isActive("orderedList") ? "orderedList" : e.isActive("taskList") ? "taskList" : e.isActive("blockquote") ? "blockquote" : e.isActive("codeBlock") ? "codeBlock" : "paragraph", [e]), s = nn(
     () => [
       {
         id: "paragraph",
@@ -4717,7 +4725,7 @@ function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
       }
     ],
     [r]
-  ), l = i(), p = s.find((h) => h.id === l), c = N(
+  ), l = i(), p = s.find((h) => h.id === l), c = z(
     (h) => {
       h.action(e), o(), setTimeout(() => {
         e.chain().blur().run();
@@ -4727,12 +4735,12 @@ function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
   ), g = (h) => h === r.toolbar.blockTypes.heading1 ? r.toolbar.blockTypes.heading1 : h === r.toolbar.blockTypes.heading2 ? r.toolbar.blockTypes.heading2 : h === r.toolbar.blockTypes.heading3 ? r.toolbar.blockTypes.heading3 : h === r.toolbar.blockTypes.bulletedList ? r.toolbar.blockTypes.bulletedList : h === r.toolbar.blockTypes.numberedList ? r.toolbar.blockTypes.numberedList : r.toolbar.blockTypes.text;
   return /* @__PURE__ */ I("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         ref: a,
         active: t,
         onClick: n,
-        "data-tooltip": Be(r.toolbar.turnInto),
+        "data-tooltip": Ie(r.toolbar.turnInto),
         "data-testid": "toolbar-turnInto",
         "aria-label": r.aria.turnIntoButton,
         style: { width: "auto", minWidth: "auto", padding: "0 8px", height: "var(--pubwave-button-height, 28px)" },
@@ -4759,7 +4767,7 @@ function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
           boxShadow: "var(--pubwave-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))",
           padding: "var(--pubwave-spacing-1, 4px)",
           minWidth: "240px",
-          zIndex: _.zIndex.dropdown + 1
+          zIndex: $.zIndex.dropdown + 1
         },
         children: [
           /* @__PURE__ */ u("div", { style: Pt, children: r.toolbar.turnInto }),
@@ -4769,7 +4777,7 @@ function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
               "button",
               {
                 type: "button",
-                className: Ye(
+                className: ot(
                   "pubwave-toolbar__turn-into-option",
                   b && "pubwave-toolbar__turn-into-option--active"
                 ),
@@ -4814,12 +4822,12 @@ function dl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
     )
   ] });
 }
-function ge(e) {
+function xe(e) {
   return !!(e && !e.isDestroyed);
 }
 function Xc(e, t) {
-  ge(e) && Z(() => {
-    if (ge(e))
+  xe(e) && Z(() => {
+    if (xe(e))
       switch (t) {
         case "start":
           e.commands.focus("start");
@@ -4835,18 +4843,18 @@ function Xc(e, t) {
       }
   });
 }
-function Ne(e) {
-  ge(e) && Z(() => {
-    ge(e) && (e.isFocused || e.commands.focus());
+function Ve(e) {
+  xe(e) && Z(() => {
+    xe(e) && (e.isFocused || e.commands.focus());
   });
 }
 function Jc(e, t) {
-  ge(e) && (t.preventDefault(), Z(() => {
-    ge(e) && e.commands.focus();
+  xe(e) && (t.preventDefault(), Z(() => {
+    xe(e) && e.commands.focus();
   }));
 }
 function Zc(e) {
-  if (!ge(e))
+  if (!xe(e))
     return function() {
     };
   const t = (o) => {
@@ -4863,17 +4871,17 @@ function Zc(e) {
   };
 }
 function pl(e) {
-  if (!ge(e)) return null;
+  if (!xe(e)) return null;
   const { from: t, to: n, empty: o } = e.state.selection;
   return { from: t, to: n, empty: o };
 }
 function Bt(e, t) {
-  if (!ge(e) || !t) return;
+  if (!xe(e) || !t) return;
   const { from: n, to: o } = t, r = e.state.doc.content.size, a = Math.min(n, r), i = Math.min(o, r);
   e.commands.setTextSelection({ from: a, to: i });
 }
 function Qc(e) {
-  if (!ge(e)) return;
+  if (!xe(e)) return;
   const { selection: t } = e.state;
   if (t.$anchor.pos > 0) {
     e.commands.focus();
@@ -4897,7 +4905,7 @@ function eu(e) {
   };
 }
 function fl({ editor: e, isOpen: t, onToggle: n, onClose: o, selectionState: r }) {
-  const a = _e(), i = G(null), s = G(null), l = G(null), p = G([]), c = G(null), [g, h] = W(""), b = (r == null ? void 0 : r.hasLink) ?? !1, f = (r == null ? void 0 : r.linkHref) ?? null;
+  const a = We(), i = G(null), s = G(null), l = G(null), p = G([]), c = G(null), [g, h] = V(""), b = (r == null ? void 0 : r.hasLink) ?? !1, f = (r == null ? void 0 : r.linkHref) ?? null;
   Y(() => {
     t ? (c.current = pl(e), h(f || ""), setTimeout(() => {
       var x, d;
@@ -4915,7 +4923,7 @@ function fl({ editor: e, isOpen: t, onToggle: n, onClose: o, selectionState: r }
           l.current.querySelectorAll("[data-tooltip]").forEach((d) => {
             const A = d.getAttribute("data-tooltip");
             if (A) {
-              const w = Me(d, {
+              const w = Re(d, {
                 content: A,
                 placement: "top",
                 delay: [300, 0],
@@ -4931,7 +4939,7 @@ function fl({ editor: e, isOpen: t, onToggle: n, onClose: o, selectionState: r }
       };
     }
   }, [t, a, g, f]);
-  const m = N((x) => {
+  const m = z((x) => {
     if (x == null || x.preventDefault(), !g.trim()) {
       c.current && Bt(e, c.current), e.chain().focus().unsetLink().run(), c.current && Z(() => {
         Z(() => {
@@ -4946,26 +4954,26 @@ function fl({ editor: e, isOpen: t, onToggle: n, onClose: o, selectionState: r }
         Bt(e, c.current);
       });
     }), o();
-  }, [e, g, o]), C = N(() => {
+  }, [e, g, o]), C = z(() => {
     const x = g.trim() || f;
     if (x) {
       let d = x;
       !/^https?:\/\//i.test(d) && !d.startsWith("/") && !d.startsWith("#") && (d = `https://${d}`), window.open(d, "_blank", "noopener,noreferrer");
     }
-  }, [g, f]), k = N(() => {
+  }, [g, f]), k = z(() => {
     var x;
     h(""), (x = s.current) == null || x.focus();
-  }, []), P = N((x) => {
+  }, []), P = z((x) => {
     x.key === "Enter" ? (x.preventDefault(), m()) : x.key === "Escape" && (x.preventDefault(), o(), e.chain().focus().run());
   }, [m, o, e]);
   return /* @__PURE__ */ I("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         ref: i,
         active: b,
         onClick: n,
-        "data-tooltip": Be(a.toolbar.link),
+        "data-tooltip": Ie(a.toolbar.link),
         "data-testid": "toolbar-link",
         "aria-label": a.aria.linkButton,
         children: /* @__PURE__ */ u(ii, {})
@@ -4987,7 +4995,7 @@ function fl({ editor: e, isOpen: t, onToggle: n, onClose: o, selectionState: r }
           boxShadow: "var(--pubwave-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05))",
           padding: "var(--pubwave-spacing-2, 8px)",
           minWidth: "280px",
-          zIndex: _.zIndex.dropdown + 1
+          zIndex: $.zIndex.dropdown + 1
         },
         children: /* @__PURE__ */ u("div", { ref: l, children: /* @__PURE__ */ u("form", { onSubmit: m, style: { display: "flex", flexDirection: "column", gap: "8px" }, children: /* @__PURE__ */ I("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
           /* @__PURE__ */ u(
@@ -5156,7 +5164,7 @@ function $n(e) {
     }
 }
 function ml({ editor: e, onClose: t, buttonRef: n }) {
-  const o = _e(), [r, a] = W([]), i = G(null), s = G([]);
+  const o = We(), [r, a] = V([]), i = G(null), s = G([]);
   Y(() => {
     const f = vl();
     f.length > 0 && a(f);
@@ -5193,7 +5201,7 @@ function ml({ editor: e, onClose: t, buttonRef: n }) {
         i.current.querySelectorAll("[data-tooltip]").forEach((m) => {
           const C = m.getAttribute("data-tooltip");
           if (C) {
-            const k = Me(m, {
+            const k = Re(m, {
               content: C,
               placement: "top",
               delay: [300, 0],
@@ -5223,7 +5231,7 @@ function ml({ editor: e, onClose: t, buttonRef: n }) {
         boxShadow: "var(--pubwave-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))",
         padding: "12px",
         minWidth: "240px",
-        zIndex: _.zIndex.dropdown + 1
+        zIndex: $.zIndex.dropdown + 1
       },
       children: /* @__PURE__ */ I("div", { ref: i, children: [
         r.length > 0 && /* @__PURE__ */ I("div", { style: { marginBottom: "16px" }, children: [
@@ -5364,7 +5372,7 @@ function ml({ editor: e, onClose: t, buttonRef: n }) {
   );
 }
 function gl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
-  const r = _e(), a = G(null), i = () => {
+  const r = We(), a = G(null), i = () => {
     try {
       const f = e.getAttributes("textColor");
       return (f == null ? void 0 : f.color) || null;
@@ -5387,12 +5395,12 @@ function gl({ editor: e, isOpen: t, onToggle: n, onClose: o }) {
   })(), b = p;
   return /* @__PURE__ */ I("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         ref: a,
         active: !!c,
         onClick: n,
-        "data-tooltip": Be(r.toolbar.textColor),
+        "data-tooltip": Ie(r.toolbar.textColor),
         "data-testid": "toolbar-colorPicker",
         "aria-label": r.aria.colorPickerButton,
         children: /* @__PURE__ */ u(ui, { textColor: h, backgroundColor: b })
@@ -5412,21 +5420,21 @@ function yl({
   editor: e,
   selectionState: t
 }) {
-  const n = _e(), [o, r] = W(null), a = N(() => {
+  const n = We(), [o, r] = V(null), a = z(() => {
     r(null), e.chain().focus().toggleBold().run();
-  }, [e]), i = N(() => {
+  }, [e]), i = z(() => {
     r(null), e.chain().focus().toggleItalic().run();
-  }, [e]), s = N(() => {
+  }, [e]), s = z(() => {
     r(null), e.chain().focus().toggleUnderline().run();
-  }, [e]), l = N(() => {
+  }, [e]), l = z(() => {
     r(null), e.chain().focus().toggleStrike().run();
-  }, [e]), p = N(() => {
+  }, [e]), p = z(() => {
     r(null), e.chain().focus().toggleCode().run();
-  }, [e]), c = N(() => {
+  }, [e]), c = z(() => {
     r((P) => P === "turnInto" ? null : "turnInto");
-  }, []), g = N(() => {
+  }, []), g = z(() => {
     r((P) => P === "link" ? null : "link");
-  }, []), h = N(() => {
+  }, []), h = z(() => {
     r((P) => P === "colorPicker" ? null : "colorPicker");
   }, []), b = (t == null ? void 0 : t.isBold) ?? !1, f = (t == null ? void 0 : t.isItalic) ?? !1, m = (t == null ? void 0 : t.isUnderline) ?? !1, C = (t == null ? void 0 : t.isStrike) ?? !1, k = (t == null ? void 0 : t.isCode) ?? !1;
   return /* @__PURE__ */ I(dr, { children: [
@@ -5441,55 +5449,55 @@ function yl({
     ),
     /* @__PURE__ */ u(Nn, {}),
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         active: b,
         onClick: a,
-        "data-tooltip": Be(n.toolbar.bold, tt.bold),
+        "data-tooltip": Ie(n.toolbar.bold, it.bold),
         "data-testid": "toolbar-bold",
         "aria-label": n.aria.boldButton,
         children: /* @__PURE__ */ u(ti, {})
       }
     ),
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         active: f,
         onClick: i,
-        "data-tooltip": Be(n.toolbar.italic, tt.italic),
+        "data-tooltip": Ie(n.toolbar.italic, it.italic),
         "data-testid": "toolbar-italic",
         "aria-label": n.aria.italicButton,
         children: /* @__PURE__ */ u(ni, {})
       }
     ),
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         active: m,
         onClick: s,
-        "data-tooltip": Be(n.toolbar.underline, tt.underline),
+        "data-tooltip": Ie(n.toolbar.underline, it.underline),
         "data-testid": "toolbar-underline",
         "aria-label": n.aria.underlineButton,
         children: /* @__PURE__ */ u(oi, {})
       }
     ),
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         active: C,
         onClick: l,
-        "data-tooltip": Be(n.toolbar.strike, tt.strike),
+        "data-tooltip": Ie(n.toolbar.strike, it.strike),
         "data-testid": "toolbar-strike",
         "aria-label": n.aria.strikeButton,
         children: /* @__PURE__ */ u(ri, {})
       }
     ),
     /* @__PURE__ */ u(
-      xe,
+      Pe,
       {
         active: k,
         onClick: p,
-        "data-tooltip": Be(n.toolbar.code, tt.code),
+        "data-tooltip": Ie(n.toolbar.code, it.code),
         "data-testid": "toolbar-code",
         "aria-label": n.aria.codeButton,
         children: /* @__PURE__ */ u(ai, {})
@@ -5517,8 +5525,8 @@ function yl({
     )
   ] });
 }
-const nt = 8;
-function De(e) {
+const st = 8;
+function ze(e) {
   return !e.isDestroyed;
 }
 function wl(e, t) {
@@ -5528,18 +5536,18 @@ function wl(e, t) {
     s,
     b,
     h,
-    nt
+    st
   );
   let m;
-  f === "top" ? m = s - h - nt : m = b + nt;
+  f === "top" ? m = s - h - st : m = b + st;
   const k = So(
     l,
     p,
     g,
     "center",
     // Default to center alignment
-    nt
-  ).left, P = window.innerWidth, x = window.innerHeight, d = nt, A = Math.max(d, Math.min(k, P - g - d));
+    st
+  ).left, P = window.innerWidth, x = window.innerHeight, d = st, A = Math.max(d, Math.min(k, P - g - d));
   return { top: Math.max(d, Math.min(m, x - h - d)), left: A, visible: !0 };
 }
 function kl({
@@ -5548,39 +5556,39 @@ function kl({
   children: n,
   onVisibilityChange: o
 }) {
-  const r = G(null), a = G(!1), i = G(0), s = G(!1), [l, p] = W({
+  const r = G(null), a = G(!1), i = G(0), s = G(!1), [l, p] = V({
     top: 0,
     left: 0,
     visible: !1
-  }), [c, g] = W(
+  }), [c, g] = V(
     null
-  ), [h, b] = W(!1), f = G([]), m = nn(() => !De(e) || a.current || !h ? !1 : Ft(e), [e, c, h]), C = N(() => {
-    if (!De(e)) return;
+  ), [h, b] = V(!1), f = G([]), m = nn(() => !ze(e) || a.current || !h ? !1 : Ft(e), [e, c, h]), C = z(() => {
+    if (!ze(e)) return;
     const x = Mo(e);
     g(x);
-  }, [e]), k = N(() => {
+  }, [e]), k = z(() => {
     if (!m || !r.current) {
       p((x) => ({ ...x, visible: !1 }));
       return;
     }
     Z(() => {
-      if (!De(e)) return;
+      if (!ze(e)) return;
       const x = wl(e, r.current);
       p(x);
     });
   }, [e, m]);
   Y(() => {
-    if (!De(e)) return;
+    if (!ze(e)) return;
     const d = e.view.dom.closest(".pubwave-editor"), A = (M) => {
-      const S = M.target, R = r.current;
-      if (R && S && R.contains(S)) {
+      const O = M.target, _ = r.current;
+      if (_ && O && _.contains(O)) {
         a.current = !1;
         return;
       }
-      d && S && d.contains(S) ? s.current = !0 : s.current = !1, a.current = !0, b(!1);
+      d && O && d.contains(O) ? s.current = !0 : s.current = !1, a.current = !0, b(!1);
     }, w = (M) => {
-      const S = Date.now(), L = S - i.current < 300;
-      i.current = S;
+      const O = Date.now(), L = O - i.current < 300;
+      i.current = O;
       const v = M.target, T = r.current;
       if (T && v && T.contains(v)) {
         a.current = !1;
@@ -5591,16 +5599,16 @@ function kl({
         return;
       }
       setTimeout(() => {
-        De(e) && (Ft(e) ? (C(), b(!0), Z(() => {
+        ze(e) && (Ft(e) ? (C(), b(!0), Z(() => {
           k();
-        })) : (b(!1), p((H) => ({ ...H, visible: !1 }))));
+        })) : (b(!1), p((N) => ({ ...N, visible: !1 }))));
       }, L ? 100 : 10);
     };
     return document.addEventListener("mousedown", A), document.addEventListener("mouseup", w), () => {
       document.removeEventListener("mousedown", A), document.removeEventListener("mouseup", w);
     };
   }, [e, C, k]), Y(() => {
-    if (!De(e)) return;
+    if (!ze(e)) return;
     C();
     const x = () => {
       !a.current && h && C();
@@ -5628,7 +5636,7 @@ function kl({
       window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
     };
   }, [m, k]);
-  const P = _e();
+  const P = We();
   return Y(() => {
     if (!Et()) {
       if (!m || !l.visible || !r.current) {
@@ -5640,7 +5648,7 @@ function kl({
         r.current.querySelectorAll("[data-tooltip]").forEach((d) => {
           const A = d.getAttribute("data-tooltip");
           if (A) {
-            const w = Me(d, {
+            const w = Re(d, {
               content: A,
               placement: "top",
               delay: [300, 0],
@@ -5654,11 +5662,11 @@ function kl({
         f.current.forEach((x) => x.destroy()), f.current = [];
       };
     }
-  }, [m, l.visible, P]), De(e) ? /* @__PURE__ */ u(
+  }, [m, l.visible, P]), ze(e) ? /* @__PURE__ */ u(
     "div",
     {
       ref: r,
-      className: Ye(
+      className: ot(
         "pubwave-toolbar",
         m && l.visible ? "pubwave-toolbar--visible" : "pubwave-toolbar--hidden",
         t
@@ -5667,11 +5675,11 @@ function kl({
         position: "fixed",
         top: l.top,
         left: l.left,
-        zIndex: _.zIndex.toolbar,
+        zIndex: $.zIndex.toolbar,
         opacity: m && l.visible ? 1 : 0,
         pointerEvents: m && l.visible ? "auto" : "none",
         transform: m && l.visible ? "translateY(0)" : "translateY(4px)",
-        transition: `opacity ${_.transition.fast}, transform ${_.transition.fast}`,
+        transition: `opacity ${$.transition.fast}, transform ${$.transition.fast}`,
         // Ensure toolbar is above editor container and can receive clicks
         isolation: "isolate"
       },
@@ -5736,7 +5744,7 @@ function Cl(e, t, n) {
   return null;
 }
 function Tl({ editor: e }) {
-  const t = G(null), n = G(null), o = G(!1), r = G(null), [a, i] = W(!1), [s, l] = W(!1), [p, c] = W({ top: 0 }), [g, h] = W(!1), [b, f] = W(!1);
+  const t = G(null), n = G(null), o = G(!1), r = G(null), [a, i] = V(!1), [s, l] = V(!1), [p, c] = V({ top: 0 }), [g, h] = V(!1), [b, f] = V(!1);
   Y(() => {
     const w = () => {
       h(Et()), f(window.innerWidth < xl);
@@ -5745,51 +5753,51 @@ function Tl({ editor: e }) {
       window.removeEventListener("resize", w);
     };
   }, []);
-  const m = N(() => {
+  const m = z(() => {
     const w = t.current, M = n.current;
     if (!w || !M) return;
-    const S = w.closest(".pubwave-editor");
-    if (!S) return;
-    S.offsetHeight;
-    const R = S.getBoundingClientRect();
+    const O = w.closest(".pubwave-editor");
+    if (!O) return;
+    O.offsetHeight;
+    const _ = O.getBoundingClientRect();
     let L = 14, v = M;
     ["UL", "OL", "BLOCKQUOTE"].includes(M.tagName) && M.firstElementChild instanceof HTMLElement && (v = M.firstElementChild), v.offsetHeight;
     const T = v.getBoundingClientRect();
     try {
-      const H = window.getComputedStyle(v), z = H.lineHeight;
-      if (z && z !== "normal") {
-        const U = parseFloat(z);
+      const N = window.getComputedStyle(v), H = N.lineHeight;
+      if (H && H !== "normal") {
+        const U = parseFloat(H);
         isNaN(U) || (L = U / 2);
       } else {
-        const U = parseFloat(H.fontSize);
+        const U = parseFloat(N.fontSize);
         isNaN(U) || (L = U * 1.5 / 2);
       }
     } catch {
     }
-    const B = T.top - R.top + L;
+    const B = T.top - _.top + L;
     !isNaN(B) && isFinite(B) && B >= 0 && c({ top: B });
-  }, []), C = N((w) => {
+  }, []), C = z((w) => {
     n.current = w, i(!0), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         m();
       });
     });
-  }, [m]), k = N(() => {
+  }, [m]), k = z(() => {
     o.current || (n.current = null, i(!1));
-  }, []), P = N(() => {
+  }, []), P = z(() => {
     r.current && (clearTimeout(r.current), r.current = null);
   }, []);
   Y(() => {
     const w = e.view.dom, M = w.closest(".pubwave-editor");
     if (!M) return;
-    const S = (T) => {
+    const O = (T) => {
       if (o.current) return;
       const B = T.target;
       if (!B || (P(), B.closest(".pubwave-block-handle")) || !w.contains(B))
         return;
-      const H = Cl(B, w, e);
-      H && (H !== n.current ? C(H) : i(!0));
-    }, R = (T) => {
+      const N = Cl(B, w, e);
+      N && (N !== n.current ? C(N) : i(!0));
+    }, _ = (T) => {
       if (o.current) return;
       const B = T.relatedTarget;
       if (!B) {
@@ -5806,12 +5814,12 @@ function Tl({ editor: e }) {
         k();
       }, 150));
     };
-    w.addEventListener("mouseover", S), w.addEventListener("mouseout", R), M.addEventListener("mouseleave", L);
+    w.addEventListener("mouseover", O), w.addEventListener("mouseout", _), M.addEventListener("mouseleave", L);
     const v = ({ transaction: T }) => {
       T.docChanged && !o.current && k();
     };
     return e.on("transaction", v), () => {
-      w.removeEventListener("mouseover", S), w.removeEventListener("mouseout", R), M.removeEventListener("mouseleave", L), e.off("transaction", v), P();
+      w.removeEventListener("mouseover", O), w.removeEventListener("mouseout", _), M.removeEventListener("mouseleave", L), e.off("transaction", v), P();
     };
   }, [e, C, k, P]), Y(() => {
     a && n.current && requestAnimationFrame(() => {
@@ -5826,54 +5834,54 @@ function Tl({ editor: e }) {
     };
     return window.addEventListener("scroll", w, !0), () => window.removeEventListener("scroll", w, !0);
   }, [a, m]);
-  const x = N(() => {
+  const x = z(() => {
     const w = n.current;
     if (w)
       try {
-        const M = e.view.posAtDOM(w, 0), S = e.state.doc.resolve(M);
-        let R = M;
-        for (let T = S.depth; T > 0; T--)
-          if (S.node(T).isBlock) {
-            R = S.start(T);
+        const M = e.view.posAtDOM(w, 0), O = e.state.doc.resolve(M);
+        let _ = M;
+        for (let T = O.depth; T > 0; T--)
+          if (O.node(T).isBlock) {
+            _ = O.start(T);
             break;
           }
-        const v = e.state.doc.resolve(R).after(1);
+        const v = e.state.doc.resolve(_).after(1);
         e.chain().focus().insertContentAt(v, { type: "paragraph" }).setTextSelection(v + 1).run(), setTimeout(() => {
           e.commands.insertContent("/");
         }, 10);
       } catch (M) {
         console.error("Failed to add block:", M);
       }
-  }, [e]), d = N((w) => {
+  }, [e]), d = z((w) => {
     const M = n.current;
     if (!M) return;
     o.current = !0, requestAnimationFrame(() => {
       l(!0);
     });
-    const S = e.view.posAtDOM(M, 0), R = Ot(e.state.doc, S);
-    if (!R)
+    const O = e.view.posAtDOM(M, 0), _ = Ot(e.state.doc, O);
+    if (!_)
       return;
-    const L = R.pos, v = `block-${L}`;
+    const L = _.pos, v = `block-${L}`;
     il(e, v, L), w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("application/x-pubwave-block", v), M.classList.add("pubwave-block--dragging");
     const T = M.cloneNode(!0);
     T.classList.add("pubwave-block--drag-preview"), T.style.opacity = "1";
-    const B = (F) => {
-      F.style.setProperty("color", "#9b9a97", "important"), F.style.setProperty("border-color", "#9b9a97", "important"), F.style.setProperty("--pubwave-text", "#9b9a97", "important"), Array.from(F.children).forEach((O) => {
-        O instanceof HTMLElement && B(O);
+    const B = (j) => {
+      j.style.setProperty("color", "#9b9a97", "important"), j.style.setProperty("border-color", "#9b9a97", "important"), j.style.setProperty("--pubwave-text", "#9b9a97", "important"), Array.from(j.children).forEach((S) => {
+        S instanceof HTMLElement && B(S);
       });
     };
     B(T);
-    const H = M.getBoundingClientRect();
-    T.style.width = `${H.width}px`, T.style.position = "static", T.style.transform = "none";
-    const z = document.createElement("div");
-    z.className = "pubwave-editor";
+    const N = M.getBoundingClientRect();
+    T.style.width = `${N.width}px`, T.style.position = "static", T.style.transform = "none";
+    const H = document.createElement("div");
+    H.className = "pubwave-editor";
     const U = document.createElement("div");
     U.className = "pubwave-editor__content";
-    const V = document.createElement("div");
-    V.className = "ProseMirror", V.appendChild(T), U.appendChild(V), z.appendChild(U), z.style.position = "absolute", z.style.top = "-9999px", z.style.left = "-9999px", document.body.appendChild(z), w.dataTransfer.setDragImage(T, 0, 0), setTimeout(() => {
-      document.body.removeChild(z);
+    const q = document.createElement("div");
+    q.className = "ProseMirror", q.appendChild(T), U.appendChild(q), H.appendChild(U), H.style.position = "absolute", H.style.top = "-9999px", H.style.left = "-9999px", document.body.appendChild(H), w.dataTransfer.setDragImage(T, 0, 0), setTimeout(() => {
+      document.body.removeChild(H);
     }, 0);
-  }, [e]), A = N(() => {
+  }, [e]), A = z(() => {
     o.current = !1, l(!1), n.current && n.current.classList.remove("pubwave-block--dragging"), i(!1);
   }, []);
   return g || b || !a ? null : /* @__PURE__ */ I(
@@ -5891,8 +5899,8 @@ function Tl({ editor: e }) {
         alignItems: "center",
         gap: "2px",
         pointerEvents: "auto",
-        transition: `opacity ${_.transition.fast}`,
-        zIndex: _.zIndex.dragHandle,
+        transition: `opacity ${$.transition.fast}`,
+        zIndex: $.zIndex.dragHandle,
         opacity: a && !s ? 1 : 0
       },
       onMouseEnter: (w) => {
@@ -5920,11 +5928,11 @@ function Tl({ editor: e }) {
               alignItems: "center",
               justifyContent: "center",
               border: "none",
-              borderRadius: _.borderRadius.sm,
+              borderRadius: $.borderRadius.sm,
               background: "transparent",
-              color: `var(--pubwave-text-muted, ${_.colors.textMuted})`,
+              color: `var(--pubwave-text-muted, ${$.colors.textMuted})`,
               cursor: "pointer",
-              transition: `background-color ${_.transition.fast}, color ${_.transition.fast}`
+              transition: `background-color ${$.transition.fast}, color ${$.transition.fast}`
             },
             title: "Add block",
             "aria-label": "Add block below",
@@ -5949,11 +5957,11 @@ function Tl({ editor: e }) {
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              borderRadius: _.borderRadius.sm,
+              borderRadius: $.borderRadius.sm,
               background: "transparent",
-              color: `var(--pubwave-text-muted, ${_.colors.textMuted})`,
+              color: `var(--pubwave-text-muted, ${$.colors.textMuted})`,
               cursor: "grab",
-              transition: `background-color ${_.transition.fast}, color ${_.transition.fast}`
+              transition: `background-color ${$.transition.fast}, color ${$.transition.fast}`
             },
             role: "button",
             tabIndex: 0,
@@ -5990,7 +5998,7 @@ function Al({
   return /* @__PURE__ */ I(
     "div",
     {
-      className: Ye(
+      className: ot(
         "pubwave-drop-indicator",
         e && "pubwave-drop-indicator--visible",
         `pubwave-drop-indicator--${t}`,
@@ -6002,14 +6010,14 @@ function Al({
         left: 0,
         right: 0,
         height: "2px",
-        backgroundColor: `var(--pubwave-drop-indicator-color, ${_.colors.dropIndicator})`,
+        backgroundColor: `var(--pubwave-drop-indicator-color, ${$.colors.dropIndicator})`,
         borderRadius: "1px",
         // Position based on before/after
         ...t === "before" ? { top: "-1px" } : { bottom: "-1px" },
         // Visibility and animation
         opacity: e ? 1 : 0,
         transform: e ? "scaleX(1)" : "scaleX(0.8)",
-        transition: `opacity ${_.transition.fast}, transform ${_.transition.fast}`,
+        transition: `opacity ${$.transition.fast}, transform ${$.transition.fast}`,
         // Ensure it's above other content
         zIndex: 10,
         pointerEvents: "none"
@@ -6035,15 +6043,15 @@ function zn({ position: e, visible: t }) {
         width: "8px",
         height: "8px",
         borderRadius: "50%",
-        backgroundColor: `var(--pubwave-drop-indicator-color, ${_.colors.dropIndicator})`,
+        backgroundColor: `var(--pubwave-drop-indicator-color, ${$.colors.dropIndicator})`,
         opacity: t ? 1 : 0,
-        transition: `opacity ${_.transition.fast}`
+        transition: `opacity ${$.transition.fast}`
       }
     }
   );
 }
 function Ml({ editor: e }) {
-  const [t, n] = W(null), [o, r] = W(null);
+  const [t, n] = V(null), [o, r] = V(null);
   return Y(() => {
     const a = oe.getState(e.state);
     a && n(a);
@@ -6155,7 +6163,7 @@ const tu = hr(
         const T = w(v);
         b == null || b(T);
       }
-    }), w = N(
+    }), w = z(
       (v) => ({
         getState: () => ({
           selection: {
@@ -6202,16 +6210,16 @@ const tu = hr(
       () => A ? w(A) : null,
       [A, w]
     );
-    const [M, S] = W(!1);
+    const [M, O] = V(!1);
     Y(() => {
-      S(!0);
+      O(!0);
     }, []), Y(() => {
       var T;
       if (!((T = A == null ? void 0 : A.view) != null && T.dom)) return;
       const v = A.view.dom;
       v && v.setAttribute("data-placeholder", d);
     }, [A, d, i == null ? void 0 : i.locale]);
-    const R = [
+    const _ = [
       "pubwave-editor",
       (i == null ? void 0 : i.classNamePrefix) ?? "",
       (i == null ? void 0 : i.containerClassName) ?? "",
@@ -6230,8 +6238,8 @@ const tu = hr(
       } : {}
     };
     if (m && (L["--pubwave-container-width"] = m, L.width = m, L["--pubwave-container-max-width"] = m, L.maxWidth = m), C && (L["--pubwave-container-height"] = C, L.height = C), k && (L["--pubwave-container-min-height"] = k, L.minHeight = k), i != null && i.colors) {
-      const { colors: v } = i, B = (v.text || "#1f2937").toLowerCase().trim(), H = B.startsWith("#f") || B.startsWith("#e") || B.includes("f1") || B.includes("f3") || B.includes("f0") || B.includes("fdf") || B.includes("ffb") || B.includes("ffc") || B.includes("ffd") || B.includes("ffe") || B.includes("fff") || B.includes("e0") || B.includes("e5") || B.includes("ecf") || B.includes("eef");
-      v.background && (v.background.includes("gradient") ? (L.background = v.background, H ? (L["--pubwave-surface"] = "rgba(38, 38, 38, 0.95)", L["--pubwave-bg"] = "#1a1a1a") : (L["--pubwave-surface"] = "rgba(255, 255, 255, 0.95)", L["--pubwave-bg"] = "#ffffff")) : (L["--pubwave-bg"] = v.background, L["--pubwave-surface"] = v.background)), v.text && (L["--pubwave-text"] = v.text), v.textMuted && (L["--pubwave-text-muted"] = v.textMuted), v.border && (L["--pubwave-border"] = v.border), v.primary && (L["--pubwave-primary"] = v.primary), v.linkColor && (L["--pubwave-link-color"] = v.linkColor), H ? L["--pubwave-hover"] = "rgba(255, 255, 255, 0.1)" : L["--pubwave-hover"] = "rgba(0, 0, 0, 0.05)";
+      const { colors: v } = i, B = (v.text || "#1f2937").toLowerCase().trim(), N = B.startsWith("#f") || B.startsWith("#e") || B.includes("f1") || B.includes("f3") || B.includes("f0") || B.includes("fdf") || B.includes("ffb") || B.includes("ffc") || B.includes("ffd") || B.includes("ffe") || B.includes("fff") || B.includes("e0") || B.includes("e5") || B.includes("ecf") || B.includes("eef");
+      v.background && (v.background.includes("gradient") ? (L.background = v.background, N ? (L["--pubwave-surface"] = "rgba(38, 38, 38, 0.95)", L["--pubwave-bg"] = "#1a1a1a") : (L["--pubwave-surface"] = "rgba(255, 255, 255, 0.95)", L["--pubwave-bg"] = "#ffffff")) : (L["--pubwave-bg"] = v.background, L["--pubwave-surface"] = v.background)), v.text && (L["--pubwave-text"] = v.text), v.textMuted && (L["--pubwave-text-muted"] = v.textMuted), v.border && (L["--pubwave-border"] = v.border), v.primary && (L["--pubwave-primary"] = v.primary), v.linkColor && (L["--pubwave-link-color"] = v.linkColor), N ? L["--pubwave-hover"] = "rgba(255, 255, 255, 0.1)" : L["--pubwave-hover"] = "rgba(0, 0, 0, 0.05)";
     }
     if (i != null && i.backgroundImage) {
       const v = i.backgroundImage, T = i.backgroundImageOptions || {};
@@ -6240,7 +6248,7 @@ const tu = hr(
     return !M || !A ? /* @__PURE__ */ u(bn, { value: { locale: x }, children: /* @__PURE__ */ u(
       "div",
       {
-        className: R,
+        className: _,
         "data-testid": P,
         role: "application",
         "aria-label": Rt.editor,
@@ -6249,7 +6257,7 @@ const tu = hr(
     ) }) : /* @__PURE__ */ u(bn, { value: { locale: x }, children: /* @__PURE__ */ I(
       "div",
       {
-        className: R,
+        className: _,
         "data-testid": P,
         role: "application",
         "aria-label": Rt.editor,
@@ -6264,62 +6272,62 @@ const tu = hr(
     ) });
   }
 );
-function He(e) {
+function Ge(e) {
   return !e.isDestroyed;
 }
 function Pl(e) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   const t = e.chain().focus().toggleBold().run();
-  return Ne(e), {
+  return Ve(e), {
     success: t,
     message: t ? "Bold toggled" : "Could not toggle bold"
   };
 }
 function Sl(e) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   const t = e.chain().focus().toggleItalic().run();
-  return Ne(e), {
+  return Ve(e), {
     success: t,
     message: t ? "Italic toggled" : "Could not toggle italic"
   };
 }
 function Dl(e, t) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   if (!t.trim())
     return { success: !1, message: "URL is required" };
   let n = t.trim();
   !/^https?:\/\//i.test(n) && !n.startsWith("/") && (n = `https://${n}`);
   const o = e.chain().focus().setLink({ href: n }).run();
-  return Ne(e), {
+  return Ve(e), {
     success: o,
     message: o ? "Link added" : "Could not add link"
   };
 }
 function Il(e) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   const t = e.chain().focus().unsetLink().run();
-  return Ne(e), {
+  return Ve(e), {
     success: t,
     message: t ? "Link removed" : "Could not remove link"
   };
 }
 function Ol(e, t = window.prompt.bind(window)) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   if (e.isActive("link"))
     return Il(e);
   const o = t("Enter URL:");
-  return o ? Dl(e, o) : (Ne(e), { success: !1, message: "Link cancelled" });
+  return o ? Dl(e, o) : (Ve(e), { success: !1, message: "Link cancelled" });
 }
 function nu(e, t) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   const n = e.chain().focus().setHeading({ level: t }).run();
-  Ne(e);
+  Ve(e);
   const o = String(t);
   return {
     success: n,
@@ -6327,10 +6335,10 @@ function nu(e, t) {
   };
 }
 function ou(e) {
-  if (!He(e))
+  if (!Ge(e))
     return { success: !1, message: "Editor not available" };
   const t = e.chain().focus().setParagraph().run();
-  return Ne(e), {
+  return Ve(e), {
     success: t,
     message: t ? "Paragraph applied" : "Could not set paragraph"
   };
@@ -6374,7 +6382,7 @@ function iu({
   onDragEnd: r,
   className: a
 }) {
-  const i = G(null), [s, l] = W(!1), p = N(
+  const i = G(null), [s, l] = V(!1), p = z(
     (f) => {
       if (f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", e), f.dataTransfer.setData("application/x-pubwave-block", e), i.current) {
         const m = i.current.getBoundingClientRect();
@@ -6387,21 +6395,21 @@ function iu({
       o == null || o(e, f);
     },
     [e, o]
-  ), c = N(
+  ), c = z(
     (f) => {
       l(!1), r == null || r(e, f);
     },
     [e, r]
-  ), g = N(() => {
+  ), g = z(() => {
     l(!0);
-  }, []), h = N(() => {
+  }, []), h = z(() => {
     l(!1);
   }, []), b = t || n;
   return /* @__PURE__ */ u(
     "div",
     {
       ref: i,
-      className: Ye(
+      className: ot(
         "pubwave-drag-handle",
         b && "pubwave-drag-handle--visible",
         n && "pubwave-drag-handle--dragging",
@@ -6424,7 +6432,7 @@ function iu({
         // Visual styling
         cursor: n ? "grabbing" : "grab",
         opacity: b ? 1 : 0,
-        transition: `opacity ${_.transition.fast}`,
+        transition: `opacity ${$.transition.fast}`,
         // Ensure clickable without stealing text selection
         userSelect: "none",
         WebkitUserSelect: "none"
@@ -6447,9 +6455,9 @@ function iu({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            borderRadius: _.borderRadius.sm,
-            backgroundColor: s ? `var(--pubwave-drag-handle-active-bg, ${_.colors.focus})` : "transparent",
-            transition: `background-color ${_.transition.fast}`
+            borderRadius: $.borderRadius.sm,
+            backgroundColor: s ? `var(--pubwave-drag-handle-active-bg, ${$.colors.focus})` : "transparent",
+            transition: `background-color ${$.transition.fast}`
           },
           children: /* @__PURE__ */ u(Rl, {})
         }
@@ -6466,7 +6474,7 @@ function Rl() {
       viewBox: "0 0 12 16",
       fill: "currentColor",
       style: {
-        color: `var(--pubwave-drag-handle-color, ${_.colors.textMuted})`
+        color: `var(--pubwave-drag-handle-color, ${$.colors.textMuted})`
       },
       children: [
         /* @__PURE__ */ u("circle", { cx: "3", cy: "3", r: "1.5" }),
@@ -6548,7 +6556,7 @@ function Hl({
   onDismiss: o,
   className: r
 }) {
-  const [a, i] = W(!0);
+  const [a, i] = V(!0);
   Y(() => {
     if (n <= 0) return;
     const p = setTimeout(() => {
@@ -6558,18 +6566,18 @@ function Hl({
       clearTimeout(p);
     };
   }, [n, o]);
-  const s = N(() => {
+  const s = z(() => {
     i(!1), o == null || o();
   }, [o]), l = {
-    info: _.colors.text,
+    info: $.colors.text,
     success: "var(--pubwave-color-success, #10b981)",
-    error: _.colors.error,
+    error: $.colors.error,
     warning: "var(--pubwave-color-warning, #f59e0b)"
   };
   return /* @__PURE__ */ I(
     "div",
     {
-      className: Ye(
+      className: ot(
         "pubwave-toast",
         `pubwave-toast--${t}`,
         a ? "pubwave-toast--visible" : "pubwave-toast--hidden",
@@ -6580,15 +6588,15 @@ function Hl({
         bottom: "24px",
         left: "50%",
         transform: `translateX(-50%) translateY(${a ? "0" : "16px"})`,
-        padding: `${_.spacing.sm} ${_.spacing.md}`,
-        backgroundColor: `var(--pubwave-toast-bg, ${_.colors.surface})`,
-        border: `1px solid var(--pubwave-toast-border, ${_.colors.border})`,
-        borderRadius: _.borderRadius.md,
-        boxShadow: _.shadow.md,
+        padding: `${$.spacing.sm} ${$.spacing.md}`,
+        backgroundColor: `var(--pubwave-toast-bg, ${$.colors.surface})`,
+        border: `1px solid var(--pubwave-toast-border, ${$.colors.border})`,
+        borderRadius: $.borderRadius.md,
+        boxShadow: $.shadow.md,
         color: l[t],
-        fontSize: _.typography.fontSizeSmall,
+        fontSize: $.typography.fontSizeSmall,
         opacity: a ? 1 : 0,
-        transition: `opacity ${_.transition.normal}, transform ${_.transition.normal}`,
+        transition: `opacity ${$.transition.normal}, transform ${$.transition.normal}`,
         zIndex: 100,
         maxWidth: "400px",
         textAlign: "center"
@@ -6604,11 +6612,11 @@ function Hl({
             className: "pubwave-toast__dismiss",
             onClick: s,
             style: {
-              marginLeft: _.spacing.sm,
+              marginLeft: $.spacing.sm,
               padding: "0 4px",
               background: "none",
               border: "none",
-              color: _.colors.textMuted,
+              color: $.colors.textMuted,
               cursor: "pointer",
               fontSize: "16px",
               lineHeight: 1
@@ -6671,7 +6679,7 @@ export {
   on as canUseDOM,
   xc as cancelDrag,
   jc as clearFormatting,
-  Ye as cn,
+  ot as cn,
   ru as createActionHandler,
   _l as createAutoScroller,
   al as createDndPlugin,
@@ -6706,7 +6714,7 @@ export {
   Zc as maintainFocus,
   rl as moveBlock,
   Hc as redo,
-  Ne as restoreFocus,
+  Ve as restoreFocus,
   Bt as restoreSelection,
   pl as saveSelection,
   zc as selectAll,
@@ -6722,7 +6730,7 @@ export {
   Sc as toggleBold,
   _c as toggleHeading,
   Dc as toggleItalic,
-  _ as tokens,
+  $ as tokens,
   Il as toolbarRemoveLink,
   nu as toolbarSetHeading,
   Dl as toolbarSetLink,