@devalok/shilp-sutra 0.45.0 → 0.46.0

package/dist/composed/rich-text-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAsV9C,MAAM,MAAM,WAAW,GACnB,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GACxD,IAAI,GAAG,IAAI,GAAG,YAAY,GAC1B,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GACvD,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAChC,WAAW,GAAG,aAAa,GAAG,YAAY,GAC1C,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9G,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,+DAA+D;IAC/D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7C,yCAAyC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,QAAA,MAAM,cAAc,4FA6PnB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACjG,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAuDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAsV9C,MAAM,MAAM,WAAW,GACnB,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GACxD,IAAI,GAAG,IAAI,GAAG,YAAY,GAC1B,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,WAAW,GACvD,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAChC,WAAW,GAAG,aAAa,GAAG,YAAY,GAC1C,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAE7B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9G,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,+DAA+D;IAC/D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7C,yCAAyC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,QAAA,MAAM,cAAc,4FA6PnB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACjG,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAuDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

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

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