@feugene/granularity 0.48.0 → 0.50.0

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/GrSwitch/GrSwitch.vue.d.ts

@@ -1,5 +1,5 @@
 import { type GrSwitchLabelPosition, type GrSwitchSize } from './grSwitchStyles';
-export type { GrSwitchLabelPosition, GrSwitchSize } from './grSwitchStyles';
+export type { GrSwitchLabelPosition, GrSwitchSize, GrSwitchStateTextSize, } from './grSwitchStyles';
 /**
  * Пропсы публичного GR-примитива «Switch».
  */
@@ -35,6 +35,20 @@ export interface GrSwitchProps {
     activeBackgroundColor?: string;
     /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--gr-muted)`. */
     inactiveBackgroundColor?: string;
+    /**
+     * Подпись состояния внутри дорожки — на свободной от бегунка стороне.
+     * Помещается только на `md` и `lg`; на мелких ступенях не рисуется.
+     */
+    showStateText?: boolean;
+    /** Текст включённого состояния. Без него — `gr.switch.on` из локали. */
+    checkedText?: string;
+    /** Текст выключенного состояния. Без него — `gr.switch.off` из локали. */
+    uncheckedText?: string;
+    /**
+     * Дорожка растягивается под подпись, а ступень размера становится нижней
+     * границей ширины. Без `showStateText` смысла не имеет: тянуться не под что.
+     */
+    autoWidth?: boolean;
 }
 export interface GrSwitchEmits {
     (e: 'update:modelValue', value: boolean): void;
@@ -42,12 +56,24 @@ export interface GrSwitchEmits {
     (e: 'focus', event: FocusEvent): void;
     (e: 'blur', event: FocusEvent): void;
 }
-declare function focus(): void;
-declare function blur(): void;
 type __VLS_Slots = {
     /** Подпись переключателя. */
-    default?: () => any;
+    'default'?: () => any;
+    /**
+     * Знак на бегунке во включённом состоянии — галочка, замок, что угодно.
+     *
+     * Размер задаёт обёртка по ступени `size`, поэтому содержимое слота тянется
+     * до неё: `class="h-full w-full"`, как у `GrBadge` и `GrChip`.
+     *
+     * Знак декоративен — бегунок целиком `aria-hidden`, а состояние диктор берёт
+     * из `aria-checked`. Смысла, которого нет больше нигде, сюда класть нельзя.
+     */
+    'checked-icon'?: () => any;
+    /** То же для выключенного состояния. Слоты независимы. */
+    'unchecked-icon'?: () => any;
 };
+declare function focus(): void;
+declare function blur(): void;
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSwitchProps>, {
     modelValue: boolean;
     disabled: boolean;
@@ -64,6 +90,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     form: undefined;
     activeBackgroundColor: undefined;
     inactiveBackgroundColor: undefined;
+    showStateText: undefined;
+    checkedText: undefined;
+    uncheckedText: undefined;
+    autoWidth: undefined;
 }>>, {
     focus: typeof focus;
     blur: typeof blur;
@@ -88,6 +118,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     form: undefined;
     activeBackgroundColor: undefined;
     inactiveBackgroundColor: undefined;
+    showStateText: undefined;
+    checkedText: undefined;
+    uncheckedText: undefined;
+    autoWidth: undefined;
 }>>> & Readonly<{
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
@@ -100,6 +134,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: GrSwitchSize;
     labelPosition: GrSwitchLabelPosition;
     loading: boolean;
+    showStateText: boolean;
+    autoWidth: boolean;
     value: string;
     name: string;
     invalid: boolean;
@@ -109,6 +145,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     loadingText: string;
     activeBackgroundColor: string;
     inactiveBackgroundColor: string;
+    checkedText: string;
+    uncheckedText: 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/components/GrSwitch/defaults.d.ts

@@ -6,6 +6,8 @@ import type { GrSwitchSize } from './grSwitchStyles';
  */
 export interface GrSwitchConfigurableProps {
     size: GrSwitchSize;
+    showStateText: boolean;
+    autoWidth: boolean;
 }
 declare module '../../composables/useGrComponentConfig' {
     interface GrComponentDefaultsRegistry {

package/dist/types/components/GrSwitch/grSwitchStyles.d.ts

@@ -12,39 +12,59 @@ export declare const rootBase = "inline-flex items-center gap-2 select-none disa
 export declare const rootLabelPositions: Record<GrSwitchLabelPosition, string>;
 export declare const trackBase = "relative inline-flex shrink-0 items-center rounded-[var(--gr-radius-full)] border border-[var(--gr-switch-track-brd)] transition-colors duration-[var(--gr-duration-fast)]";
 export declare const trackSizes: Record<GrSwitchSize, string>;
-export declare const thumbBase = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-transform duration-[var(--gr-duration-fast)]";
+/**
+ * Дорожка в режиме `autoWidth`: та же ступень становится **нижней границей**,
+ * а ширину берёт подпись. Высота остаётся фиксированной — тянется только строка.
+ */
+export declare const trackAutoSizes: Record<GrSwitchSize, string>;
+export declare const thumbBase = "absolute top-[1px] inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] bg-[var(--gr-card)] shadow-[var(--gr-shadow-1)] transition-[left,transform] duration-[var(--gr-duration-fast)]";
 export declare const thumbSizes: Record<GrSwitchSize, string>;
-/** Спиннер загрузки живёт в бегунке, поэтому мельче его на ступень. */
-export declare const thumbSpinnerSizes: Record<GrSwitchSize, string>;
-export declare const thumbSpinnerBase = "animate-spin text-[var(--gr-muted-fg)]";
 /**
- * Сдвиг бегунка по горизонтали.
+ * Содержимое бегунка — спиннер загрузки или иконка действия — мельче его на
+ * ступень: иначе знак упирается в края круга и теряет форму.
+ */
+export declare const thumbContentSizes: Record<GrSwitchSize, string>;
+/**
+ * Цвет содержимого бегунка — один на спиннер и иконку.
+ *
+ * Хук с фолбэком в самом классе, а не инлайн-значение: инлайн победил бы CSS
+ * потребителя, и переопределить цвет было бы нечем.
  *
- * Бегунок — обычный флекс-ребёнок дорожки, поэтому сдвиг отсчитывается от её
- * **content-box**, а он на 2px уже внешнего размера: рамка по 1px с каждой
- * стороны. Отсюда и весь расчёт.
+ * По состоянию цвет не ветвится и в `disabled` не тускнеет: гасится дорожка, а
+ * бегунок остаётся `--gr-card` в любом состоянии — содержимое, меняющее цвет,
+ * разошлось бы со своей же подложкой.
+ */
+export declare const thumbContentColorClass = "text-[var(--gr-switch-thumb-fg,var(--gr-muted-fg))]";
+export declare const thumbSpinnerBase = "animate-spin text-[var(--gr-switch-thumb-fg,var(--gr-muted-fg))]";
+/** Обёртка иконки держит размер, содержимое слота тянется до неё `h-full w-full`. */
+export declare const thumbIconBase = "inline-flex shrink-0 items-center justify-center text-[var(--gr-switch-thumb-fg,var(--gr-muted-fg))]";
+/**
+ * Зазор бегунка со всех сторон, px.
  *
- * Зазор по вертикали задан геометрией и равен 1px на всех ступенях
- * (`(content-height − thumb) / 2`, дорожка центрирует бегунок сама). Значит и по
- * горизонтали он обязан быть 1px: иначе бегунок в покое выглядит вдавленным
+ * Дорожка — `border-box` с рамкой 1px, и по вертикали зазор задан геометрией:
+ * `(content-height − thumb) / 2` даёт ровно 1 на всех ступенях. Значит и по
+ * горизонтали он обязан быть тем же: иначе бегунок в покое выглядит вдавленным
  * внутрь, а в крайнем положении прижатым к краю — именно так и было, зазоры
  * расходились на 1–2px у `xs`, `sm` и `lg`.
  *
- * | ступень | дорожка | content | бегунок | покой | крайнее |
- * | --- | --- | --- | --- | --- | --- |
- * | `xs` | 28 | 26 | 12 | 1 | 13 |
- * | `sm` | 36 | 34 | 16 | 1 | 17 |
- * | `md` | 44 | 42 | 20 | 1 | 21 |
- * | `lg` | 56 | 54 | 24 | 1 | 29 |
+ * Гейт живёт в `__tests__/GrSwitch.test.ts` и считает вертикаль заново из
+ * `trackSizes`/`thumbSizes`, поэтому смена любой ступени размера сразу покажет
+ * разъехавшийся зазор.
+ */
+export declare const SWITCH_THUMB_GAP = 1;
+/**
+ * Положение бегунка — **без единого числа, зависящего от ширины дорожки**.
+ *
+ * Крайнее положение выражено парой `left: calc(100% − зазор)` и
+ * `translateX(-100%)`: процент в `left` считается от padding-box дорожки,
+ * процент в `transform` — от самого бегунка. В сумме левый край встаёт на
+ * `ширина − бегунок − зазор`, какой бы ширина ни была.
  *
- * Крайнее положение — `content − thumb − зазор`. Гейт на эту арифметику живёт в
- * `__tests__/GrSwitch.test.ts`: он считает её заново из `trackSizes`/`thumbSizes`,
- * поэтому смена любой ступени размера сразу покажет разъехавшийся зазор.
+ * Обе величины анимируются, и композиция даёт строго линейный ход: в момент `t`
+ * смещение равно `t · (ширина − бегунок)`. Поэтому режим `autoWidth` не требует
+ * ни измерений, ни ResizeObserver — только эти два класса.
  */
-export declare const thumbTranslations: Record<GrSwitchSize, {
-    checked: string;
-    unchecked: string;
-}>;
+export declare const thumbPositions: Record<'checked' | 'unchecked', string>;
 export declare const labelBase = "text-[var(--gr-muted-fg)]";
 /**
  * Недоступность гасится токеном, а не `opacity`: прозрачность разбавляет
@@ -53,8 +73,92 @@ export declare const labelBase = "text-[var(--gr-muted-fg)]";
 export declare const labelDisabledClass = "text-[var(--gr-disabled-fg)]";
 export declare const labelSizes: Record<GrSwitchSize, string>;
 export declare function grSwitchRootClass(labelPosition: GrSwitchLabelPosition): string;
-export declare function grSwitchTrackClass(size: GrSwitchSize): string;
+export declare function grSwitchTrackClass(size: GrSwitchSize, autoWidth?: boolean): string;
 export declare function grSwitchThumbClass(options: GrSwitchThumbClassOptions): string;
 export declare function grSwitchSpinnerClass(size: GrSwitchSize): string;
+export declare function grSwitchThumbIconClass(size: GrSwitchSize): string;
 export declare function grSwitchLabelClass(size: GrSwitchSize, disabled?: boolean): string;
+/**
+ * Ступени, на которых подпись состояния помещается внутрь дорожки.
+ *
+ * Свободное место рядом с бегунком — `content − (бегунок + зазор)`, то есть
+ * 13 / 17 / 21 / 29px на `xs` / `sm` / `md` / `lg`. Минимальная ступень
+ * типографики пакета — `--gr-text-xs` (12px), и «OFF» на ней занимает ~25px;
+ * собственные 10px дают ~20px. В 13 и 17 не встаёт и это, а ужимать шрифт
+ * дальше значит сделать подпись нечитаемой ради того, чтобы она была.
+ */
+export declare const GR_SWITCH_STATE_TEXT_SIZES: readonly ["md", "lg"];
+export type GrSwitchStateTextSize = typeof GR_SWITCH_STATE_TEXT_SIZES[number];
+/** Свободное место в дорожке рядом с бегунком, px. Считается гейтом заново. */
+export declare const stateTextRoom: Record<GrSwitchSize, number>;
+export declare function isGrSwitchStateTextSize(size: GrSwitchSize): size is GrSwitchStateTextSize;
+/**
+ * Ячейка подписи. Грид, а не флекс, ради второго режима: в `autoWidth` в ту же
+ * клетку кладётся невидимый дубль противоположного текста, и ширина ячейки
+ * становится максимумом из двух — иначе дорожка дёргалась бы на каждом щелчке
+ * («ON» 15.6px против «OFF» 19.9px).
+ */
+export declare const stateTextBase = "pointer-events-none grid items-center justify-items-center overflow-hidden font-semibold uppercase leading-none";
+/**
+ * Где ячейка живёт. При фиксированной ширине она накрывает дорожку и на её
+ * размер не влияет; в `autoWidth` встаёт в поток и ширину как раз задаёт.
+ */
+export declare const stateTextLayouts: Record<'fixed' | 'auto', string>;
+/** Оба текста ложатся в одну клетку грида — отсюда максимум по ширине. */
+export declare const stateTextStackClass = "col-start-1 row-start-1";
+/** Дубль занимает место, но не рисуется: `visibility`, а не `display`. */
+export declare const stateTextGhostClass = "col-start-1 row-start-1 invisible";
+/**
+ * Кегль подписи — свой, а не ступень шкалы пакета: минимальный `--gr-text-xs`
+ * это 12px, и трёхбуквенное слово на нём занимает ~24px при 21px места.
+ *
+ * Значения меряны, а не выведены (Inter 600, uppercase). На `md` в 21px:
+ * «OFF» 17.9, «НЕТ» 18.8, «ВКЛ» 19.4 — то есть 9px берёт трёхбуквенные слова
+ * во всех трёх локалях с запасом; 10px оставлял «НЕТ» 0.1px до обреза.
+ * На `lg` места 29px, и 11px там читается лучше, не рискуя ничем.
+ *
+ * Четырёхбуквенное «ВЫКЛ» не встаёт ни на одной ступени и ни при каком кегле
+ * (31px на 10px кегля) — поэтому русский дефолт «ДА»/«НЕТ», а не «ВКЛ»/«ВЫКЛ».
+ */
+export declare const stateTextSizes: Record<GrSwitchStateTextSize, string>;
+/** Отступ со стороны бегунка — `бегунок + зазор`; остаток и есть место подписи. */
+export declare const stateTextPaddings: Record<GrSwitchStateTextSize, {
+    checked: string;
+    unchecked: string;
+}>;
+/**
+ * Отступы в `autoWidth` — те же, плюс воздух с **обеих** сторон.
+ *
+ * При фиксированной ширине текст центруется в остатке и сам ни во что не
+ * упирается. Здесь остатка нет: ширину задаёт сам текст, и без воздуха он
+ * прилипает к бегунку с одной стороны и к закруглению с другой — проверено
+ * глазами, «ОНЛАЙН» вплотную к бегунку читается как дефект вёрстки.
+ *
+ * Поэтому со стороны бегунка отступ равен `бегунок + зазор + воздух`, а со
+ * свободной — просто воздуху. Воздух: 8px на `md`, 10px на `lg`.
+ */
+export declare const stateTextAutoPaddings: Record<GrSwitchStateTextSize, {
+    checked: string;
+    unchecked: string;
+}>;
+/**
+ * Цвет подписи — роль `-fg` той заливки, на которой она лежит.
+ *
+ * Хук стоит фолбэком в самом классе, а не инлайн-значением: инлайн победил бы
+ * CSS потребителя, и переопределить токен было бы нечем. Заливку дорожки задают
+ * произвольным цветом (`activeBackgroundColor`), и безопасный цвет текста на
+ * ней библиотека не вычислит — его называет тот же, кто задал фон.
+ */
+export declare const stateTextColors: {
+    readonly checked: "text-[var(--gr-switch-state-text-fg,var(--gr-primary-fg))]";
+    readonly unchecked: "text-[var(--gr-switch-state-text-fg,var(--gr-muted-fg))]";
+    readonly disabled: "text-[var(--gr-switch-state-text-fg,var(--gr-disabled-fg))]";
+};
+type GrSwitchStateTextClassOptions = {
+    size: GrSwitchStateTextSize;
+    checked: boolean;
+    disabled: boolean;
+    autoWidth: boolean;
+};
+export declare function grSwitchStateTextClass(options: GrSwitchStateTextClassOptions): string;
 export {};

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

@@ -5,6 +5,6 @@ export { default as GrSwitch } from './GrSwitch.vue';
 export { grSwitchConfig } from './config';
 export type { GrSwitchConfigurableProps } from './defaults';
 export { grSwitchSafelist } from './safelist';
-export type { GrSwitchLabelPosition, GrSwitchProps, GrSwitchSize } from './GrSwitch.vue';
+export type { GrSwitchLabelPosition, GrSwitchProps, GrSwitchSize, GrSwitchStateTextSize, } from './GrSwitch.vue';
 export type { GrSwitchEmits } from './GrSwitch.vue';
 export type GrSwitchInstance = ComponentExposed<typeof GrSwitchComponent>;

package/dist/types/components/GrSwitch/safelist.d.ts

@@ -2,12 +2,13 @@ export declare const grSwitchClassTokens: {
     readonly rootBase: string[];
     readonly rootLabelPositions: string[];
     readonly trackBase: string[];
-    readonly trackSizes: string[];
+    readonly trackSizes: readonly string[];
     readonly thumbBase: string[];
     readonly thumbSizes: string[];
-    readonly thumbSpinner: readonly string[];
-    readonly thumbTranslations: string[];
+    readonly thumbContent: readonly string[];
+    readonly thumbPositions: string[];
     readonly labelBase: readonly string[];
     readonly labelSizes: string[];
+    readonly stateText: readonly string[];
 };
 export declare const grSwitchSafelist: string[];

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