@feugene/granularity 0.49.0 → 0.50.0

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

@@ -20,6 +20,22 @@ export interface GrTooltipProps {
     disabled?: boolean;
     /** Управляемая видимость. Без неё компонент ведёт видимость сам. */
     open?: boolean;
+    /**
+     * Обёртка занимает ширину родителя вместо ширины содержимого.
+     *
+     * Нужно там, где триггер обязан тянуться: пункт списка, строка меню, ячейка.
+     * `inline-flex` по умолчанию схлопнул бы такой триггер по содержимому, и
+     * подсветка с кольцом фокуса сжались бы вместе с ним.
+     */
+    block?: boolean;
+    /**
+     * Вешать ли `aria-describedby` на триггер. По умолчанию да.
+     *
+     * `false` — когда подсказка **дословно повторяет** доступное имя триггера:
+     * тогда это не описание, а шум, и диктор произносит подпись дважды. Так
+     * устроен свёрнутый `GrSidebarItem`: имя у него уже в `aria-label`.
+     */
+    describeTrigger?: boolean;
 }
 export interface GrTooltipEmits {
     (e: 'update:open', value: boolean): void;
@@ -40,6 +56,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeDelay: number;
     disabled: boolean;
     open: undefined;
+    block: boolean;
+    describeTrigger: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTooltipProps>, {
@@ -52,6 +70,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeDelay: number;
     disabled: boolean;
     open: undefined;
+    block: boolean;
+    describeTrigger: boolean;
 }>>> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -59,11 +79,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     text: string;
     size: GrTooltipSize;
+    block: boolean;
     open: boolean;
     offsetPx: number;
     openDelay: number;
     closeDelay: number;
     iconColor: string;
+    describeTrigger: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -19,12 +19,31 @@ export interface GrTransferProps<T extends Record<string, unknown> = Record<stri
     searchable?: boolean;
     /** Свой матчер: встроенный ищет по `itemLabel`, а строка может показывать больше. */
     filter?: (item: T, query: string) => boolean;
+    /**
+     * Каталог в пути: пустая панель говорит «ищем», а не «ничего не найдено».
+     *
+     * Проп общий на обе панели, а не свой у каждой: `items` — один каталог, и обе
+     * панели его виды, так что пока он едет, пусты обе. Подгрузку запускает
+     * потребитель по событию `search`, поэтому и флаг держит он.
+     */
+    loading?: boolean;
+    /** Текст индикатора. Не задан — из локали (`gr.transfer.loading`). */
+    loadingText?: string;
     /** Правую панель можно переставлять. */
     sortable?: boolean;
     /** Перетаскивание строк указателем. Усиление поверх кнопок, а не контракт. */
     draggable?: boolean;
     /** Высота панелей: обе одинаковы и прокручиваются внутри себя. */
     maxHeight?: number | string;
+    /**
+     * Держать в DOM только окно строк вокруг вьюпорта. Нужен `maxHeight`: без
+     * него панель не прокручивается, окна нет и виртуализировать нечего.
+     *
+     * Перенос от этого не страдает — он идёт по модели, а не по разметке. А вот
+     * перетаскивание указателем ограничено отрисованными строками: навести
+     * указатель на то, чего нет на экране, всё равно нечем.
+     */
+    virtual?: boolean;
     size?: GrComponentSize;
     disabled?: boolean;
     readonly?: boolean;
@@ -89,6 +108,10 @@ declare const __VLS_export: <TItem extends Record<string, unknown> = Record<stri
             side: GrTransferSide;
             filtered: boolean;
         }) => unknown;
+        /** Панель под загрузкой — вместо текста «ищем». */
+        loading?: (props: {
+            side: GrTransferSide;
+        }) => unknown;
     };
     emit: GrTransferEmits;
 }>) => import("vue").VNode & {

package/dist/types/components/GrTreeSelect/grTreeSelectStyles.d.ts

@@ -29,7 +29,7 @@ export declare function grTreeSelectClass(options: {
     invalid: boolean;
     disabled?: boolean;
 }): string;
-export declare const grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+export declare const grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] flex flex-col max-h-[var(--gr-floating-available-height,100vh)] overflow-hidden";
 /**
  * Строка состояния панели: загрузка и «нет данных». По центру и с двойным
  * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.

package/dist/types/components/GrTreeSelect/grTreeSelectTypes.d.ts

@@ -1,6 +1,7 @@
 import type { InputHTMLAttributes } from 'vue';
 import type { GrInputSize } from '../GrInput/GrInput.vue';
 import type { GrTreeFilterNodeMethod, GrTreeKey, GrTreePropsMap } from '../GrTree';
+import type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge/grBadgeStyles';
 import type { GrTreeSelectState } from './grTreeSelectStyles';
 export type GrTreeSelectModelValue = GrTreeKey | GrTreeKey[] | null;
 export type GrTreeSelectValueDisplay = 'label' | 'path';
@@ -39,6 +40,25 @@ export interface GrTreeSelectProps<T extends object = any> {
     showCheckbox?: boolean;
     /** Отвязать родителей от детей: отметка перестаёт распространяться каскадом. */
     checkStrictly?: boolean;
