@feugene/granularity 0.16.0 → 0.18.0

package/dist/types/src/components/GrAlert/defaults.d.ts

@@ -16,7 +16,7 @@ export interface GrAlertConfigurableProps {
     closable: boolean;
     live: GrAlertLive;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrAlert: GrAlertConfigurableProps;
     }

package/dist/types/src/components/GrAutocomplete/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrAutocompleteConfigurableProps {
     size: GrAutocompleteSize;
     clearable: boolean;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrAutocomplete: GrAutocompleteConfigurableProps;
     }

package/dist/types/src/components/GrAvatar/defaults.d.ts

@@ -9,7 +9,7 @@ export interface GrAvatarConfigurableProps {
     size: GrComponentSize;
     shape: GrAvatarShape;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrAvatar: GrAvatarConfigurableProps;
     }

package/dist/types/src/components/GrBadge/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrBadgeConfigurableProps {
     size: GrBadgeSize;
     radius: GrBadgeRadius;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrBadge: GrBadgeConfigurableProps;
     }

package/dist/types/src/components/GrBottomNav/defaults.d.ts

@@ -9,7 +9,7 @@ import type { GrComponentSize } from '../GrConfigProvider/context';
 export interface GrBottomNavConfigurableProps {
     size: GrComponentSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrBottomNav: GrBottomNavConfigurableProps;
     }

package/dist/types/src/components/GrBreadcrumbs/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrBreadcrumbsConfigurableProps {
     size: GrBreadcrumbsSize;
     separator: string;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrBreadcrumbs: GrBreadcrumbsConfigurableProps;
     }

package/dist/types/src/components/GrButton/defaults.d.ts

@@ -18,7 +18,7 @@ export interface GrButtonConfigurableProps {
  * `GrConfigProvider`, чтобы провайдер не знал про конкретные компоненты: тип
  * приезжает к потребителю ровно тогда, когда он импортирует сам `GrButton`.
  */
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrButton: GrButtonConfigurableProps;
     }

package/dist/types/src/components/GrCard/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrCardConfigurableProps {
     padding: GrCardPadding;
     variant: GrCardVariant;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrCard: GrCardConfigurableProps;
     }

package/dist/types/src/components/GrCheckbox/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrCheckboxSize } from './grCheckboxStyles';
 export interface GrCheckboxConfigurableProps {
     size: GrCheckboxSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrCheckbox: GrCheckboxConfigurableProps;
     }

package/dist/types/src/components/GrCheckboxGroup/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrCheckboxSize } from '../GrCheckbox/grCheckboxStyles';
 export interface GrCheckboxGroupConfigurableProps {
     size: GrCheckboxSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrCheckboxGroup: GrCheckboxGroupConfigurableProps;
     }

package/dist/types/src/components/GrCollapse/defaults.d.ts

@@ -12,7 +12,7 @@ export interface GrCollapseConfigurableProps {
     expandIconPosition: GrCollapseIconPosition;
     headingLevel: GrCollapseHeadingLevel;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrCollapse: GrCollapseConfigurableProps;
     }

package/dist/types/src/components/GrColorPicker/defaults.d.ts

@@ -8,7 +8,7 @@ import type { GrColorPickerSize } from './grColorPickerStyles';
 export interface GrColorPickerConfigurableProps {
     size: GrColorPickerSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrColorPicker: GrColorPickerConfigurableProps;
     }

package/dist/types/src/components/GrColorPicker/grColorPickerStyles.d.ts

@@ -13,7 +13,7 @@ export declare const triggerBaseClass = "inline-flex w-full min-w-0 items-center
 export declare const triggerDisabledClass = "cursor-not-allowed border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]";
 export declare const triggerEnabledClass = "cursor-pointer hover:border-[var(--gr-primary)]";
 export declare const triggerInvalidClass = "border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]";
