@feugene/granularity 0.26.0 → 0.27.0

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

@@ -39,17 +39,17 @@ export interface GrFormFieldProps {
 }
 import './defaults';
 type LabelClass = string | string[] | Record<string, boolean>;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {
-    errors: string[];
-};
-type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
-} & {
-    hint?: (props: typeof __VLS_3) => any;
-} & {
-    default?: (props: typeof __VLS_5) => any;
-} & {
-    error?: (props: typeof __VLS_7) => any;
+type __VLS_Slots = {
+    /** Контрол поля. */
+    default?: () => any;
+    /** Подпись вместо пропа `label`. */
+    label?: () => any;
+    /** Подсказка под контролом вместо пропа `hint`. */
+    hint?: () => any;
+    /** Текст ошибки вместо стандартного. Получает уже разрешённый список. */
+    error?: (props: {
+        errors: string[];
+    }) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrFormFieldProps>, {
     label: undefined;

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

@@ -121,9 +121,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     accept: string;
     multiple: boolean;
     disabled: boolean;
+    ariaLabel: string;
     required: boolean;
     placeholder: string;
-    ariaLabel: string;
     errors: GrFormFileError[];
     validate: (files: File[]) => GrFormFileError[] | Promise<GrFormFileError[]>;
     limit: number;

package/dist/types/components/GrFormSection/grFormSectionStyles.d.ts

@@ -7,6 +7,6 @@ export type GrFormSectionHeadingLevel = typeof GR_FORM_SECTION_HEADING_LEVELS[nu
 export declare const formSectionRootClass = "grid gap-4";
 /** Шапка: заголовок с описанием слева, действия справа. */
 export declare const formSectionHeaderClass = "flex flex-wrap items-start justify-between gap-3";
-export declare const formSectionTitleClass = "m-0 text-[length:var(--gr-text-sm)] font-700";
-export declare const formSectionDescriptionClass = "mt-1 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+export declare const formSectionTitleClass = "m-0 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700";
+export declare const formSectionDescriptionClass = "mt-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 export declare const formSectionActionsClass = "flex shrink-0 items-center gap-2";

package/dist/types/components/GrIcon/GrIcon.vue.d.ts

@@ -13,9 +13,9 @@ export interface GrIconProps {
     /** Вращение — для спиннеров. */
     spin?: boolean;
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Своя разметка иконки вместо имени из набора. */
+    default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrIconProps>, {
     size: undefined;

package/dist/types/components/GrImageViewer/GrImageViewer.vue.d.ts

@@ -101,27 +101,7 @@ type GrImageViewerToolbarActions = {
     /** Скачать текущий кадр — то же, что делает кнопка тулбара. */
     download: () => void;
 };
-declare var __VLS_54: {
-    index: number;
-    /** Текущий кадр — адрес и альтернативный текст. */
-    src?: string;
-    alt: string;
-    displayIndex: number;
-    total: number;
-    scale: number;
-    rotation: number;
-    /** Натуральный (исходный) размер картинки, px. 0 пока изображение не загружено. */
-    naturalWidth: number;
-    naturalHeight: number;
-    /** Фактический размер изображения на экране c учётом scale, px (footprint вдоль осей картинки). */
-    renderedWidth: number;
-    renderedHeight: number;
-    /** Реальный масштаб относительно натурального размера (доля): renderedWidth / naturalWidth. */
-    realScale: number;
-    /** Реальный масштаб в процентах, отформатированный (например `67`). */
-    realScalePercent: string;
-    actions: GrImageViewerToolbarActions;
-}, __VLS_89: {
+type GrImageViewerSlotProps = {
     index: number;
     /** Текущий кадр — адрес и альтернативный текст. */
     src?: string;
@@ -142,10 +122,11 @@ declare var __VLS_54: {
     realScalePercent: string;
     actions: GrImageViewerToolbarActions;
 };
-type __VLS_Slots = {} & {
-    toolbar?: (props: typeof __VLS_54) => any;
-} & {
-    'toolbar-actions'?: (props: typeof __VLS_89) => any;
+type __VLS_Slots = {
+    /** Панель инструментов целиком вместо встроенной. */
+    toolbar?: (props: GrImageViewerSlotProps) => any;
+    /** Свои кнопки рядом со встроенными — поворот, скачивание, печать. */
+    'toolbar-actions'?: (props: GrImageViewerSlotProps) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrImageViewerProps>, {
     initialIndex: number;

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

@@ -160,9 +160,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     id: string;
     textAlign: GrInputTextAlign;
     disabled: boolean;
+    ariaLabel: string;
     required: boolean;
     placeholder: string;
-    ariaLabel: string;
     clearLabel: string;
     prefixMinWidth: string;
     prefixMaxWidth: string;

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

@@ -9,10 +9,10 @@
  * внутри, а рамку рисует оболочка вместе с аддонами.
  */
 export declare const sizes: {
-    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)]";
+    readonly xs: "h-7 px-2.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]";
+    readonly sm: "h-8 px-3 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]";
+    readonly md: "h-10 px-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]";
+    readonly lg: "h-11 px-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]";
 };
 /**
  * Горизонтальный padding из `sizes`, но числом: аддоны задают паддинги инлайн-

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

@@ -158,8 +158,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     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;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onReject?: ((value: string) => any) | undefined;
 }>, {
     size: GrInputTagSize;
@@ -171,13 +171,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     max: number;
     disabled: boolean;
+    ariaLabel: string;
     tagTone: GrBadgeTone;
     tagDark: boolean;
     tagSize: GrBadgeSize;
     tagRadius: GrBadgeRadius;
     required: boolean;
     placeholder: string;
-    ariaLabel: string;
     state: GrInputTagState;
     separators: string[];
     allowDuplicates: boolean;

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

@@ -19,12 +19,6 @@ export declare const wrapperEnabledClass = "bg-[var(--gr-bg)] cursor-text";
  * два `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: {

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

@@ -31,9 +31,9 @@ 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;
+type __VLS_Slots = {
+    /** Клавиша или сочетание вместо пропа `keys`. */
+    default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrKbdProps>, {
     size: undefined;

package/dist/types/components/GrKbd/grKbdStyles.d.ts

@@ -12,6 +12,11 @@ export declare const GR_KBD_VARIANTS: readonly ["merged", "split", "sequence"];
  */
 export type GrKbdVariant = typeof GR_KBD_VARIANTS[number];
 export declare const keyBaseClass = "inline-flex items-center justify-center rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-muted)] font-medium leading-none text-[var(--gr-muted-fg)] shadow-[var(--gr-shadow-1)] tabular-nums";
+/**
+ * Межстрочный здесь не парный: у клавиши он задан осознанно (`leading-none` в
+ * `keyBaseClass`), и вторая декларация того же веса подралась бы с ним за
+ * порядок в стилях. Правило — `docs/sizes.md`.
+ */
 export declare const keySizes: Record<GrComponentSize, string>;
 /**
  * Клавиша внутри общей плашки: ни рамки, ни фона, ни собственной ширины —

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

@@ -44,9 +44,9 @@ export interface GrLinkProps {
     /** i18n: скрытая подсказка «откроется в новой вкладке». */
     newTabLabel?: string;
 }
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+type __VLS_Slots = {
+    /** Текст ссылки. */
+    default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrLinkProps>, {
     as: undefined;

package/dist/types/components/GrList/GrList.vue.d.ts

@@ -43,17 +43,23 @@ declare const __VLS_export: <T = unknown>(__VLS_props: NonNullable<Awaited<typeo
     }>) => void;
     attrs: any;
     slots: {
-        loading?: (props: {}) => any;
-    } & {
-        empty?: (props: {}) => any;
-    } & {
+        /** Пункты списка, когда разметка пишется руками вместо `items`. */
+        default?: () => any;
+        /**
+         * Пункт в data-режиме.
+         *
+         * `aria` проставляется только в виртуальном режиме — когда набор в DOM
+         * неполный и размер списка браузеру взять неоткуда.
+         */
         item?: (props: {
             item: T;
             index: number;
             aria: Record<string, number>;
         }) => any;
-    } & {
-        default?: (props: {}) => any;
+        /** Содержимое, пока едут данные. */
+        loading?: () => any;
+        /** Пустое состояние вместо текста по умолчанию. */
+        empty?: () => any;
     };
     emit: {};
 }>) => import("vue").VNode & {

package/dist/types/components/GrList/GrListItem.vue.d.ts

@@ -21,15 +21,15 @@ export interface GrListItemProps {
 export interface GrListItemEmits {
     (e: 'click', event: MouseEvent): void;
 }
-declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {};
-type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_9) => any;
-} & {
-    title?: (props: typeof __VLS_11) => any;
-} & {
-    description?: (props: typeof __VLS_13) => any;
-} & {
-    default?: (props: typeof __VLS_15) => any;
+type __VLS_Slots = {
+    /** Содержимое пункта вместо пары «заголовок и описание». */
+    default?: () => any;
+    /** Аддон слева: иконка, аватар, чекбокс. */
+    prefix?: () => any;
+    /** Заголовок пункта вместо пропа `title`. */
+    title?: () => any;
+    /** Описание под заголовком вместо пропа `description`. */
+    description?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrListItemProps>, {
     title: undefined;

package/dist/types/components/GrList/grListStyles.d.ts

@@ -30,9 +30,9 @@ export declare const itemHoverClass = "cursor-pointer hover:bg-[var(--gr-muted)]
  */
 export declare const itemDisabledClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
 export declare const dividedClass = "divide-y divide-[var(--gr-brd)]";
-export declare const emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+export declare const emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 /** Заголовок и описание строки. Оба нужны обеим веткам пункта — интерактивной и обычной. */
-export declare const itemTitleClass = "text-[length:var(--gr-text-sm)] font-700";
-export declare const itemDescriptionClass = "mt-0.5 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+export declare const itemTitleClass = "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700";
+export declare const itemDescriptionClass = "mt-0.5 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 export declare const loadingRowClass = "px-4 py-3";
 export declare function grListItemPaddingClass(density: GrListItemDensity): string;

package/dist/types/components/GrNavbar/grNavbarStyles.d.ts

@@ -19,5 +19,5 @@ export declare const navbarSideClass = "flex min-w-0 items-center gap-3";
 export declare const navbarSideGrowClass = "flex-1";
 export declare const navbarRightAlignClass = "justify-end";
 export declare const navbarCenterClass = "flex min-w-0 flex-1 items-center justify-center gap-3";
-export declare const navbarTitleClass = "text-[length:var(--gr-text-sm)] font-700";
+export declare const navbarTitleClass = "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700";
 export declare function grNavbarRootClass(sticky: boolean): string;

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

@@ -172,9 +172,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: number;
     textAlign: GrNumberInputTextAlign;
     disabled: boolean;
+    ariaLabel: string;
     required: boolean;
     placeholder: string;
-    ariaLabel: string;
     clearLabel: string;
     prefixMinWidth: string;
     prefixMaxWidth: string;

package/dist/types/components/GrNumberInput/numberInputMath.d.ts

@@ -1,3 +1,4 @@
+export { bigStep } from '../shared/numericStep';
 /**
  * Экспоненциальная запись разбирается отдельно: `String(1e-7)` — это `"1e-7"`,
  * и поиск точки насчитал бы ноль знаков, после чего округление съело бы всё
@@ -9,9 +10,3 @@ export declare function decimalsOf(value: number): number;
  * большему из операндов: шаг `0.5` от значения `1.25` обязан дать `1.75`.
  */
 export declare function addStep(current: number, step: number): number;
-/**
- * Правило `GrSlider` (`bigStep` в `GrSlider.vue`): десять шагов либо десятая
- * часть диапазона — что крупнее. У поля границы необязательны, и без них
- * диапазона не существует.
- */
-export declare function bigStep(step: number, min?: number, max?: number): number;

package/dist/types/components/GrPopover/GrPopover.vue.d.ts

@@ -68,23 +68,22 @@ export interface GrPopoverEmits {
 declare function open(): void;
 declare function close(): void;
 declare function toggle(): void;
-declare var __VLS_1: {
-    open: boolean;
-    toggle: typeof toggle;
-    close: typeof close;
-    triggerProps: {
-        'aria-haspopup': "dialog" | "menu" | "grid" | "listbox" | undefined;
-        'aria-expanded': boolean;
-        'aria-controls': string | undefined;
-        disabled: true | undefined;
-    };
-}, __VLS_15: {
-    close: typeof close;
-};
-type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_1) => any;
-} & {
-    content?: (props: typeof __VLS_15) => any;
+type __VLS_Slots = {
+    /**
+     * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный
+     * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`
+     * читаются с того узла, который получает фокус.
+     */
+    trigger?: (props: {
+        open: boolean;
+        toggle: () => void;
+        close: () => void;
+        triggerProps: Record<string, unknown>;
+    }) => any;
+    /** Содержимое панели. */
+    content?: (props: {
+        close: () => void;
+    }) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPopoverProps>, {
     open: undefined;

package/dist/types/components/GrPromptDialog/GrPromptDialog.vue.d.ts

@@ -87,15 +87,15 @@ export interface GrPromptDialogEmits {
     (e: 'cancel'): void;
 }
 import './defaults';
-declare var __VLS_8: {}, __VLS_35: {
-    error: ResponseErrorInfo | null;
-}, __VLS_43: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    error?: (props: typeof __VLS_35) => any;
-} & {
-    footer?: (props: typeof __VLS_43) => any;
+type __VLS_Slots = {
+    /** Содержимое диалога вместо пропа `message`. */
+    default?: () => any;
+    /** Разбор ошибки вместо встроенного баннера. */
+    error?: (props: {
+        error: ResponseErrorInfo | null;
+    }) => any;
+    /** Кнопки диалога вместо пары «отмена и подтверждение». */
+    footer?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
     title: undefined;

package/dist/types/components/GrRadio/GrRadio.vue.d.ts

@@ -39,13 +39,11 @@ export interface GrRadioProps {
 export interface GrRadioEmits {
     (e: 'update:modelValue', value: GrRadioValue): void;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
-} & {
-    description?: (props: typeof __VLS_5) => any;
+type __VLS_Slots = {
+    /** Подпись переключателя вместо пропа `label`. */
+    default?: () => any;
+    /** Пояснение под подписью. */
+    description?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrRadioProps>, {
     modelValue: undefined;
@@ -89,9 +87,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     id: string;
     disabled: boolean;
+    ariaLabel: string;
     modelValue: GrRadioValue;
     required: boolean;
-    ariaLabel: string;
     buttonVariant: GrButtonVariant;
     buttonTone: GrButtonTone;
     selectedButtonVariant: GrButtonVariant;

package/dist/types/components/GrRadioGroup/GrRadioGroup.vue.d.ts

@@ -92,8 +92,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     options: GrRadioGroupOption[];
     disabled: boolean;
-    required: boolean;
     ariaLabel: string;
+    required: 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/components/GrRating/GrRating.vue.d.ts

@@ -143,8 +143,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     max: number;
     disabled: boolean;
-    required: boolean;
     ariaLabel: string;
+    required: boolean;
     texts: string[];
     allowHalf: boolean;
     showText: boolean;

package/dist/types/components/GrSegmented/GrSegmented.vue.d.ts

@@ -90,8 +90,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     block: boolean;
     disabled: boolean;
-    required: boolean;
     ariaLabel: string;
+    required: boolean;
     indicatorDuration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/GrSelect/grSelectStyles.d.ts

@@ -111,7 +111,7 @@ export declare function grSelectTriggerClass(options: {
     invalid?: boolean;
 }): string;
 export declare const grSelectPanelClasses = "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";
-export declare const selectOptionBaseClass = "rounded-[var(--gr-radius-md)] px-3 py-2 text-left text-[length:var(--gr-text-sm)]";
+export declare const selectOptionBaseClass = "rounded-[var(--gr-radius-md)] px-3 py-2 text-left text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]";
 export declare const selectOptionLinkWidthClass = "block min-w-full w-max whitespace-nowrap";
 export declare const selectOptionWidthClass = "w-full";
 export declare const selectOptionEnabledClass = "hover:bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]";

package/dist/types/components/GrSidebar/GrSidebar.vue.d.ts

@@ -28,13 +28,13 @@ export interface GrSidebarProps {
 export interface GrSidebarEmits {
     (e: 'update:collapsed', value: boolean): void;
 }
-declare var __VLS_8: {}, __VLS_10: {}, __VLS_31: {};
-type __VLS_Slots = {} & {
-    subtitle?: (props: typeof __VLS_8) => any;
-} & {
-    title?: (props: typeof __VLS_10) => any;
-} & {
-    default?: (props: typeof __VLS_31) => any;
+type __VLS_Slots = {
+    /** Содержимое панели: навигация, группы, произвольная разметка. */
+    default?: () => any;
+    /** Заголовок шапки вместо пропа `title`. */
+    title?: () => any;
+    /** Подзаголовок под заголовком. */
+    subtitle?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarProps>, {
     title: undefined;

package/dist/types/components/GrSidebar/grSidebarStyles.d.ts

@@ -8,8 +8,8 @@ export declare const rootBase = "flex flex-col bg-[var(--gr-sidebar)] text-[var(
 /** Граница отделяет панель от контента, поэтому уезжает на внутреннюю сторону. */
 export declare const rootPositions: Record<GrSidebarPosition, string>;
 export declare const headerBase = "flex items-center gap-2 border-b border-[var(--gr-sidebar-brd)] px-3 py-4";
-export declare const titleClass = "truncate text-[length:var(--gr-text-lg)] font-700";
-export declare const subtitleClass = "truncate text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+export declare const titleClass = "truncate text-[length:var(--gr-text-lg)] leading-[var(--gr-leading-lg)] font-700";
+export declare const subtitleClass = "truncate text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 /**
  * Скроллящийся блок обязан быть достижим с клавиатуры, поэтому он остановка
  * `Tab` с видимым кольцом: без него панель с текстовым содержимым не
@@ -27,8 +27,8 @@ export declare const itemDisabledClass = "cursor-not-allowed text-[var(--gr-disa
 export declare const itemActiveClass = "bg-[var(--gr-muted)] font-600 text-[var(--gr-fg)]";
 export declare const itemIdleClass = "text-[var(--gr-sidebar-fg)] hover:bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_8%,transparent)]";
 export declare const itemLetterClass = "text-[length:var(--gr-text-xs)] font-700 leading-none";
-export declare const itemBadgeClass = "shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] font-600";
-export declare const groupLabelClass = "px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]";
+export declare const itemBadgeClass = "shrink-0 rounded-[var(--gr-radius-full)] bg-[color-mix(in_srgb,var(--gr-sidebar-fg)_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-600";
+export declare const groupLabelClass = "px-3 pb-1 pt-3 text-[length:var(--gr-text-2xs)] leading-[var(--gr-leading-2xs)] font-700 [text-transform:uppercase] tracking-wide text-[var(--gr-muted-fg)]";
 /**
  * В свёрнутой панели заголовка секции нет — иначе он не помещается. Границы
  * между группами берёт на себя линия: без неё иконки соседних секций сливаются

package/dist/types/components/GrSlider/GrSlider.vue.d.ts

@@ -108,8 +108,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     min: number;
     range: boolean;
     disabled: boolean;
-    required: boolean;
     ariaLabel: string;
+    required: boolean;
     step: number;
     marks: GrSliderMarks;
     showTooltip: boolean | "always" | "hover";

package/dist/types/components/GrSortableList/grSortableListStyles.d.ts

@@ -16,7 +16,7 @@ export declare const rowDraggingClass = "bg-[var(--gr-sortable-row-bg-active,var
 export declare const rowGrabbedClass = "bg-[var(--gr-sortable-row-bg-active,var(--gr-muted))] ring-2 ring-[var(--gr-ring)] ring-inset";
 export declare const rowDisabledClass = "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]";
 export declare const dividedClass = "divide-y divide-[var(--gr-brd)]";
-export declare const emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]";
+export declare const emptyClass = "px-4 py-6 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]";
 /**
  * Ручка не табируется: внутри роверного композита свой таб-стоп сломал бы
  * правило «один Tab на список» — тот же приём, что у ручки `GrTree`.
@@ -28,7 +28,7 @@ export declare const emptyClass = "px-4 py-6 text-center text-[length:var(--gr-t
  */
 export declare const handleClass = "flex shrink-0 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-sortable-handle-color,var(--gr-muted-fg))] size-[var(--gr-sortable-handle-size,1.5rem)] cursor-grab [touch-action:none] focus:outline-none";
 export declare const handleDisabledClass = "cursor-not-allowed text-[var(--gr-muted-fg)]";
-export declare const contentClass = "min-w-0 flex-1 text-[length:var(--gr-text-sm)]";
+export declare const contentClass = "min-w-0 flex-1 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]";
 /**
  * Куда встанет строка — псевдоэлемент самой строки, а не отдельный узел:
  * лишний узел между строками ломает и `divide-y`, и подсчёт позиций.

package/dist/types/components/GrSplitter/GrSplitter.vue.d.ts

@@ -85,8 +85,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     max: number;
     min: number;
     disabled: boolean;
-    modelValue: number;
     ariaLabel: string;
+    modelValue: number;
     step: number;
     collapsed: boolean;
     defaultSize: number;

package/dist/types/components/GrStatistic/GrStatistic.vue.d.ts

@@ -71,19 +71,19 @@ export interface GrStatisticProps {
 export interface GrStatisticEmits {
     (e: 'click', event: MouseEvent): void;
 }
-declare var __VLS_10: {}, __VLS_23: {}, __VLS_49: {}, __VLS_51: {}, __VLS_55: {}, __VLS_57: {};
-type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_10) => any;
-} & {
-    title?: (props: typeof __VLS_23) => any;
-} & {
-    prefix?: (props: typeof __VLS_49) => any;
-} & {
-    default?: (props: typeof __VLS_51) => any;
-} & {
-    suffix?: (props: typeof __VLS_55) => any;
-} & {
-    trend?: (props: typeof __VLS_57) => any;
+type __VLS_Slots = {
+    /** Значение вместо пропа `value`. */
+    default?: () => any;
+    /** Иконка перед подписью. */
+    icon?: () => any;
+    /** Подпись показателя вместо пропа `title`. */
+    title?: () => any;
+    /** Приписка перед значением: знак валюты, стрелка. */
+    prefix?: () => any;
+    /** Приписка после значения: единица измерения, процент. */
+    suffix?: () => any;
+    /** Динамика под значением вместо встроенного `GrDelta`. */
+    trend?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrStatisticProps>, {
     title: undefined;

package/dist/types/components/GrSteps/grStepsStyles.d.ts

@@ -41,7 +41,7 @@ export declare const stepsMarkerClass = "inline-flex shrink-0 items-center justi
 export declare const stepsMarkerClassByStatus: Record<GrStepStatus, string>;
 export declare const stepsLabelClass = "block min-w-0 font-600";
 export declare const stepsLabelClassByStatus: Record<GrStepStatus, string>;
-export declare const stepsDescriptionClass = "block mt-0.5 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]";
+export declare const stepsDescriptionClass = "block mt-0.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] text-[var(--gr-muted-fg)]";
 /**
  * Соединитель между шагами.
  *
@@ -56,7 +56,7 @@ export declare const stepsConnectorDoneClass = "bg-[var(--gr-steps-connector-don
 export declare const stepsConnectorPendingClass = "bg-[var(--gr-steps-connector-pending,var(--gr-brd))]";
 /** Компактный вариант: подпись и полоса вместо ленты. */
 export declare const stepsCompactRowClass = "flex items-baseline justify-between gap-3";
-export declare const stepsCompactCounterClass = "shrink-0 text-[length:var(--gr-control-text-xs)] text-[var(--gr-muted-fg)]";
+export declare const stepsCompactCounterClass = "shrink-0 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)] text-[var(--gr-muted-fg)]";
 export declare const stepsCompactLabelClass = "min-w-0 truncate font-600 text-[var(--gr-fg)]";
 export declare const stepsCompactBarClass = "mt-2";
 export declare function grStepsMarkerClass(status: GrStepStatus): string;