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

package/dist/components/CdsList/CdsListItem.vue.d.ts

@@ -0,0 +1,172 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsListItem";
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    href: {
+        type: PropType<string>;
+        /**
+         * Активное состояние
+         */
+        default: undefined;
+    };
+    to: {
+        type: PropType<import("vue-router").RouteLocationRaw>;
+        default: undefined;
+    };
+    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">;
+        default: undefined;
+        validator: (value: "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") => 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" | "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: "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") => boolean;
+    };
+    /**
+     * Заголовок элемента списка
+     */
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Описание элемента списка
+     */
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Значение элемента списка
+     */
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Активное состояние
+     */
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Принудительно сделать элемент списка кликабельным
+     */
+    isClickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {
+    tag: import("vue").ComputedRef<string>;
+    href: import("vue").ComputedRef<string | undefined>;
+    to: import("vue").ComputedRef<import("vue-router").RouteLocationRaw | undefined>;
+    slotProps: import("vue").ComputedRef<{
+        isActive: boolean;
+        select: (selected: boolean, event?: Event | undefined) => void;
+        isSelected: boolean;
+        isIndeterminate: boolean;
+    }>;
+    hasTitle: import("vue").ComputedRef<boolean>;
+    hasDescription: import("vue").ComputedRef<boolean>;
+    hasPrepend: import("vue").ComputedRef<boolean>;
+    hasAppend: import("vue").ComputedRef<boolean>;
+    classes: import("vue").ComputedRef<{
+        'cds-list-item--active': boolean;
+        'cds-list-item--clickable': boolean;
+    }>;
+    disabledClasses: import("vue").ComputedRef<string | undefined>;
+    tabindex: number | undefined;
+    onClick: (event: MouseEvent) => void;
+    onKeyDown: false | ((event: KeyboardEvent) => void);
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    href: {
+        type: PropType<string>;
+        /**
+         * Активное состояние
+         */
+        default: undefined;
+    };
+    to: {
+        type: PropType<import("vue-router").RouteLocationRaw>;
+        default: undefined;
+    };
+    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">;
+        default: undefined;
+        validator: (value: "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") => 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" | "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: "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") => boolean;
+    };
+    /**
+     * Заголовок элемента списка
+     */
+    title: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Описание элемента списка
+     */
+    description: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Значение элемента списка
+     */
+    value: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Активное состояние
+     */
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Принудительно сделать элемент списка кликабельным
+     */
+    isClickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    description: string;
+    prependIcon: "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";
+    appendIcon: "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";
+    disabled: boolean;
+    href: string;
+    to: import("vue-router").RouteLocationRaw;
+    tag: string;
+    title: string;
+    value: string | number;
+    active: boolean;
+    isClickable: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsList/composable/depth.d.ts

@@ -0,0 +1,3 @@
+import type { InjectionKey, Ref } from 'vue';
+export declare const DepthKey: InjectionKey<Ref<number>>;
+export declare function useDepth(hasPrepend?: Ref<boolean>): import("vue").ComputedRef<number>;

package/dist/components/CdsList/composable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './list';
+export * from './depth';

package/dist/components/CdsList/composable/list.d.ts

@@ -0,0 +1,19 @@
+import { SetupContext } from 'vue';
+import type { InjectionKey, Ref } from 'vue';
+import type { IInternalItem } from '../../../composable';
+export declare const ListKey: InjectionKey<{
+    hasPrepend: Ref<boolean>;
+    updateHasPrepend: (value: boolean) => void;
+}>;
+export declare function createList(): {
+    hasPrepend: Ref<boolean>;
+    updateHasPrepend: (value: boolean) => void;
+};
+export declare function createChildren(props: {
+    tag: string;
+    items: IInternalItem[];
+}, context: SetupContext<any>): any;
+export declare function useList(): {
+    hasPrepend: Ref<boolean>;
+    updateHasPrepend: (value: boolean) => void;
+} | null;

package/dist/components/CdsList/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CdsList } from './CdsList.vue';
+export { default as CdsListItem } from './CdsListItem.vue';
+export { default as CdsListGroup } from './CdsListGroup.vue';

package/dist/components/CdsLoader/CdsLoader.vue.d.ts