-export declare const triggerValueClass = "min-w-0 flex-1 truncate text-left [font-variant-numeric:tabular-nums]";
+export declare const triggerValueClass = "min-w-0 flex-1 truncate text-left tabular-nums";
 /**
  * Шахматка под прозрачным цветом. Живёт классом-маркером, а сами клетки рисует
  * `<style>` компонента: два `conic-gradient` в утилите не выражаются.
@@ -26,7 +26,7 @@ export declare const panelBaseClass = "grid";
 export declare const previewClass = "relative h-10 w-full overflow-hidden rounded-[var(--gr-radius-md)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)]";
 export declare const rowClass = "grid grid-cols-[1.25rem_minmax(0,1fr)_2.75rem] items-center gap-2";
 export declare const rowLabelClass = "text-[var(--gr-muted-fg)]";
-export declare const rowValueClass = "text-right text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]";
+export declare const rowValueClass = "text-right text-[var(--gr-muted-fg)] tabular-nums";
 export declare const presetsGridClass = "flex flex-wrap gap-1.5";
 export declare const presetBaseClass = "relative h-5 w-5 shrink-0 overflow-hidden rounded-[var(--gr-radius-sm)] border border-[color-mix(in_srgb,var(--gr-fg)_18%,transparent)] transition-shadow duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 export declare const presetSelectedClass = "ring-2 ring-[var(--gr-primary)] ring-offset-1 ring-offset-[var(--gr-popover)]";

package/dist/types/src/components/GrCommandPalette/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrCommandPaletteSize } from './grCommandPaletteStyles';
 export interface GrCommandPaletteConfigurableProps {
     size: GrCommandPaletteSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrCommandPalette: GrCommandPaletteConfigurableProps;
     }

package/dist/types/src/components/GrConfigProvider/context.d.ts

@@ -1,4 +1,5 @@
 import { type ComputedRef, type InjectionKey } from 'vue';
+import type { GrComponentDefaultsRegistry } from '../../composables/useGrComponentConfig';
 /**
  * Контекст `GrConfigProvider` — глобальные дефолты для вложенных GR-компонентов:
  * размер контролов и per-component дефолтные пропсы.
@@ -15,29 +16,13 @@ import { type ComputedRef, type InjectionKey } from 'vue';
 export declare const GR_COMPONENT_SIZES: readonly ["xs", "sm", "md", "lg"];
 export type GrComponentSize = typeof GR_COMPONENT_SIZES[number];
 /**
- * Открытый реестр компонентов, у которых есть настраиваемые через конфиг пропы.
+ * Реестр компонентов с настраиваемыми через конфиг пропами.
  *
- * Пустой по умолчанию: каждый компонент дополняет его **из своей папки** через
- * declaration merging (`GrButton/defaults.ts` и т. п.). Так провайдер не знает
- * ни имён, ни типов конкретных компонентов — контракт объявляет тот, кто им
- * владеет, а не общий модуль.
- *
- * Практическое следствие: реестр состоит ровно из тех компонентов, которые
- * попали в граф типов потребителя. Импортировали только `GrButton` — в
- * `componentDefaults` типизирована только кнопка, типы `GrBadge` в проект не
- * приезжают.
- *
- * ```ts
- * // GrButton/defaults.ts
- * declare module '../GrConfigProvider/context' {
- *   interface GrComponentDefaultsRegistry {
- *     GrButton: GrButtonConfigurableProps
- *   }
- * }
- * ```
+ * Объявлен в `composables/useGrComponentConfig` — там же, куда его дополняют
+ * и компоненты пакета, и companion-пакеты. Здесь только реэкспорт для тех, кто
+ * работает с контекстом провайдера напрямую.
  */
-export interface GrComponentDefaultsRegistry {
-}
+export type { GrComponentDefaultsRegistry };
 /** Имя компонента, у которого есть настраиваемые через конфиг пропы. */
 export type GrConfigurableComponent = keyof GrComponentDefaultsRegistry;
 /**
@@ -155,4 +140,3 @@ export declare function useGrComponentProp<TComponent extends GrConfigurableComp
 export declare function useGrThemeAttrs(): ComputedRef<{
     'data-theme'?: string;
 }>;
-export {};

package/dist/types/src/components/GrConfigProvider/index.d.ts

@@ -1,6 +1,6 @@
 export { default } from './GrConfigProvider.vue';
 export { default as GrConfigProvider } from './GrConfigProvider.vue';
 export type { GrComponentDefaults, GrComponentSize } from './GrConfigProvider.vue';
-export { GR_COMPONENT_SIZES, GR_CONFIG_KEY, type GrComponentDefaultsRegistry, type GrConfigContext, type GrConfigSource, type GrConfigurableComponent, resolveGrConfig, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, type UseGrComponentSizeOptions, useGrConfig, } from './context';
+export { GR_COMPONENT_SIZES, GR_CONFIG_KEY, type GrComponentDefaultsRegistry, type GrConfigContext, type GrConfigSource, type GrConfigurableComponent, resolveGrConfig, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, type UseGrComponentSizeOptions, useGrConfig, useGrThemeAttrs, } from './context';
 export { grConfigProviderConfig } from './config';
 export type { GrConfigProviderProps } from './GrConfigProvider.vue';

package/dist/types/src/components/GrConfirmDialog/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrDialogSize } from '../GrDialog/dialogShared';
 export interface GrConfirmDialogConfigurableProps {
     size: GrDialogSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrConfirmDialog: GrConfirmDialogConfigurableProps;
     }

package/dist/types/src/components/GrDataTable/GrDataTable.vue.d.ts

@@ -18,6 +18,14 @@ export type GrDataColumn<TRow extends Record<string, unknown> = Record<string, u
      * задаёт первая строка таблицы, а это и есть `<thead>`.
      */
     width?: string | number;
