@astryx-vue/core 0.2.3 → 0.2.4

package/dist/CheckboxList/index.d.ts

@@ -1,2 +1,2 @@
-import { $r as CheckboxListItemEmits, Qr as CheckboxListEmits, Xr as _default$1, Zr as _default, ei as CheckboxListItemProps, ti as CheckboxListProps } from "../index-BTAgQRP0.js";
+import { $r as _default, Qr as _default$1, ei as CheckboxListEmits, ni as CheckboxListItemProps, ri as CheckboxListProps, ti as CheckboxListItemEmits } from "../index-EtZgovdH.js";
 export { _default as CheckboxList, type CheckboxListEmits, _default$1 as CheckboxListItem, type CheckboxListItemEmits, type CheckboxListItemProps, type CheckboxListProps };

package/dist/CheckboxList/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../CheckboxList-CnCGnkZk.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../CheckboxList-BlPf7vPe.js";
 export { _sfc_main as CheckboxList, _sfc_main$1 as CheckboxListItem };

package/dist/{CheckboxList-CnCGnkZk.js → CheckboxList-BlPf7vPe.js}

@@ -1,9 +1,9 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
-import { t as _sfc_main$2 } from "./Tooltip-mp0NMh_Y.js";
-import { r as useItemDescriptionId } from "./Item-C1z6gXn8.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { t as _sfc_main$2 } from "./Tooltip-C2fh9anJ.js";
+import { r as useItemDescriptionId } from "./Item-DrYJL1TG.js";
 import { t as _sfc_main$3 } from "./CheckboxInput-25Q8ItH-.js";
 import { t as _sfc_main$4 } from "./Field-8zRxzDHE.js";
-import { n as _sfc_main$5, t as _sfc_main$6 } from "./ListItem-pGxvn6QJ.js";
+import { n as _sfc_main$5, t as _sfc_main$6 } from "./ListItem-CcRHWuEm.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeModels, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
 import "../styles/checkbox-list.css";
 import "../styles/visually-hidden-utility.css";

package/dist/Citation/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Citation-CtwrU33I.js";
+import { t as _sfc_main } from "../Citation-BG-vg9ia.js";
 export { _sfc_main as Citation };

package/dist/{Citation-CtwrU33I.js → Citation-BG-vg9ia.js}

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, toDisplayString, useTemplateRef } from "vue";
 import "../styles/citation.css";

package/dist/ClickableCard/index.d.ts

@@ -1,2 +1,2 @@
-import { Jr as ClickableCardProps, Kr as _default, Yr as ClickableCardSlots, qr as ClickableCardEmits } from "../index-BTAgQRP0.js";
+import { Jr as _default, Xr as ClickableCardProps, Yr as ClickableCardEmits, Zr as ClickableCardSlots } from "../index-EtZgovdH.js";
 export { _default as ClickableCard, _default as default, type ClickableCardEmits, type ClickableCardProps, type ClickableCardSlots };

package/dist/Code/index.d.ts

