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

package/dist/components/CdsOverlay/composable/locationStrategies.d.ts

@@ -1,4 +1,5 @@
 import { Box, TAnchor } from '../../../utils';
+import { CSSProperties } from 'vue';
 import type { PropType, Ref } from 'vue';
 export interface ILocationStrategyData {
     contentEl: Ref<HTMLElement | undefined>;
@@ -22,10 +23,24 @@ export interface ILocationStrategyProps {
     minHeight: number | string;
     minWidth: number | string;
 }
+export interface ILocationProps {
+    location: TAnchor;
+}
 export interface IUseLocationStrategies {
     contentStyles: Ref<Record<string, string>>;
     updateLocation: Ref<((event: Event) => void) | undefined>;
 }
+export declare const makeLocationProps: <Defaults extends {
+    location?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    /**
+     * Выравнивание компонент по краям top, bottom, left, right. Можно комбинировать, например, top left
+     */
+    location: {
+        type: PropType<TAnchor>;
+        default: string;
+    };
+}, Defaults>;
 export declare const makeLocationStrategyProps: <Defaults extends {
     locationStrategy?: unknown;
     location?: unknown;
@@ -63,6 +78,9 @@ export declare const makeLocationStrategyProps: <Defaults extends {
     };
 }, Defaults>;
 export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
+export declare function useLocation(props: ILocationProps, opposite?: boolean, offset?: (side: string) => number): {
+    locationStyles: import("vue").ComputedRef<CSSProperties>;
+};
 declare function staticLocationStrategy(): {
     updateLocation: () => void;
 };

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

@@ -0,0 +1,25 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsPage";
+declare const _sfc_main: import("vue").DefineComponent<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    styleFn: {
+        type: PropType<(offset: number, height: number) => string>;
+        default: undefined;
+    };
+}>>, {
+    padding: boolean;
+    styleFn: (offset: number, height: number) => string;
+}>;
+export default _sfc_main;

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

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

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

@@ -49,12 +49,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<number>;
         default: (props: any) => number;
     };
