@mantine-vue/core 2.2.2 → 2.3.0

package/lib/components/Grid/Grid.d.ts

@@ -1,18 +1,18 @@
 import { type PropType } from 'vue';
+import { type AlignItems, type JustifyContent, type MantineSpacing, type Overflow, type StyleProp } from '../../core';
 import { type GridBreakpoints } from './Grid.context';
-type StyleProp<T> = T | Partial<Record<string, T>>;
 export declare const Grid: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         gap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         rowGap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         columnGap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         grow: {
@@ -20,11 +20,11 @@ export declare const Grid: import("../..").WithBoxProps<{
             default: boolean;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<JustifyContent>;
             default: undefined;
         };
         align: {
-            type: StringConstructor;
+            type: PropType<AlignItems>;
             default: undefined;
         };
         columns: {
@@ -32,7 +32,7 @@ export declare const Grid: import("../..").WithBoxProps<{
             default: undefined;
         };
         overflow: {
-            type: StringConstructor;
+            type: PropType<Overflow>;
             default: undefined;
         };
         type: {
@@ -66,15 +66,15 @@ export declare const Grid: import("../..").WithBoxProps<{
         type: "media" | "container";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        justify: string;
-        columnGap: StyleProp<string | number>;
-        rowGap: StyleProp<string | number>;
+        justify: import("csstype").Property.JustifyContent | undefined;
+        columnGap: StyleProp<MantineSpacing>;
+        rowGap: StyleProp<MantineSpacing>;
         columns: number;
-        gap: StyleProp<string | number>;
-        overflow: string;
+        gap: StyleProp<MantineSpacing>;
+        overflow: import("csstype").Property.Overflow | undefined;
         vars: Function | Record<string, any>;
         unstyled: boolean;
-        align: string;
+        align: import("csstype").Property.AlignItems | undefined;
         grow: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -85,15 +85,15 @@ export declare const Grid: import("../..").WithBoxProps<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         gap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         rowGap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         columnGap: {
-            type: PropType<StyleProp<string | number>>;
+            type: PropType<StyleProp<MantineSpacing>>;
             default: undefined;
         };
         grow: {
@@ -101,11 +101,11 @@ export declare const Grid: import("../..").WithBoxProps<{
             default: boolean;
         };
         justify: {
-            type: StringConstructor;
+            type: PropType<JustifyContent>;
             default: undefined;
         };
         align: {
-            type: StringConstructor;
+            type: PropType<AlignItems>;
             default: undefined;
         };
         columns: {
@@ -113,7 +113,7 @@ export declare const Grid: import("../..").WithBoxProps<{
             default: undefined;
         };
         overflow: {
-            type: StringConstructor;
+            type: PropType<Overflow>;
             default: undefined;
         };
         type: {
@@ -147,15 +147,15 @@ export declare const Grid: import("../..").WithBoxProps<{
         type: "media" | "container";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        justify: string;
-        columnGap: StyleProp<string | number>;
-        rowGap: StyleProp<string | number>;
+        justify: import("csstype").Property.JustifyContent | undefined;
+        columnGap: StyleProp<MantineSpacing>;
+        rowGap: StyleProp<MantineSpacing>;
         columns: number;
-        gap: StyleProp<string | number>;
-        overflow: string;
+        gap: StyleProp<MantineSpacing>;
+        overflow: import("csstype").Property.Overflow | undefined;
         vars: Function | Record<string, any>;
         unstyled: boolean;
-        align: string;
+        align: import("csstype").Property.AlignItems | undefined;
         grow: boolean;
     }>;
     __isFragment?: never;
@@ -163,15 +163,15 @@ export declare const Grid: import("../..").WithBoxProps<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     gap: {
-        type: PropType<StyleProp<string | number>>;
+        type: PropType<StyleProp<MantineSpacing>>;
         default: undefined;
     };
     rowGap: {
-        type: PropType<StyleProp<string | number>>;
+        type: PropType<StyleProp<MantineSpacing>>;
         default: undefined;
     };
     columnGap: {
-        type: PropType<StyleProp<string | number>>;
+        type: PropType<StyleProp<MantineSpacing>>;
         default: undefined;
     };
     grow: {
@@ -179,11 +179,11 @@ export declare const Grid: import("../..").WithBoxProps<{
         default: boolean;
     };
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     align: {
-        type: StringConstructor;
+        type: PropType<AlignItems>;
         default: undefined;
     };
     columns: {
@@ -191,7 +191,7 @@ export declare const Grid: import("../..").WithBoxProps<{
         default: undefined;
     };
     overflow: {
-        type: StringConstructor;
+        type: PropType<Overflow>;
         default: undefined;
     };
     type: {
@@ -225,32 +225,32 @@ export declare const Grid: import("../..").WithBoxProps<{
     type: "media" | "container";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    justify: string;
-    columnGap: StyleProp<string | number>;
-    rowGap: StyleProp<string | number>;
+    justify: import("csstype").Property.JustifyContent | undefined;
+    columnGap: StyleProp<MantineSpacing>;
+    rowGap: StyleProp<MantineSpacing>;
     columns: number;
-    gap: StyleProp<string | number>;
-    overflow: string;
+    gap: StyleProp<MantineSpacing>;
+    overflow: import("csstype").Property.Overflow | undefined;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    align: string;
+    align: import("csstype").Property.AlignItems | undefined;
     grow: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Col: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         span: {
-            type: PropType<import("./GridCol/GridColVariables").ColSpan | Partial<Record<string, import("./GridCol/GridColVariables").ColSpan>>>;
+            type: PropType<StyleProp<import("./GridCol/GridColVariables").ColSpan>>;
             default: undefined;
         };
         order: {
-            type: PropType<number | Partial<Record<string, number>>>;
+            type: PropType<StyleProp<number>>;
             default: undefined;
         };
         offset: {
-            type: PropType<number | Partial<Record<string, number>>>;
+            type: PropType<StyleProp<number>>;
             default: undefined;
         };
         align: {
-            type: PropType<string | Partial<Record<string, string>>>;
+            type: PropType<StyleProp<AlignItems>>;
             default: undefined;
         };
         classNames: {
@@ -269,19 +269,19 @@ export declare const Grid: import("../..").WithBoxProps<{
         [key: string]: any;
     }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         span: {
-            type: PropType<import("./GridCol/GridColVariables").ColSpan | Partial<Record<string, import("./GridCol/GridColVariables").ColSpan>>>;
+            type: PropType<StyleProp<import("./GridCol/GridColVariables").ColSpan>>;
             default: undefined;
         };
         order: {
-            type: PropType<number | Partial<Record<string, number>>>;
+            type: PropType<StyleProp<number>>;
             default: undefined;
         };
         offset: {
-            type: PropType<number | Partial<Record<string, number>>>;
+            type: PropType<StyleProp<number>>;
             default: undefined;
         };
         align: {
-            type: PropType<string | Partial<Record<string, string>>>;
+            type: PropType<StyleProp<AlignItems>>;
             default: undefined;
         };
         classNames: {
@@ -297,13 +297,12 @@ export declare const Grid: import("../..").WithBoxProps<{
             default: undefined;
         };
     }>> & Readonly<{}>, {
-        span: import("./GridCol/GridColVariables").ColSpan | Partial<Record<string, import("./GridCol/GridColVariables").ColSpan>>;
+        span: StyleProp<import("./GridCol/GridColVariables").ColSpan>;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        offset: number | Partial<Record<string, number>>;
-        order: number | Partial<Record<string, number>>;
+        offset: StyleProp<number>;
+        order: StyleProp<number>;
         vars: Function | Record<string, any>;
-        align: string | Partial<Record<string, string>>;
+        align: StyleProp<import("csstype").Property.AlignItems | undefined>;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 }>;
-export {};

package/lib/components/Grid/GridCol/GridCol.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
+import { type AlignItems, type StyleProp } from '../../../core';
 import { type ColSpan } from './GridColVariables';
-type StyleProp<T> = T | Partial<Record<string, T>>;
 export declare const GridCol: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     span: {
         type: PropType<StyleProp<ColSpan>>;
@@ -15,7 +15,7 @@ export declare const GridCol: import("../../..").WithBoxProps<import("vue").Defi
         default: undefined;
     };
     align: {
-        type: PropType<StyleProp<string>>;
+        type: PropType<StyleProp<AlignItems>>;
         default: undefined;
     };
     classNames: {
@@ -46,7 +46,7 @@ export declare const GridCol: import("../../..").WithBoxProps<import("vue").Defi
         default: undefined;
     };
     align: {
-        type: PropType<StyleProp<string>>;
+        type: PropType<StyleProp<AlignItems>>;
         default: undefined;
     };
     classNames: {
@@ -68,6 +68,5 @@ export declare const GridCol: import("../../..").WithBoxProps<import("vue").Defi
     offset: StyleProp<number>;
     order: StyleProp<number>;
     vars: Function | Record<string, any>;
-    align: StyleProp<string>;
+    align: StyleProp<import("csstype").Property.AlignItems | undefined>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-export {};

package/lib/components/Grid/GridCol/GridColVariables.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
+import { type AlignItems, type StyleProp } from '../../../core';
 export type ColSpan = number | 'auto' | 'content';
-type StyleProp<T> = T | Partial<Record<string, T>>;
 export declare const GridColVariables: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     selector: {
         type: StringConstructor;
@@ -19,7 +19,7 @@ export declare const GridColVariables: import("vue").DefineComponent<import("vue
         default: undefined;
     };
     align: {
-        type: PropType<StyleProp<string>>;
+        type: PropType<StyleProp<AlignItems>>;
         default: undefined;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -42,13 +42,12 @@ export declare const GridColVariables: import("vue").DefineComponent<import("vue
         default: undefined;
     };
     align: {
-        type: PropType<StyleProp<string>>;
+        type: PropType<StyleProp<AlignItems>>;
         default: undefined;
     };
 }>> & Readonly<{}>, {
     span: StyleProp<ColSpan>;
     offset: StyleProp<number>;
     order: StyleProp<number>;
-    align: StyleProp<string>;
+    align: StyleProp<import("csstype").Property.AlignItems | undefined>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export {};

package/lib/components/Group/Group.d.ts

@@ -1,18 +1,19 @@
 import { type PropType, type VNode } from 'vue';
+import { type AlignItems, type FlexWrap, type JustifyContent, type MantineSpacing } from '../../core';
 export declare const Group: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     align: {
-        type: StringConstructor;
+        type: PropType<AlignItems>;
         default: undefined;
     };
     wrap: {
-        type: StringConstructor;
+        type: PropType<FlexWrap>;
         default: undefined;
     };
-    gap: PropType<string | number>;
+    gap: PropType<MantineSpacing>;
     grow: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,18 +42,18 @@ export declare const Group: import("../..").WithBoxProps<import("vue").DefineCom
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     justify: {
-        type: StringConstructor;
+        type: PropType<JustifyContent>;
         default: undefined;
     };
     align: {
-        type: StringConstructor;
+        type: PropType<AlignItems>;
         default: undefined;
     };
     wrap: {
-        type: StringConstructor;
+        type: PropType<FlexWrap>;
         default: undefined;
     };
-    gap: PropType<string | number>;
+    gap: PropType<MantineSpacing>;
     grow: {
         type: BooleanConstructor;
         default: boolean;
@@ -78,13 +79,13 @@ export declare const Group: import("../..").WithBoxProps<import("vue").DefineCom
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    wrap: string;
+    wrap: import("csstype").Property.FlexWrap | undefined;
     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;
     grow: boolean;
     preventGrowOverflow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Highlight/Highlight.d.ts

@@ -1,7 +1,8 @@
 import { type PropType } from 'vue';
+import { type MantineColor } from '../../core';
 export interface HighlightTerm {
     text: string;
-    color?: string;
+    color?: MantineColor;
 }
 export declare const Highlight: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     highlight: {
@@ -9,7 +10,7 @@ export declare const Highlight: import("vue").DefineComponent<import("vue").Extr
         required: true;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     highlightStyles: {
@@ -60,7 +61,7 @@ export declare const Highlight: import("vue").DefineComponent<import("vue").Extr
         required: true;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     highlightStyles: {
@@ -105,7 +106,7 @@ export declare const Highlight: import("vue").DefineComponent<import("vue").Extr
     };
 }>> & Readonly<{}>, {
     span: boolean;
-    color: string;
+    color: MantineColor;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     component: string;

package/lib/components/Image/Image.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius, type ObjectFit } from '../../core';
 export declare const Image: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: PropType<any>;
@@ -8,9 +9,9 @@ export declare const Image: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     fit: {
-        type: StringConstructor;
+        type: PropType<ObjectFit>;
         default: undefined;
     };
     classNames: {
@@ -40,9 +41,9 @@ export declare const Image: import("../..").WithBoxProps<import("vue").DefineCom
         type: StringConstructor;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     fit: {
-        type: StringConstructor;
+        type: PropType<ObjectFit>;
         default: undefined;
     };
     classNames: {
@@ -68,7 +69,7 @@ export declare const Image: import("../..").WithBoxProps<import("vue").DefineCom
     styles: Function | Record<string, any>;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    fit: string;
+    fit: import("csstype").Property.ObjectFit | undefined;
     src: any;
     fallbackSrc: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Indicator/Indicator.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';
 import type { IndicatorPosition } from './Indicator.types';
 export interface IndicatorSlots {
     default?: () => VNodeChild;
@@ -26,9 +26,9 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
         type: PropType<MantineNode>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     withBorder: {
@@ -99,9 +99,9 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
         type: PropType<MantineNode>;
         default: undefined;
     };
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     withBorder: {
@@ -151,7 +151,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
     };
 }>> & Readonly<{}>, {
     label: MantineNode;
-    color: string;
+    color: MantineColor;
     autoContrast: boolean;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;