@mantine-vue/core 2.3.1 → 3.0.0

package/lib/components/Modal/Modal.d.ts

@@ -31,6 +31,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     centered: BooleanConstructor;
     fullScreen: BooleanConstructor;
     radius: (NumberConstructor | StringConstructor)[];
@@ -74,6 +78,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     centered: BooleanConstructor;
     fullScreen: BooleanConstructor;
     radius: (NumberConstructor | StringConstructor)[];
@@ -110,6 +118,7 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
     size: string | number;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
+    keepMounted: boolean;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     centered: boolean;
@@ -248,6 +257,10 @@ export declare const Modal: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: PropType<MantineNode>;
             default: undefined;
@@ -266,6 +279,7 @@ export declare const Modal: {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         title: MantineNode;
+        keepMounted: boolean;
         withCloseButton: boolean;
         withOverlay: boolean;
     }, true, {}, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -284,6 +298,10 @@ export declare const Modal: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: PropType<MantineNode>;
             default: undefined;
@@ -302,6 +320,7 @@ export declare const Modal: {
         [key: string]: any;
     }>, {}, {}, {}, {
         title: MantineNode;
+        keepMounted: boolean;
         withCloseButton: boolean;
         withOverlay: boolean;
     }>;
@@ -317,6 +336,10 @@ export declare const Modal: {
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     title: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -335,6 +358,7 @@ export declare const Modal: {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     title: MantineNode;
+    keepMounted: boolean;
     withCloseButton: boolean;
     withOverlay: boolean;
 }, {}, string, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -349,6 +373,10 @@ export declare const Modal: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         centered: BooleanConstructor;
         fullScreen: BooleanConstructor;
         radius: (NumberConstructor | StringConstructor)[];
@@ -392,6 +420,10 @@ export declare const Modal: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         centered: BooleanConstructor;
         fullScreen: BooleanConstructor;
         radius: (NumberConstructor | StringConstructor)[];
@@ -428,6 +460,7 @@ export declare const Modal: {
         size: string | number;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
+        keepMounted: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         centered: boolean;

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -11,7 +11,14 @@ export interface MultiSelectSlots {
         option: any;
         checked?: boolean;
     }) => VNodeChild;
+    renderPill?: (input: {
+        option: any;
+        value: Primitive;
+        onRemove: () => void;
+        disabled: boolean;
+    }) => VNodeChild;
     nothingFound?: () => VNodeChild;
+    nothingFoundMessage?: () => VNodeChild;
 }
 export interface MultiSelectProps<Value extends Primitive = string> {
     modelValue?: Value[];
@@ -106,7 +113,7 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
     selectFirstOptionOnDropdownOpen: BooleanConstructor;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:searchValue")[], "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue")[], "change" | "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: PropType<Primitive[]>;
     value: PropType<Primitive[]>;
     defaultValue: {
@@ -178,6 +185,7 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
     };
     selectFirstOptionOnDropdownOpen: BooleanConstructor;
 }>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/lib/components/MultiSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { MultiSelect } from './MultiSelect';
-export type { MultiSelectProps } from './MultiSelect';
+export type { MultiSelectProps, MultiSelectSlots } from './MultiSelect';

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

@@ -22,9 +22,10 @@ export interface NativeSelectProps {
     id?: string;
     name?: string;
     form?: string;
+    modelValue?: string;
     value?: string;
     defaultValue?: string;
-    onChange?: (event: Event) => void;
+    onChange?: (value: string) => void;
     variant?: 'default' | 'filled' | 'unstyled';
     radius?: string | number;
     classNames?: Record<string, string> | ((theme: any, props: any) => Record<string, string>);
@@ -81,6 +82,10 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         type: StringConstructor;
         default: undefined;
     };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -90,7 +95,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     onChange: {
-        type: PropType<(event: Event) => void>;
+        type: PropType<(value: string) => void>;
         default: undefined;
     };
     variant: {
@@ -119,7 +124,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
     };
 }>, () => 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<NativeSelectData<any>>;
         default: undefined;
@@ -168,6 +173,10 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         type: StringConstructor;
         default: undefined;
     };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -177,7 +186,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     onChange: {
-        type: PropType<(event: Event) => void>;
+        type: PropType<(value: string) => void>;
         default: undefined;
     };
     variant: {
@@ -204,7 +213,10 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: number | MantineSize | (string & {});
     data: NativeSelectData<any>;
     form: string;
@@ -213,7 +225,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
     name: string;
     variant: "default" | "filled" | "unstyled";
     error: MantineNode;
-    onChange: (event: Event) => void;
+    onChange: (value: string) => void;
     value: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
@@ -224,6 +236,7 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
     id: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: string;
     rightSection: MantineNode;
     rightSectionPointerEvents: string;
 }, SlotsType<NativeSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/NumberInput/NumberInput.d.ts

