@mantine-vue/core 2.2.2 → 2.3.0

package/lib/components/Stepper/Stepper.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
 export interface StepperSlots {
     default?: () => VNodeChild;
     icon?: (payload: {
@@ -35,7 +36,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         iconSize: {
@@ -55,11 +56,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         allowNextStepsSelect: {
@@ -101,11 +102,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        size: string | number;
+        size: MantineSize;
         orientation: "vertical" | "horizontal";
-        radius: string | number;
+        radius: MantineRadius;
         wrap: boolean;
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -150,7 +151,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         iconSize: {
@@ -170,11 +171,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         allowNextStepsSelect: {
@@ -216,11 +217,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        size: string | number;
+        size: MantineSize;
         orientation: "vertical" | "horizontal";
-        radius: string | number;
+        radius: MantineRadius;
         wrap: boolean;
-        color: string;
+        color: MantineColor;
         autoContrast: boolean;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -262,7 +263,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     iconSize: {
@@ -282,11 +283,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     allowNextStepsSelect: {
@@ -328,11 +329,11 @@ export declare const Stepper: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string | number;
+    size: MantineSize;
     orientation: "vertical" | "horizontal";
-    radius: string | number;
+    radius: MantineRadius;
     wrap: boolean;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
@@ -361,7 +362,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         withIcon: {
@@ -444,7 +445,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         withIcon: {
@@ -519,7 +520,7 @@ export declare const Stepper: import("../..").WithBoxProps<{
         label: any;
         style: any;
         orientation: "vertical" | "horizontal";
-        color: string;
+        color: MantineColor;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         description: any;

package/lib/components/Stepper/StepperStep/StepperStep.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineColor } from '../../../core';
 export interface StepperStepFragmentSlotProps {
     step: number;
 }
@@ -21,7 +22,7 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     withIcon: {
@@ -104,7 +105,7 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     withIcon: {
@@ -179,7 +180,7 @@ export declare const StepperStep: import("../../..").WithBoxProps<import("vue").
     label: any;
     style: any;
     orientation: "vertical" | "horizontal";
-    color: string;
+    color: MantineColor;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     description: any;

package/lib/components/Switch/Switch.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 interface SwitchSlots {
     label?: () => VNodeChild;
     description?: () => VNodeChild;
@@ -28,15 +28,15 @@ export declare const Switch: 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: {
@@ -110,10 +110,10 @@ export declare const Switch: 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;
         variant: string;
         error: MantineNode;
         onChange: (event: Event) => void;
@@ -159,15 +159,15 @@ export declare const Switch: 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: {
@@ -241,10 +241,10 @@ export declare const Switch: 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;
         variant: string;
         error: MantineNode;
         onChange: (event: Event) => void;
@@ -287,15 +287,15 @@ export declare const Switch: 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: {
@@ -369,10 +369,10 @@ export declare const Switch: 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;
     variant: string;
     error: MantineNode;
     onChange: (event: Event) => void;
@@ -412,7 +412,7 @@ export declare const Switch: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: undefined;
         };
         wrapperProps: {
@@ -487,7 +487,7 @@ export declare const Switch: import("../..").WithBoxProps<{
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize | (string & {})>;
             default: undefined;
         };
         wrapperProps: {
@@ -547,7 +547,7 @@ export declare const Switch: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string | number;
+        size: MantineSize | (string & {});
         label: MantineNode;
         name: string;
         error: MantineNode;

package/lib/components/Switch/SwitchGroup/SwitchGroup.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 SwitchGroupContextValue {
     value: string[];
     onChange: (event: Event) => void;
@@ -27,7 +27,7 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {})>;
         default: undefined;
     };
     wrapperProps: {
@@ -102,7 +102,7 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {})>;
         default: undefined;
     };
     wrapperProps: {
@@ -162,7 +162,7 @@ export declare const SwitchGroup: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: MantineSize | (string & {});
     label: MantineNode;
     name: string;
     error: MantineNode;

package/lib/components/TableOfContents/TableOfContents.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type Ref } from 'vue';
 import { type UseScrollSpyHeadingData, type UseScrollSpyOptions } from '@mantine-vue/hooks';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
 export type TableOfContentsStylesNames = 'root' | 'control';
 export type TableOfContentsVariant = 'filled' | 'light' | 'none';
 export interface InitialTableOfContentsData {
@@ -9,11 +10,11 @@ export interface InitialTableOfContentsData {
 }
 export declare const TableOfContents: 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: undefined;
     };
     autoContrast: {
@@ -44,7 +45,7 @@ export declare const TableOfContents: import("../..").WithBoxProps<import("vue")
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     reinitializeRef: {
@@ -75,11 +76,11 @@ export declare const TableOfContents: 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: undefined;
     };
     autoContrast: {
@@ -110,7 +111,7 @@ export declare const TableOfContents: import("../..").WithBoxProps<import("vue")
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     reinitializeRef: {
@@ -138,9 +139,9 @@ export declare const TableOfContents: 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: TableOfContentsVariant;
     classNames: Function | Record<string, any>;

package/lib/components/Tabs/Tabs.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineRadius } from '../../core';
 export type TabsStylesNames = 'root' | 'list' | 'panel' | 'tab' | 'tabSection' | 'tabLabel';
 export type TabsVariant = 'default' | 'outline' | 'pills';
 export declare const Tabs: {
@@ -44,11 +45,11 @@ export declare const Tabs: {
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         inverted: {
@@ -92,8 +93,8 @@ export declare const Tabs: {
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         loop: boolean;
         orientation: "vertical" | "horizontal";
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: TabsVariant;
         onChange: (value: string | null) => void;
@@ -160,11 +161,11 @@ export declare const Tabs: {
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         inverted: {
@@ -208,8 +209,8 @@ export declare const Tabs: {
     }>, {}, {}, {}, {
         loop: boolean;
         orientation: "vertical" | "horizontal";
-        radius: string | number;
-        color: string;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: TabsVariant;
         onChange: (value: string | null) => void;
@@ -273,11 +274,11 @@ export declare const Tabs: {
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     inverted: {
@@ -321,8 +322,8 @@ export declare const Tabs: {
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     loop: boolean;
     orientation: "vertical" | "horizontal";
-    radius: string | number;
-    color: string;
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     variant: TabsVariant;
     onChange: (value: string | null) => void;
@@ -357,7 +358,7 @@ export declare const Tabs: {
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         disabled: {
@@ -408,7 +409,7 @@ export declare const Tabs: {
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         disabled: {
@@ -445,7 +446,7 @@ export declare const Tabs: {
         };
     }>> & Readonly<{}>, {
         onKeydown: (event: KeyboardEvent) => void;
-        color: string;
+        color: MantineColor;
         onClick: (event: MouseEvent) => void;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -512,7 +513,7 @@ export declare const Tabs: {
             default: boolean;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<import("../..").JustifyContent>;
             default: undefined;
         };
         mod: {
@@ -535,7 +536,7 @@ export declare const Tabs: {
             default: boolean;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<import("../..").JustifyContent>;
             default: undefined;
         };
         mod: {
@@ -554,7 +555,7 @@ export declare const Tabs: {
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         mod: any;
-        justify: string;
+        justify: import("csstype").Property.JustifyContent | undefined;
         grow: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 };

package/lib/components/Tabs/TabsList/TabsList.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type JustifyContent } from '../../../core';
 export type TabsListStylesNames = 'list';
 export declare const TabsList: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     grow: {
@@ -6,7 +7,7 @@ export declare const TabsList: import("../../..").WithBoxProps<import("vue").Def
         default: boolean;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     mod: {
@@ -29,7 +30,7 @@ export declare const TabsList: import("../../..").WithBoxProps<import("vue").Def
         default: boolean;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     mod: {
@@ -48,6 +49,6 @@ export declare const TabsList: import("../../..").WithBoxProps<import("vue").Def
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     mod: any;
-    justify: string;
+    justify: import("csstype").Property.JustifyContent | undefined;
     grow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Tabs/TabsTab/TabsTab.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode, type SectionSlots } from '../../../core';
+import { type MantineColor, type MantineNode, type SectionSlots } from '../../../core';
 export type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';
 export interface TabsTabSlots extends SectionSlots {
     default?: () => VNodeChild;
@@ -18,7 +18,7 @@ export declare const TabsTab: import("vue").DefineComponent<import("vue").Extrac
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     disabled: {
@@ -69,7 +69,7 @@ export declare const TabsTab: import("vue").DefineComponent<import("vue").Extrac
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     disabled: {
@@ -106,7 +106,7 @@ export declare const TabsTab: import("vue").DefineComponent<import("vue").Extrac
     };
 }>> & Readonly<{}>, {
     onKeydown: (event: KeyboardEvent) => void;
-    color: string;
+    color: MantineColor;
     onClick: (event: MouseEvent) => void;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/Text/Text.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineFontSize, type MantineLineHeight } from '../../core';
 export type TextTruncate = 'end' | 'start' | boolean;
 export type TextVariant = 'text' | 'gradient';
 export declare const Text: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -10,7 +11,7 @@ export declare const Text: import("../..").WithBoxProps<import("vue").DefineComp
         type: StringConstructor;
         default: undefined;
     };
-    size: PropType<string | number>;
+    size: PropType<MantineFontSize | MantineLineHeight>;
     lineClamp: {
         type: NumberConstructor;
         default: undefined;
@@ -78,7 +79,7 @@ export declare const Text: import("../..").WithBoxProps<import("vue").DefineComp
         type: StringConstructor;
         default: undefined;
     };
-    size: PropType<string | number>;
+    size: PropType<MantineFontSize | MantineLineHeight>;
     lineClamp: {
         type: NumberConstructor;
         default: undefined;