@mechane-ai/elements 0.8.0 → 0.10.0

package/dist/theme.js

@@ -2,6 +2,6 @@ import "@stylexjs/stylex";
 // packages/foundations/src/theme.ts
 var e = {
 	light: { className: "xbixft x19aimcq" },
-	dark: { className: "xbixft xntwwlm x12671sc xm90lv7 xuezpbh x102x4ow xqsppe0 x181h4q1 x8g9w8d x1e8hs47" }
+	dark: { className: "xbixft xntwwlm x12671sc xm90lv7 xuezpbh x102x4ow x1on89sr x6mvf7n xqsppe0 x181h4q1 x8g9w8d x1e8hs47" }
 };
 export { e as themeProps };

package/dist/tokens.js

@@ -59,19 +59,70 @@ var e = {
 	positive: "#80add0",
 	missing: "#363636"
 }, i = {
+	identity1: "var(--xervi70)",
+	identity2: "var(--x1scgmo8)",
+	identity3: "var(--xu5wby9)",
+	identity4: "var(--x1lp5jki)",
+	identity5: "var(--x1y31bxi)",
+	identity6: "var(--xzwo5h9)",
+	identity7: "var(--xt4yqhf)",
+	identity8: "var(--x15jwn1l)",
+	identity9: "var(--x1mq9snr)",
+	identity10: "var(--x1uo55dg)",
+	identity11: "var(--xiuxd98)",
+	identity12: "var(--x1ge60hr)",
+	identity13: "var(--x30ad9v)",
+	identity14: "var(--xjm3f38)",
+	identity15: "var(--xclnw48)",
+	identity16: "var(--x1deadh4)",
+	identity17: "var(--xh5lcut)",
+	identity18: "var(--xhi6zkb)",
+	identity19: "var(--xwl956u)",
+	identity20: "var(--xibm5mh)",
+	identity21: "var(--xyheekc)",
+	identity22: "var(--x1d3dkqv)",
+	identity23: "var(--xh8xsxd)",
+	identity24: "var(--x9u8ejr)",
+	__varGroupHash__: "x6mvf7n"
+}, a = {
+	identity1: "#e7938d",
+	identity2: "#e7a88d",
+	identity3: "#e78da7",
+	identity4: "#e78dc0",
+	identity5: "#e78ddf",
+	identity6: "#d28de7",
+	identity7: "#ba8de7",
+	identity8: "#a28de7",
+	identity9: "#8d8de7",
+	identity10: "#8da5e7",
+	identity11: "#8dbae7",
+	identity12: "#8dcfe7",
+	identity13: "#8de1e7",
+	identity14: "#8de7de",
+	identity15: "#8de7ce",
+	identity16: "#8de7bc",
+	identity17: "#8de7aa",
+	identity18: "#8de795",
+	identity19: "#9ee78d",
+	identity20: "#b9e78d",
+	identity21: "#d5e78d",
+	identity22: "#e7dc8d",
+	identity23: "#e7c68d",
+	identity24: "#e7b38d"
+}, o = {
 	keyword: "var(--x1t6rq9)",
 	string: "var(--x1pa6z6o)",
 	comment: "var(--x4crkt3)",
 	number: "var(--x1ih6ezv)",
 	type: "var(--x1gibtqd)",
 	__varGroupHash__: "x181h4q1"
-}, a = {
+}, s = {
 	keyword: "#c4a1e5",
 	string: "#8ed3b3",
 	comment: "#a3a3a3",
 	number: "#edc479",
 	type: "#84bce3"
-}, o = {
+}, c = {
 	xxs: "var(--xjighox)",
 	xs: "var(--x1xijsos)",
 	sm: "var(--xxhyxt)",
@@ -80,12 +131,17 @@ var e = {
 	xl: "var(--x1iwxfi2)",
 	xxl: "var(--x153fiic)",
 	__varGroupHash__: "xi13snk"
-}, s = {
+}, l = {
 	fontFamily: "var(--xax3y77)",
 	monoFamily: "var(--xntcpct)",
+	regularWeight: "var(--x15yhtsr)",
+	mediumWeight: "var(--x1nq3oar)",
+	strongWeight: "var(--x1j0x2uk)",
+	boldWeight: "var(--xeequbj)",
 	bodySize: "var(--x105xqs)",
 	bodyLineHeight: "var(--x1eh4a5a)",
 	multilineLineHeight: "var(--x1kk28mq)",
+	proseLineHeight: "var(--x1sf6ltt)",
 	captionSize: "var(--xobsf79)",
 	captionLineHeight: "var(--xdvbmuj)",
 	inputSize: "var(--x1af0fv0)",
@@ -98,7 +154,7 @@ var e = {
 	compactHeadingLineHeight: "var(--x1q14agh)",
 	headingTracking: "var(--xgto76l)",
 	__varGroupHash__: "xledmcz"
-}, c = {
+}, u = {
 	smHeight: "var(--x1hdxzrk)",
 	mdHeight: "var(--xymjgzc)",
 	coarseTarget: "var(--x6uufy4)",
@@ -109,30 +165,33 @@ var e = {
 	focusWidth: "var(--xxx3t85)",
 	disabledOpacity: "var(--x9ngs59)",
 	__varGroupHash__: "x1sjug0q"
-}, l = {
+}, d = {
 	sm: "var(--x1asdyoo)",
 	md: "var(--xz1oyae)",
 	__varGroupHash__: "x1i152zt"
-}, u = {
+}, f = {
 	duration: "var(--xjjzqp4)",
 	easing: "var(--x5xz5r2)",
 	drawerDuration: "var(--xrmqybo)",
 	drawerEasing: "var(--xumjr7l)",
 	__varGroupHash__: "xtoz1ri"
-}, d = {
+}, p = {
 	popup: "var(--xfou7vv)",
 	__varGroupHash__: "x1e8hs47"
-}, f = { popup: "0 4px 16px #00000066" }, p = {
+}, m = { popup: "0 4px 16px #00000066" }, h = {
 	backdrop: "20",
 	dialog: "21",
 	popup: "30",
 	tooltip: "40",
 	skipLink: "50"
-}, m = {
+}, g = {
+	rowHeight: 48,
+	headerHeight: 36
+}, _ = {
 	coarsePointer: "@media (pointer: coarse)",
 	hoverPointer: "@media (hover: hover) and (pointer: fine)",
 	compactText: "@media (max-width:639px)",
 	compactTable: "@media (max-width:600px)",
 	reducedMotion: "@media (prefers-reduced-motion: reduce)"
 };
-export { n as chartColors, e as colors, m as conditions, c as controls, r as darkChartColors, t as darkColors, f as darkShadows, a as darkSyntaxColors, p as layers, u as motion, l as radii, d as shadows, o as spacing, i as syntaxColors, s as typography };
+export { i as avatarColors, n as chartColors, e as colors, _ as conditions, u as controls, a as darkAvatarColors, r as darkChartColors, t as darkColors, m as darkShadows, s as darkSyntaxColors, h as layers, f as motion, d as radii, p as shadows, c as spacing, o as syntaxColors, g as tableGeometry, l as typography };

package/dist/viewer-styles-CpHqp5Qv.js

@@ -0,0 +1,70 @@
+import "@stylexjs/stylex";
+// packages/content/src/viewer-styles.ts
+var e = {
+	root: {
+		k7Eaqz: "xeuugli",
+		kMzoRj: "xmkeg23",
+		ksu8eU: "x1y0btm7",
+		kVAM5u: "x1ey3b81",
+		kWkggS: "xpvm0e4",
+		kMwMTN: "xbixft",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xtqrqnz",
+		kLWn49: "x1778rvt",
+		k63SB2: "xj57cvi",
+		$$css: !0
+	},
+	header: {
+		k1xSpc: "x78zum5",
+		kwnvtZ: "x1a02dak",
+		kGNEyG: "x6s0dn4",
+		kjj79g: "x1qughib",
+		kOIVth: "x1hnptsi",
+		k7Eaqz: "xeuugli",
+		k8WAf4: "xn9t2bk",
+		kg3NbH: "x1doqdfy",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		k63SB2: "xk4h15q",
+		kMwMTN: "x153jb6y",
+		kt9PQ7: "xso031l",
+		kfdmCh: "x1q0q8m5",
+		kL6WhQ: "x1qndepd",
+		$$css: !0
+	},
+	label: {
+		kUk6DE: "x148l3ej",
+		k7Eaqz: "xeuugli",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	},
+	actions: {
+		k1xSpc: "x78zum5",
+		kwnvtZ: "x1a02dak",
+		kGNEyG: "x6s0dn4",
+		kOIVth: "x1hnptsi",
+		k7Eaqz: "xeuugli",
+		$$css: !0
+	},
+	scrollRegion: {
+		k7Eaqz: "xeuugli",
+		k3XXqK: "x1t137rt",
+		kPJHz1: "x13qnu6",
+		k7shQP: "x9v5kkp",
+		kZs9gx: "x19rmrnh",
+		kiEn40: "x17c0hmk",
+		$$css: !0
+	},
+	note: {
+		kogj98: "x1ghz6dp",
+		k8WAf4: "xn9t2bk",
+		kg3NbH: "x1doqdfy",
+		kMwMTN: "x153jb6y",
+		kMv6JI: "x1hz01jw",
+		kGuDYH: "xy8obcc",
+		kLWn49: "xas2l8k",
+		kHjlTd: "xj0a0fe",
+		$$css: !0
+	}
+};
+export { e as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mechane-ai/elements",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "Elements by Mechane — React components for applications, AI interfaces, and analytical graphics",
   "license": "Apache-2.0",
   "repository": {
@@ -145,6 +145,7 @@
     "@visx/shape": "4.0.0",
     "lucide-react": "1.66.0",
     "react-resizable-panels": "4.18.0",
+    "sonner": "2.0.8",
     "streamdown": "2.7.1",
     "strip-ansi": "7.2.0"
   },

package/packages/foundations/src/tokens.stylex.ts

@@ -64,6 +64,60 @@ export const darkChartColors = stylex.defineConsts({
   missing: '#363636',
 });
 
+export const avatarColors = stylex.defineVars({
+  identity1: '#993029',
+  identity2: '#994a29',
+  identity3: '#992949',
+  identity4: '#992968',
+  identity5: '#992990',
+  identity6: '#7f2999',
+  identity7: '#612999',
+  identity8: '#432999',
+  identity9: '#292999',
+  identity10: '#294799',
+  identity11: '#296199',
+  identity12: '#277693',
+  identity13: '#22797f',
+  identity14: '#217b72',
+  identity15: '#217d63',
+  identity16: '#217d51',
+  identity17: '#227f3f',
+  identity18: '#227f2a',
+  identity19: '#327d21',
+  identity20: '#4c7b21',
+  identity21: '#64751f',
+  identity22: '#7b7021',
+  identity23: '#8d6725',
+  identity24: '#995829',
+});
+
+export const darkAvatarColors = stylex.defineConsts({
+  identity1: '#e7938d',
+  identity2: '#e7a88d',
+  identity3: '#e78da7',
+  identity4: '#e78dc0',
+  identity5: '#e78ddf',
+  identity6: '#d28de7',
+  identity7: '#ba8de7',
+  identity8: '#a28de7',
+  identity9: '#8d8de7',
+  identity10: '#8da5e7',
+  identity11: '#8dbae7',
+  identity12: '#8dcfe7',
+  identity13: '#8de1e7',
+  identity14: '#8de7de',
+  identity15: '#8de7ce',
+  identity16: '#8de7bc',
+  identity17: '#8de7aa',
+  identity18: '#8de795',
+  identity19: '#9ee78d',
+  identity20: '#b9e78d',
+  identity21: '#d5e78d',
+  identity22: '#e7dc8d',
+  identity23: '#e7c68d',
+  identity24: '#e7b38d',
+});
+
 export const syntaxColors = stylex.defineVars({
   keyword: '#785ba1',
   string: '#21684f',
@@ -93,9 +147,14 @@ export const spacing = stylex.defineVars({
 export const typography = stylex.defineVars({
   fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif',
   monoFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',
+  regularWeight: '400',
+  mediumWeight: '500',
+  strongWeight: '600',
+  boldWeight: '700',
   bodySize: '13px',
   bodyLineHeight: '20px',
   multilineLineHeight: '1.6',
+  proseLineHeight: '1.7',
   captionSize: '12px',
   captionLineHeight: '18px',
   inputSize: '14px',
@@ -136,6 +195,8 @@ export const darkShadows = stylex.defineConsts({ popup: '0 4px 16px #00000066' }
 
 export const layers = stylex.defineConsts({ backdrop: '20', dialog: '21', popup: '30', tooltip: '40', skipLink: '50' });
 
+export const tableGeometry = stylex.defineConsts({ rowHeight: 48, headerHeight: 36 });
+
 export const conditions = stylex.defineConsts({
   coarsePointer: '@media (pointer: coarse)',
   hoverPointer: '@media (hover: hover) and (pointer: fine)',

package/styles.css

@@ -1,2 +1,2 @@
 @layer reset;
-@import './dist/assets/stylex.css';
+@import './dist/elements.css';

package/dist/code-block-BRNdtTaP.js

@@ -1,175 +0,0 @@
-import { g as e } from "./src-Bc5sEhdO.js";
-import { colors as t } from "./tokens.js";
-import { t as n } from "./pierre-theme-BpESNIsV.js";
-import * as r from "@stylexjs/stylex";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-// packages/content/src/code/use-highlighted-code.ts
-var l = 2e5, u = 4096;
-function d(e, t) {
-	let r = a(null), [s, c] = o();
-	return i(() => () => {
-		r.current !== null && (r.current.tokenizer.dispose(), r.current = null);
-	}, []), i(() => {
-		let i = !0;
-		async function a() {
-			try {
-				let a = await import("@pierre/highlights");
-				if (!i || e.length > l || !a.isSupportedLanguage(t)) return;
-				let o = r.current, s = o !== null && o.language === t, d = s ? o : {
-					language: t,
-					source: e,
-					tokenizer: new a.LiveTokenizer({
-						code: e,
-						lang: t,
-						theme: n,
-						tokenizeMaxLineLength: u
-					})
-				};
-				if (s) {
-					if (e.startsWith(o.source)) {
-						let t = d.tokenizer.lineCount - 1, n = {
-							line: t,
-							character: d.tokenizer.getLineLength(t)
-						};
-						d.tokenizer.applyEdits([{
-							range: {
-								start: n,
-								end: n
-							},
-							newText: e.slice(o.source.length)
-						}]);
-					} else d.tokenizer.reset(e);
-				} else o !== null && o.tokenizer.dispose();
-				r.current = {
-					...d,
-					source: e
-				};
-				let f = d.tokenizer;
-				f.flush();
-				let p = Array.from({ length: f.lineCount }, (e, t) => f.getLineTokens(t).tokens);
-				c({
-					code: e,
-					language: t,
-					lines: p,
-					hasFailed: !1
-				});
-			} catch {
-				i && c({
-					code: e,
-					language: t,
-					lines: [],
-					hasFailed: !0
-				});
-			}
-		}
-		return a(), () => {
-			i = !1;
-		};
-	}, [e, t]), s !== void 0 && s.code === e && s.language === t ? s : void 0;
-}
-// packages/content/src/code/code-block.tsx
-var f = {
-	kVQacm: "xysyzu8",
-	$$css: !0
-}, p = {
-	viewport: (e) => [
-		f,
-		{
-			kskxy: e == null ? e : "x1jols5v",
-			$$css: !0
-		},
-		{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
-	],
-	token: (e) => [{
-		kMwMTN: e == null ? e : "x14rh7hd",
-		$$css: !0
-	}, { "--x-color": e ?? void 0 }],
-	italic: {
-		kKX8nH: "x1k4tb9n",
-		$$css: !0
-	},
-	bold: {
-		k63SB2: "x1s688f",
-		$$css: !0
-	}
-}, m = 2e5;
-function h({ token: e }) {
-	let n = e.fontStyle ?? 0, [i, a] = [!!(n & 1), !!(n & 2)];
-	return /* @__PURE__ */ s("span", {
-		...r.props(p.token(e.color ?? t.ink), i && p.italic, a && p.bold),
-		children: e.content
-	});
-}
-function g({ code: t, language: n = "text", filename: i, streaming: a = !1, wrap: o = !1, lineNumbers: l = !0, selectedLines: u, annotations: f = [], maxHeight: g = 400, maxLines: _ = 2e3 }) {
-	let v = d(t, n), y = t.slice(0, m).split(/\r\n|\n|\r/u), b = y.slice(0, Math.max(1, _)).map((e, t) => ({
-		text: e,
-		line: t + 1
-	})), x = i ?? n;
-	return /* @__PURE__ */ c("section", {
-		"aria-label": i ?? "Code",
-		className: "xeuugli xmkeg23 x1y0btm7 x1ey3b81 xpvm0e4 xbixft xv06hpe",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y xso031l x1q0q8m5 x1qndepd",
-				children: [/* @__PURE__ */ c("span", { children: [x, a && " · streaming"] }), /* @__PURE__ */ s(e, {
-					label: i ?? "code",
-					value: t,
-					children: "Copy"
-				})]
-			}),
-			/* @__PURE__ */ s("div", {
-				role: "region",
-				"aria-label": `${x} source`,
-				tabIndex: 0,
-				...r.props(p.viewport(g)),
-				children: /* @__PURE__ */ s("pre", {
-					...{
-						0: { className: "x1ghz6dp xn9t2bk xiard35 xy8obcc x1778rvt xeq4nuv xk8lq53" },
-						1: { className: "x1ghz6dp xn9t2bk xiard35 xy8obcc x1778rvt xeq4nuv xeuugli x126k92a xj0a0fe" }
-					}[!!o | 0],
-					children: /* @__PURE__ */ s("code", {
-						className: "xjb2p0i",
-						children: b.map(({ text: e, line: t }) => {
-							let n = v === void 0 ? void 0 : v.lines[t - 1], r = u !== void 0 && t >= u.start && t <= (u.end ?? u.start), i = f.find((e) => e.line === t);
-							return /* @__PURE__ */ c("span", { children: [/* @__PURE__ */ c("span", {
-								...{
-									0: { className: "x78zum5 x16exltd" },
-									1: { className: "x78zum5 x16exltd x1r8u7ye" }
-								}[!!r | 0],
-								children: [l && /* @__PURE__ */ s("span", {
-									"aria-hidden": !0,
-									className: "x1rg5ohu x2lah0s xl3ry0p x5g2kb4 xp4054r x12ldcl5 x87ps6o",
-									children: t
-								}), /* @__PURE__ */ c("span", {
-									className: "x1lliihq x12lumcd x1doqdfy xeuugli",
-									children: [n === void 0 ? e : n.map((e) => /* @__PURE__ */ s(h, { token: e }, e.offset)), e.length === 0 && "\n"]
-								})]
-							}), i !== void 0 && /* @__PURE__ */ s("span", {
-								className: "x1lliihq x1mvvolr x1r7kqkb x1hz01jw xtqrqnz xeaf4i8",
-								children: i.content
-							})] }, t);
-						})
-					})
-				})
-			}),
-			y.length > b.length && /* @__PURE__ */ s("div", {
-				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
-				children: "Additional lines omitted. Copy includes the complete source."
-			}),
-			t.length > m && /* @__PURE__ */ s("div", {
-				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
-				children: "Preview limited to the first 200,000 characters. Copy includes the complete source."
-			}),
-			t.length === 0 && /* @__PURE__ */ s("div", {
-				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
-				children: "No source text."
-			}),
-			v !== void 0 && v.hasFailed && /* @__PURE__ */ s("div", {
-				className: "xn9t2bk x1doqdfy x1hz01jw xy8obcc x1778rvt x153jb6y",
-				children: "Syntax highlighting unavailable. The source is shown unchanged."
-			})
-		]
-	});
-}
-export { g as t };

package/dist/pierre-diff-CZdzgiYm.js

@@ -1,66 +0,0 @@
-import { n as e, t } from "./pierre-theme-BpESNIsV.js";
-import * as n from "@stylexjs/stylex";
-import { useCallback as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { Virtualizer as o, parseDiffFromFile as s, parsePatchFiles as c, registerCustomTheme as l } from "@pierre/diffs";
-import { FileDiff as u, VirtualizerContext as d } from "@pierre/diffs/react";
-// packages/content/src/diff/pierre-diff.tsx
-var f = {
-	kVQacm: "xysyzu8",
-	$$css: !0
-}, p = { viewport: (e) => [
-	f,
-	{
-		kskxy: e == null ? e : "x1jols5v",
-		$$css: !0
-	},
-	{ "--x-maxHeight": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
-] };
-l("mechane", () => Promise.resolve(t), "zed");
-function m(e) {
-	return e === null ? null : {
-		name: e.name,
-		contents: e.code,
-		lang: e.language ?? "text"
-	};
-}
-function h(e) {
-	return e.patch === void 0 ? [s(m(e.before), m(e.after), {}, !0)] : c(e.patch, { throwOnError: !0 }).flatMap((e) => e.files);
-}
-function g({ files: t, layout: s, wrap: c, annotations: l, maxHeight: f, label: m }) {
-	let [h] = i(() => new o()), g = r((e) => {
-		e === null ? h.cleanUp() : h.setup(e);
-	}, [h]);
-	return /* @__PURE__ */ a(d.Provider, {
-		value: h,
-		children: /* @__PURE__ */ a("div", {
-			ref: g,
-			role: "region",
-			"aria-label": `${m} changes`,
-			tabIndex: 0,
-			...n.props(p.viewport(f)),
-			children: /* @__PURE__ */ a("div", { children: t.map((t) => /* @__PURE__ */ a(u, {
-				fileDiff: t,
-				disableWorkerPool: !0,
-				options: {
-					preferredHighlighter: "highlights",
-					theme: "mechane",
-					themeType: "system",
-					unsafeCSS: e,
-					diffStyle: s,
-					overflow: c ? "wrap" : "scroll",
-					hunkSeparators: "line-info",
-					tokenizeMaxLength: 2e5,
-					tokenizeMaxLineLength: 4096
-				},
-				lineAnnotations: l.filter((e) => e.file === t.name).map((e) => ({
-					side: e.side === "old" ? "deletions" : "additions",
-					lineNumber: e.line,
-					metadata: e.content
-				})),
-				renderAnnotation: (e) => e.metadata
-			}, t.name)) })
-		})
-	});
-}
-export { g as PierreDiff, h as prepareDiff };

package/dist/pierre-theme-BpESNIsV.js

@@ -1,96 +0,0 @@
-import { colors as e, controls as t, spacing as n, syntaxColors as r, typography as i } from "./tokens.js";
-// packages/content/src/pierre-theme.ts
-var a = {
-	name: "Elements",
-	appearance: "light",
-	cssVariables: {
-		prefix: "--elements-syntax-",
-		defaults: {
-			foreground: e.ink,
-			background: e.surface,
-			keyword: r.keyword,
-			string: r.string,
-			comment: r.comment,
-			number: r.number,
-			type: r.type,
-			punctuation: e.muted
-		}
-	},
-	style: {
-		"editor.background": "background",
-		"editor.foreground": "foreground",
-		syntax: {
-			keyword: {
-				color: "keyword",
-				font_weight: 600
-			},
-			string: "string",
-			comment: "comment",
-			number: "number",
-			type: "type",
-			function: "foreground",
-			operator: "punctuation",
-			punctuation: "punctuation"
-		}
-	}
-}, o = `
-:host {
-  color-scheme: inherit;
-  --diffs-font-family: ${i.monoFamily};
-  --diffs-header-font-family: ${i.fontFamily};
-  --diffs-font-size: ${i.captionSize};
-  --diffs-line-height: ${i.bodyLineHeight};
-  --diffs-bg: ${e.surface};
-  --diffs-fg: ${e.ink};
-  --diffs-fg-number: ${e.muted};
-  --diffs-bg-addition: ${e.accentSoft};
-  --diffs-bg-deletion: ${e.dangerSoft};
-  --diffs-addition-color-override: ${e.accent};
-  --diffs-deletion-color-override: ${e.danger};
-  --diffs-modified-color-override: ${e.focus};
-  --diffs-bg-context-override: ${e.surface};
-  --diffs-bg-context-gutter-override: ${e.canvas};
-  --diffs-bg-separator-override: ${e.canvas};
-  --diffs-selection-background: ${e.accentSoft};
-  font-family: ${i.monoFamily};
-  font-size: ${i.captionSize};
-  color: ${e.ink};
-  background: ${e.surface};
-}
-pre { font-family: ${i.monoFamily}; font-size: ${i.captionSize}; line-height: ${i.bodyLineHeight}; }
-[data-line-number] { color: ${e.muted}; }
-[data-diffs-header] { min-height: ${t.mdHeight}; border-bottom: 1px solid ${e.line}; }
-`, s = `
-:host {
-  color-scheme: inherit;
-  color: ${e.ink};
-  background: ${e.surface};
-  font-family: ${i.fontFamily};
-  font-size: ${i.bodySize};
-  --trees-font-family-override: ${i.fontFamily};
-  --trees-font-size-override: ${i.bodySize};
-  --trees-bg-override: ${e.surface};
-  --trees-fg-override: ${e.ink};
-  --trees-fg-muted-override: ${e.muted};
-  --trees-bg-muted-override: ${e.canvas};
-  --trees-input-bg-override: ${e.surface};
-  --trees-border-color-override: ${e.line};
-  --trees-border-radius-override: 0px;
-  --trees-accent-override: ${e.focus};
-  --trees-focus-ring-color-override: ${e.focus};
-  --trees-focus-ring-width-override: ${t.focusWidth};
-  --trees-selected-fg-override: ${e.ink};
-  --trees-selected-bg-override: ${e.canvas};
-  --trees-selected-focused-border-color-override: ${e.focus};
-  --trees-status-added-override: ${e.accent};
-  --trees-status-deleted-override: ${e.danger};
-  --trees-status-ignored-override: ${e.muted};
-  --trees-status-modified-override: ${e.warning};
-  --trees-status-renamed-override: ${e.warning};
-  --trees-status-untracked-override: ${e.accent};
-}
-[role="treeitem"] { border-radius: 0; padding-inline: ${n.sm}; }
-[role="treeitem"][aria-selected="true"] { background: ${e.canvas}; color: ${e.ink}; }
-[role="treeitem"]:focus-visible { outline: ${t.focusWidth} solid ${e.focus}; outline-offset: -2px; }
-`;
-export { o as n, s as r, a as t };