@mantine-vue/core 2.2.2 → 2.3.0

package/lib/components/Accordion/Accordion.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../core';
 import { type AccordionChevronPosition, type AccordionHeadingOrder, type AccordionValue } from './Accordion.context';
 export type AccordionStylesNames = 'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control';
 export type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
@@ -61,7 +62,7 @@ export declare const Accordion: {
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         keepMounted: {
@@ -88,7 +89,7 @@ export declare const Accordion: {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         loop: boolean;
-        radius: string | number;
+        radius: MantineRadius;
         variant: AccordionVariant;
         onChange: (value: AccordionValue<any>) => void;
         value: string | string[] | null;
@@ -172,7 +173,7 @@ export declare const Accordion: {
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         keepMounted: {
@@ -199,7 +200,7 @@ export declare const Accordion: {
         [key: string]: any;
     }>, {}, {}, {}, {
         loop: boolean;
-        radius: string | number;
+        radius: MantineRadius;
         variant: AccordionVariant;
         onChange: (value: AccordionValue<any>) => void;
         value: string | string[] | null;
@@ -280,7 +281,7 @@ export declare const Accordion: {
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     keepMounted: {
@@ -307,7 +308,7 @@ export declare const Accordion: {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     loop: boolean;
-    radius: string | number;
+    radius: MantineRadius;
     variant: AccordionVariant;
     onChange: (value: AccordionValue<any>) => void;
     value: string | string[] | null;

package/lib/components/ActionIcon/ActionIcon.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineGradient, type MantineRadius, type MantineSize } from '../../core';
 export type ActionIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'default' | 'gradient';
 export declare const ActionIcon: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -14,18 +15,14 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
             type: PropType<Record<string, any>>;
             default: undefined;
         };
-        size: PropType<string | number>;
+        size: PropType<MantineSize | `input-${MantineSize}` | (string & {}) | number>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         disabled: {
@@ -63,14 +60,10 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ActionIconVariant;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
@@ -100,18 +93,14 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
             type: PropType<Record<string, any>>;
             default: undefined;
         };
-        size: PropType<string | number>;
+        size: PropType<MantineSize | `input-${MantineSize}` | (string & {}) | number>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         disabled: {
@@ -149,14 +138,10 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ActionIconVariant;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
@@ -183,18 +168,14 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
         type: PropType<Record<string, any>>;
         default: undefined;
     };
-    size: PropType<string | number>;
+    size: PropType<MantineSize | `input-${MantineSize}` | (string & {}) | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     disabled: {
@@ -232,14 +213,10 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: ActionIconVariant;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
@@ -304,18 +281,14 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
         unstyled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
     GroupSection: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        size: PropType<string | number>;
+        size: PropType<MantineSize | (string & {}) | number>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         autoContrast: {
@@ -345,18 +318,14 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
     }>, () => 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<{
-        size: PropType<string | number>;
+        size: PropType<MantineSize | (string & {}) | number>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         autoContrast: {
@@ -384,14 +353,10 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ActionIconVariant;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         vars: Function | Record<string, any>;

package/lib/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.d.ts

@@ -1,18 +1,15 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineGradient, type MantineRadius, type MantineSize } from '../../../core';
 import type { ActionIconVariant } from '../ActionIcon';
 export declare const ActionIconGroupSection: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     autoContrast: {
@@ -42,18 +39,14 @@ export declare const ActionIconGroupSection: import("../../..").WithBoxProps<imp
 }>, () => 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<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     autoContrast: {
@@ -81,14 +74,10 @@ export declare const ActionIconGroupSection: import("../../..").WithBoxProps<imp
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: ActionIconVariant;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     vars: Function | Record<string, any>;

package/lib/components/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../core';
+import { type MantineColor, type MantineNode, type MantineRadius } from '../../core';
 export type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';
 export interface AlertSlots {
     default?: () => VNodeChild;
@@ -11,9 +11,9 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     title: {
@@ -71,9 +71,9 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     title: {
@@ -126,7 +126,7 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
     };
 }>> & Readonly<{}>, {
     title: MantineNode;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: AlertVariant;
     onClose: () => void;

package/lib/components/Avatar/Avatar.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineGradient, type MantineRadius, type MantineSize } from '../../core';
 export type AvatarVariant = 'filled' | 'light' | 'gradient' | 'outline' | 'transparent' | 'default' | 'white';
 export declare const Avatar: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -6,18 +7,14 @@ export declare const Avatar: import("../..").WithBoxProps<{
             type: StringConstructor;
             default: string;
         };
-        size: PropType<string | number>;
-        radius: PropType<string | number>;
+        size: PropType<MantineSize | (string & {}) | number>;
+        radius: PropType<MantineRadius>;
         color: {
-            type: PropType<string | "initials">;
+            type: PropType<MantineColor | "initials">;
             default: undefined;
         };
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         src: {
@@ -41,7 +38,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
             default: undefined;
         };
         allowedInitialsColors: {
-            type: PropType<string[]>;
+            type: PropType<MantineColor[]>;
             default: undefined;
         };
         variant: {
@@ -72,14 +69,10 @@ export declare const Avatar: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         name: string;
-        color: string;
+        color: MantineColor | "initials";
         autoContrast: boolean;
         variant: AvatarVariant;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         alt: string;
@@ -88,7 +81,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
         vars: Function | Record<string, any>;
         unstyled: boolean;
         src: string | null;
-        allowedInitialsColors: string[];
+        allowedInitialsColors: MantineColor[];
         imageProps: Record<string, any>;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -102,18 +95,14 @@ export declare const Avatar: import("../..").WithBoxProps<{
             type: StringConstructor;
             default: string;
         };
-        size: PropType<string | number>;
-        radius: PropType<string | number>;
+        size: PropType<MantineSize | (string & {}) | number>;
+        radius: PropType<MantineRadius>;
         color: {
-            type: PropType<string | "initials">;
+            type: PropType<MantineColor | "initials">;
             default: undefined;
         };
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         src: {
@@ -137,7 +126,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
             default: undefined;
         };
         allowedInitialsColors: {
-            type: PropType<string[]>;
+            type: PropType<MantineColor[]>;
             default: undefined;
         };
         variant: {
@@ -168,14 +157,10 @@ export declare const Avatar: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, {
         name: string;
-        color: string;
+        color: MantineColor | "initials";
         autoContrast: boolean;
         variant: AvatarVariant;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         alt: string;
@@ -184,7 +169,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
         vars: Function | Record<string, any>;
         unstyled: boolean;
         src: string | null;
-        allowedInitialsColors: string[];
+        allowedInitialsColors: MantineColor[];
         imageProps: Record<string, any>;
     }>;
     __isFragment?: never;
@@ -195,18 +180,14 @@ export declare const Avatar: import("../..").WithBoxProps<{
         type: StringConstructor;
         default: string;
     };
-    size: PropType<string | number>;
-    radius: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: PropType<string | "initials">;
+        type: PropType<MantineColor | "initials">;
         default: undefined;
     };
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     src: {
@@ -230,7 +211,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
         default: undefined;
     };
     allowedInitialsColors: {
-        type: PropType<string[]>;
+        type: PropType<MantineColor[]>;
         default: undefined;
     };
     variant: {
@@ -261,14 +242,10 @@ export declare const Avatar: import("../..").WithBoxProps<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
-    color: string;
+    color: MantineColor | "initials";
     autoContrast: boolean;
     variant: AvatarVariant;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     alt: string;
@@ -277,11 +254,11 @@ export declare const Avatar: import("../..").WithBoxProps<{
     vars: Function | Record<string, any>;
     unstyled: boolean;
     src: string | null;
-    allowedInitialsColors: string[];
+    allowedInitialsColors: MantineColor[];
     imageProps: Record<string, any>;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Group: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        spacing: PropType<string | number>;
+        spacing: PropType<import("../..").MantineSpacing>;
         classNames: {
             type: (ObjectConstructor | FunctionConstructor)[];
             default: undefined;
@@ -301,7 +278,7 @@ export declare const Avatar: import("../..").WithBoxProps<{
     }>, () => 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<{
-        spacing: PropType<string | number>;
+        spacing: PropType<import("../..").MantineSpacing>;
         classNames: {
             type: (ObjectConstructor | FunctionConstructor)[];
             default: undefined;

package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts

@@ -1,4 +1,5 @@
 import { type InjectionKey, type PropType } from 'vue';
+import { type MantineSpacing } from '../../../core';
 export interface AvatarGroupContextValue {
     withinGroup: boolean;
 }
@@ -7,7 +8,7 @@ export declare function useAvatarGroupContext(): {
     withinGroup: boolean;
 };
 export declare const AvatarGroup: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    spacing: PropType<string | number>;
+    spacing: PropType<MantineSpacing>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;
@@ -27,7 +28,7 @@ export declare const AvatarGroup: import("../../..").WithBoxProps<import("vue").
 }>, () => 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<{
-    spacing: PropType<string | number>;
+    spacing: PropType<MantineSpacing>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;

package/lib/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,10 +1,11 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../core';
 export declare const BackgroundImage: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         required: true;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;
@@ -28,7 +29,7 @@ export declare const BackgroundImage: import("../..").WithBoxProps<import("vue")
         type: StringConstructor;
         required: true;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;

package/lib/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineVariant, type MantineNode, type SectionSlots } from '../../core';
+import { type MantineVariant, type MantineNode, type MantineColor, type MantineGradient, type MantineRadius, type MantineSize, type SectionSlots } from '../../core';
 export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
 export interface BadgeSlots extends SectionSlots {
     default?: () => VNodeChild;
@@ -9,22 +9,21 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: string;
     };
-    size: PropType<string | number>;
+    size: {
+        type: PropType<MantineSize | (string & {})>;
+        default: undefined;
+    };
     circle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     leftSection: {
@@ -70,22 +69,21 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: string;
     };
-    size: PropType<string | number>;
+    size: {
+        type: PropType<MantineSize | (string & {})>;
+        default: undefined;
+    };
     circle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     leftSection: {
@@ -125,15 +123,12 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    size: MantineSize | (string & {});
     circle: boolean;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: MantineVariant<BadgeVariant>;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     component: string;