+    /**
+     * Колонка липнет к краю при горизонтальной прокрутке.
+     *
+     * Закреплённые колонки всегда стоят своей группой у своего края — перенос
+     * колонки из группы в группу запрещён, иначе «закреплена слева» перестало бы
+     * означать «слева».
+     */
+    pinned?: 'left' | 'right';
 };
 export type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> = string | ((row: TRow) => string | number);
 /** Порядок обхода состояний сортировки по клику на заголовок. */
@@ -88,6 +96,29 @@ export interface GrDataTableProps<TRow extends Record<string, unknown> = Record<
     virtual?: boolean;
     /** Максимальная высота таблицы (вертикальный скролл). Число — в пикселях. */
     maxHeight?: string | number;
+    /**
+     * Пользовательский порядок колонок: в шапке появляется ручка переноса.
+     * Колонка тянется указателем и двигается `Shift`+`←`/`→` с клавиатуры.
+     */
+    reorderableColumns?: boolean;
+    /**
+     * Контролируемый порядок колонок — ключи в нужном порядке (`v-model:columnOrder`).
+     * Не задан — порядок компонент помнит сам, начиная с порядка `columns`.
+     */
+    columnOrder?: string[];
+    /**
+     * Пользовательская ширина колонок: у правого края заголовка появляется ручка.
+     * Тянется указателем, с клавиатуры — стрелками (паттерн window splitter).
+     *
+     * Включает фиксированную раскладку таблицы: без неё браузер пересчитывает
+     * ширины по содержимому и заданная пользователем пропадает.
+     */
+    resizableColumns?: boolean;
+    /**
+     * Контролируемые ширины в пикселях по ключу колонки (`v-model:columnWidths`).
+     * Не заданы — ширины компонент помнит сам.
+     */
+    columnWidths?: Record<string, number>;
 }
 export interface GrDataTableEmits<TRow extends Record<string, unknown> = Record<string, unknown>> {
     (e: 'update:sortKey', value: string): void;
@@ -102,6 +133,17 @@ export interface GrDataTableEmits<TRow extends Record<string, unknown> = Record<
         index: number;
         event: MouseEvent;
     }): void;
+    (e: 'update:columnOrder', value: string[]): void;
+    (e: 'columnReorder', payload: {
+        key: string;
+        from: number;
+        to: number;
+    }): void;
+    (e: 'update:columnWidths', value: Record<string, number>): void;
+    (e: 'columnResize', payload: {
+        key: string;
+        width: number;
+    }): void;
 }
 declare const __VLS_export: <TRow extends Record<string, unknown> = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & __VLS_PrettifyLocal<GrDataTableProps<TRow> & {
@@ -117,6 +159,17 @@ declare const __VLS_export: <TRow extends Record<string, unknown> = Record<strin
             index: number;
             event: MouseEvent;
         }) => any) | undefined;
