@mantine-vue/core 2.3.1 → 3.0.0

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

@@ -3,6 +3,10 @@ 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<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -97,7 +101,11 @@ export declare const ColorPicker: 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: StringConstructor;
+        default: undefined;
+    };
     value: {
         type: StringConstructor;
         default: undefined;
@@ -190,7 +198,10 @@ export declare const ColorPicker: import("vue").DefineComponent<import("vue").Ex
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: MantineSize | (string & {});
     name: string;
     onChange: (value: string) => void;
@@ -204,6 +215,7 @@ export declare const ColorPicker: import("vue").DefineComponent<import("vue").Ex
     unstyled: boolean;
     __staticSelector: string;
     focusable: boolean;
+    modelValue: string;
     hiddenInputProps: Record<string, any>;
     fullWidth: boolean;
     format: ColorFormat;

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

@@ -1,9 +1,17 @@
 import { type PropType } from 'vue';
 export type ColorSliderStylesNames = 'slider' | 'sliderOverlay' | 'thumb';
 export declare const ColorSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     value: {
         type: NumberConstructor;
-        required: true;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
     };
     onChange: {
         type: PropType<(value: number) => void>;
@@ -63,10 +71,18 @@ export declare const ColorSlider: 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: NumberConstructor;
+        default: undefined;
+    };
     value: {
         type: NumberConstructor;
-        required: true;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
     };
     onChange: {
         type: PropType<(value: number) => void>;
@@ -124,16 +140,22 @@ export declare const ColorSlider: import("vue").DefineComponent<import("vue").Ex
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: string;
     onChange: (value: number) => void;
+    value: number;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
+    defaultValue: number;
     onChangeEnd: (value: number) => void;
     onScrubStart: () => void;
     onScrubEnd: () => void;
     unstyled: boolean;
     __staticSelector: string;
     focusable: boolean;
+    modelValue: number;
     thumbColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,8 +1,16 @@
 import { type PropType } from 'vue';
 export declare const HueSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
     value: {
         type: NumberConstructor;
-        required: true;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
     };
     onChange: {
         type: PropType<(value: number) => void>;
@@ -30,10 +38,18 @@ export declare const HueSlider: import("vue").DefineComponent<import("vue").Extr
     };
 }>, () => 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: NumberConstructor;
+        default: undefined;
+    };
     value: {
         type: NumberConstructor;
-        required: true;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
     };
     onChange: {
         type: PropType<(value: number) => void>;
@@ -59,11 +75,17 @@ export declare const HueSlider: import("vue").DefineComponent<import("vue").Extr
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: string;
     onChange: (value: number) => void;
+    value: number;
+    defaultValue: number;
     onChangeEnd: (value: number) => void;
     onScrubStart: () => void;
     onScrubEnd: () => void;
     focusable: boolean;
+    modelValue: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Combobox/Combobox.d.ts

@@ -186,6 +186,18 @@ export declare const ComboboxOption: import("vue").DefineComponent<import("vue")
     selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const ComboboxSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     withAriaAttributes: {
         type: BooleanConstructor;
         default: boolean;
@@ -197,7 +209,19 @@ export declare const ComboboxSearch: import("vue").DefineComponent<import("vue")
     size: StringConstructor;
 }>, () => 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;
+    };
     withAriaAttributes: {
         type: BooleanConstructor;
         default: boolean;
@@ -207,7 +231,13 @@ export declare const ComboboxSearch: import("vue").DefineComponent<import("vue")
         default: boolean;
     };
     size: StringConstructor;
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    defaultValue: string;
+    modelValue: string;
     withKeyboardNavigation: boolean;
     withAriaAttributes: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -544,6 +574,18 @@ export declare const Combobox: {
         selected: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Search: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        value: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
         withAriaAttributes: {
             type: BooleanConstructor;
             default: boolean;
@@ -555,7 +597,19 @@ export declare const Combobox: {
         size: StringConstructor;
     }>, () => 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;
+        };
         withAriaAttributes: {
             type: BooleanConstructor;
             default: boolean;
@@ -565,7 +619,13 @@ export declare const Combobox: {
             default: boolean;
         };
         size: StringConstructor;
-    }>> & Readonly<{}>, {
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        value: string;
+        defaultValue: string;
+        modelValue: string;
         withKeyboardNavigation: boolean;
         withAriaAttributes: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -27,6 +27,7 @@ export interface OptionsDropdownProps {
 export interface OptionsDropdownSlots {
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
     nothingFound?: () => VNodeChild;
+    nothingFoundMessage?: () => VNodeChild;
 }
 export declare const OptionsDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {

package/lib/components/ComboboxPopover/ComboboxPopover.d.ts

@@ -7,6 +7,8 @@ export interface ComboboxPopoverProps<Multiple extends boolean = false, Value ex
     /** If set, multiple items can be selected at the same time */
     multiple?: Multiple;
     /** Controlled component value */
+    modelValue?: ComboboxPopoverValue<Multiple, Value>;
+    /** Legacy controlled component value */
     value?: ComboboxPopoverValue<Multiple, Value>;
     /** Uncontrolled component default value */
     defaultValue?: ComboboxPopoverValue<Multiple, Value>;
@@ -77,14 +79,22 @@ export interface ComboboxPopoverSlots {
     default?: () => VNodeChild;
     /** Custom option content, alternative to the `renderOption` prop */
     option?: (input: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
+    /** Exact-name alias for the `renderOption` prop */
+    renderOption?: (input: ComboboxLikeRenderOptionInput<ComboboxItem>) => VNodeChild;
     /** Custom "nothing found" content, alternative to the `nothingFoundMessage` prop */
     nothingFound?: () => VNodeChild;
+    /** Exact-name alias for the `nothingFoundMessage` prop */
+    nothingFoundMessage?: () => VNodeChild;
 }
 export declare const ComboboxPopoverBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     multiple: {
         type: BooleanConstructor;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
     value: {
         type: PropType<any>;
         default: undefined;
@@ -223,11 +233,15 @@ export declare const ComboboxPopoverBase: import("vue").DefineComponent<import("
     };
 }>, () => 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<{
     multiple: {
         type: BooleanConstructor;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
     value: {
         type: PropType<any>;
         default: undefined;
@@ -364,7 +378,10 @@ export declare const ComboboxPopoverBase: import("vue").DefineComponent<import("
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     data: ComboboxData<Primitive>;
     form: string;
     filter: OptionsFilter<Primitive>;
@@ -378,6 +395,7 @@ export declare const ComboboxPopoverBase: import("vue").DefineComponent<import("
     multiple: boolean;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: any;
     hiddenInputProps: Record<string, any>;
     scrollAreaProps: Record<string, any>;
     onOptionSubmit: (value: any) => void;
@@ -407,6 +425,10 @@ export declare const ComboboxPopover: {
             type: BooleanConstructor;
             default: undefined;
         };
+        modelValue: {
+            type: PropType<any>;
+            default: undefined;
+        };
         value: {
             type: PropType<any>;
             default: undefined;
@@ -543,9 +565,12 @@ export declare const ComboboxPopover: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], import("vue").PublicProps, {
         data: ComboboxData<Primitive>;
         form: string;
         filter: OptionsFilter<Primitive>;
@@ -559,6 +584,7 @@ export declare const ComboboxPopover: {
         multiple: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
+        modelValue: any;
         hiddenInputProps: Record<string, any>;
         scrollAreaProps: Record<string, any>;
         onOptionSubmit: (value: any) => void;
@@ -593,6 +619,10 @@ export declare const ComboboxPopover: {
             type: BooleanConstructor;
             default: undefined;
         };
+        modelValue: {
+            type: PropType<any>;
+            default: undefined;
+        };
         value: {
             type: PropType<any>;
             default: undefined;
@@ -729,7 +759,10 @@ export declare const ComboboxPopover: {
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
         data: ComboboxData<Primitive>;
@@ -745,6 +778,7 @@ export declare const ComboboxPopover: {
         multiple: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
+        modelValue: any;
         hiddenInputProps: Record<string, any>;
         scrollAreaProps: Record<string, any>;
         onOptionSubmit: (value: any) => void;
@@ -776,6 +810,10 @@ export declare const ComboboxPopover: {
         type: BooleanConstructor;
         default: undefined;
     };
+    modelValue: {
+        type: PropType<any>;
+        default: undefined;
+    };
     value: {
         type: PropType<any>;
         default: undefined;
@@ -912,9 +950,12 @@ export declare const ComboboxPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
     data: ComboboxData<Primitive>;
     form: string;
     filter: OptionsFilter<Primitive>;
@@ -928,6 +969,7 @@ export declare const ComboboxPopover: {
     multiple: boolean;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: any;
     hiddenInputProps: Record<string, any>;
     scrollAreaProps: Record<string, any>;
     onOptionSubmit: (value: any) => void;

package/lib/components/Drawer/Drawer.d.ts

@@ -55,6 +55,10 @@ export declare const DrawerRoot: import("vue").DefineComponent<import("vue").Ext
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     position: {
         type: PropType<DrawerPosition>;
         default: string;
@@ -97,6 +101,10 @@ export declare const DrawerRoot: import("vue").DefineComponent<import("vue").Ext
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     position: {
         type: PropType<DrawerPosition>;
         default: string;
@@ -134,6 +142,7 @@ export declare const DrawerRoot: import("vue").DefineComponent<import("vue").Ext
     styles: Function | Record<string, any>;
     offset: string | number;
     position: DrawerPosition;
+    keepMounted: boolean;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     scrollAreaComponent: Function | Record<string, any>;
@@ -268,6 +277,10 @@ export declare const Drawer: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: PropType<MantineNode>;
             default: undefined;
@@ -294,6 +307,7 @@ export declare const Drawer: {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         title: MantineNode;
+        keepMounted: boolean;
         zIndex: string | number;
         withCloseButton: boolean;
         withOverlay: boolean;
@@ -314,6 +328,10 @@ export declare const Drawer: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         title: {
             type: PropType<MantineNode>;
             default: undefined;
@@ -340,6 +358,7 @@ export declare const Drawer: {
         [key: string]: any;
     }>, {}, {}, {}, {
         title: MantineNode;
+        keepMounted: boolean;
         zIndex: string | number;
         withCloseButton: boolean;
         withOverlay: boolean;
@@ -357,6 +376,10 @@ export declare const Drawer: {
         type: PropType<() => void>;
         required: true;
     };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     title: {
         type: PropType<MantineNode>;
         default: undefined;
@@ -383,6 +406,7 @@ export declare const Drawer: {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     title: MantineNode;
+    keepMounted: boolean;
     zIndex: string | number;
     withCloseButton: boolean;
     withOverlay: boolean;
@@ -399,6 +423,10 @@ export declare const Drawer: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: PropType<DrawerPosition>;
             default: string;
@@ -441,6 +469,10 @@ export declare const Drawer: {
             type: PropType<() => void>;
             required: true;
         };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         position: {
             type: PropType<DrawerPosition>;
             default: string;
@@ -478,6 +510,7 @@ export declare const Drawer: {
         styles: Function | Record<string, any>;
         offset: string | number;
         position: DrawerPosition;
+        keepMounted: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         scrollAreaComponent: Function | Record<string, any>;

package/lib/components/FileButton/FileButton.d.ts

@@ -1,8 +1,12 @@
 import { type PropType } from 'vue';
 export declare const FileButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<File | File[] | null | undefined>;
+        default: undefined;
+    };
     onChange: {
         type: PropType<(payload: File | File[] | null) => void>;
-        required: true;
+        default: undefined;
     };
     multiple: {
         type: BooleanConstructor;
@@ -44,10 +48,14 @@ export declare const FileButton: import("vue").DefineComponent<import("vue").Ext
     [key: string]: any;
 }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | undefined)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>[] | undefined)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<File | File[] | null | undefined>;
+        default: undefined;
+    };
     onChange: {
         type: PropType<(payload: File | File[] | null) => void>;
-        required: true;
+        default: undefined;
     };
     multiple: {
         type: BooleanConstructor;
@@ -85,11 +93,16 @@ export declare const FileButton: import("vue").DefineComponent<import("vue").Ext
         type: PropType<any>;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     form: string;
     name: string;
+    onChange: (payload: File | File[] | null) => void;
     disabled: boolean;
     multiple: boolean;
+    modelValue: File | File[] | null | undefined;
     accept: string;
     resetRef: any;
     capture: boolean | "user" | "environment" | undefined;

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

@@ -17,6 +17,10 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         type: StringConstructor;
         default: string;
     };
+    modelValue: {
+        type: PropType<File | File[] | null | undefined>;
+        default: undefined;
+    };
     onChange: {
         type: PropType<(payload: File | File[] | null) => void>;
         default: undefined;
@@ -131,11 +135,15 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
     };
 }>, () => 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<{
     component: {
         type: StringConstructor;
         default: string;
     };
+    modelValue: {
+        type: PropType<File | File[] | null | undefined>;
+        default: undefined;
+    };
     onChange: {
         type: PropType<(payload: File | File[] | null) => void>;
         default: undefined;
@@ -248,7 +256,10 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     size: number | MantineSize | (string & {});
     form: string;
     label: MantineNode;
@@ -265,6 +276,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
+    modelValue: File | File[] | null | undefined;
     rightSection: MantineNode;
     placeholder: MantineNode;
     accept: string;