@feugene/granularity 0.21.0 → 0.23.0

package/dist/types/components/GrDelta/index.d.ts

@@ -1,6 +1,7 @@
 export { default } from './GrDelta.vue';
 export { default as GrDelta } from './GrDelta.vue';
 export { grDeltaConfig } from './config';
+export { deltaDirection, deltaTone } from './deltaTone';
 export type { GrDeltaPolarity, GrDeltaProps, GrDeltaTone } from './GrDelta.vue';
 export type { GrDeltaConfigurableProps } from './defaults';
 export { grDeltaSafelist } from './safelist';

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

@@ -20,7 +20,10 @@ export interface GrDescriptionItem {
  */
 export interface GrDescriptionListProps {
     items: readonly GrDescriptionItem[];
-    /** `inline` — подпись слева колонкой; `stacked` — над значением. */
+    /**
+     * `inline` — подпись слева колонкой; `stacked` — над значением; `flow` —
+     * пары текут по строке с переносом (метаданные внутри пункта списка).
+     */
     layout?: GrDescriptionLayout;
     /** Ширина колонки подписей при `inline`. */
     labelWidth?: string;
@@ -30,8 +33,9 @@ export interface GrDescriptionListProps {
      */
     stackBelow?: number;
     density?: GrDescriptionDensity;
-    /** Отбивать пары линиями. */
+    /** Отбивать пары линиями. В `flow` не применяется. */
     divided?: boolean;
+    /** Колонки сетки. В `flow` не применяются: строка колонок не имеет. */
     columns?: GrDescriptionColumns;
     /** Чем печатать пустое значение. */
     emptyText?: string;

package/dist/types/components/GrDescriptionList/grDescriptionListStyles.d.ts

@@ -6,15 +6,22 @@ import type { GrTone } from '../shared/tones';
  * Тон перечислен целиком по одному литералу на ветку: UnoCSS сканирует исходный
  * текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.
  */
-/** `inline` — подпись колонкой слева; `stacked` — над значением. */
-export type GrDescriptionLayout = 'inline' | 'stacked';
+/**
+ * `inline` — подпись колонкой слева; `stacked` — над значением; `flow` — пары
+ * текут по строке с переносом.
+ */
+export type GrDescriptionLayout = 'inline' | 'stacked' | 'flow';
 export type GrDescriptionDensity = 'regular' | 'compact';
-/** Сколько колонок пар. Длинный список читается в две. */
-export type GrDescriptionColumns = 1 | 2;
-export declare const descriptionRootClass = "m-0 grid gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]";
+/** Сколько колонок пар. Длинный список читается в несколько. */
+export type GrDescriptionColumns = 1 | 2 | 3 | 4;
+export declare const descriptionRootClass = "m-0 gap-x-4 [row-gap:var(--gr-description-list-row-gap,0.375rem)]";
+/** Сетка колонок — раскладки `inline` и `stacked`. */
+export declare const descriptionRootGridClass = "grid";
+export declare const descriptionRootFlowClass = "flex flex-wrap items-baseline";
 export declare const descriptionColumnsClass: Record<GrDescriptionColumns, string>;
 export declare const descriptionPairInlineClass = "flex min-w-0 items-baseline gap-2";
 export declare const descriptionPairStackedClass = "min-w-0";
+export declare const descriptionPairFlowClass = "flex min-w-0 items-baseline gap-1";
 export declare const descriptionDividedClass = "border-b border-[var(--gr-description-list-divider,var(--gr-brd))] pb-1 last:border-b-0 last:pb-0";
 export declare const descriptionLabelInlineClass = "shrink-0 text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";
 export declare const descriptionLabelStackedClass = "text-[var(--gr-description-list-label-color,var(--gr-muted-fg))]";

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

@@ -22,7 +22,7 @@ export interface GrDropdownMenuProps {
     teleportTo?: string | HTMLElement;
     /** Закрывать по клику внутри content. */
     closeOnContentClick?: boolean;
-    /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */
+    /** Дополнительные классы content-контейнера. */
     contentClass?: string;
     /**
      * Декларативное меню: пункты, группы и разделители массивом. Слот по

package/dist/types/components/GrDropdownMenu/grDropdownMenuStyles.d.ts

@@ -6,7 +6,16 @@ export type GrDropdownMenuColumnsCount = 2 | 3 | 4;
 export declare const alignClass: Record<GrDropdownMenuItemAlign, string>;
 export declare const textAlignClass: Record<GrDropdownMenuHeaderAlign, string>;
 export declare const colsClass: Record<GrDropdownMenuColumnsCount, string>;
-export declare const itemBaseClass = "w-full min-h-10 px-4 py-2.5 flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+/**
+ * Радиус здесь не украшение: фон подсветки лежит на самом пункте, а панель
+ * `GrDropdown` скруглена на 16 px и содержимое не обрезает. Прямоугольник во всю
+ * ширину заливал бы угловые сегменты, вырезанные этим радиусом. Восемь
+ * пикселей — та же ступень, что у опций `GrSelect` и `GrAutocomplete`; внутренний
+ * угол панели после рамки и поля ≈ 11 px, так что подсветка до скругления не
+ * достаёт. Радиус в базовом классе, а не отдельной константой: hover, disabled и
+ * кольцо фокуса висят на одном элементе.
+ */
+export declare const itemBaseClass = "w-full min-h-10 px-4 py-2.5 rounded-[var(--gr-radius-md)] flex items-center gap-2 text-[length:var(--gr-text-sm)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 export declare const itemVariantClass: Record<GrDropdownMenuItemVariant, string>;
 export declare const itemInteractiveClass = "cursor-pointer hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]";
 export declare const itemDisabledClass = "cursor-not-allowed pointer-events-none bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";

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

@@ -1,6 +1,7 @@
 export { default } from './GrFilePreview.vue';
 export { default as GrFilePreview } from './GrFilePreview.vue';
 export { grFilePreviewConfig } from './config';
+export { fileKindOf, isPreviewableKind } from './fileKindOf';
 export type { GrFileKind, GrFilePreviewEmits, GrFilePreviewProps, GrFilePreviewRatio, } from './GrFilePreview.vue';
 export type { GrFilePreviewConfigurableProps } from './defaults';
 export { grFilePreviewSafelist } from './safelist';

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

@@ -172,7 +172,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     suffixFixed: boolean;
     autocomplete: string;
     showCount: boolean;
-    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    inputmode: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
     state: "default" | "success" | "warning" | "danger";
     maxlength: number;
     passwordToggle: boolean;

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

@@ -0,0 +1,129 @@
+import { type GrJsonNode } from './jsonToNodes';
+import type { GrComponentSize } from '../shared/sizes';
+export type { GrJsonNode, GrJsonNodeKind } from './jsonToNodes';
+/**
+ * JSON со свёрткой по узлам, поиском по ключу и значению и копированием узла.
+ *
+ * Дерево, клавиатуру и виртуализацию несёт `GrTree`; здесь — разбор `unknown` в
+ * узлы и разметка строки. Плоский текст целиком, который копируют в тикет, —
+ * `GrCodeBlock`.
+ */
+export interface GrJsonViewerProps {
+    /** Показываемое значение. `unknown`, потому что приходит из БД или чужого сервиса. */
+    value: unknown;
+    /** Подпись корня. По умолчанию `$` — так адресуют путь JSONPath и dev-tools. */
+    rootLabel?: string;
+    /** Сколько уровней раскрыто изначально. */
+    defaultExpandDepth?: number;
+    /**
+     * Длина строкового значения, после которой показ обрезается.
+     *
+     * Не косметика: запрос к модели с картинкой в base64 — это один лист на
+     * сотни тысяч символов, и ни свёртка, ни виртуализация по строкам его не
+     * берут. Копирование при этом отдаёт значение целиком.
+     */
+    maxStringLength?: number;
+    /** Сколько элементов массива разбирать до заглушки «ещё N». */
+    maxArrayItems?: number;
+    /** Поле поиска над деревом. Выключено — поиск остаётся на `filter()` из `defineExpose`. */
+    searchable?: boolean;
+    /** Кнопка копирования узла в строке. */
+    copyable?: boolean;
+    /** Оставлять в DOM только окно вокруг вьюпорта. Требует `maxHeight`. */
+    virtual?: boolean;
+    /** Высота области просмотра: число — пиксели, строка — как есть. */
+    maxHeight?: string | number;
+    /** Имя области для скринридера. Безымянное дерево объявляется просто «дерево». */
+    ariaLabel?: string;
+    size?: GrComponentSize;
+}
+export interface GrJsonViewerEmits {
+    /** Узел скопирован: путь для тикета и полное значение. */
+    (e: 'copy', payload: {
+        path: string;
+        value: unknown;
+    }): void;
+}
+type __VLS_Slots = {
+    /** Значение листа: ссылка, дата, денежная сумма — оформление знает приложение. */
+    leaf?: (props: {
+        node: GrJsonNode;
+    }) => unknown;
+};
+declare function expandAll(): void;
+declare function collapseAll(): void;
+declare function filter(value: string): void;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrJsonViewerProps>, {
+    rootLabel: undefined;
+    defaultExpandDepth: undefined;
+    maxStringLength: undefined;
+    maxArrayItems: undefined;
+    searchable: undefined;
+    copyable: undefined;
+    virtual: boolean;
+    maxHeight: undefined;
+    ariaLabel: undefined;
+    size: undefined;
+}>>, {
+    filter: typeof filter;
+    expandAll: typeof expandAll;
+    collapseAll: typeof collapseAll;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copy: (payload: {
+        path: string;
+        value: unknown;
+    }) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrJsonViewerProps>, {
+    rootLabel: undefined;
+    defaultExpandDepth: undefined;
+    maxStringLength: undefined;
+    maxArrayItems: undefined;
+    searchable: undefined;
+    copyable: undefined;
+    virtual: boolean;
+    maxHeight: undefined;
+    ariaLabel: undefined;
+    size: undefined;
+}>>> & Readonly<{
+    onCopy?: ((payload: {
+        path: string;
+        value: unknown;
+    }) => any) | undefined;
+}>, {
+    size: GrComponentSize;
+    copyable: boolean;
+    defaultExpandDepth: number;
+    maxStringLength: number;
+    maxArrayItems: number;
+    searchable: boolean;
+    maxHeight: string | number;
+    ariaLabel: string;
+    virtual: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1 @@
+export declare const grJsonViewerConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrJsonViewer">;

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

@@ -0,0 +1,23 @@
+import type { GrComponentSize } from '../shared/sizes';
+/**
+ * Пропы `GrJsonViewer`, настраиваемые глобально через
+ * `<GrConfigProvider :component-defaults="{ GrJsonViewer: { … } }">`.
+ *
+ * Пороги обрезки здесь наравне с оформлением не случайно: «сколько показывать»
+ * — решение приложения, а не экрана. У админки с ответами модели и у панели с
+ * конфигами оно разное, и повторять его на каждом просмотрщике значит однажды
+ * забыть.
+ */
+export interface GrJsonViewerConfigurableProps {
+    size: GrComponentSize;
+    defaultExpandDepth: number;
+    maxStringLength: number;
+    maxArrayItems: number;
+    searchable: boolean;
+    copyable: boolean;
+}
+declare module '../../composables/useGrComponentConfig' {
+    interface GrComponentDefaultsRegistry {
+        GrJsonViewer: GrJsonViewerConfigurableProps;
+    }
+}

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

@@ -0,0 +1,57 @@
+import type { GrJsonNodeKind } from './jsonToNodes';
+/**
+ * Классы `GrJsonViewer`.
+ *
+ * Роли перечислены целиком, по литералу на ветку: UnoCSS сканирует исходный
+ * текст файла, и собранное шаблонной строкой имя уехало бы в CSS литералом.
+ */
+/**
+ * `min-w-0` и клип — не украшение: глубокая ветка шире контейнера, и без них
+ * панель растягивает раскладку страницы, вместо того чтобы прокручиваться
+ * внутри себя. Горизонтальный скролл остаётся у самого дерева.
+ */
+export declare const jsonViewerRootClass = "min-w-0 overflow-hidden rounded-[var(--gr-radius-md)] bg-[var(--gr-json-viewer-bg,var(--gr-muted))] text-[var(--gr-fg)]";
+/** Шапка с поиском и кнопками свёртки. Отбивается от дерева, а не от края. */
+export declare const jsonViewerToolbarClass = "flex items-center gap-2 border-b border-[var(--gr-brd)] p-2";
+export declare const jsonViewerSearchClass = "min-w-0 flex-1";
+/** Строка узла моноширинная: значения выравниваются по разрядам, как в блоке кода. */
+export declare const jsonViewerRowClass = "relative flex min-w-0 items-center gap-1 font-[var(--gr-font-mono)]";
+/** Область узла не даёт значению растянуть строку шире панели. */
+export declare const jsonViewerContentClass = "min-w-0";
+export declare const jsonViewerKeyClass = "shrink-0 text-[var(--gr-json-viewer-key,var(--gr-primary-text))]";
+export declare const jsonViewerPunctuationClass = "shrink-0 text-[var(--gr-json-viewer-punctuation,var(--gr-fg))]";
+/**
+ * Значение обрезается по ширине строки, а не переносится: перенос превратил бы
+ * дерево в простыню и сломал бы оценку высоты строки у виртуализации.
+ */
+export declare const jsonViewerValueClass = "min-w-0 truncate";
+/** Счётчик у свёрнутой ветки и служебные подписи — тише значения. */
+export declare const jsonViewerMutedClass = "shrink-0 text-[var(--gr-json-viewer-muted,var(--gr-muted-fg))]";
+/**
+ * Кнопка копирования узла: появляется по наведению и по фокусу внутри строки.
+ *
+ * Стоит в потоке сразу за значением, а не прижата к правому краю строки:
+ * прижать её не к чему — область узла у `GrTree` сжата по содержимому
+ * (`flex: 0 1 auto`) собственным scoped-правилом, а утилитой снаружи оно не
+ * перебивается: оба класса равной специфичности, и победителя выбирает порядок
+ * правил в CSS. Цена потока — 4 px высоты строки, и она дешевле этой лотереи.
+ */
+export declare const jsonViewerCopyClass = "ml-2 shrink-0 opacity-0 focus-visible:opacity-100 group-hover:opacity-100";
+/**
+ * Зацепка варианта `group-hover` у кнопки копирования. В safelist не идёт: CSS
+ * из неё не порождается — правило пишет сам вариант, а гейт справедливо считал
+ * бы такую запись мёртвой.
+ */
+export declare const jsonViewerGroupClass = "group";
+/**
+ * Цвет значения по виду.
+ *
+ * Дефолты — ссылки на `-text`-роли темы, те же, что у `GrCodeBlock`: роли
+ * переключаются вместе с темой, поэтому подсветка работает в обеих без своего
+ * theme-слоя, а два компонента остаются согласованными через роль, а не через
+ * общую константу — импорт чужой мапы притащил бы потребителю весь CSS донора.
+ *
+ * Число взято от `azure`, а не от `info`: `info` — синий в двух шагах от индиго
+ * `primary`, и пара «ключ ↔ число» стояла бы в одной строке неразличимой.
+ */
+export declare const jsonValueClass: Record<GrJsonNodeKind, string>;

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

@@ -0,0 +1,9 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrJsonViewerComponent from './GrJsonViewer.vue';
+export { default } from './GrJsonViewer.vue';
+export { default as GrJsonViewer } from './GrJsonViewer.vue';
+export { grJsonViewerConfig } from './config';
+export type { GrJsonViewerConfigurableProps } from './defaults';
+export type { GrJsonNode, GrJsonNodeKind, GrJsonViewerEmits, GrJsonViewerProps, } from './GrJsonViewer.vue';
+export { grJsonViewerSafelist } from './safelist';
+export type GrJsonViewerInstance = ComponentExposed<typeof GrJsonViewerComponent>;

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

@@ -0,0 +1,47 @@
+/**
+ * Разбор произвольного значения в узлы дерева.
+ *
+ * Компонент показывает данные из БД и от чужих сервисов, поэтому обход обязан
+ * пережить всё: цикл, `BigInt`, функцию в поле, массив на десять тысяч записей,
+ * строку в миллион символов. Уронить страницу он права не имеет.
+ */
+/** Что за значение в узле. Решает и цвет, и то, раскрывается ли узел. */
+export type GrJsonNodeKind = 'object' | 'array' | 'string' | 'number' | 'boolean' | 'null'
+/** Значения, которых в JSON не бывает: функция, символ, `undefined`. */
+ | 'unsupported'
+/** Хвост обрезанного массива — «ещё N элементов». Своего значения не имеет. */
+ | 'truncation';
+export type GrJsonNode = {
+    /** Читаемый адрес узла (`$.items[3].name`). Он же ключ для `GrTree`. */
+    path: string;
+    /** Имя ключа или индекс. Показывается слева от двоеточия. */
+    label: string;
+    kind: GrJsonNodeKind;
+    /** Что видно в строке. У ветки — счётчик, у листа — значение, возможно обрезанное. */
+    preview: string;
+    /** Полное значение. Копирование берёт его, а не `preview`. */
+    value: unknown;
+    /** Показ обрезан: копирование всё равно отдаёт целое. */
+    truncated: boolean;
+    isLeaf: boolean;
+    children?: GrJsonNode[];
+};
+export type GrJsonToNodesOptions = {
+    /** Подпись корня. */
+    rootLabel?: string;
+    /** Длина строки, после которой значение обрезается в показе. */
+    maxStringLength?: number;
+    /** Сколько элементов массива разбирать до заглушки «ещё N». */
+    maxArrayItems?: number;
+};
+/** Маркер ветки, которая уже встречалась выше по этой же цепочке предков. */
+export declare const CIRCULAR_MARKER = "[Circular]";
+/**
+ * Значение → узлы дерева. Корень всегда один: даже скаляр на входе — это узел,
+ * иначе дерево пришлось бы то показывать, то нет.
+ */
+export declare function jsonToNodes(value: unknown, options?: GrJsonToNodesOptions): GrJsonNode[];
+/** Пути всех узлов до заданной глубины — ими задаётся начальная свёртка. */
+export declare function pathsToDepth(nodes: GrJsonNode[], depth: number, level?: number): string[];
+/** Пути всех веток — для «раскрыть всё». */
+export declare function branchPaths(nodes: GrJsonNode[]): string[];

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

@@ -0,0 +1 @@
+export declare const grJsonViewerSafelist: string[];

package/dist/types/components/GrList/grListStyles.d.ts

@@ -7,6 +7,19 @@ export type GrListItemDensity = 'compact' | 'regular';
  * и разойтись они могли молча.
  */
 export declare const densityPadding: Record<GrListItemDensity, string>;
+/**
+ * Список обрезается по радиусу карточки под ним.
+ *
+ * Своего радиуса у строки нет и не нужно: строки идут вплотную, и скруглённая
+ * подсветка посреди сплошного списка читалась бы как случайная. Но поля у
+ * `GrCard` по умолчанию нет, строка лежит вплотную к скруглению, и без клипа
+ * фон первой и последней заливает углы — постоянно при `disabled` и по
+ * наведению при кликабельной строке.
+ *
+ * `inherit`, а не повтор `--gr-radius-lg`: значение принадлежит `GrCard`, и
+ * копия разошлась бы с ним молча.
+ */
+export declare const listSurfaceClass = "overflow-hidden rounded-[inherit]";
 export declare const itemLayoutClass = "flex items-start justify-between gap-4";
 /** Интерактивная строка занимает всю ширину пункта — кликабельна вся, а не текст. */
 export declare const itemInteractiveClass = "w-full text-left transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-inset";

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

@@ -184,7 +184,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     suffixFixed: boolean;
     autocomplete: string;
     step: number;
-    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    inputmode: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
     state: GrNumberInputState;
     locale: string;
     precision: number;

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

@@ -187,7 +187,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     required: boolean;
     placeholder: string;
     showCount: boolean;
-    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    inputmode: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
     maxlength: number;
     closeOnEsc: boolean;
     closeOnBackdrop: boolean;

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

@@ -1,4 +1,5 @@
 import { type Component } from 'vue';
+import { type GrDeltaPolarity } from '../GrDelta/deltaTone';
 import { type GrStatisticSize, type GrStatisticTone, type GrStatisticTrend } from './grStatisticStyles';
 export type { GrStatisticSize, GrStatisticTone, GrStatisticTrend, } from './grStatisticStyles';
 export type { GrStatisticFormatOptions } from './formatStatisticValue';
@@ -37,6 +38,12 @@ export interface GrStatisticProps {
     size?: GrStatisticSize;
     /** Тон значения; точечно перекрывается `--gr-statistic-value-color`. */
     tone?: GrStatisticTone;
+    /**
+     * Что считать хорошим: тон выводится из знака самого значения. Для выручки
+     * рост — успех, для себестоимости и оттока — наоборот. Явный `tone` сильнее:
+     * выведенный тон — умолчание, а не диктат.
+     */
+    polarity?: GrDeltaPolarity;
     /** Направление динамики — задаёт цвет и иконку строки под значением. */
     trend?: GrStatisticTrend;
     /** Текст динамики (например `+12,5% к прошлой неделе`). */
@@ -88,7 +95,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     suffix: undefined;
     icon: undefined;
     size: undefined;
-    tone: string;
+    tone: undefined;
+    polarity: undefined;
     trend: undefined;
     trendText: undefined;
     loading: boolean;
@@ -109,7 +117,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     suffix: undefined;
     icon: undefined;
     size: undefined;
-    tone: string;
+    tone: undefined;
+    polarity: undefined;
     trend: undefined;
     trendText: undefined;
     loading: boolean;
@@ -123,6 +132,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     tone: GrStatisticTone;
     size: GrStatisticSize;
+    polarity: GrDeltaPolarity;
     loading: boolean;
     title: string;
     icon: string | Component;

package/dist/types/components/GrStatistic/defaults.d.ts

@@ -1,11 +1,17 @@
+import type { GrDeltaPolarity } from '../GrDelta/deltaTone';
 import type { GrStatisticSize } from './grStatisticStyles';
 /**
  * Пропы `GrStatistic`, настраиваемые глобально через
  * `<GrConfigProvider :component-defaults="{ GrStatistic: { … } }">`.
  * Только оформление — см. `GrButton/defaults.ts`.
+ *
+ * `polarity` здесь по той же причине, что и у `GrDelta`: на дашборде расходов
+ * «рост — плохо» верно сразу для всех плиток ряда, и повторять это на каждой
+ * значит однажды пропустить одну.
  */
 export interface GrStatisticConfigurableProps {
     size: GrStatisticSize;
+    polarity: GrDeltaPolarity;
 }
 declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {

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

@@ -49,6 +49,7 @@ export declare const granularityComponentConfigs: {
     GrImageViewer: GranularComponentDescriptor<"GrImageViewer">;
     GrInput: GranularComponentDescriptor<"GrInput">;
     GrInputTag: GranularComponentDescriptor<"GrInputTag">;
+    GrJsonViewer: GranularComponentDescriptor<"GrJsonViewer">;
     GrKbd: GranularComponentDescriptor<"GrKbd">;
     GrLink: GranularComponentDescriptor<"GrLink">;
     GrList: GranularComponentDescriptor<"GrList">;

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

@@ -346,6 +346,15 @@ export declare const en: {
                     copied: string;
                     copyFailed: string;
                 };
+                jsonViewer: {
+                    search: string;
+                    expandAll: string;
+                    collapseAll: string;
+                    copy: string;
+                    copied: string;
+                    copyFailed: string;
+                    moreItems: string;
+                };
             };
             common: {
                 confirm: string;
@@ -684,6 +693,15 @@ export declare const en: {
                 copied: string;
                 copyFailed: string;
             };
+            jsonViewer: {
+                search: string;
+                expandAll: string;
+                collapseAll: string;
+                copy: string;
+                copied: string;
+                copyFailed: string;
+                moreItems: string;
+            };
         }>;
     };
 };

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

@@ -341,6 +341,15 @@ export declare const es: {
                     copied: string;
                     copyFailed: string;
                 };
+                jsonViewer: {
+                    search: string;
+                    expandAll: string;
+                    collapseAll: string;
+                    copy: string;
+                    copied: string;
+                    copyFailed: string;
+                    moreItems: string;
+                };
             };
             common: {
                 confirm: string;
@@ -681,6 +690,15 @@ export declare const es: {
                 copied: string;
                 copyFailed: string;
             };
+            jsonViewer: {
+                search: string;
+                expandAll: string;
+                collapseAll: string;
+                copy: string;
+                copied: string;
+                copyFailed: string;
+                moreItems: string;
+            };
         }>;
     };
 };

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

@@ -343,6 +343,15 @@ export declare const ru: {
                     copied: string;
                     copyFailed: string;
                 };
+                jsonViewer: {
+                    search: string;
+                    expandAll: string;
+                    collapseAll: string;
+                    copy: string;
+                    copied: string;
+                    copyFailed: string;
+                    moreItems: string;
+                };
             };
             common: {
                 confirm: string;
@@ -685,6 +694,15 @@ export declare const ru: {
                 copied: string;
                 copyFailed: string;
             };
+            jsonViewer: {
+                search: string;
+                expandAll: string;
+                collapseAll: string;
+                copy: string;
+                copied: string;
+                copyFailed: string;
+                moreItems: string;
+            };
         }>;
     };
 };