-}, {
-    setFirst: () => void;
-    setLast: () => void;
-    setNext: () => void;
-    setPrev: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
      * Событие изменения значения v-model
      */
@@ -131,9 +126,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onNext?: ((value: number) => any) | undefined;
     onPrev?: ((value: number) => any) | undefined;
 }, {
-    length: string | number;
-    disabled: boolean;
     tag: string;
+    disabled: boolean;
+    length: string | number;
     modelValue: number;
     start: string | number;
     totalVisible: string | number;

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

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

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

@@ -0,0 +1,145 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsProgress";
+declare const _sfc_main: import("vue").DefineComponent<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    location: Omit<{
+        type: PropType<import('../../utils').TAnchor>;
+        default: string;
+    }, "default" | "type"> & {
+        type: PropType<NonNullable<import('../../utils').TAnchor>>;
+        default: NonNullable<import('../../utils').TAnchor>;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    modelValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    absolute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    bgColor: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    bgOpacity: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    bufferValue: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    height: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    indeterminate: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    clickable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    stream: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    reverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {
+    tag: string;
+    reverse: boolean;
+    indeterminate: boolean;
+    active: boolean;
+    location: NonNullable<import('../../utils').TAnchor>;
+    modelValue: string | number;
+    max: string | number;
+    height: string | number;
+    absolute: boolean;
+    bgColor: string;
+    bgOpacity: string | number;
+    bufferValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+}>;
+export default _sfc_main;

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

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

package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts

@@ -83,13 +83,225 @@ declare const _sfc_main: import("vue").DefineComponent<{
     checked: import("vue").ComputedRef<boolean>;
     hasLabel: import("vue").ComputedRef<boolean>;
     hasDescription: import("vue").ComputedRef<boolean>;
+    validationRef: import("vue").Ref<import("vue").DefineComponent<{
+        'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
+        'onClick:append': import("vue").PropType<(...args: any[]) => any>;
+        size: {
+            type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+            default: string;
+            available: readonly ["xs", "sm", "md", "lg", "xl"];
+            validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+        };
+        readonly: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        error: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        errorMessages: {
+            type: import("vue").PropType<string | string[]>;
+            default: () => never[];
+        };
+        maxErrors: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        name: {
+            type: import("vue").PropType<string | undefined>;
+            default: undefined;
+        };
+        rules: {
+            type: import("vue").PropType<import("../../composable").TValidationRule[]>;
+            default: () => never[];
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        validateOn: {
+            type: import("vue").PropType<"input" | "blur" | "submit">;
+            default: string;
+            available: readonly ["blur", "input", "submit"];
+            validator: (value: "input" | "blur" | "submit") => boolean;
+        };
+        validationValue: {
+            type: import("vue").PropType<any>;
+            default: undefined;
+        };
+        hideMessages: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        prependIcon: {
+            type: import("vue").PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
+        };
+        appendIcon: {
+            type: import("vue").PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        value: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        messages: {
+            type: import("vue").PropType<string | string[]>;
+            default: () => never[];
+        };
+        persistentMessages: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (value: any) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
+        'onClick:append': import("vue").PropType<(...args: any[]) => any>;
+        size: {
+            type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+            default: string;
+            available: readonly ["xs", "sm", "md", "lg", "xl"];
+            validator: (value: "xs" | "sm" | "md" | "lg" | "xl") => boolean;
+        };
+        readonly: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        error: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        errorMessages: {
+            type: import("vue").PropType<string | string[]>;
+            default: () => never[];
+        };
+        maxErrors: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        name: {
+            type: import("vue").PropType<string | undefined>;
+            default: undefined;
+        };
+        rules: {
+            type: import("vue").PropType<import("../../composable").TValidationRule[]>;
+            default: () => never[];
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        validateOn: {
+            type: import("vue").PropType<"input" | "blur" | "submit">;
+            default: string;
+            available: readonly ["blur", "input", "submit"];
+            validator: (value: "input" | "blur" | "submit") => boolean;
+        };
+        validationValue: {
+            type: import("vue").PropType<any>;
+            default: undefined;
+        };
+        hideMessages: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        prependIcon: {
+            type: import("vue").PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
+        };
+        appendIcon: {
+            type: import("vue").PropType<"search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "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: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
+        value: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        messages: {
+            type: import("vue").PropType<string | string[]>;
+            default: () => never[];
+        };
+        persistentMessages: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }, {
+        value: any;
+        description: string;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
+        disabled: boolean;
+        name: string | undefined;
+        id: string;
+        error: boolean;
+        label: string;
+        messages: string | string[];
+        persistentMessages: boolean;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: import("../../composable").TValidationRule[];
+        modelValue: any;
+        validateOn: "input" | "blur" | "submit";
+        validationValue: any;
+        hideMessages: boolean;
+        prependIcon: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
+        appendIcon: "search" | "link" | "list" | "filters" | "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" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "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" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
+        focused: boolean;
+        readonly: boolean;
+    }> | undefined>;
     isGroup: import("vue").Ref<boolean>;
     isFocused: import("vue").Ref<boolean>;
     inputProps: import("vue").Ref<{
-        readonly disabled?: boolean | undefined;
         readonly value?: any;
+        readonly disabled?: boolean | undefined;
         readonly error?: boolean | undefined;
-        readonly readonly?: boolean | undefined;
         readonly messages?: string | string[] | undefined;
         readonly persistentMessages?: boolean | undefined;
         readonly errorMessages?: string | string[] | undefined;
@@ -101,8 +313,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly validateOn?: "input" | "blur" | "submit" | undefined;
         readonly hideMessages?: boolean | undefined;
         readonly focused?: boolean | undefined;
-        readonly name?: string | undefined;
+        readonly readonly?: boolean | undefined;
         readonly description?: string | undefined;
+        readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
@@ -113,6 +326,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     internalDisabled: import("vue").ComputedRef<boolean>;
     internalReadonly: import("vue").ComputedRef<boolean>;
     internalError: import("vue").ComputedRef<boolean>;
+    internalHideMessages: import("vue").ComputedRef<boolean>;
     radioClasses: import("vue").ComputedRef<{
         'cds-radio--disabled': boolean;
         'cds-radio--checked': string | number | null | undefined;
@@ -207,15 +421,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:focused"?: ((value: boolean) => any) | undefined;
 }, {
-    name: string | undefined;
+    value: any;
     description: string;
     disabled: boolean;
-    value: any;
-    error: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    name: string | undefined;
     id: string;
+    error: boolean;
     label: string;
+    messages: string | string[];
     persistentMessages: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -225,5 +438,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validationValue: any;
     hideMessages: boolean;
     focused: boolean;
+    readonly: boolean;
 }>;
 export default _sfc_main;

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

@@ -92,10 +92,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     inputProps: Ref<{
-        readonly disabled?: boolean | undefined;
         readonly value?: any;
+        readonly disabled?: boolean | undefined;
         readonly error?: boolean | undefined;
-        readonly readonly?: boolean | undefined;
         readonly messages?: string | string[] | undefined;
         readonly persistentMessages?: boolean | undefined;
         readonly errorMessages?: string | string[] | undefined;
@@ -106,9 +105,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly modelValue?: any;
         readonly validateOn?: "input" | "blur" | "submit" | undefined;
         readonly hideMessages?: boolean | undefined;
+        readonly readonly?: boolean | undefined;
         readonly direction?: NonNullable<"horizontal" | "vertical"> | undefined;
-        readonly name?: string | undefined;
         readonly description?: string | undefined;
+        readonly name?: string | undefined;
         readonly id?: string | undefined;
         readonly label?: string | undefined;
         readonly validationValue?: any;
@@ -206,15 +206,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }, {
-    name: string | undefined;
+    value: any;
     description: string;
     disabled: boolean;
-    value: any;
-    error: boolean;
-    readonly: boolean;
-    messages: string | string[];
+    name: string | undefined;
     id: string;
+    error: boolean;
     label: string;
+    messages: string | string[];
     persistentMessages: boolean;
     errorMessages: string | string[];
     maxErrors: string | number;
@@ -223,6 +222,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validateOn: "input" | "blur" | "submit";
     validationValue: any;
     hideMessages: boolean;
+    readonly: boolean;
     direction: NonNullable<"horizontal" | "vertical">;
 }>;
 export default _sfc_main;

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

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