@mantine-vue/core 2.2.2 → 2.3.1

package/lib/components/Radio/Radio.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 RadioVariant = 'filled' | 'outline';
 export interface RadioSlots {
     label?: () => VNodeChild;
@@ -22,11 +22,11 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: string;
         };
         icon: {
@@ -50,7 +50,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         rootRef: {
@@ -104,10 +104,10 @@ export declare const Radio: 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: RadioVariant;
         error: MantineNode;
@@ -143,11 +143,11 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: string;
         };
         icon: {
@@ -171,7 +171,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: string;
         };
         rootRef: {
@@ -225,10 +225,10 @@ export declare const Radio: 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: RadioVariant;
         error: MantineNode;
@@ -261,11 +261,11 @@ export declare const Radio: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {})>;
         default: string;
     };
     icon: {
@@ -289,7 +289,7 @@ export declare const Radio: import("../..").WithBoxProps<{
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: string;
     };
     rootRef: {
@@ -343,10 +343,10 @@ export declare const Radio: 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: RadioVariant;
     error: MantineNode;
@@ -384,7 +384,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: undefined;
         };
         wrapperProps: {
@@ -447,7 +447,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: undefined;
         };
         wrapperProps: {
@@ -495,7 +495,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string | number;
+        size: MantineSize;
         label: MantineNode;
         name: string;
         error: MantineNode;
@@ -513,15 +513,15 @@ export declare const Radio: import("../..").WithBoxProps<{
     }, SlotsType<import("./RadioGroup/RadioGroup").RadioGroupSlots>, {}, {}, 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: undefined;
         };
         iconColor: {
@@ -572,15 +572,15 @@ export declare const Radio: 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: undefined;
         };
         iconColor: {
@@ -628,9 +628,9 @@ export declare const Radio: 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(".").RadioIndicatorVariant;
         classNames: Function | Record<string, any>;
@@ -653,7 +653,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: boolean;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         value: {
@@ -696,7 +696,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: boolean;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         value: {
@@ -728,7 +728,7 @@ export declare const Radio: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        radius: string | number;
+        radius: MantineRadius;
         name: string;
         value: string;
         classNames: Function | Record<string, any>;

package/lib/components/Radio/RadioCard/RadioCard.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../../core';
 export interface RadioCardContextValue {
     checked: boolean;
 }
@@ -13,7 +14,7 @@ export declare const RadioCard: import("../../..").WithBoxProps<import("vue").De
         default: boolean;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     value: {
@@ -56,7 +57,7 @@ export declare const RadioCard: import("../../..").WithBoxProps<import("vue").De
         default: boolean;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     value: {
@@ -88,7 +89,7 @@ export declare const RadioCard: import("../../..").WithBoxProps<import("vue").De
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    radius: string | number;
+    radius: MantineRadius;
     name: string;
     value: string;
     classNames: Function | Record<string, any>;

package/lib/components/Radio/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../../core';
+import { type MantineNode, type MantineSize } from '../../../core';
 export interface RadioGroupContextValue {
     value: string | null;
     onChange: (eventOrValue: Event | string) => void;
@@ -28,7 +28,7 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize>;
         default: undefined;
     };
     wrapperProps: {
@@ -91,7 +91,7 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize>;
         default: undefined;
     };
     wrapperProps: {
@@ -139,7 +139,7 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: MantineSize;
     label: MantineNode;
     name: string;
     error: MantineNode;

package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../../core';
 export type RadioIndicatorVariant = 'filled' | 'outline';
 export interface RadioIndicatorSlots {
     icon?: (props: {
@@ -8,15 +9,15 @@ export interface RadioIndicatorSlots {
 }
 export declare const RadioIndicator: 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: undefined;
     };
     iconColor: {
@@ -67,15 +68,15 @@ export declare const RadioIndicator: import("../../..").WithBoxProps<import("vue
     [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: undefined;
     };
     iconColor: {
@@ -123,9 +124,9 @@ export declare const RadioIndicator: import("../../..").WithBoxProps<import("vue
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
-    radius: string | number;
-    color: string;
+    size: number | MantineSize | (string & {});
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     variant: RadioIndicatorVariant;
     classNames: Function | Record<string, any>;

package/lib/components/Rating/Rating.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 MantineSize } from '../../core';
 export type RatingStylesNames = 'root' | 'starSymbol' | 'input' | 'label' | 'symbolBody' | 'symbolGroup';
 export interface RatingSlots {
     emptySymbol?: (props: {
@@ -35,7 +35,7 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | number | (string & {})>;
         default: undefined;
     };
     count: {
@@ -71,7 +71,7 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     classNames: {
@@ -118,7 +118,7 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | number | (string & {})>;
         default: undefined;
     };
     count: {
@@ -154,7 +154,7 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     classNames: {
@@ -174,9 +174,9 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     name: string;
-    color: string;
+    color: MantineColor;
     onChange: (value: number) => void;
     value: number;
     classNames: Function | Record<string, any>;

package/lib/components/RingProgress/Curve/Curve.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor } from '../../../core';
 export declare const Curve: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
@@ -29,7 +30,7 @@ export declare const Curve: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     getStyles: {
@@ -68,7 +69,7 @@ export declare const Curve: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     getStyles: {
@@ -76,7 +77,7 @@ export declare const Curve: import("vue").DefineComponent<import("vue").ExtractP
         required: true;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     value: number;
     root: boolean;
     lineRoundCaps: boolean;

package/lib/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
 export type SegmentedControlStylesNames = 'root' | 'input' | 'label' | 'control' | 'indicator' | 'innerLabel';
 export interface SegmentedControlItem<Value = string> {
     value: Value;
@@ -35,15 +36,15 @@ export declare const SegmentedControl: import("vue").DefineComponent<import("vue
         default: boolean;
     };
     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: undefined;
     };
     transitionDuration: {
@@ -126,15 +127,15 @@ export declare const SegmentedControl: import("vue").DefineComponent<import("vue
         default: boolean;
     };
     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: undefined;
     };
     transitionDuration: {
@@ -186,11 +187,11 @@ export declare const SegmentedControl: import("vue").DefineComponent<import("vue
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: MantineSize | (string & {});
     orientation: "vertical" | "horizontal";
-    radius: string | number;
+    radius: MantineRadius;
     name: string;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: string;
     onChange: (value: any) => void;

package/lib/components/Slider/RangeSlider/RangeSlider.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../../core';
 import type { SliderMark } from '../SliderMark';
 export type RangeSliderValue = [number, number];
 export interface RangeSliderSlots {
@@ -116,15 +117,15 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     thumbSize: {
@@ -259,15 +260,15 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     thumbSize: {
@@ -295,13 +296,13 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     max: number;
     label: any;
     orientation: "vertical" | "horizontal";
-    radius: string | number;
+    radius: MantineRadius;
     name: string;
-    color: string;
+    color: MantineColor;
     scale: (value: number) => number;
     onChange: (value: RangeSliderValue) => void;
     value: RangeSliderValue;

package/lib/components/Slider/Slider/Slider.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../../core';
 import { type SliderStylesNames } from '../Slider.context';
 import type { SliderMark } from '../SliderMark';
 export type { SliderStylesNames };
@@ -10,15 +11,15 @@ export interface SliderSlots {
 }
 export declare const Slider: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     min: {
@@ -149,15 +150,15 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
     [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;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     min: {
@@ -285,13 +286,13 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     max: number;
     label: any;
     orientation: "vertical" | "horizontal";
-    radius: string | number;
+    radius: MantineRadius;
     name: string;
-    color: string;
+    color: MantineColor;
     scale: (value: number) => number;
     onChange: (value: number) => void;
     value: number;

package/lib/components/Stack/Stack.d.ts

@@ -1,12 +1,13 @@
 import { type PropType } from 'vue';
+import { type AlignItems, type JustifyContent, type MantineSpacing } from '../../core';
 export declare const Stack: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    gap: PropType<string | number>;
+    gap: PropType<MantineSpacing>;
     align: {
-        type: StringConstructor;
+        type: PropType<AlignItems>;
         default: undefined;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     classNames: {
@@ -28,13 +29,13 @@ export declare const Stack: import("../..").WithBoxProps<import("vue").DefineCom
 }>, () => 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<{
-    gap: PropType<string | number>;
+    gap: PropType<MantineSpacing>;
     align: {
-        type: StringConstructor;
+        type: PropType<AlignItems>;
         default: undefined;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     classNames: {
@@ -56,8 +57,8 @@ export declare const Stack: import("../..").WithBoxProps<import("vue").DefineCom
 }>> & Readonly<{}>, {
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    justify: string;
+    justify: import("csstype").Property.JustifyContent | undefined;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    align: string;
+    align: import("csstype").Property.AlignItems | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;