@@ -0,0 +1,62 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsLoader";
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    fixed: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+    overlay: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+    description: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+}, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    loaderClasses: import("vue").ComputedRef<{
+        'cds-loader__overlay': boolean;
+        'cds-loader__fixed': boolean;
+    }>;
+    sizeClasses: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    fixed: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+    overlay: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+    description: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+}>>, {
+    description: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    fixed: boolean;
+    overlay: boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsLoader/index.d.ts

@@ -0,0 +1 @@
+export { default as CdsLoader } from './CdsLoader.vue';

package/dist/components/CdsStatus/CdsStatus.vue.d.ts

@@ -0,0 +1,46 @@
+export declare const componentName = "CdsStatus";
+declare const _sfc_main: import("vue").DefineComponent<{
+    status: {
+        type: import("vue").PropType<"error" | "info" | "success" | "warning" | "progress">;
+        default: string;
+        available: readonly ["info", "success", "warning", "error", "progress"];
+        description: string;
+        validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
+    };
+    appearance: {
+        type: import("vue").PropType<"primary" | "secondary" | "transparent">;
+        default: string;
+        available: readonly ["primary", "secondary", "transparent"];
+        validator: (value: "primary" | "secondary" | "transparent") => boolean;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}, {
+    appearanceClasses: import("vue").ComputedRef<string>;
+    statusClasses: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: import("vue").PropType<"error" | "info" | "success" | "warning" | "progress">;
+        default: string;
+        available: readonly ["info", "success", "warning", "error", "progress"];
+        description: string;
+        validator: (value: "error" | "info" | "success" | "warning" | "progress") => boolean;
+    };
+    appearance: {
+        type: import("vue").PropType<"primary" | "secondary" | "transparent">;
+        default: string;
+        available: readonly ["primary", "secondary", "transparent"];
+        validator: (value: "primary" | "secondary" | "transparent") => boolean;
+    };
+    text: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>>, {
+    text: string;
+    appearance: "primary" | "secondary" | "transparent";
+    status: "error" | "info" | "success" | "warning" | "progress";
+}>;
+export default _sfc_main;

package/dist/components/CdsTag/CdsTag.vue.d.ts

@@ -0,0 +1,96 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsTag";
+declare const _sfc_main: import("vue").DefineComponent<{
+    text: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    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: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink") => boolean;
+    };
+    href: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    to: {
+        type: PropType<import("vue-router").RouteLocationRaw>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    removable: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+}, {
+    onRemove: (event: MouseEvent) => void;
+    sizeClasses: import("vue").ComputedRef<string>;
+    disabledClasses: import("vue").ComputedRef<string | undefined>;
+    colorClasses: import("vue").ComputedRef<string | undefined>;
+    tagClasses: import("vue").ComputedRef<{
+        'cds-tag--interactive': boolean;
+        'cds-tag--removable': boolean;
+    }>;
+    tag: string | import("vue").ComputedRef<string>;
+    href: import("vue").ComputedRef<string | undefined>;
+    to: import("vue").ComputedRef<import("vue-router").RouteLocationRaw | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    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: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink") => boolean;
+    };
+    href: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    to: {
+        type: PropType<import("vue-router").RouteLocationRaw>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+    };
+    removable: {
+        type: PropType<boolean>;
+        default: boolean;
+        description: string;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    text: string;
+    disabled: boolean;
+    href: string;
+    to: import("vue-router").RouteLocationRaw;
+    color: "yellow" | "light-blue" | "blue" | "deep-purple" | "purple" | "pink";
+    removable: boolean;
+}>;
+export default _sfc_main;

package/dist/components/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Automatically generated by CDS CLI
+ * Generated on 2/17/2023, 8:45:21 PM
+ **/
+export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
+export { default as CdsButton } from './CdsButton/CdsButton.vue';
+export { default as CdsDrawer } from './CdsDrawer/CdsDrawer.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 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 CdsStatus } from './CdsStatus/CdsStatus.vue';
+export { default as CdsTag } from './CdsTag/CdsTag.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/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/focus.d.ts

@@ -0,0 +1,12 @@
+import type { Ref } from 'vue';
+export declare type TFocusLocation = 'next' | 'previous' | 'first' | 'last';
+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;
+}
+export declare function useFocus(): IUseFocus;

package/dist/composable/icon.d.ts

@@ -0,0 +1,32 @@
+import type { PropType, ComputedRef, SetupContext } from 'vue';
+import type { TCdsIconsName } from '@central-design-system/icons';
+export interface IIconProps {
+    prependIcon: TCdsIconsName | undefined;
+    appendIcon: TCdsIconsName | undefined;
+}
+export interface IUseIcon {
+    hasPrepend: ComputedRef<boolean>;
+    hasAppend: ComputedRef<boolean>;
+}
+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" | "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" | "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;

package/dist/composable/index.d.ts

@@ -0,0 +1,17 @@
+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';