@uzum-tech/ui 1.3.0 → 1.4.0

package/es/select/src/Select.d.ts

@@ -9,7 +9,7 @@ import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
 export declare const selectProps: {
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -58,7 +58,7 @@ export declare const selectProps: {
     readonly tag: BooleanConstructor;
     readonly onCreate: PropType<(label: string) => SelectOption>;
     readonly fallbackOption: {
-        readonly type: PropType<false | SelectFallbackOption | undefined>;
+        readonly type: PropType<SelectFallbackOption | false | undefined>;
         readonly default: undefined;
     };
     readonly show: {
@@ -113,7 +113,7 @@ export declare const selectProps: {
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "show";
     };
     readonly resetMenuOnOptionsChange: {
@@ -302,12 +302,18 @@ export declare const selectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -482,12 +488,18 @@ export declare const selectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -662,12 +674,18 @@ export declare const selectProps: {
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -676,7 +694,7 @@ export declare const selectProps: {
 export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -725,7 +743,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly tag: BooleanConstructor;
     readonly onCreate: PropType<(label: string) => SelectOption>;
     readonly fallbackOption: {
-        readonly type: PropType<false | SelectFallbackOption | undefined>;
+        readonly type: PropType<SelectFallbackOption | false | undefined>;
         readonly default: undefined;
     };
     readonly show: {
@@ -780,7 +798,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "show";
     };
     readonly resetMenuOnOptionsChange: {
@@ -969,12 +987,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1149,12 +1173,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1329,12 +1359,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -1356,7 +1392,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     menuRef: import("vue").Ref<{
         selfRef: HTMLElement | null;
-        getPendingTmNode: () => TreeNode<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>> | null;
+        getPendingTmNode: () => TreeNode<SelectBaseOption> | null;
         prev: () => void;
         next: () => void;
     } | null>;
@@ -1364,8 +1400,8 @@ declare const _default: import("vue").DefineComponent<{
     uncontrolledShow: import("vue").Ref<boolean>;
     mergedShow: import("vue").ComputedRef<boolean>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    uncontrolledValue: import("vue").Ref<string[] | number[] | ValueAtom | ValueAtom[] | null>;
-    mergedValue: import("vue").ComputedRef<string[] | number[] | ValueAtom | ValueAtom[] | null>;
+    uncontrolledValue: import("vue").Ref<string[] | ValueAtom | number[] | ValueAtom[] | null>;
+    mergedValue: import("vue").ComputedRef<string[] | ValueAtom | number[] | ValueAtom[] | null>;
     followerRef: import("vue").Ref<{
         syncPosition: () => void;
     } | null>;
@@ -1397,118 +1433,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMenuKeydown: (e: KeyboardEvent) => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             menuBoxShadow: string;
         };
@@ -1680,12 +1605,18 @@ declare const _default: import("vue").DefineComponent<{
                     iconSizeMedium: string;
                     iconSizeLarge: string;
                     iconSizeHuge: string;
-                    fontSizeSmall: string;
-                    fontSizeMedium: string;
-                    fontSizeLarge: string;
-                    fontSizeHuge: string;
-                    textColor: string;
+                    titleFontSizeSmall: string;
+                    titleFontSizeMedium: string;
+                    titleFontSizeLarge: string;
+                    titleFontSizeHuge: string;
+                    descriptionFontSizeSmall: string;
+                    descriptionFontSizeMedium: string;
+                    descriptionFontSizeLarge: string;
+                    descriptionFontSizeHuge: string;
+                    titleColor: string;
+                    descriptionColor: string;
                     iconColor: string;
+                    iconBgColor: string;
                     extraTextColor: string;
                 }, any>;
             }>;
@@ -1720,12 +1651,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>> | undefined;
                 } | undefined;
@@ -1743,7 +1680,7 @@ declare const _default: import("vue").DefineComponent<{
     blurInput: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly bordered: {
@@ -1792,7 +1729,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly tag: BooleanConstructor;
     readonly onCreate: PropType<(label: string) => SelectOption>;
     readonly fallbackOption: {
-        readonly type: PropType<false | SelectFallbackOption | undefined>;
+        readonly type: PropType<SelectFallbackOption | false | undefined>;
         readonly default: undefined;
     };
     readonly show: {
@@ -1847,7 +1784,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly displayDirective: {
-        readonly type: PropType<"show" | "if">;
+        readonly type: PropType<"if" | "show">;
         readonly default: "show";
     };
     readonly resetMenuOnOptionsChange: {
@@ -2036,12 +1973,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -2216,12 +2159,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
@@ -2396,28 +2345,32 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
         }>;
     }>>>;
 }>>, {
+    readonly disabled: boolean | undefined;
+    readonly loading: boolean;
+    readonly bordered: boolean | undefined;
     readonly tag: boolean;
-    readonly options: SelectMixedOption[];
     readonly round: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly show: boolean | undefined;
     readonly filled: boolean;
     readonly multiple: boolean;
-    readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
-    readonly loading: boolean;
-    readonly bordered: boolean | undefined;
-    readonly placement: FollowerPlacement;
     readonly account: boolean;
     readonly showCheckmark: boolean;
     readonly labelField: string;
@@ -2426,15 +2379,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly resetMenuOnOptionsChange: boolean;
     readonly showArrow: boolean;
     readonly displayDirective: "show" | "if";
+    readonly placement: FollowerPlacement;
     readonly secondary: boolean;
     readonly filterable: boolean;
     readonly clearable: boolean;
     readonly loadingSkeleton: boolean;
     readonly ignoreComposition: boolean;
     readonly counter: boolean;
+    readonly keyboard: boolean;
     readonly defaultValue: Value | null;
+    readonly options: SelectMixedOption[];
     readonly clearFilterAfterSelect: boolean;
-    readonly keyboard: boolean;
     readonly remote: boolean;
     readonly widthMode: string;
     readonly fallbackOption: false | SelectFallbackOption | undefined;

package/es/select/styles/light.d.ts

@@ -172,12 +172,18 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
     }>;

package/es/skeleton/src/Skeleton.d.ts

@@ -147,8 +147,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly repeat: number;
     readonly round: boolean;
-    readonly text: boolean;
     readonly circle: boolean;
+    readonly text: boolean;
     readonly animated: boolean;
     readonly sharp: boolean;
 }, {}>;

package/es/slider/src/Slider.d.ts

@@ -8,7 +8,7 @@ export interface ClosestMark {
 }
 export declare const sliderProps: {
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly defaultValue: {
@@ -146,7 +146,7 @@ export declare const sliderProps: {
 export type SliderProps = ExtractPublicPropTypes<typeof sliderProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly defaultValue: {
@@ -359,7 +359,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly defaultValue: {
@@ -494,17 +494,17 @@ declare const _default: import("vue").DefineComponent<{
         dotBoxShadow: string;
     }, any>>>;
 }>>, {
-    readonly range: boolean;
     readonly reverse: boolean;
-    readonly vertical: boolean;
-    readonly tooltip: boolean;
     readonly disabled: boolean | undefined;
+    readonly vertical: boolean;
     readonly step: number | "mark";
-    readonly max: number;
-    readonly min: number;
     readonly to: string | boolean | HTMLElement;
-    readonly defaultValue: number | number[];
+    readonly range: boolean;
+    readonly tooltip: boolean;
+    readonly max: number;
     readonly keyboard: boolean;
+    readonly defaultValue: number | number[];
+    readonly min: number;
     readonly showTooltip: boolean | undefined;
 }, {}>;
 export default _default;

package/es/space/src/Space.d.ts

@@ -11,7 +11,7 @@ export declare const spaceProps: {
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrapItem: {
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrapItem: {
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly size: {
-        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
         readonly default: "medium";
     };
     readonly wrapItem: {
@@ -134,9 +134,9 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly inline: boolean;
-    readonly size: number | [number, number] | "small" | "medium" | "large";
-    readonly wrap: boolean;
+    readonly size: number | "small" | "medium" | "large" | [number, number];
     readonly vertical: boolean;
+    readonly wrap: boolean;
     readonly justify: Justify;
     readonly wrapItem: boolean;
     readonly internalUseGap: boolean;