@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/composed/rich-text-editor.js

@@ -1,431 +1,568 @@
 "use client";
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
-import { u as j, i as q, P as Q, a as D, L as U, b as M, c as O, d as K, E as $, e as V } from "../_chunks/tiptap.js";
-import { F as W, E as X, a as Y, c as Z, l as G, b as F } from "../_chunks/mention-suggestion.js";
-import { useColorMode as ee } from "../hooks/use-color-mode.js";
-import { cn as L } from "../ui/lib/utils.js";
-import { IconBold as te, IconItalic as ie, IconUnderline as se, IconStrikethrough as ne, IconHighlight as re, IconH2 as oe, IconH3 as le, IconBlockquote as ce, IconList as ae, IconListNumbers as de, IconListCheck as ue, IconCode as fe, IconPhoto as he, IconPaperclip as ge, IconLineDashed as me, IconAlignLeft as be, IconAlignCenter as pe, IconAlignRight as ke, IconMoodSmile as ve, IconArrowBackUp as xe, IconArrowForwardUp as Ae, IconLink as _e } from "@tabler/icons-react";
-import { Icon as l } from "../ui/icon.js";
-const J = [
-  "prose prose-sm max-w-none",
-  "font-body text-ds-md leading-relaxed text-surface-fg",
-  "[&_h2]:text-ds-xl [&_h2]:mb-ds-03 [&_h2]:mt-ds-05 [&_h2]:text-surface-fg",
-  "[&_h3]:text-ds-base [&_h3]:font-semibold [&_h3]:mb-ds-02b [&_h3]:mt-ds-04 [&_h3]:text-surface-fg",
-  "[&_p]:mb-ds-02b [&_p]:text-surface-fg-muted",
-  "[&_ul]:ml-ds-05 [&_ul]:list-disc [&_ol]:ml-ds-05 [&_ol]:list-decimal",
-  "[&_li]:text-surface-fg-muted",
-  "[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02b [&_code]:py-ds-01 [&_code]:text-ds-md [&_code]:text-accent-11",
-  "[&_pre]:rounded-ds-lg [&_pre]:bg-surface-raised [&_pre]:p-ds-04",
-  "[&_strong]:font-semibold [&_strong]:text-surface-fg",
-  "[&_blockquote]:border-l-[3px] [&_blockquote]:border-accent-6 [&_blockquote]:pl-ds-04 [&_blockquote]:italic [&_blockquote]:text-surface-fg-subtle",
-  "[&_mark]:rounded-sm [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
-  '[&_ul[data-type="taskList"]]:ml-0 [&_ul[data-type="taskList"]]:list-none [&_li[data-type="taskItem"]]:flex [&_li[data-type="taskItem"]]:items-start [&_li[data-type="taskItem"]]:gap-ds-02',
-  "[&_hr]:my-ds-04 [&_hr]:border-surface-border-strong",
-  "[&_a]:text-accent-11 [&_a]:underline [&_a]:decoration-accent-6 hover:[&_a]:decoration-accent-11",
-  "[&_img]:max-w-full [&_img]:rounded-ds-md [&_img]:my-ds-03",
-  "[&_.mention]:rounded-ds-sm [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
+import { cn as e } from "../ui/lib/utils.js";
+import { Icon as t } from "../ui/icon.js";
+import { a as n, d as r, h as i, i as a, l as o, m as s, n as c, o as l, s as u, u as d } from "../_chunks/tiptap.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "../_chunks/mention-suggestion.js";
+import { useColorMode as v } from "../hooks/use-color-mode.js";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { IconAlignCenter as S, IconAlignLeft as C, IconAlignRight as w, IconArrowBackUp as T, IconArrowForwardUp as E, IconBlockquote as D, IconBold as O, IconCode as k, IconH2 as A, IconH3 as j, IconHighlight as M, IconItalic as N, IconLineDashed as P, IconLink as F, IconList as I, IconListCheck as L, IconListNumbers as R, IconMoodSmile as z, IconPaperclip as B, IconPhoto as V, IconStrikethrough as H, IconUnderline as U } from "@tabler/icons-react";
+//#region src/composed/rich-text-editor.tsx
+var W = [
+	"prose prose-sm max-w-none",
+	"font-body text-ds-md leading-relaxed text-surface-fg",
+	"[&_h2]:text-ds-xl [&_h2]:mb-ds-03 [&_h2]:mt-ds-05 [&_h2]:text-surface-fg",
+	"[&_h3]:text-ds-base [&_h3]:font-semibold [&_h3]:mb-ds-02b [&_h3]:mt-ds-04 [&_h3]:text-surface-fg",
+	"[&_p]:mb-ds-02b [&_p]:text-surface-fg-muted",
+	"[&_ul]:ml-ds-05 [&_ul]:list-disc [&_ol]:ml-ds-05 [&_ol]:list-decimal",
+	"[&_li]:text-surface-fg-muted",
+	"[&_code]:rounded [&_code]:bg-surface-raised [&_code]:px-ds-02b [&_code]:py-ds-01 [&_code]:text-ds-md [&_code]:text-accent-11",
+	"[&_pre]:rounded-ds-lg [&_pre]:bg-surface-raised [&_pre]:p-ds-04",
+	"[&_strong]:font-semibold [&_strong]:text-surface-fg",
+	"[&_blockquote]:border-l-[3px] [&_blockquote]:border-accent-6 [&_blockquote]:pl-ds-04 [&_blockquote]:italic [&_blockquote]:text-surface-fg-subtle",
+	"[[&_mark]:rounded-sm_mark]:rounded-xs [&_mark]:bg-warning-3 [&_mark]:px-[2px]",
+	"[&_ul[data-type=\"taskList\"]]:ml-0 [&_ul[data-type=\"taskList\"]]:list-none [&_li[data-type=\"taskItem\"]]:flex [&_li[data-type=\"taskItem\"]]:items-start [&_li[data-type=\"taskItem\"]]:gap-ds-02",
+	"[&_hr]:my-ds-04 [&_hr]:border-surface-border-strong",
+	"[&_a]:text-accent-11 [&_a]:underline [&_a]:decoration-accent-6 hover:[&_a]:decoration-accent-11",
+	"[&_img]:max-w-full [&_img]:rounded-ds-md [&_img]:my-ds-03",
+	"[&_.mention]:rounded-ds-sm [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
 ];
-function c({
-  onClick: i,
-  isActive: u = !1,
-  disabled: f = !1,
-  title: h,
-  children: g
-}) {
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      onClick: i,
-      disabled: f,
-      title: h,
-      "aria-label": h,
-      "aria-pressed": u,
-      className: L(
-        "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors duration-fast-01 ease-productive-standard",
-        "hover:bg-surface-raised-hover",
-        "disabled:pointer-events-none disabled:opacity-action-disabled",
-        u ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"
-      ),
-      children: g
-    }
-  );
+function G({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
+	return /* @__PURE__ */ b("button", {
+		type: "button",
+		onClick: t,
+		disabled: r,
+		title: i,
+		"aria-label": i,
+		"aria-pressed": n,
+		className: e("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", "disabled:pointer-events-none disabled:opacity-action-disabled", n ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+		children: a
+	});
 }
-function Le({ editor: i }) {
-  const [u, f] = d.useState(!1), [h, g] = d.useState(""), n = d.useRef(null), { isLink: t } = V({
-    editor: i,
-    selector: ({ editor: m }) => ({ isLink: m.isActive("link") })
-  });
-  return /* @__PURE__ */ y("div", { className: "relative", children: [
-    /* @__PURE__ */ e(c, { onClick: () => {
-      if (t) {
-        i.chain().focus().unsetLink().run();
-        return;
-      }
-      const m = i.getAttributes("link").href || "";
-      g(m), f(!0), setTimeout(() => n.current?.focus(), 0);
-    }, isActive: t, title: "Link", children: /* @__PURE__ */ e(l, { icon: _e, size: "sm" }) }),
-    u && /* @__PURE__ */ y(
-      "form",
-      {
-        onSubmit: (m) => {
-          m.preventDefault(), h.trim() && i.chain().focus().setLink({ href: h.trim() }).run(), f(!1), g("");
-        },
-        "aria-label": "Edit link URL",
-        className: "absolute left-0 top-full z-popover mt-ds-01 flex items-center gap-ds-02 rounded-ds-md border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised-hover",
-        children: [
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: n,
-              type: "url",
-              value: h,
-              onChange: (m) => g(m.target.value),
-              onKeyDown: (m) => {
-                m.key === "Escape" && (f(!1), g(""), i.commands.focus());
-              },
-              placeholder: "https://...",
-              className: "h-ds-sm w-[240px] rounded-ds-sm border border-surface-border-strong bg-surface-overlay px-ds-03 text-ds-sm text-surface-fg focus:border-accent-7 focus:outline-none"
-            }
-          ),
-          /* @__PURE__ */ e("button", { type: "submit", className: "h-ds-sm rounded-ds-sm bg-accent-9 px-ds-03 text-ds-sm text-accent-fg hover:bg-accent-10", children: "Apply" })
-        ]
-      }
-    )
-  ] });
+function K({ editor: e }) {
+	let [n, r] = y.useState(!1), [a, o] = y.useState(""), s = y.useRef(null), { isLink: c } = i({
+		editor: e,
+		selector: ({ editor: e }) => ({ isLink: e.isActive("link") })
+	});
+	return /* @__PURE__ */ x("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ b(G, {
+			onClick: () => {
+				if (c) {
+					e.chain().focus().unsetLink().run();
+					return;
+				}
+				o(e.getAttributes("link").href || ""), r(!0), setTimeout(() => s.current?.focus(), 0);
+			},
+			isActive: c,
+			title: "Link",
+			children: /* @__PURE__ */ b(t, {
+				icon: F,
+				size: "sm"
+			})
+		}), n && /* @__PURE__ */ x("form", {
+			onSubmit: (t) => {
+				t.preventDefault(), a.trim() && e.chain().focus().setLink({ href: a.trim() }).run(), r(!1), o("");
+			},
+			"aria-label": "Edit link URL",
+			className: "absolute left-0 top-full z-popover mt-ds-01 flex items-center gap-ds-02 rounded-ds-md border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised-hover",
+			children: [/* @__PURE__ */ b("input", {
+				ref: s,
+				type: "url",
+				value: a,
+				onChange: (e) => o(e.target.value),
+				onKeyDown: (t) => {
+					t.key === "Escape" && (r(!1), o(""), e.commands.focus());
+				},
+				placeholder: "https://...",
+				className: "h-ds-sm w-[240px] rounded-ds-sm border border-surface-border-strong bg-surface-overlay px-ds-03 text-ds-sm text-surface-fg focus:border-accent-7 focus:outline-hidden"
+			}), /* @__PURE__ */ b("button", {
+				type: "submit",
+				className: "h-ds-sm rounded-ds-sm bg-accent-9 px-ds-03 text-ds-sm text-accent-fg hover:bg-accent-10",
+				children: "Apply"
+			})]
+		})]
+	});
 }
