@feugene/granularity 0.48.0 → 0.50.0

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;
@@ -148,6 +157,8 @@ export declare const es: {
                 };
                 switch: {
                     loading: string;
+                    on: string;
+                    off: string;
                 };
                 slider: {
                     min: string;
@@ -233,6 +244,8 @@ export declare const es: {
                     removed: string;
                     cleared: string;
                     limitReached: string;
+                    editTag: string;
+                    edited: string;
                 };
                 fileUpload: {
                     placeholder: string;
@@ -358,6 +371,8 @@ export declare const es: {
                     hexLabel: string;
                     presetsLabel: string;
                     swatchLabel: string;
+                    area: string;
+                    eyedropper: string;
                 };
                 collapse: {
                     empty: string;
@@ -384,6 +399,7 @@ export declare const es: {
                 };
                 emptyState: {
                     title: string;
+                    searchTitle: string;
                 };
                 sortable: {
                     label: string;
@@ -424,6 +440,7 @@ export declare const es: {
                 reordered: string;
                 reorderFiltered: string;
                 cancelled: string;
+                loading: string;
             };
             carousel: {
                 roledescription: string;
@@ -462,6 +479,7 @@ export declare const es: {
                 filterPlaceholder: string;
                 empty: string;
                 loading: string;
+                removeTag: string;
             };
             badgeWrap: {
                 count: string;
@@ -511,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;
@@ -553,6 +578,8 @@ export declare const es: {
             };
             switch: {
                 loading: string;
+                on: string;
+                off: string;
             };
             slider: {
                 min: string;
@@ -638,6 +665,8 @@ export declare const es: {
                 removed: string;
                 cleared: string;
                 limitReached: string;
+                editTag: string;
+                edited: string;
             };
             fileUpload: {
                 placeholder: string;
@@ -763,6 +792,8 @@ export declare const es: {
                 hexLabel: string;
                 presetsLabel: string;
                 swatchLabel: string;
+                area: string;
+                eyedropper: string;
             };
             collapse: {
                 empty: string;
@@ -789,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;
@@ -149,6 +158,8 @@ export declare const ru: {
                 };
                 switch: {
                     loading: string;
+                    on: string;
+                    off: string;
                 };
                 slider: {
                     min: string;
@@ -234,6 +245,8 @@ export declare const ru: {
                     removed: string;
                     cleared: string;
                     limitReached: string;
+                    editTag: string;
+                    edited: string;
                 };
                 fileUpload: {
                     placeholder: string;
@@ -360,6 +373,8 @@ export declare const ru: {
                     hexLabel: string;
                     presetsLabel: string;
                     swatchLabel: string;
+                    area: string;
+                    eyedropper: string;
                 };
                 collapse: {
                     empty: string;
@@ -386,6 +401,7 @@ export declare const ru: {
                 };
                 emptyState: {
                     title: string;
+                    searchTitle: string;
                 };
                 sortable: {
                     label: string;
@@ -426,6 +442,7 @@ export declare const ru: {
                 reordered: string;
                 reorderFiltered: string;
                 cancelled: string;
+                loading: string;
             };
             carousel: {
                 roledescription: string;
@@ -464,6 +481,7 @@ export declare const ru: {
                 filterPlaceholder: string;
                 empty: string;
                 loading: string;
+                removeTag: string;
             };
             badgeWrap: {
                 count: string;
@@ -513,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;
@@ -556,6 +581,8 @@ export declare const ru: {
             };
             switch: {
                 loading: string;
+                on: string;
+                off: string;
             };
             slider: {
                 min: string;
@@ -641,6 +668,8 @@ export declare const ru: {
                 removed: string;
                 cleared: string;
                 limitReached: string;
+                editTag: string;
+                edited: string;
             };
             fileUpload: {
                 placeholder: string;
@@ -767,6 +796,8 @@ export declare const ru: {
                 hexLabel: string;
                 presetsLabel: string;
                 swatchLabel: string;
+                area: string;
+                eyedropper: string;
             };
             collapse: {
                 empty: string;
@@ -793,6 +824,7 @@ export declare const ru: {
             };
             emptyState: {
                 title: string;
+                searchTitle: string;
             };
             sortable: {
                 label: string;

package/dist/types/index.d.ts

@@ -48,6 +48,7 @@ export * from './components/GrLoading';
 export * from './components/GrModal';
 export * from './components/GrNavbar';
 export * from './components/GrNumberInput';
+export * from './components/GrOtpInput';
 export * from './components/GrPagination';
 export * from './components/GrPopover';
 export * from './components/GrProgressBar';
@@ -71,6 +72,7 @@ export * from './components/GrSwitch';
 export * from './components/GrTable';
 export * from './components/GrTabPanels';
 export * from './components/GrTabs';
+export * from './components/GrTabsWithPanels';
 export * from './components/GrTextarea';
 export * from './components/GrTimeline';
 export * from './components/GrToaster';
@@ -113,6 +115,8 @@ export { useGrFormControl } from './composables/useGrFormControl';
 export type { GrFormControlProps, GrFormControlState } from './composables/useGrFormControl';
 export { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from './composables/useTheme';
 export type { ThemeName, UseThemeOptions } from './composables/useTheme';
+export { GRANULARITY_HOTKEYS_STATE, granularityHotkeysPlugin, useHotkeys } from './composables/useHotkeys';
+export type { GranularityHotkeysPluginOptions, GrHotkeyDefinition, GrHotkeyRegistry } from './composables/useHotkeys';
 export { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast } from './composables/useToast';
 export type { GranularityToastPluginOptions, GrToastTone, Toast, ToastInput, ToastPromiseMessages, ToastState, } from './composables/useToast';
 export { GR_TONES } from './components/shared/tones';

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

@@ -0,0 +1,22 @@
+import type { ParsedHotkeyCombo } from './keyboard';
+/**
+ * Сопоставление последовательностей клавиш («G, затем I»).
+ *
+ * Хранится буфер недавних нажатий, а хвост буфера сверяется с шагами хоткея.
+ * Буфер, а не автомат на каждый хоткей: цепочки с общим началом (`g i` и `g p`)
+ * буфер разводит сам, тогда как набор автоматов пришлось бы синхронизировать
+ * между собой — и первый же сброс одного из них ронял бы второй.
+ */
+/** Пауза, после которой набранное забывается. */
+export declare const HOTKEY_SEQUENCE_TIMEOUT_MS = 1000;
+export interface HotkeySequenceTracker {
+    /**
+     * Принять нажатие. Возвращает `false`, если событие в буфер не пошло —
+     * потребителю это говорит, что состояние не изменилось.
+     */
+    push: (event: KeyboardEvent, now: number) => boolean;
+    /** Совпадает ли хвост буфера со всеми шагами. */
+    matches: (steps: readonly ParsedHotkeyCombo[], apple?: boolean) => boolean;
+    reset: () => void;
+}
+export declare function createHotkeySequenceTracker(timeoutMs?: number): HotkeySequenceTracker;

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

@@ -50,3 +50,48 @@ export declare function eventMatchesKey(event: KeyboardEvent, expected: string,
  * Буквы под исключение не попадают: `'a'` и Shift+A — разные намерения.
  */
 export declare function shiftSatisfied(event: KeyboardEvent, expectedKey: string, expectShift: boolean): boolean;
+/**
+ * Разбор строки сочетания — один на пакет.
+ *
+ * Синтаксис `mod+shift+k` читают и директива `v-hotkey`, и `GrCommandPalette`
+ * со своим слушателем на `window`. Разборов было два, почти одинаковых, и они
+ * молча разошлись: `esc` и `space` директива приводила к `Escape` и пробелу, а
+ * палитра оставляла как есть — то есть сравнивала `event.key === 'esc'`, что не
+ * бывает истиной никогда, и такой хоткей не срабатывал вовсе.
+ */
+export interface ParsedHotkeyCombo {
+    key: string;
+    ctrl: boolean;
+    meta: boolean;
+    alt: boolean;
+    shift: boolean;
+    /** `mod` — Cmd на macOS, Ctrl на остальных платформах. */
+    mod: boolean;
+}
+/**
+ * Имя клавиши в том виде, в каком его даёт `KeyboardEvent.key`.
+ *
+ * Регистр многобуквенных имён сохраняется (`ArrowUp`, `F6`): их сравнивают
+ * посимвольно. Одиночные символы приводятся к нижнему регистру — верхний у них
+ * означает Shift, а он объявляется отдельным токеном.
+ */
+export declare function normalizeHotkeyToken(token: string): string;
+export declare function parseHotkeyCombo(combo: string): ParsedHotkeyCombo | null;
+/**
+ * Последовательность шагов: `'g i'` — «G, затем I», `'mod+k p'` — «⌘K, затем P».
+ *
+ * Шаги делятся пробелом, аккорд внутри шага — плюсом. Аккорд оказывается
+ * частным случаем из одного шага, поэтому отдельного пути для него нет: `'mod+k'`
+ * разбирается тем же вызовом и даёт массив длины один.
+ *
+ * Сам пробел как клавиша пишется словом `space` и с разделителем не спорит.
+ */
+export declare function parseHotkeySequence(value: string): ParsedHotkeyCombo[];
+/**
+ * Совпадает ли событие с шагом сочетания.
+ *
+ * Проверки IME-композиции здесь намеренно нет: у потребителей разный момент,
+ * когда её задавать. Директива спрашивает один раз на событие, до перебора всех
+ * своих хоткеев, — зашитая внутрь проверка повторялась бы на каждом.
+ */
+export declare function matchesHotkeyCombo(event: KeyboardEvent, combo: ParsedHotkeyCombo, apple?: boolean): boolean;