package/dist/types/index.d.ts

@@ -36,6 +36,7 @@ export * from './components/GrIcon';
 export * from './components/GrImageViewer';
 export * from './components/GrInput';
 export * from './components/GrInputTag';
+export * from './components/GrJsonViewer';
 export * from './components/GrKbd';
 export * from './components/GrLink';
 export * from './components/GrList';

package/dist/types/internal/granularityFormat.d.ts

@@ -16,4 +16,30 @@
  * сводим к `en`.
  */
 export declare function formatNumber(locale: string, value: number | bigint, options?: Intl.NumberFormatOptions): string;
+/**
+ * Те же правила, что у `formatNumber`, но по частям: вызывающему нужно знать,
+ * где в записи стоит знак, чтобы вынести его отдельным узлом.
+ *
+ * Инстанс тот же, что у `formatNumber`: `Intl.NumberFormat` умеет оба метода, а
+ * второй кэш под теми же ключами разъехался бы с первым на первом вытеснении.
+ */
+export declare function formatNumberToParts(locale: string, value: number | bigint, options?: Intl.NumberFormatOptions): Intl.NumberFormatPart[];
+/**
+ * Ведущий знак и остаток записи.
+ *
+ * Нужно там, где знаку полагается свой узел разметки: валюта обязана стоять
+ * после знака (`+$0,03`, а не `$+0,03`). Резать готовую строку по первому
+ * символу нельзя — в RTL-локалях знаку предшествует невидимая метка
+ * направления (`he-IL` — U+200E, `ar-EG` — U+061C), которой и разворачивается
+ * минус относительно цифр. Метка уходит вместе со знаком: она управляет им.
+ *
+ * `sign` пуст, когда знака нет вовсе (ноль, положительное при `signDisplay:
+ * 'auto'`, `NaN`) либо когда перед ним стоит содержательная часть. Во втором
+ * случае запись не делится совсем: вернуть половину по догадке хуже, чем
+ * вернуть целое.
+ */
+export declare function splitLeadingSign(parts: readonly Intl.NumberFormatPart[]): {
+    sign: string;
+    rest: string;
+};
 export declare function formatDate(locale: string, value: Date | number | string, options?: Intl.DateTimeFormatOptions): string;