@central-design-system/components 4.0.0-alpha.1 → 4.0.0-alpha.10

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

@@ -18,7 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     modelValue: {
-        type: import("vue").PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange>>;
+        type: import("vue").PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange> | null>;
         default: null;
     };
     mask: {
@@ -78,10 +78,30 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     emitImmediately: BooleanConstructor;
     hideSiblingMonth: BooleanConstructor;
 }>, {
+    /**
+     * Выбирает сегодняшнюю дату и перематывает календарь на текущий месяц.
+     * @en Selects today's date and scrolls the calendar to the current month.
+     */
     setToday: () => void;
+    /**
+     * Перематывает календарь на указанные год и месяц, не меняя выбранное значение.
+     * @en Scrolls the calendar to the given year and month without changing the selected value.
+     */
     setCalendarTo: (year: number, month: number) => void;
+    /**
+     * Переключает режим отображения календаря: дни, месяцы или годы.
+     * @en Switches the calendar view: days, months or years.
+     */
     setView: (viewMode: TCalendarView) => void;
+    /**
+     * Листает календарь на шаг вперёд или назад по месяцам либо годам.
+     * @en Moves the calendar one step forward or backward by months or by years.
+     */
     offsetCalendar: (type: "month" | "year", descending: number) => void;
+    /**
+     * Задаёт подсвечиваемый диапазон дат в режиме `range` без подтверждения выбора.
+     * @en Sets the highlighted date range in `range` mode without confirming the selection.
+     */
     setEditingRange: (from: IRawDate, to: IRawDate) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | TDatetimeValueRange | (string | TDatetimeValueRange)[] | null, reason: string, details: Partial<IRawDate>) => any;
@@ -108,7 +128,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
     modelValue: {
-        type: import("vue").PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange>>;
+        type: import("vue").PropType<string | TDatetimeValueRange | Array<string | TDatetimeValueRange> | null>;
         default: null;
     };
     mask: {
@@ -189,7 +209,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     range: boolean;
     locale: string | import("../../utils").TDateLocale;
     theme: string;
-    modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
+    modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[] | null;
     todayBtn: boolean;
     defaultYearMonth: string;
     firstDayOfWeek: string | number;

package/dist/types/components/CdsDatePicker/api/CdsDatePicker.props.d.ts

@@ -58,14 +58,14 @@ export declare const defineCdsDatePickerProps: <Defaults extends {
         default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
     };
     modelValue: unknown extends Defaults["modelValue"] ? {
-        type: PropType<string | import("../../../composables/useDatetime").TDatetimeValueRange | Array<string | import("../../../composables/useDatetime").TDatetimeValueRange>>;
+        type: PropType<string | import("../../../composables/useDatetime").TDatetimeValueRange | Array<string | import("../../../composables/useDatetime").TDatetimeValueRange> | null>;
         default: null;
     } : Omit<{
-        type: PropType<string | import("../../../composables/useDatetime").TDatetimeValueRange | Array<string | import("../../../composables/useDatetime").TDatetimeValueRange>>;
+        type: PropType<string | import("../../../composables/useDatetime").TDatetimeValueRange | Array<string | import("../../../composables/useDatetime").TDatetimeValueRange> | null>;
         default: null;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["modelValue"] ? string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] : string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] | Defaults["modelValue"]>;
