@mantine-vue/core 2.2.1 → 2.3.0

package/lib/components/NativeSelect/NativeSelect.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../core';
+import { type MantineNode, type MantineRadius, type MantineSize } from '../../core';
 import { type NativeSelectData } from './get-parsed-data/get-parsed-data';
 export interface NativeSelectSlots {
     default?: () => VNodeChild;
@@ -38,7 +38,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     error: {
@@ -98,7 +98,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     classNames: {
@@ -125,7 +125,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     error: {
@@ -185,7 +185,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     classNames: {
@@ -205,11 +205,11 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     data: NativeSelectData<any>;
     form: string;
     label: MantineNode;
-    radius: string | number;
+    radius: MantineRadius;
     name: string;
     variant: "default" | "filled" | "unstyled";
     error: MantineNode;

package/lib/components/NavLink/NavLink.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 MantineSpacing, type SectionSlots } from '../../core';
 export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 export interface NavLinkSlots extends SectionSlots {
@@ -33,7 +33,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     noWrap: {
@@ -57,7 +57,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
         default: boolean;
     };
     childrenOffset: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: string;
     };
     disabled: {
@@ -124,7 +124,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
         default: boolean;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     noWrap: {
@@ -148,7 +148,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
         default: boolean;
     };
     childrenOffset: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: string;
     };
     disabled: {
@@ -189,7 +189,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
     };
 }>> & Readonly<{}>, {
     label: any;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     variant: NavLinkVariant;
     onChange: (opened: boolean) => void;
@@ -206,7 +206,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
     unstyled: boolean;
     leftSection: any;
     rightSection: MantineNode;
-    childrenOffset: string | number;
+    childrenOffset: MantineSpacing;
     noWrap: boolean;
     defaultOpened: boolean;
     disableRightSectionRotation: boolean;

package/lib/components/Notification/Notification.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 NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 export interface NotificationSlots {
     default?: () => VNodeChild;
@@ -12,11 +12,11 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     icon: {
@@ -75,11 +75,11 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     icon: {
@@ -132,8 +132,8 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
     };
 }>> & Readonly<{}>, {
     title: MantineNode;
-    radius: string | number;
-    color: string;
+    radius: MantineRadius;
+    color: MantineColor;
     onClose: () => void;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/NumberInput/NumberInput.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 NumberInputSlots {
     label?: () => VNodeChild;
     description?: () => VNodeChild;
@@ -138,7 +138,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     disabled: {
@@ -327,7 +327,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     disabled: {
@@ -391,7 +391,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     max: number | bigint | undefined;
     label: MantineNode;
     error: MantineNode;

package/lib/components/OverflowList/OverflowList.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type VNode } from 'vue';
+import { type MantineSpacing } from '../../core';
 export type OverflowListStylesNames = 'root';
 export declare const OverflowList: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -22,7 +23,7 @@ export declare const OverflowList: import("../..").WithBoxProps<import("vue").De
         default: undefined;
     };
     gap: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: undefined;
     };
     collapseFrom: {
@@ -73,7 +74,7 @@ export declare const OverflowList: import("../..").WithBoxProps<import("vue").De
         default: undefined;
     };
     gap: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: undefined;
     };
     collapseFrom: {
@@ -103,7 +104,7 @@ export declare const OverflowList: import("../..").WithBoxProps<import("vue").De
 }>> & Readonly<{}>, {
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    gap: string | number;
+    gap: MantineSpacing;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     maxRows: number;

package/lib/components/Overlay/Overlay.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../core';
 export declare const Overlay: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: StringConstructor;
@@ -18,7 +19,7 @@ export declare const Overlay: import("../..").WithBoxProps<import("vue").DefineC
         default: undefined;
     };
     zIndex: PropType<string | number>;
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     center: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,7 +65,7 @@ export declare const Overlay: import("../..").WithBoxProps<import("vue").DefineC
         default: undefined;
     };
     zIndex: PropType<string | number>;
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     center: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/Pagination/Pagination.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize, type MantineSpacing } from '../../core';
 import { type PaginationLayout } from './PaginationRoot/PaginationRoot';
 export type PaginationStylesNames = 'root' | 'control' | 'dots' | 'items' | 'label';
 export declare const Pagination: {
@@ -44,19 +45,19 @@ export declare const Pagination: {
             default: boolean;
         };
         gap: {
-            type: PropType<string | number>;
+            type: PropType<MantineSpacing>;
             default: undefined;
         };
         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 | `input-${MantineSize}` | (string & {}) | number>;
             default: undefined;
         };
         disabled: {
@@ -94,9 +95,9 @@ export declare const Pagination: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        size: string | number;
-        radius: string | number;
-        color: string;
+        size: number | MantineSize | (string & {}) | "input-xs" | "input-sm" | "input-md" | "input-lg" | "input-xl";
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         onChange: (page: number) => void;
         value: number;
@@ -107,7 +108,7 @@ export declare const Pagination: {
         siblings: number;
         boundaries: number;
         layout: PaginationLayout;
-        gap: string | number;
+        gap: MantineSpacing;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         getItemProps: (page: number) => Record<string, any>;
@@ -164,19 +165,19 @@ export declare const Pagination: {
             default: boolean;
         };
         gap: {
-            type: PropType<string | number>;
+            type: PropType<MantineSpacing>;
             default: undefined;
         };
         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 | `input-${MantineSize}` | (string & {}) | number>;
             default: undefined;
         };
         disabled: {
@@ -214,9 +215,9 @@ export declare const Pagination: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        size: string | number;
-        radius: string | number;
-        color: string;
+        size: number | MantineSize | (string & {}) | "input-xs" | "input-sm" | "input-md" | "input-lg" | "input-xl";
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         onChange: (page: number) => void;
         value: number;
@@ -227,7 +228,7 @@ export declare const Pagination: {
         siblings: number;
         boundaries: number;
         layout: PaginationLayout;
-        gap: string | number;
+        gap: MantineSpacing;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         getItemProps: (page: number) => Record<string, any>;
@@ -281,19 +282,19 @@ export declare const Pagination: {
         default: boolean;
     };
     gap: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: undefined;
     };
     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 | `input-${MantineSize}` | (string & {}) | number>;
         default: undefined;
     };
     disabled: {
@@ -331,9 +332,9 @@ export declare const Pagination: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string | number;
-    radius: string | number;
-    color: string;
+    size: number | MantineSize | (string & {}) | "input-xs" | "input-sm" | "input-md" | "input-lg" | "input-xl";
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     onChange: (page: number) => void;
     value: number;
@@ -344,7 +345,7 @@ export declare const Pagination: {
     siblings: number;
     boundaries: number;
     layout: PaginationLayout;
-    gap: string | number;
+    gap: MantineSpacing;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     getItemProps: (page: number) => Record<string, any>;
@@ -380,15 +381,15 @@ export declare const Pagination: {
             default: undefined;
         };
         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 | `input-${MantineSize}` | (string & {}) | number>;
             default: undefined;
         };
         disabled: {
@@ -455,15 +456,15 @@ export declare const Pagination: {
             default: undefined;
         };
         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 | `input-${MantineSize}` | (string & {}) | number>;
             default: undefined;
         };
         disabled: {
@@ -503,9 +504,9 @@ export declare const Pagination: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string | number;
-        radius: string | number;
-        color: string;
+        size: number | MantineSize | (string & {}) | "input-xs" | "input-sm" | "input-md" | "input-lg" | "input-xl";
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         onChange: (page: number) => void;
         value: number;

package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../../core';
 export type PaginationRootStylesNames = 'root' | 'control' | 'dots' | 'items' | 'label';
 export type PaginationLayout = 'default' | 'responsive';
 export declare const PaginationRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -27,15 +28,15 @@ export declare const PaginationRoot: import("vue").DefineComponent<import("vue")
         default: undefined;
     };
     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 | `input-${MantineSize}` | (string & {}) | number>;
         default: undefined;
     };
     disabled: {
@@ -102,15 +103,15 @@ export declare const PaginationRoot: import("vue").DefineComponent<import("vue")
         default: undefined;
     };
     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 | `input-${MantineSize}` | (string & {}) | number>;
         default: undefined;
     };
     disabled: {
@@ -150,9 +151,9 @@ export declare const PaginationRoot: import("vue").DefineComponent<import("vue")
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
-    radius: string | number;
-    color: string;
+    size: number | MantineSize | (string & {}) | "input-xs" | "input-sm" | "input-md" | "input-lg" | "input-xl";
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     onChange: (page: number) => void;
     value: number;

package/lib/components/Paper/Paper.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../core';
 export declare const Paper: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: StringConstructor;
@@ -8,7 +9,7 @@ export declare const Paper: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     withBorder: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,7 +41,7 @@ export declare const Paper: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     withBorder: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/PasswordInput/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../core';
+import { type MantineNode, type MantineRadius, type MantineSize } from '../../core';
 export interface PasswordInputSlots {
     label?: () => VNodeChild;
     description?: () => VNodeChild;
@@ -78,7 +78,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     variant: {
@@ -86,7 +86,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         default: string;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     disabled: {
@@ -217,7 +217,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     variant: {
@@ -225,7 +225,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         default: string;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     disabled: {
@@ -285,9 +285,9 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     label: MantineNode;
-    radius: string | number;
+    radius: MantineRadius;
     variant: "default" | "filled" | "unstyled";
     error: MantineNode;
     classNames: Function | Record<string, any>;