@devalok/shilp-sutra 0.47.0 → 0.49.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;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"}
+{"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,EAAa,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAuUzD,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,4FAwPnB,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

@@ -4,16 +4,14 @@ import { Icon as t } from "../ui/icon.js";
 import { Button as n } from "../ui/button.js";
 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";
+import { EmojiNode as m } from "./extensions/emoji-node.js";
+import { t as h } from "../_chunks/emoji-suggestion.js";
+import { n as g, t as _ } from "../_chunks/mention-suggestion.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { IconAlignCenter as x, IconAlignLeft as S, IconAlignRight as C, IconArrowBackUp as w, IconArrowForwardUp as T, IconBlockquote as E, IconBold as D, IconCode as O, IconH2 as k, IconH3 as A, IconHighlight as j, IconItalic as M, IconLineDashed as N, IconLink as P, IconList as F, IconListCheck as I, IconListNumbers as L, IconMoodSmile as R, IconPaperclip as z, IconPhoto as B, IconStrikethrough as V, IconUnderline as H } from "@tabler/icons-react";
 //#region src/composed/rich-text-editor.tsx
-var G = [
+var U = [
 	"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",
@@ -32,8 +30,8 @@ var G = [
 	"[&_img]:max-w-full [&_img]:rounded-control [&_img]:my-ds-03",
 	r
 ];
-function K({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
-	return /* @__PURE__ */ S("button", {
+function W({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children: a }) {
+	return /* @__PURE__ */ y("button", {
 		type: "button",
 		onClick: t,
 		disabled: r,
@@ -44,14 +42,14 @@ function K({ onClick: t, isActive: n = !1, disabled: r = !1, title: i, children:
 		children: a
 	});
 }
-function q({ editor: e }) {
-	let [r, i] = x.useState(!1), [a, o] = x.useState(""), s = x.useRef(null), { isLink: c } = l({
+function G({ editor: e }) {
+	let [r, i] = v.useState(!1), [a, o] = v.useState(""), s = v.useRef(null), { isLink: c } = l({
 		editor: e,
 		selector: ({ editor: e }) => ({ isLink: e.isActive("link") })
 	});
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ S(K, {
+		children: [/* @__PURE__ */ y(W, {
 			onClick: () => {
 				if (c) {
 					e.chain().focus().unsetLink().run();
@@ -61,17 +59,17 @@ function q({ editor: e }) {
 			},
 			isActive: c,
 			title: "Link",
-			children: /* @__PURE__ */ S(t, {
-				icon: L,
+			children: /* @__PURE__ */ y(t, {
+				icon: P,
 				size: "sm"
 			})
-		}), r && /* @__PURE__ */ C("form", {
+		}), r && /* @__PURE__ */ b("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__ */ S("input", {
+			children: [/* @__PURE__ */ y("input", {
 				ref: s,
 				type: "url",
 				value: a,
@@ -81,7 +79,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__ */ S(n, {
+			}), /* @__PURE__ */ y(n, {
 				type: "submit",
 				variant: "solid",
 				size: "sm",
@@ -90,10 +88,10 @@ function q({ editor: e }) {
 		})]
 	});
 }
-function J() {
-	return /* @__PURE__ */ S("div", { className: "mx-ds-02 h-[16px] w-px bg-surface-border" });
+function K() {
+	return /* @__PURE__ */ y("div", { className: "mx-ds-02 h-ds-05 w-px bg-surface-border" });
 }
-function Y({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a }) {
+function q({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClick: a }) {
 	let o = l({
 		editor: e,
 		selector: ({ editor: e }) => ({
@@ -117,250 +115,236 @@ function Y({ editor: e, toolbar: n, onImageClick: r, onFileClick: i, onEmojiClic
 			canRedo: e.can().redo()
 		})
 	}), 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", {
+	return /* @__PURE__ */ b("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__ */ S(K, {
+			s("bold") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: o.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ S(t, {
-					icon: A,
+				children: /* @__PURE__ */ y(t, {
+					icon: D,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("italic") && /* @__PURE__ */ S(K, {
+			s("italic") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: o.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ S(t, {
-					icon: F,
+				children: /* @__PURE__ */ y(t, {
+					icon: M,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("underline") && /* @__PURE__ */ S(K, {
+			s("underline") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: o.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ S(t, {
-					icon: W,
+				children: /* @__PURE__ */ y(t, {
+					icon: H,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("strike") && /* @__PURE__ */ S(K, {
+			s("strike") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: o.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ S(t, {
-					icon: ee,
+				children: /* @__PURE__ */ y(t, {
+					icon: V,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("highlight") && /* @__PURE__ */ S(K, {
+			s("highlight") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: o.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ S(t, {
-					icon: P,
+				children: /* @__PURE__ */ y(t, {
+					icon: j,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			c && u && /* @__PURE__ */ S(J, {}),
-			s("h2") && /* @__PURE__ */ S(K, {
+			c && u && /* @__PURE__ */ y(K, {}),
+			s("h2") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 2 }).run(),
 				isActive: o.isH2,
 				title: "Heading 2",
-				children: /* @__PURE__ */ S(t, {
-					icon: M,
+				children: /* @__PURE__ */ y(t, {
+					icon: k,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("h3") && /* @__PURE__ */ S(K, {
+			s("h3") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleHeading({ level: 3 }).run(),
 				isActive: o.isH3,
 				title: "Heading 3",
-				children: /* @__PURE__ */ S(t, {
-					icon: N,
+				children: /* @__PURE__ */ y(t, {
+					icon: A,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("blockquote") && /* @__PURE__ */ S(K, {
+			s("blockquote") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleBlockquote().run(),
 				isActive: o.isBlockquote,
 				title: "Blockquote",
-				children: /* @__PURE__ */ S(t, {
-					icon: k,
+				children: /* @__PURE__ */ y(t, {
+					icon: E,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			u && d && /* @__PURE__ */ S(J, {}),
-			s("bulletList") && /* @__PURE__ */ S(K, {
+			u && d && /* @__PURE__ */ y(K, {}),
+			s("bulletList") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleBulletList().run(),
 				isActive: o.isBulletList,
 				title: "Bullet list",
-				children: /* @__PURE__ */ S(t, {
-					icon: R,
+				children: /* @__PURE__ */ y(t, {
+					icon: F,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("orderedList") && /* @__PURE__ */ S(K, {
+			s("orderedList") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleOrderedList().run(),
 				isActive: o.isOrderedList,
 				title: "Ordered list",
-				children: /* @__PURE__ */ S(t, {
-					icon: B,
+				children: /* @__PURE__ */ y(t, {
+					icon: L,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("taskList") && /* @__PURE__ */ S(K, {
+			s("taskList") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleTaskList().run(),
 				isActive: o.isTaskList,
 				title: "Task list",
-				children: /* @__PURE__ */ S(t, {
-					icon: z,
+				children: /* @__PURE__ */ y(t, {
+					icon: I,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			s("codeBlock") && /* @__PURE__ */ S(K, {
+			s("codeBlock") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().toggleCodeBlock().run(),
 				isActive: o.isCodeBlock,
 				title: "Code block",
-				children: /* @__PURE__ */ S(t, {
-					icon: j,
+				children: /* @__PURE__ */ y(t, {
+					icon: O,
 					size: "sm",
 					stroke: "bold"
 				})
 			}),
-			d && f && /* @__PURE__ */ S(J, {}),
-			s("link") && /* @__PURE__ */ S(q, { editor: e }),
-			r && s("image") && /* @__PURE__ */ S(K, {
+			d && f && /* @__PURE__ */ y(K, {}),
+			s("link") && /* @__PURE__ */ y(G, { editor: e }),
+			r && s("image") && /* @__PURE__ */ y(W, {
 				onClick: r,
 				title: "Insert image",
-				children: /* @__PURE__ */ S(t, {
-					icon: U,
+				children: /* @__PURE__ */ y(t, {
+					icon: B,
 					size: "sm"
 				})
 			}),
-			i && s("file") && /* @__PURE__ */ S(K, {
+			i && s("file") && /* @__PURE__ */ y(W, {
 				onClick: i,
 				title: "Attach file",
-				children: /* @__PURE__ */ S(t, {
-					icon: H,
+				children: /* @__PURE__ */ y(t, {
+					icon: z,
 					size: "sm"
 				})
 			}),
-			s("hr") && /* @__PURE__ */ S(K, {
+			s("hr") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().setHorizontalRule().run(),
 				title: "Horizontal rule",
-				children: /* @__PURE__ */ S(t, {
-					icon: I,
+				children: /* @__PURE__ */ y(t, {
+					icon: N,
 					size: "sm"
 				})
 			}),
-			f && p && /* @__PURE__ */ S(J, {}),
-			s("alignLeft") && /* @__PURE__ */ S(K, {
+			f && p && /* @__PURE__ */ y(K, {}),
+			s("alignLeft") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().setTextAlign("left").run(),
 				isActive: o.isAlignLeft,
 				title: "Align left",
-				children: /* @__PURE__ */ S(t, {
-					icon: T,
+				children: /* @__PURE__ */ y(t, {
+					icon: S,
 					size: "sm"
 				})
 			}),
-			s("alignCenter") && /* @__PURE__ */ S(K, {
+			s("alignCenter") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().setTextAlign("center").run(),
 				isActive: o.isAlignCenter,
 				title: "Align center",
-				children: /* @__PURE__ */ S(t, {
-					icon: w,
+				children: /* @__PURE__ */ y(t, {
+					icon: x,
 					size: "sm"
 				})
 			}),
-			s("alignRight") && /* @__PURE__ */ S(K, {
+			s("alignRight") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().setTextAlign("right").run(),
 				isActive: o.isAlignRight,
 				title: "Align right",
-				children: /* @__PURE__ */ S(t, {
-					icon: E,
+				children: /* @__PURE__ */ y(t, {
+					icon: C,
 					size: "sm"
 				})
 			}),
-			p && (m || h) && /* @__PURE__ */ S(J, {}),
-			a && s("emoji") && /* @__PURE__ */ S(K, {
+			p && (m || h) && /* @__PURE__ */ y(K, {}),
+			a && s("emoji") && /* @__PURE__ */ y(W, {
 				onClick: a,
 				title: "Emoji",
-				children: /* @__PURE__ */ S(t, {
-					icon: V,
+				children: /* @__PURE__ */ y(t, {
+					icon: R,
 					size: "sm"
 				})
 			}),
-			s("undo") && /* @__PURE__ */ S(K, {
+			s("undo") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().undo().run(),
 				disabled: !o.canUndo,
 				title: "Undo",
-				children: /* @__PURE__ */ S(t, {
-					icon: D,
+				children: /* @__PURE__ */ y(t, {
+					icon: w,
 					size: "sm"
 				})
 			}),
-			s("redo") && /* @__PURE__ */ S(K, {
+			s("redo") && /* @__PURE__ */ y(W, {
 				onClick: () => e.chain().focus().redo().run(),
 				disabled: !o.canRedo,
 				title: "Redo",
-				children: /* @__PURE__ */ S(t, {
-					icon: O,
+				children: /* @__PURE__ */ y(t, {
+					icon: T,
 					size: "sm"
 				})
 			})
 		]
 	});
 }
-var X = x.lazy(() => import("@emoji-mart/react"));
-function Z({ set: e = "native", onSelect: t }) {
-	let [n, r] = x.useState(null), { colorMode: i } = m();
-	x.useEffect(() => {
-		h(e).then((e) => r(e));
-	}, [e]);
-	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__ */ S("span", {
+var J = v.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
+function Y({ onSelect: e }) {
+	let t = /* @__PURE__ */ y("div", {
+		className: "flex h-[435px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-raised-hover",
+		children: /* @__PURE__ */ y("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
-			children: "Loading..."
+			children: "Loading…"
 		})
 	});
-	return n ? /* @__PURE__ */ S(x.Suspense, {
-		fallback: a,
-		children: /* @__PURE__ */ S(X, {
-			data: n,
-			set: e,
-			onEmojiSelect: (e) => t({
-				id: e.id,
-				native: e.native
-			}),
-			theme: i === "dark" ? "dark" : "light",
-			previewPosition: "none",
-			skinTonePosition: "none"
-		})
-	}) : a;
+	return /* @__PURE__ */ y(v.Suspense, {
+		fallback: t,
+		children: /* @__PURE__ */ y(J, { onSelect: 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);
+var X = v.forwardRef(function({ content: t = "", placeholder: n = "Start writing...", onChange: r, className: l, editable: x = !0, toolbar: S, onImageUpload: C, onFileUpload: w, mentions: T, onMentionSearch: E, onMentionSelect: D, emojiSet: O = "native", ...k }, A) {
+	let j = v.useRef(null), M = v.useRef(!1), [N, P] = v.useState(!1), F = v.useRef(null), I = v.useRef(null), L = v.useRef(null), R = async (e) => {
+		let t = j.current;
+		if (t) if (C) {
+			let n = await C(e);
 			n && /^https?:\/\//i.test(n) && t.chain().focus().setImage({ src: n }).run();
 		} else {
 			let n = new FileReader();
@@ -368,10 +352,10 @@ var Q = x.forwardRef(function({ content: t = "", placeholder: n = "Start writing
 				t.chain().focus().setImage({ src: n.result }).run();
 			}, n.readAsDataURL(e);
 		}
-	}, V = async (e) => {
-		let t = N.current;
-		if (!t || !E) return;
-		let n = await E(e);
+	}, z = async (e) => {
+		let t = j.current;
+		if (!t || !w) return;
+		let n = await w(e);
 		t.chain().focus().insertContent({
 			type: "fileAttachment",
 			attrs: {
@@ -380,7 +364,7 @@ var Q = x.forwardRef(function({ content: t = "", placeholder: n = "Start writing
 				size: n.size
 			}
 		}).run();
-	}, H = a({
+	}, B = a({
 		immediatelyRender: !1,
 		extensions: [
 			d.configure({
@@ -417,111 +401,104 @@ var Q = x.forwardRef(function({ content: t = "", placeholder: n = "Start writing
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			y,
-			...D || O ? [s.configure({
+			g,
+			...T || E ? [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: b(k)
+					items: async ({ query: e }) => E ? await E(e) : T ? T.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [],
+					render: _(D)
 				}
 			})] : [],
-			_,
-			v(A)
+			m,
+			h()
 		],
 		content: t,
-		editable: m,
+		editable: x,
 		editorProps: {
 			handleDrop: (e, t, n, r) => {
 				if (r || !t.dataTransfer?.files.length) return !1;
 				let i = t.dataTransfer.files[0];
-				return i ? i.type.startsWith("image/") ? (B(i), !0) : E ? (V(i), !0) : !1 : !1;
+				return i ? i.type.startsWith("image/") ? (R(i), !0) : w ? (z(i), !0) : !1 : !1;
 			},
 			handlePaste: (e, t) => {
 				let n = t.clipboardData?.files[0];
-				return n ? n.type.startsWith("image/") ? (B(n), !0) : E ? (V(n), !0) : !1 : !1;
+				return n ? n.type.startsWith("image/") ? (R(n), !0) : w ? (z(n), !0) : !1 : !1;
 			},
-			attributes: { class: e(...G, "focus:outline-hidden", "min-h-[120px] px-ds-04 py-ds-04") }
+			attributes: { class: e(...U, "focus:outline-hidden", "min-h-[120px] px-ds-04 py-ds-04") }
 		},
 		onUpdate: ({ editor: e }) => {
-			P.current = !0, r?.(e.getHTML()), queueMicrotask(() => {
-				P.current = !1;
+			M.current = !0, r?.(e.getHTML()), queueMicrotask(() => {
+				M.current = !1;
 			});
 		}
 	});
-	return x.useEffect(() => {
-		N.current = H;
-	}, [H]), x.useEffect(() => {
-		if (!F) return;
+	return v.useEffect(() => {
+		j.current = B;
+	}, [B]), v.useEffect(() => {
+		if (!N) return;
 		let e = (e) => {
-			L.current && !L.current.contains(e.target) && I(!1);
+			F.current && !F.current.contains(e.target) && P(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [F]), x.useEffect(() => {
-		P.current || H && t !== H.getHTML() && H.commands.setContent(t, { emitUpdate: !1 });
-	}, [H, t]), H ? /* @__PURE__ */ C("div", {
-		ref: M,
-		...j,
+	}, [N]), v.useEffect(() => {
+		M.current || B && t !== B.getHTML() && B.commands.setContent(t, { emitUpdate: !1 });
+	}, [B, t]), B ? /* @__PURE__ */ b("div", {
+		ref: A,
+		...k,
 		className: e("relative", l),
-		children: [F && /* @__PURE__ */ S("div", {
-			ref: L,
+		children: [N && /* @__PURE__ */ y("div", {
+			ref: F,
 			className: "absolute bottom-full right-0 z-popover mb-ds-02",
 			onKeyDown: (e) => {
-				e.key === "Escape" && (e.stopPropagation(), I(!1));
+				e.key === "Escape" && (e.stopPropagation(), P(!1));
 			},
-			children: /* @__PURE__ */ S(Z, {
-				set: A,
-				onSelect: async ({ id: e, native: t }) => {
-					let n = g(await h(A), e);
-					n ? H.chain().focus().insertContent({
-						type: "emojiNode",
-						attrs: {
-							id: e,
-							native: n.native,
-							set: A,
-							x: n.x,
-							y: n.y
-						}
-					}).run() : H.chain().focus().insertContent(t).run(), I(!1);
-				}
-			})
-		}), /* @__PURE__ */ C("div", {
+			children: /* @__PURE__ */ y(Y, { onSelect: ({ id: e, native: t }) => {
+				B.chain().focus().insertContent({
+					type: "emojiNode",
+					attrs: {
+						id: e,
+						native: t
+					}
+				}).run(), P(!1);
+			} })
+		}), /* @__PURE__ */ b("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__ */ S("input", {
-					ref: R,
+				/* @__PURE__ */ y("input", {
+					ref: I,
 					type: "file",
 					accept: "image/*",
 					"aria-label": "Upload image",
 					className: "hidden",
 					onChange: (e) => {
 						let t = e.target.files?.[0];
-						t && B(t), e.target.value = "";
+						t && R(t), e.target.value = "";
 					}
 				}),
-				E && /* @__PURE__ */ S("input", {
-					ref: z,
+				w && /* @__PURE__ */ y("input", {
+					ref: L,
 					type: "file",
 					"aria-label": "Upload file",
 					className: "hidden",
 					onChange: (e) => {
 						let t = e.target.files?.[0];
-						t && V(t), e.target.value = "";
+						t && z(t), e.target.value = "";
 					}
 				}),
-				m && /* @__PURE__ */ S(Y, {
-					editor: H,
-					toolbar: w,
-					onImageClick: () => R.current?.click(),
-					onFileClick: E ? () => z.current?.click() : void 0,
-					onEmojiClick: () => I((e) => !e)
+				x && /* @__PURE__ */ y(q, {
+					editor: B,
+					toolbar: S,
+					onImageClick: () => I.current?.click(),
+					onFileClick: w ? () => L.current?.click() : void 0,
+					onEmojiClick: () => P((e) => !e)
 				}),
-				/* @__PURE__ */ S(i, { editor: H })
+				/* @__PURE__ */ y(i, { editor: B })
 			]
 		})]
 	}) : null;
 });
-Q.displayName = "RichTextEditor";
-var $ = x.forwardRef(function({ content: t, className: n, ...r }, o) {
+X.displayName = "RichTextEditor";
+var Z = v.forwardRef(function({ content: t, className: n, ...r }, o) {
 	let l = a({
 		immediatelyRender: !1,
 		extensions: [
@@ -555,20 +532,20 @@ var $ = x.forwardRef(function({ content: t, className: n, ...r }, o) {
 				allowBase64: !0,
 				HTMLAttributes: { class: "max-w-full rounded-control" }
 			}),
-			y,
+			g,
 			s.configure({ HTMLAttributes: { class: "mention" } })
 		],
 		content: t,
 		editable: !1,
-		editorProps: { attributes: { class: e(...G) } }
+		editorProps: { attributes: { class: e(...U) } }
 	});
-	return l ? /* @__PURE__ */ S("div", {
+	return l ? /* @__PURE__ */ y("div", {
 		ref: o,
 		...r,
 		className: n,
-		children: /* @__PURE__ */ S(i, { editor: l })
+		children: /* @__PURE__ */ y(i, { editor: l })
 	}) : null;
 });
-$.displayName = "RichTextViewer";
+Z.displayName = "RichTextViewer";
 //#endregion
-export { Q as RichTextEditor, $ as RichTextViewer };
+export { X as RichTextEditor, Z as RichTextViewer };