+    /**
+     * Чипы выбранных узлов в триггере вместо строки «a, b, c». Работает только
+     * вместе с `multiple`: у одиночного выбора чип был бы плашкой на одно значение.
+     */
+    tags?: boolean;
+    /**
+     * Сколько чипов показать до сворачивания остатка в «+N». Без него растёт весь
+     * набор, а высота триггера за ним не идёт — лишние чипы уходят за край.
+     */
+    maxTagCount?: number;
+    /**
+     * Вид чипов. Чип — это `GrBadge`: своя плашка на светлой теме почти не
+     * отличалась бы от фона поля. Имена и шкалы те же, что у `GrSelect`, — переходя
+     * с одного компонента на другой, потребитель не переучивается.
+     */
+    tagTone?: GrBadgeTone;
+    tagDark?: boolean;
+    tagSize?: GrBadgeSize;
+    tagRadius?: GrBadgeRadius;
     clearable?: boolean;
     /**
      * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт

package/dist/types/components/shared/hotkey.d.ts

@@ -10,19 +10,13 @@
  * а палитра в закрытом состоянии не рендерит ничего. Поэтому здесь — свой
  * матчер на `window`, с тем же синтаксисом комбинаций плюс токен `mod`.
  */
+import type { ParsedHotkeyCombo } from '../../internal/keyboard';
 import { type HotkeyKeyView } from './hotkeyTokens';
 export { isAppleDevice } from '../../internal/keyboard';
 export { findKbdToken, GR_KBD_TOKENS } from './hotkeyTokens';
 export type { GrKbdKeyName, GrKbdTokenGroup, GrKbdTokenSpec, HotkeyKeyView } from './hotkeyTokens';
-export type ParsedCommandHotkey = {
-    key: string;
-    ctrl: boolean;
-    meta: boolean;
-    alt: boolean;
-    shift: boolean;
-    /** `mod` — Cmd на macOS, Ctrl на остальных платформах. */
-    mod: boolean;
-};
+/** Разбор сочетания — общий на пакет, см. `internal/keyboard`. */
+export type ParsedCommandHotkey = ParsedHotkeyCombo;
 export declare function parseCommandHotkey(combo: string): ParsedCommandHotkey | null;
 export declare function matchesCommandHotkey(event: KeyboardEvent, hotkey: ParsedCommandHotkey, apple?: boolean): boolean;
 /** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */
@@ -36,3 +30,8 @@ export declare function formatHotkeyToken(token: string, apple: boolean): Hotkey
 export declare function formatHotkeyTokens(tokens: readonly string[], apple: boolean): HotkeyKeyView[];
 /** Комбинация строкой (`mod+shift+K`) — в набор токенов в порядке показа. */
 export declare function splitHotkeyCombo(combo: string): string[];
+/**
+ * Последовательность строкой (`g i`, `mod+k p`) — в шаги, каждый набором
+ * токенов. Аккорд даёт один шаг, поэтому отдельного пути для него нет.
+ */
+export declare function splitHotkeySequence(value: string): string[][];

package/dist/types/components/shared/optionPanel.d.ts

