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

package/dist/components/index.d.ts

@@ -1,18 +1,35 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 2/17/2023, 8:45:21 PM
+ * Generated on 4/24/2023, 2:59:08 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsButton } from './CdsButton/CdsButton.vue';
+export { default as CdsCheckbox } from './CdsCheckbox/CdsCheckbox.vue';
+export { default as CdsCheckboxGroup } from './CdsCheckbox/CdsCheckboxGroup.vue';
 export { default as CdsDrawer } from './CdsDrawer/CdsDrawer.vue';
+export { default as CdsForm } from './CdsForm/CdsForm.vue';
 export { default as CdsCol } from './CdsGrid/CdsCol.vue';
 export { default as CdsGrid } from './CdsGrid/CdsGrid.vue';
 export { default as CdsRow } from './CdsGrid/CdsRow.vue';
 export { default as CdsIcon } from './CdsIcon/CdsIcon.vue';
+export { default as CdsInput } from './CdsInput/CdsInput.vue';
+export { default as CdsInputCounter } from './CdsInput/CdsInputCounter.vue';
+export { default as CdsInputDescription } from './CdsInput/CdsInputDescription.vue';
+export { default as CdsInputLabel } from './CdsInput/CdsInputLabel.vue';
+export { default as CdsInputMessages } from './CdsInput/CdsInputMessages.vue';
 export { default as CdsLink } from './CdsLink/CdsLink.vue';
 export { default as CdsList } from './CdsList/CdsList.vue';
 export { default as CdsListGroup } from './CdsList/CdsListGroup.vue';
 export { default as CdsListItem } from './CdsList/CdsListItem.vue';
 export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
+export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
+export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
+export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
+export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton.vue';
+export { default as CdsSelect } from './CdsSelect/CdsSelect.vue';
+export { default as CdsSidebar } from './CdsSidebar/CdsSidebar.vue';
+export { default as CdsStages } from './CdsStages/CdsStages.vue';
 export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
 export { default as CdsTag } from './CdsTag/CdsTag.vue';
+export { default as CdsTextArea } from './CdsTextArea/CdsTextArea.vue';
+export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';

package/dist/composable/delay.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+export interface IDelayProps {
+    closeDelay: number | string;
+    openDelay: number | string;
+}
+export interface IUseDelay {
+    runCloseDelay: () => void;
+    runOpenDelay: () => void;
+}
+export declare const makeDelayProps: <Defaults extends {
+    closeDelay?: unknown;
+    openDelay?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Задержка в миллисекундах перед закрытием оверлея. Только для события hover и focus.
+     */
+    closeDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+    /**
+     * Задержка в миллисекундах перед открытием оверлея. Только для события hover и focus.
+     */
+    openDelay: {
+        type: PropType<string | number>;
+        default: null;
+    };
+}, Defaults>;
+export declare function useDelay(props: IDelayProps, cb?: (value: boolean) => void): IUseDelay;

package/dist/composable/dimensions.d.ts

@@ -0,0 +1,47 @@
+import { ComputedRef } from 'vue';
+import type { PropType } from 'vue';
+export interface IDimensionsProps {
+    height: number | string;
+    maxHeight: number | string;
+    maxWidth: number | string;
+    minHeight: number | string;
+    minWidth: number | string;
+    width: number | string;
+}
+export interface IUseDimensions {
+    dimensionsStyles: ComputedRef<Record<string, any>>;
+}
+export declare const makeDimensionProps: <Defaults extends {
+    height?: unknown;
+    maxHeight?: unknown;
+    maxWidth?: unknown;
+    minHeight?: unknown;
+    minWidth?: unknown;
+    width?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useDimensions(props: IDimensionsProps): IUseDimensions;

package/dist/composable/direction.d.ts

@@ -0,0 +1,24 @@
+import type { ComputedRef, PropType } from 'vue';
+import type { MaybeRef } from '../utils';
+export declare type TDirection = typeof allowedDirection[number];
+export interface IDirectionProps {
+    direction: TDirection;
+}
+export interface IUseDirection {
+    directionClasses: ComputedRef<string>;
+}
+export declare const allowedDirection: readonly ["horizontal", "vertical"];
+export declare const makeDirectionProps: <Defaults extends {
+    direction?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Расположение горизонтальное или вертикальное
+     */
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: TDirection) => boolean;
+    };
+}, Defaults>;
+export declare function useDirection(props: MaybeRef<IDirectionProps>, name: string): IUseDirection;

