@feugene/granularity 0.19.0 → 0.21.0

package/dist/components/GrCodeBlock/chunks/GrCodeBlock-CW3zY1ee.js

@@ -0,0 +1,341 @@
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { useAnnouncer } from "../../../composables/useAnnouncer.js";
+import { a as codeBlockHookClass, c as codeBlockPaddings, d as codeBlockTextSizes, f as codeBlockWrapClass, i as codeBlockGutterClass, l as codeBlockRootClass, o as codeBlockNowrapClass, p as codeTokenClass, r as codeBlockCopyClass, s as codeBlockNumberedClass, u as codeBlockScrollClass } from "../../../chunks/config-B_qi4Fma2.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import '../styles.css';//#region ~icons/lucide/copy
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("rect", {
+		width: "14",
+		height: "14",
+		x: "8",
+		y: "8",
+		rx: "2",
+		ry: "2"
+	}), createElementVNode("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })], -1)])]);
+}
+var copy_default = markRaw({
+	name: "lucide-copy",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrCodeBlock/serializeCode.ts
+/**
+* Приведение произвольного значения к тексту для показа.
+*
+* Компонент показывает данные из БД, и они бывают любыми: `unknown`-поле ответа
+* модели, `meta` запуска, тело ошибки. Поэтому сериализация обязана пережить всё
+* — уронить страницу она права не имеет.
+*/
+/** Маркер повторной ссылки. Показывается вместо ветки, которая уже встречалась выше. */
+var CIRCULAR_MARKER = "[Circular]";
+/** Что печатается, когда сериализовать не удалось вовсе. */
+var UNSERIALIZABLE_MARKER = "[Unserializable]";
+/**
+* Замена значений, на которых штатный `JSON.stringify` спотыкается.
+*
+* Маркером помечается **повторная ссылка**, а не только настоящий цикл: объект,
+* положенный в дерево дважды, тоже её получит. Отличить одно от другого можно
+* лишь стеком предков, а `replacer` его не отдаёт — узнать, что обход вышел из
+* ветки, изнутри нечем. Размен осознанный: показать `[Circular]` там, где данные
+* просто переиспользуют объект, — неточность; зациклиться на настоящем цикле —
+* зависшая вкладка.
+*/
+function createSafeReplacer() {
+	const seen = /* @__PURE__ */ new WeakSet();
+	return function safeReplacer(_key, value) {
+		if (typeof value === "bigint") return `${value}n`;
+		if (typeof value !== "object" || value === null) return value;
+		if (seen.has(value)) return CIRCULAR_MARKER;
+		seen.add(value);
+		return value;
+	};
+}
+/**
+* Значение → текст.
+*
+* Строка проходит как есть: это уже готовый текст, и оборачивать его в кавычки
+* значило бы показать не то, что пришло. `undefined` даёт пустую строку —
+* показывать нечего. Всё остальное сериализуется с отступом.
+*/
+function serializeCode(value, indent = 2) {
+	if (typeof value === "string") return value;
+	if (value === void 0) return "";
+	try {
+		return JSON.stringify(value, createSafeReplacer(), indent) ?? "";
+	} catch {
+		return UNSERIALIZABLE_MARKER;
+	}
+}
+//#endregion
+//#region src/components/GrCodeBlock/tokenizeJson.ts
+var PUNCTUATION = /* @__PURE__ */ new Set([
+	"{",
+	"}",
+	"[",
+	"]",
+	",",
+	":"
+]);
+var LITERALS = [
+	"true",
+	"false",
+	"null"
+];
+/** Строка от открывающей кавычки до закрывающей, с учётом экранирования. */
+function readString(source, start) {
+	let index = start + 1;
+	while (index < source.length) {
+		const char = source[index];
+		if (char === "\\") {
+			index += 2;
+			continue;
+		}
+		index += 1;
+		if (char === "\"") break;
+	}
+	return index;
+}
+/** Число целиком: знак, дробная часть, экспонента. */
+function readNumber(source, start) {
+	let index = start;
+	if (source[index] === "-") index += 1;
+	while (index < source.length && /[\d.eE+-]/.test(source[index])) index += 1;
+	return index;
+}
+/** Первый непробельный символ после позиции — по нему строка отличается от ключа. */
+function nextMeaningful(source, from) {
+	for (let index = from; index < source.length; index += 1) if (!/\s/.test(source[index])) return source[index];
+}
+function tokenizeJson(source) {
+	const tokens = [];
+	let index = 0;
+	let plainStart = 0;
+	const flushPlain = (until) => {
+		if (until > plainStart) tokens.push({
+			text: source.slice(plainStart, until),
+			kind: "plain"
+		});
+	};
+	while (index < source.length) {
+		const char = source[index];
+		if (char === "\"") {
+			flushPlain(index);
+			const end = readString(source, index);
+			const kind = nextMeaningful(source, end) === ":" ? "key" : "string";
+			tokens.push({
+				text: source.slice(index, end),
+				kind
+			});
+			index = end;
+			plainStart = index;
+			continue;
+		}
+		if (PUNCTUATION.has(char)) {
+			flushPlain(index);
+			tokens.push({
+				text: char,
+				kind: "punctuation"
+			});
+			index += 1;
+			plainStart = index;
+			continue;
+		}
+		if (char === "-" || char >= "0" && char <= "9") {
+			flushPlain(index);
+			const end = readNumber(source, index);
+			tokens.push({
+				text: source.slice(index, end),
+				kind: "number"
+			});
+			index = end;
+			plainStart = index;
+			continue;
+		}
+		const literal = LITERALS.find((candidate) => source.startsWith(candidate, index));
+		if (literal) {
+			flushPlain(index);
+			tokens.push({
+				text: literal,
+				kind: "literal"
+			});
+			index += literal.length;
+			plainStart = index;
+			continue;
+		}
+		index += 1;
+	}
+	flushPlain(source.length);
+	return tokens;
+}
+//#endregion
+//#region src/components/GrCodeBlock/GrCodeBlock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"tabindex",
+	"role",
+	"aria-label"
+];
+var _hoisted_2 = { "data-gr-code-block-code": "" };
+//#endregion
+//#region src/components/GrCodeBlock/GrCodeBlock.vue
+var GrCodeBlock_default = /* @__PURE__ */ defineComponent({
+	__name: "GrCodeBlock",
+	props: {
+		code: {},
+		language: { default: "json" },
+		maxHeight: { default: void 0 },
+		copyable: {
+			type: Boolean,
+			default: void 0
+		},
+		wrap: {
+			type: Boolean,
+			default: void 0
+		},
+		lineNumbers: {
+			type: Boolean,
+			default: void 0
+		},
+		ariaLabel: { default: void 0 },
+		size: { default: void 0 }
+	},
+	emits: ["copy"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const { announce } = useAnnouncer();
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrCodeBlock" });
+		const resolvedCopyable = useGrComponentProp("GrCodeBlock", "copyable", () => props.copyable, true);
+		const resolvedWrap = useGrComponentProp("GrCodeBlock", "wrap", () => props.wrap, false);
+		const resolvedLineNumbers = useGrComponentProp("GrCodeBlock", "lineNumbers", () => props.lineNumbers, false);
+		/** Единственный источник текста: он же рендерится, он же уходит в буфер. */
+		const source = computed(() => serializeCode(props.code));
+		/**
+		* Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а
+		* счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней
+		* экранирован), поэтому построчная токенизация ничего не рвёт.
+		*/
+		const lines = computed(() => {
+			const rows = source.value.split("\n");
+			if (props.language !== "json") return rows.map((row) => [{
+				text: row,
+				kind: "plain"
+			}]);
+			return rows.map((row) => tokenizeJson(row));
+		});
+		/**
+		* Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы
+		* мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один
+		* компонент пакета так не делает.
+		*/
+		const isScroller = computed(() => props.maxHeight !== void 0 || !resolvedWrap.value);
+		const scrollStyle = computed(() => {
+			if (props.maxHeight === void 0) return void 0;
+			return { maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight };
+		});
+		const preClass = computed(() => [
+			codeBlockHookClass,
+			"m-0",
+			codeBlockPaddings[resolvedSize.value],
+			codeBlockTextSizes[resolvedSize.value],
+			resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,
+			isScroller.value ? codeBlockScrollClass : ""
+		].filter(Boolean).join(" "));
+		/**
+		* Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо
+		* роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —
+		* ровно то же, что отдаёт сервер, поэтому гидрация совпадает.
+		*/
+		const canCopy = ref(false);
+		onMounted(() => {
+			canCopy.value = typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function";
+		});
+		const showCopy = computed(() => resolvedCopyable.value && canCopy.value);
+		const copied = ref(false);
+		let copiedTimer = null;
+		function resetCopiedTimer() {
+			if (copiedTimer !== null) {
+				clearTimeout(copiedTimer);
+				copiedTimer = null;
+			}
+		}
+		onBeforeUnmount(resetCopiedTimer);
+		async function copy() {
+			try {
+				await navigator.clipboard.writeText(source.value);
+			} catch {
+				announce(t("gr.codeBlock.copyFailed", "Could not copy code"));
+				return;
+			}
+			copied.value = true;
+			resetCopiedTimer();
+			copiedTimer = window.setTimeout(() => {
+				copied.value = false;
+				copiedTimer = null;
+			}, 1200);
+			announce(t("gr.codeBlock.copied", "Code copied"));
+			emit("copy", source.value);
+		}
+		const copyLabel = computed(() => copied.value ? t("gr.codeBlock.copied", "Code copied") : t("gr.codeBlock.copy", "Copy code"));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-code-block": "",
+				class: normalizeClass([unref(codeBlockRootClass), showCopy.value ? unref(codeBlockGutterClass) : ""])
+			}, [showCopy.value ? (openBlock(), createBlock(GrButton_default, {
+				key: 0,
+				"data-gr-code-block-copy": "",
+				variant: "ghost",
+				size: "xs",
+				square: "",
+				class: normalizeClass(unref(codeBlockCopyClass)),
+				"aria-label": copyLabel.value,
+				title: copyLabel.value,
+				onClick: copy
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(copied.value ? unref(check_default) : unref(copy_default)), {
+					class: "h-3.5 w-3.5",
+					"aria-hidden": "true"
+				}))]),
+				_: 1
+			}, 8, [
+				"class",
+				"aria-label",
+				"title"
+			])) : createCommentVNode("", true), createElementVNode("pre", {
+				"data-gr-code-block-scroll": "",
+				class: normalizeClass([preClass.value, unref(resolvedLineNumbers) ? unref(codeBlockNumberedClass) : ""]),
+				style: normalizeStyle(scrollStyle.value),
+				tabindex: isScroller.value ? 0 : void 0,
+				role: __props.ariaLabel ? "region" : void 0,
+				"aria-label": __props.ariaLabel
+			}, [createElementVNode("code", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (tokens, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					"data-gr-code-block-line": "",
+					class: "gr-code-block__line"
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(tokens, (token, tokenIndex) => {
+					return openBlock(), createElementBlock("span", {
+						key: tokenIndex,
+						class: normalizeClass(unref(codeTokenClass)[token.kind])
+					}, toDisplayString(token.text), 3);
+				}), 128))]);
+			}), 128))])], 14, _hoisted_1)], 2);
+		};
+	}
+});
+//#endregion
+export { GrCodeBlock_default as t };

