@devalok/shilp-sutra 0.49.0 → 0.49.2

package/dist/composed/rich-chat-input.js

@@ -1,5 +1,5 @@
 "use client";
-import { cn as e, fn as t, ln as n, pn as r } from "../_chunks/primitives.js";
+import { computePosition as e, flip$1 as t, offset$1 as n, shift$1 as r } from "../_chunks/primitives.js";
 import { durations as i } from "../ui/lib/motion.js";
 import { cn as a } from "../ui/lib/utils.js";
 import { Spinner as o } from "../ui/spinner.js";
@@ -10,22 +10,22 @@ import { Dialog as u, DialogContent as d, DialogFooter as f, DialogHeader as p,
 import { SplitButton as h } from "../ui/split-button.js";
 import { ToggleGroup as g, ToggleGroupItem as _ } from "../ui/toggle-group.js";
 import { TruncatedText as v } from "../ui/truncated-text.js";
-import { t as y } from "../_chunks/mention.js";
-import { a as b, c as x, d as ee, f as S, g as C, h as te, i as ne, l as w, m as re, n as ie, p as ae, u as oe, y as se } from "../_chunks/tiptap.js";
-import { EmojiNode as ce } from "./extensions/emoji-node.js";
-import { t as le } from "../_chunks/emoji-suggestion.js";
-import { n as ue, t as de } from "../_chunks/mention-suggestion.js";
-import { n as T, t as fe } from "../_chunks/use-calendar.js";
-import * as E from "react";
-import { useCallback as D, useEffect as pe, useRef as O, useState as k } from "react";
-import { Fragment as me, jsx as A, jsxs as j } from "react/jsx-runtime";
-import * as he from "react-dom";
-import { IconAt as M, IconBlockquote as ge, IconBold as _e, IconCalendarEvent as ve, IconChevronDown as ye, IconClock as be, IconCode as xe, IconFile as Se, IconHighlight as N, IconItalic as Ce, IconLink as we, IconList as Te, IconListNumbers as Ee, IconMicrophone as De, IconMoodSmile as Oe, IconPencil as ke, IconPlayerPause as P, IconPlayerPlay as F, IconPlus as Ae, IconSend as je, IconSlash as I, IconSquare as Me, IconStrikethrough as Ne, IconTextSize as Pe, IconTrash as Fe, IconUnderline as L, IconX as R } from "@tabler/icons-react";
-import { AnimatePresence as z, motion as B, useReducedMotion as V } from "framer-motion";
-import { createRoot as H } from "react-dom/client";
+import { MENTION_TOKEN_CLASS as y } from "../_chunks/mention.js";
+import { BubbleMenu as b, CharacterCount as x, EditorContent as ee, Extension as S, Placeholder as C, PluginKey as w, index_default$1 as te, index_default$2 as ne, index_default$3 as T, index_default$4 as re, index_default$5 as ie, useEditor as ae, useEditorState as E } from "../_chunks/tiptap.js";
+import { EmojiNode as oe } from "./extensions/emoji-node.js";
+import { createEmojiSuggestion as se } from "../_chunks/emoji-suggestion.js";
+import { FileAttachment as ce, createSuggestionRenderer as le } from "../_chunks/mention-suggestion.js";
+import { CalendarGrid as D, useCalendar as ue } from "../_chunks/use-calendar.js";
+import * as O from "react";
+import { useCallback as k, useEffect as de, useRef as A, useState as j } from "react";
+import { Fragment as fe, jsx as M, jsxs as N } from "react/jsx-runtime";
+import * as pe from "react-dom";
+import { IconAt as P, IconBlockquote as me, IconBold as he, IconCalendarEvent as ge, IconChevronDown as _e, IconClock as ve, IconCode as ye, IconFile as be, IconHighlight as F, IconItalic as xe, IconLink as Se, IconList as Ce, IconListNumbers as we, IconMicrophone as Te, IconMoodSmile as Ee, IconPencil as De, IconPlayerPause as I, IconPlayerPlay as L, IconPlus as Oe, IconSend as ke, IconSlash as R, IconSquare as Ae, IconStrikethrough as je, IconTextSize as Me, IconTrash as Ne, IconUnderline as z, IconX as B } from "@tabler/icons-react";
+import { AnimatePresence as Pe, motion as V, useReducedMotion as H } from "framer-motion";
+import { createRoot as Fe } from "react-dom/client";
 //#region src/composed/extensions/slash-command.tsx
-var Ie = E.forwardRef(({ groups: e, query: t, command: n }, r) => {
-	let [i, o] = E.useState(0), s = E.useMemo(() => {
+var Ie = O.forwardRef(({ groups: e, query: t, command: n }, r) => {
+	let [i, o] = O.useState(0), s = O.useMemo(() => {
 		let n = t.toLowerCase(), r = [];
 		return e.forEach((e, t) => {
 			e.commands.forEach((e) => {
@@ -36,7 +36,7 @@ var Ie = E.forwardRef(({ groups: e, query: t, command: n }, r) => {
 			});
 		}), r;
 	}, [e, t]);
-	if (E.useEffect(() => o(0), [s]), E.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (o((e) => (e + s.length - 1) % s.length), !0) : e.key === "ArrowDown" ? (o((e) => (e + 1) % s.length), !0) : e.key === "Enter" ? (s[i] && n(s[i].command), !0) : !1 })), !s.length) return null;
+	if (O.useEffect(() => o(0), [s]), O.useImperativeHandle(r, () => ({ onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (o((e) => (e + s.length - 1) % s.length), !0) : e.key === "ArrowDown" ? (o((e) => (e + 1) % s.length), !0) : e.key === "Enter" ? (s[i] && n(s[i].command), !0) : !1 })), !s.length) return null;
 	let c = [], l = 0;
 	for (let t of s) {
 		let n = e[t.groupIndex].label, r = c[c.length - 1];
@@ -48,36 +48,36 @@ var Ie = E.forwardRef(({ groups: e, query: t, command: n }, r) => {
 			flatIndex: l
 		}), l++;
 	}
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ M("div", {
 		role: "listbox",
 		"aria-label": "Slash commands",
 		className: "z-popover max-h-[320px] min-w-[220px] overflow-x-hidden overflow-y-auto rounded-surface bg-surface-overlay p-ds-02 shadow-floating",
-		children: c.map((e, t) => /* @__PURE__ */ j("div", {
+		children: c.map((e, t) => /* @__PURE__ */ N("div", {
 			role: "group",
 			"aria-label": e.label,
 			children: [
-				t > 0 && /* @__PURE__ */ A("div", { className: "my-ds-01 border-t border-surface-border" }),
-				/* @__PURE__ */ A("div", {
+				t > 0 && /* @__PURE__ */ M("div", { className: "my-ds-01 border-t border-surface-border" }),
+				/* @__PURE__ */ M("div", {
 					className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 					children: e.label
 				}),
 				e.items.map(({ command: e, flatIndex: t }) => {
 					let r = e.icon;
-					return /* @__PURE__ */ j("button", {
+					return /* @__PURE__ */ N("button", {
 						type: "button",
 						role: "option",
 						"aria-selected": t === i,
 						onClick: () => n(e),
 						className: a("flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-left cursor-pointer", t === i ? "bg-surface-raised-hover" : "hover:bg-surface-raised-hover"),
-						children: [r && /* @__PURE__ */ A("span", {
+						children: [r && /* @__PURE__ */ M("span", {
 							className: "flex h-4 w-4 shrink-0 items-center justify-center text-surface-fg-muted",
-							children: /* @__PURE__ */ A(r, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ j("div", {
+							children: /* @__PURE__ */ M(r, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ N("div", {
 							className: "flex flex-col",
-							children: [/* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ M("span", {
 								className: "text-ds-sm text-surface-fg",
 								children: e.label
-							}), e.description && /* @__PURE__ */ A("span", {
+							}), e.description && /* @__PURE__ */ M("span", {
 								className: "text-ds-xs text-surface-fg-subtle",
 								children: e.description
 							})]
@@ -96,7 +96,7 @@ function Le(e) {
 			onStart: (i) => {
 				n = document.createElement("div"), n.style.position = "absolute", n.style.zIndex = "1400";
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = H(n), t.render(/* @__PURE__ */ A(Ie, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), document.body.appendChild(n), t = Fe(n), t.render(/* @__PURE__ */ M(Ie, {
 					ref: (e) => {
 						r = e;
 					},
@@ -108,7 +108,7 @@ function Le(e) {
 			onUpdate: (i) => {
 				if (!t || !n) return;
 				let a = i.clientRect?.();
-				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ A(Ie, {
+				a && (n.style.left = `${a.left}px`, n.style.top = `${a.bottom + 4}px`), t.render(/* @__PURE__ */ M(Ie, {
 					ref: (e) => {
 						r = e;
 					},
@@ -126,11 +126,11 @@ function Le(e) {
 }
 function Re(e) {
 	let t = e.flatMap((e) => e.commands);
-	return C.create({
+	return S.create({
 		name: "slashCommand",
 		addProseMirrorPlugins() {
-			return [ae({
-				pluginKey: new se("slashCommand"),
+			return [T({
+				pluginKey: new w("slashCommand"),
 				editor: this.editor,
 				char: "/",
 				startOfLine: !0,
@@ -154,7 +154,7 @@ function ze(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function Be({ attachments: e, onRemoveAttachment: t }) {
-	return /* @__PURE__ */ A(B.div, {
+	return /* @__PURE__ */ M(V.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -177,13 +177,13 @@ function Be({ attachments: e, onRemoveAttachment: t }) {
 			]
 		},
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ M("div", {
 			role: "list",
 			"aria-label": "Attachments",
 			className: "flex gap-ds-02 overflow-x-auto px-ds-04 py-ds-02b border-b border-surface-border",
-			children: /* @__PURE__ */ A(z, {
+			children: /* @__PURE__ */ M(Pe, {
 				initial: !1,
-				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ j(B.div, {
+				children: e.map((e) => e.type === "image" ? /* @__PURE__ */ N(V.div, {
 					role: "listitem",
 					"aria-label": `Image: ${e.name}`,
 					layout: !0,
@@ -214,27 +214,27 @@ function Be({ attachments: e, onRemoveAttachment: t }) {
 					},
 					className: "relative h-12 w-12 shrink-0 group",
 					children: [
-						/* @__PURE__ */ A("img", {
+						/* @__PURE__ */ M("img", {
 							src: e.url,
 							alt: e.name,
 							className: "h-full w-full rounded-control object-cover"
 						}),
-						/* @__PURE__ */ A("button", {
+						/* @__PURE__ */ M("button", {
 							onClick: () => t(e.id),
 							className: "absolute -top-1 -right-1 h-ico-sm w-ico-sm rounded-pill bg-error-9 text-error-fg flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
 							"aria-label": `Remove ${e.name}`,
 							title: "Remove",
-							children: /* @__PURE__ */ A(s, {
-								icon: R,
+							children: /* @__PURE__ */ M(s, {
+								icon: B,
 								size: "xs"
 							})
 						}),
-						e.uploading && /* @__PURE__ */ A("div", {
+						e.uploading && /* @__PURE__ */ M("div", {
 							className: "absolute inset-0 rounded-control bg-surface-overlay/50 flex items-center justify-center",
-							children: /* @__PURE__ */ A(o, { size: "sm" })
+							children: /* @__PURE__ */ M(o, { size: "sm" })
 						})
 					]
-				}, e.id) : /* @__PURE__ */ j(B.div, {
+				}, e.id) : /* @__PURE__ */ N(V.div, {
 					role: "listitem",
 					"aria-label": `File: ${e.name}, ${ze(e.size)}`,
 					layout: !0,
@@ -265,27 +265,27 @@ function Be({ attachments: e, onRemoveAttachment: t }) {
 					},
 					className: "flex items-center gap-ds-02 shrink-0 rounded-control bg-surface-raised px-ds-03 py-ds-01 group",
 					children: [
-						/* @__PURE__ */ A(s, {
-							icon: Se,
+						/* @__PURE__ */ M(s, {
+							icon: be,
 							size: "xs",
 							className: "text-surface-fg-muted"
 						}),
-						/* @__PURE__ */ A(v, {
+						/* @__PURE__ */ M(v, {
 							mode: "middle",
 							className: "max-w-[120px] text-ds-xs text-surface-fg-muted",
 							children: e.name
 						}),
-						/* @__PURE__ */ A("span", {
+						/* @__PURE__ */ M("span", {
 							className: "text-ds-xs text-surface-fg-subtle",
 							children: ze(e.size)
 						}),
-						/* @__PURE__ */ A("button", {
+						/* @__PURE__ */ M("button", {
 							onClick: () => t(e.id),
 							className: "text-surface-fg-subtle hover:text-error-11 opacity-0 group-hover:opacity-100 transition-opacity duration-fast-02",
 							"aria-label": `Remove ${e.name}`,
 							title: "Remove",
-							children: /* @__PURE__ */ A(s, {
-								icon: R,
+							children: /* @__PURE__ */ M(s, {
+								icon: B,
 								size: "xs"
 							})
 						})
@@ -297,9 +297,9 @@ function Be({ attachments: e, onRemoveAttachment: t }) {
 }
 //#endregion
 //#region src/composed/rich-chat-input/audio-waveform.tsx
-var U = E.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: o = 2, barCount: s = 40, height: c = 32, className: l, ...u }, d) {
-	let [f, p] = E.useState(() => Array(s).fill(.05)), m = E.useRef(0), h = E.useRef(f);
-	E.useEffect(() => {
+var U = O.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r = 0, barWidth: i = 3, barGap: o = 2, barCount: s = 40, height: c = 32, className: l, ...u }, d) {
+	let [f, p] = O.useState(() => Array(s).fill(.05)), m = O.useRef(0), h = O.useRef(f);
+	O.useEffect(() => {
 		if (e !== "live" || !t) return;
 		let n = new Uint8Array(t.frequencyBinCount), r = () => {
 			t.getByteFrequencyData(n);
@@ -317,7 +317,7 @@ var U = E.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		e,
 		t,
 		s
-	]), E.useEffect(() => {
+	]), O.useEffect(() => {
 		if (!(e !== "static" || !n)) if (n.length === s) p(n);
 		else {
 			let e = Array(s), t = n.length / s;
@@ -332,9 +332,9 @@ var U = E.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		n,
 		s
 	]);
-	let g = s * (i + o) - o, _ = E.useMemo(() => f.map((t, n) => {
+	let g = s * (i + o) - o, _ = O.useMemo(() => f.map((t, n) => {
 		let a = Math.max(2, t * c), l = n * (i + o), u = (c - a) / 2, d = e === "static" && r > 0 && n / s <= r;
-		return /* @__PURE__ */ A("rect", {
+		return /* @__PURE__ */ M("rect", {
 			x: l,
 			y: u,
 			width: i,
@@ -351,7 +351,7 @@ var U = E.forwardRef(function({ mode: e, analyserNode: t, data: n, progress: r =
 		s,
 		c
 	]);
-	return /* @__PURE__ */ A("svg", {
+	return /* @__PURE__ */ M("svg", {
 		ref: d,
 		height: c,
 		viewBox: `0 0 ${g} ${c}`,
@@ -373,15 +373,15 @@ var Ve = [
 function He(e) {
 	return `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
-var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, o) {
-	let s = E.useRef(null), c = E.useRef(null), [u, d] = E.useState(!1), [f, p] = E.useState(0), [m, h] = E.useState(0), [g, _] = E.useState(null), v = E.useMemo(() => {
+var Ue = O.forwardRef(function({ src: e, duration: t, waveformData: n, className: r, ...i }, o) {
+	let s = O.useRef(null), c = O.useRef(null), [u, d] = O.useState(!1), [f, p] = O.useState(0), [m, h] = O.useState(0), [g, _] = O.useState(null), v = O.useMemo(() => {
 		if (typeof e == "string") return e;
 		let t = URL.createObjectURL(e);
 		return _(t), t;
 	}, [e]);
-	E.useEffect(() => () => {
+	O.useEffect(() => () => {
 		g && URL.revokeObjectURL(g);
-	}, [g]), E.useEffect(() => {
+	}, [g]), O.useEffect(() => {
 		let e = s.current;
 		if (!e) return;
 		let t = () => p(e.currentTime), n = () => {
@@ -391,33 +391,33 @@ var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className
 			e.removeEventListener("timeupdate", t), e.removeEventListener("ended", n);
 		};
 	}, []);
-	let y = E.useCallback(() => {
+	let y = O.useCallback(() => {
 		let e = s.current;
 		e && (u ? (e.pause(), d(!1)) : (e.play(), d(!0)));
-	}, [u]), b = E.useCallback((e) => {
+	}, [u]), b = O.useCallback((e) => {
 		(e.key === " " || e.key === "Enter") && (e.preventDefault(), y());
-	}, [y]), x = E.useCallback((e) => {
+	}, [y]), x = O.useCallback((e) => {
 		let n = s.current, r = c.current;
 		if (!n || !r || t <= 0) return;
 		let i = r.getBoundingClientRect(), a = e.clientX - i.left;
 		n.currentTime = Math.max(0, Math.min(1, a / i.width)) * t, p(n.currentTime);
-	}, [t]), ee = E.useCallback(() => {
+	}, [t]), ee = O.useCallback(() => {
 		let e = (m + 1) % Ve.length;
 		h(e), s.current && (s.current.playbackRate = Ve[e]);
 	}, [m]), S = t > 0 ? f / t : 0, C = Ve[m];
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ N("div", {
 		ref: o,
 		role: "group",
 		"aria-label": "Voice message player",
 		className: a("flex items-center gap-ds-03", r),
 		...i,
 		children: [
-			/* @__PURE__ */ A("audio", {
+			/* @__PURE__ */ M("audio", {
 				ref: s,
 				src: v,
 				preload: "metadata"
 			}),
-			/* @__PURE__ */ A(l, {
+			/* @__PURE__ */ M(l, {
 				type: "button",
 				variant: "solid",
 				shape: "pill",
@@ -426,13 +426,13 @@ var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				onKeyDown: b,
 				"aria-label": u ? "Pause voice message" : "Play voice message",
 				className: "shrink-0 active:scale-95",
-				children: A(u ? P : F, {
+				children: M(u ? I : L, {
 					size: 16,
 					stroke: 2,
 					"aria-hidden": "true"
 				})
 			}),
-			/* @__PURE__ */ A(U, {
+			/* @__PURE__ */ M(U, {
 				ref: c,
 				mode: "static",
 				data: n,
@@ -440,7 +440,7 @@ var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className
 				className: "cursor-pointer",
 				onClick: x
 			}),
-			/* @__PURE__ */ j("span", {
+			/* @__PURE__ */ N("span", {
 				className: "text-ds-xs tabular-nums text-surface-fg-subtle whitespace-nowrap",
 				children: [
 					He(f),
@@ -448,7 +448,7 @@ var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className
 					He(t)
 				]
 			}),
-			/* @__PURE__ */ j("button", {
+			/* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: ee,
 				"aria-label": `Playback speed ${C}x`,
@@ -461,15 +461,15 @@ var Ue = E.forwardRef(function({ src: e, duration: t, waveformData: n, className
 Ue.displayName = "AudioPlayer";
 //#endregion
 //#region src/composed/rich-chat-input/chat-toolbar.tsx
-var We = E.createContext(null);
+var We = O.createContext(null);
 function W() {
-	let e = E.useContext(We);
+	let e = O.useContext(We);
 	if (!e) throw Error("Toolbar primitives must be used inside <ChatToolbar>");
 	return e;
 }
 function G({ onClick: e, isActive: t, disabled: n, title: r, children: i, className: o }) {
 	let { disabled: s } = W();
-	return /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ M("button", {
 		type: "button",
 		onClick: e,
 		disabled: n ?? s,
@@ -481,239 +481,239 @@ function G({ onClick: e, isActive: t, disabled: n, title: r, children: i, classN
 	});
 }
 function K() {
-	return /* @__PURE__ */ A("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
+	return /* @__PURE__ */ M("div", { className: "h-4 w-px bg-surface-border-subtle mx-ds-01" });
 }
 function q({ children: e, className: t }) {
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ M("div", {
 		className: a("flex items-center gap-ds-01", t),
 		children: e
 	});
 }
 function Ge() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bold") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleBold().run(),
 		isActive: t,
 		title: "Bold",
-		children: /* @__PURE__ */ A(s, {
-			icon: _e,
+		children: /* @__PURE__ */ M(s, {
+			icon: he,
 			size: "xs"
 		})
 	});
 }
 function Ke() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("italic") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleItalic().run(),
 		isActive: t,
 		title: "Italic",
-		children: /* @__PURE__ */ A(s, {
-			icon: Ce,
+		children: /* @__PURE__ */ M(s, {
+			icon: xe,
 			size: "xs"
 		})
 	});
 }
 function qe() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("underline") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleUnderline().run(),
 		isActive: t,
 		title: "Underline",
-		children: /* @__PURE__ */ A(s, {
-			icon: L,
+		children: /* @__PURE__ */ M(s, {
+			icon: z,
 			size: "xs"
 		})
 	});
 }
 function Je() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("strike") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleStrike().run(),
 		isActive: t,
 		title: "Strikethrough",
-		children: /* @__PURE__ */ A(s, {
-			icon: Ne,
+		children: /* @__PURE__ */ M(s, {
+			icon: je,
 			size: "xs"
 		})
 	});
 }
 function Ye() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("highlight") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleHighlight().run(),
 		isActive: t,
 		title: "Highlight",
-		children: /* @__PURE__ */ A(s, {
-			icon: N,
+		children: /* @__PURE__ */ M(s, {
+			icon: F,
 			size: "xs"
 		})
 	});
 }
 function Xe() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("code") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleCode().run(),
 		isActive: t,
 		title: "Inline code",
-		children: /* @__PURE__ */ A(s, {
-			icon: xe,
+		children: /* @__PURE__ */ M(s, {
+			icon: ye,
 			size: "xs"
 		})
 	});
 }
 function Ze() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("bulletList") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleBulletList().run(),
 		isActive: t,
 		title: "Bullet list",
-		children: /* @__PURE__ */ A(s, {
-			icon: Te,
+		children: /* @__PURE__ */ M(s, {
+			icon: Ce,
 			size: "xs"
 		})
 	});
 }
 function Qe() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("orderedList") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleOrderedList().run(),
 		isActive: t,
 		title: "Ordered list",
-		children: /* @__PURE__ */ A(s, {
-			icon: Ee,
+		children: /* @__PURE__ */ M(s, {
+			icon: we,
 			size: "xs"
 		})
 	});
 }
 function $e() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("blockquote") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().toggleBlockquote().run(),
 		isActive: t,
 		title: "Quote",
-		children: /* @__PURE__ */ A(s, {
-			icon: ge,
+		children: /* @__PURE__ */ M(s, {
+			icon: me,
 			size: "xs"
 		})
 	});
 }
 function et() {
-	let { editor: e } = W(), { isActive: t } = w({
+	let { editor: e } = W(), { isActive: t } = E({
 		editor: e,
 		selector: ({ editor: e }) => ({ isActive: e.isActive("link") })
 	});
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => {
 			let t = window.prompt("URL");
 			t && e.chain().focus().setLink({ href: t }).run();
 		},
 		isActive: t,
 		title: "Link",
-		children: /* @__PURE__ */ A(s, {
-			icon: we,
+		children: /* @__PURE__ */ M(s, {
+			icon: Se,
 			size: "xs"
 		})
 	});
 }
 function tt() {
 	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().insertContent("@").run(),
 		title: "Mention",
-		children: /* @__PURE__ */ A(s, {
-			icon: M,
+		children: /* @__PURE__ */ M(s, {
+			icon: P,
 			size: "xs"
 		})
 	});
 }
 function nt() {
 	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().insertContent(":").run(),
 		title: "Emoji",
-		children: /* @__PURE__ */ A(s, {
-			icon: Oe,
+		children: /* @__PURE__ */ M(s, {
+			icon: Ee,
 			size: "xs"
 		})
 	});
 }
 function J() {
 	let { editor: e } = W();
-	return /* @__PURE__ */ A(G, {
+	return /* @__PURE__ */ M(G, {
 		onClick: () => e.chain().focus().insertContent("/").run(),
 		title: "Slash command",
-		children: /* @__PURE__ */ A(s, {
-			icon: I,
+		children: /* @__PURE__ */ M(s, {
+			icon: R,
 			size: "xs"
 		})
 	});
 }
 function rt({ items: e, isMobile: t, hasMentions: n, hasSlashCommands: r }) {
 	let i = (t) => !e || e.includes(t);
-	return /* @__PURE__ */ j(me, { children: [
-		!t && /* @__PURE__ */ j(q, { children: [
-			i("bold") && /* @__PURE__ */ A(Ge, {}),
-			i("italic") && /* @__PURE__ */ A(Ke, {}),
-			i("underline") && /* @__PURE__ */ A(qe, {}),
-			i("strike") && /* @__PURE__ */ A(Je, {}),
-			i("highlight") && /* @__PURE__ */ A(Ye, {})
+	return /* @__PURE__ */ N(fe, { children: [
+		!t && /* @__PURE__ */ N(q, { children: [
+			i("bold") && /* @__PURE__ */ M(Ge, {}),
+			i("italic") && /* @__PURE__ */ M(Ke, {}),
+			i("underline") && /* @__PURE__ */ M(qe, {}),
+			i("strike") && /* @__PURE__ */ M(Je, {}),
+			i("highlight") && /* @__PURE__ */ M(Ye, {})
 		] }),
-		!t && /* @__PURE__ */ A(K, {}),
-		!t && /* @__PURE__ */ j(q, { children: [i("bulletList") && /* @__PURE__ */ A(Ze, {}), i("orderedList") && /* @__PURE__ */ A(Qe, {})] }),
-		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ A(K, {}),
-		!t && /* @__PURE__ */ j(q, { children: [
-			i("blockquote") && /* @__PURE__ */ A($e, {}),
-			i("link") && /* @__PURE__ */ A(et, {}),
-			i("code") && /* @__PURE__ */ A(Xe, {})
+		!t && /* @__PURE__ */ M(K, {}),
+		!t && /* @__PURE__ */ N(q, { children: [i("bulletList") && /* @__PURE__ */ M(Ze, {}), i("orderedList") && /* @__PURE__ */ M(Qe, {})] }),
+		!t && (i("blockquote") || i("link") || i("code")) && /* @__PURE__ */ M(K, {}),
+		!t && /* @__PURE__ */ N(q, { children: [
+			i("blockquote") && /* @__PURE__ */ M($e, {}),
+			i("link") && /* @__PURE__ */ M(et, {}),
+			i("code") && /* @__PURE__ */ M(Xe, {})
 		] }),
-		!t && (n || r) && /* @__PURE__ */ A(K, {}),
-		/* @__PURE__ */ j(q, { children: [
-			n && i("mention") && /* @__PURE__ */ A(tt, {}),
-			i("emoji") && /* @__PURE__ */ A(nt, {}),
-			r && i("slash") && /* @__PURE__ */ A(J, {})
+		!t && (n || r) && /* @__PURE__ */ M(K, {}),
+		/* @__PURE__ */ N(q, { children: [
+			n && i("mention") && /* @__PURE__ */ M(tt, {}),
+			i("emoji") && /* @__PURE__ */ M(nt, {}),
+			r && i("slash") && /* @__PURE__ */ M(J, {})
 		] })
 	] });
 }
 function it({ editor: e, toolbar: t, isMobile: n, hasMentions: r, hasSlashCommands: i, disabled: a }) {
 	if (t === !1) return null;
 	let o = typeof t != "boolean" && !Array.isArray(t), s = Array.isArray(t) ? t : null;
-	return /* @__PURE__ */ A(We.Provider, {
+	return /* @__PURE__ */ M(We.Provider, {
 		value: {
 			editor: e,
 			disabled: a
 		},
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ M("div", {
 			role: "toolbar",
 			"aria-label": "Text formatting",
 			className: "flex flex-wrap items-center gap-ds-01 border-t border-surface-border px-ds-04 py-ds-02b",
-			children: o ? t : /* @__PURE__ */ A(rt, {
+			children: o ? t : /* @__PURE__ */ M(rt, {
 				items: s,
 				isMobile: n,
 				hasMentions: r,
@@ -733,30 +733,30 @@ function Y(e) {
 	};
 }
 function at({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
-	let i = V();
-	E.useEffect(() => {
+	let i = H();
+	O.useEffect(() => {
 		let e = (e) => {
 			e.key === "Escape" && r();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [r]);
 	let o = n != null && n > 0 && e >= n - 10, s = n != null && n > 0 && e >= n - 5, c = s ? "animate-[pulse_500ms_ease-in-out_infinite]" : "animate-[pulse_1s_ease-in-out_infinite]", l = Y(e), u = s ? "text-error-11" : o ? "text-warning-11" : "text-surface-fg";
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ N("div", {
 		role: "status",
 		"aria-live": "polite",
 		"aria-label": "Recording voice message",
 		className: "absolute inset-0 flex items-center gap-ds-03 px-ds-04 py-ds-03 bg-surface-raised-hover rounded-surface z-10",
 		children: [
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ M("span", {
 				className: a("w-ds-02b h-ds-02b shrink-0 rounded-pill bg-error-9", i ? "opacity-100" : c),
 				"aria-hidden": "true"
 			}),
-			/* @__PURE__ */ j("span", {
+			/* @__PURE__ */ N("span", {
 				className: a("text-ds-sm font-mono tabular-nums whitespace-nowrap", u),
 				"aria-label": `${l.minutes} minutes ${l.secs} seconds`,
 				children: [
 					l.minutes,
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ M("span", {
 						className: i ? void 0 : "animate-[blink_1s_step-end_infinite]",
 						"aria-hidden": "true",
 						children: l.separator
@@ -764,9 +764,9 @@ function at({ duration: e, analyserNode: t, maxDuration: n, onCancel: r }) {
 					l.secs
 				]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex-1 min-w-0 overflow-hidden",
-				children: /* @__PURE__ */ A(U, {
+				children: /* @__PURE__ */ M(U, {
 					mode: "live",
 					analyserNode: t,
 					height: 24,
@@ -781,7 +781,7 @@ at.displayName = "RecordingOverlay";
 //#endregion
 //#region src/composed/rich-chat-input/reply-banner.tsx
 function ot({ author: e, preview: t, onDismiss: n }) {
-	return /* @__PURE__ */ A(B.div, {
+	return /* @__PURE__ */ M(V.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -804,34 +804,34 @@ function ot({ author: e, preview: t, onDismiss: n }) {
 			]
 		},
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ N("div", {
 			role: "status",
 			"aria-label": `Replying to ${e}`,
 			className: "flex items-center gap-ds-03 border-b border-surface-border px-ds-04 py-ds-02b",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "flex-1 min-w-0",
 				children: [
-					/* @__PURE__ */ j("span", {
+					/* @__PURE__ */ N("span", {
 						className: "text-ds-sm font-semibold text-surface-fg",
 						children: ["Replying to ", e]
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ M("span", {
 						className: "mx-ds-02 text-surface-fg-subtle",
 						children: "·"
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ M("span", {
 						className: "text-ds-sm text-surface-fg-muted truncate",
 						children: t
 					})
 				]
-			}), /* @__PURE__ */ A("button", {
+			}), /* @__PURE__ */ M("button", {
 				type: "button",
 				onClick: n,
 				className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:text-surface-fg hover:bg-surface-raised-hover", "transition-colors duration-fast-01 ease-productive-standard", "active:scale-95"),
 				"aria-label": "Cancel reply",
 				title: "Cancel reply",
-				children: /* @__PURE__ */ A(s, {
-					icon: R,
+				children: /* @__PURE__ */ M(s, {
+					icon: B,
 					size: "xs"
 				})
 			})]
@@ -899,44 +899,44 @@ function ct({ value: e, onChange: t }) {
 		let r = new Date(e), i = r.getHours();
 		n && i < 12 ? r.setHours(i + 12) : !n && i >= 12 && r.setHours(i - 12), t(r);
 	};
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "flex items-center gap-ds-02",
 		children: [
-			/* @__PURE__ */ A("select", {
+			/* @__PURE__ */ M("select", {
 				value: n,
 				onChange: (e) => a(Number(e.target.value)),
 				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Hour",
-				children: Array.from({ length: 12 }, (e, t) => t + 1).map((e) => /* @__PURE__ */ A("option", {
+				children: Array.from({ length: 12 }, (e, t) => t + 1).map((e) => /* @__PURE__ */ M("option", {
 					value: e,
 					children: e
 				}, e))
 			}),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ M("span", {
 				className: "text-ds-sm text-surface-fg-subtle font-medium",
 				children: ":"
 			}),
-			/* @__PURE__ */ A("select", {
+			/* @__PURE__ */ M("select", {
 				value: r - r % 5,
 				onChange: (e) => o(Number(e.target.value)),
 				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-02 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9",
 				"aria-label": "Minute",
-				children: Array.from({ length: 12 }, (e, t) => t * 5).map((e) => /* @__PURE__ */ A("option", {
+				children: Array.from({ length: 12 }, (e, t) => t * 5).map((e) => /* @__PURE__ */ M("option", {
 					value: e,
 					children: String(e).padStart(2, "0")
 				}, e))
 			}),
-			/* @__PURE__ */ j(g, {
+			/* @__PURE__ */ N(g, {
 				type: "single",
 				value: i ? "PM" : "AM",
 				onValueChange: (e) => {
 					e === "AM" ? s(!1) : e === "PM" && s(!0);
 				},
 				size: "sm",
-				children: [/* @__PURE__ */ A(_, {
+				children: [/* @__PURE__ */ M(_, {
 					value: "AM",
 					children: "AM"
-				}), /* @__PURE__ */ A(_, {
+				}), /* @__PURE__ */ M(_, {
 					value: "PM",
 					children: "PM"
 				})]
@@ -954,26 +954,26 @@ function lt({ value: e, onChange: t, minDate: n }) {
 		let r = new Date(i);
 		r.setFullYear(Number(n[0]), Number(n[1]) - 1, Number(n[2])), t(r);
 	}, s = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : void 0;
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "space-y-ds-03",
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ M("span", {
 				className: "text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Date"
-			}), /* @__PURE__ */ A("input", {
+			}), /* @__PURE__ */ M("input", {
 				type: "date",
 				value: a,
 				min: s,
 				onChange: o,
 				className: "h-ds-sm rounded-control border border-surface-border-strong bg-surface-raised px-ds-03 text-ds-sm text-surface-fg focus:outline-hidden focus:ring-2 focus:ring-accent-9"
 			})]
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ M("span", {
 				className: "text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Time"
-			}), /* @__PURE__ */ A(ct, {
+			}), /* @__PURE__ */ M(ct, {
 				value: i,
 				onChange: t
 			})]
@@ -984,10 +984,10 @@ function X({ value: e, onChange: t, minDate: n }) {
 	let r = /* @__PURE__ */ new Date(), i = e ?? (() => {
 		let e = new Date(r);
 		return e.setHours(e.getHours() + 1, 0, 0, 0), e;
-	})(), { currentMonth: a, goToPreviousMonth: o, goToNextMonth: s } = fe(i);
-	return /* @__PURE__ */ j("div", {
+	})(), { currentMonth: a, goToPreviousMonth: o, goToNextMonth: s } = ue(i);
+	return /* @__PURE__ */ N("div", {
 		className: "space-y-ds-03",
-		children: [/* @__PURE__ */ A(T, {
+		children: [/* @__PURE__ */ M(D, {
 			currentMonth: a,
 			selected: i,
 			onSelect: (e) => {
@@ -999,12 +999,12 @@ function X({ value: e, onChange: t, minDate: n }) {
 			},
 			minDate: n,
 			className: "w-full"
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between border-t border-surface-border pt-ds-03",
-			children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ M("span", {
 				className: "text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Time"
-			}), /* @__PURE__ */ A(ct, {
+			}), /* @__PURE__ */ M(ct, {
 				value: i,
 				onChange: t
 			})]
@@ -1012,37 +1012,37 @@ function X({ value: e, onChange: t, minDate: n }) {
 	});
 }
 function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
-	let [r, i] = E.useState(!1), [a, o] = E.useState(null), c = E.useMemo(() => st(), []), u = (n) => {
+	let [r, i] = O.useState(!1), [a, o] = O.useState(null), c = O.useMemo(() => st(), []), u = (n) => {
 		e(n), t();
 	};
-	return r ? /* @__PURE__ */ j("div", {
+	return r ? /* @__PURE__ */ N("div", {
 		className: "p-ds-04",
 		style: { minWidth: 270 },
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ N("div", {
 				className: "mb-ds-03 flex items-center justify-between",
-				children: [/* @__PURE__ */ A("p", {
+				children: [/* @__PURE__ */ M("p", {
 					className: "text-ds-sm font-medium text-surface-fg",
 					children: "Pick date & time"
-				}), /* @__PURE__ */ A(l, {
+				}), /* @__PURE__ */ M(l, {
 					variant: "ghost",
 					size: "icon-xs",
 					onClick: () => i(!1),
 					"aria-label": "Back to presets",
-					children: /* @__PURE__ */ A(s, {
-						icon: R,
+					children: /* @__PURE__ */ M(s, {
+						icon: B,
 						size: "sm"
 					})
 				})]
 			}),
-			/* @__PURE__ */ A(lt, {
+			/* @__PURE__ */ M(lt, {
 				value: a,
 				onChange: o,
 				minDate: /* @__PURE__ */ new Date()
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mt-ds-03 flex justify-end",
-				children: /* @__PURE__ */ A(l, {
+				children: /* @__PURE__ */ M(l, {
 					variant: "solid",
 					size: "sm",
 					onClick: () => {
@@ -1053,43 +1053,43 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 				})
 			})
 		]
-	}) : /* @__PURE__ */ j("div", {
+	}) : /* @__PURE__ */ N("div", {
 		className: "p-ds-02",
 		style: { minWidth: 260 },
 		children: [
-			/* @__PURE__ */ A("p", {
+			/* @__PURE__ */ M("p", {
 				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Schedule send"
 			}),
-			c.map((e, t) => /* @__PURE__ */ j(l, {
+			c.map((e, t) => /* @__PURE__ */ N(l, {
 				variant: "ghost",
 				fullWidth: !0,
 				onClick: () => u(e.date),
-				children: [/* @__PURE__ */ A(s, {
-					icon: be,
+				children: [/* @__PURE__ */ M(s, {
+					icon: ve,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-muted"
 				}), e.label]
 			}, t)),
-			/* @__PURE__ */ A("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
-			/* @__PURE__ */ j(l, {
+			/* @__PURE__ */ M("div", { className: "mx-ds-02 my-ds-02 h-px bg-surface-border" }),
+			/* @__PURE__ */ N(l, {
 				variant: "ghost",
 				fullWidth: !0,
 				onClick: () => i(!0),
-				children: [/* @__PURE__ */ A(s, {
-					icon: ve,
+				children: [/* @__PURE__ */ M(s, {
+					icon: ge,
 					size: "sm",
 					className: "shrink-0 text-accent-11"
 				}), "Pick date & time..."]
 			}),
-			n && /* @__PURE__ */ j(l, {
+			n && /* @__PURE__ */ N(l, {
 				variant: "ghost",
 				fullWidth: !0,
 				onClick: () => {
 					n(), t();
 				},
-				children: [/* @__PURE__ */ A(s, {
-					icon: ve,
+				children: [/* @__PURE__ */ M(s, {
+					icon: ge,
 					size: "sm",
 					className: "shrink-0 text-surface-fg-muted"
 				}), "Open full picker..."]
@@ -1098,28 +1098,28 @@ function ut({ onSchedule: e, onClose: t, onOpenDialog: n }) {
 	});
 }
 function dt({ open: e, onOpenChange: t, onSchedule: n, initialDate: r }) {
-	let [i, a] = E.useState(r ?? null);
-	return E.useEffect(() => {
+	let [i, a] = O.useState(r ?? null);
+	return O.useEffect(() => {
 		e && a(r ?? null);
-	}, [e, r]), /* @__PURE__ */ A(u, {
+	}, [e, r]), /* @__PURE__ */ M(u, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ j(d, {
+		children: /* @__PURE__ */ N(d, {
 			className: "sm:max-w-[380px]",
 			children: [
-				/* @__PURE__ */ A(p, { children: /* @__PURE__ */ A(m, { children: r ? "Reschedule message" : "Schedule send" }) }),
-				/* @__PURE__ */ A(X, {
+				/* @__PURE__ */ M(p, { children: /* @__PURE__ */ M(m, { children: r ? "Reschedule message" : "Schedule send" }) }),
+				/* @__PURE__ */ M(X, {
 					value: i,
 					onChange: a,
 					minDate: /* @__PURE__ */ new Date()
 				}),
-				/* @__PURE__ */ j(f, {
+				/* @__PURE__ */ N(f, {
 					className: "gap-ds-02",
-					children: [/* @__PURE__ */ A(l, {
+					children: [/* @__PURE__ */ M(l, {
 						variant: "soft",
 						onClick: () => t(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ A(l, {
+					}), /* @__PURE__ */ M(l, {
 						variant: "solid",
 						onClick: () => {
 							i && i > /* @__PURE__ */ new Date() && (n(i), t(!1));
@@ -1146,7 +1146,7 @@ function ft(e) {
 	})} at ${a}`;
 }
 function pt({ date: e, onClear: t, onEdit: n }) {
-	return /* @__PURE__ */ A(B.div, {
+	return /* @__PURE__ */ M(V.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -1161,37 +1161,37 @@ function pt({ date: e, onClear: t, onEdit: n }) {
 		},
 		transition: { duration: i.moderate01 },
 		className: "overflow-hidden",
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ N("div", {
 			className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b text-ds-xs text-accent-11 bg-accent-2 border-b border-accent-4",
 			children: [
-				/* @__PURE__ */ A(s, {
-					icon: be,
+				/* @__PURE__ */ M(s, {
+					icon: ve,
 					size: "xs",
 					className: "shrink-0"
 				}),
-				/* @__PURE__ */ j("span", {
+				/* @__PURE__ */ N("span", {
 					className: "min-w-0 flex-1 truncate",
 					children: ["Scheduled for ", ft(e)]
 				}),
-				n && /* @__PURE__ */ A(l, {
+				n && /* @__PURE__ */ M(l, {
 					variant: "soft",
 					size: "icon-xs",
 					className: "shrink-0",
 					onClick: n,
 					"aria-label": "Edit schedule",
-					children: /* @__PURE__ */ A(s, {
-						icon: ke,
+					children: /* @__PURE__ */ M(s, {
+						icon: De,
 						size: "xs"
 					})
 				}),
-				/* @__PURE__ */ A(l, {
+				/* @__PURE__ */ M(l, {
 					variant: "soft",
 					size: "icon-xs",
 					className: "shrink-0",
 					onClick: t,
 					"aria-label": "Cancel schedule",
-					children: /* @__PURE__ */ A(s, {
-						icon: R,
+					children: /* @__PURE__ */ M(s, {
+						icon: B,
 						size: "xs"
 					})
 				})
@@ -1205,11 +1205,11 @@ function Z() {
 	return typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/webm;codecs=opus") ? "audio/webm;codecs=opus" : typeof MediaRecorder < "u" && MediaRecorder.isTypeSupported("audio/mp4") ? "audio/mp4" : "";
 }
 function mt(e) {
-	let { maxDuration: t, onComplete: n } = e, [r, i] = k("idle"), [a, o] = k(0), [s, c] = k(null), [l, u] = k([]), d = O(null), f = O(null), p = O(null), m = O([]), h = O(null), g = O(null), _ = O(null), v = O(null), y = O(0), b = O([]), x = O(!1), ee = O(n);
+	let { maxDuration: t, onComplete: n } = e, [r, i] = j("idle"), [a, o] = j(0), [s, c] = j(null), [l, u] = j([]), d = A(null), f = A(null), p = A(null), m = A([]), h = A(null), g = A(null), _ = A(null), v = A(null), y = A(0), b = A([]), x = A(!1), ee = A(n);
 	ee.current = n;
-	let S = D(() => {
+	let S = k(() => {
 		h.current !== null && (clearInterval(h.current), h.current = null), g.current !== null && (clearInterval(g.current), g.current = null), _.current !== null && (clearTimeout(_.current), _.current = null), p.current &&= (p.current.getTracks().forEach((e) => e.stop()), null), f.current &&= (f.current.close().catch(() => {}), null), v.current = null, c(null), d.current = null, m.current = [];
-	}, []), C = D(async () => {
+	}, []), C = k(async () => {
 		if (typeof MediaRecorder > "u") throw Error("MediaRecorder is not supported in this browser. Voice recording requires a modern browser with MediaRecorder support.");
 		let e = await navigator.mediaDevices.getUserMedia({ audio: !0 });
 		p.current = e;
@@ -1241,13 +1241,13 @@ function mt(e) {
 		}, 100), t !== void 0 && t > 0 && (_.current = setTimeout(() => {
 			d.current && d.current.state !== "inactive" && d.current.stop();
 		}, t * 1e3)), i("recording");
-	}, [t, S]), te = D(() => {
+	}, [t, S]), w = k(() => {
 		d.current && d.current.state !== "inactive" && (x.current = !1, d.current.stop());
-	}, []), ne = D(() => {
+	}, []), te = k(() => {
 		d.current && d.current.state !== "inactive" ? (x.current = !0, d.current.stop()) : (S(), i("idle"), o(0), u([]));
-	}, [S]), w = D(() => {
+	}, [S]), ne = k(() => {
 		d.current && d.current.state === "recording" && (d.current.pause(), h.current !== null && (clearInterval(h.current), h.current = null), g.current !== null && (clearInterval(g.current), g.current = null), i("paused"));
-	}, []), re = D(() => {
+	}, []), T = k(() => {
 		if (d.current && d.current.state === "paused") {
 			d.current.resume(), h.current = setInterval(() => {
 				y.current += 1, o((e) => e + 1);
@@ -1264,7 +1264,7 @@ function mt(e) {
 			}, 100), i("recording");
 		}
 	}, []);
-	return pe(() => () => {
+	return de(() => () => {
 		h.current !== null && clearInterval(h.current), g.current !== null && clearInterval(g.current), _.current !== null && clearTimeout(_.current), d.current && d.current.state !== "inactive" && d.current.stop(), p.current && p.current.getTracks().forEach((e) => e.stop()), f.current && f.current.close().catch(() => {});
 	}, []), {
 		state: r,
@@ -1272,10 +1272,10 @@ function mt(e) {
 		analyserNode: s,
 		waveformData: l,
 		start: C,
-		stop: te,
-		cancel: ne,
-		pause: w,
-		resume: re
+		stop: w,
+		cancel: te,
+		pause: ne,
+		resume: T
 	};
 }
 //#endregion
@@ -1321,74 +1321,74 @@ var ht = {
 	y
 ].join(" ");
 function _t({ options: e }) {
-	let [t, n] = E.useState(!1), r = E.useRef(null);
-	return E.useEffect(() => {
+	let [t, n] = O.useState(!1), r = O.useRef(null);
+	return O.useEffect(() => {
 		if (!t) return;
 		let e = (e) => {
 			r.current && !r.current.contains(e.target) && n(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [t]), /* @__PURE__ */ j("div", {
+	}, [t]), /* @__PURE__ */ N("div", {
 		ref: r,
 		className: "relative",
-		children: [/* @__PURE__ */ A("button", {
+		children: [/* @__PURE__ */ M("button", {
 			type: "button",
 			onClick: () => n((e) => !e),
 			title: "More send options",
 			"aria-label": "More send options",
 			"aria-expanded": t,
 			className: a("inline-flex h-ds-xs-plus w-5 items-center justify-center rounded-control touch-target", "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg", "transition-colors duration-fast-01 ease-productive-standard", t && "bg-surface-raised-hover text-surface-fg"),
-			children: /* @__PURE__ */ A(s, {
-				icon: ye,
+			children: /* @__PURE__ */ M(s, {
+				icon: _e,
 				size: "xs"
 			})
-		}), t && /* @__PURE__ */ j("div", {
+		}), t && /* @__PURE__ */ N("div", {
 			className: "absolute bottom-full right-0 mb-ds-02 min-w-[200px] rounded-surface bg-surface-overlay p-ds-02 shadow-floating z-popover",
-			children: [/* @__PURE__ */ A("p", {
+			children: [/* @__PURE__ */ M("p", {
 				className: "px-ds-03 py-ds-01 text-ds-xs font-medium text-surface-fg-subtle",
 				children: "Send options"
-			}), e.map((e, t) => /* @__PURE__ */ j("button", {
+			}), e.map((e, t) => /* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: () => {
 					e.onSelect(), n(!1);
 				},
 				className: "flex w-full items-center gap-ds-03 rounded-control px-ds-03 py-ds-02 text-ds-sm text-surface-fg hover:bg-surface-raised-hover transition-colors duration-fast-01",
-				children: [e.icon && /* @__PURE__ */ A(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
+				children: [e.icon && /* @__PURE__ */ M(e.icon, { className: "h-ico-sm w-ico-sm text-surface-fg-muted" }), e.label]
 			}, t))]
 		})]
 	});
 }
-var vt = E.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
+var vt = O.lazy(() => import("./emoji-picker.js").then((e) => ({ default: e.EmojiPicker })));
 function yt({ onSelect: e, onClose: t }) {
-	let n = E.useRef(null);
-	E.useEffect(() => {
+	let n = O.useRef(null);
+	O.useEffect(() => {
 		let e = (e) => {
 			n.current && !n.current.contains(e.target) && t();
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [t]), E.useEffect(() => {
+	}, [t]), O.useEffect(() => {
 		let e = (e) => {
 			e.key === "Escape" && t();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [t]);
-	let r = /* @__PURE__ */ A("div", {
+	let r = /* @__PURE__ */ M("div", {
 		className: "flex h-[435px] w-[352px] items-center justify-center rounded-surface bg-surface-overlay shadow-floating",
-		children: /* @__PURE__ */ A("span", {
+		children: /* @__PURE__ */ M("span", {
 			className: "text-ds-sm text-surface-fg-subtle",
 			children: "Loading…"
 		})
 	});
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ M("div", {
 		ref: n,
-		children: /* @__PURE__ */ A(E.Suspense, {
+		children: /* @__PURE__ */ M(O.Suspense, {
 			fallback: r,
-			children: /* @__PURE__ */ A(vt, { onSelect: e })
+			children: /* @__PURE__ */ M(vt, { onSelect: e })
 		})
 	});
 }
 function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
-	return /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ M("button", {
 		type: "button",
 		onClick: e,
 		title: n,
@@ -1399,7 +1399,7 @@ function Q({ onClick: e, isActive: t = !1, title: n, children: r }) {
 	});
 }
 function bt({ editor: e }) {
-	let t = w({
+	let t = E({
 		editor: e,
 		selector: ({ editor: e }) => ({
 			isBold: e.isActive("bold"),
@@ -1410,77 +1410,77 @@ function bt({ editor: e }) {
 			isCode: e.isActive("code")
 		})
 	});
-	return /* @__PURE__ */ j(ne, {
+	return /* @__PURE__ */ N(b, {
 		editor: e,
 		className: "flex gap-ds-01 rounded-surface bg-surface-overlay p-ds-02 shadow-floating",
 		children: [
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleBold().run(),
 				isActive: t.isBold,
 				title: "Bold",
-				children: /* @__PURE__ */ A(s, {
-					icon: _e,
+				children: /* @__PURE__ */ M(s, {
+					icon: he,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleItalic().run(),
 				isActive: t.isItalic,
 				title: "Italic",
-				children: /* @__PURE__ */ A(s, {
-					icon: Ce,
+				children: /* @__PURE__ */ M(s, {
+					icon: xe,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleUnderline().run(),
 				isActive: t.isUnderline,
 				title: "Underline",
-				children: /* @__PURE__ */ A(s, {
-					icon: L,
+				children: /* @__PURE__ */ M(s, {
+					icon: z,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleStrike().run(),
 				isActive: t.isStrike,
 				title: "Strikethrough",
-				children: /* @__PURE__ */ A(s, {
-					icon: Ne,
+				children: /* @__PURE__ */ M(s, {
+					icon: je,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleHighlight().run(),
 				isActive: t.isHighlight,
 				title: "Highlight",
-				children: /* @__PURE__ */ A(s, {
-					icon: N,
+				children: /* @__PURE__ */ M(s, {
+					icon: F,
 					size: "xs"
 				})
 			}),
-			/* @__PURE__ */ A(Q, {
+			/* @__PURE__ */ M(Q, {
 				onClick: () => e.chain().focus().toggleCode().run(),
 				isActive: t.isCode,
 				title: "Code",
-				children: /* @__PURE__ */ A(s, {
-					icon: xe,
+				children: /* @__PURE__ */ M(s, {
+					icon: ye,
 					size: "xs"
 				})
 			})
 		]
 	});
 }
-var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message...", disabled: d = !1, content: f = "", variant: p = "compact", enterBehavior: m = "send", maxLength: g, charCountDisplay: _ = "near-limit", mentions: v, onMentionSearch: y, onMentionSelect: ne, onFileUpload: ae, onImageUpload: se, slashCommands: T, onVoiceRecord: fe, onTranscribe: D, maxDuration: pe, replyTo: O, onTyping: k, onEmpty: me, isStreaming: M = !1, onCancel: ge, leadingSlot: _e, trailingSlot: ve, disclaimer: ye, toolbar: xe = !0, sendOptions: Se, onSchedule: N, actionButton: Ce, emojiSet: we = "native", className: Te, ...Ee }, ke) {
-	let [P, F] = E.useState("idle"), [I, Ne] = E.useState(!1), [L, R] = E.useState(!1), [V, H] = E.useState(null), [Ie, Le] = E.useState(!1), [ze, U] = E.useState(!1), [Ve, He] = E.useState(0), We = E.useRef(null), W = E.useRef(null);
-	E.useEffect(() => {
-		if (!L || !We.current || !W.current) return;
+var xt = O.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message...", disabled: d = !1, content: f = "", variant: p = "compact", enterBehavior: m = "send", maxLength: g, charCountDisplay: _ = "near-limit", mentions: v, onMentionSearch: y, onMentionSelect: b, onFileUpload: w, onImageUpload: T, slashCommands: D, onVoiceRecord: ue, onTranscribe: k, maxDuration: de, replyTo: A, onTyping: j, onEmpty: fe, isStreaming: P = !1, onCancel: me, leadingSlot: he, trailingSlot: ge, disclaimer: _e, toolbar: ye = !0, sendOptions: be, onSchedule: F, actionButton: xe, emojiSet: Se = "native", className: Ce, ...we }, De) {
+	let [I, L] = O.useState("idle"), [R, je] = O.useState(!1), [z, B] = O.useState(!1), [H, Fe] = O.useState(null), [Ie, Le] = O.useState(!1), [ze, U] = O.useState(!1), [Ve, He] = O.useState(0), We = O.useRef(null), W = O.useRef(null);
+	O.useEffect(() => {
+		if (!z || !We.current || !W.current) return;
 		let i = We.current, a = W.current, o = () => {
 			e(i, a, {
 				placement: "top-end",
 				middleware: [
-					t(8),
-					n(),
+					n(8),
+					t(),
 					r({ padding: 8 })
 				]
 			}).then(({ x: e, y: t }) => {
@@ -1493,22 +1493,22 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		return o(), window.addEventListener("scroll", o, !0), window.addEventListener("resize", o), () => {
 			window.removeEventListener("scroll", o, !0), window.removeEventListener("resize", o);
 		};
-	}, [L]);
-	let [G, K] = E.useState([]), [q, Ge] = E.useState(null), [Ke, qe] = E.useState(!1), Je = E.useRef(null), Ye = E.useRef(null), Xe = E.useRef(void 0), Ze = E.useRef(void 0), Qe = E.useRef(m);
+	}, [z]);
+	let [G, K] = O.useState([]), [q, Ge] = O.useState(null), [Ke, qe] = O.useState(!1), Je = O.useRef(null), Ye = O.useRef(null), Xe = O.useRef(void 0), Ze = O.useRef(void 0), Qe = O.useRef(m);
 	Qe.current = m;
-	let $e = E.useRef(ne);
-	$e.current = ne;
-	let et = E.useRef(v);
+	let $e = O.useRef(b);
+	$e.current = b;
+	let et = O.useRef(v);
 	et.current = v;
-	let tt = E.useRef(y);
+	let tt = O.useRef(y);
 	tt.current = y;
 	let nt = c(), J = ht[p], rt = J.maxHeight, Y = mt({
-		maxDuration: pe,
+		maxDuration: de,
 		onComplete: async (e, t, n) => {
-			if (fe?.(e, t), D) {
-				let n = await D(e, t);
+			if (ue?.(e, t), k) {
+				let n = await k(e, t);
 				if (n != null) {
-					X?.chain().focus().insertContent(n).run(), F("idle");
+					X?.chain().focus().insertContent(n).run(), L("idle");
 					return;
 				}
 			}
@@ -1516,19 +1516,19 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 				blob: e,
 				duration: t,
 				waveformData: n
-			}), F("review");
+			}), L("review");
 		}
-	}), st = E.useCallback(() => {
-		Y.start(), F("recording");
-	}, [Y]), ct = E.useCallback(() => {
+	}), st = O.useCallback(() => {
+		Y.start(), L("recording");
+	}, [Y]), ct = O.useCallback(() => {
 		Y.stop();
-	}, [Y]), lt = E.useCallback(() => {
-		Y.cancel(), F("idle");
-	}, [Y]), X = x({
+	}, [Y]), lt = O.useCallback(() => {
+		Y.cancel(), L("idle");
+	}, [Y]), X = ae({
 		immediatelyRender: !1,
-		extensions: E.useMemo(() => {
+		extensions: O.useMemo(() => {
 			let e = [
-				ie.configure({
+				te.configure({
 					heading: !1,
 					horizontalRule: !1,
 					codeBlock: !1,
@@ -1538,14 +1538,14 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 						HTMLAttributes: { class: "text-accent-11 underline" }
 					}
 				}),
-				ee.configure({ placeholder: u }),
-				te.configure({ multicolor: !1 }),
+				C.configure({ placeholder: u }),
+				ie.configure({ multicolor: !1 }),
 				re,
-				oe.configure({ limit: g || void 0 }),
-				ue,
+				x.configure({ limit: g || void 0 }),
 				ce,
-				le(),
-				C.create({
+				oe,
+				se(),
+				S.create({
 					name: "enterToSend",
 					addKeyboardShortcuts() {
 						return {
@@ -1556,7 +1556,7 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					}
 				})
 			];
-			return (v || y) && e.push(S.configure({
+			return (v || y) && e.push(ne.configure({
 				HTMLAttributes: { class: "mention" },
 				suggestion: {
 					items: async ({ query: e }) => {
@@ -1564,16 +1564,16 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 						let t = et.current;
 						return t ? t.filter((t) => t.label.toLowerCase().includes(e.toLowerCase())).slice(0, 8) : [];
 					},
-					render: de((e) => $e.current?.(e))
+					render: le((e) => $e.current?.(e))
 				}
-			})), T && e.push(Re(T)), e;
+			})), D && e.push(Re(D)), e;
 		}, [
 			u,
 			g,
-			we,
+			Se,
 			!!v,
 			!!y,
-			!!T
+			!!D
 		]),
 		content: f || void 0,
 		editable: !d,
@@ -1584,10 +1584,10 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 				return n.length > 0 ? (n.forEach(Z), !0) : !1;
 			}
 		}
-	}), ft = E.useCallback(() => {
+	}), ft = O.useCallback(() => {
 		if (!X) return;
 		let e = !X.isEmpty, t = G.length > 0, n = !!q;
-		if (!e && !t && !n || M) return;
+		if (!e && !t && !n || P) return;
 		let r = {
 			html: e ? X.getHTML() : "",
 			plainText: e ? X.getText() : ""
@@ -1600,34 +1600,34 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		}))), n && (r.voiceNote = {
 			blob: q.blob,
 			duration: q.duration
-		}), V && N ? N(r, V) : o(r), X.commands.clearContent(), K([]), Ge(null), H(null), F("idle");
+		}), H && F ? F(r, H) : o(r), X.commands.clearContent(), K([]), Ge(null), Fe(null), L("idle");
 	}, [
 		X,
 		G,
 		q,
-		M,
+		P,
 		o,
-		N,
-		V
+		F,
+		H
 	]);
-	Ze.current = ft, E.useEffect(() => {
-		if (!X || !k) return;
+	Ze.current = ft, O.useEffect(() => {
+		if (!X || !j) return;
 		let e = () => {
-			k(!0), clearTimeout(Xe.current), Xe.current = setTimeout(() => k(!1), 2e3);
+			j(!0), clearTimeout(Xe.current), Xe.current = setTimeout(() => j(!1), 2e3);
 		};
 		return X.on("update", e), () => {
 			X.off("update", e), clearTimeout(Xe.current);
 		};
-	}, [X, k]), E.useEffect(() => {
-		if (!X || !me) return;
+	}, [X, j]), O.useEffect(() => {
+		if (!X || !fe) return;
 		let e = () => {
-			me(X.isEmpty);
+			fe(X.isEmpty);
 		};
 		return X.on("update", e), e(), () => {
 			X.off("update", e);
 		};
-	}, [X, me]);
-	let Z = E.useCallback(async (e) => {
+	}, [X, fe]);
+	let Z = O.useCallback(async (e) => {
 		let t = Math.random().toString(36).slice(2), n = e.type.startsWith("image/");
 		K((r) => [...r, {
 			id: t,
@@ -1637,15 +1637,15 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 			uploading: !0
 		}]);
 		try {
-			if (n && se) {
-				let n = await se(e);
+			if (n && T) {
+				let n = await T(e);
 				K((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n,
 					uploading: !1
 				} : e));
-			} else if (ae) {
-				let n = await ae(e);
+			} else if (w) {
+				let n = await w(e);
 				K((e) => e.map((e) => e.id === t ? {
 					...e,
 					url: n.url,
@@ -1664,19 +1664,19 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 		} catch {
 			K((e) => e.filter((e) => e.id !== t));
 		}
-	}, [ae, se]), vt = E.useCallback((e) => {
+	}, [w, T]), vt = O.useCallback((e) => {
 		K((t) => t.filter((t) => t.id !== e));
-	}, []), Q = E.useCallback((e) => {
+	}, []), Q = O.useCallback((e) => {
 		e.preventDefault(), qe(!1), Array.from(e.dataTransfer.files).forEach(Z);
-	}, [Z]), xt = E.useCallback((e) => {
+	}, [Z]), xt = O.useCallback((e) => {
 		Array.from(e.target.files || []).forEach(Z), e.target.value = "";
-	}, [Z]), St = E.useCallback(() => {
-		Ge(null), F("idle");
-	}, []), Ct = w({
+	}, [Z]), St = O.useCallback(() => {
+		Ge(null), L("idle");
+	}, []), Ct = E({
 		editor: X,
 		selector: ({ editor: e }) => e ? { editorIsEmpty: e.isEmpty } : null
 	})?.editorIsEmpty ?? !0;
-	E.useEffect(() => {
+	O.useEffect(() => {
 		if (!X) return;
 		let e = () => {
 			He(X.state.doc.textBetween(0, X.state.doc.content.size, void 0, " ").length);
@@ -1685,28 +1685,28 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 			X.off("update", e);
 		};
 	}, [X]);
-	let wt = !Ct || G.length > 0 || !!q, Tt = I || P === "review" || p === "expanded", $ = "icon-md";
-	return /* @__PURE__ */ j("div", {
-		ref: ke,
-		className: a("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", Te),
-		...Ee,
+	let wt = !Ct || G.length > 0 || !!q, Tt = R || I === "review" || p === "expanded", $ = "icon-md";
+	return /* @__PURE__ */ N("div", {
+		ref: De,
+		className: a("border-t border-surface-border-subtle px-ds-05 py-ds-04", "flex items-center gap-ds-03", Ce),
+		...we,
 		children: [
-			Ce !== !1 && (Ce ?? (ae || se ? /* @__PURE__ */ A(l, {
+			xe !== !1 && (xe ?? (w || T ? /* @__PURE__ */ M(l, {
 				variant: "solid",
 				size: "icon-md",
 				onClick: () => Je.current?.click(),
 				title: "Attach",
 				"aria-label": "Attach file",
 				className: "shrink-0",
-				children: /* @__PURE__ */ A(s, {
-					icon: Ae,
+				children: /* @__PURE__ */ M(s, {
+					icon: Oe,
 					size: "md"
 				})
 			}) : null)),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ N("div", {
 				role: "region",
 				"aria-label": "Message composer",
-				className: a("flex-1 min-w-0 overflow-hidden rounded-surface border border-surface-border-strong bg-surface-raised-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-raised-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", P === "recording" && "border-error-7/30", Ke && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
+				className: a("flex-1 min-w-0 overflow-hidden rounded-surface border border-surface-border-strong bg-surface-raised-hover", "transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard", "hover:bg-surface-raised-active", "focus-within:ring-2 focus-within:ring-accent-9 focus-within:ring-offset-2 focus-within:border-accent-9", I === "recording" && "border-error-7/30", Ke && "border-dashed border-accent-7 bg-accent-2", d && "opacity-action-disabled cursor-not-allowed"),
 				onFocus: () => U(!0),
 				onBlur: (e) => {
 					e.currentTarget.contains(e.relatedTarget) || U(!1);
@@ -1717,88 +1717,88 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 				onDragLeave: () => qe(!1),
 				onDrop: Q,
 				children: [
-					_e,
-					/* @__PURE__ */ A(z, { children: O && /* @__PURE__ */ A(ot, {
-						author: O.author,
-						preview: O.preview,
-						onDismiss: O.onDismiss
+					he,
+					/* @__PURE__ */ M(Pe, { children: A && /* @__PURE__ */ M(ot, {
+						author: A.author,
+						preview: A.preview,
+						onDismiss: A.onDismiss
 					}, "reply") }),
-					/* @__PURE__ */ A(z, { children: V && /* @__PURE__ */ A(pt, {
-						date: V,
+					/* @__PURE__ */ M(Pe, { children: H && /* @__PURE__ */ M(pt, {
+						date: H,
 						onEdit: () => Le(!0),
-						onClear: () => H(null)
+						onClear: () => Fe(null)
 					}, "schedule") }),
-					/* @__PURE__ */ A(z, { children: G.length > 0 && /* @__PURE__ */ A(Be, {
+					/* @__PURE__ */ M(Pe, { children: G.length > 0 && /* @__PURE__ */ M(Be, {
 						attachments: G,
 						onRemoveAttachment: vt
 					}, "attachments") }),
-					J.toolbarPosition === "top" && X && /* @__PURE__ */ A("div", {
-						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", I ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
-						children: /* @__PURE__ */ A("div", {
+					J.toolbarPosition === "top" && X && /* @__PURE__ */ M("div", {
+						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", R ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+						children: /* @__PURE__ */ M("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ A(it, {
+							children: /* @__PURE__ */ M(it, {
 								editor: X,
-								toolbar: xe,
+								toolbar: ye,
 								isMobile: !1,
 								hasMentions: !!(v || y),
-								hasSlashCommands: !!T,
+								hasSlashCommands: !!D,
 								disabled: d
 							})
 						})
 					}),
-					/* @__PURE__ */ j("div", {
+					/* @__PURE__ */ N("div", {
 						className: "relative",
-						children: [P === "recording" && /* @__PURE__ */ A(at, {
+						children: [I === "recording" && /* @__PURE__ */ M(at, {
 							duration: Y.duration,
 							analyserNode: Y.analyserNode,
-							maxDuration: pe,
+							maxDuration: de,
 							onCancel: lt
-						}), /* @__PURE__ */ j("div", {
+						}), /* @__PURE__ */ N("div", {
 							ref: Ye,
-							className: a("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", P === "recording" && "invisible"),
+							className: a("flex items-center px-ds-04 py-ds-03 cursor-text [&_.tiptap]:w-full [&_.tiptap]:outline-hidden", I === "recording" && "invisible"),
 							style: {
 								minHeight: J.minHeight,
 								maxHeight: rt,
 								overflowY: "auto"
 							},
 							onClick: () => X?.commands.focus(),
-							children: [/* @__PURE__ */ A("div", {
+							children: [/* @__PURE__ */ M("div", {
 								className: "flex-1 min-w-0",
-								children: /* @__PURE__ */ A(b, { editor: X })
-							}), X && P !== "recording" && /* @__PURE__ */ j("div", {
+								children: /* @__PURE__ */ M(ee, { editor: X })
+							}), X && I !== "recording" && /* @__PURE__ */ N("div", {
 								className: "flex items-center gap-ds-01 shrink-0 ml-ds-03",
-								children: [/* @__PURE__ */ A("button", {
+								children: [/* @__PURE__ */ M("button", {
 									type: "button",
-									onClick: () => Ne((e) => !e),
-									title: I ? "Hide formatting" : "Show formatting",
-									"aria-label": I ? "Hide formatting" : "Show formatting",
-									"aria-pressed": I,
-									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", I ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
-									children: /* @__PURE__ */ A(s, {
-										icon: Pe,
+									onClick: () => je((e) => !e),
+									title: R ? "Hide formatting" : "Show formatting",
+									"aria-label": R ? "Hide formatting" : "Show formatting",
+									"aria-pressed": R,
+									className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target", "transition-colors duration-fast-01 ease-productive-standard", "hover:bg-surface-raised-hover", R ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle"),
+									children: /* @__PURE__ */ M(s, {
+										icon: Me,
 										size: "xs"
 									})
-								}), /* @__PURE__ */ j("div", {
+								}), /* @__PURE__ */ N("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ A("button", {
+									children: [/* @__PURE__ */ M("button", {
 										ref: We,
 										type: "button",
-										onClick: () => R((e) => !e),
+										onClick: () => B((e) => !e),
 										title: "Emoji",
 										"aria-label": "Emoji",
-										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target transition-colors duration-fast-01", L ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
-										children: /* @__PURE__ */ A(s, {
-											icon: Oe,
+										className: a("inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control touch-target transition-colors duration-fast-01", z ? "bg-surface-raised-hover text-accent-11" : "text-surface-fg-subtle hover:bg-surface-raised-hover hover:text-surface-fg"),
+										children: /* @__PURE__ */ M(s, {
+											icon: Ee,
 											size: "xs"
 										})
-									}), L && he.createPortal(/* @__PURE__ */ A("div", {
+									}), z && pe.createPortal(/* @__PURE__ */ M("div", {
 										ref: W,
 										className: "absolute z-popover",
 										style: {
 											top: 0,
 											left: 0
 										},
-										children: /* @__PURE__ */ A(yt, {
+										children: /* @__PURE__ */ M(yt, {
 											onSelect: ({ id: e, native: t }) => {
 												X.chain().focus().insertContent({
 													type: "emojiNode",
@@ -1806,53 +1806,53 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 														id: e,
 														native: t
 													}
-												}).run(), R(!1);
+												}).run(), B(!1);
 											},
-											onClose: () => R(!1)
+											onClose: () => B(!1)
 										})
 									}), document.body)]
 								})]
 							})]
 						})]
 					}),
-					P === "review" && q && /* @__PURE__ */ j("div", {
+					I === "review" && q && /* @__PURE__ */ N("div", {
 						className: "flex items-center gap-ds-03 px-ds-04 py-ds-02b border-b border-surface-border",
-						children: [/* @__PURE__ */ A(Ue, {
+						children: [/* @__PURE__ */ M(Ue, {
 							src: q.blob,
 							duration: q.duration,
 							waveformData: q.waveformData,
 							className: "flex-1"
-						}), /* @__PURE__ */ A(l, {
+						}), /* @__PURE__ */ M(l, {
 							variant: "ghost",
 							size: "icon-sm",
 							onClick: St,
 							"aria-label": "Discard voice note",
 							title: "Discard voice note",
 							className: "text-surface-fg-subtle hover:text-error-11",
-							children: /* @__PURE__ */ A(s, {
-								icon: Fe,
+							children: /* @__PURE__ */ M(s, {
+								icon: Ne,
 								size: "sm"
 							})
 						})]
 					}),
-					nt && X && !Ct && /* @__PURE__ */ A(bt, { editor: X }),
-					J.toolbarPosition === "bottom" && X && /* @__PURE__ */ A("div", {
+					nt && X && !Ct && /* @__PURE__ */ M(bt, { editor: X }),
+					J.toolbarPosition === "bottom" && X && /* @__PURE__ */ M("div", {
 						className: a("grid transition-[grid-template-rows,opacity] duration-moderate-01 ease-productive-standard", Tt ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
-						children: /* @__PURE__ */ A("div", {
+						children: /* @__PURE__ */ M("div", {
 							className: "overflow-hidden",
-							children: /* @__PURE__ */ A(it, {
+							children: /* @__PURE__ */ M(it, {
 								editor: X,
-								toolbar: xe,
+								toolbar: ye,
 								isMobile: nt,
 								hasMentions: !!(v || y),
-								hasSlashCommands: !!T,
+								hasSlashCommands: !!D,
 								disabled: d
 							})
 						})
 					}),
 					g && _ !== "hidden" && (() => {
 						let e = Ve / g;
-						return _ === "always" || _ === "focus" && ze || (_ === "near-limit" || !_) && e >= .8 || e >= 1 ? /* @__PURE__ */ j("div", {
+						return _ === "always" || _ === "focus" && ze || (_ === "near-limit" || !_) && e >= .8 || e >= 1 ? /* @__PURE__ */ N("div", {
 							className: a("flex justify-end px-ds-04 pb-ds-02 text-ds-xs tabular-nums transition-opacity duration-fast-01", e >= 1 ? "text-error-11 font-medium" : e >= .9 ? "text-warning-11" : "text-surface-fg-subtle"),
 							children: [
 								Ve,
@@ -1861,8 +1861,8 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 							]
 						}) : null;
 					})(),
-					ve,
-					/* @__PURE__ */ A("input", {
+					ge,
+					/* @__PURE__ */ M("input", {
 						ref: Je,
 						type: "file",
 						multiple: !0,
@@ -1871,13 +1871,13 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex items-center gap-ds-02 shrink-0",
-				children: [Se && Se.length > 0 && P !== "recording" && /* @__PURE__ */ A(_t, { options: Se }), /* @__PURE__ */ j(z, {
+				children: [be && be.length > 0 && I !== "recording" && /* @__PURE__ */ M(_t, { options: be }), /* @__PURE__ */ N(Pe, {
 					mode: "popLayout",
 					initial: !1,
 					children: [
-						P === "recording" && /* @__PURE__ */ j(B.div, {
+						I === "recording" && /* @__PURE__ */ N(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1892,31 +1892,31 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 							},
 							transition: { duration: i.moderate01 },
 							className: "flex items-center gap-ds-02",
-							children: [/* @__PURE__ */ A(l, {
+							children: [/* @__PURE__ */ M(l, {
 								variant: "soft",
 								size: $,
 								onClick: lt,
 								"aria-label": "Cancel recording",
 								title: "Cancel recording",
 								className: "text-surface-fg-subtle hover:text-error-11",
-								children: /* @__PURE__ */ A(s, {
-									icon: Fe,
+								children: /* @__PURE__ */ M(s, {
+									icon: Ne,
 									size: "md"
 								})
-							}), /* @__PURE__ */ A(l, {
+							}), /* @__PURE__ */ M(l, {
 								variant: "solid",
 								size: $,
 								color: "error",
 								onClick: ct,
 								"aria-label": "Stop recording",
 								title: "Stop recording",
-								children: /* @__PURE__ */ A(s, {
-									icon: Me,
+								children: /* @__PURE__ */ M(s, {
+									icon: Ae,
 									size: "md"
 								})
 							})]
 						}, "recording"),
-						M && P !== "recording" && /* @__PURE__ */ A(B.div, {
+						P && I !== "recording" && /* @__PURE__ */ M(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1930,20 +1930,20 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ M(l, {
 								variant: "solid",
 								size: $,
 								color: "error",
-								onClick: ge,
+								onClick: me,
 								"aria-label": "Stop",
 								title: "Stop",
-								children: /* @__PURE__ */ A(s, {
-									icon: Me,
+								children: /* @__PURE__ */ M(s, {
+									icon: Ae,
 									size: "md"
 								})
 							})
 						}, "streaming"),
-						!M && P !== "recording" && wt && N && /* @__PURE__ */ A(B.div, {
+						!P && I !== "recording" && wt && F && /* @__PURE__ */ M(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1957,23 +1957,23 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(h, {
+							children: /* @__PURE__ */ M(h, {
 								onClick: ft,
 								disabled: d,
-								"aria-label": V ? "Schedule send" : "Send",
+								"aria-label": H ? "Schedule send" : "Send",
 								size: $,
-								dropdownContent: /* @__PURE__ */ A(ut, {
-									onSchedule: (e) => H(e),
+								dropdownContent: /* @__PURE__ */ M(ut, {
+									onSchedule: (e) => Fe(e),
 									onClose: () => {},
 									onOpenDialog: () => Le(!0)
 								}),
-								children: /* @__PURE__ */ A(s, {
-									icon: V ? be : je,
+								children: /* @__PURE__ */ M(s, {
+									icon: H ? ve : ke,
 									size: "md"
 								})
 							})
 						}, "split-send"),
-						!M && P !== "recording" && wt && !N && /* @__PURE__ */ A(B.div, {
+						!P && I !== "recording" && wt && !F && /* @__PURE__ */ M(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -1987,20 +1987,20 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ M(l, {
 								variant: "solid",
 								size: $,
 								onClick: ft,
 								disabled: d,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ A(s, {
-									icon: je,
+								children: /* @__PURE__ */ M(s, {
+									icon: ke,
 									size: "md"
 								})
 							})
 						}, "send"),
-						!M && P !== "recording" && !wt && fe && /* @__PURE__ */ A(B.div, {
+						!P && I !== "recording" && !wt && ue && /* @__PURE__ */ M(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2014,19 +2014,19 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ M(l, {
 								variant: "soft",
 								size: $,
 								onClick: st,
 								"aria-label": "Record voice message",
 								title: "Record voice message",
-								children: /* @__PURE__ */ A(s, {
-									icon: De,
+								children: /* @__PURE__ */ M(s, {
+									icon: Te,
 									size: "md"
 								})
 							})
 						}, "mic"),
-						!M && P !== "recording" && !wt && !fe && /* @__PURE__ */ A(B.div, {
+						!P && I !== "recording" && !wt && !ue && /* @__PURE__ */ M(V.div, {
 							initial: {
 								scale: .8,
 								opacity: 0
@@ -2040,14 +2040,14 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 								opacity: 0
 							},
 							transition: { duration: i.moderate01 },
-							children: /* @__PURE__ */ A(l, {
+							children: /* @__PURE__ */ M(l, {
 								variant: "solid",
 								size: $,
 								disabled: !0,
 								"aria-label": "Send",
 								title: "Send",
-								children: /* @__PURE__ */ A(s, {
-									icon: je,
+								children: /* @__PURE__ */ M(s, {
+									icon: ke,
 									size: "md"
 								})
 							})
@@ -2055,15 +2055,15 @@ var xt = E.forwardRef(function({ onSubmit: o, placeholder: u = "Type a message..
 					]
 				})]
 			}),
-			ye && /* @__PURE__ */ A("p", {
+			_e && /* @__PURE__ */ M("p", {
 				className: "mt-ds-02 text-center text-ds-xs text-surface-fg-subtle/50",
-				children: ye
+				children: _e
 			}),
-			N && /* @__PURE__ */ A(dt, {
+			F && /* @__PURE__ */ M(dt, {
 				open: Ie,
 				onOpenChange: Le,
-				onSchedule: (e) => H(e),
-				initialDate: V
+				onSchedule: (e) => Fe(e),
+				initialDate: H
 			})
 		]
 	});