@@ -0,0 +1,100 @@
+import type { ComputedRef, Ref } from 'vue';
+/**
+ * Панель списка опций с группами — общая машинерия `GrSelect` и `GrAutocomplete`.
+ *
+ * Модуль ничего не знает об опции: ему нужны только её место в наборе и
+ * принадлежность группе. Поэтому он обобщён по типу опции, а не по типу
+ * значения — иначе у двух компонентов с разными шкалами значений получилось бы
+ * две копии одного алгоритма, и разошлись бы они молча.
+ *
+ * Разделение ответственности: **что показывать** решает компонент (у каждого
+ * своя фильтрация — локальный матчер, серверный ответ, «добавить своё»), а
+ * **как это разложить** — здесь.
+ */
+/** Элемент панели: заголовок группы либо опция. Плоский, в порядке отрисовки. */
+export type OptionPanelItem<TOption> = {
+    kind: 'group';
+    label: string;
+    key: string;
+}
+/** `groupKey` связывает опцию с заголовком её группы для скринридера. */
+ | {
+    kind: 'option';
+    option: TOption;
+    key: string;
+    groupKey?: string;
+};
+export type OptionPanelOptionRow<TOption> = {
+    option: TOption;
+    key: string;
+    /** Позиция в плоском наборе: из неё строится `id`, поэтому она не от значения. */
+    index: number;
+};
+export type OptionPanelGroupRow<TOption> = {
+    kind: 'group';
+    label: string;
+    key: string;
+    options: OptionPanelOptionRow<TOption>[];
+    /**
+     * Есть ли в этой отрисовке видимый заголовок. При виртуализации окно может
+     * начаться серединой группы: обёртка нужна всё равно, а заголовка нет —
+     * имя тогда идёт в `aria-label`.
+     */
+    labelVisible?: boolean;
+    /** Позиция заголовка в наборе — по ней его замеряет виртуализатор. */
+    labelIndex?: number;
+};
+export type OptionPanelRow<TOption> = OptionPanelGroupRow<TOption> | ({
+    kind: 'option';
+} & OptionPanelOptionRow<TOption>);
+/**
+ * Плоский набор → строки для рендера: заголовок группы не сосед опций, а их
+ * контейнер.
+ *
+ * Прямыми потомками `role="listbox"` обязаны быть только опции, иначе диктор
+ * считает заголовок таким же элементом выбора. Имя группе даёт `aria-labelledby`
+ * на её заголовке.
+ *
+ * `windowed` описывает срез: при виртуализации окно может начаться серединой
+ * группы, и такая группа открывается **без** видимого заголовка — иначе её
+ * опции оказались бы прямыми детьми listbox'а и потеряли имя набора.
+ */
+export declare function buildOptionPanelRows<TOption>(items: OptionPanelItem<TOption>[], options?: {
+    /** Смещение индексов, если срез начат не с нуля. */
+    offset?: number;
+    windowed?: boolean;
+    /** Метки групп по ключу — нужны группе, чей заголовок остался выше окна. */
+    groupLabels?: Map<string, string>;
+}): OptionPanelRow<TOption>[];
+export interface UseOptionPanelVirtualizationOptions<TOption> {
+    panelItems: ComputedRef<OptionPanelItem<TOption>[]>;
+    panelRows: ComputedRef<OptionPanelRow<TOption>[]>;
+    /** Есть ли перед опциями строка «добавить своё»: она сдвигает весь набор. */
+    hasLeadingRow: ComputedRef<boolean>;
+    /** Контейнер списка: по нему считается окно и замеряются строки. */
+    listboxEl: Ref<HTMLElement | null>;
+    enabled: () => boolean;
+    maxHeight: () => number;
+}
+export interface OptionPanelVirtualization<TOption> {
+    virtualEnabled: ComputedRef<boolean>;
+    /** Сдвиг набора: ведущая строка стоит перед опциями. */
+    addOffset: ComputedRef<number>;
+    scrollToIndex: (index: number) => void;
+    /** Замер строки: оценка высоты уточняется по реальному узлу. */
+    measure: (index: number, el: Element | null) => void;
+    /** ARIA набора для опции; вне виртуализации набор виден по DOM. */
+    optionSetProps: (index: number) => Record<string, number> | undefined;
+    leadingRowSetProps: ComputedRef<Record<string, number> | undefined>;
+    showLeadingRow: ComputedRef<boolean>;
+    renderedPanelRows: ComputedRef<OptionPanelRow<TOption>[]>;
+    listboxStyle: ComputedRef<Record<string, string>>;
+}
+/**
+ * Виртуализация панели с группами.
+ *
+ * Набор — `[ведущая строка?] + panelItems`, то есть заголовки групп идут в нём
+ * наравне с опциями: на экране они занимают такую же строку. Вложенную
+ * структуру групп рендер пересобирает уже из окна.
+ */
+export declare function useOptionPanelVirtualization<TOption>(options: UseOptionPanelVirtualizationOptions<TOption>): OptionPanelVirtualization<TOption>;

