@central-design-system/components 3.0.0-alpha.5 → 3.0.0-alpha.7

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

@@ -12,6 +12,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -28,10 +32,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
     eager: {
         type: PropType<boolean>;
         default: boolean;
@@ -154,6 +154,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    /**
+     * Уникальный идентификатор
+     */
     id: {
         type: PropType<string>;
         default: undefined;
@@ -199,6 +202,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -215,10 +222,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         closeDelay: {
             type: PropType<string | number>;
             default: null;
@@ -345,6 +348,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
+        width: {
+            type: PropType<string | number>;
+            default: string;
+        };
         maxHeight: {
             type: PropType<string | number>;
             default: string;
@@ -361,10 +368,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
             type: PropType<string | number>;
             default: string;
         };
-        width: {
-            type: PropType<string | number>;
-            default: string;
-        };
         closeDelay: {
             type: PropType<string | number>;
             default: null;
@@ -476,11 +479,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
         eager: boolean;
         height: string | number;
+        width: string | number;
         maxHeight: string | number;
         maxWidth: string | number;
         minHeight: string | number;
         minWidth: string | number;
-        width: string | number;
         absolute: boolean;
     }> | undefined>;
     openChildren: import("vue").Ref<number>;
@@ -502,6 +505,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -518,10 +525,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>;
-        default: string;
-    };
     eager: {
         type: PropType<boolean>;
         default: boolean;
@@ -644,6 +647,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
+    /**
+     * Уникальный идентификатор
+     */
     id: {
         type: PropType<string>;
         default: undefined;
@@ -682,10 +688,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollStrategy: NonNullable<"none" | "close" | "block" | "reposition" | ((data: import("../CdsOverlay/composable").IScrollStrategyData, props: import("../CdsOverlay/composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void)>;
     eager: boolean;
     height: string | number;
+    width: string | number;
     maxHeight: string | number;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    width: string | number;
 }>;
 export default _sfc_main;

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

@@ -40,6 +40,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -56,12 +60,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>; /**
-         * Применяет position: absolute к содержимому оверлея
-         */
-        default: string;
-    };
     closeDelay: {
         type: PropType<string | number>;
         default: null;
@@ -201,6 +199,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
+    width: {
+        type: PropType<string | number>;
+        default: string;
+    };
     maxHeight: {
         type: PropType<string | number>;
         default: string;
@@ -217,12 +219,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: PropType<string | number>;
         default: string;
     };
-    width: {
-        type: PropType<string | number>; /**
-         * Применяет position: absolute к содержимому оверлея
-         */
-        default: string;
-    };
     closeDelay: {
         type: PropType<string | number>;
         default: null;
@@ -337,11 +333,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
     scrollStrategy: "none" | "close" | "block" | "reposition" | ((data: import("./composable").IScrollStrategyData, props: import("./composable").IScrollStrategyProps, scope: import("vue").EffectScope) => void);
     eager: boolean;
     height: string | number;
+    width: string | number;
     maxHeight: string | number;
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    width: string | number;
     absolute: boolean;
 }>;
 export default _sfc_main;

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

@@ -47,6 +47,9 @@ export declare const makeLocationStrategyProps: <Defaults extends {
         type: PropType<TAnchor>;
         default: string;
     };
+    /**
+     * Откуда будет рассчитываться появление компонента
+     */
     origin: {
         type: PropType<TAnchor | "auto" | "overlap">;
         default: string;

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

@@ -0,0 +1,142 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsPagination";
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Начальная страница
+     */
+    start: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Количество страниц
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Количество видимых страниц
+     */
+    totalVisible: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Текст отображаемые между страницами при сокрытии
+     */
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: PropType<number>;
+        default: (props: any) => number;
+    };
+}, {
+    setFirst: () => void;
+    setLast: () => void;
+    setNext: () => void;
+    setPrev: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * Событие изменения значения v-model
+     */
+    'update:modelValue': (value?: number) => true;
+    /**
+     * Событие перехода на первую страницу
+     */
+    first: (value: number) => true;
+    /**
+     * Событие перехода на последнюю страницу
+     */
+    last: (value: number) => true;
+    /**
+     * Событие перехода на следующую страницу
+     */
+    next: (value: number) => true;
+    /**
+     * Событие перехода на предыдущую страницу
+     */
+    prev: (value: number) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: Omit<{
+        type: PropType<string>;
+        default: string;
+        description: string;
+    }, "default" | "type"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Начальная страница
+     */
+    start: {
+        type: PropType<string | number>;
+        default: number;
+    };
+    /**
+     * Количество страниц
+     */
+    length: {
+        type: PropType<string | number>;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Количество видимых страниц
+     */
+    totalVisible: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    /**
+     * Текст отображаемые между страницами при сокрытии
+     */
+    ellipsis: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Значение v-model
+     */
+    modelValue: {
+        type: PropType<number>;
+        default: (props: any) => number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+    onFirst?: ((value: number) => any) | undefined;
+    onLast?: ((value: number) => any) | undefined;
+    onNext?: ((value: number) => any) | undefined;
+    onPrev?: ((value: number) => any) | undefined;
+}, {
+    length: string | number;
+    disabled: boolean;
+    tag: string;
+    modelValue: number;
+    start: string | number;
+    totalVisible: string | number;
+    ellipsis: string;
+}>;
+export default _sfc_main;

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

@@ -1,5 +1,11 @@
 export declare const componentName = "CdsSelect";
 declare const _sfc_main: import("vue").DefineComponent<{
+    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;
+    };
     items: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
@@ -42,9 +48,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     'onClick:prepend': {
         type: import("vue").PropType<(...args: any[]) => any>;
-        /**
-         * Событие клика по иконке перед значением поля
-         */
         default: undefined;
     };
     'onClick:append': {
@@ -63,6 +66,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     error: {
         type: import("vue").PropType<boolean>;
+        /**
+         * Событие клика по иконке внутри элемента перед значением поля
+         */
         default: boolean;
     };
     errorMessages: {
@@ -105,10 +111,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         default: undefined;
     };
     description: {
@@ -196,6 +198,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     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;
@@ -210,6 +218,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         error: {
             type: import("vue").PropType<boolean>;
+            /**
+             * Событие клика по иконке внутри элемента перед значением поля
+             */
             default: boolean;
         };
         errorMessages: {
@@ -262,10 +273,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         label: {
             type: import("vue").PropType<string>;
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             default: undefined;
         };
         description: {
@@ -296,6 +303,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         isValid: import("vue").ComputedRef<boolean | null>;
         validationClasses: import("vue").ComputedRef<Record<string, boolean>>;
         focusClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        sizeClasses: import("vue").ComputedRef<string>;
         reset: () => void;
         resetValidation: () => void;
         validate: () => Promise<string[]>;
@@ -306,6 +314,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, 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;
@@ -320,6 +334,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         error: {
             type: import("vue").PropType<boolean>;
+            /**
+             * Событие клика по иконке внутри элемента перед значением поля
+             */
             default: boolean;
         };
         errorMessages: {
@@ -372,10 +389,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         };
         label: {
             type: import("vue").PropType<string>;
-            /**
-             * Событие при фокусе
-             * @type { boolean }
-             */
             default: undefined;
         };
         description: {
@@ -401,6 +414,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
         disabled: boolean;
         value: any;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
         error: boolean;
         prependIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
         appendIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
@@ -431,6 +445,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         readonly itemChildren?: import("../../composable").TItemKey | undefined;
         readonly itemProps?: import("../../composable").TItemKey | undefined;
         readonly returnObject?: boolean | undefined;
+        readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
         readonly error?: boolean | undefined;
         readonly readonly?: boolean | undefined;
         readonly loading?: boolean | undefined;
@@ -524,6 +539,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
      */
     'click:appendInner': (event: MouseEvent) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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;
+    };
     items: {
         type: import("vue").PropType<any[]>;
         default: () => never[];
@@ -566,9 +587,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     'onClick:prepend': {
         type: import("vue").PropType<(...args: any[]) => any>;
-        /**
-         * Событие клика по иконке перед значением поля
-         */
         default: undefined;
     };
     'onClick:append': {
@@ -587,6 +605,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     error: {
         type: import("vue").PropType<boolean>;
+        /**
+         * Событие клика по иконке внутри элемента перед значением поля
+         */
         default: boolean;
     };
     errorMessages: {
@@ -629,10 +650,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
-        /**
-         * Событие при фокусе
-         * @type { boolean }
-         */
         default: undefined;
     };
     description: {
@@ -726,6 +743,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     itemChildren: import("../../composable").TItemKey;
     itemProps: import("../../composable").TItemKey;
     returnObject: boolean;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     error: boolean;
     prependIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
     appendIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";

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

@@ -202,6 +202,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     validationRef: import("vue").Ref<import("vue").DefineComponent<{
         'onClick:prepend': PropType<(...args: any[]) => any>;
         'onClick:append': PropType<(...args: any[]) => any>;
+        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;
+        };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
@@ -299,15 +305,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         hasPrepend: import("vue").ComputedRef<boolean>;
         hasAppend: import("vue").ComputedRef<boolean>;
         hasDefault: import("vue").ComputedRef<boolean>;
-        hasMessages: import("vue").ComputedRef<number | boolean>; /**
-         * Событие клика по иконке перед значением поля
-         */
+        hasMessages: import("vue").ComputedRef<number | boolean>;
         slotProps: import("vue").ComputedRef<import("../../composable").IInputSlot>;
         messagesId: import("vue").ComputedRef<string>;
         messages: import("vue").ComputedRef<string | string[]>;
         isValid: import("vue").ComputedRef<boolean | null>;
         validationClasses: import("vue").ComputedRef<Record<string, boolean>>;
         focusClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        sizeClasses: import("vue").ComputedRef<string>;
         reset: () => void;
         resetValidation: () => void;
         validate: () => Promise<string[]>;
@@ -318,6 +323,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         'onClick:prepend': PropType<(...args: any[]) => any>;
         'onClick:append': PropType<(...args: any[]) => any>;
+        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;
+        };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
@@ -417,6 +428,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         description: string;
         disabled: boolean;
         value: any;
+        size: "xs" | "sm" | "md" | "lg" | "xl";
         error: boolean;
         prependIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
         appendIcon: "link" | "filters" | "search" | "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" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "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" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";