@feugene/granularity 0.16.0 → 0.19.0

package/dist/types/src/theme/color.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Цветовая математика пакета — один источник на всех.
+ *
+ * Одну и ту же формулу считают три разных потребителя: генератор токенов
+ * (фолбэки `@supports not (color-mix)`), композиция тем (`extendTheme`, `tone`)
+ * и гейты контраста. Расхождение здесь не абстрактно: фолбэки уже жили
+ * отдельной копией из сорока хексов, которые обязаны были совпадать с живым
+ * `color-mix` до байта, и не совпадали.
+ *
+ * Модуль читает и генератор (`scripts/generate-tokens.mjs`, запускается
+ * `node --experimental-strip-types`), поэтому синтаксис здесь только стираемый:
+ * ни `enum`, ни `namespace`, ни параметров-свойств в конструкторах.
+ */
+export type Rgb = [number, number, number];
+export declare function parseHex(value: string): Rgb;
+export declare function toHex(channels: Rgb): string;
+/**
+ * `color-mix(in srgb, base <amount>%, other)` для непрозрачных цветов — это
+ * линейная интерполяция в gamma-кодированном sRGB, то есть ровно то, что делает
+ * браузер. Поэтому посчитанный здесь фолбэк совпадает с живым `color-mix`.
+ */
+export declare function mixSrgb(baseHex: string, otherHex: string, amount: number): string;
+export declare function luminance(color: string | Rgb): number;
+/** Отношение контраста по WCAG 2.1: от 1 (одинаковые) до 21 (чёрное на белом). */
+export declare function contrast(foreground: string | Rgb, background: string | Rgb): number;
+/**
+ * Воспринимаемое расстояние между цветами (ΔE, CIE76).
+ *
+ * Контраст отвечает на вопрос «читается ли текст», а этот — на вопрос
+ * «различит ли человек два тона рядом». Порог заметности около 2.3; всё, что
+ * ниже, для глаза один цвет, каким бы разным ни выглядел hex.
+ */
+export declare function deltaE(first: string | Rgb, second: string | Rgb): number;
+/** Цвет — это hex, а не `var()`/`rgb()`: производные и контраст считаются только по нему. */
+export declare function isHex(value: string): boolean;

package/dist/types/src/theme/extendTheme.d.ts

@@ -0,0 +1,63 @@
+import type { GrThemeName } from '../tokens/types';
+import { type GrThemeTokens } from './roles';
+import { type GrThemeIssue } from './validate';
+export interface GrTheme {
+    name: string;
+    /** Селектор, под которым тема объявлена: по умолчанию `[data-theme='<name>']`. */
+    selector: string;
+    /** Полный набор ролей: своё поверх базы. */
+    tokens: GrThemeTokens;
+    /** Покомпонентные токены темы, если заданы. */
+    componentTokens: GrThemeTokens;
+    /** Готовый CSS, включая фолбэк производных для браузеров без `color-mix`. */
+    css: string;
+}
+export interface ExtendThemeOptions {
+    name: string;
+    /** Готовая тема пакета, чужая тема или просто набор ролей. */
+    base: GrThemeName | GrTheme | GrThemeTokens;
+    selector?: string;
+    /** Что меняем. Всё, чего здесь нет, приходит из базы. */
+    tokens?: GrThemeTokens;
+    /**
+     * Покомпонентные токены (`--gr-button-primary-bg`) — у них своя природа:
+     * пакет держит для них отдельный слой и **не** наследует их между темами.
+     * Поэтому они не достраиваются из базы, а просто едут в тот же селектор:
+     * заданы — переопределены, не заданы — работает дефолт компонента.
+     */
+    componentTokens?: GrThemeTokens;
+    /**
+     * Проверка контраста и различимости тонов перед выдачей. Включена: тема,
+     * которая не читается, — это дефект, и узнать о нём на сборке дешевле, чем от
+     * пользователя. Выключать осознанно, для заведомо декоративных тем.
+     */
+    validate?: boolean;
+}
+export declare class GrThemeError extends Error {
+    issues: GrThemeIssue[];
+    constructor(name: string, issues: GrThemeIssue[]);
+}
+export declare function renderThemeCss(theme: Pick<GrTheme, 'name' | 'selector' | 'tokens'> & Partial<Pick<GrTheme, 'componentTokens'>>): string;
+/**
+ * Тема поверх готовой: объявляем только то, что меняем.
+ *
+ * Роль, которую тема не объявила, наследуется не от «своей» базы, а из `:root`,
+ * то есть из светлой темы: тёмная тема с забытой ролью получает светлое пятно.
+ * Поэтому здесь тема достраивается до полного набора **всех** ролей пакета — и
+ * роль, добавленная пакетом завтра, приедет в неё сама, без правок потребителя.
+ */
+export declare function extendTheme(options: ExtendThemeOptions): GrTheme;
+/**
+ * Тема с нуля: без базы, все роли свои.
+ *
+ * «Без базы» — это не «ни от чего не наследуется»: в CSS так нельзя. Роль,
+ * которую тема не объявила, придёт из `:root`, а `:root` — это **светлая тема
+ * пакета**. Независимой тема становится ровно тогда, когда объявляет все роли
+ * сама, и здесь это проверяется: не хватает — сборка падает со списком, а не
+ * молча подмешивает чужую палитру.
+ *
+ * Цена честная и её видно: `extendTheme` получает новую роль пакета
+ * автоматически, а тема с нуля — упадёт на следующей сборке и потребует решения.
+ * Это и есть смысл выбора: полный контроль в обмен на сопровождение.
+ */
+export declare function createTheme(options: Omit<ExtendThemeOptions, 'base'>): GrTheme;

