@feugene/granularity 0.40.0 → 0.42.0

package/dist/types/components/GrFilePreview/GrFilePreview.vue.d.ts

@@ -26,6 +26,14 @@ export interface GrFilePreviewProps {
     ratio?: GrFilePreviewRatio;
     /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */
     href?: string;
+    /**
+     * Куда открывать ссылку. Объявлен пропом, а не оставлен на fallthrough:
+     * иначе `_blank` уезжал бы на `<a>` мимо компонента, и защитный `rel`
+     * подставить было бы негде.
+     */
+    target?: string;
+    /** Своё значение `rel`. Задано — отменяет автоподстановку. */
+    rel?: string;
     /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */
     as?: string | Component;
     /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */
@@ -47,6 +55,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     tileSize: undefined;
     ratio: undefined;
     href: undefined;
+    target: undefined;
+    rel: undefined;
     as: undefined;
     clickable: boolean;
     loading: undefined;
@@ -60,6 +70,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     tileSize: undefined;
     ratio: undefined;
     href: undefined;
+    target: undefined;
+    rel: undefined;
     as: undefined;
     clickable: boolean;
     loading: undefined;
@@ -72,10 +84,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     loading: "lazy" | "eager";
     clickable: boolean;
     name: string | null;
+    target: string;
     href: string;
     ariaLabel: string;
     src: string | null;
     as: string | Component;
+    rel: string;
     mime: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/GrJsonViewer/GrJsonViewer.vue.d.ts

@@ -91,11 +91,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     }) => any) | undefined;
 }>, {
     size: GrComponentSize;
-    copyable: boolean;
     defaultExpandDepth: number;
     maxStringLength: number;
     maxArrayItems: number;
     searchable: boolean;
+    copyable: boolean;
     maxHeight: string | number;
     ariaLabel: string;
     virtual: boolean;

package/dist/types/components/GrKbd/grKbdStyles.d.ts

@@ -11,7 +11,17 @@ export declare const GR_KBD_VARIANTS: readonly ["merged", "split", "sequence"];
  * `split` — по плашке на клавишу; `sequence` — аккорд «G затем I».
  */
 export type GrKbdVariant = typeof GR_KBD_VARIANTS[number];
-export declare const keyBaseClass = "inline-flex items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] font-medium leading-none text-[var(--gr-muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums";
+/**
+ * Шрифт задаётся явно, и это не косметика.
+ *
+ * Своей типографики у клавиши не было вовсе: `<kbd>` красит моноширинным
+ * UA-стиль браузера (и ресеты вроде `tailwind-compat` поверх него), то есть вид
+ * компонента решал хост. А в моноширинных символы модификаторов нарисованы
+ * мелкими: замер в `JetBrains Mono` — `⌘` 73 % высоты буквы, `⇧` 76 %, `⌥` 66 %;
+ * рядом с `K` это читается как значок другого кегля, и на `xs` особенно. В
+ * `--gr-font-ui` те же глифы дают 103 %, 103 % и 100 % — вровень с буквой.
+ */
+export declare const keyBaseClass = "inline-flex items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] font-[var(--gr-font-ui)] font-medium leading-none text-[var(--gr-muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums";
 /**
  * Межстрочный здесь не парный: у клавиши он задан осознанно (`leading-none` в
  * `keyBaseClass`), и вторая декларация того же веса подралась бы с ним за
@@ -21,8 +31,13 @@ export declare const keySizes: Record<GrComponentSize, string>;
 /**
  * Клавиша внутри общей плашки: ни рамки, ни фона, ни собственной ширины —
  * иначе `⌘K` разъехалось бы зазорами внутри одного чипа.
+ *
+ * Семейство шрифта повторяется здесь, хотя внешняя плашка его уже задала:
+ * внутренняя клавиша — тоже `<kbd>`, а ресет хоста красит их по имени тега, и
+ * правило на элементе бьёт наследование от родителя. Без этой строки глифы
+ * оставались бы моноширинными внутри плашки, набранной UI-шрифтом.
  */
-export declare const mergedKeyClass = "inline-flex items-center justify-center";
+export declare const mergedKeyClass = "inline-flex items-center justify-center font-[var(--gr-font-ui)]";
 /** Обёртка `split`: сама рамки не имеет — её рисуют вложенные клавиши. */
 export declare const comboBaseClass = "inline-flex items-center align-middle";
 export declare const comboGaps: Record<GrComponentSize, string>;

package/dist/types/granular-provider/shared.d.ts

@@ -25,7 +25,6 @@ export declare const granularityComponentConfigs: {
     GrCheckboxGroup: GranularComponentDescriptor<"GrCheckboxGroup">;
     GrChip: GranularComponentDescriptor<"GrChip">;
     GrChipGroup: GranularComponentDescriptor<"GrChipGroup">;
-    GrCodeBlock: GranularComponentDescriptor<"GrCodeBlock">;
     GrCollapse: GranularComponentDescriptor<"GrCollapse">;
     GrColorPicker: GranularComponentDescriptor<"GrColorPicker">;
     GrCommandPalette: GranularComponentDescriptor<"GrCommandPalette">;

package/dist/types/i18n/messages/en.d.ts

@@ -276,6 +276,12 @@ export declare const en: {
                     recent: string;
                     loading: string;
                 };
+                delta: {
+                    increase: string;
+                };
+                filePreview: {
+                    label: string;
+                };
                 fileValidation: {
                     accept: string;
                     extension: string;
@@ -351,11 +357,6 @@ export declare const en: {
                     dropped: string;
                     cancelled: string;
                 };
-                codeBlock: {
-                    copy: string;
-                    copied: string;
-                    copyFailed: string;
-                };
                 jsonViewer: {
                     search: string;
                     expandAll: string;
@@ -636,6 +637,12 @@ export declare const en: {
                 recent: string;
                 loading: string;
             };
+            delta: {
+                increase: string;
+            };
+            filePreview: {
+                label: string;
+            };
             fileValidation: {
                 accept: string;
                 extension: string;
@@ -711,11 +718,6 @@ export declare const en: {
                 dropped: string;
                 cancelled: string;
             };
-            codeBlock: {
-                copy: string;
-                copied: string;
-                copyFailed: string;
-            };
             jsonViewer: {
                 search: string;
                 expandAll: string;

package/dist/types/i18n/messages/es.d.ts

@@ -271,6 +271,12 @@ export declare const es: {
                     recent: string;
                     loading: string;
                 };
+                delta: {
+                    increase: string;
+                };
+                filePreview: {
+                    label: string;
+                };
                 fileValidation: {
                     accept: string;
                     extension: string;
@@ -346,11 +352,6 @@ export declare const es: {
                     dropped: string;
                     cancelled: string;
                 };
-                codeBlock: {
-                    copy: string;
-                    copied: string;
-                    copyFailed: string;
-                };
                 jsonViewer: {
                     search: string;
                     expandAll: string;
@@ -633,6 +634,12 @@ export declare const es: {
                 recent: string;
                 loading: string;
             };
+            delta: {
+                increase: string;
+            };
+            filePreview: {
+                label: string;
+            };
             fileValidation: {
                 accept: string;
                 extension: string;
@@ -708,11 +715,6 @@ export declare const es: {
                 dropped: string;
                 cancelled: string;
             };
-            codeBlock: {
-                copy: string;
-                copied: string;
-                copyFailed: string;
-            };
             jsonViewer: {
                 search: string;
                 expandAll: string;

package/dist/types/i18n/messages/ru.d.ts

@@ -273,6 +273,12 @@ export declare const ru: {
                     recent: string;
                     loading: string;
                 };
+                delta: {
+                    increase: string;
+                };
+                filePreview: {
+                    label: string;
+                };
                 fileValidation: {
                     accept: string;
                     extension: string;
@@ -348,11 +354,6 @@ export declare const ru: {
                     dropped: string;
                     cancelled: string;
                 };
-                codeBlock: {
-                    copy: string;
-                    copied: string;
-                    copyFailed: string;
-                };
                 jsonViewer: {
                     search: string;
                     expandAll: string;
@@ -637,6 +638,12 @@ export declare const ru: {
                 recent: string;
                 loading: string;
             };
+            delta: {
+                increase: string;
+            };
+            filePreview: {
+                label: string;
+            };
             fileValidation: {
                 accept: string;
                 extension: string;
@@ -712,11 +719,6 @@ export declare const ru: {
                 dropped: string;
                 cancelled: string;
             };
-            codeBlock: {
-                copy: string;
-                copied: string;
-                copyFailed: string;
-            };
             jsonViewer: {
                 search: string;
                 expandAll: string;

package/dist/types/index.d.ts

@@ -12,7 +12,6 @@ export * from './components/GrCheckbox';
 export * from './components/GrCheckboxGroup';
 export * from './components/GrChip';
 export * from './components/GrChipGroup';
-export * from './components/GrCodeBlock';
 export * from './components/GrCollapse';
 export * from './components/GrColorPicker';
 export * from './components/GrCommandPalette';

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.40.0",
+  "version": "0.42.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -1798,91 +1798,6 @@
             ]
           }
         },
-        {
-          "name": "GrCodeBlock",
-          "source": {
-            "module": "@feugene/granularity/components/GrCodeBlock",
-            "symbol": "GrCodeBlock"
-          },
-          "props": [
-            {
-              "name": "size",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | undefined"
-              }
-            },
-            {
-              "name": "ariaLabel",
-              "description": "Имя области прокрутки. Безымянную скринридер объявляет просто «регион».",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
-            {
-              "name": "language",
-              "default": "\"json\"",
-              "value": {
-                "kind": "expression",
-                "type": "GrCodeBlockLanguage | undefined"
-              }
-            },
-            {
-              "name": "maxHeight",
-              "description": "Высота, после которой включается вертикальный скролл.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
-            {
-              "name": "copyable",
-              "description": "Кнопка копирования. Без защищённого контекста не рисуется вовсе.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "wrap",
-              "description": "Переносить длинные строки вместо горизонтальной прокрутки.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "lineNumbers",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
-            {
-              "name": "code",
-              "required": true,
-              "description": "Строка или значение: объект сериализуется с отступом.",
-              "value": {
-                "kind": "expression",
-                "type": "unknown"
-              }
-            }
-          ],
-          "js": {
-            "events": [
-              {
-                "name": "copy"
-              }
-            ]
-          }
-        },
         {
           "name": "GrCollapse",
           "source": {
@@ -2221,15 +2136,6 @@
                 "type": "GrCommandItem[] | undefined"
               }
             },
-            {
-              "name": "maxHeight",
-              "description": "Максимальная высота списка, px.",
-              "default": "360",
-              "value": {
-                "kind": "expression",
-                "type": "number | undefined"
-              }
-            },
             {
               "name": "emptyText",
               "default": "undefined",
@@ -2256,6 +2162,15 @@
                 "type": "string | null | undefined"
               }
             },
+            {
+              "name": "maxHeight",
+              "description": "Максимальная высота списка, px.",
+              "default": "360",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
             {
               "name": "showHotkeyHint",
               "description": "Показывать подсказку сочетания в поле ввода.",
@@ -4135,6 +4050,24 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "target",
+              "description": "Куда открывать ссылку. Объявлен пропом, а не оставлен на fallthrough: иначе `_blank` уезжал бы на `<a>` мимо компонента, и защитный `rel` подставить было бы негде.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "rel",
+              "description": "Своё значение `rel`. Задано — отменяет автоподстановку.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "clickable",
               "description": "Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик.",
@@ -5942,15 +5875,6 @@
                 "type": "string | number | undefined"
               }
             },
-            {
-              "name": "copyable",
-              "description": "Кнопка копирования узла в строке.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "boolean | undefined"
-              }
-            },
             {
               "name": "rootLabel",
               "description": "Подпись корня. По умолчанию `$` — так адресуют путь JSONPath и dev-tools.",
@@ -5996,6 +5920,15 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "copyable",
+              "description": "Кнопка копирования узла в строке.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "value",
               "required": true,
@@ -10201,15 +10134,6 @@
                 "type": "boolean | undefined"
               }
             },
-            {
-              "name": "maxHeight",
-              "description": "Максимальная высота скролл-контейнера (включает вертикальный скролл). Число трактуется как пиксели. Нужен для работы `stickyHeader`.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | number | undefined"
-              }
-            },
             {
               "name": "empty",
               "description": "Таблица пуста. По умолчанию определяется по содержимому слота.",
@@ -10228,6 +10152,15 @@
                 "type": "string | undefined"
               }
             },
+            {
+              "name": "maxHeight",
+              "description": "Максимальная высота скролл-контейнера (включает вертикальный скролл). Число трактуется как пиксели. Нужен для работы `stickyHeader`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
             {
               "name": "caption",
               "description": "Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`, если не передан слот `#caption`.",
@@ -10908,15 +10841,6 @@
                 "type": "Placement | undefined"
               }
             },
-            {
-              "name": "text",
-              "description": "Текст подсказки. Разметка вместо текста — слот `#content`.",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "offsetPx",
               "description": "Зазор между триггером и панелью, px.",
@@ -10944,6 +10868,15 @@
                 "type": "number | undefined"
               }
             },
+            {
+              "name": "text",
+              "description": "Текст подсказки. Разметка вместо текста — слот `#content`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "iconColor",
               "description": "Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`.",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.40.0",
-  "license": "SEE LICENSE IN LICENSE",
+  "version": "0.42.0",
+  "license": "LicenseRef-Granularity-EUC-1.1",
   "author": {
     "name": "Evgeniy Fureev",
     "url": "https://github.com/efureev"
@@ -118,10 +118,6 @@
       "types": "./dist/types/components/GrChipGroup/index.d.ts",
       "import": "./dist/components/GrChipGroup/index.js"
     },
-    "./components/GrCodeBlock": {
-      "types": "./dist/types/components/GrCodeBlock/index.d.ts",
-      "import": "./dist/components/GrCodeBlock/index.js"
-    },
     "./components/GrCollapse": {
       "types": "./dist/types/components/GrCollapse/index.d.ts",
       "import": "./dist/components/GrCollapse/index.js"
@@ -607,7 +603,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^9.3.0",
     "@feugene/fint-i18n": "^0.7.0",
-    "@feugene/granularity-test-kit": "^0.8.1",
+    "@feugene/granularity-test-kit": "^0.10.0",
     "@feugene/unocss-preset-granular": "^0.16.0",
     "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.126",

package/dist/chunks/config-DolULhjJ.js

@@ -1,92 +0,0 @@
-import { n as splitClassTokens } from "./classTokens-8v2XC74x.js";
-import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";
-//#region src/components/GrCodeBlock/grCodeBlockStyles.ts
-/**
-* Классы `GrCodeBlock`.
-*
-* Роли подсветки перечислены целиком, по литералу на ветку: UnoCSS сканирует
-* исходный текст файла, и собранное шаблонной строкой имя уехало бы в CSS как
-* литерал.
-*/
-/**
-* Зацепка собственного CSS компонента (номера строк). Не утилита: CSS она не
-* порождает, поэтому в `safelist` не идёт — там гейт справедливо считает такую
-* запись мёртвой.
-*/
-var codeBlockHookClass = "gr-code-block";
-/** Включает колонку номеров. Тоже зацепка, не утилита. */
-var codeBlockNumberedClass = "gr-code-block--numbered";
-/**
-* Поверхность держит корень, а не `<pre>`: кнопка копирования стоит рядом со
-* скроллером, и жёлоб под неё обязан быть частью блока, а не полем страницы.
-*/
-var codeBlockRootClass = "relative rounded-[var(--gr-radius-md)] bg-[var(--gr-code-block-bg,var(--gr-muted))] text-[var(--gr-code-block-fg,var(--gr-fg))]";
-/**
-* Полоса под кнопку: 28 px самой кнопки плюс отбивка `right-1`.
-*
-* Кнопка не может висеть поверх `<pre>`: полосу прокрутки браузер рисует у
-* правого края скроллера, в тех же 8–15 px, и накрытую кнопкой её не ухватить
-* мышью. Отступами это не лечится — их пришлось бы взять больше ширины самой
-* кнопки, и «угол» перестал бы быть углом. Витринный `doc/CodeBlock.vue` решает
-* то же самое шапкой; у пакетного блока шапки нет, поэтому место отдаётся
-* жёлобом.
-*/
-var codeBlockGutterClass = "pr-9";
-/** Скроллер обязан показывать фокус: он стоит в таб-порядке. */
-var codeBlockScrollClass = "overflow-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
-var codeBlockWrapClass = "whitespace-pre-wrap break-words";
-var codeBlockNowrapClass = "whitespace-pre";
-/** Кнопка копирования: правый верхний угол, внутри жёлоба. */
-var codeBlockCopyClass = "absolute right-1 top-1 z-[1]";
-var codeBlockPaddings = {
-	xs: "p-2",
-	sm: "p-2.5",
-	md: "p-3",
-	lg: "p-4"
-};
-var codeBlockTextSizes = {
-	xs: "text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]",
-	sm: "text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]",
-	md: "text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
-	lg: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]"
-};
-/**
-* Роли подсветки. Дефолты — ссылки на `-text`-роли темы: они переключаются
-* вместе с ней, поэтому подсветка работает в обеих без своего theme-слоя.
-*
-* Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго
-* `primary`, и пара «ключ ↔ число» давала ΔE 9.4 в светлой теме и 7.8 в тёмной.
-* В `{"count": 42}` эти два цвета стоят через двоеточие и читались бы как один.
-* С `azure` расстояние 53.8 и 16.6. Гейт — `grCodeBlockContrast.test.ts`.
-*/
-var codeTokenClass = {
-	key: "text-[var(--gr-code-block-key,var(--gr-primary-text))]",
-	string: "text-[var(--gr-code-block-string,var(--gr-success-text))]",
-	number: "text-[var(--gr-code-block-number,var(--gr-azure-text))]",
-	literal: "text-[var(--gr-code-block-literal,var(--gr-warning-text))]",
-	punctuation: "text-[var(--gr-code-block-fg,var(--gr-fg))]",
-	plain: ""
-};
-//#endregion
-//#region src/components/GrCodeBlock/safelist.ts
-var grCodeBlockSafelist = [.../* @__PURE__ */ new Set([
-	...splitClassTokens(codeBlockRootClass),
-	...splitClassTokens("m-0"),
-	...splitClassTokens(codeBlockScrollClass),
-	...splitClassTokens(codeBlockWrapClass),
-	...splitClassTokens(codeBlockNowrapClass),
-	...splitClassTokens(codeBlockCopyClass),
-	...splitClassTokens(codeBlockGutterClass),
-	...Object.values(codeBlockPaddings).flatMap(splitClassTokens),
-	...Object.values(codeBlockTextSizes).flatMap(splitClassTokens),
-	...Object.values(codeTokenClass).flatMap(splitClassTokens)
-])];
-//#endregion
-//#region src/components/GrCodeBlock/config.ts
-var grCodeBlockConfig = defineGranularComponent(import.meta.url, {
-	name: "GrCodeBlock",
-	dependencies: ["GrButton"],
-	safelist: grCodeBlockSafelist
-});
-//#endregion
-export { codeBlockHookClass as a, codeBlockPaddings as c, codeBlockTextSizes as d, codeBlockWrapClass as f, codeBlockGutterClass as i, codeBlockRootClass as l, grCodeBlockSafelist as n, codeBlockNowrapClass as o, codeTokenClass as p, codeBlockCopyClass as r, codeBlockNumberedClass as s, grCodeBlockConfig as t, codeBlockScrollClass as u };

package/dist/chunks/config-DolULhjJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-DolULhjJ.js","names":[],"sources":["../../src/components/GrCodeBlock/grCodeBlockStyles.ts","../../src/components/GrCodeBlock/safelist.ts","../../src/components/GrCodeBlock/config.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrCodeTokenKind } from './tokenizeJson'\n\n/**\n * Классы `GrCodeBlock`.\n *\n * Роли подсветки перечислены целиком, по литералу на ветку: UnoCSS сканирует\n * исходный текст файла, и собранное шаблонной строкой имя уехало бы в CSS как\n * литерал.\n */\n\n/**\n * Зацепка собственного CSS компонента (номера строк). Не утилита: CSS она не\n * порождает, поэтому в `safelist` не идёт — там гейт справедливо считает такую\n * запись мёртвой.\n */\nexport const codeBlockHookClass = 'gr-code-block'\n\n/** Включает колонку номеров. Тоже зацепка, не утилита. */\nexport const codeBlockNumberedClass = 'gr-code-block--numbered'\n\n/**\n * Поверхность держит корень, а не `<pre>`: кнопка копирования стоит рядом со\n * скроллером, и жёлоб под неё обязан быть частью блока, а не полем страницы.\n */\nexport const codeBlockRootClass = 'relative rounded-[var(--gr-radius-md)] bg-[var(--gr-code-block-bg,var(--gr-muted))] text-[var(--gr-code-block-fg,var(--gr-fg))]'\n\n/**\n * Полоса под кнопку: 28 px самой кнопки плюс отбивка `right-1`.\n *\n * Кнопка не может висеть поверх `<pre>`: полосу прокрутки браузер рисует у\n * правого края скроллера, в тех же 8–15 px, и накрытую кнопкой её не ухватить\n * мышью. Отступами это не лечится — их пришлось бы взять больше ширины самой\n * кнопки, и «угол» перестал бы быть углом. Витринный `doc/CodeBlock.vue` решает\n * то же самое шапкой; у пакетного блока шапки нет, поэтому место отдаётся\n * жёлобом.\n */\nexport const codeBlockGutterClass = 'pr-9'\n\n/** Браузерный отступ `<pre>`: фон и радиус живут на корне, полю здесь не место. */\nexport const codeBlockSurfaceClass = 'm-0'\n\n/** Скроллер обязан показывать фокус: он стоит в таб-порядке. */\nexport const codeBlockScrollClass = 'overflow-auto focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]'\n\nexport const codeBlockWrapClass = 'whitespace-pre-wrap break-words'\nexport const codeBlockNowrapClass = 'whitespace-pre'\n\n/** Кнопка копирования: правый верхний угол, внутри жёлоба. */\nexport const codeBlockCopyClass = 'absolute right-1 top-1 z-[1]'\n\nexport const codeBlockPaddings: Record<GrComponentSize, string> = {\n  xs: 'p-2',\n  sm: 'p-2.5',\n  md: 'p-3',\n  lg: 'p-4',\n}\n\nexport const codeBlockTextSizes: Record<GrComponentSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-3xs)] leading-[var(--gr-control-leading-3xs)]',\n  sm: 'text-[length:var(--gr-control-text-2xs)] leading-[var(--gr-control-leading-2xs)]',\n  md: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  lg: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n}\n\n/**\n * Роли подсветки. Дефолты — ссылки на `-text`-роли темы: они переключаются\n * вместе с ней, поэтому подсветка работает в обеих без своего theme-слоя.\n *\n * Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго\n * `primary`, и пара «ключ ↔ число» давала ΔE 9.4 в светлой теме и 7.8 в тёмной.\n * В `{\"count\": 42}` эти два цвета стоят через двоеточие и читались бы как один.\n * С `azure` расстояние 53.8 и 16.6. Гейт — `grCodeBlockContrast.test.ts`.\n */\nexport const codeTokenClass: Record<GrCodeTokenKind, string> = {\n  key: 'text-[var(--gr-code-block-key,var(--gr-primary-text))]',\n  string: 'text-[var(--gr-code-block-string,var(--gr-success-text))]',\n  number: 'text-[var(--gr-code-block-number,var(--gr-azure-text))]',\n  literal: 'text-[var(--gr-code-block-literal,var(--gr-warning-text))]',\n  punctuation: 'text-[var(--gr-code-block-fg,var(--gr-fg))]',\n  plain: '',\n}\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockNowrapClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\n// Классы из вычисляемых мап (роль токена, размер) UnoCSS сканом не находит —\n// только safelist. Литералы хелпера туда же: на сборке он уезжает в общий чанк.\n//\n// `codeBlockHookClass` и `codeBlockNumberedClass` сюда НЕ идут: это селекторы\n// собственного `<style>` компонента, CSS из них не порождается, и гейт\n// `documentedConfig` справедливо считал бы такую запись мёртвой.\nexport const grCodeBlockSafelist = [...new Set([\n  ...splitClassTokens(codeBlockRootClass),\n  ...splitClassTokens(codeBlockSurfaceClass),\n  ...splitClassTokens(codeBlockScrollClass),\n  ...splitClassTokens(codeBlockWrapClass),\n  ...splitClassTokens(codeBlockNowrapClass),\n  ...splitClassTokens(codeBlockCopyClass),\n  ...splitClassTokens(codeBlockGutterClass),\n  ...Object.values(codeBlockPaddings).flatMap(splitClassTokens),\n  ...Object.values(codeBlockTextSizes).flatMap(splitClassTokens),\n  ...Object.values(codeTokenClass).flatMap(splitClassTokens),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grCodeBlockSafelist } from './safelist'\n\nexport const grCodeBlockConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrCodeBlock',\n  dependencies: ['GrButton'],\n  safelist: grCodeBlockSafelist,\n})\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAa,qBAAqB;;AAGlC,IAAa,yBAAyB;;;;;AAMtC,IAAa,qBAAqB;;;;;;;;;;;AAYlC,IAAa,uBAAuB;;AAMpC,IAAa,uBAAuB;AAEpC,IAAa,qBAAqB;AAClC,IAAa,uBAAuB;;AAGpC,IAAa,qBAAqB;AAElC,IAAa,oBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,qBAAsD;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;AAWA,IAAa,iBAAkD;CAC7D,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,aAAa;CACb,OAAO;AACT;;;AC7DA,IAAa,sBAAsB,CAAC,mBAAG,IAAI,IAAI;CAC7C,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAA,KAAsC;CACzC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,oBAAoB;CACxC,GAAG,OAAO,OAAO,iBAAiB,CAAC,CAAC,QAAQ,gBAAgB;CAC5D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,OAAO,OAAO,cAAc,CAAC,CAAC,QAAQ,gBAAgB;AAC3D,CAAC,CAAC;;;AC5BF,IAAa,oBAAoB,wBAAwB,YAAY,KAAK;CACxE,MAAM;CACN,cAAc,CAAC,UAAU;CACzB,UAAU;AACZ,CAAC"}