@central-design-system/components 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/composable/icon.d.ts

@@ -1,12 +1,18 @@
-import type { PropType, ComputedRef, SetupContext } from 'vue';
+import { EventProp } from '../utils';
+import type { PropType, ComputedRef } from 'vue';
 import type { TCdsIconsName } from '@central-design-system/icons';
 export interface IIconProps {
     prependIcon: TCdsIconsName | undefined;
     appendIcon: TCdsIconsName | undefined;
+    'onClick:prepend'?: EventProp | undefined;
+    'onClick:append'?: EventProp | undefined;
 }
 export interface IUseIcon {
     hasPrepend: ComputedRef<boolean>;
     hasAppend: ComputedRef<boolean>;
+    iconClasses: ComputedRef<Record<string, boolean>>;
+    handleClickPrepend: (event: MouseEvent) => void;
+    handleClickAppend: (event: MouseEvent) => void;
 }
 export declare const makeIconProps: <Defaults extends {
     prependIcon?: unknown;
@@ -16,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в начале элемента
      */
     prependIcon: {
-        type: PropType<"add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "filters" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "link" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "search" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
@@ -24,9 +30,28 @@ export declare const makeIconProps: <Defaults extends {
      * Иконка в конце элемента
      */
     appendIcon: {
-        type: PropType<"add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "filters" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "link" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "search" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
+        type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
         default: undefined;
         validator: (value: TCdsIconsName) => boolean;
     };
 }, Defaults>;
-export declare function useIcon(props: IIconProps, context: SetupContext<any>): IUseIcon;
+export declare const makeIconEvents: <Defaults extends {
+    'onClick:prepend'?: unknown;
+    'onClick:append'?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Событие клика по иконке перед значением поля
+     */
+    'onClick:prepend': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+    /**
+     * Событие клика по иконке после значения поля
+     */
+    'onClick:append': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useIcon(props: IIconProps, slots: Record<string, unknown>, name: string): IUseIcon;

package/dist/composable/index.d.ts

@@ -1,4 +1,5 @@
 export * from './text';
+export * from './title';
 export * from './link';
 export * from './icon';
 export * from './loading';
@@ -15,3 +16,20 @@ export * from './proxyModel';
 export * from './toggleScope';
 export * from './nested/nested';
 export * from './render';
+export * from './input';
+export * from './form';
+export * from './validation';
+export * from './direction';
+export * from './field';
+export * from './transition';
+export * from './overlay';
+export * from './lazy';
+export * from './delay';
+export * from './dimensions';
+export * from './hidration';
+export * from './scopeId';
+export * from './router';
+export * from './select';
+export * from './filter';
+export * from './menu';
+export * from './datetime';

package/dist/composable/input.d.ts

@@ -0,0 +1,99 @@
+import type { ComputedRef, PropType, Ref } from 'vue';
+export interface IInputSlot {
+    id: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPure: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => Promise<string[]>;
+}
+export interface IInputProps {
+    id: string | undefined;
+    label: string | undefined;
+    description: string | undefined;
+    value: any;
+    messages: string[] | string;
+    persistentMessages: boolean;
+}
+export interface IUseInput {
+    id: ComputedRef<string>;
+    hasLabel: ComputedRef<boolean>;
+    hasDescription: ComputedRef<boolean>;
+}
+export declare const makeInputProps: <Defaults extends {
+    id?: unknown;
+    label?: unknown;
+    description?: unknown;
+    value?: unknown;
+    messages?: unknown;
+    persistentMessages?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Идентификатор
+     */
+    id: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Лейбл
+     */
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Описание
+     */
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Значение
+     */
+    value: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Сообщения подсказки
+     */
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    /**
+     * Всегда показывать сообщения и подсказки
+     */
+    persistentMessages: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useInput(props: IInputProps, slots: Record<string, unknown>, name?: string): IUseInput;
+export declare function useFilteredInputProps<T extends Record<string, unknown>>(props: T, exclude: string[]): {
+    inputProps: [Partial<T>] extends [Ref<any>] ? Ref<any> & Partial<T> : Ref<import("vue").UnwrapRef<Partial<T>>>;
+    excludedProps: [Partial<T>] extends [Ref<any>] ? Ref<any> & Partial<T> : Ref<import("vue").UnwrapRef<Partial<T>>>;
+};
+export declare function useFilteredInputAttrs(attrs: Record<string, unknown>): {
+    rootAttrs: Ref<{}>;
+    inputAttrs: Ref<{}>;
+};
+/**
+ * Filter attributes that should be applied to
+ * the root element of a an input component. Remaining
+ * attributes should be passed to the <input> element inside.
+ */
+export declare function filterInputAttrs(attrs: Record<string, unknown>): [yes: Partial<Pick<Record<string, unknown>, any>>, no: Omit<Record<string, unknown>, any>];
+/**
+ * Filter props for input controls
+ * @param props
+ * @param exclude
+ */
+export declare function filterInputProps(props: Record<string, unknown>, exclude: string[]): (Partial<Pick<Record<string, unknown>, string>> | Omit<Record<string, unknown>, string>)[];
+export declare const excludeControls: RegExp;

package/dist/composable/items.d.ts

@@ -1,5 +1,5 @@
-import { SelectItemKey } from '../utils';
 import type { PropType, ComputedRef } from 'vue';
+export declare type TItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
 export interface IInternalItem<T = any> {
     title: string;
     value: any;
@@ -13,14 +13,17 @@ export interface IInternalItem<T = any> {
 }
 export interface IItemsProps {
     items: any[];
-    itemTitle: SelectItemKey;
-    itemValue: SelectItemKey;
-    itemChildren: SelectItemKey;
-    itemProps: SelectItemKey;
+    itemTitle: TItemKey;
+    itemValue: TItemKey;
+    itemChildren: TItemKey;
+    itemProps: TItemKey;
     returnObject: boolean;
 }
 export interface IUseItems {
     items: ComputedRef<IInternalItem[]>;
+    itemsProps: string[];
+    transformIn: (value: any[]) => IInternalItem[];
+    transformOut: (value: any[]) => any[];
 }
 export declare const makeItemsProps: <Defaults extends {
     items?: unknown;
@@ -41,28 +44,28 @@ export declare const makeItemsProps: <Defaults extends {
      * Ключ для заголовка элемента
      */
     itemTitle: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для значения элемента
      */
     itemValue: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для дочерних элементов
      */
     itemChildren: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**
      * Ключ для дополнительных свойств элемента
      */
     itemProps: {
-        type: PropType<SelectItemKey>;
+        type: PropType<TItemKey>;
         default: string;
     };
     /**

package/dist/composable/lazy.d.ts

@@ -0,0 +1,21 @@
+import type { Ref, ComputedRef, PropType } from 'vue';
+export interface ILazyProps {
+    eager: boolean;
+}
+export interface IUseLazy {
+    isBooted: Ref<boolean>;
+    hasContent: ComputedRef<boolean>;
+    onAfterLeave: () => void;
+}
+export declare const makeLazyProps: <Defaults extends {
+    eager?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Принудительно рендерит контент компонента в DOM, даже если компонент скрыт. Полезно для SEO оптимизации.
+     */
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useLazy(props: ILazyProps, active: Ref<boolean>): IUseLazy;

package/dist/composable/link.d.ts

@@ -1,4 +1,3 @@
-import { SetupContext } from 'vue';
 import type { ComputedRef, PropType } from 'vue';
 import type { RouteLocationRaw, useLink as TUseLink } from 'vue-router';
 export interface ILinkProps {
@@ -33,4 +32,4 @@ export declare const makeLinkProps: <Defaults extends {
         default: undefined;
     };
 }, Defaults>;
-export declare function useLink(props: ILinkProps, context: SetupContext<any>): IUseLink;
+export declare function useLink(props: ILinkProps, emit: Function): IUseLink;

package/dist/composable/loading.d.ts

@@ -4,6 +4,7 @@ export interface ILoadingProp {
 }
 export interface IUseLoading {
     loadingClasses: ComputedRef<string | undefined>;
+    hasLoading: ComputedRef<boolean>;
 }
 export declare const makeLoadingProps: <Defaults extends {
     loading?: unknown;

package/dist/composable/menu.d.ts

@@ -0,0 +1,37 @@
+import type { Ref, PropType, WritableComputedRef } from 'vue';
+import type { IDisabledProps } from './disabled';
+export interface IMenuProps extends IDisabledProps {
+    menu: boolean | undefined;
+}
+export interface IUseMenu<MenuRef> {
+    internalMenu: WritableComputedRef<boolean | undefined>;
+    menuRef: Ref<MenuRef | undefined>;
+}
+export declare const makeMenuProps: <Defaults extends {
+    menu?: unknown;
+    menuProps?: unknown;
+    menuHeight?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Состояние выпадающего меню (открыто/закрыто)
+     */
+    menu: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Свойства для компонент CdsMenu
+     */
+    menuProps: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Максимальная высота выпадающего меню (10rem по умолчанию)
+     */
+    menuHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, Defaults>;
+export declare function useMenu<MenuRef>(props: IMenuProps): IUseMenu<MenuRef>;

package/dist/composable/nested/nested.d.ts

@@ -26,7 +26,7 @@ export interface INestedProps {
     'onUpdate:selected'?: ((val: unknown[]) => void) | undefined;
     'onUpdate:opened'?: ((val: unknown[]) => void) | undefined;
 }
-export declare const VNestedSymbol: InjectionKey<TNestedProvide>;
+export declare const NestedKey: InjectionKey<TNestedProvide>;
 export declare const emptyNested: TNestedProvide;
 export declare const makeNestedProps: <Defaults extends {
     selectStrategy?: unknown;
@@ -56,7 +56,7 @@ export declare const makeNestedProps: <Defaults extends {
      */
     required: BooleanConstructor;
 }, Defaults>;
-export declare const useNested: (props: INestedProps, ctx: SetupContext<any>) => TNestedProvide['root'];
+export declare const useNested: (props: INestedProps, ctx: SetupContext<any[]>) => TNestedProvide['root'];
 export declare const useNestedItem: (id: Ref<unknown>, isGroup: boolean) => {
     id: import("vue").ComputedRef<{}>;
     open: (open: boolean, event: Event) => void;

package/dist/composable/overlay.d.ts

@@ -0,0 +1,98 @@
+import { PropType } from 'vue';
+export interface IOverlayProps {
+    attach: boolean | string | Element | undefined;
+    contained: boolean | undefined;
+    disabled: boolean | undefined;
+    persistent: boolean | undefined;
+    scrim: boolean | string | undefined;
+    modelValue: boolean | undefined;
+    zIndex: number | string | undefined;
+    contentClasses: string | string[] | Record<string, boolean> | undefined;
+    contentProps: Record<string, unknown> | undefined;
+}
+export declare const makeOverlayProps: <Defaults extends {
+    attach?: unknown;
+    contained?: unknown;
+    disabled?: unknown;
+    persistent?: unknown;
+    scrim?: unknown;
+    modelValue?: unknown;
+    closeOnBack?: unknown;
+    zIndex?: unknown;
+    contentClasses?: unknown;
+    contentProps?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Указывает, к какому DOM элементу будет прикреплен компонент.
+     * По умолчанию прикрепляется к body.
+     * Если передана строка, то ищет элемент по querySelector.
+     * Если передан объект, то считает его допустимым Node элементом.
+     */
+    attach: {
+        type: PropType<string | boolean | Element>;
+        default: boolean;
+    };
+    /**
+     * Указывает, что компонент будет прикреплен к родительскому элементу. Подразумевает absolute и attach
+     */
+    contained: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Блокирует возможность клика или фокуса всплывающего компонента
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Клик за пределами компонента или esc не будет закрывать его
+     */
+    persistent: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Фон для компонента. Строкой можно передать цвет фона.
+     */
+    scrim: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение v-model. Управляет видимостью компонента.
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Закрывать ли компонент при навигации назад
+     */
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение z-index для оверлея
+     */
+    zIndex: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Классы для контента компонента
+     */
+    contentClasses: {
+        type: PropType<string | string[] | Record<string, boolean>>;
+        default: null;
+    };
+    /**
+     * Свойства для контента компонента
+     */
+    contentProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+}, Defaults>;

package/dist/composable/router.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationGuardNext, Router } from 'vue-router';
+export declare function useRouter(): Router | undefined;
+export declare function useBackButton(router: Router | undefined, cb: (next: NavigationGuardNext) => void): void;

package/dist/composable/scopeId.d.ts

@@ -0,0 +1,5 @@
+export declare function useScopeId(): {
+    scopeId: {
+        [x: string]: string;
+    };
+};

package/dist/composable/select.d.ts

@@ -0,0 +1,86 @@
+import { MaybePick } from '../utils';
+import type { PropType, ComputedRef, Ref } from 'vue';
+import type { IInternalItem, IUseItems } from './items';
+export interface ISelectProps {
+    multiple: boolean;
+    openOnClear: boolean;
+    hideSelected: boolean;
+    noDataText: string;
+    hideNoData: boolean;
+    isSelectAll: boolean;
+    selectAllText: string;
+    modelValue: any;
+}
+export declare const makeSelectProps: <Defaults extends {
+    multiple?: unknown;
+    openOnClear?: unknown;
+    hideSelected?: unknown;
+    noDataText?: unknown;
+    hideNoData?: unknown;
+    isSelectAll?: unknown;
+    selectAllText?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Множественный выбор элементов
+     */
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Открывать при очистке поля ввода
+     */
+    openOnClear: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Скрывать выбранные элементы из списка
+     */
+    hideSelected: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст, который будет отображаться, если нет данных
+     */
+    noDataText: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Скрывать отображаемый текст, если нет данных
+     */
+    hideNoData: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Добавляет возможность выбора всех элементов. Только для мультивыбора (multiple)
+     */
+    isSelectAll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для выбора всех элементов
+     */
+    selectAllText: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useSelect(props: ISelectProps, items: ComputedRef<IInternalItem[]> | Ref<IInternalItem[]>, transformIn: IUseItems['transformIn'], transformOut: IUseItems['transformOut']): {
+    model: Ref<readonly IInternalItem<any>[]> & {
+        readonly externalValue: any;
+    };
+    selections: ComputedRef<IInternalItem<any>[]>;
+    selected: ComputedRef<any[]>;
+    selectedAll: ComputedRef<boolean>;
+    selectedIndeterminate: ComputedRef<boolean>;
+    selectStrategy: ComputedRef<"independent" | "single-independent">;
+    displayItems: ComputedRef<IInternalItem<any>[]>;
+};
+export declare function useFilteredSelectProps<Props extends Record<string, unknown>>(props: Props, filteredProps: Partial<Props>, excludes: Extract<keyof MaybePick<Props, Extract<keyof Props, string>>, string>[]): {
+    inputProps: [Partial<Props>] extends [Ref<any>] ? Ref<any> & Partial<Props> : Ref<import("vue").UnwrapRef<Partial<Props>>>;
+};

package/dist/composable/title.d.ts

@@ -0,0 +1,21 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface ITitleProps {
+    title: string;
+}
+export interface IUseTitle {
+}
+export interface IUseTitle {
+    hasTitle: ComputedRef<boolean>;
+}
+export declare const makeTitleProps: <Defaults extends {
+    title?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заголовок
+     */
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useTitle(props: ITitleProps, slots: Record<string, unknown>): IUseTitle;

package/dist/composable/transition.d.ts

@@ -0,0 +1,22 @@
+import type { Component, FunctionalComponent, PropType, TransitionProps } from 'vue';
+interface ITransitionProps extends TransitionProps {
+    transition: string | boolean | (TransitionProps & {
+        component?: Component;
+    });
+}
+export declare const makeTransitionProps: <Defaults extends {
+    transition?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Анимация компонента
+     */
+    transition: {
+        type: PropType<string | boolean | (TransitionProps & {
+            component?: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (value: unknown) => boolean;
+    };
+}, Defaults>;
+export declare const CdsTransition: FunctionalComponent<ITransitionProps>;
+export {};