package/dist/types/src/theme/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Композиция тем — `@feugene/granularity/theme`.
+ *
+ * Тема объявляет только то, что меняет: остальное приезжает из базы, а не из
+ * `:root` (то есть не из светлой темы, как было бы у CSS-файла с пропущенной
+ * ролью). Роль, добавленная пакетом завтра, попадёт в собранную тему сама.
+ *
+ * Точка входа сборочная: она тянет справочник токенов, и место ей в скрипте
+ * или конфиге, а не в бандле приложения. Подключение готового CSS в браузере —
+ * `@feugene/granularity/theme/apply`.
+ *
+ * Документация: `docs/theming.md`.
+ */
+export { createTheme, extendTheme, GrThemeError, renderThemeCss } from './extendTheme';
+export type { ExtendThemeOptions, GrTheme } from './extendTheme';
+export { GrToneError, tone } from './tone';
+export type { ToneOptions, ToneRole } from './tone';
+export { validateTheme } from './validate';
+export type { GrThemeIssue } from './validate';
+export { resolveRole, themeRoleNames } from './roles';
+export type { GrThemeTokens } from './roles';
+export { contrast, deltaE, mixSrgb } from './color';

package/dist/types/src/theme/roles.d.ts

@@ -0,0 +1,16 @@
+/** Значения ролей темы: `--gr-bg` → `#041e2b`. */
+export type GrThemeTokens = Record<string, string>;
+/** Роли, известные пакету, в порядке объявления. */
+export declare function themeRoleNames(): string[];
+/**
+ * Значение роли, годное для арифметики.
+ *
+ * Роль вправе ссылаться на другую (`--gr-invalid-brd: var(--gr-danger)`) — такую
+ * ссылку разворачиваем, иначе фолбэк и проверки считать не из чего. Всё, что не
+ * разворачивается в hex (`rgb(… / .45)` у подложки, `var()` за пределы темы),
+ * возвращается как `null`: посчитать нельзя, и выдумывать не надо.
+ *
+ * Цикл рвём с ошибкой: тема потребителя вправе ошибиться, и упасть надо с
+ * именами ролей, а не переполнением стека.
+ */
+export declare function resolveRole(tokens: GrThemeTokens, name: string, seen?: string[]): string | null;

package/dist/types/src/theme/tone.d.ts

@@ -0,0 +1,32 @@
+import type { GrThemeName } from '../tokens/types';
+import { type GrThemeTokens } from './roles';
+export type ToneRole = 'fill' | 'solid' | 'light' | 'text';
+export interface ToneOptions {
+    /** Тема, в которой тон будет жить: от неё зависят фон, текст и направление сдвигов. */
+    base: GrThemeName | {
+        tokens: GrThemeTokens;
+    } | GrThemeTokens;
+    /**
+     * Что выводить. По умолчанию — ровно те роли, которые у этого тона есть **в
+     * реестре пакета**: у `--gr-accent` это только `-fg`, у `--gr-primary` нет
+     * `-light`. Для имени, которого в реестре нет, выводится полная семья.
+     */
+    roles?: ToneRole[];
+}
+export declare class GrToneError extends Error {
+    constructor(role: string, actual: number, expected: number);
+}
+/**
+ * Семья ролей тона из одного цвета.
+ *
+ * Без неё композиция снимает только объём работы: перекрасив `--gr-success`, вы
+ * оставляете `-light`, `-text` и `-solid*` от базовой темы, и они расходятся с
+ * новым тоном по контрасту — ловушка №3 из `docs/theming.md`. Правила вывода
+ * взяты оттуда же (§«Суффиксы ролей»), пороги проверяются на каждом шаге:
+ * не вышло — падаем с именем роли, а не отдаём нечитаемое.
+ *
+ * ```ts
+ * extendTheme({ name: 'ocean', base: 'dark', tokens: { ...tone('success', '#3ddc97', { base: 'dark' }) } })
+ * ```
+ */
+export declare function tone(name: string, seed: string, options: ToneOptions): GrThemeTokens;

