@mechane-ai/ui 0.2.2 → 0.3.0

package/dist/chart-input-Bti0gyzz.js

@@ -0,0 +1,173 @@
+import { z as e } from "./src-E7YRJBMO.js";
+import { chartColors as t, colors as n } from "./tokens.js";
+import * as r from "@stylexjs/stylex";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ChevronDown as s } from "lucide-react";
+// packages/charts/src/chart-theme.ts
+var c = {
+	series1: t.series1,
+	series2: t.series2,
+	series3: t.series3,
+	series4: t.series4,
+	series5: t.series5,
+	series6: t.series6,
+	positive: t.positive,
+	negative: t.negative,
+	neutral: n.muted
+}, l = {
+	plot: {
+		k7Eaqz: "xeuugli",
+		kVQacm: "xb3r6kr",
+		$$css: !0
+	},
+	svg: {
+		k1xSpc: "x1lliihq",
+		kzqmXN: "xh8yej3",
+		kVQacm: "x1rea2x4",
+		$$css: !0
+	},
+	axis: {
+		kjVXCG: "xouukkm",
+		kfJifR: "xnpr05h",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	grid: {
+		kjVXCG: "xouukkm",
+		kfJifR: "xnpr05h",
+		k5rJSQ: "x1ntoi03",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	label: {
+		kDwRjp: "xee94xy",
+		kMv6JI: "xoedhln",
+		kGuDYH: "xut3y95",
+		kcqcaj: "xss6m8b",
+		$$css: !0
+	},
+	mark: {
+		kfJifR: "xhr4kjn",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	selected: {
+		kjVXCG: "x7if6lq",
+		kfJifR: "xvlca1e",
+		kREpy8: "x13efnbd",
+		$$css: !0
+	},
+	focus: {
+		kZs9gx: "x1m2ab5f",
+		k7shQP: "x9v5kkp",
+		kPJHz1: "xnktsf1",
+		kiEn40: "x7s97pk",
+		$$css: !0
+	}
+}, u = {
+	kzqmXN: "x1xc55vz",
+	kZKoxP: "xdk7pt",
+	kmuXW: "x2lah0s",
+	$$css: !0
+}, d = { swatch: (e) => [
+	u,
+	{
+		kWkggS: e == null ? e : "xl8spv7",
+		$$css: !0
+	},
+	{ "--x-backgroundColor": e ?? void 0 }
+] };
+function f({ title: e, description: t, children: n, actions: r, footer: s }) {
+	let c = i();
+	return /* @__PURE__ */ o("figure", {
+		"aria-labelledby": c,
+		className: "xeuugli x1ghz6dp xgl13c x1l90twa xoedhln x118kxxs x1hyyzld",
+		children: [
+			/* @__PURE__ */ o("figcaption", {
+				className: "x78zum5 x1qughib x7a106z xtmze7h xeouufa",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+					id: c,
+					className: "x1ghz6dp x1hm5896 x1hyyzld xk50ysn",
+					children: e
+				}), t !== void 0 && /* @__PURE__ */ a("p", {
+					className: "x1ghz6dp x1mmnwsm xv9cywu xut3y95",
+					children: t
+				})] }), r !== void 0 && /* @__PURE__ */ a("div", {
+					className: "x2lah0s",
+					children: r
+				})]
+			}),
+			n,
+			s !== void 0 && /* @__PURE__ */ a("div", {
+				className: "x1dj7zaa xv9cywu xut3y95",
+				children: s
+			})
+		]
+	});
+}
+function p({ items: e, label: t = "Legend" }) {
+	return /* @__PURE__ */ a("ul", {
+		"aria-label": t,
+		className: "x78zum5 x1a02dak xtmze7h xe8uvvx x1ghz6dp x1717udv xv9cywu xoedhln xut3y95 xam3yii",
+		children: e.map((e) => /* @__PURE__ */ o("li", {
+			className: "x3nfvp2 x6s0dn4 xzwl0l2",
+			children: [/* @__PURE__ */ a("span", {
+				"aria-hidden": !0,
+				...r.props(d.swatch(c[e.tone]))
+			}), e.label]
+		}, e.id))
+	});
+}
+function m({ label: e, selected: t = !1, onSelect: n, children: r }) {
+	return n === void 0 ? /* @__PURE__ */ a("div", {
+		className: "x78zum5 x6s0dn4 x1qughib xtmze7h xeuugli xgvaw1x xekz7sd x9f619 xh8yej3 xc342km xlfmwf6 x13hf59f xoedhln x118kxxs x1hyyzld x1yc453h xj0a0fe xgl13c x1l90twa xss6m8b",
+		children: r
+	}) : /* @__PURE__ */ a("button", {
+		type: "button",
+		"aria-label": e,
+		"aria-pressed": t,
+		onClick: n,
+		...{
+			0: { className: "x78zum5 x6s0dn4 x1qughib xtmze7h xeuugli xgvaw1x xekz7sd x9f619 xh8yej3 xc342km xlfmwf6 x13hf59f xoedhln x118kxxs x1hyyzld x1yc453h xj0a0fe xgl13c x1l90twa xss6m8b x1ypdohk x160po9z x1m2ab5f x9v5kkp xnktsf1 x1bqaal" },
+			1: { className: "x78zum5 x6s0dn4 x1qughib xtmze7h xeuugli xgvaw1x xekz7sd x9f619 xh8yej3 xc342km xlfmwf6 x13hf59f xoedhln x118kxxs x1hyyzld x1yc453h xj0a0fe xgl13c xss6m8b x1ypdohk x160po9z x1m2ab5f x9v5kkp xnktsf1 x1bqaal x1m7rfvg x1jmj9dw" }
+		}[!!t | 0],
+		children: r
+	});
+}
+function h({ children: e, label: t = "View data" }) {
+	return /* @__PURE__ */ o("details", {
+		className: "x1dj7zaa x178xt8z x13fuv20 x1cbnph0",
+		children: [/* @__PURE__ */ o("summary", {
+			className: "x78zum5 x6s0dn4 xzwl0l2 xgvaw1x xekz7sd xoedhln xut3y95 xv9cywu x1ypdohk xe8uvvx x1hl8ikr x1m2ab5f x9v5kkp xnktsf1 x1i5lizr",
+			children: [/* @__PURE__ */ a(s, {
+				"aria-hidden": !0,
+				className: "xbor0ac x1sqm5u1"
+			}), t]
+		}), /* @__PURE__ */ a("div", {
+			role: "region",
+			"aria-label": t,
+			tabIndex: 0,
+			className: "xeuugli x1sslpiy xysyzu8 x1m2ab5f x9v5kkp xnktsf1 x1bqaal",
+			children: e
+		})]
+	});
+}
+// packages/charts/src/chart-input.tsx
+function g(e) {
+	return Number.isFinite(e[0]) && Number.isFinite(e[1]) && Number.isFinite(e[1] - e[0]) && e[0] < e[1];
+}
+function _(e) {
+	return new Set(e.map((e) => e.id)).size === e.length;
+}
+function v({ title: t, description: n, message: r }) {
+	return /* @__PURE__ */ a(f, {
+		title: t,
+		description: n,
+		children: /* @__PURE__ */ a(e, {
+			error: !0,
+			children: r
+		})
+	});
+}
+export { m as a, l as c, h as i, c as l, _ as n, f as o, g as r, p as s, v as t };

