@feugene/granularity 0.23.0 → 0.25.0

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

@@ -0,0 +1,63 @@
+import type { GrComponentSize } from '../shared/sizes';
+import type { GrStepStatus } from './stepsModel';
+export type GrStepsSize = GrComponentSize;
+export type GrStepsOrientation = 'horizontal' | 'vertical';
+export type GrStepsVariant = 'steps' | 'compact';
+export declare const stepsRootClass = "w-full min-w-0";
+export declare const stepsListClass: Record<GrStepsOrientation, string>;
+/**
+ * Пункт растёт по горизонтали и прижимается влево по вертикали.
+ *
+ * В горизонтальной ленте маркер стоит **над** подписью, а не слева от неё:
+ * соединитель идёт от маркера к маркеру на их высоте, и подпись сбоку он бы
+ * перечёркивал. В вертикальной колонке места по ширине хватает, там подпись
+ * справа, а линия спускается вниз.
+ */
+export declare const stepsItemClass: Record<GrStepsOrientation, string>;
+/** Отступ снизу у вертикального пункта — место, по которому идёт соединитель. */
+export declare const stepsItemConnectedClass: Record<GrStepsOrientation, string>;
+/**
+ * Кегль и метрика маркера на ступени.
+ *
+ * Шкала контрольная (`--gr-control-text-*`): шаги стоят в шапке мастера рядом с
+ * кнопками «Назад»/«Далее», и подпись обязана совпасть с ними, а не с меткой.
+ * Диаметр маркера — покомпонентный токен, потому что ступени в общей шкале для
+ * него нет: это не кегль и не радиус, а собственная метрика компонента.
+ */
+export declare const stepsSizeClassBySize: Record<GrStepsSize, string>;
+export declare const stepsTriggerClass = "min-w-0 bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--gr-bg)] rounded-[var(--gr-radius-md)]";
+export declare const stepsTriggerClassByOrientation: Record<GrStepsOrientation, string>;
+/** Кликабельный шаг обязан выглядеть кликабельным — иначе о нём не догадаются. */
+export declare const stepsTriggerEnabledClass = "cursor-pointer";
+export declare const stepsMarkerClass = "inline-flex shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] border font-600 leading-none h-[var(--gr-steps-marker-size)] w-[var(--gr-steps-marker-size)] text-[length:var(--gr-control-text-2xs)]";
+/**
+ * Маркер по статусу.
+ *
+ * Пройденный — сплошная заливка, текущий — обводка тем же тоном, будущий —
+ * приглушённый. Различие идёт по светлоте, а не по оттенку: три соседних цвета
+ * одного тона на одной ленте не читаются, а сплошное/полое — читается и в
+ * монохроме. `error` — единственный, кто меняет тон, и меняет его осмысленно.
+ */
+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)]";
+/**
+ * Соединитель между шагами.
+ *
+ * Позиция считается от диаметра маркера, а не от жёсткой высоты: маркер растёт
+ * со ступенью размера, и линия обязана оставаться на его оси. По горизонтали
+ * пункты делят ширину поровну, поэтому маркер стоит ровно по центру пункта —
+ * отсюда `50%` слева и `-50%` справа: линия идёт от края одного маркера до
+ * края соседнего.
+ */
+export declare const stepsConnectorClass: Record<GrStepsOrientation, string>;
+export declare const stepsConnectorDoneClass = "bg-[var(--gr-steps-connector-done,var(--gr-primary-solid))]";
+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 stepsCompactLabelClass = "min-w-0 truncate font-600 text-[var(--gr-fg)]";
+export declare const stepsCompactBarClass = "mt-2";
+export declare function grStepsMarkerClass(status: GrStepStatus): string;
+export declare function grStepsLabelClass(status: GrStepStatus): string;

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

@@ -0,0 +1,11 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrStepsComponent from './GrSteps.vue';
+export { default } from './GrSteps.vue';
+export { default as GrSteps } from './GrSteps.vue';
+export { grStepsConfig } from './config';
+export type { GrStepsConfigurableProps } from './defaults';
+export type { GrStepsOrientation, GrStepsSize, GrStepsVariant } from './grStepsStyles';
+export { grStepsSafelist } from './safelist';
+export type { GrStep, GrStepStatus } from './stepsModel';
+export type { GrStepsEmits, GrStepsProps } from './GrSteps.vue';
+export type GrStepsInstance = ComponentExposed<typeof GrStepsComponent>;

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

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

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

