@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/Menubar/Menubar.d.ts

@@ -0,0 +1,282 @@
+import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
+export type MenubarStylesNames = 'root' | 'target';
+export interface MenubarProps {
+    /** Index of the controlled opened menu, `null` closes all menus */
+    openIndex?: number | null;
+    /** Index of the opened menu for uncontrolled component @default `null` */
+    defaultOpenIndex?: number | null;
+    /** Called when the opened menu changes with its index or `null` when all menus are closed */
+    onOpenChange?: (index: number | null) => void;
+    /** Event that opens a menu when none of the menus is opened. `'click'` opens a menu on target
+     * click and then switches menus on hover (desktop application pattern), `'hover'` opens a menu
+     * when the target is hovered @default `'click'` */
+    trigger?: 'click' | 'hover';
+    /** If set, arrow key navigation wraps from last to first menu and vice versa @default `true` */
+    loop?: boolean;
+    /** Dropdown position relative to the target element @default `'bottom-start'` */
+    position?: string;
+    classNames?: any;
+    styles?: any;
+    vars?: any;
+    unstyled?: boolean;
+    mod?: any;
+    [key: string]: any;
+}
+export interface MenubarSlots {
+    default?: () => VNodeChild;
+}
+export declare const Menubar: import("../..").WithBoxProps<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        openIndex: {
+            type: PropType<number | null>;
+            default: undefined;
+        };
+        defaultOpenIndex: {
+            type: PropType<number | null>;
+            default: undefined;
+        };
+        onOpenChange: {
+            type: PropType<(index: number | null) => void>;
+            default: undefined;
+        };
+        trigger: {
+            type: PropType<"click" | "hover">;
+            default: undefined;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        position: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        loop: boolean;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        position: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        trigger: "click" | "hover";
+        openIndex: number | null;
+        defaultOpenIndex: number | null;
+        onOpenChange: (index: number | null) => void;
+    }, true, {}, SlotsType<MenubarSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        openIndex: {
+            type: PropType<number | null>;
+            default: undefined;
+        };
+        defaultOpenIndex: {
+            type: PropType<number | null>;
+            default: undefined;
+        };
+        onOpenChange: {
+            type: PropType<(index: number | null) => void>;
+            default: undefined;
+        };
+        trigger: {
+            type: PropType<"click" | "hover">;
+            default: undefined;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        position: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        vars: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        loop: boolean;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        position: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        trigger: "click" | "hover";
+        openIndex: number | null;
+        defaultOpenIndex: number | null;
+        onOpenChange: (index: number | null) => void;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    openIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    defaultOpenIndex: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    onOpenChange: {
+        type: PropType<(index: number | null) => void>;
+        default: undefined;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: undefined;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    position: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    mod: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    vars: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    unstyled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    loop: boolean;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    mod: any;
+    position: string;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    trigger: "click" | "hover";
+    openIndex: number | null;
+    defaultOpenIndex: number | null;
+    onOpenChange: (index: number | null) => void;
+}, {}, string, SlotsType<MenubarSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+    Menu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        transitionProps: {
+            type: PropType<{
+                duration?: number;
+                exitDuration?: number;
+                [key: string]: any;
+            }>;
+            default: undefined;
+        };
+        __index: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        transitionProps: {
+            type: PropType<{
+                duration?: number;
+                exitDuration?: number;
+                [key: string]: any;
+            }>;
+            default: undefined;
+        };
+        __index: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        transitionProps: {
+            [key: string]: any;
+            duration?: number;
+            exitDuration?: number;
+        };
+        __index: number;
+    }, SlotsType<import(".").MenubarMenuSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Target: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        refProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        refProp: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+        refProp: string;
+    }, SlotsType<import(".").MenubarTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Dropdown: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<import(".").MenubarDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;

package/lib/components/Menubar/MenubarDropdown/MenubarDropdown.d.ts

@@ -0,0 +1,10 @@
+import { type SlotsType, type VNodeChild } from 'vue';
+export interface MenubarDropdownProps {
+    [key: string]: any;
+}
+export interface MenubarDropdownSlots {
+    default?: () => VNodeChild;
+}
+export declare const MenubarDropdown: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<MenubarDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Menubar/MenubarMenu/MenubarMenu.d.ts

