@feugene/granularity 0.12.0 → 0.13.0

package/dist/types/src/components/GrDialogService/store.d.ts

@@ -1,3 +1,6 @@
+import type { Raw } from 'vue';
+import type { GrConfigContext } from '../GrConfigProvider/context';
+import type { GranularityI18nLike } from '../../internal/granularityI18n';
 import type { DialogBaseOptions, DialogKind, DialogOnConfirm, DialogResult } from './types';
 /**
  * Внутреннее описание одного запроса диалога в очереди. Создаётся методами
@@ -12,6 +15,21 @@ export interface DialogRequest {
     onConfirm?: DialogOnConfirm<any>;
     /** Резолвит промис вызова детальным результатом `{ action, value }`. */
     resolve: (result: DialogResult<any>) => void;
+    /**
+     * Конфиг и i18n, захваченные в месте вызова сервиса (в `setup`, где вызывающий
+     * компонент ещё находится внутри дерева провайдера). Хост монтируется в
+     * `document.body` вне дерева, поэтому сам их не увидит — см.
+     * `SPEC-GrConfig-resolver.md`.
+     *
+     * Лежат в запросе, а не в модульной переменной: два поддерева с разными
+     * провайдерами должны получать каждое свой конфиг.
+     *
+     * `Raw<…>` обязателен: очередь — `reactive`, а он разворачивает вложенные рефы.
+     * Без `markRaw` контекст превратился бы в объект значений, `size.value` стало
+     * бы `undefined`, и мост молча перестал бы работать.
+     */
+    config?: Raw<GrConfigContext> | null;
+    i18n?: Raw<GranularityI18nLike> | null;
 }
 /**
  * Модульный синглтон очереди диалогов: единый источник правды для всех

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

@@ -42,8 +42,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    title: string;
     size: GrDrawerSize;
+    title: string;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
     closeLabel: string;

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

@@ -45,8 +45,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     contentClass: string;
     teleportTo: string;
 }>>> & Readonly<{}>, {
-    width: GrDropdownWidth;
     align: GrDropdownAlign;
+    width: GrDropdownWidth;
     closeOnContentClick: boolean;
     contentClass: string;
     teleportTo: string | HTMLElement;

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

@@ -55,8 +55,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     borderBottom: boolean;
     listClass: string;
 }>>> & Readonly<{}>, {
-    width: GrDropdownMenuWidth;
     align: GrDropdownMenuAlign;
+    width: GrDropdownMenuWidth;
     borderBottom: boolean;
     borderTop: boolean;
     closeOnContentClick: boolean;

package/dist/types/src/components/GrDropdownMenu/GrDropdownMenuItem.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     variant: string;
 }>>> & Readonly<{}>, {
     variant: GrDropdownMenuItemVariant;
+    align: GrDropdownMenuItemAlign;
     disabled: boolean;
     as: string | Component;
-    align: GrDropdownMenuItemAlign;
 }, {}, {}, {}, 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/src/components/GrFileUpload/GrFileUpload.vue.d.ts

@@ -155,11 +155,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onError?: ((error: unknown) => any) | undefined;
     onStateChange?: ((state: GrUploadState) => any) | undefined;
 }>, {
-    disabled: boolean;
     name: string;
-    headers: Record<string, string>;
-    placeholder: string;
     multiple: boolean;
+    disabled: boolean;
+    placeholder: string;
+    headers: Record<string, string>;
     withCredentials: boolean;
     action: string;
     request: GrFileUploadRequest;

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

@@ -0,0 +1,93 @@
+import { type GrFormRules, type GrFormTrigger } from './validation';
+export type { GrFormRule, GrFormRules, GrFormTrigger, GrFormValidatorResult, } from './validation';
+/**
+ * Публичный GR-примитив «Form» — оркестрация валидации над `GrFormField`.
+ *
+ * Модель формы (`v-model`-объект приложения) + декларативные `rules` по имени поля.
+ * Форма прогоняет правила, раскладывает ошибки по контексту, скроллит к первой
+ * ошибке и эмитит `submit` только при валидной форме. Императивный API — через
+ * template ref (`validate` / `validateField` / `clearValidate` / `resetFields` /
+ * `scrollToField`).
+ */
+export interface GrFormProps {
+    /** Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`), в т.ч. dot-path. */
+    model: Record<string, unknown>;
+    /** Правила валидации по имени поля: `{ email: [{ required: true, type: 'email' }] }`. */
+    rules?: GrFormRules;
+    /** Валидировать поле при потере фокуса. */
+    validateOnBlur?: boolean;
+    /** Валидировать поле при каждом изменении значения. */
+    validateOnChange?: boolean;
+    /** Скроллить к первому невалидному полю после `validate()`. */
+    scrollToError?: boolean;
+    scrollBehavior?: ScrollBehavior;
+}
+declare function validateField(name: string, trigger?: GrFormTrigger): Promise<boolean>;
+declare function validate(): Promise<boolean>;
+declare function clearValidate(names?: string | string[]): void;
+declare function resetFields(): void;
+declare function scrollToField(name: string): void;
+declare var __VLS_1: {
+    validate: typeof validate;
+    errors: Record<string, string | undefined>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrFormProps>, {
+    rules: undefined;
+    validateOnBlur: boolean;
+    validateOnChange: boolean;
+    scrollToError: boolean;
+    scrollBehavior: string;
+}>>, {
+    validate: typeof validate;
+    validateField: typeof validateField;
+    clearValidate: typeof clearValidate;
+    resetFields: typeof resetFields;
+    scrollToField: typeof scrollToField;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (model: Record<string, unknown>) => void;
+    validate: (name: string, valid: boolean, message: string | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrFormProps>, {
+    rules: undefined;
+    validateOnBlur: boolean;
+    validateOnChange: boolean;
+    scrollToError: boolean;
+    scrollBehavior: string;
+}>>> & Readonly<{
+    onSubmit?: ((model: Record<string, unknown>) => any) | undefined;
+    onValidate?: ((name: string, valid: boolean, message: string | undefined) => any) | undefined;
+}>, {
+    scrollBehavior: ScrollBehavior;
+    rules: GrFormRules;
+    validateOnBlur: boolean;
+    validateOnChange: boolean;
+    scrollToError: boolean;
+}, {}, {}, {}, 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> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        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];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/GrForm/config.d.ts

@@ -0,0 +1 @@
+export declare const grFormConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrForm">;

package/dist/types/src/components/GrForm/context.d.ts

@@ -0,0 +1,27 @@
+import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
+import type { GrFormTrigger } from './validation';
+/**
+ * Контекст формы, который `GrForm` предоставляет своим `GrFormField`.
+ *
+ * Ключевая идея архитектуры: контролы (`GrInput`/`GrSelect`/`GrAutocomplete`/…) НЕ
+ * знают про форму — они, как и раньше, читают только контекст `GrFormField`
+ * (`id`/`aria-describedby`/`invalid`/`required`). А `GrFormField`, находясь внутри
+ * `GrForm`, подтягивает свою ошибку и признак обязательности из ЭТОГО контекста по
+ * `name` и триггерит валидацию поля. Так оркестрация добавляется сверху, не трогая
+ * ни один контрол.
+ */
+export interface GrFormContext {
+    /** Реактивная карта ошибок по имени поля. */
+    errors: Ref<Record<string, string | undefined>>;
+    /** Имена полей, у которых в правилах есть `required` (для маркера `*`). */
+    requiredFields: ComputedRef<Set<string>>;
+    /** Есть ли для поля правила (тогда `GrFormField` берёт ошибку из формы). */
+    hasField: (name: string) => boolean;
+    /** Регистрирует корневой элемент поля (для scroll-to-error). Возвращает unregister. */
+    registerField: (name: string, getEl: () => HTMLElement | null) => () => void;
+    /** Валидирует одно поле (с учётом триггера и настроек формы). */
+    validateField: (name: string, trigger?: GrFormTrigger) => Promise<boolean>;
+}
+export declare const GR_FORM_KEY: InjectionKey<GrFormContext>;
+/** Возвращает контекст формы или `null`, если поле вне `GrForm`. */
+export declare function useGrFormContext(): GrFormContext | null;

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

@@ -0,0 +1,6 @@
+export { default } from './GrForm.vue';
+export { default as GrForm } from './GrForm.vue';
+export { grFormConfig } from './config';
+export { GR_FORM_KEY, type GrFormContext, useGrFormContext } from './context';
+export type { GrFormProps, GrFormRule, GrFormRules, GrFormTrigger, GrFormValidatorResult, } from './GrForm.vue';
+export { getByPath, type GrFormMessageResolver, type GrFormRuleFailure, isEmpty, runFieldRules, } from './validation';

package/dist/types/src/components/GrForm/validation.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Движок валидации `GrForm` — чистый (без Vue/i18n), тестируется изолированно.
+ *
+ * Правило описывает набор проверок значения поля; `runFieldRules` прогоняет их по
+ * порядку и возвращает первое сообщение об ошибке (или `undefined`, если валидно).
+ * Сообщения резолвит потребитель (компонент) через `resolveMessage` — так i18n и
+ * дефолтные тексты остаются в компоненте, а движок ничего о них не знает.
+ */
+export type GrFormTrigger = 'blur' | 'change' | 'submit';
+/** Результат кастомного валидатора: `true`/void — ок; `false` — ошибка (дефолт-текст); строка — текст ошибки. */
+export type GrFormValidatorResult = boolean | string | void;
+export interface GrFormRule {
+    /** Значение обязательно (не пустое). */
+    required?: boolean;
+    /** Готовый текст ошибки — перекрывает дефолтное сообщение любой проверки этого правила. */
+    message?: string;
+    /** Минимум: длина для строки/массива, значение для числа. */
+    min?: number;
+    /** Максимум: длина для строки/массива, значение для числа. */
+    max?: number;
+    /** Точная длина/значение. */
+    len?: number;
+    /** Регулярное выражение (проверяется по `String(value)`). */
+    pattern?: RegExp;
+    /** Встроенный тип-валидатор. */
+    type?: 'email' | 'url';
+    /** Кастомный (в т.ч. async) валидатор. Второй аргумент — весь `model`. */
+    validator?: (value: unknown, model: Record<string, unknown>) => GrFormValidatorResult | Promise<GrFormValidatorResult>;
+    /** Когда правило срабатывает. По умолчанию — на любом триггере (blur/change/submit). */
+    trigger?: GrFormTrigger | GrFormTrigger[];
+}
+export type GrFormRules = Record<string, GrFormRule | GrFormRule[]>;
+/** Вид сработавшей проверки — ключ для дефолтного i18n-сообщения. */
+export type GrFormRuleFailure = 'required' | 'min' | 'max' | 'len' | 'pattern' | 'email' | 'url' | 'invalid';
+export type GrFormMessageResolver = (kind: GrFormRuleFailure, rule: GrFormRule, params: Record<string, unknown>) => string;
+/** Пустое значение: `null`/`undefined`/пустая (или пробельная) строка/пустой массив. */
+export declare function isEmpty(value: unknown): boolean;
+/** Достаёт значение из объекта по dot-path (`address.city`). */
+export declare function getByPath(obj: Record<string, unknown>, path: string): unknown;
+/** Записывает значение в объект по dot-path (создаёт промежуточные объекты). */
+export declare function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void;
+/** Нормализует правило(а) поля в массив. */
+export declare function toRuleArray(rules: GrFormRule | GrFormRule[] | undefined): GrFormRule[];
+/** Правила поля, применимые для данного триггера (undefined = все). */
+export declare function rulesForTrigger(rules: GrFormRule[], trigger?: GrFormTrigger): GrFormRule[];
+/** Есть ли среди правил `required` (для маркера обязательности в поле). */
+export declare function rulesRequired(rules: GrFormRule[]): boolean;
+/**
+ * Прогоняет правила по порядку, возвращает первое сообщение об ошибке или `undefined`.
+ * Пустое необязательное значение проходит все проверки (кроме `required`).
+ */
+export declare function runFieldRules(value: unknown, rules: GrFormRule[], model: Record<string, unknown>, resolveMessage: GrFormMessageResolver): Promise<string | undefined>;

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

@@ -1,8 +1,15 @@
 type LabelClass = string | string[] | Record<string, boolean>;
 type __VLS_Props = {
     label?: string;
+    /**
+     * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри
+     * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по
+     * этому имени, а потеря фокуса триггерит валидацию поля.
+     */
+    name?: string;
     /** Явный id контрола. Если не задан — генерируется автоматически. */
     forId?: string;
+    /** Явная ошибка. Перекрывает ошибку из `GrForm` (ручной режим без формы — тоже здесь). */
     error?: string;
     /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */
     hint?: string;
@@ -18,6 +25,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     label: undefined;
+    name: undefined;
     forId: undefined;
     error: undefined;
     hint: undefined;
@@ -25,6 +33,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     labelClass: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     label: undefined;
+    name: undefined;
     forId: undefined;
     error: undefined;
     hint: undefined;
@@ -32,8 +41,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     labelClass: undefined;
 }>>> & Readonly<{}>, {
     label: string;
-    required: boolean;
     error: string;
+    name: string;
+    required: boolean;
     forId: string;
     hint: string;
     labelClass: LabelClass;

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

@@ -63,22 +63,22 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     validators: undefined;
     validate: undefined;
 }>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: File | File[] | null) => any) | undefined;
     onClear?: (() => any) | undefined;
     onChange?: ((value: File | File[] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: File | File[] | null) => any) | undefined;
     onValidation?: ((errors: FileValidationIssue[]) => any) | undefined;
     "onUpdate:errors"?: ((errors: FileValidationIssue[]) => any) | undefined;
 }>, {
-    disabled: boolean;
-    placeholder: string;
     accept: string;
     multiple: boolean;
+    disabled: boolean;
+    placeholder: string;
     validators: FileValidator[];
+    validate: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>;
     uploadText: string;
     changeText: string;
     removeText: string;
     clearAllText: string;
-    validate: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>;
 }, {}, {}, {}, 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/src/components/GrImageViewer/GrImageViewer.vue.d.ts

