@central-design-system/components 3.0.3 → 3.1.0

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

@@ -1 +1 @@
-export { default as CdsSelect } from './CdsSelect.vue';
+export { default as CdsSelect } from './CdsSelect';

package/dist/components/CdsSidebar/CdsSidebar.d.ts

@@ -0,0 +1,173 @@
+import { PropType } from 'vue';
+export declare const componentName = "CdsSidebar";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: PropType<import('../../composable').TSize>;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: import('../../composable').TSize) => boolean;
+    };
+    /**
+     * Показать/Скрыть
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Скрывать overlay в открытом состоянии
+     */
+    disabledOverlay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {
+    attrs: {
+        [x: string]: unknown;
+    };
+    sizeClasses: import('vue').ComputedRef<string>;
+    themeClasses: Readonly<import('vue').ComputedRef<string | undefined>>;
+    showOverlay: import('vue').ComputedRef<boolean>;
+    hasToolbarSlot: import('vue').ComputedRef<boolean>;
+    hasAppendSlot: import('vue').ComputedRef<boolean>;
+    hide: () => void;
+    onClickOutside: (event: MouseEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * Событие изменения модели
+     * @type { boolean }
+     */
+    'update:modelValue': (value: boolean) => true;
+    /**
+     * Клик вне боковой панели в открытом состоянии
+     */
+    'click:outside': (event: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: PropType<import('../../composable').TSize>;
+        default: string;
+        available: readonly ["xs", "sm", "md", "lg", "xl"];
+        validator: (value: import('../../composable').TSize) => boolean;
+    };
+    /**
+     * Показать/Скрыть
+     */
+    modelValue: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Скрывать overlay в открытом состоянии
+     */
+    disabledOverlay: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    title: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    modelValue: boolean;
+    theme: string;
+    disabledOverlay: boolean;
+}, {}, {
+    CdsFunctionalButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        loading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        href: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        to: {
+            type: PropType<import('vue-router').RouteLocationRaw>;
+            default: undefined;
+        };
+        readonly: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        prependIcon: {
+            type: PropType<import('@central-design-system/icons').TCdsIconsName>;
+            default: undefined;
+            validator: (value: import('@central-design-system/icons').TCdsIconsName) => boolean;
+        };
+        appendIcon: {
+            type: PropType<import('@central-design-system/icons').TCdsIconsName>;
+            default: undefined;
+            validator: (value: import('@central-design-system/icons').TCdsIconsName) => boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        loading: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        href: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        to: {
+            type: PropType<import('vue-router').RouteLocationRaw>;
+            default: undefined;
+        };
+        readonly: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        prependIcon: {
+            type: PropType<import('@central-design-system/icons').TCdsIconsName>;
+            default: undefined;
+            validator: (value: import('@central-design-system/icons').TCdsIconsName) => boolean;
+        };
+        appendIcon: {
+            type: PropType<import('@central-design-system/icons').TCdsIconsName>;
+            default: undefined;
+            validator: (value: import('@central-design-system/icons').TCdsIconsName) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        to: import('vue-router').RouteLocationRaw;
+        href: string;
+        prependIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
+        appendIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
+        loading: boolean;
+        disabled: boolean;
+        readonly: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CdsTransitionExpandX: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        mode: import('vue').Prop<"in-out" | "out-in" | "default">;
+    }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        mode: import('vue').Prop<"in-out" | "out-in" | "default">;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1 +1 @@
-export { default as CdsSidebar } from './CdsSidebar.vue';
+export { default as CdsSidebar } from './CdsSidebar';

package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.d.ts

@@ -0,0 +1,133 @@
+import { TSkeletonLoaderType } from './types';
+import { PropType } from 'vue';
+export declare const componentName = "CdsSkeletonLoader";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<TSkeletonLoaderType | (string & {}) | ReadonlyArray<TSkeletonLoaderType | (string & {})>>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    maxHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    maxWidth: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    minHeight: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    minWidth: {
+        type: PropType<number | string>;
+        default: string;
+    };
+    /**
+     * Тип скелета
+     */
+    type: {
+        type: PropType<TSkeletonLoaderType | (string & {}) | ReadonlyArray<TSkeletonLoaderType | (string & {})>>;
+        default: string;
+    };
+    /**
+     * Показывать ли скелет при загрузке
+     */
+    loading: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для aria label во время загрузки
+     */
+    loadingText: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Использовать скелет в виде заготовки для прототипирования
+     */
+    boilerplate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    loading: boolean;
+    type: "text" | "article" | "button" | "table" | (string & {}) | "block" | "chip" | "actions" | "table-row" | "list-item" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("text" | "article" | "button" | "table" | (string & {}) | "block" | "chip" | "actions" | "table-row" | "list-item" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    theme: string;
+    loadingText: string;
+    boilerplate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1 +1 @@
-export { default as CdsSkeletonLoader } from './CdsSkeletonLoader.vue';
+export { default as CdsSkeletonLoader } from './CdsSkeletonLoader';

package/dist/components/CdsSkeletonLoader/types.d.ts

@@ -1,7 +1,7 @@
-import type { VNode } from 'vue';
-declare type TSkeletonBone<T> = T | TSkeletonBone<T>[];
-export declare type TSkeletonBones = TSkeletonBone<VNode>;
-export declare type TSkeletonLoaderType = keyof typeof allowedTypes;
+import { VNode } from 'vue';
+type TSkeletonBone<T> = T | TSkeletonBone<T>[];
+export type TSkeletonBones = TSkeletonBone<VNode>;
+export type TSkeletonLoaderType = keyof typeof allowedTypes;
 export declare const allowedTypes: {
     readonly actions: "button@2";
     readonly article: "heading, paragraph";

package/dist/components/CdsSlideGroup/CdsSlideGroup.d.ts

@@ -0,0 +1,163 @@
+import { IGroupProvide } from '../../composable';
+import { TCdsIconsName } from '@central-design-system/icons';
+import { InjectionKey } from 'vue';
+export declare const CdsSlideGroupSymbol: InjectionKey<IGroupProvide>;
+export declare const componentName = "CdsSlideGroup";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    symbol: {
+        type: null;
+        default: InjectionKey<IGroupProvide>;
+    };
+    prependIcon: Omit<{
+        type: import('vue').PropType<TCdsIconsName>;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">>;
+        default: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    };
+    appendIcon: Omit<{
+        type: import('vue').PropType<TCdsIconsName>;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">>;
+        default: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    required: {
+        type: import('vue').PropType<boolean | "force">;
+        default: undefined;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    selectedClass: Omit<{
+        type: import('vue').PropType<string>;
+        default: undefined;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    centerActive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showArrows: {
+        type: import('vue').PropType<boolean | string>;
+        validator: (value: any) => boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../composable').TDirection>;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: import('../../composable').TDirection) => boolean;
+    };
+    tag: {
+        type: import('vue').PropType<string>;
+        default: string;
+        description: string;
+    };
+}>, {
+    selected: import('vue').Ref<readonly number[], readonly number[]>;
+    scrollTo: (location: "prev" | "next") => void;
+    scrollOffset: import('vue').ShallowRef<number, number>;
+    focus: (location?: "next" | "prev" | "first" | "last") => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    symbol: {
+        type: null;
+        default: InjectionKey<IGroupProvide>;
+    };
+    prependIcon: Omit<{
+        type: import('vue').PropType<TCdsIconsName>;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">>;
+        default: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    };
+    appendIcon: Omit<{
+        type: import('vue').PropType<TCdsIconsName>;
+        default: undefined;
+        validator: (value: TCdsIconsName) => boolean;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">>;
+        default: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    };
+    modelValue: {
+        type: null;
+        default: undefined;
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    required: {
+        type: import('vue').PropType<boolean | "force">;
+        default: undefined;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
+    selectedClass: Omit<{
+        type: import('vue').PropType<string>;
+        default: undefined;
+    }, "default" | "type"> & {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    centerActive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showArrows: {
+        type: import('vue').PropType<boolean | string>;
+        validator: (value: any) => boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../composable').TDirection>;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: import('../../composable').TDirection) => boolean;
+    };
+    tag: {
+        type: import('vue').PropType<string>;
+        default: string;
+        description: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    symbol: any;
+    tag: string;
+    prependIcon: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    appendIcon: NonNullable<"link" | "search" | "bold" | "delete" | "add" | "administrator" | "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" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "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" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube">;
+    disabled: boolean;
+    multiple: boolean;
+    required: boolean | "force";
+    modelValue: any;
+    direction: "horizontal" | "vertical";
+    max: number;
+    selectedClass: string;
+    centerActive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CdsSlideGroup/CdsSlideGroupItem.d.ts

@@ -0,0 +1,43 @@
+export declare const componentName = "CdsSlideGroupItem";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: null;
+        default: undefined;
+    };
+    selectedClass: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'group:selected': (value: {
+        value: boolean;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: null;
+        default: undefined;
+    };
+    selectedClass: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onGroup:selected"?: ((value: {
+        value: boolean;
+    }) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: any;
+    selectedClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,2 +1,2 @@
-export { default as CdsSlideGroup } from './CdsSlideGroup.vue';
-export { default as CdsSlideGroupItem } from './CdsSlideGroupItem.vue';
+export { default as CdsSlideGroup } from './CdsSlideGroup';
+export { default as CdsSlideGroupItem } from './CdsSlideGroupItem';