@feugene/granularity 0.11.0 → 0.13.0

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

@@ -1,3 +1,4 @@
+import type { Toast } from '../../composables/useToast';
 import { type GrToasterPlacement } from './grToasterStyles';
 export type { GrToasterPlacement };
 export interface GrToasterProps {
@@ -10,7 +11,17 @@ export interface GrToasterProps {
     /** A11y-лейбл контейнера-региона (i18n). */
     regionLabel?: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrToasterProps>, {
+/**
+ * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам
+ * `toast` и `dismiss` — функцию, закрывающую именно этот тост.
+ */
+type __VLS_Slots = {
+    actions?: (props: {
+        toast: Toast;
+        dismiss: () => void;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrToasterProps>, {
     placement: string;
     maxVisible: number;
     dismissLabel: undefined;
@@ -21,11 +32,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     dismissLabel: undefined;
     regionLabel: undefined;
 }>>> & Readonly<{}>, {
+    placement: GrToasterPlacement;
     dismissLabel: string;
     regionLabel: string;
-    placement: GrToasterPlacement;
     maxVisible: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_TypePropsToOption<T> = {
@@ -41,6 +53,11 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {

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

@@ -3,4 +3,4 @@ export { default as GrToaster } from './GrToaster.vue';
 export type { GrToasterPlacement, GrToasterProps } from './GrToaster.vue';
 export { grToasterConfig } from './config';
 export { grToasterSafelist } from './safelist';
-export type { GrToastTone, Toast, ToastInput } from '../../composables/useToast';
+export type { GrToastTone, Toast, ToastAction, ToastInput } from '../../composables/useToast';

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

@@ -1,6 +1,6 @@
 export interface GrTooltipProps {
     text: string;
-    /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */
+    /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */
     iconColor?: string;
 }
 declare var __VLS_1: {};

package/dist/types/src/components/GrTree/grTreeInteractionContext.d.ts

@@ -18,6 +18,8 @@ export type GrTreeInteractionEmitters<T> = {
 };
 export type GrTreeInteractionContext<T> = {
     hoveredKey: Ref<GrTreeKey | undefined>;
+    /** Клавиша узла, держащего roving-фокус (единственный tabindex=0 во всём дереве). */
+    focusedKey: Ref<GrTreeKey | undefined>;
     draggingNode: ShallowRef<GrTreeNode<T> | null>;
     dropTarget: ShallowRef<GrTreeDropTarget | null>;
     canDrag: (node: GrTreeNode<T>) => boolean;

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

@@ -2,9 +2,9 @@ import { type GrTreeNode } from '../GrTree';
 import type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes';
 declare const __VLS_export: <T extends Record<string, any> = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & __VLS_PrettifyLocal<GrTreeSelectProps<T> & {
-        "onUpdate:modelValue"?: ((value: GrTreeSelectModelValue) => any) | undefined;
         onClear?: (() => any) | undefined;
         onChange?: ((value: GrTreeSelectModelValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: GrTreeSelectModelValue) => any) | undefined;
         onNodeClick?: ((data: T, node: GrTreeNode<T>) => any) | undefined;
         onVisibleChange?: ((visible: boolean) => any) | undefined;
     }> & (typeof globalThis extends {

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

@@ -7,4 +7,4 @@ export declare function grTreeSelectClass(options: {
     state: GrTreeSelectState;
     invalid: boolean;
 }): string;
-export declare const grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-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-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";

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

@@ -0,0 +1,24 @@
+/**
+ * useScrollLock — общий **reference-counted** lock скролла `<body>` для оверлеев
+ * (GrModal, GrDrawer, GrImageViewer).
+ *
+ * Зачем счётчик: раньше каждый оверлей хранил `savedBodyOverflow` per-instance и
+ * восстанавливал `overflow` при СВОЁМ закрытии. Если открыты A, затем B, и первым
+ * закрывают A — body получал `overflow: ''` при ещё открытой B (баг LIFO).
+ * Здесь состояние `<body>` сохраняется один раз (при переходе счётчика 0→1) и
+ * восстанавливается только когда закрыт последний оверлей (счётчик 1→0).
+ *
+ * Плюс компенсация ширины скроллбара: при `overflow: hidden` скроллбар исчезает и
+ * контент дёргается вправо — добавляем `padding-right` на его ширину.
+ */
+/**
+ * Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**
+ * (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).
+ * Глобальный счётчик разделяется всеми оверлеями.
+ */
+export declare function useScrollLock(): {
+    lock: () => void;
+    unlock: () => void;
+};
+/** Тестовая/служебная очистка глобального состояния. */
+export declare function resetScrollLock(): void;

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

@@ -1,6 +1,22 @@
 import type { App, InjectionKey } from 'vue';
+import type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles';
 import type { GrTone } from '../components/shared/tones';
 export type GrToastTone = GrTone;
+/**
+ * Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.
+ * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`
+ * не установлен в `false`). `size`/`variant` настраивают вид кнопки.
+ */
+export type ToastAction = {
+    label: string;
+    onClick: () => void;
+    /** Закрывать ли тост после клика по действию. По умолчанию `true`. */
+    dismissOnClick?: boolean;
+    /** Размер кнопки действия. По умолчанию `sm`. */
+    size?: GrButtonSize;
+    /** Вариант кнопки действия. По умолчанию `outline`. */
+    variant?: GrButtonVariant;
+};
 export type ToastInput = {
     title: string;
     message?: string;
@@ -10,6 +26,10 @@ export type ToastInput = {
      * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.
      */
     timeoutMs?: number;
+    /** Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). */
+    action?: ToastAction;
+    /** Несколько action-кнопок в теле тоста. Рендерятся после `action`. */
+    actions?: ToastAction[];
 };
 export type Toast = {
     id: string;
@@ -18,6 +38,10 @@ export type Toast = {
     tone: GrToastTone;
     /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */
     timeoutMs: number;
+    /** Одна action-кнопка в теле тоста. */
+    action?: ToastAction;
+    /** Несколько action-кнопок в теле тоста. */
+    actions?: ToastAction[];
 };
 type ToastTimer = {
     handle: number | null;

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

@@ -21,6 +21,7 @@ export declare const granularityDefaultThemes: readonly GranularityThemeName[];
  */
 export declare const granularityComponentConfigs: {
     GrAlert: GranularComponentDescriptor<"GrAlert">;
+    GrAutocomplete: GranularComponentDescriptor<"GrAutocomplete">;
     GrAvatar: GranularComponentDescriptor<"GrAvatar">;
     GrBadge: GranularComponentDescriptor<"GrBadge">;
     GrBadgeWrap: GranularComponentDescriptor<"GrBadgeWrap">;
@@ -30,15 +31,19 @@ export declare const granularityComponentConfigs: {
     GrCard: GranularComponentDescriptor<"GrCard">;
     GrCheckbox: GranularComponentDescriptor<"GrCheckbox">;
     GrCollapse: GranularComponentDescriptor<"GrCollapse">;
+    GrCommandPalette: GranularComponentDescriptor<"GrCommandPalette">;
+    GrConfigProvider: GranularComponentDescriptor<"GrConfigProvider">;
     GrConfirmDialog: GranularComponentDescriptor<"GrConfirmDialog">;
     GrDataTable: GranularComponentDescriptor<"GrDataTable">;
     GrDialog: GranularComponentDescriptor<"GrDialog">;
     GrDialogService: GranularComponentDescriptor<"GrDialogServiceHost">;
+    GrDivider: GranularComponentDescriptor<"GrDivider">;
     GrDrawer: GranularComponentDescriptor<"GrDrawer">;
     GrDropdown: GranularComponentDescriptor<"GrDropdown">;
     GrDropdownMenu: GranularComponentDescriptor<"GrDropdownMenu">;
     GrEmptyState: GranularComponentDescriptor<"GrEmptyState">;
     GrFileUpload: GranularComponentDescriptor<"GrFileUpload">;
+    GrForm: GranularComponentDescriptor<"GrForm">;
     GrFormField: GranularComponentDescriptor<"GrFormField">;
     GrFormFile: GranularComponentDescriptor<"GrFormFile">;
     GrFormSection: GranularComponentDescriptor<"GrFormSection">;
@@ -46,6 +51,7 @@ export declare const granularityComponentConfigs: {
     GrImageViewer: GranularComponentDescriptor<"GrImageViewer">;
     GrInput: GranularComponentDescriptor<"GrInput">;
     GrInputTag: GranularComponentDescriptor<"GrInputTag">;
+    GrKbd: GranularComponentDescriptor<"GrKbd">;
     GrLink: GranularComponentDescriptor<"GrLink">;
     GrList: GranularComponentDescriptor<"GrList">;
     GrLoading: GranularComponentDescriptor<"GrLoading">;
@@ -57,13 +63,17 @@ export declare const granularityComponentConfigs: {
     GrPromptDialog: GranularComponentDescriptor<"GrPromptDialog">;
     GrRadio: GranularComponentDescriptor<"GrRadio">;
     GrRadioGroup: GranularComponentDescriptor<"GrRadioGroup">;
+    GrRating: GranularComponentDescriptor<"GrRating">;
     GrResponseErrorBanner: GranularComponentDescriptor<"GrResponseErrorBanner">;
     GrSegmented: GranularComponentDescriptor<"GrSegmented">;
     GrSelect: GranularComponentDescriptor<"GrSelect">;
     GrSidebar: GranularComponentDescriptor<"GrSidebar">;
     GrSkeleton: GranularComponentDescriptor<"GrSkeleton">;
+    GrSlider: GranularComponentDescriptor<"GrSlider">;
+    GrStatistic: GranularComponentDescriptor<"GrStatistic">;
     GrSwitch: GranularComponentDescriptor<"GrSwitch">;
     GrTable: GranularComponentDescriptor<"GrTable">;
+    GrTabPanels: GranularComponentDescriptor<"GrTabPanels">;
     GrTabs: GranularComponentDescriptor<"GrTabs">;
     GrTextarea: GranularComponentDescriptor<"GrTextarea">;
     GrToaster: GranularComponentDescriptor<"GrToaster">;

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

@@ -32,6 +32,32 @@ export declare const en: {
                     customValuePlaceholder: string;
                     addOption: string;
                     clearOption: string;
+                    searchPlaceholder: string;
+                    loading: string;
+                    noResults: string;
+                    removeTag: string;
+                };
+                dataTable: {
+                    loading: string;
+                    empty: string;
+                    selectAll: string;
+                    selectRow: string;
+                };
+                autocomplete: {
+                    loading: string;
+                    noResults: string;
+                    addOption: string;
+                    typeMore: string;
+                };
+                form: {
+                    required: string;
+                    min: string;
+                    max: string;
+                    len: string;
+                    pattern: string;
+                    email: string;
+                    url: string;
+                    invalid: string;
                 };
                 dialog: {
                     confirm: {
@@ -51,6 +77,7 @@ export declare const en: {
                     page: string;
                     first: string;
                     last: string;
+                    jumpTo: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -133,6 +160,21 @@ export declare const en: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
+                rating: {
+                    label: string;
+                    valueText: string;
+                };
+                commandPalette: {
+                    label: string;
+                    placeholder: string;
+                    empty: string;
+                    loading: string;
+                };
             };
             common: {
                 confirm: string;
@@ -157,6 +199,32 @@ export declare const en: {
                 customValuePlaceholder: string;
                 addOption: string;
                 clearOption: string;
+                searchPlaceholder: string;
+                loading: string;
+                noResults: string;
+                removeTag: string;
+            };
+            dataTable: {
+                loading: string;
+                empty: string;
+                selectAll: string;
+                selectRow: string;
+            };
+            autocomplete: {
+                loading: string;
+                noResults: string;
+                addOption: string;
+                typeMore: string;
+            };
+            form: {
+                required: string;
+                min: string;
+                max: string;
+                len: string;
+                pattern: string;
+                email: string;
+                url: string;
+                invalid: string;
             };
             dialog: {
                 confirm: {
@@ -176,6 +244,7 @@ export declare const en: {
                 page: string;
                 first: string;
                 last: string;
+                jumpTo: string;
             };
             navbar: {
                 openMenu: string;
@@ -258,6 +327,21 @@ export declare const en: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
+            rating: {
+                label: string;
+                valueText: string;
+            };
+            commandPalette: {
+                label: string;
+                placeholder: string;
+                empty: string;
+                loading: string;
+            };
         }>;
     };
 };

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

@@ -25,6 +25,32 @@ export declare const es: {
                     customValuePlaceholder: string;
                     addOption: string;
                     clearOption: string;
+                    searchPlaceholder: string;
+                    loading: string;
+                    noResults: string;
+                    removeTag: string;
+                };
+                dataTable: {
+                    loading: string;
+                    empty: string;
+                    selectAll: string;
+                    selectRow: string;
+                };
+                autocomplete: {
+                    loading: string;
+                    noResults: string;
+                    addOption: string;
+                    typeMore: string;
+                };
+                form: {
+                    required: string;
+                    min: string;
+                    max: string;
+                    len: string;
+                    pattern: string;
+                    email: string;
+                    url: string;
+                    invalid: string;
                 };
                 dialog: {
                     confirm: {
@@ -44,6 +70,7 @@ export declare const es: {
                     page: string;
                     first: string;
                     last: string;
+                    jumpTo: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -126,6 +153,21 @@ export declare const es: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
+                rating: {
+                    label: string;
+                    valueText: string;
+                };
+                commandPalette: {
+                    label: string;
+                    placeholder: string;
+                    empty: string;
+                    loading: string;
+                };
             };
             common: {
                 confirm: string;
@@ -150,6 +192,32 @@ export declare const es: {
                 customValuePlaceholder: string;
                 addOption: string;
                 clearOption: string;
+                searchPlaceholder: string;
+                loading: string;
+                noResults: string;
+                removeTag: string;
+            };
+            dataTable: {
+                loading: string;
+                empty: string;
+                selectAll: string;
+                selectRow: string;
+            };
+            autocomplete: {
+                loading: string;
+                noResults: string;
+                addOption: string;
+                typeMore: string;
+            };
+            form: {
+                required: string;
+                min: string;
+                max: string;
+                len: string;
+                pattern: string;
+                email: string;
+                url: string;
+                invalid: string;
             };
             dialog: {
                 confirm: {
@@ -169,6 +237,7 @@ export declare const es: {
                 page: string;
                 first: string;
                 last: string;
+                jumpTo: string;
             };
             navbar: {
                 openMenu: string;
@@ -251,6 +320,21 @@ export declare const es: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
+            rating: {
+                label: string;
+                valueText: string;
+            };
+            commandPalette: {
+                label: string;
+                placeholder: string;
+                empty: string;
+                loading: string;
+            };
         }>;
     };
 };

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

@@ -25,6 +25,32 @@ 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;
+                };
+                autocomplete: {
+                    loading: string;
+                    noResults: string;
+                    addOption: string;
+                    typeMore: string;
+                };
+                form: {
+                    required: string;
+                    min: string;
+                    max: string;
+                    len: string;
+                    pattern: string;
+                    email: string;
+                    url: string;
+                    invalid: string;
                 };
                 dialog: {
                     confirm: {
@@ -44,6 +70,7 @@ export declare const ru: {
                     page: string;
                     first: string;
                     last: string;
+                    jumpTo: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -126,6 +153,21 @@ export declare const ru: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
+                rating: {
+                    label: string;
+                    valueText: string;
+                };
+                commandPalette: {
+                    label: string;
+                    placeholder: string;
+                    empty: string;
+                    loading: string;
+                };
             };
             common: {
                 confirm: string;
@@ -150,6 +192,32 @@ 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;
+            };
+            autocomplete: {
+                loading: string;
+                noResults: string;
+                addOption: string;
+                typeMore: string;
+            };
+            form: {
+                required: string;
+                min: string;
+                max: string;
+                len: string;
+                pattern: string;
+                email: string;
+                url: string;
+                invalid: string;
             };
             dialog: {
                 confirm: {
@@ -169,6 +237,7 @@ export declare const ru: {
                 page: string;
                 first: string;
                 last: string;
+                jumpTo: string;
             };
             navbar: {
                 openMenu: string;
@@ -251,6 +320,21 @@ export declare const ru: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
+            rating: {
+                label: string;
+                valueText: string;
+            };
+            commandPalette: {
+                label: string;
+                placeholder: string;
+                empty: string;
+                loading: string;
+            };
         }>;
     };
 };

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

@@ -1,4 +1,5 @@
 export * from './components/GrAlert';
+export * from './components/GrAutocomplete';
 export * from './components/GrAvatar';
 export * from './components/GrBadge';
 export * from './components/GrBadgeWrap';
@@ -8,15 +9,19 @@ export * from './components/GrButtonGroup';
 export * from './components/GrCard';
 export * from './components/GrCheckbox';
 export * from './components/GrCollapse';
+export * from './components/GrCommandPalette';
+export * from './components/GrConfigProvider';
 export * from './components/GrConfirmDialog';
 export * from './components/GrDataTable';
 export * from './components/GrDialog';
 export * from './components/GrDialogService';
+export * from './components/GrDivider';
 export * from './components/GrDrawer';
 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';
@@ -24,6 +29,7 @@ export * from './components/GrIcon';
 export * from './components/GrImageViewer';
 export * from './components/GrInput';
 export * from './components/GrInputTag';
+export * from './components/GrKbd';
 export * from './components/GrLink';
 export * from './components/GrList';
 export * from './components/GrLoading';
@@ -35,13 +41,17 @@ export * from './components/GrProgressBar';
 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/GrStatistic';
 export * from './components/GrSwitch';
 export * from './components/GrTable';
+export * from './components/GrTabPanels';
 export * from './components/GrTabs';
 export * from './components/GrTextarea';
 export * from './components/GrToaster';