package/dist/charts/cartesian.js

@@ -0,0 +1 @@
+export { a as AreaChart, t as BarChart, n as BreakdownBar, o as LineChart, s as SmallMultiples, i as Sparkline, r as Treemap, c as timeSeriesLimits } from "../cartesian-Bwt6ZnF5.js";

package/dist/charts/distribution.js

@@ -0,0 +1 @@
+export { r as ECDF, i as Histogram, n as IntervalPlot, t as RankedBars } from "../distribution-CViLvcPP.js";

package/dist/charts/graph.js

@@ -0,0 +1 @@
+export { t as MAX_RELATION_DIMENSION, n as MAX_RELATION_EDGES, r as MAX_RELATION_GROUPS, i as MAX_RELATION_NODES, a as RelationGraph } from "../graph-DAfo72ZD.js";

package/dist/charts/matrix.js

@@ -0,0 +1 @@
+export { s as ColorLegend, r as MAX_HEATMAP_TOKENS, a as MAX_MATRIX_CELLS, t as MAX_SCATTER_POINTS, o as Matrix, n as ScatterPlot, i as TokenHeatmap } from "../matrix-B9dybkce.js";

package/dist/charts.js

@@ -1,10 +1,15 @@
-import { N as e } from "./src-Czfi0YQa.js";
-import * as t from "@stylexjs/stylex";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { scaleLinear as i } from "@visx/scale";
-import { Bar as a } from "@visx/shape";
-// src/charts/waterfall.tsx
-var o = {
+import { rt as e } from "./src-E7YRJBMO.js";
+import { o as t, s as n } from "./chart-input-Bti0gyzz.js";
+import { a as r, i, n as a, o, r as s, s as c, t as l } from "./cartesian-Bwt6ZnF5.js";
+import { i as u, n as d, r as f, t as p } from "./distribution-CViLvcPP.js";
+import { i as m, n as h, o as g, s as _ } from "./matrix-B9dybkce.js";
+import { a as v } from "./graph-DAfo72ZD.js";
+import * as y from "@stylexjs/stylex";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { scaleLinear as S } from "@visx/scale";
+import { Bar as C } from "@visx/shape";
+// packages/charts/src/waterfall.tsx
+var w = {
 	plot: {
 		k7Eaqz: "xeuugli",
 		kUOVxO: "xl4o6ss",
@@ -13,173 +18,173 @@ var o = {
 		$$css: !0
 	},
 	neutral: {
-		kMwMTN: "x1ns7tj1",
+		kMwMTN: "xv9cywu",
 		$$css: !0
 	},
 	positive: {
-		kMwMTN: "x1swbf3d",
+		kMwMTN: "x76p87n",
 		$$css: !0
 	},
 	negative: {
-		kMwMTN: "x11ep619",
+		kMwMTN: "x1dege03",
 		$$css: !0
 	}
-}, s = {
-	neutral: o.neutral,
-	positive: o.positive,
-	negative: o.negative
-}, c = [
+}, T = {
+	neutral: w.neutral,
+	positive: w.positive,
+	negative: w.negative
+}, E = [
 	0,
 	.5,
 	1
-], l = 100;
-function u({ items: a, start: u, end: p, label: m, rowLabel: h, summaryLabel: g, emptyLabel: _, selectedId: v, onSelect: y, formatOffset: b }) {
-	let x = p - u, S = i({
-		domain: [u, p],
-		range: [0, x === 0 ? 0 : l]
-	}), C = x > 0 ? c : [0];
-	return /* @__PURE__ */ r("div", {
+], D = 100;
+function O({ items: t, start: n, end: r, label: i, rowLabel: a, summaryLabel: o, emptyLabel: s, selectedId: c, onSelect: l, formatOffset: u }) {
+	let d = r - n, f = S({
+		domain: [n, r],
+		range: [0, d === 0 ? 0 : D]
+	}), p = d > 0 ? E : [0];
+	return /* @__PURE__ */ x("div", {
 		role: "group",
-		"aria-label": m,
-		className: "xeuugli x1o2ymkw",
+		"aria-label": i,
+		className: "xeuugli xoedhln",
 		children: [
-			/* @__PURE__ */ r("div", {
-				className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1y871oy xq5c7ks xh8yej3 x9f619 xqin4a2 xu0aao5 x1ns7tj1 x1755wjq xso031l x1q0q8m5 xx6l4uz",
+			/* @__PURE__ */ x("div", {
+				className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1bkjjcv xq5c7ks xh8yej3 x9f619 xqin4a2 xu0aao5 xv9cywu xut3y95 xso031l x1q0q8m5 x7a6td9",
 				children: [
-					/* @__PURE__ */ n(e, {
+					/* @__PURE__ */ b(e, {
 						variant: "caption",
 						tone: "muted",
-						children: h
+						children: a
 					}),
-					/* @__PURE__ */ n("div", {
-						className: "xeuugli xl4o6ss x1npkx4u xp7zxbh x1ms6mhf xq5skvx x78zum5 x1qughib x6s0dn4 x1755wjq x1df3ybb xss6m8b",
-						children: C.map((e) => /* @__PURE__ */ n("span", { children: b(x * e) }, e))
+					/* @__PURE__ */ b("div", {
+						className: "xeuugli xl4o6ss x1npkx4u xp7zxbh x1ms6mhf xq5skvx x78zum5 x1qughib x6s0dn4 xut3y95 xam3yii xss6m8b",
+						children: p.map((e) => /* @__PURE__ */ b("span", { children: u(d * e) }, e))
 					}),
-					/* @__PURE__ */ n("span", {
+					/* @__PURE__ */ b("span", {
 						className: "xeuugli x1k3v4rp x1moszlt x1ms6mhf xp4054r xj0a0fe xss6m8b",
-						children: /* @__PURE__ */ n(e, {
+						children: /* @__PURE__ */ b(e, {
 							variant: "caption",
 							tone: "muted",
-							children: g
+							children: o
 						})
 					})
 				]
 			}),
-			a.length === 0 && /* @__PURE__ */ n("p", {
-				className: "x1ghz6dp x805nir",
-				children: /* @__PURE__ */ n(e, {
+			t.length === 0 && /* @__PURE__ */ b("p", {
+				className: "x1ghz6dp x1h65vws",
+				children: /* @__PURE__ */ b(e, {
 					tone: "muted",
-					children: _
+					children: s
 				})
 			}),
-			a.map((i) => {
-				let a = f({
-					geometry: i.geometry,
-					start: u,
-					formatOffset: b
+			t.map((t) => {
+				let r = A({
+					geometry: t.geometry,
+					start: n,
+					formatOffset: u
 				});
-				return /* @__PURE__ */ r("button", {
+				return /* @__PURE__ */ x("button", {
 					type: "button",
-					"aria-pressed": v === i.id,
-					"aria-label": `${i.label} · ${i.detail} · ${i.summary} · ${a}`,
-					onClick: () => y(i.id),
+					"aria-pressed": c === t.id,
+					"aria-label": `${t.label} · ${t.detail} · ${t.summary} · ${r}`,
+					onClick: () => l(t.id),
 					...{
-						0: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1y871oy xq5c7ks xh8yej3 x9f619 xqin4a2 x1r1ej2n x1wiwyrm xc342km xso031l x1q0q8m5 xx6l4uz x1kb4e9r xn4qiis x1o2ymkw x1yc453h x1ypdohk x1p052by x1f1h9gf x9v5kkp xdv554w x1bqaal x1t1lzn6" },
-						1: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1y871oy xq5c7ks xh8yej3 x9f619 xqin4a2 x1r1ej2n x1wiwyrm xc342km xso031l x1q0q8m5 xx6l4uz xn4qiis x1o2ymkw x1yc453h x1ypdohk x1p052by x1f1h9gf x9v5kkp xdv554w x1bqaal x1t1lzn6 xco4m3t x1jmj9dw" }
-					}[v === i.id | 0],
+						0: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1bkjjcv xq5c7ks xh8yej3 x9f619 xqin4a2 x4wz14 x1wiwyrm xc342km xso031l x1q0q8m5 x7a6td9 x1l90twa xgl13c xoedhln x1yc453h x1ypdohk x160po9z x1m2ab5f x9v5kkp xnktsf1 x1bqaal x1t1lzn6" },
+						1: { className: "xrvj5dj x13sfnbj xj8mwme x6s0dn4 x1bkjjcv xq5c7ks xh8yej3 x9f619 xqin4a2 x4wz14 x1wiwyrm xc342km xso031l x1q0q8m5 x7a6td9 xgl13c xoedhln x1yc453h x1ypdohk x160po9z x1m2ab5f x9v5kkp xnktsf1 x1bqaal x1t1lzn6 x1m7rfvg x1jmj9dw" }
+					}[c === t.id | 0],
 					children: [
-						/* @__PURE__ */ r("span", {
-							className: "xeuugli xrvj5dj x1tothx9",
-							children: [/* @__PURE__ */ n("span", {
+						/* @__PURE__ */ x("span", {
+							className: "xeuugli xrvj5dj x1r8op4a",
+							children: [/* @__PURE__ */ b("span", {
 								className: "xk50ysn xj0a0fe",
-								children: /* @__PURE__ */ n(e, { children: i.label })
-							}), /* @__PURE__ */ n("span", {
-								title: i.detail,
+								children: /* @__PURE__ */ b(e, { children: t.label })
+							}), /* @__PURE__ */ b("span", {
+								title: t.detail,
 								className: "xb3r6kr xuxw1ft xlyipyv",
-								children: /* @__PURE__ */ n(e, {
+								children: /* @__PURE__ */ b(e, {
 									variant: "caption",
 									tone: "muted",
-									children: i.detail
+									children: t.detail
 								})
 							})]
 						}),
-						/* @__PURE__ */ n("span", {
-							title: a,
-							...t.props(o.plot, s[i.tone]),
-							children: i.geometry.kind === "unavailable" ? /* @__PURE__ */ n(e, {
+						/* @__PURE__ */ b("span", {
+							title: r,
+							...y.props(w.plot, T[t.tone]),
+							children: t.geometry.kind === "unavailable" ? /* @__PURE__ */ b(e, {
 								variant: "caption",
 								tone: "muted",
-								children: a
-							}) : /* @__PURE__ */ r("svg", {
+								children: r
+							}) : /* @__PURE__ */ x("svg", {
 								"aria-hidden": !0,
 								className: "x1lliihq xh8yej3 xmix8c7 x1rea2x4",
-								children: [C.map((e) => /* @__PURE__ */ n("line", {
-									x1: `${e * l}%`,
-									x2: `${e * l}%`,
+								children: [p.map((e) => /* @__PURE__ */ b("line", {
+									x1: `${e * D}%`,
+									x2: `${e * D}%`,
 									y1: "0",
 									y2: "18",
-									className: "xi5i0ux"
-								}, e)), /* @__PURE__ */ n(d, {
-									geometry: i.geometry,
-									scale: S
+									className: "xouukkm"
+								}, e)), /* @__PURE__ */ b(k, {
+									geometry: t.geometry,
+									scale: f
 								})]
 							})
 						}),
-						/* @__PURE__ */ n("span", {
+						/* @__PURE__ */ b("span", {
 							className: "xeuugli x1k3v4rp x1moszlt x1ms6mhf xp4054r xj0a0fe xss6m8b",
-							children: /* @__PURE__ */ n(e, {
+							children: /* @__PURE__ */ b(e, {
 								variant: "caption",
 								tone: "muted",
-								children: i.summary
+								children: t.summary
 							})
 						})
 					]
-				}, i.id);
+				}, t.id);
 			})
 		]
 	});
 }
-function d({ geometry: e, scale: t }) {
+function k({ geometry: e, scale: t }) {
 	switch (e.kind) {
 		case "unavailable": return null;
 		case "interval": {
-			let r = t(e.start), i = t(e.end) - r;
-			return i === 0 ? /* @__PURE__ */ n("circle", {
-				cx: `${r}%`,
+			let n = t(e.start), r = t(e.end) - n;
+			return r === 0 ? /* @__PURE__ */ b("circle", {
+				cx: `${n}%`,
 				cy: 9,
 				r: 3,
 				className: "x117rol3"
-			}) : /* @__PURE__ */ n(a, {
-				x: `${r}%`,
+			}) : /* @__PURE__ */ b(C, {
+				x: `${n}%`,
 				y: 6,
-				width: `${i}%`,
+				width: `${r}%`,
 				height: 6,
 				rx: 2,
 				className: "x117rol3"
 			});
 		}
 		case "point": {
-			let r = t(e.at);
+			let n = t(e.at);
 			switch (e.marker) {
-				case "filled": return /* @__PURE__ */ n("circle", {
-					cx: `${r}%`,
+				case "filled": return /* @__PURE__ */ b("circle", {
+					cx: `${n}%`,
 					cy: 9,
 					r: 3,
 					className: "x117rol3"
 				});
-				case "hollow": return /* @__PURE__ */ n("circle", {
-					cx: `${r}%`,
+				case "hollow": return /* @__PURE__ */ b("circle", {
+					cx: `${n}%`,
 					cy: 9,
 					r: 3.5,
-					className: "x17dcl0o x73je2i xvlca1e"
+					className: "x1cyvyya x73je2i xvlca1e"
 				});
-				case "diamond": return /* @__PURE__ */ n("svg", {
-					x: `${r}%`,
+				case "diamond": return /* @__PURE__ */ b("svg", {
+					x: `${n}%`,
 					y: 9,
 					width: 1,
 					height: 1,
 					overflow: "visible",
-					children: /* @__PURE__ */ n("path", {
+					children: /* @__PURE__ */ b("path", {
 						d: "M0 -5 5 0 0 5 -5 0Z",
 						className: "x117rol3"
 					})
@@ -188,11 +193,11 @@ function d({ geometry: e, scale: t }) {
 		}
 	}
 }
-function f({ geometry: e, start: t, formatOffset: n }) {
+function A({ geometry: e, start: t, formatOffset: n }) {
 	switch (e.kind) {
 		case "interval": return `Start ${n(e.start - t)}, end ${n(e.end - t)}, duration ${n(e.end - e.start)}`;
 		case "point": return `At ${n(e.at - t)}`;
 		case "unavailable": return "Timing unavailable";
 	}
 }
-export { u as Waterfall };
+export { r as AreaChart, l as BarChart, a as BreakdownBar, t as ChartFrame, n as ChartLegend, _ as ColorLegend, f as ECDF, u as Histogram, d as IntervalPlot, o as LineChart, g as Matrix, p as RankedBars, v as RelationGraph, h as ScatterPlot, c as SmallMultiples, i as Sparkline, m as TokenHeatmap, s as Treemap, O as Waterfall };

package/dist/code-BJp-g4Fw.js

@@ -0,0 +1,172 @@
+import { N as e } from "./src-E7YRJBMO.js";
+import { colors as t } from "./tokens.js";
+import { t as n } from "./pierre-theme-CPlfl-AA.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 x1yww3zy x1l90twa xgl13c x1vyzsr4",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "x78zum5 x6s0dn4 x1qughib xtmze7h x4wz14 x1ri6wgn xoedhln xut3y95 x1hyyzld xv9cywu xso031l x1q0q8m5 x7a6td9",
+				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 x4wz14 xdxxwph xut3y95 x1hyyzld xeq4nuv xk8lq53" },
+						1: { className: "x1ghz6dp x4wz14 xdxxwph xut3y95 x1hyyzld xeq4nuv xeuugli x126k92a xj0a0fe" }
+					}[!!o | 0],
+					children: /* @__PURE__ */ s("code", { 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 x19zkttd" },
+								1: { className: "x78zum5 x19zkttd xzriygp" }
+							}[!!r | 0],
+							children: [l && /* @__PURE__ */ s("span", {
+								"aria-hidden": !0,
+								className: "x1rg5ohu x2lah0s xl3ry0p x13hf59f xp4054r x1xpctow x87ps6o",
+								children: t
+							}), /* @__PURE__ */ c("span", {
+								className: "x1lliihq x12lumcd x1ri6wgn 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 x1i1dks5 x1m7rfvg xoedhln x118kxxs xeaf4i8",
+							children: i.content
+						})] }, t);
+					}) })
+				})
+			}),
+			y.length > b.length && /* @__PURE__ */ s("div", {
+				className: "x4wz14 x1ri6wgn xoedhln xut3y95 x1hyyzld xv9cywu",
+				children: "Additional lines omitted. Copy includes the complete source."
+			}),
+			t.length > m && /* @__PURE__ */ s("div", {
+				className: "x4wz14 x1ri6wgn xoedhln xut3y95 x1hyyzld xv9cywu",
+				children: "Preview limited to the first 200,000 characters. Copy includes the complete source."
+			}),
+			t.length === 0 && /* @__PURE__ */ s("div", {
+				className: "x4wz14 x1ri6wgn xoedhln xut3y95 x1hyyzld xv9cywu",
+				children: "No source text."
+			}),
+			v !== void 0 && v.hasFailed && /* @__PURE__ */ s("div", {
+				className: "x4wz14 x1ri6wgn xoedhln xut3y95 x1hyyzld xv9cywu",
+				children: "Syntax highlighting unavailable. The source is shown unchanged."
+			})
+		]
+	});
+}
+export { g as t };