@@ -1,4 +1,4 @@
-import { a as SyntaxTokenKey, c as githubDark, i as SyntaxThemeTokens, n as SyntaxThemeDefinition, o as SyntaxTokenValue, r as SyntaxThemeInput, s as defineSyntaxTheme, t as SYNTAX_TOKEN_KEYS } from "../syntaxTheme-Bcs1YMF7.js";
-import { A as CodeBlockTokenizer, C as applyHighlightRanges, D as CodeBlockEmits, E as CodeBlockContainer, F as CodeSlots, I as SyntaxToken, L as TokenLine, M as CodeHighlightMode, N as CodeProps, O as CodeBlockProps, P as CodeSize, S as HIGHLIGHTED_TOKEN_TYPES, T as _default, _ as oneDarkPro, a as tokenize, b as tokyoNight, c as allSyntaxPresets, d as darkSyntaxPresets, f as dracula, g as nord, h as monokai, i as flatTokensToLines, j as CodeColor, k as CodeBlockSize, l as catppuccinLatte, m as lightSyntaxPresets, n as useSyntaxTheme, o as tokenizeAsync, p as githubLight, r as SYNC_TOKENIZE_THRESHOLD, s as _default$2, t as UseSyntaxThemeReturn, u as catppuccinMocha, v as oneLight, w as _default$1, x as tokyoNightLight, y as solarizedLight } from "../index-foQMNKZO.js";
+import { a as SyntaxThemeInput, c as SyntaxTokenValue, i as SyntaxThemeDefinition, l as defineSyntaxTheme, n as SYNTAX_TOKEN_KEYS, o as SyntaxThemeTokens, r as SyntaxDiffTokenKey, s as SyntaxTokenKey, t as DIFF_SYNTAX_TOKEN_KEYS, u as githubDark } from "../syntaxTheme-CwVEcVDk.js";
+import { A as _default, B as CodeSlots, C as applyHighlightRanges, D as parseFenceLanguage, E as diffLineKind, F as CodeBlockTokenizer, H as TokenLine, I as CodeColor, L as CodeHighlightMode, M as CodeBlockEmits, N as CodeBlockProps, O as splitDiffLines, P as CodeBlockSize, R as CodeProps, S as HIGHLIGHTED_TOKEN_TYPES, T as DiffLines, V as SyntaxToken, _ as oneDarkPro, a as tokenize, b as tokyoNight, c as allSyntaxPresets, d as darkSyntaxPresets, f as dracula, g as nord, h as monokai, i as flatTokensToLines, j as CodeBlockContainer, k as _default$1, l as catppuccinLatte, m as lightSyntaxPresets, n as useSyntaxTheme, o as tokenizeAsync, p as githubLight, r as SYNC_TOKENIZE_THRESHOLD, s as _default$2, t as UseSyntaxThemeReturn, u as catppuccinMocha, v as oneLight, w as DiffLineKind, x as tokyoNightLight, y as solarizedLight, z as CodeSize } from "../index-hCpxKePE.js";
 import { n as UseClipboardReturn, r as useClipboard, t as UseClipboardOptions } from "../useClipboard-CU-kfqeJ.js";
-export { _default as Code, _default$1 as CodeBlock, type CodeBlockContainer, type CodeBlockEmits, type CodeBlockProps, type CodeBlockSize, type CodeBlockTokenizer, type CodeColor, type CodeHighlightMode, type CodeProps, type CodeSize, type CodeSlots, type UseClipboardOptions as CopyToClipboardOptions, type UseClipboardReturn as CopyToClipboardReturn, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _default$2 as SyntaxTheme, type SyntaxThemeDefinition, type SyntaxThemeInput, type SyntaxThemeTokens, type SyntaxToken, type SyntaxTokenKey, type SyntaxTokenValue, type TokenLine, type UseSyntaxThemeReturn, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, solarizedLight, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };
+export { _default as Code, _default$1 as CodeBlock, type CodeBlockContainer, type CodeBlockEmits, type CodeBlockProps, type CodeBlockSize, type CodeBlockTokenizer, type CodeColor, type CodeHighlightMode, type CodeProps, type CodeSize, type CodeSlots, type UseClipboardOptions as CopyToClipboardOptions, type UseClipboardReturn as CopyToClipboardReturn, DIFF_SYNTAX_TOKEN_KEYS, type DiffLineKind, type DiffLines, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, type SyntaxDiffTokenKey, _default$2 as SyntaxTheme, type SyntaxThemeDefinition, type SyntaxThemeInput, type SyntaxThemeTokens, type SyntaxToken, type SyntaxTokenKey, type SyntaxTokenValue, type TokenLine, type UseSyntaxThemeReturn, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/Code/index.js

@@ -1,5 +1,5 @@
 import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as tokenizeAsync, c as _sfc_main, i as tokenize, n as SYNC_TOKENIZE_THRESHOLD, o as HIGHLIGHTED_TOKEN_TYPES, r as flatTokensToLines, s as applyHighlightRanges, t as _sfc_main$1 } from "../CodeBlock-BZGzYeoL.js";
