@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/FileInput/FileInput.d.ts

@@ -1,5 +1,14 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 import type { ClearSectionMode } from '../Input';
+export interface FileInputSlots {
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+    placeholder?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+}
 declare function defaultValueComponent(value: File | File[] | null): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
@@ -65,7 +74,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     placeholder: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     resetRef: {
@@ -73,7 +82,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     size: {
@@ -81,15 +90,15 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: string;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -184,7 +193,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     placeholder: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     resetRef: {
@@ -192,7 +201,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     size: {
@@ -200,15 +209,15 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         default: string;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -241,23 +250,23 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    form: string;
+    label: MantineNode;
     name: string;
-    error: any;
+    error: MantineNode;
     onChange: (payload: File | File[] | null) => void;
-    form: string;
-    label: any;
     value: File | File[] | null | undefined;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     required: boolean;
-    description: any;
+    description: MantineNode;
     defaultValue: File | File[] | null | undefined;
     multiple: boolean;
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    rightSection: any;
-    placeholder: any;
+    rightSection: MantineNode;
+    placeholder: MantineNode;
     accept: string;
     resetRef: any;
     capture: boolean | "user" | "environment" | undefined;
@@ -269,5 +278,5 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
     clearButtonProps: Record<string, any>;
     readOnly: boolean;
     fileInputProps: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<FileInputSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export {};

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

@@ -104,8 +104,8 @@ export declare const Highlight: import("vue").DefineComponent<import("vue").Extr
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    color: string;
     span: boolean;
+    color: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     component: string;

package/lib/components/HoverCard/HoverCard.context.d.ts

@@ -1,5 +1,6 @@
 export interface HoverCardContextValue {
     openDropdown: () => void;
     closeDropdown: () => void;
+    assignTarget: (node: HTMLElement | null) => void;
 }
 export declare const provideHoverCardContext: (value: HoverCardContextValue) => void, useHoverCardContext: () => HoverCardContextValue;

package/lib/components/HoverCard/use-hover-card.d.ts

@@ -8,4 +8,5 @@ export declare function useHoverCard(settings: {
     opened: import("vue").Ref<boolean, boolean>;
     openDropdown: () => void;
     closeDropdown: () => void;
+    assignTarget: (node: HTMLElement | null) => void;
 };

package/lib/components/Indicator/Indicator.d.ts

@@ -1,5 +1,10 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 import type { IndicatorPosition } from './Indicator.types';
+export interface IndicatorSlots {
+    default?: () => VNodeChild;
+    label?: () => VNodeChild;
+}
 export declare const Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     position: {
         type: PropType<IndicatorPosition>;
@@ -18,7 +23,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
     };
     size: PropType<string | number>;
     label: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     radius: PropType<string | number>;
@@ -91,7 +96,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
     };
     size: PropType<string | number>;
     label: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     radius: PropType<string | number>;
@@ -145,9 +150,9 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    label: MantineNode;
     color: string;
     autoContrast: boolean;
-    label: string | number | Function | Record<string, any>;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
@@ -164,4 +169,4 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
     processing: boolean;
     maxValue: number;
     showZero: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<IndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Input/Input.d.ts

@@ -1,4 +1,5 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode, type SectionSlots } from '../../core';
 import { type ClearSectionMode } from './InputClearSection/InputClearSection';
 export type InputStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection';
 export type InputVariant = 'default' | 'filled' | 'unstyled';
@@ -9,6 +10,9 @@ export interface InputStylesCtx {
     offsetTop?: boolean;
     offsetBottom?: boolean;
 }
+export interface InputSlots extends SectionSlots {
+    default?: () => VNodeChild;
+}
 export declare const Input: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         component: {
@@ -24,7 +28,7 @@ export declare const Input: import("../..").WithBoxProps<{
             default: undefined;
         };
         leftSection: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         leftSectionWidth: {
@@ -40,7 +44,7 @@ export declare const Input: import("../..").WithBoxProps<{
             default: string;
         };
         rightSection: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         rightSectionWidth: {
@@ -182,8 +186,8 @@ export declare const Input: import("../..").WithBoxProps<{
         vars: Function | Record<string, any>;
         unstyled: boolean;
         __staticSelector: string;
-        leftSection: any;
-        rightSection: any;
+        leftSection: MantineNode;
+        rightSection: MantineNode;
         loading: boolean;
         withAria: boolean;
         __clearable: boolean;
@@ -204,7 +208,7 @@ export declare const Input: import("../..").WithBoxProps<{
         __bottomSectionProps: Record<string, any>;
         wrapperProps: Record<string, any>;
         rootRef: any;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, SlotsType<InputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -225,7 +229,7 @@ export declare const Input: import("../..").WithBoxProps<{
             default: undefined;
         };
         leftSection: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         leftSectionWidth: {
@@ -241,7 +245,7 @@ export declare const Input: import("../..").WithBoxProps<{
             default: string;
         };
         rightSection: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         rightSectionWidth: {
@@ -383,8 +387,8 @@ export declare const Input: import("../..").WithBoxProps<{
         vars: Function | Record<string, any>;
         unstyled: boolean;
         __staticSelector: string;
-        leftSection: any;
-        rightSection: any;
+        leftSection: MantineNode;
+        rightSection: MantineNode;
         loading: boolean;
         withAria: boolean;
         __clearable: boolean;
@@ -423,7 +427,7 @@ export declare const Input: import("../..").WithBoxProps<{
         default: undefined;
     };
     leftSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     leftSectionWidth: {
@@ -439,7 +443,7 @@ export declare const Input: import("../..").WithBoxProps<{
         default: string;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSectionWidth: {
@@ -581,8 +585,8 @@ export declare const Input: import("../..").WithBoxProps<{
     vars: Function | Record<string, any>;
     unstyled: boolean;
     __staticSelector: string;
-    leftSection: any;
-    rightSection: any;
+    leftSection: MantineNode;
+    rightSection: MantineNode;
     loading: boolean;
     withAria: boolean;
     __clearable: boolean;
@@ -603,20 +607,20 @@ export declare const Input: import("../..").WithBoxProps<{
     __bottomSectionProps: Record<string, any>;
     wrapperProps: Record<string, any>;
     rootRef: any;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, SlotsType<InputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     classes: Record<string, string>;
     varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
     Wrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         required: {
@@ -687,15 +691,15 @@ export declare const Input: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         required: {
@@ -764,13 +768,13 @@ export declare const Input: import("../..").WithBoxProps<{
         };
     }>> & Readonly<{}>, {
         size: string | number;
+        label: MantineNode;
         variant: string;
-        error: any;
-        label: any;
+        error: MantineNode;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         required: boolean;
-        description: any;
+        description: MantineNode;
         mod: any;
         id: string;
         vars: Function | Record<string, any>;
@@ -782,7 +786,7 @@ export declare const Input: import("../..").WithBoxProps<{
         errorProps: Record<string, any>;
         inputContainer: (children: any) => any;
         inputWrapperOrder: import("./InputWrapper/get-input-offsets/get-input-offsets").InputWrapperOrderPart[];
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, SlotsType<import("./InputWrapper/InputWrapper").InputWrapperSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Label: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         required: {
             type: BooleanConstructor;

package/lib/components/Input/InputWrapper/InputWrapper.d.ts

@@ -1,17 +1,24 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../../core';
 import { type InputWrapperOrderPart } from './get-input-offsets/get-input-offsets';
 export type InputWrapperStylesNames = 'root' | 'label' | 'required' | 'description' | 'error';
+export interface InputWrapperSlots {
+    default?: () => VNodeChild;
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+}
 export declare const InputWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -82,15 +89,15 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -159,13 +166,13 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    label: MantineNode;
     variant: string;
-    error: any;
-    label: any;
+    error: MantineNode;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     required: boolean;
-    description: any;
+    description: MantineNode;
     mod: any;
     id: string;
     vars: Function | Record<string, any>;
@@ -177,4 +184,4 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
     errorProps: Record<string, any>;
     inputContainer: (children: any) => any;
     inputWrapperOrder: InputWrapperOrderPart[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<InputWrapperSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/InputBase/InputBase.d.ts

@@ -1,5 +1,12 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { InputSlots } from '../Input/Input';
+import type { MantineNode } from '../../core';
 export type InputBaseStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection' | 'root' | 'label' | 'required' | 'description' | 'error';
+export interface InputBaseSlots extends InputSlots {
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+}
 export declare const InputBase: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: PropType<any>;
@@ -14,15 +21,15 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
         default: undefined;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -114,7 +121,7 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSectionWidth: {
@@ -205,15 +212,15 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
         default: undefined;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     required: {
@@ -305,7 +312,7 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSectionWidth: {
@@ -382,15 +389,15 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    label: MantineNode;
     radius: string | number;
     pointer: boolean;
     variant: "default" | "filled" | "unstyled";
-    error: any;
-    label: any;
+    error: MantineNode;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     required: boolean;
-    description: any;
+    description: MantineNode;
     multiline: boolean;
     disabled: boolean;
     mod: any;
@@ -400,7 +407,7 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
     unstyled: boolean;
     __staticSelector: string;
     leftSection: any;
-    rightSection: any;
+    rightSection: MantineNode;
     loading: boolean;
     withAria: boolean;
     __clearable: boolean;
@@ -413,7 +420,7 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
     descriptionProps: Record<string, any>;
     errorProps: Record<string, any>;
     inputContainer: (children: any) => any;
-    inputWrapperOrder: ("error" | "input" | "label" | "description")[];
+    inputWrapperOrder: ("input" | "label" | "error" | "description")[];
     __stylesApiProps: Record<string, any>;
     leftSectionWidth: string | number;
     leftSectionProps: Record<string, any>;
@@ -428,4 +435,4 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
     __bottomSectionProps: Record<string, any>;
     wrapperProps: Record<string, any>;
     rootRef: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<InputBaseSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;