@feugene/granularity 0.16.0 → 0.18.0

package/dist/types/src/components/shared/hotkeyTokens.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Каталог клавиш, которые понимает `keys` у `GrKbd`.
+ *
+ * Таблица, а не цепочка `if`, по двум причинам: во-первых, список — часть
+ * публичного контракта (потребителю нужно знать, что можно написать), и
+ * витрина показывает именно его, а не свою копию; во-вторых, копия в демо или
+ * в доке разошлась бы с форматтером молча.
+ */
+/** Ключи читаемых имён — `gr.kbd.<name>`. */
+export type GrKbdKeyName = 'command' | 'option' | 'shift' | 'control' | 'enter' | 'escape' | 'tab' | 'backspace' | 'delete' | 'pageUp' | 'pageDown' | 'arrowUp' | 'arrowDown' | 'arrowLeft' | 'arrowRight';
+/** Одна клавиша в человекочитаемом виде. */
+export interface HotkeyKeyView {
+    /** Что видно на экране: символ (`⌘`) или слово (`Ctrl`). */
+    label: string;
+    /**
+     * Ключ читаемого имени (`gr.kbd.<name>`) для символьных клавиш. У `K` или
+     * `Ctrl` его нет — они и так читаются вслух.
+     */
+    name?: GrKbdKeyName;
+    /** Символ (`⌘`, `↑`) или слово (`Ctrl`, `Esc`): от этого зависит склейка в одной плашке. */
+    symbol?: boolean;
+}
+/** Смысловая группа — ею витрина и дока раскладывают каталог. */
+export type GrKbdTokenGroup = 'modifier' | 'editing' | 'navigation';
+export interface GrKbdTokenSpec {
+    /** Канонический токен: его пишут в `keys`. */
+    token: string;
+    /** Что ещё принимается — синонимы и сам глиф. */
+    aliases: readonly string[];
+    group: GrKbdTokenGroup;
+    /** Вид на macOS и на остальных платформах. */
+    apple: HotkeyKeyView;
+    other: HotkeyKeyView;
+}
+export declare const GR_KBD_TOKENS: readonly GrKbdTokenSpec[];
+/** Токен или его синоним — в описание клавиши. Регистр не важен, глиф тоже принимается. */
+export declare function findKbdToken(token: string): GrKbdTokenSpec | undefined;

package/dist/types/src/composables/internal/dragSortGeometry.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Геометрия перестановки: чистая арифметика без DOM и без реактивности.
+ *
+ * Вынесена отдельно, потому что ошибка здесь проявляется не исключением, а
+ * «элемент встал не туда» — поймать это можно только тестом на числах.
+ * Композабл `useDragSort` сводит `DOMRect` к отрезкам вдоль оси и зовёт эти
+ * функции; какой смысл у попадания, решает уже компонент.
+ */
+/** Отрезок, занимаемый элементом вдоль оси переноса. */
+export interface DragSortSpan {
+    start: number;
+    end: number;
+}
+export interface DragSortHitResult {
+    /** Индекс элемента в переданном наборе. */
+    index: number;
+    /** Доля вдоль элемента: 0 — его начало, 1 — конец. */
+    fraction: number;
+}
+/**
+ * Какой элемент под указателем и в каком месте его.
+ *
+ * Промах не отбрасывается: между строками есть зазоры, а курсор уезжает за
+ * край списка — и в обоих случаях перенос обязан продолжать показывать
+ * ближайшую цель, иначе индикатор мигает на каждом пикселе между строками.
+ *
+ * Вырожденный отрезок (нулевая высота строки) даёт `fraction: 0` — цель
+ * остаётся детерминированной, а не зависящей от направления подхода.
+ */
+export declare function hitTest(spans: readonly DragSortSpan[], position: number): DragSortHitResult | null;
+/**
+ * Куда встанет элемент, если отпустить сейчас.
+ *
+ * Верхняя половина строки — «до неё», нижняя — «после». Индекс возвращается
+ * **в терминах итогового массива**, то есть уже с поправкой на то, что
+ * перетаскиваемый элемент из него временно вынут: без поправки перенос вниз
+ * на одну позицию не двигал бы ничего.
+ */
+export declare function insertionIndex(hit: DragSortHitResult, from: number, count: number): number;
+export interface AutoScrollOptions {
+    /** Ширина чувствительной полосы у каждого края, px. По умолчанию 32. */
+    zone?: number;
+    /** Скорость на самом краю, px за кадр. По умолчанию 12. */
+    speed?: number;
+}
+/**
+ * На сколько прокрутить контейнер за кадр: отрицательное — к началу.
+ *
+ * Скорость растёт линейно по мере приближения к краю, а не включается
+ * ступенькой: ступенька на длинном списке ощущается как рывок и промахивается
+ * мимо цели.
+ */
+export declare function autoScrollDelta(viewport: DragSortSpan, position: number, options?: AutoScrollOptions): number;
+/**
+ * Перестановка без мутации входа: массив потребителя остаётся нетронутым,
+ * наружу уходит новый. `v-model` с мутацией исходного набора ломает и
+ * сравнение «было — стало», и историю в сторе потребителя.
+ */
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];