-import { n as defineSyntaxTheme, r as githubDark, t as SYNTAX_TOKEN_KEYS } from "../syntaxTheme-ClpWALZX.js";
-import { a as catppuccinMocha, c as githubLight, d as nord, f as oneDarkPro, g as tokyoNightLight, h as tokyoNight, i as catppuccinLatte, l as lightSyntaxPresets, m as solarizedLight, n as _sfc_main$2, o as darkSyntaxPresets, p as oneLight, r as allSyntaxPresets, s as dracula, t as useSyntaxTheme, u as monokai } from "../Code-BvefYRpx.js";
-export { _sfc_main as Code, _sfc_main$1 as CodeBlock, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _sfc_main$2 as SyntaxTheme, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, solarizedLight, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };
+import { a as tokenizeAsync, c as splitDiffLines, d as _sfc_main, i as tokenize, l as HIGHLIGHTED_TOKEN_TYPES, n as SYNC_TOKENIZE_THRESHOLD, o as diffLineKind, r as flatTokensToLines, s as parseFenceLanguage, t as _sfc_main$1, u as applyHighlightRanges } from "../CodeBlock-B2pnEOJY.js";
+import { i as githubDark, n as SYNTAX_TOKEN_KEYS, r as defineSyntaxTheme, t as DIFF_SYNTAX_TOKEN_KEYS } from "../syntaxTheme-R7xnu5x5.js";
+import { a as catppuccinMocha, c as githubLight, d as nord, f as oneDarkPro, g as tokyoNightLight, h as tokyoNight, i as catppuccinLatte, l as lightSyntaxPresets, m as solarizedLight, n as _sfc_main$2, o as darkSyntaxPresets, p as oneLight, r as allSyntaxPresets, s as dracula, t as useSyntaxTheme, u as monokai } from "../Code-XnPuGxey.js";
+export { _sfc_main as Code, _sfc_main$1 as CodeBlock, DIFF_SYNTAX_TOKEN_KEYS, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _sfc_main$2 as SyntaxTheme, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/{Code-BvefYRpx.js → Code-XnPuGxey.js}

@@ -1,6 +1,6 @@
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { n as themeContextKey } from "./context-Cws_tXTr.js";
-import { i as syntaxThemeStyle, n as defineSyntaxTheme, r as githubDark, t as SYNTAX_TOKEN_KEYS } from "./syntaxTheme-ClpWALZX.js";
+import { a as syntaxThemeStyle, i as githubDark, n as SYNTAX_TOKEN_KEYS, r as defineSyntaxTheme } from "./syntaxTheme-R7xnu5x5.js";
 import { n as resolveLightDark, r as syntaxThemeKey, t as readColorMode } from "./colorMode-CBgdgDSn.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot } from "vue";
 //#region src/Code/syntaxPresets.ts

package/dist/{CodeBlock-BZGzYeoL.js → CodeBlock-B2pnEOJY.js}

@@ -2,7 +2,7 @@ import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as useClipboard } from "./useClipboard-BDfbEsWd.js";
 import { t as _sfc_main$4 } from "./IconButton-BNQuz9W_.js";
 import { t as _sfc_main$5 } from "./Icon-bteSId7T.js";
-import { i as syntaxThemeStyle } from "./syntaxTheme-ClpWALZX.js";
+import { a as syntaxThemeStyle } from "./syntaxTheme-R7xnu5x5.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import "../styles/code.css";
 //#region src/Code/Code.vue
@@ -130,9 +130,14 @@ const _hoisted_2$1 = [
 	"data-size",
 	"data-wrapped"
 ];
-const _hoisted_3$1 = ["data-line"];
+const _hoisted_3$1 = ["data-diff", "data-line"];
 const _hoisted_4$1 = {
 	key: 0,
+	class: "astryx-code-block__diff-marker",
+	"data-diff-marker": ""
+};
+const _hoisted_5$1 = {
+	key: 1,
 	class: "astryx-code-block__line-content"
 };
 const CHUNK_SIZE = 20;
@@ -141,6 +146,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	name: "AstryxCodeBlockContent",
 	__name: "CodeBlockContent",
 	props: {
+		diff: {},
 		hasLineNumbers: { type: Boolean },
 		highlightSet: {},
 		isCompact: { type: Boolean },
@@ -198,7 +204,26 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 				type: null
 			}];
 		}