package/dist/types/src/theme/validate.d.ts

@@ -0,0 +1,16 @@
+import type { GrTheme } from './extendTheme';
+import { type GrThemeTokens } from './roles';
+export interface GrThemeIssue {
+    kind: 'contrast' | 'distance';
+    /** Роль, из-за которой всё встало. */
+    token: string;
+    /** На чём проверяли: поверхность либо второй тон. */
+    against: string;
+    actual: number;
+    expected: number;
+    message: string;
+}
+export declare function validateTheme(theme: GrTheme | {
+    name: string;
+    tokens: GrThemeTokens;
+}): GrThemeIssue[];

package/dist/types/src/tokens/types.d.ts

@@ -50,5 +50,13 @@ export interface GrDerivedToken {
     section: string;
     description: string;
     formula: string;
+    /**
+     * Слагаемые формулы отдельно от её текста: по ним пересчитывается фолбэк
+     * `@supports not (color-mix)` для темы, которой на момент сборки пакета не
+     * существовало (`extendTheme`).
+     */
+    base: string;
+    amount: number;
+    mixWith: string;
     values: GrTokenValues;
 }

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.16.0",
+  "version": "0.19.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -2414,6 +2414,42 @@
                 "kind": "expression",
                 "type": "string | number | undefined"
               }
+            },
+            {
+              "name": "reorderableColumns",
+              "description": "Пользовательский порядок колонок: в шапке появляется ручка переноса. Колонка тянется указателем и двигается `Shift`+`←`/`→` с клавиатуры.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "columnOrder",
+              "description": "Контролируемый порядок колонок — ключи в нужном порядке (`v-model:columnOrder`). Не задан — порядок компонент помнит сам, начиная с порядка `columns`.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string[] | undefined"
+              }
+            },
+            {
+              "name": "resizableColumns",
+              "description": "Пользовательская ширина колонок: у правого края заголовка появляется ручка. Тянется указателем, с клавиатуры — стрелками (паттерн window splitter). Включает фиксированную раскладку таблицы: без неё браузер пересчитывает ширины по содержимому и заданная пользователем пропадает.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "columnWidths",
+              "description": "Контролируемые ширины в пикселях по ключу колонки (`v-model:columnWidths`). Не заданы — ширины компонент помнит сам.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "Record<string, number> | undefined"
+              }
             }
           ],
           "slots": [
@@ -2446,6 +2482,18 @@
               },
               {
                 "name": "rowClick"
+              },
+              {
+                "name": "update:columnOrder"
+              },
+              {
+                "name": "columnReorder"
+              },
+              {
+                "name": "update:columnWidths"
+              },
+              {
+                "name": "columnResize"
               }
             ]
           }
@@ -4939,6 +4987,15 @@
             "symbol": "GrKbd"
           },
           "props": [
+            {
+              "name": "variant",
+              "description": "`merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу. `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.",
+              "default": "\"merged\"",
+              "value": {
+                "kind": "expression",
+                "type": "\"split\" | \"merged\" | \"sequence\" | undefined"
+              }
+            },
             {
               "name": "keys",
               "description": "Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.",
@@ -4958,8 +5015,8 @@
             },
             {
               "name": "separator",
-              "description": "Разделитель между клавишами сочетания. Пустая строка — только зазор.",
-              "default": "\"+\"",
+              "description": "Разделитель между клавишами. Не задан — авто: в общей плашке символы склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это плюс, у `sequence` — слово из локали. Пустая строка — только зазор.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
                 "type": "string | undefined"
@@ -6967,11 +7024,11 @@
             },
             {
               "name": "icon",
-              "description": "UnoCSS-класс иконки вместо встроенной звезды (например `i-lucide-heart`).",
+              "description": "Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`, см. `docs/installation.md`).",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | Component | undefined"
               }
             },
             {
@@ -8207,6 +8264,129 @@
             ]
           }
         },
