@mantine-vue/core 2.2.2 → 2.3.1

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

package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.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 CheckboxIndicatorVariant = 'filled' | 'outline';
 export interface CheckboxIndicatorSlots {
     icon?: (props: {
@@ -9,15 +10,15 @@ export interface CheckboxIndicatorSlots {
 }
 export declare const CheckboxIndicator: 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: {
@@ -72,15 +73,15 @@ export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("
     [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: {
@@ -132,9 +133,9 @@ export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
-    radius: string | number;
-    color: string;
+    size: number | MantineSize | (string & {});
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     variant: CheckboxIndicatorVariant;
     classNames: Function | Record<string, any>;

package/lib/components/Chip/Chip.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
 export type ChipStylesNames = 'root' | 'input' | 'iconWrapper' | 'checkIcon' | 'label';
 export type ChipVariant = 'outline' | 'filled' | 'light';
 export declare const Chip: import("../..").WithBoxProps<{
@@ -8,11 +9,11 @@ export declare const Chip: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: string;
         };
         type: {
@@ -32,7 +33,7 @@ export declare const Chip: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         value: {
@@ -86,9 +87,9 @@ export declare const Chip: 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;
-        radius: string | number;
-        color: string;
+        size: MantineSize;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ChipVariant;
         type: "radio" | "checkbox";
@@ -119,11 +120,11 @@ export declare const Chip: import("../..").WithBoxProps<{
             default: undefined;
         };
         radius: {
-            type: PropType<string | number>;
+            type: PropType<MantineRadius>;
             default: undefined;
         };
         size: {
-            type: PropType<string | number>;
+            type: PropType<MantineSize>;
             default: string;
         };
         type: {
@@ -143,7 +144,7 @@ export declare const Chip: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         value: {
@@ -197,9 +198,9 @@ export declare const Chip: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        size: string | number;
-        radius: string | number;
-        color: string;
+        size: MantineSize;
+        radius: MantineRadius;
+        color: MantineColor;
         autoContrast: boolean;
         variant: ChipVariant;
         type: "radio" | "checkbox";
@@ -227,11 +228,11 @@ export declare const Chip: import("../..").WithBoxProps<{
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize>;
         default: string;
     };
     type: {
@@ -251,7 +252,7 @@ export declare const Chip: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     value: {
@@ -305,9 +306,9 @@ export declare const Chip: 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;
-    radius: string | number;
-    color: string;
+    size: MantineSize;
+    radius: MantineRadius;
+    color: MantineColor;
     autoContrast: boolean;
     variant: ChipVariant;
     type: "radio" | "checkbox";

package/lib/components/CloseButton/CloseButton.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 type CloseButtonVariant = 'subtle' | 'transparent';
 export interface CloseButtonSlots {
     default?: () => VNodeChild;
@@ -10,8 +10,8 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
         type: StringConstructor;
         default: string;
     };
-    size: PropType<string | number>;
-    radius: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
+    radius: PropType<MantineRadius>;
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -52,8 +52,8 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
         type: StringConstructor;
         default: string;
     };
-    size: PropType<string | number>;
-    radius: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
+    radius: PropType<MantineRadius>;
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/Code/Code.d.ts

@@ -1,6 +1,8 @@
+import { type PropType } from 'vue';
+import { type MantineColor } from '../../core';
 export declare const Code: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     block: {
@@ -27,7 +29,7 @@ export declare const Code: import("../..").WithBoxProps<import("vue").DefineComp
     [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;
     };
     block: {
@@ -51,7 +53,7 @@ export declare const Code: import("../..").WithBoxProps<import("vue").DefineComp
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    color: string;
+    color: MantineColor;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     block: boolean;

package/lib/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineSize } from '../../core';
 import type { ColorFormat } from './ColorPicker.types';
 export type ColorPickerStylesNames = 'wrapper' | 'preview' | 'body' | 'sliders' | 'slider' | 'sliderOverlay' | 'thumb' | 'saturation' | 'saturationOverlay' | 'swatches' | 'swatch';
 export declare const ColorPicker: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -35,7 +36,7 @@ export declare const ColorPicker: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<MantineSize | (string & {})>;
         default: undefined;
     };
     fullWidth: {
@@ -130,7 +131,7 @@ export declare const ColorPicker: import("vue").DefineComponent<import("vue").Ex
         default: undefined;
     };
     size: {
-        type: StringConstructor;
+        type: PropType<MantineSize | (string & {})>;
         default: undefined;
     };
     fullWidth: {
@@ -190,7 +191,7 @@ export declare const ColorPicker: import("vue").DefineComponent<import("vue").Ex
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string;
+    size: MantineSize | (string & {});
     name: string;
     onChange: (value: string) => void;
     value: string;

package/lib/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,11 +1,12 @@
 import { type PropType } from 'vue';
+import { type MantineRadius } from '../../core';
 export declare const ColorSwatch: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
     };
     size: PropType<string | number>;
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     withShadow: {
         type: BooleanConstructor;
         default: undefined;
@@ -34,7 +35,7 @@ export declare const ColorSwatch: import("../..").WithBoxProps<import("vue").Def
         required: true;
     };
     size: PropType<string | number>;
-    radius: PropType<string | number>;
+    radius: PropType<MantineRadius>;
     withShadow: {
         type: BooleanConstructor;
         default: undefined;

package/lib/components/Container/Container.d.ts

@@ -1,6 +1,7 @@
 import { type PropType } from 'vue';
+import { type MantineSize } from '../../core';
 export declare const Container: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<string | number>;
+    size: PropType<MantineSize | (string & {}) | number>;
     fluid: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,7 +29,7 @@ export declare const Container: import("../..").WithBoxProps<import("vue").Defin
 }>, () => 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>;
     fluid: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/Dialog/Dialog.d.ts

@@ -1,4 +1,5 @@
 import { type PropType } from 'vue';
+import { type MantineRadius, type MantineSize, type MantineSpacing } from '../../core';
 import { type AffixPosition } from '../Affix';
 import { type MantineTransition } from '../Transition';
 export type DialogStylesNames = 'root' | 'closeButton';
@@ -28,7 +29,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     zIndex: {
@@ -52,7 +53,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     withBorder: {
@@ -60,7 +61,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     p: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: undefined;
     };
     classNames: {
@@ -107,7 +108,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: undefined;
     };
     zIndex: {
@@ -131,7 +132,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     withBorder: {
@@ -139,7 +140,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
     p: {
-        type: PropType<string | number>;
+        type: PropType<MantineSpacing>;
         default: undefined;
     };
     classNames: {
@@ -159,9 +160,9 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
-    p: string | number;
-    radius: string | number;
+    size: number | MantineSize | (string & {});
+    p: MantineSpacing;
+    radius: MantineRadius;
     shadow: string;
     onClose: () => void;
     classNames: Function | Record<string, any>;

package/lib/components/Divider/Divider.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 DividerVariant = 'solid' | 'dashed' | 'dotted';
 export interface DividerSlots {
     default?: () => VNodeChild;
@@ -7,10 +7,10 @@ export interface DividerSlots {
 }
 export declare const Divider: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
-    size: PropType<string | number>;
+    size: PropType<MantineSize | number | (string & {})>;
     label: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -47,10 +47,10 @@ export declare const Divider: import("../..").WithBoxProps<import("vue").DefineC
     [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: PropType<string | number>;
+    size: PropType<MantineSize | number | (string & {})>;
     label: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -86,7 +86,7 @@ export declare const Divider: import("../..").WithBoxProps<import("vue").DefineC
 }>> & Readonly<{}>, {
     label: MantineNode;
     orientation: "vertical" | "horizontal";
-    color: string;
+    color: MantineColor;
     variant: DividerVariant;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/EmptyState/EmptyState.d.ts

@@ -50,7 +50,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         title: {
@@ -94,7 +94,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         size: MantineSize | (string & {});
         title: MantineNode;
-        color: string;
+        color: MantineColor;
         variant: (string & {}) | EmptyStateVariant;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -126,7 +126,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
             default: undefined;
         };
         color: {
-            type: StringConstructor;
+            type: PropType<MantineColor>;
             default: undefined;
         };
         title: {
@@ -170,7 +170,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
     }>, {}, {}, {}, {
         size: MantineSize | (string & {});
         title: MantineNode;
-        color: string;
+        color: MantineColor;
         variant: (string & {}) | EmptyStateVariant;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
@@ -199,7 +199,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
         default: undefined;
     };
     color: {
-        type: StringConstructor;
+        type: PropType<MantineColor>;
         default: undefined;
     };
     title: {
@@ -243,7 +243,7 @@ export declare const EmptyState: import("../..").WithBoxProps<{
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: MantineSize | (string & {});
     title: MantineNode;
-    color: string;
+    color: MantineColor;
     variant: (string & {}) | EmptyStateVariant;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/Fieldset/Fieldset.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 } from '../../core';
 export type FieldsetStylesNames = 'root' | 'legend';
 export type FieldsetVariant = 'default' | 'filled' | 'unstyled';
 export interface FieldsetSlots {
@@ -12,7 +12,7 @@ export declare const Fieldset: import("../..").WithBoxProps<import("vue").Define
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     variant: {
@@ -43,7 +43,7 @@ export declare const Fieldset: import("../..").WithBoxProps<import("vue").Define
         default: undefined;
     };
     radius: {
-        type: PropType<string | number>;
+        type: PropType<MantineRadius>;
         default: undefined;
     };
     variant: {
@@ -68,7 +68,7 @@ export declare const Fieldset: import("../..").WithBoxProps<import("vue").Define
     };
 }>> & Readonly<{}>, {
     legend: MantineNode;
-    radius: string | number;
+    radius: MantineRadius;
     variant: FieldsetVariant;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;

package/lib/components/FileInput/FileInput.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';
 import type { ClearSectionMode } from '../Input';
 export interface FileInputSlots {
     label?: () => VNodeChild;
@@ -86,7 +86,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     label: {
@@ -205,7 +205,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     size: {
-        type: PropType<string | number>;
+        type: PropType<MantineSize | (string & {}) | number>;
         default: string;
     };
     label: {
@@ -249,7 +249,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: string | number;
+    size: number | MantineSize | (string & {});
     form: string;
     label: MantineNode;
     name: string;

package/lib/components/Flex/Flex.d.ts

@@ -1,17 +1,17 @@
 import { type PropType } from 'vue';
-import { type StyleProp } from '../../core';
+import { type AlignItems, type FlexDirection, type FlexWrap, type JustifyContent, type MantineSpacing, type StyleProp } from '../../core';
 export declare const Flex: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: StringConstructor;
         default: string;
     };
-    gap: PropType<StyleProp<string | number>>;
-    rowGap: PropType<StyleProp<string | number>>;
-    columnGap: PropType<StyleProp<string | number>>;
-    align: PropType<StyleProp<string>>;
-    justify: PropType<StyleProp<string>>;
-    wrap: PropType<StyleProp<string>>;
-    direction: PropType<StyleProp<string>>;
+    gap: PropType<StyleProp<MantineSpacing>>;
+    rowGap: PropType<StyleProp<MantineSpacing>>;
+    columnGap: PropType<StyleProp<MantineSpacing>>;
+    align: PropType<StyleProp<AlignItems>>;
+    justify: PropType<StyleProp<JustifyContent>>;
+    wrap: PropType<StyleProp<FlexWrap>>;
+    direction: PropType<StyleProp<FlexDirection>>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;
@@ -35,13 +35,13 @@ export declare const Flex: import("../..").WithBoxProps<import("vue").DefineComp
         type: StringConstructor;
         default: string;
     };
-    gap: PropType<StyleProp<string | number>>;
-    rowGap: PropType<StyleProp<string | number>>;
-    columnGap: PropType<StyleProp<string | number>>;
-    align: PropType<StyleProp<string>>;
-    justify: PropType<StyleProp<string>>;
-    wrap: PropType<StyleProp<string>>;
-    direction: PropType<StyleProp<string>>;
+    gap: PropType<StyleProp<MantineSpacing>>;
+    rowGap: PropType<StyleProp<MantineSpacing>>;
+    columnGap: PropType<StyleProp<MantineSpacing>>;
+    align: PropType<StyleProp<AlignItems>>;
+    justify: PropType<StyleProp<JustifyContent>>;
+    wrap: PropType<StyleProp<FlexWrap>>;
+    direction: PropType<StyleProp<FlexDirection>>;
     classNames: {
         type: (ObjectConstructor | FunctionConstructor)[];
         default: undefined;