@devalok/shilp-sutra 0.55.0 → 0.56.0

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

@@ -3,14 +3,22 @@ import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
 import { Button as n } from "../ui/button.js";
 import { MENTION_TOKEN_CLASS as r } from "../_chunks/mention.js";
-import { EditorContent as i, ListKit as a, Markdown as o, Placeholder as s, index_default as c, index_default$1 as l, index_default$2 as u, index_default$4 as d, index_default$5 as f, useEditor as p, useEditorState as m } from "../_chunks/tiptap.js";
-import { EmojiNode as h } from "./extensions/emoji-node.js";
-import { createEmojiSuggestion as g } from "../_chunks/emoji-suggestion.js";
-import { FileAttachment as _, createSuggestionRenderer as ee } from "../_chunks/mention-suggestion.js";
-import * as v from "react";
-import { Fragment as y, 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, IconEye as A, IconH2 as te, IconH3 as ne, IconHighlight as re, IconItalic as j, IconLineDashed as M, IconLink as N, IconList as P, IconListCheck as F, IconListNumbers as I, IconMoodSmile as L, IconPaperclip as ie, IconPhoto as ae, IconStrikethrough as R, IconUnderline as z } from "@tabler/icons-react";
-import { AnimatePresence as oe, motion as B, useReducedMotion as V } from "framer-motion";
+import { EmojiNode as i } from "./extensions/emoji-node.js";
+import { createEmojiSuggestion as a } from "../_chunks/emoji-suggestion.js";
+import { FileAttachment as o, createSuggestionRenderer as s } from "../_chunks/mention-suggestion.js";
+import * as c from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconAlignCenter as f, IconAlignLeft as p, IconAlignRight as ee, IconArrowBackUp as m, IconArrowForwardUp as h, IconBlockquote as g, IconBold as _, IconCode as v, IconEye as y, IconH2 as b, IconH3 as x, IconHighlight as te, IconItalic as ne, IconLineDashed as re, IconLink as S, IconList as C, IconListCheck as w, IconListNumbers as T, IconMoodSmile as E, IconPaperclip as D, IconPhoto as O, IconStrikethrough as k, IconUnderline as A } from "@tabler/icons-react";
+import { AnimatePresence as j, motion as M, useReducedMotion as N } from "framer-motion";
+import P from "@tiptap/extension-highlight";
+import F from "@tiptap/extension-image";
+import I from "@tiptap/extension-mention";
+import { Placeholder as ie } from "@tiptap/extensions";
+import { EditorContent as L, useEditor as ae, useEditorState as R } from "@tiptap/react";
+import oe from "@tiptap/starter-kit";
+import { ListKit as z } from "@tiptap/extension-list";
+import B from "@tiptap/extension-text-align";
+import { Markdown as V } from "@tiptap/markdown";
 //#region src/composed/rich-text-editor.tsx
 var H = [
 	"prose prose-sm max-w-none",
@@ -32,7 +40,7 @@ var H = [
 	r
 ];
 function U({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
-	return /* @__PURE__ */ b("button", {
+	return /* @__PURE__ */ u("button", {
 		type: "button",
 		onClick: t,
 		disabled: r,
@@ -44,34 +52,34 @@ function U({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children:
 	});
 }
 function W({ editor: e }) {
-	let [r, i] = v.useState(!1), [a, o] = v.useState(""), s = v.useRef(null), { isLink: c } = m({
+	let [r, i] = c.useState(!1), [a, o] = c.useState(""), s = c.useRef(null), { isLink: l } = R({
 		editor: e,
 		selector: ({ editor: e }) => ({ isLink: e.isActive("link") })
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ d("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ b(U, {
+		children: [/* @__PURE__ */ u(U, {
 			onClick: () => {
-				if (c) {
+				if (l) {
 					e.chain().focus().unsetLink().run();
 					return;
 				}
 				let t = e.getAttributes("link").href || "";
 				o(t), i(!0), setTimeout(() => s.current?.focus(), 0);
 			},
-			isActive: c,
+			isActive: l,
 			title: "Link",
-			children: /* @__PURE__ */ b(t, {
-				icon: N,
+			children: /* @__PURE__ */ u(t, {
+				icon: S,
 				size: "sm"
 			})
-		}), r && /* @__PURE__ */ x("form", {
+		}), r && /* @__PURE__ */ d("form", {
 			onSubmit: (t) => {
 				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", {
+			children: [/* @__PURE__ */ u("input", {
 				ref: s,
 				type: "url",
 				value: a,
@@ -81,7 +89,7 @@ function W({ editor: e }) {
 				},
 				placeholder: "https://...",
 				className: "h-ds-sm w-[240px] rounded-control-inner border border-surface-border-strong bg-surface-overlay px-ds-03 text-body-sm text-surface-fg focus:border-accent-7 focus:outline-hidden"
-			}), /* @__PURE__ */ b(n, {
+			}), /* @__PURE__ */ u(n, {
 				type: "submit",
 				variant: "solid",
 				size: "sm",
@@ -91,10 +99,10 @@ function W({ editor: e }) {
 	});
 }
 function G() {
-	return /* @__PURE__ */ b("div", { className: "mx-ds-02 h-ds-05 w-px bg-surface-border" });
+	return /* @__PURE__ */ u("div", { className: "mx-ds-02 h-ds-05 w-px bg-surface-border" });
 }
 function K({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a, trailing: o, showControls: s = !0 }) {
-	let c = m({
+	let c = R({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -116,248 +124,248 @@ function K({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClic
 			canUndo: e.can().undo(),
 			canRedo: e.can().redo()
 		})
-	}), l = (e) => !n || n.includes(e), u = l("bold") || l("italic") || l("underline") || l("strike") || l("highlight"), d = l("h2") || l("h3") || l("blockquote"), f = l("bulletList") || l("orderedList") || l("taskList") || l("codeBlock"), p = l("link") || !!r && l("image") || !!i && l("file") || l("hr"), h = l("alignLeft") || l("alignCenter") || l("alignRight"), g = !!a && l("emoji"), _ = l("undo") || l("redo");
-	return /* @__PURE__ */ x("div", {
+	}), y = (e) => !n || n.includes(e), S = y("bold") || y("italic") || y("underline") || y("strike") || y("highlight"), j = y("h2") || y("h3") || y("blockquote"), M = y("bulletList") || y("orderedList") || y("taskList") || y("codeBlock"), N = y("link") || !!r && y("image") || !!i && y("file") || y("hr"), P = y("alignLeft") || y("alignCenter") || y("alignRight"), F = !!a && y("emoji"), I = y("undo") || y("redo");
+	return /* @__PURE__ */ d("div", {
 		role: "toolbar",
 		"aria-label": "Text formatting",
 		className: "flex min-h-[2.75rem] flex-wrap items-center gap-ds-01 border-b border-surface-border-strong px-ds-04 py-ds-02b",
-		children: [s && /* @__PURE__ */ x(y, { children: [
-			l("bold") && /* @__PURE__ */ b(U, {
+		children: [s && /* @__PURE__ */ d(l, { children: [
+			y("bold") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: c.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ b(t, {
-					icon: O,
+				children: /* @__PURE__ */ u(t, {
+					icon: _,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("italic") && /* @__PURE__ */ b(U, {
+			y("italic") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: c.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ b(t, {
-					icon: j,
+				children: /* @__PURE__ */ u(t, {
+					icon: ne,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("underline") && /* @__PURE__ */ b(U, {
+			y("underline") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: c.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ b(t, {
-					icon: z,
+				children: /* @__PURE__ */ u(t, {
+					icon: A,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("strike") && /* @__PURE__ */ b(U, {
+			y("strike") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: c.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ b(t, {
-					icon: R,
+				children: /* @__PURE__ */ u(t, {
+					icon: k,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("highlight") && /* @__PURE__ */ b(U, {
+			y("highlight") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: c.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ b(t, {
-					icon: re,
+				children: /* @__PURE__ */ u(t, {
+					icon: te,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			u && d && /* @__PURE__ */ b(G, {}),
-			l("h2") && /* @__PURE__ */ b(U, {
+			S && j && /* @__PURE__ */ u(G, {}),
+			y("h2") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
 				isActive: c.isH2,
 				title: "Heading 2",
-				children: /* @__PURE__ */ b(t, {
-					icon: te,
+				children: /* @__PURE__ */ u(t, {
+					icon: b,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("h3") && /* @__PURE__ */ b(U, {
+			y("h3") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
 				isActive: c.isH3,
 				title: "Heading 3",
-				children: /* @__PURE__ */ b(t, {
-					icon: ne,
+				children: /* @__PURE__ */ u(t, {
+					icon: x,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("blockquote") && /* @__PURE__ */ b(U, {
+			y("blockquote") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleBlockquote().run(),
 				isActive: c.isBlockquote,
 				title: "Blockquote",
-				children: /* @__PURE__ */ b(t, {
-					icon: D,
+				children: /* @__PURE__ */ u(t, {
+					icon: g,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			d && f && /* @__PURE__ */ b(G, {}),
-			l("bulletList") && /* @__PURE__ */ b(U, {
+			j && M && /* @__PURE__ */ u(G, {}),
+			y("bulletList") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleBulletList().run(),
 				isActive: c.isBulletList,
 				title: "Bullet list",
-				children: /* @__PURE__ */ b(t, {
-					icon: P,
+				children: /* @__PURE__ */ u(t, {
+					icon: C,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("orderedList") && /* @__PURE__ */ b(U, {
+			y("orderedList") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleOrderedList().run(),
 				isActive: c.isOrderedList,
 				title: "Ordered list",
-				children: /* @__PURE__ */ b(t, {
-					icon: I,
+				children: /* @__PURE__ */ u(t, {
+					icon: T,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("taskList") && /* @__PURE__ */ b(U, {
+			y("taskList") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleTaskList().run(),
 				isActive: c.isTaskList,
 				title: "Task list",
-				children: /* @__PURE__ */ b(t, {
-					icon: F,
+				children: /* @__PURE__ */ u(t, {
+					icon: w,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			l("codeBlock") && /* @__PURE__ */ b(U, {
+			y("codeBlock") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().toggleCodeBlock().run(),
 				isActive: c.isCodeBlock,
 				title: "Code block",
-				children: /* @__PURE__ */ b(t, {
-					icon: k,
+				children: /* @__PURE__ */ u(t, {
+					icon: v,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			f && p && /* @__PURE__ */ b(G, {}),
-			l("link") && /* @__PURE__ */ b(W, { editor: e }),
-			r && l("image") && /* @__PURE__ */ b(U, {
+			M && N && /* @__PURE__ */ u(G, {}),
+			y("link") && /* @__PURE__ */ u(W, { editor: e }),
+			r && y("image") && /* @__PURE__ */ u(U, {
 				onClick: r,
 				title: "Insert image",
-				children: /* @__PURE__ */ b(t, {
-					icon: ae,
+				children: /* @__PURE__ */ u(t, {
+					icon: O,
 					size: "sm"
 				})
 			}),
-			i && l("file") && /* @__PURE__ */ b(U, {
+			i && y("file") && /* @__PURE__ */ u(U, {
 				onClick: i,
 				title: "Attach file",
-				children: /* @__PURE__ */ b(t, {
-					icon: ie,
+				children: /* @__PURE__ */ u(t, {
+					icon: D,
 					size: "sm"
 				})
 			}),
-			l("hr") && /* @__PURE__ */ b(U, {
+			y("hr") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().setHorizontalRule().run(),
 				title: "Horizontal rule",
-				children: /* @__PURE__ */ b(t, {
-					icon: M,
+				children: /* @__PURE__ */ u(t, {
+					icon: re,
 					size: "sm"
 				})
 			}),
-			p && h && /* @__PURE__ */ b(G, {}),
-			l("alignLeft") && /* @__PURE__ */ b(U, {
+			N && P && /* @__PURE__ */ u(G, {}),
+			y("alignLeft") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().setTextAlign("left").run(),
 				isActive: c.isAlignLeft,
 				title: "Align left",
-				children: /* @__PURE__ */ b(t, {
-					icon: C,
+				children: /* @__PURE__ */ u(t, {
+					icon: p,
 					size: "sm"
 				})
 			}),
-			l("alignCenter") && /* @__PURE__ */ b(U, {
+			y("alignCenter") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().setTextAlign("center").run(),
 				isActive: c.isAlignCenter,
 				title: "Align center",
-				children: /* @__PURE__ */ b(t, {
-					icon: S,
+				children: /* @__PURE__ */ u(t, {
+					icon: f,
 					size: "sm"
 				})
 			}),
-			l("alignRight") && /* @__PURE__ */ b(U, {
+			y("alignRight") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().setTextAlign("right").run(),
 				isActive: c.isAlignRight,
 				title: "Align right",
-				children: /* @__PURE__ */ b(t, {
-					icon: w,
+				children: /* @__PURE__ */ u(t, {
+					icon: ee,
 					size: "sm"
 				})
 			}),
-			h && (g || _) && /* @__PURE__ */ b(G, {}),
-			a && l("emoji") && /* @__PURE__ */ b(U, {
+			P && (F || I) && /* @__PURE__ */ u(G, {}),
+			a && y("emoji") && /* @__PURE__ */ u(U, {
 				onClick: a,
 				title: "Emoji",
-				children: /* @__PURE__ */ b(t, {
-					icon: L,
+				children: /* @__PURE__ */ u(t, {
+					icon: E,
 					size: "sm"
 				})
 			}),
-			l("undo") && /* @__PURE__ */ b(U, {
+			y("undo") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().undo().run(),
 				disabled: !c.canUndo,
 				title: "Undo",
-				children: /* @__PURE__ */ b(t, {
-					icon: T,
+				children: /* @__PURE__ */ u(t, {
+					icon: m,
 					size: "sm"
 				})
 			}),
-			l("redo") && /* @__PURE__ */ b(U, {
+			y("redo") && /* @__PURE__ */ u(U, {
 				onClick: () => e.chain().focus().redo().run(),
 				disabled: !c.canRedo,
 				title: "Redo",
-				children: /* @__PURE__ */ b(t, {
-					icon: E,
+				children: /* @__PURE__ */ u(t, {
+					icon: h,
 					size: "sm"
 				})
 			})
-		] }), o && /* @__PURE__ */ b("div", {
+		] }), o && /* @__PURE__ */ u("div", {
 			className: "ml-auto flex items-center pl-ds-02",
 			children: o
 		})]
 	});
 }
-var q = v.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
+var q = c.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
 function se({ onSelect: e }) {
-	let t = /* @__PURE__ */ b("div", {
+	let t = /* @__PURE__ */ u("div", {
 		className: "flex h-[435px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-raised-hover",
-		children: /* @__PURE__ */ b("span", {
+		children: /* @__PURE__ */ u("span", {
 			className: "text-body-sm text-surface-fg-subtle",
 			children: "Loading…"
 		})
 	});
-	return /* @__PURE__ */ b(v.Suspense, {
+	return /* @__PURE__ */ u(c.Suspense, {
 		fallback: t,
-		children: /* @__PURE__ */ b(q, { onSelect: e })
+		children: /* @__PURE__ */ u(q, { onSelect: e })
 	});
 }
-var J = v.createContext(null);
+var J = c.createContext(null);
 function Y() {
-	let e = v.useContext(J);
+	let e = c.useContext(J);
 	if (!e) throw Error("RichTextEditor.Toolbar / .Content must be used within <RichTextEditor.Provider>");
 	return e;
 }
-var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder: r = "Start writing...", onChange: i, className: m, editable: y = !0, toolbar: S, onImageUpload: C, onFileUpload: w, mentions: T, onMentionSearch: E, onMentionSelect: D, sourceMode: O, defaultSourceMode: k = !1, onSourceModeChange: A, emojiSet: te = "native", sourceToggle: ne, children: re, ...j }, M) {
-	let N = v.useRef(null), P = v.useRef(!1), F = V(), [I, L] = v.useState(!1), [ie, ae] = v.useState(k), R = O ?? ie, z = v.useCallback((e) => {
-		O === void 0 && ae(e), A?.(e);
-	}, [O, A]), [U, W] = v.useState(""), G = v.useRef(null), K = v.useRef(null), q = v.useRef(null), Y = async (e) => {
-		let t = N.current;
-		if (t) if (C) {
-			let n = await C(e);
+var X = c.forwardRef(function({ format: t = "html", content: n = "", placeholder: r = "Start writing...", onChange: l, className: f, editable: p = !0, toolbar: ee, onImageUpload: m, onFileUpload: h, mentions: g, onMentionSearch: _, onMentionSelect: v, sourceMode: y, defaultSourceMode: b = !1, onSourceModeChange: x, emojiSet: te = "native", sourceToggle: ne, children: re, ...S }, C) {
+	let w = c.useRef(null), T = c.useRef(!1), E = N(), [D, O] = c.useState(!1), [k, A] = c.useState(b), L = y ?? k, R = c.useCallback((e) => {
+		y === void 0 && A(e), x?.(e);
+	}, [y, x]), [U, W] = c.useState(""), G = c.useRef(null), K = c.useRef(null), q = c.useRef(null), Y = async (e) => {
+		let t = w.current;
+		if (t) if (m) {
+			let n = await m(e);
 			n && /^https?:\/\//i.test(n) && t.chain().focus().setImage({ src: n }).run();
 		} else {
 			let n = new FileReader();
@@ -366,9 +374,9 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 			}, n.readAsDataURL(e);
 		}
 	}, X = async (e) => {
-		let t = N.current;
-		if (!t || !w) return;
-		let n = await w(e);
+		let t = w.current;
+		if (!t || !h) return;
+		let n = await h(e);
 		t.chain().focus().insertContent({
 			type: "fileAttachment",
 			attrs: {
@@ -377,10 +385,10 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 				size: n.size
 			}
 		}).run();
-	}, Z = p({
+	}, Z = ae({
 		immediatelyRender: !1,
 		extensions: [
-			l.configure({
+			oe.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !1,
@@ -396,12 +404,12 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 					}
 				}
 			}),
-			s.configure({
+			ie.configure({
 				placeholder: r,
 				emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-surface-fg-subtle before:float-left before:h-0 before:pointer-events-none"
 			}),
-			f.configure({ multicolor: !1 }),
-			a.configure({
+			P.configure({ multicolor: !1 }),
+			z.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -409,54 +417,54 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 				taskList: {},
 				taskItem: { nested: !0 }
 			}),
-			c.configure({ types: ["heading", "paragraph"] }),
-			d.configure({
+			B.configure({ types: ["heading", "paragraph"] }),
+			F.configure({
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			_,
-			...T || E ? [u.configure({
+			o,
+			...g || _ ? [I.configure({
 				HTMLAttributes: { class: "mention" },
 				suggestion: {
-					items: async ({ query: e }) => E ? await E(e) : T ? T.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
-					render: ee(D)
+					items: async ({ query: e }) => _ ? await _(e) : g ? g.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
+					render: s(v)
 				}
 			})] : [],
-			h,
-			g(),
-			o
+			i,
+			a(),
+			V
 		],
 		content: n,
 		contentType: t === "markdown" ? "markdown" : void 0,
-		editable: y,
+		editable: p,
 		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/") ? (Y(i), !0) : w ? (X(i), !0) : !1 : !1;
+				return i ? i.type.startsWith("image/") ? (Y(i), !0) : h ? (X(i), !0) : !1 : !1;
 			},
 			handlePaste: (e, t) => {
 				let n = t.clipboardData?.files[0];
-				return n ? n.type.startsWith("image/") ? (Y(n), !0) : w ? (X(n), !0) : !1 : !1;
+				return n ? n.type.startsWith("image/") ? (Y(n), !0) : h ? (X(n), !0) : !1 : !1;
 			},
 			attributes: { class: e(...H, "focus:outline-hidden", "min-h-[120px] px-ds-04 py-ds-04") }
 		},
 		onUpdate: ({ editor: e }) => {
-			P.current = !0, i?.(t === "markdown" ? e.getMarkdown() : e.getHTML()), queueMicrotask(() => {
-				P.current = !1;
+			T.current = !0, l?.(t === "markdown" ? e.getMarkdown() : e.getHTML()), queueMicrotask(() => {
+				T.current = !1;
 			});
 		}
 	});
-	if (v.useEffect(() => {
-		N.current = Z;
-	}, [Z]), v.useEffect(() => {
-		if (!I) return;
+	if (c.useEffect(() => {
+		w.current = Z;
+	}, [Z]), c.useEffect(() => {
+		if (!D) return;
 		let e = (e) => {
-			G.current && !G.current.contains(e.target) && L(!1);
+			G.current && !G.current.contains(e.target) && O(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [I]), v.useEffect(() => {
-		P.current || Z && n !== (t === "markdown" ? Z.getMarkdown() : Z.getHTML()) && Z.commands.setContent(n, {
+	}, [D]), c.useEffect(() => {
+		T.current || Z && n !== (t === "markdown" ? Z.getMarkdown() : Z.getHTML()) && Z.commands.setContent(n, {
 			emitUpdate: !1,
 			contentType: t === "markdown" ? "markdown" : void 0
 		});
@@ -464,34 +472,34 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 		Z,
 		n,
 		t
-	]), v.useEffect(() => {
-		R && Z && W(Z.getMarkdown());
-	}, [R]), !Z) return null;
+	]), c.useEffect(() => {
+		L && Z && W(Z.getMarkdown());
+	}, [L]), !Z) return null;
 	let Q = {
 		editor: Z,
-		toolbar: S,
-		editable: y,
+		toolbar: ee,
+		editable: p,
 		onImageClick: () => K.current?.click(),
-		onFileClick: w ? () => q.current?.click() : void 0,
-		onEmojiClick: () => L((e) => !e),
-		sourceMode: R,
-		setSourceMode: z,
-		toggleSource: () => z(!R),
+		onFileClick: h ? () => q.current?.click() : void 0,
+		onEmojiClick: () => O((e) => !e),
+		sourceMode: L,
+		setSourceMode: R,
+		toggleSource: () => R(!L),
 		sourceText: U,
 		onSourceChange: (e) => {
 			W(e), Z.commands.setContent(e, { contentType: "markdown" });
 		}
 	};
-	return /* @__PURE__ */ b(J.Provider, {
+	return /* @__PURE__ */ u(J.Provider, {
 		value: Q,
-		children: /* @__PURE__ */ x("div", {
-			ref: M,
-			...j,
-			className: e("relative", m),
+		children: /* @__PURE__ */ d("div", {
+			ref: C,
+			...S,
+			className: e("relative", f),
 			children: [
-				/* @__PURE__ */ b(oe, { children: I && /* @__PURE__ */ b(B.div, {
+				/* @__PURE__ */ u(j, { children: D && /* @__PURE__ */ u(M.div, {
 					ref: G,
-					initial: !F && {
+					initial: !E && {
 						opacity: 0,
 						scale: .96,
 						y: 4
@@ -501,7 +509,7 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 						scale: 1,
 						y: 0
 					},
-					exit: F ? { opacity: 0 } : {
+					exit: E ? { opacity: 0 } : {
 						opacity: 0,
 						scale: .96,
 						y: 4
@@ -512,19 +520,19 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 					},
 					className: "absolute bottom-full right-0 z-popover mb-ds-02 origin-bottom-right",
 					onKeyDown: (e) => {
-						e.key === "Escape" && (e.stopPropagation(), L(!1));
+						e.key === "Escape" && (e.stopPropagation(), O(!1));
 					},
-					children: /* @__PURE__ */ b(se, { onSelect: ({ id: e, native: t }) => {
+					children: /* @__PURE__ */ u(se, { onSelect: ({ id: e, native: t }) => {
 						Z.chain().focus().insertContent({
 							type: "emojiNode",
 							attrs: {
 								id: e,
 								native: t
 							}
-						}).run(), L(!1);
+						}).run(), O(!1);
 					} })
 				}, "emoji-picker") }),
-				/* @__PURE__ */ b("input", {
+				/* @__PURE__ */ u("input", {
 					ref: K,
 					type: "file",
 					accept: "image/*",
@@ -535,7 +543,7 @@ var X = v.forwardRef(function({ format: t = "html", content: n = "", placeholder
 						t && Y(t), e.target.value = "";
 					}
 				}),
-				w && /* @__PURE__ */ b("input", {
+				h && /* @__PURE__ */ u("input", {
 					ref: q,
 					type: "file",
 					"aria-label": "Upload file",
@@ -555,7 +563,7 @@ function Z({ trailing: e }) {
 	let { editor: t, toolbar: n, editable: r, sourceMode: i, onImageClick: a, onFileClick: o, onEmojiClick: s } = Y();
 	if (!r) return null;
 	let c = !i;
-	return !c && !e ? null : /* @__PURE__ */ b(K, {
+	return !c && !e ? null : /* @__PURE__ */ u(K, {
 		editor: t,
 		toolbar: n,
 		showControls: c,
@@ -567,50 +575,50 @@ function Z({ trailing: e }) {
 }
 Z.displayName = "RichTextEditor.Toolbar";
 function Q() {
-	let { editor: e, sourceMode: t, sourceText: n, onSourceChange: r } = Y(), a = V() ? { opacity: 0 } : {
+	let { editor: e, sourceMode: t, sourceText: n, onSourceChange: r } = Y(), i = N() ? { opacity: 0 } : {
 		opacity: 0,
 		y: 4
 	};
-	return /* @__PURE__ */ b(oe, {
+	return /* @__PURE__ */ u(j, {
 		mode: "wait",
 		initial: !1,
-		children: t ? /* @__PURE__ */ b(B.div, {
-			initial: a,
+		children: t ? /* @__PURE__ */ u(M.div, {
+			initial: i,
 			animate: {
 				opacity: 1,
 				y: 0
 			},
-			exit: a,
+			exit: i,
 			transition: {
 				duration: .14,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ b("textarea", {
+			children: /* @__PURE__ */ u("textarea", {
 				value: n,
 				onChange: (e) => r(e.target.value),
 				spellCheck: !1,
 				"aria-label": "Markdown source",
 				className: "block min-h-[120px] w-full resize-y bg-surface-raised px-ds-04 py-ds-04 font-mono text-body-sm leading-ds-relaxed text-surface-fg focus:outline-hidden"
 			})
-		}, "source") : /* @__PURE__ */ b(B.div, {
-			initial: a,
+		}, "source") : /* @__PURE__ */ u(M.div, {
+			initial: i,
 			animate: {
 				opacity: 1,
 				y: 0
 			},
-			exit: a,
+			exit: i,
 			transition: {
 				duration: .14,
 				ease: "easeOut"
 			},
-			children: /* @__PURE__ */ b(i, { editor: e })
+			children: /* @__PURE__ */ u(L, { editor: e })
 		}, "visual")
 	});
 }
 Q.displayName = "RichTextEditor.Content";
 function $({ className: e, iconOnly: r = !1 }) {
-	let { sourceMode: i, toggleSource: a } = Y(), o = i ? "Switch to visual editor" : "Switch to Markdown source", s = i ? A : k;
-	return r ? /* @__PURE__ */ b(n, {
+	let { sourceMode: i, toggleSource: a } = Y(), o = i ? "Switch to visual editor" : "Switch to Markdown source", s = i ? y : v;
+	return r ? /* @__PURE__ */ u(n, {
 		type: "button",
 		variant: "ghost",
 		size: "icon-sm",
@@ -619,11 +627,11 @@ function $({ className: e, iconOnly: r = !1 }) {
 		title: o,
 		className: e,
 		onClick: a,
-		children: /* @__PURE__ */ b(t, {
+		children: /* @__PURE__ */ u(t, {
 			icon: s,
 			size: "sm"
 		})
-	}) : /* @__PURE__ */ b(n, {
+	}) : /* @__PURE__ */ u(n, {
 		type: "button",
 		variant: "ghost",
 		size: "sm",
@@ -636,13 +644,13 @@ function $({ className: e, iconOnly: r = !1 }) {
 	});
 }
 $.displayName = "RichTextEditor.SourceToggle";
-var ce = v.forwardRef(function(t, n) {
-	return /* @__PURE__ */ b(X, {
+var ce = c.forwardRef(function(t, n) {
+	return /* @__PURE__ */ u(X, {
 		ref: n,
 		...t,
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ d("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(Z, { trailing: t.sourceToggle ? /* @__PURE__ */ b($, {}) : void 0 }), /* @__PURE__ */ b(Q, {})]
+			children: [/* @__PURE__ */ u(Z, { trailing: t.sourceToggle ? /* @__PURE__ */ u($, {}) : void 0 }), /* @__PURE__ */ u(Q, {})]
 		})
 	});
 });
@@ -652,11 +660,11 @@ var le = Object.assign(ce, {
 	Toolbar: Z,
 	Content: Q,
 	SourceToggle: $
-}), ue = v.forwardRef(function({ content: t, format: n = "html", className: r, ...s }, m) {
-	let h = p({
+}), ue = c.forwardRef(function({ content: t, format: n = "html", className: r, ...i }, a) {
+	let s = ae({
 		immediatelyRender: !1,
 		extensions: [
-			l.configure({
+			oe.configure({
 				heading: { levels: [2, 3] },
 				link: {
 					openOnClick: !0,
@@ -672,8 +680,8 @@ var le = Object.assign(ce, {
 					}
 				}
 			}),
-			f.configure({ multicolor: !1 }),
-			a.configure({
+			P.configure({ multicolor: !1 }),
+			z.configure({
 				bulletList: !1,
 				orderedList: !1,
 				listItem: !1,
@@ -681,25 +689,25 @@ var le = Object.assign(ce, {
 				taskList: {},
 				taskItem: { nested: !0 }
 			}),
-			c.configure({ types: ["heading", "paragraph"] }),
-			d.configure({
+			B.configure({ types: ["heading", "paragraph"] }),
+			F.configure({
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			_,
-			u.configure({ HTMLAttributes: { class: "mention" } }),
-			o
+			o,
+			I.configure({ HTMLAttributes: { class: "mention" } }),
+			V
 		],
 		content: t,
 		contentType: n === "markdown" ? "markdown" : void 0,
 		editable: !1,
 		editorProps: { attributes: { class: e(...H) } }
 	});
-	return h ? /* @__PURE__ */ b("div", {
-		ref: m,
-		...s,
+	return s ? /* @__PURE__ */ u("div", {
+		ref: a,
+		...i,
 		className: r,
-		children: /* @__PURE__ */ b(i, { editor: h })
+		children: /* @__PURE__ */ u(L, { editor: s })
 	}) : null;
 });
 ue.displayName = "RichTextViewer";