reactjs-tiptap-editor 0.1.14 → 0.1.15

package/lib/RichTextEditor-CqUsKvdf.js

@@ -0,0 +1,4887 @@
+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-CB5MO02_.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-BQSRMhtZ.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, H as Wt, aA as Fi, aB as Gi } from "./vendor-DiKgVtSS.js";
+import * as X from "@radix-ui/react-toast";
+import { ChevronRight as Ui, Check as Ki, Circle as Zi, X as Fe, FlipHorizontal as Xi, FlipVertical as qi, CropIcon as Yi, ChevronUp as Ji, Paperclip as Qi, Eye as tr, Settings as er, ZoomOut as ir, ZoomIn as rr, BookMarked as nr, Sigma as cr, SmilePlusIcon as ar, Replace as pe, SmilePlus as or, Frame as sr, Columns2 as we, PanelRight as lr, PanelLeft as hr, Clipboard as dr, Copy as ur, GripVertical as xr, Plus as Ge, Columns4 as mr, Columns3 as fr, Heading6 as gr, Heading5 as pr, Heading4 as wr, Heading3 as vr, Heading2 as br, Heading1 as yr, ChevronsUpDown as Cr, Trash as Nr, Trash2 as Ue, TableCellsSplit as Tr, TableCellsMerge as kr, BetweenVerticalEnd as Sr, BetweenVerticalStart as Ar, BetweenHorizonalStart as Mr, BetweenHorizonalEnd as Lr, Unlink as Ir, Pencil as Ke, Sparkles as Er, Table as Rr, Minimize as zr, Maximize as Or, Video as _r, ImageUp as Hr, Link as Pr, ListTodo as Dr, ListOrdered as Br, List as $r, IndentDecrease as Vr, IndentIncrease as Wr, Type as jr, CodeXml as Fr, Code as Gr, Superscript as Ur, Subscript as Kr, ChevronDown as Zr, Undo2 as Xr, Redo2 as qr, PaintRoller as Yr, Eraser as Jr, Minus as Qr, Strikethrough as tn, Quote as en, Underline as rn, Italic as nn, LoaderCircle as cn, Bold as an, 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";
+import * as qe from "@radix-ui/react-toggle";
+import { TextAlignRightIcon as on, TextAlignLeftIcon as sn, TextAlignJustifyIcon as ln, TextAlignCenterIcon as hn } 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 Dt from "mermaid";
+import { flushSync as Bt } from "react-dom";
+import { Tweet as dn } from "react-tweet";
+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";
+let Gt;
+function Ut() {
+  return Gt === void 0 && (Gt = navigator.platform.includes("Mac")), Gt;
+}
+function mn(t) {
+  return `${t}`.toLowerCase() === "mod" ? Ut() ? "⌘" : "Ctrl" : `${t}`.toLowerCase() === "alt" ? Ut() ? "⌥" : "Alt" : `${t}`.toLowerCase() === "shift" ? Ut() ? "⇧" : "Shift" : t;
+}
+function fn(t) {
+  return t.map(mn).join(" ");
+}
+function L(...t) {
+  return Bi(Pt(t));
+}
+const v = Oe.forwardRef(
+  (t, e) => {
+    const {
+      icon: r = void 0,
+      // title = undefined,
+      tooltip: n = void 0,
+      disabled: a = !1,
+      customClass: c = "",
+      // color = undefined,
+      loading: o = void 0,
+      shortcutKeys: s = void 0,
+      tooltipOptions: l = {},
+      action: h = void 0,
+      isActive: d = void 0,
+      children: x,
+      asChild: m = !1,
+      upload: f = !1,
+      ...p
+    } = t, b = ui[r];
+    return /* @__PURE__ */ u(hi, { children: [
+      /* @__PURE__ */ i(di, { asChild: !0, children: /* @__PURE__ */ u(
+        m ? Xe : li,
+        {
+          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" }),
+            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: [
+        /* @__PURE__ */ i("div", { children: n }),
+        !!(s != null && s.length) && /* @__PURE__ */ i("span", { children: fn(s) })
+      ] }) })
+    ] });
+  }
+);
+function Ct(t, e) {
+  const { state: r } = e, n = r.selection.$anchor;
+  let a = !1;
+  if (n.depth)
+    for (let c = n.depth; c > 0; c--)
+      n.node(c).type.name === t && (e.dispatchTransaction && e.dispatchTransaction(r.tr.delete(n.before(c), n.after(c)).scrollIntoView()), a = !0);
+  else {
+    const c = r.selection.node;
+    c && c.type.name === t && (e.chain().deleteSelection().run(), a = !0);
+  }
+  if (!a) {
+    const c = n.pos;
+    if (c) {
+      const o = r.tr.doc.nodeAt(c);
+      o && o.type.name === t && (e.dispatchTransaction && e.dispatchTransaction(r.tr.delete(c, c + o.nodeSize)), a = !0);
+    }
+  }
+  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;
+}
+const wn = (t) => typeof t == "number", vn = (t) => typeof t == "string", bn = (t) => typeof t == "function";
+function xo(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;
+  return Number.isNaN(n) ? t : n + c;
+}
+function yn(t, e) {
+  if (!t)
+    return !1;
+  const { extensions: r = [] } = (t == null ? void 0 : t.extensionManager) ?? {};
+  return !!r.find((a) => a.name === e);
+}
+function mo(t) {
+  return t.map((e) => vn(e) ? { value: e, name: e } : e);
+}
+const Cn = Vt(
+  "richtext-inline-flex richtext-items-center richtext-justify-center richtext-whitespace-nowrap richtext-rounded-md richtext-text-sm richtext-font-medium richtext-ring-offset-background richtext-transition-colors 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",
+  {
+    variants: {
+      variant: {
+        default: "!richtext-bg-primary !richtext-text-primary-foreground hover:!richtext-bg-primary/90",
+        destructive: "richtext-bg-destructive richtext-text-destructive-foreground hover:richtext-bg-destructive/90",
+        outline: "richtext-border richtext-border-input richtext-bg-background hover:richtext-bg-accent hover:richtext-text-accent-foreground",
+        secondary: "richtext-bg-secondary richtext-text-secondary-foreground hover:richtext-bg-secondary/80",
+        ghost: "hover:richtext-bg-accent hover:richtext-text-accent-foreground",
+        link: "richtext-text-primary richtext-underline-offset-4 hover:richtext-underline"
+      },
+      size: {
+        default: "richtext-h-10 richtext-px-4 richtext-py-2",
+        sm: "richtext-h-9 richtext-rounded-md richtext-px-3",
+        lg: "richtext-h-11 richtext-rounded-md richtext-px-8",
+        icon: "richtext-h-10 richtext-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), U = E.forwardRef(
+  ({ className: t, variant: e, size: r, asChild: n = !1, ...a }, c) => /* @__PURE__ */ i(
+    n ? Xe : "button",
+    {
+      className: L(Cn({ variant: e, size: r, className: t })),
+      ref: c,
+      ...a
+    }
+  )
+);
+U.displayName = "Button";
+const Nn = D.Root, Tn = D.Trigger, ve = D.Portal, be = D.Sub, Jt = E.forwardRef(({ className: t, inset: e, children: r, ...n }, a) => /* @__PURE__ */ u(
+  D.SubTrigger,
+  {
+    ref: a,
+    className: L(
+      "richtext-flex richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none focus:richtext-bg-accent data-[state=open]:richtext-bg-accent",
+      e && "richtext-pl-8",
+      t
+    ),
+    ...n,
+    children: [
+      r,
+      /* @__PURE__ */ i(Ui, { className: "richtext-ml-auto richtext-h-4 richtext-w-4" })
+    ]
+  }
+));
+Jt.displayName = D.SubTrigger.displayName;
+const Qt = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  D.SubContent,
+  {
+    ref: r,
+    className: L(
+      "richtext-z-50 richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-lg data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",
+      t
+    ),
+    ...e
+  }
+));
+Qt.displayName = D.SubContent.displayName;
+const ei = E.forwardRef(({ className: t, sideOffset: e = 4, ...r }, n) => /* @__PURE__ */ i(D.Portal, { children: /* @__PURE__ */ i(
+  D.Content,
+  {
+    ref: n,
+    sideOffset: e,
+    className: L(
+      "richtext-z-50 richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",
+      t
+    ),
+    ...r
+  }
+) }));
+ei.displayName = D.Content.displayName;
+const tt = E.forwardRef(({ className: t, inset: e, ...r }, n) => /* @__PURE__ */ i(
+  D.Item,
+  {
+    ref: n,
+    className: L(
+      "richtext-relative richtext-flex richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",
+      e && "richtext-pl-8",
+      t
+    ),
+    ...r
+  }
+));
+tt.displayName = D.Item.displayName;
+const kn = E.forwardRef(({ className: t, children: e, checked: r, ...n }, a) => /* @__PURE__ */ u(
+  D.CheckboxItem,
+  {
+    ref: a,
+    className: L(
+      "richtext-relative richtext-flex richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none richtext-transition-colors focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",
+      t
+    ),
+    checked: r,
+    ...n,
+    children: [
+      /* @__PURE__ */ i("span", { className: "richtext-absolute richtext-left-2 richtext-flex richtext-h-3.5 richtext-w-3.5 richtext-items-center richtext-justify-center", children: /* @__PURE__ */ i(D.ItemIndicator, { children: /* @__PURE__ */ i(Ki, { className: "richtext-h-4 richtext-w-4" }) }) }),
+      e
+    ]
+  }
+));
+kn.displayName = D.CheckboxItem.displayName;
+const Sn = E.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ u(
+  D.RadioItem,
+  {
+    ref: n,
+    className: L(
+      "richtext-relative richtext-flex richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none richtext-transition-colors focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",
+      t
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ i("span", { className: "richtext-absolute richtext-left-2 richtext-flex richtext-h-3.5 richtext-w-3.5 richtext-items-center richtext-justify-center", children: /* @__PURE__ */ i(D.ItemIndicator, { children: /* @__PURE__ */ i(Zi, { className: "richtext-h-2 richtext-w-2 richtext-fill-current" }) }) }),
+      e
+    ]
+  }
+));
+Sn.displayName = D.RadioItem.displayName;
+const An = E.forwardRef(({ className: t, inset: e, ...r }, n) => /* @__PURE__ */ i(
+  D.Label,
+  {
+    ref: n,
+    className: L(
+      "richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-font-semibold",
+      e && "richtext-pl-8",
+      t
+    ),
+    ...r
+  }
+));
+An.displayName = D.Label.displayName;
+const ii = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  D.Separator,
+  {
+    ref: r,
+    className: L("richtext--mx-1 richtext-my-1 richtext-h-px richtext-bg-muted", t),
+    ...e
+  }
+));
+ii.displayName = D.Separator.displayName;
+function Mn({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: L("richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", t),
+      ...e
+    }
+  );
+}
+Mn.displayName = "DropdownMenuShortcut";
+const J = E.forwardRef(
+  ({ className: t, type: e, ...r }, n) => /* @__PURE__ */ i(
+    "input",
+    {
+      type: e,
+      className: L(
+        "richtext-flex richtext-h-10 richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background file:richtext-border-0 file:richtext-bg-transparent file:richtext-text-sm file:richtext-font-medium placeholder:richtext-text-muted-foreground focus-visible:richtext-outline-none  disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50",
+        t
+      ),
+      ref: n,
+      ...r
+    }
+  )
+);
+J.displayName = "Input";
+const Ln = Vt(
+  "richtext-text-sm richtext-font-medium richtext-leading-none peer-disabled:richtext-cursor-not-allowed peer-disabled:richtext-opacity-70"
+), et = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  Ye.Root,
+  {
+    ref: r,
+    className: L(Ln(), t),
+    ...e
+  }
+));
+et.displayName = Ye.Root.displayName;
+const mt = vt.Root, ft = vt.Trigger, ct = E.forwardRef(({ className: t, align: e = "center", sideOffset: r = 4, ...n }, a) => /* @__PURE__ */ i(vt.Portal, { children: /* @__PURE__ */ i(
+  vt.Content,
+  {
+    ref: a,
+    align: e,
+    sideOffset: r,
+    className: L(
+      "richtext-z-50 richtext-w-72 richtext-rounded-md !richtext-border richtext-bg-popover richtext-p-4 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",
+      t
+    ),
+    ...n
+  }
+) }));
+ct.displayName = vt.Content.displayName;
+const Q = E.forwardRef(
+  ({ className: t, orientation: e = "horizontal", decorative: r = !0, ...n }, a) => /* @__PURE__ */ i(
+    De.Root,
+    {
+      ref: a,
+      decorative: r,
+      orientation: e,
+      className: L(
+        "richtext-shrink-0 richtext-bg-border",
+        e === "horizontal" ? "richtext-h-[1px] richtext-w-full" : "richtext-h-full richtext-w-[1px]",
+        t
+      ),
+      ...n
+    }
+  )
+);
+Q.displayName = De.Root.displayName;
+const ri = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  Yt.Root,
+  {
+    className: L(
+      "richtext-peer richtext-inline-flex richtext-h-6 richtext-w-11 richtext-shrink-0 richtext-cursor-pointer richtext-items-center richtext-rounded-full richtext-border-2 richtext-border-transparent richtext-transition-colors focus-visible:richtext-outline-none focus-visible:richtext-ring-2 focus-visible:richtext-ring-ring focus-visible:richtext-ring-offset-2 focus-visible:richtext-ring-offset-background disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 data-[state=checked]:richtext-bg-primary data-[state=unchecked]:richtext-bg-input",
+      t
+    ),
+    ...e,
+    ref: r,
+    children: /* @__PURE__ */ i(
+      Yt.Thumb,
+      {
+        className: L(
+          "richtext-pointer-events-none richtext-block richtext-h-5 richtext-w-5 richtext-rounded-full richtext-bg-background richtext-shadow-lg richtext-ring-0 richtext-transition-transform data-[state=checked]:richtext-translate-x-5 data-[state=unchecked]:richtext-translate-x-0"
+        )
+      }
+    )
+  }
+));
+ri.displayName = Yt.Root.displayName;
+const In = X.Provider, ni = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  X.Viewport,
+  {
+    ref: r,
+    className: L(
+      "richtext-fixed richtext-top-0 richtext-z-[100] richtext-flex richtext-max-h-screen richtext-w-full richtext-flex-col-reverse richtext-p-4 sm:richtext-bottom-0 sm:richtext-right-0 sm:richtext-top-auto sm:richtext-flex-col md:richtext-max-w-[420px]",
+      t
+    ),
+    ...e
+  }
+));
+ni.displayName = X.Viewport.displayName;
+const En = Vt(
+  "richtext-group richtext-pointer-events-auto richtext-relative richtext-flex richtext-w-full richtext-items-center richtext-justify-between richtext-space-x-4 richtext-overflow-hidden richtext-rounded-md !richtext-border richtext-p-6 richtext-pr-8 richtext-shadow-lg richtext-transition-all data-[swipe=cancel]:richtext-translate-x-0 data-[swipe=end]:richtext-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:richtext-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:richtext-transition-none data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[swipe=end]:richtext-animate-out data-[state=closed]:richtext-fade-out-80 data-[state=closed]:richtext-slide-out-to-right-full data-[state=open]:richtext-slide-in-from-top-full data-[state=open]:sm:richtext-slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "richtext-border richtext-bg-background richtext-text-foreground",
+        destructive: "richtext-destructive richtext-group richtext-border-destructive richtext-bg-destructive richtext-text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), ci = E.forwardRef(({ className: t, variant: e, ...r }, n) => /* @__PURE__ */ i(
+  X.Root,
+  {
+    ref: n,
+    className: L(En({ variant: e }), t),
+    ...r
+  }
+));
+ci.displayName = X.Root.displayName;
+const Rn = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  X.Action,
+  {
+    ref: r,
+    className: L(
+      "richtext-inline-flex richtext-h-8 richtext-shrink-0 richtext-items-center richtext-justify-center richtext-rounded-md !richtext-border richtext-bg-transparent richtext-px-3 richtext-text-sm richtext-font-medium richtext-ring-offset-background richtext-transition-colors hover:richtext-bg-secondary focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-2 disabled:richtext-pointer-events-none disabled:richtext-opacity-50 group-[.destructive]:richtext-border-muted/40 group-[.destructive]:hover:richtext-border-destructive/30 group-[.destructive]:hover:richtext-bg-destructive group-[.destructive]:hover:richtext-text-destructive-foreground group-[.destructive]:focus:richtext-ring-destructive",
+      t
+    ),
+    ...e
+  }
+));
+Rn.displayName = X.Action.displayName;
+const ai = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  X.Close,
+  {
+    ref: r,
+    className: L(
+      "richtext-absolute richtext-right-2 richtext-top-2 richtext-rounded-md richtext-p-1 richtext-text-foreground/50 richtext-opacity-0 richtext-transition-opacity hover:richtext-text-foreground focus:richtext-opacity-100 focus:richtext-outline-none focus:richtext-ring-2 group-hover:richtext-opacity-100 group-[.destructive]:richtext-text-red-300 group-[.destructive]:hover:richtext-text-red-50 group-[.destructive]:focus:richtext-ring-red-400 group-[.destructive]:focus:richtext-ring-offset-red-600",
+      t
+    ),
+    "toast-close": "",
+    ...e,
+    children: /* @__PURE__ */ i(Fe, { className: "richtext-h-4 richtext-w-4" })
+  }
+));
+ai.displayName = X.Close.displayName;
+const oi = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  X.Title,
+  {
+    ref: r,
+    className: L("richtext-text-sm richtext-font-semibold", t),
+    ...e
+  }
+));
+oi.displayName = X.Title.displayName;
+const si = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  X.Description,
+  {
+    ref: r,
+    className: L("richtext-text-sm richtext-opacity-90", t),
+    ...e
+  }
+));
+si.displayName = X.Description.displayName;
+const zn = 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: {
+      variant: {
+        default: "richtext-bg-transparent",
+        outline: "richtext-border richtext-border-input richtext-bg-transparent hover:richtext-bg-accent hover:richtext-text-accent-foreground"
+      },
+      size: {
+        default: "richtext-h-10 richtext-px-3",
+        sm: "richtext-h-9 richtext-px-2",
+        lg: "richtext-h-11 richtext-px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), li = E.forwardRef(({ className: t, variant: e, size: r, ...n }, a) => /* @__PURE__ */ i(
+  qe.Root,
+  {
+    ref: a,
+    className: L(zn({ variant: e, size: r, className: t })),
+    ...n
+  }
+));
+li.displayName = qe.Root.displayName;
+const On = yt.Provider, hi = yt.Root, di = yt.Trigger, oe = E.forwardRef(({ className: t, sideOffset: e = 4, ...r }, n) => /* @__PURE__ */ i(
+  yt.Content,
+  {
+    ref: n,
+    sideOffset: e,
+    className: L(
+      "richtext-z-50 richtext-overflow-hidden richtext-rounded-md !richtext-border richtext-bg-popover richtext-px-3 richtext-py-1.5 richtext-text-sm richtext-text-popover-foreground richtext-shadow-md richtext-animate-in richtext-fade-in-0 richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",
+      t
+    ),
+    ...r
+  }
+));
+oe.displayName = yt.Content.displayName;
+const _n = 1, Hn = 1e6;
+let Kt = 0;
+function Pn() {
+  return Kt = (Kt + 1) % Number.MAX_SAFE_INTEGER, Kt.toString();
+}
+const Zt = /* @__PURE__ */ new Map();
+function ye(t) {
+  if (Zt.has(t))
+    return;
+  const e = setTimeout(() => {
+    Zt.delete(t), pt({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, Hn);
+  Zt.set(t, e);
+}
+function Dn(t, e) {
+  switch (e.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [e.toast, ...t.toasts].slice(0, _n)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map(
+          (r) => r.id === e.toast.id ? { ...r, ...e.toast } : r
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = e;
+      return r ? ye(r) : t.toasts.forEach((n) => {
+        ye(n.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (n) => n.id === r || r === void 0 ? {
+            ...n,
+            open: !1
+          } : n
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return e.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((r) => r.id !== e.toastId)
+      };
+  }
+}
+const Et = [];
+let Rt = { toasts: [] };
+function pt(t) {
+  Rt = Dn(Rt, t), Et.forEach((e) => {
+    e(Rt);
+  });
+}
+function Bn({ ...t }) {
+  const e = Pn(), r = (a) => pt({
+    type: "UPDATE_TOAST",
+    toast: { ...a, id: e }
+  }), n = () => pt({ type: "DISMISS_TOAST", toastId: e });
+  return pt({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: e,
+      open: !0,
+      onOpenChange: (a) => {
+        a || n();
+      }
+    }
+  }), {
+    id: e,
+    dismiss: n,
+    update: r
+  };
+}
+function $n() {
+  const [t, e] = E.useState(Rt);
+  return E.useEffect(() => (Et.push(e), () => {
+    const r = Et.indexOf(e);
+    r > -1 && Et.splice(r, 1);
+  }), [t]), {
+    ...t,
+    toast: Bn,
+    dismiss: (r) => pt({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+function Vn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M19 12h-2v3h-3v2h5zM7 9h3V7H5v5h2zm14-6H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H3V5h18z"
+    }
+  ) });
+}
+function Wn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      d: "M6 15h15m0 4H6m9-8h6m0-4h-6M9 9h1a1 1 0 1 1-1 1V7.5a2 2 0 0 1 2-2M3 9h1a1 1 0 1 1-1 1V7.5a2 2 0 0 1 2-2"
+    }
+  ) });
+}
+function jn() {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      "aria-hidden": "true",
+      role: "img",
+      className: "richtext-w-4 richtext-h-4",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ i(
+        "path",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M5.5 3c1.404 0 2.107 0 2.611.38c.219.164.406.375.552.62C9 4.568 9 5.358 9 6.938v10.125c0 1.58 0 2.37-.337 2.937a2.1 2.1 0 0 1-.552.621c-.504.38-1.207.38-2.611.38s-2.107 0-2.611-.38a2.1 2.1 0 0 1-.552-.62C2 19.432 2 18.642 2 17.062V6.938c0-1.58 0-2.37.337-2.938a2.1 2.1 0 0 1 .552-.62C3.393 3 4.096 3 5.5 3M20 11.938v5.124c0 1.58 0 2.37-.337 2.938a2.1 2.1 0 0 1-.552.62c-.504.38-1.207.38-2.611.38s-2.107 0-2.611-.38a2.1 2.1 0 0 1-.552-.62C13 19.433 13 18.642 13 17.063V6.938c0-1.58 0-2.37.337-2.938M22 9l-6-6m6 0l-6 6",
+          color: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Fn() {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      "aria-hidden": "true",
+      role: "img",
+      className: "richtext-w-4 richtext-h-4",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ i(
+        "path",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M21 18.5c0 1.404 0 2.107-.38 2.611a2.1 2.1 0 0 1-.62.552c-.567.337-1.358.337-2.937.337H6.938c-1.58 0-2.37 0-2.938-.337a2.1 2.1 0 0 1-.62-.552C3 20.607 3 19.904 3 18.5s0-2.107.38-2.611c.163-.218.374-.406.62-.552C4.567 15 5.357 15 6.938 15h10.125c1.58 0 2.37 0 2.937.337c.246.146.457.334.62.552c.38.504.38 1.207.38 2.611M12.063 4H6.937C5.358 4 4.568 4 4 4.337a2.1 2.1 0 0 0-.62.552C3 5.393 3 6.096 3 7.5s0 2.107.38 2.611c.163.218.374.406.62.552C4.567 11 5.357 11 6.938 11h10.125c1.58 0 2.37 0 2.937-.337M21 8l-6-6m6 0l-6 6",
+          color: "currentColor"
+        }
+      )
+    }
+  );
+}
+function Gn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm4 18H6V4h7v5h5zm-.65-10l-2.1 9h-1.4l-1.8-6.79l-1.8 6.79h-1.4l-2.2-9h1.5l1.4 6.81l1.8-6.81h1.3l1.8 6.81l1.4-6.81z"
+    }
+  ) });
+}
+function G(t) {
+  const e = ui[t.name];
+  return e ? /* @__PURE__ */ i(e, { onClick: t == null ? void 0 : t.onClick, className: `richtext-w-4 richtext-h-4 ${(t == null ? void 0 : t.className) || ""}` }) : null;
+}
+function Un(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M21 22H3v-2h18zm0-18H3V2h18zm-11 9.7h4l-2-5.4zM11.2 6h1.7l4.7 12h-2l-.9-2.6H9.4L8.5 18h-2z"
+    }
+  ) });
+}
+function Kn(t) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      "aria-hidden": "true",
+      role: "img",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 48 48",
+      ...t,
+      children: /* @__PURE__ */ i(
+        "path",
+        {
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: 4,
+          d: "M36 19L24 31L12 19z"
+        }
+      )
+    }
+  );
+}
+function Zn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M9 7v10h6v-2h-4V7z" }) });
+}
+function Xn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M9 7c-1.1 0-2 .9-2 2v8h2V9h2v7h2V9h2v8h2V9a2 2 0 0 0-2-2z"
+    }
+  ) });
+}
+function qn(t) {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...t, children: /* @__PURE__ */ i(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M11 7c-1.1 0-2 .9-2 2v2a2 2 0 0 0 2 2h2v2H9v2h4c1.11 0 2-.89 2-2v-2a2 2 0 0 0-2-2h-2V9h4V7z"
+    }
+  ) });
+}
+function Yn() {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      "aria-hidden": "true",
+      role: "img",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ i(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M14 2H6a2 2 0 0 0-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V8zm4 18H6V4h7v5h5zm-.65-10l-2.1 9h-1.4l-1.8-6.79l-1.8 6.79h-1.4l-2.2-9h1.5l1.4 6.81l1.8-6.81h1.3l1.8 6.81l1.4-6.81z"
+        }
+      )
+    }
+  );
+}
+function Jn() {
+  return /* @__PURE__ */ u("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 32 32", children: [
+    /* @__PURE__ */ i("path", { fill: "currentColor", d: "M30 18v-2h-6v10h2v-4h3v-2h-3v-2zm-11 8h-4V16h4a3.003 3.003 0 0 1 3 3v4a3.003 3.003 0 0 1-3 3m-2-2h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-2zm-6-8H6v10h2v-3h3a2.003 2.003 0 0 0 2-2v-3a2 2 0 0 0-2-2m-3 5v-3h3l.001 3z" }),
+    /* @__PURE__ */ i("path", { fill: "currentColor", d: "M22 14v-4a.91.91 0 0 0-.3-.7l-7-7A.9.9 0 0 0 14 2H4a2.006 2.006 0 0 0-2 2v24a2 2 0 0 0 2 2h16v-2H4V4h8v6a2.006 2.006 0 0 0 2 2h6v2Zm-8-4V4.4l5.6 5.6Z" })
+  ] });
+}
+function Qn() {
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      className: "icon",
+      viewBox: "0 0 1024 1024",
+      children: [
+        /* @__PURE__ */ i(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M679.253 402.364 618.77 561.015l-60.348-158.651a30.04 30.04 0 0 0-30.447-18.637 29.76 29.76 0 0 0-30.447 18.637l-60.416 158.651-60.416-158.651a30.515 30.515 0 0 0-38.843-17.272 28.945 28.945 0 0 0-17.954 37.547l88.815 233.267c4.369 11.469 15.7 19.115 28.398 19.115a30.31 30.31 0 0 0 28.468-19.115l62.395-163.908 62.396 163.84c4.437 11.605 15.701 19.183 28.4 19.183a30.31 30.31 0 0 0 28.466-19.115l88.747-233.267a28.945 28.945 0 0 0-17.886-37.547 30.447 30.447 0 0 0-38.912 17.272zm219.478 395.605-51.883-29.218c-28.672-16.18-52.224-3.072-52.224 29.082v.273H643.209a29.833 29.833 0 0 0-30.31 29.354c0 16.18 13.584 29.218 30.31 29.218h151.825c1.092 30.516 24.03 43.077 52.224 27.648l51.063-27.989c29.013-15.906 29.15-42.189.41-58.368"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            fill: "currentColor",
+            d: "m810.667 913.135-.478.068H201.796c-19.865 0-36.727-11.673-36.727-25.6v-618.36h154.965c51.268 0 92.911-39.39 92.911-87.858v-87.86H810.19c19.797 0 36.522 11.742 36.522 25.669V739.26h61.987V119.262c0-46.421-44.169-84.241-98.51-84.241H328.364l-225.28 194.56v658.09c0 46.285 44.236 84.105 98.713 84.105H810.19c43.759 0 80.554-24.713 93.32-58.573h-92.842zM350.89 94.89v86.562c0 16.11-13.858 29.286-30.925 29.286H216.815L350.959 94.891z"
+          }
+        )
+      ]
+    }
+  );
+}
+function tc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M14 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m-9 8h4m-2-2v4" }) });
+}
+function ec() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 4h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m9 8h4m-2-2v4" }) });
+}
+function ic() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M23.943 19.806a.2.2 0 0 0-.168-.034c-1.26-1.855-2.873-3.61-4.419-5.315l-.252-.284c-.001-.073-.067-.12-.134-.15l-.084-.084c-.05-.1-.169-.167-.286-.1c-.47.234-.907.585-1.327.919c-.554.434-1.109.87-1.63 1.354a5 5 0 0 0-.588.618c-.084.117-.017.217.084.267c-.37.368-.74.736-1.109 1.12a.2.2 0 0 0-.05.134c0 .05.033.1.067.117l.655.502v.016c.924.92 2.554 2.173 4.285 3.527c.251.201.52.402.773.602c.117.134.234.285.335.418c.05.066.169.084.236.033c.033.034.084.067.118.1a.24.24 0 0 0 .1.034a.15.15 0 0 0 .135-.066a.24.24 0 0 0 .033-.1c.017 0 .017.016.034.016a.2.2 0 0 0 .134-.05l3.058-3.327c.12-.116.014-.267 0-.267m-7.628-.134l-1.546-1.17l-.15-.1c-.035-.017-.068-.05-.102-.067l-.117-.1c.66-.66 1.33-1.308 2-1.956c-.488.484-1.463 1.906-1.261 2.373c.002 0 .018.042.067.084zm4.1 3.126l-1.277-.97a27 27 0 0 0-1.58-1.504c.69.518 1.277.97 1.361 1.053c.673.585.638.485 1.093.87l.554.4c-.074.103-.151.148-.151.151m.336.25l-.034-.016a1 1 0 0 0 .152-.117zM.588 3.476c.033.217.084.435.117.636c.201 1.103.403 2.106.772 2.858l.152.568c.05.217.134.485.219.552a67 67 0 0 0 3.578 2.942a.18.18 0 0 0 .219 0s0 .016.016.016a.15.15 0 0 0 .118.05a.2.2 0 0 0 .134-.05c1.798-1.989 3.142-3.627 4.1-4.998c.068-.066.084-.167.084-.25c.067-.067.118-.151.185-.201c.067-.067.067-.184 0-.235l-.017-.016c0-.033-.017-.084-.05-.1c-.42-.401-.722-.685-1.042-.986a94 94 0 0 1-2.352-2.273c-.017-.017-.034-.034-.067-.034c-.336-.117-1.025-.234-1.882-.385c-1.277-.216-3.008-.517-4.57-.986c0 0-.101 0-.118.017l-.05.05C.05.714.022.707 0 .718c.017.1.017.167.05.284c0 .033.068.301.068.334zm7.19 4.78l-.033.034a.036.036 0 0 1 .033-.034M6.553 2.238c.101.1.521.502.622.585c-.437-.2-1.529-.702-2.034-.869c.505.1 1.194.201 1.412.284M.79 1.403c.252.434.454 1.939.655 3.41c-.118-.469-.201-.936-.302-1.372C.992 2.673.84 1.988.638 1.386c.124 0 .152.021.152.017m-.286-.369c0-.016 0-.033-.017-.033c.085 0 .135.017.202.05c0 .006-.145-.017-.185-.017m23.17-.217c.017-.066-.336-.367-.219-.384c.253-.017.253-.401 0-.401c-.335.017-.688.1-1.008.15c-.587.117-1.192.234-1.78.367a80 80 0 0 0-3.949.937c-.403.117-.857.2-1.243.401c-.135.067-.118.2-.05.284c-.034.017-.051.017-.085.034c-.117.017-.218.034-.335.05c-.102.017-.152.1-.135.2c0 .017.017.05.017.067c-.706.936-1.496 1.923-2.353 2.976c-.84.969-1.73 1.989-2.62 3.042c-2.84 3.31-6.05 7.07-9.594 10.38a.16.16 0 0 0 0 .234c.016.016.033.033.05.033c-.05.05-.101.085-.152.134q-.05.05-.05.1a.4.4 0 0 0-.067.084c-.067.067-.067.184.017.234c.067.066.185.066.235-.017c.017-.017.017-.033.033-.033a.265.265 0 0 1 .37 0c.202.217.404.435.588.618l-.42-.35c-.067-.067-.184-.05-.234.016c-.068.066-.051.184.016.234l4.469 3.727c.034.034.067.034.118.034a.15.15 0 0 0 .117-.05l.101-.1c.017.016.05.016.067.016c.05 0 .084-.016.118-.05c6.049-6.05 10.922-10.614 16.5-14.693c.05-.033.067-.1.067-.15c.067 0 .118-.05.15-.117c1.026-3.125 1.228-5.9 1.295-7.27c0-.059.016-.038.016-.068c.017-.033.017-.05.017-.05a.98.98 0 0 0-.067-.619m-10.82 4.915c.268-.301.537-.619.806-.903c-1.73 2.273-4.603 5.767-8.67 9.929c2.773-3.059 5.562-6.218 7.864-9.026M5.14 23.466c-.016-.017-.016-.017 0-.017zm2.504-2.156c.135-.15.27-.284.42-.434c0 0 0 .016.017.016c-.224.198-.433.418-.437.418m.69-.668c.099-.1.14-.173.284-.318c.992-1.02 2.017-2.04 3.059-3.076l.016-.016c.252-.2.555-.418.824-.619a228 228 0 0 0-4.184 4.029M14.852 3.91c-.554.719-1.176 1.671-1.697 2.423c-1.646 2.374-6.94 8.174-7.057 8.274a1190 1190 0 0 1-4.839 4.597l-.1.1c-.085-.1-.085-.25.016-.334C8.652 11.966 13.19 6.133 15.021 3.576c-.05.116-.084.216-.168.334zm2.906 3.427c-.671-.386-.99-.987-.806-1.572l.05-.2a.8.8 0 0 1 .085-.167a1.9 1.9 0 0 1 .756-.703c.016 0 .033 0 .05-.016c-.017-.034-.017-.084-.017-.134c.017-.1.085-.167.202-.167c.202 0 .824.184 1.059.384c.067.05.134.117.202.184c.084.1.218.268.285.401c.034.017.067.184.118.268c.033.134.067.284.05.418c-.017.016 0 .116-.017.116a1.6 1.6 0 0 1-.218.619c-.03.03.006.012-.05.067a1.2 1.2 0 0 1-.32.334a1.49 1.49 0 0 1-1.26.234a2 2 0 0 0-.169-.066m4.37 1.403c0 .017-.017.05 0 .067c-.034 0-.05.017-.085.034a110 110 0 0 0-3.915 3.025c1.11-.986 2.218-1.989 3.378-2.975c.336-.301.571-.686.638-1.12l.168-1.003v-.033c.085-.201.404-.118.353.1c-.004-.001-.173.795-.537 1.905" }) });
+}
+function rc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 21v-4m0-4V9m0-4V3m-2 18h4M8 5v4h11l2-2l-2-2zm6 8v4H6l-2-2l2-2z" }) });
+}
+function nc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 20 20", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M6.5 3a.75.75 0 0 1 .697.471l3 7.5a.75.75 0 0 1-1.393.557L7.992 9.5H5.008l-.811 2.028a.75.75 0 0 1-1.393-.556l3-7.5A.75.75 0 0 1 6.5 3m0 2.77L5.608 8h1.784zm8.28-1.55a.75.75 0 1 0-1.06 1.06l.72.72h-3.69a.75.75 0 0 0 0 1.5h3.69l-.72.72a.75.75 0 0 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06zm0 7.5a.75.75 0 1 0-1.06 1.06l.72.72H3.75a.75.75 0 0 0 0 1.5h10.69l-.72.72a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06z" }) });
+}
+function cc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 20 20", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M13.5 3a.75.75 0 0 0-.697.471l-3 7.5a.75.75 0 0 0 1.393.557l.812-2.028h2.984l.811 2.028a.75.75 0 0 0 1.393-.556l-3-7.5A.75.75 0 0 0 13.5 3m0 2.77L14.392 8h-1.784zM5.22 4.22a.75.75 0 0 1 1.06 1.06L5.56 6h3.69a.75.75 0 0 1 0 1.5H5.56l.72.72a.75.75 0 0 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06zm0 7.5a.75.75 0 0 1 1.06 1.06l-.72.72h10.69a.75.75 0 0 1 0 1.5H5.56l.72.72a.75.75 0 1 1-1.06 1.06l-2-2a.75.75 0 0 1 0-1.06z" }) });
+}
+function ac() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ u("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", color: "currentColor", children: [
+    /* @__PURE__ */ i("path", { d: "M14.86 22h-4.312c-3.291 0-4.937 0-6.08-.798a4.2 4.2 0 0 1-.863-.805c-.855-1.066-.855-2.6-.855-5.67v-2.545c0-2.963 0-4.445.473-5.628c.761-1.903 2.37-3.403 4.41-4.113C8.9 2 10.49 2 13.667 2c1.816 0 2.723 0 3.448.252c1.166.406 2.085 1.263 2.52 2.35c.27.676.27 1.523.27 3.216V10" }),
+    /* @__PURE__ */ i("path", { d: "M2.75 12c0-1.84 1.506-3.333 3.364-3.333c.672 0 1.464.116 2.117-.057a1.67 1.67 0 0 0 1.19-1.179c.174-.647.057-1.432.057-2.098C9.478 3.493 10.984 2 12.84 2m.002 16h2.523m-4.949-4.15c-.126-.8-.281-.801-1.61-.85h-1.01c-.557 0-1.009.448-1.009 1v3c0 .552.452 1 1.01 1h1.816c.39 0 .803-.313.803-.7v-1.1c0-.11-.113-.304-.224-.304H9.068M12.842 13h1.261m0 0h1.262m-1.262 0v4.875M21.251 13h-2.523c-.557 0-1.009.448-1.009 1v1.5m0 0V18m0-2.5h2.523" })
+  ] }) });
+}
+function oc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 48 48", children: /* @__PURE__ */ u("g", { fill: "none", stroke: "currentColor", strokeWidth: "4", children: [
+    /* @__PURE__ */ i("circle", { cx: "10", cy: "24", r: "4" }),
+    /* @__PURE__ */ i("circle", { cx: "38", cy: "10", r: "4" }),
+    /* @__PURE__ */ i("circle", { cx: "38", cy: "24", r: "4" }),
+    /* @__PURE__ */ i("circle", { cx: "38", cy: "38", r: "4" }),
+    /* @__PURE__ */ i("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M34 38H22V10h12M14 24h20" })
+  ] }) });
+}
+function sc() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "m3 21l7.548-7.548M21 3l-7.548 7.548m0 0L8 3H3l7.548 10.452m2.904-2.904L21 21h-5l-5.452-7.548", color: "currentColor" }) });
+}
+const ui = {
+  Bold: an,
+  LoaderCircle: cn,
+  Italic: nn,
+  Underline: rn,
+  Quote: en,
+  TextQuote: Wn,
+  Strikethrough: tn,
+  Minus: Qr,
+  Eraser: Jr,
+  PaintRoller: Yr,
+  Redo2: qr,
+  Undo2: Xr,
+  AlignCenter: hn,
+  AlignJustify: ln,
+  AlignLeft: sn,
+  AlignRight: on,
+  ChevronDown: Zr,
+  Subscript: Kr,
+  Superscript: Ur,
+  Code: Gr,
+  Code2: Fr,
+  Type: jr,
+  IndentIncrease: Wr,
+  IndentDecrease: Vr,
+  List: $r,
+  ListOrdered: Br,
+  ListTodo: Dr,
+  Link: Pr,
+  ImageUp: Hr,
+  Video: _r,
+  Maximize: Or,
+  Minimize: zr,
+  Table: Rr,
+  Sparkles: Er,
+  Pencil: Ke,
+  Unlink: Ir,
+  BetweenHorizonalEnd: Lr,
+  BetweenHorizonalStart: Mr,
+  BetweenVerticalStart: Ar,
+  BetweenVerticalEnd: Sr,
+  TableCellsMerge: kr,
+  TableCellsSplit: Tr,
+  Trash2: Ue,
+  Trash: Nr,
+  Replace: pe,
+  ChevronsUpDown: Cr,
+  LineHeight: Un,
+  Word: Gn,
+  Heading1: yr,
+  Heading2: br,
+  Heading3: vr,
+  Heading4: wr,
+  Heading5: pr,
+  Heading6: gr,
+  Columns2: we,
+  Columns3: fr,
+  Columns4: mr,
+  Plus: Ge,
+  Grip: xr,
+  Copy: ur,
+  Clipboard: dr,
+  PanelLeft: hr,
+  PanelRight: lr,
+  Columns: we,
+  Iframe: sr,
+  MenuDown: Kn,
+  SizeS: qn,
+  SizeM: Xn,
+  SizeL: Zn,
+  AspectRatio: Vn,
+  Emoji: or,
+  DeleteColumn: jn,
+  DeleteRow: Fn,
+  SearchAndReplace: pe,
+  EmojiIcon: ar,
+  KatexIcon: cr,
+  ExportPdf: Jn,
+  ExportWord: Qn,
+  ImportWord: Yn,
+  ColumnAddLeft: tc,
+  ColumnAddRight: ec,
+  BookMarked: nr,
+  Excalidraw: ic,
+  ZoomIn: rr,
+  ZoomOut: ir,
+  Settings: er,
+  Eye: tr,
+  TextDirection: rc,
+  LeftToRight: nc,
+  RightToLeft: cc,
+  Attachment: Qi,
+  GifIcon: ac,
+  ChevronUp: Ji,
+  Crop: Yi,
+  Mermaid: oc,
+  Twitter: sc,
+  FlipX: qi,
+  FlipY: Xi
+};
+function lc({ fill: t }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      width: "18px",
+      height: "18px",
+      viewBox: "0 0 256 256",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ i("g", { id: "icon/填充色", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ u("g", { id: "icon/背景颜色", children: [
+        /* @__PURE__ */ i("g", { id: "编组", fill: "currentColor", children: /* @__PURE__ */ u(
+          "g",
+          {
+            transform: "translate(119.502295, 137.878331) rotate(-135.000000) translate(-119.502295, -137.878331) translate(48.002295, 31.757731)",
+            id: "矩形",
+            children: [
+              /* @__PURE__ */ i(
+                "path",
+                {
+                  d: "M100.946943,60.8084699 L43.7469427,60.8084699 C37.2852111,60.8084699 32.0469427,66.0467383 32.0469427,72.5084699 L32.0469427,118.70847 C32.0469427,125.170201 37.2852111,130.40847 43.7469427,130.40847 L100.946943,130.40847 C107.408674,130.40847 112.646943,125.170201 112.646943,118.70847 L112.646943,72.5084699 C112.646943,66.0467383 107.408674,60.8084699 100.946943,60.8084699 Z M93.646,79.808 L93.646,111.408 L51.046,111.408 L51.046,79.808 L93.646,79.808 Z",
+                  fillRule: "nonzero"
+                }
+              ),
+              /* @__PURE__ */ i(
+                "path",
+                {
+                  d: "M87.9366521,16.90916 L87.9194966,68.2000001 C87.9183543,69.4147389 86.9334998,70.399264 85.7187607,70.4 L56.9423078,70.4 C55.7272813,70.4 54.7423078,69.4150264 54.7423078,68.2 L54.7423078,39.4621057 C54.7423078,37.2523513 55.5736632,35.1234748 57.0711706,33.4985176 L76.4832996,12.4342613 C78.9534987,9.75382857 83.1289108,9.5834005 85.8093436,12.0535996 C87.1658473,13.303709 87.9372691,15.0644715 87.9366521,16.90916 Z",
+                  fillRule: "evenodd"
+                }
+              ),
+              /* @__PURE__ */ i(
+                "path",
+                {
+                  d: "M131.3,111.241199 L11.7,111.241199 C5.23826843,111.241199 0,116.479467 0,122.941199 L0,200.541199 C0,207.002931 5.23826843,212.241199 11.7,212.241199 L131.3,212.241199 C137.761732,212.241199 143,207.002931 143,200.541199 L143,122.941199 C143,116.479467 137.761732,111.241199 131.3,111.241199 Z M124,130.241 L124,193.241 L19,193.241 L19,130.241 L124,130.241 Z",
+                  fillRule: "nonzero"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          "path",
+          {
+            d: "M51,218 L205,218 C211.075132,218 216,222.924868 216,229 C216,235.075132 211.075132,240 205,240 L51,240 C44.9248678,240 40,235.075132 40,229 C40,222.924868 44.9248678,218 51,218 Z",
+            id: "矩形",
+            fill: t || "#FBDE28"
+          }
+        )
+      ] }) })
+    }
+  );
+}
+function hc(t) {
+  const [e, r] = w(void 0);
+  function n(o) {
+    var s;
+    (s = t.action) == null || s.call(t, o);
+  }
+  function a() {
+    var o;
+    (o = t.action) == null || o.call(t, e);
+  }
+  const c = C(
+    Ve((o) => {
+      r(o);
+    }, 350),
+    []
+  );
+  return /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-h-[32px]", children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        tooltip: t == null ? void 0 : t.tooltip,
+        disabled: t == null ? void 0 : t.disabled,
+        action: a,
+        tooltipOptions: t == null ? void 0 : t.tooltipOptions,
+        shortcutKeys: t == null ? void 0 : t.shortcutKeys,
+        children: /* @__PURE__ */ i("span", { className: "richtext-flex richtext-items-center richtext-justify-center richtext-text-sm", children: /* @__PURE__ */ i(lc, { fill: e }) })
+      }
+    ),
+    /* @__PURE__ */ i(
+      ua,
+      {
+        selectedColor: e,
+        setSelectedColor: c,
+        onChange: n,
+        highlight: !0,
+        disabled: t == null ? void 0 : t.disabled,
+        children: /* @__PURE__ */ i(U, { variant: "ghost", size: "icon", className: "!richtext-w-3 !richtext-h-[32px]", disabled: t == null ? void 0 : t.disabled, children: /* @__PURE__ */ i(G, { className: "!richtext-w-3 !richtext-h-3 richtext-text-zinc-500", name: "MenuDown" }) })
+      }
+    )
+  ] });
+}
+function dc(t) {
+  const { t: e } = V(), [r, n] = w({
+    text: "",
+    link: ""
+  }), [a, c] = w(!1);
+  I(() => {
+    var s;
+    if (t != null && t.editor) {
+      const { href: l, target: h } = (s = t.editor) == null ? void 0 : s.getAttributes("link"), { from: d, to: x } = t.editor.state.selection, m = t.editor.state.doc.textBetween(d, x, " ");
+      n({
+        link: l,
+        text: m
+      }), c(h === "_blank");
+    }
+  }, [t == null ? void 0 : t.editor]);
+  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);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i(U, { type: "submit", className: "richtext-self-end richtext-mt-2", children: e("editor.link.dialog.button.apply") })
+  ] }) });
+}
+function uc(t, e, r = null) {
+  return r ? t.createChecked({ index: e }, r) : t.createAndFill({ index: e });
+}
+function xc(t) {
+  if (t.cached.columnsNodeTypes)
+    return t.cached.columnsNodeTypes;
+  const e = {
+    columns: t.nodes.columns,
+    column: t.nodes.column
+  };
+  return t.cached.columnsNodeTypes = e, e;
+}
+function mc(t, e, r = null) {
+  const n = xc(t), a = [];
+  for (let c = 0; c < e; c += 1) {
+    const o = uc(n.column, c, r);
+    o && a.push(o);
+  }
+  return n.columns.createChecked({ cols: e }, a);
+}
+function Xt({
+  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);
+  if (e && n && a) {
+    const c = n.node, o = a.node.attrs.index, s = c.toJSON();
+    let l = o;
+    r === "delete" ? (l = o - 1, s.content.splice(o, 1)) : (l = r === "addBefore" ? o : o + 1, s.content.splice(l, 0, {
+      type: "column",
+      attrs: {
+        index: o
+      },
+      content: [
+        {
+          type: "paragraph"
+        }
+      ]
+    })), s.attrs.cols = s.content.length, s.content.forEach((m, f) => {
+      m.attrs.index = f;
+    });
+    const h = $i.fromJSON(t.schema, s);
+    let d = n.pos;
+    h.content.forEach((m, f, p) => {
+      p < l && (d += m.nodeSize);
+    });
+    const x = t.tr.setTime(Date.now());
+    x.replaceWith(n.pos, n.pos + n.node.nodeSize, h).setSelection(
+      bt.near(x.doc.resolve(d))
+    ), e(x);
+  }
+  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);
+  if (e && n && a) {
+    const c = n.node, o = a.node.attrs.index;
+    let s = 0;
+    r === "before" ? s = (o - 1 + c.attrs.cols) % c.attrs.cols : s = (o + 1) % c.attrs.cols;
+    let l = n.pos;
+    c.content.forEach((d, x, m) => {
+      m < s && (l += d.nodeSize);
+    });
+    const h = t.tr.setTime(Date.now());
+    return h.setSelection(bt.near(h.doc.resolve(l))), e(h), !0;
+  }
+  return !1;
+}
+const fc = 200, $t = dt.create({
+  name: "columns",
+  group: "block",
+  defining: !0,
+  isolating: !0,
+  allowGapCursor: !1,
+  content: "column{1,}",
+  priority: fc,
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: "columns"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      cols: {
+        default: 2,
+        parseHTML: (t) => t.getAttribute("cols")
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=grid]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["div", it(this.options.HTMLAttributes, t), 0];
+  },
+  addCommands() {
+    return {
+      insertColumns: (t) => ({ tr: e, dispatch: r, editor: n }) => {
+        const a = mc(n.schema, t && t.cols || 3);
+        if (r) {
+          const c = e.selection.anchor + 1;
+          e.replaceSelectionWith(a).scrollIntoView().setSelection(bt.near(e.doc.resolve(c)));
+        }
+        return !0;
+      },
+      addColBefore: () => ({ dispatch: t, state: e }) => Xt({ dispatch: t, state: e, type: "addBefore" }),
+      addColAfter: () => ({ dispatch: t, state: e }) => Xt({ dispatch: t, state: e, type: "addAfter" }),
+      deleteCol: () => ({ dispatch: t, state: e }) => Xt({ dispatch: t, state: e, type: "delete" })
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-Alt-G": () => this.editor.commands.insertColumns(),
+      Tab: () => Ce({
+        state: this.editor.state,
+        dispatch: this.editor.view.dispatch,
+        type: "after"
+      }),
+      "Shift-Tab": () => Ce({
+        state: this.editor.state,
+        dispatch: this.editor.view.dispatch,
+        type: "before"
+      })
+    };
+  }
+}), xi = dt.create({
+  name: "column",
+  content: "block+",
+  isolating: !0,
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: "column"
+      }
+    };
+  },
+  addAttributes() {
+    return {
+      index: {
+        default: 0,
+        parseHTML: (t) => t.getAttribute("index")
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=column]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["div", it(this.options.HTMLAttributes, t), 0];
+  }
+});
+var te = /* @__PURE__ */ ((t) => (t[t.max = 7] = "max", t[t.min = 0] = "min", t[t.more = 1] = "more", t[t.less = -1] = "less", t))(te || {});
+function gc(t, e, r) {
+  return t < e ? e : t > r ? r : t;
+}
+function pc(t, e, r, n) {
+  const { doc: a, selection: c } = t;
+  if (!a || !c || !(c instanceof bt || c instanceof Vi))
+    return t;
+  const { from: o, to: s } = c;
+  return a.nodesBetween(o, s, (l, h) => {
+    const d = l.type;
+    return r.includes(d.name) ? (t = ee(t, h, e), !1) : !Mi(l.type.name, n.extensionManager.extensions);
+  }), t;
+}
+function ee(t, e, r) {
+  if (!t.doc)
+    return t;
+  const n = t.doc.nodeAt(e);
+  if (!n)
+    return t;
+  const o = gc((n.attrs.indent || 0) + r, 0, 7);
+  if (o === n.attrs.indent)
+    return t;
+  const s = {
+    ...n.attrs,
+    indent: o
+  };
+  return t.setNodeMarkup(e, n.type, s, n.marks);
+}
+function fo({ delta: t, types: e }) {
+  return ({ state: r, dispatch: n, editor: a }) => {
+    const { selection: c } = r;
+    let { tr: o } = r;
+    return o = o.setSelection(c), o = pc(o, t, e, a), o.docChanged ? (n && n(o), !0) : !1;
+  };
+}
+const jt = q.Root, Ft = q.Trigger, wc = q.Portal, mi = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  q.Overlay,
+  {
+    ref: r,
+    className: L(
+      "richtext-fixed richtext-inset-0 richtext-z-50 richtext-bg-black/80 richtext- data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0",
+      t
+    ),
+    ...e
+  }
+));
+mi.displayName = q.Overlay.displayName;
+const Nt = E.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ u(wc, { children: [
+  /* @__PURE__ */ i(mi, {}),
+  /* @__PURE__ */ u(
+    q.Content,
+    {
+      ref: n,
+      className: L(
+        "richtext-dialog-content richtext-fixed richtext-left-[50%] richtext-top-[50%] richtext-z-50 richtext-grid richtext-w-full richtext-max-w-lg richtext-translate-x-[-50%] richtext-translate-y-[-50%] richtext-gap-4 richtext-border richtext-bg-background richtext-p-6 richtext-shadow-lg richtext-duration-200 data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[state=closed]:richtext-slide-out-to-left-1/2 data-[state=closed]:richtext-slide-out-to-top-[48%] data-[state=open]:richtext-slide-in-from-left-1/2 data-[state=open]:richtext-slide-in-from-top-[48%] sm:richtext-rounded-lg",
+        t
+      ),
+      ...r,
+      children: [
+        e,
+        /* @__PURE__ */ u(q.Close, { className: "richtext-absolute richtext-right-4 richtext-top-4 richtext-rounded-sm richtext-opacity-70 richtext-ring-offset-background richtext-transition-opacity hover:richtext-opacity-100 focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-2 disabled:richtext-pointer-events-none data-[state=open]:richtext-bg-accent data-[state=open]:richtext-text-muted-foreground", children: [
+          /* @__PURE__ */ i(Fe, { className: "richtext-h-4 richtext-w-4" }),
+          /* @__PURE__ */ i("span", { className: "richtext-sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Nt.displayName = q.Content.displayName;
+function fi({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: L(
+        "richtext-flex richtext-flex-col richtext-space-y-1.5 richtext-text-center sm:richtext-text-left",
+        t
+      ),
+      ...e
+    }
+  );
+}
+fi.displayName = "DialogHeader";
+function Tt({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: L(
+        "richtext-flex richtext-flex-col-reverse sm:richtext-flex-row sm:richtext-justify-end sm:richtext-space-x-2",
+        t
+      ),
+      ...e
+    }
+  );
+}
+Tt.displayName = "DialogFooter";
+const kt = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  q.Title,
+  {
+    ref: r,
+    className: L(
+      "richtext-text-lg richtext-font-semibold richtext-leading-none richtext-tracking-tight",
+      t
+    ),
+    ...e
+  }
+));
+kt.displayName = q.Title.displayName;
+const vc = E.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
+  q.Description,
+  {
+    ref: r,
+    className: L("richtext-text-sm richtext-text-muted-foreground", t),
+    ...e
+  }
+));
+vc.displayName = q.Description.displayName;
+function go(t) {
+  return t.replace(/^.*\/|\..+$/g, "");
+}
+function po(t) {
+  return t.split(".").pop();
+}
+function wo(t) {
+  return t < 1024 ? `${t} Byte` : t < 1024 * 1024 ? `${(t / 1024).toFixed(2)} KB` : `${(t / 1024 / 1024).toFixed(2)} MB`;
+}
+function vo(t) {
+  return t ? t === "application/pdf" ? "pdf" : t.startsWith("application/") && [".document", "word"].some((e) => t.includes(e)) ? "word" : t.startsWith("application/") && ["presentation"].some((e) => t.includes(e)) ? "excel" : t.startsWith("application/") && ["sheet"].some((e) => t.includes(e)) ? "ppt" : t.startsWith("image") ? "image" : t.startsWith("audio") ? "audio" : t.startsWith("video") ? "video" : "file" : "file";
+}
+function bo(t) {
+  return new Promise((e) => {
+    const r = new FileReader();
+    r.addEventListener(
+      "load",
+      () => {
+        e({
+          alt: t.name,
+          src: r.result
+        });
+      },
+      !1
+    ), r.readAsDataURL(t);
+  });
+}
+function gi(t, e) {
+  const r = t.split(","), n = r[0].match(/:(.*?);/)[1], a = atob(r[r.length - 1]);
+  let c = a.length;
+  const o = new Uint8Array(c);
+  for (; c--; )
+    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
+};
+function Tc({ 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, {
+      url: s
+    }).setNodeSelection(t.state.selection.from).focus().run();
+  }
+  const d = C(
+    (x) => {
+      r({ width: x.width, height: x.height });
+    },
+    [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: [
+      /* @__PURE__ */ i(
+        J,
+        {
+          value: s,
+          onInput: (x) => l(x.target.value),
+          type: "url",
+          className: "richtext-flex-1",
+          autoFocus: !0,
+          placeholder: "Enter link"
+        }
+      ),
+      /* @__PURE__ */ i(U, { className: "richtext-w-[60px]", onClick: h, children: "OK" })
+    ] }),
+    a && /* @__PURE__ */ i(
+      Je,
+      {
+        size: { width: Number.parseInt(c), height: Number.parseInt(o) },
+        onResizeStop: (x, m, f, p) => {
+          d({
+            width: Number.parseInt(c) + p.width,
+            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",
+          {
+            src: a,
+            className: "richtext-my-[12px] "
+          }
+        ) }) })
+      }
+    )
+  ] });
+}
+const ot = dt.create({
+  name: "iframe",
+  content: "",
+  marks: "",
+  group: "block",
+  selectable: !0,
+  atom: !0,
+  draggable: !0,
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      HTMLAttributes: {
+        class: "iframe"
+      },
+      button: ({
+        editor: e,
+        extension: r,
+        t: n
+      }) => ({
+        component: v,
+        componentProps: {
+          action: (a) => e.commands.setIframe(a),
+          upload: r.options.upload,
+          disabled: !e.can().setIframe({}),
+          icon: "Iframe",
+          tooltip: n("editor.iframe.tooltip")
+        }
+      })
+    };
+  },
+  addAttributes() {
+    return {
+      width: {
+        default: 600,
+        parseHTML: ht("width")
+      },
+      height: {
+        default: 300,
+        parseHTML: ht("height")
+      },
+      url: {
+        default: null,
+        parseHTML: ht("url")
+      },
+      defaultShowPicker: {
+        default: !1
+      },
+      frameborder: {
+        default: 0
+      },
+      allowfullscreen: {
+        default: this.options.allowFullscreen,
+        parseHTML: () => this.options.allowFullscreen
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "iframe"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["iframe", it(this.options.HTMLAttributes, t)];
+  },
+  addCommands() {
+    return {
+      setIframe: (t) => ({ tr: e, commands: r, chain: n }) => {
+        var c, o, s;
+        if (((s = (o = (c = e.selection) == null ? void 0 : c.node) == null ? void 0 : o.type) == null ? void 0 : s.name) == this.name)
+          return r.updateAttributes(this.name, t);
+        const a = t || { url: "" };
+        return n().insertContent({
+          type: this.name,
+          attrs: a
+        }).run();
+      }
+    };
+  },
+  addInputRules() {
+    return [
+      ce({
+        find: /^\$iframe\$$/,
+        type: this.type,
+        getAttributes: () => ({ width: "100%" })
+      })
+    ];
+  },
+  addNodeView() {
+    return xt(Tc);
+  }
+}), St = E.forwardRef(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ i(
+    "textarea",
+    {
+      className: L(
+        "richtext-flex richtext-min-h-[80px] richtext-w-full richtext-rounded-md !richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder: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-cursor-not-allowed disabled:richtext-opacity-50",
+        t
+      ),
+      ref: r,
+      ...e
+    }
+  )
+);
+St.displayName = "Textarea";
+function kc(t) {
+  return t;
+}
+function At(t, e, r, n) {
+  const a = kc, [c, o] = w(a(r)), s = nt(c);
+  return I(() => {
+    const l = () => {
+      const h = { ...r, ...t.getAttributes(e) };
+      Object.keys(h).forEach((x) => {
+        (h[x] === null || h[x] === void 0) && (h[x] = r ? r[x] : null);
+      });
+      const d = a(h);
+      We(s.current, d) || (o(d), s.current = d);
+    };
+    return t.on("selectionUpdate", l), t.on("transaction", l), () => {
+      t.off("selectionUpdate", l), t.off("transaction", l);
+    };
+  }, [t, r, e, a]), c;
+}
+function Sc({ editor: t, ...e }) {
+  const { t: r } = V(), n = At(t, lt.name, {
+    text: "",
+    defaultShowPicker: !1
+  }), { text: a, defaultShowPicker: c } = n, [o, s] = w(""), l = C(() => {
+    t.chain().focus().setKatex({ text: o }).run(), s("");
+  }, [t, o]);
+  I(() => {
+    c && t.chain().updateAttributes(lt.name, { defaultShowPicker: !1 }).focus().run();
+  }, [t, c]);
+  const h = P(() => {
+    try {
+      return ae.renderToString(`${o}`);
+    } catch {
+      return o;
+    }
+  }, [o]), d = P(
+    () => `${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
+      }
+    ) }),
+    /* @__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 }) })
+      ] })
+    ] })
+  ] });
+}
+const pi = Be("light");
+function Ac() {
+  return $e(pi);
+}
+const Mc = {
+  setTheme: (t) => {
+    pi(t);
+  }
+};
+function Lc(t, e = 1) {
+  let r = 0, n = 0, a = 0;
+  if (t.startsWith("rgb")) {
+    const c = t.replace(/\s/g, "").match(/rgb\((.*)\)$/)[1].split(",");
+    r = +c[0], n = +c[1], a = +c[2];
+  } else if (t.startsWith("#")) {
+    let c = t.replace("#", "");
+    c.length === 3 && (c = `${c[0]}${c[0]}${c[1]}${c[1]}${c[2]}${c[2]}`), r = Number.parseInt(c.substring(0, 2), 16), n = Number.parseInt(c.substring(2, 4), 16), a = Number.parseInt(c.substring(4, 6), 16);
+  } else
+    return t;
+  return e > 1 && e <= 100 && (e = e / 100), `rgba(${r},${n},${a},${e})`;
+}
+function Ic({ node: t }) {
+  const e = Ac(), { text: r } = t.attrs, n = P(() => {
+    const o = "rgb(254, 242, 237)";
+    return e === "dark" ? Lc(o, 0.75) : o;
+  }, [e]), a = P(() => {
+    try {
+      return ae.renderToString(`${r}`);
+    } catch {
+      return r;
+    }
+  }, [r]), c = P(
+    () => r.trim() ? /* @__PURE__ */ i("span", { contentEditable: !1, dangerouslySetInnerHTML: { __html: a } }) : /* @__PURE__ */ i("span", { contentEditable: !1, children: "Not enter a formula" }),
+    [r, a]
+  );
+  return /* @__PURE__ */ i(
+    ut,
+    {
+      style: {
+        display: "inline-block",
+        backgroundColor: n
+      },
+      as: "span",
+      children: c
+    }
+  );
+}
+function Ec(t) {
+  return (e) => e.getAttribute(t);
+}
+const lt = dt.create({
+  name: "katex",
+  group: "inline",
+  inline: !0,
+  defining: !0,
+  draggable: !0,
+  selectable: !0,
+  addOptions() {
+    return {
+      HTMLAttributes: {
+        class: "katex"
+      },
+      button: ({ editor: t, t: e }) => ({
+        component: Sc,
+        componentProps: {
+          editor: t,
+          action: () => {
+          },
+          isActive: () => !1,
+          disabled: !1,
+          icon: "KatexIcon",
+          tooltip: e("editor.katex.tooltip")
+        }
+      })
+    };
+  },
+  addAttributes() {
+    return {
+      text: {
+        default: "",
+        parseHTML: Ec("text")
+      },
+      defaultShowPicker: {
+        default: !1
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "span.katex" }];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["span", it(this.options && this.options.HTMLAttributes || {}, t)];
+  },
+  addCommands() {
+    return {
+      setKatex: (t) => ({ commands: e }) => e.insertContent({
+        type: this.name,
+        attrs: t
+      })
+    };
+  },
+  addInputRules() {
+    return [
+      ce({
+        find: /^\$katex\$$/,
+        type: this.type,
+        getAttributes: () => ({ defaultShowPicker: !0 })
+      })
+    ];
+  },
+  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(
+    (M) => {
+      M && b(!0);
+    },
+    [b]
+  ), $ = C((M) => () => {
+    k(
+      (B) => ti(M === "minus" ? B - Te : B + Te, Hc, Pc)
+    );
+  }, []);
+  I(() => {
+    let M = !1;
+    return import("@excalidraw/excalidraw").then((B) => {
+      M || (n.current = B.exportToSvg);
+    }).catch((B) => !M && f(B)).finally(() => !M && x(!1)), () => {
+      M = !0;
+    };
+  }, [x, c]), I(() => {
+    let M = !1;
+    return (async () => {
+      if (M || d || m || !p || !c)
+        return;
+      const W = await n.current(c);
+      M || (W.setAttribute("width", "100%"), W.setAttribute("height", "100%"), W.setAttribute("display", "block"), h(W));
+    })(), () => {
+      M = !0;
+    };
+  }, [c, d, m, p]);
+  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(
+    Je,
+    {
+      size: { width: Number.parseInt(o), height: Number.parseInt(s) },
+      onResizeStop: (M, B, W, N) => {
+        F({
+          width: Number.parseInt(o) + N.width,
+          height: Number.parseInt(s) + N.height
+        });
+      },
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: Pt(gt.renderWrap, "render-wrapper"),
+          style: { ...ke, overflow: "hidden" },
+          children: [
+            m && /* @__PURE__ */ i("div", { style: ke, children: /* @__PURE__ */ i("p", { children: m.message || m }) }),
+            d && /* @__PURE__ */ i("p", { children: "Loading..." }),
+            !d && !m && p && /* @__PURE__ */ i(
+              "div",
+              {
+                style: {
+                  height: "100%",
+                  maxHeight: "100%",
+                  padding: 24,
+                  overflow: "hidden",
+                  display: "flex",
+                  justifyContent: "center",
+                  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 }),
+            /* @__PURE__ */ u("div", { className: gt.handlerWrap, children: [
+              /* @__PURE__ */ i(
+                v,
+                {
+                  icon: "ZoomOut",
+                  action: $("minus"),
+                  tooltip: "Zoom Out"
+                }
+              ),
+              /* @__PURE__ */ i(
+                v,
+                {
+                  icon: "ZoomIn",
+                  action: $("plus"),
+                  tooltip: "Zoom In"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) }) });
+}
+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({
+  name: "excalidraw",
+  group: "block",
+  selectable: !0,
+  atom: !0,
+  draggable: !0,
+  inline: !1,
+  addAttributes() {
+    return {
+      defaultShowPicker: {
+        default: !1
+      },
+      createUser: {
+        default: null
+      },
+      width: {
+        default: "100%",
+        parseHTML: ht("width")
+      },
+      height: {
+        default: 240,
+        parseHTML: ht("height")
+      },
+      data: {
+        default: Se,
+        parseHTML: ht("data", !0)
+      }
+    };
+  },
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      HTMLAttributes: {
+        class: "excalidraw"
+      },
+      button: ({ editor: e }) => ({
+        component: jc,
+        componentProps: {
+          editor: e
+        }
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=excalidraw]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t, node: e }) {
+    return ["div", it(this.options.HTMLAttributes, t, yc(e))];
+  },
+  addCommands() {
+    return {
+      setExcalidraw: (t) => ({ tr: e, commands: r, chain: n }) => {
+        var a, c, o;
+        return t = t || {}, t.data = t.data || Se, ((o = (c = (a = e.selection) == null ? void 0 : a.node) == null ? void 0 : c.type) == null ? void 0 : o.name) == this.name ? r.updateAttributes(this.name, t) : n().insertContent({
+          type: this.name,
+          attrs: t
+        }).run();
+      }
+    };
+  },
+  addNodeView() {
+    return xt(Bc);
+  },
+  addInputRules() {
+    return [
+      ce({
+        find: /^\$excalidraw\$$/,
+        type: this.type,
+        getAttributes: () => ({ width: "100%" })
+      })
+    ];
+  }
+}), Lt = {
+  TOP_LEFT: "tl",
+  TOP_RIGHT: "tr",
+  BOTTOM_LEFT: "bl",
+  BOTTOM_RIGHT: "br"
+};
+function Fc(t) {
+  var B, W;
+  const [e, r] = w({
+    width: Ot,
+    height: Ot
+  }), [n, a] = w({
+    width: 0,
+    height: 0
+  }), [c] = w([
+    Lt.TOP_LEFT,
+    Lt.TOP_RIGHT,
+    Lt.BOTTOM_LEFT,
+    Lt.BOTTOM_RIGHT
+  ]), [o, s] = w(!1), [l, h] = w({
+    x: 0,
+    y: 0,
+    w: 0,
+    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;
+    return {
+      src: N || void 0,
+      alt: H || void 0,
+      style: {
+        width: O || void 0,
+        height: S || void 0
+      }
+    };
+  }, [(W = t == null ? void 0 : t.node) == null ? void 0 : W.attrs]), m = P(() => {
+    const {
+      style: { width: N }
+    } = x;
+    return { width: N === "100%" ? N : void 0 };
+  }, [x]);
+  function f(N) {
+    a({
+      width: N.target.width,
+      height: N.target.height
+    });
+  }
+  function p() {
+    const { editor: N, getPos: H } = t;
+    N.commands.setNodeSelection(H());
+  }
+  const b = C(
+    wt(() => {
+      const { editor: N } = t, { width: H } = getComputedStyle(N.view.dom);
+      r((y) => ({
+        ...y,
+        width: Number.parseInt(H, 10)
+      }));
+    }, _t),
+    [t == null ? void 0 : t.editor]
+  );
+  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);
+    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(!0), h({
+        x: N.clientX,
+        y: N.clientY,
+        w: S,
+        h: z,
+        dir: H
+      });
+    });
+  }
+  const k = C(
+    wt((N) => {
+      if (N.preventDefault(), N.stopPropagation(), !o)
+        return;
+      const { x: H, w: y, dir: g } = l, O = (N.clientX - H) * (/l/.test(g) ? -1 : 1), S = ji(y + O, Pe, e.width);
+      t.updateAttributes({
+        width: S,
+        height: null
+      });
+    }, _t),
+    [o, l, e, t.updateAttributes]
+  ), R = C(
+    (N) => {
+      N.preventDefault(), N.stopPropagation(), o && (Bt(() => {
+        h({
+          x: 0,
+          y: 0,
+          w: 0,
+          h: 0,
+          dir: ""
+        }), s(!1);
+      }), p());
+    },
+    [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]);
+  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,
+    {
+      selectImage: (c) => {
+        const { url: o } = c.images.original;
+        t.chain().focus().setImageGif({ src: o }).run();
+      },
+      giphyApiKey: r,
+      children: /* @__PURE__ */ i(
+        v,
+        {
+          tooltip: n == null ? void 0 : n.tooltip,
+          icon: e
+        }
+      )
+    }
+  );
+}
+const wi = He.extend({
+  name: "imageGif",
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      inline: !1,
+      content: "",
+      marks: "",
+      group: "block",
+      GIPHY_API_KEY: "",
+      draggable: !1,
+      selectable: !0,
+      atom: !0,
+      button: ({ editor: e, extension: r, t: n }) => {
+        var c;
+        const a = ((c = r == null ? void 0 : r.options) == null ? void 0 : c.GIPHY_API_KEY) || "";
+        return {
+          component: Uc,
+          componentProps: {
+            editor: e,
+            action: () => {
+            },
+            isActive: () => !1,
+            disabled: !1,
+            icon: "GifIcon",
+            tooltip: n("editor.imageGif.tooltip"),
+            giphyApiKey: a
+          }
+        };
+      }
+    };
+  },
+  addAttributes() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      width: {
+        default: null,
+        parseHTML: (e) => {
+          const r = e.style.width || e.getAttribute("width") || "10";
+          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
+        },
+        renderHTML: (e) => ({
+          width: e.width
+        })
+      },
+      align: {
+        default: "center",
+        parseHTML: (e) => e.getAttribute("align"),
+        renderHTML: (e) => ({
+          align: e.align
+        })
+      }
+    };
+  },
+  addNodeView() {
+    return xt(Fc);
+  },
+  addCommands() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      setImageGif: (e) => ({ commands: r }) => r.insertContent({
+        type: this.name,
+        attrs: e
+      }),
+      updateImageGif: (e) => ({ commands: r }) => r.updateAttributes(this.name, e),
+      setAlignImageGif: (e) => ({ commands: r }) => r.updateAttributes(this.name, { align: e })
+    };
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    const { align: e } = t;
+    return [
+      "div",
+      // Parent element
+      {
+        style: e ? `text-align: ${e};` : "",
+        class: "imageGIf"
+      },
+      [
+        "img",
+        it(
+          // Always render the `height="auto"`
+          {
+            height: "auto"
+          },
+          this.options.HTMLAttributes,
+          t
+        )
+      ]
+    ];
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=imageGIf]",
+        getAttrs: (t) => {
+          const e = t.querySelector("img"), r = e == null ? void 0 : e.getAttribute("width");
+          return {
+            src: e == null ? void 0 : e.getAttribute("src"),
+            alt: e == null ? void 0 : e.getAttribute("alt"),
+            title: e == null ? void 0 : e.getAttribute("title"),
+            width: r ? Number.parseInt(r, 10) : null,
+            align: (e == null ? void 0 : e.getAttribute("align")) || t.style.textAlign || null
+          };
+        }
+      }
+    ];
+  }
+});
+function vi(t = 8) {
+  return Math.random().toString(36).substring(2, t + 2);
+}
+const Ae = `graph TB
+a-->b`, Kc = ({ editor: t, upload: e }) => {
+  const [r, n] = w(Ae), [a, c] = w(""), [o, s] = w(!1), l = nt(null), h = async (m) => {
+    try {
+      const { svg: f } = await Dt.render("mermaid-svg", m);
+      c(f);
+    } catch {
+      c("");
+    }
+  }, d = () => {
+    Dt.initialize({
+      darkMode: !1,
+      startOnLoad: !1,
+      // fontFamily:'',
+      fontSize: 12,
+      theme: "base"
+    }), h(r);
+  };
+  return I(() => {
+    o && d();
+  }, [o]), I(() => {
+    o && h(r);
+  }, [r]), /* @__PURE__ */ u(
+    jt,
+    {
+      open: o,
+      onOpenChange: s,
+      children: [
+        /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Mermaid",
+            tooltip: "Mermaid",
+            action: () => s(!0)
+          }
+        ) }),
+        /* @__PURE__ */ u(Nt, { className: "!richtext-max-w-[1300px] richtext-z-[99999]", 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,
+              {
+                className: "richtext-flex-1",
+                value: r,
+                onChange: (m) => n(m.target.value),
+                autoFocus: !0,
+                required: !0,
+                rows: 10,
+                defaultValue: Ae,
+                placeholder: "Text",
+                style: {
+                  color: "hsl(var(--richtext-foreground))"
+                }
+              }
+            ),
+            /* @__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" },
+                ref: l,
+                dangerouslySetInnerHTML: { __html: a }
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
+            U,
+            {
+              type: "button",
+              onClick: async () => {
+                if (r !== "") {
+                  if (r) {
+                    const m = l.current.querySelector("svg"), { width: f, height: p } = m.getBoundingClientRect(), b = `mermaid-${vi()}.svg`;
+                    let T = je(m.outerHTML);
+                    if (e) {
+                      const k = gi(T, b);
+                      T = await e(k);
+                    }
+                    t == null || t.chain().focus().setMermaid(
+                      {
+                        type: "mermaid",
+                        src: T,
+                        alt: encodeURIComponent(r),
+                        width: f,
+                        height: p
+                      },
+                      !!r
+                    ).run();
+                  }
+                  s(!1);
+                }
+              },
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}, It = {
+  TOP_LEFT: "tl",
+  TOP_RIGHT: "tr",
+  BOTTOM_LEFT: "bl",
+  BOTTOM_RIGHT: "br"
+};
+function Zc({ editor: t, node: e, updateAttributes: r, getPos: n, selected: a }) {
+  const [c, o] = w({
+    width: Ot,
+    height: Ot
+  }), [s, l] = w({
+    width: 0,
+    height: 0
+  }), [h] = w([
+    It.TOP_LEFT,
+    It.TOP_RIGHT,
+    It.BOTTOM_LEFT,
+    It.BOTTOM_RIGHT
+  ]), [d, x] = w(!1), [m, f] = w({
+    x: 0,
+    y: 0,
+    w: 0,
+    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;
+    return {
+      src: y || void 0,
+      alt: g || void 0,
+      style: {
+        width: z || void 0,
+        height: A || void 0
+      }
+    };
+  }, [e == null ? void 0 : e.attrs]), T = P(() => {
+    const {
+      style: { width: y }
+    } = b;
+    return { width: y === "100%" ? y : void 0 };
+  }, [b]);
+  function k(y) {
+    l({
+      width: y.target.width,
+      height: y.target.height
+    });
+  }
+  function R() {
+    t.commands.setNodeSelection(n());
+  }
+  const $ = C(
+    wt(() => {
+      const { width: y } = getComputedStyle(t.view.dom);
+      o((g) => ({
+        ...g,
+        width: Number.parseInt(y, 10)
+      }));
+    }, _t),
+    [t]
+  );
+  function F(y, g) {
+    y.preventDefault(), y.stopPropagation();
+    const O = s.width, S = s.height, z = 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(() => {
+      x(!0), f({
+        x: y.clientX,
+        y: y.clientY,
+        w: A,
+        h: K,
+        dir: g
+      });
+    });
+  }
+  const M = C(
+    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);
+      r({
+        width: A,
+        height: null
+      });
+    }, _t),
+    [d, m, c, r]
+  ), B = C(
+    (y) => {
+      y.preventDefault(), y.stopPropagation(), d && (Bt(() => {
+        f({
+          x: 0,
+          y: 0,
+          w: 0,
+          h: 0,
+          dir: ""
+        }), x(!1);
+      }), R());
+    },
+    [d, R]
+  ), W = C(() => {
+    document == null || document.addEventListener("mousemove", M, !0), document == null || document.addEventListener("mouseup", B, !0);
+  }, [M, B]), N = C(() => {
+    document == null || document.removeEventListener("mousemove", M, !0), document == null || document.removeEventListener("mouseup", B, !0);
+  }, [M, B]);
+  I(() => (d ? W() : N(), () => {
+    N();
+  }), [d, W, N]);
+  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",
+    {
+      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}`
+        )) })
+      ]
+    }
+  ) });
+}
+const Me = He.extend({
+  name: "mermaid",
+  addOptions() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      inline: !1,
+      content: "",
+      marks: "",
+      group: "block",
+      draggable: !1,
+      selectable: !0,
+      atom: !0,
+      HTMLAttributes: {
+        class: "mermaid"
+      },
+      button: ({ editor: e, t: r, extension: n }) => {
+        var a;
+        return {
+          component: Kc,
+          componentProps: {
+            action: () => {
+            },
+            isActive: () => !1,
+            disabled: !1,
+            editor: e,
+            icon: "Mermaid",
+            tooltip: r("editor.mermaid.tooltip"),
+            upload: (a = n == null ? void 0 : n.options) == null ? void 0 : a.upload
+          }
+        };
+      }
+    };
+  },
+  addAttributes() {
+    var t;
+    return {
+      ...(t = this.parent) == null ? void 0 : t.call(this),
+      width: {
+        default: null,
+        parseHTML: (e) => {
+          const r = e.style.width || e.getAttribute("width") || "10";
+          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
+        },
+        renderHTML: (e) => ({
+          width: e.width
+        })
+      },
+      height: {
+        default: null,
+        parseHTML: (e) => {
+          const r = e.style.height || e.getAttribute("height") || "10";
+          return r === void 0 ? null : Number.parseInt(`${r}`, 10);
+        },
+        renderHTML: (e) => ({
+          height: e.height
+        })
+      },
+      align: {
+        default: "center",
+        parseHTML: (e) => e.getAttribute("align"),
+        renderHTML: (e) => ({
+          align: e.align
+        })
+      }
+    };
+  },
+  addNodeView() {
+    return xt(Zc);
+  },
+  // @ts-ignore
+  addCommands() {
+    return {
+      setMermaid: (t, e) => ({ commands: r, editor: n }) => e ? r.insertContent({
+        type: this.name,
+        attrs: t
+      }) : r.insertContentAt(n.state.selection.anchor, {
+        type: this.name,
+        attrs: t
+      }),
+      setAlignImageMermaid: (t) => ({ commands: e }) => e.updateAttributes(this.name, { align: t })
+    };
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    const { align: e } = t;
+    return [
+      "div",
+      // Parent element
+      {
+        style: e ? `text-align: ${e};` : "",
+        class: "imageMermaid"
+      },
+      [
+        "img",
+        it(
+          // @ts-ignore
+          this.options.HTMLAttributes,
+          t
+        )
+      ]
+    ];
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=imageMermaid]",
+        getAttrs: (t) => {
+          const e = t.querySelector("img"), r = e == null ? void 0 : e.getAttribute("width"), n = e == null ? void 0 : e.getAttribute("height");
+          return {
+            src: e == null ? void 0 : e.getAttribute("src"),
+            alt: e == null ? void 0 : e.getAttribute("alt"),
+            width: r ? Number.parseInt(r, 10) : null,
+            height: n ? Number.parseInt(n, 10) : null,
+            align: (e == null ? void 0 : e.getAttribute("align")) || t.style.textAlign || null
+          };
+        }
+      }
+    ];
+  }
+});
+function Xc({ node: t }) {
+  var n;
+  const e = ((n = t == null ? void 0 : t.attrs) == null ? void 0 : n.src) || "", r = e == null ? void 0 : e.split("/").pop();
+  return r ? /* @__PURE__ */ i(ut, { children: /* @__PURE__ */ i("div", { "data-twitter": "", children: /* @__PURE__ */ i(dn, { id: r }) }) }) : null;
+}
+function bi(t) {
+  const { t: e } = V(), [r, n] = w("");
+  I(() => {
+    var c;
+    if (t != null && t.editor) {
+      const { src: o } = (c = t.editor) == null ? void 0 : c.getAttributes(re.name);
+      o && n(o);
+    }
+  }, [t == null ? void 0 : t.editor]);
+  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") })
+  ] }) });
+}
+function qc(t) {
+  function e(r) {
+    t.action && t.action(r);
+  }
+  return /* @__PURE__ */ u(mt, { modal: !0, children: [
+    /* @__PURE__ */ i(ft, { disabled: t == null ? void 0 : t.disabled, asChild: !0, children: /* @__PURE__ */ i(
+      v,
+      {
+        tooltip: t == null ? void 0 : t.tooltip,
+        isActive: t == null ? void 0 : t.isActive,
+        disabled: t == null ? void 0 : t.disabled,
+        children: /* @__PURE__ */ i(G, { name: t == null ? void 0 : t.icon })
+      }
+    ) }),
+    /* @__PURE__ */ i(ct, { hideWhenDetached: !0, className: "richtext-w-full", align: "start", side: "bottom", children: /* @__PURE__ */ i(bi, { editor: t.editor, onSetLink: e }) })
+  ] });
+}
+const Yc = /(https?:\/\/)?(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?/g, Jc = /^https?:\/\/(www\.)?x\.com\/(\w{1,15})(\/status\/(\d+))?(\/\S*)?$/;
+function Le(t) {
+  return t.match(Jc);
+}
+const re = dt.create({
+  name: "twitter",
+  draggable: !0,
+  selectable: !0,
+  addOptions() {
+    return {
+      addPasteHandler: !0,
+      HTMLAttributes: {},
+      inline: !1,
+      origin: "",
+      button: ({ editor: t, t: e }) => ({
+        component: qc,
+        componentProps: {
+          action: (r) => {
+            t.commands.setTweet({ src: r });
+          },
+          isActive: () => !1,
+          disabled: !1,
+          icon: "Twitter",
+          tooltip: e("editor.twitter.tooltip"),
+          editor: t
+        }
+      })
+    };
+  },
+  addNodeView() {
+    return xt(Xc, { attrs: this.options.HTMLAttributes });
+  },
+  inline() {
+    return this.options.inline;
+  },
+  group() {
+    return this.options.inline ? "inline" : "block";
+  },
+  addAttributes() {
+    return {
+      src: {
+        default: null
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-twitter]"
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setTweet: (t) => ({ commands: e }) => Le(t.src) ? e.insertContent({
+        type: this.name,
+        attrs: t
+      }) : !1,
+      updateTweet: (t) => ({ commands: e }) => Le(t.src) ? e.updateAttributes(this.name, { src: t.src }) : !1
+    };
+  },
+  addPasteRules() {
+    return this.options.addPasteHandler ? [
+      Li({
+        find: Yc,
+        type: this.type,
+        getAttributes: (t) => ({ src: t.input })
+      })
+    ] : [];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["div", it({ "data-twitter": "" }, t)];
+  }
+});
+function Qc({ editor: t, ...e }) {
+  const r = At(t, lt.name, {
+    text: "",
+    defaultShowPicker: !1
+  }), { text: n, defaultShowPicker: a } = r, [c, o] = w(""), [s, l] = w(!1), h = C(() => t.isActive(lt.name), [t]), d = C(() => Ct(lt.name, t), [t]), x = C(() => {
+    t.chain().focus().setKatex({ text: c }).run(), l(!1);
+  }, [t, c]);
+  I(() => {
+    a && (l(!0), t.chain().updateAttributes(lt.name, { defaultShowPicker: !1 }).focus().run());
+  }, [t, a, l]), I(() => {
+    s && o(n || "");
+  }, [s]);
+  const m = P(() => {
+    try {
+      return ae.renderToString(`${c}`);
+    } catch {
+      return c;
+    }
+  }, [c]), f = P(
+    () => `${c}`.trim() ? /* @__PURE__ */ i("span", { contentEditable: !1, dangerouslySetInnerHTML: { __html: m || "" } }) : null,
+    [c, m]
+  );
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      editor: t,
+      pluginKey: "Katex-bubble-menu",
+      shouldShow: h,
+      tippyOptions: {
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        placement: "bottom-start",
+        offset: [-2, 16],
+        zIndex: 9999,
+        onHidden: () => {
+          l(!1);
+        }
+      },
+      children: e != null && e.disabled ? /* @__PURE__ */ i(_, {}) : /* @__PURE__ */ i("div", { className: "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: s ? /* @__PURE__ */ u(_, { children: [
+        /* @__PURE__ */ i(
+          St,
+          {
+            value: c,
+            onChange: (p) => o(p.target.value),
+            autoFocus: !0,
+            placeholder: "Formula text",
+            rows: 3,
+            defaultValue: n,
+            style: { marginBottom: 8 }
+          }
+        ),
+        f && /* @__PURE__ */ i("div", { className: "richtext-my-[10px] richtext-p-[10px] richtext-rounded-[6px] !richtext-border-[1px] richtext-whitespace-nowrap richtext-overflow-auto", children: f }),
+        /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-justify-between richtext-gap-[6px]", children: [
+          /* @__PURE__ */ i(U, { onClick: x, 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("div", { className: "richtext-flex richtext-items-center richtext-justify-center richtext-gap-[6px]", children: [
+        /* @__PURE__ */ i(v, { tooltip: "Edit", action: () => l(!s), children: /* @__PURE__ */ i(Ke, { size: 16 }) }),
+        /* @__PURE__ */ i(v, { tooltip: "Delete", action: d, children: /* @__PURE__ */ i(Ue, { size: 16 }) })
+      ] }) })
+    }
+  );
+}
+const ta = { padding: "0 12px 12px" }, yi = ({ width: t, maxWidth: e, height: r, onOk: n, children: a }) => {
+  const { t: c } = V(), [o, s] = w({
+    width: "",
+    height: "",
+    maxWidth: ""
+  });
+  I(() => {
+    s({
+      width: t,
+      height: r,
+      maxWidth: e
+    });
+  }, [r, e, t]);
+  function l(h) {
+    h.preventDefault(), h.stopPropagation(), n(o);
+  }
+  return /* @__PURE__ */ u(mt, { modal: !0, children: [
+    /* @__PURE__ */ i(ft, { asChild: !0, children: a }),
+    /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i("div", { style: ta, children: /* @__PURE__ */ u("form", { className: "richtext-flex richtext-flex-col richtext-gap-2", onSubmit: l, children: [
+      /* @__PURE__ */ i(et, { className: "mb-[6px]", children: "Width" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: o.width,
+          required: !0,
+          onChange: (h) => s({ ...o, width: h.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(et, { className: "mb-[6px]", children: "Max Width" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: o.maxWidth,
+          required: !0,
+          onChange: (h) => s({ ...o, maxWidth: h.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(et, { className: "mb-[6px]", children: "Height" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: o.height,
+          required: !0,
+          onChange: (h) => s({ ...o, height: h.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(U, { type: "submit", className: "richtext-self-end richtext-mt-2", children: c("editor.link.dialog.button.apply") })
+    ] }) }) })
+  ] });
+}, rt = /* @__PURE__ */ new Map();
+function ea(t) {
+  const e = t.options.element;
+  rt.has("width") || rt.set("width", e.clientWidth), rt.has("width") && rt.get("width") <= 0 && rt.set("width", e.clientWidth);
+  const r = { attributes: !0, childList: !0, subtree: !0 }, n = function() {
+    rt.set("width", e.clientWidth);
+  }, a = new MutationObserver(n);
+  return a.observe(e, r), t.on("destroy", () => {
+    a.disconnect();
+  }), { width: rt.get("width") };
+}
+function ia({ editor: t }) {
+  const { t: e } = V(), { width: r } = ea(t), n = At(t, st.name, {
+    defaultShowPicker: !1,
+    createUser: "",
+    width: 0,
+    height: 0
+  }), { defaultShowPicker: a, createUser: c, width: o, height: s } = n, l = C(
+    (m) => {
+      t.chain().updateAttributes(st.name, m).setNodeSelection(t.state.selection.from).focus().run();
+    },
+    [t]
+  ), h = C(() => {
+    Wc(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());
+  }, [c, a, t, h]), /* @__PURE__ */ i(
+    Y,
+    {
+      className: "bubble-menu",
+      editor: t,
+      pluginKey: "excalidraw-bubble-menu",
+      shouldShow: d,
+      tippyOptions: {
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        placement: "bottom-start",
+        offset: [-2, 16],
+        zIndex: 9999
+        // onHidden: () => {
+        //   toggleVisible(false)
+        // },
+      },
+      children: /* @__PURE__ */ u("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(
+          v,
+          {
+            icon: "Pencil",
+            action: h,
+            tooltip: e("editor.edit")
+          }
+        ),
+        /* @__PURE__ */ i(yi, { width: o, maxWidth: r, height: s, onOk: l, children: /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Settings",
+            tooltip: e("editor.settings")
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Trash2",
+            action: x,
+            tooltip: e("editor.delete")
+          }
+        )
+      ] })
+    }
+  );
+}
+function ra({ editor: t }) {
+  const { t: e } = V(), { width: r, height: n, url: a } = At(t, ot.name, {
+    width: 0,
+    height: 0,
+    url: "",
+    defaultShowPicker: !1
+  }), [c, o] = w(!1), [s, l] = w(""), h = C(() => {
+    o(!1);
+  }, [o]);
+  I(() => {
+    c && l(a);
+  }, [c, a]);
+  const d = C(() => {
+    t.chain().updateAttributes(ot.name, {
+      url: s
+    }).setNodeSelection(t.state.selection.from).focus().run(), o(!1);
+  }, [t, s, o]), x = C(() => {
+    window.open(a, "_blank");
+  }, [a]), m = C(() => {
+    o(!0);
+  }, [o]), f = C(
+    (T) => {
+      t.chain().updateAttributes(ot.name, T).setNodeSelection(t.state.selection.from).focus().run();
+    },
+    [t]
+  ), p = C(() => t.isActive(ot.name) && !a, [t, a]), b = C(() => Ct(ot.name, t), [t]);
+  return /* @__PURE__ */ u(_, { children: [
+    /* @__PURE__ */ i(
+      Y,
+      {
+        className: "bubble-menu",
+        editor: t,
+        pluginKey: "iframe-bubble-menu",
+        shouldShow: p,
+        tippyOptions: {
+          popperOptions: {
+            modifiers: [{ name: "flip", enabled: !1 }]
+          },
+          placement: "bottom-start",
+          offset: [-2, 16],
+          zIndex: 9999
+          // onHidden: () => {
+          //   toggleVisible(false)
+          // },
+        },
+        children: /* @__PURE__ */ u("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(
+            v,
+            {
+              action: x,
+              icon: "Eye",
+              tooltip: "Visit Link"
+            }
+          ),
+          /* @__PURE__ */ i(
+            v,
+            {
+              action: m,
+              icon: "Pencil",
+              tooltip: "Open Edit Link"
+            }
+          ),
+          /* @__PURE__ */ i(yi, { width: r, height: n, onOk: f, children: /* @__PURE__ */ i(
+            v,
+            {
+              icon: "Settings",
+              tooltip: e("editor.settings")
+            }
+          ) }),
+          /* @__PURE__ */ i(
+            v,
+            {
+              action: b,
+              icon: "Trash2",
+              tooltip: e("editor.delete")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ u(
+      jt,
+      {
+        open: c,
+        onOpenChange: o,
+        children: [
+          /* @__PURE__ */ i(Ft, {}),
+          /* @__PURE__ */ u(Nt, { children: [
+            /* @__PURE__ */ i(fi, { children: /* @__PURE__ */ i(kt, { children: "Edit Link Iframe" }) }),
+            /* @__PURE__ */ i(
+              J,
+              {
+                value: s,
+                onInput: (T) => l(T.target.value),
+                type: "url",
+                autoFocus: !0,
+                placeholder: "Enter link"
+              }
+            ),
+            /* @__PURE__ */ u(Tt, { children: [
+              /* @__PURE__ */ i(U, { onClick: h, children: "Cancel" }),
+              /* @__PURE__ */ i(U, { onClick: d, children: "OK" })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const Ie = `graph TB
+a-->b`, na = ({ editor: t, attrs: e, extension: r }) => {
+  const { alt: n, align: a } = e, [c, o] = w(decodeURIComponent(n ?? Ie)), [s, l] = w(""), [h, d] = w(!1), x = nt(null), m = r == null ? void 0 : r.options.upload, f = async (T) => {
+    try {
+      const { svg: k } = await Dt.render("mermaid-svg", T);
+      l(k);
+    } catch {
+      l("");
+    }
+  }, p = () => {
+    Dt.initialize({
+      darkMode: !1,
+      startOnLoad: !1,
+      // fontFamily:'',
+      fontSize: 12,
+      theme: "base"
+    }), f(c);
+  };
+  return I(() => {
+    h && p();
+  }, [h]), I(() => {
+    h && f(c);
+  }, [c]), /* @__PURE__ */ u(
+    jt,
+    {
+      open: h,
+      onOpenChange: d,
+      children: [
+        /* @__PURE__ */ i(Ft, { asChild: !0, children: /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Pencil",
+            tooltip: "Edit Mermaid",
+            action: () => d(!0)
+          }
+        ) }),
+        /* @__PURE__ */ u(Nt, { className: "!richtext-max-w-[1300px] richtext-z-[99999]", 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,
+              {
+                className: "richtext-flex-1",
+                value: c,
+                onChange: (T) => o(T.target.value),
+                autoFocus: !0,
+                required: !0,
+                rows: 10,
+                defaultValue: Ie,
+                placeholder: "Text",
+                style: {
+                  color: "hsl(var(--richtext-foreground))"
+                }
+              }
+            ),
+            /* @__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" },
+                ref: x,
+                dangerouslySetInnerHTML: { __html: s }
+              }
+            )
+          ] }) }),
+          /* @__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`;
+                    let F = je(T.outerHTML);
+                    if (m) {
+                      const M = gi(F, $);
+                      F = await m(M);
+                    }
+                    t == null || t.chain().focus().setMermaid(
+                      {
+                        type: "mermaid",
+                        src: F,
+                        alt: encodeURIComponent(c),
+                        width: k,
+                        height: R
+                      },
+                      !!c
+                    ).run(), t == null || t.commands.setAlignImageMermaid(a);
+                  }
+                  d(!1);
+                }
+              },
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+function ca(t, e) {
+  const [r, n] = w(void 0);
+  return I(() => {
+    const a = () => {
+      const c = t.extensionManager.extensions.find((o) => o.name === e);
+      c && n(c);
+    };
+    return t.on("selectionUpdate", a), t.on("transaction", a), () => {
+      t.off("selectionUpdate", a), t.off("transaction", a);
+    };
+  }, [t, e]), r;
+}
+const aa = {
+  maxWidth: "auto",
+  zIndex: 20,
+  appendTo: "parent",
+  moveTransition: "transform 0.1s ease-out"
+};
+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(
+    n,
+    {
+      ...t.componentProps,
+      editor: r,
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+    }
+  ) }) : /* @__PURE__ */ i(_, {});
+}
+function sa(t) {
+  return t.type.name === "mermaid";
+}
+function la(t) {
+  const { lang: e } = V(), r = At(t.editor, Me.name), n = ca(t.editor, Me.name), a = ({ editor: o }) => {
+    const { selection: s } = o.view.state, { $from: l, to: h } = s;
+    let d = !1;
+    return o.view.state.doc.nodesBetween(l.pos, h, (x) => {
+      if (sa(x))
+        return d = !0, !1;
+    }), d;
+  }, c = P(() => t.disabled ? [] : Na(t.editor), [t.disabled, t.editor, e]);
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+    Y,
+    {
+      shouldShow: a,
+      editor: t == null ? void 0 : t.editor,
+      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(
+        na,
+        {
+          editor: t.editor,
+          attrs: r,
+          extension: n
+        },
+        `bubbleMenu-mermaid-${s}`
+      ) : /* @__PURE__ */ i(
+        oa,
+        {
+          item: o,
+          disabled: t.disabled,
+          editor: t.editor
+        },
+        `bubbleMenu-mermaid-${s}`
+      )) }) }) : /* @__PURE__ */ i(_, {})
+    }
+  ) });
+}
+function ha({ editor: t, disabled: e }) {
+  const [r, n] = w(!1), { t: a } = V(), c = C(({ editor: l }) => l.isActive(re.name), []), o = (l) => {
+    t.commands.updateTweet({ src: l }), n(!1);
+  }, s = C(() => Ct(re.name, t), [t]);
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+    Y,
+    {
+      editor: t,
+      shouldShow: c,
+      tippyOptions: {
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        placement: "bottom-start",
+        offset: [-2, 16],
+        zIndex: 9999,
+        onHidden: () => {
+          n(!1);
+        }
+      },
+      children: e ? /* @__PURE__ */ i(_, {}) : /* @__PURE__ */ i(_, { children: r ? /* @__PURE__ */ i(
+        bi,
+        {
+          onSetLink: o,
+          editor: t
+        }
+      ) : /* @__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(
+          v,
+          {
+            icon: "Pencil",
+            tooltip: a("editor.link.edit.tooltip"),
+            action: () => {
+              n(!0);
+            },
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Trash",
+            tooltip: a("editor.delete"),
+            action: s,
+            tooltipOptions: { sideOffset: 15 }
+          }
+        )
+      ] }) }) })
+    }
+  ) });
+}
+function da({ editor: t, disabled: e, bubbleMenu: r }) {
+  const n = t.extensionManager.extensions.map((c) => c.name), a = () => {
+    var c, o, s, l, h, d, x, m, f, p, b, T, k;
+    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("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,
+      n.includes("katex") && !((x = r == null ? void 0 : r.katexConfig) != null && x.hidden) ? /* @__PURE__ */ i(Qc, { editor: t, disabled: e }, "katex") : null,
+      n.includes("excalidraw") && !((m = r == null ? void 0 : r.excalidrawConfig) != null && m.hidden) ? /* @__PURE__ */ i(ia, { editor: t, disabled: e }, "excalidraw") : null,
+      n.includes("mermaid") && !((f = r == null ? void 0 : r.mermaidConfig) != null && f.hidden) ? /* @__PURE__ */ i(la, { editor: t, disabled: e }, "mermaid") : null,
+      n.includes("iframe") && !((p = r == null ? void 0 : r.iframeConfig) != null && p.hidden) ? /* @__PURE__ */ i(ra, { editor: t, disabled: e }, "iframe") : null,
+      n.includes("twitter") && !((b = r == null ? void 0 : r.twitterConfig) != null && b.hidden) ? /* @__PURE__ */ i(ha, { editor: t, disabled: e }, "twitter") : null,
+      (T = r == null ? void 0 : r.floatingMenuConfig) != null && T.hidden ? null : /* @__PURE__ */ i(Sa, { editor: t, disabled: e }, "content"),
+      (k = r == null ? void 0 : r.textConfig) != null && k.hidden ? null : /* @__PURE__ */ i(La, { editor: t, disabled: e }, "text")
+    ];
+  };
+  return r != null && r.render ? r.render({ editor: t, disabled: e || !1, bubbleMenu: r }, a()) : a().filter(Boolean);
+}
+function Ee() {
+  return /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M18 14c0-4-6-10.8-6-10.8s-1.33 1.51-2.73 3.52l8.59 8.59c.09-.42.14-.86.14-1.31m-.88 3.12L12.5 12.5L5.27 5.27L4 6.55l3.32 3.32C6.55 11.32 6 12.79 6 14c0 3.31 2.69 6 6 6c1.52 0 2.9-.57 3.96-1.5l2.63 2.63l1.27-1.27z" }) });
+}
+function ua(t) {
+  const { t: e } = V(), {
+    highlight: r = !1,
+    disabled: n = !1,
+    selectedColor: a,
+    setSelectedColor: c,
+    onChange: o,
+    colors: s = Hi
+  } = t, l = P(() => {
+    const f = s, p = [];
+    for (let b = 0; b < f.length; b += 10)
+      p.push(f.slice(b, b + 10));
+    return p;
+  }, [s]), [h, d] = w([]), x = (f) => {
+    const p = [...h], b = p.indexOf(f);
+    b !== -1 && p.splice(b, 1), p.unshift(f), p.length > 10 && p.pop(), d(p);
+  };
+  function m(f) {
+    if (f === void 0) {
+      c == null || c(f), o == null || o(f);
+      return;
+    }
+    /^#([\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",
+            {
+              style: {
+                backgroundColor: b
+              },
+              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" })
+                }
+              )
+            }
+          )
+        },
+        `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(
+              "span",
+              {
+                className: "richtext-relative richtext-w-[18px] richtext-h-[18px] richtext-block richtext-rounded-[2px] richtext-border-transparent",
+                style: {
+                  backgroundColor: f
+                },
+                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 })
+    ] }) })
+  ] });
+}
+function xa({ setColor: t }) {
+  const [e, r] = w("#000000"), [n, a] = w(!1), { t: c } = V();
+  return I(() => () => {
+    a(!1);
+  }, []), /* @__PURE__ */ u(mt, { open: n, children: [
+    /* @__PURE__ */ i(ft, { asChild: !0, children: /* @__PURE__ */ u(
+      "div",
+      {
+        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"),
+          "..."
+        ]
+      }
+    ) }),
+    /* @__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(
+          J,
+          {
+            className: "richtext-mt-[8px] richtext-w-full",
+            type: "text",
+            onChange: (o) => {
+              o.preventDefault(), r(`#${o.target.value}`);
+            },
+            value: e.slice(1)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(Q, { className: "richtext-my-[10px]" }),
+      /* @__PURE__ */ i(
+        U,
+        {
+          onClick: (o) => {
+            o.preventDefault(), t(e), a(!1);
+          },
+          className: "richtext-w-full",
+          children: /* @__PURE__ */ i(Ge, { size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+function ma({ editor: t, disabled: e, toolbar: r }) {
+  const { t: n, lang: a } = V(), c = P(() => {
+    const h = [...t.extensionManager.extensions].sort((x, m) => {
+      const f = x.options.sort ?? -1, p = m.options.sort ?? -1;
+      return f - p;
+    });
+    let d = [];
+    for (const x of h) {
+      const {
+        button: m,
+        divider: f = !1,
+        spacer: p = !1,
+        toolbar: b = !0
+      } = x.options;
+      if (!m || !bn(m) || !b)
+        continue;
+      const T = m({
+        editor: t,
+        extension: x,
+        t: n
+      });
+      if (Array.isArray(T)) {
+        const k = T.map((R, $) => ({
+          button: R,
+          divider: $ === T.length - 1 ? f : !1,
+          spacer: $ === 0 ? p : !1,
+          type: x.type,
+          name: x.name
+        }));
+        d = [...d, ...k];
+        continue;
+      }
+      d.push({
+        button: T,
+        divider: f,
+        spacer: p,
+        type: x.type,
+        name: x.name
+      });
+    }
+    return d;
+  }, [t, n, a]), o = (l) => /* @__PURE__ */ i(
+    "div",
+    {
+      className: "richtext-px-1 richtext-py-2 !richtext-border-b",
+      style: {
+        pointerEvents: e ? "none" : "auto",
+        opacity: e ? 0.5 : 1
+      },
+      children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-flex-wrap richtext-h-auto richtext-gap-y-1 richtext-gap-x-1", children: l })
+    }
+  ), s = c.map((l, h) => {
+    var x, m;
+    const d = l.button.component;
+    return /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center", children: [
+      (l == null ? void 0 : l.spacer) && /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-h-[16px] !richtext-mx-[10px]" }),
+      /* @__PURE__ */ i(
+        d,
+        {
+          ...l.button.componentProps,
+          disabled: e || ((m = (x = l == null ? void 0 : l.button) == null ? void 0 : x.componentProps) == null ? void 0 : m.disabled)
+        }
+      ),
+      (l == null ? void 0 : l.divider) && /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-h-auto !richtext-mx-2" })
+    ] }, `toolbar-item-${h}`);
+  });
+  return r && (r != null && r.render) ? r.render({ editor: t, disabled: e || !1 }, c, s, o) : o(s);
+}
+function fa(t) {
+  const e = ["size-small", "size-medium", "size-large"], r = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return e.map((n, a) => ({
+    type: `image-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.${n.replace("-", ".")}.tooltip`),
+      icon: r[a],
+      action: () => t.commands.updateImage({ width: Ht[n] }),
+      isActive: () => t.isActive("image", { width: Ht[n] })
+    }
+  }));
+}
+function ga(t) {
+  const e = ["size-small", "size-medium", "size-large"], r = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return e.map((n, a) => ({
+    type: `image-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.${n.replace("-", ".")}.tooltip`),
+      icon: r[a],
+      action: () => t.commands.updateImageGif({ width: Ht[n] }),
+      isActive: () => t.isActive("image", { width: Ht[n] })
+    }
+  }));
+}
+function pa(t) {
+  const e = ["left", "center", "right"], r = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return e.map((n) => ({
+    type: `image-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.textalign.${n}.tooltip`),
+      icon: r[n],
+      action: () => {
+        var a, c;
+        return (c = (a = t.commands) == null ? void 0 : a.setAlignImage) == null ? void 0 : c.call(a, n);
+      },
+      isActive: () => t.isActive({ align: n }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function wa(t) {
+  const e = ["left", "center", "right"], r = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return e.map((n) => ({
+    type: `image-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.textalign.${n}.tooltip`),
+      icon: r[n],
+      action: () => {
+        var a, c;
+        return (c = (a = t.commands) == null ? void 0 : a.setAlignImageGif) == null ? void 0 : c.call(a, n);
+      },
+      isActive: () => t.isActive({ align: n }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function va(t) {
+  const e = ["left", "center", "right"], r = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return e.map((n) => ({
+    type: `image-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.textalign.${n}.tooltip`),
+      icon: r[n],
+      action: () => {
+        var a, c;
+        return (c = (a = t.commands) == null ? void 0 : a.setAlignImageMermaid) == null ? void 0 : c.call(a, n);
+      },
+      isActive: () => t.isActive({ align: n }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function ba(t) {
+  const e = ["size-small", "size-medium", "size-large"], r = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return e.map((n, a) => ({
+    type: `video-${n}`,
+    component: v,
+    componentProps: {
+      tooltip: Z.t(`editor.${n.replace("-", ".")}.tooltip`),
+      icon: r[a],
+      action: () => t.commands.updateVideo({ width: fe[n] }),
+      isActive: () => t.isActive("video", { width: fe[n] })
+    }
+  }));
+}
+function ya(t) {
+  return [
+    {
+      type: "flipX",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.tooltip.flipX"),
+        icon: "FlipX",
+        action: () => {
+          const e = t.getAttributes("image"), { flipX: r } = e;
+          t.chain().focus(void 0, { scrollIntoView: !1 }).updateImage({
+            flipX: !r
+          }).run();
+        }
+      }
+    },
+    {
+      type: "flipY",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.tooltip.flipY"),
+        icon: "FlipY",
+        action: () => {
+          const e = t.getAttributes("image"), { flipY: r } = e;
+          t.chain().focus(void 0, { scrollIntoView: !1 }).updateImage({
+            flipY: !r
+          }).run();
+        }
+      }
+    },
+    ...fa(t),
+    ...pa(t),
+    {
+      type: "remove",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: e, dispatch: r } = t.view;
+          Wt(e, r);
+        }
+      }
+    }
+  ];
+}
+function Ca(t) {
+  return [
+    ...ga(t),
+    ...wa(t),
+    {
+      type: "remove",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: e, dispatch: r } = t.view;
+          Wt(e, r);
+        }
+      }
+    }
+  ];
+}
+function Na(t) {
+  return [
+    ...va(t),
+    {
+      type: "edit",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.edit"),
+        icon: "Pencil",
+        action: () => {
+        }
+      }
+    },
+    {
+      type: "remove",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: e, dispatch: r } = t.view;
+          Wt(e, r);
+        }
+      }
+    }
+  ];
+}
+function Ta(t) {
+  return [
+    ...ba(t),
+    {
+      type: "remove",
+      component: v,
+      componentProps: {
+        editor: t,
+        tooltip: Z.t("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: e, dispatch: r } = t.view;
+          Wt(e, r);
+        }
+      }
+    }
+  ];
+}
+function ka(t, e) {
+  return Pi.reduce((r, n) => {
+    if (n === "divider" && r.length > 0)
+      return [...r, {
+        type: "divider",
+        component: void 0,
+        componentProps: {}
+      }];
+    const a = t.extensionManager.extensions.find((c) => c.name === n);
+    return a ? [...r, a.configure().options.button({ editor: t, t: e, extension: a })] : r;
+  }, []);
+}
+function Sa(t) {
+  var N, H, y;
+  const { pluginKey: e = Ii } = t, { t: r } = V(), [n, a] = w(null), [c, o] = w(-1), s = nt(null), l = nt(null), [h, d] = w(!1), x = t.editor.extensionManager.extensions.some((g) => g.name === "textAlign"), m = t.editor.extensionManager.extensions.some((g) => g.name === "indent"), f = t.editor.extensionManager.extensions.some((g) => g.name === "clear");
+  I(() => {
+    s.current && !t.editor.isDestroyed && (l.current = Ei({
+      editor: t.editor,
+      element: s.current,
+      pluginKey: "ContentItemMenu",
+      tippyOptions: {
+        offset: [-2, 16],
+        zIndex: 99,
+        moveTransition: "transform 0.15s ease-out"
+      },
+      onNodeChange: M
+    }), t.editor.registerPlugin(l.current));
+  }, [t.editor, s]);
+  function p() {
+    const g = t.editor.chain();
+    g.setNodeSelection(c).unsetAllMarks(), (n == null ? void 0 : n.type.name) !== "paragraph" && g.setParagraph(), g.run();
+  }
+  function b() {
+    t.editor.chain().focus().setNodeSelection(c).run(), document.execCommand("copy");
+  }
+  function T() {
+    t.editor.commands.setNodeSelection(c);
+    const { $anchor: g } = t.editor.state.selection, O = g.node(1) || t.editor.state.selection.node;
+    t.editor.chain().setMeta("hideDragHandle", !0).insertContentAt(c + ((n == null ? void 0 : n.nodeSize) || 0), O.toJSON()).run();
+  }
+  function k(g) {
+    t.editor.commands.setTextAlign(g);
+  }
+  function R() {
+    const g = ee(t.editor.state.tr, c, 1);
+    g.setMeta("hideDragHandle", !0), t.editor.view.dispatch && t.editor.view.dispatch(g);
+  }
+  function $() {
+    const g = ee(t.editor.state.tr, c, -1);
+    t.editor.view.dispatch && t.editor.view.dispatch(g);
+  }
+  function F() {
+    t.editor.chain().setMeta("hideDragHandle", !0).setNodeSelection(c).deleteSelection().run();
+  }
+  function M(g) {
+    g.node && a(g.node), o(g.pos);
+  }
+  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(
+        S,
+        Mt.schema.nodes.paragraph.create(null, [Mt.schema.text("/")])
+      ), K(j)) : !0).focus(A).run();
+    }
+  }
+  I(() => (h ? t.editor.commands.setMeta("lockDragHandle", !0) : t.editor.commands.setMeta("lockDragHandle", !1), () => {
+    t.editor.commands.setMeta("lockDragHandle", !1);
+  }), [h]), I(() => () => {
+    l.current && (t.editor.unregisterPlugin(e), l.current = null);
+  }, []), I(() => {
+    var g;
+    (g = t.editor) != null && g.isDestroyed && l.current && (t.editor.unregisterPlugin(e), l.current = null);
+  }, [(N = t.editor) == null ? void 0 : N.isDestroyed]);
+  const W = (g) => {
+    t != null && t.disabled || d(g);
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `drag-handle [transition-property:top,_left] richtext-ease-in-out richtext-duration-200 ${t == null ? void 0 : t.className}`,
+      style: {
+        opacity: t != null && t.disabled ? 0 : 1
+      },
+      ref: s,
+      children: /* @__PURE__ */ u("div", { className: "richtext-flex richtext-items-center richtext-gap-0.5 [transition-property:top,_left] richtext-ease-in-out richtext-duration-200", children: [
+        /* @__PURE__ */ i(
+          U,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "richtext-w-7 richtext-h-7 richtext-cursor-grab",
+            disabled: t == null ? void 0 : t.disabled,
+            onClick: B,
+            type: "button",
+            children: /* @__PURE__ */ i(G, { name: "Plus", className: "richtext-text-lg richtext-text-neutral-600 dark:richtext-text-neutral-200" })
+          }
+        ),
+        /* @__PURE__ */ u(Nn, { open: h, onOpenChange: W, children: [
+          /* @__PURE__ */ u("div", { className: "richtext-relative richtext-flex richtext-flex-col", children: [
+            /* @__PURE__ */ u(hi, { children: [
+              /* @__PURE__ */ i(di, { asChild: !0, disabled: t == null ? void 0 : t.disabled, children: /* @__PURE__ */ i(
+                U,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "richtext-w-7 richtext-h-7 richtext-cursor-grab richtext-relative richtext-z-[1]",
+                  disabled: t == null ? void 0 : t.disabled,
+                  onMouseUp: (g) => {
+                    g.preventDefault(), !(t != null && t.disabled) && d(!0);
+                  },
+                  type: "button",
+                  children: /* @__PURE__ */ i(G, { name: "Grip", className: "richtext-text-sm dark:richtext-text-neutral-200 richtext-text-neutral-600" })
+                }
+              ) }),
+              /* @__PURE__ */ i(oe, { children: r("editor.draghandle.tooltip") })
+            ] }),
+            /* @__PURE__ */ i(Tn, { className: "richtext-absolute richtext-top-0 richtext-left-0 richtext-w-[28px] richtext-h-[28px] richtext-z-0" })
+          ] }),
+          /* @__PURE__ */ u(ei, { className: "richtext-w-48", align: "start", side: "bottom", sideOffset: 0, children: [
+            /* @__PURE__ */ u(
+              tt,
+              {
+                onClick: F,
+                className: "richtext-flex richtext-gap-3 focus:richtext-text-red-500 focus:richtext-bg-red-400 hover:richtext-bg-red-400 dark:hover:richtext-text-red-500 richtext-bg-opacity-10 hover:richtext-bg-opacity-20 focus:richtext-bg-opacity-30 dark:hover:richtext-bg-opacity-20",
+                children: [
+                  /* @__PURE__ */ i(G, { name: "Trash2" }),
+                  /* @__PURE__ */ i("span", { children: r("editor.remove") })
+                ]
+              }
+            ),
+            f ? /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: p, children: [
+              /* @__PURE__ */ i(G, { name: "PaintRoller" }),
+              /* @__PURE__ */ i("span", { children: r("editor.clear.tooltip") })
+            ] }) : null,
+            /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: b, children: [
+              /* @__PURE__ */ i(G, { name: "Clipboard" }),
+              /* @__PURE__ */ i("span", { children: r("editor.copyToClipboard") })
+            ] }),
+            /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: T, children: [
+              /* @__PURE__ */ i(G, { name: "Copy" }),
+              /* @__PURE__ */ i("span", { children: r("editor.copy") })
+            ] }),
+            x || m ? /* @__PURE__ */ i(ii, {}) : null,
+            x ? /* @__PURE__ */ u(be, { children: [
+              /* @__PURE__ */ u(Jt, { className: "richtext-flex richtext-gap-3", children: [
+                /* @__PURE__ */ i(G, { name: "AlignCenter" }),
+                /* @__PURE__ */ i("span", { children: r("editor.textalign.tooltip") })
+              ] }),
+              /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ u(Qt, { children: [
+                /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: () => k("left"), children: [
+                  /* @__PURE__ */ i(G, { name: "AlignLeft" }),
+                  /* @__PURE__ */ i("span", { children: r("editor.textalign.left.tooltip") })
+                ] }),
+                /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: () => k("center"), children: [
+                  /* @__PURE__ */ i(G, { name: "AlignCenter" }),
+                  /* @__PURE__ */ i("span", { children: r("editor.textalign.center.tooltip") })
+                ] }),
+                /* @__PURE__ */ u(tt, { className: "richtext-flex richtext-gap-3", onClick: () => k("right"), children: [
+                  /* @__PURE__ */ i(G, { name: "AlignRight" }),
+                  /* @__PURE__ */ i("span", { children: r("editor.textalign.right.tooltip") })
+                ] })
+              ] }) })
+            ] }) : null,
+            m ? /* @__PURE__ */ u(be, { children: [
+              /* @__PURE__ */ u(Jt, { className: "richtext-flex richtext-gap-3", children: [
+                /* @__PURE__ */ i(G, { name: "IndentIncrease" }),
+                /* @__PURE__ */ i("span", { children: r("editor.indent") })
+              ] }),
+              /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ u(Qt, { children: [
+                /* @__PURE__ */ u(
+                  tt,
+                  {
+                    className: "richtext-flex richtext-gap-3",
+                    onClick: R,
+                    disabled: ((H = n == null ? void 0 : n.attrs) == null ? void 0 : H.indent) >= te.max,
+                    children: [
+                      /* @__PURE__ */ i(G, { name: "IndentIncrease" }),
+                      /* @__PURE__ */ i("span", { children: r("editor.indent.tooltip") })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ u(
+                  tt,
+                  {
+                    className: "richtext-flex richtext-gap-3",
+                    onClick: $,
+                    disabled: ((y = n == null ? void 0 : n.attrs) == null ? void 0 : y.indent) <= te.min,
+                    children: [
+                      /* @__PURE__ */ i(G, { name: "IndentDecrease" }),
+                      /* @__PURE__ */ i("span", { children: r("editor.outdent.tooltip") })
+                    ]
+                  }
+                )
+              ] }) })
+            ] }) : null
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+const Aa = {
+  maxWidth: "auto",
+  zIndex: 20,
+  appendTo: "parent",
+  moveTransition: "transform 0.1s ease-out"
+};
+function Ma({ item: t, disabled: e, editor: r }) {
+  var a;
+  const n = t.component;
+  return n ? /* @__PURE__ */ i(
+    n,
+    {
+      ...t.componentProps,
+      editor: r,
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+    }
+  ) : /* @__PURE__ */ i(_, {});
+}
+function La(t) {
+  const { t: e, lang: r } = V(), n = ({ editor: c }) => {
+    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,
+    {
+      item: c,
+      disabled: t.disabled,
+      editor: t.editor
+    },
+    `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();
+  function a() {
+    t.chain().focus().addColumnBefore().run();
+  }
+  function c() {
+    t.chain().focus().addColumnAfter().run();
+  }
+  function o() {
+    t.chain().focus().deleteColumn().run();
+  }
+  function s() {
+    t.chain().focus().addRowBefore().run();
+  }
+  function l() {
+    t.chain().focus().addRowAfter().run();
+  }
+  function h() {
+    t.chain().focus().deleteRow().run();
+  }
+  function d() {
+    t.chain().focus().mergeCells().run();
+  }
+  function x() {
+    t == null || t.chain().focus().splitCell().run();
+  }
+  function m() {
+    t.chain().focus().deleteTable().run();
+  }
+  function f(j) {
+    t.chain().focus().setTableCellBackground(j).run();
+  }
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      editor: t,
+      pluginKey: "table",
+      shouldShow: r,
+      updateDelay: 0,
+      tippyOptions: {
+        offset: [0, 8],
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        maxWidth: "auto",
+        getReferenceClientRect: () => {
+          var xe;
+          const {
+            view: j,
+            state: {
+              selection: { from: Mt }
+            }
+          } = t, at = j.domAtPos(Mt).node;
+          if (!at)
+            return new DOMRect(-1e3, -1e3, 0, 0);
+          const ue = (xe = at == null ? void 0 : at.closest) == null ? void 0 : xe.call(at, ".tableWrapper");
+          return ue ? ue.getBoundingClientRect() : new DOMRect(-1e3, -1e3, 0, 0);
+        },
+        plugins: [un],
+        sticky: "popper"
+      },
+      children: e ? /* @__PURE__ */ i(_, {}) : /* @__PURE__ */ u("div", { className: "richtext-min-w-32 richtext-flex richtext-flex-row richtext-h-full richtext-items-center richtext-leading-none richtext-gap-0.5 richtext-p-2 richtext-w-full richtext-bg-background richtext-rounded-lg richtext-shadow-sm !richtext-border richtext-border-border", children: [
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "BetweenHorizonalEnd",
+            tooltip: n("editor.table.menu.insertColumnBefore"),
+            action: a,
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((T = (b = t == null ? void 0 : t.can()) == null ? void 0 : b.addColumnBefore) != null && T.call(b))
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "BetweenHorizonalStart",
+            tooltip: n("editor.table.menu.insertColumnAfter"),
+            action: c,
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((R = (k = t == null ? void 0 : t.can()) == null ? void 0 : k.addColumnAfter) != null && R.call(k))
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "DeleteColumn",
+            action: o,
+            tooltip: n("editor.table.menu.deleteColumn"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((F = t == null ? void 0 : ($ = t.can()).deleteColumn) != null && F.call($))
+          }
+        ),
+        /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "BetweenVerticalEnd",
+            action: s,
+            tooltip: n("editor.table.menu.insertRowAbove"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((B = t == null ? void 0 : (M = t.can()).addRowBefore) != null && B.call(M))
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "BetweenVerticalStart",
+            action: l,
+            tooltip: n("editor.table.menu.insertRowBelow"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((N = (W = t == null ? void 0 : t.can()) == null ? void 0 : W.addRowAfter) != null && N.call(W))
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "DeleteRow",
+            action: h,
+            tooltip: n("editor.table.menu.deleteRow"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((y = (H = t == null ? void 0 : t.can()) == null ? void 0 : H.deleteRow) != null && y.call(H))
+          }
+        ),
+        /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "TableCellsMerge",
+            action: d,
+            tooltip: n("editor.table.menu.mergeCells"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((O = (g = t == null ? void 0 : t.can()) == null ? void 0 : g.mergeCells) != null && O.call(g))
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "TableCellsSplit",
+            action: x,
+            tooltip: n("editor.table.menu.splitCells"),
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((z = (S = t == null ? void 0 : t.can()) == null ? void 0 : S.splitCell) != null && z.call(S))
+          }
+        ),
+        /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]" }),
+        /* @__PURE__ */ i(
+          hc,
+          {
+            editor: t,
+            tooltip: n("editor.table.menu.setCellsBgColor"),
+            action: f,
+            tooltipOptions: {
+              sideOffset: 15
+            }
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            icon: "Trash2",
+            tooltip: n("editor.table.menu.deleteTable"),
+            action: m,
+            "tooltip-options": {
+              sideOffset: 15
+            },
+            disabled: !((K = (A = t == null ? void 0 : t.can()) == null ? void 0 : A.deleteTable) != null && K.call(A))
+          }
+        )
+      ] })
+    }
+  );
+}
+function Ea(t) {
+  const { t: e } = V();
+  return /* @__PURE__ */ u("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__ */ i(
+      "a",
+      {
+        href: t == null ? void 0 : t.link,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "richtext-text-sm richtext-underline richtext-break-all",
+        children: Fi(t == null ? void 0 : t.link, {
+          length: 50,
+          omission: "…"
+        })
+      }
+    ),
+    (t == null ? void 0 : t.link) && /* @__PURE__ */ i(Q, { orientation: "vertical", className: "!richtext-h-4" }),
+    /* @__PURE__ */ u("div", { className: "richtext-flex richtext-flex-nowrap", children: [
+      /* @__PURE__ */ i(
+        v,
+        {
+          icon: "Pencil",
+          tooltip: e("editor.link.edit.tooltip"),
+          action: () => {
+            t == null || t.onEdit();
+          },
+          tooltipOptions: { sideOffset: 15 }
+        }
+      ),
+      /* @__PURE__ */ i(
+        v,
+        {
+          icon: "Unlink",
+          tooltip: e("editor.link.unlink.tooltip"),
+          action: () => {
+            t == null || t.onClear();
+          },
+          tooltipOptions: { sideOffset: 15 }
+        }
+      )
+    ] })
+  ] });
+}
+function Ra({ editor: t, disabled: e }) {
+  const [r, n] = w(!1), a = P(() => {
+    const { href: l } = t.getAttributes("link");
+    return l;
+  }, [t]), c = C(({ editor: l }) => l.isActive("link"), []), o = (l, h, d) => {
+    t.chain().extendMarkRange("link").insertContent({
+      type: "text",
+      text: h,
+      marks: [
+        {
+          type: "link",
+          attrs: {
+            href: l,
+            target: d ? "_blank" : ""
+          }
+        }
+      ]
+    }).setLink({ href: l }).focus().run(), n(!1);
+  }, s = C(() => {
+    t.chain().extendMarkRange("link").unsetLink().focus().run(), n(!1);
+  }, [t]);
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+    Y,
+    {
+      editor: t,
+      shouldShow: c,
+      tippyOptions: {
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        placement: "bottom-start",
+        offset: [-2, 16],
+        zIndex: 9999,
+        onHidden: () => {
+          n(!1);
+        }
+      },
+      children: e ? /* @__PURE__ */ i(_, {}) : /* @__PURE__ */ i(_, { children: r ? /* @__PURE__ */ i(dc, { onSetLink: o, editor: t }) : /* @__PURE__ */ i(
+        Ea,
+        {
+          editor: t,
+          onClear: s,
+          onEdit: () => {
+            n(!0);
+          },
+          link: a
+        }
+      ) })
+    }
+  ) });
+}
+const le = {
+  maxWidth: "auto",
+  zIndex: 20,
+  appendTo: "parent",
+  moveTransition: "transform 0.1s ease-out"
+};
+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(
+    n,
+    {
+      ...t.componentProps,
+      editor: r,
+      disabled: e || ((a = t == null ? void 0 : t.componentProps) == null ? void 0 : a.disabled)
+    }
+  ) }) : /* @__PURE__ */ i(_, {});
+}
+function za(t) {
+  return t.type.name === "image";
+}
+function Oa(t) {
+  return t.type.name === wi.name;
+}
+function _a(t) {
+  return t.type.name === "video";
+}
+function Ha(t) {
+  const { lang: e } = V(), r = ({ editor: a }) => {
+    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))
+        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,
+      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(
+        he,
+        {
+          item: a,
+          disabled: t.disabled,
+          editor: t.editor
+        },
+        `bubbleMenu-image-${c}`
+      )) }) }) : /* @__PURE__ */ i(_, {})
+    }
+  ) });
+}
+function Pa(t) {
+  const { lang: e } = V(), r = ({ editor: a }) => {
+    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 (Oa(h))
+        return l = !0, !1;
+    }), l;
+  }, n = P(() => t.disabled ? [] : Ca(t.editor), [t.disabled, t.editor, e]);
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+    Y,
+    {
+      shouldShow: r,
+      editor: t == null ? void 0 : t.editor,
+      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(
+        he,
+        {
+          item: a,
+          disabled: t.disabled,
+          editor: t.editor
+        },
+        `bubbleMenu-image-gif-${c}`
+      )) }) }) : /* @__PURE__ */ i(_, {})
+    }
+  ) });
+}
+function Da(t) {
+  const { lang: e } = V(), r = ({ editor: a }) => {
+    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 (_a(h))
+        return l = !0, !1;
+    }), l;
+  }, n = P(() => t.disabled ? [] : Ta(t.editor), [t.editor, t.disabled, e]);
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(
+    Y,
+    {
+      shouldShow: r,
+      editor: t == null ? void 0 : t.editor,
+      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(
+        he,
+        {
+          item: a,
+          disabled: t.disabled,
+          editor: t.editor
+        },
+        `bubbleMenu-video-${c}`
+      )) }) }) : /* @__PURE__ */ i(_, {})
+    }
+  ) });
+}
+function Ba({ editor: t }) {
+  const { t: e } = V(), r = C(() => t.isActive($t.name), [t]), n = C(() => Ct($t.name, t), [t]), a = C(() => t.chain().focus().addColBefore().run(), [t]), c = C(() => t.chain().focus().addColAfter().run(), [t]), o = C(() => t.chain().focus().deleteCol().run(), [t]);
+  return /* @__PURE__ */ i(
+    Y,
+    {
+      pluginKey: "columns-bubble-menu",
+      editor: t,
+      shouldShow: r,
+      tippyOptions: {
+        popperOptions: {
+          modifiers: [{ name: "flip", enabled: !1 }]
+        },
+        placement: "bottom-start",
+        offset: [-2, 16],
+        zIndex: 9999
+        // onHidden: () => {
+        //   toggleVisible(false)
+        // },
+      },
+      children: /* @__PURE__ */ u("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(
+          v,
+          {
+            action: a,
+            icon: "ColumnAddLeft",
+            tooltip: e("editor.table.menu.insertColumnBefore")
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            action: c,
+            icon: "ColumnAddRight",
+            tooltip: e("editor.table.menu.insertColumnAfter")
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            action: o,
+            icon: "DeleteColumn",
+            tooltip: e("editor.table.menu.deleteColumn")
+          }
+        ),
+        /* @__PURE__ */ i(
+          v,
+          {
+            action: n,
+            icon: "Trash2",
+            tooltip: e("editor.table.menu.delete_column")
+          }
+        )
+      ] })
+    }
+  );
+}
+function $a() {
+  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)),
+    /* @__PURE__ */ i(ni, {})
+  ] });
+}
+const Va = `
+.reactjs-tiptap-editor, .richtext-dialog-content {
+  button,
+  input:where([type=button]),
+  input:where([type=reset]),
+  input:where([type=submit]) {
+    -webkit-appearance: button;
+    background-color: transparent;
+    background-image: none
+  }
+
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+  }
+
+  button {
+    font-family: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+  }
+}
+
+.reactjs-tiptap-editor,
+.richtext-dialog-content,
+div[data-radix-popper-content-wrapper],
+div[data-tippy-root] {
+*,
+:before,
+:after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: hsl(var(--richtext-border));
+}
+
+background-color: hsl(var(--richtext-background));
+color: hsl(var(--richtext-foreground));
+
+
+html,
+:host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent
+}
+
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit
+}
+
+b,
+strong {
+  font-weight: bolder
+}
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em
+}
+
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse
+}
+
+input, textarea {
+  border-width: 1px;
+}
+
+textarea {
+  resize: vertical
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af
+}
+
+button, input, textarea {
+  cursor: pointer;
+  color: inherit;
+}
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle
+}
+
+img,
+video {
+  max-width: 100%;
+  height: auto
+}
+}
+`, Re = "data-rc-order", ze = "data-rc-priority", Wa = "rc-util-key", ne = /* @__PURE__ */ new Map();
+function ja(t, e) {
+  if (!t)
+    return !1;
+  if (t.contains)
+    return t.contains(e);
+  let r = e;
+  for (; r; ) {
+    if (r === t)
+      return !0;
+    r = r.parentNode;
+  }
+  return !1;
+}
+function Ci({ mark: t } = {}) {
+  return t ? t.startsWith("data-") ? t : `data-${t}` : Wa;
+}
+function de(t) {
+  return t.attachTo ? t.attachTo : document.querySelector("head") || document.body;
+}
+function Fa(t) {
+  return t === "queue" ? "prependQueue" : t ? "prepend" : "append";
+}
+function Ni(t) {
+  return [...(ne.get(t) || t).children].filter(
+    (e) => e.tagName === "STYLE"
+  );
+}
+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 l = de(e), { firstChild: h } = l;
+  if (n) {
+    if (o) {
+      const d = Ni(l).filter((x) => {
+        if (!["prepend", "prependQueue"].includes(x.getAttribute(Re)))
+          return !1;
+        const m = Number(x.getAttribute(ze) || 0);
+        return a >= m;
+      });
+      if (d.length > 0)
+        return l.insertBefore(s, d.at(-1).nextSibling), s;
+    }
+    h.before(s);
+  } else
+    l.append(s);
+  return s;
+}
+function ki(t, e = {}) {
+  const r = de(e);
+  return Ni(r).find((n) => n.getAttribute(Ci(e)) === t);
+}
+function Ga(t, e = {}) {
+  const r = ki(t, e);
+  r && r.remove();
+}
+function Ua(t, e) {
+  const r = ne.get(t);
+  if (!r || !ja(document, r)) {
+    const n = Ti("", e), { parentNode: a } = n;
+    ne.set(t, a), n.remove();
+  }
+}
+function Ka(t, e, r = {}) {
+  var o, s, l;
+  const n = de(r);
+  Ua(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 = Gi(n, n, "name");
+    return [...n.map((m) => {
+      const f = n.find((p) => p.name === m.name);
+      return f ? m.configure(f.options) : m;
+    }), ...d].map((m, f) => m.configure({ sort: f }));
+  }, [n]), o = wt((d) => {
+    var m;
+    const x = l(d, t.output);
+    (m = t == null ? void 0 : t.onChangeContent) == null || m.call(t, x);
+  }, Di), s = zi({
+    extensions: c,
+    content: r,
+    onUpdate: ({ editor: d }) => {
+      o && o(d);
+    },
+    ...a
+  });
+  Ai(e, () => ({
+    editor: s
+  })), I(() => {
+    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");
+  }), [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() : "";
+  }
+  I(() => () => {
+    var d;
+    (d = s == null ? void 0 : s.destroy) == null || d.call(s);
+  }, []);
+  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(_, {});
+}
+const yo = Si(Xa);
+export {
+  ot as $,
+  v as A,
+  U as B,
+  ua as C,
+  Nn as D,
+  Tt as E,
+  gi as F,
+  bo as G,
+  hc as H,
+  G as I,
+  et as J,
+  J as K,
+  dc as L,
+  $t as M,
+  xo as N,
+  $n as O,
+  mt as P,
+  yn as Q,
+  yo as R,
+  ri as S,
+  hi as T,
+  ht as U,
+  vo as V,
+  Qn as W,
+  Jn as X,
+  po as Y,
+  go as Z,
+  wo as _,
+  di as a,
+  lt as a0,
+  st as a1,
+  wi as a2,
+  Me as a3,
+  re as a4,
+  oe as b,
+  Tn as c,
+  ei as d,
+  tt as e,
+  L as f,
+  fn as g,
+  Ct as h,
+  ui as i,
+  kn as j,
+  ii as k,
+  mo as l,
+  Mn as m,
+  mn as n,
+  ft as o,
+  ct as p,
+  li as q,
+  xi as r,
+  Kn as s,
+  fo as t,
+  gn as u,
+  te as v,
+  jt as w,
+  Ft as x,
+  Nt as y,
+  kt as z
+};