+        {
+          "name": "GrSortableList",
+          "source": {
+            "module": "@feugene/granularity/components/GrSortableList",
+            "symbol": "GrSortableList"
+          },
+          "props": [
+            {
+              "name": "modelValue",
+              "required": true,
+              "description": "Набор в текущем порядке. `v-model`: наружу уходит новый массив, вход не мутируется.",
+              "value": {
+                "kind": "expression",
+                "type": "T[]"
+              }
+            },
+            {
+              "name": "itemKey",
+              "description": "Ключ элемента: имя поля или функция. Без него — индекс.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | ((item: T, index: number) => string | number) | undefined"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Список только для чтения: ни указателем, ни с клавиатуры.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Ось переноса. `horizontal` — ряд с переносом по ширине.",
+              "default": "\"vertical\"",
+              "value": {
+                "kind": "expression",
+                "type": "GrSortableOrientation | undefined"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Поверхность под списком — вариант карточки.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "GrCardVariant | undefined"
+              }
+            },
+            {
+              "name": "divided",
+              "description": "Разделители между строками.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "handleOnly",
+              "description": "Тянуть можно только за ручку. Выключено — тянется вся строка.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
+            {
+              "name": "maxHeight",
+              "description": "Высота видимой части: список становится скроллером с автопрокруткой при переносе.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
+            },
+            {
+              "name": "emptyText",
+              "description": "Текст пустого состояния. Слот `#empty` сильнее.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "ariaLabel",
+              "description": "Имя списка для скринридера. Не задано — берётся из локали.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | undefined"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "item"
+            },
+            {
+              "name": "handle"
+            },
+            {
+              "name": "empty"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "update:modelValue"
+              },
+              {
+                "name": "move"
+              },
+              {
+                "name": "change"
+              }
+            ]
+          }
+        },
         {
           "name": "GrSplitter",
           "source": {
@@ -8374,11 +8554,11 @@
             },
             {
               "name": "icon",
-              "description": "UnoCSS-класс иконки слева от блока (например `i-lucide-users`).",
+              "description": "Иконка слева от блока: Vue-компонент либо класс иконки вашей UnoCSS-сборки (`'i-lucide-users'` — тогда нужен ваш `presetIcons`, см. `docs/installation.md`).",
               "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | Component | undefined"
               }
             },
             {
@@ -8895,6 +9075,15 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "tableMinWidth",
+              "description": "Минимальная ширина самой таблицы (число — пиксели). Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto` браузер вписывает таблицу в контейнер и делит место между колонками пропорционально — то есть заданные ширины молча ужимаются, а горизонтальной прокрутки, на которой держатся закреплённые колонки, не возникает вовсе.",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": "string | number | undefined"
+              }
             }
           ],
           "slots": [
@@ -9420,6 +9609,15 @@
                 "kind": "expression",
                 "type": "string | false | undefined"
               }
+            },
+            {
+              "name": "swipeDismiss",
+              "description": "Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete` и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.",
+              "default": "true",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
             }
           ],
           "slots": [
@@ -9654,18 +9852,20 @@
             },
             {
               "name": "expandIcon",
-              "default": "\"i-lucide-chevron-right\"",
+              "description": "Иконка свёрнутого узла: Vue-компонент либо класс иконки вашей UnoCSS-сборки (`'i-lucide-plus'` — тогда нужен ваш `presetIcons`, см. `docs/installation.md`). Не задана — встроенная стрелка.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | Component | undefined"
               }
             },
             {
               "name": "collapseIcon",
-              "default": "\"i-lucide-chevron-right\"",
+              "description": "Иконка раскрытого узла. Не задана — та же встроенная стрелка, повёрнутая.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | Component | undefined"
               }
             },
             {
@@ -9838,10 +10038,11 @@
             },
             {
               "name": "dragHandleIcon",
-              "default": "\"i-lucide-grip-vertical\"",
+              "description": "Иконка ручки переноса: компонент, класс иконки или ничего — тогда встроенная.",
+              "default": "undefined",
               "value": {
                 "kind": "expression",
-                "type": "string | undefined"
+                "type": "string | Component | undefined"
               }
             },
             {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.16.0",
+  "version": "0.19.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -276,6 +276,10 @@
       "types": "./dist/types/src/components/GrSlider/index.d.ts",
       "import": "./dist/components/GrSlider/index.js"
     },
+    "./components/GrSortableList": {
+      "types": "./dist/types/src/components/GrSortableList/index.d.ts",
+      "import": "./dist/components/GrSortableList/index.js"
+    },
     "./components/GrSplitter": {
       "types": "./dist/types/src/components/GrSplitter/index.d.ts",
       "import": "./dist/components/GrSplitter/index.js"
@@ -348,10 +352,34 @@
       "types": "./dist/types/src/composables/useOverlayLayer.d.ts",
       "import": "./dist/composables/useOverlayLayer.js"
     },
