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

package/dist/components/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Automatically generated by CDS CLI
+ * 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/appearance.d.ts

@@ -0,0 +1,24 @@
+import type { ComputedRef, PropType } from 'vue';
+import type { MaybeRef } from '../utils';
+export declare type TAppearance = typeof allowedAppearance[number];
+export interface IAppearanceProps {
+    appearance: TAppearance;
+}
+export interface IUseAppearance {
+    appearanceClasses: ComputedRef<string>;
+}
+export declare const allowedAppearance: readonly ["primary", "secondary", "transparent"];
+export declare const makeAppearanceProps: <Defaults extends {
+    appearance?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Внешний вид
+     */
+    appearance: {
+        type: PropType<"primary" | "secondary" | "transparent">;
+        default: string;
+        available: readonly ["primary", "secondary", "transparent"];
+        validator: (value: TAppearance) => boolean;
+    };
+}, Defaults>;
+export declare function useAppearance(props: MaybeRef<IAppearanceProps>, name: string): IUseAppearance;

package/dist/composable/color.d.ts

@@ -0,0 +1,21 @@
+import { ComputedRef, PropType } from 'vue';
+export declare type TColor = typeof allowedColor[number];
+export declare type IColorProps = {
+    color: TColor | undefined;
+};
+export interface IUseColor {
+    colorClasses: ComputedRef<string | undefined>;
+}
+export declare const allowedColor: readonly ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"];
+export declare const makeColorProps: <Defaults extends {
+    color?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    color: {
+        type: PropType<"yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink">;
+        available: readonly ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"];
+        default: undefined;
+        description: string;
+        validator: (value: TColor) => boolean;
+    };
+}, Defaults>;
+export declare function useColor(props: IColorProps, name: string): IUseColor;

package/dist/composable/dark.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IDarkProps {
+    dark: boolean;
+}
+export interface IUseDark {
+    darkClasses: ComputedRef<string | undefined>;
+}
+export declare const makeDarkProps: <Defaults extends {
+    dark?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Темная тема
+     */
+    dark: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useDark(props: IDarkProps, name: string): IUseDark;

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/disabled.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IDisabledProps {
+    disabled: boolean;
+}
+export interface IUseDisabled {
+    disabledClasses: ComputedRef<string | undefined>;
+}
+export declare const makeDisabledProps: <Defaults extends {
+    disabled?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заблокированное состояние
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useDisabled(props: IDisabledProps): IUseDisabled;

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

@@ -0,0 +1,22 @@
+import type { ComputedRef, PropType, Ref } from 'vue';
+export interface IFocusProps {
+    focused: boolean;
+}
+export interface IUseFocus {
+    isFocused: Ref<boolean>;
+    focusClasses: ComputedRef<Record<string, boolean>>;
+    focus: () => void;
+    blur: () => void;
+}
+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

@@ -0,0 +1,57 @@
+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;
+    appendIcon?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Иконка в начале элемента
+     */
+    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" | "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;
+    };
+    /**
+     * Иконка в конце элемента
+     */
+    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" | "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 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

@@ -0,0 +1,29 @@
+export * from './text';
+export * from './link';
+export * from './icon';
+export * from './loading';
+export * from './appearance';
+export * from './size';
+export * from './disabled';
+export * from './dark';
+export * from './color';
+export * from './status';
+export * from './tag';
+export * from './items';
+export * from './focus';
+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';