@devalok/shilp-sutra 0.49.4 → 0.50.0

package/dist/composed/diff.js

@@ -0,0 +1,1004 @@
+"use client";
+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";
+//#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/base.js
+var d = class {
+	diff(e, t, n = {}) {
+		let r;
+		typeof n == "function" ? (r = n, n = {}) : "callback" in n && (r = n.callback);
+		let i = this.castInput(e, n), a = this.castInput(t, n), o = this.removeEmpty(this.tokenize(i, n)), s = this.removeEmpty(this.tokenize(a, n));
+		return this.diffWithOptionsObj(o, s, n, r);
+	}
+	diffWithOptionsObj(e, t, n, r) {
+		let i = (e) => {
+			if (e = this.postProcess(e, n), r) {
+				setTimeout(function() {
+					r(e);
+				}, 0);
+				return;
+			} else return e;
+		}, a = t.length, o = e.length, s = 1, c = a + o;
+		n.maxEditLength != null && (c = Math.min(c, n.maxEditLength));
+		let l = n.timeout ?? Infinity, u = Date.now() + l, d = [{
+			oldPos: -1,
+			lastComponent: void 0
+		}], f = this.extractCommon(d[0], t, e, 0, n);
+		if (d[0].oldPos + 1 >= o && f + 1 >= a) return i(this.buildValues(d[0].lastComponent, t, e));
+		let p = -Infinity, m = Infinity, h = () => {
+			for (let r = Math.max(p, -s); r <= Math.min(m, s); r += 2) {
+				let s, c = d[r - 1], l = d[r + 1];
+				c && (d[r - 1] = void 0);
+				let u = !1;
+				if (l) {
+					let e = l.oldPos - r;
+					u = l && 0 <= e && e < a;
+				}
+				let h = c && c.oldPos + 1 < o;
+				if (!u && !h) {
+					d[r] = void 0;
+					continue;
+				}
+				if (s = !h || u && c.oldPos < l.oldPos ? this.addToPath(l, !0, !1, 0, n) : this.addToPath(c, !1, !0, 1, n), f = this.extractCommon(s, t, e, r, n), s.oldPos + 1 >= o && f + 1 >= a) return i(this.buildValues(s.lastComponent, t, e)) || !0;
+				d[r] = s, s.oldPos + 1 >= o && (m = Math.min(m, r - 1)), f + 1 >= a && (p = Math.max(p, r + 1));
+			}
+			s++;
+		};
+		if (r) (function e() {
+			setTimeout(function() {
+				if (s > c || Date.now() > u) return r(void 0);
+				h() || e();
+			}, 0);
+		})();
+		else for (; s <= c && Date.now() <= u;) {
+			let e = h();
+			if (e) return e;
+		}
+	}
+	addToPath(e, t, n, r, i) {
+		let a = e.lastComponent;
+		return a && !i.oneChangePerToken && a.added === t && a.removed === n ? {
+			oldPos: e.oldPos + r,
+			lastComponent: {
+				count: a.count + 1,
+				added: t,
+				removed: n,
+				previousComponent: a.previousComponent
+			}
+		} : {
+			oldPos: e.oldPos + r,
+			lastComponent: {
+				count: 1,
+				added: t,
+				removed: n,
+				previousComponent: a
+			}
+		};
+	}
+	extractCommon(e, t, n, r, i) {
+		let a = t.length, o = n.length, s = e.oldPos, c = s - r, l = 0;
+		for (; c + 1 < a && s + 1 < o && this.equals(n[s + 1], t[c + 1], i);) c++, s++, l++, i.oneChangePerToken && (e.lastComponent = {
+			count: 1,
+			previousComponent: e.lastComponent,
+			added: !1,
+			removed: !1
+		});
+		return l && !i.oneChangePerToken && (e.lastComponent = {
+			count: l,
+			previousComponent: e.lastComponent,
+			added: !1,
+			removed: !1
+		}), e.oldPos = s, c;
+	}
+	equals(e, t, n) {
+		return n.comparator ? n.comparator(e, t) : e === t || !!n.ignoreCase && e.toLowerCase() === t.toLowerCase();
+	}
+	removeEmpty(e) {
+		let t = [];
+		for (let n = 0; n < e.length; n++) e[n] && t.push(e[n]);
+		return t;
+	}
+	castInput(e, t) {
+		return e;
+	}
+	tokenize(e, t) {
+		return Array.from(e);
+	}
+	join(e) {
+		return e.join("");
+	}
+	postProcess(e, t) {
+		return e;
+	}
+	get useLongestToken() {
+		return !1;
+	}
+	buildValues(e, t, n) {
+		let r = [], i;
+		for (; e;) r.push(e), i = e.previousComponent, delete e.previousComponent, e = i;
+		r.reverse();
+		let a = r.length, o = 0, s = 0, c = 0;
+		for (; o < a; o++) {
+			let e = r[o];
+			if (e.removed) e.value = this.join(n.slice(c, c + e.count)), c += e.count;
+			else {
+				if (!e.added && this.useLongestToken) {
+					let r = t.slice(s, s + e.count);
+					r = r.map(function(e, t) {
+						let r = n[c + t];
+						return r.length > e.length ? r : e;
+					}), e.value = this.join(r);
+				} else e.value = this.join(t.slice(s, s + e.count));
+				s += e.count, e.added || (c += e.count);
+			}
+		}
+		return r;
+	}
+};
+new class extends d {}();
+//#endregion
+//#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/util/string.js
+function f(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) {
+	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) {
+	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) {
+	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));
+}
+function y(e, t) {
+	let n = 0;
+	e.length > t.length && (n = e.length - t.length);
+	let r = t.length;
+	e.length < t.length && (r = e.length);
+	let i = Array(r), a = 0;
+	i[0] = 0;
+	for (let e = 1; e < r; e++) {
+		for (t[e] == t[a] ? i[e] = i[a] : i[e] = a; a > 0 && t[e] != t[a];) a = i[a];
+		t[e] == t[a] && a++;
+	}
+	a = 0;
+	for (let r = n; r < e.length; r++) {
+		for (; a > 0 && e[r] != t[a];) a = i[a];
+		e[r] == t[a] && a++;
+	}
+	return a;
+}
+function b(e, t) {
+	let n = [];
+	for (let r of Array.from(t.segment(e))) {
+		let e = r.segment;
+		n.length && /\s/.test(n[n.length - 1]) && /\s/.test(e) ? n[n.length - 1] += e : n.push(e);
+	}
+	return n;
+}
+function x(e, t) {
+	if (t) return C(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];
+	let n = e.match(/^\s*/);
+	return n ? n[0] : "";
+}
+function C(e, t) {
+	if (!t) return [S(e), x(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];
+	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 {
+	equals(e, t, n) {
+		return n.ignoreCase && (e = e.toLowerCase(), t = t.toLowerCase()), e.trim() === t.trim();
+	}
+	tokenize(e, t = {}) {
+		let n;
+		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) || [];
+		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;
+		}), r;
+	}
+	join(e) {
+		return e.map((e, t) => t == 0 ? e : e.replace(/^\s+/, "")).join("");
+	}
+	postProcess(e, t) {
+		if (!e || t.oneChangePerToken) return e;
+		let n = null, r = null, i = null;
+		return e.forEach((e) => {
+			e.added ? r = e : e.removed ? i = e : ((r || i) && E(n, i, r, e, t.intlSegmenter), n = e, r = null, i = null);
+		}), (r || i) && E(n, i, r, null, t.intlSegmenter), e;
+	}
+}();
+function E(e, t, n, r, i) {
+	if (t && n) {
+		let [a, o] = C(t.value, i), [s, c] = C(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);
+		}
+		if (r) {
+			let e = p(o, c);
+			r.value = m(r.value, c, e), t.value = _(t.value, e), n.value = _(n.value, e);
+		}
+	} else if (n) {
+		if (e) {
+			let e = S(n.value, i);
+			n.value = n.value.substring(e.length);
+		}
+		if (r) {
+			let e = S(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));
+	} else if (r) {
+		let e = S(r.value, i), n = v(x(t.value, i), e);
+		t.value = _(t.value, n);
+	} else if (e) {
+		let n = v(x(e.value, i), S(t.value, i));
+		t.value = g(t.value, n);
+	}
+}
+var ee = new class extends d {
+	tokenize(e) {
+		let t = RegExp(`(\\r?\\n)|[${w}]+|[^\\S\\n\\r]+|[^${w}]`, "ug");
+		return e.match(t) || [];
+	}
+}();
+function D(e, t, n) {
+	return ee.diff(e, t, n);
+}
+var O = new class extends d {
+	constructor() {
+		super(...arguments), this.tokenize = A;
+	}
+	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 A(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();
+	for (let e = 0; e < r.length; e++) {
+		let i = r[e];
+		e % 2 && !t.newlineIsToken ? n[n.length - 1] += i : n.push(i);
+	}
+	return n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/diff@9.0.0/node_modules/diff/libesm/diff/sentence.js
+function j(e) {
+	return e == "." || e == "!" || e == "?";
+}
+new class extends d {
+	tokenize(e) {
+		let t = [], n = 0;
+		for (let r = 0; r < e.length; r++) {
+			if (r == e.length - 1) {
+				t.push(e.slice(n));
+				break;
+			}
+			if (j(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 {
+	tokenize(e) {
+		return e.split(/([{}:;,]|\s+)/);
+	}
+}(), new class extends d {
+	constructor() {
+		super(...arguments), this.tokenize = A;
+	}
+	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, "  ");
+	}
+	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) {
+	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));
+		return t.pop(), n.pop(), o;
+	}
+	if (e && e.toJSON && (e = e.toJSON()), typeof e == "object" && e) {
+		t.push(e), o = {}, n.push(o);
+		let i = [], s;
+		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);
+		t.pop(), n.pop();
+	} else o = e;
+	return o;
+}
+new class extends d {
+	tokenize(e) {
+		return e.slice();
+	}
+	join(e) {
+		return e;
+	}
+	removeEmpty(e) {
+		return e;
+	}
+}();
+//#endregion
+//#region src/composed/diff.tsx
+function N({ children: e }) {
+	return u() ? /* @__PURE__ */ i("div", { children: e }) : /* @__PURE__ */ i(l.div, {
+		initial: {
+			height: 0,
+			opacity: 0
+		},
+		animate: {
+			height: "auto",
+			opacity: 1
+		},
+		transition: {
+			duration: .2,
+			ease: "easeOut"
+		},
+		style: { overflow: "hidden" },
+		children: e
+	});
+}
+function P(e, t) {
+	let n = k(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();
+		for (let n of t) e.added ? r.push({
+			kind: "add",
+			text: n,
+			newNo: a++
+		}) : e.removed ? r.push({
+			kind: "del",
+			text: n,
+			oldNo: i++
+		}) : r.push({
+			kind: "context",
+			text: n,
+			oldNo: i++,
+			newNo: a++
+		});
+	}
+	return r;
+}
+function F(e) {
+	let t = [], n = [], r = [], i = 0, a = () => {
+		(n.length || r.length) && (t.push({
+			t: "chg",
+			dels: n,
+			adds: r,
+			index: i++
+		}), n = [], r = []);
+	};
+	for (let i of e) i.kind === "context" ? (a(), t.push({
+		t: "ctx",
+		row: i
+	})) : i.kind === "del" ? n.push(i) : r.push(i);
+	return a(), t;
+}
+function I(e, t) {
+	let n = D(e, t), r = [], a = [];
+	return n.forEach((e, t) => {
+		e.added ? a.push(/* @__PURE__ */ i("mark", {
+			className: "rounded-xs bg-success-4 text-success-11",
+			children: e.value
+		}, t)) : e.removed ? r.push(/* @__PURE__ */ i("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)));
+	}), {
+		left: r,
+		right: a
+	};
+}
+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),
+		children: [
+			/* @__PURE__ */ a("span", {
+				className: "font-mono tabular-nums text-success-11",
+				children: ["+", t]
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "font-mono tabular-nums text-error-11",
+				children: ["−", n]
+			}),
+			/* @__PURE__ */ i("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 = {
+		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", {
+		className: "flex items-center gap-ds-01",
+		children: [s && /* @__PURE__ */ i(n, {
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": `Reject change ${e.index + 1}`,
+			onClick: () => s(l),
+			children: /* @__PURE__ */ i(t, {
+				icon: c,
+				size: "xs"
+			})
+		}), r && /* @__PURE__ */ i(n, {
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": `Accept change ${e.index + 1}`,
+			onClick: () => r(l),
+			children: /* @__PURE__ */ i(t, {
+				icon: o,
+				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", {
+		className: "min-w-full py-ds-02",
+		children: n.map((n, f) => {
+			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, {
+					row: e,
+					split: !1
+				}, `${n.key}-${e.oldNo}`)) }, `reveal-${n.key}`) : /* @__PURE__ */ a("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",
+					children: [
+						/* @__PURE__ */ i(t, {
+							icon: s,
+							size: "xs"
+						}),
+						"Expand ",
+						e.length,
+						" unchanged ",
+						e.length === 1 ? "line" : "lines"
+					]
+				}, `gap-${f}`);
+			}
+			return n.t === "ctx" ? /* @__PURE__ */ i(U, {
+				row: n.row,
+				split: !1
+			}, `c-${f}`) : /* @__PURE__ */ a("div", {
+				className: "group relative",
+				children: [
+					n.dels.map((t, n) => /* @__PURE__ */ a("div", {
+						className: "flex bg-error-3",
+						children: [
+							/* @__PURE__ */ i("span", {
+								className: e(z, "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"),
+								children: "−"
+							}),
+							/* @__PURE__ */ i("span", {
+								className: e(B, "flex-1 text-error-11"),
+								children: t.text || "\xA0"
+							})
+						]
+					}, `d-${n}`)),
+					n.adds.map((t, n) => /* @__PURE__ */ a("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]"),
+								children: t.newNo
+							}),
+							/* @__PURE__ */ i("span", {
+								className: e(V, "text-success-11"),
+								children: "+"
+							}),
+							/* @__PURE__ */ i("span", {
+								className: e(B, "flex-1 text-success-11"),
+								children: t.text || "\xA0"
+							})
+						]
+					}, `a-${n}`)),
+					d && /* @__PURE__ */ i("div", {
+						className: "absolute right-ds-02 top-ds-01 opacity-0 transition-opacity group-hover:opacity-100",
+						children: /* @__PURE__ */ i(R, {
+							seg: n,
+							onAccept: l,
+							onReject: u
+						})
+					})
+				]
+			}, `h-${f}`);
+		})
+	});
+}
+function U({ row: t, split: n }) {
+	return /* @__PURE__ */ a("div", {
+		className: "flex bg-surface-raised",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: e(z, "min-w-[3.5ch]"),
+				children: t.oldNo
+			}),
+			!n && /* @__PURE__ */ i("span", {
+				className: e(z, "min-w-[3.5ch]"),
+				children: t.newNo
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e(V, "text-surface-fg-subtle"),
+				children: "\xA0"
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e(B, "flex-1 text-surface-fg-muted"),
+				children: 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", {
+		className: e("flex flex-1 min-w-0", r),
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: e(z, "min-w-[3.5ch]"),
+				children: t ?? ""
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e(V),
+				children: o
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e(B, "flex-1"),
+				children: n
+			})
+		]
+	});
+	return /* @__PURE__ */ i("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", {
+					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", {
+					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",
+					children: [
+						/* @__PURE__ */ i(t, {
+							icon: s,
+							size: "xs"
+						}),
+						"Expand ",
+						l.length,
+						" unchanged ",
+						l.length === 1 ? "line" : "lines"
+					]
+				}, `gap-${n}`);
+			}
+			if (e.t === "ctx") {
+				let t = e.row;
+				return /* @__PURE__ */ a("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")]
+				}, `c-${n}`);
+			}
+			let p = Math.max(e.dels.length, e.adds.length);
+			return /* @__PURE__ */ a("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" : "";
+					if (r && i) {
+						let e = I(r.text, i.text);
+						o = e.left, s = e.right;
+					}
+					return /* @__PURE__ */ a("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")]
+					}, `r-${n}`);
+				}), d && /* @__PURE__ */ i("div", {
+					className: "absolute right-ds-02 top-ds-01 opacity-0 transition-opacity group-hover:opacity-100",
+					children: /* @__PURE__ */ i(R, {
+						seg: e,
+						onAccept: l,
+						onReject: u
+					})
+				})]
+			}, `h-${n}`);
+		})
+	});
+}
+function te(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map();
+	if (!t) return {
+		items: e,
+		collapsibles: i
+	};
+	let a = [], o = 0, s = 0;
+	for (; s < e.length;) {
+		let t = e[s];
+		if (t.t !== "ctx") {
+			a.push(t), s++;
+			continue;
+		}
+		let c = s, l = [];
+		for (; c < e.length && e[c].t === "ctx";) l.push(e[c].row), c++;
+		let u = s === 0, d = c === e.length;
+		if (l.length > n) {
+			let e = u ? 0 : r, t = d ? 0 : r, n = l.slice(e, l.length - t);
+			if (l.slice(0, e).forEach((e) => a.push({
+				t: "ctx",
+				row: e
+			})), n.length > 0) {
+				let e = o++;
+				i.set(e, n), a.push({
+					t: "gap",
+					key: e
+				});
+			}
+			l.slice(l.length - t).forEach((e) => a.push({
+				t: "ctx",
+				row: e
+			}));
+		} else l.forEach((e) => a.push({
+			t: "ctx",
+			row: e
+		}));
+		s = c;
+	}
+	return {
+		items: a,
+		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", {
+			className: "rounded-xs bg-success-4 text-success-11",
+			children: e.value
+		}, t) : e.removed ? /* @__PURE__ */ i("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))
+	});
+}
+function G(e, t = "", n = {}) {
+	if (typeof e != "object" || !e) return n[t || "(root)"] = e === void 0 ? "" : JSON.stringify(e), n;
+	if (Array.isArray(e)) return e.forEach((e, r) => G(e, t ? `${t}[${r}]` : `[${r}]`, n)), n;
+	for (let [r, i] of Object.entries(e)) G(i, t ? `${t}.${r}` : r, n);
+	return n;
+}
+function K(e, t) {
+	let n, r;
+	try {
+		n = JSON.parse(e), r = JSON.parse(t);
+	} catch {
+		return {
+			changes: [],
+			error: "Fields mode needs valid JSON on both sides."
+		};
+	}
+	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({
+			path: e,
+			kind: "removed",
+			before: i[e]
+		}) : !t && n ? s.push({
+			path: e,
+			kind: "added",
+			after: a[e]
+		}) : i[e] !== a[e] && s.push({
+			path: e,
+			kind: "changed",
+			before: i[e],
+			after: a[e]
+		});
+	}
+	return {
+		changes: s,
+		error: null
+	};
+}
+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
+	});
+	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",
+		children: "No field changes."
+	});
+	let d = {
+		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", {
+			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]),
+					children: t.kind === "added" ? "Added" : t.kind === "removed" ? "Removed" : "Changed"
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ i("div", {
+						className: "font-mono text-body-sm font-medium text-surface-fg",
+						children: t.path
+					}), /* @__PURE__ */ a("div", {
+						className: "mt-ds-01 flex flex-col gap-ds-01 font-mono text-body-sm",
+						children: [t.before !== void 0 && /* @__PURE__ */ a("span", {
+							className: "text-error-11",
+							children: [/* @__PURE__ */ i("span", {
+								className: "select-none pr-ds-02",
+								children: "−"
+							}), t.before]
+						}), t.after !== void 0 && /* @__PURE__ */ a("span", {
+							className: "text-success-11",
+							children: [/* @__PURE__ */ i("span", {
+								className: "select-none pr-ds-02",
+								children: "+"
+							}), t.after]
+						})]
+					})]
+				}),
+				u && /* @__PURE__ */ i("div", {
+					className: "opacity-0 transition-opacity group-hover:opacity-100",
+					children: /* @__PURE__ */ i(R, {
+						seg: {
+							t: "chg",
+							index: n,
+							dels: t.before === void 0 ? [] : [{
+								kind: "del",
+								text: t.before
+							}],
+							adds: t.after === void 0 ? [] : [{
+								kind: "add",
+								text: t.after
+							}]
+						},
+						onAccept: o,
+						onReject: s
+					})
+				})
+			]
+		}, t.path))
+	});
+}
+var q = r.createContext(null);
+function J() {
+	let e = r.useContext(q);
+	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(() => {
+		if (n === "fields") {
+			let { changes: n } = K(e, t);
+			return {
+				rows: [],
+				added: n.filter((e) => e.kind === "added").length,
+				removed: n.filter((e) => e.kind === "removed").length,
+				changeCount: n.length
+			};
+		}
+		if (_) {
+			let n = D(e, t), r = 0, i = 0, a = 0;
+			for (let e of n) {
+				if (!e.added && !e.removed) continue;
+				a += 1;
+				let t = e.value.trim() ? e.value.trim().split(/\s+/).length : 0;
+				e.added ? r += t : i += t;
+			}
+			return {
+				rows: [],
+				added: r,
+				removed: i,
+				changeCount: a
+			};
+		}
+		let r = P(e, t), i = F(r);
+		return {
+			rows: r,
+			added: r.filter((e) => e.kind === "add").length,
+			removed: r.filter((e) => e.kind === "del").length,
+			changeCount: i.filter((e) => e.t === "chg").length
+		};
+	}, [
+		e,
+		t,
+		n,
+		_
+	]), { items: y, collapsibles: b } = r.useMemo(() => te(v.rows.length ? F(v.rows) : [], o && !_, s, c), [
+		v.rows,
+		o,
+		_,
+		s,
+		c
+	]), x = {
+		mode: n,
+		granularity: a,
+		isWord: _,
+		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,
+		onAcceptHunk: d,
+		onRejectHunk: f
+	};
+	return /* @__PURE__ */ i(q.Provider, {
+		value: x,
+		children: p
+	});
+}
+function X({ className: e }) {
+	let { added: t, removed: n, changeCount: r } = J();
+	return /* @__PURE__ */ i(L, {
+		added: t,
+		removed: n,
+		changes: r,
+		className: e
+	});
+}
+function Z({ className: t }) {
+	let { mode: n, beforeLabel: r, afterLabel: o } = J();
+	return n === "split" ? /* @__PURE__ */ a("div", {
+		className: e("flex gap-ds-04 text-label-xs font-semibold uppercase tracking-wide text-surface-fg-subtle", t),
+		children: [/* @__PURE__ */ i("span", {
+			className: "flex-1",
+			children: r
+		}), /* @__PURE__ */ i("span", {
+			className: "flex-1",
+			children: o
+		})]
+	}) : null;
+}
+function Q({ className: t }) {
+	let n = J();
+	return /* @__PURE__ */ i("div", {
+		className: e("overflow-x-auto", t),
+		children: n.mode === "fields" ? /* @__PURE__ */ i(re, {
+			before: n.before,
+			after: n.after,
+			onAcceptHunk: n.onAcceptHunk,
+			onRejectHunk: n.onRejectHunk
+		}) : n.isWord ? /* @__PURE__ */ i(ne, {
+			before: n.before,
+			after: n.after
+		}) : n.mode === "split" ? /* @__PURE__ */ i(W, {
+			segs: n.items,
+			collapsibles: n.collapsibles,
+			expanded: n.expanded,
+			onExpand: n.onExpand,
+			onAcceptHunk: n.onAcceptHunk,
+			onRejectHunk: n.onRejectHunk
+		}) : /* @__PURE__ */ i(H, {
+			segs: n.items,
+			collapsibles: n.collapsibles,
+			expanded: n.expanded,
+			onExpand: n.onExpand,
+			onAcceptHunk: n.onAcceptHunk,
+			onRejectHunk: n.onRejectHunk
+		})
+	});
+}
+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, {
+			before: t,
+			after: n,
+			mode: r,
+			granularity: o,
+			collapseUnchanged: s,
+			collapseThreshold: c,
+			contextLines: l,
+			beforeLabel: d,
+			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", {
+					className: "text-body-sm font-medium text-surface-fg-subtle",
+					children: "Changes"
+				}), u && /* @__PURE__ */ i(X, {})]
+			}), /* @__PURE__ */ i(Q, {})]
+		})
+	});
+});
+$.displayName = "Diff";
+var ie = 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 };