package/dist/components/GrCodeBlock/chunks/GrCodeBlock-CW3zY1ee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCodeBlock-CW3zY1ee.js","names":[],"sources":["../../../../src/components/GrCodeBlock/serializeCode.ts","../../../../src/components/GrCodeBlock/tokenizeJson.ts","../../../../src/components/GrCodeBlock/GrCodeBlock.vue","../../../../src/components/GrCodeBlock/GrCodeBlock.vue"],"sourcesContent":["/**\n * Приведение произвольного значения к тексту для показа.\n *\n * Компонент показывает данные из БД, и они бывают любыми: `unknown`-поле ответа\n * модели, `meta` запуска, тело ошибки. Поэтому сериализация обязана пережить всё\n * — уронить страницу она права не имеет.\n */\n\n/** Маркер повторной ссылки. Показывается вместо ветки, которая уже встречалась выше. */\nexport const CIRCULAR_MARKER = '[Circular]'\n\n/** Что печатается, когда сериализовать не удалось вовсе. */\nexport const UNSERIALIZABLE_MARKER = '[Unserializable]'\n\n/**\n * Замена значений, на которых штатный `JSON.stringify` спотыкается.\n *\n * Маркером помечается **повторная ссылка**, а не только настоящий цикл: объект,\n * положенный в дерево дважды, тоже её получит. Отличить одно от другого можно\n * лишь стеком предков, а `replacer` его не отдаёт — узнать, что обход вышел из\n * ветки, изнутри нечем. Размен осознанный: показать `[Circular]` там, где данные\n * просто переиспользуют объект, — неточность; зациклиться на настоящем цикле —\n * зависшая вкладка.\n */\nfunction createSafeReplacer(): (key: string, value: unknown) => unknown {\n  const seen = new WeakSet<object>()\n\n  return function safeReplacer(_key: string, value: unknown): unknown {\n    // `BigInt` не имеет представления в JSON, и `stringify` на нём бросает.\n    if (typeof value === 'bigint') return `${value}n`\n\n    if (typeof value !== 'object' || value === null) return value\n\n    if (seen.has(value)) return CIRCULAR_MARKER\n\n    seen.add(value)\n    return value\n  }\n}\n\n/**\n * Значение → текст.\n *\n * Строка проходит как есть: это уже готовый текст, и оборачивать его в кавычки\n * значило бы показать не то, что пришло. `undefined` даёт пустую строку —\n * показывать нечего. Всё остальное сериализуется с отступом.\n */\nexport function serializeCode(value: unknown, indent = 2): string {\n  if (typeof value === 'string') return value\n  if (value === undefined) return ''\n\n  try {\n    const serialized = JSON.stringify(value, createSafeReplacer(), indent)\n    // `stringify` отдаёт `undefined` на функции и символе — печатать «undefined»\n    // строкой было бы враньём про содержимое.\n    return serialized ?? ''\n  }\n  catch {\n    return UNSERIALIZABLE_MARKER\n  }\n}\n","/**\n * Токенизация JSON для подсветки.\n *\n * Своя, а не библиотечная: тянуть highlight.js ради четырёх ролей несоразмерно\n * — компонент показывает JSON и обычный текст, а не произвольные языки.\n *\n * Разбор посимвольный и **ничего не теряет**: пробелы, переносы и запятые тоже\n * становятся токенами. Отсюда инвариант, который держит тест: склейка `text`\n * всех токенов равна исходной строке. Любая потеря символа — сдвиг разметки.\n */\n\nexport type GrCodeTokenKind =\n  /** Имя поля объекта: строка, за которой идёт двоеточие. */\n  | 'key'\n  | 'string'\n  | 'number'\n  /** `true`, `false`, `null`. */\n  | 'literal'\n  /** Скобки, запятые, двоеточия. */\n  | 'punctuation'\n  /** Пробелы, переносы и всё, что не опознано. */\n  | 'plain'\n\nexport interface GrCodeToken {\n  text: string\n  kind: GrCodeTokenKind\n}\n\nconst PUNCTUATION = new Set(['{', '}', '[', ']', ',', ':'])\nconst LITERALS = ['true', 'false', 'null'] as const\n\n/** Строка от открывающей кавычки до закрывающей, с учётом экранирования. */\nfunction readString(source: string, start: number): number {\n  let index = start + 1\n\n  while (index < source.length) {\n    const char = source[index]\n\n    // Экранированная кавычка не закрывает строку: `\"a\\\":b\"` — одно значение,\n    // а не строка плюс мусор.\n    if (char === '\\\\') {\n      index += 2\n      continue\n    }\n\n    index += 1\n    if (char === '\"') break\n  }\n\n  return index\n}\n\n/** Число целиком: знак, дробная часть, экспонента. */\nfunction readNumber(source: string, start: number): number {\n  let index = start\n\n  if (source[index] === '-') index += 1\n  while (index < source.length && /[\\d.eE+-]/.test(source[index])) index += 1\n\n  return index\n}\n\n/** Первый непробельный символ после позиции — по нему строка отличается от ключа. */\nfunction nextMeaningful(source: string, from: number): string | undefined {\n  for (let index = from; index < source.length; index += 1) {\n    if (!/\\s/.test(source[index])) return source[index]\n  }\n\n  return undefined\n}\n\nexport function tokenizeJson(source: string): GrCodeToken[] {\n  const tokens: GrCodeToken[] = []\n  let index = 0\n  let plainStart = 0\n\n  const flushPlain = (until: number): void => {\n    if (until > plainStart) tokens.push({ text: source.slice(plainStart, until), kind: 'plain' })\n  }\n\n  while (index < source.length) {\n    const char = source[index]\n\n    if (char === '\"') {\n      flushPlain(index)\n      const end = readString(source, index)\n      // Ключ от строки отличает только идущее следом двоеточие.\n      const kind: GrCodeTokenKind = nextMeaningful(source, end) === ':' ? 'key' : 'string'\n      tokens.push({ text: source.slice(index, end), kind })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    if (PUNCTUATION.has(char)) {\n      flushPlain(index)\n      tokens.push({ text: char, kind: 'punctuation' })\n      index += 1\n      plainStart = index\n      continue\n    }\n\n    if (char === '-' || (char >= '0' && char <= '9')) {\n      flushPlain(index)\n      const end = readNumber(source, index)\n      tokens.push({ text: source.slice(index, end), kind: 'number' })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    const literal = LITERALS.find(candidate => source.startsWith(candidate, index))\n    if (literal) {\n      flushPlain(index)\n      tokens.push({ text: literal, kind: 'literal' })\n      index += literal.length\n      plainStart = index\n      continue\n    }\n\n    index += 1\n  }\n\n  flushPlain(source.length)\n\n  return tokens\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json') return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json') return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAa,kBAAkB;;AAG/B,IAAa,wBAAwB;;;;;;;;;;;AAYrC,SAAS,qBAA+D;CACtE,MAAM,uBAAO,IAAI,QAAgB;CAEjC,OAAO,SAAS,aAAa,MAAc,OAAyB;EAElE,IAAI,OAAO,UAAU,UAAU,OAAO,GAAG,MAAM;EAE/C,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;EAExD,IAAI,KAAK,IAAI,KAAK,GAAG,OAAO;EAE5B,KAAK,IAAI,KAAK;EACd,OAAO;CACT;AACF;;;;;;;;AASA,SAAgB,cAAc,OAAgB,SAAS,GAAW;CAChE,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,UAAU,KAAA,GAAW,OAAO;CAEhC,IAAI;EAIF,OAHmB,KAAK,UAAU,OAAO,mBAAmB,GAAG,MAGxD,KAAc;CACvB,QACM;EACJ,OAAO;CACT;AACF;;;AChCA,IAAM,8BAAc,IAAI,IAAI;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;AAAG,CAAC;AAC1D,IAAM,WAAW;CAAC;CAAQ;CAAS;AAAM;;AAGzC,SAAS,WAAW,QAAgB,OAAuB;CACzD,IAAI,QAAQ,QAAQ;CAEpB,OAAO,QAAQ,OAAO,QAAQ;EAC5B,MAAM,OAAO,OAAO;EAIpB,IAAI,SAAS,MAAM;GACjB,SAAS;GACT;EACF;EAEA,SAAS;EACT,IAAI,SAAS,MAAK;CACpB;CAEA,OAAO;AACT;;AAGA,SAAS,WAAW,QAAgB,OAAuB;CACzD,IAAI,QAAQ;CAEZ,IAAI,OAAO,WAAW,KAAK,SAAS;CACpC,OAAO,QAAQ,OAAO,UAAU,YAAY,KAAK,OAAO,MAAM,GAAG,SAAS;CAE1E,OAAO;AACT;;AAGA,SAAS,eAAe,QAAgB,MAAkC;CACxE,KAAK,IAAI,QAAQ,MAAM,QAAQ,OAAO,QAAQ,SAAS,GACrD,IAAI,CAAC,KAAK,KAAK,OAAO,MAAM,GAAG,OAAO,OAAO;AAIjD;AAEA,SAAgB,aAAa,QAA+B;CAC1D,MAAM,SAAwB,CAAC;CAC/B,IAAI,QAAQ;CACZ,IAAI,aAAa;CAEjB,MAAM,cAAc,UAAwB;EAC1C,IAAI,QAAQ,YAAY,OAAO,KAAK;GAAE,MAAM,OAAO,MAAM,YAAY,KAAK;GAAG,MAAM;EAAQ,CAAC;CAC9F;CAEA,OAAO,QAAQ,OAAO,QAAQ;EAC5B,MAAM,OAAO,OAAO;EAEpB,IAAI,SAAS,MAAK;GAChB,WAAW,KAAK;GAChB,MAAM,MAAM,WAAW,QAAQ,KAAK;GAEpC,MAAM,OAAwB,eAAe,QAAQ,GAAG,MAAM,MAAM,QAAQ;GAC5E,OAAO,KAAK;IAAE,MAAM,OAAO,MAAM,OAAO,GAAG;IAAG;GAAK,CAAC;GACpD,QAAQ;GACR,aAAa;GACb;EACF;EAEA,IAAI,YAAY,IAAI,IAAI,GAAG;GACzB,WAAW,KAAK;GAChB,OAAO,KAAK;IAAE,MAAM;IAAM,MAAM;GAAc,CAAC;GAC/C,SAAS;GACT,aAAa;GACb;EACF;EAEA,IAAI,SAAS,OAAQ,QAAQ,OAAO,QAAQ,KAAM;GAChD,WAAW,KAAK;GAChB,MAAM,MAAM,WAAW,QAAQ,KAAK;GACpC,OAAO,KAAK;IAAE,MAAM,OAAO,MAAM,OAAO,GAAG;IAAG,MAAM;GAAS,CAAC;GAC9D,QAAQ;GACR,aAAa;GACb;EACF;EAEA,MAAM,UAAU,SAAS,MAAK,cAAa,OAAO,WAAW,WAAW,KAAK,CAAC;EAC9E,IAAI,SAAS;GACX,WAAW,KAAK;GAChB,OAAO,KAAK;IAAE,MAAM;IAAS,MAAM;GAAU,CAAC;GAC9C,SAAS,QAAQ;GACjB,aAAa;GACb;EACF;EAEA,SAAS;CACX;CAEA,WAAW,OAAO,MAAM;CAExB,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC/DA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAEb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,EAAE,aAAa,aAAa;EAElC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,cAAc,CAAC;EACtF,MAAM,mBAAmB,mBAAmB,eAAe,kBAAkB,MAAM,UAAU,IAAI;EACjG,MAAM,eAAe,mBAAmB,eAAe,cAAc,MAAM,MAAM,KAAK;EACtF,MAAM,sBAAsB,mBAAmB,eAAe,qBAAqB,MAAM,aAAa,KAAK;;EAG3G,MAAM,SAAS,eAAe,cAAc,MAAM,IAAI,CAAC;;;;;;EAOvD,MAAM,QAAQ,eAAgC;GAC5C,MAAM,OAAO,OAAO,MAAM,MAAM,IAAI;GAEpC,IAAI,MAAM,aAAa,QAAQ,OAAO,KAAK,KAAI,QAAO,CAAC;IAAE,MAAM;IAAK,MAAM;GAAiB,CAAC,CAAC;GAE7F,OAAO,KAAK,KAAI,QAAO,aAAa,GAAG,CAAC;EAC1C,CAAC;;;;;;EAOD,MAAM,aAAa,eAAe,MAAM,cAAc,KAAA,KAAa,CAAC,aAAa,KAAK;EAEtF,MAAM,cAAc,eAAe;GACjC,IAAI,MAAM,cAAc,KAAA,GAAW,OAAO,KAAA;GAE1C,OAAO,EAAE,WAAW,OAAO,MAAM,cAAc,WAAW,GAAG,MAAM,UAAU,MAAM,MAAM,UAAU;EACrG,CAAC;EAED,MAAM,WAAW,eAAe;GAC9B;;GAEA,kBAAkB,aAAa;GAC/B,mBAAmB,aAAa;GAChC,aAAa,QAAQ,qBAAqB;GAC1C,WAAW,QAAQ,uBAAuB;EAC5C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;;;;;;EAO3B,MAAM,UAAU,IAAI,KAAK;EAEzB,gBAAgB;GACd,QAAQ,QAAQ,OAAO,cAAc,eAAe,OAAO,UAAU,WAAW,cAAc;EAChG,CAAC;EAED,MAAM,WAAW,eAAe,iBAAiB,SAAS,QAAQ,KAAK;EAEvE,MAAM,SAAS,IAAI,KAAK;EACxB,IAAI,cAA6B;EAEjC,SAAS,mBAAyB;GAChC,IAAI,gBAAgB,MAAM;IACxB,aAAa,WAAW;IACxB,cAAc;GAChB;EACF;EAEA,gBAAgB,gBAAgB;EAEhC,eAAe,OAAsB;GACnC,IAAI;IAGF,MAAM,UAAU,UAAU,UAAU,OAAO,KAAK;GAClD,QACM;IACJ,SAAS,EAAE,2BAA2B,qBAAqB,CAAC;IAC5D;GACF;GAEA,OAAO,QAAQ;GACf,iBAAiB;GACjB,cAAc,OAAO,iBAAiB;IACpC,OAAO,QAAQ;IACf,cAAc;GAChB,GAAG,IAAI;GAEP,SAAS,EAAE,uBAAuB,aAAa,CAAC;GAChD,KAAK,QAAQ,OAAO,KAAK;EAC3B;EAEA,MAAM,YAAY,eAChB,OAAO,QAAQ,EAAE,uBAAuB,aAAa,IAAI,EAAE,qBAAqB,WAAW,CAC5F;;uBAIC,mBA6BM,OAAA;IA7BD,sBAAA;IAAoB,OAAK,eAAA,CAAG,MAAA,kBAAA,GAAoB,SAAA,QAAW,MAAA,oBAAA,IAAoB,EAAA,CAAA;OAE1E,SAAA,SAAA,UAAA,GADR,YAYW,kBAAA;;IAVT,2BAAA;IACA,SAAQ;IACR,MAAK;IACL,QAAA;IACC,OAAK,eAAE,MAAA,kBAAA,CAAkB;IACzB,cAAY,UAAA;IACZ,OAAO,UAAA;IACP,SAAO;;2BAEgF,EAAA,UAAA,GAAxF,YAAwF,wBAAxE,OAAA,QAAS,MAAA,aAAA,IAAY,MAAA,YAAA,CAAQ,GAAA;KAAE,OAAM;KAAc,eAAY;;;;;;;uCASjF,mBAOoR,OAAA;IANlR,6BAAA;IACC,OAAK,eAAA,CAAG,SAAA,OAAU,MAAA,mBAAA,IAAsB,MAAA,sBAAA,IAAa,EAAA,CAAA;IACrD,OAAK,eAAE,YAAA,KAAW;IAClB,UAAU,WAAA,QAAU,IAAO,KAAA;IAC3B,MAAM,QAAA,YAAS,WAAc,KAAA;IAC7B,cAAY,QAAA;OACd,mBAA6Q,QAA7Q,YAA6Q,EAAA,UAAA,IAAA,GAA/O,mBAAwO,UAAA,MAAA,WAAxM,MAAA,QAAlB,QAAQ,UAAK;wBAA3B,mBAAwO,QAAA;KAAhM,KAAK;KAAO,2BAAA;KAAwB,OAAM;0BAAsB,mBAAyH,UAAA,MAAA,WAArF,SAAtB,OAAO,eAAU;yBAA/B,mBAAyH,QAAA;MAA5E,KAAK;MAAa,OAAK,eAAE,MAAA,cAAA,CAAc,CAAC,MAAM,KAAI;wBAAM,MAAM,IAAI,GAAA,CAAA"}

package/dist/components/GrCodeBlock/index.js

@@ -0,0 +1,3 @@
+import { t as GrCodeBlock_default } from "./chunks/GrCodeBlock-CW3zY1ee.js";
+import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "../../chunks/config-B_qi4Fma2.js";
+export { GrCodeBlock_default as GrCodeBlock, GrCodeBlock_default as default, grCodeBlockConfig, grCodeBlockSafelist };

package/dist/components/GrCodeBlock/styles.css

@@ -0,0 +1 @@
+:where(.gr-code-block__line){display:block}:where(.gr-code-block--numbered){counter-reset:gr-code-line}:where(.gr-code-block--numbered .gr-code-block__line){padding-left:calc(var(--gr-code-block-line-number-width,2.5em) + 1em);text-indent:calc(-1 * (var(--gr-code-block-line-number-width,2.5em) + 1em))}:where(.gr-code-block--numbered .gr-code-block__line):before{counter-increment:gr-code-line;content:counter(gr-code-line);width:var(--gr-code-block-line-number-width,2.5em);text-align:right;text-indent:0;color:var(--gr-code-block-line-number,var(--gr-muted-fg));user-select:none;margin-right:1em;display:inline-block}