@devalok/shilp-sutra 0.43.0 → 0.44.0

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

@@ -1,17 +1,18 @@
 "use client";
 import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
-import { a as n, c as r, d as i, f as a, h as o, l as s, m as c, n as l, r as u, t as d } from "../_chunks/tiptap.js";
-import { useColorMode as f } from "../hooks/use-color-mode.js";
-import { n as p, r as m } from "../_chunks/emoji-data.js";
-import { EmojiNode as h } from "./extensions/emoji-node.js";
-import { createEmojiSuggestion as g } from "./extensions/emoji-suggestion.js";
-import { n as _, t as v } from "../_chunks/mention-suggestion.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";
+import { Button as n } from "../ui/button.js";
+import { a as r, c as i, d as a, f as o, h as s, l as c, m as l, n as u, r as d, t as f } from "../_chunks/tiptap.js";
+import { useColorMode as p } from "../hooks/use-color-mode.js";
+import { n as m, r as h } from "../_chunks/emoji-data.js";
+import { EmojiNode as g } from "./extensions/emoji-node.js";
+import { createEmojiSuggestion as _ } from "./extensions/emoji-suggestion.js";
+import { n as v, t as y } from "../_chunks/mention-suggestion.js";
+import * as b from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { IconAlignCenter as C, IconAlignLeft as w, IconAlignRight as T, IconArrowBackUp as E, IconArrowForwardUp as D, IconBlockquote as O, IconBold as k, IconCode as A, IconH2 as j, IconH3 as M, IconHighlight as N, IconItalic as P, IconLineDashed as F, IconLink as I, IconList as L, IconListCheck as R, IconListNumbers as z, IconMoodSmile as B, IconPaperclip as V, IconPhoto as H, IconStrikethrough as U, IconUnderline as W } from "@tabler/icons-react";
 //#region src/composed/rich-text-editor.tsx
