@feugene/granularity 0.12.0 → 0.16.0

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

@@ -15,6 +15,20 @@ export declare const ru: {
                 treeSelect: {
                     filterPlaceholder: string;
                     empty: string;
+                    loading: string;
+                };
+                badgeWrap: {
+                    count: string;
+                };
+                avatar: {
+                    group: string;
+                    groupOverflow: string;
+                    status: {
+                        online: string;
+                        offline: string;
+                        busy: string;
+                        away: string;
+                    };
                 };
                 tree: {
                     drag: string;
@@ -25,6 +39,48 @@ export declare const ru: {
                     customValuePlaceholder: string;
                     addOption: string;
                     clearOption: string;
+                    searchPlaceholder: string;
+                    loading: string;
+                    noResults: string;
+                    removeTag: string;
+                };
+                dataTable: {
+                    loading: string;
+                    empty: string;
+                    selectAll: string;
+                    selectRow: string;
+                    sortAsc: string;
+                    sortDesc: string;
+                    sortNone: string;
+                };
+                breadcrumbs: {
+                    label: string;
+                    expand: string;
+                };
+                autocomplete: {
+                    loading: string;
+                    noResults: string;
+                    addOption: string;
+                    removeValue: string;
+                    typeMore: {
+                        one: string;
+                        few: string;
+                        many: string;
+                        other: string;
+                    };
+                };
+                form: {
+                    required: string;
+                    min: string;
+                    max: string;
+                    len: string;
+                    pattern: string;
+                    email: string;
+                    url: string;
+                    file: string;
+                    invalid: string;
+                    readonly: string;
+                    validating: string;
                 };
                 dialog: {
                     confirm: {
@@ -35,6 +91,26 @@ export declare const ru: {
                         label: string;
                         required: string;
                     };
+                    ok: string;
+                };
+                switch: {
+                    loading: string;
+                };
+                slider: {
+                    min: string;
+                    max: string;
+                };
+                sidebar: {
+                    expand: string;
+                    collapse: string;
+                };
+                splitter: {
+                    label: string;
+                };
+                statistic: {
+                    trendUp: string;
+                    trendDown: string;
+                    trendFlat: string;
                 };
                 pagination: {
                     label: string;
@@ -44,6 +120,9 @@ export declare const ru: {
                     page: string;
                     first: string;
                     last: string;
+                    jumpTo: string;
+                    total: string;
+                    status: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -61,6 +140,7 @@ export declare const ru: {
                     serverMessage: string;
                     unknownTitle: string;
                     unknownMessage: string;
+                    statusLabel: string;
                     retryLabel: string;
                     dismissLabel: string;
                 };
@@ -77,6 +157,9 @@ export declare const ru: {
                 drawer: {
                     title: string;
                 };
+                modal: {
+                    title: string;
+                };
                 numberInput: {
                     increase: string;
                     decrease: string;
@@ -87,10 +170,28 @@ export declare const ru: {
                 };
                 inputTag: {
                     removeTag: string;
+                    removeTagNamed: string;
+                    clearAll: string;
+                    added: string;
+                    addedMany: string;
+                    removed: string;
+                    cleared: string;
+                    limitReached: string;
                 };
                 fileUpload: {
                     placeholder: string;
                     progress: string;
+                    uploading: string;
+                    success: string;
+                    error: string;
+                    remove: string;
+                    retry: string;
+                    retryFile: string;
+                    abortFile: string;
+                    statusPending: string;
+                    statusUploading: string;
+                    statusSuccess: string;
+                    statusError: string;
                 };
                 formFile: {
                     upload: string;
@@ -99,6 +200,7 @@ export declare const ru: {
                     clearAll: string;
                     placeholder: string;
                     validateError: string;
+                    removeFile: string;
                 };
                 imageViewer: {
                     close: string;
@@ -107,9 +209,13 @@ export declare const ru: {
                     zoomIn: string;
                     zoomOut: string;
                     resetZoom: string;
+                    zoomToNatural: string;
                     rotateLeft: string;
                     rotateRight: string;
+                    download: string;
                     empty: string;
+                    label: string;
+                    position: string;
                 };
                 formErrorBanner: {
                     validationTitle: string;
@@ -130,6 +236,83 @@ export declare const ru: {
                     clear: string;
                     showPassword: string;
                     hidePassword: string;
+                    limitReached: string;
+                };
+                textarea: {
+                    lines: {
+                        one: string;
+                        few: string;
+                        many: string;
+                        other: string;
+                    };
+                };
+                rating: {
+                    label: string;
+                    valueText: string;
+                    valueTextWithLabel: string;
+                };
+                commandPalette: {
+                    label: string;
+                    placeholder: string;
+                    empty: string;
+                    recent: string;
+                    loading: string;
+                };
+                fileValidation: {
+                    accept: string;
+                    extension: string;
+                    mimeType: string;
+                    mimeTypeFallback: string;
+                    maxFileSize: string;
+                    maxCount: string;
+                    maxTotalSize: string;
+                };
+                kbd: {
+                    command: string;
+                    option: string;
+                    shift: string;
+                    control: string;
+                    enter: string;
+                    escape: string;
+                };
+                link: {
+                    opensInNewTab: string;
+                };
+                colorPicker: {
+                    panelLabel: string;
+                    hue: string;
+                    saturation: string;
+                    lightness: string;
+                    opacity: string;
+                    hexLabel: string;
+                    presetsLabel: string;
+                    swatchLabel: string;
+                };
+                collapse: {
+                    empty: string;
+                };
+                list: {
+                    empty: string;
+                };
+                button: {
+                    loading: string;
+                };
+                table: {
+                    empty: string;
+                };
+                timeline: {
+                    empty: string;
+                };
+                tabs: {
+                    empty: string;
+                    close: string;
+                };
+                bottomNav: {
+                    label: string;
+                    badge: string;
+                };
+                emptyState: {
+                    title: string;
                 };
             };
             common: {
@@ -145,6 +328,20 @@ export declare const ru: {
             treeSelect: {
                 filterPlaceholder: string;
                 empty: string;
+                loading: string;
+            };
+            badgeWrap: {
+                count: string;
+            };
+            avatar: {
+                group: string;
+                groupOverflow: string;
+                status: {
+                    online: string;
+                    offline: string;
+                    busy: string;
+                    away: string;
+                };
             };
             tree: {
                 drag: string;
@@ -155,6 +352,48 @@ export declare const ru: {
                 customValuePlaceholder: string;
                 addOption: string;
                 clearOption: string;
+                searchPlaceholder: string;
+                loading: string;
+                noResults: string;
+                removeTag: string;
+            };
+            dataTable: {
+                loading: string;
+                empty: string;
+                selectAll: string;
+                selectRow: string;
+                sortAsc: string;
+                sortDesc: string;
+                sortNone: string;
+            };
+            breadcrumbs: {
+                label: string;
+                expand: string;
+            };
+            autocomplete: {
+                loading: string;
+                noResults: string;
+                addOption: string;
+                removeValue: string;
+                typeMore: {
+                    one: string;
+                    few: string;
+                    many: string;
+                    other: string;
+                };
+            };
+            form: {
+                required: string;
+                min: string;
+                max: string;
+                len: string;
+                pattern: string;
+                email: string;
+                url: string;
+                file: string;
+                invalid: string;
+                readonly: string;
+                validating: string;
             };
             dialog: {
                 confirm: {
@@ -165,6 +404,26 @@ export declare const ru: {
                     label: string;
                     required: string;
                 };
+                ok: string;
+            };
+            switch: {
+                loading: string;
+            };
+            slider: {
+                min: string;
+                max: string;
+            };
+            sidebar: {
+                expand: string;
+                collapse: string;
+            };
+            splitter: {
+                label: string;
+            };
+            statistic: {
+                trendUp: string;
+                trendDown: string;
+                trendFlat: string;
             };
             pagination: {
                 label: string;
@@ -174,6 +433,9 @@ export declare const ru: {
                 page: string;
                 first: string;
                 last: string;
+                jumpTo: string;
+                total: string;
+                status: string;
             };
             navbar: {
                 openMenu: string;
@@ -191,6 +453,7 @@ export declare const ru: {
                 serverMessage: string;
                 unknownTitle: string;
                 unknownMessage: string;
+                statusLabel: string;
                 retryLabel: string;
                 dismissLabel: string;
             };
@@ -207,6 +470,9 @@ export declare const ru: {
             drawer: {
                 title: string;
             };
+            modal: {
+                title: string;
+            };
             numberInput: {
                 increase: string;
                 decrease: string;
@@ -217,10 +483,28 @@ export declare const ru: {
             };
             inputTag: {
                 removeTag: string;
+                removeTagNamed: string;
+                clearAll: string;
+                added: string;
+                addedMany: string;
+                removed: string;
+                cleared: string;
+                limitReached: string;
             };
             fileUpload: {
                 placeholder: string;
                 progress: string;
+                uploading: string;
+                success: string;
+                error: string;
+                remove: string;
+                retry: string;
+                retryFile: string;
+                abortFile: string;
+                statusPending: string;
+                statusUploading: string;
+                statusSuccess: string;
+                statusError: string;
             };
             formFile: {
                 upload: string;
@@ -229,6 +513,7 @@ export declare const ru: {
                 clearAll: string;
                 placeholder: string;
                 validateError: string;
+                removeFile: string;
             };
             imageViewer: {
                 close: string;
@@ -237,9 +522,13 @@ export declare const ru: {
                 zoomIn: string;
                 zoomOut: string;
                 resetZoom: string;
+                zoomToNatural: string;
                 rotateLeft: string;
                 rotateRight: string;
+                download: string;
                 empty: string;
+                label: string;
+                position: string;
             };
             formErrorBanner: {
                 validationTitle: string;
@@ -260,6 +549,83 @@ export declare const ru: {
                 clear: string;
                 showPassword: string;
                 hidePassword: string;
+                limitReached: string;
+            };
+            textarea: {
+                lines: {
+                    one: string;
+                    few: string;
+                    many: string;
+                    other: string;
+                };
+            };
+            rating: {
+                label: string;
+                valueText: string;
+                valueTextWithLabel: string;
+            };
+            commandPalette: {
+                label: string;
+                placeholder: string;
+                empty: string;
+                recent: string;
+                loading: string;
+            };
+            fileValidation: {
+                accept: string;
+                extension: string;
+                mimeType: string;
+                mimeTypeFallback: string;
+                maxFileSize: string;
+                maxCount: string;
+                maxTotalSize: string;
+            };
+            kbd: {
+                command: string;
+                option: string;
+                shift: string;
+                control: string;
+                enter: string;
+                escape: string;
+            };
+            link: {
+                opensInNewTab: string;
+            };
+            colorPicker: {
+                panelLabel: string;
+                hue: string;
+                saturation: string;
+                lightness: string;
+                opacity: string;
+                hexLabel: string;
+                presetsLabel: string;
+                swatchLabel: string;
+            };
+            collapse: {
+                empty: string;
+            };
+            list: {
+                empty: string;
+            };
+            button: {
+                loading: string;
+            };
+            table: {
+                empty: string;
+            };
+            timeline: {
+                empty: string;
+            };
+            tabs: {
+                empty: string;
+                close: string;
+            };
+            bottomNav: {
+                label: string;
+                badge: string;
+            };
+            emptyState: {
+                title: string;
             };
         }>;
     };

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

@@ -1,13 +1,19 @@
 export * from './components/GrAlert';
+export * from './components/GrAutocomplete';
 export * from './components/GrAvatar';
 export * from './components/GrBadge';
 export * from './components/GrBadgeWrap';
 export * from './components/GrBottomNav';
+export * from './components/GrBreadcrumbs';
 export * from './components/GrButton';
 export * from './components/GrButtonGroup';
 export * from './components/GrCard';
 export * from './components/GrCheckbox';
+export * from './components/GrCheckboxGroup';
 export * from './components/GrCollapse';
+export * from './components/GrColorPicker';
+export * from './components/GrCommandPalette';
+export * from './components/GrConfigProvider';
 export * from './components/GrConfirmDialog';
 export * from './components/GrDataTable';
 export * from './components/GrDialog';
@@ -18,6 +24,7 @@ export * from './components/GrDropdown';
 export * from './components/GrDropdownMenu';
 export * from './components/GrEmptyState';
 export * from './components/GrFileUpload';
+export * from './components/GrForm';
 export * from './components/GrFormField';
 export * from './components/GrFormFile';
 export * from './components/GrFormSection';
@@ -33,28 +40,51 @@ export * from './components/GrModal';
 export * from './components/GrNavbar';
 export * from './components/GrNumberInput';
 export * from './components/GrPagination';
+export * from './components/GrPopover';
 export * from './components/GrProgressBar';
+export * from './components/GrProgressCircle';
 export * from './components/GrPromptDialog';
 export * from './components/GrRadio';
 export * from './components/GrRadioGroup';
+export * from './components/GrRating';
 export * from './components/GrResponseErrorBanner';
 export * from './components/GrSegmented';
 export * from './components/GrSelect';
 export * from './components/GrSidebar';
 export * from './components/GrSkeleton';
+export * from './components/GrSlider';
+export * from './components/GrSplitter';
+export * from './components/GrStatistic';
 export * from './components/GrSwitch';
 export * from './components/GrTable';
 export * from './components/GrTabPanels';
 export * from './components/GrTabs';
 export * from './components/GrTextarea';
+export * from './components/GrTimeline';
 export * from './components/GrToaster';
 export * from './components/GrTooltip';
 export * from './components/GrTree';
 export * from './components/GrTreeSelect';
-export { initThemeEarly, useTheme } from './composables/useTheme';
+export { useDismissible } from './composables/useDismissible';
+export type { UseDismissibleOptions } from './composables/useDismissible';
+export { useFocusTrap } from './composables/useFocusTrap';
+export type { UseFocusTrapOptions } from './composables/useFocusTrap';
+export { usePortalTarget } from './composables/usePortalTarget';
+export type { PortalTarget } from './composables/usePortalTarget';
+export { useOverlayLayer } from './composables/useOverlayLayer';
+export type { OverlayLayerHandle, UseOverlayLayerOptions } from './composables/useOverlayLayer';
+export { useFloating } from './composables/useFloating';
+export type { UseFloatingOptions, UseFloatingPlacement, UseFloatingReturn } from './composables/useFloating';
+export { useAnnouncer } from './composables/useAnnouncer';
+export type { GrAnnounceOptions, GrAnnouncer, GrAnnouncerPoliteness } from './composables/useAnnouncer';
+export { useVirtualList } from './composables/useVirtualList';
+export type { GrVirtualAlign, UseVirtualListOptions, UseVirtualListReturn } from './composables/useVirtualList';
+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 { granularityToastPlugin, GRANULARITY_TOAST_STATE, useToast } from './composables/useToast';
-export type { GrToastTone, Toast, ToastInput, ToastState } from './composables/useToast';
+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';
 export type { GrTone } from './components/shared/tones';
 export type * from './fileValidation/types';

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

@@ -0,0 +1,19 @@
+/**
+ * Форматирование чисел и дат по локали.
+ *
+ * Своё, а не из `@feugene/fint-i18n`: тот объявлен **опциональной** peer-зависимостью,
+ * и пакет обязан работать без него. Под капотом всё равно `Intl`, то есть
+ * результат совпадает с `useI18nFormat()` библиотеки — расхождения между
+ * приложением с i18n и без него не возникает.
+ *
+ * Инстансы `Intl` кэшируются: их построение примерно на порядок дороже самого
+ * форматирования. Кэш ограничен и сбрасывается целиком — иначе сгенерированные
+ * на лету опции растили бы его без предела.
+ */
+/**
+ * Локаль приходит из настроек приложения, а `Intl` бросает на некорректном
+ * теге. Форматирование не имеет права уронить рендер, поэтому неизвестный тег
+ * сводим к `en`.
+ */
+export declare function formatNumber(locale: string, value: number | bigint, options?: Intl.NumberFormatOptions): string;
+export declare function formatDate(locale: string, value: Date | number | string, options?: Intl.DateTimeFormatOptions): string;

package/dist/types/src/internal/granularityI18n.d.ts

@@ -5,4 +5,10 @@ export declare function resolveGranularityI18n(context?: AppContext | Granularit
 export declare function useGranularityTranslations(context?: AppContext | GranularityI18nLike | null): {
     i18n: GranularityI18nAdapter | null;
     t: (key: string, fallback: string, params?: Record<string, any>) => string;
+    /**
+     * Активная локаль адаптера — для `Intl.*` и `localeCompare`. `undefined`,
+     * когда адаптера нет или он её не отдаёт: тогда сравнение уходит на локаль
+     * среды, как и было.
+     */
+    locale: import("vue").ComputedRef<string | undefined>;
 };

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

@@ -0,0 +1,46 @@
+/**
+ * Общие примитивы разбора клавиатурных событий: IME-композиция и матчинг
+ * клавиш, не зависящий от раскладки.
+ *
+ * Живут в `internal/`, а не рядом с потребителем: одно и то же нужно стеку
+ * оверлеев (`composables/internal/overlayStack.ts`), директиве `v-hotkey` и
+ * матчеру палитры (`components/shared/hotkey.ts`) — три слоя, у которых нет
+ * общего предка ближе этого модуля.
+ */
+/**
+ * Событие пришло во время IME-композиции — обрабатывать его как команду нельзя:
+ * Esc здесь отменяет композицию, Enter — коммитит её, стрелки ходят по
+ * кандидатам. `keyCode === 229` — страховка для движков, которые не выставляют
+ * `isComposing` (исторически WebKit/старый Chromium).
+ */
+export declare function isComposingEvent(event: KeyboardEvent): boolean;
+/**
+ * Фокус на контроле, который сам распоряжается печатными клавишами.
+ *
+ * Нужен всем, кто вешает клавиатурные команды на контейнер: горячая клавиша и
+ * typeahead меню обязаны молчать, пока пользователь печатает в поле внутри них.
+ */
+export declare function isEditableTarget(target: EventTarget | null): boolean;
+/** Физический код клавиши для латинской буквы или цифры; иначе `null`. */
+export declare function codeForChar(ch: string): string | null;
+export interface EventMatchesKeyOptions {
+    /**
+     * Дополнительно матчить по физическому коду (`event.code`), когда `event.key`
+     * не совпал. Нужен комбинациям с модификаторами: на нелатинской раскладке
+     * Ctrl/Cmd+K приходит как `key: 'л'`, и без кода сочетание мертво. Для
+     * одиночных клавиш без модификаторов фолбэк не включается — там семантика
+     * печатная, а не позиционная.
+     */
+    codeFallback?: boolean;
+}
+/** Совпадает ли нажатая клавиша с ожидаемой (`'k'`, `'Escape'`, `' '`). */
+export declare function eventMatchesKey(event: KeyboardEvent, expected: string, options?: EventMatchesKeyOptions): boolean;
+/**
+ * Удовлетворяет ли состояние Shift ожиданиям комбинации.
+ *
+ * Объявленный `shift` требует нажатого Shift. Необъявленный — запрещает его
+ * с одним исключением: символ, который без Shift не набрать (`?`, `+`, `:`),
+ * легален вместе с ним, когда `event.key` уже равен ожидаемому символу.
+ * Буквы под исключение не попадают: `'a'` и Shift+A — разные намерения.
+ */
+export declare function shiftSatisfied(event: KeyboardEvent, expectedKey: string, expectShift: boolean): boolean;

package/dist/types/src/tokens/generated.d.ts

@@ -0,0 +1,6 @@
+import type { GrComponentToken, GrDerivedToken, GrFoundationToken, GrThemeToken } from './types';
+export declare const grThemeNames: readonly ["light", "dark"];
+export declare const grFoundationTokens: GrFoundationToken[];
+export declare const grDerivedTokens: GrDerivedToken[];
+export declare const grThemeTokens: GrThemeToken[];
+export declare const grComponentTokens: GrComponentToken[];