package/dist/types/src/composables/internal/overlayStack.d.ts

@@ -10,6 +10,9 @@
  *  - **`inert`** → ставится на модальные слои ниже последнего **модального**.
  *    Немодальный слой сверху модалку не понижает: иначе окно ушло бы в `inert`
  *    вместе со своим же открытым дропдауном и перестало отвечать.
+ *  - **высота** → `openModalCount()` поднимает floating-панель над окном, из
+ *    которого её открыли: телепортированная панель лежит рядом с корнем окна,
+ *    и статический `z-index` дропдауна оставлял её под ним.
  *
  * Вести эти две вершины в двух независимых реестрах нельзя: реестры описывают
  * один и тот же порядок и расходятся молча — достаточно оверлея, который
@@ -56,5 +59,13 @@ export declare function layerRootsAbove(id: number): HTMLElement[];
 export declare function allLayerRoots(): HTMLElement[];
 /** Сколько слоёв открыто. Для тестов и диагностики. */
 export declare function overlayStackSize(): number;
+/**
+ * Сколько **модальных** слоёв открыто прямо сейчас.
+ *
+ * Читает `useFloating`, когда считает высоту панели: панель телепортирована в
+ * общий портал и лежит рядом с корнем окна, а не внутри него, поэтому свой
+ * стек-контекст её не спасает — высоту приходится брать из порядка слоёв.
+ */
+export declare function openModalCount(): number;
 /** Тестовая/служебная очистка стека. */
 export declare function resetOverlayStack(): void;

package/dist/types/src/composables/useDragGesture.d.ts