-var W = [
+var G = [
 	"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",
@@ -30,8 +31,8 @@ var W = [
 	"[&_img]:max-w-full [&_img]:rounded-control [&_img]:my-ds-03",
 	"[&_.mention]:rounded-control-inner [&_.mention]:bg-accent-2 [&_.mention]:px-ds-02 [&_.mention]:py-[1px] [&_.mention]:font-medium [&_.mention]:text-accent-11"
 ];
-function G({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
-	return /* @__PURE__ */ b("button", {
+function K({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
+	return /* @__PURE__ */ x("button", {
 		type: "button",
 		onClick: t,
 		disabled: r,
@@ -42,56 +43,57 @@ function G({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children:
 		children: a
 	});
 }
-function K({ editor: e }) {
-	let [n, r] = y.useState(!1), [i, a] = y.useState(""), o = y.useRef(null), { isLink: c } = s({
+function q({ editor: e }) {
+	let [r, i] = b.useState(!1), [a, o] = b.useState(""), s = b.useRef(null), { isLink: l } = c({
 		editor: e,
 		selector: ({ editor: e }) => ({ isLink: e.isActive("link") })
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ b(G, {
+		children: [/* @__PURE__ */ x(K, {
 			onClick: () => {
-				if (c) {
+				if (l) {
 					e.chain().focus().unsetLink().run();
 					return;
 				}
-				a(e.getAttributes("link").href || ""), r(!0), setTimeout(() => o.current?.focus(), 0);
+				o(e.getAttributes("link").href || ""), i(!0), setTimeout(() => s.current?.focus(), 0);
 			},
-			isActive: c,
+			isActive: l,
 			title: "Link",
-			children: /* @__PURE__ */ b(t, {
-				icon: F,
+			children: /* @__PURE__ */ x(t, {
+				icon: I,
 				size: "sm"
 			})
-		}), n && /* @__PURE__ */ x("form", {
+		}), r && /* @__PURE__ */ S("form", {
 			onSubmit: (t) => {
-				t.preventDefault(), i.trim() && e.chain().focus().setLink({ href: i.trim() }).run(), r(!1), a("");
+				t.preventDefault(), a.trim() && e.chain().focus().setLink({ href: a.trim() }).run(), i(!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-control bg-surface-overlay p-ds-02 shadow-raised-hover",
-			children: [/* @__PURE__ */ b("input", {
-				ref: o,
+			children: [/* @__PURE__ */ x("input", {
+				ref: s,
 				type: "url",
-				value: i,
-				onChange: (e) => a(e.target.value),
+				value: a,
+				onChange: (e) => o(e.target.value),
 				onKeyDown: (t) => {
-					t.key === "Escape" && (r(!1), a(""), e.commands.focus());
+					t.key === "Escape" && (i(!1), o(""), e.commands.focus());
 				},
 				placeholder: "https://...",
 				className: "h-ds-sm w-[240px] rounded-control-inner 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", {
+			}), /* @__PURE__ */ x(n, {
 				type: "submit",
-				className: "h-ds-sm rounded-control-inner bg-accent-9 px-ds-03 text-ds-sm text-accent-fg hover:bg-accent-10",
+				variant: "solid",
+				size: "sm",
 				children: "Apply"
 			})]
 		})]
 	});
 }
-function q() {
-	return /* @__PURE__ */ b("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
+function J() {
+	return /* @__PURE__ */ x("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
 }
-function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a }) {
-	let o = s({
+function Y({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a }) {
+	let o = c({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -113,234 +115,234 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClic
 			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") || !!i && c("file") || c("hr"), p = c("alignLeft") || c("alignCenter") || c("alignRight"), m = !!a && c("emoji"), h = c("undo") || c("redo");
-	return /* @__PURE__ */ x("div", {
+	}), s = (e) => !n || n.includes(e), l = s("bold") || s("italic") || s("underline") || s("strike") || s("highlight"), u = s("h2") || s("h3") || s("blockquote"), d = s("bulletList") || s("orderedList") || s("taskList") || s("codeBlock"), f = s("link") || !!r && s("image") || !!i && s("file") || s("hr"), p = s("alignLeft") || s("alignCenter") || s("alignRight"), m = !!a && s("emoji"), h = s("undo") || s("redo");
+	return /* @__PURE__ */ S("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, {
+			s("bold") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: o.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ b(t, {
-					icon: O,
+				children: /* @__PURE__ */ x(t, {
+					icon: k,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("italic") && /* @__PURE__ */ b(G, {
+			s("italic") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: o.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ b(t, {
-					icon: N,
+				children: /* @__PURE__ */ x(t, {
+					icon: P,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("underline") && /* @__PURE__ */ b(G, {
+			s("underline") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: o.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ b(t, {
-					icon: U,
+				children: /* @__PURE__ */ x(t, {
+					icon: W,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("strike") && /* @__PURE__ */ b(G, {
+			s("strike") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: o.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ b(t, {
-					icon: H,
+				children: /* @__PURE__ */ x(t, {
+					icon: U,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("highlight") && /* @__PURE__ */ b(G, {
+			s("highlight") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: o.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ b(t, {
-					icon: M,
+				children: /* @__PURE__ */ x(t, {
+					icon: N,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l && u && /* @__PURE__ */ b(q, {}),
-			c("h2") && /* @__PURE__ */ b(G, {
+			l && u && /* @__PURE__ */ x(J, {}),
+			s("h2") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
 				isActive: o.isH2,
 				title: "Heading 2",
-				children: /* @__PURE__ */ b(t, {
-					icon: A,
+				children: /* @__PURE__ */ x(t, {
+					icon: j,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("h3") && /* @__PURE__ */ b(G, {
+			s("h3") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
 				isActive: o.isH3,
 				title: "Heading 3",
-				children: /* @__PURE__ */ b(t, {
-					icon: j,
+				children: /* @__PURE__ */ x(t, {
+					icon: M,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("blockquote") && /* @__PURE__ */ b(G, {
+			s("blockquote") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleBlockquote().run(),
 				isActive: o.isBlockquote,
 				title: "Blockquote",
-				children: /* @__PURE__ */ b(t, {
-					icon: D,
+				children: /* @__PURE__ */ x(t, {
+					icon: O,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			u && d && /* @__PURE__ */ b(q, {}),
-			c("bulletList") && /* @__PURE__ */ b(G, {
+			u && d && /* @__PURE__ */ x(J, {}),
+			s("bulletList") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleBulletList().run(),
 				isActive: o.isBulletList,
 				title: "Bullet list",
-				children: /* @__PURE__ */ b(t, {
-					icon: I,
+				children: /* @__PURE__ */ x(t, {
+					icon: L,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("orderedList") && /* @__PURE__ */ b(G, {
+			s("orderedList") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleOrderedList().run(),
 				isActive: o.isOrderedList,
 				title: "Ordered list",
-				children: /* @__PURE__ */ b(t, {
-					icon: R,
+				children: /* @__PURE__ */ x(t, {
+					icon: z,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("taskList") && /* @__PURE__ */ b(G, {
+			s("taskList") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleTaskList().run(),
 				isActive: o.isTaskList,
 				title: "Task list",
-				children: /* @__PURE__ */ b(t, {
-					icon: L,
+				children: /* @__PURE__ */ x(t, {
+					icon: R,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c("codeBlock") && /* @__PURE__ */ b(G, {
+			s("codeBlock") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().toggleCodeBlock().run(),
 				isActive: o.isCodeBlock,
 				title: "Code block",
-				children: /* @__PURE__ */ b(t, {
-					icon: k,
+				children: /* @__PURE__ */ x(t, {
+					icon: A,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			d && f && /* @__PURE__ */ b(q, {}),
-			c("link") && /* @__PURE__ */ b(K, { editor: e }),
-			r && c("image") && /* @__PURE__ */ b(G, {
+			d && f && /* @__PURE__ */ x(J, {}),
+			s("link") && /* @__PURE__ */ x(q, { editor: e }),
+			r && s("image") && /* @__PURE__ */ x(K, {
 				onClick: r,
 				title: "Insert image",
-				children: /* @__PURE__ */ b(t, {
-					icon: V,
+				children: /* @__PURE__ */ x(t, {
+					icon: H,
 					size: "sm"
 				})
 			}),
-			i && c("file") && /* @__PURE__ */ b(G, {
+			i && s("file") && /* @__PURE__ */ x(K, {
 				onClick: i,
 				title: "Attach file",
-				children: /* @__PURE__ */ b(t, {
-					icon: B,
+				children: /* @__PURE__ */ x(t, {
+					icon: V,
 					size: "sm"
 				})
 			}),
-			c("hr") && /* @__PURE__ */ b(G, {
+			s("hr") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().setHorizontalRule().run(),
 				title: "Horizontal rule",
-				children: /* @__PURE__ */ b(t, {
-					icon: P,
+				children: /* @__PURE__ */ x(t, {
+					icon: F,
 					size: "sm"
 				})
 			}),
-			f && p && /* @__PURE__ */ b(q, {}),
-			c("alignLeft") && /* @__PURE__ */ b(G, {
+			f && p && /* @__PURE__ */ x(J, {}),
+			s("alignLeft") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().setTextAlign("left").run(),
 				isActive: o.isAlignLeft,
 				title: "Align left",
-				children: /* @__PURE__ */ b(t, {
-					icon: C,
+				children: /* @__PURE__ */ x(t, {
+					icon: w,
 					size: "sm"
 				})
 			}),
-			c("alignCenter") && /* @__PURE__ */ b(G, {
+			s("alignCenter") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().setTextAlign("center").run(),
 				isActive: o.isAlignCenter,
 				title: "Align center",
-				children: /* @__PURE__ */ b(t, {
-					icon: S,
+				children: /* @__PURE__ */ x(t, {
+					icon: C,
 					size: "sm"
 				})
 			}),
-			c("alignRight") && /* @__PURE__ */ b(G, {
+			s("alignRight") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().setTextAlign("right").run(),
 				isActive: o.isAlignRight,
 				title: "Align right",
-				children: /* @__PURE__ */ b(t, {
-					icon: w,
+				children: /* @__PURE__ */ x(t, {
+					icon: T,
 					size: "sm"
 				})
 			}),
-			p && (m || h) && /* @__PURE__ */ b(q, {}),
-			a && c("emoji") && /* @__PURE__ */ b(G, {
+			p && (m || h) && /* @__PURE__ */ x(J, {}),
+			a && s("emoji") && /* @__PURE__ */ x(K, {
 				onClick: a,
 				title: "Emoji",
-				children: /* @__PURE__ */ b(t, {
-					icon: z,
+				children: /* @__PURE__ */ x(t, {
+					icon: B,
 					size: "sm"
 				})
 			}),
-			c("undo") && /* @__PURE__ */ b(G, {
+			s("undo") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().undo().run(),
 				disabled: !o.canUndo,
 				title: "Undo",
-				children: /* @__PURE__ */ b(t, {
-					icon: T,
+				children: /* @__PURE__ */ x(t, {
+					icon: E,
 					size: "sm"
 				})
 			}),
-			c("redo") && /* @__PURE__ */ b(G, {
+			s("redo") && /* @__PURE__ */ x(K, {
 				onClick: () => e.chain().focus().redo().run(),
 				disabled: !o.canRedo,
 				title: "Redo",
-				children: /* @__PURE__ */ b(t, {
-					icon: E,
+				children: /* @__PURE__ */ x(t, {
+					icon: D,
 					size: "sm"
 				})
 			})
 		]
 	});
 }
-var Y = y.lazy(() => import("@emoji-mart/react"));
-function X({ set: e = "native", onSelect: t }) {
-	let [n, r] = y.useState(null), { colorMode: i } = f();
-	y.useEffect(() => {
-		p(e).then((e) => r(e));
+var X = b.lazy(() => import("@emoji-mart/react"));
+function Z({ set: e = "native", onSelect: t }) {
+	let [n, r] = b.useState(null), { colorMode: i } = p();
+	b.useEffect(() => {
+		m(e).then((e) => r(e));
 	}, [e]);
-	let a = /* @__PURE__ */ b("div", {
+	let a = /* @__PURE__ */ x("div", {
 		className: "flex h-[350px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-raised-hover",
-		children: /* @__PURE__ */ b("span", {
+		children: /* @__PURE__ */ x("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
 			children: "Loading..."
 		})
 	});
-	return n ? /* @__PURE__ */ b(y.Suspense, {
+	return n ? /* @__PURE__ */ x(b.Suspense, {
 		fallback: a,
-		children: /* @__PURE__ */ b(Y, {
+		children: /* @__PURE__ */ x(X, {
 			data: n,
 			set: e,
 			onEmojiSelect: (e) => t({
@@ -353,8 +355,8 @@ function X({ set: e = "native", onSelect: t }) {
 		})
 	}) : a;
 }
-var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing...", onChange: f, 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) => {
+var Q = b.forwardRef(function({ content: t = "", placeholder: n = "Start writing...", onChange: c, className: p, editable: C = !0, toolbar: w, onImageUpload: T, onFileUpload: E, mentions: D, onMentionSearch: O, onMentionSelect: k, emojiSet: A = "native", ...j }, M) {
+	let N = b.useRef(null), P = b.useRef(!1), [F, I] = b.useState(!1), L = b.useRef(null), R = b.useRef(null), z = b.useRef(null), B = async (e) => {
 		let t = N.current;
 		if (t) if (T) {
 			let n = await T(e);
@@ -377,10 +379,10 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 				size: n.size
 			}
 		}).run();
-	}, H = r({
+	}, H = i({
 		immediatelyRender: !1,
 		extensions: [
-			l.configure({
+			u.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !1,
@@ -396,12 +398,12 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 					}
 				}
 			}),
-			i.configure({
-				placeholder: s,
+			a.configure({
+				placeholder: n,
 				emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-surface-fg-subtle before:float-left before:h-0 before:pointer-events-none"
 			}),
-			o.configure({ multicolor: !1 }),
-			u.configure({
+			s.configure({ multicolor: !1 }),
+			d.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -409,21 +411,21 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 				taskList: {},
 				taskItem: { nested: !0 }
 			}),
-			d.configure({ types: ["heading", "paragraph"] }),
-			c.configure({
+			f.configure({ types: ["heading", "paragraph"] }),
+			l.configure({
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			_,
-			...D || O ? [a.configure({
+			v,
+			...D || O ? [o.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: v(k)
+					render: y(k)
 				}
 			})] : [],
-			h,
-			g(A)
+			g,
+			_(A)
 		],
 		content: t,
 		editable: C,
@@ -437,38 +439,38 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 				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") }
+			attributes: { class: e(...G, "focus:outline-hidden", "min-h-[120px] px-ds-04 py-ds-04") }
 		},
 		onUpdate: ({ editor: e }) => {
-			P.current = !0, f?.(e.getHTML()), queueMicrotask(() => {
+			P.current = !0, c?.(e.getHTML()), queueMicrotask(() => {
 				P.current = !1;
 			});
 		}
 	});
-	return y.useEffect(() => {
+	return b.useEffect(() => {
 		N.current = H;
-	}, [H]), y.useEffect(() => {
+	}, [H]), b.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(() => {
+	}, [F]), b.useEffect(() => {
 		P.current || H && t !== H.getHTML() && H.commands.setContent(t, { emitUpdate: !1 });
-	}, [H, t]), H ? /* @__PURE__ */ x("div", {
+	}, [H, t]), H ? /* @__PURE__ */ S("div", {
 		ref: M,
 		...j,
-		className: e("relative", S),
-		children: [F && /* @__PURE__ */ b("div", {
+		className: e("relative", p),
+		children: [F && /* @__PURE__ */ x("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, {
+			children: /* @__PURE__ */ x(Z, {
 				set: A,
 				onSelect: async ({ id: e, native: t }) => {
-					let n = m(await p(A), e);
+					let n = h(await m(A), e);
 					n ? H.chain().focus().insertContent({
 						type: "emojiNode",
 						attrs: {
@@ -481,10 +483,10 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 					}).run() : H.chain().focus().insertContent(t).run(), I(!1);
 				}
 			})
-		}), /* @__PURE__ */ x("div", {
+		}), /* @__PURE__ */ S("div", {
 			className: e("overflow-hidden rounded-surface border border-surface-border-strong bg-surface-raised", "transition-colors ease-productive-standard focus-within:border-surface-border-strong"),
 			children: [
-				/* @__PURE__ */ b("input", {
+				/* @__PURE__ */ x("input", {
 					ref: R,
 					type: "file",
 					accept: "image/*",
@@ -495,7 +497,7 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 						t && B(t), e.target.value = "";
 					}
 				}),
-				E && /* @__PURE__ */ b("input", {
+				E && /* @__PURE__ */ x("input", {
 					ref: z,
 					type: "file",
 					"aria-label": "Upload file",
@@ -505,24 +507,24 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: s = "Start writing
 						t && V(t), e.target.value = "";
 					}
 				}),
-				C && /* @__PURE__ */ b(J, {
+				C && /* @__PURE__ */ x(Y, {
 					editor: H,
 					toolbar: w,
 					onImageClick: () => R.current?.click(),
 					onFileClick: E ? () => z.current?.click() : void 0,
 					onEmojiClick: () => I((e) => !e)
 				}),
-				/* @__PURE__ */ b(n, { editor: H })
+				/* @__PURE__ */ x(r, { editor: H })
 			]
 		})]
 	}) : null;
 });
-Z.displayName = "RichTextEditor";
-var Q = y.forwardRef(function({ content: t, className: i, ...s }, f) {
-	let p = r({
+Q.displayName = "RichTextEditor";
+var $ = b.forwardRef(function({ content: t, className: n, ...a }, c) {
+	let p = i({
 		immediatelyRender: !1,
 		extensions: [
-			l.configure({
+			u.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !0,
@@ -538,8 +540,8 @@ var Q = y.forwardRef(function({ content: t, className: i, ...s }, f) {
 					}
 				}
 			}),
-			o.configure({ multicolor: !1 }),
-			u.configure({
+			s.configure({ multicolor: !1 }),
+			d.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -547,25 +549,25 @@ var Q = y.forwardRef(function({ content: t, className: i, ...s }, f) {
 				taskList: {},
 				taskItem: { nested: !0 }
 			}),
-			d.configure({ types: ["heading", "paragraph"] }),
-			c.configure({
+			f.configure({ types: ["heading", "paragraph"] }),
+			l.configure({
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			_,
-			a.configure({ HTMLAttributes: { class: "mention" } })
+			v,
+			o.configure({ HTMLAttributes: { class: "mention" } })
 		],
 		content: t,
 		editable: !1,
-		editorProps: { attributes: { class: e(...W) } }
+		editorProps: { attributes: { class: e(...G) } }
 	});
-	return p ? /* @__PURE__ */ b("div", {
-		ref: f,
-		...s,
-		className: i,
-		children: /* @__PURE__ */ b(n, { editor: p })
+	return p ? /* @__PURE__ */ x("div", {
+		ref: c,
+		...a,
+		className: n,
+		children: /* @__PURE__ */ x(r, { editor: p })
 	}) : null;
 });
-Q.displayName = "RichTextViewer";
+$.displayName = "RichTextViewer";
 //#endregion
-export { Z as RichTextEditor, Q as RichTextViewer };
+export { Q as RichTextEditor, $ as RichTextViewer };