@mantine-vue/core 2.2.2 → 2.3.1

package/lib/components/Blockquote/Blockquote.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 interface BlockquoteSlots {
     default?: () => VNodeChild;
     icon?: () => VNodeChild;
@@ -12,10 +12,10 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     };
     iconSize: PropType<string | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     cite: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -49,10 +49,10 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     };
     iconSize: PropType<string | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     cite: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -79,7 +79,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     };
 }>> & Readonly<{}>, {
     cite: MantineNode;
-    color: string;
+    color: MantineColor;
     textWrap: "wrap" | "nowrap" | "balance" | "pretty" | "stable";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/Burger/Burger.d.ts

@@ -1,9 +1,10 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineSize } from '../../core';
 export declare const Burger: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     lineSize: PropType<string | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     opened: {
@@ -37,10 +38,10 @@ export declare const Burger: import("../..").WithBoxProps<import("vue").DefineCo
 }>, () => 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>;
     lineSize: PropType<string | number>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     opened: {
@@ -72,7 +73,7 @@ export declare const Burger: import("../..").WithBoxProps<import("vue").DefineCo
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     opened: boolean;

package/lib/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { type CSSProperties, type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type BoxProps, MantineSize, MantineRadius, type MantineVariant } from '../../core';
+import { type BoxProps, type MantineSize, type MantineColor, type MantineGradient, type MantineRadius, type JustifyContent, type MantineVariant } from '../../core';
 export type ButtonSize = MantineSize | `compact-${MantineSize}` | (string & {});
 export type ButtonVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'default' | 'gradient';
 export interface ButtonSlots {
@@ -54,11 +54,11 @@ export declare const Button: import("../..").WithBoxProps<{
         };
         size: PropType<ButtonSize>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<JustifyContent>;
             default: undefined;
         };
         leftSection: {
@@ -75,11 +75,7 @@ export declare const Button: import("../..").WithBoxProps<{
         };
         radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         disabled: {
@@ -133,19 +129,15 @@ export declare const Button: 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: MantineVariant<ButtonVariant>;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
         mod: any;
-        justify: string;
+        justify: import("csstype").Property.JustifyContent | undefined;
         component: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
@@ -170,11 +162,11 @@ export declare const Button: import("../..").WithBoxProps<{
         };
         size: PropType<ButtonSize>;
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<JustifyContent>;
             default: undefined;
         };
         leftSection: {
@@ -191,11 +183,7 @@ export declare const Button: import("../..").WithBoxProps<{
         };
         radius: PropType<MantineRadius>;
         gradient: {
-            type: PropType<{
-                from: string;
-                to: string;
-                deg?: number;
-            }>;
+            type: PropType<MantineGradient>;
             default: undefined;
         };
         disabled: {
@@ -249,19 +237,15 @@ export declare const Button: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         variant: MantineVariant<ButtonVariant>;
-        gradient: {
-            from: string;
-            to: string;
-            deg?: number;
-        };
+        gradient: MantineGradient;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
         mod: any;
-        justify: string;
+        justify: import("csstype").Property.JustifyContent | undefined;
         component: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
@@ -283,11 +267,11 @@ export declare const Button: import("../..").WithBoxProps<{
     };
     size: PropType<ButtonSize>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     leftSection: {
@@ -304,11 +288,7 @@ export declare const Button: import("../..").WithBoxProps<{
     };
     radius: PropType<MantineRadius>;
     gradient: {
-        type: PropType<{
-            from: string;
-            to: string;
-            deg?: number;
-        }>;
+        type: PropType<MantineGradient>;
         default: undefined;
     };
     disabled: {
@@ -362,19 +342,15 @@ export declare const Button: 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: MantineVariant<ButtonVariant>;
-    gradient: {
-        from: string;
-        to: string;
-        deg?: number;
-    };
+    gradient: MantineGradient;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
     mod: any;
-    justify: string;
+    justify: import("csstype").Property.JustifyContent | undefined;
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
@@ -440,18 +416,14 @@ export declare const Button: 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<ButtonSize>;
         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: {
@@ -481,18 +453,14 @@ export declare const Button: 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<ButtonSize>;
         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: {
@@ -520,14 +488,10 @@ export declare const Button: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ButtonVariant;
-        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/Button/ButtonGroupSection/ButtonGroupSection.d.ts

@@ -1,18 +1,15 @@
 import { type PropType } from 'vue';
-import type { ButtonVariant } from '../Button';
+import { type MantineColor, type MantineGradient, type MantineRadius } from '../../../core';
+import type { ButtonSize, ButtonVariant } from '../Button';
 export declare const ButtonGroupSection: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<ButtonSize>;
     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 ButtonGroupSection: import("../../..").WithBoxProps<import(
 }>, () => 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<ButtonSize>;
     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 ButtonGroupSection: import("../../..").WithBoxProps<import(
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: ButtonVariant;
-    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/Card/Card.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type VNode } from 'vue';
+import { type MantineRadius, type MantineSpacing } from '../../core';
 export declare const Card: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         component: {
@@ -9,12 +10,12 @@ export declare const Card: import("../..").WithBoxProps<{
             type: StringConstructor;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         withBorder: {
             type: BooleanConstructor;
             default: boolean;
         };
-        padding: PropType<string | number>;
+        padding: PropType<MantineSpacing>;
         orientation: {
             type: PropType<"horizontal" | "vertical">;
             default: undefined;
@@ -62,12 +63,12 @@ export declare const Card: import("../..").WithBoxProps<{
             type: StringConstructor;
             default: undefined;
         };
-        radius: PropType<string | number>;
+        radius: PropType<MantineRadius>;
         withBorder: {
             type: BooleanConstructor;
             default: boolean;
         };
-        padding: PropType<string | number>;
+        padding: PropType<MantineSpacing>;
         orientation: {
             type: PropType<"horizontal" | "vertical">;
             default: undefined;
@@ -112,12 +113,12 @@ export declare const Card: import("../..").WithBoxProps<{
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     withBorder: {
         type: BooleanConstructor;
         default: boolean;
     };
-    padding: PropType<string | number>;
+    padding: PropType<MantineSpacing>;
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: undefined;

package/lib/components/Checkbox/Checkbox.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, type MantineSize } from '../../core';
 export type CheckboxVariant = 'filled' | 'outline';
 export interface CheckboxIconSlotProps {
     indeterminate?: boolean;
@@ -24,15 +24,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: string;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         wrapperProps: {
@@ -114,10 +114,10 @@ export declare const Checkbox: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        size: string | number;
+        size: MantineSize | (string & {});
         label: MantineNode;
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: CheckboxVariant;
         error: MantineNode;
@@ -155,15 +155,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: string;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         wrapperProps: {
@@ -245,10 +245,10 @@ export declare const Checkbox: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        size: string | number;
+        size: MantineSize | (string & {});
         label: MantineNode;
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: CheckboxVariant;
         error: MantineNode;
@@ -283,15 +283,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {})>;
         default: string;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: string;
     };
     wrapperProps: {
@@ -373,10 +373,10 @@ export declare const Checkbox: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string | number;
+    size: MantineSize | (string & {});
     label: MantineNode;
-    radius: string | number;
-    color: string;
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     variant: CheckboxVariant;
     error: MantineNode;
@@ -416,7 +416,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: undefined;
         };
         wrapperProps: {
@@ -491,7 +491,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: undefined;
         };
         wrapperProps: {
@@ -551,7 +551,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string | number;
+        size: MantineSize | (string & {});
         label: MantineNode;
         name: string;
         error: MantineNode;
@@ -572,15 +572,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
     }, SlotsType<import("./CheckboxGroup/CheckboxGroup").CheckboxGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {}) | number>;
             default: string;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         iconColor: {
@@ -635,15 +635,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {}) | number>;
             default: string;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         iconColor: {
@@ -695,9 +695,9 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string | number;
-        radius: string | number;
-        color: string;
+        size: number | MantineSize | (string & {});
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: import(".").CheckboxIndicatorVariant;
         classNames: Function | Record<string, any>;
@@ -729,7 +729,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         value: {
@@ -776,7 +776,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         value: {
@@ -804,7 +804,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        radius: string | number;
+        radius: MantineRadius;
         onChange: (value: boolean) => void;
         value: string;
         classNames: Function | Record<string, any>;

package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../../core';
 export interface CheckboxCardContextValue {
     checked: boolean;
 }
@@ -21,7 +22,7 @@ export declare const CheckboxCard: import("../../..").WithBoxProps<import("vue")
         default: boolean;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     value: {
@@ -68,7 +69,7 @@ export declare const CheckboxCard: import("../../..").WithBoxProps<import("vue")
         default: boolean;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     value: {
@@ -96,7 +97,7 @@ export declare const CheckboxCard: import("../../..").WithBoxProps<import("vue")
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    radius: string | number;
+    radius: MantineRadius;
     onChange: (value: boolean) => void;
     value: string;
     classNames: Function | Record<string, any>;