@feugene/granularity 0.13.0 → 0.18.0

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

@@ -1,9 +1,8 @@
+import type { GrComponentSize } from '../shared/sizes';
 import type { InputHTMLAttributes } from 'vue';
-export type GrInputSize = 'xs' | 'sm' | 'md' | 'lg';
-export type GrInputTextAlign = 'left' | 'center' | 'right';
-type __VLS_Props = {
+export interface GrInputProps {
     modelValue: string;
-    type?: 'text' | 'email' | 'password' | 'number' | 'search';
+    type?: 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url';
     placeholder?: string;
     autocomplete?: string;
     inputmode?: InputHTMLAttributes['inputmode'];
@@ -11,6 +10,10 @@ type __VLS_Props = {
     /** Только для чтения: значение видно и выделяемо, но не редактируется. */
     readonly?: boolean;
     invalid?: boolean;
+    /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */
+    required?: boolean;
+    /** Доступное имя вне `GrFormField`. */
+    ariaLabel?: string;
     state?: 'default' | 'success' | 'warning' | 'danger';
     name?: string;
     id?: string;
@@ -23,6 +26,12 @@ type __VLS_Props = {
     maxlength?: number;
     /** Показывать счётчик символов (`len` или `len/maxlength`). */
     showCount?: boolean;
+    /**
+     * Фоновая работа по полю (проверка занятости логина, автосохранение):
+     * спиннер в trailing-области + `aria-busy`. Ввод не блокируется —
+     * для этого есть `disabled`/`readonly`.
+     */
+    loading?: boolean;
     /** Кнопка показать/скрыть пароль (только при `type="password"`). */
     passwordToggle?: boolean;
     /** i18n aria-label кнопки показать/скрыть пароль. */
@@ -41,15 +50,32 @@ type __VLS_Props = {
      */
     prefixFixed?: boolean;
     suffixFixed?: boolean;
+}
+export interface GrInputEmits {
+    (e: 'update:modelValue', value: string): void;
+    /** Значение зафиксировано нативным `change` — по `blur` или `Enter`. */
+    (e: 'change', value: string): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    /**
+     * Значение стёрто кнопкой очистки. Отдельное событие потому, что по
+     * `update:modelValue` программную очистку от ручного стирания не отличить.
+     */
+    (e: 'clear'): void;
+}
+export type GrInputSize = GrComponentSize;
+export type GrInputTextAlign = 'left' | 'center' | 'right';
+type __VLS_Slots = {
+    /** Аддон слева от поля: иконка, код валюты, метка. */
+    prefix?: () => any;
+    /** Аддон справа от поля: единица измерения, подсказка. */
+    suffix?: () => any;
 };
 declare function focus(): void;
-declare var __VLS_1: {}, __VLS_18: {};
-type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_1) => any;
-} & {
-    suffix?: (props: typeof __VLS_18) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare function blur(): void;
+/** Выделить содержимое — спутник `focus()` для «подставили значение, перезапишите». */
+declare function select(): void;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputProps>, {
     type: string;
     placeholder: undefined;
     autocomplete: undefined;
@@ -57,6 +83,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     readonly: boolean;
     invalid: boolean;
+    required: boolean;
+    ariaLabel: undefined;
     state: string;
     name: undefined;
     id: undefined;
@@ -65,6 +93,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     clearLabel: undefined;
     maxlength: undefined;
     showCount: boolean;
+    loading: boolean;
     passwordToggle: boolean;
     passwordShowLabel: undefined;
     passwordHideLabel: undefined;
@@ -77,9 +106,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     suffixFixed: boolean;
 }>>, {
     focus: typeof focus;
+    blur: typeof blur;
+    select: typeof select;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    change: (value: string) => void;
+    focus: (event: FocusEvent) => void;
+    blur: (event: FocusEvent) => void;
+    clear: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputProps>, {
     type: string;
     placeholder: undefined;
     autocomplete: undefined;
@@ -87,6 +122,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     readonly: boolean;
     invalid: boolean;
+    required: boolean;
+    ariaLabel: undefined;
     state: string;
     name: undefined;
     id: undefined;
@@ -95,6 +132,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     clearLabel: undefined;
     maxlength: undefined;
     showCount: boolean;
+    loading: boolean;
     passwordToggle: boolean;
     passwordShowLabel: undefined;
     passwordHideLabel: undefined;
@@ -106,33 +144,40 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixFixed: boolean;
     suffixFixed: boolean;
 }>>> & Readonly<{
+    onClear?: (() => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: GrInputSize;
     clearable: boolean;
     readonly: boolean;
-    type: "text" | "email" | "password" | "number" | "search";
+    type: "text" | "email" | "password" | "number" | "search" | "tel" | "url";
+    name: string;
     invalid: boolean;
     id: string;
-    name: string;
+    loading: boolean;
     textAlign: GrInputTextAlign;
     disabled: boolean;
+    required: boolean;
     placeholder: string;
+    ariaLabel: string;
     clearLabel: string;
+    prefixMinWidth: string;
+    prefixMaxWidth: string;
+    suffixMinWidth: string;
+    suffixMaxWidth: string;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
     autocomplete: string;
+    showCount: boolean;
     inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     state: "default" | "success" | "warning" | "danger";
     maxlength: number;
-    showCount: boolean;
     passwordToggle: boolean;
     passwordShowLabel: string;
     passwordHideLabel: string;
-    prefixMinWidth: string;
-    prefixMaxWidth: string;
-    suffixMinWidth: string;
-    suffixMaxWidth: string;
-    prefixFixed: boolean;
-    suffixFixed: boolean;
 }, {}, {}, {}, 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/config.d.ts

@@ -1 +1 @@
-export declare const grInputConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrInput">;
+export declare const grInputConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrInput">;

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

@@ -11,7 +11,7 @@ export interface GrInputConfigurableProps {
     size: GrComponentSize;
     clearable: boolean;
 }
-declare module '../GrConfigProvider/context' {
+declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {
         GrInput: GrInputConfigurableProps;
     }

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

@@ -1,8 +1,29 @@
+/**
+ * Классы `GrInput`.
+ *
+ * Единственный источник правды: те же карты были продублированы инлайн в
+ * `GrInput.vue`, копии разошлись (`focus-visible:` против `focus-within:`), и
+ * safelist декларировал классы, которых в разметке нет.
+ *
+ * Кольцо фокуса живёт на оболочке через `focus-within`: фокус получает инпут
+ * внутри, а рамку рисует оболочка вместе с аддонами.
+ */
 export declare const sizes: {
-    readonly xs: "h-7 px-2.5 text-[12px]";
-    readonly sm: "h-8 px-3 text-[13px]";
-    readonly md: "h-10 px-3 text-[14px]";
-    readonly lg: "h-11 px-4 text-[16px]";
+    readonly xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)]";
+    readonly sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)]";
+    readonly md: "h-10 px-3 text-[length:var(--gr-control-text-md)]";
+    readonly lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)]";
+};
+/**
+ * Горизонтальный padding из `sizes`, но числом: аддоны задают паддинги инлайн-
+ * стилем, а он перекрывает класс — значение нужно обеим формам, и расходиться
+ * им нельзя.
+ */
+export declare const paddingX: {
+    readonly xs: "10px";
+    readonly sm: "12px";
+    readonly md: "12px";
+    readonly lg: "16px";
 };
 export declare const textAlign: {
     readonly left: "text-left";
@@ -11,7 +32,32 @@ export declare const textAlign: {
 };
 export declare const states: {
     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)]";
