@feugene/granularity 0.49.0 → 0.50.0

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

@@ -24,9 +24,21 @@ export interface GrSidebarProps {
     landmark?: GrSidebarLandmark;
     /** Имя лендмарка: без него две панели на странице неразличимы. */
     ariaLabel?: string;
+    /**
+     * Панель как модальный слой поверх страницы: подложка, `Esc`, ловушка фокуса,
+     * блокировка прокрутки. Для узкого экрана, где колонке места нет.
+     *
+     * Когда включать — решает приложение: своей системы брейкпоинтов у пакета нет,
+     * а спрашивать среду в `setup` нельзя — первый клиентский рендер разошёлся бы
+     * с серверным и сломал гидрацию.
+     */
+    overlay?: boolean;
+    /** Открыт ли слой. Поддерживает `v-model:open`; без `overlay` не значит ничего. */
+    open?: boolean;
 }
 export interface GrSidebarEmits {
     (e: 'update:collapsed', value: boolean): void;
+    (e: 'update:open', value: boolean): void;
 }
 type __VLS_Slots = {
     /** Содержимое панели: навигация, группы, произвольная разметка. */
@@ -47,8 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     position: string;
     landmark: string;
     ariaLabel: undefined;
+    overlay: boolean;
+    open: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapsed": (value: boolean) => void;
+    "update:open": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarProps>, {
     title: undefined;
     subtitle: undefined;
@@ -60,12 +75,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     position: string;
     landmark: string;
     ariaLabel: undefined;
+    overlay: boolean;
+    open: boolean;
 }>>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
+    overlay: boolean;
     title: string;
     width: string;
     position: GrSidebarPosition;
+    open: boolean;
     ariaLabel: string;
     landmark: GrSidebarLandmark;
     subtitle: string;

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

@@ -4,8 +4,9 @@
  * Контракт:
  * - развёрнутая панель — `[иконка] метка [бейдж]`;
  * - свёрнутая панель — только иконка; если иконки нет, показывается ПЕРВАЯ БУКВА
- *   метки (uppercase). В свёрнутом виде метка уходит в `title`/`aria-label` для
- *   доступности и tooltip.
+ *   метки (uppercase). Имя пункту даёт `aria-label`, а подпись показывает
+ *   `GrTooltip`: нативный `title` появлялся только по наведению, то есть с
+ *   клавиатуры свёрнутую панель было не прочесть.
  *
  * Корневой тег: `as` → `<a href>` → `<button>` (в этом порядке).
  */
@@ -19,29 +20,57 @@ export interface GrSidebarItemProps {
     active?: boolean;
     disabled?: boolean;
     badge?: string | number;
+    /**
+     * Раскрыто ли поддерево. Поддерживает `v-model:expanded`; без пропа пункт
+     * ведёт себя сам.
+     */
+    expanded?: boolean;
+    /** Начальное состояние поддерева, когда `expanded` не контролируется. */
+    defaultExpanded?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarItemProps>, {
+export interface GrSidebarItemEmits {
+    (e: 'update:expanded', value: boolean): void;
+}
+type __VLS_Slots = {
+    /**
+     * Вложенные пункты. Их наличие превращает пункт в раскрывающийся: он теряет
+     * роль ссылки и становится переключателем поддерева.
+     */
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarItemProps>, {
     icon: undefined;
     href: undefined;
     as: undefined;
     active: boolean;
     disabled: boolean;
     badge: undefined;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarItemProps>, {
+    expanded: undefined;
+    defaultExpanded: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expanded": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSidebarItemProps>, {
     icon: undefined;
     href: undefined;
     as: undefined;
     active: boolean;
     disabled: boolean;
     badge: undefined;
-}>>> & Readonly<{}>, {
+    expanded: undefined;
+    defaultExpanded: boolean;
+}>>> & Readonly<{
+    "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+}>, {
     disabled: boolean;
     icon: string | Component;
     href: string;
+    expanded: boolean;
     active: boolean;
     as: string | Component;
     badge: string | number;
+    defaultExpanded: 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> = {
@@ -57,6 +86,11 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {

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

@@ -46,3 +46,35 @@ export declare function grSidebarItemClass(options: {
     disabled: boolean;
     active: boolean;
 }): string;
+/**
+ * Гнездо вложенного пункта: сам пункт плюс поддерево под ним. Обёртка нужна
+ * потому, что двух корней у компонента быть не может — при них ломается проброс
+ * атрибутов.
+ */
+export declare const itemNestClass = "flex flex-col";
+/** Поддерево подпунктов. Отступ уровня задаётся строкам, а не контейнеру. */
+export declare const itemChildrenClass = "flex flex-col";
+/**
+ * Шеврон раскрытия. Поворотом показывает состояние, но смысла не несёт: его
+ * сообщает `aria-expanded` на самом пункте, поэтому от диктора шеврон скрыт.
+ */
+export declare const itemChevronClass = "ml-auto h-4 w-4 shrink-0 text-[var(--gr-muted-fg)] transition-transform duration-[var(--gr-duration-fast)]";
+export declare const itemChevronExpandedClass = "rotate-90";
+/**
+ * Отступ уровня вложенности. Считается от базового `px-3` пункта: своим
+ * `padding` строка отодвигается целиком, вместе с подсветкой и кольцом фокуса,
+ * — сдвинь мы только текст, активный фон уезжал бы под соседний уровень.
+ */
+export declare function itemNestIndent(level: number): string | undefined;
+/**
+ * Корень модального слоя. В обычном режиме обёртка остаётся в разметке, но
+ * `display: contents` убирает её из раскладки — так панель и её шапка описаны
+ * один раз на оба режима, а не продублированы.
+ */
+export declare const layerRootClass = "fixed inset-0";
+export declare const layerPassThroughClass = "contents";
+export declare const layerBackdropClass = "fixed inset-0 bg-[var(--gr-overlay-bg)]";
+/** Панель слоя прижата к своему краю и тянется на всю высоту экрана. */
+export declare const layerPanelPositions: Record<GrSidebarPosition, string>;
+/** Откуда выезжает панель: из-за своего края, а не из глубины экрана. */
+export declare const layerPanelEnterFrom: Record<GrSidebarPosition, string>;

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

@@ -6,4 +6,4 @@ export { grSidebarConfig } from './config';
 export type { GrSidebarLandmark, GrSidebarPosition } from './grSidebarStyles';
 export { grSidebarSafelist } from './safelist';
 export type { GrSidebarEmits } from './GrSidebar.vue';
-export type { GrSidebarItemProps } from './GrSidebarItem.vue';
+export type { GrSidebarItemEmits, GrSidebarItemProps } from './GrSidebarItem.vue';

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

@@ -1,9 +1,31 @@
-import type { InjectionKey, Ref } from 'vue';
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { GrSidebarPosition } from './grSidebarStyles';
 /**
  * Контекст `GrSidebar`, который потребляют `GrSidebarItem`'ы: свёрнута ли панель.
  * В свёрнутом состоянии пункты показывают только иконку (или первую букву метки).
  */
 export interface GrSidebarContext {
     collapsed: Ref<boolean>;
+    /**
+     * Сторона панели. Пункту она нужна ради подсказки в свёрнутом режиме: та
+     * обязана уходить **от** панели, иначе накроет саму себя.
+     */
+    position: ComputedRef<GrSidebarPosition> | Ref<GrSidebarPosition>;
+    /**
+     * Развернуть панель. Нужна пункту с подпунктами: в свёрнутом рейле ветке
+     * негде показаться, и нажатие на неё обязано сперва вернуть панели ширину —
+     * иначе это кнопка, от которой ничего не происходит.
+     *
+     * Отдельным методом, а не записью в `collapsed`: состояние может быть
+     * контролируемым, и без эмита родитель разошёлся бы с панелью.
+     */
+    expand: () => void;
 }
 export declare const GR_SIDEBAR_KEY: InjectionKey<GrSidebarContext>;
+/**
+ * Уровень вложенности пункта. Раздаётся не панелью, а самими пунктами: каждый
+ * объявляет своим детям `level + 1`, поэтому глубина считается разметкой, а не
+ * пропом, который потребителю пришлось бы проставлять руками и держать в
+ * синхроне при перестановке ветки.
+ */
+export declare const GR_SIDEBAR_LEVEL_KEY: InjectionKey<number>;

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

@@ -51,7 +51,39 @@ export interface GrSliderEmits {
 }
 declare function focus(): void;
 declare function blur(): void;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSliderProps>, {
+type __VLS_Slots = {
+    /**
+     * Подпись деления шкалы. Слот наполняет её узел, а не заменяет: позиция,
+     * `aria-hidden` и дублирование значения диктору остаются за компонентом.
+     */
+    mark?: (props: {
+        value: number;
+        /** Строка из `marks`; у массива это само значение. */
+        label: string;
+        /** Положение деления на дорожке, проценты. */
+        percent: number;
+        /** Деление попало в закрашенную часть — по нему красят пройденное. */
+        active: boolean;
+    }) => unknown;
+    /**
+     * Содержимое бегунка.
+     *
+     * Слот рендерится **внутрь** ручки, а не вместо неё: на самом узле висят
+     * `role="slider"`, `tabindex`, восемь `aria-*` и позиционирование, и отдать
+     * его разметке потребителя значит отдать вместе с ним весь виджетный
+     * контракт. Вид самой ручки меняется токенами `--gr-slider-thumb-*`.
+     */
+    thumb?: (props: {
+        index: number;
+        value: number;
+        /** Положение бегунка на дорожке, проценты. */
+        percent: number;
+        /** Бегунок под курсором или в фокусе — та же величина, что у тултипа. */
+        active: boolean;
+        disabled: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSliderProps>, {
     min: number;
     max: number;
     step: number;
@@ -116,6 +148,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     showTooltip: boolean | "always" | "hover";
     formatTooltip: (value: number) => string;
 }, {}, {}, {}, 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> = {
@@ -131,6 +164,11 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {

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

@@ -45,7 +45,7 @@ export declare const sliderFillOrientationClass: Record<GrSliderOrientation, str
 export declare const sliderFillDisabledClass = "bg-[var(--gr-disabled-fg)]";
 export declare const sliderFillEnabledClass = "bg-[var(--gr-slider-fill,var(--gr-primary))]";
 export declare function sliderFillClass(disabled: boolean): string;
-export declare const sliderThumbBaseClass = "absolute rounded-[var(--gr-radius-full)] border-2 border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))] bg-[var(--gr-slider-thumb-bg,var(--gr-bg))] ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] shadow-[var(--gr-shadow-1)] transition-[box-shadow,transform] duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]";
+export declare const sliderThumbBaseClass = "absolute inline-flex items-center justify-center overflow-visible rounded-[var(--gr-radius-full)] border-2 border-[var(--gr-slider-thumb-border,var(--gr-slider-fill,var(--gr-primary)))] bg-[var(--gr-slider-thumb-bg,var(--gr-bg))] ring-1 ring-[color-mix(in_srgb,var(--gr-fg)_22%,transparent)] shadow-[var(--gr-shadow-1)] transition-[box-shadow,transform] duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--gr-bg)]";
 /** Бегунок центрируется поперёк дорожки, а вдоль неё его ведёт inline-стиль. */
 export declare const sliderThumbOrientationClass: Record<GrSliderOrientation, string>;
 export declare const sliderThumbDisabledClass = "cursor-not-allowed border-[var(--gr-disabled-fg)] bg-[var(--gr-disabled-bg)]";

package/dist/types/components/GrTabPanels/context.d.ts

@@ -5,5 +5,11 @@ export interface GrTabPanelsContext {
     activeValue: ComputedRef<string>;
     /** Общая база id для связки `tab`↔`tabpanel` (см. проп `idBase` у `GrTabs`). */
     idBase: ComputedRef<string>;
+    /**
+     * Задал ли `idBase` потребитель. Без него вкладок с подходящими id не
+     * существует: `GrTabs` проставляет их **только** при явном `idBase`, — и
+     * ссылаться на них панели нечем.
+     */
+    tabsLinked: ComputedRef<boolean>;
 }
 export declare const GR_TAB_PANELS_KEY: InjectionKey<GrTabPanelsContext>;

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

@@ -33,11 +33,39 @@ export interface GrTableProps {
     striped?: boolean;
     /** Подсветка строки под курсором. */
     hoverable?: boolean;
+    /**
+     * Тело собрано группами строк, и рисует их потребитель: слот по умолчанию
+     * встаёт прямо в таблицу, без обёртки в `<tbody>`.
+     *
+     * Нужно там, где пара строк обязана мериться и жить вместе — второй ярус
+     * `GrDataTable` рядом со своей строкой. Обернуть две `<tr>` в таблице больше
+     * не во что: группа строк — единственный контейнер, который для них
+     * существует.
+     */
+    rowGroups?: boolean;
+    /**
+     * Роль таблицы. `grid` — интерактивная сетка с клавиатурой по ячейкам
+     * (паттерн WAI-ARIA `grid`): она объявляет диктору, что по таблице ходят
+     * стрелками, а не читают её как статичную.
+     *
+     * Роль ставит тот, кто клавиатуру и реализует, — сама по себе она обещание,
+     * которое таблица не выполняет.
+     */
+    role?: 'table' | 'grid';
     /**
      * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.
      * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).
      */
     stickyHeader?: boolean;
+    /**
+     * Прилипающая первая колонка: остаётся видимой при горизонтальном скролле.
+     *
+     * Только первая, и это не упрощение: `left` со второй колонки равен сумме
+     * ширин предыдущих, а ячейки принадлежат потребителю — мерить их «тонкому»
+     * контейнеру нечем. Многоколоночное закрепление есть у `GrDataTable`: он
+     * знает свои колонки и меряет смещения сам.
+     */
+    stickyColumn?: boolean;
     /**
      * Полное число строк набора, включая строки заголовка (`aria-rowcount`).
      *
@@ -102,7 +130,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     empty: undefined;
     striped: boolean;
     hoverable: boolean;
+    rowGroups: boolean;
+    role: string;
     stickyHeader: boolean;
+    stickyColumn: boolean;
     maxHeight: undefined;
     rowCount: undefined;
     fixedLayout: boolean;
@@ -125,7 +156,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     empty: undefined;
     striped: boolean;
     hoverable: boolean;
+    rowGroups: boolean;
+    role: string;
     stickyHeader: boolean;
+    stickyColumn: boolean;
     maxHeight: undefined;
     rowCount: undefined;
     fixedLayout: boolean;
@@ -135,6 +169,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: GrTableSize;
     emptyText: string;
     loading: boolean;
+    role: "table" | "grid";
     columnCount: number;
     maxHeight: string | number;
     ariaLabel: string;
@@ -144,7 +179,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     regionLabel: string;
     loadingRows: number;
     striped: boolean;
+    rowGroups: boolean;
     stickyHeader: boolean;
+    stickyColumn: boolean;
     rowCount: number;
     fixedLayout: boolean;
     tableMinWidth: string | number;

package/dist/types/components/GrTable/grTableStyles.d.ts

@@ -14,20 +14,29 @@ export type GrTableSize = GrComponentSize;
  */
 export declare const tableSizes: Record<GrTableSize, string>;
 /**
- * Строка, которая не входит в набор: подробности раскрытой строки, распорки
- * виртуализатора. Помеченная ею `<tr>` не полосатится, не подсвечивается и
- * **не участвует в счёте чётности** соседей.
+ * Строка или группа строк, которая не входит в набор: подробности раскрытой
+ * строки, распорки виртуализатора. Помеченная ею `<tr>` не полосатится, не
+ * подсвечивается и **не участвует в счёте чётности** соседей.
  */
 export declare const DETAIL_ROW_ATTR = "data-gr-table-off-grid";
 /**
- * Чередование строк и подсветка под курсором — на `<tbody>`, а не на ячейках.
+ * Чередование строк и подсветка под курсором — на таблице, а не на ячейках.
  *
- * `of :not(…)` здесь обязателен, и `:not()` снаружи его не заменяет: `nth-child`
+ * Форм тела две, и селектора поэтому тоже два. Обычное тело — одна `<tbody>`
+ * со строками; тело `GrDataTable` — группа `<tbody>` на строку, потому что
+ * второй ярус обязан лежать со своей строкой в одной группе (см. `rowGroups`
+ * у `GrTable`). Каждый селектор в чужой форме не совпадает ни с чем: в одной
+ * группе строка набора всегда первая, а единственная `<tbody>` никогда не
+ * чётная, — так что оба живут рядом и не спорят.
+ *
+ * `of S` здесь обязателен, и `:not()` снаружи его не заменяет: `nth-child`
  * считает позицию среди **всех** сиблингов, поэтому обычный фильтр убрал бы
  * полосу с самой служебной строки, но сдвинул бы чётность у всех, кто ниже.
  * Форма `of S` перенумеровывает по отфильтрованному набору — это и нужно.
  */
-export declare const stripedClass = "[&>tr:nth-child(even_of_:not([data-gr-table-off-grid]))]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,transparent)]";
-export declare const hoverableClass = "[&>tr:not([data-gr-table-off-grid]):hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]";
+export declare const stripedClass: string;
+export declare const hoverableClass = "[&>tbody>tr:not([data-gr-table-off-grid]):hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]";
+export declare const stickyColumnStripedClass = "[&>tbody>tr:nth-child(even_of_:not([data-gr-table-off-grid]))>*:first-child]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,var(--gr-card))]";
+export declare const stickyColumnHoverableClass = "[&>tbody>tr:not([data-gr-table-off-grid]):hover>*:first-child]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,var(--gr-card))]";
 export declare const emptyCellClass = "px-4 py-8 text-center text-[var(--gr-muted-fg)]";
 export declare const loadingRowCellClass = "px-4 py-3";

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

@@ -0,0 +1,77 @@
+import type { GrTab, GrTabsProps } from '../GrTabs/GrTabs.vue';
+export interface GrTabsWithPanelsProps extends GrTabsProps {
+}
+export interface GrTabsWithPanelsEmits {
+    (e: 'update:modelValue', value: string): void;
+    /** Просьба закрыть вкладку — всплывает из `GrTabs` как есть. */
+    (e: 'close', value: string): void;
+}
+type __VLS_Slots = {
+    /** Панели (`GrTabPanel`). */
+    default?: () => any;
+    /** Содержимое вкладки целиком — уходит в `GrTabs`. */
+    tab?: (props: {
+        tab: GrTab;
+        active: boolean;
+        disabled: boolean;
+    }) => any;
+    /** Пустой ряд вкладок — уходит в `GrTabs`. */
+    empty?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabsWithPanelsProps>, {
+    idBase: undefined;
+    size: undefined;
+    variant: undefined;
+    activationMode: undefined;
+    orientation: undefined;
+    closable: undefined;
+    emptyText: undefined;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+    close: (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabsWithPanelsProps>, {
+    idBase: undefined;
+    size: undefined;
+    variant: undefined;
+    activationMode: undefined;
+    orientation: undefined;
+    closable: undefined;
+    emptyText: undefined;
+}>>> & Readonly<{
+    onClose?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    variant: import("../GrTabs/grTabsStyles.ts").GrTabsVariant;
+    closable: boolean;
+    size: import("../GrTabs/grTabsStyles.ts").GrTabsSize;
+    activationMode: import("../GrTabs/GrTabs.vue").GrTabsActivationMode;
+    emptyText: string;
+    orientation: import("../GrTabs/grTabsStyles.ts").GrTabsOrientation;
+    idBase: string;
+}, {}, {}, {}, 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/components/GrTabsWithPanels/config.d.ts

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

package/dist/types/components/GrTabsWithPanels/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './GrTabsWithPanels.vue';
+export { default as GrTabsWithPanels } from './GrTabsWithPanels.vue';
+export { grTabsWithPanelsConfig } from './config';
+export type { GrTabsWithPanelsEmits, GrTabsWithPanelsProps } from './GrTabsWithPanels.vue';

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

@@ -48,9 +48,21 @@ export interface GrTextareaEmits {
     (e: 'focus', event: FocusEvent): void;
     (e: 'blur', event: FocusEvent): void;
 }
+type __VLS_Slots = {
+    /**
+     * Своя формулировка счётчика символов вместо `12 / 60` — «осталось 48»,
+     * «почти предел» и что угодно ещё. Встроенных счётчиков два, но оба
+     * фиксированы по форме, и вторая готовая формулировка первой не заменяет.
+     */
+    count?: (props: {
+        length: number;
+        maxlength?: number;
+        remaining?: number;
+    }) => any;
+};
 declare function focus(): void;
 declare function blur(): void;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTextareaProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTextareaProps>, {
     placeholder: undefined;
     autocomplete: undefined;
     disabled: boolean;
@@ -123,6 +135,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     rows: number;
     autosize: 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> = {
@@ -138,6 +151,11 @@ type __VLS_WithDefaults<P, D> = {
         default: D[K];
     }> : P[K];
 };
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
 } : {

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

@@ -25,6 +25,15 @@ export interface GrToasterProps {
      * и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.
      */
     swipeDismiss?: boolean;
+    /**
+     * Со скольких видимых тостов стек схлопывается в стопку: колонка занимает
+     * место одного тоста, а остальные выглядывают из-под передней. Разворачивается
+     * по наведению и по фокусу. `false` — не схлопывать никогда.
+     *
+     * Порог, а не переключатель: пока тостов мало, колонка читается лучше стопки,
+     * и менять её незачем.
+     */
+    collapse?: number | false;
 }
 /**
  * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам
@@ -50,6 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     width: undefined;
     focusHotkey: string;
     swipeDismiss: boolean;
+    collapse: number;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrToasterProps>, {
@@ -60,9 +70,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     width: undefined;
     focusHotkey: string;
     swipeDismiss: boolean;
+    collapse: number;
 }>>> & Readonly<{}>, {
     placement: GrToasterPlacement;
     width: string | number;
+    collapse: number | false;
     dismissLabel: string;
     regionLabel: string;
     maxVisible: number;

package/dist/types/components/GrToaster/grToasterStyles.d.ts

@@ -27,3 +27,29 @@ export declare const SWIPE_FLY_OUT_PX = 600;
  * мгновенным исчезновением.
  */
 export declare function swipeOpacity(offset: number, threshold: number): number;
+/**
+ * Куда растёт свёрнутая стопка: от своего угла вглубь экрана. У верхних углов
+ * карточки уходят вниз, у нижних — вверх. Иначе стопка вылезала бы за край.
+ */
+export declare const STACK_DIRECTION: Record<GrToasterPlacement, 1 | -1>;
+/** Зазор между тостами в развёрнутой колонке; парен классу `gap-3` в шаблоне. */
+export declare const STACK_GAP_PX = 12;
+/**
+ * Сколько карточек выглядывает из-под передней. Дальние держатся в DOM ради
+ * скринридера, но не показываются: четвёртый край в стопке уже не читается как
+ * глубина, а выглядит грязью у кромки.
+ */
+export declare const STACK_PEEK_DEPTH = 2;
+/**
+ * Насколько глубоко карточка лежит в стопке: `0` — передняя.
+ *
+ * Передняя всегда ближайшая к своему углу, а колонка отрисовывается сверху
+ * вниз: у верхних углов край держит первый тост, у нижних — последний.
+ */
+export declare function stackDepth(index: number, count: number, placement: GrToasterPlacement): number;
+/**
+ * Трансформ свёрнутой карточки. Считается в CSS, а не в JS, чтобы шаг стопки
+ * оставался настраиваемым темой: значения приходят из токенов, а арифметику
+ * делает `calc`.
+ */
+export declare function collapsedTransform(depth: number, placement: GrToasterPlacement): string;