-		const lineParts = computed(() => props.lines.map((line, index) => buildParts(line, props.tokenLines[index] ?? [])));
+		function lineText(index) {
+			const diff = props.diff;
+			const line = props.lines[index] ?? "";
+			if (diff == null) return line;
+			if (diff.kinds[index] === "header") return line;
+			return diff.content[index] ?? "";
+		}
+		function lineTokens(index) {
+			if (props.diff?.kinds[index] === "header") return [];
+			return props.tokenLines[index] ?? [];
+		}
+		const lineParts = computed(() => props.lines.map((_, index) => buildParts(lineText(index), lineTokens(index))));
+		function diffKind(index) {
+			const kind = props.diff?.kinds[index];
+			if (kind == null || kind === "context") return void 0;
+			return kind;
+		}
+		function glyph(index) {
+			return props.diff?.glyphs[index] || " ";
+		}
 		const codeStyle = computed(() => {
 			const style = {};
 			if (props.hasLineNumbers) style["--astryx-code-block-gutter-width"] = `${String(props.lines.length).length}ch`;
@@ -249,22 +274,106 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 					return openBlock(), createElementBlock("div", {
 						key: chunk.start + offset,
 						class: normalizeClass(["astryx-code-block__line", {
+							"astryx-code-block__line--diff": __props.diff != null,
 							"astryx-code-block__line--highlighted": isHighlighted(chunk.start + offset),
 							"astryx-code-block__line--numbered": __props.hasLineNumbers
 						}]),
+						"data-diff": diffKind(chunk.start + offset),
 						"data-line": chunk.start + offset + 1
-					}, [__props.mode === "spans" ? (openBlock(), createElementBlock("span", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(lineParts.value[chunk.start + offset], (part, index) => {
+					}, [__props.diff != null ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(glyph(chunk.start + offset)), 1)) : createCommentVNode("v-if", true), __props.mode === "spans" || __props.diff != null ? (openBlock(), createElementBlock("span", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(lineParts.value[chunk.start + offset], (part, index) => {
 						return openBlock(), createElementBlock(Fragment, { key: index }, [part.type != null ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(`astryx-token-${part.type}`)
 						}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
-					}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(line || "​"), 1)], 64))], 10, _hoisted_3$1);
+					}), 128))])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(line || "​"), 1)], 64))], 10, _hoisted_3$1);
 				}), 128))], 6);
 			}), 128))], 12, _hoisted_2$1)], 2)], 12, _hoisted_1$1);
 		};
 	}
 });
 //#endregion
+//#region src/Code/diff.ts
+/**
+* Read a fence info string the way a diff layer does.
+* `diff` is the layer over plaintext. `diff-<lang>` is the layer over that
+* language. Anything else, including `patch`, is just a language name.
+*/
+function parseFenceLanguage(info) {
+	const value = (info ?? "").trim();
+	if (value === "diff") return {
+		language: "plaintext",
+		isDiff: true
+	};
+	const layered = /^diff-(.+)$/.exec(value);
+	if (layered?.[1] != null) return {
+		language: layered[1],
+		isDiff: true
+	};
+	return {
+		language: value || "plaintext",
+		isDiff: false
+	};
+}
+/**
+* Split a diff into the glyph column and the code the base language sees.
+* Added, removed, and space-led context lines lose their first character.
+* A context line with no leading space keeps all of it. Header lines
+* contribute an empty line so token offsets stay per line; the renderer
+* paints those rows from the original text.
+*/
+function splitDiffLines(lines) {
+	const kinds = [];
+	const glyphs = [];
+	const content = [];
+	const fileHeaders = fileHeaderLines(lines);
+	lines.forEach((line, index) => {
+		const kind = diffLineKind(line, fileHeaders.has(index));
+		kinds.push(kind);
+		if (kind === "header") {
+			glyphs.push("");
+			content.push("");
+		} else if (kind === "context" && !line.startsWith(" ")) {
+			glyphs.push("");
+			content.push(line);
+		} else {
+			glyphs.push(line.slice(0, 1));
+			content.push(line.slice(1));
+		}
+	});
+	return {
+		kinds,
+		glyphs,
+		content
+	};
+}
+/**
+* Classify one line by its first character.
+* `+` is added, `-` is removed, `@@` is a hunk header. A `--- ` line
+* directly followed by a `+++ ` line and then an `@@` line is a file header
+* wherever it occurs. Every other `---` or `+++` line is a change, so
+* `---i;` is never mistaken for a header.
+*/
+function diffLineKind(line, isFileHeader = false) {
+	if (line.startsWith("@@") || isFileHeader) return "header";
+	if (line.startsWith("+")) return "added";
+	if (line.startsWith("-")) return "removed";
+	return "context";
+}
+/** Indexes of the `--- ` / `+++ ` pair that sits directly before an `@@` line. */
+function fileHeaderLines(lines) {
+	const headers = /* @__PURE__ */ new Set();
+	for (let index = 0; index + 2 < lines.length; index++) {
+		const current = lines[index] ?? "";
+		const next = lines[index + 1] ?? "";
+		const after = lines[index + 2] ?? "";
+		if (current.startsWith("--- ") && next.startsWith("+++ ") && after.startsWith("@@")) {
+			headers.add(index);
+			headers.add(index + 1);
+		}
+	}
+	return headers;
+}
+//#endregion
 //#region src/Code/tokenizer.ts
 const langCache = /* @__PURE__ */ new Map();
 const JS_KEYWORDS = /\b(const|let|var|function|class|if|else|for|while|return|import|export|from|default|async|await|try|catch|throw|new|typeof|instanceof|interface|type|enum|extends|implements|switch|case|break|continue|do|in|of|void|null|undefined|true|false|this|super|yield|delete|static|public|private|protected|readonly|abstract|as|is|keyof|declare|module|namespace|require)\b/;