+    "./composables/useRovingFocus": {
+      "types": "./dist/types/src/composables/useRovingFocus.d.ts",
+      "import": "./dist/composables/useRovingFocus.js"
+    },
+    "./composables/useGrComponentConfig": {
+      "types": "./dist/types/src/composables/useGrComponentConfig.d.ts",
+      "import": "./dist/composables/useGrComponentConfig.js"
+    },
+    "./composables/useComboboxNavigation": {
+      "types": "./dist/types/src/composables/useComboboxNavigation.d.ts",
+      "import": "./dist/composables/useComboboxNavigation.js"
+    },
+    "./composables/useGranularityTranslations": {
+      "types": "./dist/types/src/composables/useGranularityTranslations.d.ts",
+      "import": "./dist/composables/useGranularityTranslations.js"
+    },
     "./composables/useTheme": {
       "types": "./dist/types/src/composables/useTheme.d.ts",
       "import": "./dist/composables/useTheme.js"
     },
+    "./composables/useDragGesture": {
+      "types": "./dist/types/src/composables/useDragGesture.d.ts",
+      "import": "./dist/composables/useDragGesture.js"
+    },
+    "./composables/useDragSort": {
+      "types": "./dist/types/src/composables/useDragSort.d.ts",
+      "import": "./dist/composables/useDragSort.js"
+    },
     "./composables/useVirtualList": {
       "types": "./dist/types/src/composables/useVirtualList.d.ts",
       "import": "./dist/composables/useVirtualList.js"
@@ -419,11 +447,26 @@
       "import": "./dist/tokens.js",
       "default": "./dist/tokens.js"
     },
+    "./testing": {
+      "types": "./dist/types/src/testing/index.d.ts",
+      "import": "./dist/testing.js",
+      "default": "./dist/testing.js"
+    },
+    "./theme": {
+      "types": "./dist/types/src/theme/index.d.ts",
+      "import": "./dist/theme.js",
+      "default": "./dist/theme.js"
+    },
+    "./theme/apply": {
+      "types": "./dist/types/src/theme/apply.d.ts",
+      "import": "./dist/theme-apply.js",
+      "default": "./dist/theme-apply.js"
+    },
     "./tokens/*.json": "./tokens/*.json"
   },
   "peerDependencies": {
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/unocss-preset-granular": "^0.8.1",
+    "@feugene/unocss-preset-granular": "^0.9.1",
     "@floating-ui/dom": "^1.8.0",
     "vue": "^3.5.40"
   },
@@ -438,7 +481,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^9.1.0",
     "@feugene/fint-i18n": "^0.6.0",
-    "@feugene/unocss-preset-granular": "^0.8.1",
+    "@feugene/unocss-preset-granular": "^0.9.1",
     "@floating-ui/dom": "^1.8.0",
     "@iconify-json/lucide": "^1.2.117",
     "@types/node": "^25.9.5",
@@ -464,7 +507,7 @@
     "dev": "vite build --watch",
     "doctor": "granular doctor ./granular.options.mjs --strict",
     "generate:registry": "node scripts/generate-registry.mjs",
-    "generate:tokens": "node scripts/generate-tokens.mjs",
+    "generate:tokens": "node --experimental-strip-types scripts/generate-tokens.mjs",
     "lint": "eslint . --cache",
     "lint:fix": "eslint . --cache --fix",
     "test": "vitest --config vitest.config.ts",

package/tokens/themes/dark.json

@@ -465,7 +465,8 @@
         },
         {
           "name": "--gr-sidebar-primary",
-          "value": "#6366f1",
+          "note": "Белый текст на #6366f1 даёт 4.47:1 — тот же недолёт AA, из-за которого\nперекрашен `--gr-primary` (заметка выше). Здесь взят минимальный шаг, снимающий\nнедолёт без смены вида: 4.52:1 при ΔE 0.42 к прежнему цвету.",
+          "value": "#6365f0",
           "description": "Акцентный цвет активных/ключевых элементов внутри sidebar."
         },
         {

package/dist/chunks/chevron-right-BfqMVpbB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chevron-right-BfqMVpbB.js","names":[],"sources":[],"mappings":""}

package/dist/chunks/config-8Pcutu1j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-8Pcutu1j.js","names":[],"sources":["../../src/components/GrSkeleton/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grSkeletonConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrSkeleton',\n})\n"],"mappings":";;AAEA,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK,EACvE,MAAM,aACR,CAAC"}