package/dist/types/components/shared/overlayListPanel.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Панель списка, ужимающаяся до места, оставшегося до края вьюпорта.
+ *
+ * Слой позиционирования публикует замер в `--gr-floating-available-height`
+ * (`composables/useFloating.ts`), и панель берёт его потолком: собственный
+ * `dropdownMaxHeight` на коротком экране больше доступного места, а сжать
+ * панель не умеют ни `flip`, ни `shift` — низ списка просто уходит за край.
+ *
+ * Колонка обязательна вместе с потолком. Панель держит не только список, но и
+ * поле поиска, строку «добавить своё» и строки состояний; без `flex-col` и
+ * `min-h-0` у списка ужимался бы не он, а панель целиком — то есть вместо
+ * одного скролла вышло бы два.
+ *
+ * Модуль отдельный от `overlayPanelSurface` намеренно: ту поверхность берёт и
+ * `GrPopover` со своим потолком, а класс из общего модуля обязан объявить в
+ * safelist **каждый** импортёр, даже не пользующийся им.
+ */
+export declare const overlayListPanelClass = "flex flex-col max-h-[var(--gr-floating-available-height,100vh)]";

package/dist/types/composables/useHotkeys.d.ts

@@ -0,0 +1,43 @@
+import type { App, InjectionKey } from 'vue';
+/**
+ * Реестр горячих клавиш приложения: один источник «id → сочетание + подпись».
+ *
+ * Без него сочетание пишется дважды — в привязке (`v-hotkey`) и в подсказке
+ * (`GrKbd`), — и расходится молча: подсказка обещает одно, а срабатывает другое,
+ * и заметить это можно только руками.
+ *
+ * Реестр объявляет **умолчания приложения**. Пользовательские переопределения —
+ * состояние приложения, и жить им здесь незачем: кит про них ничего не знает.
+ */
+export interface GrHotkeyDefinition {
+    /**
+     * Сочетание в общем синтаксисе пакета: `'mod+k'` — аккорд, `'g i'` —
+     * «G, затем I». Разбор — `parseHotkeySequence`.
+     */
+    keys: string;
+    /** Человекочитаемое имя действия: для подсказок и списка сочетаний. */
+    label?: string;
+}
+export type GrHotkeyRegistry = Record<string, GrHotkeyDefinition>;
+interface HotkeysState {
+    hotkeys: GrHotkeyRegistry;
+}
+export interface GranularityHotkeysPluginOptions {
+    hotkeys?: GrHotkeyRegistry;
+}
+/** Ключ provide/inject для app-scoped реестра (устанавливает плагин ниже). */
+export declare const GRANULARITY_HOTKEYS_STATE: InjectionKey<HotkeysState>;
+export declare const granularityHotkeysPlugin: {
+    install(app: App, options?: GranularityHotkeysPluginOptions): void;
+};
+/** Сброс модульного реестра и dev-предупреждения. Внутреннее API — нужно тестам. */
+export declare function resetHotkeysRegistry(): void;
+export declare function useHotkeys(): {
+    hotkeys: import("vue").ComputedRef<GrHotkeyRegistry>;
+    get: (id: string) => GrHotkeyDefinition | undefined;
+    register: (id: string, definition: GrHotkeyDefinition) => void;
+    byHotkeyId: (map: Record<string, unknown>) => Record<string, any>;
+    keysOf: (id: string) => string | undefined;
+    labelOf: (id: string) => string | undefined;
+};
+export {};

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