@@ -15,6 +15,10 @@ export interface NumberInputHandlers {
 export type NumberInputValue = number | string | bigint;
 export type NumberInputStylesNames = 'controls' | 'control' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'root';
 export declare const NumberInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<NumberInputValue | undefined>;
+        default: undefined;
+    };
     value: {
         type: PropType<NumberInputValue | undefined>;
         default: undefined;
@@ -203,7 +207,11 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
     };
 }>, () => 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<NumberInputValue | undefined>;
+        default: undefined;
+    };
     value: {
         type: PropType<NumberInputValue | undefined>;
         default: undefined;
@@ -390,7 +398,10 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: number | MantineSize | (string & {});
     max: number | bigint | undefined;
     label: MantineNode;
@@ -407,6 +418,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
     step: number | bigint;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: NumberInputValue | undefined;
     rightSection: MantineNode;
     min: number | bigint | undefined;
     decimalScale: number;

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

@@ -6,9 +6,29 @@ export interface PasswordInputSlots {
     error?: () => VNodeChild;
     leftSection?: () => VNodeChild;
     rightSection?: () => VNodeChild;
+    /** Custom visibility toggle icon, alternative to the `visibilityToggleIcon` prop */
+    visibilityToggleIcon?: (payload: {
+        reveal: boolean;
+    }) => VNodeChild;
 }
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'label' | 'required' | 'description' | 'error';
 export declare const PasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
     visibilityToggleIcon: {
         type: PropType<any>;
         default: undefined;
@@ -147,7 +167,23 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
     };
 }>, () => 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
     visibilityToggleIcon: {
         type: PropType<any>;
         default: undefined;
@@ -284,21 +320,28 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: number | MantineSize | (string & {});
     label: MantineNode;
     radius: MantineRadius;
     variant: "default" | "filled" | "unstyled";
     error: MantineNode;
+    onChange: (value: string) => void;
+    value: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     required: boolean;
     description: MantineNode;
     visible: boolean;
     disabled: boolean;
+    defaultValue: string;
     id: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: string;
     leftSection: MantineNode;
     rightSection: MantineNode;
     withAsterisk: boolean;

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

@@ -1,3 +1,3 @@
 export { PasswordInput } from './PasswordInput';
-export type { PasswordInputStylesNames } from './PasswordInput';
+export type { PasswordInputSlots, PasswordInputStylesNames } from './PasswordInput';
 export { PasswordToggleIcon } from './PasswordToggleIcon';

package/lib/components/PillsInput/PillsInput.d.ts

@@ -290,6 +290,22 @@ export declare const PillsInput: {
 }, {}, string, SlotsType<PillsInputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     classes: any;
     Field: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        value: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onChange: {
+            type: PropType<(value: string) => void>;
+            default: undefined;
+        };
         type: {
             type: PropType<"auto" | "visible" | "hidden">;
             default: string;
@@ -332,7 +348,23 @@ export declare const PillsInput: {
         };
     }>, () => 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<{
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        value: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        onChange: {
+            type: PropType<(value: string) => void>;
+            default: undefined;
+        };
         type: {
             type: PropType<"auto" | "visible" | "hidden">;
             default: string;
@@ -373,16 +405,23 @@ export declare const PillsInput: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
         pointer: boolean;
         type: "auto" | "hidden" | "visible";
+        onChange: (value: string) => void;
+        value: string;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
+        defaultValue: string;
         mod: any;
         id: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
+        modelValue: string;
         inputRef: any;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 };

package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts

@@ -1,6 +1,22 @@
 import { type PropType } from 'vue';
 export type PillsInputFieldStylesNames = 'field';
 export declare const PillsInputField: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
     type: {
         type: PropType<"auto" | "visible" | "hidden">;
         default: string;
@@ -43,7 +59,23 @@ export declare const PillsInputField: import("../../..").WithBoxProps<import("vu
     };
 }>, () => 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string) => void>;
+        default: undefined;
+    };
     type: {
         type: PropType<"auto" | "visible" | "hidden">;
         default: string;
@@ -84,15 +116,22 @@ export declare const PillsInputField: import("../../..").WithBoxProps<import("vu
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     pointer: boolean;
     type: "auto" | "hidden" | "visible";
+    onChange: (value: string) => void;
+    value: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
+    defaultValue: string;
     mod: any;
     id: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: string;
     inputRef: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/PinInput/PinInput.d.ts

@@ -14,6 +14,7 @@ export interface PinInputProps {
     radius?: string | number;
     size?: string | number;
     autoFocus?: boolean;
+    modelValue?: string;
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
@@ -66,6 +67,10 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -172,7 +177,7 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
     };
 }>, () => 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<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: undefined;
@@ -197,6 +202,10 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -301,7 +310,10 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: MantineSize;
     length: number;
     form: string;
@@ -322,6 +334,7 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
     onComplete: (value: string) => void;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: string;
     hiddenInputProps: Record<string, any>;
     placeholder: string;
     inputRef: VueRefTarget<HTMLInputElement>;