@@ -988,6 +1097,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			default: false
 		},
 		highlightLines: {},
+		isDiff: {
+			type: Boolean,
+			default: false
+		},
 		hasCopyButton: {
 			type: Boolean,
 			default: true
@@ -1025,21 +1138,30 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const asyncTokens = ref(null);
 		let pendingLoad = null;
+		/**
+		* With the diff layer on, the base language sees the code after the glyph
+		* column is set aside. Header rows contribute an empty line and are painted
+		* from the original text.
+		*/
+		const diffLines = computed(() => props.isDiff ? splitDiffLines(lines.value) : null);
+		const tokenSource = computed(() => diffLines.value?.content.join("\n") ?? props.code);
 		const syncTokenLines = computed(() => {
-			if (props.tokenizer != null) return flatTokensToLines(props.tokenizer(props.code, props.language), props.code);
-			if (props.code.length >= 2e3) return null;
-			return tokenize(props.code, props.language);
+			const source = tokenSource.value;
+			if (props.tokenizer != null) return flatTokensToLines(props.tokenizer(source, props.language), source);
+			if (source.length >= 2e3) return null;
+			return tokenize(source, props.language);
 		});
 		const tokenLines = computed(() => {
 			const sync = syncTokenLines.value;
 			if (sync != null) return sync;
 			const async = asyncTokens.value;
-			if (async != null && async.code === props.code && async.language === props.language) return async.tokens;
+			if (async != null && async.code === tokenSource.value && async.language === props.language) return async.tokens;
 			return [];
 		});
 		async function loadTokens() {
-			if (props.tokenizer != null || props.code.length < 2e3) return;
-			const code = props.code;
+			const source = tokenSource.value;
+			if (props.tokenizer != null || source.length < 2e3) return;
+			const code = source;
 			const language = props.language;
 			const controller = new AbortController();
 			pendingLoad?.abort();
@@ -1060,7 +1182,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}
 		}
 		watch([
-			() => props.code,
+			tokenSource,
 			() => props.language,
 			() => props.tokenizer
 		], () => {
@@ -1077,12 +1199,16 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		}
 		/** Safari ships the Highlight API objects but paints them unreliably in code. */
 		const paintMode = computed(() => {
-			if (props.highlightMode === "spans" || !supportsHighlightApi()) return "spans";
+			if (props.isDiff || props.highlightMode === "spans" || !supportsHighlightApi()) return "spans";
 			if (props.highlightMode === "ranges") return "ranges";
 			return isSafari() ? "spans" : "ranges";
 		});
 		const highlightSet = computed(() => props.highlightLines == null ? null : new Set(props.highlightLines));
-		const languageLabel = computed(() => props.hasLanguageLabel && props.language !== "plaintext" ? props.language : null);
+		const languageLabel = computed(() => {
+			if (!props.hasLanguageLabel) return null;
+			if (props.isDiff) return props.language === "plaintext" ? "diff" : `${props.language} diff`;
+			return props.language === "plaintext" ? null : props.language;
+		});
 		/** `filename — language`, omitting whichever half is missing. */
 		const headerText = computed(() => [props.title, languageLabel.value].filter((part) => part != null && part !== "").join(" — "));
 		const showHeader = computed(() => headerText.value !== "");
@@ -1216,6 +1342,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					createElementVNode("div", _hoisted_6, [
 						_cache[12] || (_cache[12] = createTextVNode("\n        ", -1)),
 						createVNode(_sfc_main$1, {
+							diff: diffLines.value,
 							"has-line-numbers": __props.hasLineNumbers,
 							"highlight-set": highlightSet.value,
 							"is-compact": showHeader.value && !__props.hasLineNumbers,
@@ -1227,6 +1354,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							size: __props.size,
 							"token-lines": tokenLines.value
 						}, null, 8, [
+							"diff",
 							"has-line-numbers",
 							"highlight-set",
 							"is-compact",
@@ -1243,6 +1371,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					_cache[15] || (_cache[15] = createTextVNode("\n    ", -1))
 				], 10, _hoisted_5)) : (openBlock(), createBlock(_sfc_main$1, {
 					key: 2,
+					diff: diffLines.value,
 					"has-line-numbers": __props.hasLineNumbers,
 					"highlight-set": highlightSet.value,
 					"is-compact": showHeader.value && !__props.hasLineNumbers,
@@ -1254,6 +1383,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					size: __props.size,
 					"token-lines": tokenLines.value
 				}, null, 8, [
+					"diff",
 					"has-line-numbers",
 					"highlight-set",
 					"is-compact",
@@ -1298,4 +1428,4 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { tokenizeAsync as a, _sfc_main$2 as c, tokenize as i, SYNC_TOKENIZE_THRESHOLD as n, HIGHLIGHTED_TOKEN_TYPES as o, flatTokensToLines as r, applyHighlightRanges as s, _sfc_main as t };
+export { tokenizeAsync as a, splitDiffLines as c, _sfc_main$2 as d, tokenize as i, HIGHLIGHTED_TOKEN_TYPES as l, SYNC_TOKENIZE_THRESHOLD as n, diffLineKind as o, flatTokensToLines as r, parseFenceLanguage as s, _sfc_main as t, applyHighlightRanges as u };

package/dist/Collapsible/index.d.ts

@@ -1,2 +1,2 @@
-import { a as CollapsibleGroupDensity, c as _default, d as CollapsibleProps, f as CollapsibleSlots, i as CollapsibleGroupSlots, l as CollapsibleChevronPosition, n as CollapsibleGroupEmits, o as CollapsibleGroupType, r as CollapsibleGroupProps, s as CollapsibleGroupValue, t as _default$1, u as CollapsibleEmits } from "../index-BcJBLWJ0.js";
+import { a as CollapsibleGroupDensity, c as _default, d as CollapsibleProps, f as CollapsibleSlots, i as CollapsibleGroupSlots, l as CollapsibleChevronPosition, n as CollapsibleGroupEmits, o as CollapsibleGroupType, r as CollapsibleGroupProps, s as CollapsibleGroupValue, t as _default$1, u as CollapsibleEmits } from "../index-DA52oIdw.js";
 export { _default as Collapsible, type CollapsibleChevronPosition, type CollapsibleEmits, _default$1 as CollapsibleGroup, type CollapsibleGroupDensity, type CollapsibleGroupEmits, type CollapsibleGroupProps, type CollapsibleGroupSlots, type CollapsibleGroupType, type CollapsibleGroupValue, type CollapsibleProps, type CollapsibleSlots };

package/dist/CommandPalette/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-BNbM9T9y.js";
+import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-DKgHzmJk.js";
 export { _sfc_main as CommandPalette, _sfc_main$1 as CommandPaletteEmpty, _sfc_main$2 as CommandPaletteFooter, _sfc_main$3 as CommandPaletteGroup, _sfc_main$4 as CommandPaletteInput, _sfc_main$5 as CommandPaletteItem, _sfc_main$6 as CommandPaletteList };

package/dist/{CommandPalette-BNbM9T9y.js → CommandPalette-DKgHzmJk.js}

@@ -1,9 +1,9 @@
 import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { n as useAsyncSource } from "./useAsyncSource-Gk0VtE7_.js";
-import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$7 } from "./Dialog-rfUt3y8P.js";
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
-import { t as _sfc_main$8 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$9 } from "./Kbd-BB-Dw6zE.js";
+import { t as _sfc_main$7 } from "./Kbd-BB-Dw6zE.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
+import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$8 } from "./Dialog-rfUt3y8P.js";
+import { t as _sfc_main$9 } from "./Spinner-9cYUCnDy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeModels, onMounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/command-palette.css";
 //#region src/CommandPalette/CommandPaletteEmpty.vue
@@ -31,12 +31,12 @@ const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "default", {}, () => [
 				createElementVNode("span", _hoisted_2$3, [
-					createVNode(_sfc_main$9, { keys: "up" }),
-					createVNode(_sfc_main$9, { keys: "down" }),
+					createVNode(_sfc_main$7, { keys: "up" }),
+					createVNode(_sfc_main$7, { keys: "down" }),
 					createTextVNode(" " + toDisplayString(unref(messages).commandPalette.navigate), 1)
 				]),
-				createElementVNode("span", _hoisted_3$2, [createVNode(_sfc_main$9, { keys: "enter" }), createTextVNode(" " + toDisplayString(unref(messages).commandPalette.select), 1)]),
-				createElementVNode("span", _hoisted_4, [createVNode(_sfc_main$9, { keys: "escape" }), createTextVNode(" " + toDisplayString(unref(messages).commandPalette.close), 1)])
+				createElementVNode("span", _hoisted_3$2, [createVNode(_sfc_main$7, { keys: "enter" }), createTextVNode(" " + toDisplayString(unref(messages).commandPalette.select), 1)]),
+				createElementVNode("span", _hoisted_4, [createVNode(_sfc_main$7, { keys: "escape" }), createTextVNode(" " + toDisplayString(unref(messages).commandPalette.close), 1)])
 			])]);
 		};
 	}