@@ -148,11 +148,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
     onSwitch?: ((newIndex: number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onRotate?: ((deg: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    closeLabel: string;
     zIndex: number;
+    emptyText: string;
+    closeLabel: string;
     showProgress: boolean;
     initialIndex: number;
     zoomRate: number;
@@ -170,7 +171,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     resetZoomLabel: string;
     rotateLeftLabel: string;
     rotateRightLabel: string;
-    emptyText: string;
 }, {}, {}, {}, 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/src/components/GrInput/GrInput.vue.d.ts

@@ -60,8 +60,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
-    clearable: boolean;
+    size: undefined;
+    clearable: undefined;
     clearLabel: undefined;
     maxlength: undefined;
     showCount: boolean;
@@ -90,8 +90,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
-    clearable: boolean;
+    size: undefined;
+    clearable: undefined;
     clearLabel: undefined;
     maxlength: undefined;
     showCount: boolean;
@@ -108,25 +108,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    size: GrInputSize;
+    clearable: boolean;
     readonly: boolean;
     type: "text" | "email" | "password" | "number" | "search";
-    size: GrInputSize;
-    disabled: boolean;
-    name: string;
-    id: string;
     invalid: boolean;
-    inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    id: string;
+    name: string;
+    textAlign: GrInputTextAlign;
+    disabled: boolean;
     placeholder: string;
+    clearLabel: string;
     autocomplete: string;
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     state: "default" | "success" | "warning" | "danger";
-    clearable: boolean;
-    clearLabel: string;
     maxlength: number;
     showCount: boolean;
     passwordToggle: boolean;
     passwordShowLabel: string;
     passwordHideLabel: string;
-    textAlign: GrInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;
     suffixMinWidth: string;

package/dist/types/src/components/GrInput/defaults.d.ts

@@ -0,0 +1,18 @@
+import type { GrComponentSize } from '../GrConfigProvider/context';
+/**
+ * Пропы `GrInput`, настраиваемые глобально через `componentDefaults`.
+ * Только оформление и поведение по умолчанию — см. `GrButton/defaults.ts`.
+ *
+ * `size` типизируем через `GrComponentSize` (та же шкала `xs…lg`), а не через
+ * `GrInputSize`: последний объявлен в `GrInput.vue`, который импортирует
+ * контекст, — получился бы цикл модулей.
+ */
+export interface GrInputConfigurableProps {
+    size: GrComponentSize;
+    clearable: boolean;
+}
+declare module '../GrConfigProvider/context' {
+    interface GrComponentDefaultsRegistry {
+        GrInput: GrInputConfigurableProps;
+    }
+}

package/dist/types/src/components/GrInput/grInputStyles.d.ts

@@ -10,7 +10,7 @@ export declare const textAlign: {
     readonly right: "text-right";
 };
 export declare const states: {
-    readonly default: "border-[var(--brd)]";
+    readonly default: "border-[var(--gr-brd)]";
     readonly success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]";
     readonly warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]";
     readonly danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]";

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

@@ -1,5 +1,6 @@
 export { default } from './GrInput.vue';
 export { default as GrInput } from './GrInput.vue';
 export { grInputConfig } from './config';
+export type { GrInputConfigurableProps } from './defaults';
 export type { GrInputSize, GrInputTextAlign } from './GrInput.vue';
 export { grInputSafelist } from './safelist';

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

@@ -82,16 +82,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagClosable: boolean;
     removeTagLabel: undefined;
 }>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onAdd?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onRemove?: ((value: string, index: number) => any) | undefined;
 }>, {
+    size: GrInputTagSize;
     trim: boolean;
     readonly: boolean;
-    size: GrInputTagSize;
-    disabled: boolean;
     invalid: boolean;
     max: number;
+    disabled: boolean;
     placeholder: string;
     state: GrInputTagState;
     separators: string[];

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

@@ -69,14 +69,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tone: GrLinkTone;
     variant: GrLinkVariant;
     size: GrLinkSize;
+    underline: GrLinkUnderline;
+    target: string;
+    href: string;
     disabled: boolean;
     ariaLabel: string;
     as: string | Component;
-    href: string;
-    target: string;
     rel: string;
     external: boolean;
-    underline: GrLinkUnderline;
 }, {}, {}, {}, 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/src/components/GrLink/grLinkStyles.d.ts