@@ -0,0 +1,57 @@
+import type { Component } from 'vue';
+/**
+ * Правила шагового мастера — чистая арифметика без Vue.
+ *
+ * Вынесено отдельным модулем и тестируется без монтирования: «можно ли уйти на
+ * шаг N» и «какого он статуса» — вся содержательная логика компонента, и
+ * проверять её через отрендеренный DOM было бы дороже и слабее (эталон —
+ * `GrForm/validation.ts`).
+ */
+/**
+ * Состояние шага.
+ *
+ * `error` не выводится из позиции — его ставит приложение, когда шаг пройден,
+ * но не прошёл проверку. Без него мастер не умеет сказать «на втором шаге
+ * остались ошибки», ради чего гейт перехода и заводится.
+ */
+export type GrStepStatus = 'complete' | 'current' | 'upcoming' | 'error';
+export type GrStep = {
+    value: string;
+    label: string;
+    /** Вторая строка под подписью: что от пользователя ждут на этом шаге. */
+    description?: string;
+    /**
+     * Иконка вместо номера — декоративна. Vue-компонент либо класс иконки вашей
+     * UnoCSS-сборки (`i-lucide-*` требует вашего `presetIcons`).
+     */
+    icon?: string | Component;
+    /** Явный статус. Не задан — выводится из позиции относительно текущего шага. */
+    status?: GrStepStatus;
+    disabled?: boolean;
+};
+export declare function stepIndexOf(steps: readonly GrStep[], value: string): number;
+/**
+ * Статус шага: явный побеждает позиционный.
+ *
+ * Позиция даёт три состояния из четырёх, и только `error` приходит снаружи —
+ * вывести его неоткуда, ошибка живёт в форме, а не в порядке шагов.
+ */
+export declare function stepStatusAt(steps: readonly GrStep[], index: number, currentIndex: number): GrStepStatus;
+/**
+ * Можно ли уйти на шаг по его индексу.
+ *
+ * `linear` ограничивает **только движение вперёд**, и не одним шагом, а первым
+ * непройденным: вернуться назад и снова прыгнуть на тот же шаг, до которого уже
+ * дошёл, — нормальный сценарий правки заполненного мастера. Запрещать его
+ * значило бы заставлять пользователя проходить всё заново ради одной опечатки.
+ */
+export declare function canEnterStep(options: {
+    steps: readonly GrStep[];
+    index: number;
+    currentIndex: number;
+    linear: boolean;
+}): boolean;
+/** Индекс следующего доступного шага, или `-1`, если дальше идти некуда. */
+export declare function nextEnterableIndex(steps: readonly GrStep[], currentIndex: number): number;
+/** Индекс предыдущего доступного шага, или `-1`. */
+export declare function previousEnterableIndex(steps: readonly GrStep[], currentIndex: number): number;

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

