@feugene/granularity 0.9.4 → 0.11.0

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

@@ -30,7 +30,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: undefined;
     footerConfig: undefined;
     bodyConfig: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrDialogProps>, {
@@ -43,7 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: undefined;
     footerConfig: undefined;
     bodyConfig: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/types/src/components/GrDialog/GrDialogHeader.vue.d.ts

@@ -15,14 +15,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     title: undefined;
     showCloseButton: boolean;
     config: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrDialogHeaderProps>, {
     title: undefined;
     showCloseButton: boolean;
     config: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {

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

@@ -29,7 +29,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeOnEsc: boolean;
     side: string;
     size: string;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrDrawerProps>, {
@@ -38,7 +38,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     closeOnEsc: boolean;
     side: string;
     size: string;
-    closeLabel: string;
+    closeLabel: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {

package/dist/types/src/components/GrDropdown/grDropdownStyles.d.ts

@@ -1,7 +1,8 @@
+import type { Placement } from '@floating-ui/dom';
 export type GrDropdownAlign = 'left' | 'right' | 'center';
 export type GrDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80';
 export declare const widthClassByWidth: Record<GrDropdownWidth, string>;
-export declare const alignmentClassByAlign: Record<GrDropdownAlign, string>;
+export declare const originClassByPlacement: Partial<Record<Placement, string>>;
 export declare function grDropdownWidthClass(width: GrDropdownWidth): string;
-export declare function grDropdownAlignmentClass(align: GrDropdownAlign): string;
+export declare function grDropdownOriginClass(placement: Placement): string;
 export declare function grDropdownContentClass(contentClass?: string): string;

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

@@ -51,11 +51,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{}>, {
     width: GrDropdownMenuWidth;
     align: GrDropdownMenuAlign;
+    borderBottom: boolean;
+    borderTop: boolean;
     closeOnContentClick: boolean;
     contentClass: string;
     dividers: boolean;
-    borderTop: boolean;
-    borderBottom: boolean;
     listClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/src/components/GrDropdownMenu/GrDropdownMenuGroup.vue.d.ts

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     uppercase: boolean;
 }>>> & Readonly<{}>, {
     title: string;
-    dividers: boolean;
     uppercase: boolean;
+    dividers: boolean;
     titleAlign: GrDropdownMenuHeaderAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/src/components/GrDropdownMenu/GrDropdownMenuList.vue.d.ts

@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     borderTop: boolean;
     borderBottom: boolean;
 }>>> & Readonly<{}>, {
-    dividers: boolean;
-    borderTop: boolean;
     borderBottom: boolean;
+    borderTop: boolean;
+    dividers: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -113,10 +113,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     withCredentials: boolean;
     showFileList: boolean;
     uploadExtraData: undefined;
-    placeholder: string;
+    placeholder: undefined;
     showProgress: boolean;
     progressTone: string;
-    progressLabel: string;
+    progressLabel: undefined;
     hideProgressOnSuccess: number;
 }>>, {
     uploadFiles: typeof handleFiles;
@@ -143,10 +143,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     withCredentials: boolean;
     showFileList: boolean;
     uploadExtraData: undefined;
-    placeholder: string;
+    placeholder: undefined;
     showProgress: boolean;
     progressTone: string;
-    progressLabel: string;
+    progressLabel: undefined;
     hideProgressOnSuccess: number;
 }>>> & Readonly<{
     onSuccess?: ((payload: any) => any) | undefined;
@@ -159,10 +159,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: string;
     headers: Record<string, string>;
     placeholder: string;
+    multiple: boolean;
     withCredentials: boolean;
     action: string;
     request: GrFileUploadRequest;
-    multiple: boolean;
     limit: number;
     onExceed: (files: File[], limit: number) => void;
     beforeUpload: (file: File) => boolean | Promise<unknown>;

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

@@ -38,11 +38,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     disabled: boolean;
     accept: undefined;
-    uploadText: string;
-    changeText: string;
-    removeText: string;
-    clearAllText: string;
-    placeholder: string;
+    uploadText: undefined;
+    changeText: undefined;
+    removeText: undefined;
+    clearAllText: undefined;
+    placeholder: undefined;
     validators: undefined;
     validate: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -55,18 +55,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     disabled: boolean;
     accept: undefined;
-    uploadText: string;
-    changeText: string;
-    removeText: string;
-    clearAllText: string;
-    placeholder: string;
+    uploadText: undefined;
+    changeText: undefined;
+    removeText: undefined;
+    clearAllText: undefined;
+    placeholder: undefined;
     validators: undefined;
     validate: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: File | File[] | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onChange?: ((value: File | File[] | null) => any) | undefined;
     onValidation?: ((errors: FileValidationIssue[]) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:errors"?: ((errors: FileValidationIssue[]) => any) | undefined;
 }>, {
     disabled: boolean;

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

@@ -106,15 +106,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     wheelZoom: boolean;
     draggable: boolean;
     zIndex: undefined;
-    closeLabel: string;
-    prevLabel: string;
-    nextLabel: string;
-    zoomInLabel: string;
-    zoomOutLabel: string;
-    resetZoomLabel: string;
-    rotateLeftLabel: string;
-    rotateRightLabel: string;
-    emptyText: string;
+    closeLabel: undefined;
+    prevLabel: undefined;
+    nextLabel: undefined;
+    zoomInLabel: undefined;
+    zoomOutLabel: undefined;
+    resetZoomLabel: undefined;
+    rotateLeftLabel: undefined;
+    rotateRightLabel: undefined;
+    emptyText: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     close: () => void;
@@ -132,15 +132,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     wheelZoom: boolean;
     draggable: boolean;
     zIndex: undefined;
-    closeLabel: string;
-    prevLabel: string;
-    nextLabel: string;
-    zoomInLabel: string;
-    zoomOutLabel: string;
-    resetZoomLabel: string;
-    rotateLeftLabel: string;
-    rotateRightLabel: string;
-    emptyText: string;
+    closeLabel: undefined;
+    prevLabel: undefined;
+    nextLabel: undefined;
+    zoomInLabel: undefined;
+    zoomOutLabel: undefined;
+    resetZoomLabel: undefined;
+    rotateLeftLabel: undefined;
+    rotateRightLabel: undefined;
+    emptyText: undefined;
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
     onSwitch?: ((newIndex: number) => any) | undefined;

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

@@ -18,6 +18,14 @@ type __VLS_Props = {
     prefixMaxWidth?: string;
     suffixMinWidth?: string;
     suffixMaxWidth?: string;
+    /**
+     * Фиксированная ширина у prefix/suffix: аддон получает жёсткую ширину
+     * (из `*MaxWidth` → `*MinWidth` → дефолт), а контент обрезается по краю
+     * (prefix — справа, suffix — слева). По умолчанию аддоны «растягиваются»
+     * под контент (в пределах min/max), а излишек клипается оболочкой.
+     */
+    prefixFixed?: boolean;
+    suffixFixed?: boolean;
 };
 declare function focus(): void;
 declare var __VLS_1: {}, __VLS_3: {};
@@ -42,6 +50,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -62,6 +72,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
@@ -80,6 +92,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: string;
     suffixMinWidth: string;
     suffixMaxWidth: string;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -11,7 +11,7 @@ export declare const textAlign: {
 };
 export declare const states: {
     readonly default: "border-[var(--brd)]";
-    readonly success: "border-[var(--ds-success)] focus-visible:ring-[var(--ds-success)]";
-    readonly warning: "border-[var(--ds-warning)] focus-visible:ring-[var(--ds-warning)]";
-    readonly danger: "border-[var(--ds-danger)] focus-visible:ring-[var(--ds-danger)]";
+    readonly success: "border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]";
+    readonly warning: "border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]";
+    readonly danger: "border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]";
 };

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

@@ -55,7 +55,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
-    removeTagLabel: string;
+    removeTagLabel: undefined;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -80,7 +80,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
-    removeTagLabel: string;
+    removeTagLabel: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onAdd?: ((value: string) => any) | undefined;

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

@@ -1,5 +1,5 @@
 /**
- * GrLink — DS-примитив ссылки.
+ * GrLink — GR-примитив ссылки.
  *
  * Корневой тег зависит от пропов:
  * - кастомный компонент/тег из пропа `as` — когда `as` передан и не `disabled`
@@ -12,12 +12,12 @@
  * не участвовала в порядке табуляции. Учтите это в внешних CSS-селекторах.
  *
  * Проп `as` нужен для интеграции с роутерами (Inertia, Vue Router и пр.):
- * стили/поведение DS остаются едиными, а тег корня подменяется. Все
+ * стили/поведение GR остаются едиными, а тег корня подменяется. Все
  * специфичные для роутера атрибуты (`method`, `replace`, `preserve-scroll` и т.п.)
  * проходят через fallthrough-attrs.
  */
 import { type Component } from 'vue';
-import { type GrLinkSize, type GrLinkUnderline, type GrLinkVariant } from './grLinkStyles';
+import { type GrLinkSize, type GrLinkTone, type GrLinkUnderline, type GrLinkVariant } from './grLinkStyles';
 type __VLS_Props = {
     /**
      * Кастомный корневой тег/компонент. Если передан и компонент не `disabled` —
@@ -30,6 +30,9 @@ type __VLS_Props = {
     rel?: string;
     disabled?: boolean;
     ariaLabel?: string;
+    /** Семантический цвет ссылки из палитры `GrTone`. */
+    tone?: GrLinkTone;
+    /** Уровень акцента: `default` (окрашен) или `muted` (приглушён, акцент на hover). */
     variant?: GrLinkVariant;
     underline?: GrLinkUnderline;
     size?: GrLinkSize;
@@ -46,6 +49,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     rel: undefined;
     disabled: boolean;
     ariaLabel: undefined;
+    tone: string;
     variant: string;
     underline: string;
     size: string;
@@ -57,19 +61,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     rel: undefined;
     disabled: boolean;
     ariaLabel: undefined;
+    tone: string;
     variant: string;
     underline: string;
     size: string;
 }>>> & Readonly<{}>, {
+    tone: GrLinkTone;
     variant: GrLinkVariant;
     size: GrLinkSize;
     disabled: boolean;
     ariaLabel: string;
     as: string | Component;
-    target: string;
     href: string;
-    external: boolean;
+    target: string;
     rel: string;
+    external: boolean;
     underline: GrLinkUnderline;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/src/components/GrLink/grLinkStyles.d.ts

@@ -1,15 +1,43 @@
-export type GrLinkVariant = 'primary' | 'default' | 'muted' | 'muted-primary' | 'danger';
+import { GR_TONES, type GrTone } from '../shared/tones';
+/**
+ * Архитектура цвета GrLink (согласована с остальной GR, ср. GrButton):
+ *
+ * - `tone` — семантический ЦВЕТ из общей палитры `GrTone`
+ *   (`primary | neutral | success | warning | danger | info | slate | azure`).
+ * - `variant` — уровень акцента (СТРУКТУРА), независимый от цвета:
+ *   - `default` — текст окрашен в `tone` в покое, `tone-hover`/`tone-active` при
+ *     наведении/нажатии (обычная акцентная ссылка);
+ *   - `muted` — приглушённый текст (`--muted-fg`) в покое, окрашивается в `tone`
+ *     при наведении (вторичные/inline-ссылки в плотных областях).
+ *
+ * Раньше `variant` смешивал цвет и акцент (`primary/default/muted/muted-primary/danger`).
+ * Теперь это ортогональные оси: `tone` × `variant`.
+ */
+export type GrLinkTone = GrTone;
+export type GrLinkVariant = 'default' | 'muted';
 export type GrLinkUnderline = 'auto' | 'always' | 'none';
 export type GrLinkSize = 'sm' | 'md' | 'lg';
 export declare const baseRootClass = "inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150";
 export declare const focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
 export declare const sizeClassBySize: Record<GrLinkSize, string>;
-export declare const variantClassByVariant: Record<GrLinkVariant, string>;
+export declare const colorClass = "text-[var(--gr-link-color)] visited:text-[var(--gr-link-color)] hover:text-[var(--gr-link-color-hover)] active:text-[var(--gr-link-color-active)]";
+type GrLinkToneColors = {
+    base: string;
+    hover: string;
+    active: string;
+};
+export declare const linkToneColors: Record<GrLinkTone, GrLinkToneColors>;
+/** Инлайновые CSS-переменные цвета для текущей комбинации `tone` × `variant`. */
+export declare function grLinkColorStyle(options: {
+    tone: GrLinkTone;
+    variant: GrLinkVariant;
+    disabled: boolean;
+}): Record<string, string>;
 export declare const disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--muted-fg)]";
 export declare const underlineClasses: readonly string[];
 export declare function grLinkClass(options: {
     size: GrLinkSize;
     underline: GrLinkUnderline;
-    variant: GrLinkVariant;
     disabled: boolean;
 }): string;
+export { GR_TONES };

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

@@ -1,5 +1,5 @@
 export { default } from './GrLink.vue';
 export { default as GrLink } from './GrLink.vue';
 export { grLinkConfig } from './config';
-export type { GrLinkSize, GrLinkUnderline, GrLinkVariant } from './grLinkStyles';
+export type { GrLinkSize, GrLinkTone, GrLinkUnderline, GrLinkVariant } from './grLinkStyles';
 export { grLinkSafelist } from './safelist';

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

@@ -11,7 +11,7 @@ export interface GrLoadingProps {
     spinner?: Component;
     /** Extra classes for the spinner element. */
     spinnerClass?: string;
-    /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */
+    /** When `true` (default), the default spinner rotates via `@keyframes gr-loading-spin`. */
     animated?: boolean;
     /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */
     background?: string;

package/dist/types/src/components/GrModal/grModalStyles.d.ts

@@ -1,5 +1,5 @@
 export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-export declare const root = "fixed inset-0 z-50";
+export declare const root = "fixed inset-0 z-[var(--gr-z-modal)]";
 export declare const shell = "fixed inset-0 overflow-y-auto p-4 sm:p-6";
 export declare const layout = "min-h-full flex items-center justify-center";
 export declare const overlay = "fixed inset-0 z-0 bg-black/40";
@@ -19,7 +19,7 @@ export declare const panelTransition: {
     readonly leaveFrom: "opacity-100 translate-y-0 sm:scale-100";
     readonly leaveTo: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95";
 };
-export declare const panelBase = "w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none";
+export declare const panelBase = "w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--gr-shadow-2)] outline-none";
 export declare const panelWidthBySize: Record<GrModalSize, string>;
 export declare const panelRadiusBySize: Record<GrModalSize, string>;
 export declare const panelHeightBySize: Partial<Record<GrModalSize, string>>;

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

@@ -26,6 +26,13 @@ export interface GrNumberInputProps {
     prefixMaxWidth?: string;
     suffixMinWidth?: string;
     suffixMaxWidth?: string;
+    /**
+     * Фиксированная ширина у prefix/suffix: жёсткая ширина (из `*MaxWidth` →
+     * `*MinWidth` → дефолт) + обрезка контента по краю (prefix — справа,
+     * suffix — слева). По умолчанию аддоны растягиваются под контент.
+     */
+    prefixFixed?: boolean;
+    suffixFixed?: boolean;
     /** i18n-friendly aria-label для кнопки "увеличить". */
     increaseLabel?: string;
     /** i18n-friendly aria-label для кнопки "уменьшить". */
@@ -60,8 +67,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
-    increaseLabel: string;
-    decreaseLabel: string;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
+    increaseLabel: undefined;
+    decreaseLabel: undefined;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -89,8 +98,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
-    increaseLabel: string;
-    decreaseLabel: string;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
+    increaseLabel: undefined;
+    decreaseLabel: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
@@ -110,6 +121,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: string;
     suffixMinWidth: string;
     suffixMaxWidth: string;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
     min: number;
     decimalSeparator: string;
     step: number;

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

@@ -2,26 +2,38 @@
  * Пропы пагинации.
  *
  * `total` интерпретируется как общее количество элементов; число страниц
- * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.
+ * вычисляется из `total` и `pageSize`. Номера усекаются многоточием
+ * (алгоритм boundary/sibling, как у MUI): всегда видны первая/последняя страница
+ * и `siblingCount` соседей вокруг текущей.
  */
 export interface GrPaginationProps {
     page: number;
     pageSize: number;
     total: number;
     pageSizes?: number[];
+    /** Сколько соседних страниц показывать вокруг текущей. По умолчанию `1`. */
+    siblingCount?: number;
+    /** Сколько крайних страниц всегда показывать с каждого края. По умолчанию `1`. */
+    boundaryCount?: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPaginationProps>, {
     pageSizes: () => number[];
+    siblingCount: number;
+    boundaryCount: number;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => void;
     "update:pageSize": (value: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPaginationProps>, {
     pageSizes: () => number[];
+    siblingCount: number;
+    boundaryCount: number;
 }>>> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;
     "onUpdate:pageSize"?: ((value: number) => any) | undefined;
 }>, {
     pageSizes: number[];
+    siblingCount: number;
+    boundaryCount: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -57,9 +57,9 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
-    title: string;
+    title: undefined;
     description: undefined;
-    label: string;
+    label: undefined;
     placeholder: undefined;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
@@ -69,11 +69,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: undefined;
     footerConfig: undefined;
     bodyConfig: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
     buttonSize: undefined;
-    confirmText: string;
-    cancelText: string;
-    requiredErrorText: string;
+    confirmText: undefined;
+    cancelText: undefined;
+    requiredErrorText: undefined;
     confirmVariant: string;
     confirmTone: string;
     required: boolean;
@@ -88,9 +88,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     confirm: (value: string) => void;
     cancel: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
-    title: string;
+    title: undefined;
     description: undefined;
-    label: string;
+    label: undefined;
     placeholder: undefined;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
@@ -100,11 +100,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     headerConfig: undefined;
     footerConfig: undefined;
     bodyConfig: undefined;
-    closeLabel: string;
+    closeLabel: undefined;
     buttonSize: undefined;
-    confirmText: string;
-    cancelText: string;
-    requiredErrorText: string;
+    confirmText: undefined;
+    cancelText: undefined;
+    requiredErrorText: undefined;
     confirmVariant: string;
     confirmTone: string;
     required: boolean;

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

@@ -1,6 +1,6 @@
 import { type GrSegmentedOption, type GrSegmentedSize, type GrSegmentedValue, type GrSegmentedVariant } from './grSegmentedStyles';
 /**
- * Пропсы публичного DS-примитива «Segmented».
+ * Пропсы публичного GR-примитива «Segmented».
  */
 export interface GrSegmentedProps {
     modelValue: GrSegmentedValue;
@@ -52,8 +52,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     name: string;
-    indicatorDuration: number;
     block: boolean;
+    indicatorDuration: 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/GrSegmented/grSegmentedStyles.d.ts

@@ -8,16 +8,16 @@ export type GrSegmentedOption = {
     icon?: Component;
     disabled?: boolean;
 };
-export declare const rootBaseClass = "relative inline-grid min-w-0 grid-flow-col items-stretch rounded-[var(--ds-segmented-radius)] p-[var(--ds-segmented-padding)] transition-colors duration-150";
+export declare const rootBaseClass = "relative inline-grid min-w-0 grid-flow-col items-stretch rounded-[var(--gr-segmented-radius)] p-[var(--gr-segmented-padding)] transition-colors duration-150";
 export declare const rootVariantClassMap: Record<GrSegmentedVariant, string>;
 export declare const rootBlockClass = "w-full";
-export declare const indicatorBaseClass = "pointer-events-none absolute left-0 top-0 rounded-[calc(var(--ds-segmented-radius)-var(--ds-segmented-padding))] transition-[transform,width,height,opacity] ease-out";
+export declare const indicatorBaseClass = "pointer-events-none absolute left-0 top-0 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] transition-[transform,width,height,opacity] ease-out";
 export declare const indicatorVariantClassMap: Record<GrSegmentedVariant, string>;
-export declare const itemBaseClass = "group/segmented-item relative z-[1] inline-flex min-h-[var(--ds-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--ds-segmented-radius)-var(--ds-segmented-padding))] px-[var(--ds-segmented-item-px)] py-[var(--ds-segmented-item-py)] text-[length:var(--ds-segmented-font-size)] leading-[var(--ds-segmented-line-height)] font-[var(--ds-segmented-font-weight)] text-[var(--ds-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]";
+export declare const itemBaseClass = "group/segmented-item relative z-[1] inline-flex min-h-[var(--gr-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--gr-segmented-radius)-var(--gr-segmented-padding))] px-[var(--gr-segmented-item-px)] py-[var(--gr-segmented-item-py)] text-[length:var(--gr-segmented-font-size)] leading-[var(--gr-segmented-line-height)] font-[var(--gr-segmented-font-weight)] text-[var(--gr-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]";
 export declare const itemVariantClassMap: Record<GrSegmentedVariant, string>;
-export declare const itemSelectedClass = "text-[var(--ds-segmented-item-selected-color)]";
+export declare const itemSelectedClass = "text-[var(--gr-segmented-item-selected-color)]";
 export declare const itemDisabledClass = "cursor-not-allowed opacity-50";
-export declare const itemEnabledClass = "cursor-pointer hover:text-[var(--ds-segmented-item-hover-color)]";
+export declare const itemEnabledClass = "cursor-pointer hover:text-[var(--gr-segmented-item-hover-color)]";
 export declare const itemLabelClass = "truncate";
 export declare const itemIconClass = "h-4 w-4 shrink-0";
 export declare const iconOnlyClass = "gap-0";