@devalok/shilp-sutra 0.56.0 → 0.57.0

package/dist/composed/diff.js

@@ -3,11 +3,11 @@ import { cn as e } from "../ui/lib/utils.js";
 import { Icon as t } from "../ui/icon.js";
 import { Button as n } from "../ui/button.js";
 import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { IconCheck as o, IconChevronDown as s, IconX as c } from "@tabler/icons-react";
-import { motion as l, useReducedMotion as u } from "framer-motion";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconCheck as s, IconChevronDown as c, IconX as l } from "@tabler/icons-react";
+import { motion as u, useReducedMotion as d } from "framer-motion";
 //#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/base.js
-var d = class {
+var f = class {
 	diff(e, t, n = {}) {
 		let r;
 		typeof n == "function" ? (r = n, n = {}) : "callback" in n && (r = n.callback);
@@ -139,39 +139,39 @@ var d = class {
 		return r;
 	}
 };
-new class extends d {}();
+new class extends f {}();
 //#endregion
 //#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/util/string.js
-function f(e, t) {
+function p(e, t) {
 	let n;
 	for (n = 0; n < e.length && n < t.length; n++) if (e[n] != t[n]) return e.slice(0, n);
 	return e.slice(0, n);
 }
-function p(e, t) {
+function m(e, t) {
 	let n;
 	if (!e || !t || e[e.length - 1] != t[t.length - 1]) return "";
 	for (n = 0; n < e.length && n < t.length; n++) if (e[e.length - (n + 1)] != t[t.length - (n + 1)]) return e.slice(-n);
 	return e.slice(-n);
 }
-function m(e, t, n) {
+function h(e, t, n) {
 	if (e.slice(0, t.length) != t) throw Error(`string ${JSON.stringify(e)} doesn't start with prefix ${JSON.stringify(t)}; this is a bug`);
 	return n + e.slice(t.length);
 }
-function h(e, t, n) {
+function g(e, t, n) {
 	if (!t) return e + n;
 	if (e.slice(-t.length) != t) throw Error(`string ${JSON.stringify(e)} doesn't end with suffix ${JSON.stringify(t)}; this is a bug`);
 	return e.slice(0, -t.length) + n;
 }
-function g(e, t) {
-	return m(e, t, "");
-}
 function _(e, t) {
 	return h(e, t, "");
 }
 function v(e, t) {
-	return t.slice(0, y(e, t));
+	return g(e, t, "");
 }
 function y(e, t) {
+	return t.slice(0, b(e, t));
+}
+function b(e, t) {
 	let n = 0;
 	e.length > t.length && (n = e.length - t.length);
 	let r = t.length;
@@ -189,7 +189,7 @@ function y(e, t) {
 	}
 	return a;
 }
-function b(e, t) {
+function x(e, t) {
 	let n = [];
 	for (let r of Array.from(t.segment(e))) {
 		let e = r.segment;
@@ -197,27 +197,27 @@ function b(e, t) {
 	}
 	return n;
 }
-function x(e, t) {
-	if (t) return C(e, t)[1];
+function S(e, t) {
+	if (t) return w(e, t)[1];
 	let n;
 	for (n = e.length - 1; n >= 0 && e[n].match(/\s/); n--);
 	return e.substring(n + 1);
 }
-function S(e, t) {
-	if (t) return C(e, t)[0];
+function C(e, t) {
+	if (t) return w(e, t)[0];
 	let n = e.match(/^\s*/);
 	return n ? n[0] : "";
 }
-function C(e, t) {
-	if (!t) return [S(e), x(e)];
+function w(e, t) {
+	if (!t) return [C(e), S(e)];
 	if (t.resolvedOptions().granularity != "word") throw Error("The segmenter passed must have a granularity of \"word\"");
-	let n = b(e, t), r = n[0], i = n[n.length - 1];
+	let n = x(e, t), r = n[0], i = n[n.length - 1];
 	return [/\s/.test(r) ? r : "", /\s/.test(i) ? i : ""];
 }
 //#endregion
 //#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/word.js
-var w = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", T = RegExp(`[${w}]+|\\s+|[^${w}]`, "ug");
-new class extends d {
+var T = "a-zA-Z0-9_\\u{AD}\\u{C0}-\\u{D6}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}", ee = RegExp(`[${T}]+|\\s+|[^${T}]`, "ug");
+new class extends f {
 	equals(e, t, n) {
 		return n.ignoreCase && (e = e.toLowerCase(), t = t.toLowerCase()), e.trim() === t.trim();
 	}
@@ -226,8 +226,8 @@ new class extends d {
 		if (t.intlSegmenter) {
 			let r = t.intlSegmenter;
 			if (r.resolvedOptions().granularity != "word") throw Error("The segmenter passed must have a granularity of \"word\"");
-			n = b(e, r);
-		} else n = e.match(T) || [];
+			n = x(e, r);
+		} else n = e.match(ee) || [];
 		let r = [], i = null;
 		return n.forEach((e) => {
 			/\s/.test(e) ? i == null ? r.push(e) : r.push(r.pop() + e) : i != null && /\s/.test(i) ? r[r.length - 1] == i ? r.push(r.pop() + e) : r.push(i + e) : r.push(e), i = e;
@@ -246,58 +246,58 @@ new class extends d {
 }();
 function E(e, t, n, r, i) {
 	if (t && n) {
-		let [a, o] = C(t.value, i), [s, c] = C(n.value, i);
+		let [a, o] = w(t.value, i), [s, c] = w(n.value, i);
 		if (e) {
-			let r = f(a, s);
-			e.value = h(e.value, s, r), t.value = g(t.value, r), n.value = g(n.value, r);
+			let r = p(a, s);
+			e.value = g(e.value, s, r), t.value = _(t.value, r), n.value = _(n.value, r);
 		}
 		if (r) {
-			let e = p(o, c);
-			r.value = m(r.value, c, e), t.value = _(t.value, e), n.value = _(n.value, e);
+			let e = m(o, c);
+			r.value = h(r.value, c, e), t.value = v(t.value, e), n.value = v(n.value, e);
 		}
 	} else if (n) {
 		if (e) {
-			let e = S(n.value, i);
+			let e = C(n.value, i);
 			n.value = n.value.substring(e.length);
 		}
 		if (r) {
-			let e = S(r.value, i);
+			let e = C(r.value, i);
 			r.value = r.value.substring(e.length);
 		}
 	} else if (e && r) {
-		let n = S(r.value, i), [a, o] = C(t.value, i), s = f(n, a);
-		t.value = g(t.value, s);
-		let c = p(g(n, s), o);
-		t.value = _(t.value, c), r.value = m(r.value, n, c), e.value = h(e.value, n, n.slice(0, n.length - c.length));
+		let n = C(r.value, i), [a, o] = w(t.value, i), s = p(n, a);
+		t.value = _(t.value, s);
+		let c = m(_(n, s), o);
+		t.value = v(t.value, c), r.value = h(r.value, n, c), e.value = g(e.value, n, n.slice(0, n.length - c.length));
 	} else if (r) {
-		let e = S(r.value, i), n = v(x(t.value, i), e);
-		t.value = _(t.value, n);
+		let e = C(r.value, i), n = y(S(t.value, i), e);
+		t.value = v(t.value, n);
 	} else if (e) {
-		let n = v(x(e.value, i), S(t.value, i));
-		t.value = g(t.value, n);
+		let n = y(S(e.value, i), C(t.value, i));
+		t.value = _(t.value, n);
 	}
 }
-var ee = new class extends d {
+var te = new class extends f {
 	tokenize(e) {
-		let t = RegExp(`(\\r?\\n)|[${w}]+|[^\\S\\n\\r]+|[^${w}]`, "ug");
+		let t = RegExp(`(\\r?\\n)|[${T}]+|[^\\S\\n\\r]+|[^${T}]`, "ug");
 		return e.match(t) || [];
 	}
 }();
 function D(e, t, n) {
-	return ee.diff(e, t, n);
+	return te.diff(e, t, n);
 }
-var O = new class extends d {
+var ne = new class extends f {
 	constructor() {
-		super(...arguments), this.tokenize = A;
+		super(...arguments), this.tokenize = O;
 	}
 	equals(e, t, n) {
 		return n.ignoreWhitespace ? ((!n.newlineIsToken || !e.includes("\n")) && (e = e.trim()), (!n.newlineIsToken || !t.includes("\n")) && (t = t.trim())) : n.ignoreNewlineAtEof && !n.newlineIsToken && (e.endsWith("\n") && (e = e.slice(0, -1)), t.endsWith("\n") && (t = t.slice(0, -1))), super.equals(e, t, n);
 	}
 }();
-function k(e, t, n) {
-	return O.diff(e, t, n);
+function re(e, t, n) {
+	return ne.diff(e, t, n);
 }
-function A(e, t) {
+function O(e, t) {
 	t.stripTrailingCr && (e = e.replace(/\r\n/g, "\n"));
 	let n = [], r = e.split(/(\n|\r\n)/);
 	r[r.length - 1] || r.pop();
@@ -309,10 +309,10 @@ function A(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/sentence.js
-function j(e) {
+function k(e) {
 	return e == "." || e == "!" || e == "?";
 }
-new class extends d {
+new class extends f {
 	tokenize(e) {
 		let t = [], n = 0;
 		for (let r = 0; r < e.length; r++) {
@@ -320,39 +320,39 @@ new class extends d {
 				t.push(e.slice(n));
 				break;
 			}
-			if (j(e[r]) && e[r + 1].match(/\s/)) {
+			if (k(e[r]) && e[r + 1].match(/\s/)) {
 				for (t.push(e.slice(n, r + 1)), r = n = r + 1; e[r + 1]?.match(/\s/);) r++;
 				t.push(e.slice(n, r + 1)), n = r + 1;
 			}
 		}
 		return t;
 	}
-}(), new class extends d {
+}(), new class extends f {
 	tokenize(e) {
 		return e.split(/([{}:;,]|\s+)/);
 	}
-}(), new class extends d {
+}(), new class extends f {
 	constructor() {
-		super(...arguments), this.tokenize = A;
+		super(...arguments), this.tokenize = O;
 	}
 	get useLongestToken() {
 		return !0;
 	}
 	castInput(e, t) {
 		let { undefinedReplacement: n, stringifyReplacer: r = (e, t) => t === void 0 ? n : t } = t;
-		return typeof e == "string" ? e : JSON.stringify(M(e, null, null, r), null, "  ");
+		return typeof e == "string" ? e : JSON.stringify(A(e, null, null, r), null, "  ");
 	}
 	equals(e, t, n) {
 		return super.equals(e.replace(/,([\r\n])/g, "$1"), t.replace(/,([\r\n])/g, "$1"), n);
 	}
 }();
-function M(e, t, n, r, i) {
+function A(e, t, n, r, i) {
 	t ||= [], n ||= [], r && (e = r(i === void 0 ? "" : i, e));
 	let a;
 	for (a = 0; a < t.length; a += 1) if (t[a] === e) return n[a];
 	let o;
 	if (Object.prototype.toString.call(e) === "[object Array]") {
-		for (t.push(e), o = Array(e.length), n.push(o), a = 0; a < e.length; a += 1) o[a] = M(e[a], t, n, r, String(a));
+		for (t.push(e), o = Array(e.length), n.push(o), a = 0; a < e.length; a += 1) o[a] = A(e[a], t, n, r, String(a));
 		return t.pop(), n.pop(), o;
 	}
 	if (e && e.toJSON && (e = e.toJSON()), typeof e == "object" && e) {
@@ -361,12 +361,12 @@ function M(e, t, n, r, i) {
 		for (s in e)
  /* istanbul ignore else */
 		Object.prototype.hasOwnProperty.call(e, s) && i.push(s);
-		for (i.sort(), a = 0; a < i.length; a += 1) s = i[a], o[s] = M(e[s], t, n, r, s);
+		for (i.sort(), a = 0; a < i.length; a += 1) s = i[a], o[s] = A(e[s], t, n, r, s);
 		t.pop(), n.pop();
 	} else o = e;
 	return o;
 }
-new class extends d {
+new class extends f {
 	tokenize(e) {
 		return e.slice();
 	}
@@ -379,8 +379,42 @@ new class extends d {
 }();
 //#endregion
 //#region src/composed/diff.tsx
+var j = null;
+function ie() {
+	return j ||= Promise.all([import("react-syntax-highlighter"), import("react-syntax-highlighter/dist/esm/styles/prism/one-dark")]).then(([e, t]) => ({
+		Highlighter: e.Prism ?? e.default,
+		style: t.default
+	})), j;
+}
+function M({ language: e, text: t }) {
+	let [n, o] = r.useState(null);
+	if (r.useEffect(() => {
+		if (!e) return;
+		let t = !1;
+		return ie().then((e) => {
+			t || o(e);
+		}).catch(() => {}), () => {
+			t = !0;
+		};
+	}, [e]), !e || !n) return /* @__PURE__ */ a(i, { children: t || " " });
+	let { Highlighter: s, style: c } = n;
+	return /* @__PURE__ */ a(s, {
+		language: e,
+		style: c,
+		PreTag: "span",
+		CodeTag: "span",
+		customStyle: {
+			margin: 0,
+			padding: 0,
+			background: "transparent",
+			display: "inline"
+		},
+		codeTagProps: { style: { background: "transparent" } },
+		children: t || " "
+	});
+}
 function N({ children: e }) {
-	return u() ? /* @__PURE__ */ i("div", { children: e }) : /* @__PURE__ */ i(l.div, {
+	return d() ? /* @__PURE__ */ a("div", { children: e }) : /* @__PURE__ */ a(u.div, {
 		initial: {
 			height: 0,
 			opacity: 0
@@ -398,7 +432,7 @@ function N({ children: e }) {
 	});
 }
 function P(e, t) {
-	let n = k(e, t), r = [], i = 1, a = 1;
+	let n = re(e, t), r = [], i = 1, a = 1;
 	for (let e of n) {
 		let t = e.value.split("\n");
 		t.length && t[t.length - 1] === "" && t.pop();
@@ -435,87 +469,88 @@ function F(e) {
 	return a(), t;
 }
 function I(e, t) {
-	let n = D(e, t), r = [], a = [];
+	let n = D(e, t), r = [], i = [];
 	return n.forEach((e, t) => {
-		e.added ? a.push(/* @__PURE__ */ i("mark", {
+		e.added ? i.push(/* @__PURE__ */ a("mark", {
 			className: "rounded-xs bg-success-4 text-success-11",
 			children: e.value
-		}, t)) : e.removed ? r.push(/* @__PURE__ */ i("mark", {
+		}, t)) : e.removed ? r.push(/* @__PURE__ */ a("mark", {
 			className: "rounded-xs bg-error-4 text-error-11 line-through decoration-error-11/40",
 			children: e.value
-		}, t)) : (r.push(/* @__PURE__ */ i("span", { children: e.value }, t)), a.push(/* @__PURE__ */ i("span", { children: e.value }, t)));
+		}, t)) : (r.push(/* @__PURE__ */ a("span", { children: e.value }, t)), i.push(/* @__PURE__ */ a("span", { children: e.value }, t)));
 	}), {
 		left: r,
-		right: a
+		right: i
 	};
 }
-function L({ added: t, removed: n, changes: r, className: o }) {
-	return /* @__PURE__ */ a("div", {
-		className: e("flex items-center gap-ds-03 text-body-sm font-sans", o),
+function ae({ added: t, removed: n, changes: r, className: i }) {
+	return /* @__PURE__ */ o("div", {
+		className: e("flex items-center gap-ds-03 text-body-sm font-sans", i),
 		children: [
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ o("span", {
 				className: "font-mono tabular-nums text-success-11",
 				children: ["+", t]
 			}),
-			/* @__PURE__ */ a("span", {
+			/* @__PURE__ */ o("span", {
 				className: "font-mono tabular-nums text-error-11",
 				children: ["−", n]
 			}),
-			/* @__PURE__ */ i("span", {
+			/* @__PURE__ */ a("span", {
 				className: "text-surface-fg-subtle",
 				children: r === 0 ? "No changes" : `${r} ${r === 1 ? "change" : "changes"}`
 			})
 		]
 	});
 }
-function R({ seg: e, onAccept: r, onReject: s }) {
-	if (!r && !s) return null;
-	let l = {
+function L({ seg: e, onAccept: r, onReject: i }) {
+	if (!r && !i) return null;
+	let c = {
 		index: e.index,
 		before: e.dels.map((e) => e.text).join("\n"),
 		after: e.adds.map((e) => e.text).join("\n")
 	};
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "flex items-center gap-ds-01",
-		children: [s && /* @__PURE__ */ i(n, {
+		children: [i && /* @__PURE__ */ a(n, {
 			variant: "ghost",
 			size: "icon-xs",
 			"aria-label": `Reject change ${e.index + 1}`,
-			onClick: () => s(l),
-			children: /* @__PURE__ */ i(t, {
-				icon: c,
+			onClick: () => i(c),
+			children: /* @__PURE__ */ a(t, {
+				icon: l,
 				size: "xs"
 			})
-		}), r && /* @__PURE__ */ i(n, {
+		}), r && /* @__PURE__ */ a(n, {
 			variant: "ghost",
 			size: "icon-xs",
 			"aria-label": `Accept change ${e.index + 1}`,
-			onClick: () => r(l),
-			children: /* @__PURE__ */ i(t, {
-				icon: o,
+			onClick: () => r(c),
+			children: /* @__PURE__ */ a(t, {
+				icon: s,
 				size: "xs"
 			})
 		})]
 	});
 }
-var z = "select-none pl-ds-03 pr-ds-03 text-right font-mono text-caption tabular-nums text-surface-fg-subtle", B = "whitespace-pre-wrap break-words px-ds-03 font-mono text-body-sm leading-ds-relaxed", V = "select-none pl-ds-02 pr-ds-01 font-mono text-body-sm";
-function H({ segs: n, collapsibles: r, expanded: o, onExpand: c, onAcceptHunk: l, onRejectHunk: u }) {
-	let d = !!l || !!u;
-	return /* @__PURE__ */ i("div", {
+var R = "select-none pl-ds-03 pr-ds-03 text-right font-mono text-caption tabular-nums text-surface-fg-subtle", z = "whitespace-pre-wrap break-words px-ds-03 font-mono text-body-sm leading-ds-relaxed", B = "select-none pl-ds-02 pr-ds-01 font-mono text-body-sm";
+function oe({ segs: n, collapsibles: r, expanded: i, onExpand: s, onAcceptHunk: l, onRejectHunk: u, language: d }) {
+	let f = !!l || !!u;
+	return /* @__PURE__ */ a("div", {
 		className: "min-w-full py-ds-02",
-		children: n.map((n, f) => {
+		children: n.map((n, p) => {
 			if (n.t === "gap") {
 				let e = r.get(n.key) ?? [];
-				return o.has(n.key) ? /* @__PURE__ */ i(N, { children: e.map((e) => /* @__PURE__ */ i(U, {
+				return i.has(n.key) ? /* @__PURE__ */ a(N, { children: e.map((e) => /* @__PURE__ */ a(V, {
 					row: e,
-					split: !1
-				}, `${n.key}-${e.oldNo}`)) }, `reveal-${n.key}`) : /* @__PURE__ */ a("button", {
+					split: !1,
+					language: d
+				}, `${n.key}-${e.oldNo}`)) }, `reveal-${n.key}`) : /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => c(n.key),
-					className: "flex w-full items-center gap-ds-02 border-y border-surface-border-subtle/30 bg-surface-raised-hover px-ds-03 py-ds-01 text-caption text-surface-fg-subtle hover:bg-surface-raised-active",
+					onClick: () => s(n.key),
+					className: "flex w-full items-center gap-ds-02 border-y border-surface-border-subtle/30 bg-surface-panel-hover px-ds-03 py-ds-01 text-caption text-surface-fg-subtle hover:bg-surface-panel-active",
 					children: [
-						/* @__PURE__ */ i(t, {
-							icon: s,
+						/* @__PURE__ */ a(t, {
+							icon: c,
 							size: "xs"
 						}),
 						"Expand ",
@@ -523,119 +558,135 @@ function H({ segs: n, collapsibles: r, expanded: o, onExpand: c, onAcceptHunk: l
 						" unchanged ",
 						e.length === 1 ? "line" : "lines"
 					]
-				}, `gap-${f}`);
+				}, `gap-${p}`);
 			}
-			return n.t === "ctx" ? /* @__PURE__ */ i(U, {
+			return n.t === "ctx" ? /* @__PURE__ */ a(V, {
 				row: n.row,
-				split: !1
-			}, `c-${f}`) : /* @__PURE__ */ a("div", {
+				split: !1,
+				language: d
+			}, `c-${p}`) : /* @__PURE__ */ o("div", {
 				className: "group relative",
 				children: [
-					n.dels.map((t, n) => /* @__PURE__ */ a("div", {
+					n.dels.map((t, n) => /* @__PURE__ */ o("div", {
 						className: "flex bg-error-3",
 						children: [
-							/* @__PURE__ */ i("span", {
-								className: e(z, "min-w-[3.5ch]"),
+							/* @__PURE__ */ a("span", {
+								className: e(R, "min-w-[3.5ch]"),
 								children: t.oldNo
 							}),
-							/* @__PURE__ */ i("span", { className: e(z, "min-w-[3.5ch] text-error-11/60") }),
-							/* @__PURE__ */ i("span", {
-								className: e(V, "text-error-11"),
+							/* @__PURE__ */ a("span", { className: e(R, "min-w-[3.5ch] text-error-11/60") }),
+							/* @__PURE__ */ a("span", {
+								className: e(B, "text-error-11"),
 								children: "−"
 							}),
-							/* @__PURE__ */ i("span", {
-								className: e(B, "flex-1 text-error-11"),
-								children: t.text || "\xA0"
+							/* @__PURE__ */ a("span", {
+								className: e(z, "flex-1 text-error-11"),
+								children: d ? /* @__PURE__ */ a(M, {
+									language: d,
+									text: t.text
+								}) : t.text || "\xA0"
 							})
 						]
 					}, `d-${n}`)),
-					n.adds.map((t, n) => /* @__PURE__ */ a("div", {
+					n.adds.map((t, n) => /* @__PURE__ */ o("div", {
 						className: "flex bg-success-3",
 						children: [
-							/* @__PURE__ */ i("span", { className: e(z, "min-w-[3.5ch] text-success-11/60") }),
-							/* @__PURE__ */ i("span", {
-								className: e(z, "min-w-[3.5ch]"),
+							/* @__PURE__ */ a("span", { className: e(R, "min-w-[3.5ch] text-success-11/60") }),
+							/* @__PURE__ */ a("span", {
+								className: e(R, "min-w-[3.5ch]"),
 								children: t.newNo
 							}),
-							/* @__PURE__ */ i("span", {
-								className: e(V, "text-success-11"),
+							/* @__PURE__ */ a("span", {
+								className: e(B, "text-success-11"),
 								children: "+"
 							}),
-							/* @__PURE__ */ i("span", {
-								className: e(B, "flex-1 text-success-11"),
-								children: t.text || "\xA0"
+							/* @__PURE__ */ a("span", {
+								className: e(z, "flex-1 text-success-11"),
+								children: d ? /* @__PURE__ */ a(M, {
+									language: d,
+									text: t.text
+								}) : t.text || "\xA0"
 							})
 						]
 					}, `a-${n}`)),
-					d && /* @__PURE__ */ i("div", {
+					f && /* @__PURE__ */ a("div", {
 						className: "absolute right-ds-02 top-ds-01 opacity-0 transition-opacity group-hover:opacity-100",
-						children: /* @__PURE__ */ i(R, {
+						children: /* @__PURE__ */ a(L, {
 							seg: n,
 							onAccept: l,
 							onReject: u
 						})
 					})
 				]
-			}, `h-${f}`);
+			}, `h-${p}`);
 		})
 	});
 }
-function U({ row: t, split: n }) {
-	return /* @__PURE__ */ a("div", {
-		className: "flex bg-surface-raised",
+function V({ row: t, split: n, language: r }) {
+	return /* @__PURE__ */ o("div", {
+		className: "flex bg-surface-panel",
 		children: [
-			/* @__PURE__ */ i("span", {
-				className: e(z, "min-w-[3.5ch]"),
+			/* @__PURE__ */ a("span", {
+				className: e(R, "min-w-[3.5ch]"),
 				children: t.oldNo
 			}),
-			!n && /* @__PURE__ */ i("span", {
-				className: e(z, "min-w-[3.5ch]"),
+			!n && /* @__PURE__ */ a("span", {
+				className: e(R, "min-w-[3.5ch]"),
 				children: t.newNo
 			}),
-			/* @__PURE__ */ i("span", {
-				className: e(V, "text-surface-fg-subtle"),
+			/* @__PURE__ */ a("span", {
+				className: e(B, "text-surface-fg-subtle"),
 				children: "\xA0"
 			}),
-			/* @__PURE__ */ i("span", {
-				className: e(B, "flex-1 text-surface-fg-muted"),
-				children: t.text || "\xA0"
+			/* @__PURE__ */ a("span", {
+				className: e(z, "flex-1 text-surface-fg-muted"),
+				children: r ? /* @__PURE__ */ a(M, {
+					language: r,
+					text: t.text
+				}) : t.text || "\xA0"
 			})
 		]
 	});
 }
-function W({ segs: n, collapsibles: r, expanded: o, onExpand: c, onAcceptHunk: l, onRejectHunk: u }) {
-	let d = !!l || !!u, f = (t, n, r, o) => /* @__PURE__ */ a("div", {
+function H({ segs: n, collapsibles: r, expanded: i, onExpand: s, onAcceptHunk: l, onRejectHunk: u, language: d }) {
+	let f = !!l || !!u, p = (t, n, r, i) => /* @__PURE__ */ o("div", {
 		className: e("flex flex-1 min-w-0", r),
 		children: [
-			/* @__PURE__ */ i("span", {
-				className: e(z, "min-w-[3.5ch]"),
+			/* @__PURE__ */ a("span", {
+				className: e(R, "min-w-[3.5ch]"),
 				children: t ?? ""
 			}),
-			/* @__PURE__ */ i("span", {
-				className: e(V),
-				children: o
+			/* @__PURE__ */ a("span", {
+				className: e(B),
+				children: i
 			}),
-			/* @__PURE__ */ i("span", {
-				className: e(B, "flex-1"),
+			/* @__PURE__ */ a("span", {
+				className: e(z, "flex-1"),
 				children: n
 			})
 		]
 	});
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		className: "min-w-full py-ds-02",
 		children: n.map((e, n) => {
 			if (e.t === "gap") {
 				let l = r.get(e.key) ?? [];
-				return o.has(e.key) ? /* @__PURE__ */ i(N, { children: l.map((t) => /* @__PURE__ */ a("div", {
+				return i.has(e.key) ? /* @__PURE__ */ a(N, { children: l.map((t) => /* @__PURE__ */ o("div", {
 					className: "flex divide-x divide-surface-border-subtle/30",
-					children: [f(t.oldNo, t.text || "\xA0", "bg-surface-raised text-surface-fg-muted", "\xA0"), f(t.newNo, t.text || "\xA0", "bg-surface-raised text-surface-fg-muted", "\xA0")]
-				}, `${e.key}-${t.oldNo}`)) }, `reveal-${e.key}`) : /* @__PURE__ */ a("button", {
+					children: [p(t.oldNo, d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: t.text
+					}) : t.text || "\xA0", "bg-surface-panel text-surface-fg-muted", "\xA0"), p(t.newNo, d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: t.text
+					}) : t.text || "\xA0", "bg-surface-panel text-surface-fg-muted", "\xA0")]
+				}, `${e.key}-${t.oldNo}`)) }, `reveal-${e.key}`) : /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => c(e.key),
-					className: "flex w-full items-center gap-ds-02 border-y border-surface-border-subtle/30 bg-surface-raised-hover px-ds-03 py-ds-01 text-caption text-surface-fg-subtle hover:bg-surface-raised-active",
+					onClick: () => s(e.key),
+					className: "flex w-full items-center gap-ds-02 border-y border-surface-border-subtle/30 bg-surface-panel-hover px-ds-03 py-ds-01 text-caption text-surface-fg-subtle hover:bg-surface-panel-active",
 					children: [
-						/* @__PURE__ */ i(t, {
-							icon: s,
+						/* @__PURE__ */ a(t, {
+							icon: c,
 							size: "xs"
 						}),
 						"Expand ",
@@ -647,27 +698,39 @@ function W({ segs: n, collapsibles: r, expanded: o, onExpand: c, onAcceptHunk: l
 			}
 			if (e.t === "ctx") {
 				let t = e.row;
-				return /* @__PURE__ */ a("div", {
+				return /* @__PURE__ */ o("div", {
 					className: "flex divide-x divide-surface-border-subtle/30",
-					children: [f(t.oldNo, t.text || "\xA0", "bg-surface-raised text-surface-fg-muted", "\xA0"), f(t.newNo, t.text || "\xA0", "bg-surface-raised text-surface-fg-muted", "\xA0")]
+					children: [p(t.oldNo, d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: t.text
+					}) : t.text || "\xA0", "bg-surface-panel text-surface-fg-muted", "\xA0"), p(t.newNo, d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: t.text
+					}) : t.text || "\xA0", "bg-surface-panel text-surface-fg-muted", "\xA0")]
 				}, `c-${n}`);
 			}
-			let p = Math.max(e.dels.length, e.adds.length);
-			return /* @__PURE__ */ a("div", {
+			let m = Math.max(e.dels.length, e.adds.length);
+			return /* @__PURE__ */ o("div", {
 				className: "group relative",
-				children: [Array.from({ length: p }, (t, n) => {
-					let r = e.dels[n], i = e.adds[n], o = r ? r.text || "\xA0" : "", s = i ? i.text || "\xA0" : "";
+				children: [Array.from({ length: m }, (t, n) => {
+					let r = e.dels[n], i = e.adds[n], s = r ? d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: r.text
+					}) : r.text || "\xA0" : "", c = i ? d ? /* @__PURE__ */ a(M, {
+						language: d,
+						text: i.text
+					}) : i.text || "\xA0" : "";
 					if (r && i) {
 						let e = I(r.text, i.text);
-						o = e.left, s = e.right;
+						s = e.left, c = e.right;
 					}
-					return /* @__PURE__ */ a("div", {
+					return /* @__PURE__ */ o("div", {
 						className: "flex divide-x divide-surface-border-subtle/30",
-						children: [r ? f(r.oldNo, o, "bg-error-3 text-error-11", "−") : f(void 0, "", "bg-surface-raised-hover/40", "\xA0"), i ? f(i.newNo, s, "bg-success-3 text-success-11", "+") : f(void 0, "", "bg-surface-raised-hover/40", "\xA0")]
+						children: [r ? p(r.oldNo, s, "bg-error-3 text-error-11", "−") : p(void 0, "", "bg-surface-panel-hover/40", "\xA0"), i ? p(i.newNo, c, "bg-success-3 text-success-11", "+") : p(void 0, "", "bg-surface-panel-hover/40", "\xA0")]
 					}, `r-${n}`);
-				}), d && /* @__PURE__ */ i("div", {
+				}), f && /* @__PURE__ */ a("div", {
 					className: "absolute right-ds-02 top-ds-01 opacity-0 transition-opacity group-hover:opacity-100",
-					children: /* @__PURE__ */ i(R, {
+					children: /* @__PURE__ */ a(L, {
 						seg: e,
 						onAccept: l,
 						onReject: u
@@ -677,7 +740,7 @@ function W({ segs: n, collapsibles: r, expanded: o, onExpand: c, onAcceptHunk: l
 		})
 	});
 }
-function te(e, t, n, r) {
+function U(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	if (!t) return {
 		items: e,
@@ -720,16 +783,16 @@ function te(e, t, n, r) {
 		collapsibles: i
 	};
 }
-function ne({ before: e, after: t }) {
-	return /* @__PURE__ */ i("div", {
-		className: "whitespace-pre-wrap break-words px-ds-04 py-ds-03 font-sans text-body-md leading-ds-relaxed text-surface-fg bg-surface-raised",
-		children: D(e, t).map((e, t) => e.added ? /* @__PURE__ */ i("mark", {
+function W({ before: e, after: t }) {
+	return /* @__PURE__ */ a("div", {
+		className: "whitespace-pre-wrap break-words px-ds-04 py-ds-03 font-sans text-body-md leading-ds-relaxed text-surface-fg bg-surface-panel",
+		children: D(e, t).map((e, t) => e.added ? /* @__PURE__ */ a("mark", {
 			className: "rounded-xs bg-success-4 text-success-11",
 			children: e.value
-		}, t) : e.removed ? /* @__PURE__ */ i("mark", {
+		}, t) : e.removed ? /* @__PURE__ */ a("mark", {
 			className: "rounded-xs bg-error-4 text-error-11 line-through decoration-error-11/40",
 			children: e.value
-		}, t) : /* @__PURE__ */ i("span", { children: e.value }, t))
+		}, t) : /* @__PURE__ */ a("span", { children: e.value }, t))
 	});
 }
 function G(e, t = "", n = {}) {
@@ -739,87 +802,95 @@ function G(e, t = "", n = {}) {
 	return n;
 }
 function K(e, t) {
-	let n, r;
+	let n, r, i = !1, a = !1;
 	try {
-		n = JSON.parse(e), r = JSON.parse(t);
+		n = JSON.parse(e);
 	} catch {
-		return {
-			changes: [],
-			error: "Fields mode needs valid JSON on both sides."
-		};
+		i = !0;
 	}
-	let i = G(n), a = G(r), o = Array.from(/* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(a)])).sort(), s = [];
-	for (let e of o) {
-		let t = e in i, n = e in a;
-		t && !n ? s.push({
+	try {
+		r = JSON.parse(t);
+	} catch {
+		a = !0;
+	}
+	if (i || a) return {
+		changes: [],
+		beforeError: i,
+		afterError: a
+	};
+	let o = G(n), s = G(r), c = Array.from(/* @__PURE__ */ new Set([...Object.keys(o), ...Object.keys(s)])).sort(), l = [];
+	for (let e of c) {
+		let t = e in o, n = e in s;
+		t && !n ? l.push({
 			path: e,
 			kind: "removed",
-			before: i[e]
-		}) : !t && n ? s.push({
+			before: o[e]
+		}) : !t && n ? l.push({
 			path: e,
 			kind: "added",
-			after: a[e]
-		}) : i[e] !== a[e] && s.push({
+			after: s[e]
+		}) : o[e] !== s[e] && l.push({
 			path: e,
 			kind: "changed",
-			before: i[e],
-			after: a[e]
+			before: o[e],
+			after: s[e]
 		});
 	}
 	return {
-		changes: s,
-		error: null
+		changes: l,
+		beforeError: !1,
+		afterError: !1
 	};
 }
-function re({ before: t, after: n, onAcceptHunk: o, onRejectHunk: s }) {
-	let { changes: c, error: l } = r.useMemo(() => K(t, n), [t, n]), u = !!o || !!s;
-	if (l) return /* @__PURE__ */ i("div", {
-		className: "bg-surface-raised px-ds-04 py-ds-03 text-body-sm text-error-11",
-		children: l
+function se({ before: t, after: n, onAcceptHunk: i, onRejectHunk: s, beforeParseError: c, afterParseError: l }) {
+	let { changes: u, beforeError: d, afterError: f } = r.useMemo(() => K(t, n), [t, n]), p = !!i || !!s;
+	if (d || f) return /* @__PURE__ */ o("div", {
+		className: "flex flex-col gap-ds-02 bg-surface-panel px-ds-04 py-ds-03 text-body-sm text-error-11",
+		children: [d && (c ? c(t) : /* @__PURE__ */ a("span", { children: "Fields mode needs valid before JSON." })), f && (l ? l(n) : /* @__PURE__ */ a("span", { children: "Fields mode needs valid after JSON." }))]
 	});
-	if (c.length === 0) return /* @__PURE__ */ i("div", {
-		className: "bg-surface-raised px-ds-04 py-ds-03 text-body-sm text-surface-fg-subtle",
+	if (u.length === 0) return /* @__PURE__ */ a("div", {
+		className: "bg-surface-panel px-ds-04 py-ds-03 text-body-sm text-surface-fg-subtle",
 		children: "No field changes."
 	});
-	let d = {
+	let m = {
 		added: "text-success-11",
 		removed: "text-error-11",
 		changed: "text-surface-fg"
 	};
-	return /* @__PURE__ */ i("div", {
-		className: "divide-y divide-surface-border-subtle/30 bg-surface-raised",
-		children: c.map((t, n) => /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ a("div", {
+		className: "divide-y divide-surface-border-subtle/30 bg-surface-panel",
+		children: u.map((t, n) => /* @__PURE__ */ o("div", {
 			className: "group flex items-start gap-ds-03 px-ds-04 py-ds-03",
 			children: [
-				/* @__PURE__ */ i("span", {
-					className: e("mt-[2px] shrink-0 text-body-xs font-medium", d[t.kind]),
+				/* @__PURE__ */ a("span", {
+					className: e("mt-[2px] shrink-0 text-body-xs font-medium", m[t.kind]),
 					children: t.kind === "added" ? "Added" : t.kind === "removed" ? "Removed" : "Changed"
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ i("div", {
+					children: [/* @__PURE__ */ a("div", {
 						className: "font-mono text-body-sm font-medium text-surface-fg",
 						children: t.path
-					}), /* @__PURE__ */ a("div", {
+					}), /* @__PURE__ */ o("div", {
 						className: "mt-ds-01 flex flex-col gap-ds-01 font-mono text-body-sm",
-						children: [t.before !== void 0 && /* @__PURE__ */ a("span", {
+						children: [t.before !== void 0 && /* @__PURE__ */ o("span", {
 							className: "text-error-11",
-							children: [/* @__PURE__ */ i("span", {
+							children: [/* @__PURE__ */ a("span", {
 								className: "select-none pr-ds-02",
 								children: "−"
 							}), t.before]
-						}), t.after !== void 0 && /* @__PURE__ */ a("span", {
+						}), t.after !== void 0 && /* @__PURE__ */ o("span", {
 							className: "text-success-11",
-							children: [/* @__PURE__ */ i("span", {
+							children: [/* @__PURE__ */ a("span", {
 								className: "select-none pr-ds-02",
 								children: "+"
 							}), t.after]
 						})]
 					})]
 				}),
-				u && /* @__PURE__ */ i("div", {
+				p && /* @__PURE__ */ a("div", {
 					className: "opacity-0 transition-opacity group-hover:opacity-100",
-					children: /* @__PURE__ */ i(R, {
+					children: /* @__PURE__ */ a(L, {
 						seg: {
 							t: "chg",
 							index: n,
@@ -832,7 +903,7 @@ function re({ before: t, after: n, onAcceptHunk: o, onRejectHunk: s }) {
 								text: t.after
 							}]
 						},
-						onAccept: o,
+						onAccept: i,
 						onReject: s
 					})
 				})
@@ -846,10 +917,10 @@ function J() {
 	if (!e) throw Error("Diff compound components must be used within <Diff.Root>");
 	return e;
 }
-function Y({ before: e, after: t, mode: n = "inline", granularity: a = "line", collapseUnchanged: o = !0, collapseThreshold: s = 6, contextLines: c = 3, beforeLabel: l = "Committed", afterLabel: u = "Pending", onAcceptHunk: d, onRejectHunk: f, children: p }) {
-	let [m, h] = r.useState(() => /* @__PURE__ */ new Set()), g = r.useCallback((e) => {
-		h((t) => new Set(t).add(e));
-	}, []), _ = a === "word" && n !== "fields", v = r.useMemo(() => {
+function Y({ before: e, after: t, mode: n = "inline", granularity: i = "line", collapseUnchanged: o = !0, collapseThreshold: s = 6, contextLines: c = 3, beforeLabel: l = "Committed", afterLabel: u = "Pending", onAcceptHunk: d, onRejectHunk: f, language: p, beforeParseError: m, afterParseError: h, children: g }) {
+	let [_, v] = r.useState(() => /* @__PURE__ */ new Set()), y = r.useCallback((e) => {
+		v((t) => new Set(t).add(e));
+	}, []), b = i === "word" && n !== "fields", x = r.useMemo(() => {
 		if (n === "fields") {
 			let { changes: n } = K(e, t);
 			return {
@@ -859,7 +930,7 @@ function Y({ before: e, after: t, mode: n = "inline", granularity: a = "line", c
 				changeCount: n.length
 			};
 		}
-		if (_) {
+		if (b) {
 			let n = D(e, t), r = 0, i = 0, a = 0;
 			for (let e of n) {
 				if (!e.added && !e.removed) continue;
@@ -885,39 +956,42 @@ function Y({ before: e, after: t, mode: n = "inline", granularity: a = "line", c
 		e,
 		t,
 		n,
-		_
-	]), { items: y, collapsibles: b } = r.useMemo(() => te(v.rows.length ? F(v.rows) : [], o && !_, s, c), [
-		v.rows,
+		b
+	]), { items: S, collapsibles: C } = r.useMemo(() => U(x.rows.length ? F(x.rows) : [], o && !b, s, c), [
+		x.rows,
 		o,
-		_,
+		b,
 		s,
 		c
-	]), x = {
+	]), w = {
 		mode: n,
-		granularity: a,
-		isWord: _,
+		granularity: i,
+		isWord: b,
 		before: e,
 		after: t,
 		beforeLabel: l,
 		afterLabel: u,
-		added: v.added,
-		removed: v.removed,
-		changeCount: v.changeCount,
-		items: y,
-		collapsibles: b,
-		expanded: m,
-		onExpand: g,
+		added: x.added,
+		removed: x.removed,
+		changeCount: x.changeCount,
+		items: S,
+		collapsibles: C,
+		expanded: _,
+		onExpand: y,
 		onAcceptHunk: d,
-		onRejectHunk: f
+		onRejectHunk: f,
+		language: p,
+		beforeParseError: m,
+		afterParseError: h
 	};
-	return /* @__PURE__ */ i(q.Provider, {
-		value: x,
-		children: p
+	return /* @__PURE__ */ a(q.Provider, {
+		value: w,
+		children: g
 	});
 }
 function X({ className: e }) {
 	let { added: t, removed: n, changeCount: r } = J();
-	return /* @__PURE__ */ i(L, {
+	return /* @__PURE__ */ a(ae, {
 		added: t,
 		removed: n,
 		changes: r,
@@ -925,57 +999,61 @@ function X({ className: e }) {
 	});
 }
 function Z({ className: t }) {
-	let { mode: n, beforeLabel: r, afterLabel: o } = J();
-	return n === "split" ? /* @__PURE__ */ a("div", {
+	let { mode: n, beforeLabel: r, afterLabel: i } = J();
+	return n === "split" ? /* @__PURE__ */ o("div", {
 		className: e("flex gap-ds-04 text-label-xs font-semibold uppercase tracking-wide text-surface-fg-subtle", t),
-		children: [/* @__PURE__ */ i("span", {
+		children: [/* @__PURE__ */ a("span", {
 			className: "flex-1",
 			children: r
-		}), /* @__PURE__ */ i("span", {
+		}), /* @__PURE__ */ a("span", {
 			className: "flex-1",
-			children: o
+			children: i
 		})]
 	}) : null;
 }
 function Q({ className: t }) {
 	let n = J();
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		className: e("overflow-x-auto", t),
-		children: n.mode === "fields" ? /* @__PURE__ */ i(re, {
+		children: n.mode === "fields" ? /* @__PURE__ */ a(se, {
 			before: n.before,
 			after: n.after,
 			onAcceptHunk: n.onAcceptHunk,
-			onRejectHunk: n.onRejectHunk
-		}) : n.isWord ? /* @__PURE__ */ i(ne, {
+			onRejectHunk: n.onRejectHunk,
+			beforeParseError: n.beforeParseError,
+			afterParseError: n.afterParseError
+		}) : n.isWord ? /* @__PURE__ */ a(W, {
 			before: n.before,
 			after: n.after
-		}) : n.mode === "split" ? /* @__PURE__ */ i(W, {
+		}) : n.mode === "split" ? /* @__PURE__ */ a(H, {
 			segs: n.items,
 			collapsibles: n.collapsibles,
 			expanded: n.expanded,
 			onExpand: n.onExpand,
 			onAcceptHunk: n.onAcceptHunk,
-			onRejectHunk: n.onRejectHunk
-		}) : /* @__PURE__ */ i(H, {
+			onRejectHunk: n.onRejectHunk,
+			language: n.language
+		}) : /* @__PURE__ */ a(oe, {
 			segs: n.items,
 			collapsibles: n.collapsibles,
 			expanded: n.expanded,
 			onExpand: n.onExpand,
 			onAcceptHunk: n.onAcceptHunk,
-			onRejectHunk: n.onRejectHunk
+			onRejectHunk: n.onRejectHunk,
+			language: n.language
 		})
 	});
 }
-var $ = r.forwardRef(function({ before: t, after: n, mode: r = "inline", granularity: o = "line", collapseUnchanged: s = !0, collapseThreshold: c = 6, contextLines: l = 3, showSummary: u = !0, beforeLabel: d = "Committed", afterLabel: f = "Pending", onAcceptHunk: p, onRejectHunk: m, className: h, ...g }, _) {
-	return /* @__PURE__ */ i("div", {
-		ref: _,
-		className: e("overflow-hidden rounded-surface border border-card bg-surface-raised text-surface-fg", h),
-		...g,
-		children: /* @__PURE__ */ a(Y, {
+var $ = r.forwardRef(function({ before: t, after: n, mode: r = "inline", granularity: i = "line", collapseUnchanged: s = !0, collapseThreshold: c = 6, contextLines: l = 3, showSummary: u = !0, beforeLabel: d = "Committed", afterLabel: f = "Pending", onAcceptHunk: p, onRejectHunk: m, language: h, beforeParseError: g, afterParseError: _, className: v, ...y }, b) {
+	return /* @__PURE__ */ a("div", {
+		ref: b,
+		className: e("overflow-hidden rounded-surface border border-card bg-surface-panel text-surface-fg", v),
+		...y,
+		children: /* @__PURE__ */ o(Y, {
 			before: t,
 			after: n,
 			mode: r,
-			granularity: o,
+			granularity: i,
 			collapseUnchanged: s,
 			collapseThreshold: c,
 			contextLines: l,
@@ -983,22 +1061,25 @@ var $ = r.forwardRef(function({ before: t, after: n, mode: r = "inline", granula
 			afterLabel: f,
 			onAcceptHunk: p,
 			onRejectHunk: m,
-			children: [(u || r === "split") && /* @__PURE__ */ a("div", {
-				className: "flex items-center justify-between gap-ds-03 border-b border-surface-border-subtle/30 bg-surface-raised px-ds-04 py-ds-02",
-				children: [r === "split" ? /* @__PURE__ */ i(Z, { className: "flex-1" }) : /* @__PURE__ */ i("span", {
+			language: h,
+			beforeParseError: g,
+			afterParseError: _,
+			children: [(u || r === "split") && /* @__PURE__ */ o("div", {
+				className: "flex items-center justify-between gap-ds-03 border-b border-surface-border-subtle/30 bg-surface-panel px-ds-04 py-ds-02",
+				children: [r === "split" ? /* @__PURE__ */ a(Z, { className: "flex-1" }) : /* @__PURE__ */ a("span", {
 					className: "text-body-sm font-medium text-surface-fg-subtle",
 					children: "Changes"
-				}), u && /* @__PURE__ */ i(X, {})]
-			}), /* @__PURE__ */ i(Q, {})]
+				}), u && /* @__PURE__ */ a(X, {})]
+			}), /* @__PURE__ */ a(Q, {})]
 		})
 	});
 });
 $.displayName = "Diff";
-var ie = Object.assign($, {
+var ce = Object.assign($, {
 	Root: Y,
 	Summary: X,
 	Body: Q,
 	ColumnLabels: Z
 });
 //#endregion
-export { ie as Diff, Q as DiffBody, Z as DiffColumnLabels, Y as DiffRoot, X as DiffSummary, J as useDiff };
+export { ce as Diff, Q as DiffBody, Z as DiffColumnLabels, Y as DiffRoot, X as DiffSummary, J as useDiff };