@@ -0,0 +1,51 @@
+/**
+ * Величина с приписками: префикс, значение, суффикс — и ничего больше.
+ *
+ * Примитив, на котором стоят `GrDelta` (величина со знаком и тоном) и
+ * `GrStatistic` (величина плиткой с подписью). Сам он не форматирует число, не
+ * знает про тон и не имеет своей шкалы размеров: значение приходит готовым, а
+ * кегль и цвет наследуются от места, где величина стоит.
+ *
+ * Чем является приписка — валютой, единицей измерения или пометкой — компонент
+ * не решает: оформление обеих задаётся токенами `--gr-value-*`.
+ */
+export interface GrValueProps {
+    /** Готовое к показу значение. Не форматируется: «2 ч 15 мин» и «—» тоже величины. */
+    value?: string | number | null;
+    /** Приписка перед значением: валюта, знак приближения. */
+    prefix?: string;
+    /** Приписка после значения: единица измерения, валюта справа. */
+    suffix?: string;
+}
+type __VLS_Slots = {
+    /** Значение вместо пропа. */
+    default?: () => unknown;
+    /** Приписка перед значением. */
+    prefix?: () => unknown;
+    /** Приписка после значения. */
+    suffix?: () => unknown;
+    /**
+     * Перед префиксом: знак величины у `GrDelta`, стрелка направления.
+     * Слотом, а не пропом, — разметка там принадлежит потребителю.
+     */
+    lead?: () => unknown;
+    /** После значения: скрытый узел для диктора у `GrStatistic`. */
+    trail?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<GrValueProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<GrValueProps>>> & Readonly<{}>, {}, {}, {}, {}, 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/GrValue/config.d.ts

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

package/dist/types/components/GrValue/grValueStyles.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Классы `GrValue`.
+ *
+ * Оформление аффиксов задаётся токенами, а не решением компонента. Раньше это
+ * решение было зашито: префикс набирался как число, суффикс — как единица
+ * измерения. Для `$14,99` и `42 %` правило верное, но доменное: рубль пишут
+ * справа (`1 284 500 ₽`), и в роли суффикса он получал вид подписи.
+ *
+ * Дефолты сохраняют прежний вид, поэтому потребителю, которого он устраивал,
+ * менять нечего.
+ */
+/**
+ * Величина набирается кеглем и цветом того места, где стоит: своей шкалы у
+ * примитива нет. `tabular-nums` держит ширину строки, когда число меняется.
+ */
+export declare const valueRootClass = "inline-flex items-baseline tabular-nums";
+/**
+ * Префикс — часть записи величины: по умолчанию её цвет, её кегль, вплотную.
+ * `inherit` в фолбэке и делает «по умолчанию» наследованием, а не копией: тон
+ * задаётся один раз на родителе и доезжает сюда сам.
+ */
+export declare const valuePrefixClass: string;
+/**
+ * Суффикс по умолчанию — единица измерения: приглушён, на ступень мельче и
+ * отбит от числа.
+ *
+ * `leading-none` обязателен вместе с уменьшенным кеглем: межстрочный
+ * наследуется от величины и рассчитан на её размер, а выровненная по базовой
+ * линии приписка со своим меньшим кеглем растягивала бы им всю строку.
+ *
+ * Логический `me`/`ms` вместо `mr`/`ml`: в RTL отбивка обязана встать с другой
+ * стороны, иначе суффикс прилипнет к числу.
+ */
+export declare const valueSuffixClass: string;

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

@@ -0,0 +1,5 @@
+export { default } from './GrValue.vue';
+export { default as GrValue } from './GrValue.vue';
+export { grValueConfig } from './config';
+export type { GrValueProps } from './GrValue.vue';
+export { grValueSafelist } from './safelist';

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

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

package/dist/types/components/shared/truncationTitle.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Полный текст обрезанной строки — нативной подсказкой по наведению.
+ *
+ * `truncate` прячет хвост **визуально**: в DOM и для скринридера подпись
+ * остаётся целой, поэтому теряет её ровно один читатель — тот, кто смотрит
+ * глазами. Он видит «Включе…» и узнать остальное не может ничем.
+ *
+ * Подсказка ставится **по факту обрезки**, а не всегда: тултип, дублирующий
+ * видимую целиком подпись, — шум, которого никто не просил. Замер делается на
+ * самом наведении, поэтому ни наблюдателей, ни подписок заводить не нужно.
+ *
+ * Ширина сравнивается с запасом в пиксель: браузеры считают `scrollWidth`
+ * округлением вверх, и у необрезанной строки он бывает на единицу больше
+ * `clientWidth` — без запаса подсказка появлялась бы на ровном месте.
+ */
+export declare function titleWhenTruncated(event: Event): void;

package/dist/types/composables/internal/useMenuItemsFocus.d.ts

@@ -0,0 +1,24 @@
+export interface UseMenuItemsFocusOptions {
+    /** Корень, внутри которого живут пункты. */
+    container: () => HTMLElement | null;
+    /** Закрыть меню — `Tab` уводит фокус наружу, панель при этом закрывается. */
+    close: () => void;
+}
+export interface UseMenuItemsFocusReturn {
+    /** Пункты в порядке документа. */
+    items: () => HTMLElement[];
+    /** Сфокусировать по индексу; отрицательный и превышающий заворачиваются. */
+    focusAt: (index: number) => void;
+    /** Стрелки, `Home`/`End`, `Tab`, typeahead. `true` — клавиша обработана. */
+    onKeydown: (event: KeyboardEvent) => boolean;
+    reset: () => void;
+}
+/**
+ * Клавиатура панели-меню: кольцо фокуса плюс поиск по первым буквам.
+ *
+ * Пункты ищутся в DOM, а не в модели, и это осознанно: у панели бывает
+ * произвольное содержимое из слота, в котором ключей нет вовсе. По той же
+ * причине здесь не `useRovingFocus` — он адресуется ключами и ведёт
+ * `tabindex="0"` на активном элементе, а пункты меню обязаны быть `-1`.
+ */
+export declare function useMenuItemsFocus(options: UseMenuItemsFocusOptions): UseMenuItemsFocusReturn;

package/dist/types/composables/internal/useTypeahead.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Буфер живёт ровно столько: дальше набранное перестаёт быть одним словом.
+ * Значение из WAI-ARIA APG, оно же стояло во всех трёх прежних копиях.
+ */
+export declare const TYPEAHEAD_RESET_MS = 600;
+export interface UseTypeaheadOptions<TItem> {
+    /** Кандидаты в порядке отображения. Опрашивается на каждый символ. */
+    items: () => readonly TItem[];
+    /** Текст кандидата. Нормализацию (`trim` + нижний регистр) делает композабл. */
+    textOf: (item: TItem, index: number) => string;
+    /** Откуда шагать. Получает уже разрешённый набор, чтобы не опрашивать его дважды. */
+    currentIndex: (items: readonly TItem[]) => number;
+    /** Совпадение найдено. Фокус, `activeIndex` — решает потребитель. */
+    onMatch: (item: TItem, index: number) => void;
+    resetMs?: number;
+}
+export interface UseTypeaheadReturn {
+    /** Обработать печатный символ. `true` — совпадение найдено. */
+    type: (char: string) => boolean;
+    /** Пуст ли буфер: правило «`Space` при пустом буфере активирует пункт». */
+    isEmpty: () => boolean;
+    reset: () => void;
+}
+/**
+ * Поиск по первым буквам в списке — паттерн `typeahead` из WAI-ARIA APG.
+ *
+ * Буфер намеренно не реактивный: на рендер он не влияет, а читается синхронно
+ * внутри обработчика `keydown`.
+ */
+export declare function useTypeahead<TItem>(options: UseTypeaheadOptions<TItem>): UseTypeaheadReturn;

package/dist/types/composables/useFloating.d.ts

@@ -1,6 +1,35 @@
 import type { CSSProperties, Ref } from 'vue';
-import type { Placement } from '@floating-ui/dom';
+import type { Placement, VirtualElement } from '@floating-ui/dom';
 export type UseFloatingPlacement = Placement;
+/**
+ * Прямоугольник в координатах вьюпорта — якорь, которого нет в DOM.
+ *
+ * Точка курсора описывается прямоугольником `0×0`. Размеры необязательны именно
+ * поэтому: контекстное меню, открытое с клавиатуры, встаёт у **прямоугольника**
+ * сфокусированной строки, а не у её угла, и переворачивается вместе с ней.
+ */
+export interface GrFloatingAnchorRect {
+    x: number;
+    y: number;
+    /** По умолчанию 0. */
+    width?: number;
+    /** По умолчанию 0. */
+    height?: number;
+}
+/** Ссылка позиционирования: элемент, виртуальный якорь или ничего. */
+export type UseFloatingReference = HTMLElement | VirtualElement | null;
+/**
+ * Виртуальный якорь: объект создаётся один раз, координаты читает геттер на
+ * каждом измерении.
+ *
+ * Стабильность объекта здесь не стилистика, а условие работы: `useFloating`
+ * пересоздаёт подписку `autoUpdate` при смене самой ссылки, поэтому новый объект
+ * на каждое движение курсора рвал бы и заводил её заново. С одним объектом смена
+ * точки — это просто `update()`.
+ */
+export declare function createFloatingAnchor(get: () => GrFloatingAnchorRect | null | undefined, options?: {
+    contextElement?: () => Element | null | undefined;
+}): VirtualElement;
 export interface UseFloatingOptions {
     /**
      * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.
@@ -19,6 +48,8 @@ export interface UseFloatingOptions {
      * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера
      *   (`min-width = ширина триггера`) — режим `GrSelect view="link"`;
      * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.
+     *
+     * С виртуальным якорем не работает: ширина точки равна нулю.
      */
     matchWidth?: boolean | 'min' | (() => boolean | 'min');
     /**
@@ -54,4 +85,4 @@ export interface UseFloatingReturn {
  * `<teleport to="body">` + `v-show`, а не `v-if`): позиционирование не может измерить
  * элемент, которого нет в дереве.
  */
-export declare function useFloating(referenceEl: Ref<HTMLElement | null>, floatingEl: Ref<HTMLElement | null>, open: Ref<boolean>, options?: UseFloatingOptions): UseFloatingReturn;
+export declare function useFloating(reference: Ref<HTMLElement | null> | (() => UseFloatingReference), floatingEl: Ref<HTMLElement | null>, open: Ref<boolean>, options?: UseFloatingOptions): UseFloatingReturn;

package/dist/types/granular-provider/shared.d.ts

@@ -23,12 +23,15 @@ export declare const granularityComponentConfigs: {
     GrCard: GranularComponentDescriptor<"GrCard">;
     GrCheckbox: GranularComponentDescriptor<"GrCheckbox">;
     GrCheckboxGroup: GranularComponentDescriptor<"GrCheckboxGroup">;
+    GrChip: GranularComponentDescriptor<"GrChip">;
+    GrChipGroup: GranularComponentDescriptor<"GrChipGroup">;
     GrCodeBlock: GranularComponentDescriptor<"GrCodeBlock">;
     GrCollapse: GranularComponentDescriptor<"GrCollapse">;
     GrColorPicker: GranularComponentDescriptor<"GrColorPicker">;
     GrCommandPalette: GranularComponentDescriptor<"GrCommandPalette">;
     GrConfigProvider: GranularComponentDescriptor<"GrConfigProvider">;
     GrConfirmDialog: GranularComponentDescriptor<"GrConfirmDialog">;
+    GrContextMenu: GranularComponentDescriptor<"GrContextMenu">;
     GrDataTable: GranularComponentDescriptor<"GrDataTable">;
     GrDelta: GranularComponentDescriptor<"GrDelta">;
     GrDescriptionList: GranularComponentDescriptor<"GrDescriptionList">;
@@ -74,6 +77,7 @@ export declare const granularityComponentConfigs: {
     GrSortableList: GranularComponentDescriptor<"GrSortableList">;
     GrSplitter: GranularComponentDescriptor<"GrSplitter">;
     GrStatistic: GranularComponentDescriptor<"GrStatistic">;
+    GrSteps: GranularComponentDescriptor<"GrSteps">;
     GrSwitch: GranularComponentDescriptor<"GrSwitch">;
     GrTable: GranularComponentDescriptor<"GrTable">;
     GrTabPanels: GranularComponentDescriptor<"GrTabPanels">;
@@ -84,6 +88,7 @@ export declare const granularityComponentConfigs: {
     GrTooltip: GranularComponentDescriptor<"GrTooltip">;
     GrTree: GranularComponentDescriptor<"GrTree">;
     GrTreeSelect: GranularComponentDescriptor<"GrTreeSelect">;
+    GrValue: GranularComponentDescriptor<"GrValue">;
 };
 export type GranularityComponentName = keyof typeof granularityComponentConfigs;
 /**

package/dist/types/i18n/messages/en.d.ts

@@ -9,6 +9,10 @@ export declare const en: {
     en: {
         gr: () => Promise<{
             default: {
+                chip: {
+                    remove: string;
+                    removeNamed: string;
+                };
                 common: {
                     confirm: string;
                     cancel: string;
@@ -19,6 +23,12 @@ export declare const en: {
                 loading: {
                     defaultText: string;
                 };
+                steps: {
+                    label: string;
+                    status: string;
+                    completed: string;
+                    error: string;
+                };
                 treeSelect: {
                     filterPlaceholder: string;
                     empty: string;
@@ -355,6 +365,13 @@ export declare const en: {
                     copyFailed: string;
                     moreItems: string;
                 };
+                contextMenu: {
+                    label: string;
+                };
+            };
+            chip: {
+                remove: string;
+                removeNamed: string;
             };
             common: {
                 confirm: string;
@@ -366,6 +383,12 @@ export declare const en: {
             loading: {
                 defaultText: string;
             };
+            steps: {
+                label: string;
+                status: string;
+                completed: string;
+                error: string;
+            };
             treeSelect: {
                 filterPlaceholder: string;
                 empty: string;
@@ -702,6 +725,9 @@ export declare const en: {
                 copyFailed: string;
                 moreItems: string;
             };
+            contextMenu: {
+                label: string;
+            };
         }>;
     };
 };

package/dist/types/i18n/messages/es.d.ts

@@ -2,6 +2,10 @@ export declare const es: {
     es: {
         gr: () => Promise<{
             default: {
+                chip: {
+                    remove: string;
+                    removeNamed: string;
+                };
                 common: {
                     confirm: string;
                     cancel: string;
@@ -12,6 +16,12 @@ export declare const es: {
                 loading: {
                     defaultText: string;
                 };
+                steps: {
+                    label: string;
+                    status: string;
+                    completed: string;
+                    error: string;
+                };
                 treeSelect: {
                     filterPlaceholder: string;
                     empty: string;
@@ -350,6 +360,13 @@ export declare const es: {
                     copyFailed: string;
                     moreItems: string;
                 };
+                contextMenu: {
+                    label: string;
+                };
+            };
+            chip: {
+                remove: string;
+                removeNamed: string;
             };
             common: {
                 confirm: string;
@@ -361,6 +378,12 @@ export declare const es: {
             loading: {
                 defaultText: string;
             };
+            steps: {
+                label: string;
+                status: string;
+                completed: string;
+                error: string;
+            };
             treeSelect: {
                 filterPlaceholder: string;
                 empty: string;
@@ -699,6 +722,9 @@ export declare const es: {
                 copyFailed: string;
                 moreItems: string;
             };
+            contextMenu: {
+                label: string;
+            };
         }>;
     };
 };

package/dist/types/i18n/messages/ru.d.ts

@@ -2,6 +2,10 @@ export declare const ru: {
     ru: {
         gr: () => Promise<{
             default: {
+                chip: {
+                    remove: string;
+                    removeNamed: string;
+                };
                 common: {
                     confirm: string;
                     cancel: string;
@@ -12,6 +16,12 @@ export declare const ru: {
                 loading: {
                     defaultText: string;
                 };
+                steps: {
+                    label: string;
+                    status: string;
+                    completed: string;
+                    error: string;
+                };
                 treeSelect: {
                     filterPlaceholder: string;
                     empty: string;
@@ -352,6 +362,13 @@ export declare const ru: {
                     copyFailed: string;
                     moreItems: string;
                 };
+                contextMenu: {
+                    label: string;
+                };
+            };
+            chip: {
+                remove: string;
+                removeNamed: string;
             };
             common: {
                 confirm: string;
@@ -363,6 +380,12 @@ export declare const ru: {
             loading: {
                 defaultText: string;
             };
+            steps: {
+                label: string;
+                status: string;
+                completed: string;
+                error: string;
+            };
             treeSelect: {
                 filterPlaceholder: string;
                 empty: string;
@@ -703,6 +726,9 @@ export declare const ru: {
                 copyFailed: string;
                 moreItems: string;
             };
+            contextMenu: {
+                label: string;
+            };
         }>;
     };
 };

package/dist/types/index.d.ts

@@ -10,12 +10,15 @@ export * from './components/GrButtonGroup';
 export * from './components/GrCard';
 export * from './components/GrCheckbox';
 export * from './components/GrCheckboxGroup';
+export * from './components/GrChip';
+export * from './components/GrChipGroup';
 export * from './components/GrCodeBlock';
 export * from './components/GrCollapse';
 export * from './components/GrColorPicker';
 export * from './components/GrCommandPalette';
 export * from './components/GrConfigProvider';
 export * from './components/GrConfirmDialog';
+export * from './components/GrContextMenu';
 export * from './components/GrDataTable';
 export * from './components/GrDelta';
 export * from './components/GrDescriptionList';
@@ -61,6 +64,7 @@ export * from './components/GrSlider';
 export * from './components/GrSortableList';
 export * from './components/GrSplitter';
 export * from './components/GrStatistic';
+export * from './components/GrSteps';
 export * from './components/GrSwitch';
 export * from './components/GrTable';
 export * from './components/GrTabPanels';
@@ -71,6 +75,7 @@ export * from './components/GrToaster';
 export * from './components/GrTooltip';
 export * from './components/GrTree';
 export * from './components/GrTreeSelect';
+export * from './components/GrValue';
 export { useDismissible } from './composables/useDismissible';
 export type { UseDismissibleOptions } from './composables/useDismissible';
 export { useFocusTrap } from './composables/useFocusTrap';
@@ -104,5 +109,6 @@ export { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast } from './com
 export type { GranularityToastPluginOptions, GrToastTone, Toast, ToastInput, ToastPromiseMessages, ToastState, } from './composables/useToast';
 export { GR_TONES } from './components/shared/tones';
 export type { GrTone } from './components/shared/tones';
+export { titleWhenTruncated } from './components/shared/truncationTitle';
 export type * from './fileValidation/types';
 export * from './directives';