@feugene/granularity 0.13.0 → 0.18.0

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

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

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

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

package/dist/types/src/components/GrTabPanels/GrTabPanel.vue.d.ts

@@ -1,21 +1,24 @@
-/**
- * GrTabPanel — одна панель внутри `GrTabPanels`. Показывается, когда её `value`
- * равно активной вкладке. `keepAlive` оставляет неактивные панели в DOM
- * (скрытыми через `hidden`) — полезно, чтобы не терять состояние форм.
- */
-type __VLS_Props = {
+export interface GrTabPanelProps {
     value: string;
     keepAlive?: boolean;
-};
+    /**
+     * Не монтировать содержимое, пока панель не показали впервые. Имеет смысл
+     * вместе с `keepAlive`: без него неактивная панель и так не в DOM.
+     */
+    lazy?: boolean;
+}
 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>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabPanelProps>, {
     keepAlive: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    lazy: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabPanelProps>, {
     keepAlive: boolean;
+    lazy: boolean;
 }>>> & Readonly<{}>, {
+    lazy: boolean;
     keepAlive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,24 +1,14 @@
-/**
- * GrTabPanels — контейнер `tabpanel`-ов, companion к `GrTabs`.
- *
- * Показывает панель, чьё `value` совпадает с `modelValue`, и связывает её с
- * соответствующей вкладкой по ARIA (`role="tabpanel"`, `aria-labelledby`).
- *
- * Для полной связки `tab`↔`tabpanel` передайте **одинаковый `idBase`** и в
- * `GrTabs`, и в `GrTabPanels` — тогда id вкладок и панелей совпадут
- * (`aria-controls` ↔ `aria-labelledby`).
- */
-type __VLS_Props = {
+export interface GrTabPanelsProps {
     modelValue: string;
     idBase?: string;
-};
+}
 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>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabPanelsProps>, {
     idBase: undefined;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabPanelsProps>, {
     idBase: undefined;
 }>>> & Readonly<{}>, {
     idBase: string;

package/dist/types/src/components/GrTabPanels/config.d.ts

@@ -2,4 +2,4 @@
  * Granular-конфиг семейства `GrTabPanels` (контейнер `GrTabPanels` + панель
  * `GrTabPanel`). Companion к `GrTabs` для ARIA-связки `tab`↔`tabpanel`.
  */
-export declare const grTabPanelsConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrTabPanels">;
+export declare const grTabPanelsConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrTabPanels">;

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

@@ -4,6 +4,6 @@ export interface GrTabPanelsContext {
     /** Значение активной вкладки (совпадает с `modelValue` у `GrTabs`). */
     activeValue: ComputedRef<string>;
     /** Общая база id для связки `tab`↔`tabpanel` (см. проп `idBase` у `GrTabs`). */
-    idBase: string;
+    idBase: ComputedRef<string>;
 }
 export declare const GR_TAB_PANELS_KEY: InjectionKey<GrTabPanelsContext>;

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

@@ -4,3 +4,5 @@ export { default as GrTabPanel } from './GrTabPanel.vue';
 export type { GrTabPanelsContext } from './context';
 export { GR_TAB_PANELS_KEY } from './context';
 export { grTabPanelsConfig } from './config';
+export type { GrTabPanelsProps } from './GrTabPanels.vue';
+export type { GrTabPanelProps } from './GrTabPanel.vue';

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

@@ -1,10 +1,10 @@
-export type GrTableDensity = 'compact' | 'regular';
+import { type GrTableSize } from './grTableStyles';
 export interface GrTableProps {
     /**
-     * Плотность таблицы — влияет на базовый размер шрифта.
-     * Паддинги ячеек оставлены за консьюмером (GrTable — «тонкий» контейнер).
+     * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за
+     * консьюмером (GrTable — «тонкий» контейнер).
      */
-    density?: GrTableDensity;
+    size?: GrTableSize;
     /**
      * Текст caption для screen reader'ов. Рендерится как `<caption class="sr-only">`,
      * если не передан слот `#caption`.
@@ -15,56 +15,139 @@ export interface GrTableProps {
     /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */
     ariaLabelledby?: string;
     /**
-     * ARIA-label для скролл-контейнера (`role="region"` + `tabindex="0"`).
-     * Позволяет клавиатурным пользователям проскроллить широкую таблицу.
-     * Если не задан — region-роль не включается.
+     * ARIA-label для скролл-контейнера. Включает `role="region"`; сам скролл
+     * достижим с клавиатуры всегда, независимо от метки.
      */
     regionLabel?: string;
+    /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */
+    loading?: boolean;
+    /** Сколько строк-заглушек показать при `loading`. */
+    loadingRows?: number;
+    /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */
+    columnCount?: number;
+    /** Текст пустого состояния. Слот `#empty` сильнее. */
+    emptyText?: string;
+    /** Таблица пуста. По умолчанию определяется по содержимому слота. */
+    empty?: boolean;
+    /** Чередование строк. */
+    striped?: boolean;
+    /** Подсветка строки под курсором. */
+    hoverable?: boolean;
     /**
      * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.
      * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).
      */
     stickyHeader?: boolean;
+    /**
+     * Полное число строк набора, включая строки заголовка (`aria-rowcount`).
+     *
+     * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор
+     * считает строки по разметке и объявил бы «5 из 20» на таблице в десять
+     * тысяч. Строки при этом обязаны нести `aria-rowindex`.
+     */
+    rowCount?: number;
+    /**
+     * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из
+     * первой строки, а не из содержимого всех.
+     *
+     * Обязателен, если в DOM не весь набор: иначе ширины считаются по
+     * отрисованному окну и прыгают на каждой прокрутке.
+     *
+     * Класс — arbitrary-значение, а не `table-fixed`: такого правила в
+     * `presetMini` нет, и класс молча не превратился бы в CSS.
+     */
+    fixedLayout?: boolean;
+    /**
+     * Минимальная ширина самой таблицы (число — пиксели).
+     *
+     * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`
+     * браузер вписывает таблицу в контейнер и делит место между колонками
+     * пропорционально — то есть заданные ширины молча ужимаются, а
+     * горизонтальной прокрутки, на которой держатся закреплённые колонки, не
+     * возникает вовсе.
+     */
+    tableMinWidth?: string | number;
     /**
      * Максимальная высота скролл-контейнера (включает вертикальный скролл).
      * Число трактуется как пиксели. Нужен для работы `stickyHeader`.
      */
     maxHeight?: string | number;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+declare function scrollTo(options: ScrollToOptions): void;
+declare function scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     caption?: (props: typeof __VLS_1) => any;
 } & {
-    head?: (props: typeof __VLS_3) => any;
+    header?: (props: typeof __VLS_3) => any;
+} & {
+    loading?: (props: typeof __VLS_5) => any;
+} & {
+    empty?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_5) => any;
+    default?: (props: typeof __VLS_14) => any;
 } & {
-    foot?: (props: typeof __VLS_7) => any;
+    footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTableProps>, {
-    density: string;
+    size: undefined;
     caption: undefined;
     ariaLabel: undefined;
     ariaLabelledby: undefined;
     regionLabel: undefined;
+    loading: boolean;
+    loadingRows: number;
+    columnCount: number;
+    emptyText: undefined;
+    empty: undefined;
+    striped: boolean;
+    hoverable: boolean;
     stickyHeader: boolean;
     maxHeight: undefined;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTableProps>, {
-    density: string;
+    rowCount: undefined;
+    fixedLayout: boolean;
+    tableMinWidth: undefined;
+}>>, {
+    /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */
+    scrollTo: typeof scrollTo;
+    /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */
+    scrollToRow: typeof scrollToRow;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTableProps>, {
+    size: undefined;
     caption: undefined;
     ariaLabel: undefined;
     ariaLabelledby: undefined;
     regionLabel: undefined;
+    loading: boolean;
+    loadingRows: number;
+    columnCount: number;
+    emptyText: undefined;
+    empty: undefined;
+    striped: boolean;
+    hoverable: boolean;
     stickyHeader: boolean;
     maxHeight: undefined;
+    rowCount: undefined;
+    fixedLayout: boolean;
+    tableMinWidth: undefined;
 }>>> & Readonly<{}>, {
+    size: GrTableSize;
     caption: string;
+    loading: boolean;
+    columnCount: number;
     maxHeight: string | number;
     ariaLabel: string;
-    density: GrTableDensity;
+    empty: boolean;
+    hoverable: boolean;
+    emptyText: string;
     ariaLabelledby: string;
     regionLabel: string;
+    loadingRows: number;
+    striped: boolean;
     stickyHeader: boolean;
+    rowCount: number;
+    fixedLayout: boolean;
+    tableMinWidth: string | number;
 }, {}, {}, {}, 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/GrTable/config.d.ts

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

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

@@ -0,0 +1,10 @@
+import type { GrComponentSize } from '../GrConfigProvider/context';
+/** Пропы `GrTable`, настраиваемые глобально через `componentDefaults`. */
+export interface GrTableConfigurableProps {
+    size: GrComponentSize;
+}
+declare module '../../composables/useGrComponentConfig' {
+    interface GrComponentDefaultsRegistry {
+        GrTable: GrTableConfigurableProps;
+    }
+}

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

@@ -0,0 +1,20 @@
+import type { GrComponentSize } from '../shared/sizes';
+export type GrTableSize = GrComponentSize;
+/**
+ * `GrTable` — «тонкий» контейнер: он задаёт только кегль таблицы, паддинги
+ * ячеек остаются за потребителем (см. `GrTableProps`). Поэтому карта здесь
+ * одна, а метрики ячеек живут в `GrDataTable`, который рисует их сам.
+ */
+/**
+ * Лестница 12/13/14/16 совпадает с `GrInput`, `GrTextarea` и `GrSelect` — это
+ * типографика контролов пакета, а не самодеятельность таблицы. В шкале
+ * `--gr-text-*` ступени 13px нет, и подстановка `--gr-text-sm` схлопнула бы
+ * `sm` и `md` в один кегль. Перевод всей лестницы на токены — отдельная
+ * системная задача.
+ */
+export declare const tableSizes: Record<GrTableSize, string>;
+/** Чередование строк и подсветка под курсором — на `<tbody>`, а не на ячейках. */
+export declare const stripedClass = "[&>tr:nth-child(even)]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,transparent)]";
+export declare const hoverableClass = "[&>tr:hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]";
+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/src/components/GrTable/index.d.ts

@@ -1,4 +1,10 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrTableComponent from './GrTable.vue';
 export { default } from './GrTable.vue';
 export { default as GrTable } from './GrTable.vue';
-export type { GrTableDensity, GrTableProps } from './GrTable.vue';
+export type { GrTableProps } from './GrTable.vue';
 export { grTableConfig } from './config';
+export type { GrTableConfigurableProps } from './defaults';
+export type { GrTableSize } from './grTableStyles';
+export { grTableSafelist } from './safelist';
+export type GrTableInstance = ComponentExposed<typeof GrTableComponent>;

package/dist/types/src/components/GrTable/safelist.d.ts

@@ -0,0 +1 @@
+export declare const grTableSafelist: string[];

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

@@ -1,10 +1,15 @@
-export type GrTab = {
+import { type GrTabsOrientation, type GrTabsSize, type GrTabsVariant } from './grTabsStyles';
+export interface GrTab {
     value: string;
     label: string;
     badge?: string;
+    /** UnoCSS-класс иконки слева от подписи (например `i-lucide-user`). */
+    icon?: string;
     disabled?: boolean;
-};
-export type GrTabsProps = {
+    /** Перекрывает `closable` ряда в обе стороны: закрепить вкладку или закрыть одну её. */
+    closable?: boolean;
+}
+export interface GrTabsProps {
     modelValue: string;
     tabs: GrTab[];
     /**
@@ -13,12 +18,78 @@ export type GrTabsProps = {
      * Передайте тот же `idBase` в `GrTabPanels`, чтобы связать `tab`↔`tabpanel`.
      */
     idBase?: string;
+    size?: GrTabsSize;
+    /** Вид ряда: обойма с таблетками или ряд с подчёркиванием. */
+    variant?: GrTabsVariant;
+    /**
+     * `automatic` (по умолчанию) — стрелка сразу переключает вкладку;
+     * `manual` — стрелка двигает только фокус, выбор подтверждается
+     * `Enter`/`Space`. Второй режим для вкладок с тяжёлой загрузкой: перебор
+     * стрелками иначе тянет каждую панель.
+     */
+    activationMode?: GrTabsActivationMode;
+    /** Горизонтальный (по умолчанию) или вертикальный список вкладок. */
+    orientation?: GrTabsOrientation;
+    /**
+     * Крестик на вкладках и закрытие по `Delete`/`Backspace`. Точечно снимается
+     * `closable: false` у самой вкладки.
+     */
+    closable?: boolean;
+    /** Текст, когда список вкладок пуст. Слот `#empty` сильнее. */
+    emptyText?: string;
+}
+export interface GrTabsEmits {
+    (e: 'update:modelValue', value: string): void;
+    /**
+     * Просьба закрыть вкладку. Компонент список не трогает: `tabs` — проп, и
+     * закрытие может не состояться («сохранить изменения?»).
+     */
+    (e: 'close', value: string): void;
+}
+export type GrTabsActivationMode = 'automatic' | 'manual';
+export type { GrTabsOrientation, GrTabsVariant } from './grTabsStyles';
+type __VLS_Slots = {
+    /** Содержимое вкладки целиком — вместо подписи, иконки и счётчика. Крестик остаётся. */
+    tab?: (props: {
+        tab: GrTab;
+        active: boolean;
+        disabled: boolean;
+    }) => unknown;
+    /** Пустой ряд — вместо текста из локали. */
+    empty?: () => unknown;
 };
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<GrTabsProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabsProps>, {
+    idBase: undefined;
+    size: undefined;
+    variant: undefined;
+    activationMode: string;
+    orientation: string;
+    closable: boolean;
+    emptyText: undefined;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<GrTabsProps>>> & Readonly<{
+    close: (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrTabsProps>, {
+    idBase: undefined;
+    size: undefined;
+    variant: undefined;
+    activationMode: string;
+    orientation: string;
+    closable: boolean;
+    emptyText: undefined;
+}>>> & Readonly<{
+    onClose?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {
+    variant: GrTabsVariant;
+    closable: boolean;
+    size: GrTabsSize;
+    orientation: GrTabsOrientation;
+    emptyText: string;
+    idBase: string;
+    activationMode: GrTabsActivationMode;
+}, {}, {}, {}, 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> = {
@@ -29,3 +100,18 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/GrTabs/config.d.ts

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

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

@@ -0,0 +1,12 @@
+import type { GrComponentSize } from '../GrConfigProvider/context';
+import type { GrTabsVariant } from './grTabsStyles';
+/** Пропы `GrTabs`, настраиваемые глобально через `componentDefaults`. */
+export interface GrTabsConfigurableProps {
+    size: GrComponentSize;
+    variant: GrTabsVariant;
+}
+declare module '../../composables/useGrComponentConfig' {
+    interface GrComponentDefaultsRegistry {
+        GrTabs: GrTabsConfigurableProps;
+    }
+}

package/dist/types/src/components/GrTabs/grTabsStyles.d.ts

@@ -0,0 +1,71 @@
+import type { GrComponentSize } from '../shared/sizes';
+export type GrTabsSize = GrComponentSize;
+/**
+ * `pills` — вкладки-таблетки в общей обойме, `line` — классический ряд с
+ * подчёркиванием активной. Имя `pills` общее с `GrSegmented`: у компонентов
+ * одна роль, и вид с таким названием у них совпадает.
+ */
+export declare const GR_TABS_VARIANTS: readonly ["pills", "line"];
+export type GrTabsVariant = typeof GR_TABS_VARIANTS[number];
+export type GrTabsOrientation = 'horizontal' | 'vertical';
+/** Высота вкладки повторяет шкалу `GrButton`: вкладки часто стоят с ним в один ряд. */
+export declare const tabSizes: Record<GrTabsSize, string>;
+/** Счётчик у вкладки: на ступень мельче подписи. */
+export declare const tabBadgeSizes: Record<GrTabsSize, string>;
+/** Обойма вокруг вкладок: на мелких ступенях рамка съедала бы высоту. */
+export declare const tablistSizes: Record<GrTabsSize, string>;
+/** `line` живёт без обоймы, поэтому и без внутренних отступов. */
+export declare const tablistLineSizes: Record<GrTabsSize, string>;
+export declare const tablistBase = "inline-flex max-w-full";
+export declare const tablistVariants: Record<GrTabsVariant, string>;
+/**
+ * Вертикальный `line` подчёркивает вкладку сбоку, а не снизу: линия должна идти
+ * вдоль списка, иначе она отделяет вкладки друг от друга вместо ряда целиком.
+ */
+export declare const tablistVerticalVariants: Record<GrTabsVariant, string>;
+/**
+ * Переполнение прокручивается, а не переносится строкой: перенос ломает ряд и
+ * уводит вкладки под панель. Полоса прокрутки скрыта — ряд ведёт клавиатура и
+ * автоскролл к активной вкладке.
+ */
+export declare const tablistScrollClass = "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+/** Вертикальный ряд — колонка; прокрутки ему не нужно: он растёт вниз. */
+export declare const tablistColumnClass = "flex-col";
+export declare const tabBase = "shrink-0 font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const tabVariantBase: Record<GrTabsVariant, string>;
+export declare const tabStateClasses: Record<GrTabsVariant, {
+    active: string;
+    idle: string;
+    disabled: string;
+}>;
+export declare const tabIconClass = "h-4 w-4 shrink-0";
+export declare const tabContentClass = "inline-flex items-center gap-2";
+/**
+ * Крестик закрытия. Кнопкой он быть не может: `role="tab"` объявляет потомков
+ * презентационными, и вложенный интерактив теряется у скринридера (axe:
+ * `nested-interactive`). Поэтому это `<span>`, а клик по нему разбирает
+ * обработчик самой вкладки.
+ *
+ * Своего фокус-кольца у него нет по той же причине — в таб-порядке он не стоит,
+ * с клавиатуры закрытие идёт по `Delete`/`Backspace`.
+ */
+export declare const tabCloseBase = "inline-flex items-center justify-center shrink-0 rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)]";
+export declare const tabCloseSizes: Record<GrTabsSize, string>;
+export declare const tabCloseIconSizes: Record<GrTabsSize, string>;
+/** Пустой ряд держит высоту вкладки: иначе соседние блоки прыгают при закрытии последней. */
+export declare const tabsEmptyBase = "inline-flex items-center text-[var(--gr-muted-fg)]";
+export declare const tabBadgeBase = "rounded-[var(--gr-radius-full)] bg-[var(--gr-secondary)] text-[var(--gr-secondary-fg)]";
+export declare function grTabsListClass(options: {
+    variant: GrTabsVariant;
+    size: GrTabsSize;
+    orientation: GrTabsOrientation;
+}): string;
+export declare function grTabsTabClass(options: {
+    variant: GrTabsVariant;
+    size: GrTabsSize;
+    active: boolean;
+    disabled: boolean;
+}): string;
+export declare function grTabsBadgeClass(size: GrTabsSize): string;
+export declare function grTabsCloseClass(size: GrTabsSize): string;
+export declare function grTabsEmptyClass(size: GrTabsSize): string;

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

@@ -2,3 +2,8 @@ export { default } from './GrTabs.vue';
 export { default as GrTabs } from './GrTabs.vue';
 export type { GrTab, GrTabsProps } from './GrTabs.vue';
 export { grTabsConfig } from './config';
+export type { GrTabsConfigurableProps } from './defaults';
+export { GR_TABS_VARIANTS } from './grTabsStyles';
+export type { GrTabsOrientation, GrTabsSize, GrTabsVariant } from './grTabsStyles';
+export { grTabsSafelist } from './safelist';
+export type { GrTabsEmits } from './GrTabs.vue';

package/dist/types/src/components/GrTabs/safelist.d.ts

@@ -0,0 +1 @@
+export declare const grTabsSafelist: string[];