@mechane-ai/elements 0.4.0 → 0.5.0

package/dist/content/diff.js

@@ -33,19 +33,21 @@ function u({ source: e, maxHeight: n }) {
 	});
 }
 function d(t) {
-	let { label: n, layout: d = "split", wrap: f = !1, annotations: p = [], maxHeight: m = 480, patch: h, before: g, after: _ } = t, v = t, [y, b] = i(), x = (h === void 0 ? (g === null ? 0 : g.code.length) + (_ === null ? 0 : _.code.length) : h.length) > c;
+	let { label: n, layout: d = "split", wrap: f = !1, annotations: p = [], maxHeight: m = 480, patch: h, before: g, after: _ } = t, [v, y] = i(t), [b, x] = i(), S = g?.name === v.before?.name && g?.code === v.before?.code && g?.language === v.before?.language, C = _?.name === v.after?.name && _?.code === v.after?.code && _?.language === v.after?.language;
+	h === v.patch && S && C || y(t);
+	let w = (h === void 0 ? (g === null ? 0 : g.code.length) + (_ === null ? 0 : _.code.length) : h.length) > c;
 	r(() => {
 		let e = !0;
 		async function t() {
-			if (!x) try {
+			if (!w) try {
 				let t = await import("../pierre-diff-CZdzgiYm.js"), n = t.prepareDiff(v);
-				e && b({
+				e && x({
 					source: v,
 					Component: t.PierreDiff,
 					files: n
 				});
 			} catch {
-				e && b({
+				e && x({
 					source: v,
 					Component: null,
 					files: null
@@ -55,8 +57,8 @@ function d(t) {
 		return t(), () => {
 			e = !1;
 		};
-	}, [v, x]);
-	let S = y !== void 0 && y.source === v ? y : void 0, C = S?.files?.length === 0;
+	}, [v, w]);
+	let T = b !== void 0 && b.source === v ? b : void 0, E = T?.files?.length === 0;
 	return /* @__PURE__ */ s("section", {
 		"aria-label": n,
 		className: "xeuugli xpvm0e4 xbixft xmkeg23 x1y0btm7 x1ey3b81",
@@ -69,8 +71,8 @@ function d(t) {
 					children: "Copy patch"
 				})]
 			}),
-			S !== void 0 && S.Component !== null ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(S.Component, {
-				files: S.files,
+			T !== void 0 && T.Component !== null ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(T.Component, {
+				files: T.files,
 				label: n,
 				layout: d,
 				wrap: f,
@@ -79,14 +81,14 @@ function d(t) {
 			}), /* @__PURE__ */ o(u, {
 				source: v,
 				maxHeight: m
-			})] }) : /* @__PURE__ */ s(a, { children: [(x || S !== void 0) && /* @__PURE__ */ o("div", {
+			})] }) : /* @__PURE__ */ s(a, { children: [(w || T !== void 0) && /* @__PURE__ */ o("div", {
 				className: "x1mvvolr x1hz01jw xy8obcc x1778rvt x153jb6y",
-				children: x ? "This diff exceeds the rendering limit. Supplied source is shown below." : "Diff rendering is unavailable. Supplied source is shown below."
+				children: w ? "This diff exceeds the rendering limit. Supplied source is shown below." : "Diff rendering is unavailable. Supplied source is shown below."
 			}), /* @__PURE__ */ o(l, {
 				source: v,
 				maxHeight: m
 			})] }),
-			C && /* @__PURE__ */ o("div", {
+			E && /* @__PURE__ */ o("div", {
 				className: "x1mvvolr x1hz01jw xy8obcc x1778rvt x153jb6y",
 				children: "No file changes in this patch."
 			})

package/dist/content/markdown.js

@@ -1,155 +1,226 @@
 import { t as e } from "../code-block-BiMcfdlB.js";
 import { n as t, t as n } from "../content-link-Bm-Td5wm.js";
-import "@stylexjs/stylex";
-import { Children as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { Streamdown as a, defaultRehypePlugins as o, useIsCodeFenceIncomplete as s } from "streamdown";
-// packages/content/src/markdown/markdown.tsx
-var c = /* @__PURE__ */ new Set(["string", "number"]);
-function l(e) {
-	return c.has(typeof e);
+import * as r from "@stylexjs/stylex";
+import { Children as i, createElement as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Block as l, Streamdown as u, defaultRehypePlugins as d, defaultRemarkPlugins as f, useIsCodeFenceIncomplete as p } from "streamdown";
+// packages/content/src/markdown/markdown-options.ts
+var m = /* @__PURE__ */ new Set(["href", "src"]), h = {
+	rehypePlugins: Object.entries(d).filter(([e]) => e === "sanitize").map(([, e]) => e),
+	remarkPlugins: Object.values(f),
+	skipHtml: !0,
+	urlTransform: (e, n) => {
+		if (m.has(n)) return t(e);
+	}
+}, g = {
+	heading: {
+		keoZOQ: "x1m1vpj6",
+		k1K539: "x1jfksii",
+		k63SB2: "x1s688f",
+		$$css: !0
+	},
+	title: {
+		kGuDYH: "x1i2cqwi",
+		kLWn49: "x4fansv",
+		$$css: !0
+	},
+	section: {
+		kGuDYH: "x12myhf4",
+		kLWn49: "x1778rvt",
+		$$css: !0
+	},
+	minor: {
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		$$css: !0
+	}
+}, _ = /* @__PURE__ */ new Set(["string", "number"]);
+function v(e) {
+	return _.has(typeof e);
 }
-function u({ children: t, className: n }) {
-	let a = s(), o = typeof n == "string" ? /(?:^|\s)language-([^\s]+)/u.exec(n) : null, c = o === null ? void 0 : o[1], u = r.toArray(t);
-	return u.every(l) ? /* @__PURE__ */ i(e, {
-		code: u.join(""),
-		language: c,
-		streaming: a
-	}) : /* @__PURE__ */ i("code", {
+function y({ children: t, className: n }) {
+	let r = p(), a = typeof n == "string" ? /(?:^|\s)language-([^\s]+)/u.exec(n) : null, o = a === null ? void 0 : a[1], c = i.toArray(t);
+	return c.every(v) ? /* @__PURE__ */ s(e, {
+		code: c.join(""),
+		language: o,
+		streaming: r
+	}) : /* @__PURE__ */ s("code", {
 		className: "xiard35 xy8obcc x1r7kqkb x1ok0vyi x10dazmo x14w6jbu x17etxam",
 		children: t
 	});
 }
-function d(e, n) {
-	if (n === "href") return t(e);
+function b({ level: e, headingLevel: t, children: n, id: i }) {
+	let o = `h${Math.min(e + t - 1, 6)}`, s = e === 1 ? g.title : e === 2 ? g.section : g.minor;
+	return a(o, {
+		id: i,
+		...r.props(g.heading, s)
+	}, n);
 }
-var f = {
-	p: ({ children: e }) => /* @__PURE__ */ i("p", {
+var x = {
+	p: ({ children: e }) => /* @__PURE__ */ s("p", {
 		className: "xv06hpe",
 		children: e
 	}),
-	h1: ({ children: e, id: t }) => /* @__PURE__ */ i("h1", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f x1i2cqwi x4fansv",
-		children: e
-	}),
-	h2: ({ children: e, id: t }) => /* @__PURE__ */ i("h2", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f x12myhf4 x1778rvt",
-		children: e
-	}),
-	h3: ({ children: e, id: t }) => /* @__PURE__ */ i("h3", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f xtqrqnz x1778rvt",
-		children: e
-	}),
-	h4: ({ children: e, id: t }) => /* @__PURE__ */ i("h4", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f xtqrqnz x1778rvt",
-		children: e
-	}),
-	h5: ({ children: e, id: t }) => /* @__PURE__ */ i("h5", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f xtqrqnz x1778rvt",
-		children: e
-	}),
-	h6: ({ children: e, id: t }) => /* @__PURE__ */ i("h6", {
-		id: t,
-		className: "x1m1vpj6 x1jfksii x1s688f xtqrqnz x1778rvt",
-		children: e
-	}),
-	ul: ({ children: e }) => /* @__PURE__ */ i("ul", {
+	ul: ({ children: e }) => /* @__PURE__ */ s("ul", {
 		className: "xv06hpe x1sbza1b",
 		children: e
 	}),
-	ol: ({ children: e, start: t }) => /* @__PURE__ */ i("ol", {
+	ol: ({ children: e, start: t }) => /* @__PURE__ */ s("ol", {
 		start: t,
 		className: "xv06hpe x1sbza1b",
 		children: e
 	}),
-	li: ({ children: e }) => /* @__PURE__ */ i("li", {
+	li: ({ children: e }) => /* @__PURE__ */ s("li", {
 		className: "x1vblts3 xnkn1qj",
 		children: e
 	}),
-	blockquote: ({ children: e }) => /* @__PURE__ */ i("blockquote", {
+	blockquote: ({ children: e }) => /* @__PURE__ */ s("blockquote", {
 		className: "x1we84gm xrxpjvj x1umj4g3 xyumdvf x1t7ytsu x97x49r x153jb6y",
 		children: e
 	}),
-	code: ({ children: e, className: t }) => /* @__PURE__ */ i(u, {
+	code: ({ children: e, className: t }) => /* @__PURE__ */ s(y, {
 		className: t,
 		children: e
 	}),
-	inlineCode: ({ children: e }) => /* @__PURE__ */ i("code", {
+	inlineCode: ({ children: e }) => /* @__PURE__ */ s("code", {
 		className: "xiard35 xy8obcc x1r7kqkb x1ok0vyi x10dazmo x14w6jbu x17etxam",
 		children: e
 	}),
-	a: ({ href: e, children: t, title: r }) => /* @__PURE__ */ i(n, {
+	a: ({ href: e, children: t, title: r }) => /* @__PURE__ */ s(n, {
 		href: e,
 		title: r,
 		children: t
 	}),
-	img: ({ alt: e }) => /* @__PURE__ */ i("span", {
-		className: "xt0psk2 x153jb6y x1k4tb9n",
-		children: e !== void 0 && e.length > 0 ? `[Image: ${e}]` : "[Image]"
+	img: ({ src: e, alt: t, title: r }) => /* @__PURE__ */ s(n, {
+		href: typeof e == "string" ? e : void 0,
+		title: r,
+		children: t !== void 0 && t.length > 0 ? `Open image: ${t}` : "Open image"
 	}),
-	table: ({ children: e }) => /* @__PURE__ */ i("div", {
+	table: ({ children: e }) => /* @__PURE__ */ s("div", {
 		role: "region",
 		"aria-label": "Markdown table",
 		tabIndex: 0,
 		className: "xw2csxc x1we84gm xmkeg23 x1y0btm7 x1ey3b81",
-		children: /* @__PURE__ */ i("table", {
+		children: /* @__PURE__ */ s("table", {
 			className: "xh8yej3 x1mwwwfo xss6m8b x1yc453h",
 			children: e
 		})
 	}),
-	thead: ({ children: e }) => /* @__PURE__ */ i("thead", { children: e }),
-	tbody: ({ children: e }) => /* @__PURE__ */ i("tbody", { children: e }),
-	tr: ({ children: e }) => /* @__PURE__ */ i("tr", { children: e }),
-	th: ({ children: e }) => /* @__PURE__ */ i("th", {
+	thead: ({ children: e }) => /* @__PURE__ */ s("thead", { children: e }),
+	tbody: ({ children: e }) => /* @__PURE__ */ s("tbody", { children: e }),
+	tr: ({ children: e }) => /* @__PURE__ */ s("tr", { children: e }),
+	th: ({ children: e }) => /* @__PURE__ */ s("th", {
 		scope: "col",
 		className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd x16dsc37 x1yc453h x153jb6y xk50ysn x1r7kqkb",
 		children: e
 	}),
-	td: ({ children: e }) => /* @__PURE__ */ i("td", {
+	td: ({ children: e }) => /* @__PURE__ */ s("td", {
 		className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd x16dsc37 x1yc453h",
 		children: e
 	}),
-	input: ({ checked: e }) => /* @__PURE__ */ i("input", {
+	input: ({ checked: e }) => /* @__PURE__ */ s("input", {
 		type: "checkbox",
 		checked: e ?? !1,
 		disabled: !0,
 		"aria-label": "Task item",
 		className: "x1bzlxqo x6e7ywc"
 	}),
-	hr: () => /* @__PURE__ */ i("hr", { className: "xhff0hu xc342km x178xt8z x13fuv20 xhjagg4" }),
-	strong: ({ children: e }) => /* @__PURE__ */ i("strong", {
+	hr: () => /* @__PURE__ */ s("hr", { className: "xhff0hu xc342km x178xt8z x13fuv20 xhjagg4" }),
+	strong: ({ children: e }) => /* @__PURE__ */ s("strong", {
 		className: "x1s688f",
 		children: e
 	}),
-	em: ({ children: e }) => /* @__PURE__ */ i("em", {
+	em: ({ children: e }) => /* @__PURE__ */ s("em", {
 		className: "x1k4tb9n",
 		children: e
 	}),
-	del: ({ children: e }) => /* @__PURE__ */ i("del", {
+	del: ({ children: e }) => /* @__PURE__ */ s("del", {
 		className: "x5lhwog",
 		children: e
 	})
-}, p = Object.entries(o).filter(([e]) => e !== "raw").map(([, e]) => e), m = /* @__PURE__ */ "p.h1.h2.h3.h4.h5.h6.ul.ol.li.blockquote.pre.code.a.img.table.thead.tbody.tr.th.td.input.hr.strong.em.del.br.sup.sub.section".split(".");
-function h({ children: e, streaming: t = !1, label: n }) {
-	return /* @__PURE__ */ i(a, {
+}, S = /* @__PURE__ */ "p.h1.h2.h3.h4.h5.h6.ul.ol.li.blockquote.pre.code.a.img.table.thead.tbody.tr.th.td.input.hr.strong.em.del.br.sup.sub.section".split(".");
+function C({ children: e, streaming: t = !1, label: n, headingLevel: r = 1 }) {
+	let i = {
+		h1: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 1,
+			headingLevel: r
+		}),
+		h2: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 2,
+			headingLevel: r
+		}),
+		h3: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 3,
+			headingLevel: r
+		}),
+		h4: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 4,
+			headingLevel: r
+		}),
+		h5: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 5,
+			headingLevel: r
+		}),
+		h6: (e) => /* @__PURE__ */ s(b, {
+			...e,
+			level: 6,
+			headingLevel: r
+		})
+	};
+	return /* @__PURE__ */ s(u, {
+		...h,
 		className: "xeuugli xbixft x1hz01jw xvmahel xtqrqnz x1778rvt xj0a0fe",
 		"aria-label": n,
-		components: f,
+		components: {
+			...x,
+			...i
+		},
 		mode: t ? "streaming" : "static",
 		isAnimating: t,
 		animated: !1,
 		controls: !1,
 		linkSafety: { enabled: !1 },
-		rehypePlugins: p,
-		allowedElements: m,
-		skipHtml: !0,
-		urlTransform: d,
+		allowedElements: S,
 		children: e
+	}, r);
+}
+// packages/content/src/markdown/markdown-preview.tsx
+function w({ children: e }) {
+	return /* @__PURE__ */ c(o, { children: [e, " "] });
+}
+var T = {
+	p: w,
+	li: w,
+	h1: w,
+	h2: w,
+	h3: w,
+	h4: w,
+	h5: w,
+	h6: w,
+	blockquote: w,
+	pre: w,
+	code: ({ children: e }) => /* @__PURE__ */ s(o, { children: e }),
+	th: w,
+	td: w,
+	br: () => /* @__PURE__ */ s(o, { children: " " }),
+	img: ({ alt: e }) => /* @__PURE__ */ s(o, { children: e })
+};
+function E({ children: e }) {
+	return /* @__PURE__ */ s(l, {
+		...h,
+		content: e,
+		components: T,
+		allowedElements: Object.keys(T),
+		unwrapDisallowed: !0,
+		shouldParseIncompleteMarkdown: !1,
+		shouldNormalizeHtmlIndentation: !1,
+		isIncomplete: !1,
+		index: 0
 	});
 }
-export { h as Markdown };
+export { C as Markdown, E as MarkdownPreview };

package/dist/content/tree.js

@@ -26,7 +26,7 @@ function u(c) {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-qZVvI5c1.js");
+				let t = await import("../pierre-tree-LY7PGy-7.js");
 				e && d({
 					Component: t.PierreTree,
 					hasFailed: !1

package/dist/csp.js

@@ -0,0 +1 @@
+export { CSPProvider } from "@base-ui/react/csp-provider";

package/dist/feedback.js

@@ -1 +1 @@
-export { c as EmptyState, i as Loading, n as Meter, l as Notice, r as Progress, a as Skeleton, o as SkeletonText, s as Spinner, t as Toast } from "./src-BfvOOeA3.js";
+export { t as AsyncRegion, n as ContentReveal, u as EmptyState, o as Loading, i as Meter, d as Notice, a as Progress, s as Skeleton, c as SkeletonText, l as Spinner, r as Toast } from "./src-CbJTK9oP.js";

package/dist/forms.js

@@ -1 +1 @@
-export { n as Checkbox, h as Combobox, s as Field, u as Fieldset, d as FilePicker, c as Input, f as InputGroup, p as NumberField, r as RadioGroup, o as Select, t as SettingsRow, m as Slider, i as Switch, l as Textarea, a as ToggleGroup } from "./src-CvpS9XIR.js";
+export { r as Checkbox, g as Combobox, c as Field, d as Fieldset, f as FilePicker, l as Input, p as InputGroup, m as NumberField, i as RadioGroup, s as Select, n as SettingsRow, t as SettingsSection, h as Slider, a as Switch, u as Textarea, o as ToggleGroup } from "./src-CjnbzSgq.js";