@@ -0,0 +1,49 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+export interface MenubarMenuProps {
+    /** Props passed down to the underlying transition */
+    transitionProps?: {
+        duration?: number;
+        exitDuration?: number;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+export interface MenubarMenuSlots {
+    default?: () => VNodeChild;
+}
+export declare const MenubarMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    transitionProps: {
+        type: PropType<{
+            duration?: number;
+            exitDuration?: number;
+            [key: string]: any;
+        }>;
+        default: undefined;
+    };
+    __index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => 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<{
+    transitionProps: {
+        type: PropType<{
+            duration?: number;
+            exitDuration?: number;
+            [key: string]: any;
+        }>;
+        default: undefined;
+    };
+    __index: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    transitionProps: {
+        [key: string]: any;
+        duration?: number;
+        exitDuration?: number;
+    };
+    __index: number;
+}, SlotsType<MenubarMenuSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Menubar/MenubarTarget/MenubarTarget.d.ts

@@ -0,0 +1,35 @@
+import { type SlotsType, type VNodeChild } from 'vue';
+export interface MenubarTargetProps {
+    /** Key of the prop used to get element ref, useful for forwarding refs to custom components @default 'ref' */
+    refProp?: string;
+    /** Disables the target button */
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface MenubarTargetSlots {
+    default?: () => VNodeChild;
+}
+export declare const MenubarTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    refProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{
+    refProp: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    refProp: string;
+}, SlotsType<MenubarTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,10 @@
+export { Menubar } from './Menubar';
+export type { MenubarProps, MenubarSlots, MenubarStylesNames } from './Menubar';
+export { MenubarMenu } from './MenubarMenu/MenubarMenu';
+export type { MenubarMenuProps, MenubarMenuSlots } from './MenubarMenu/MenubarMenu';
+export { MenubarTarget } from './MenubarTarget/MenubarTarget';
+export type { MenubarTargetProps, MenubarTargetSlots } from './MenubarTarget/MenubarTarget';
+export { MenubarDropdown } from './MenubarDropdown/MenubarDropdown';
+export type { MenubarDropdownProps, MenubarDropdownSlots } from './MenubarDropdown/MenubarDropdown';
+export { useMenubarContext, useMenubarMenuContext } from './Menubar.context';
+export type { MenubarContextValue, MenubarMenuContextValue } from './Menubar.context';

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

@@ -1,4 +1,5 @@
-import { type PropType, type VNodeChild } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 import { type ModalBaseProps } from '../ModalBase';
 export interface ModalProps extends ModalBaseProps {
     title?: VNodeChild | (() => VNodeChild);
@@ -17,6 +18,10 @@ export interface ModalProps extends ModalBaseProps {
     styles?: any;
     vars?: any;
 }
+export interface ModalSlots {
+    default?: () => VNodeChild;
+    title?: () => VNodeChild;
+}
 export declare const ModalRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     opened: {
         type: BooleanConstructor;
@@ -244,7 +249,7 @@ export declare const Modal: {
             required: true;
         };
         title: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         withOverlay: {
@@ -260,10 +265,10 @@ export declare const Modal: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        title: any;
+        title: MantineNode;
         withCloseButton: boolean;
         withOverlay: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -280,7 +285,7 @@ export declare const Modal: {
             required: true;
         };
         title: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         withOverlay: {
@@ -296,7 +301,7 @@ export declare const Modal: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        title: any;
+        title: MantineNode;
         withCloseButton: boolean;
         withOverlay: boolean;
     }>;
@@ -313,7 +318,7 @@ export declare const Modal: {
         required: true;
     };
     title: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     withOverlay: {
@@ -329,10 +334,10 @@ export declare const Modal: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    title: any;
+    title: MantineNode;
     withCloseButton: boolean;
     withOverlay: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, SlotsType<ModalSlots>, 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>>;
     Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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

@@ -1,6 +1,18 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 import type { Primitive } from '../../core';
 import { type ComboboxData } from '../Combobox';
+export interface MultiSelectSlots {
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+    renderOption?: (input: {
+        option: any;
+        checked?: boolean;
+    }) => VNodeChild;
+    nothingFound?: () => VNodeChild;
+}
 export interface MultiSelectProps<Value extends Primitive = string> {
     modelValue?: Value[];
     value?: Value[];
@@ -177,13 +189,13 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
     withScrollArea: boolean;
     checkIconPosition: "left" | "right";
     nothingFoundMessage: any;
-    searchable: boolean;
     dropdownOpened: boolean;
     defaultDropdownOpened: boolean;
     selectFirstOptionOnDropdownOpen: boolean;
+    searchable: boolean;
+    hiddenInputValuesDivider: string;
     openOnFocus: boolean;
     maxValues: number;
     hidePickedOptions: boolean;
     clearSearchOnChange: boolean;
-    hiddenInputValuesDivider: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<MultiSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/NativeSelect/NativeSelect.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 NativeSelectData } from './get-parsed-data/get-parsed-data';
+export interface NativeSelectSlots {
+    default?: () => VNodeChild;
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+}
 export interface NativeSelectProps {
     data?: NativeSelectData<any>;
     size?: string | number;
@@ -33,11 +42,11 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSectionPointerEvents: {
@@ -45,11 +54,11 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     required: {
@@ -120,11 +129,11 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     rightSection: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSectionPointerEvents: {
@@ -132,11 +141,11 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     required: {
@@ -197,24 +206,24 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    data: NativeSelectData<any>;
+    form: string;
+    label: MantineNode;
     radius: string | number;
     name: string;
     variant: "default" | "filled" | "unstyled";
-    error: any;
+    error: MantineNode;
     onChange: (event: Event) => void;
-    data: NativeSelectData<any>;
-    form: string;
-    label: any;
     value: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     required: boolean;
-    description: any;
+    description: MantineNode;
     disabled: boolean;
     defaultValue: string;
     id: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    rightSection: any;
+    rightSection: MantineNode;
     rightSectionPointerEvents: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<NativeSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;