+    readonly success: "border-[var(--gr-success)] focus-within:ring-[var(--gr-success)]";
+    readonly warning: "border-[var(--gr-warning)] focus-within:ring-[var(--gr-warning)]";
+    readonly danger: "border-[var(--gr-danger)] focus-within:ring-[var(--gr-danger)]";
 };
+/**
+ * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+ * `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+ * валидации, и тема вправе развести их по цвету.
+ */
+export declare const invalidClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+export type GrInputState = keyof typeof states;
+export declare const shellBaseClass = "relative w-full overflow-hidden rounded-[var(--gr-radius-control)] border transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+export declare const shellEnabledClass = "bg-[var(--gr-bg)]";
+/**
+ * Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет
+ * выверенные на AA токены текста и роняет контраст. Фон взаимоисключающий с
+ * `shellEnabledClass` — два `bg-*` одной специфичности разрулил бы порядок в
+ * сгенерированном CSS, а не порядок в списке классов.
+ */
+export declare const shellDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+export declare function grInputShellClass(options: {
+    state: GrInputState;
+    invalid: boolean;
+    disabled: boolean;
+}): string;
+export declare function grInputFieldClass(options: {
+    size: keyof typeof sizes;
+    align: keyof typeof textAlign;
+}): string;

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

@@ -1,6 +1,11 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrInputComponent from './GrInput.vue';
 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';
