@feugene/granularity 0.11.0 → 0.13.0

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

@@ -1,28 +1,51 @@
 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;
+    /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */
+    required?: boolean;
     labelClass?: LabelClass;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    hint?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
 };
 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;
+    required: boolean;
     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;
+    required: boolean;
     labelClass: undefined;
 }>>> & Readonly<{}>, {
     label: string;
     error: string;
+    name: string;
+    required: boolean;
     forId: string;
+    hint: string;
     labelClass: LabelClass;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,20 @@
+import { type ComputedRef, type InjectionKey } from 'vue';
+/**
+ * Контекст поля формы, который `GrFormField` предоставляет своим контролам
+ * (`GrInput` / `GrSelect` / `GrTextarea`). Контролы читают его через
+ * {@link useGrFormFieldContext} и используют как fallback для `id`,
+ * `aria-describedby` и `aria-invalid` — без ручного прокидывания `forId`.
+ */
+export interface GrFormFieldContext {
+    /** Сгенерированный (или переданный `forId`) id контрола. */
+    id: ComputedRef<string | undefined>;
+    /** `aria-describedby`: id подсказки и/или сообщения об ошибке. */
+    describedById: ComputedRef<string | undefined>;
+    /** Невалидно ли поле (есть `error`). */
+    invalid: ComputedRef<boolean>;
+    /** Обязательное ли поле. */
+    required: ComputedRef<boolean>;
+}
+export declare const GR_FORM_FIELD_KEY: InjectionKey<GrFormFieldContext>;
+/** Возвращает контекст поля формы или `null`, если контрол вне `GrFormField`. */
+export declare function useGrFormFieldContext(): GrFormFieldContext | null;

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

@@ -1,3 +1,4 @@
 export { default } from './GrFormField.vue';
 export { default as GrFormField } from './GrFormField.vue';
+export { GR_FORM_FIELD_KEY, useGrFormFieldContext, type GrFormFieldContext } from './context';
 export { grFormFieldConfig } from './config';

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

@@ -8,6 +8,10 @@
  *   show-progress
  *   hide-on-click-modal
  * />
+ *
+ * Логика вынесена в composables: `useZoomPan` (масштаб/поворот/пан + метрики),
+ * `useWheelGesture` (зум колесом/трекпадом с rAF-батчингом), `useViewerKeyboard`
+ * (клавиатура). Сам SFC отвечает за оверлей, индекс изображений и композицию.
  */
 type __VLS_Props = {
     modelValue: boolean;
@@ -144,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;
@@ -166,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/GrImageViewer/composables/useViewerKeyboard.d.ts

@@ -0,0 +1,20 @@
+export interface ViewerKeyboardActions {
+    close: () => void;
+    prev: () => void;
+    next: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+}
+export interface UseViewerKeyboardOptions {
+    /** Закрывать ли по Escape (проп `closeOnPressEscape`). */
+    closeOnEscape: () => boolean;
+    actions: ViewerKeyboardActions;
+}
+/**
+ * useViewerKeyboard — клавиатурное управление просмотрщиком:
+ * Esc — закрыть, стрелки — переключение, `+`/`-`/`0` — зум/сброс.
+ */
+export declare function useViewerKeyboard(options: UseViewerKeyboardOptions): {
+    onKeydown: (event: KeyboardEvent) => void;
+};

package/dist/types/src/components/GrImageViewer/composables/useWheelGesture.d.ts

@@ -0,0 +1,16 @@
+export interface UseWheelGestureOptions {
+    /** Разрешён ли зум колесом (проп `wheelZoom` + наличие изображений). */
+    enabled: () => boolean;
+    /** Применить множитель масштаба (накопленный за кадр). */
+    applyZoomFactor: (factor: number) => void;
+}
+/**
+ * useWheelGesture — масштабирование колесом мыши / жестом трекпада с батчингом
+ * по `requestAnimationFrame` (рендер не чаще кадра — без «дёрганья»/наслоения) и
+ * временным отключением CSS-перехода на время жеста (`isWheelZooming`).
+ */
+export declare function useWheelGesture(options: UseWheelGestureOptions): {
+    isWheelZooming: import("vue").Ref<boolean, boolean>;
+    onWheel: (event: WheelEvent) => void;
+    endWheelZoom: () => void;
+};

package/dist/types/src/components/GrImageViewer/composables/useZoomPan.d.ts

@@ -0,0 +1,50 @@
+import { type Ref } from 'vue';
+export declare function formatPercent(value: number): string;
+export interface UseZoomPanOptions {
+    minScale: () => number;
+    maxScale: () => number;
+    zoomRate: () => number;
+    draggable: () => boolean;
+    /** Ссылка на `<img>` — для измерения layout-размера и подписки ResizeObserver. */
+    imageEl: Ref<HTMLImageElement | null>;
+    /** Колбэк на поворот (эмит `rotate`). */
+    onRotate: (deg: number) => void;
+}
+/**
+ * useZoomPan — состояние и логика масштаба/поворота/панорамирования картинки,
+ * а также метрики (натуральный/вписанный/фактический размер, реальный масштаб).
+ * Вынесено из монолитного `GrImageViewer.vue`.
+ */
+export declare function useZoomPan(options: UseZoomPanOptions): {
+    scale: Ref<number, number>;
+    rotation: Ref<number, number>;
+    offsetX: Ref<number, number>;
+    offsetY: Ref<number, number>;
+    isDragging: Ref<boolean, boolean>;
+    naturalWidth: Ref<number, number>;
+    naturalHeight: Ref<number, number>;
+    fittedWidth: Ref<number, number>;
+    fittedHeight: Ref<number, number>;
+    imageStyle: import("vue").ComputedRef<{
+        transform: string;
+    }>;
+    zoomValueText: import("vue").ComputedRef<string>;
+    renderedWidth: import("vue").ComputedRef<number>;
+    renderedHeight: import("vue").ComputedRef<number>;
+    realScale: import("vue").ComputedRef<number>;
+    realScalePercent: import("vue").ComputedRef<string>;
+    setScale: (value: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    resetTransform: () => void;
+    resetImageMetrics: () => void;
+    measureFitted: () => void;
+    onImageLoad: (event: Event) => void;
+    startObservingImage: () => void;
+    stopObservingImage: () => void;
+    onPointerDown: (event: PointerEvent) => void;
+    onPointerMove: (event: PointerEvent) => void;
+    onPointerUp: (event: PointerEvent) => void;
+};

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

@@ -8,11 +8,26 @@ type __VLS_Props = {
     autocomplete?: string;
     inputmode?: InputHTMLAttributes['inputmode'];
     disabled?: boolean;
+    /** Только для чтения: значение видно и выделяемо, но не редактируется. */
+    readonly?: boolean;
     invalid?: boolean;
     state?: 'default' | 'success' | 'warning' | 'danger';
     name?: string;
     id?: string;
     size?: GrInputSize;
+    /** Показывать кнопку очистки, когда есть значение (и не disabled/readonly). */
+    clearable?: boolean;
+    /** i18n aria-label кнопки очистки. */
+    clearLabel?: string;
+    /** Ограничение длины + основа для счётчика символов. */
+    maxlength?: number;
+    /** Показывать счётчик символов (`len` или `len/maxlength`). */
+    showCount?: boolean;
+    /** Кнопка показать/скрыть пароль (только при `type="password"`). */
+    passwordToggle?: boolean;
+    /** i18n aria-label кнопки показать/скрыть пароль. */
+    passwordShowLabel?: string;
+    passwordHideLabel?: string;
     textAlign?: GrInputTextAlign;
     prefixMinWidth?: string;
     prefixMaxWidth?: string;
@@ -28,11 +43,11 @@ type __VLS_Props = {
     suffixFixed?: boolean;
 };
 declare function focus(): void;
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    suffix?: (props: typeof __VLS_3) => any;
+    suffix?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     type: string;
@@ -40,11 +55,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
+    size: undefined;
+    clearable: undefined;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
@@ -62,11 +85,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
-    size: string;
+    size: undefined;
+    clearable: undefined;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
@@ -77,17 +108,25 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    type: "text" | "email" | "password" | "number" | "search";
     size: GrInputSize;
-    disabled: boolean;
-    name: string;
-    id: string;
+    clearable: boolean;
+    readonly: boolean;
+    type: "text" | "email" | "password" | "number" | "search";
     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";
-    textAlign: GrInputTextAlign;
+    maxlength: number;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: string;
+    passwordHideLabel: string;
     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/GrKbd/GrKbd.vue.d.ts

@@ -0,0 +1,46 @@
+/**
+ * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).
+ *
+ * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.
+ */
+export type GrKbdSize = 'sm' | 'md';
+type __VLS_Props = {
+    size?: GrKbdSize;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    size: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    size: string;
+}>>> & Readonly<{}>, {
+    size: GrKbdSize;
+}, {}, {}, {}, 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/GrKbd/config.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default } from './GrKbd.vue';
+export { default as GrKbd } from './GrKbd.vue';
+export type { GrKbdSize } from './GrKbd.vue';
+export { grKbdConfig } from './config';

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

@@ -19,6 +19,16 @@ export interface GrNumberInputProps {
     min?: number;
     max?: number;
     precision?: number;
+    /**
+     * BCP-47 локаль для отображения значения (группировка разрядов и разделители
+     * через `Intl.NumberFormat`). Работает вместе с `useGrouping`.
+     */
+    locale?: string;
+    /**
+     * Группировать разряды при отображении (когда поле не в фокусе). При фокусе
+     * показывается «сырое» значение для редактирования. По умолчанию выключено.
+     */
+    useGrouping?: boolean;
     /** Показывать кнопки +/-. */
     controls?: boolean;
     controlsDirection?: GrNumberInputControlsDirection;
@@ -54,13 +64,15 @@ 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;
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
@@ -85,13 +97,15 @@ 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;
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
@@ -103,30 +117,32 @@ 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;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: GrNumberInputControlsDirection;
     increaseLabel: string;

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';