@mechane-ai/elements 0.8.0 → 0.10.0

package/dist/content/code.js

@@ -1 +1 @@
-export { t as CodeBlock } from "../code-block-BRNdtTaP.js";
+export { t as CodeBlock } from "../code-block-D77maJBB.js";

package/dist/content/diff.js

@@ -1,54 +1,58 @@
-import { g as e, h as t } from "../src-Bc5sEhdO.js";
-import { t as n } from "../code-block-BRNdtTaP.js";
-import "@stylexjs/stylex";
-import { useEffect as r, useState as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { E as e, _ as t, g as n } from "../src-sU9b0oZW.js";
+import { t as r } from "../code-block-D77maJBB.js";
+import { t as i } from "../viewer-styles-CpHqp5Qv.js";
+import * as a from "@stylexjs/stylex";
+import { useEffect as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 // packages/content/src/diff/diff-viewer.tsx
-var c = 5e5;
-function l({ source: e, maxHeight: t }) {
-	return e.patch === void 0 ? /* @__PURE__ */ s(a, { children: [e.before !== null && /* @__PURE__ */ o(n, {
-		code: e.before.code,
-		language: e.before.language,
-		filename: `Before · ${e.before.name}`,
-		maxHeight: t
-	}), e.after !== null && /* @__PURE__ */ o(n, {
-		code: e.after.code,
-		language: e.after.language,
-		filename: `After · ${e.after.name}`,
-		maxHeight: t
-	})] }) : /* @__PURE__ */ o(n, {
+var d = 5e5;
+function f({ source: e, maxHeight: t }) {
+	return e.patch === void 0 ? /* @__PURE__ */ u("div", {
+		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli",
+		children: [e.before !== null && /* @__PURE__ */ l(r, {
+			code: e.before.code,
+			language: e.before.language,
+			filename: `Before · ${e.before.name}`,
+			maxHeight: t
+		}), e.after !== null && /* @__PURE__ */ l(r, {
+			code: e.after.code,
+			language: e.after.language,
+			filename: `After · ${e.after.name}`,
+			maxHeight: t
+		})]
+	}) : /* @__PURE__ */ l(r, {
 		code: e.patch,
 		language: "diff",
 		filename: "Patch",
 		maxHeight: t
 	});
 }
-function u({ source: e, maxHeight: n }) {
-	return /* @__PURE__ */ o("div", {
+function p({ source: e, maxHeight: t }) {
+	return /* @__PURE__ */ l("div", {
 		className: "x1doqdfy",
-		children: /* @__PURE__ */ s(t.Root, { children: [/* @__PURE__ */ o(t.Trigger, { children: "View supplied source" }), /* @__PURE__ */ o(t.Panel, { children: /* @__PURE__ */ o(l, {
+		children: /* @__PURE__ */ u(n.Root, { children: [/* @__PURE__ */ l(n.Trigger, { children: "View supplied source" }), /* @__PURE__ */ l(n.Panel, { children: /* @__PURE__ */ l(f, {
 			source: e,
-			maxHeight: n
+			maxHeight: t
 		}) })] })
 	});
 }
-function d(t) {
-	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(() => {
+function m(n) {
+	let { label: r, layout: m = "split", wrap: h = !1, annotations: g = [], maxHeight: _ = 480, patch: v, before: y, after: b } = n, [x, S] = s(n), [C, w] = s(), [T, E] = s(!1), D = v === void 0 && y !== null && b !== null, O = y?.name === x.before?.name && y?.code === x.before?.code && y?.language === x.before?.language, k = b?.name === x.after?.name && b?.code === x.after?.code && b?.language === x.after?.language;
+	v === x.patch && O && k || S(n);
+	let A = (v === void 0 ? (y === null ? 0 : y.code.length) + (b === null ? 0 : b.code.length) : v.length) > d;
+	o(() => {
 		let e = !0;
 		async function t() {
-			if (!w) try {
-				let t = await import("../pierre-diff-CZdzgiYm.js"), n = t.prepareDiff(v);
-				e && x({
-					source: v,
+			if (!A) try {
+				let t = await import("../pierre-diff--zsiHCCB.js"), n = t.prepareDiff(x);
+				e && w({
+					source: x,
 					Component: t.PierreDiff,
 					files: n
 				});
 			} catch {
-				e && x({
-					source: v,
+				e && w({
+					source: x,
 					Component: null,
 					files: null
 				});
@@ -57,42 +61,56 @@ function d(t) {
 		return t(), () => {
 			e = !1;
 		};
-	}, [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",
+	}, [x, A]);
+	let j = C !== void 0 && C.source === x ? C : void 0, M = j?.files?.length === 0;
+	return /* @__PURE__ */ u("section", {
+		"aria-label": r,
+		...a.props(i.root),
 		children: [
-			/* @__PURE__ */ s("div", {
-				className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xn9t2bk x1doqdfy x1hz01jw xtqrqnz x1778rvt xso031l x1q0q8m5 x1qndepd",
-				children: [/* @__PURE__ */ o("span", { children: n }), h !== void 0 && /* @__PURE__ */ o(e, {
-					value: h,
-					label: n,
-					children: "Copy patch"
+			/* @__PURE__ */ u("div", {
+				...a.props(i.header),
+				children: [/* @__PURE__ */ l("span", {
+					...a.props(i.label),
+					children: r
+				}), /* @__PURE__ */ u("div", {
+					...a.props(i.actions),
+					children: [D && /* @__PURE__ */ l(e, {
+						disabled: j === void 0 || j.Component === null,
+						onClick: () => E(!T),
+						children: T ? "Show changes only" : "Show unchanged lines"
+					}), v !== void 0 && /* @__PURE__ */ l(t, {
+						value: v,
+						label: r,
+						children: "Copy patch"
+					})]
 				})]
 			}),
-			T !== void 0 && T.Component !== null ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(T.Component, {
-				files: T.files,
-				label: n,
-				layout: d,
-				wrap: f,
-				annotations: p,
-				maxHeight: m
-			}), /* @__PURE__ */ o(u, {
-				source: v,
-				maxHeight: m
-			})] }) : /* @__PURE__ */ s(a, { children: [(w || T !== void 0) && /* @__PURE__ */ o("div", {
-				className: "x1mvvolr x1hz01jw xy8obcc x1778rvt x153jb6y",
-				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
+			j !== void 0 && j.Component !== null ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(j.Component, {
+				files: j.files,
+				label: r,
+				layout: m,
+				wrap: h,
+				showUnchanged: D && T,
+				annotations: g,
+				maxHeight: _
+			}), /* @__PURE__ */ l(p, {
+				source: x,
+				maxHeight: _
+			})] }) : /* @__PURE__ */ u(c, { children: [(A || j !== void 0) && /* @__PURE__ */ l("div", {
+				...a.props(i.note),
+				children: A ? "This diff exceeds the rendering limit. Supplied source is shown below." : "Diff rendering is unavailable. Supplied source is shown below."
+			}), /* @__PURE__ */ l("div", {
+				className: "x1mvvolr",
+				children: /* @__PURE__ */ l(f, {
+					source: x,
+					maxHeight: _
+				})
 			})] }),
-			E && /* @__PURE__ */ o("div", {
-				className: "x1mvvolr x1hz01jw xy8obcc x1778rvt x153jb6y",
+			M && /* @__PURE__ */ l("div", {
+				...a.props(i.note),
 				children: "No file changes in this patch."
 			})
 		]
 	});
 }
-export { d as DiffViewer };
+export { m as DiffViewer };

package/dist/content/link.js

@@ -1 +1 @@
-export { t as ContentLink } from "../content-link-Dd8gapwc.js";
+export { t as ContentLink } from "../content-link-BpSZeTNK.js";

package/dist/content/markdown.js

@@ -1,22 +1,28 @@
-import { t as e } from "../code-block-BRNdtTaP.js";
-import { n as t, t as n } from "../content-link-Dd8gapwc.js";
-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";
+import { t as e } from "../code-block-D77maJBB.js";
+import { n as t, t as n } from "../content-link-BpSZeTNK.js";
+import { t as r } from "../viewer-styles-CpHqp5Qv.js";
+import * as i from "@stylexjs/stylex";
+import { Children as a, createElement as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Block as u, Streamdown as d, defaultRehypePlugins as f, defaultRemarkPlugins as p, useIsCodeFenceIncomplete as m } 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),
+var h = /* @__PURE__ */ new Set(["href", "src"]), g = {
+	rehypePlugins: Object.entries(f).filter(([e]) => e === "sanitize").map(([, e]) => e),
+	remarkPlugins: Object.values(p),
 	skipHtml: !0,
 	urlTransform: (e, n) => {
-		if (m.has(n)) return t(e);
+		if (h.has(n)) return t(e);
 	}
-}, g = {
+}, _ = {
+	block: {
+		keoZOQ: "xyrmp21 x14l7nz5",
+		k1K539: "x1jfksii xzboxd6",
+		$$css: !0
+	},
 	heading: {
-		keoZOQ: "x1m1vpj6",
-		k1K539: "x1jfksii",
-		k63SB2: "x1s688f",
+		keoZOQ: "x1m1vpj6 x14l7nz5",
+		k1K539: "x1jfksii xzboxd6",
+		k63SB2: "x1b5ytql",
 		$$css: !0
 	},
 	title: {
@@ -33,151 +39,164 @@ var m = /* @__PURE__ */ new Set(["href", "src"]), h = {
 		kGuDYH: "xtqrqnz",
 		kLWn49: "x1778rvt",
 		$$css: !0
+	},
+	tableRegion: {
+		k7Eaqz: "xeuugli",
+		ks0D6T: "x193iq5w",
+		kXHlph: "xw2csxc",
+		kMzoRj: "xmkeg23",
+		kt9PQ7: "x1qhh985",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1ey3b81",
+		$$css: !0
 	}
-}, _ = /* @__PURE__ */ new Set(["string", "number"]);
-function v(e) {
-	return _.has(typeof e);
+}, v = /* @__PURE__ */ new Set(["string", "number"]);
+function y(e) {
+	return v.has(typeof e);
 }
-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", {
+function b({ children: t, className: n }) {
+	let r = m(), i = typeof n == "string" ? /(?:^|\s)language-([^\s]+)/u.exec(n) : null, o = i === null ? void 0 : i[1], s = a.toArray(t);
+	return s.every(y) ? /* @__PURE__ */ c("div", {
+		className: "xyrmp21 x14l7nz5 x1jfksii xzboxd6",
+		children: /* @__PURE__ */ c(e, {
+			code: s.join(""),
+			language: o,
+			streaming: r
+		})
+	}) : /* @__PURE__ */ c("code", {
 		className: "xiard35 xy8obcc x1r7kqkb x1ok0vyi x10dazmo x14w6jbu x17etxam",
 		children: t
 	});
 }
-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)
+function x({ level: e, headingLevel: t, children: n, id: r }) {
+	let a = `h${Math.min(e + t - 1, 6)}`, s = e === 1 ? _.title : e === 2 ? _.section : _.minor;
+	return o(a, {
+		id: r,
+		...i.props(_.heading, s)
 	}, n);
 }
-var x = {
-	p: ({ children: e }) => /* @__PURE__ */ s("p", {
-		className: "xv06hpe",
+var S = {
+	p: ({ children: e }) => /* @__PURE__ */ c("p", {
+		className: "xyrmp21 x14l7nz5 x1jfksii xzboxd6",
 		children: e
 	}),
-	ul: ({ children: e }) => /* @__PURE__ */ s("ul", {
-		className: "xv06hpe x1sbza1b",
+	ul: ({ children: e }) => /* @__PURE__ */ c("ul", {
+		className: "xyrmp21 x14l7nz5 x1jfksii xzboxd6 x1sbza1b",
 		children: e
 	}),
-	ol: ({ children: e, start: t }) => /* @__PURE__ */ s("ol", {
+	ol: ({ children: e, start: t }) => /* @__PURE__ */ c("ol", {
 		start: t,
-		className: "xv06hpe x1sbza1b",
+		className: "xyrmp21 x14l7nz5 x1jfksii xzboxd6 x1sbza1b",
 		children: e
 	}),
-	li: ({ children: e }) => /* @__PURE__ */ s("li", {
+	li: ({ children: e }) => /* @__PURE__ */ c("li", {
 		className: "x1vblts3 xnkn1qj",
 		children: e
 	}),
-	blockquote: ({ children: e }) => /* @__PURE__ */ s("blockquote", {
-		className: "x1we84gm xrxpjvj x1umj4g3 xyumdvf x1t7ytsu x97x49r x153jb6y",
+	blockquote: ({ children: e }) => /* @__PURE__ */ c("blockquote", {
+		className: "xyrmp21 x14l7nz5 x1jfksii xzboxd6 xrxpjvj x1umj4g3 xyumdvf x1t7ytsu x97x49r x153jb6y",
 		children: e
 	}),
-	code: ({ children: e, className: t }) => /* @__PURE__ */ s(y, {
+	code: ({ children: e, className: t }) => /* @__PURE__ */ c(b, {
 		className: t,
 		children: e
 	}),
-	inlineCode: ({ children: e }) => /* @__PURE__ */ s("code", {
+	inlineCode: ({ children: e }) => /* @__PURE__ */ c("code", {
 		className: "xiard35 xy8obcc x1r7kqkb x1ok0vyi x10dazmo x14w6jbu x17etxam",
 		children: e
 	}),
-	a: ({ href: e, children: t, title: r }) => /* @__PURE__ */ s(n, {
+	a: ({ href: e, children: t, title: r }) => /* @__PURE__ */ c(n, {
 		href: e,
 		title: r,
 		children: t
 	}),
-	img: ({ src: e, alt: t, title: r }) => /* @__PURE__ */ s(n, {
+	img: ({ src: e, alt: t, title: r }) => /* @__PURE__ */ c(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__ */ s("div", {
+	table: ({ children: e }) => /* @__PURE__ */ c("div", {
 		role: "region",
 		"aria-label": "Markdown table",
 		tabIndex: 0,
-		className: "xw2csxc x1we84gm xmkeg23 x1y0btm7 x1ey3b81",
-		children: /* @__PURE__ */ s("table", {
-			className: "xh8yej3 x1mwwwfo xss6m8b x1yc453h",
+		...i.props(r.scrollRegion, _.block, _.tableRegion),
+		children: /* @__PURE__ */ c("table", {
+			className: "xh8yej3 x1mwwwfo xss6m8b x1yc453h x1h4wwuj x1778rvt",
 			children: e
 		})
 	}),
-	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", {
+	thead: ({ children: e }) => /* @__PURE__ */ c("thead", { children: e }),
+	tbody: ({ children: e }) => /* @__PURE__ */ c("tbody", { children: e }),
+	tr: ({ children: e }) => /* @__PURE__ */ c("tr", { children: e }),
+	th: ({ children: e }) => /* @__PURE__ */ c("th", {
 		scope: "col",
-		className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd x16dsc37 x1yc453h x153jb6y xk50ysn x1r7kqkb",
+		className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd x16dsc37 x1yc453h x153jb6y xk4h15q x1r7kqkb",
 		children: e
 	}),
-	td: ({ children: e }) => /* @__PURE__ */ s("td", {
+	td: ({ children: e }) => /* @__PURE__ */ c("td", {
 		className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd x16dsc37 x1yc453h",
 		children: e
 	}),
-	input: ({ checked: e }) => /* @__PURE__ */ s("input", {
+	input: ({ checked: e }) => /* @__PURE__ */ c("input", {
 		type: "checkbox",
 		checked: e ?? !1,
 		disabled: !0,
 		"aria-label": "Task item",
 		className: "x1bzlxqo x6e7ywc"
 	}),
-	hr: () => /* @__PURE__ */ s("hr", { className: "xhff0hu xc342km x178xt8z x13fuv20 xhjagg4" }),
-	strong: ({ children: e }) => /* @__PURE__ */ s("strong", {
-		className: "x1s688f",
+	hr: () => /* @__PURE__ */ c("hr", { className: "xhff0hu xc342km x178xt8z x13fuv20 xhjagg4" }),
+	strong: ({ children: e }) => /* @__PURE__ */ c("strong", {
+		className: "x1b5ytql",
 		children: e
 	}),
-	em: ({ children: e }) => /* @__PURE__ */ s("em", {
+	em: ({ children: e }) => /* @__PURE__ */ c("em", {
 		className: "x1k4tb9n",
 		children: e
 	}),
-	del: ({ children: e }) => /* @__PURE__ */ s("del", {
+	del: ({ children: e }) => /* @__PURE__ */ c("del", {
 		className: "x5lhwog",
 		children: e
 	})
-}, 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 }) {
+}, C = /* @__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 w({ children: e, streaming: t = !1, label: n, headingLevel: r = 1 }) {
 	let i = {
-		h1: (e) => /* @__PURE__ */ s(b, {
+		h1: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 1,
 			headingLevel: r
 		}),
-		h2: (e) => /* @__PURE__ */ s(b, {
+		h2: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 2,
 			headingLevel: r
 		}),
-		h3: (e) => /* @__PURE__ */ s(b, {
+		h3: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 3,
 			headingLevel: r
 		}),
-		h4: (e) => /* @__PURE__ */ s(b, {
+		h4: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 4,
 			headingLevel: r
 		}),
-		h5: (e) => /* @__PURE__ */ s(b, {
+		h5: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 5,
 			headingLevel: r
 		}),
-		h6: (e) => /* @__PURE__ */ s(b, {
+		h6: (e) => /* @__PURE__ */ c(x, {
 			...e,
 			level: 6,
 			headingLevel: r
 		})
 	};
-	return /* @__PURE__ */ s(u, {
-		...h,
-		className: "xeuugli xbixft x1hz01jw xvmahel xtqrqnz x1778rvt xj0a0fe",
+	return /* @__PURE__ */ c(d, {
+		...g,
+		className: "xeuugli xbixft x1hz01jw xvmahel xtqrqnz x1ytb0s6 xj57cvi xj0a0fe",
 		"aria-label": n,
 		components: {
-			...x,
+			...S,
 			...i
 		},
 		mode: t ? "streaming" : "static",
@@ -185,37 +204,37 @@ function C({ children: e, streaming: t = !1, label: n, headingLevel: r = 1 }) {
 		animated: !1,
 		controls: !1,
 		linkSafety: { enabled: !1 },
-		allowedElements: S,
+		allowedElements: C,
 		children: e
 	}, r);
 }
 // packages/content/src/markdown/markdown-preview.tsx
-function w({ children: e }) {
-	return /* @__PURE__ */ c(o, { children: [e, " "] });
+function T({ children: e }) {
+	return /* @__PURE__ */ l(s, { 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 })
+var E = {
+	p: T,
+	li: T,
+	h1: T,
+	h2: T,
+	h3: T,
+	h4: T,
+	h5: T,
+	h6: T,
+	blockquote: T,
+	pre: T,
+	code: ({ children: e }) => /* @__PURE__ */ c(s, { children: e }),
+	th: T,
+	td: T,
+	br: () => /* @__PURE__ */ c(s, { children: " " }),
+	img: ({ alt: e }) => /* @__PURE__ */ c(s, { children: e })
 };
-function E({ children: e }) {
-	return /* @__PURE__ */ s(l, {
-		...h,
+function D({ children: e }) {
+	return /* @__PURE__ */ c(u, {
+		...g,
 		content: e,
-		components: T,
-		allowedElements: Object.keys(T),
+		components: E,
+		allowedElements: Object.keys(E),
 		unwrapDisallowed: !0,
 		shouldParseIncompleteMarkdown: !1,
 		shouldNormalizeHtmlIndentation: !1,
@@ -223,4 +242,4 @@ function E({ children: e }) {
 		index: 0
 	});
 }
-export { C as Markdown, E as MarkdownPreview };
+export { w as Markdown, D as MarkdownPreview };

package/dist/content/tree.js

@@ -1,38 +1,39 @@
-import { b as e } from "../src-Bc5sEhdO.js";
-import * as t from "@stylexjs/stylex";
-import { useEffect as n, useState as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { E as e } from "../src-sU9b0oZW.js";
+import { t } from "../viewer-styles-CpHqp5Qv.js";
+import * as n from "@stylexjs/stylex";
+import { useEffect as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 // packages/content/src/tree/file-tree.tsx
-var s = 200, c = {
+var c = 200, l = {
 	kogj98: "x1ghz6dp",
 	kmVPX3: "x69ldcm",
 	kH6xsr: "x3ct3a4",
 	kVQacm: "xysyzu8",
 	$$css: !0
-}, l = { paths: (e) => [
-	c,
+}, u = { paths: (e) => [
+	l,
 	{
 		kskxy: e == null ? e : "x1jols5v",
 		$$css: !0
 	},
 	{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
 ] };
-function u(c) {
-	let [u, d] = r({
+function d(l) {
+	let [d, f] = i({
 		Component: null,
 		hasFailed: !1
-	}), { label: f, paths: p, selectedPaths: m, onSelectedPathsChange: h, height: g = 320 } = c;
-	return n(() => {
+	}), { label: p, paths: m, selectedPaths: h, onSelectedPathsChange: g, height: _ = 320 } = l;
+	return r(() => {
 		let e = !0;
 		async function t() {
 			try {
-				let t = await import("../pierre-tree-DdE1boiT.js");
-				e && d({
+				let t = await import("../pierre-tree-BFxEuxwb.js");
+				e && f({
 					Component: t.PierreTree,
 					hasFailed: !1
 				});
 			} catch {
-				e && d({
+				e && f({
 					Component: null,
 					hasFailed: !0
 				});
@@ -41,37 +42,41 @@ function u(c) {
 		return t(), () => {
 			e = !1;
 		};
-	}, []), /* @__PURE__ */ o("section", {
-		"aria-label": f,
-		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
-		children: [/* @__PURE__ */ a("div", {
-			className: "xn9t2bk x1doqdfy xso031l x1q0q8m5 x1qndepd",
-			children: f
-		}), p.length === 0 ? /* @__PURE__ */ a("p", {
-			className: "x1ghz6dp x1mvvolr x153jb6y",
+	}, []), /* @__PURE__ */ s("section", {
+		"aria-label": p,
+		...n.props(t.root),
+		children: [/* @__PURE__ */ o("div", {
+			...n.props(t.header),
+			children: /* @__PURE__ */ o("span", {
+				...n.props(t.label),
+				children: p
+			})
+		}), m.length === 0 ? /* @__PURE__ */ o("p", {
+			...n.props(t.note),
 			children: "No files."
-		}) : u.Component === null ? /* @__PURE__ */ o(i, { children: [
-			u.hasFailed && /* @__PURE__ */ a("p", {
-				className: "x1ghz6dp x1mvvolr x153jb6y",
+		}) : d.Component === null ? /* @__PURE__ */ s(a, { children: [
+			d.hasFailed && /* @__PURE__ */ o("p", {
+				...n.props(t.note),
 				children: "Tree navigation is unavailable. Select a path below."
 			}),
-			/* @__PURE__ */ a("ul", {
-				"aria-label": `${f} paths`,
-				...t.props(l.paths(g)),
-				children: p.slice(0, s).map((t) => /* @__PURE__ */ a("li", {
-					className: "x10dazmo",
-					children: /* @__PURE__ */ a(e, {
-						"aria-pressed": m.includes(t),
-						onClick: () => h([t]),
+			/* @__PURE__ */ o("ul", {
+				"aria-label": `${p} paths`,
+				tabIndex: 0,
+				...n.props(t.scrollRegion, u.paths(_)),
+				children: m.slice(0, c).map((t) => /* @__PURE__ */ o("li", {
+					className: "x10dazmo xeuugli xj0a0fe",
+					children: /* @__PURE__ */ o(e, {
+						"aria-pressed": h.includes(t),
+						onClick: () => g([t]),
 						children: t
 					})
 				}, t))
 			}),
-			p.length > s && /* @__PURE__ */ o("p", {
-				className: "x1ghz6dp x1mvvolr x153jb6y",
-				children: [p.length - s, " paths omitted until tree navigation loads."]
+			m.length > c && /* @__PURE__ */ s("p", {
+				...n.props(t.note),
+				children: [m.length - c, " paths omitted until tree navigation loads."]
 			})
-		] }) : /* @__PURE__ */ a(u.Component, { ...c })]
+		] }) : /* @__PURE__ */ o(d.Component, { ...l })]
 	});
 }
-export { u as FileTree };
+export { d as FileTree };