reactjs-tiptap-editor 0.1.16 → 0.2.1

package/lib/{RichTextEditor-BkhQvEYE.js → RichTextEditor-CC602P8F.js}

@@ -1,12 +1,12 @@
 import { jsxs as u, jsx as i, Fragment as _ } from "react/jsx-runtime";
 import * as E from "react";
 import Oe, { useState as w, useCallback as C, useEffect as I, useRef as nt, useMemo as P, Fragment as _e, forwardRef as Si, useImperativeHandle as Ai } from "react";
-import { f as zt, N as dt, m as it, i as Mi, a as ut, R as xt, n as ce, I as He, b as me, c as Li, B as Y, d as Ii, D as Ei, e as Ri, u as zi, E as Oi } from "./tiptap-OmOggkHK.js";
-import { u as V, m as _i, I as Ot, f as _t, g as Pe, C as Hi, h as Z, B as Pi, i as Ht, V as fe, E as Di } from "./index-ss0v5xR4.js";
+import { f as Rt, N as dt, m as it, i as Mi, a as ut, R as xt, n as ce, I as He, b as me, c as Li, B as Y, d as Ii, D as Ei, e as zi, u as Ri, E as Oi } from "./tiptap-BAutNX9u.js";
+import { u as V, m as _i, I as Ot, f as _t, g as Pe, C as Hi, h as Z, B as Pi, i as Ht, V as fe, E as Di } from "./index-C0LiugNd.js";
 import * as De from "@radix-ui/react-separator";
-import { ap as Bi, aq as Pt, ao as Be, ar as $e, as as Vt, at as Ve, T as bt, N as $i, A as Vi, au as We, av as Wi, aw as ge, ax as wt, ay as ji, az as je, aA as Fi, H as Wt, aB as Gi, aC as Ui } from "./vendor-C9AD9FTJ.js";
+import { ap as Bi, aq as Pt, ao as Be, ar as $e, as as Vt, at as Ve, T as bt, N as $i, A as Vi, au as We, av as Wi, aw as ge, ax as wt, ay as ji, az as je, aA as Fi, H as Wt, aB as Gi, aC as Ui } from "./vendor-CFOlvngC.js";
 import * as X from "@radix-ui/react-toast";
-import { ChevronRight as Ki, Check as Zi, Circle as Xi, X as Fe, FlipHorizontal as qi, FlipVertical as Yi, CropIcon as Ji, ChevronUp as Qi, Paperclip as tr, Eye as er, Settings as ir, ZoomOut as rr, ZoomIn as nr, BookMarked as cr, Sigma as ar, SmilePlusIcon as or, Replace as pe, SmilePlus as sr, Frame as lr, Columns2 as we, PanelRight as hr, PanelLeft as dr, Clipboard as ur, Copy as xr, GripVertical as mr, Plus as Ge, Columns4 as fr, Columns3 as gr, Heading6 as pr, Heading5 as wr, Heading4 as vr, Heading3 as br, Heading2 as yr, Heading1 as Cr, ChevronsUpDown as Nr, Trash as Tr, Trash2 as Ue, TableCellsSplit as kr, TableCellsMerge as Sr, BetweenVerticalEnd as Ar, BetweenVerticalStart as Mr, BetweenHorizonalStart as Lr, BetweenHorizonalEnd as Ir, Unlink as Er, Pencil as Ke, Sparkles as Rr, Table as zr, Minimize as Or, Maximize as _r, Video as Hr, ImageUp as Pr, Link as Dr, ListTodo as Br, ListOrdered as $r, List as Vr, IndentDecrease as Wr, IndentIncrease as jr, Type as Fr, CodeXml as Gr, Code as Ur, Superscript as Kr, Subscript as Zr, ChevronDown as Xr, Undo2 as qr, Redo2 as Yr, PaintRoller as Jr, Eraser as Qr, Minus as tn, Strikethrough as en, Quote as rn, Underline as nn, Italic as cn, LoaderCircle as an, Bold as on, HelpCircle as Ze } from "lucide-react";
+import { ChevronRight as Ki, Check as Zi, Circle as Xi, X as Fe, FlipHorizontal as qi, FlipVertical as Yi, CropIcon as Ji, ChevronUp as Qi, Paperclip as tr, Eye as er, Settings as ir, ZoomOut as rr, ZoomIn as nr, BookMarked as cr, Sigma as ar, SmilePlusIcon as or, Replace as pe, SmilePlus as sr, Frame as lr, Columns2 as we, PanelRight as hr, PanelLeft as dr, Clipboard as ur, Copy as xr, GripVertical as mr, Plus as Ge, Columns4 as fr, Columns3 as gr, Heading6 as pr, Heading5 as wr, Heading4 as vr, Heading3 as br, Heading2 as yr, Heading1 as Cr, ChevronsUpDown as Nr, Trash as Tr, Trash2 as Ue, TableCellsSplit as kr, TableCellsMerge as Sr, BetweenVerticalEnd as Ar, BetweenVerticalStart as Mr, BetweenHorizonalStart as Lr, BetweenHorizonalEnd as Ir, Unlink as Er, Pencil as Ke, Sparkles as zr, Table as Rr, Minimize as Or, Maximize as _r, Video as Hr, ImageUp as Pr, Link as Dr, ListTodo as Br, ListOrdered as $r, List as Vr, IndentDecrease as Wr, IndentIncrease as jr, Type as Fr, CodeXml as Gr, Code as Ur, Superscript as Kr, Subscript as Zr, ChevronDown as Xr, Undo2 as qr, Redo2 as Yr, PaintRoller as Jr, Eraser as Qr, Minus as tn, Strikethrough as en, Quote as rn, Underline as nn, Italic as cn, LoaderCircle as an, Bold as on, HelpCircle as Ze } from "lucide-react";
 import * as yt from "@radix-ui/react-tooltip";
 import ae from "katex";
 import { Slot as Xe } from "@radix-ui/react-slot";
@@ -14,14 +14,17 @@ import * as qe from "@radix-ui/react-toggle";
 import { TextAlignRightIcon as sn, TextAlignLeftIcon as ln, TextAlignJustifyIcon as hn, TextAlignCenterIcon as dn } from "@radix-ui/react-icons";
 import * as vt from "@radix-ui/react-popover";
 import * as Ye from "@radix-ui/react-label";
-import { Resizable as Je } from "re-resizable";
 import * as q from "@radix-ui/react-dialog";
+import { Resizable as Je } from "re-resizable";
 import Dt from "mermaid";
 import { flushSync as Bt } from "react-dom";
 import { sticky as un } from "tippy.js";
 import { HexColorPicker as xn } from "react-colorful";
 import * as Yt from "@radix-ui/react-switch";
 import * as D from "@radix-ui/react-dropdown-menu";
+function L(...t) {
+  return Bi(Pt(t));
+}
 let Gt;
 function Ut() {
   return Gt === void 0 && (Gt = navigator.platform.includes("Mac")), Gt;
@@ -32,9 +35,6 @@ function mn(t) {
 function fn(t) {
   return t.map(mn).join(" ");
 }
-function L(...t) {
-  return Bi(Pt(t));
-}
 const v = Oe.forwardRef(
   (t, e) => {
     const {
@@ -58,26 +58,34 @@ const v = Oe.forwardRef(
       /* @__PURE__ */ i(di, { asChild: !0, children: /* @__PURE__ */ u(
         m ? Xe : li,
         {
+          "data-state": d != null && d() ? "on" : "off",
+          onClick: h,
           ref: e,
           size: "sm",
           className: L("richtext-w-[32px] richtext-h-[32px]", c),
           disabled: a,
-          onClick: h,
-          "data-state": d != null && d() ? "on" : "off",
           ...p,
           children: [
-            b && /* @__PURE__ */ i(b, { className: "richtext-w-4 richtext-h-4" }),
+            b && /* @__PURE__ */ i(b, { className: "richtext-size-4" }),
             x
           ]
         }
       ) }),
-      n && /* @__PURE__ */ i(oe, { ...l, children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-text-center richtext-max-w-24", children: [
+      n && /* @__PURE__ */ i(oe, { ...l, children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-max-w-24 richtext-flex-col richtext-items-center richtext-text-center", children: [
         /* @__PURE__ */ i("div", { children: n }),
         !!(s != null && s.length) && /* @__PURE__ */ i("span", { children: fn(s) })
       ] }) })
     ] });
   }
-);
+), Qe = Be(!1);
+function gn() {
+  return $e(Qe);
+}
+const pn = {
+  setDisable: (t) => {
+    Qe(t);
+  }
+};
 function Ct(t, e) {
   const { state: r } = e, n = r.selection.$anchor;
   let a = !1;
@@ -97,15 +105,6 @@ function Ct(t, e) {
   }
   return a;
 }
-const Qe = Be(!1);
-function gn() {
-  return $e(Qe);
-}
-const pn = {
-  setDisable: (t) => {
-    Qe(t);
-  }
-};
 function ti(t, e, r) {
   return t < e ? e : t > r ? r : t;
 }
@@ -113,7 +112,7 @@ const wn = (t) => typeof t == "number", vn = (t) => typeof t == "string", bn = (
 function uo(t, e = "px") {
   if (!t)
     return t;
-  const r = wn(t) ? String(t) : t, n = Number.parseFloat(r), a = r.match(/[a-z%]+$/i), c = a ? a[0] : e;
+  const r = wn(t) ? String(t) : t, n = Number.parseFloat(r), a = r.match(/[%a-z]+$/i), c = a ? a[0] : e;
   return Number.isNaN(n) ? t : n + c;
 }
 function yn(t, e) {
@@ -394,7 +393,7 @@ const En = Vt(
   }
 ));
 ci.displayName = X.Root.displayName;
-const Rn = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+const zn = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   X.Action,
   {
     ref: r,
@@ -405,7 +404,7 @@ const Rn = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
     ...e
   }
 ));
-Rn.displayName = X.Action.displayName;
+zn.displayName = X.Action.displayName;
 const ai = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   X.Close,
   {
@@ -438,7 +437,7 @@ const si = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   }
 ));
 si.displayName = X.Description.displayName;