@@ -130,7 +130,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 					onInput,
 					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(palette)?.onKeyDown && unref(palette)?.onKeyDown(...args))
 				}, null, 40, _hoisted_2$1),
-				createElementVNode("span", _hoisted_3$1, [unref(palette)?.isBusy.value ? (openBlock(), createBlock(_sfc_main$8, {
+				createElementVNode("span", _hoisted_3$1, [unref(palette)?.isBusy.value ? (openBlock(), createBlock(_sfc_main$9, {
 					key: 0,
 					class: "astryx-command-palette-spinner",
 					size: "sm"
@@ -419,7 +419,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			value: computed(() => value.value)
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$7, {
+			return openBlock(), createBlock(_sfc_main$8, {
 				"aria-label": label.value,
 				"is-inline": isInline.value,
 				"is-open": __props.isOpen,

package/dist/ComplexSelector/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-LtbLlrcj.js";
+import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-Dv44FFhN.js";
 export { _sfc_main as ComplexSelector, ComplexSelector_default as default };

package/dist/{ComplexSelector-LtbLlrcj.js → ComplexSelector-Dv44FFhN.js}

@@ -1,4 +1,4 @@
-import { a as useAstryxMessages } from "./context-DmOLCubj.js";
+import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
 import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";

package/dist/ContextMenu/index.d.ts

@@ -1,3 +1,3 @@
-import { Ar as ContextMenuItemSlots, Br as ContextMenuSubMenuEmits, Cr as ContextMenuEntry, Dr as ContextMenuItemEmits, Er as ContextMenuItemData, Fr as ContextMenuRadioData, Gr as ContextMenuWidth, Hr as ContextMenuSubMenuSlots, Ir as ContextMenuRadioOptionData, Lr as ContextMenuSection, Mr as ContextMenuOption, Nr as ContextMenuPresentation, Or as ContextMenuItemIcon, Pr as ContextMenuProps, Rr as ContextMenuSize, Sr as ContextMenuEmits, Tr as ContextMenuGroupSlots, Ur as ContextMenuTriggerElement, Vr as ContextMenuSubMenuProps, Wr as ContextMenuVariant, _r as useContextMenu, br as ContextMenuDividerData, fr as _default$7, gr as _default, hr as _default$2, jr as ContextMenuItemTarget, kr as ContextMenuItemProps, mr as _default$3, pr as _default$4, vr as useContextMenuSize, wr as ContextMenuGroupProps, xr as ContextMenuDividerProps, yr as ContextMenuCheckboxData, zr as ContextMenuSlots } from "../index-BTAgQRP0.js";
-import { n as _default$5, r as _default$1, t as _default$6 } from "../DropdownMenuRadioItem.vue-uVM0FD2f.js";
+import { Ar as ContextMenuItemIcon, Br as ContextMenuSize, Cr as ContextMenuDividerProps, Dr as ContextMenuGroupSlots, Er as ContextMenuGroupProps, Fr as ContextMenuPresentation, Gr as ContextMenuTriggerElement, Hr as ContextMenuSubMenuEmits, Ir as ContextMenuProps, Kr as ContextMenuVariant, Lr as ContextMenuRadioData, Mr as ContextMenuItemSlots, Nr as ContextMenuItemTarget, Or as ContextMenuItemData, Pr as ContextMenuOption, Rr as ContextMenuRadioOptionData, Sr as ContextMenuDividerData, Tr as ContextMenuEntry, Ur as ContextMenuSubMenuProps, Vr as ContextMenuSlots, Wr as ContextMenuSubMenuSlots, _r as _default$2, br as useContextMenuSize, gr as _default$3, hr as _default$4, jr as ContextMenuItemProps, kr as ContextMenuItemEmits, mr as _default$7, qr as ContextMenuWidth, vr as _default, wr as ContextMenuEmits, xr as ContextMenuCheckboxData, yr as useContextMenu, zr as ContextMenuSection } from "../index-EtZgovdH.js";
+import { n as _default$5, r as _default$1, t as _default$6 } from "../DropdownMenuRadioItem.vue-CXEURBcq.js";
 export { _default as ContextMenu, type ContextMenuCheckboxData, _default$1 as ContextMenuCheckboxItem, _default$2 as ContextMenuDivider, type ContextMenuDividerData, type ContextMenuDividerProps, type ContextMenuEmits, type ContextMenuEntry, _default$3 as ContextMenuGroup, type ContextMenuGroupProps, type ContextMenuGroupSlots, _default$4 as ContextMenuItem, type ContextMenuItemData, type ContextMenuItemEmits, type ContextMenuItemIcon, type ContextMenuItemProps, type ContextMenuItemSlots, type ContextMenuItemTarget, type ContextMenuOption, type ContextMenuPresentation, type ContextMenuProps, type ContextMenuRadioData, _default$5 as ContextMenuRadioGroup, _default$6 as ContextMenuRadioItem, type ContextMenuRadioOptionData, type ContextMenuSection, type ContextMenuSize, type ContextMenuSlots, _default$7 as ContextMenuSubMenu, type ContextMenuSubMenuEmits, type ContextMenuSubMenuProps, type ContextMenuSubMenuSlots, type ContextMenuTriggerElement, type ContextMenuVariant, type ContextMenuWidth, useContextMenu, useContextMenuSize };

package/dist/ContextMenu/index.js

@@ -1,3 +1,3 @@
-import { d as useContextMenuSize, i as _sfc_main$1, n as _sfc_main$6, r as _sfc_main$5, u as useContextMenu } from "../useMenuDrillIn-OaEwjK44.js";
-import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$7, r as _sfc_main$4, t as _sfc_main } from "../ContextMenu-DVQl0xL5.js";
+import { d as useContextMenuSize, i as _sfc_main$1, n as _sfc_main$6, r as _sfc_main$5, u as useContextMenu } from "../useMenuDrillIn-BgjJcY3K.js";
+import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$7, r as _sfc_main$4, t as _sfc_main } from "../ContextMenu-BeJO5HYx.js";
 export { _sfc_main as ContextMenu, _sfc_main$1 as ContextMenuCheckboxItem, _sfc_main$2 as ContextMenuDivider, _sfc_main$3 as ContextMenuGroup, _sfc_main$4 as ContextMenuItem, _sfc_main$5 as ContextMenuRadioGroup, _sfc_main$6 as ContextMenuRadioItem, _sfc_main$7 as ContextMenuSubMenu, useContextMenu, useContextMenuSize };