@@ -0,0 +1,63 @@
+import type { Ref } from 'vue';
+/**
+ * Скелет указательного жеста: нажал, повёл, отпустил.
+ *
+ * Механика написана в пакете дважды дословно (`GrSlider`, `GrSplitter`) и
+ * ещё раз иначе (`GrImageViewer`), а следующие потребители известны заранее —
+ * swipe у `GrToaster`, перенос узла в `GrTree`, ресайз колонок `GrDataTable`.
+ * Дублируется при этом не разметка, а **правило**: оборванный жест не
+ * коммитит. Живя в двух копиях, оно разъезжается молча.
+ *
+ * Слушатели вешаются на `window`, а не на элемент: указатель уходит за
+ * границы дорожки и разделителя постоянно, и жест обязан это переживать.
+ * Захват (`setPointerCapture`) дал бы то же самое, но привязал бы жест к
+ * живому DOM-узлу — а он в середине жеста может перерисоваться.
+ *
+ * У жеста **два разных исхода**, и это главное, ради чего примитив заведён:
+ * `pointerup` — завершение (значение коммитится), `pointercancel` — обрыв
+ * (браузер забрал указатель: системный жест, скролл, потеря окна), и тогда
+ * состояние возвращается к тому, что было до нажатия.
+ *
+ * Осознанно **не** делает:
+ * - не вызывает `preventDefault` — в слайдере и сплиттере это гашение
+ *   выделения текста, а в панорамировании картинки помешало бы; строка
+ *   дешевле опции, меняющей поведение невидимо;
+ * - не считает координаты и дельты — это доменная арифметика компонента;
+ * - не знает про порог начала жеста: он нужен сортировке, где нажатие ещё не
+ *   означает перенос, и появится вместе с ней.
+ *
+ * ```ts
+ * const drag = useDragGesture({
+ *   disabled: () => isDisabled.value,
+ *   onStart: (event) => { activeThumb.value = nearestThumb(event) },
+ *   onMove: (event) => setValue(valueFromPointer(event), false),
+ *   onEnd: () => commit(),
+ *   onCancel: () => rollback(),
+ * })
+ *
+ * <div @pointerdown="drag.start" />
+ * ```
+ */
+export interface UseDragGestureOptions {
+    /** Жест не начинается: `disabled` / `readonly`. */
+    disabled?: () => boolean;
+    /**
+     * Нажатие прошло проверки. Вернуть `false` — жест не начинать: так
+     * отсеивается попадание мимо цели, когда `disabled` тут ни при чём.
+     */
+    onStart?: (event: PointerEvent) => boolean | void;
+    onMove: (event: PointerEvent) => void;
+    /** Жест завершён отпусканием: значение коммитится. */
+    onEnd?: (event?: PointerEvent) => void;
+    /** Жест оборван: откат к состоянию до нажатия. */
+    onCancel?: () => void;
+}
+export interface UseDragGestureReturn {
+    /** Идёт ли жест. Менять снаружи не нужно — состоянием владеет примитив. */
+    isDragging: Ref<boolean>;
+    /** Вешается на `@pointerdown` цели. */
+    start: (event: PointerEvent) => void;
+    /** Принудительное завершение. По умолчанию — как обрыв, без коммита. */
+    stop: (commit?: boolean) => void;
+}
+export declare function useDragGesture(options: UseDragGestureOptions): UseDragGestureReturn;

package/dist/types/src/composables/useDragSort.d.ts

