@feugene/granularity 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-export declare const dsPaginationConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsPagination">;
+export declare const dsPaginationConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsPagination">;

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

@@ -1,4 +1,3 @@
 export { default } from './DsPagination.vue';
-export { default as DsPagination } from './DsPagination.vue';
+export { default as DsPagination, type DsPaginationProps } from './DsPagination.vue';
 export { dsPaginationConfig } from './config';
-export { dsPaginationSafelist } from './safelist';

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

@@ -1,13 +1,20 @@
 import { type DsProgressBarTone } from './dsStyle';
-type __VLS_Props = {
+/**
+ * DsProgressBar — линейный индикатор прогресса.
+ *
+ * @prop value — текущее значение `0..100`; выходящие за границы значения клампятся, `NaN` → `0`.
+ * @prop ariaLabel — метка для скринридера (обязательна, если рядом нет видимого заголовка).
+ * @prop tone — цветовая тональность заливки (CSS-переменная из `tokens.css`).
+ */
+export interface DsProgressBarProps {
     value: number;
     ariaLabel?: string;
     tone?: DsProgressBarTone;
-};
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsProgressBarProps>, {
     ariaLabel: undefined;
     tone: string;
-}>>, {}, {}, {}, {}, 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<DsProgressBarProps>, {
     ariaLabel: undefined;
     tone: string;
 }>>> & Readonly<{}>, {

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

@@ -1 +1 @@
-export declare const dsProgressBarConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsProgressBar">;
+export declare const dsProgressBarConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsProgressBar">;

package/dist/types/src/components/DsProgressBar/config.node.d.ts

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

package/dist/types/src/components/DsProgressBar/dsStyle.d.ts

@@ -1,6 +1,2 @@
 export type DsProgressBarTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure';
 export declare function dsProgressBarFillClass(tone: DsProgressBarTone): string;
-export declare const dsProgressBarClassTokens: {
-    readonly fill: string[];
-};
-export declare const dsProgressBarSafelist: readonly string[];

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

@@ -1,4 +1,5 @@
 export { default } from './DsProgressBar.vue';
-export { default as DsProgressBar } from './DsProgressBar.vue';
+export { default as DsProgressBar, type DsProgressBarProps } from './DsProgressBar.vue';
 export { dsProgressBarConfig } from './config';
 export { dsProgressBarSafelist } from './safelist';
+export type { DsProgressBarTone } from './dsStyle';

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

@@ -1 +1,4 @@
-export { dsProgressBarSafelist } from './dsStyle';
+export declare const dsProgressBarClassTokens: {
+    readonly fill: string[];
+};
+export declare const dsProgressBarSafelist: readonly string[];

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

@@ -1,6 +1,6 @@
 import type { DsButtonSize, DsButtonTone, DsButtonVariant } from '../DsButton';
 import type { DsDialogSectionConfig, DsDialogSize } from '../DsDialog';
-type __VLS_Props = {
+export interface DsPromptDialogProps {
     modelValue: boolean;
     value: string;
     title?: string;
@@ -8,34 +8,48 @@ type __VLS_Props = {
     label?: string;
     placeholder?: string;
     closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    showHeader?: boolean;
+    showCloseButton?: boolean;
     size?: DsDialogSize;
     headerConfig?: DsDialogSectionConfig;
     footerConfig?: DsDialogSectionConfig;
+    bodyConfig?: DsDialogSectionConfig;
+    /** A11y-лейбл кнопки закрытия (i18n). */
+    closeLabel?: string;
     buttonSize?: DsButtonSize;
     confirmText?: string;
     cancelText?: string;
+    /** Текст ошибки для пустого значения при `required=true` (i18n). */
+    requiredErrorText?: string;
     confirmVariant?: DsButtonVariant;
     confirmTone?: DsButtonTone;
     required?: boolean;
-};
+}
 declare var __VLS_8: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 } & {
     footer?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    description: undefined;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsPromptDialogProps>, {
     title: string;
+    description: undefined;
     label: string;
     placeholder: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    showHeader: boolean;
+    showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
     buttonSize: undefined;
     confirmText: string;
     cancelText: string;
+    requiredErrorText: string;
     confirmVariant: string;
     confirmTone: string;
     required: boolean;
@@ -44,18 +58,24 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:value": (value: string) => void;
     confirm: (value: string) => void;
     cancel: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    description: undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsPromptDialogProps>, {
     title: string;
+    description: undefined;
     label: string;
     placeholder: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    showHeader: boolean;
+    showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
     buttonSize: undefined;
     confirmText: string;
     cancelText: string;
+    requiredErrorText: string;
     confirmVariant: string;
     confirmTone: string;
     required: boolean;
@@ -70,15 +90,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     size: DsDialogSize;
     required: boolean;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    description: string;
+    showCloseButton: boolean;
+    closeLabel: string;
+    showHeader: boolean;
     headerConfig: DsDialogSectionConfig;
     footerConfig: DsDialogSectionConfig;
-    description: string;
+    bodyConfig: DsDialogSectionConfig;
     buttonSize: DsButtonSize;
     confirmText: string;
     cancelText: string;
     confirmVariant: DsButtonVariant;
     confirmTone: DsButtonTone;
     placeholder: string;
+    requiredErrorText: 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/DsPromptDialog/config.d.ts

@@ -1 +1 @@
-export declare const dsPromptDialogConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsPromptDialog">;
+export declare const dsPromptDialogConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsPromptDialog">;

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

@@ -1,4 +1,4 @@
 export { default } from './DsPromptDialog.vue';
 export { default as DsPromptDialog } from './DsPromptDialog.vue';
+export type { DsPromptDialogProps } from './DsPromptDialog.vue';
 export { dsPromptDialogConfig } from './config';
-export { dsPromptDialogSafelist } from './safelist';

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

@@ -1,13 +1,22 @@
-export type { DsRadioVariant } from './dsRadioStyles';
-import { type DsRadioVariant } from './dsRadioStyles';
 import type { DsButtonSize, DsButtonTone, DsButtonVariant } from '../DsButton';
-type __VLS_Props = {
+import { type DsRadioVariant } from './dsRadioStyles';
+/**
+ * DsRadio — одиночный элемент группы выбора.
+ *
+ * Может работать автономно (через `v-model`) либо внутри `DsRadioGroup`
+ * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).
+ *
+ * @prop value — значение этого элемента, сравнивается с `modelValue` группы.
+ * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `DsButton`).
+ */
+export interface DsRadioProps {
     value: string;
     modelValue?: string;
     disabled?: boolean;
     name?: string;
     required?: boolean;
     form?: string;
+    id?: string;
     size?: DsButtonSize;
     variant?: DsRadioVariant;
     buttonVariant?: DsButtonVariant;
@@ -15,19 +24,20 @@ type __VLS_Props = {
     selectedButtonVariant?: DsButtonVariant;
     selectedButtonTone?: DsButtonTone;
     ariaLabel?: string;
-};
+}
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => 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<DsRadioProps>, {
     modelValue: undefined;
     disabled: undefined;
     name: undefined;
     required: boolean;
     form: undefined;
+    id: undefined;
     size: undefined;
     variant: string;
     buttonVariant: string;
@@ -37,12 +47,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioProps>, {
     modelValue: undefined;
     disabled: undefined;
     name: undefined;
     required: boolean;
     form: undefined;
+    id: undefined;
     size: undefined;
     variant: string;
     buttonVariant: string;
@@ -61,6 +72,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     name: string;
+    id: string;
     buttonVariant: DsButtonVariant;
     buttonTone: DsButtonTone;
     selectedButtonVariant: DsButtonVariant;

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

@@ -1 +1 @@
-export declare const dsRadioConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsRadio">;
+export declare const dsRadioConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsRadio">;

package/dist/types/src/components/DsRadio/dsRadioStyles.d.ts

@@ -1,5 +1,14 @@
 import { type DsButtonSize, type DsButtonTone, type DsButtonVariant } from '../DsButton/dsButtonStyles';
 export type DsRadioVariant = 'radiobox' | 'button';
+export declare const dsRadioDisabledClass = "opacity-50 cursor-not-allowed";
+export declare const dsRadioEnabledClass = "cursor-pointer";
+export declare const dsRadioRootDisabledClass = "cursor-not-allowed opacity-70";
+export declare const dsRadioRootEnabledClass = "cursor-pointer";
+export declare const dsRadioControlCheckedClass = "border-[var(--primary)] bg-[color-mix(in_srgb,var(--primary)_10%,var(--bg))]";
+export declare const dsRadioControlUncheckedClass = "border-[var(--brd)] bg-[var(--bg)]";
+export declare const dsRadioDotCheckedClass = "bg-[var(--primary)] opacity-100 scale-100";
+export declare const dsRadioDotUncheckedClass = "bg-transparent opacity-0 scale-75";
+export declare const dsRadioDotBaseClass = "h-[6px] w-[6px] rounded-full transition-[transform,opacity,background-color] duration-150";
 export declare function dsRadioButtonClass(options: {
     checked: boolean;
     disabled: boolean;
@@ -11,6 +20,4 @@ export declare function dsRadioButtonClass(options: {
 }): string;
 export declare function dsRadioRootClass(disabled: boolean): string;
 export declare function dsRadioControlClass(checked: boolean): string;
-export declare const dsRadioDotBaseClass = "h-[6px] w-[6px] rounded-full transition-[transform,opacity,background-color] duration-150";
 export declare function dsRadioDotClass(checked: boolean): string;
-export declare const dsRadioSafelist: string[];

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

@@ -1,5 +1,5 @@
 export { default } from './DsRadio.vue';
-export { default as DsRadio } from './DsRadio.vue';
+export { default as DsRadio, type DsRadioProps } from './DsRadio.vue';
 export { dsRadioConfig } from './config';
 export type { DsRadioVariant } from './dsRadioStyles';
 export type { DsRadioGroupContext } from './dsRadioGroupContext';

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

@@ -1 +1 @@
-export { dsRadioSafelist } from './dsRadioStyles';
+export declare const dsRadioSafelist: string[];

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

@@ -1,43 +1,53 @@
 import type { DsButtonSize } from '../DsButton';
 export type DsRadioGroupVariant = 'radiobox' | 'button';
-export type DsRadioGroupOption = {
+export interface DsRadioGroupOption {
     value: string;
     label: string;
-};
-type __VLS_Props = {
+}
+/**
+ * DsRadioGroup — контейнер группы `DsRadio`.
+ *
+ * Может работать как через слот (ручной рендер `DsRadio`), так и через проп `options`.
+ * Предоставляет дочерним `DsRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.
+ */
+export interface DsRadioGroupProps {
     modelValue: string;
     options?: DsRadioGroupOption[];
     name?: string;
     disabled?: boolean;
     variant?: DsRadioGroupVariant;
     size?: DsButtonSize;
-};
+    ariaLabel?: string;
+}
 declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 } & {
     default?: (props: typeof __VLS_9) => 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<DsRadioGroupProps>, {
     options: undefined;
     name: undefined;
     disabled: boolean;
     variant: string;
     size: string;
+    ariaLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioGroupProps>, {
     options: undefined;
     name: undefined;
     disabled: boolean;
     variant: string;
     size: string;
+    ariaLabel: undefined;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     variant: DsRadioGroupVariant;
     size: DsButtonSize;
     disabled: boolean;
+    ariaLabel: string;
     name: string;
     options: DsRadioGroupOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-export declare const dsRadioGroupConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsRadioGroup">;
+export declare const dsRadioGroupConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsRadioGroup">;

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

@@ -1,5 +1,4 @@
 export { default } from './DsRadioGroup.vue';
 export { default as DsRadioGroup } from './DsRadioGroup.vue';
 export { dsRadioGroupConfig } from './config';
-export type { DsRadioGroupOption, DsRadioGroupVariant } from './DsRadioGroup.vue';
-export { dsRadioGroupSafelist } from './safelist';
+export type { DsRadioGroupOption, DsRadioGroupProps, DsRadioGroupVariant, } from './DsRadioGroup.vue';

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

@@ -1,15 +1,21 @@
 import { type DsSegmentedOption, type DsSegmentedSize, type DsSegmentedValue, type DsSegmentedVariant } from './dsSegmentedStyles';
-type __VLS_Props = {
+/**
+ * Пропсы публичного DS-примитива «Segmented».
+ */
+export interface DsSegmentedProps {
     modelValue: DsSegmentedValue;
     options: DsSegmentedOption[];
     variant?: DsSegmentedVariant;
     size?: DsSegmentedSize;
+    /** Длительность анимации индикатора в мс. */
     indicatorDuration?: number;
+    /** Растягивать сегмент на всю ширину контейнера. */
     block?: boolean;
     disabled?: boolean;
+    /** Имя скрытых radio-inputs для интеграции с нативной формой. */
     name?: string;
     ariaLabel?: string;
-};
+}
 declare var __VLS_1: {
     option: DsSegmentedOption;
     selected: boolean;
@@ -18,7 +24,7 @@ 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<DsSegmentedProps>, {
     variant: string;
     size: string;
     indicatorDuration: number;
@@ -29,7 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DsSegmentedValue) => void;
     change: (value: DsSegmentedValue, option: DsSegmentedOption) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsSegmentedProps>, {
     variant: string;
     size: string;
     indicatorDuration: number;

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

@@ -1 +1 @@
-export declare const dsSegmentedConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsSegmented">;
+export declare const dsSegmentedConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsSegmented">;

package/dist/types/src/components/DsSegmented/dsSegmentedStyles.d.ts

@@ -8,6 +8,19 @@ export type DsSegmentedOption = {
     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 rootVariantClassMap: Record<DsSegmentedVariant, 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 indicatorVariantClassMap: Record<DsSegmentedVariant, 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 itemVariantClassMap: Record<DsSegmentedVariant, string>;
+export declare const itemSelectedClass = "text-[var(--ds-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 itemLabelClass = "truncate";
+export declare const itemIconClass = "h-4 w-4 shrink-0";
+export declare const iconOnlyClass = "gap-0";
 export declare function dsSegmentedRootClass(options: {
     variant: DsSegmentedVariant;
     block: boolean;
@@ -24,22 +37,5 @@ export declare function dsSegmentedItemClass(options: {
     disabled: boolean;
     iconOnly: boolean;
 }): string;
-export declare const dsSegmentedClassTokens: {
-    readonly rootBaseClass: string[];
-    readonly rootVariantClassMap: string[];
-    readonly rootBlockClass: string[];
-    readonly indicatorBaseClass: string[];
-    readonly indicatorVariantClassMap: string[];
-    readonly itemBaseClass: string[];
-    readonly itemVariantClassMap: string[];
-    readonly itemSelectedClass: string[];
-    readonly itemDisabledClass: string[];
-    readonly itemEnabledClass: string[];
-    readonly itemLabelClass: string[];
-    readonly itemIconClass: string[];
-    readonly iconOnlyClass: string[];
-    readonly extra: string[];
-};
-export declare const dsSegmentedSafelist: string[];
 export declare const dsSegmentedItemLabelClass = "truncate";
 export declare const dsSegmentedItemIconClass = "h-4 w-4 shrink-0";

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

@@ -2,4 +2,5 @@ export { default } from './DsSegmented.vue';
 export { default as DsSegmented } from './DsSegmented.vue';
 export { dsSegmentedConfig } from './config';
 export type { DsSegmentedOption, DsSegmentedSize, DsSegmentedValue, DsSegmentedVariant, } from './dsSegmentedStyles';
+export type { DsSegmentedProps } from './DsSegmented.vue';
 export { dsSegmentedSafelist } from './safelist';

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

@@ -1 +1,17 @@
-export { dsSegmentedSafelist } from './dsSegmentedStyles';
+export declare const dsSegmentedClassTokens: {
+    readonly rootBaseClass: string[];
+    readonly rootVariantClassMap: string[];
+    readonly rootBlockClass: string[];
+    readonly indicatorBaseClass: string[];
+    readonly indicatorVariantClassMap: string[];
+    readonly itemBaseClass: string[];
+    readonly itemVariantClassMap: string[];
+    readonly itemSelectedClass: string[];
+    readonly itemDisabledClass: string[];
+    readonly itemEnabledClass: string[];
+    readonly itemLabelClass: string[];
+    readonly itemIconClass: string[];
+    readonly iconOnlyClass: string[];
+    readonly extra: string[];
+};
+export declare const dsSegmentedSafelist: string[];

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

@@ -1,6 +1,9 @@
-export type { DsSelectModelValue, DsSelectOption, DsSelectOptionsView, DsSelectSize, DsSelectUnderline, DsSelectVariant, DsSelectView, } from './dsSelectStyles';
 import { type DsSelectModelValue, type DsSelectOption, type DsSelectOptionsView, type DsSelectSize, type DsSelectUnderline, type DsSelectVariant, type DsSelectView } from './dsSelectStyles';
-type __VLS_Props = {
+export type { DsSelectModelValue, DsSelectOption, DsSelectOptionsView, DsSelectSize, DsSelectUnderline, DsSelectVariant, DsSelectView, } from './dsSelectStyles';
+/**
+ * Пропсы публичного DS-примитива «Select».
+ */
+export interface DsSelectProps {
     modelValue: DsSelectModelValue;
     options?: DsSelectOption[];
     disabled?: boolean;
@@ -23,6 +26,8 @@ type __VLS_Props = {
     closeOnSelect?: boolean;
     /** Разрешает очистку выбранного значения. */
     clearable?: boolean;
+    /** i18n-label для кнопки очистки (`aria-label`). */
+    clearLabel?: string;
     /**
      * Цвет/вариант ссылки для `view="link"` (аналогично `DsLink`).
      * В `view="default"` не используется.
@@ -33,7 +38,7 @@ type __VLS_Props = {
      * В `view="default"` не используется.
      */
     underline?: DsSelectUnderline;
-};
+}
 declare var __VLS_1: {}, __VLS_3: {
     selectedOptions: DsSelectOption[];
     selectedValues: string[];
@@ -51,7 +56,7 @@ type __VLS_Slots = {} & {
 } & {
     option?: (props: typeof __VLS_26) => 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<DsSelectProps>, {
     options: undefined;
     disabled: boolean;
     ariaLabel: undefined;
@@ -65,11 +70,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
+    clearLabel: string;
     variant: string;
     underline: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DsSelectModelValue) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsSelectProps>, {
     options: undefined;
     disabled: boolean;
     ariaLabel: undefined;
@@ -83,6 +89,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
+    clearLabel: string;
     variant: string;
     underline: string;
 }>>> & Readonly<{
@@ -103,6 +110,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     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/DsSelect/config.d.ts

@@ -1 +1 @@
-export declare const dsSelectConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsSelect">;
+export declare const dsSelectConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsSelect">;

package/dist/types/src/components/DsSelect/dsSelectStyles.d.ts

@@ -8,6 +8,11 @@ export type DsSelectOption = {
     label: string;
 };
 export type DsSelectModelValue = string | string[];
+export declare const defaultBaseClass = "w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+export declare const linkBaseClass = "cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+export declare const selectSizeClassBySize: Record<DsSelectSize, string>;
+export declare const selectLinkSizeClassBySize: Record<DsSelectSize, string>;
+export declare const selectLinkVariantClassByVariant: Record<DsSelectVariant, string>;
 export declare function dsSelectClass(options: {
     view: DsSelectView;
     size: DsSelectSize;
@@ -32,4 +37,3 @@ export declare function dsSelectTriggerClass(options: {
     underline: DsSelectUnderline;
 }): string;
 export declare const dsSelectPanelClasses = "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 dsSelectSafelist: string[];

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

@@ -1,5 +1,5 @@
 export { default } from './DsSelect.vue';
 export { default as DsSelect } from './DsSelect.vue';
 export { dsSelectConfig } from './config';
-export type { DsSelectModelValue, DsSelectOption, DsSelectOptionsView, DsSelectSize, DsSelectUnderline, DsSelectVariant, DsSelectView, } from './DsSelect.vue';
+export type { DsSelectModelValue, DsSelectOption, DsSelectOptionsView, DsSelectProps, DsSelectSize, DsSelectUnderline, DsSelectVariant, DsSelectView, } from './DsSelect.vue';
 export { dsSelectSafelist } from './safelist';

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

@@ -1 +1 @@
-export { dsSelectSafelist } from './dsSelectStyles';
+export declare const dsSelectSafelist: string[];

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

@@ -1,16 +1,29 @@
-type __VLS_Props = {
-    title: string;
+/**
+ * DsSidebar — боковая панель приложения с заголовком и слотом контента.
+ *
+ * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами
+ * и позволяют передать произвольную разметку (иконки, бейджи, действия).
+ */
+export interface DsSidebarProps {
+    title?: string;
     subtitle?: string;
-};
-declare var __VLS_1: {};
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    subtitle?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => 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<DsSidebarProps>, {
+    title: undefined;
     subtitle: 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<DsSidebarProps>, {
+    title: undefined;
     subtitle: undefined;
 }>>> & Readonly<{}>, {
+    title: string;
     subtitle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-export declare const dsSidebarConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsSidebar">;
+export declare const dsSidebarConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsSidebar">;