+        "onUpdate:columnOrder"?: ((value: string[]) => any) | undefined;
+        onColumnReorder?: ((payload: {
+            key: string;
+            from: number;
+            to: number;
+        }) => any) | undefined;
+        "onUpdate:columnWidths"?: ((value: Record<string, number>) => any) | undefined;
+        onColumnResize?: ((payload: {
+            key: string;
+            width: number;
+        }) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/types/src/components/GrDataTable/defaults.d.ts

@@ -3,7 +3,7 @@ import type { GrComponentSize } from '../GrConfigProvider/context';
 export interface GrDataTableConfigurableProps {
     size: GrComponentSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrDataTable: GrDataTableConfigurableProps;
     }

package/dist/types/src/components/GrDataTable/grDataTableStyles.d.ts

@@ -11,6 +11,45 @@ export declare const cellPaddings: Record<GrDataTableSize, string>;
 export declare const rowHeightEstimates: Record<GrDataTableSize, number>;
 /** Заглушки loading/empty: по горизонтали как ячейка, по вертикали просторнее. */
 export declare const placeholderPaddings: Record<GrDataTableSize, string>;
+/**
+ * Ручка перестановки колонки. Появляется по наведению на заголовок и по
+ * фокусу: постоянная сетка ручек в шапке из десяти колонок читается как рябь,
+ * а не как управление.
+ */
+export declare const columnHandleClass = "inline-flex shrink-0 cursor-grab items-center text-[var(--gr-datatable-drag-handle,var(--gr-muted-fg))] opacity-0 [touch-action:none] transition-opacity duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] rounded-[var(--gr-radius-sm)] group-hover:opacity-100";
+export declare const columnHandleActiveClass = "opacity-100";
+export declare const columnHandleIconClass = "i-lucide-grip-vertical block";
+/** Переносимая колонка гасится, чтобы было видно, что она «поднята». */
+export declare const columnDraggingClass = "bg-[var(--gr-muted)]";
+/**
+ * Место вставки — полоса по краю ячейки заголовка. Псевдоэлемент, а не свой
+ * узел: `<th>` не терпит посторонних детей в раскладке таблицы.
+ */
+export declare const columnDropBeforeClass = "before:absolute before:inset-y-0 before:left-0 before:w-[var(--gr-datatable-drag-indicator-width,2px)] before:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] before:content-empty";
+export declare const columnDropAfterClass = "after:absolute after:inset-y-0 after:right-0 after:w-[var(--gr-datatable-drag-indicator-width,2px)] after:bg-[var(--gr-datatable-drag-indicator,var(--gr-primary))] after:content-empty";
+/**
+ * Подсветка выбранной строки. Живёт здесь, потому что закреплённой ячейке её
+ * приходится повторять: у ячейки свой непрозрачный фон, и подсветка строки
+ * сквозь него не видна.
+ */
+export declare const rowSelectedClass = "bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]";
+/**
+ * Ручка ширины — полоса у правого края заголовка. Видима она узкой линией, а
+ * ловится широкой зоной: попасть в двухпиксельную границу мышью тяжело.
+ */
+export declare const columnResizerClass = "absolute inset-y-0 right-0 z-[1] flex w-3 translate-x-1/2 cursor-col-resize items-stretch justify-center [touch-action:none] focus:outline-none";
+export declare const columnResizerLineClass = "w-[var(--gr-datatable-resizer-width,2px)] bg-transparent transition-colors duration-[var(--gr-duration-fast)]";
+/** Полоса подсвечивается только когда её ведут или на неё встал фокус. */
+export declare const columnResizerLineActiveClass = "bg-[var(--gr-datatable-resizer,var(--gr-primary))]";
+export declare const columnResizerHoverClass = "hover:bg-[var(--gr-datatable-resizer,var(--gr-primary))] focus-visible:bg-[var(--gr-datatable-resizer,var(--gr-primary))]";
+/**
+ * Закреплённая колонка липнет к краю прокрутки. Фон обязателен: без него
+ * уезжающие под неё ячейки просвечивают насквозь.
+ */
+export declare const columnPinnedClass = "sticky z-[2] bg-[var(--gr-card)]";
+/** Граница группы закреплённых колонок — тень, а не рамка: рамка сдвигает сетку. */
+export declare const columnPinnedLeftEdgeClass = "shadow-[var(--gr-datatable-pinned-shadow,4px_0_6px_-4px_rgba(0,0,0,0.25))]";
+export declare const columnPinnedRightEdgeClass = "shadow-[var(--gr-datatable-pinned-shadow-end,-4px_0_6px_-4px_rgba(0,0,0,0.25))]";
 /** Подпись колонки набирается мельче тела таблицы — она не данные, а навигация. */
 export declare const headerTextSizes: Record<GrDataTableSize, string>;
 /**

package/dist/types/src/components/GrDialog/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrDialogSize } from './dialogShared';
 export interface GrDialogConfigurableProps {
     size: GrDialogSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrDialog: GrDialogConfigurableProps;
     }

package/dist/types/src/components/GrDivider/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrDividerConfigurableProps {
     variant: GrDividerVariant;
     spacing: GrDividerSpacing;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrDivider: GrDividerConfigurableProps;
     }

package/dist/types/src/components/GrDrawer/defaults.d.ts

@@ -12,7 +12,7 @@ export interface GrDrawerConfigurableProps {
     size: GrDrawerSize;
     side: GrDrawerSide;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrDrawer: GrDrawerConfigurableProps;
     }

package/dist/types/src/components/GrEmptyState/defaults.d.ts

@@ -9,7 +9,7 @@ export interface GrEmptyStateConfigurableProps {
     variant: GrEmptyStateVariant;
     headingLevel: GrEmptyStateHeadingLevel;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrEmptyState: GrEmptyStateConfigurableProps;
     }

package/dist/types/src/components/GrFileUpload/defaults.d.ts

@@ -3,7 +3,7 @@ import type { GrComponentSize } from '../GrConfigProvider/context';
 export interface GrFileUploadConfigurableProps {
     size: GrComponentSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrFileUpload: GrFileUploadConfigurableProps;
     }

package/dist/types/src/components/GrFormField/defaults.d.ts

@@ -8,7 +8,7 @@ export interface GrFormFieldConfigurableProps {
     size: GrFormFieldSize;
     labelPosition: GrFormFieldLabelPosition;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrFormField: GrFormFieldConfigurableProps;
     }

package/dist/types/src/components/GrFormFile/defaults.d.ts

@@ -3,7 +3,7 @@ import type { GrComponentSize } from '../GrConfigProvider/context';
 export interface GrFormFileConfigurableProps {
     size: GrComponentSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrFormFile: GrFormFileConfigurableProps;
     }

package/dist/types/src/components/GrFormSection/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrFormSectionHeadingLevel } from './grFormSectionStyles';
 export interface GrFormSectionConfigurableProps {
     headingLevel: GrFormSectionHeadingLevel;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrFormSection: GrFormSectionConfigurableProps;
     }

package/dist/types/src/components/GrIcon/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrComponentSize } from '../shared/sizes';
 export interface GrIconConfigurableProps {
     size: GrComponentSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrIcon: GrIconConfigurableProps;
     }

package/dist/types/src/components/GrImageViewer/composables/usePointerGestures.d.ts

@@ -32,5 +32,6 @@ export declare function usePointerGestures(options: UsePointerGesturesOptions):
     onPointerDown: (event: PointerEvent) => void;
     onPointerMove: (event: PointerEvent) => void;
     onPointerUp: (event: PointerEvent) => void;
+    onPointerCancel: (event: PointerEvent) => void;
     reset: () => void;
 };

package/dist/types/src/components/GrImageViewer/composables/useZoomPan.d.ts

@@ -58,7 +58,6 @@ export declare function useZoomPan(options: UseZoomPanOptions): {
     startPan: (x: number, y: number) => void;
     movePan: (x: number, y: number) => void;
     endPan: () => void;
+    cancelPan: () => void;
     onPointerDown: (event: PointerEvent) => void;
-    onPointerMove: (event: PointerEvent) => void;
-    onPointerUp: (event: PointerEvent) => void;
 };

package/dist/types/src/components/GrInput/defaults.d.ts

@@ -11,7 +11,7 @@ export interface GrInputConfigurableProps {
     size: GrComponentSize;
     clearable: boolean;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrInput: GrInputConfigurableProps;
     }

package/dist/types/src/components/GrInputTag/defaults.d.ts

@@ -10,7 +10,7 @@ export interface GrInputTagConfigurableProps {
     size: GrComponentSize;
     clearable: boolean;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrInputTag: GrInputTagConfigurableProps;
     }

package/dist/types/src/components/GrKbd/GrKbd.vue.d.ts

@@ -1,12 +1,23 @@
 import type { GrComponentSize } from '../shared/sizes';
+import { type GrKbdVariant } from './grKbdStyles';
 export interface GrKbdProps {
     size?: GrKbdSize;
+    /**
+     * `merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами
+     * системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу.
+     * `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.
+     */
+    variant?: GrKbdVariant;
     /**
      * Сочетание: строкой (`"mod+shift+K"`) или набором токенов
      * (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.
      */
     keys?: string | string[];
-    /** Разделитель между клавишами сочетания. Пустая строка — только зазор. */
+    /**
+     * Разделитель между клавишами. Не задан — авто: в общей плашке символы
+     * склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это
+     * плюс, у `sequence` — слово из локали. Пустая строка — только зазор.
+     */
     separator?: string;
     platform?: GrKbdPlatform;
 }