+export type { GrInputProps } from './GrInput.vue';
+export type { GrInputEmits } from './GrInput.vue';
+export type GrInputInstance = ComponentExposed<typeof GrInputComponent>;

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

@@ -12,6 +12,8 @@ export interface GrInputTagProps {
     disabled?: boolean;
     readonly?: boolean;
     invalid?: boolean;
+    /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */
+    required?: boolean;
     state?: GrInputTagState;
     size?: GrInputTagSize;
     separators?: string[];
@@ -20,6 +22,15 @@ export interface GrInputTagProps {
     max?: number;
     addOnBlur?: boolean;
     clearInputOnAdd?: boolean;
+    /**
+     * Проверка тега перед добавлением. Может быть асинхронной (проверка на
+     * сервере). Отклонённый тег не добавляется и уходит в событие `reject`.
+     */
+    beforeAdd?: (tag: string) => boolean | Promise<boolean>;
+    /** Кнопка «снести все теги». Настраивается через `GrConfigProvider`. */
+    clearable?: boolean;
+    /** Фоновая работа: спиннер + `aria-busy`. Асинхронный `beforeAdd` поднимает его сам. */
+    loading?: boolean;
     tagTone?: GrBadgeTone;
     tagDark?: boolean;
     tagSize?: GrBadgeSize;
@@ -27,83 +38,155 @@ export interface GrInputTagProps {
     tagClosable?: boolean;
     /** i18n-friendly aria-label for the per-tag remove button. */
     removeTagLabel?: string;
+    /** i18n aria-label кнопки «снести все». */
+    clearAllLabel?: string;
+    /**
+     * Имя контрола, когда он используется вне `GrFormField`. Внутри поля имя даёт
+     * связка с его `<label for>` — там проп не нужен. Без того и другого у инпута
+     * нет доступного имени вовсе: placeholder именем не считается.
+     */
+    ariaLabel?: string;
+    /** Имя для нативной формы: hidden input на каждый тег. */
+    name?: string;
+    /**
+     * Ширины аддонов `prefix`/`suffix` — общий контракт контролов пакета
+     * (`docs/form-controls.md`).
+     */
+    prefixMinWidth?: string;
+    prefixMaxWidth?: string;
+    suffixMinWidth?: string;
+    suffixMaxWidth?: string;
+    prefixFixed?: boolean;
+    suffixFixed?: boolean;
 }
-declare function focus(): void;
-declare var __VLS_7: {
-    tag: string;
-    index: number;
-    remove: () => void;
-};
-type __VLS_Slots = {} & {
-    tag?: (props: typeof __VLS_7) => any;
+export interface GrInputTagEmits {
+    (e: 'update:modelValue', value: string[]): void;
+    (e: 'add', value: string): void;
+    (e: 'remove', value: string, index: number): void;
+    /** Тег не прошёл `beforeAdd`. */
+    (e: 'reject', value: string): void;
+    /** Набор снесён кнопкой «очистить». */
+    (e: 'clear'): void;
+    /** Набор тегов изменился. */
+    (e: 'change', value: string[]): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+}
+type __VLS_Slots = {
+    /** Аддон слева от чипов: иконка, метка. */
+    prefix?: () => any;
+    /** Аддон справа, перед кнопкой очистки. */
+    suffix?: () => any;
+    /** Свой чип: `remove` снимает значение. */
+    tag?: (props: {
+        tag: string;
+        index: number;
+        remove: () => void;
+    }) => any;
 };
+declare function focus(): void;
+declare function blur(): void;
+declare function clearAll(): void;
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
     invalid: boolean;
+    required: boolean;
     state: string;
-    size: string;
+    size: undefined;
     separators: () => string[];
     allowDuplicates: boolean;
     trim: boolean;
     max: undefined;
     addOnBlur: boolean;
     clearInputOnAdd: boolean;
+    beforeAdd: undefined;
+    clearable: undefined;
+    loading: boolean;
     tagTone: string;
     tagDark: boolean;
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
     removeTagLabel: undefined;
+    clearAllLabel: undefined;
+    ariaLabel: undefined;
+    name: undefined;
 }>>, {
     focus: typeof focus;
+    blur: typeof blur;
+    clear: typeof clearAll;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => void;
     add: (value: string) => void;
     remove: (value: string, index: number) => void;
+    reject: (value: string) => void;
+    clear: () => void;
+    change: (value: string[]) => void;
+    focus: (event: FocusEvent) => void;
+    blur: (event: FocusEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
     invalid: boolean;
+    required: boolean;
     state: string;
-    size: string;
+    size: undefined;
     separators: () => string[];
     allowDuplicates: boolean;
     trim: boolean;
     max: undefined;
     addOnBlur: boolean;
     clearInputOnAdd: boolean;
+    beforeAdd: undefined;
+    clearable: undefined;
+    loading: boolean;
     tagTone: string;
     tagDark: boolean;
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
     removeTagLabel: undefined;
+    clearAllLabel: undefined;
+    ariaLabel: undefined;
+    name: undefined;
 }>>> & Readonly<{
+    onClear?: (() => any) | undefined;
     onAdd?: ((value: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string[]) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onRemove?: ((value: string, index: number) => any) | undefined;
+    onReject?: ((value: string) => any) | undefined;
 }>, {
     size: GrInputTagSize;
+    clearable: boolean;
     trim: boolean;
     readonly: boolean;
+    name: string;
     invalid: boolean;
     max: number;
+    loading: boolean;
     disabled: boolean;
+    tagTone: GrBadgeTone;
+    tagDark: boolean;
+    tagSize: GrBadgeSize;
+    tagRadius: GrBadgeRadius;
+    required: boolean;
     placeholder: string;
+    ariaLabel: string;
     state: GrInputTagState;
     separators: string[];
     allowDuplicates: boolean;
     addOnBlur: boolean;
     clearInputOnAdd: boolean;
-    tagTone: GrBadgeTone;
-    tagDark: boolean;
-    tagSize: GrBadgeSize;
-    tagRadius: GrBadgeRadius;
+    beforeAdd: (tag: string) => boolean | Promise<boolean>;
     tagClosable: boolean;
     removeTagLabel: string;
+    clearAllLabel: 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/GrInputTag/config.d.ts

@@ -1 +1 @@
-export declare const grInputTagConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrInputTag">;
+export declare const grInputTagConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrInputTag">;

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

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

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

@@ -1,9 +1,32 @@
+import type { GrControlState } from '../shared/sizes';
 import type { GrInputSize } from '../GrInput/GrInput.vue';
 export type GrInputTagSize = GrInputSize;
-export type GrInputTagState = 'default' | 'success' | 'warning' | 'danger';
+export type GrInputTagState = GrControlState;
 export declare const wrapperSizeClassBySize: Record<GrInputTagSize, string>;
 export declare const inputSizeClassBySize: Record<GrInputTagSize, string>;
 export declare const wrapperBorderClassByState: Record<GrInputTagState, string>;
+/**
+ * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:
+ * `state="danger"` — это подсветка по решению разработчика, `invalid` — вердикт
+ * валидации, и тема вправе развести их по цвету.
+ */
+export declare const invalidWrapperBorderClass = "border-[var(--gr-invalid-brd)] focus-within:ring-[var(--gr-invalid-ring)]";
+export declare const wrapperBaseClass = "w-full flex flex-wrap items-center rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] transition-colors duration-[var(--gr-duration-fast)] focus-within:ring-2 focus-within:ring-[var(--gr-ring)]";
+export declare const wrapperEnabledClass = "bg-[var(--gr-bg)] cursor-text";
+/**
+ * Заблокированное поле гасится фоном, а не `opacity`: прозрачность разбавляет
+ * выверенные на AA токены текста. Фон взаимоисключающий с `wrapperEnabledClass` —
+ * два `bg-*` одной специфичности разрулил бы порядок в сгенерированном CSS.
+ */
+export declare const wrapperDisabledClass = "bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed";
+/**
+ * Крестик наследует цвет тона бейджа (`text-current`) в полную силу: гасить его
+ * прозрачностью нельзя — контраст глифа тогда зависит от тона чипа, а на тёмном
+ * бейдже он проваливается.
+ */
+export declare const removeButtonClass = "-mr-0.5 shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const clearButtonClass = "ml-auto shrink-0 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] p-0.5 text-[var(--gr-muted-fg)] transition-colors hover:text-[var(--gr-fg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const spinnerClass = "shrink-0 inline-flex items-center justify-center text-[var(--gr-muted-fg)]";
 export declare function grInputTagWrapperClass(options: {
     size: GrInputTagSize;
     state: GrInputTagState;

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

@@ -1,6 +1,11 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrInputTagComponent from './GrInputTag.vue';
 export { default } from './GrInputTag.vue';
 export { default as GrInputTag } from './GrInputTag.vue';
 export { grInputTagConfig } from './config';
+export type { GrInputTagConfigurableProps } from './defaults';
 export type { GrInputTagProps } from './GrInputTag.vue';
 export type { GrInputTagSize, GrInputTagState } from './grInputTagStyles';
 export { grInputTagSafelist } from './safelist';
+export type { GrInputTagEmits } from './GrInputTag.vue';
+export type GrInputTagInstance = ComponentExposed<typeof GrInputTagComponent>;

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

@@ -1,22 +1,58 @@
+import type { GrComponentSize } from '../shared/sizes';
+import { type GrKbdVariant } from './grKbdStyles';
+export interface GrKbdProps {
+    size?: GrKbdSize;
+    /**
+     * `merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами
+     * системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу.
+     * `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.
+     */
+    variant?: GrKbdVariant;
+    /**
+     * Сочетание: строкой (`"mod+shift+K"`) или набором токенов
+     * (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.
+     */
+    keys?: string | string[];
+    /**
+     * Разделитель между клавишами. Не задан — авто: в общей плашке символы
+     * склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это
+     * плюс, у `sequence` — слово из локали. Пустая строка — только зазор.
+     */
+    separator?: string;
+    platform?: GrKbdPlatform;
+}
 /**
- * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).
+ * GrKbd — GR-примитив для отображения клавиш и сочетаний (`<kbd>`).
  *
- * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.
+ * Одна клавиша — слотом: `<GrKbd>Esc</GrKbd>`.
+ * Сочетание — пропом: `<GrKbd keys="mod+K" />` (на macOS `⌘ K`, иначе `Ctrl K`).
  */
-export type GrKbdSize = 'sm' | 'md';
-type __VLS_Props = {
-    size?: GrKbdSize;
-};
+export type GrKbdSize = GrComponentSize;
+export type { GrKbdVariant } from './grKbdStyles';
+/** Откуда брать платформу для токена `mod`. */
+export type GrKbdPlatform = 'auto' | 'apple' | 'other';
 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;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrKbdProps>, {
+    size: undefined;
+    variant: string;
+    keys: undefined;
+    separator: undefined;
+    platform: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrKbdProps>, {
+    size: undefined;
+    variant: string;
+    keys: undefined;
+    separator: undefined;
+    platform: string;
 }>>> & Readonly<{}>, {
+    variant: GrKbdVariant;
     size: GrKbdSize;
+    separator: string;
+    keys: string | string[];
+    platform: GrKbdPlatform;
 }, {}, {}, {}, 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/GrKbd/config.d.ts

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

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

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