@goliapkg/gds 2.1.1 → 2.2.0

package/dist/editor/index.js

@@ -0,0 +1,1250 @@
+import { r as e, t } from "../glass-CQTlX7IO.js";
+import { t as n } from "../icon-button-CR2GECEZ.js";
+import { t as r } from "../avatar-oCar1zX6.js";
+import { t as i } from "../tooltip-BlvhLCp0.js";
+import { t as a } from "../email-composer-field-UoKh5XMX.js";
+import { n as o, t as s } from "../sanitize-CO5dRqZX.js";
+import { createContext as c, createElement as l, forwardRef as u, useCallback as d, useContext as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { CodeBlockLowlight as x } from "@tiptap/extension-code-block-lowlight";
+import { Image as S } from "@tiptap/extension-image";
+import { Link as C } from "@tiptap/extension-link";
+import { Placeholder as w } from "@tiptap/extension-placeholder";
+import { Table as T, TableCell as E, TableHeader as D, TableRow as O } from "@tiptap/extension-table";
+import { TaskItem as k } from "@tiptap/extension-task-item";
+import { TaskList as ee } from "@tiptap/extension-task-list";
+import { Underline as A } from "@tiptap/extension-underline";
+import { EditorContent as j, useEditor as M } from "@tiptap/react";
+import { StarterKit as N } from "@tiptap/starter-kit";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var P = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), F = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), I = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), L = (e) => {
+	let t = I(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, R = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, z = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, B = c({}), V = () => f(B), H = u(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => {
+	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = V() ?? {}, h = r ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
+	return l("svg", {
+		ref: c,
+		...R,
+		width: t ?? u ?? R.width,
+		height: t ?? u ?? R.height,
+		stroke: e ?? p,
+		strokeWidth: h,
+		className: P("lucide", m, i),
+		...!a && !z(s) && { "aria-hidden": "true" },
+		...s
+	}, [...o.map(([e, t]) => l(e, t)), ...Array.isArray(a) ? a : [a]]);
+}), U = (e, t) => {
+	let n = u(({ className: n, ...r }, i) => l(H, {
+		ref: i,
+		iconNode: t,
+		className: P(`lucide-${F(L(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = L(e), n;
+}, W = U("chevron-down", [["path", {
+	d: "m6 9 6 6 6-6",
+	key: "qrunsl"
+}]]), G = U("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), K = U("download", [
+	["path", {
+		d: "M12 15V3",
+		key: "m9g1x1"
+	}],
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["path", {
+		d: "m7 10 5 5 5-5",
+		key: "brsn70"
+	}]
+]), q = U("file-text", [
+	["path", {
+		d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+		key: "1oefj6"
+	}],
+	["path", {
+		d: "M14 2v5a1 1 0 0 0 1 1h5",
+		key: "wfsgrz"
+	}],
+	["path", {
+		d: "M10 9H8",
+		key: "b1mrlr"
+	}],
+	["path", {
+		d: "M16 13H8",
+		key: "t4e002"
+	}],
+	["path", {
+		d: "M16 17H8",
+		key: "z1uh3a"
+	}]
+]), J = U("forward", [["path", {
+	d: "m15 17 5-5-5-5",
+	key: "nf172w"
+}], ["path", {
+	d: "M4 18v-2a4 4 0 0 1 4-4h12",
+	key: "jmiej9"
+}]]), Y = U("image", [
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		ry: "2",
+		key: "1m3agn"
+	}],
+	["circle", {
+		cx: "9",
+		cy: "9",
+		r: "2",
+		key: "af1f0g"
+	}],
+	["path", {
+		d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",
+		key: "1xmnt7"
+	}]
+]), X = U("paperclip", [["path", {
+	d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+	key: "1miecu"
+}]]), te = U("reply-all", [
+	["path", {
+		d: "m12 17-5-5 5-5",
+		key: "1s3y5u"
+	}],
+	["path", {
+		d: "M22 18v-2a4 4 0 0 0-4-4H7",
+		key: "1fcyog"
+	}],
+	["path", {
+		d: "m7 17-5-5 5-5",
+		key: "1ed8i2"
+	}]
+]), ne = U("reply", [["path", {
+	d: "M20 18v-2a4 4 0 0 0-4-4H4",
+	key: "5vmcpk"
+}], ["path", {
+	d: "m9 17-5-5 5-5",
+	key: "nvlc11"
+}]]), re = U("send", [["path", {
+	d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+	key: "1ffxy3"
+}], ["path", {
+	d: "m21.854 2.147-10.94 10.939",
+	key: "12cjpa"
+}]]), Z = U("sparkles", [
+	["path", {
+		d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+		key: "1s2grr"
+	}],
+	["path", {
+		d: "M20 2v4",
+		key: "1rf3ol"
+	}],
+	["path", {
+		d: "M22 4h-4",
+		key: "gwowj6"
+	}],
+	["circle", {
+		cx: "4",
+		cy: "20",
+		r: "2",
+		key: "6kqj1y"
+	}]
+]), ie = U("trash-2", [
+	["path", {
+		d: "M10 11v6",
+		key: "nco0om"
+	}],
+	["path", {
+		d: "M14 11v6",
+		key: "outv1u"
+	}],
+	["path", {
+		d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+		key: "miytrc"
+	}],
+	["path", {
+		d: "M3 6h18",
+		key: "d0wm0j"
+	}],
+	["path", {
+		d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+		key: "e791ji"
+	}]
+]), ae = U("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]);
+//#endregion
+//#region src/l5-organisms/rich-text-editor.tsx
+function oe() {
+	return [
+		{
+			key: "bold",
+			label: "Bold",
+			shortcut: "Ctrl+B",
+			icon: /* @__PURE__ */ y("span", {
+				className: "font-bold",
+				children: "B"
+			}),
+			action: (e) => e.chain().focus().toggleBold().run(),
+			isActive: (e) => e.isActive("bold")
+		},
+		{
+			key: "italic",
+			label: "Italic",
+			shortcut: "Ctrl+I",
+			icon: /* @__PURE__ */ y("span", {
+				className: "italic",
+				children: "I"
+			}),
+			action: (e) => e.chain().focus().toggleItalic().run(),
+			isActive: (e) => e.isActive("italic")
+		},
+		{
+			key: "underline",
+			label: "Underline",
+			shortcut: "Ctrl+U",
+			icon: /* @__PURE__ */ y("span", {
+				className: "underline",
+				children: "U"
+			}),
+			action: (e) => e.chain().focus().toggleUnderline().run(),
+			isActive: (e) => e.isActive("underline")
+		},
+		{
+			key: "strikethrough",
+			label: "Strikethrough",
+			icon: /* @__PURE__ */ y("span", {
+				className: "line-through",
+				children: "S"
+			}),
+			action: (e) => e.chain().focus().toggleStrike().run(),
+			isActive: (e) => e.isActive("strike")
+		},
+		{
+			key: "code",
+			label: "Inline Code",
+			icon: /* @__PURE__ */ y("span", {
+				className: "font-mono text-[11px]",
+				children: "</>"
+			}),
+			action: (e) => e.chain().focus().toggleCode().run(),
+			isActive: (e) => e.isActive("code")
+		},
+		{
+			key: "codeBlock",
+			label: "Code Block",
+			icon: /* @__PURE__ */ y("span", {
+				className: "font-mono text-[10px]",
+				children: "{ }"
+			}),
+			action: (e) => e.chain().focus().toggleCodeBlock().run(),
+			isActive: (e) => e.isActive("codeBlock")
+		},
+		{
+			key: "heading",
+			label: "Heading",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px] font-bold",
+				children: "H"
+			}),
+			action: (e) => e.chain().focus().toggleHeading({ level: 2 }).run(),
+			isActive: (e) => e.isActive("heading")
+		},
+		{
+			key: "blockquote",
+			label: "Blockquote",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[13px]",
+				children: "\""
+			}),
+			action: (e) => e.chain().focus().toggleBlockquote().run(),
+			isActive: (e) => e.isActive("blockquote")
+		},
+		{
+			key: "bulletList",
+			label: "Bullet List",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "•"
+			}),
+			action: (e) => e.chain().focus().toggleBulletList().run(),
+			isActive: (e) => e.isActive("bulletList")
+		},
+		{
+			key: "orderedList",
+			label: "Ordered List",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "1."
+			}),
+			action: (e) => e.chain().focus().toggleOrderedList().run(),
+			isActive: (e) => e.isActive("orderedList")
+		},
+		{
+			key: "taskList",
+			label: "Task List",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "☑"
+			}),
+			action: (e) => e.chain().focus().toggleTaskList().run(),
+			isActive: (e) => e.isActive("taskList")
+		},
+		{
+			key: "link",
+			label: "Link",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "🔗"
+			}),
+			action: (e) => {
+				if (typeof window > "u") return;
+				let t = window.prompt("Enter URL");
+				t !== null && t !== "" && e.chain().focus().setLink({ href: t }).run();
+			},
+			isActive: (e) => e.isActive("link")
+		},
+		{
+			key: "image",
+			label: "Image",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "🖼"
+			}),
+			action: (e) => {
+				if (typeof window > "u") return;
+				let t = window.prompt("Enter image URL");
+				t !== null && t !== "" && e.chain().focus().setImage({ src: t }).run();
+			},
+			isActive: () => !1
+		},
+		{
+			key: "table",
+			label: "Table",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[10px]",
+				children: "⊞"
+			}),
+			action: (e) => e.chain().focus().insertTable({
+				rows: 3,
+				cols: 3
+			}).run(),
+			isActive: () => !1
+		},
+		{
+			key: "divider",
+			label: "Divider",
+			icon: /* @__PURE__ */ y("span", {
+				className: "text-[11px]",
+				children: "—"
+			}),
+			action: (e) => e.chain().focus().setHorizontalRule().run(),
+			isActive: () => !1
+		}
+	];
+}
+var se = [
+	"bold",
+	"italic",
+	"underline",
+	"strikethrough",
+	"|",
+	"code",
+	"codeBlock",
+	"|",
+	"heading",
+	"blockquote",
+	"|",
+	"bulletList",
+	"orderedList",
+	"taskList",
+	"|",
+	"link",
+	"image",
+	"table",
+	"divider"
+], ce = [
+	"bold",
+	"italic",
+	"underline",
+	"|",
+	"link"
+], le = u(function({ value: n, defaultValue: r, onChange: i, placeholder: a, mode: o = "full", toolbar: s = !0, toolbarItems: c, onImageUpload: l, onSubmit: u, glass: d, className: f, ...g }, _) {
+	let v = n !== void 0, P = n ?? r ?? "", F = M({
+		extensions: h(() => o === "minimal" ? [
+			N.configure({
+				code: !1,
+				codeBlock: !1,
+				heading: !1,
+				blockquote: !1
+			}),
+			C.configure({
+				autolink: !0,
+				openOnClick: !1
+			}),
+			A,
+			w.configure({ placeholder: a ?? "" })
+		] : [
+			N.configure({ codeBlock: !1 }),
+			x.configure({}),
+			S.configure({ inline: !0 }),
+			C.configure({
+				autolink: !0,
+				openOnClick: !1,
+				HTMLAttributes: {
+					target: "_blank",
+					rel: "noopener noreferrer"
+				}
+			}),
+			T.configure({ resizable: !0 }),
+			O,
+			E,
+			D,
+			ee,
+			k.configure({ nested: !0 }),
+			A,
+			w.configure({ placeholder: a ?? "" })
+		], [o, a]),
+		content: P,
+		onUpdate: ({ editor: e }) => {
+			i !== void 0 && i(e.getHTML(), e.getText());
+		}
+	});
+	p(() => {
+		v && F !== null && n !== F.getHTML() && F.commands.setContent(n, { emitUpdate: !1 });
+	}, [
+		v,
+		n,
+		F
+	]), p(() => {
+		if (F === null || u === void 0) return;
+		let e = (e) => {
+			(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), u());
+		}, t = F.view.dom;
+		return t.addEventListener("keydown", e), () => t.removeEventListener("keydown", e);
+	}, [F, u]), p(() => {
+		if (F === null || l === void 0) return;
+		let e = async (e) => {
+			let t = e.dataTransfer?.files;
+			if (!(t === void 0 || t.length === 0)) {
+				for (let n of Array.from(t)) if (n.type.startsWith("image/")) {
+					e.preventDefault();
+					let t = await l(n);
+					t !== null && F.chain().focus().setImage({ src: t }).run();
+				}
+			}
+		}, t = async (e) => {
+			let t = e.clipboardData?.files;
+			if (!(t === void 0 || t.length === 0)) {
+				for (let n of Array.from(t)) if (n.type.startsWith("image/")) {
+					e.preventDefault();
+					let t = await l(n);
+					t !== null && F.chain().focus().setImage({ src: t }).run();
+				}
+			}
+		}, n = F.view.dom, r = (t) => {
+			e(t);
+		}, i = (e) => {
+			t(e);
+		};
+		return n.addEventListener("drop", r), n.addEventListener("paste", i), () => {
+			n.removeEventListener("drop", r), n.removeEventListener("paste", i);
+		};
+	}, [F, l]), m(_, () => ({
+		focus: () => F?.commands.focus(),
+		getHTML: () => F?.getHTML() ?? "",
+		getText: () => F?.getText() ?? "",
+		getEditor: () => F,
+		setContent: (e) => F?.commands.setContent(e),
+		clearContent: () => F?.commands.clearContent(),
+		isEmpty: () => F?.isEmpty ?? !0
+	}), [F]);
+	let I = h(() => oe(), []), L = c ?? (o === "full" ? se : ce);
+	return /* @__PURE__ */ b("div", {
+		...g,
+		className: e("border-border gds-radius-input bg-surface flex flex-col overflow-hidden border", d === !0 && t(d), d === !0 && "bg-bg/60 border-white/10", f),
+		"data-component": "rich-text-editor",
+		"data-variant": o,
+		children: [s && F !== null && /* @__PURE__ */ y("div", {
+			className: "border-border bg-bg-secondary flex flex-wrap items-center gap-0.5 border-b px-2 py-1.5",
+			role: "toolbar",
+			"aria-label": "Formatting options",
+			children: L.map((t, n) => {
+				if (t === "|") return /* @__PURE__ */ y("div", {
+					className: "bg-border mx-1 h-4 w-px",
+					role: "separator"
+				}, `sep-${n}`);
+				let r = I.find((e) => e.key === t);
+				if (r === void 0) return null;
+				let i = r.isActive(F);
+				return /* @__PURE__ */ y("button", {
+					type: "button",
+					className: e("flex items-center justify-center rounded px-1.5 py-1 text-xs transition-colors select-none", i ? "bg-accent/15 text-accent" : "text-fg-muted hover:text-fg hover:bg-white/[0.04]"),
+					onClick: () => r.action(F),
+					title: r.shortcut === void 0 ? r.label : `${r.label} (${r.shortcut})`,
+					"aria-pressed": i,
+					"aria-label": r.label,
+					children: r.icon
+				}, r.key);
+			})
+		}), /* @__PURE__ */ y("div", {
+			className: "min-h-[120px] flex-1 overflow-y-auto",
+			"data-selectable": !0,
+			children: /* @__PURE__ */ y(j, {
+				editor: F,
+				className: e("prose prose-sm text-fg max-w-none px-3 py-2", "prose-headings:text-fg prose-p:text-fg prose-a:text-accent", "prose-strong:text-fg prose-em:text-fg", "prose-code:bg-bg-tertiary prose-code:rounded prose-code:px-1 prose-code:text-[0.85em]", "prose-pre:bg-bg-tertiary prose-pre:rounded-lg", "prose-blockquote:border-accent/30", "[&_.tiptap]:min-h-[100px] [&_.tiptap]:outline-none", "[&_.tiptap_p.is-editor-empty:first-child::before]:text-fg-muted/30 [&_.tiptap_p.is-editor-empty:first-child::before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child::before]:float-left [&_.tiptap_p.is-editor-empty:first-child::before]:h-0 [&_.tiptap_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]")
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/l5-organisms/email-composer.tsx
+function ue(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function de(e, t, n, r, i, a) {
+	let o = [], s = [];
+	if (o.push(e), s.push(t), a !== void 0 && a !== "" && (o.push("<div style=\"margin-top:16px;border-top:1px solid #e5e5e5;padding-top:12px\">"), o.push(a), o.push("</div>"), s.push("\n-- \n")), r !== void 0 && r !== "") {
+		let e = i ?? "";
+		o.push("<div style=\"margin-top:16px;padding-left:12px;border-left:3px solid #d1d5db;color:#6b7280\">"), e !== "" && o.push(`<p style="margin-bottom:8px">${e}</p>`), o.push(r), o.push("</div>"), e !== "" && s.push(`\n${e}\n`), s.push("> (quoted content)");
+	}
+	return {
+		html: o.join("\n"),
+		text: s.join("\n"),
+		attachments: n
+	};
+}
+var fe = u(function({ mode: n, to: r, onToChange: i, cc: o, onCcChange: c, bcc: l, onBccChange: u, showCc: f, showBcc: v, subject: x, onSubjectChange: S, onContactSearch: C, onImageUpload: w, quotedHtml: T, quotedHeader: E, signature: D, onSend: O, onDiscard: k, onSaveDraft: ee, submitLabel: A, submitShortcut: j, footerActions: M, glass: N, className: P, ...F }, I) {
+	let [L, R] = _(f === !0), [z, B] = _(v === !0), [V, H] = _([]), [U, W] = _(!0), G = g(null), K = g(null), q = h(() => T === void 0 || T === "" ? T : s(T), [T]), J = d(() => {
+		O(de(G.current?.getHTML() ?? "", G.current?.getText() ?? "", V, T, E, D));
+	}, [
+		V,
+		T,
+		E,
+		D,
+		O
+	]);
+	p(() => {
+		let e = (e) => {
+			(e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), J());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [J]);
+	let Y = d((e) => {
+		H((t) => [...t, ...Array.from(e)]);
+	}, []), te = d((e) => {
+		H((t) => {
+			let n = [...t];
+			return n.splice(e, 1), n;
+		});
+	}, []), ne = d((e) => {
+		e.preventDefault();
+		let t = e.dataTransfer.files;
+		t.length > 0 && Y(t);
+	}, [Y]);
+	m(I, () => ({
+		focus: () => G.current?.focus(),
+		getAssembled: () => de(G.current?.getHTML() ?? "", G.current?.getText() ?? "", V, T, E, D),
+		getEditorRef: () => G.current,
+		addAttachment: (e) => H((t) => [...t, e]),
+		clearContent: () => {
+			G.current?.clearContent(), H([]);
+		}
+	}), [
+		V,
+		T,
+		E,
+		D
+	]);
+	let Z = A ?? "Send", ie = j ?? "Ctrl+Enter";
+	return /* @__PURE__ */ b("div", {
+		...F,
+		className: e("border-border gds-radius-card bg-surface flex flex-col overflow-hidden border", N === !0 && t(N), N === !0 && "bg-bg/60 border-white/10", P),
+		"data-component": "email-composer",
+		"data-variant": n,
+		onDragOver: (e) => e.preventDefault(),
+		onDrop: ne,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "border-border flex flex-col border-b",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "flex items-center",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex-1",
+							children: /* @__PURE__ */ y(a, {
+								label: "To",
+								value: r,
+								onChange: i,
+								onSearch: C
+							})
+						}), !L && !z && /* @__PURE__ */ b("div", {
+							className: "flex shrink-0 gap-1.5 px-2",
+							children: [/* @__PURE__ */ y("button", {
+								type: "button",
+								className: "gds-text-label text-fg-muted hover:text-accent transition-colors",
+								onClick: () => R(!0),
+								children: "Cc"
+							}), /* @__PURE__ */ y("button", {
+								type: "button",
+								className: "gds-text-label text-fg-muted hover:text-accent transition-colors",
+								onClick: () => B(!0),
+								children: "Bcc"
+							})]
+						})]
+					}),
+					L && c !== void 0 && /* @__PURE__ */ y(a, {
+						label: "Cc",
+						value: o ?? [],
+						onChange: c,
+						onSearch: C
+					}),
+					z && u !== void 0 && /* @__PURE__ */ y(a, {
+						label: "Bcc",
+						value: l ?? [],
+						onChange: u,
+						onSearch: C
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "border-border border-b",
+				children: /* @__PURE__ */ y("input", {
+					type: "text",
+					value: x,
+					onChange: (e) => S(e.target.value),
+					placeholder: "Subject",
+					className: "gds-text-body text-fg placeholder:text-fg-muted/30 w-full bg-transparent px-3 py-2.5 outline-none"
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "min-h-0 flex-1",
+				children: /* @__PURE__ */ y(le, {
+					ref: G,
+					mode: "full",
+					placeholder: "Write your message...",
+					onImageUpload: w,
+					onSubmit: J,
+					className: "rounded-none border-0"
+				})
+			}),
+			V.length > 0 && /* @__PURE__ */ y("div", {
+				className: "border-border flex flex-wrap gap-2 border-t px-3 py-2",
+				children: V.map((e, t) => /* @__PURE__ */ b("div", {
+					className: "bg-bg-secondary gds-text-label flex items-center gap-1.5 rounded-md px-2 py-1",
+					children: [
+						/* @__PURE__ */ y(X, { className: "text-fg-muted h-3 w-3" }),
+						/* @__PURE__ */ y("span", {
+							className: "text-fg max-w-[140px] truncate",
+							children: e.name
+						}),
+						/* @__PURE__ */ y("span", {
+							className: "text-fg-muted",
+							children: ue(e.size)
+						}),
+						/* @__PURE__ */ y("button", {
+							type: "button",
+							className: "text-fg-muted hover:text-danger transition-colors",
+							onClick: () => te(t),
+							"aria-label": `Remove ${e.name}`,
+							children: /* @__PURE__ */ y(ae, { className: "h-3 w-3" })
+						})
+					]
+				}, `${e.name}-${t}`))
+			}),
+			q !== void 0 && q !== "" && /* @__PURE__ */ b("div", {
+				className: "border-border border-t",
+				children: [/* @__PURE__ */ b("button", {
+					type: "button",
+					className: "gds-text-label text-fg-muted hover:text-fg flex w-full items-center gap-1.5 px-3 py-1.5 transition-colors",
+					onClick: () => W((e) => !e),
+					"aria-expanded": !U,
+					"aria-label": U ? "Show original message" : "Hide original message",
+					children: [/* @__PURE__ */ y("svg", {
+						className: e("h-3 w-3 transition-transform", !U && "rotate-90"),
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ y("polyline", { points: "9 18 15 12 9 6" })
+					}), U ? "Show original" : "Hide original"]
+				}), !U && /* @__PURE__ */ y("div", {
+					className: "border-accent/20 text-fg-muted gds-text-body ml-3 border-l-2 px-3 pb-3",
+					dangerouslySetInnerHTML: { __html: q }
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "border-border flex items-center justify-between border-t px-3 py-2",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ y("button", {
+							type: "button",
+							className: "text-fg-muted hover:text-fg flex items-center justify-center rounded p-1.5 transition-colors hover:bg-white/[0.04]",
+							onClick: () => K.current?.click(),
+							title: "Attach file",
+							"aria-label": "Attach file",
+							children: /* @__PURE__ */ y(X, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ y("input", {
+							ref: K,
+							type: "file",
+							multiple: !0,
+							className: "hidden",
+							"aria-label": "Choose files to attach",
+							onChange: (e) => {
+								e.target.files !== null && e.target.files.length > 0 && (Y(e.target.files), e.target.value = "");
+							}
+						}),
+						M
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2",
+					children: [k !== void 0 && /* @__PURE__ */ y("button", {
+						type: "button",
+						className: "gds-text-body text-fg-muted hover:text-fg px-2 py-1 transition-colors",
+						onClick: k,
+						children: "Cancel"
+					}), /* @__PURE__ */ b("button", {
+						type: "button",
+						className: "bg-accent gds-text-body text-accent-fg hover:bg-accent-hover inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 font-medium transition-colors",
+						onClick: J,
+						title: `${Z} (${ie})`,
+						children: [/* @__PURE__ */ y(re, { className: "h-3.5 w-3.5" }), Z]
+					})]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/l5-organisms/email-thread.tsx
+function pe(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function me(e) {
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return e;
+	let n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
+	if (r < 1) return "just now";
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	if (i < 24) return `${i}h ago`;
+	let a = Math.floor(i / 24);
+	return a < 7 ? `${a}d ago` : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function he(e) {
+	return e.startsWith("image/");
+}
+function ge(e) {
+	return e === "application/pdf";
+}
+function _e({ attachment: t, message: r, onAttachmentClick: a, onAttachmentDownload: o, onAttachmentExtractText: s, renderAttachment: c }) {
+	if (c !== void 0) return /* @__PURE__ */ y(v, { children: c(t, r) });
+	let l = he(t.mimeType), u = ge(t.mimeType);
+	return /* @__PURE__ */ b("div", {
+		className: e("border-border bg-bg-secondary flex items-center gap-2 rounded-md border p-2", a !== void 0 && "hover:bg-bg-tertiary cursor-pointer"),
+		role: a === void 0 ? void 0 : "button",
+		tabIndex: a === void 0 ? void 0 : 0,
+		onClick: a === void 0 ? void 0 : () => a(r, t),
+		onKeyDown: a === void 0 ? void 0 : (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a(r, t));
+		},
+		"data-component": "email-attachment-preview",
+		children: [
+			l && t.thumbnailUrl !== void 0 ? /* @__PURE__ */ y("img", {
+				src: t.thumbnailUrl,
+				alt: t.filename,
+				className: "h-10 w-10 rounded object-cover"
+			}) : /* @__PURE__ */ b("span", {
+				className: "bg-bg-tertiary text-fg-muted flex h-10 w-10 shrink-0 items-center justify-center rounded",
+				children: [
+					l && /* @__PURE__ */ y(Y, { size: 18 }),
+					!l && u && /* @__PURE__ */ y(q, { size: 18 }),
+					!l && !u && /* @__PURE__ */ y(X, { size: 18 })
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ y("div", {
+					className: "text-fg truncate text-sm font-medium",
+					children: t.filename
+				}), /* @__PURE__ */ y("div", {
+					className: "text-fg-muted text-xs",
+					children: pe(t.size)
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [u && s !== void 0 && /* @__PURE__ */ y(i, {
+					content: "Extract text",
+					children: /* @__PURE__ */ y(n, {
+						size: "sm",
+						icon: /* @__PURE__ */ y(q, { size: 14 }),
+						tooltip: "Extract text",
+						onClick: (e) => {
+							e.stopPropagation(), s(r, t);
+						}
+					})
+				}), o !== void 0 && /* @__PURE__ */ y(i, {
+					content: "Download",
+					children: /* @__PURE__ */ y(n, {
+						size: "sm",
+						icon: /* @__PURE__ */ y(K, { size: 14 }),
+						tooltip: "Download attachment",
+						onClick: (e) => {
+							e.stopPropagation(), o(r, t);
+						}
+					})
+				})]
+			})
+		]
+	});
+}
+function ve({ analysis: e }) {
+	let [t, n] = _(!1), r = e.summary !== void 0 && e.summary.length > 0, i = e.people !== void 0 && e.people.length > 0 || e.dates !== void 0 && e.dates.length > 0 || e.amounts !== void 0 && e.amounts.length > 0 || e.actionItems !== void 0 && e.actionItems.length > 0 || e.deadline !== void 0 || e.riskScore !== void 0;
+	return !r && !i ? null : /* @__PURE__ */ b("div", {
+		className: "border-accent/20 bg-accent/5 mt-2 rounded-md border p-3",
+		"data-component": "email-ai-panel",
+		children: [
+			/* @__PURE__ */ b("button", {
+				type: "button",
+				className: "text-accent flex w-full items-center gap-2 text-left text-xs font-medium",
+				onClick: () => n((e) => !e),
+				"aria-expanded": t,
+				"aria-label": "AI Analysis",
+				children: [
+					/* @__PURE__ */ y(Z, { size: 14 }),
+					/* @__PURE__ */ y("span", {
+						className: "flex-1",
+						children: "AI Analysis"
+					}),
+					i && y(t ? W : G, { size: 14 })
+				]
+			}),
+			r && /* @__PURE__ */ y("p", {
+				className: "text-fg-muted mt-1 text-xs",
+				children: e.summary
+			}),
+			t && i && /* @__PURE__ */ b("div", {
+				className: "mt-2 flex flex-col gap-2 text-xs",
+				children: [
+					e.people !== void 0 && e.people.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("span", {
+						className: "text-fg font-medium",
+						children: "People:"
+					}), /* @__PURE__ */ y("ul", {
+						className: "text-fg-muted mt-0.5 list-inside list-disc",
+						children: e.people.map((e, t) => /* @__PURE__ */ b("li", { children: [
+							e.name,
+							e.role !== void 0 && /* @__PURE__ */ b("span", {
+								className: "text-fg-muted/60",
+								children: [" — ", e.role]
+							}),
+							e.email !== void 0 && /* @__PURE__ */ b("span", {
+								className: "text-fg-muted/60",
+								children: [
+									" (",
+									e.email,
+									")"
+								]
+							})
+						] }, t))
+					})] }),
+					e.dates !== void 0 && e.dates.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("span", {
+						className: "text-fg font-medium",
+						children: "Dates:"
+					}), /* @__PURE__ */ y("ul", {
+						className: "text-fg-muted mt-0.5 list-inside list-disc",
+						children: e.dates.map((e, t) => /* @__PURE__ */ b("li", { children: [e.text, e.context !== void 0 && /* @__PURE__ */ b("span", {
+							className: "text-fg-muted/60",
+							children: [" — ", e.context]
+						})] }, t))
+					})] }),
+					e.amounts !== void 0 && e.amounts.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("span", {
+						className: "text-fg font-medium",
+						children: "Amounts:"
+					}), /* @__PURE__ */ y("ul", {
+						className: "text-fg-muted mt-0.5 list-inside list-disc",
+						children: e.amounts.map((e, t) => /* @__PURE__ */ b("li", { children: [
+							e.value,
+							e.currency !== void 0 && /* @__PURE__ */ b("span", { children: [" ", e.currency] }),
+							e.context !== void 0 && /* @__PURE__ */ b("span", {
+								className: "text-fg-muted/60",
+								children: [" — ", e.context]
+							})
+						] }, t))
+					})] }),
+					e.actionItems !== void 0 && e.actionItems.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("span", {
+						className: "text-fg font-medium",
+						children: "Action Items:"
+					}), /* @__PURE__ */ y("ul", {
+						className: "text-fg-muted mt-0.5 list-inside list-disc",
+						children: e.actionItems.map((e, t) => /* @__PURE__ */ y("li", { children: e }, t))
+					})] }),
+					e.deadline !== void 0 && /* @__PURE__ */ b("div", { children: [
+						/* @__PURE__ */ y("span", {
+							className: "text-danger font-medium",
+							children: "Deadline:"
+						}),
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "text-danger",
+							children: e.deadline
+						})
+					] }),
+					e.riskScore !== void 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("span", {
+						className: "text-warning font-medium",
+						children: [
+							"Risk: ",
+							e.riskScore,
+							"/10"
+						]
+					}), e.riskReason !== void 0 && /* @__PURE__ */ b("span", {
+						className: "text-fg-muted",
+						children: [" — ", e.riskReason]
+					})] })
+				]
+			})
+		]
+	});
+}
+function ye({ message: t, isExpanded: a, onToggleExpand: o, onReply: c, onReplyAll: l, onForward: u, onDelete: d, onAttachmentClick: f, onAttachmentDownload: p, onAttachmentExtractText: m, showAiAnalysis: g, renderMessageActions: _, renderAttachment: v }) {
+	let x = t.fromName ?? t.from, S = t.attachments !== void 0 && t.attachments.length > 0, C = g === !0 && t.aiAnalysis !== void 0 && t.aiAnalysis !== null, w = h(() => t.htmlBody === null ? null : s(t.htmlBody), [t.htmlBody]), T = h(() => w === null ? t.textBody === null ? /* @__PURE__ */ y("p", {
+		className: "text-fg-muted text-sm italic",
+		children: "No content"
+	}) : /* @__PURE__ */ y("pre", {
+		className: "text-fg font-sans text-sm leading-relaxed break-words whitespace-pre-wrap",
+		children: t.textBody
+	}) : /* @__PURE__ */ y("div", {
+		className: "prose prose-sm dark:prose-invert max-w-none break-words [&_img]:h-auto [&_img]:max-w-full [&_table]:text-xs",
+		dangerouslySetInnerHTML: { __html: w }
+	}), [w, t.textBody]), E = h(() => {
+		if (t.textBody !== null) {
+			let e = t.textBody.split("\n").filter((e) => e.trim().length > 0).slice(0, 3).join(" ");
+			return e.length > 200 ? `${e.slice(0, 200)}…` : e;
+		}
+		if (t.htmlBody !== null) {
+			let e = t.htmlBody.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
+			return e.length > 200 ? `${e.slice(0, 200)}…` : e;
+		}
+		return "";
+	}, [t.textBody, t.htmlBody]), D = /* @__PURE__ */ y(r, {
+		name: x,
+		size: "default"
+	}), O = /* @__PURE__ */ b("div", {
+		className: "flex min-w-0 flex-1 items-center gap-2",
+		children: [/* @__PURE__ */ b("button", {
+			type: "button",
+			className: "flex min-w-0 flex-1 items-center gap-2 text-left",
+			onClick: o,
+			"aria-expanded": a,
+			"aria-label": a ? `Collapse message from ${x}` : `Expand message from ${x}`,
+			children: [
+				y(a ? W : G, {
+					size: 14,
+					className: "text-fg-muted shrink-0"
+				}),
+				/* @__PURE__ */ y("span", {
+					className: "text-fg truncate text-sm font-medium",
+					children: x
+				}),
+				/* @__PURE__ */ b("span", {
+					className: "text-fg-muted truncate text-xs",
+					children: [
+						"<",
+						t.from,
+						">"
+					]
+				})
+			]
+		}), /* @__PURE__ */ y("span", {
+			className: "text-fg-muted shrink-0 text-xs",
+			children: me(t.date)
+		})]
+	}), k = _ === void 0 ? /* @__PURE__ */ b("div", {
+		className: "flex items-center gap-0.5",
+		children: [
+			c !== void 0 && /* @__PURE__ */ y(i, {
+				content: "Reply",
+				children: /* @__PURE__ */ y(n, {
+					size: "sm",
+					icon: /* @__PURE__ */ y(ne, { size: 14 }),
+					tooltip: "Reply",
+					onClick: () => c(t)
+				})
+			}),
+			l !== void 0 && /* @__PURE__ */ y(i, {
+				content: "Reply All",
+				children: /* @__PURE__ */ y(n, {
+					size: "sm",
+					icon: /* @__PURE__ */ y(te, { size: 14 }),
+					tooltip: "Reply all",
+					onClick: () => l(t)
+				})
+			}),
+			u !== void 0 && /* @__PURE__ */ y(i, {
+				content: "Forward",
+				children: /* @__PURE__ */ y(n, {
+					size: "sm",
+					icon: /* @__PURE__ */ y(J, { size: 14 }),
+					tooltip: "Forward",
+					onClick: () => u(t)
+				})
+			}),
+			d !== void 0 && /* @__PURE__ */ y(i, {
+				content: "Delete",
+				children: /* @__PURE__ */ y(n, {
+					size: "sm",
+					variant: "danger",
+					icon: /* @__PURE__ */ y(ie, { size: 14 }),
+					tooltip: "Delete",
+					onClick: () => d(t)
+				})
+			})
+		]
+	}) : _(t), ee = c !== void 0 || l !== void 0 || u !== void 0 || d !== void 0 || _ !== void 0;
+	return /* @__PURE__ */ b("div", {
+		className: e("flex gap-3", t.isOwn && "flex-row-reverse"),
+		"data-component": "email-message-bubble",
+		"data-state": a ? "expanded" : "collapsed",
+		"data-own": t.isOwn ? "true" : "false",
+		children: [/* @__PURE__ */ y("div", {
+			className: "shrink-0 pt-1",
+			children: D
+		}), /* @__PURE__ */ b("div", {
+			className: e("gds-pad min-w-0 flex-1 rounded-lg border", t.isOwn ? "border-accent/20 bg-accent/5" : "border-border bg-bg-secondary"),
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "flex items-start gap-2",
+					children: [O, a && ee && /* @__PURE__ */ y("div", {
+						className: "shrink-0",
+						children: k
+					})]
+				}),
+				a && /* @__PURE__ */ b("div", {
+					className: "text-fg-muted mt-1 text-xs",
+					children: [/* @__PURE__ */ b("span", { children: ["To: ", t.to.join(", ")] }), t.cc !== void 0 && t.cc.length > 0 && /* @__PURE__ */ b("span", {
+						className: "ml-2",
+						children: ["Cc: ", t.cc.join(", ")]
+					})]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "mt-2",
+					children: a ? T : /* @__PURE__ */ b("button", {
+						type: "button",
+						className: "text-fg-muted w-full text-left text-sm",
+						onClick: o,
+						"aria-expanded": !1,
+						"aria-label": `Expand message from ${x}`,
+						children: [/* @__PURE__ */ y("span", {
+							className: "line-clamp-2",
+							children: E
+						}), /* @__PURE__ */ y("span", {
+							className: "text-accent text-xs",
+							children: " Show more"
+						})]
+					})
+				}),
+				a && S && /* @__PURE__ */ b("div", {
+					className: "mt-3",
+					children: [/* @__PURE__ */ b("div", {
+						className: "text-fg-muted mb-1.5 flex items-center gap-1 text-xs font-medium",
+						children: [/* @__PURE__ */ y(X, { size: 12 }), /* @__PURE__ */ b("span", { children: [
+							t.attachments?.length ?? 0,
+							" attachment",
+							(t.attachments?.length ?? 0) > 1 ? "s" : ""
+						] })]
+					}), /* @__PURE__ */ y("div", {
+						className: "grid gap-2 sm:grid-cols-2",
+						children: (t.attachments ?? []).map((e) => /* @__PURE__ */ y(_e, {
+							attachment: e,
+							message: t,
+							onAttachmentClick: f,
+							onAttachmentDownload: p,
+							onAttachmentExtractText: m,
+							renderAttachment: v
+						}, e.index))
+					})]
+				}),
+				a && C && t.aiAnalysis !== void 0 && t.aiAnalysis !== null && /* @__PURE__ */ y(ve, { analysis: t.aiAnalysis })
+			]
+		})]
+	});
+}
+var be = u(function({ messages: n, defaultExpandedIds: r, expandAll: i, onReply: a, onReplyAll: o, onForward: s, onDelete: c, onPrint: l, onDownloadRaw: u, onAttachmentClick: f, onAttachmentDownload: p, onAttachmentExtractText: m, showAiAnalysis: g, renderMessageActions: v, renderAttachment: b, glass: x, className: S, ...C }, w) {
+	let [T, E] = _(h(() => i === !0 ? new Set(n.map((e) => e.id)) : r === void 0 ? n.length > 0 ? new Set([n[n.length - 1].id]) : /* @__PURE__ */ new Set() : new Set(r), [])), D = i === !0 ? new Set(n.map((e) => e.id)) : T, O = d((e) => {
+		E((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []);
+	return n.length === 0 ? /* @__PURE__ */ y("div", {
+		ref: w,
+		className: e("text-fg-muted gds-text-body flex flex-col items-center justify-center py-12", x === !0 && t(x), S),
+		"data-component": "email-thread",
+		"data-state": "empty",
+		...C,
+		children: /* @__PURE__ */ y("p", { children: "No messages" })
+	}) : /* @__PURE__ */ y("div", {
+		ref: w,
+		className: e("gds-gap flex flex-col", x === !0 && t(x), S),
+		"data-component": "email-thread",
+		role: "list",
+		"aria-label": "Email thread",
+		...C,
+		children: n.map((e) => /* @__PURE__ */ y("div", {
+			role: "listitem",
+			children: /* @__PURE__ */ y(ye, {
+				message: e,
+				isExpanded: D.has(e.id),
+				onToggleExpand: () => O(e.id),
+				onReply: a,
+				onReplyAll: o,
+				onForward: s,
+				onDelete: c,
+				onAttachmentClick: f,
+				onAttachmentDownload: p,
+				onAttachmentExtractText: m,
+				showAiAnalysis: g,
+				renderMessageActions: v,
+				renderAttachment: b
+			})
+		}, e.id))
+	});
+});
+//#endregion
+//#region src/l5-organisms/markdown-parser.ts
+function xe(e) {
+	return e.replace(/<script[\s\S]*?<\/script>/gi, "").replace(/<script[^>]*>/gi, "").replace(/\son\w+\s*=\s*"[^"]*"/gi, "").replace(/\son\w+\s*=\s*'[^']*'/gi, "").replace(/\son\w+\s*=\s*[^\s>]*/gi, "");
+}
+function Q(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function $(e) {
+	let t = Q(e);
+	return t = t.replace(/`([^`]+)`/g, "<code class=\"rounded bg-bg-tertiary px-1 py-0.5 font-mono text-[0.85em]\">$1</code>"), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*([^*]+)\*/g, "<em>$1</em>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" class=\"text-accent hover:underline\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>"), t;
+}
+function Se(e) {
+	let t = e.split("\n"), n = [], r = !1, i = [], a = !1;
+	for (let e = 0; e < t.length; e++) {
+		let o = t[e];
+		if (o.trimStart().startsWith("```")) {
+			r ? (n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${Q(i.join("\n"))}</code></pre>`), i = [], r = !1) : (a &&= (n.push("</ul>"), !1), r = !0);
+			continue;
+		}
+		if (r) {
+			i.push(o);
+			continue;
+		}
+		if (/^---+$/.test(o.trim())) {
+			a &&= (n.push("</ul>"), !1), n.push("<hr class=\"my-3 border-border\" />");
+			continue;
+		}
+		let s = o.match(/^(#{1,6})\s+(.+)$/);
+		if (s !== null) {
+			a &&= (n.push("</ul>"), !1);
+			let e = s[1].length;
+			n.push(`<h${e} class="font-semibold ${[
+				"text-xl",
+				"text-lg",
+				"text-base",
+				"text-sm",
+				"text-xs",
+				"text-xs"
+			][e - 1]} ${[
+				"mt-4 mb-2",
+				"mt-3 mb-2",
+				"mt-3 mb-1",
+				"mt-2 mb-1",
+				"mt-2 mb-1",
+				"mt-2 mb-1"
+			][e - 1]}">${$(s[2])}</h${e}>`);
+			continue;
+		}
+		if (o.trimStart().startsWith("> ")) {
+			a &&= (n.push("</ul>"), !1);
+			let e = o.replace(/^>\s*/, "");
+			n.push(`<blockquote class="border-l-2 border-accent/30 pl-3 text-fg-muted italic">${$(e)}</blockquote>`);
+			continue;
+		}
+		let c = o.match(/^(\s*)[-*]\s+(.+)$/);
+		if (c !== null) {
+			a ||= (n.push("<ul class=\"list-disc pl-5 space-y-0.5\">"), !0), n.push(`<li>${$(c[2])}</li>`);
+			continue;
+		}
+		a &&= (n.push("</ul>"), !1), o.trim() !== "" && n.push(`<p class="mb-2">${$(o)}</p>`);
+	}
+	return r && n.push(`<pre class="overflow-auto rounded-lg bg-bg-tertiary p-3 font-mono text-xs"><code>${Q(i.join("\n"))}</code></pre>`), a && n.push("</ul>"), xe(n.join("\n"));
+}
+//#endregion
+//#region src/l5-organisms/markdown-preview.tsx
+var Ce = u(function({ content: t, glass: n, className: r, sanitize: i = !0 }, a) {
+	let s = h(() => {
+		let e = Se(t);
+		if (!i) return e;
+		try {
+			return o(e, { ADD_ATTR: ["target", "rel"] });
+		} catch {
+			return e.replace(/<[^>]*>/g, "");
+		}
+	}, [t, i]);
+	return /* @__PURE__ */ y("div", {
+		ref: a,
+		className: e("gds-radius-popover gds-pad-x gds-pad-y text-fg text-sm leading-relaxed", n === !0 && "bg-white/5 backdrop-blur-md", r),
+		"data-component": "markdown-preview",
+		dangerouslySetInnerHTML: { __html: s }
+	});
+}), we = u(function({ value: t, onChange: n, placeholder: r, className: i }, a) {
+	let o = d((e) => n(e.target.value), [n]);
+	return /* @__PURE__ */ b("div", {
+		ref: a,
+		className: e("border-border bg-surface flex gap-px overflow-hidden rounded-lg border", i),
+		"data-component": "markdown-editor",
+		children: [
+			/* @__PURE__ */ y("textarea", {
+				className: "text-fg min-h-[200px] flex-1 resize-none bg-transparent p-3 font-mono text-sm outline-none",
+				value: t,
+				onChange: o,
+				placeholder: r
+			}),
+			/* @__PURE__ */ y("div", { className: "bg-border w-px" }),
+			/* @__PURE__ */ y("div", {
+				className: "min-h-[200px] flex-1 overflow-auto",
+				children: /* @__PURE__ */ y(Ce, {
+					content: t,
+					className: "h-full"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { fe as EmailComposer, be as EmailThread, we as MarkdownEditor, Ce as MarkdownPreview, le as RichTextEditor };
+
+//# sourceMappingURL=index.js.map