@@ -17,6 +28,7 @@ export interface GrKbdProps {
  * Сочетание — пропом: `<GrKbd keys="mod+K" />` (на macOS `⌘ K`, иначе `Ctrl K`).
  */
 export type GrKbdSize = GrComponentSize;
+export type { GrKbdVariant } from './grKbdStyles';
 /** Откуда брать платформу для токена `mod`. */
 export type GrKbdPlatform = 'auto' | 'apple' | 'other';
 declare var __VLS_1: {};
@@ -25,15 +37,18 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrKbdProps>, {
     size: undefined;
+    variant: string;
     keys: undefined;
-    separator: string;
+    separator: undefined;
     platform: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrKbdProps>, {
     size: undefined;
+    variant: string;
     keys: undefined;
-    separator: string;
+    separator: undefined;
     platform: string;
 }>>> & Readonly<{}>, {
+    variant: GrKbdVariant;
     size: GrKbdSize;
     separator: string;
     keys: string | string[];

package/dist/types/src/components/GrKbd/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrKbdSize } from './GrKbd.vue';
 export interface GrKbdConfigurableProps {
     size: GrKbdSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrKbd: GrKbdConfigurableProps;
     }

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

@@ -5,11 +5,28 @@ import type { GrComponentSize } from '../shared/sizes';
  * Шкала полная (`xs…lg`), а не «sm и всё остальное»: тип пропа обещает четыре
  * ступени, и `xs`/`lg` не должны молча рендериться как `md`.
  */
-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)] [font-variant-numeric:tabular-nums]";
+export declare const GR_KBD_VARIANTS: readonly ["merged", "split", "sequence"];
+/**
+ * `merged` — сочетание одной плашкой (`⌘K`), как его пишут сами системы;
+ * `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";
 export declare const keySizes: Record<GrComponentSize, string>;
-/** Обёртка комбинации: сама рамки не имеет — её рисуют вложенные клавиши. */
+/**
+ * Клавиша внутри общей плашки: ни рамки, ни фона, ни собственной ширины —
+ * иначе `⌘K` разъехалось бы зазорами внутри одного чипа.
+ */
+export declare const mergedKeyClass = "inline-flex items-center justify-center";
+/** Обёртка `split`: сама рамки не имеет — её рисуют вложенные клавиши. */
 export declare const comboBaseClass = "inline-flex items-center align-middle";
 export declare const comboGaps: Record<GrComponentSize, string>;