@@ -85,6 +85,7 @@ export declare const granularityComponentConfigs: {
     GrTable: GranularComponentDescriptor<"GrTable">;
     GrTabPanels: GranularComponentDescriptor<"GrTabPanels">;
     GrTabs: GranularComponentDescriptor<"GrTabs">;
+    GrTabsWithPanels: GranularComponentDescriptor<"GrTabsWithPanels">;
     GrTextarea: GranularComponentDescriptor<"GrTextarea">;
     GrTimeline: GranularComponentDescriptor<"GrTimeline">;
     GrToaster: GranularComponentDescriptor<"GrToaster">;

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

@@ -26,6 +26,7 @@ export declare const en: {
                     reordered: string;
                     reorderFiltered: string;
                     cancelled: string;
+                    loading: string;
                 };
                 carousel: {
                     roledescription: string;
@@ -64,6 +65,7 @@ export declare const en: {
                     filterPlaceholder: string;
                     empty: string;
                     loading: string;
+                    removeTag: string;
                 };
                 badgeWrap: {
                     count: string;
@@ -113,6 +115,13 @@ export declare const en: {
                     detailExpanded: string;
                     detailCollapsed: string;
                     detailReady: string;
+                    columnMenu: string;
+                    pinLeft: string;
+                    pinRight: string;
+                    unpin: string;
+                    columnPinnedLeft: string;
+                    columnPinnedRight: string;
+                    columnUnpinned: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -241,6 +250,8 @@ export declare const en: {
                     removed: string;
                     cleared: string;
                     limitReached: string;
+                    editTag: string;
+                    edited: string;
                 };
                 fileUpload: {
                     placeholder: string;
@@ -365,6 +376,8 @@ export declare const en: {
                     hexLabel: string;
                     presetsLabel: string;
                     swatchLabel: string;
+                    area: string;
+                    eyedropper: string;
                 };
                 collapse: {
                     empty: string;
@@ -391,6 +404,7 @@ export declare const en: {
                 };
                 emptyState: {
                     title: string;
+                    searchTitle: string;
                 };
                 sortable: {
                     label: string;
@@ -431,6 +445,7 @@ export declare const en: {
                 reordered: string;
                 reorderFiltered: string;
                 cancelled: string;
+                loading: string;
             };
             carousel: {
                 roledescription: string;
@@ -469,6 +484,7 @@ export declare const en: {
                 filterPlaceholder: string;
                 empty: string;
                 loading: string;
+                removeTag: string;
             };
             badgeWrap: {
                 count: string;
@@ -518,6 +534,13 @@ export declare const en: {
                 detailExpanded: string;
                 detailCollapsed: string;
                 detailReady: string;
+                columnMenu: string;
+                pinLeft: string;
+                pinRight: string;
+                unpin: string;
+                columnPinnedLeft: string;
+                columnPinnedRight: string;
+                columnUnpinned: string;
             };
             breadcrumbs: {
                 label: string;
@@ -646,6 +669,8 @@ export declare const en: {
                 removed: string;
                 cleared: string;
                 limitReached: string;
+                editTag: string;
+                edited: string;
             };
             fileUpload: {
                 placeholder: string;
@@ -770,6 +795,8 @@ export declare const en: {
                 hexLabel: string;
                 presetsLabel: string;
                 swatchLabel: string;
+                area: string;
+                eyedropper: string;
             };
             collapse: {
                 empty: string;
@@ -796,6 +823,7 @@ export declare const en: {
             };
             emptyState: {
                 title: string;
+                searchTitle: string;
             };
             sortable: {
                 label: string;

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

@@ -19,6 +19,7 @@ export declare const es: {
                     reordered: string;
                     reorderFiltered: string;
                     cancelled: string;
+                    loading: string;
                 };
                 carousel: {
                     roledescription: string;
@@ -57,6 +58,7 @@ export declare const es: {
                     filterPlaceholder: string;
                     empty: string;
                     loading: string;
+                    removeTag: string;
                 };
                 badgeWrap: {
                     count: string;
@@ -106,6 +108,13 @@ export declare const es: {
                     detailExpanded: string;
                     detailCollapsed: string;
                     detailReady: string;
+                    columnMenu: string;
+                    pinLeft: string;
+                    pinRight: string;
+                    unpin: string;
+                    columnPinnedLeft: string;
+                    columnPinnedRight: string;
+                    columnUnpinned: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -235,6 +244,8 @@ export declare const es: {
                     removed: string;
                     cleared: string;
                     limitReached: string;
+                    editTag: string;
+                    edited: string;
                 };
                 fileUpload: {
                     placeholder: string;
@@ -360,6 +371,8 @@ export declare const es: {
                     hexLabel: string;
                     presetsLabel: string;
                     swatchLabel: string;
+                    area: string;
+                    eyedropper: string;
                 };
                 collapse: {
                     empty: string;
@@ -386,6 +399,7 @@ export declare const es: {
                 };
                 emptyState: {
                     title: string;
+                    searchTitle: string;
                 };
                 sortable: {
                     label: string;
@@ -426,6 +440,7 @@ export declare const es: {
                 reordered: string;
                 reorderFiltered: string;
                 cancelled: string;
+                loading: string;
             };
             carousel: {
                 roledescription: string;
@@ -464,6 +479,7 @@ export declare const es: {
                 filterPlaceholder: string;
                 empty: string;
                 loading: string;
+                removeTag: string;
             };
             badgeWrap: {
                 count: string;
@@ -513,6 +529,13 @@ export declare const es: {
                 detailExpanded: string;
                 detailCollapsed: string;
                 detailReady: string;
+                columnMenu: string;
+                pinLeft: string;
+                pinRight: string;
+                unpin: string;
+                columnPinnedLeft: string;
+                columnPinnedRight: string;
+                columnUnpinned: string;
             };
             breadcrumbs: {
                 label: string;
@@ -642,6 +665,8 @@ export declare const es: {
                 removed: string;
                 cleared: string;
                 limitReached: string;
+                editTag: string;
+                edited: string;
             };
             fileUpload: {
                 placeholder: string;
@@ -767,6 +792,8 @@ export declare const es: {
                 hexLabel: string;
                 presetsLabel: string;
                 swatchLabel: string;
+                area: string;
+                eyedropper: string;
             };
             collapse: {
                 empty: string;
@@ -793,6 +820,7 @@ export declare const es: {
             };
             emptyState: {
                 title: string;
+                searchTitle: string;
             };
             sortable: {
                 label: string;

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

@@ -19,6 +19,7 @@ export declare const ru: {
                     reordered: string;
                     reorderFiltered: string;
                     cancelled: string;
+                    loading: string;
                 };
                 carousel: {
                     roledescription: string;
@@ -57,6 +58,7 @@ export declare const ru: {
                     filterPlaceholder: string;
                     empty: string;
                     loading: string;
+                    removeTag: string;
                 };
                 badgeWrap: {
                     count: string;
@@ -106,6 +108,13 @@ export declare const ru: {
                     detailExpanded: string;
                     detailCollapsed: string;
                     detailReady: string;
+                    columnMenu: string;
+                    pinLeft: string;
+                    pinRight: string;
+                    unpin: string;
+                    columnPinnedLeft: string;
+                    columnPinnedRight: string;
+                    columnUnpinned: string;
                 };
                 breadcrumbs: {
                     label: string;
@@ -236,6 +245,8 @@ export declare const ru: {
                     removed: string;
                     cleared: string;
                     limitReached: string;
+                    editTag: string;
+                    edited: string;
                 };
                 fileUpload: {
                     placeholder: string;
@@ -362,6 +373,8 @@ export declare const ru: {
                     hexLabel: string;
                     presetsLabel: string;
                     swatchLabel: string;
+                    area: string;
+                    eyedropper: string;
                 };
                 collapse: {
                     empty: string;
@@ -388,6 +401,7 @@ export declare const ru: {
                 };
                 emptyState: {
                     title: string;
+                    searchTitle: string;
                 };
                 sortable: {
                     label: string;
@@ -428,6 +442,7 @@ export declare const ru: {
                 reordered: string;
                 reorderFiltered: string;
                 cancelled: string;
+                loading: string;
             };
             carousel: {
                 roledescription: string;
@@ -466,6 +481,7 @@ export declare const ru: {
                 filterPlaceholder: string;
                 empty: string;
                 loading: string;
+                removeTag: string;
             };
             badgeWrap: {
                 count: string;
@@ -515,6 +531,13 @@ export declare const ru: {
                 detailExpanded: string;
                 detailCollapsed: string;
                 detailReady: string;
+                columnMenu: string;
+                pinLeft: string;
+                pinRight: string;
+                unpin: string;
+                columnPinnedLeft: string;
+                columnPinnedRight: string;
+                columnUnpinned: string;
             };
             breadcrumbs: {
                 label: string;
@@ -645,6 +668,8 @@ export declare const ru: {
                 removed: string;
                 cleared: string;
                 limitReached: string;
+                editTag: string;
+                edited: string;
             };
             fileUpload: {
                 placeholder: string;
@@ -771,6 +796,8 @@ export declare const ru: {
                 hexLabel: string;
                 presetsLabel: string;
                 swatchLabel: string;
+                area: string;
+                eyedropper: string;
             };
             collapse: {
                 empty: string;
@@ -797,6 +824,7 @@ export declare const ru: {
             };
             emptyState: {
                 title: string;
+                searchTitle: string;
             };
             sortable: {
                 label: string;