-const zn = Vt(
+const Rn = Vt(
   "richtext-inline-flex richtext-items-center richtext-justify-center richtext-rounded-md richtext-text-sm richtext-font-medium richtext-ring-offset-background richtext-transition-colors hover:richtext-bg-muted hover:richtext-text-muted-foreground focus-visible:richtext-outline-none focus-visible:richtext-ring-2 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-2 disabled:richtext-pointer-events-none disabled:richtext-opacity-50 data-[state=on]:richtext-bg-accent data-[state=on]:richtext-text-accent-foreground",
   {
     variants: {
@@ -461,7 +460,7 @@ const zn = Vt(
   qe.Root,
   {
     ref: a,
-    className: L(zn({ variant: e, size: r, className: t })),
+    className: L(Rn({ variant: e, size: r, className: t })),
     ...n
   }
 ));
@@ -535,10 +534,10 @@ function Dn(t, e) {
   }
 }
 const Et = [];
-let Rt = { toasts: [] };
+let zt = { toasts: [] };
 function pt(t) {
-  Rt = Dn(Rt, t), Et.forEach((e) => {
-    e(Rt);
+  zt = Dn(zt, t), Et.forEach((e) => {
+    e(zt);
   });
 }
 function Bn({ ...t }) {
@@ -563,7 +562,7 @@ function Bn({ ...t }) {
   };
 }
 function $n() {
-  const [t, e] = E.useState(Rt);
+  const [t, e] = E.useState(zt);
   return E.useEffect(() => (Et.push(e), () => {
     const r = Et.indexOf(e);
     r > -1 && Et.splice(r, 1);
@@ -841,8 +840,8 @@ const ui = {
   Video: Hr,
   Maximize: _r,
   Minimize: Or,
-  Table: zr,
-  Sparkles: Rr,
+  Table: Rr,
+  Sparkles: zr,
   Pencil: Ke,
   Unlink: Er,
   BetweenHorizonalEnd: Ir,
@@ -1019,47 +1018,67 @@ function dc(t) {
   function o(s) {
     s.preventDefault(), s.stopPropagation(), t == null || t.onSetLink(r.link, r.text, a);
   }
-  return /* @__PURE__ */ i("div", { className: "richtext-p-2 richtext-bg-white !richtext-border richtext-rounded-lg richtext-shadow-sm dark:richtext-bg-black border-neutral-200 dark:richtext-border-neutral-800", children: /* @__PURE__ */ u("form", { className: "richtext-flex richtext-flex-col richtext-gap-2", onSubmit: o, children: [
-    /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.text") }),
-    /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5 richtext-mb-[10px]", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
-      J,
-      {
-        type: "text",
-        value: r.text,
-        required: !0,
-        className: "richtext-w-80",
-        placeholder: "Text",
-        onChange: (s) => n({ ...r, text: s.target.value })
-      }
-    ) }) }),
-    /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.link") }),
-    /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ u("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: [
-      /* @__PURE__ */ i(
-        J,
-        {
-          type: "url",
-          value: r.link,
-          required: !0,
-          className: "richtext-pl-10",
-          onChange: (s) => n({ ...r, link: s.target.value })
-        }
-      ),
-      /* @__PURE__ */ i("span", { className: "richtext-absolute richtext-inset-y-0 richtext-flex richtext-items-center richtext-justify-center richtext-px-2 richtext-start-0", children: /* @__PURE__ */ i(G, { className: "richtext-size-5 richtext-text-muted-foreground", name: "Link" }) })
-    ] }) }),
-    /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-space-x-2", children: [
-      /* @__PURE__ */ i(et, { children: e("editor.link.dialog.openInNewTab") }),
-      /* @__PURE__ */ i(
-        ri,
-        {
-          checked: a,
-          onCheckedChange: (s) => {
-            c(s);
+  return /* @__PURE__ */ i("div", { className: "border-neutral-200 richtext-rounded-lg !richtext-border richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ u(
+    "form",
+    {
+      className: "richtext-flex richtext-flex-col richtext-gap-2",
+      onSubmit: o,
+      children: [
+        /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.text") }),
+        /* @__PURE__ */ i("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ i(
+          J,
+          {
+            className: "richtext-w-80",
+            onChange: (s) => n({ ...r, text: s.target.value }),
+            placeholder: "Text",
+            required: !0,
+            type: "text",
+            value: r.text
           }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ i(U, { type: "submit", className: "richtext-self-end richtext-mt-2", children: e("editor.link.dialog.button.apply") })
-  ] }) });
+        ) }) }),
+        /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.link") }),
+        /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ u("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: [
+          /* @__PURE__ */ i(
+            J,
+            {
+              className: "richtext-pl-10",
+              onChange: (s) => n({ ...r, link: s.target.value }),
+              required: !0,
+              type: "url",
+              value: r.link
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "richtext-absolute richtext-inset-y-0 richtext-start-0 richtext-flex richtext-items-center richtext-justify-center richtext-px-2", children: /* @__PURE__ */ i(
+            G,
+            {
+              className: "richtext-size-5 richtext-text-muted-foreground",
+              name: "Link"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-space-x-2", children: [
+          /* @__PURE__ */ i(et, { children: e("editor.link.dialog.openInNewTab") }),
+          /* @__PURE__ */ i(
+            ri,
+            {
+              checked: a,
+              onCheckedChange: (s) => {
+                c(s);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(
+          U,
+          {
+            className: "richtext-mt-2 richtext-self-end",
+            type: "submit",
+            children: e("editor.link.dialog.button.apply")
+          }
+        )
+      ]
+    }
+  ) });
 }
 function uc(t, e, r = null) {
   return r ? t.createChecked({ index: e }, r) : t.createAndFill({ index: e });
@@ -1086,7 +1105,7 @@ function Xt({
   dispatch: e,
   type: r
 }) {
-  const n = zt((c) => c.type.name === $t.name)(t.selection), a = zt((c) => c.type.name === xi.name)(t.selection);
+  const n = Rt((c) => c.type.name === $t.name)(t.selection), a = Rt((c) => c.type.name === xi.name)(t.selection);
   if (e && n && a) {
     const c = n.node, o = a.node.attrs.index, s = c.toJSON();
     let l = o;
@@ -1116,7 +1135,7 @@ function Xt({
   return !0;
 }
 function Ce({ state: t, dispatch: e, type: r }) {
-  const n = zt((c) => c.type.name === $t.name)(t.selection), a = zt((c) => c.type.name === xi.name)(t.selection);
+  const n = Rt((c) => c.type.name === $t.name)(t.selection), a = Rt((c) => c.type.name === xi.name)(t.selection);
   if (e && n && a) {
     const c = n.node, o = a.node.attrs.index;
     let s = 0;
@@ -1381,54 +1400,11 @@ function gi(t, e) {
     o[c] = a.charCodeAt(c);
   return new File([o], e, { type: n });
 }
-function bc(t) {
-  try {
-    return JSON.stringify(t);
-  } catch {
-    return JSON.stringify({});
-  }
-}
-function ht(t, e = !1) {
-  return (r) => {
-    const n = t.startsWith("data-") ? t : `data-${t}`;
-    let a = decodeURIComponent(r.getAttribute(n));
-    if (a == null || typeof a == "string" && a === "null")
-      try {
-        const s = r.outerHTML.match(/([\s\S])+?="([\s\S])+?"/g);
-        s && s.length && (a = (s.map((h) => h.trim()).reduce((h, d) => {
-          const x = d.indexOf("="), m = [d.slice(0, x), d.slice(x + 1).slice(1, -1)];
-          return h[m[0]] = m[1], h;
-        }, {})[t.toLowerCase()] || "").replaceAll("&quot;", '"'));
-      } catch (o) {
-        console.error("Error getDatasetAttribute ", o.message, r);
-      }
-    if (e)
-      try {
-        return JSON.parse(a);
-      } catch {
-        return {};
-      }
-    if (a.includes("%") || a.includes("auto"))
-      return a;
-    const c = Number.parseInt(a);
-    return c !== c ? a : c;
-  };
-}
-function yc(t) {
-  const { attrs: e } = t;
-  return Object.keys(e).reduce((r, n) => {
-    const a = e[n];
-    if (a == null)
-      return r;
-    let c = "";
-    return typeof a == "object" ? c = bc(a) : c = a, r[n] = c, r;
-  }, /* @__PURE__ */ Object.create(null));
-}
-const Cc = "_wrap_5y04w_1", Nc = "_innerWrap_5y04w_15", Ne = {
-  wrap: Cc,
-  innerWrap: Nc
+const bc = "_wrap_5y04w_1", yc = "_innerWrap_5y04w_15", Ne = {
+  wrap: bc,
+  innerWrap: yc
 };
-function Tc({ editor: t, node: e, updateAttributes: r }) {
+function Cc({ editor: t, node: e, updateAttributes: r }) {
   const n = gn(), { url: a, width: c, height: o } = e.attrs, [s, l] = w("");
   function h() {
     s && t.chain().updateAttributes(ot.name, {
@@ -1442,19 +1418,26 @@ function Tc({ editor: t, node: e, updateAttributes: r }) {
     [r]
   );
   return /* @__PURE__ */ u(ut, { children: [
-    !a && /* @__PURE__ */ u("div", { className: "richtext-max-w-[600px] richtext-mx-[auto] richtext-my-[12px] richtext-flex richtext-items-center richtext-justify-center richtext-gap-[10px] richtext-p-[10px] richtext-border-[1px] richtext-border-solid richtext-border-[#ccc] richtext-rounded-[12px]", children: [
+    !a && /* @__PURE__ */ u("div", { className: "richtext-mx-auto richtext-my-[12px] richtext-flex richtext-max-w-[600px] richtext-items-center richtext-justify-center richtext-gap-[10px] richtext-rounded-[12px] richtext-border richtext-border-solid richtext-border-[#ccc] richtext-p-[10px]", children: [
       /* @__PURE__ */ i(
         J,
         {
-          value: s,
+          autoFocus: !0,
+          className: "richtext-flex-1",
           onInput: (x) => l(x.target.value),
+          placeholder: "Enter link",
           type: "url",
-          className: "richtext-flex-1",
-          autoFocus: !0,
-          placeholder: "Enter link"
+          value: s
         }
       ),
-      /* @__PURE__ */ i(U, { className: "richtext-w-[60px]", onClick: h, children: "OK" })
+      /* @__PURE__ */ i(
+        U,
+        {
+          className: "richtext-w-[60px]",
+          onClick: h,
+          children: "OK"
+        }
+      )
     ] }),
     a && /* @__PURE__ */ i(
       Je,
@@ -1466,17 +1449,67 @@ function Tc({ editor: t, node: e, updateAttributes: r }) {
             height: Number.parseInt(o) + p.height
           });
         },
-        children: /* @__PURE__ */ i("div", { className: Pt(Ne.wrap, "render-wrapper"), children: /* @__PURE__ */ i("div", { className: Ne.innerWrap, style: { pointerEvents: n ? "none" : "auto" }, children: /* @__PURE__ */ i(
-          "iframe",
+        children: /* @__PURE__ */ i("div", { className: Pt(Ne.wrap, "render-wrapper"), children: /* @__PURE__ */ i(
+          "div",
           {
-            src: a,
-            className: "richtext-my-[12px] "
+            className: Ne.innerWrap,
+            style: { pointerEvents: n ? "none" : "auto" },
+            children: /* @__PURE__ */ i(
+              "iframe",
+              {
+                className: "richtext-my-[12px] ",
+                src: a
+              }
+            )
           }
-        ) }) })
+        ) })
       }
     )
   ] });
 }
+function Nc(t) {
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return JSON.stringify({});
+  }
+}
+function ht(t, e = !1) {
+  return (r) => {
+    const n = t.startsWith("data-") ? t : `data-${t}`;
+    let a = decodeURIComponent(r.getAttribute(n));
+    if (a == null || typeof a == "string" && a === "null")
+      try {
+        const s = r.outerHTML.match(/([\S\s])+?="([\S\s])+?"/g);
+        s && s.length > 0 && (a = (s.map((h) => h.trim()).reduce((h, d) => {
+          const x = d.indexOf("="), m = [d.slice(0, x), d.slice(x + 1).slice(1, -1)];
+          return h[m[0]] = m[1], h;
+        }, {})[t.toLowerCase()] || "").replaceAll("&quot;", '"'));
+      } catch (o) {
+        console.error("Error getDatasetAttribute ", o.message, r);
+      }
+    if (e)
+      try {
+        return JSON.parse(a);
+      } catch {
+        return {};
+      }
+    if (a.includes("%") || a.includes("auto"))
+      return a;
+    const c = Number.parseInt(a);
+    return c !== c ? a : c;
+  };
+}
+function Tc(t) {
+  const { attrs: e } = t;
+  return Object.keys(e).reduce((r, n) => {
+    const a = e[n];
+    if (a == null)
+      return r;
+    let c = "";
+    return typeof a == "object" ? c = Nc(a) : c = a, r[n] = c, r;
+  }, /* @__PURE__ */ Object.create(null));
+}
 const ot = dt.create({
   name: "iframe",
   content: "",
@@ -1568,7 +1601,7 @@ const ot = dt.create({
     ];
   },
   addNodeView() {
-    return xt(Tc);
+    return xt(Cc);
   }
 }), St = E.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ i(
@@ -1620,38 +1653,68 @@ function Sc({ editor: t, ...e }) {
       return o;
     }
   }, [o]), d = P(
-    () => `${o}`.trim() ? /* @__PURE__ */ i("span", { contentEditable: !1, dangerouslySetInnerHTML: { __html: h || "" } }) : null,
+    () => `${o}`.trim() ? /* @__PURE__ */ i(
+      "span",
+      {
+        contentEditable: !1,
+        dangerouslySetInnerHTML: { __html: h || "" }
+      }
+    ) : null,
     [o, h]
   );
   return /* @__PURE__ */ u(mt, { modal: !0, children: [
     /* @__PURE__ */ i(ft, { asChild: !0, children: /* @__PURE__ */ i(
       v,
       {
-        tooltip: e == null ? void 0 : e.tooltip,
-        icon: e == null ? void 0 : e.icon
+        icon: e == null ? void 0 : e.icon,
+        tooltip: e == null ? void 0 : e.tooltip
       }
     ) }),
-    /* @__PURE__ */ u(ct, { hideWhenDetached: !0, className: "richtext-w-full richtext-h-full richtext-p-2", align: "start", side: "bottom", children: [
-      /* @__PURE__ */ i(et, { className: "richtext-mb-[6px]", children: r("editor.formula.dialog.text") }),
-      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5 richtext-mb-[16px]", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
-        St,
-        {
-          value: o,
-          onChange: (x) => s(x.target.value),
-          autoFocus: !0,
-          required: !0,
-          rows: 3,
-          defaultValue: a,
-          className: "richtext-w-full",
-          placeholder: "Text"
-        }
-      ) }) }),
-      d && /* @__PURE__ */ i("div", { className: "richtext-my-[10px] richtext-p-[10px] richtext-rounded-[6px] !richtext-border-[1px] richtext-max-w-[286px] richtext-whitespace-nowrap richtext-overflow-auto", children: d }),
-      /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-gap-[6px]", children: [
-        /* @__PURE__ */ i(U, { onClick: l, className: "richtext-flex-1", children: "Submit" }),
-        /* @__PURE__ */ i("a", { href: "https://katex.org/docs/supported", target: "_blank", rel: "noreferrer noopener", children: /* @__PURE__ */ i(Ze, { size: 16 }) })
-      ] })
-    ] })
+    /* @__PURE__ */ u(
+      ct,
+      {
+        align: "start",
+        className: "richtext-size-full richtext-p-2",
+        hideWhenDetached: !0,
+        side: "bottom",
+        children: [
+          /* @__PURE__ */ i(et, { className: "richtext-mb-[6px]", children: r("editor.formula.dialog.text") }),
+          /* @__PURE__ */ i("div", { className: "richtext-mb-[16px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+            St,
+            {
+              autoFocus: !0,
+              className: "richtext-w-full",
+              defaultValue: a,
+              onChange: (x) => s(x.target.value),
+              placeholder: "Text",
+              required: !0,
+              rows: 3,
+              value: o
+            }
+          ) }) }),
+          d && /* @__PURE__ */ i("div", { className: "richtext-my-[10px] richtext-max-w-[286px] richtext-overflow-auto richtext-whitespace-nowrap richtext-rounded-[6px] !richtext-border richtext-p-[10px]", children: d }),
+          /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-gap-[6px]", children: [
+            /* @__PURE__ */ i(
+              U,
+              {
+                className: "richtext-flex-1",
+                onClick: l,
+                children: "Submit"
+              }
+            ),
+            /* @__PURE__ */ i(
+              "a",
+              {
+                href: "https://katex.org/docs/supported",
+                rel: "noreferrer noopener",
+                target: "_blank",
+                children: /* @__PURE__ */ i(Ze, { size: 16 })
+              }
+            )
+          ] })
+        ]
+      }
+    )
   ] });
 }
 const pi = Be("light");