@@ -7,7 +7,7 @@ import { GR_TONES, type GrTone } from '../shared/tones';
  * - `variant` — уровень акцента (СТРУКТУРА), независимый от цвета:
  *   - `default` — текст окрашен в `tone` в покое, `tone-hover`/`tone-active` при
  *     наведении/нажатии (обычная акцентная ссылка);
- *   - `muted` — приглушённый текст (`--muted-fg`) в покое, окрашивается в `tone`
+ *   - `muted` — приглушённый текст (`--gr-muted-fg`) в покое, окрашивается в `tone`
  *     при наведении (вторичные/inline-ссылки в плотных областях).
  *
  * Раньше `variant` смешивал цвет и акцент (`primary/default/muted/muted-primary/danger`).
@@ -18,7 +18,7 @@ export type GrLinkVariant = 'default' | 'muted';
 export type GrLinkUnderline = 'auto' | 'always' | 'none';
 export type GrLinkSize = 'sm' | 'md' | 'lg';
 export declare const baseRootClass = "inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150";
-export declare const focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+export declare const focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
 export declare const sizeClassBySize: Record<GrLinkSize, string>;
 export declare const colorClass = "text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]";
 type GrLinkToneColors = {
@@ -33,7 +33,7 @@ export declare function grLinkColorStyle(options: {
     variant: GrLinkVariant;
     disabled: boolean;
 }): Record<string, string>;
-export declare const disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--muted-fg)]";
+export declare const disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--gr-muted-fg)]";
 export declare const underlineClasses: readonly string[];
 export declare function grLinkClass(options: {
     size: GrLinkSize;

package/dist/types/src/components/GrModal/grModalStyles.d.ts

@@ -19,7 +19,7 @@ export declare const panelTransition: {
     readonly leaveFrom: "opacity-100 translate-y-0 sm:scale-100";
     readonly leaveTo: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95";
 };
-export declare const panelBase = "w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
+export declare const panelBase = "w-full overflow-hidden relative z-10 border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
 export declare const panelWidthBySize: Record<GrModalSize, string>;
 export declare const panelRadiusBySize: Record<GrModalSize, string>;
 export declare const panelHeightBySize: Partial<Record<GrModalSize, string>>;

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

@@ -64,7 +64,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
+    size: undefined;
     textAlign: string;
     decimalSeparator: string;
     step: number;
@@ -97,7 +97,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
+    size: undefined;
     textAlign: string;
     decimalSeparator: string;
     step: number;
@@ -117,31 +117,31 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     increaseLabel: undefined;
     decreaseLabel: undefined;
 }>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: GrNumberInputSize;
-    disabled: boolean;
-    name: string;
-    id: string;
     invalid: boolean;
+    id: string;
     max: number;
-    inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
+    min: number;
+    name: string;
+    textAlign: GrNumberInputTextAlign;
+    disabled: boolean;
     placeholder: string;
     autocomplete: string;
+    inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     state: GrNumberInputState;
-    textAlign: GrNumberInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;
     suffixMinWidth: string;
     suffixMaxWidth: string;
     prefixFixed: boolean;
     suffixFixed: boolean;
-    min: number;
+    locale: string;
     decimalSeparator: string;
     step: number;
     precision: number;
-    locale: string;
     useGrouping: boolean;
     controls: boolean;
     controlsDirection: GrNumberInputControlsDirection;

package/dist/types/src/components/GrNumberInput/defaults.d.ts

@@ -0,0 +1,14 @@
+import type { GrNumberInputSize } from './grNumberInputStyles';
+/**
+ * Пропы `GrNumberInput`, настраиваемые глобально через
+ * `<GrConfigProvider :component-defaults="{ GrNumberInput: { … } }">`.
+ * Только оформление — см. `GrButton/defaults.ts`.
+ */
+export interface GrNumberInputConfigurableProps {
+    size: GrNumberInputSize;
+}
+declare module '../GrConfigProvider/context' {
+    interface GrComponentDefaultsRegistry {
+        GrNumberInput: GrNumberInputConfigurableProps;
+    }
+}

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

@@ -1,6 +1,7 @@
 export { default } from './GrNumberInput.vue';
 export { default as GrNumberInput } from './GrNumberInput.vue';
 export { grNumberInputConfig } from './config';
+export type { GrNumberInputConfigurableProps } from './defaults';
 export { grNumberInputSafelist } from './safelist';
 export type { GrNumberInputProps } from './GrNumberInput.vue';
 export type { GrNumberInputControlsDirection, GrNumberInputSize, GrNumberInputState, GrNumberInputTextAlign, NumberInputControlsDirection, NumberInputSize, } from './grNumberInputStyles';