@@ -0,0 +1,80 @@
+import type { Ref } from 'vue';
+/**
+ * Модель перестановки: перенос элемента указателем и с клавиатуры.
+ *
+ * Композабл владеет **механикой** — сессией жеста поверх `useDragGesture`,
+ * порогом начала, попаданием в элемент, автопрокруткой у краёв и состоянием
+ * переноса. **Смысл** остаётся у компонента: что считать целью (индекс вставки
+ * у списка, «до / внутрь / после» у дерева), какими клавишами это делается и
+ * что сказать в живой регион.
+ *
+ * Граница проведена так не из вкуса: у списка цель переноса — число, у дерева —
+ * пара «узел и зона», а `Space` в дереве уже занят чекбоксом. Общая у них
+ * механика, а не семантика; обобщать семантику значило бы завести опцию на
+ * каждое расхождение.
+ *
+ * Данные композабл не меняет: он сообщает «источник и цель», перестановку
+ * делает потребитель (`moveItem` из `internal/dragSortGeometry` — если она
+ * обычная).
+ *
+ * ```ts
+ * const sort = useDragSort<string, number>({
+ *   items: () => keys.value,
+ *   elementFor: key => rowEls.get(key),
+ *   scroller: () => scrollerEl.value,
+ *   resolveTarget: (hit, source) => insertionIndex(hit, indexOf(source), keys.value.length),
+ *   onDrop: (source, to) => emit('move', indexOf(source), to),
+ * })
+ * ```
+ */
+export type DragSortOrientation = 'vertical' | 'horizontal';
+/** Чем ведётся перенос: указателем или с клавиатуры. */
+export type DragSortMode = 'pointer' | 'keyboard';
+export interface DragSortHit<TKey> {
+    key: TKey;
+    index: number;
+    /** Доля вдоль элемента: 0 — начало, 1 — конец. Зоны нарезает компонент. */
+    fraction: number;
+}
+export interface UseDragSortOptions<TKey, TTarget> {
+    items: () => readonly TKey[];
+    elementFor: (key: TKey) => HTMLElement | null | undefined;
+    /** По умолчанию `vertical`. */
+    orientation?: () => DragSortOrientation;
+    /** Скроллер для автопрокрутки у краёв. Не задан — автопрокрутки нет. */
+    scroller?: () => HTMLElement | null | undefined;
+    disabled?: () => boolean;
+    canDrag?: (key: TKey) => boolean;
+    /** Сдвиг, после которого нажатие становится переносом. По умолчанию 4px. */
+    threshold?: () => number;
+    /**
+     * Попадание указателя → цель переноса. `null` — сюда положить нельзя.
+     *
+     * Третьим аргументом приходит прежняя цель: цели сравниваются по ссылке, и
+     * объектной цели (как «узел плюс зона» у дерева) стоит вернуть **ту же**
+     * ссылку, пока смысл не изменился, — иначе подсветка и объявления будут
+     * дёргаться на каждом движении указателя.
+     */
+    resolveTarget: (hit: DragSortHit<TKey>, source: TKey, previous: TTarget | null) => TTarget | null;
+    /** Перенос состоялся. */
+    onDrop: (source: TKey, target: TTarget) => void;
+    /** Состояние изменилось: подсветка строк и объявления — на этом. */
+    onUpdate?: (source: TKey | null, target: TTarget | null, mode: DragSortMode | null) => void;
+}
+export interface UseDragSortReturn<TKey, TTarget> {
+    source: Ref<TKey | null>;
+    target: Ref<TTarget | null>;
+    mode: Ref<DragSortMode | null>;
+    isActive: Ref<boolean>;
+    /** Вешается на `@pointerdown` ручки или строки. */
+    startFrom: (key: TKey) => (event: PointerEvent) => void;
+    /** Клавиатурный перенос: взять элемент. */
+    grab: (key: TKey) => void;
+    /** Клавиатурный перенос: назначить цель (двигать ведёт компонент). */
+    setTarget: (target: TTarget | null) => void;
+    /** Положить: если цель есть — состоится `onDrop`. */
+    drop: () => void;
+    /** Отменить: ничего не переносится. */
+    cancel: () => void;
+}
+export declare function useDragSort<TKey, TTarget>(options: UseDragSortOptions<TKey, TTarget>): UseDragSortReturn<TKey, TTarget>;

package/dist/types/src/composables/useFloating.d.ts