@@ -1720,8 +1783,7 @@ const lt = dt.create({
         component: Sc,
         componentProps: {
           editor: t,
-          action: () => {
-          },
+          action: () => !0,
           isActive: () => !1,
           disabled: !1,
           icon: "KatexIcon",
@@ -1767,21 +1829,120 @@ const lt = dt.create({
   addNodeView() {
     return xt(Ic);
   }
-}), Rc = "_wrap_15k3c_1", zc = "_renderWrap_15k3c_7", Oc = "_title_15k3c_14", _c = "_handlerWrap_15k3c_30", gt = {
-  wrap: Rc,
-  renderWrap: zc,
-  title: Oc,
-  handlerWrap: _c
-}, Hc = 10, Pc = 200, Te = 15, ke = { width: "100%", height: "100%", maxWidth: "100%" };
-function Dc({ editor: t, node: e, updateAttributes: r }) {
-  const n = nt(null), a = t.isActive(st.name), { data: c, width: o, height: s } = e.attrs, [l, h] = w(null), [d, x] = w(!0), [m, f] = w(null), [p, b] = w(!1), [T, k] = w(100), R = C(
+});
+let qt;
+function se() {
+  try {
+    return qt || (qt = _i()), qt;
+  } catch {
+    throw new Error("Error EventEmitter");
+  }
+}
+const ie = "OPEN_EXCALIDRAW_SETTING_MODAL";
+function zc(t, e) {
+  se().on(t, e);
+}
+function Rc(t, e) {
+  se().off(t, e);
+}
+function Oc(t) {
+  se().emit(ie, t);
+}
+const _c = ({ editor: t }) => {
+  const [e, r] = w(null), [n, a] = w({}), [c, o] = w({ elements: [], appState: { isLoading: !1 }, files: null }), [s, l] = w(!1), [h, d] = w(!0), [x, m] = w(null), f = C(
+    (k) => {
+      k && import("@excalidraw/excalidraw").then((z) => {
+        r(z.Excalidraw);
+      }).catch(m).finally(() => d(!1));
+    },
+    [d]
+  ), p = C((k) => {
+    setTimeout(() => {
+      k.refresh();
+    });
+  }, []), b = C((k, z, $) => {
+    a({
+      elements: k,
+      appState: { isLoading: !1 },
+      files: $
+    });
+  }, []), T = C(() => {
+    if (!e) {
+      l(!1);
+      return;
+    }
+    t.chain().focus().setExcalidraw({ data: n }).run(), l(!1);
+  }, [e, t, n, l]);
+  return I(() => {
+    const k = (z) => {
+      l(!0), z && o(z.data);
+    };
+    return zc(ie, k), () => {
+      Rc(ie, k);
+    };
+  }, [t, l]), /* @__PURE__ */ u(
+    jt,
+    {
+      onOpenChange: l,
+      open: s,
+      children: [
+        /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
+          v,
+          {
+            action: () => l(!0),
+            icon: "Excalidraw",
+            tooltip: "Excalidraw"
+          }
+        ) }),
+        /* @__PURE__ */ u(Nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ i(kt, { children: "Excalidraw" }),
+          /* @__PURE__ */ u("div", { style: { height: "100%", borderWidth: 1 }, children: [
+            h && /* @__PURE__ */ i("p", { children: "Loading..." }),
+            x && /* @__PURE__ */ i("p", { children: x && x.message || "Error" }),
+            /* @__PURE__ */ i(
+              "div",
+              {
+                ref: f,
+                style: { width: "100%", height: 600 },
+                children: !h && !x && e ? /* @__PURE__ */ i(
+                  e,
+                  {
+                    initialData: c,
+                    langCode: "en",
+                    onChange: b,
+                    ref: p
+                  }
+                ) : null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
+            U,
+            {
+              onClick: T,
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}, Hc = "_wrap_15k3c_1", Pc = "_renderWrap_15k3c_7", Dc = "_title_15k3c_14", Bc = "_handlerWrap_15k3c_30", gt = {
+  wrap: Hc,
+  renderWrap: Pc,
+  title: Dc,
+  handlerWrap: Bc
+}, $c = 10, Vc = 200, Te = 15, ke = { width: "100%", height: "100%", maxWidth: "100%" };
+function Wc({ editor: t, node: e, updateAttributes: r }) {
+  const n = nt(null), a = t.isActive(st.name), { data: c, width: o, height: s } = e.attrs, [l, h] = w(null), [d, x] = w(!0), [m, f] = w(null), [p, b] = w(!1), [T, k] = w(100), z = C(
     (M) => {
       M && b(!0);
     },
     [b]
   ), $ = C((M) => () => {
     k(
-      (B) => ti(M === "minus" ? B - Te : B + Te, Hc, Pc)
+      (B) => ti(M === "minus" ? B - Te : B + Te, $c, Vc)
     );
   }, []);
   I(() => {
@@ -1805,7 +1966,7 @@ function Dc({ editor: t, node: e, updateAttributes: r }) {
   const F = (M) => {
     r({ width: M.width, height: M.height });
   };
-  return /* @__PURE__ */ i(ut, { className: Pt(gt.wrap, a && gt.isActive), children: /* @__PURE__ */ i(Wi, { onChange: R, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(ut, { className: Pt(gt.wrap, a && gt.isActive), children: /* @__PURE__ */ i(Wi, { onChange: z, children: /* @__PURE__ */ i(
     Je,
     {
       size: { width: Number.parseInt(o), height: Number.parseInt(s) },
@@ -1826,6 +1987,7 @@ function Dc({ editor: t, node: e, updateAttributes: r }) {
             !d && !m && p && /* @__PURE__ */ i(
               "div",
               {
+                dangerouslySetInnerHTML: { __html: (l == null ? void 0 : l.outerHTML) ?? "" },
                 style: {
                   height: "100%",
                   maxHeight: "100%",
@@ -1836,8 +1998,7 @@ function Dc({ editor: t, node: e, updateAttributes: r }) {
                   alignItems: "center",
                   transform: `scale(${T / 100})`,
                   transition: "all ease-in-out .3s"
-                },
-                dangerouslySetInnerHTML: { __html: (l == null ? void 0 : l.outerHTML) ?? "" }
+                }
               }
             ),
             /* @__PURE__ */ i("div", { className: gt.title }),
@@ -1845,16 +2006,16 @@ function Dc({ editor: t, node: e, updateAttributes: r }) {
               /* @__PURE__ */ i(
                 v,
                 {
-                  icon: "ZoomOut",
                   action: $("minus"),
+                  icon: "ZoomOut",
                   tooltip: "Zoom Out"
                 }
               ),
               /* @__PURE__ */ i(
                 v,
                 {
-                  icon: "ZoomIn",
                   action: $("plus"),
+                  icon: "ZoomIn",
                   tooltip: "Zoom In"
                 }
               )
@@ -1865,91 +2026,7 @@ function Dc({ editor: t, node: e, updateAttributes: r }) {
     }
   ) }) });
 }
-const Bc = Oe.memo(Dc, (t, e) => !!We(t.node.attrs, e.node.attrs));
-let qt;
-function se() {
-  try {
-    return qt || (qt = _i()), qt;
-  } catch {
-    throw new Error("Error EventEmitter");
-  }
-}
-const ie = "OPEN_EXCALIDRAW_SETTING_MODAL";
-function $c(t, e) {
-  se().on(t, e);
-}
-function Vc(t, e) {
-  se().off(t, e);
-}
-function Wc(t) {
-  se().emit(ie, t);
-}
-const jc = ({ editor: t }) => {
-  const [e, r] = w(null), [n, a] = w({}), [c, o] = w({ elements: [], appState: { isLoading: !1 }, files: null }), [s, l] = w(!1), [h, d] = w(!0), [x, m] = w(null), f = C(
-    (k) => {
-      k && import("@excalidraw/excalidraw").then((R) => {
-        r(R.Excalidraw);
-      }).catch(m).finally(() => d(!1));
-    },
-    [d]
-  ), p = C((k) => {
-    setTimeout(() => {
-      k.refresh();
-    });
-  }, []), b = C((k, R, $) => {
-    a({
-      elements: k,
-      appState: { isLoading: !1 },
-      files: $
-    });
-  }, []), T = C(() => {
-    if (!e) {
-      l(!1);
-      return;
-    }
-    t.chain().focus().setExcalidraw({ data: n }).run(), l(!1);
-  }, [e, t, n, l]);
-  return I(() => {
-    const k = (R) => {
-      l(!0), R && o(R.data);
-    };
-    return $c(ie, k), () => {
-      Vc(ie, k);
-    };
-  }, [t, l]), /* @__PURE__ */ u(
-    jt,
-    {
-      open: s,
-      onOpenChange: l,
-      children: [
-        /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
-          v,
-          {
-            icon: "Excalidraw",
-            tooltip: "Excalidraw",
-            action: () => l(!0)
-          }
-        ) }),
-        /* @__PURE__ */ u(Nt, { className: "!richtext-max-w-[1300px] richtext-z-[99999]", children: [
-          /* @__PURE__ */ i(kt, { children: "Excalidraw" }),
-          /* @__PURE__ */ u("div", { style: { height: "100%", borderWidth: 1 }, children: [
-            h && /* @__PURE__ */ i("p", { children: "Loading..." }),
-            x && /* @__PURE__ */ i("p", { children: x && x.message || "Error" }),
-            /* @__PURE__ */ i("div", { style: { width: "100%", height: 600 }, ref: f, children: !h && !x && e ? /* @__PURE__ */ i(e, { ref: p, onChange: b, langCode: "en", initialData: c }) : null })
-          ] }),
-          /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
-            U,
-            {
-              type: "button",
-              onClick: T,
-              children: "Save changes"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}, Se = { elements: [] }, st = dt.create({
+const jc = Oe.memo(Wc, (t, e) => !!We(t.node.attrs, e.node.attrs)), Se = { elements: [] }, st = dt.create({
   name: "excalidraw",
   group: "block",
   selectable: !0,
@@ -1986,7 +2063,7 @@ const jc = ({ editor: t }) => {
         class: "excalidraw"
       },
       button: ({ editor: e }) => ({
-        component: jc,
+        component: _c,
         componentProps: {
           editor: e
         }
@@ -2001,7 +2078,7 @@ const jc = ({ editor: t }) => {
     ];
   },
   renderHTML({ HTMLAttributes: t, node: e }) {
-    return ["div", it(this.options.HTMLAttributes, t, yc(e))];
+    return ["div", it(this.options.HTMLAttributes, t, Tc(e))];
   },
   addCommands() {
     return {
@@ -2015,7 +2092,7 @@ const jc = ({ editor: t }) => {
     };
   },
   addNodeView() {
-    return xt(Bc);
+    return xt(jc);
   },
   addInputRules() {
     return [
@@ -2026,13 +2103,94 @@ const jc = ({ editor: t }) => {
       })
     ];
   }
-}), Lt = {
+});
+function Fc({ selectImage: t, giphyApiKey: e, children: r }) {
+  const [n, a] = w([]), [c] = w(15), o = nt(null), s = (h, d = "search") => {
+    if (!e)
+      return;
+    const m = `${d === "search" ? `https://api.giphy.com/v1/gifs/search?q=${h}` : `https://api.giphy.com/v1/gifs/trending?q=${h}`}&limit=${c}&api_key=${e}`;
+    fetch(m).then((f) => f.json()).then((f) => {
+      a(f.data);
+    }).catch((f) => {
+      console.log(f);
+    });
+  };
+  I(() => {
+    s("", "trend");
+  }, []);
+  const l = C(
+    Ve((h) => {
+      if (!h.target.value) {
+        s("", "trend");
+        return;
+      }
+      s(h.target.value);
+    }, 350),
+    // Adjust the debounce delay as needed
+    []
+  );
+  return /* @__PURE__ */ u(mt, { modal: !0, children: [
+    /* @__PURE__ */ i(ft, { asChild: !0, children: r }),
+    /* @__PURE__ */ i(
+      ct,
+      {
+        align: "start",
+        className: "richtext-size-full richtext-p-2",
+        hideWhenDetached: !0,
+        side: "bottom",
+        children: e ? /* @__PURE__ */ u(_, { children: [
+          /* @__PURE__ */ i("div", { className: "richtext-mb-[10px] richtext-w-full", children: /* @__PURE__ */ i(
+            J,
+            {
+              onChange: l,
+              placeholder: "Search GIF",
+              ref: o,
+              type: "text"
+            }
+          ) }),
+          /* @__PURE__ */ i("div", { className: "richtext-max-h-[280px] richtext-overflow-y-auto", children: /* @__PURE__ */ i("div", { className: "richtext-grid richtext-grid-cols-2 richtext-gap-1 ", children: n != null && n.length ? n == null ? void 0 : n.map((h) => /* @__PURE__ */ i(
+            "img",
+            {
+              alt: "giphy",
+              className: "richtext-cursor-pointer richtext-text-center",
+              height: h.images.fixed_width_downsampled.height,
+              onClick: () => t(h),
+              src: h.images.fixed_width_downsampled.url,
+              width: h.images.fixed_width_downsampled.width
+            },
+            `giphy-${h.id}`
+          )) : /* @__PURE__ */ i("p", { children: "No GIFs found" }) }) })
+        ] }) : /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { children: "Missing Giphy API Key" }) })
+      }
+    )
+  ] });
+}
+function Gc({ editor: t, icon: e, giphyApiKey: r, ...n }) {
+  return /* @__PURE__ */ i(
+    Fc,
+    {
+      giphyApiKey: r,
+      selectImage: (c) => {
+        const { url: o } = c.images.original;
+        t.chain().focus().setImageGif({ src: o }).run();
+      },
+      children: /* @__PURE__ */ i(
+        v,
+        {
+          icon: e,
+          tooltip: n == null ? void 0 : n.tooltip
+        }
+      )
+    }
+  );
+}
+const Lt = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
   BOTTOM_LEFT: "bl",
   BOTTOM_RIGHT: "br"
 };
-function Fc(t) {
+function Uc(t) {
   var B, W;
   const [e, r] = w({
     width: Ot,
@@ -2052,8 +2210,8 @@ function Fc(t) {
     h: 0,
     dir: ""
   }), { align: d } = (B = t == null ? void 0 : t.node) == null ? void 0 : B.attrs, x = P(() => {
-    var z;
-    const { src: N, alt: H, width: y, height: g } = (z = t == null ? void 0 : t.node) == null ? void 0 : z.attrs, O = ge(y) ? `${y}px` : y, S = ge(g) ? `${g}px` : g;
+    var R;
+    const { src: N, alt: H, width: y, height: g } = (R = t == null ? void 0 : t.node) == null ? void 0 : R.attrs, O = ge(y) ? `${y}px` : y, S = ge(g) ? `${g}px` : g;
     return {
       src: N || void 0,
       alt: H || void 0,
@@ -2091,14 +2249,14 @@ function Fc(t) {
   function T(N, H) {
     N.preventDefault(), N.stopPropagation();
     const y = n.width, g = n.height, O = y / g;
-    let S = Number(t.node.attrs.width), z = Number(t.node.attrs.height);
+    let S = Number(t.node.attrs.width), R = Number(t.node.attrs.height);
     const A = e.width;
-    S && !z ? (S = S > A ? A : S, z = Math.round(S / O)) : z && !S ? (S = Math.round(z * O), S = S > A ? A : S) : !S && !z ? (S = y > A ? A : y, z = Math.round(S / O)) : S = S > A ? A : S, Bt(() => {
+    S && !R ? (S = S > A ? A : S, R = Math.round(S / O)) : R && !S ? (S = Math.round(R * O), S = S > A ? A : S) : !S && !R ? (S = y > A ? A : y, R = Math.round(S / O)) : S = S > A ? A : S, Bt(() => {
       s(!0), h({
         x: N.clientX,
         y: N.clientY,
         w: S,
-        h: z,
+        h: R,
         dir: H
       });
     });
@@ -2114,7 +2272,7 @@ function Fc(t) {
       });
     }, _t),
     [o, l, e, t.updateAttributes]
-  ), R = C(
+  ), z = C(
     (N) => {
       N.preventDefault(), N.stopPropagation(), o && (Bt(() => {
         h({
@@ -2128,114 +2286,50 @@ function Fc(t) {
     },
     [o, p]
   ), $ = C(() => {
-    document == null || document.addEventListener("mousemove", k, !0), document == null || document.addEventListener("mouseup", R, !0);
-  }, [k, R]), F = C(() => {
-    document == null || document.removeEventListener("mousemove", k, !0), document == null || document.removeEventListener("mouseup", R, !0);
-  }, [k, R]);
+    document == null || document.addEventListener("mousemove", k, !0), document == null || document.addEventListener("mouseup", z, !0);
+  }, [k, z]), F = C(() => {
+    document == null || document.removeEventListener("mousemove", k, !0), document == null || document.removeEventListener("mouseup", z, !0);
+  }, [k, z]);
   I(() => (o ? $() : F(), () => {
     F();
   }), [o, $, F]);
   const M = P(() => new ResizeObserver(() => b()), [b]);
-  return I(() => (M.observe(t.editor.view.dom), () => {
-    M.disconnect();
-  }), [t.editor.view.dom, M]), /* @__PURE__ */ i(ut, { className: "image-view", style: { ...m, width: "100%", textAlign: d }, children: /* @__PURE__ */ u(
-    "div",
-    {
-      draggable: "true",
-      "data-drag-handle": !0,
-      className: `image-view__body ${t != null && t.selected ? "image-view__body--focused" : ""} ${o ? "image-view__body--resizing" : ""}`,
-      style: m,
-      children: [
-        /* @__PURE__ */ i(
-          "img",
-          {
-            src: x.src,
-            alt: x.alt,
-            style: x.style,
-            height: "auto",
-            className: "image-view__body__image block",
-            onLoad: f,
-            onClick: p
-          }
-        ),
-        (t == null ? void 0 : t.editor.view.editable) && ((t == null ? void 0 : t.selected) || o) && /* @__PURE__ */ i("div", { className: "image-resizer", children: c == null ? void 0 : c.map((N) => /* @__PURE__ */ i(
-          "span",
-          {
-            className: `image-resizer__handler image-resizer__handler--${N}`,
-            onMouseDown: (H) => T(H, N)
-          },
-          `image-dir-${N}`
-        )) })
-      ]
-    }
-  ) });
-}
-function Gc({ selectImage: t, giphyApiKey: e, children: r }) {
-  const [n, a] = w([]), [c] = w(15), o = nt(null), s = (h, d = "search") => {
-    if (!e)
-      return;
-    const m = `${d === "search" ? `https://api.giphy.com/v1/gifs/search?q=${h}` : `https://api.giphy.com/v1/gifs/trending?q=${h}`}&limit=${c}&api_key=${e}`;
-    fetch(m).then((f) => f.json()).then((f) => {
-      a(f.data);
-    }).catch((f) => {
-      console.log(f);
-    });
-  };
-  I(() => {
-    s("", "trend");
-  }, []);
-  const l = C(
-    Ve((h) => {
-      if (!h.target.value) {
-        s("", "trend");
-        return;
-      }
-      s(h.target.value);
-    }, 350),
-    // Adjust the debounce delay as needed
-    []
-  );
-  return /* @__PURE__ */ u(mt, { modal: !0, children: [
-    /* @__PURE__ */ i(ft, { asChild: !0, children: r }),
-    /* @__PURE__ */ i(ct, { hideWhenDetached: !0, className: "richtext-w-full richtext-h-full richtext-p-2", align: "start", side: "bottom", children: e ? /* @__PURE__ */ u(_, { children: [
-      /* @__PURE__ */ i("div", { className: "richtext-w-full richtext-mb-[10px]", children: /* @__PURE__ */ i(
-        J,
-        {
-          ref: o,
-          type: "text",
-          placeholder: "Search GIF",
-          onChange: l
-        }
-      ) }),
-      /* @__PURE__ */ i("div", { className: "richtext-max-h-[280px] richtext-overflow-y-auto", children: /* @__PURE__ */ i("div", { className: "richtext-grid richtext-grid-cols-2 richtext-gap-1 ", children: n != null && n.length ? n == null ? void 0 : n.map((h) => /* @__PURE__ */ i(
-        "img",
-        {
-          alt: "giphy",
-          className: "richtext-text-center richtext-cursor-pointer",
-          onClick: (d) => t(h),
-          height: h.images.fixed_width_downsampled.height,
-          width: h.images.fixed_width_downsampled.width,
-          src: h.images.fixed_width_downsampled.url
-        },
-        `giphy-${h.id}`
-      )) : /* @__PURE__ */ i("p", { children: "No GIFs found" }) }) })
-    ] }) : /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("p", { children: "Missing Giphy API Key" }) }) })
-  ] });
-}
-function Uc({ editor: t, icon: e, giphyApiKey: r, ...n }) {
-  return /* @__PURE__ */ i(
-    Gc,
+  return I(() => (M.observe(t.editor.view.dom), () => {
+    M.disconnect();
+  }), [t.editor.view.dom, M]), /* @__PURE__ */ i(
+    ut,
     {
-      selectImage: (c) => {
-        const { url: o } = c.images.original;
-        t.chain().focus().setImageGif({ src: o }).run();
-      },
-      giphyApiKey: r,
-      children: /* @__PURE__ */ i(
-        v,
+      className: "image-view",
+      style: { ...m, width: "100%", textAlign: d },
+      children: /* @__PURE__ */ u(
+        "div",
         {
-          tooltip: n == null ? void 0 : n.tooltip,
-          icon: e
+          "data-drag-handle": !0,
+          draggable: "true",
+          style: m,
+          className: `image-view__body ${t != null && t.selected ? "image-view__body--focused" : ""} ${o ? "image-view__body--resizing" : ""}`,
+          children: [
+            /* @__PURE__ */ i(
+              "img",
+              {
+                alt: x.alt,
+                className: "image-view__body__image block",
+                height: "auto",
+                onClick: p,
+                onLoad: f,
+                src: x.src,
+                style: x.style
+              }
+            ),
+            (t == null ? void 0 : t.editor.view.editable) && ((t == null ? void 0 : t.selected) || o) && /* @__PURE__ */ i("div", { className: "image-resizer", children: c == null ? void 0 : c.map((N) => /* @__PURE__ */ i(
+              "span",
+              {
+                className: `image-resizer__handler image-resizer__handler--${N}`,
+                onMouseDown: (H) => T(H, N)
+              },
+              `image-dir-${N}`
+            )) })
+          ]
         }
       )
     }
@@ -2259,7 +2353,7 @@ const wi = He.extend({
         var c;
         const a = ((c = r == null ? void 0 : r.options) == null ? void 0 : c.GIPHY_API_KEY) || "";
         return {
-          component: Uc,
+          component: Gc,
           componentProps: {
             editor: e,
             action: () => {
@@ -2298,7 +2392,7 @@ const wi = He.extend({
     };
   },
   addNodeView() {
-    return xt(Fc);
+    return xt(Uc);
   },
   addCommands() {
     var t;
@@ -2380,31 +2474,31 @@ a-->b`, Kc = ({ editor: t, upload: e }) => {
   }, [r]), /* @__PURE__ */ u(
     jt,
     {
-      open: o,
       onOpenChange: s,
+      open: o,
       children: [
         /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
           v,
           {
+            action: () => s(!0),
             icon: "Mermaid",
-            tooltip: "Mermaid",
-            action: () => s(!0)
+            tooltip: "Mermaid"
           }
         ) }),
-        /* @__PURE__ */ u(Nt, { className: "!richtext-max-w-[1300px] richtext-z-[99999]", children: [
+        /* @__PURE__ */ u(Nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
           /* @__PURE__ */ i(kt, { children: "Mermaid" }),
           /* @__PURE__ */ i("div", { style: { height: "100%", borderWidth: 1 }, children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
             /* @__PURE__ */ i(
               St,
               {
+                autoFocus: !0,
                 className: "richtext-flex-1",
-                value: r,
+                defaultValue: Ae,
                 onChange: (m) => n(m.target.value),
-                autoFocus: !0,
+                placeholder: "Text",
                 required: !0,
                 rows: 10,
-                defaultValue: Ae,
-                placeholder: "Text",
+                value: r,
                 style: {
                   color: "hsl(var(--richtext-foreground))"
                 }
@@ -2413,17 +2507,16 @@ a-->b`, Kc = ({ editor: t, upload: e }) => {
             /* @__PURE__ */ i(
               "div",
               {
-                className: "richtext-flex-1 richtext-flex richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
-                style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" },
+                className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
+                dangerouslySetInnerHTML: { __html: a },
                 ref: l,
-                dangerouslySetInnerHTML: { __html: a }
+                style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" }
               }
             )
           ] }) }),
           /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
             U,
             {
-              type: "button",
               onClick: async () => {
                 if (r !== "") {
                   if (r) {
@@ -2447,6 +2540,7 @@ a-->b`, Kc = ({ editor: t, upload: e }) => {
                   s(!1);
                 }
               },
+              type: "button",
               children: "Save changes"
             }
           ) })
@@ -2479,12 +2573,12 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
     h: 0,
     dir: ""
   }), { align: p } = e == null ? void 0 : e.attrs, b = P(() => {
-    const { src: y, alt: g, width: O, height: S } = e == null ? void 0 : e.attrs, z = me(O) ? `${O}px` : O, A = me(S) ? `${S}px` : S;
+    const { src: y, alt: g, width: O, height: S } = e == null ? void 0 : e.attrs, R = me(O) ? `${O}px` : O, A = me(S) ? `${S}px` : S;
     return {
       src: y || void 0,
       alt: g || void 0,
       style: {
-        width: z || void 0,
+        width: R || void 0,
         height: A || void 0
       }
     };
@@ -2500,7 +2594,7 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
       height: y.target.height
     });
   }
-  function R() {
+  function z() {
     t.commands.setNodeSelection(n());
   }
   const $ = C(
@@ -2515,10 +2609,10 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
   );
   function F(y, g) {
     y.preventDefault(), y.stopPropagation();
-    const O = s.width, S = s.height, z = O / S;
+    const O = s.width, S = s.height, R = O / S;
     let A = Number(e.attrs.width), K = Number(e.attrs.height);
     const j = c.width;
-    A && !K ? (A = A > j ? j : A, K = Math.round(A / z)) : K && !A ? (A = Math.round(K * z), A = A > j ? j : A) : !A && !K ? (A = O > j ? j : O, K = Math.round(A / z)) : A = A > j ? j : A, Bt(() => {
+    A && !K ? (A = A > j ? j : A, K = Math.round(A / R)) : K && !A ? (A = Math.round(K * R), A = A > j ? j : A) : !A && !K ? (A = O > j ? j : O, K = Math.round(A / R)) : A = A > j ? j : A, Bt(() => {
       x(!0), f({
         x: y.clientX,
         y: y.clientY,
@@ -2532,7 +2626,7 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
     wt((y) => {
       if (y.preventDefault(), y.stopPropagation(), !d)
         return;
-      const { x: g, w: O, dir: S } = m, z = (y.clientX - g) * (/l/.test(S) ? -1 : 1), A = ti(O + z, Pe, c.width);
+      const { x: g, w: O, dir: S } = m, R = (y.clientX - g) * (/l/.test(S) ? -1 : 1), A = ti(O + R, Pe, c.width);
       r({
         width: A,
         height: null
@@ -2549,9 +2643,9 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
           h: 0,
           dir: ""
         }), x(!1);
-      }), R());
+      }), z());
     },
-    [d, R]
+    [d, z]
   ), W = C(() => {
     document == null || document.addEventListener("mousemove", M, !0), document == null || document.addEventListener("mouseup", B, !0);
   }, [M, B]), N = C(() => {
@@ -2563,37 +2657,44 @@ function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a })
   const H = P(() => new ResizeObserver(() => $()), [$]);
   return I(() => (H.observe(t.view.dom), () => {
     H.disconnect();
-  }), [t.view.dom, H]), /* @__PURE__ */ i(ut, { className: "image-view", style: { ...T, width: "100%", textAlign: p }, children: /* @__PURE__ */ u(
-    "div",
+  }), [t.view.dom, H]), /* @__PURE__ */ i(
+    ut,
     {
-      draggable: "true",
-      "data-drag-handle": !0,
-      className: `image-view__body ${a ? "image-view__body--focused" : ""} ${d ? "image-view__body--resizing" : ""}`,
-      style: { ...T, background: "#fff" },
-      children: [
-        /* @__PURE__ */ i(
-          "img",
-          {
-            src: b.src,
-            alt: b.alt,
-            style: b.style,
-            height: "auto",
-            className: "image-view__body__image block",
-            onLoad: k,
-            onClick: R
-          }
-        ),
-        t.view.editable && (a || d) && /* @__PURE__ */ i("div", { className: "image-resizer", children: h == null ? void 0 : h.map((y) => /* @__PURE__ */ i(
-          "span",
-          {
-            className: `image-resizer__handler image-resizer__handler--${y}`,
-            onMouseDown: (g) => F(g, y)
-          },
-          `image-dir-${y}`
-        )) })
-      ]
+      className: "image-view",
+      style: { ...T, width: "100%", textAlign: p },
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          "data-drag-handle": !0,
+          draggable: "true",
+          style: { ...T, background: "#fff" },
+          className: `image-view__body ${a ? "image-view__body--focused" : ""} ${d ? "image-view__body--resizing" : ""}`,
+          children: [
+            /* @__PURE__ */ i(
+              "img",
+              {
+                alt: b.alt,
+                className: "image-view__body__image block",
+                height: "auto",
+                onClick: z,
+                onLoad: k,
+                src: b.src,
+                style: b.style
+              }
+            ),
+            t.view.editable && (a || d) && /* @__PURE__ */ i("div", { className: "image-resizer", children: h == null ? void 0 : h.map((y) => /* @__PURE__ */ i(
+              "span",
+              {
+                className: `image-resizer__handler image-resizer__handler--${y}`,
+                onMouseDown: (g) => F(g, y)
+              },
+              `image-dir-${y}`
+            )) })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 const Me = He.extend({
   name: "mermaid",
@@ -2616,8 +2717,7 @@ const Me = He.extend({
         return {
           component: Kc,
           componentProps: {
-            action: () => {
-            },
+            action: () => !0,
             isActive: () => !1,
             disabled: !1,
             editor: e,
@@ -2732,21 +2832,35 @@ function bi(t) {
   function a(c) {
     c.preventDefault(), c.stopPropagation(), t == null || t.onSetLink(r);
   }
-  return /* @__PURE__ */ i("div", { className: "richtext-p-2 richtext-bg-white !richtext-border richtext-rounded-lg richtext-shadow-sm dark:richtext-bg-black border-neutral-200 dark:richtext-border-neutral-800", children: /* @__PURE__ */ u("form", { className: "richtext-flex richtext-flex-col richtext-gap-2", onSubmit: a, children: [
-    /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.text") }),
-    /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5 richtext-mb-[10px]", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
-      J,
-      {
-        type: "text",
-        value: r,
-        required: !0,
-        className: "richtext-w-80",
-        placeholder: "Text",
-        onChange: (c) => n(c.target.value)
-      }
-    ) }) }),
-    /* @__PURE__ */ i(U, { type: "submit", className: "richtext-self-end richtext-mt-2", children: e("editor.link.dialog.button.apply") })
-  ] }) });
+  return /* @__PURE__ */ i("div", { className: "border-neutral-200 richtext-rounded-lg !richtext-border richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ u(
+    "form",
+    {
+      className: "richtext-flex richtext-flex-col richtext-gap-2",
+      onSubmit: a,
+      children: [
+        /* @__PURE__ */ i(et, { className: "mb-[6px]", children: e("editor.link.dialog.text") }),
+        /* @__PURE__ */ i("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ i(
+          J,
+          {
+            className: "richtext-w-80",
+            onChange: (c) => n(c.target.value),
+            placeholder: "Text",
+            required: !0,
+            type: "text",
+            value: r
+          }
+        ) }) }),
+        /* @__PURE__ */ i(
+          U,
+          {
+            className: "richtext-mt-2 richtext-self-end",
+            type: "submit",
+            children: e("editor.link.dialog.button.apply")
+          }
+        )
+      ]
+    }
+  ) });
 }
 function qc(t) {
   function e(r) {
@@ -2978,7 +3092,7 @@ function ia({ editor: t }) {
     },
     [t]
   ), h = C(() => {
-    Wc(n);
+    Oc(n);
   }, [t, n]), d = C(() => t.isActive(st.name), [t]), x = C(() => Ct(st.name, t), [t]);
   return I(() => {
     a && (h(), t.chain().updateAttributes(st.name, { defaultShowPicker: !1 }).focus().run());
@@ -3162,31 +3276,31 @@ a-->b`, na = ({ editor: t, attrs: e, extension: r }) => {
   }, [c]), /* @__PURE__ */ u(
     jt,
     {
-      open: h,
       onOpenChange: d,
+      open: h,
       children: [
         /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
           v,
           {
+            action: () => d(!0),
             icon: "Pencil",
-            tooltip: "Edit Mermaid",
-            action: () => d(!0)
+            tooltip: "Edit Mermaid"
           }
         ) }),
-        /* @__PURE__ */ u(Nt, { className: "!richtext-max-w-[1300px] richtext-z-[99999]", children: [
+        /* @__PURE__ */ u(Nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
           /* @__PURE__ */ i(kt, { children: "Edit Mermaid" }),
           /* @__PURE__ */ i("div", { style: { height: "100%", border: "1px solid hsl(var(--border))" }, children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
             /* @__PURE__ */ i(
               St,
               {
+                autoFocus: !0,
                 className: "richtext-flex-1",
-                value: c,
+                defaultValue: Ie,
                 onChange: (T) => o(T.target.value),
-                autoFocus: !0,
+                placeholder: "Text",
                 required: !0,
                 rows: 10,
-                defaultValue: Ie,
-                placeholder: "Text",
+                value: c,
                 style: {
                   color: "hsl(var(--richtext-foreground))"
                 }
@@ -3195,21 +3309,20 @@ a-->b`, na = ({ editor: t, attrs: e, extension: r }) => {
             /* @__PURE__ */ i(
               "div",
               {
-                className: "richtext-flex-1 richtext-flex richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
-                style: { height: "100%", border: "1px solid hsl(var(--border))", minHeight: 500, background: "#fff" },
+                className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
+                dangerouslySetInnerHTML: { __html: s },
                 ref: x,
-                dangerouslySetInnerHTML: { __html: s }
+                style: { height: "100%", border: "1px solid hsl(var(--border))", minHeight: 500, background: "#fff" }
               }
             )
           ] }) }),
           /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
             U,
             {
-              type: "button",
               onClick: async () => {
                 if (c !== "") {
                   if (c) {
-                    const T = x.current.querySelector("svg"), { width: k, height: R } = T.getBoundingClientRect(), $ = `mermaid-${vi()}.svg`;
+                    const T = x.current.querySelector("svg"), { width: k, height: z } = T.getBoundingClientRect(), $ = `mermaid-${vi()}.svg`;
                     let F = je(T.outerHTML);
                     if (m) {
                       const M = gi(F, $);
@@ -3221,7 +3334,7 @@ a-->b`, na = ({ editor: t, attrs: e, extension: r }) => {
                         src: F,
                         alt: encodeURIComponent(c),
                         width: k,
-                        height: R
+                        height: z
                       },
                       !!c
                     ).run(), t == null || t.commands.setAlignImageMermaid(a);
@@ -3229,6 +3342,7 @@ a-->b`, na = ({ editor: t, attrs: e, extension: r }) => {
                   d(!1);
                 }
               },
+              type: "button",
               children: "Save changes"
             }
           ) })
@@ -3258,12 +3372,18 @@ const aa = {
 function oa({ item: t, disabled: e, editor: r }) {
   var a;
   const n = t.component;
-  return n ? /* @__PURE__ */ i(_e, { children: t.type === "divider" ? /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }) : /* @__PURE__ */ i(
+  return n ? /* @__PURE__ */ i(_e, { children: t.type === "divider" ? /* @__PURE__ */ i(
+    Q,
+    {
+      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+      orientation: "vertical"
+    }
+  ) : /* @__PURE__ */ i(
     n,
     {
       ...t.componentProps,
-      editor: r,
-      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled),
+      editor: r
     }
   ) }) : /* @__PURE__ */ i(_, {});
 }
@@ -3282,23 +3402,23 @@ function la(t) {
   return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     Y,
     {
-      shouldShow: a,
       editor: t == null ? void 0 : t.editor,
+      shouldShow: a,
       tippyOptions: aa,
-      children: c != null && c.length ? /* @__PURE__ */ i("div", { className: "richtext-w-auto richtext-px-3 richtext-py-2 richtext-transition-all !richtext-border richtext-rounded-sm richtext-shadow-sm richtext-pointer-events-auto richtext-select-none richtext-border-neutral-200 dark:richtext-border-neutral-800 richtext-bg-background", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-flex-nowrap richtext-whitespace-nowrap richtext-h-[26px] richtext-justify-start richtext-relative", children: c == null ? void 0 : c.map((o, s) => o.type === "edit" && (r != null && r.src) ? /* @__PURE__ */ i(
+      children: c != null && c.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: c == null ? void 0 : c.map((o, s) => o.type === "edit" && (r != null && r.src) ? /* @__PURE__ */ i(
         na,
         {
-          editor: t.editor,
           attrs: r,
+          editor: t.editor,
           extension: n
         },
         `bubbleMenu-mermaid-${s}`
       ) : /* @__PURE__ */ i(
         oa,
         {
-          item: o,
           disabled: t.disabled,
-          editor: t.editor
+          editor: t.editor,
+          item: o
         },
         `bubbleMenu-mermaid-${s}`
       )) }) }) : /* @__PURE__ */ i(_, {})
@@ -3328,27 +3448,27 @@ function ha({ editor: t, disabled: e }) {
       children: e ? /* @__PURE__ */ i(_, {}) : /* @__PURE__ */ i(_, { children: r ? /* @__PURE__ */ i(
         bi,
         {
-          onSetLink: o,
-          editor: t
+          editor: t,
+          onSetLink: o
         }
-      ) : /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-gap-2 richtext-p-2 richtext-bg-white !richtext-border richtext-rounded-lg richtext-shadow-sm dark:richtext-bg-black richtext-border-neutral-200 dark:richtext-border-neutral-800", children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-nowrap", children: [
+      ) : /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-gap-2 richtext-rounded-lg !richtext-border richtext-border-neutral-200 richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-nowrap", children: [
         /* @__PURE__ */ i(
           v,
           {
             icon: "Pencil",
             tooltip: a("editor.link.edit.tooltip"),
+            tooltipOptions: { sideOffset: 15 },
             action: () => {
               n(!0);
-            },
-            tooltipOptions: { sideOffset: 15 }
+            }
           }
         ),
         /* @__PURE__ */ i(
           v,
           {
+            action: s,
             icon: "Trash",
             tooltip: a("editor.delete"),
-            action: s,
             tooltipOptions: { sideOffset: 15 }
           }
         )
@@ -3362,7 +3482,7 @@ function da({ editor: t, disabled: e, bubbleMenu: r }) {
     return [
       n.includes("columns") && !((c = r == null ? void 0 : r.columnConfig) != null && c.hidden) ? /* @__PURE__ */ i(Ba, { editor: t }, "columns") : null,
       n.includes("table") && !((o = r == null ? void 0 : r.tableConfig) != null && o.hidden) ? /* @__PURE__ */ i(Ia, { editor: t }, "table") : null,
-      n.includes("link") && !((s = r == null ? void 0 : r.linkConfig) != null && s.hidden) ? /* @__PURE__ */ i(Ra, { editor: t, disabled: e }, "link") : null,
+      n.includes("link") && !((s = r == null ? void 0 : r.linkConfig) != null && s.hidden) ? /* @__PURE__ */ i(za, { editor: t, disabled: e }, "link") : null,
       n.includes("image") && !((l = r == null ? void 0 : r.imageConfig) != null && l.hidden) ? /* @__PURE__ */ i(Ha, { editor: t, disabled: e }, "image") : null,
       n.includes(wi.name) && !((h = r == null ? void 0 : r.imageGifConfig) != null && h.hidden) ? /* @__PURE__ */ i(Pa, { editor: t, disabled: e }, "imageGif") : null,
       n.includes("video") && !((d = r == null ? void 0 : r.videoConfig) != null && d.hidden) ? /* @__PURE__ */ i(Da, { editor: t, disabled: e }, "video") : null,
@@ -3405,102 +3525,126 @@ function ua(t) {
     /^#([\da-f]{3}){1,2}$/i.test(f) && (c == null || c(f), o == null || o(f), x(f));
   }
   return /* @__PURE__ */ u(mt, { modal: !0, children: [
-    /* @__PURE__ */ i(ft, { className: "!richtext-p-0", disabled: n, asChild: !0, children: t == null ? void 0 : t.children }),
-    /* @__PURE__ */ i(ct, { hideWhenDetached: !0, className: "richtext-w-full richtext-h-full richtext-p-2", align: "start", side: "bottom", children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-col", children: [
-      r ? /* @__PURE__ */ u(
-        "div",
-        {
-          className: "richtext-flex richtext-items-center richtext-p-1 richtext-cursor-pointer rd-1 richtext-gap-[4px] hover:richtext-bg-accent",
-          onClick: () => m(void 0),
-          children: [
-            /* @__PURE__ */ i(Ee, {}),
-            /* @__PURE__ */ i("span", { className: "richtext-ml-1 richtext-text-sm", children: e("editor.nofill") })
-          ]
-        }
-      ) : /* @__PURE__ */ u(
-        "div",
-        {
-          className: "richtext-flex richtext-items-center richtext-p-1 richtext-cursor-pointer rd-1 richtext-gap-[4px] hover:richtext-bg-accent",
-          onClick: () => {
-            m(void 0);
-          },
-          children: [
-            /* @__PURE__ */ i(Ee, {}),
-            /* @__PURE__ */ i("span", { className: "richtext-ml-1 richtext-text-sm", children: e("editor.default") })
-          ]
-        }
-      ),
-      l.map((f, p) => /* @__PURE__ */ i("span", { className: "richtext-relative richtext-flex richtext-w-full richtext-h-auto richtext-p-0 last:richtext-pb-2", children: f.map((b, T) => /* @__PURE__ */ i(
-        "span",
-        {
-          className: "richtext-w-6 richtext-h-6 richtext-p-0.5 richtext-inline-block richtext-rounded-sm !richtext-border richtext-border-transparent richtext-flex-[0_0_auto] richtext-cursor-pointer hover:richtext-border-border hover:richtext-shadow-sm",
-          onClick: () => m(b),
-          children: /* @__PURE__ */ i(
-            "span",
+    /* @__PURE__ */ i(
+      ft,
+      {
+        asChild: !0,
+        className: "!richtext-p-0",
+        disabled: n,
+        children: t == null ? void 0 : t.children
+      }
+    ),
+    /* @__PURE__ */ i(
+      ct,
+      {
+        align: "start",
+        className: "richtext-size-full richtext-p-2",
+        hideWhenDetached: !0,
+        side: "bottom",
+        children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-col", children: [
+          r ? /* @__PURE__ */ u(
+            "div",
+            {
+              className: "rd-1 richtext-flex richtext-cursor-pointer richtext-items-center richtext-gap-[4px] richtext-p-1 hover:richtext-bg-accent",
+              onClick: () => m(void 0),
+              children: [
+                /* @__PURE__ */ i(Ee, {}),
+                /* @__PURE__ */ i("span", { className: "richtext-ml-1 richtext-text-sm", children: e("editor.nofill") })
+              ]
+            }
+          ) : /* @__PURE__ */ u(
+            "div",
             {
-              style: {
-                backgroundColor: b
+              className: "rd-1 richtext-flex richtext-cursor-pointer richtext-items-center richtext-gap-[4px] richtext-p-1 hover:richtext-bg-accent",
+              onClick: () => {
+                m(void 0);
               },
-              className: "richtext-relative richtext-w-[18px] richtext-h-[18px] richtext-block richtext-rounded-[2px] richtext-border-transparent",
-              children: b === a ? /* @__PURE__ */ i(
-                "svg",
-                {
-                  className: "richtext-absolute richtext-block richtext-top-[-1px] richtext-left-[1px] richtext-w-3 richtext-h-3",
-                  viewBox: "0 0 18 18",
-                  style: {
-                    fill: "rgb(255, 255, 255)"
-                  },
-                  children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
-                }
-              ) : /* @__PURE__ */ i(
-                "svg",
-                {
-                  viewBox: "0 0 18 18",
-                  style: {
-                    fill: "rgb(255, 255, 255)",
-                    display: "none"
-                  },
-                  children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
-                }
-              )
+              children: [
+                /* @__PURE__ */ i(Ee, {}),
+                /* @__PURE__ */ i("span", { className: "richtext-ml-1 richtext-text-sm", children: e("editor.default") })
+              ]
             }
-          )
-        },
-        `sub-color-${T}`
-      )) }, p)),
-      /* @__PURE__ */ u("div", { children: [
-        /* @__PURE__ */ i("div", { className: "richtext-my-1 richtext-text-sm", children: e("editor.recent") }),
-        /* @__PURE__ */ i("span", { className: "richtext-relative richtext-flex richtext-w-full richtext-h-auto richtext-p-0 last:richtext-pb-2", children: h == null ? void 0 : h.map((f, p) => /* @__PURE__ */ i(
-          "span",
-          {
-            className: "richtext-w-6 richtext-h-6 richtext-p-0.5 richtext-inline-block richtext-rounded-sm !richtext-border richtext-border-transparent richtext-flex-[0_0_auto] richtext-cursor-pointer hover:richtext-border-border hover:richtext-shadow-sm",
-            onClick: () => m(f),
-            children: /* @__PURE__ */ i(
+          ),
+          l.map((f, p) => /* @__PURE__ */ i(
+            "span",
+            {
+              className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-p-0 last:richtext-pb-2",
+              children: f.map((b, T) => /* @__PURE__ */ i(
+                "span",
+                {
+                  className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-transparent richtext-p-0.5 hover:richtext-border-border hover:richtext-shadow-sm",
+                  onClick: () => m(b),
+                  children: /* @__PURE__ */ i(
+                    "span",
+                    {
+                      className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px] richtext-border-transparent",
+                      style: {
+                        backgroundColor: b
+                      },
+                      children: b === a ? /* @__PURE__ */ i(
+                        "svg",
+                        {
+                          className: "richtext-absolute -richtext-top-px richtext-left-px richtext-block richtext-size-3",
+                          viewBox: "0 0 18 18",
+                          style: {
+                            fill: "rgb(255, 255, 255)"
+                          },
+                          children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                        }
+                      ) : /* @__PURE__ */ i(
+                        "svg",
+                        {
+                          viewBox: "0 0 18 18",
+                          style: {
+                            fill: "rgb(255, 255, 255)",
+                            display: "none"
+                          },
+                          children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                        }
+                      )
+                    }
+                  )
+                },
+                `sub-color-${T}`
+              ))
+            },
+            p
+          )),
+          /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ i("div", { className: "richtext-my-1 richtext-text-sm", children: e("editor.recent") }),
+            /* @__PURE__ */ i("span", { className: "richtext-relative richtext-flex richtext-h-auto richtext-w-full richtext-p-0 last:richtext-pb-2", children: h == null ? void 0 : h.map((f, p) => /* @__PURE__ */ i(
               "span",
               {
-                className: "richtext-relative richtext-w-[18px] richtext-h-[18px] richtext-block richtext-rounded-[2px] richtext-border-transparent",
-                style: {
-                  backgroundColor: f
-                },
+                className: "richtext-inline-block richtext-size-6 richtext-flex-[0_0_auto] richtext-cursor-pointer richtext-rounded-sm !richtext-border richtext-border-transparent richtext-p-0.5 hover:richtext-border-border hover:richtext-shadow-sm",
+                onClick: () => m(f),
                 children: /* @__PURE__ */ i(
-                  "svg",
+                  "span",
                   {
-                    viewBox: "0 0 18 18",
+                    className: "richtext-relative richtext-block richtext-size-[18px] richtext-rounded-[2px] richtext-border-transparent",
                     style: {
-                      fill: "rgb(255, 255, 255)",
-                      display: "none"
+                      backgroundColor: f
                     },
-                    children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                    children: /* @__PURE__ */ i(
+                      "svg",
+                      {
+                        viewBox: "0 0 18 18",
+                        style: {
+                          fill: "rgb(255, 255, 255)",
+                          display: "none"
+                        },
+                        children: /* @__PURE__ */ i("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" })
+                      }
+                    )
                   }
                 )
-              }
-            )
-          },
-          `sub-color-recent-${p}`
-        )) })
-      ] }),
-      /* @__PURE__ */ i(xa, { setColor: m })
-    ] }) })
+              },
+              `sub-color-recent-${p}`
+            )) })
+          ] }),
+          /* @__PURE__ */ i(xa, { setColor: m })
+        ] })
+      }
+    )
   ] });
 }
 function xa({ setColor: t }) {
@@ -3511,10 +3655,10 @@ function xa({ setColor: t }) {
     /* @__PURE__ */ i(ft, { asChild: !0, children: /* @__PURE__ */ u(
       "div",
       {
+        className: "richtext-p-1.5 richtext-text-sm hover:richtext-cursor-pointer hover:richtext-bg-accent",
         onClick: (o) => {
           o.preventDefault(), a(!0);
         },
-        className: "richtext-text-sm hover:richtext-cursor-pointer hover:richtext-bg-accent richtext-py-1.5 richtext-px-1.5",
         children: [
           c("editor.color.more"),
           "..."
@@ -3523,16 +3667,22 @@ function xa({ setColor: t }) {
     ) }),
     /* @__PURE__ */ u(ct, { children: [
       /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-justify-center", children: [
-        /* @__PURE__ */ i(xn, { color: e, onChange: r }),
+        /* @__PURE__ */ i(
+          xn,
+          {
+            color: e,
+            onChange: r
+          }
+        ),
         /* @__PURE__ */ i(
           J,
           {
             className: "richtext-mt-[8px] richtext-w-full",
             type: "text",
+            value: e.slice(1),
             onChange: (o) => {
               o.preventDefault(), r(`#${o.target.value}`);
-            },
-            value: e.slice(1)
+            }
           }
         )
       ] }),
@@ -3540,10 +3690,10 @@ function xa({ setColor: t }) {
       /* @__PURE__ */ i(
         U,
         {
+          className: "richtext-w-full",
           onClick: (o) => {
             o.preventDefault(), t(e), a(!1);
           },
-          className: "richtext-w-full",
           children: /* @__PURE__ */ i(Ge, { size: 16 })
         }
       )
@@ -3572,8 +3722,8 @@ function ma({ editor: t, disabled: e, toolbar: r }) {
         t: n
       });
       if (Array.isArray(T)) {
-        const k = T.map((R, $) => ({
-          button: R,
+        const k = T.map((z, $) => ({
+          button: z,
           divider: $ === T.length - 1 ? f : !1,
           spacer: $ === 0 ? p : !1,
           type: x.type,
@@ -3810,8 +3960,7 @@ function Na(t) {
         editor: t,
         tooltip: Z.t("editor.edit"),
         icon: "Pencil",
-        action: () => {
-        }
+        action: () => !0
       }
     },
     {
@@ -3890,7 +4039,7 @@ function Sa(t) {
   function k(g) {
     t.editor.commands.setTextAlign(g);
   }
-  function R() {
+  function z() {
     const g = ee(t.editor.state.tr, c, 1);
     g.setMeta("hideDragHandle", !0), t.editor.view.dispatch && t.editor.view.dispatch(g);
   }
@@ -3907,8 +4056,8 @@ function Sa(t) {
   function B() {
     var g;
     if (c !== -1) {
-      const O = (n == null ? void 0 : n.nodeSize) || 0, S = c + O, z = (n == null ? void 0 : n.type.name) === "paragraph" && ((g = n == null ? void 0 : n.content) == null ? void 0 : g.size) === 0, A = z ? c + 2 : S + 2;
-      t.editor.chain().command(({ dispatch: K, tr: j, state: Mt }) => K ? (z ? j.insertText("/", c, c + 1) : j.insert(
+      const O = (n == null ? void 0 : n.nodeSize) || 0, S = c + O, R = (n == null ? void 0 : n.type.name) === "paragraph" && ((g = n == null ? void 0 : n.content) == null ? void 0 : g.size) === 0, A = R ? c + 2 : S + 2;
+      t.editor.chain().command(({ dispatch: K, tr: j, state: Mt }) => K ? (R ? j.insertText("/", c, c + 1) : j.insert(
         S,
         Mt.schema.nodes.paragraph.create(null, [Mt.schema.text("/")])
       ), K(j)) : !0).focus(A).run();
@@ -4022,7 +4171,7 @@ function Sa(t) {
                   tt,
                   {
                     className: "richtext-flex richtext-gap-3",
-                    onClick: R,
+                    onClick: z,
                     disabled: ((H = n == null ? void 0 : n.attrs) == null ? void 0 : H.indent) >= te.max,
                     children: [
                       /* @__PURE__ */ i(G, { name: "IndentIncrease" }),
@@ -4063,8 +4212,8 @@ function Ma({ item: t, disabled: e, editor: r }) {
     n,
     {
       ...t.componentProps,
-      editor: r,
-      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled),
+      editor: r
     }
   ) : /* @__PURE__ */ i(_, {});
 }
@@ -4073,26 +4222,34 @@ function La(t) {
     const { selection: o } = c.view.state, { $from: s, to: l } = o;
     return s.pos === l ? !1 : o instanceof bt;
   }, a = P(() => t.disabled || !(t != null && t.editor) ? [] : ka(t.editor, e), [t.disabled, t.editor, r, e]);
-  return /* @__PURE__ */ i(Y, { shouldShow: n, editor: t == null ? void 0 : t.editor, tippyOptions: Aa, children: a != null && a.length ? /* @__PURE__ */ i("div", { className: "richtext-w-auto richtext-px-3 richtext-py-2 richtext-transition-all !richtext-border richtext-rounded-sm richtext-shadow-sm richtext-pointer-events-auto richtext-select-none richtext-border-neutral-200 dark:richtext-border-neutral-800 richtext-bg-background", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-gap-[4px] richtext-flex-nowrap richtext-whitespace-nowrap richtext-h-[26px] richtext-justify-start richtext-relative", children: a == null ? void 0 : a.map((c, o) => (c == null ? void 0 : c.type) === "divider" ? /* @__PURE__ */ i(
-    Q,
-    {
-      orientation: "vertical",
-      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]"
-    },
-    `bubbleMenu-divider-${o}`
-  ) : /* @__PURE__ */ i(
-    Ma,
+  return /* @__PURE__ */ i(
+    Y,
     {
-      item: c,
-      disabled: t.disabled,
-      editor: t.editor
-    },
-    `bubbleMenu-text-${o}`
-  )) }) }) : /* @__PURE__ */ i(_, {}) });
+      editor: t == null ? void 0 : t.editor,
+      shouldShow: n,
+      tippyOptions: Aa,
+      children: a != null && a.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-gap-[4px] richtext-whitespace-nowrap", children: a == null ? void 0 : a.map((c, o) => (c == null ? void 0 : c.type) === "divider" ? /* @__PURE__ */ i(
+        Q,
+        {
+          className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+          orientation: "vertical"
+        },
+        `bubbleMenu-divider-${o}`
+      ) : /* @__PURE__ */ i(
+        Ma,
+        {
+          disabled: t.disabled,
+          editor: t.editor,
+          item: c
+        },
+        `bubbleMenu-text-${o}`
+      )) }) }) : /* @__PURE__ */ i(_, {})
+    }
+  );
 }
 function Ia({ editor: t, disabled: e }) {
-  var b, T, k, R, $, F, M, B, W, N, H, y, g, O, S, z, A, K;
-  const r = ({ editor: j }) => Ri(j.view.state, "table"), { t: n } = V();
+  var b, T, k, z, $, F, M, B, W, N, H, y, g, O, S, R, A, K;
+  const r = ({ editor: j }) => zi(j.view.state, "table"), { t: n } = V();
   function a() {
     t.chain().focus().addColumnBefore().run();
   }
@@ -4174,7 +4331,7 @@ function Ia({ editor: t, disabled: e }) {
             "tooltip-options": {
               sideOffset: 15
             },
-            disabled: !((R = (k = t == null ? void 0 : t.can()) == null ? void 0 : k.addColumnAfter) != null && R.call(k))
+            disabled: !((z = (k = t == null ? void 0 : t.can()) == null ? void 0 : k.addColumnAfter) != null && z.call(k))
           }
         ),
         /* @__PURE__ */ i(
@@ -4248,7 +4405,7 @@ function Ia({ editor: t, disabled: e }) {
             "tooltip-options": {
               sideOffset: 15
             },
-            disabled: !((z = (S = t == null ? void 0 : t.can()) == null ? void 0 : S.splitCell) != null && z.call(S))
+            disabled: !((R = (S = t == null ? void 0 : t.can()) == null ? void 0 : S.splitCell) != null && R.call(S))
           }
         ),
         /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }),
@@ -4322,7 +4479,7 @@ function Ea(t) {
     ] })
   ] });
 }
-function Ra({ editor: t, disabled: e }) {
+function za({ editor: t, disabled: e }) {
   const [r, n] = w(!1), a = P(() => {
     const { href: l } = t.getAttributes("link");
     return l;
@@ -4382,16 +4539,22 @@ const le = {
 function he({ item: t, disabled: e, editor: r }) {
   var a;
   const n = t.component;
-  return n ? /* @__PURE__ */ i(_e, { children: t.type === "divider" ? /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }) : /* @__PURE__ */ i(
+  return n ? /* @__PURE__ */ i(_e, { children: t.type === "divider" ? /* @__PURE__ */ i(
+    Q,
+    {
+      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+      orientation: "vertical"
+    }
+  ) : /* @__PURE__ */ i(
     n,
     {
       ...t.componentProps,
-      editor: r,
-      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled),
+      editor: r
     }
   ) }) : /* @__PURE__ */ i(_, {});
 }
-function za(t) {
+function Ra(t) {
   return t.type.name === "image";
 }
 function Oa(t) {
@@ -4405,22 +4568,22 @@ function Ha(t) {
     const { selection: c } = a.view.state, { $from: o, to: s } = c;
     let l = !1;
     return a.view.state.doc.nodesBetween(o.pos, s, (h) => {
-      if (za(h))
+      if (Ra(h))
         return l = !0, !1;
     }), l;
   }, n = P(() => t.disabled ? [] : ya(t.editor), [t.disabled, t.editor, e]);
   return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     Y,
     {
-      shouldShow: r,
       editor: t == null ? void 0 : t.editor,
+      shouldShow: r,
       tippyOptions: le,
-      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-w-auto richtext-px-3 richtext-py-2 richtext-transition-all !richtext-border richtext-rounded-sm richtext-shadow-sm richtext-pointer-events-auto richtext-select-none richtext-border-neutral-200 dark:richtext-border-neutral-800 richtext-bg-background", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-flex-nowrap richtext-whitespace-nowrap richtext-h-[26px] richtext-justify-start richtext-relative", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
+      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
         he,
         {
-          item: a,
           disabled: t.disabled,
-          editor: t.editor
+          editor: t.editor,
+          item: a
         },
         `bubbleMenu-image-${c}`
       )) }) }) : /* @__PURE__ */ i(_, {})
@@ -4439,15 +4602,15 @@ function Pa(t) {
   return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     Y,
     {
-      shouldShow: r,
       editor: t == null ? void 0 : t.editor,
+      shouldShow: r,
       tippyOptions: le,
-      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-w-auto richtext-px-3 richtext-py-2 richtext-transition-all !richtext-border richtext-rounded-sm richtext-shadow-sm richtext-pointer-events-auto richtext-select-none richtext-border-neutral-200 dark:richtext-border-neutral-800 richtext-bg-background", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-flex-nowrap richtext-whitespace-nowrap richtext-h-[26px] richtext-justify-start richtext-relative", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
+      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
         he,
         {
-          item: a,
           disabled: t.disabled,
-          editor: t.editor
+          editor: t.editor,
+          item: a
         },
         `bubbleMenu-image-gif-${c}`
       )) }) }) : /* @__PURE__ */ i(_, {})
@@ -4466,15 +4629,15 @@ function Da(t) {
   return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
     Y,
     {
-      shouldShow: r,
       editor: t == null ? void 0 : t.editor,
+      shouldShow: r,
       tippyOptions: le,
-      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-w-auto richtext-px-3 richtext-py-2 richtext-transition-all !richtext-border richtext-rounded-sm richtext-shadow-sm richtext-pointer-events-auto richtext-select-none richtext-border-neutral-200 dark:richtext-border-neutral-800 richtext-bg-background", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-flex-nowrap richtext-whitespace-nowrap richtext-h-[26px] richtext-justify-start richtext-relative", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
+      children: n != null && n.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: n == null ? void 0 : n.map((a, c) => /* @__PURE__ */ i(
         he,
         {
-          item: a,
           disabled: t.disabled,
-          editor: t.editor
+          editor: t.editor,
+          item: a
         },
         `bubbleMenu-video-${c}`
       )) }) }) : /* @__PURE__ */ i(_, {})
@@ -4537,21 +4700,45 @@ function Ba({ editor: t }) {
     }
   );
 }
-function $a() {
+function $a({ editor: t, extensions: e }) {
+  const { t: r } = V(), n = P(() => {
+    var a, c, o;
+    return (o = (c = (a = e == null ? void 0 : e.find((s) => s.name === "base-kit")) == null ? void 0 : a.options) == null ? void 0 : c.characterCount) == null ? void 0 : o.limit;
+  }, [e]);
+  return n ? /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-p-3 richtext-border-t", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-flex-col", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-justify-end richtext-gap-3 richtext-text-sm", children: /* @__PURE__ */ u("span", { children: [
+    t.storage.characterCount.characters(),
+    "/",
+    n,
+    " ",
+    r("editor.characters")
+  ] }) }) }) }) : /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-p-3 richtext-border-t", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-flex-col", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-justify-end richtext-gap-3 richtext-text-sm", children: /* @__PURE__ */ u("span", { children: [
+    t.storage.characterCount.characters(),
+    " ",
+    r("editor.characters")
+  ] }) }) }) });
+}
+function Va() {
   const { toasts: t } = $n();
   return /* @__PURE__ */ u(In, { children: [
-    t.map(({ id: e, title: r, description: n, action: a, ...c }) => /* @__PURE__ */ u(ci, { ...c, children: [
-      /* @__PURE__ */ u("div", { className: "richtext-grid richtext-gap-1", children: [
-        r && /* @__PURE__ */ i(oi, { children: r }),
-        n && /* @__PURE__ */ i(si, { children: n })
-      ] }),
-      a,
-      /* @__PURE__ */ i(ai, {})
-    ] }, e)),
+    t.map(({ id: e, title: r, description: n, action: a, ...c }) => /* @__PURE__ */ u(
+      ci,
+      {
+        ...c,
+        children: [
+          /* @__PURE__ */ u("div", { className: "richtext-grid richtext-gap-1", children: [
+            r && /* @__PURE__ */ i(oi, { children: r }),
+            n && /* @__PURE__ */ i(si, { children: n })
+          ] }),
+          a,
+          /* @__PURE__ */ i(ai, {})
+        ]
+      },
+      e
+    )),
     /* @__PURE__ */ i(ni, {})
   ] });
 }
-const Va = `
+const Wa = `
 .reactjs-tiptap-editor, .richtext-dialog-content {
   button,
   input:where([type=button]),
@@ -4686,8 +4873,8 @@ video {
   height: auto
 }
 }
-`, Re = "data-rc-order", ze = "data-rc-priority", Wa = "rc-util-key", ne = /* @__PURE__ */ new Map();
-function ja(t, e) {
+`, ze = "data-rc-order", Re = "data-rc-priority", ja = "rc-util-key", ne = /* @__PURE__ */ new Map();
+function Fa(t, e) {
   if (!t)
     return !1;
   if (t.contains)
@@ -4701,12 +4888,12 @@ function ja(t, e) {
   return !1;
 }
 function Ci({ mark: t } = {}) {
-  return t ? t.startsWith("data-") ? t : `data-${t}` : Wa;
+  return t ? t.startsWith("data-") ? t : `data-${t}` : ja;
 }
 function de(t) {
   return t.attachTo ? t.attachTo : document.querySelector("head") || document.body;
 }
-function Fa(t) {
+function Ga(t) {
   return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
 }
 function Ni(t) {
@@ -4715,15 +4902,15 @@ function Ni(t) {
   );
 }
 function Ti(t, e = {}) {
-  const { csp: r, prepend: n, priority: a = 0 } = e, c = Fa(n), o = c === "prependQueue", s = document.createElement("style");
-  s.setAttribute(Re, c), o && a && s.setAttribute(ze, `${a}`), r != null && r.nonce && (s.nonce = r == null ? void 0 : r.nonce), s.innerHTML = t;
+  const { csp: r, prepend: n, priority: a = 0 } = e, c = Ga(n), o = c === "prependQueue", s = document.createElement("style");
+  s.setAttribute(ze, c), o && a && s.setAttribute(Re, `${a}`), r != null && r.nonce && (s.nonce = r == null ? void 0 : r.nonce), s.innerHTML = t;
   const l = de(e), { firstChild: h } = l;
   if (n) {
     if (o) {
       const d = Ni(l).filter((x) => {
-        if (!["prepend", "prependQueue"].includes(x.getAttribute(Re)))
+        if (!["prepend", "prependQueue"].includes(x.getAttribute(ze)))
           return !1;
-        const m = Number(x.getAttribute(ze) || 0);
+        const m = Number(x.getAttribute(Re) || 0);
         return a >= m;
       });
       if (d.length > 0)
@@ -4738,44 +4925,27 @@ function ki(t, e = {}) {
   const r = de(e);
   return Ni(r).find((n) => n.getAttribute(Ci(e)) === t);
 }
-function Ga(t, e = {}) {
+function Ua(t, e = {}) {
   const r = ki(t, e);
   r && r.remove();
 }
-function Ua(t, e) {
+function Ka(t, e) {
   const r = ne.get(t);
-  if (!r || !ja(document, r)) {
+  if (!r || !Fa(document, r)) {
     const n = Ti("", e), { parentNode: a } = n;
     ne.set(t, a), n.remove();
   }
 }
-function Ka(t, e, r = {}) {
+function Za(t, e, r = {}) {
   var o, s, l;
   const n = de(r);
-  Ua(n, r);
+  Ka(n, r);
   const a = ki(e, r);
   if (a)
     return (o = r.csp) != null && o.nonce && a.nonce !== ((s = r.csp) == null ? void 0 : s.nonce) && (a.nonce = (l = r.csp) == null ? void 0 : l.nonce), a.innerHTML !== t && (a.innerHTML = t), a;
   const c = Ti(t, r);
   return c.setAttribute(Ci(r), e), c;
 }
-function Za({ editor: t, extensions: e }) {
-  const { t: r } = V(), n = P(() => {
-    var a, c, o;
-    return (o = (c = (a = e == null ? void 0 : e.find((s) => s.name === "base-kit")) == null ? void 0 : a.options) == null ? void 0 : c.characterCount) == null ? void 0 : o.limit;
-  }, [e]);
-  return n ? /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-p-3 richtext-border-t", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-flex-col", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-justify-end richtext-gap-3 richtext-text-sm", children: /* @__PURE__ */ u("span", { children: [
-    t.storage.characterCount.characters(),
-    "/",
-    n,
-    " ",
-    r("editor.characters")
-  ] }) }) }) }) : /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-p-3 richtext-border-t", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-flex-col", children: /* @__PURE__ */ i("div", { className: "richtext-flex richtext-justify-end richtext-gap-3 richtext-text-sm", children: /* @__PURE__ */ u("span", { children: [
-    t.storage.characterCount.characters(),
-    " ",
-    r("editor.characters")
-  ] }) }) }) });
-}
 function Xa(t, e) {
   const { content: r, extensions: n, useEditorOptions: a = {} } = t, c = P(() => {
     const d = Ui(n, n, "name");
@@ -4787,7 +4957,7 @@ function Xa(t, e) {
     var m;
     const x = l(d, t.output);
     (m = t == null ? void 0 : t.onChangeContent) == null || m.call(t, x);
-  }, Di), s = zi({
+  }, Di), s = Ri({
     extensions: c,
     content: r,
     onUpdate: ({ editor: d }) => {
@@ -4801,8 +4971,8 @@ function Xa(t, e) {
     document.documentElement.classList.toggle("dark", t.dark), Mc.setTheme(t.dark ? "dark" : "light");
   }, [t.dark]), I(() => {
     s == null || s.setEditable(!(t != null && t.disabled)), pn.setDisable(!(t != null && t.disabled));
-  }, [s, t == null ? void 0 : t.disabled]), I(() => ((t == null ? void 0 : t.resetCSS) !== !1 && Ka(Va, "react-tiptap-reset"), () => {
-    Ga("react-tiptap-reset");
+  }, [s, t == null ? void 0 : t.disabled]), I(() => ((t == null ? void 0 : t.resetCSS) !== !1 && Za(Wa, "react-tiptap-reset"), () => {
+    Ua("react-tiptap-reset");
   }), [t == null ? void 0 : t.resetCSS]);
   function l(d, x) {
     return t != null && t.removeDefaultWrapper ? x === "html" ? d.isEmpty ? "" : d.getHTML() : x === "json" ? d.isEmpty ? {} : d.getJSON() : x === "text" ? d.isEmpty ? "" : d.getText() : "" : x === "html" ? d.getHTML() : x === "json" ? d.getJSON() : x === "text" ? d.getText() : "";
@@ -4813,13 +4983,46 @@ function Xa(t, e) {
   }, []);
   const h = yn(s, "characterCount");
   return s ? /* @__PURE__ */ u("div", { className: "reactjs-tiptap-editor", children: [
-    /* @__PURE__ */ i(On, { delayDuration: 0, disableHoverableContent: !0, children: /* @__PURE__ */ i("div", { className: "richtext-rounded-[0.5rem] richtext-bg-background richtext-shadow richtext-overflow-hidden richtext-outline richtext-outline-1", children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-col richtext-w-full richtext-max-h-full", children: [
-      !(t != null && t.hideToolbar) && /* @__PURE__ */ i(ma, { editor: s, disabled: !!(t != null && t.disabled), toolbar: t.toolbar }),
-      /* @__PURE__ */ i(Oi, { className: `richtext-relative ${(t == null ? void 0 : t.contentClass) || ""}`, editor: s }),
-      h && /* @__PURE__ */ i(Za, { editor: s, extensions: n }),
-      !(t != null && t.hideBubble) && /* @__PURE__ */ i(da, { bubbleMenu: t == null ? void 0 : t.bubbleMenu, editor: s, disabled: t == null ? void 0 : t.disabled })
-    ] }) }) }),
-    /* @__PURE__ */ i($a, {})
+    /* @__PURE__ */ i(
+      On,
+      {
+        delayDuration: 0,
+        disableHoverableContent: !0,
+        children: /* @__PURE__ */ i("div", { className: "richtext-overflow-hidden richtext-rounded-[0.5rem] richtext-bg-background richtext-shadow richtext-outline richtext-outline-1", children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-max-h-full richtext-w-full richtext-flex-col", children: [
+          !(t != null && t.hideToolbar) && /* @__PURE__ */ i(
+            ma,
+            {
+              disabled: !!(t != null && t.disabled),
+              editor: s,
+              toolbar: t.toolbar
+            }
+          ),
+          /* @__PURE__ */ i(
+            Oi,
+            {
+              className: `richtext-relative ${(t == null ? void 0 : t.contentClass) || ""}`,
+              editor: s
+            }
+          ),
+          h && /* @__PURE__ */ i(
+            $a,
+            {
+              editor: s,
+              extensions: n
+            }
+          ),
+          !(t != null && t.hideBubble) && /* @__PURE__ */ i(
+            da,
+            {
+              bubbleMenu: t == null ? void 0 : t.bubbleMenu,
+              disabled: t == null ? void 0 : t.disabled,
+              editor: s
+            }
+          )
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ i(Va, {})
   ] }) : /* @__PURE__ */ i(_, {});
 }
 const bo = Si(Xa);