package/dist/composable/field.d.ts

@@ -0,0 +1,138 @@
+import type { ComputedRef, PropType } from 'vue';
+import type { EventProp } from '../utils';
+import type { TCdsIconsName } from '@central-design-system/icons';
+export declare type TFieldTypes = typeof allowedFieldType[number];
+export interface IFieldProps {
+    active: boolean;
+    autofocus: boolean;
+    prefix: string | undefined;
+    suffix: string | undefined;
+    prependInnerIcon: TCdsIconsName | undefined;
+    appendInnerIcon: TCdsIconsName | undefined;
+    type: TFieldTypes | undefined;
+    placeholder: string | undefined;
+    counter: boolean;
+    clearable: boolean;
+    'onClick:appendInner': EventProp | undefined;
+    'onClick:prependInner': EventProp | undefined;
+}
+export interface IUseField {
+    hasPrependInnerIcon: ComputedRef<boolean>;
+    hasAppendInnerIcon: ComputedRef<boolean>;
+    fieldClasses: ComputedRef<Record<string, boolean>>;
+    fieldProps: string[];
+    handleClickPrependInner: (event: MouseEvent) => void;
+    handleClickAppendInner: (event: MouseEvent) => void;
+}
+export declare const allowedFieldType: readonly ["text", "password", "email", "number", "tel", "url"];
+export declare const makeFieldProps: <Defaults extends {
+    active?: unknown;
+    autofocus?: unknown;
+    prefix?: unknown;
+    suffix?: unknown;
+    prependInnerIcon?: unknown;
+    appendInnerIcon?: unknown;
+    type?: unknown;
+    placeholder?: unknown;
+    counter?: unknown;
+    limit?: unknown;
+    clearable?: unknown;
+    'onClick:prependInner'?: unknown;
+    'onClick:appendInner'?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Активный элемент
+     */
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Автофокус
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Добавить строку внутрь поля перед значением
+     */
+    prefix: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Добавить строку внутрь поля после значения
+     */
+    suffix: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Иконка внутри элемента перед значением поля
+     */
+    prependInnerIcon: {
+        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" | "save" | "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">;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Иконка внутри элемента после значения поля
+     */
+    appendInnerIcon: {
+        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" | "save" | "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">;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Тип поля
+     */
+    type: {
+        type: PropType<"number" | "password" | "text" | "email" | "tel" | "url">;
+        default: string;
+        validator: (value: TFieldTypes) => boolean;
+    };
+    /**
+     * Плейсхолдер поля
+     */
+    placeholder: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Счетчик введенных символов
+     */
+    counter: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Ограничение ввода по количеству символов
+     */
+    limit: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Очищаемое поле
+     */
+    clearable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Событие клика по иконке внутри элемента перед значением поля
+     */
+    'onClick:prependInner': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+    /**
+     * Событие клика по иконке внутри элемента после значения поля
+     */
+    'onClick:appendInner': {
+        type: PropType<(...args: any[]) => any>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useField(props: IFieldProps, slots: Record<string, unknown>, name: string): IUseField;

package/dist/composable/focus.d.ts

@@ -1,12 +1,22 @@
-import type { Ref } from 'vue';
-export declare type TFocusLocation = 'next' | 'previous' | 'first' | 'last';
+import type { ComputedRef, PropType, Ref } from 'vue';
+export interface IFocusProps {
+    focused: boolean;
+}
 export interface IUseFocus {
-    contentRef: Ref<HTMLElement | null>;
     isFocused: Ref<boolean>;
-    onFocusin: (event: FocusEvent) => void;
-    onFocusout: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onKeydown: (event: KeyboardEvent) => void;
-    focus: (location?: TFocusLocation) => void;
+    focusClasses: ComputedRef<Record<string, boolean>>;
+    focus: () => void;
+    blur: () => void;
 }
-export declare function useFocus(): IUseFocus;
+export declare const makeFocusProps: <Defaults extends {
+    focused?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Элемент в фокусе
+     */
+    focused: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useFocus(props: IFocusProps, name: string): IUseFocus;

package/dist/composable/form.d.ts

@@ -0,0 +1,126 @@
+import { InjectionKey } from 'vue';
+import type { Ref, ComputedRef, PropType } from 'vue';
+import type { IValidationProps } from './validation';
+export interface IFormProvide {
+    register: (item: {
+        id: number | string;
+        validate: () => Promise<string[]>;
+        reset: () => void;
+        resetValidation: () => void;
+    }) => void;
+    unregister: (id: number | string) => void;
+    update: (id: number | string, isValid: boolean | null, errorMessages: string[]) => void;
+    items: Ref<IFormField[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isValidating: Ref<boolean>;
+    validateOn: Ref<IFormProps['validateOn']>;
+}
+export interface IFormProps {
+    disabled: boolean;
+    readonly: boolean;
+    firstFail: boolean;
+    modelValue: boolean | null;
+    validateOn?: IValidationProps['validateOn'];
+}
+interface IFormField {
+    id: number | string;
+    validate: () => Promise<string[]>;
+    reset: () => void;
+    resetValidation: () => void;
+    isValid: boolean | null;
+    errorMessages: string[];
+}
+interface IFieldValidationResult {
+    id: number | string;
+    errorMessages: string[];
+}
+interface IFormValidationResult {
+    valid: boolean;
+    errors: IFieldValidationResult[];
+}
+export interface SubmitEventPromise extends SubmitEvent, Promise<IFormValidationResult> {
+}
+export declare const makeFormProps: <Defaults extends {
+    label?: unknown;
+    description?: unknown;
+    disabled?: unknown;
+    readonly?: unknown;
+    firstFail?: unknown;
+    modelValue?: unknown;
+    validateOn?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заголовок формы
+     */
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Описание формы
+     */
+    description: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Заблокировать форму
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Сделать форму только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Остановить валидацию при первой ошибке
+     */
+    firstFail: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение модели
+     */
+    modelValue: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+    /**
+     * Событие для валидации
+     */
+    validateOn: {
+        type: PropType<"input" | "blur" | "submit" | undefined>;
+        default: string;
+    };
+}, Defaults>;
+export declare const FormKey: InjectionKey<IFormProvide>;
+export declare function createForm(props: IFormProps): {
+    errors: Ref<{
+        id: string | number;
+        errorMessages: string[];
+    }[]>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isValidating: Ref<boolean>;
+    model: Ref<boolean | null> & {
+        readonly externalValue: boolean | null;
+    };
+    validate: () => Promise<{
+        valid: boolean;
+        errors: {
+            id: string | number;
+            errorMessages: string[];
+        }[];
+    }>;
+    reset: () => void;
+    resetValidation: () => void;
+};
+export declare function useForm(): IFormProvide | null;
+export {};

package/dist/composable/hidration.d.ts

@@ -0,0 +1 @@
+export declare function useHydration(): import("vue").Ref<boolean>;

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

@@ -15,3 +15,15 @@ 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';

package/dist/composable/input.d.ts

@@ -0,0 +1,97 @@
+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;
+}
+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(props: Record<string, unknown>, exclude: string[]): {
+    inputProps: Ref<{}>;
+    excludedProps: Ref<{}>;
+};
+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;