@codesweep-ai/ui 0.2.1-dev.20260830023458.856ea8f

package/dist/components/MarkdownViewer.js

@@ -0,0 +1,455 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { Button as t } from "./Button.js";
+import { Skeleton as n } from "./Skeleton.js";
+import { escapeMarkdownHtml as r, sanitizeMarkdownUrl as i } from "../lib/markdownUrl.js";
+import { MarkdownMinimap as a } from "./MarkdownMinimap.js";
+import { LightweightMarkdown as o } from "./LightweightMarkdown.js";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { AlertCircle as ee, AlertTriangle as f, Check as te, CircleAlert as p, Copy as ne, Inbox as re, Info as m, Lightbulb as h, ListTree as ie, OctagonAlert as g, PanelLeftClose as _, PanelLeftOpen as v, PanelRightClose as ae, PanelRightOpen as oe } from "lucide-react";
+import { Fragment as se, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/MarkdownViewer.tsx
+function ce(e) {
+	return e.toLowerCase().replace(/[^\p{L}\p{M}\p{N}\p{Pc} -]/gu, "").replace(/ /g, "-");
+}
+function x(e) {
+	return typeof e == "string" ? e : typeof e == "number" ? String(e) : e ? Array.isArray(e) ? e.map(x).join("") : typeof e == "object" && "props" in e ? x(e.props.children) : "" : "";
+}
+var le = 200, S = 120, C = 400, ue = 12, de = 12, fe = 120, pe = 100, me = 50;
+function w(e, t, n) {
+	let r = t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop;
+	e.scrollTo({
+		top: r,
+		behavior: n
+	});
+}
+var he = 2e3, ge = {
+	NOTE: {
+		icon: m,
+		title: "Note"
+	},
+	TIP: {
+		icon: h,
+		title: "Tip"
+	},
+	IMPORTANT: {
+		icon: p,
+		title: "Important"
+	},
+	WARNING: {
+		icon: f,
+		title: "Warning"
+	},
+	CAUTION: {
+		icon: g,
+		title: "Caution"
+	}
+};
+function _e({ src: e, alt: t, resolve: n, ...r }) {
+	let [i, a] = d(e);
+	return c(() => {
+		if (!e || e.startsWith("data:") || e.startsWith("http://") || e.startsWith("https://")) {
+			a(e);
+			return;
+		}
+		let t = !1, r = n(e);
+		return r instanceof Promise ? r.then((n) => {
+			t || a(n ?? e);
+		}) : a(r ?? e), () => {
+			t = !0;
+		};
+	}, [e, n]), i ? /* @__PURE__ */ y("img", {
+		src: i,
+		alt: t,
+		loading: "lazy",
+		...r
+	}) : null;
+}
+function T({ viewerProps: e, Renderer: o }) {
+	let { content: f, outline: p = !1, minimap: m = !1, outlineCollapsed: h, minimapCollapsed: g, onLinkClick: T, onImageSrc: E, codeRenderers: D, onHeadingNavigate: O, initialHeading: k, inline: A = !1, density: ve = "default", className: j, loading: M, error: N, errorMessage: P, onRetry: F, emptyMessage: ye = "No content.", emptyHint: I, emptyAction: L } = e, R = A ? !1 : p, z = A ? !1 : m;
+	if (M) return /* @__PURE__ */ b("div", {
+		"data-component": "MarkdownViewer",
+		"data-testid": "markdownviewer-loading",
+		className: `cs-component-markdown-viewer-33 ${j ?? ""}`,
+		children: [
+			/* @__PURE__ */ y(n, {
+				variant: "text",
+				width: "60%",
+				height: "1.5em"
+			}),
+			Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ y(n, {
+				variant: "text",
+				width: `${85 - t % 4 * 5}%`
+			}, `__p-${t}`)),
+			/* @__PURE__ */ y("div", { style: { height: "var(--space-4)" } }),
+			/* @__PURE__ */ y(n, {
+				variant: "text",
+				width: "40%",
+				height: "1.25em"
+			}),
+			Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ y(n, {
+				variant: "text",
+				width: `${80 - t % 3 * 5}%`
+			}, `__p2-${t}`))
+		]
+	});
+	if (N) return /* @__PURE__ */ b("div", {
+		"data-component": "MarkdownViewer",
+		"data-testid": "markdownviewer-error",
+		className: `cs-component-markdown-viewer-55 ${j ?? ""}`,
+		children: [
+			/* @__PURE__ */ y(ee, { className: "cs-component-markdown-viewer-58 " }),
+			/* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-59 ",
+				children: P ?? "Something went wrong"
+			}),
+			(typeof N == "string" ? N : N?.message) && /* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-62 ",
+				children: typeof N == "string" ? N : N.message
+			}),
+			F && /* @__PURE__ */ y(t, {
+				variant: "secondary",
+				size: "sm",
+				onClick: F,
+				children: "Retry"
+			})
+		]
+	});
+	if (!f || f.trim() === "") return /* @__PURE__ */ b("div", {
+		"data-component": "MarkdownViewer",
+		"data-testid": "markdownviewer-empty",
+		className: `cs-component-markdown-viewer-55 ${j ?? ""}`,
+		children: [
+			/* @__PURE__ */ y(re, { className: "cs-component-markdown-viewer-71 " }),
+			/* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-59 ",
+				children: ye
+			}),
+			I && /* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-62 ",
+				children: I
+			}),
+			L && /* @__PURE__ */ y(t, {
+				variant: "secondary",
+				size: "sm",
+				onClick: L.onClick,
+				children: L.label
+			})
+		]
+	});
+	let B = u(null), [V, H] = d(h ?? !1), [U, W] = d(g ?? !1), [G, K] = d(null), [q, J] = d(null), Y = u(null);
+	c(() => {
+		if (!G) return;
+		let e = Y.current;
+		if (!e) return;
+		let t = e.querySelector(`[data-heading-id="${CSS.escape(G)}"]`);
+		if (!t) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+		r.top < n.top ? e.scrollTop -= n.top - r.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
+	}, [G]);
+	let [X, be] = d(le), Z = u(null);
+	c(() => {
+		let e = (e) => {
+			if (!Z.current) return;
+			let t = e.clientX - Z.current.startX;
+			be(Math.min(C, Math.max(S, Z.current.startWidth + t)));
+		}, t = () => {
+			Z.current && (Z.current = null, document.body.style.cursor = "", document.body.style.userSelect = "");
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
+		};
+	}, []);
+	let Q = l(() => {
+		let e = [], t = f.split("\n"), n = !1, r = "", i = 0;
+		for (let a of t) {
+			let t = a.trim().match(/^(`{3,}|~{3,})(.*)?$/);
+			if (t) {
+				let e = t[1][0], a = t[1].length;
+				n ? e === r && a >= i && !t[2]?.trim() && (n = !1) : (n = !0, r = e, i = a);
+				continue;
+			}
+			if (n) continue;
+			let o = a.match(/^(#{1,6})\s+(.+)$/);
+			o && e.push({
+				level: o[1].length,
+				text: o[2].replace(/[*_`~]/g, ""),
+				slug: ce(o[2].replace(/[*_`~]/g, ""))
+			});
+		}
+		return e;
+	}, [f]), xe = l(() => Q.length > 0 ? Math.min(...Q.map((e) => e.level)) : 1, [Q]);
+	c(() => {
+		let e = B.current;
+		if (!e || !R) return;
+		let t, n = () => {
+			clearTimeout(t), t = setTimeout(() => {
+				let t = e.getBoundingClientRect(), n = e.querySelectorAll("h1, h2, h3, h4, h5, h6"), r = null;
+				n.forEach((e) => {
+					e.getBoundingClientRect().top <= t.top + pe && (r = e.id);
+				}), r !== null && K(r);
+			}, me);
+		};
+		return e.addEventListener("scroll", n), n(), () => {
+			e.removeEventListener("scroll", n), clearTimeout(t);
+		};
+	}, [R]);
+	let Se = s((e) => {
+		let t = B.current;
+		if (!t) return;
+		let n = t.querySelector(`#${CSS.escape(e)}`);
+		n && (w(t, n, "instant"), K(e), O?.(e));
+	}, [O]);
+	c(() => {
+		if (!k) return;
+		let e = B.current;
+		if (!e) return;
+		let t = setTimeout(() => {
+			let t = e.querySelector(`#${CSS.escape(k)}`);
+			t && (w(e, t, "instant"), K(k));
+		}, 0);
+		return () => clearTimeout(t);
+	}, [k]);
+	let $ = s((e, t) => {
+		navigator.clipboard.writeText(e), J(t), setTimeout(() => J(null), he);
+	}, []), Ce = l(() => {
+		let e = 0;
+		return {
+			p: ({ children: e }) => /* @__PURE__ */ y("p", {
+				"data-markdown-paragraph": "",
+				children: e
+			}),
+			ul: ({ children: e }) => /* @__PURE__ */ y("ul", {
+				"data-markdown-list": "unordered",
+				children: e
+			}),
+			ol: ({ children: e }) => /* @__PURE__ */ y("ol", {
+				"data-markdown-list": "ordered",
+				children: e
+			}),
+			pre: ({ children: t }) => {
+				let n = Array.isArray(t) ? t[0] : t, r = "", i = "";
+				if (n && typeof n == "object" && "props" in n) {
+					let e = n.props, t = (e.className || "").match(/language-(\w+)/);
+					t && (r = t[1]), i = x(e.children);
+				}
+				if (D && r && D[r]) {
+					let e = D[r];
+					return /* @__PURE__ */ y(e, { code: i });
+				}
+				let a = `code-block-${++e}`, o = q === a;
+				return /* @__PURE__ */ b("div", {
+					className: "md-code-block",
+					children: [/* @__PURE__ */ b("div", {
+						className: "md-code-block__header",
+						children: [r ? /* @__PURE__ */ y("span", {
+							className: "text-label-upper",
+							children: r
+						}) : /* @__PURE__ */ y("span", {}), /* @__PURE__ */ y("button", {
+							onClick: () => $(i, a),
+							className: "cs-component-markdown-viewer-111 ",
+							"aria-label": o ? "Copied!" : "Copy code to clipboard",
+							children: y(o ? te : ne, { className: "cs-component-markdown-viewer-112 " })
+						})]
+					}), /* @__PURE__ */ y("div", {
+						className: "md-code-block__body",
+						children: /* @__PURE__ */ y("pre", { children: t })
+					})]
+				});
+			},
+			a: ({ href: e, children: t, node: n, ...r }) => {
+				let a = i(e ?? "");
+				return a.startsWith("http://") || a.startsWith("https://") ? /* @__PURE__ */ y("a", {
+					href: a,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					...r,
+					children: t
+				}) : a.startsWith("#") ? /* @__PURE__ */ y("a", {
+					href: a,
+					onClick: (e) => {
+						e.preventDefault();
+						let t = a.slice(1), n = B.current;
+						if (n) {
+							let e = n.querySelector(`#${CSS.escape(t)}`);
+							e && (w(n, e, "instant"), K(t));
+						}
+					},
+					...r,
+					children: t
+				}) : T ? /* @__PURE__ */ y("a", {
+					href: a,
+					onClick: (e) => {
+						e.preventDefault(), T(a);
+					},
+					...r,
+					children: t
+				}) : /* @__PURE__ */ y("a", {
+					href: a,
+					...r,
+					children: t
+				});
+			},
+			blockquote: ({ children: e }) => {
+				let t = Array.isArray(e) ? e : [e], n = "", r = [];
+				for (let e = 0; e < t.length; e++) {
+					let i = t[e];
+					if (i && typeof i == "object" && "props" in i && i.props.children) {
+						let a = x(i.props.children);
+						if (!n && a.trim()) {
+							n = a.trim(), r = t.slice(e + 1);
+							break;
+						}
+					}
+				}
+				let i = n.match(/^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*([\s\S]*)?$/);
+				if (i) {
+					let t = i[1], n = ge[t];
+					if (!n) return /* @__PURE__ */ y("blockquote", {
+						"data-markdown-blockquote": "",
+						children: e
+					});
+					let a = n.icon, o = t.toLowerCase(), s = i[2]?.trim();
+					return /* @__PURE__ */ b("div", {
+						"data-markdown-blockquote": "",
+						className: `md-alert md-alert--${o}`,
+						children: [/* @__PURE__ */ b("div", {
+							className: "md-alert__title",
+							children: [/* @__PURE__ */ y(a, { className: "cs-component-markdown-viewer-112 " }), n.title]
+						}), /* @__PURE__ */ b("div", {
+							className: "md-alert__body",
+							children: [s && /* @__PURE__ */ y("p", { children: s }), r]
+						})]
+					});
+				}
+				return /* @__PURE__ */ y("blockquote", {
+					"data-markdown-blockquote": "",
+					children: e
+				});
+			},
+			input: ({ type: e, checked: t, node: n, ...r }) => /* @__PURE__ */ y("input", {
+				type: e,
+				checked: t,
+				"aria-label": e === "checkbox" ? t ? "Completed task" : "Incomplete task" : void 0,
+				...r
+			}),
+			...E ? { img: ({ src: e, alt: t, node: n, ...r }) => /* @__PURE__ */ y(_e, {
+				src: e,
+				alt: t ?? "",
+				resolve: E,
+				...r
+			}) } : {}
+		};
+	}, [
+		q,
+		$,
+		T,
+		E,
+		D
+	]);
+	return /* @__PURE__ */ b("div", {
+		"data-component": "MarkdownViewer",
+		className: A ? j ?? "" : `cs-component-markdown-viewer-133 ${j ?? ""}`,
+		children: [
+			R && !V && /* @__PURE__ */ b(se, { children: [/* @__PURE__ */ b("div", {
+				className: "cs-component-markdown-viewer-136 ",
+				style: { width: X },
+				children: [/* @__PURE__ */ b("div", {
+					className: "cs-component-markdown-viewer-137 ",
+					children: [/* @__PURE__ */ b("div", {
+						className: "cs-component-markdown-viewer-138 ",
+						children: [/* @__PURE__ */ y(ie, { className: "cs-component-markdown-viewer-112 " }), "Outline"]
+					}), /* @__PURE__ */ y("button", {
+						onClick: () => H(!0),
+						className: "cs-component-markdown-viewer-139 ",
+						"aria-label": "Collapse outline",
+						children: /* @__PURE__ */ y(_, { className: "cs-component-markdown-viewer-112 " })
+					})]
+				}), /* @__PURE__ */ y("nav", {
+					ref: Y,
+					className: "cs-component-markdown-viewer-140 ",
+					children: Q.map((e, t) => /* @__PURE__ */ y("button", {
+						"data-heading-id": e.slug,
+						onClick: () => Se(e.slug),
+						className: `cs-component-markdown-viewer-144 ${G === e.slug ? "cs-component-markdown-viewer-145 " : "cs-component-markdown-viewer-146 "}`,
+						style: { paddingLeft: `${(e.level - xe) * ue + de}px` },
+						children: e.text
+					}, `${e.slug}-${t}`))
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-150 ",
+				onPointerDown: (e) => {
+					e.preventDefault(), Z.current = {
+						startX: e.clientX,
+						startWidth: X
+					}, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+				},
+				children: /* @__PURE__ */ y("div", { className: "cs-component-markdown-viewer-153 " })
+			})] }),
+			R && V && /* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-154 ",
+				children: /* @__PURE__ */ y("button", {
+					onClick: () => H(!1),
+					className: "cs-component-markdown-viewer-155 ",
+					"aria-label": "Expand outline",
+					children: /* @__PURE__ */ y(v, { className: "cs-component-markdown-viewer-112 " })
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				ref: B,
+				className: A ? "cs-component-markdown-viewer-156" : "cs-component-markdown-viewer-157 ",
+				children: /* @__PURE__ */ y("article", {
+					"data-markdown-content": "",
+					className: `${A ? "markdown-content" : "markdown-content cs-component-markdown-viewer-159"}${ve === "dense" ? " markdown-content--dense" : ""}`,
+					children: /* @__PURE__ */ y(o, {
+						...e,
+						content: r(f),
+						components: Ce
+					})
+				})
+			}),
+			z && U && /* @__PURE__ */ y("div", {
+				className: "cs-component-markdown-viewer-160 ",
+				children: /* @__PURE__ */ y("button", {
+					onClick: () => W(!1),
+					className: "cs-component-markdown-viewer-155 ",
+					"aria-label": "Expand minimap",
+					children: /* @__PURE__ */ y(oe, { className: "cs-component-markdown-viewer-112 " })
+				})
+			}),
+			z && /* @__PURE__ */ b("div", {
+				className: "cs-component-markdown-viewer-161 ",
+				style: { width: U ? 0 : fe },
+				children: [/* @__PURE__ */ b("div", {
+					className: "cs-component-markdown-viewer-162 ",
+					children: [/* @__PURE__ */ y("span", {
+						className: "cs-component-markdown-viewer-163 ",
+						children: "Minimap"
+					}), /* @__PURE__ */ y("button", {
+						onClick: () => W(!0),
+						className: "cs-component-markdown-viewer-139 ",
+						"aria-label": "Collapse minimap",
+						children: /* @__PURE__ */ y(ae, { className: "cs-component-markdown-viewer-112 " })
+					})]
+				}), /* @__PURE__ */ y("div", {
+					className: "cs-component-markdown-viewer-164 ",
+					children: /* @__PURE__ */ y(a, { contentRef: B })
+				})]
+			})
+		]
+	});
+}
+function E(t) {
+	function n(e) {
+		return T({
+			viewerProps: e,
+			Renderer: t
+		});
+	}
+	let r = e(n);
+	return r.displayName = "MarkdownViewer", r;
+}
+var D = E(o);
+//#endregion
+export { D as MarkdownViewer, E as createMarkdownViewer };

package/dist/components/MermaidDiagram.d.ts

@@ -0,0 +1,11 @@
+interface MermaidDiagramProps {
+    chart: string;
+    /** Apply the CodeSweep hand-drawn "sketch" styling to Mermaid's output. */
+    sketch?: boolean;
+    /** With `sketch`, use the handwriting font (Caveat) for node labels. */
+    sketchHandwriting?: boolean;
+    className?: string;
+}
+export declare const MermaidDiagram: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MermaidDiagramProps & import("react").RefAttributes<HTMLDivElement>>>;
+export {};
+//# sourceMappingURL=MermaidDiagram.d.ts.map

package/dist/components/MermaidDiagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidDiagram.d.ts","sourceRoot":"","sources":["../../src/components/MermaidDiagram.tsx"],"names":[],"mappings":"AAOA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoND,eAAO,MAAM,cAAc,qJAE1B,CAAC"}

package/dist/components/MermaidDiagram.js

@@ -0,0 +1,119 @@
+"use client";
+"use client";
+import { forwardRefToRoot as e } from "../lib/forwardRefToRoot.js";
+import { cn as t } from "../lib/cn.js";
+import { memo as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { AlertTriangle as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/MermaidDiagram.tsx
+async function u() {
+	try {
+		let e = (await import("mermaid")).default;
+		return !e || typeof e.initialize != "function" || typeof e.render != "function" ? null : e;
+	} catch {
+		return null;
+	}
+}
+function d() {
+	return document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "default";
+}
+function f(e, t, n) {
+	let r = e.querySelector("svg");
+	if (!r) return;
+	let i = "http://www.w3.org/2000/svg", a = `sketch-${t}`, o = r.querySelector("defs");
+	if (o || (o = document.createElementNS(i, "defs"), r.insertBefore(o, r.firstChild)), !o.querySelector(`#${a}`)) {
+		let e = document.createElementNS(i, "filter");
+		e.setAttribute("id", a), e.setAttribute("x", "-10%"), e.setAttribute("y", "-10%"), e.setAttribute("width", "120%"), e.setAttribute("height", "120%");
+		let t = document.createElementNS(i, "feTurbulence");
+		t.setAttribute("type", "fractalNoise"), t.setAttribute("baseFrequency", "0.02"), t.setAttribute("numOctaves", "2"), t.setAttribute("result", "noise");
+		let n = document.createElementNS(i, "feDisplacementMap");
+		n.setAttribute("in", "SourceGraphic"), n.setAttribute("in2", "noise"), n.setAttribute("scale", "2"), e.appendChild(t), e.appendChild(n), o.appendChild(e);
+	}
+	r.querySelectorAll("rect, circle, ellipse, polygon, path, line").forEach((e) => {
+		let t = e, n = t.tagName.toLowerCase();
+		t.style.stroke = "var(--color-accent)", t.style.strokeWidth = "1.5", t.style.filter = `url(#${a})`, n !== "path" && n !== "line" && (t.style.fill = "var(--color-accent-bg)");
+	}), r.querySelectorAll("text, .nodeLabel, .edgeLabel").forEach((e) => {
+		e.style.fontFamily = n ? "cursive" : "var(--font-family-mono)";
+	});
+}
+function p({ chart: e, sketch: n = !1, sketchHandwriting: p = !1, className: m }) {
+	let h = a(null), g = a(void 0), [_, v] = o(""), [y, b] = o(null), x = i().replace(/:/g, "-");
+	return r(() => {
+		let t = !1, n = async () => {
+			if (!e.trim()) {
+				b({
+					kind: "invalid-chart",
+					message: "Empty diagram"
+				});
+				return;
+			}
+			try {
+				let n = await u();
+				if (t) return;
+				if (!n) {
+					b({
+						kind: "missing-dependency",
+						message: "Mermaid is unavailable. Install the optional \"mermaid\" peer dependency."
+					}), v("");
+					return;
+				}
+				n.initialize({
+					startOnLoad: !1,
+					theme: d(),
+					securityLevel: "strict",
+					htmlLabels: !1
+				});
+				let r = `mermaid${x}`, { svg: i, bindFunctions: a } = await n.render(r, e);
+				t || (g.current = a, v(i), b(null));
+			} catch (e) {
+				t || (b({
+					kind: "render",
+					message: e instanceof Error ? e.message : "Failed to render diagram"
+				}), v(""));
+			}
+		};
+		n();
+		let r = new MutationObserver((e) => {
+			for (let t of e) t.attributeName === "data-theme" && n();
+		});
+		return r.observe(document.documentElement, { attributes: !0 }), () => {
+			t = !0, r.disconnect();
+		};
+	}, [e, x]), r(() => {
+		!_ || !h.current || (n && f(h.current, x, p), g.current?.(h.current));
+	}, [
+		n,
+		p,
+		_,
+		x
+	]), y ? /* @__PURE__ */ l("div", {
+		"data-component": "MermaidDiagram",
+		"data-error-kind": y.kind,
+		role: "alert",
+		"data-mermaid-rendered": "false",
+		className: t("md-mermaid-error", m),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "md-mermaid-error__header",
+				children: [/* @__PURE__ */ c(s, { className: "cs-component-mermaid-diagram-68 " }), /* @__PURE__ */ c("span", { children: "Diagram Error" })]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "md-mermaid-error__message",
+				children: y.message
+			}),
+			/* @__PURE__ */ c("pre", {
+				className: "md-mermaid-error__code",
+				children: e
+			})
+		]
+	}) : /* @__PURE__ */ c("div", {
+		ref: h,
+		"data-component": "MermaidDiagram",
+		"data-mermaid-rendered": _ ? "true" : "false",
+		className: t("md-mermaid", n && "md-mermaid--sketch", m),
+		dangerouslySetInnerHTML: { __html: _ }
+	});
+}
+var m = n(e(p));
+//#endregion
+export { m as MermaidDiagram };

package/dist/components/Modal.d.ts

@@ -0,0 +1,13 @@
+interface ModalProps {
+    title: string;
+    children: React.ReactNode;
+    actions?: React.ReactNode;
+    onClose: () => void;
+    maxWidth?: string;
+    className?: string;
+    /** Element to focus when the dialog opens. Defaults to its first focusable element. */
+    initialFocus?: React.RefObject<HTMLElement | null>;
+}
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAOA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,KAAK,uGA6IhB,CAAC"}