-        default: unknown extends Defaults["modelValue"] ? string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] : NonNullable<string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[]> | Defaults["modelValue"];
+        type: PropType<unknown extends Defaults["modelValue"] ? string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] | null : string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] | Defaults["modelValue"] | null>;
+        default: unknown extends Defaults["modelValue"] ? string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] | null : NonNullable<string | import("../../../composables/useDatetime").TDatetimeValueRange | (string | import("../../../composables/useDatetime").TDatetimeValueRange)[] | null> | Defaults["modelValue"];
     };
     mask: unknown extends Defaults["mask"] ? {
         type: PropType<string>;

package/dist/types/components/CdsDatePicker/api/CdsDatePicker.types.d.ts

@@ -6,30 +6,51 @@ export type { TCalendarAllowedDates, TCalendarEvents, TCalendarEventsColor, TCal
 export interface CdsDatePickerProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsDatePickerProps>> {
 }
 export interface CdsDatePickerEvents {
-    /** Изменение значения (v-model). Передаёт значение, причину изменения и детали даты. */
+    /**
+     * Изменение значения (v-model). Передаёт значение, причину изменения и детали даты.
+     * @en The value changed (v-model). Passes the value, the reason of the change and the details of the date.
+     */
     (event: 'update:modelValue', value: string | TDatetimeValueRange | Array<string | TDatetimeValueRange> | null, reason: string, details: Partial<IRawDate>): void;
-    /** Переход к другому месяцу или году (срабатывает и при изменении модели извне). */
+    /**
+     * Переход к другому месяцу или году (срабатывает и при изменении модели извне).
+     * @en Navigation to another month or year (also fires when the model is changed from outside).
+     */
     (event: 'navigation', payload: {
         year: number | undefined;
         month: number | undefined;
     }): void;
-    /** Начало выбора диапазона дат. */
+    /**
+     * Начало выбора диапазона дат.
+     * @en Start of a date range selection.
+     */
     (event: 'rangeStart', value: Partial<IRawDate>): void;
-    /** Окончание выбора диапазона дат. */
+    /**
+     * Окончание выбора диапазона дат.
+     * @en End of a date range selection.
+     */
     (event: 'rangeEnd', payload: {
         from: Partial<IRawDate>;
         to: Partial<IRawDate>;
     }): void;
 }
 export interface CdsDatePickerSlots {
-    /** Заголовок календаря. */
+    /**
+     * Заголовок календаря.
+     * @en Title of the calendar.
+     */
     title?: (props: {
         date: string;
     }) => any;
-    /** Описание заголовка. */
+    /**
+     * Описание заголовка.
+     * @en Description of the title.
+     */
     description?: (props: {
         year: string | number | undefined;
     }) => any;
-    /** Дополнительные кнопки под календарём. */
+    /**
+     * Дополнительные кнопки под календарём.
+     * @en Additional buttons under the calendar.
+     */
     default?: () => any;
 }

package/dist/types/components/CdsDatePicker/composables/useCalendar.d.ts

@@ -22,7 +22,7 @@ export interface ICalendarProps {
     hideSiblingMonth?: boolean;
 }
 export declare function useCalendar(props: ICalendarProps, model: Ref<readonly (string | TDatetimeValueRange)[]> & {
-    readonly externalValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
+    readonly externalValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[] | null;
 }, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: () => IRawDate, decodeString: (date: string) => IRawDate, emitValue: (value: any, action: string, date: IRawDate | TDatetimeValueRange) => void, emitImmediately: (reason: string) => void): {
     today: import("vue").ComputedRef<IRawDate>;
     editRange: Ref<{

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

@@ -13,7 +13,7 @@ export declare const CdsDatePicker: {
             default: undefined;
         };
         modelValue: {
-            type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange>>;
+            type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange> | null>;
             default: null;
         };
         mask: {
@@ -111,7 +111,7 @@ export declare const CdsDatePicker: {
         range: boolean;
         locale: string | import("../../utils/index.ts").TDateLocale;
         theme: string;
-        modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[];
+        modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[] | null;
         todayBtn: boolean;
         defaultYearMonth: string;
         firstDayOfWeek: string | number;
@@ -142,7 +142,7 @@ export declare const CdsDatePicker: {
             default: undefined;
         };
         modelValue: {
-            type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange>>;
+            type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange> | null>;
             default: null;
         };
         mask: {
@@ -229,7 +229,7 @@ export declare const CdsDatePicker: {
         range: boolean;
         locale: string | import("../../utils/index.ts").TDateLocale;
         theme: string;
-        modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[];
+        modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[] | null;
         todayBtn: boolean;
         defaultYearMonth: string;
         firstDayOfWeek: string | number;
@@ -257,7 +257,7 @@ export declare const CdsDatePicker: {
         default: undefined;
     };
     modelValue: {
-        type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange>>;
+        type: import("vue").PropType<string | import("../../cds.ts").TDatetimeValueRange | Array<string | import("../../cds.ts").TDatetimeValueRange> | null>;
         default: null;
     };
     mask: {
@@ -355,7 +355,7 @@ export declare const CdsDatePicker: {
     range: boolean;
     locale: string | import("../../utils/index.ts").TDateLocale;
     theme: string;
-    modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[];
+    modelValue: string | import("../../cds.ts").TDatetimeValueRange | (string | import("../../cds.ts").TDatetimeValueRange)[] | null;
     todayBtn: boolean;
     defaultYearMonth: string;
     firstDayOfWeek: string | number;

package/dist/types/components/CdsDefaultsProvider/api/CdsDefaultsProvider.types.d.ts

@@ -4,6 +4,7 @@ export type CdsDefaultsProviderProps = ExtractPublicPropTypes<ReturnType<typeof
 export interface CdsDefaultsProviderSlots {
     /**
      * Слот по-умолчанию
+     * @en Default slot
      */
     default?: () => any;
 }

package/dist/types/components/CdsDescription/api/CdsDescription.types.d.ts

@@ -2,5 +2,9 @@ import type { ExtractPublicPropTypes } from 'vue';
 import type { defineCdsDescriptionProps } from './CdsDescription.props';
 export type CdsDescriptionProps = ExtractPublicPropTypes<ReturnType<typeof defineCdsDescriptionProps>>;
 export interface CdsDescriptionSlots {
+    /**
+     * Текст описания
+     * @en Text of the description
+     */
     default?: () => any;
 }

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

@@ -1,5 +1,9 @@
 import './CdsDivider.scss';
 type __VLS_Slots = {
+    /**
+     * Текст или контент в разрыве разделителя
+     * @en Text or content placed in the gap of the divider
+     */
     default?: () => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -20,27 +20,31 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
     color: StringConstructor;
     bgColor: StringConstructor;
-    width: {
-        type: import("vue").PropType<string | number>;
-        default: undefined;
+    retainFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    captureFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     height: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    maxWidth: {
+    maxHeight: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    maxHeight: {
+    maxWidth: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    minWidth: {
+    minHeight: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    minHeight: {
+    minWidth: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
@@ -56,6 +60,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    scrim: {
+        type: import("vue").PropType<boolean | string>;
+        default: boolean;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disableResizeWatcher: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    touchless: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    image: StringConstructor;
     minified: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -77,6 +102,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
 }>, {
+    /**
+     * Ссылка на корневой DOM-элемент панели.
+     * @en Ref to the root DOM element of the drawer.
+     */
     drawerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     closed: (value: boolean) => any;
@@ -101,27 +130,31 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
     color: StringConstructor;
     bgColor: StringConstructor;
-    width: {
-        type: import("vue").PropType<string | number>;
-        default: undefined;
+    retainFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    captureFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     height: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    maxWidth: {
+    maxHeight: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    maxHeight: {
+    maxWidth: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    minWidth: {
+    minHeight: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
-    minHeight: {
+    minWidth: {
         type: import("vue").PropType<string | number>;
         default: undefined;
     };
@@ -137,6 +170,27 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    scrim: {
+        type: import("vue").PropType<boolean | string>;
+        default: boolean;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disableResizeWatcher: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    touchless: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    image: StringConstructor;
     minified: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -176,7 +230,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tag: string | import("../../core").JSXComponent<any>;
     theme: string;
     modelValue: boolean | null;
+    persistent: boolean;
+    scrim: string | boolean;
+    retainFocus: boolean;
+    captureFocus: boolean;
     permanent: boolean;
+    disableResizeWatcher: boolean;
+    touchless: boolean;
     minified: boolean;
     fixedSlots: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/CdsDrawer/api/CdsDrawer.props.d.ts

@@ -6,15 +6,22 @@ export declare const defineCdsDrawerProps: <Defaults extends {
     theme?: unknown;
     color?: unknown;
     bgColor?: unknown;
-    width?: unknown;
+    retainFocus?: unknown;
+    captureFocus?: unknown;
     height?: unknown;
-    maxWidth?: unknown;
     maxHeight?: unknown;
-    minWidth?: unknown;
+    maxWidth?: unknown;
     minHeight?: unknown;
+    minWidth?: unknown;
     modelValue?: unknown;
     permanent?: unknown;
     temporary?: unknown;
+    scrim?: unknown;
+    persistent?: unknown;
+    disableResizeWatcher?: unknown;
+    touchless?: unknown;
+    width?: unknown;
+    image?: unknown;
     minified?: unknown;
     fixed?: unknown;
     right?: unknown;
@@ -69,15 +76,25 @@ export declare const defineCdsDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
         default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
     };
-    width: unknown extends Defaults["width"] ? {
-        type: PropType<string | number>;
-        default: undefined;
+    retainFocus: unknown extends Defaults["retainFocus"] ? {
+        type: PropType<boolean>;
+        default: boolean;
     } : Omit<{
-        type: PropType<string | number>;
-        default: undefined;
+        type: PropType<boolean>;
+        default: boolean;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
-        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
+        type: PropType<unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"]>;
+        default: unknown extends Defaults["retainFocus"] ? boolean : boolean | Defaults["retainFocus"];
+    };
+    captureFocus: unknown extends Defaults["captureFocus"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["captureFocus"] ? boolean : boolean | Defaults["captureFocus"]>;
+        default: unknown extends Defaults["captureFocus"] ? boolean : boolean | Defaults["captureFocus"];
     };
     height: unknown extends Defaults["height"] ? {
         type: PropType<string | number>;
@@ -89,45 +106,45 @@ export declare const defineCdsDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
         default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
     };
-    maxWidth: unknown extends Defaults["maxWidth"] ? {
+    maxHeight: unknown extends Defaults["maxHeight"] ? {
         type: PropType<string | number>;
         default: undefined;
     } : Omit<{
         type: PropType<string | number>;
         default: undefined;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
-        default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
+        type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
+        default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
     };
-    maxHeight: unknown extends Defaults["maxHeight"] ? {
+    maxWidth: unknown extends Defaults["maxWidth"] ? {
         type: PropType<string | number>;
         default: undefined;
     } : Omit<{
         type: PropType<string | number>;
         default: undefined;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
-        default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
+        type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
+        default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
     };
-    minWidth: unknown extends Defaults["minWidth"] ? {
+    minHeight: unknown extends Defaults["minHeight"] ? {
         type: PropType<string | number>;
         default: undefined;
     } : Omit<{
         type: PropType<string | number>;
         default: undefined;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
-        default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
+        type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
+        default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
     };
-    minHeight: unknown extends Defaults["minHeight"] ? {
+    minWidth: unknown extends Defaults["minWidth"] ? {
         type: PropType<string | number>;
         default: undefined;
     } : Omit<{
         type: PropType<string | number>;
         default: undefined;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
-        default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
+        type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
+        default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
     };
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: PropType<boolean | null>;
@@ -159,6 +176,60 @@ export declare const defineCdsDrawerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["temporary"] ? boolean : boolean | Defaults["temporary"]>;
         default: unknown extends Defaults["temporary"] ? boolean : boolean | Defaults["temporary"];
     };
+    scrim: unknown extends Defaults["scrim"] ? {
+        type: PropType<boolean | string>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean | string>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["scrim"] ? string | boolean : string | boolean | Defaults["scrim"]>;
+        default: unknown extends Defaults["scrim"] ? string | boolean : NonNullable<string | boolean> | Defaults["scrim"];
+    };
+    persistent: unknown extends Defaults["persistent"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"]>;
+        default: unknown extends Defaults["persistent"] ? boolean : boolean | Defaults["persistent"];
+    };
+    disableResizeWatcher: unknown extends Defaults["disableResizeWatcher"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["disableResizeWatcher"] ? boolean : boolean | Defaults["disableResizeWatcher"]>;
+        default: unknown extends Defaults["disableResizeWatcher"] ? boolean : boolean | Defaults["disableResizeWatcher"];
+    };
+    touchless: unknown extends Defaults["touchless"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["touchless"] ? boolean : boolean | Defaults["touchless"]>;
+        default: unknown extends Defaults["touchless"] ? boolean : boolean | Defaults["touchless"];
+    };
+    width: unknown extends Defaults["width"] ? {
+        type: PropType<number | string>;
+        default: number;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
+        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
+    };
+    image: unknown extends Defaults["image"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["image"] ? string : string | Defaults["image"]>;
+        default: unknown extends Defaults["image"] ? string : string | Defaults["image"];
+    };
     minified: unknown extends Defaults["minified"] ? {
         type: PropType<boolean>;
         default: boolean;

package/dist/types/components/CdsDrawer/api/CdsDrawer.types.d.ts

@@ -3,18 +3,43 @@ import type { defineCdsDrawerProps } from './CdsDrawer.props';
 export interface CdsDrawerProps extends ExtractPublicPropTypes<ReturnType<typeof defineCdsDrawerProps>> {
 }
 export interface CdsDrawerSlots {
-    /** Элементы навигации (`CdsList`). */
+    /**
+     * Элементы навигации (`CdsList`).
+     * @en Navigation items (`CdsList`).
+     */
     default?: () => any;
-    /** Контент перед навигацией. */
+    /**
+     * Контент перед навигацией.
+     * @en Content before the navigation.
+     */
     prepend?: () => any;
-    /** Контент после навигации. */
+    /**
+     * Контент после навигации.
+     * @en Content after the navigation.
+     */
     append?: () => any;
+    /**
+     * Свой фон панели вместо `CdsImage` из пропа `image`; растягивается под контентом.
+     * @en Custom drawer background instead of `CdsImage` from the `image` prop; stretches under the content.
+     */
+    image?: (scope: {
+        image: string | undefined;
+    }) => any;
 }
 export interface CdsDrawerEvents {
-    /** Панель открылась. */
+    /**
+     * Панель открылась.
+     * @en The drawer has opened.
+     */
     (e: 'opened', value: boolean): void;
-    /** Панель закрылась. */
+    /**
+     * Панель закрылась.
+     * @en The drawer has closed.
+     */
     (e: 'closed', value: boolean): void;
-    /** Изменение v-model. */
+    /**
+     * Изменение v-model.
+     * @en The v-model value has changed.
+     */
     (e: 'update:modelValue', value: boolean): void;
 }

package/dist/types/components/CdsDrawer/composables/useDrawerTouch.d.ts

@@ -0,0 +1,12 @@
+import { type Ref } from 'vue';
+export declare function useDrawerTouch({ el, isActive, isTemporary, width, touchless, right }: {
+    el: Ref<HTMLElement | undefined>;
+    isActive: Ref<boolean>;
+    isTemporary: Readonly<Ref<boolean>>;
+    width: Readonly<Ref<number>>;
+    touchless: Readonly<Ref<boolean>>;
+    right: Readonly<Ref<boolean>>;
+}): {
+    isDragging: import("vue").ShallowRef<boolean, boolean>;
+    dragProgress: import("vue").ShallowRef<number, number>;
+};