@devalok/shilp-sutra 0.38.0 → 0.40.0

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

@@ -1,9 +1,12 @@
 "use client";
 import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
-import { c as n, d as r, h as i, l as a, m as o, n as s, o as c, r as l, s as u, t 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 { 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";
@@ -17,15 +20,15 @@ var W = [
 	"[&_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",
+	"[&_pre]:rounded-surface [&_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-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"
+	"[&_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", {
@@ -35,12 +38,12 @@ function G({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children:
 		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"),
+		className: e("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control 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 K({ editor: e }) {
-	let [n, r] = y.useState(!1), [a, o] = y.useState(""), s = y.useRef(null), { isLink: c } = i({
+	let [n, r] = y.useState(!1), [i, a] = y.useState(""), o = y.useRef(null), { isLink: c } = s({
 		editor: e,
 		selector: ({ editor: e }) => ({ isLink: e.isActive("link") })
 	});
@@ -52,7 +55,7 @@ function K({ editor: e }) {
 					e.chain().focus().unsetLink().run();
 					return;
 				}
-				o(e.getAttributes("link").href || ""), r(!0), setTimeout(() => s.current?.focus(), 0);
+				a(e.getAttributes("link").href || ""), r(!0), setTimeout(() => o.current?.focus(), 0);
 			},
 			isActive: c,
 			title: "Link",
@@ -62,23 +65,23 @@ function K({ editor: e }) {
 			})
 		}), n && /* @__PURE__ */ x("form", {
 			onSubmit: (t) => {
-				t.preventDefault(), a.trim() && e.chain().focus().setLink({ href: a.trim() }).run(), r(!1), o("");
+				t.preventDefault(), i.trim() && e.chain().focus().setLink({ href: i.trim() }).run(), r(!1), a("");
 			},
 			"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",
+			className: "absolute left-0 top-full z-popover mt-ds-01 flex items-center gap-ds-02 rounded-control border border-surface-border-strong bg-surface-overlay p-ds-02 shadow-raised-hover",
 			children: [/* @__PURE__ */ b("input", {
-				ref: s,
+				ref: o,
 				type: "url",
-				value: a,
-				onChange: (e) => o(e.target.value),
+				value: i,
+				onChange: (e) => a(e.target.value),
 				onKeyDown: (t) => {
-					t.key === "Escape" && (r(!1), o(""), e.commands.focus());
+					t.key === "Escape" && (r(!1), a(""), 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"
+				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", {
 				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",
+				className: "h-ds-sm rounded-control-inner bg-accent-9 px-ds-03 text-ds-sm text-accent-fg hover:bg-accent-10",
 				children: "Apply"
 			})]
 		})]
@@ -87,8 +90,8 @@ function K({ editor: e }) {
 function q() {
 	return /* @__PURE__ */ b("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
 }
-function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClick: o }) {
-	let s = i({
+function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a }) {
+	let o = s({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -110,7 +113,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, 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") || !!a && c("file") || c("hr"), p = c("alignLeft") || c("alignCenter") || c("alignRight"), m = !!o && c("emoji"), h = c("undo") || c("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", {
 		role: "toolbar",
 		"aria-label": "Text formatting",
@@ -118,7 +121,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 		children: [
 			c("bold") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleBold().run(),
-				isActive: s.isBold,
+				isActive: o.isBold,
 				title: "Bold",
 				children: /* @__PURE__ */ b(t, {
 					icon: O,
@@ -128,7 +131,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("italic") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
-				isActive: s.isItalic,
+				isActive: o.isItalic,
 				title: "Italic",
 				children: /* @__PURE__ */ b(t, {
 					icon: N,
@@ -138,7 +141,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("underline") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
-				isActive: s.isUnderline,
+				isActive: o.isUnderline,
 				title: "Underline",
 				children: /* @__PURE__ */ b(t, {
 					icon: U,
@@ -148,7 +151,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("strike") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
-				isActive: s.isStrike,
+				isActive: o.isStrike,
 				title: "Strikethrough",
 				children: /* @__PURE__ */ b(t, {
 					icon: H,
@@ -158,7 +161,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("highlight") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
-				isActive: s.isHighlight,
+				isActive: o.isHighlight,
 				title: "Highlight",
 				children: /* @__PURE__ */ b(t, {
 					icon: M,
@@ -169,7 +172,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			l && u && /* @__PURE__ */ b(q, {}),
 			c("h2") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
-				isActive: s.isH2,
+				isActive: o.isH2,
 				title: "Heading 2",
 				children: /* @__PURE__ */ b(t, {
 					icon: A,
@@ -179,7 +182,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("h3") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
-				isActive: s.isH3,
+				isActive: o.isH3,
 				title: "Heading 3",
 				children: /* @__PURE__ */ b(t, {
 					icon: j,
@@ -189,7 +192,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("blockquote") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleBlockquote().run(),
-				isActive: s.isBlockquote,
+				isActive: o.isBlockquote,
 				title: "Blockquote",
 				children: /* @__PURE__ */ b(t, {
 					icon: D,
@@ -200,7 +203,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			u && d && /* @__PURE__ */ b(q, {}),
 			c("bulletList") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleBulletList().run(),
-				isActive: s.isBulletList,
+				isActive: o.isBulletList,
 				title: "Bullet list",
 				children: /* @__PURE__ */ b(t, {
 					icon: I,
@@ -210,7 +213,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("orderedList") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleOrderedList().run(),
-				isActive: s.isOrderedList,
+				isActive: o.isOrderedList,
 				title: "Ordered list",
 				children: /* @__PURE__ */ b(t, {
 					icon: R,
@@ -220,7 +223,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("taskList") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleTaskList().run(),
-				isActive: s.isTaskList,
+				isActive: o.isTaskList,
 				title: "Task list",
 				children: /* @__PURE__ */ b(t, {
 					icon: L,
@@ -230,7 +233,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("codeBlock") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().toggleCodeBlock().run(),
-				isActive: s.isCodeBlock,
+				isActive: o.isCodeBlock,
 				title: "Code block",
 				children: /* @__PURE__ */ b(t, {
 					icon: k,
@@ -248,8 +251,8 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 					size: "sm"
 				})
 			}),
-			a && c("file") && /* @__PURE__ */ b(G, {
-				onClick: a,
+			i && c("file") && /* @__PURE__ */ b(G, {
+				onClick: i,
 				title: "Attach file",
 				children: /* @__PURE__ */ b(t, {
 					icon: B,
@@ -267,7 +270,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			f && p && /* @__PURE__ */ b(q, {}),
 			c("alignLeft") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().setTextAlign("left").run(),
-				isActive: s.isAlignLeft,
+				isActive: o.isAlignLeft,
 				title: "Align left",
 				children: /* @__PURE__ */ b(t, {
 					icon: C,
@@ -276,7 +279,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("alignCenter") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().setTextAlign("center").run(),
-				isActive: s.isAlignCenter,
+				isActive: o.isAlignCenter,
 				title: "Align center",
 				children: /* @__PURE__ */ b(t, {
 					icon: S,
@@ -285,7 +288,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("alignRight") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().setTextAlign("right").run(),
-				isActive: s.isAlignRight,
+				isActive: o.isAlignRight,
 				title: "Align right",
 				children: /* @__PURE__ */ b(t, {
 					icon: w,
@@ -293,8 +296,8 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 				})
 			}),
 			p && (m || h) && /* @__PURE__ */ b(q, {}),
-			o && c("emoji") && /* @__PURE__ */ b(G, {
-				onClick: o,
+			a && c("emoji") && /* @__PURE__ */ b(G, {
+				onClick: a,
 				title: "Emoji",
 				children: /* @__PURE__ */ b(t, {
 					icon: z,
@@ -303,7 +306,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("undo") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().undo().run(),
-				disabled: !s.canUndo,
+				disabled: !o.canUndo,
 				title: "Undo",
 				children: /* @__PURE__ */ b(t, {
 					icon: T,
@@ -312,7 +315,7 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 			}),
 			c("redo") && /* @__PURE__ */ b(G, {
 				onClick: () => e.chain().focus().redo().run(),
-				disabled: !s.canRedo,
+				disabled: !o.canRedo,
 				title: "Redo",
 				children: /* @__PURE__ */ b(t, {
 					icon: E,
@@ -324,12 +327,12 @@ function J({ editor: e, toolbar: n, onImageClick: r, onFileClick: a, onEmojiClic
 }
 var Y = y.lazy(() => import("@emoji-mart/react"));
 function X({ set: e = "native", onSelect: t }) {
-	let [n, r] = y.useState(null), { colorMode: i } = v();
+	let [n, r] = y.useState(null), { colorMode: i } = f();
 	y.useEffect(() => {
-		f(e).then((e) => r(e));
+		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",
+		className: "flex h-[350px] w-[352px] items-center justify-center rounded-surface 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..."
@@ -350,7 +353,7 @@ function X({ set: e = "native", onSelect: t }) {
 		})
 	}) : a;
 }
-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) {
+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) => {
 		let t = N.current;
 		if (t) if (T) {
@@ -374,10 +377,10 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 				size: n.size
 			}
 		}).run();
-	}, H = o({
+	}, H = r({
 		immediatelyRender: !1,
 		extensions: [
-			s.configure({
+			l.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !1,
@@ -393,12 +396,12 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 					}
 				}
 			}),
-			c.configure({
-				placeholder: i,
+			i.configure({
+				placeholder: s,
 				emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-surface-fg-subtle before:float-left before:h-0 before:pointer-events-none"
 			}),
-			a.configure({ multicolor: !1 }),
-			l.configure({
+			o.configure({ multicolor: !1 }),
+			u.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -407,19 +410,19 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 				taskItem: { nested: !0 }
 			}),
 			d.configure({ types: ["heading", "paragraph"] }),
-			n.configure({
+			c.configure({
 				allowBase64: !0,
-				HTMLAttributes: { class: "max-w-full rounded-ds-md" }
+				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			m,
-			...D || O ? [u.configure({
+			_,
+			...D || O ? [a.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)
+					render: v(k)
 				}
 			})] : [],
-			p,
+			h,
 			g(A)
 		],
 		content: t,
@@ -437,7 +440,7 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 			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 = !0, f?.(e.getHTML()), queueMicrotask(() => {
 				P.current = !1;
 			});
 		}
@@ -465,7 +468,7 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 			children: /* @__PURE__ */ b(X, {
 				set: A,
 				onSelect: async ({ id: e, native: t }) => {
-					let n = h(await f(A), e);
+					let n = m(await p(A), e);
 					n ? H.chain().focus().insertContent({
 						type: "emojiNode",
 						attrs: {
@@ -479,7 +482,7 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 				}
 			})
 		}), /* @__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"),
+			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", {
 					ref: R,
@@ -509,17 +512,17 @@ var Z = y.forwardRef(function({ content: t = "", placeholder: i = "Start writing
 					onFileClick: E ? () => z.current?.click() : void 0,
 					onEmojiClick: () => I((e) => !e)
 				}),
-				/* @__PURE__ */ b(r, { editor: H })
+				/* @__PURE__ */ b(n, { editor: H })
 			]
 		})]
 	}) : null;
 });
 Z.displayName = "RichTextEditor";
-var Q = y.forwardRef(function({ content: t, className: i, ...c }, f) {
-	let p = o({
+var Q = y.forwardRef(function({ content: t, className: i, ...s }, f) {
+	let p = r({
 		immediatelyRender: !1,
 		extensions: [
-			s.configure({
+			l.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !0,
@@ -535,8 +538,8 @@ var Q = y.forwardRef(function({ content: t, className: i, ...c }, f) {
 					}
 				}
 			}),
-			a.configure({ multicolor: !1 }),
-			l.configure({
+			o.configure({ multicolor: !1 }),
+			u.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -545,12 +548,12 @@ var Q = y.forwardRef(function({ content: t, className: i, ...c }, f) {
 				taskItem: { nested: !0 }
 			}),
 			d.configure({ types: ["heading", "paragraph"] }),
-			n.configure({
+			c.configure({
 				allowBase64: !0,
-				HTMLAttributes: { class: "max-w-full rounded-ds-md" }
+				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			m,
-			u.configure({ HTMLAttributes: { class: "mention" } })
+			_,
+			a.configure({ HTMLAttributes: { class: "mention" } })
 		],
 		content: t,
 		editable: !1,
@@ -558,9 +561,9 @@ var Q = y.forwardRef(function({ content: t, className: i, ...c }, f) {
 	});
 	return p ? /* @__PURE__ */ b("div", {
 		ref: f,
-		...c,
+		...s,
 		className: i,
-		children: /* @__PURE__ */ b(r, { editor: p })
+		children: /* @__PURE__ */ b(n, { editor: p })
 	}) : null;
 });
 Q.displayName = "RichTextViewer";