+/** Зазор внутри общей плашки: между глифами он меньше, чем между плашками. */
+export declare const mergedGaps: Record<GrComponentSize, string>;
 export declare const separatorClass = "select-none text-[var(--gr-muted-fg)]";
+/** Слово-разделитель аккорда стоит между плашками и не липнет к ним. */
+export declare const sequenceSeparatorClass = "select-none px-1 text-[var(--gr-muted-fg)]";
 export declare function grKbdKeyClass(size: GrComponentSize): string;
-export declare function grKbdComboClass(size: GrComponentSize): string;
+export declare function grKbdComboClass(size: GrComponentSize, variant: GrKbdVariant): string;
+/** Класс клавиши внутри сочетания: в общей плашке она без собственной рамки. */
+export declare function grKbdInnerKeyClass(size: GrComponentSize, variant: GrKbdVariant): string;

package/dist/types/src/components/GrKbd/index.d.ts

@@ -4,4 +4,10 @@ export type { GrKbdPlatform, GrKbdSize } from './GrKbd.vue';
 export { grKbdConfig } from './config';
 export type { GrKbdConfigurableProps } from './defaults';
 export { grKbdSafelist } from './safelist';
+/**
+ * Каталог поддерживаемых клавиш: по нему витрина и дока строят список, а не
+ * держат свою копию.
+ */
+export { findKbdToken, GR_KBD_TOKENS } from '../shared/hotkeyTokens';
+export type { GrKbdKeyName, GrKbdTokenGroup, GrKbdTokenSpec } from '../shared/hotkeyTokens';
 export type { GrKbdProps } from './GrKbd.vue';

package/dist/types/src/components/GrLink/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrLinkSize } from './grLinkStyles';
 export interface GrLinkConfigurableProps {
     size: GrLinkSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrLink: GrLinkConfigurableProps;
     }

package/dist/types/src/components/GrModal/defaults.d.ts

@@ -7,7 +7,7 @@ import type { GrModalSize } from './grModalStyles';
 export interface GrModalConfigurableProps {
     size: GrModalSize;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrModal: GrModalConfigurableProps;
     }