@@ -21,7 +21,11 @@ export interface UseFloatingOptions {
      * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.
      */
     matchWidth?: boolean | 'min' | (() => boolean | 'min');
-    /** CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию `--gr-z-dropdown`. */
+    /**
+     * CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию
+     * `--gr-z-dropdown`. Действует, пока панель открыта вне модального окна: над
+     * окном высоту задаёт стек слоёв (см. {@link floatingZIndex}).
+     */
     zIndexVar?: string;
 }
 export interface UseFloatingReturn {

package/dist/types/src/composables/useGrComponentConfig.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Чтение дефолтов `GrConfigProvider` — публичной точкой входа.
+ *
+ * Сами функции живут в `components/GrConfigProvider/context.ts` и оттуда же
+ * реэкспортируются барrelем компонента. Отдельный субпуть нужен пакетам-
+ * компаньонам: импорт из `components/GrConfigProvider` виден `granular doctor`
+ * как ребро графа компонентов, и он справедливо требует объявить зависимость.
+ * Объявлять её нельзя — композабл ничего не рендерит, а объявление притащило
+ * бы потребителю весь CSS и safelist провайдера. Импорт из `composables/*`
+ * ребра не создаёт.
+ */
+export { resolveGrConfig, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrThemeAttrs, } from '../components/GrConfigProvider/context';
+export type { GrConfigContext, GrConfigSource, GrConfigurableComponent, UseGrComponentSizeOptions, } from '../components/GrConfigProvider/context';
+/**
+ * Открытый реестр компонентов, у которых есть настраиваемые через конфиг пропы.
+ *
+ * Объявление живёт здесь, а не в `GrConfigProvider/context`, потому что это
+ * **точка расширения**: компонент дополняет реестр из своей папки через
+ * declaration merging, и то же самое обязан уметь companion-пакет. Дополнять
+ * можно только тот модуль, который тип объявляет; через реэкспорт-баррель
+ * слияние работает лишь до первой чужой аугментации, а дальше молча
+ * отваливается — типы расходятся с рантаймом, ошибки нет.
+ *
+ * ```ts
+ * // GrButton/defaults.ts
+ * declare module '../../composables/useGrComponentConfig' {
+ *   interface GrComponentDefaultsRegistry {
+ *     GrButton: GrButtonConfigurableProps
+ *   }
+ * }
+ * ```
+ *
+ * Companion-пакет пишет тот же блок с публичным именем модуля
+ * `@feugene/granularity/composables/useGrComponentConfig`.
+ *
+ * Реестр пуст по умолчанию и состоит ровно из тех компонентов, которые попали
+ * в граф типов потребителя: импортировали только `GrButton` — в
+ * `componentDefaults` типизирована только кнопка.
+ */
+export interface GrComponentDefaultsRegistry {
+}

package/dist/types/src/composables/useGranularityTranslations.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Публичная точка входа к строкам пакета.
+ *
+ * Реализация живёт в `internal/granularityI18n.ts` и остаётся внутренней: там
+ * же `resolveGranularityI18n` — резолвер адаптера для кода вне `setup`, который
+ * публичным контрактом не является. Наружу выходит только то, что нужно
+ * потребителю и companion-пакетам: сам композабл и тип адаптера.
+ *
+ * Файл-фасад, а не переезд: `internal/granularityI18n` импортируют 55 файлов
+ * пакета, и переписывание путей ради смены директории — риск без выгоды.
+ */
+export { useGranularityTranslations } from '../internal/granularityI18n';
+export type { GranularityI18nLike } from '../internal/granularityI18n';

package/dist/types/src/composables/useRovingFocus.d.ts

@@ -0,0 +1,108 @@
+import type { ComputedRef } from 'vue';
+/**
+ * Roving tabindex: группа — одна остановка `Tab`, внутрь заходят стрелками.
+ *
+ * Механика написана в пакете шесть раз (`GrDropdownMenu`, `GrTree`, `GrTabs`,
+ * `GrSegmented`, `GrRadio`, `GrInputTag`) и разошлась не стилистически, а по
+ * существу: у одних кольцо зациклено, у других упирается в края; одни
+ * пропускают выключенные элементы, другие намеренно нет; адресуются то
+ * индексом, то ключом, то значением. Каждое расхождение здесь стало опцией —
+ * поэтому опций много, и это дешевле, чем седьмая копия.
+ *
+ * Осознанно **не** обобщается активация: `Enter`/`Space` и «двигает ли стрелка
+ * выбор» — доменная логика компонента. У `GrSegmented` и `GrRadio` стрелка
+ * меняет значение, у `GrTree` и `GrInputTag` — нет, у `GrTabs` это проп.
+ * Примитив ведёт фокус и отдаёт `onMove`; что делать с переездом, решает
+ * компонент.
+ *
+ * Инвариант «ровно один элемент с `tabindex="0"`» держит `rovingKey`: это
+ * `computed`, а не `ref`, поэтому при смене набора он самокорректируется в
+ * момент чтения. Отдельная нормализация с `watch(..., { flush: 'sync' })`,
+ * как в `GrTree`, больше не нужна.
+ */
+/** Какие стрелки ведут по набору. */
+export type GrRovingOrientation = 'horizontal' | 'vertical' | 'both' | 'grid';
+/** Край набора, в который упёрлось движение. */
+export type GrRovingEdge = 'start' | 'end';
+export interface UseRovingFocusOptions<TKey> {
+    /** Ключи элементов в порядке отображения. Индекс, значение, opaque-ключ — что угодно сравнимое по `===`. */
+    items: () => readonly TKey[];
+    /**
+     * DOM-узел элемента. Массив ref-ов, `Map`, `querySelector` — примитиву
+     * безразлично, знать раскладку обязан компонент.
+     */
+    elementFor: (key: TKey) => HTMLElement | null | undefined;
+    /** Выключен ли элемент. Спрашивается только при `skipDisabled`. */
+    isDisabled?: (key: TKey) => boolean;
+    /** По умолчанию `vertical`. */
+    orientation?: () => GrRovingOrientation;
+    /** Ширина строки для `orientation: 'grid'`. Игнорируется в остальных режимах. */
+    columns?: () => number;
+    /** Замкнуто ли кольцо. По умолчанию `true`. */
+    wrap?: () => boolean;
+    /**
+     * Пропускать выключенные при движении. По умолчанию `false`: в паттерне
+     * `menu` выключенный пункт остаётся в обходе намеренно — `aria-disabled`
+     * оставляет его фокусируемым, чтобы скринридер прочёл, что он есть.
+     */
+    skipDisabled?: () => boolean;
+    /**
+     * Стартовый элемент, когда фокус в группе ещё не был — обычно выбранное
+     * значение.
+     *
+     * **Выключенность здесь не проверяется, и это не упущение.** Проверить её
+     * автоматически по `isDisabled` нельзя: у `GrSegmented` загружающийся сегмент
+     * остановку `Tab` сохраняет, хотя для движения заблокирован, а у `GrRadio`
+     * выключенный переключатель терять её обязан. Условие знает только вызывающий,
+     * поэтому геттер обязан вернуть `undefined` для значения, которое не может
+     * принять фокус. Забыть об этом — значит оставить группу без остановки `Tab`
+     * вовсе: элемент с `tabindex="0"` будет назначен, но отрисует `-1`.
+     */
+    initialKey?: () => TKey | undefined;
+    /**
+     * Позиция переехала — компонент решает, менять ли заодно выбор. Вызывается
+     * **до** переноса фокуса: в `radiogroup` стрелка переносит выбор, и модель
+     * обязана примениться раньше, чем сфокусируется целевой элемент.
+     */
+    onMove?: (key: TKey, previous: TKey | undefined) => void;
+    /**
+     * Движение упёрлось в край при `wrap: false`. Вернул `true` — считаем клавишу
+     * обработанной (кольцо `GrInputTag` так отдаёт фокус полю ввода, календарь —
+     * листает месяц).
+     */
+    onOverflow?: (edge: GrRovingEdge, delta: number) => boolean;
+    /**
+     * Донести элемент до экрана перед фокусом: виртуализация, `scrollIntoView`,
+     * ожидание перерисовки после `onMove`. Вернул промис — фокус ждёт ровно его,
+     * без добавленных примитивом тиков; вернул `undefined` — фокус остаётся
+     * синхронным, чтобы не менять тайминг у компонентов, которые на него
+     * полагаются.
+     */
+    beforeFocus?: (key: TKey) => void | Promise<void>;
+}
+export interface UseRovingFocusReturn<TKey> {
+    /** Элемент, который держит `tabindex="0"`. Никогда не «никто» при непустом наборе. */
+    rovingKey: ComputedRef<TKey | undefined>;
+    /** `0` для роверного элемента, `-1` для всех остальных. */
+    tabindexFor: (key: TKey) => 0 | -1;
+    /** Сделать активным без переноса фокуса — для синхронизации с мышью (`@focus`, `@click`). */
+    setActive: (key: TKey) => void;
+    /**
+     * Забыть явно наведённый фокус: остановка `Tab` возвращается к производной
+     * (`initialKey` → первый доступный). Нужно, когда набор опустел, — иначе
+     * устаревший ключ всплывёт, как только элементы появятся снова.
+     */
+    reset: () => void;
+    /** Сделать активным и перенести фокус. */
+    focusKey: (key: TKey) => Promise<void>;
+    /** Сдвиг на `delta` позиций от текущего. Вернёт `false`, если движение не состоялось. */
+    moveBy: (delta: number) => boolean;
+    /** На край набора (в `grid` — на край текущей строки). */
+    moveToEdge: (edge: GrRovingEdge) => boolean;
+    /**
+     * Стрелки, `Home`, `End` по объявленной ориентации. Возвращает `true`, если
+     * клавиша обработана (с `preventDefault`) — остальное компонент разбирает сам.
+     */
+    handleNavigationKeys: (event: KeyboardEvent) => boolean;
+}
+export declare function useRovingFocus<TKey>(options: UseRovingFocusOptions<TKey>): UseRovingFocusReturn<TKey>;

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

@@ -66,6 +66,7 @@ export declare const granularityComponentConfigs: {
     GrSidebar: GranularComponentDescriptor<"GrSidebar">;
     GrSkeleton: GranularComponentDescriptor<"GrSkeleton">;
     GrSlider: GranularComponentDescriptor<"GrSlider">;
+    GrSortableList: GranularComponentDescriptor<"GrSortableList">;
     GrSplitter: GranularComponentDescriptor<"GrSplitter">;
     GrStatistic: GranularComponentDescriptor<"GrStatistic">;
     GrSwitch: GranularComponentDescriptor<"GrSwitch">;

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

@@ -41,6 +41,7 @@ export declare const en: {
                     drag: string;
                     expand: string;
                     collapse: string;
+                    moved: string;
                 };
                 select: {
                     customValuePlaceholder: string;
@@ -59,6 +60,10 @@ export declare const en: {
                     sortAsc: string;
                     sortDesc: string;
                     sortNone: string;
+                    moveColumn: string;
+                    columnMoved: string;
+                    resizeColumn: string;
+                    columnResized: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -277,6 +282,16 @@ export declare const en: {
                     control: string;
                     enter: string;
                     escape: string;
+                    tab: string;
+                    backspace: string;
+                    delete: string;
+                    pageUp: string;
+                    pageDown: string;
+                    arrowUp: string;
+                    arrowDown: string;
+                    arrowLeft: string;
+                    arrowRight: string;
+                    then: string;
                 };
                 link: {
                     opensInNewTab: string;
@@ -317,6 +332,15 @@ export declare const en: {
                 emptyState: {
                     title: string;
                 };
+                sortable: {
+                    label: string;
+                    handle: string;
+                    empty: string;
+                    grabbed: string;
+                    moved: string;
+                    dropped: string;
+                    cancelled: string;
+                };
             };
             common: {
                 confirm: string;
@@ -350,6 +374,7 @@ export declare const en: {
                 drag: string;
                 expand: string;
                 collapse: string;
+                moved: string;
             };
             select: {
                 customValuePlaceholder: string;
@@ -368,6 +393,10 @@ export declare const en: {
                 sortAsc: string;
                 sortDesc: string;
                 sortNone: string;
+                moveColumn: string;
+                columnMoved: string;
+                resizeColumn: string;
+                columnResized: string;
             };
             breadcrumbs: {
                 label: string;
@@ -586,6 +615,16 @@ export declare const en: {
                 control: string;
                 enter: string;
                 escape: string;
+                tab: string;
+                backspace: string;
+                delete: string;
+                pageUp: string;
+                pageDown: string;
+                arrowUp: string;
+                arrowDown: string;
+                arrowLeft: string;
+                arrowRight: string;
+                then: string;
             };
             link: {
                 opensInNewTab: string;
@@ -626,6 +665,15 @@ export declare const en: {
             emptyState: {
                 title: string;
             };
+            sortable: {
+                label: string;
+                handle: string;
+                empty: string;
+                grabbed: string;
+                moved: string;
+                dropped: string;
+                cancelled: string;
+            };
         }>;
     };
 };