@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/List/List.d.ts

@@ -1,4 +1,9 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
+export interface ListSlots {
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
 export declare const List: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         type: {
@@ -14,7 +19,7 @@ export declare const List: import("../..").WithBoxProps<{
             default: undefined;
         };
         icon: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+            type: PropType<MantineNode>;
             default: undefined;
         };
         spacing: PropType<string | number>;
@@ -58,19 +63,19 @@ export declare const List: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         size: string;
+        center: boolean;
         type: "ordered" | "unordered";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        center: boolean;
         start: number;
         mod: any;
-        icon: string | number | Function | Record<string, any>;
+        icon: MantineNode;
         listStyleType: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         withPadding: boolean;
         reversed: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, SlotsType<ListSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -91,7 +96,7 @@ export declare const List: import("../..").WithBoxProps<{
             default: undefined;
         };
         icon: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+            type: PropType<MantineNode>;
             default: undefined;
         };
         spacing: PropType<string | number>;
@@ -135,13 +140,13 @@ export declare const List: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, {
         size: string;
+        center: boolean;
         type: "ordered" | "unordered";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        center: boolean;
         start: number;
         mod: any;
-        icon: string | number | Function | Record<string, any>;
+        icon: MantineNode;
         listStyleType: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
@@ -165,7 +170,7 @@ export declare const List: import("../..").WithBoxProps<{
         default: undefined;
     };
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     spacing: PropType<string | number>;
@@ -209,22 +214,22 @@ export declare const List: import("../..").WithBoxProps<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: string;
+    center: boolean;
     type: "ordered" | "unordered";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    center: boolean;
     start: number;
     mod: any;
-    icon: string | number | Function | Record<string, any>;
+    icon: MantineNode;
     listStyleType: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     withPadding: boolean;
     reversed: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, SlotsType<ListSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Item: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         icon: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+            type: PropType<MantineNode>;
             default: undefined;
         };
         mod: {
@@ -247,7 +252,7 @@ export declare const List: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         icon: {
-            type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+            type: PropType<MantineNode>;
             default: undefined;
         };
         mod: {
@@ -270,7 +275,7 @@ export declare const List: import("../..").WithBoxProps<{
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         mod: any;
-        icon: string | number | Function | Record<string, any>;
+        icon: MantineNode;
         vars: Function | Record<string, any>;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    }, SlotsType<import(".").ListItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 }>;

package/lib/components/List/ListItem/ListItem.d.ts

@@ -1,7 +1,12 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../../core';
+export interface ListItemSlots {
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
 export declare const ListItem: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     mod: {
@@ -24,7 +29,7 @@ export declare const ListItem: import("../../..").WithBoxProps<import("vue").Def
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     mod: {
@@ -47,6 +52,6 @@ export declare const ListItem: import("../../..").WithBoxProps<import("vue").Def
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     mod: any;
-    icon: string | number | Function | Record<string, any>;
+    icon: MantineNode;
     vars: Function | Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<ListItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Marquee/Marquee.d.ts

@@ -118,13 +118,13 @@ export declare const Marquee: import("../..").WithBoxProps<import("vue").DefineC
     };
 }>> & Readonly<{}>, {
     repeat: number;
+    orientation: "vertical" | "horizontal";
     reverse: boolean;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     duration: number;
     mod: any;
     gap: string | number;
-    orientation: "horizontal" | "vertical";
     vars: Function | Record<string, any>;
     unstyled: boolean;
     fadeEdgeColor: string;

package/lib/components/Menu/Menu.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 PopoverProps } from '../Popover';
 export interface MenuProps extends PopoverProps {
     closeOnItemClick?: boolean;
@@ -40,11 +41,11 @@ export declare const MenuItem: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
     };
     leftSection: {
-        type: any;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSection: {
-        type: any;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     indicator: {
@@ -66,11 +67,11 @@ export declare const MenuItem: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
     };
     leftSection: {
-        type: any;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSection: {
-        type: any;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     indicator: {
@@ -82,12 +83,14 @@ export declare const MenuItem: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{}>, {
     disabled: boolean;
     component: string | Function | Record<string, any>;
-    leftSection: any;
-    rightSection: any;
+    leftSection: MantineNode;
+    rightSection: MantineNode;
     indicator: any;
     reserveIndicator: boolean;
     closeMenuOnClick: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<SectionSlots & {
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const MenuLabel: 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -179,6 +182,14 @@ export declare const MenuRadioGroup: import("vue").DefineComponent<import("vue")
     defaultValue: any;
     modelValue: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export interface MenuCheckboxItemSlots {
+    default?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+    checkIcon?: (payload: {
+        checked: boolean;
+    }) => VNodeChild;
+}
 export declare const MenuCheckboxItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     checked: {
@@ -188,7 +199,7 @@ export declare const MenuCheckboxItem: import("vue").DefineComponent<import("vue
     defaultChecked: BooleanConstructor;
     onChange: FunctionConstructor;
     checkIcon: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     closeMenuOnClick: {
@@ -206,7 +217,7 @@ export declare const MenuCheckboxItem: import("vue").DefineComponent<import("vue
     defaultChecked: BooleanConstructor;
     onChange: FunctionConstructor;
     checkIcon: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     closeMenuOnClick: {
@@ -216,9 +227,17 @@ export declare const MenuCheckboxItem: import("vue").DefineComponent<import("vue
 }>> & Readonly<{}>, {
     checked: boolean;
     defaultChecked: boolean;
-    checkIcon: any;
+    checkIcon: MantineNode;
     closeMenuOnClick: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<MenuCheckboxItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export interface MenuRadioItemSlots {
+    default?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+    checkIcon?: (payload: {
+        checked: boolean;
+    }) => VNodeChild;
+}
 export declare const MenuRadioItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
@@ -229,6 +248,10 @@ export declare const MenuRadioItem: import("vue").DefineComponent<import("vue").
         default: undefined;
     };
     onChange: FunctionConstructor;
+    checkIcon: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
     closeMenuOnClick: {
         type: BooleanConstructor;
         default: boolean;
@@ -245,14 +268,19 @@ export declare const MenuRadioItem: import("vue").DefineComponent<import("vue").
         default: undefined;
     };
     onChange: FunctionConstructor;
+    checkIcon: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
     closeMenuOnClick: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
     checked: boolean;
+    checkIcon: MantineNode;
     closeMenuOnClick: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<MenuRadioItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const MenuContextMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     longPressDelay: NumberConstructor;
@@ -517,8 +545,8 @@ export declare const Menu: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        opened: boolean;
         loop: boolean;
+        opened: boolean;
         unstyled: boolean;
         defaultOpened: boolean;
         checkIcon: any;
@@ -588,8 +616,8 @@ export declare const Menu: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        opened: boolean;
         loop: boolean;
+        opened: boolean;
         unstyled: boolean;
         defaultOpened: boolean;
         checkIcon: any;
@@ -656,8 +684,8 @@ export declare const Menu: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    opened: boolean;
     loop: boolean;
+    opened: boolean;
     unstyled: boolean;
     defaultOpened: boolean;
     checkIcon: any;
@@ -681,11 +709,11 @@ export declare const Menu: {
             default: undefined;
         };
         leftSection: {
-            type: any;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         rightSection: {
-            type: any;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         indicator: {
@@ -707,11 +735,11 @@ export declare const Menu: {
             default: undefined;
         };
         leftSection: {
-            type: any;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         rightSection: {
-            type: any;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         indicator: {
@@ -723,12 +751,14 @@ export declare const Menu: {
     }>> & Readonly<{}>, {
         disabled: boolean;
         component: string | Function | Record<string, any>;
-        leftSection: any;
-        rightSection: any;
+        leftSection: MantineNode;
+        rightSection: MantineNode;
         indicator: any;
         reserveIndicator: boolean;
         closeMenuOnClick: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, SlotsType<SectionSlots & {
+        default?: () => VNodeChild;
+    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Label: 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -956,7 +986,7 @@ export declare const Menu: {
         defaultChecked: BooleanConstructor;
         onChange: FunctionConstructor;
         checkIcon: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         closeMenuOnClick: {
@@ -974,7 +1004,7 @@ export declare const Menu: {
         defaultChecked: BooleanConstructor;
         onChange: FunctionConstructor;
         checkIcon: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         closeMenuOnClick: {
@@ -984,9 +1014,9 @@ export declare const Menu: {
     }>> & Readonly<{}>, {
         checked: boolean;
         defaultChecked: boolean;
-        checkIcon: any;
+        checkIcon: MantineNode;
         closeMenuOnClick: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, SlotsType<MenuCheckboxItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     CheckboxGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
             type: PropType<any>;
@@ -1032,6 +1062,10 @@ export declare const Menu: {
             default: undefined;
         };
         onChange: FunctionConstructor;
+        checkIcon: {
+            type: PropType<MantineNode>;
+            default: undefined;
+        };
         closeMenuOnClick: {
             type: BooleanConstructor;
             default: boolean;
@@ -1048,14 +1082,19 @@ export declare const Menu: {
             default: undefined;
         };
         onChange: FunctionConstructor;
+        checkIcon: {
+            type: PropType<MantineNode>;
+            default: undefined;
+        };
         closeMenuOnClick: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & Readonly<{}>, {
         checked: boolean;
+        checkIcon: MantineNode;
         closeMenuOnClick: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, SlotsType<MenuRadioItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     RadioGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
             type: PropType<any>;
@@ -1107,8 +1146,8 @@ export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'itemIndica
 export interface MenuItemProps {
     color?: string;
     closeMenuOnClick?: boolean;
-    leftSection?: any;
-    rightSection?: any;
+    leftSection?: MantineNode;
+    rightSection?: MantineNode;
     disabled?: boolean;
     [key: string]: any;
 }

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

@@ -0,0 +1,51 @@
+import type { Ref } from 'vue';
+export interface MenubarContextValue {
+    getStyles: (selector: string, options?: Record<string, any>) => any;
+    /** Unique id of the menubar instance, used to scope dropdown lookups across multiple menubars */
+    id: string;
+    /** Revision counter bumped whenever the set of targets changes, used by menus to recompute their DOM index */
+    revision: Ref<number>;
+    /** Index of the currently opened menu, `null` when all menus are closed */
+    readonly openIndex: number | null;
+    /** Opens the menu at the given index, `null` closes all menus */
+    setOpenIndex: (index: number | null) => void;
+    /** Opens the menu at the given index and records whether it was opened by click or hover */
+    openMenu: (index: number, source: 'click' | 'hover') => void;
+    /** Closes all menus */
+    closeMenu: () => void;
+    /** Schedules a delayed close, used by hover trigger when the pointer leaves the bar */
+    scheduleClose: () => void;
+    /** Cancels a pending delayed close */
+    cancelClose: () => void;
+    /** Returns how the currently opened menu was opened */
+    getOpenSource: () => 'click' | 'hover' | null;
+    /** Returns the previously opened menu index, used to skip transitions when switching menus */
+    getPreviousOpenIndex: () => number | null;
+    /** Index of the menu that currently holds the single menubar tab stop */
+    readonly activeIndex: number;
+    /** Sets the roving tabindex to the given menu index */
+    setActiveIndex: (index: number) => void;
+    readonly trigger: 'click' | 'hover';
+    readonly loop: boolean;
+    readonly position: string;
+    readonly unstyled: boolean | undefined;
+    /** Returns the DOM-order index of a `Menubar.Menu` by its id */
+    getMenuIndex: (id: string) => number;
+    /** Returns all top-level target buttons in DOM order */
+    getTargets: () => HTMLButtonElement[];
+    /** Returns the indexes of the enabled top-level targets in DOM order */
+    getEnabledIndexes: () => number[];
+    /** Returns the index of the next/previous enabled target relative to `current` */
+    getAdjacentIndex: (current: number, direction: 1 | -1) => number;
+    /** Focuses the top-level target at the given index */
+    focusTarget: (index: number) => void;
+    /** Focuses the first or last item of the (opened) menu at the given index */
+    focusMenuItem: (index: number, position: 'first' | 'last') => void;
+}
+export declare const provideMenubarContext: (value: MenubarContextValue) => void, useMenubarContext: () => MenubarContextValue;
+export interface MenubarMenuContextValue {
+    readonly id: string;
+    readonly index: number;
+    readonly opened: boolean;
+}
+export declare const provideMenubarMenuContext: (value: MenubarMenuContextValue) => void, useMenubarMenuContext: () => MenubarMenuContextValue;