@feugene/granularity 0.10.0 → 0.12.0

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

@@ -8,23 +8,46 @@ type __VLS_Props = {
     autocomplete?: string;
     inputmode?: InputHTMLAttributes['inputmode'];
     disabled?: boolean;
+    /** Только для чтения: значение видно и выделяемо, но не редактируется. */
+    readonly?: boolean;
     invalid?: boolean;
     state?: 'default' | 'success' | 'warning' | 'danger';
     name?: string;
     id?: string;
     size?: GrInputSize;
+    /** Показывать кнопку очистки, когда есть значение (и не disabled/readonly). */
+    clearable?: boolean;
+    /** i18n aria-label кнопки очистки. */
+    clearLabel?: string;
+    /** Ограничение длины + основа для счётчика символов. */
+    maxlength?: number;
+    /** Показывать счётчик символов (`len` или `len/maxlength`). */
+    showCount?: boolean;
+    /** Кнопка показать/скрыть пароль (только при `type="password"`). */
+    passwordToggle?: boolean;
+    /** i18n aria-label кнопки показать/скрыть пароль. */
+    passwordShowLabel?: string;
+    passwordHideLabel?: string;
     textAlign?: GrInputTextAlign;
     prefixMinWidth?: string;
     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: {};
+declare var __VLS_1: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    suffix?: (props: typeof __VLS_3) => any;
+    suffix?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     type: string;
@@ -32,16 +55,26 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
     size: string;
+    clearable: boolean;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -52,19 +85,30 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
     size: string;
+    clearable: boolean;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    prefixFixed: boolean;
+    suffixFixed: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    readonly: boolean;
     type: "text" | "email" | "password" | "number" | "search";
     size: GrInputSize;
     disabled: boolean;
@@ -75,11 +119,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: string;
     autocomplete: string;
     state: "default" | "success" | "warning" | "danger";
+    clearable: boolean;
+    clearLabel: string;
+    maxlength: number;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: string;
+    passwordHideLabel: string;
     textAlign: GrInputTextAlign;
     prefixMinWidth: string;
     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/GrKbd/GrKbd.vue.d.ts

@@ -0,0 +1,46 @@
+/**
+ * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).
+ *
+ * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.
+ */
+export type GrKbdSize = 'sm' | 'md';
+type __VLS_Props = {
+    size?: GrKbdSize;
+};
+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>, {
+    size: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    size: string;
+}>>> & Readonly<{}>, {
+    size: GrKbdSize;
+}, {}, {}, {}, 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/src/components/GrKbd/config.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default } from './GrKbd.vue';
+export { default as GrKbd } from './GrKbd.vue';
+export type { GrKbdSize } from './GrKbd.vue';
+export { grKbdConfig } from './config';

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,20 +61,22 @@ 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;
-    underline: GrLinkUnderline;
-    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>;
 declare const _default: typeof __VLS_export;

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

@@ -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

@@ -19,6 +19,16 @@ export interface GrNumberInputProps {
     min?: number;
     max?: number;
     precision?: number;
+    /**
+     * BCP-47 локаль для отображения значения (группировка разрядов и разделители
+     * через `Intl.NumberFormat`). Работает вместе с `useGrouping`.
+     */
+    locale?: string;
+    /**
+     * Группировать разряды при отображении (когда поле не в фокусе). При фокусе
+     * показывается «сырое» значение для редактирования. По умолчанию выключено.
+     */
+    useGrouping?: boolean;
     /** Показывать кнопки +/-. */
     controls?: boolean;
     controlsDirection?: GrNumberInputControlsDirection;
@@ -26,6 +36,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 для кнопки "уменьшить". */
@@ -54,14 +71,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
     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, {
@@ -83,14 +104,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
     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,10 +135,14 @@ 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;
     precision: number;
+    locale: string;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: GrNumberInputControlsDirection;
     increaseLabel: string;

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;

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

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

@@ -1,7 +1,7 @@
 import { type GrSelectModelValue, type GrSelectOption, type GrSelectOptionOrGroup, type GrSelectOptionsView, type GrSelectSize, type GrSelectUnderline, type GrSelectVariant, type GrSelectView } from './grSelectStyles';
 export type { GrSelectModelValue, GrSelectOption, GrSelectOptionGroup, GrSelectOptionOrGroup, GrSelectOptionsView, GrSelectSize, GrSelectUnderline, GrSelectVariant, GrSelectView, } from './grSelectStyles';
 /**
- * Пропсы публичного DS-примитива «Select».
+ * Пропсы публичного GR-примитива «Select».
  */
 export interface GrSelectProps {
     modelValue: GrSelectModelValue;
@@ -102,6 +102,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     placeholder: string;
+    clearable: boolean;
+    clearLabel: string;
     options: GrSelectOptionOrGroup[];
     underline: GrSelectUnderline;
     multiple: boolean;
@@ -110,8 +112,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     customValuePlaceholder: string;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
-    clearable: boolean;
-    clearLabel: 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/src/components/GrSelect/grSelectStyles.d.ts

@@ -6,6 +6,7 @@ export type GrSelectOptionsView = 'native' | 'panel';
 export type GrSelectOption = {
     value: string;
     label: string;
+    disabled?: boolean;
 };
 /** Группа опций: заголовок `label` + вложенные опции `options`. */
 export type GrSelectOptionGroup = {
@@ -66,4 +67,4 @@ export declare function grSelectTriggerClass(options: {
     variant: GrSelectVariant;
     underline: GrSelectUnderline;
 }): string;
-export declare const grSelectPanelClasses = "rounded-[var(--ds-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] overflow-hidden";
+export declare const grSelectPanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";