-function _() {
-  return /* @__PURE__ */ e("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
+function q() {
+	return /* @__PURE__ */ b("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
 }
-function ye({ editor: i, toolbar: u, onImageClick: f, onFileClick: h, onEmojiClick: g }) {
-  const n = V({
-    editor: i,
-    selector: ({ editor: o }) => ({
-      isBold: o.isActive("bold"),
-      isItalic: o.isActive("italic"),
-      isUnderline: o.isActive("underline"),
-      isStrike: o.isActive("strike"),
-      isHighlight: o.isActive("highlight"),
-      isH2: o.isActive("heading", { level: 2 }),
-      isH3: o.isActive("heading", { level: 3 }),
-      isBlockquote: o.isActive("blockquote"),
-      isBulletList: o.isActive("bulletList"),
-      isOrderedList: o.isActive("orderedList"),
-      isTaskList: o.isActive("taskList"),
-      isCodeBlock: o.isActive("codeBlock"),
-      isLink: o.isActive("link"),
-      isAlignLeft: o.isActive({ textAlign: "left" }),
-      isAlignCenter: o.isActive({ textAlign: "center" }),
-      isAlignRight: o.isActive({ textAlign: "right" }),
-      canUndo: o.can().undo(),
-      canRedo: o.can().redo()
-    })
-  }), t = (o) => !u || u.includes(o), A = t("bold") || t("italic") || t("underline") || t("strike") || t("highlight"), p = t("h2") || t("h3") || t("blockquote"), k = t("bulletList") || t("orderedList") || t("taskList") || t("codeBlock"), m = t("link") || !!f && t("image") || !!h && t("file") || t("hr"), C = t("alignLeft") || t("alignCenter") || t("alignRight"), v = !!g && t("emoji"), R = t("undo") || t("redo");
-  return /* @__PURE__ */ y("div", { role: "toolbar", "aria-label": "Text formatting", className: "flex flex-wrap items-center gap-ds-01 border-b border-surface-border-strong px-ds-04 py-ds-02b", children: [
-    t("bold") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleBold().run(), isActive: n.isBold, title: "Bold", children: /* @__PURE__ */ e(l, { icon: te, size: "sm", stroke: "bold" }) }),
-    t("italic") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleItalic().run(), isActive: n.isItalic, title: "Italic", children: /* @__PURE__ */ e(l, { icon: ie, size: "sm", stroke: "bold" }) }),
-    t("underline") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleUnderline().run(), isActive: n.isUnderline, title: "Underline", children: /* @__PURE__ */ e(l, { icon: se, size: "sm", stroke: "bold" }) }),
-    t("strike") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleStrike().run(), isActive: n.isStrike, title: "Strikethrough", children: /* @__PURE__ */ e(l, { icon: ne, size: "sm", stroke: "bold" }) }),
-    t("highlight") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleHighlight().run(), isActive: n.isHighlight, title: "Highlight", children: /* @__PURE__ */ e(l, { icon: re, size: "sm", stroke: "bold" }) }),
-    A && p && /* @__PURE__ */ e(_, {}),
-    t("h2") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run(), isActive: n.isH2, title: "Heading 2", children: /* @__PURE__ */ e(l, { icon: oe, size: "sm", stroke: "bold" }) }),
-    t("h3") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run(), isActive: n.isH3, title: "Heading 3", children: /* @__PURE__ */ e(l, { icon: le, size: "sm", stroke: "bold" }) }),
-    t("blockquote") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleBlockquote().run(), isActive: n.isBlockquote, title: "Blockquote", children: /* @__PURE__ */ e(l, { icon: ce, size: "sm", stroke: "bold" }) }),
-    p && k && /* @__PURE__ */ e(_, {}),
-    t("bulletList") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleBulletList().run(), isActive: n.isBulletList, title: "Bullet list", children: /* @__PURE__ */ e(l, { icon: ae, size: "sm", stroke: "bold" }) }),
-    t("orderedList") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleOrderedList().run(), isActive: n.isOrderedList, title: "Ordered list", children: /* @__PURE__ */ e(l, { icon: de, size: "sm", stroke: "bold" }) }),
-    t("taskList") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleTaskList().run(), isActive: n.isTaskList, title: "Task list", children: /* @__PURE__ */ e(l, { icon: ue, size: "sm", stroke: "bold" }) }),
-    t("codeBlock") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().toggleCodeBlock().run(), isActive: n.isCodeBlock, title: "Code block", children: /* @__PURE__ */ e(l, { icon: fe, size: "sm", stroke: "bold" }) }),
-    k && m && /* @__PURE__ */ e(_, {}),
-    t("link") && /* @__PURE__ */ e(Le, { editor: i }),
-    f && t("image") && /* @__PURE__ */ e(c, { onClick: f, title: "Insert image", children: /* @__PURE__ */ e(l, { icon: he, size: "sm" }) }),
-    h && t("file") && /* @__PURE__ */ e(c, { onClick: h, title: "Attach file", children: /* @__PURE__ */ e(l, { icon: ge, size: "sm" }) }),
-    t("hr") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().setHorizontalRule().run(), title: "Horizontal rule", children: /* @__PURE__ */ e(l, { icon: me, size: "sm" }) }),
-    m && C && /* @__PURE__ */ e(_, {}),
-    t("alignLeft") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().setTextAlign("left").run(), isActive: n.isAlignLeft, title: "Align left", children: /* @__PURE__ */ e(l, { icon: be, size: "sm" }) }),
-    t("alignCenter") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().setTextAlign("center").run(), isActive: n.isAlignCenter, title: "Align center", children: /* @__PURE__ */ e(l, { icon: pe, size: "sm" }) }),
-    t("alignRight") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().setTextAlign("right").run(), isActive: n.isAlignRight, title: "Align right", children: /* @__PURE__ */ e(l, { icon: ke, size: "sm" }) }),
-    C && (v || R) && /* @__PURE__ */ e(_, {}),
-    g && t("emoji") && /* @__PURE__ */ e(c, { onClick: g, title: "Emoji", children: /* @__PURE__ */ e(l, { icon: ve, size: "sm" }) }),
-    t("undo") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().undo().run(), disabled: !n.canUndo, title: "Undo", children: /* @__PURE__ */ e(l, { icon: xe, size: "sm" }) }),
-    t("redo") && /* @__PURE__ */ e(c, { onClick: () => i.chain().focus().redo().run(), disabled: !n.canRedo, title: "Redo", children: /* @__PURE__ */ e(l, { icon: Ae, size: "sm" }) })
-  ] });
+function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClick: o }) {
+	let s = i({
+		editor: e,
+		selector: ({ editor: e }) => ({
+			isBold: e.isActive("bold"),
+			isItalic: e.isActive("italic"),
+			isUnderline: e.isActive("underline"),
+			isStrike: e.isActive("strike"),
+			isHighlight: e.isActive("highlight"),
+			isH2: e.isActive("heading", { level: 2 }),
+			isH3: e.isActive("heading", { level: 3 }),
+			isBlockquote: e.isActive("blockquote"),
+			isBulletList: e.isActive("bulletList"),
+			isOrderedList: e.isActive("orderedList"),
+			isTaskList: e.isActive("taskList"),
+			isCodeBlock: e.isActive("codeBlock"),
+			isLink: e.isActive("link"),
+			isAlignLeft: e.isActive({ textAlign: "left" }),
+			isAlignCenter: e.isActive({ textAlign: "center" }),
+			isAlignRight: e.isActive({ textAlign: "right" }),
+			canUndo: e.can().undo(),
+			canRedo: e.can().redo()
+		})
+	}), c = (e) => !n || n.includes(e), l = c("bold") || c("italic") || c("underline") || c("strike") || c("highlight"), u = c("h2") || c("h3") || c("blockquote"), d = c("bulletList") || c("orderedList") || c("taskList") || c("codeBlock"), f = c("link") || !!r && c("image") || !!a && c("file") || c("hr"), p = c("alignLeft") || c("alignCenter") || c("alignRight"), m = !!o && c("emoji"), h = c("undo") || c("redo");
+	return /* @__PURE__ */ x("div", {
+		role: "toolbar",
+		"aria-label": "Text formatting",
+		className: "flex flex-wrap items-center gap-ds-01 border-b border-surface-border-strong px-ds-04 py-ds-02b",
+		children: [
+			c("bold") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleBold().run(),
+				isActive: s.isBold,
+				title: "Bold",
+				children: /* @__PURE__ */ b(t, {
+					icon: O,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("italic") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleItalic().run(),
+				isActive: s.isItalic,
+				title: "Italic",
+				children: /* @__PURE__ */ b(t, {
+					icon: N,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("underline") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleUnderline().run(),
+				isActive: s.isUnderline,
+				title: "Underline",
+				children: /* @__PURE__ */ b(t, {
+					icon: U,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("strike") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleStrike().run(),
+				isActive: s.isStrike,
+				title: "Strikethrough",
+				children: /* @__PURE__ */ b(t, {
+					icon: H,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("highlight") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleHighlight().run(),
+				isActive: s.isHighlight,
+				title: "Highlight",
+				children: /* @__PURE__ */ b(t, {
+					icon: M,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			l && u && /* @__PURE__ */ b(q, {}),
+			c("h2") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
+				isActive: s.isH2,
+				title: "Heading 2",
+				children: /* @__PURE__ */ b(t, {
+					icon: A,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("h3") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
+				isActive: s.isH3,
+				title: "Heading 3",
+				children: /* @__PURE__ */ b(t, {
+					icon: j,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("blockquote") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleBlockquote().run(),
+				isActive: s.isBlockquote,
+				title: "Blockquote",
+				children: /* @__PURE__ */ b(t, {
+					icon: D,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			u && d && /* @__PURE__ */ b(q, {}),
+			c("bulletList") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleBulletList().run(),
+				isActive: s.isBulletList,
+				title: "Bullet list",
+				children: /* @__PURE__ */ b(t, {
+					icon: I,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("orderedList") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleOrderedList().run(),
+				isActive: s.isOrderedList,
+				title: "Ordered list",
+				children: /* @__PURE__ */ b(t, {
+					icon: R,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("taskList") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleTaskList().run(),
+				isActive: s.isTaskList,
+				title: "Task list",
+				children: /* @__PURE__ */ b(t, {
+					icon: L,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			c("codeBlock") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().toggleCodeBlock().run(),
+				isActive: s.isCodeBlock,
+				title: "Code block",
+				children: /* @__PURE__ */ b(t, {
+					icon: k,
+					size: "sm",
+					stroke: "bold"
+				})
+			}),
+			d && f && /* @__PURE__ */ b(q, {}),
+			c("link") && /* @__PURE__ */ b(K, { editor: e }),
+			r && c("image") && /* @__PURE__ */ b(G, {
+				onClick: r,
+				title: "Insert image",
+				children: /* @__PURE__ */ b(t, {
+					icon: V,
+					size: "sm"
+				})
+			}),
+			a && c("file") && /* @__PURE__ */ b(G, {
+				onClick: a,
+				title: "Attach file",
+				children: /* @__PURE__ */ b(t, {
+					icon: B,
+					size: "sm"
+				})
+			}),
+			c("hr") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().setHorizontalRule().run(),
+				title: "Horizontal rule",
+				children: /* @__PURE__ */ b(t, {
+					icon: P,
+					size: "sm"
+				})
+			}),
+			f && p && /* @__PURE__ */ b(q, {}),
+			c("alignLeft") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().setTextAlign("left").run(),
+				isActive: s.isAlignLeft,
+				title: "Align left",
+				children: /* @__PURE__ */ b(t, {
+					icon: C,
+					size: "sm"
+				})
+			}),
+			c("alignCenter") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().setTextAlign("center").run(),
+				isActive: s.isAlignCenter,
+				title: "Align center",
+				children: /* @__PURE__ */ b(t, {
+					icon: S,
+					size: "sm"
+				})
+			}),
+			c("alignRight") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().setTextAlign("right").run(),
+				isActive: s.isAlignRight,
+				title: "Align right",
+				children: /* @__PURE__ */ b(t, {
+					icon: w,
+					size: "sm"
+				})
+			}),
+			p && (m || h) && /* @__PURE__ */ b(q, {}),
+			o && c("emoji") && /* @__PURE__ */ b(G, {
+				onClick: o,
+				title: "Emoji",
+				children: /* @__PURE__ */ b(t, {
+					icon: z,
+					size: "sm"
+				})
+			}),
+			c("undo") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().undo().run(),
+				disabled: !s.canUndo,
+				title: "Undo",
+				children: /* @__PURE__ */ b(t, {
+					icon: T,
+					size: "sm"
+				})
+			}),
+			c("redo") && /* @__PURE__ */ b(G, {
+				onClick: () => e.chain().focus().redo().run(),
+				disabled: !s.canRedo,
+				title: "Redo",
+				children: /* @__PURE__ */ b(t, {
+					icon: E,
+					size: "sm"
+				})
+			})
+		]
+	});
 }
-const Ce = d.lazy(() => import("@emoji-mart/react"));
-function we({ set: i = "native", onSelect: u }) {
-  const [f, h] = d.useState(null), { colorMode: g } = ee();
-  d.useEffect(() => {
-    G(i).then((t) => h(t));
-  }, [i]);
-  const n = /* @__PURE__ */ e("div", { className: "flex h-[350px] w-[352px] items-center justify-center rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-raised-hover", children: /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: "Loading..." }) });
-  return f ? /* @__PURE__ */ e(d.Suspense, { fallback: n, children: /* @__PURE__ */ e(
-    Ce,
-    {
-      data: f,
-      set: i,
-      onEmojiSelect: (t) => u({ id: t.id, native: t.native }),
-      theme: g === "dark" ? "dark" : "light",
-      previewPosition: "none",
-      skinTonePosition: "none"
-    }
-  ) }) : n;
+var Y = y.lazy(() => import("@emoji-mart/react"));
+function X({ set: e = "native", onSelect: t }) {
+	let [n, r] = y.useState(null), { colorMode: i } = v();
+	y.useEffect(() => {
+		p(e).then((e) => r(e));
+	}, [e]);
+	let a = /* @__PURE__ */ b("div", {
+		className: "flex h-[350px] w-[352px] items-center justify-center rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-raised-hover",
+		children: /* @__PURE__ */ b("span", {
+			className: "text-ds-sm text-surface-fg-subtle",
+			children: "Loading..."
+		})
+	});
+	return n ? /* @__PURE__ */ b(y.Suspense, {
+		fallback: a,
+		children: /* @__PURE__ */ b(Y, {
+			data: n,
+			set: e,
+			onEmojiSelect: (e) => t({
+				id: e.id,
+				native: e.native
+			}),
+			theme: i === "dark" ? "dark" : "light",
+			previewPosition: "none",
+			skinTonePosition: "none"
+		})
+	}) : a;
 }
-const Ie = d.forwardRef(
-  function({
-    content: u = "",
-    placeholder: f = "Start writing...",
-    onChange: h,
-    className: g,
-    editable: n = !0,
-    toolbar: t,
-    onImageUpload: A,
-    onFileUpload: p,
-    mentions: k,
-    onMentionSearch: m,
-    onMentionSelect: C,
-    emojiSet: v = "native",
-    ...R
-  }, o) {
-    const z = d.useRef(null), T = d.useRef(!1), [E, w] = d.useState(!1), B = d.useRef(null), N = d.useRef(null), P = d.useRef(null), H = async (s) => {
-      const r = z.current;
-      if (r)
-        if (A) {
-          const a = await A(s);
-          a && /^https?:\/\//i.test(a) && r.chain().focus().setImage({ src: a }).run();
-        } else {
-          const a = new FileReader();
-          a.onload = () => {
-            r.chain().focus().setImage({ src: a.result }).run();
-          }, a.readAsDataURL(s);
-        }
-    }, S = async (s) => {
-      const r = z.current;
-      if (!r || !p) return;
-      const a = await p(s);
-      r.chain().focus().insertContent({
-        type: "fileAttachment",
-        attrs: { url: a.url, name: a.name, size: a.size }
-      }).run();
-    }, b = j({
-      immediatelyRender: !1,
-      // SSR-safe — prevents hydration mismatch in Next.js
-      extensions: [
-        q.configure({
-          heading: { levels: [2, 3] },
-          // v3: Underline + Link are now included in StarterKit
-          link: {
-            openOnClick: !1,
-            protocols: ["http", "https", "mailto"],
-            validate: (s) => /^(https?:\/\/|mailto:)/i.test(s),
-            HTMLAttributes: {
-              rel: "noopener noreferrer",
-              target: "_blank"
-            }
-          }
-        }),
-        Q.configure({
-          placeholder: f,
-          emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-surface-fg-subtle before:float-left before:h-0 before:pointer-events-none"
-        }),
-        D.configure({ multicolor: !1 }),
-        U.configure({
-          bulletList: !1,
-          // Already in StarterKit
-          orderedList: !1,
-          // Already in StarterKit
-          listItem: !1,
-          // Already in StarterKit
-          listKeymap: !1,
-          // Already in StarterKit
-          taskList: {},
-          taskItem: { nested: !0 }
-        }),
-        M.configure({ types: ["heading", "paragraph"] }),
-        O.configure({
-          allowBase64: !0,
-          HTMLAttributes: {
-            class: "max-w-full rounded-ds-md"
-          }
-        }),
-        W,
-        ...k || m ? [
-          K.configure({
-            HTMLAttributes: { class: "mention" },
-            suggestion: {
-              items: async ({ query: s }) => m ? await m(s) : k ? k.filter((r) => r.label.toLowerCase().includes(s.toLowerCase())).slice(0, 8) : [],
-              render: Y(C)
-            }
-          })
-        ] : [],
-        X,
-        Z(v)
-      ],
-      content: u,
-      editable: n,
-      editorProps: {
-        handleDrop: (s, r, a, x) => {
-          if (x || !r.dataTransfer?.files.length) return !1;
-          const I = r.dataTransfer.files[0];
-          return I ? I.type.startsWith("image/") ? (H(I), !0) : p ? (S(I), !0) : !1 : !1;
-        },
-        handlePaste: (s, r) => {
-          const a = r.clipboardData?.files[0];
-          return a ? a.type.startsWith("image/") ? (H(a), !0) : p ? (S(a), !0) : !1 : !1;
-        },
-        attributes: {
-          class: L(
-            ...J,
-            "focus:outline-none",
-            "min-h-[120px] px-ds-04 py-ds-04"
-          )
-        }
-      },
-      onUpdate: ({ editor: s }) => {
-        T.current = !0, h?.(s.getHTML()), queueMicrotask(() => {
-          T.current = !1;
-        });
-      }
-    });
-    return d.useEffect(() => {
-      z.current = b;
-    }, [b]), d.useEffect(() => {
-      if (!E) return;
-      const s = (r) => {
-        B.current && !B.current.contains(r.target) && w(!1);
-      };
-      return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-    }, [E]), d.useEffect(() => {
-      T.current || b && u !== b.getHTML() && b.commands.setContent(u, { emitUpdate: !1 });
-    }, [b, u]), b ? /* @__PURE__ */ y("div", { ref: o, ...R, className: L("relative", g), children: [
-      E && /* @__PURE__ */ e(
-        "div",
-        {
-          ref: B,
-          className: "absolute bottom-full right-0 z-popover mb-ds-02",
-          onKeyDown: (s) => {
-            s.key === "Escape" && (s.stopPropagation(), w(!1));
-          },
-          children: /* @__PURE__ */ e(
-            we,
-            {
-              set: v,
-              onSelect: async ({ id: s, native: r }) => {
-                const a = await G(v), x = F(a, s);
-                x ? b.chain().focus().insertContent({
-                  type: "emojiNode",
-                  attrs: { id: s, native: x.native, set: v, x: x.x, y: x.y }
-                }).run() : b.chain().focus().insertContent(r).run(), w(!1);
-              }
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ y(
-        "div",
-        {
-          className: L(
-            "overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-raised",
-            "transition-colors ease-productive-standard focus-within:border-surface-border-strong"
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              "input",
-              {
-                ref: N,
-                type: "file",
-                accept: "image/*",
-                "aria-label": "Upload image",
-                className: "hidden",
-                onChange: (s) => {
-                  const r = s.target.files?.[0];
-                  r && H(r), s.target.value = "";
-                }
-              }
-            ),
-            p && /* @__PURE__ */ e(
-              "input",
-              {
-                ref: P,
-                type: "file",
-                "aria-label": "Upload file",
-                className: "hidden",
-                onChange: (s) => {
-                  const r = s.target.files?.[0];
-                  r && S(r), s.target.value = "";
-                }
-              }
-            ),
-            n && /* @__PURE__ */ e(
-              ye,
-              {
-                editor: b,
-                toolbar: t,
-                onImageClick: () => N.current?.click(),
-                onFileClick: p ? () => P.current?.click() : void 0,
-                onEmojiClick: () => w((s) => !s)
-              }
-            ),
-            /* @__PURE__ */ e($, { editor: b })
-          ]
-        }
-      )
-    ] }) : null;
-  }
-);
-Ie.displayName = "RichTextEditor";
-const Re = d.forwardRef(
-  function({ content: u, className: f, ...h }, g) {
-    const n = j({
-      immediatelyRender: !1,
-      // SSR-safe — prevents hydration mismatch in Next.js
-      extensions: [
-        q.configure({
-          heading: { levels: [2, 3] },
-          link: {
-            openOnClick: !0,
-            protocols: ["http", "https", "mailto"],
-            validate: (t) => /^(https?:\/\/|mailto:)/i.test(t),
-            HTMLAttributes: {
-              rel: "noopener noreferrer",
-              target: "_blank"
-            }
-          }
-        }),
-        D.configure({ multicolor: !1 }),
-        U.configure({
-          bulletList: !1,
-          orderedList: !1,
-          listItem: !1,
-          listKeymap: !1,
-          taskList: {},
-          taskItem: { nested: !0 }
-        }),
-        M.configure({ types: ["heading", "paragraph"] }),
-        O.configure({
-          allowBase64: !0,
-          HTMLAttributes: {
-            class: "max-w-full rounded-ds-md"
-          }
-        }),
-        W,
-        K.configure({
-          HTMLAttributes: { class: "mention" }
-        })
-      ],
-      content: u,
-      editable: !1,
-      editorProps: {
-        attributes: {
-          class: L(...J)
-        }
-      }
-    });
-    return n ? /* @__PURE__ */ e("div", { ref: g, ...h, className: f, children: /* @__PURE__ */ e($, { editor: n }) }) : null;
-  }
-);
-Re.displayName = "RichTextViewer";
-export {
-  Ie as RichTextEditor,
-  Re as RichTextViewer
-};
+var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing...", onChange: v, className: S, editable: C = !0, toolbar: w, onImageUpload: T, onFileUpload: E, mentions: D, onMentionSearch: O, onMentionSelect: k, emojiSet: A = "native", ...j }, M) {
+	let N = y.useRef(null), P = y.useRef(!1), [F, I] = y.useState(!1), L = y.useRef(null), R = y.useRef(null), z = y.useRef(null), B = async (e) => {
+		let t = N.current;
+		if (t) if (T) {
+			let n = await T(e);
+			n && /^https?:\/\//i.test(n) && t.chain().focus().setImage({ src: n }).run();
+		} else {
+			let n = new FileReader();
+			n.onload = () => {
+				t.chain().focus().setImage({ src: n.result }).run();
+			}, n.readAsDataURL(e);
+		}
+	}, V = async (e) => {
+		let t = N.current;
+		if (!t || !E) return;
+		let n = await E(e);
+		t.chain().focus().insertContent({
+			type: "fileAttachment",
+			attrs: {
+				url: n.url,
+				name: n.name,
+				size: n.size
+			}
+		}).run();
+	}, H = s({
+		immediatelyRender: !1,
+		extensions: [
+			u.configure({
+				heading: { levels: [2, 3] },
+				link: {
+					openOnClick: !1,
+					protocols: [
+						"http",
+						"https",
+						"mailto"
+					],
+					validate: (e) => /^(https?:\/\/|mailto:)/i.test(e),
+					HTMLAttributes: {
+						rel: "noopener noreferrer",
+						target: "_blank"
+					}
+				}
+			}),
+			o.configure({
+				placeholder: i,
+				emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-surface-fg-subtle before:float-left before:h-0 before:pointer-events-none"
+			}),
+			l.configure({ multicolor: !1 }),
+			d.configure({
+				bulletList: !1,
+				orderedList: !1,
+				listItem: !1,
+				listKeymap: !1,
+				taskList: {},
+				taskItem: { nested: !0 }
+			}),
+			n.configure({ types: ["heading", "paragraph"] }),
+			a.configure({
+				allowBase64: !0,
+				HTMLAttributes: { class: "max-w-full rounded-ds-md" }
+			}),
+			h,
+			...D || O ? [c.configure({
+				HTMLAttributes: { class: "mention" },
+				suggestion: {
+					items: async ({ query: e }) => O ? await O(e) : D ? D.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
+					render: _(k)
+				}
+			})] : [],
+			g,
+			m(A)
+		],
+		content: t,
+		editable: C,
+		editorProps: {
+			handleDrop: (e, t, n, r) => {
+				if (r || !t.dataTransfer?.files.length) return !1;
+				let i = t.dataTransfer.files[0];
+				return i ? i.type.startsWith("image/") ? (B(i), !0) : E ? (V(i), !0) : !1 : !1;
+			},
+			handlePaste: (e, t) => {
+				let n = t.clipboardData?.files[0];
+				return n ? n.type.startsWith("image/") ? (B(n), !0) : E ? (V(n), !0) : !1 : !1;
+			},
+			attributes: { class: e(...W, "focus:outline-hidden", "min-h-[120px] px-ds-04 py-ds-04") }
+		},
+		onUpdate: ({ editor: e }) => {
+			P.current = !0, v?.(e.getHTML()), queueMicrotask(() => {
+				P.current = !1;
+			});
+		}
+	});
+	return y.useEffect(() => {
+		N.current = H;
+	}, [H]), y.useEffect(() => {
+		if (!F) return;
+		let e = (e) => {
+			L.current && !L.current.contains(e.target) && I(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [F]), y.useEffect(() => {
+		P.current || H && t !== H.getHTML() && H.commands.setContent(t, { emitUpdate: !1 });
+	}, [H, t]), H ? /* @__PURE__ */ x("div", {
+		ref: M,
+		...j,
+		className: e("relative", S),
+		children: [F && /* @__PURE__ */ b("div", {
+			ref: L,
+			className: "absolute bottom-full right-0 z-popover mb-ds-02",
+			onKeyDown: (e) => {
+				e.key === "Escape" && (e.stopPropagation(), I(!1));
+			},
+			children: /* @__PURE__ */ b(X, {
+				set: A,
+				onSelect: async ({ id: e, native: t }) => {
+					let n = f(await p(A), e);
+					n ? H.chain().focus().insertContent({
+						type: "emojiNode",
+						attrs: {
+							id: e,
+							native: n.native,
+							set: A,
+							x: n.x,
+							y: n.y
+						}
+					}).run() : H.chain().focus().insertContent(t).run(), I(!1);
+				}
+			})
+		}), /* @__PURE__ */ x("div", {
+			className: e("overflow-hidden rounded-ds-lg border border-surface-border-strong bg-surface-raised", "transition-colors ease-productive-standard focus-within:border-surface-border-strong"),
+			children: [
+				/* @__PURE__ */ b("input", {
+					ref: R,
+					type: "file",
+					accept: "image/*",
+					"aria-label": "Upload image",
+					className: "hidden",
+					onChange: (e) => {
+						let t = e.target.files?.[0];
+						t && B(t), e.target.value = "";
+					}
+				}),
+				E && /* @__PURE__ */ b("input", {
+					ref: z,
+					type: "file",
+					"aria-label": "Upload file",
+					className: "hidden",
+					onChange: (e) => {
+						let t = e.target.files?.[0];
+						t && V(t), e.target.value = "";
+					}
+				}),
+				C && /* @__PURE__ */ b(J, {
+					editor: H,
+					toolbar: w,
+					onImageClick: () => R.current?.click(),
+					onFileClick: E ? () => z.current?.click() : void 0,
+					onEmojiClick: () => I((e) => !e)
+				}),
+				/* @__PURE__ */ b(r, { editor: H })
+			]
+		})]
+	}) : null;
+});
+Z.displayName = "RichTextEditor";
+var Q = y.forwardRef(function({ content: t, className: i, ...o }, f) {
+	let p = s({
+		immediatelyRender: !1,
+		extensions: [
+			u.configure({
+				heading: { levels: [2, 3] },
+				link: {
+					openOnClick: !0,
+					protocols: [
+						"http",
+						"https",
+						"mailto"
+					],
+					validate: (e) => /^(https?:\/\/|mailto:)/i.test(e),
+					HTMLAttributes: {
+						rel: "noopener noreferrer",
+						target: "_blank"
+					}
+				}
+			}),
+			l.configure({ multicolor: !1 }),
+			d.configure({
+				bulletList: !1,
+				orderedList: !1,
+				listItem: !1,
+				listKeymap: !1,
+				taskList: {},
+				taskItem: { nested: !0 }
+			}),
+			n.configure({ types: ["heading", "paragraph"] }),
+			a.configure({
+				allowBase64: !0,
+				HTMLAttributes: { class: "max-w-full rounded-ds-md" }
+			}),
+			h,
+			c.configure({ HTMLAttributes: { class: "mention" } })
+		],
+		content: t,
+		editable: !1,
+		editorProps: { attributes: { class: e(...W) } }
+	});
+	return p ? /* @__PURE__ */ b("div", {
+		ref: f,
+		...o,
+		className: i,
+		children: /* @__PURE__ */ b(r, { editor: p })
+	}) : null;
+});
+Q.displayName = "RichTextViewer";
+//#endregion
+export { Z as RichTextEditor, Q as RichTextViewer };