@mantine-vue/core 2.0.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.cjs +2873 -1241
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +2854 -1242
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +4 -4
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +1 -1
- package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts +1 -1
- package/lib/components/Alert/Alert.d.ts +1 -1
- package/lib/components/AppShell/AppShell.d.ts +3 -3
- package/lib/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/lib/components/Badge/Badge.d.ts +1 -1
- package/lib/components/Blockquote/Blockquote.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Checkbox/Checkbox.d.ts +4 -4
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +4 -4
- package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +970 -0
- package/lib/components/ComboboxPopover/ComboboxPopover.types.d.ts +2 -0
- package/lib/components/ComboboxPopover/ComboboxPopoverTarget.d.ts +24 -0
- package/lib/components/ComboboxPopover/index.d.ts +5 -0
- package/lib/components/DataList/DataList.context.d.ts +4 -0
- package/lib/components/DataList/DataList.d.ts +304 -0
- package/lib/components/DataList/DataListItem/DataListItem.d.ts +44 -0
- package/lib/components/DataList/DataListItemLabel/DataListItemLabel.d.ts +44 -0
- package/lib/components/DataList/DataListItemValue/DataListItemValue.d.ts +44 -0
- package/lib/components/DataList/index.d.ts +10 -0
- package/lib/components/Dialog/Dialog.d.ts +1 -1
- package/lib/components/Divider/Divider.d.ts +2 -2
- package/lib/components/EmptyState/EmptyState.context.d.ts +5 -0
- package/lib/components/EmptyState/EmptyState.d.ts +401 -0
- package/lib/components/EmptyState/EmptyStateActions/EmptyStateActions.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateDescription/EmptyStateDescription.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.d.ts +44 -0
- package/lib/components/EmptyState/EmptyStateTitle/EmptyStateTitle.d.ts +55 -0
- package/lib/components/EmptyState/index.d.ts +12 -0
- package/lib/components/Fieldset/Fieldset.d.ts +1 -1
- package/lib/components/FileButton/FileButton.d.ts +1 -1
- package/lib/components/FileInput/FileInput.d.ts +2 -2
- package/lib/components/Highlight/Highlight.d.ts +1 -1
- package/lib/components/HoverCard/HoverCard.context.d.ts +1 -0
- package/lib/components/HoverCard/use-hover-card.d.ts +1 -0
- package/lib/components/Indicator/Indicator.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +1 -1
- package/lib/components/InputBase/InputBase.d.ts +2 -2
- package/lib/components/List/List.d.ts +3 -3
- package/lib/components/Marquee/Marquee.d.ts +1 -1
- package/lib/components/Menu/Menu.d.ts +3 -3
- package/lib/components/Menubar/Menubar.context.d.ts +51 -0
- package/lib/components/Menubar/Menubar.d.ts +282 -0
- package/lib/components/Menubar/MenubarDropdown/MenubarDropdown.d.ts +10 -0
- package/lib/components/Menubar/MenubarMenu/MenubarMenu.d.ts +49 -0
- package/lib/components/Menubar/MenubarTarget/MenubarTarget.d.ts +35 -0
- package/lib/components/Menubar/index.d.ts +10 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/lib/components/NativeSelect/NativeSelect.d.ts +3 -3
- package/lib/components/NavLink/NavLink.d.ts +1 -1
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts +1 -1
- package/lib/components/Overlay/Overlay.d.ts +1 -1
- package/lib/components/PasswordInput/PasswordInput.d.ts +2 -2
- package/lib/components/PillsInput/PillsInput.d.ts +3 -3
- package/lib/components/PinInput/PinInput.d.ts +2 -2
- package/lib/components/Progress/Progress.d.ts +4 -4
- package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +1 -1
- package/lib/components/Radio/Radio.d.ts +4 -4
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +1 -1
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/Select/Select.d.ts +3 -3
- package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +1 -1
- package/lib/components/Skeleton/Skeleton.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +2 -2
- package/lib/components/Slider/Slider/Slider.d.ts +2 -2
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts +1 -1
- package/lib/components/Slider/Thumb/Thumb.d.ts +1 -1
- package/lib/components/Splitter/Splitter.d.ts +3 -3
- package/lib/components/Stepper/Stepper.d.ts +6 -6
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +3 -3
- package/lib/components/Switch/Switch.d.ts +4 -4
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +1 -1
- package/lib/components/Table/Table.d.ts +3 -3
- package/lib/components/Tabs/Tabs.d.ts +7 -7
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +1 -1
- package/lib/components/TagsInput/TagsInput.d.ts +1 -1
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/Textarea/Textarea.d.ts +1 -1
- package/lib/components/Timeline/Timeline.d.ts +2 -2
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +2 -2
- package/lib/components/TreeSelect/TreeSelect.d.ts +3 -3
- package/lib/components/index.d.ts +4 -0
- package/lib/core/Box/Box.d.ts +2 -2
- package/lib/core/utils/create-scoped-keydown-handler.d.ts +10 -0
- package/lib/core/utils/index.d.ts +1 -0
- package/lib/utils/InlineInput/InlineInput.d.ts +1 -1
- package/package.json +3 -3
|
@@ -768,9 +768,9 @@ export declare const Input: import("../..").WithBoxProps<{
|
|
|
768
768
|
};
|
|
769
769
|
}>> & Readonly<{}>, {
|
|
770
770
|
size: string | number;
|
|
771
|
+
label: MantineNode;
|
|
771
772
|
variant: string;
|
|
772
773
|
error: MantineNode;
|
|
773
|
-
label: MantineNode;
|
|
774
774
|
classNames: Function | Record<string, any>;
|
|
775
775
|
styles: Function | Record<string, any>;
|
|
776
776
|
required: boolean;
|
|
@@ -166,9 +166,9 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
|
|
|
166
166
|
};
|
|
167
167
|
}>> & Readonly<{}>, {
|
|
168
168
|
size: string | number;
|
|
169
|
+
label: MantineNode;
|
|
169
170
|
variant: string;
|
|
170
171
|
error: MantineNode;
|
|
171
|
-
label: MantineNode;
|
|
172
172
|
classNames: Function | Record<string, any>;
|
|
173
173
|
styles: Function | Record<string, any>;
|
|
174
174
|
required: boolean;
|
|
@@ -389,11 +389,11 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
|
|
|
389
389
|
};
|
|
390
390
|
}>> & Readonly<{}>, {
|
|
391
391
|
size: string | number;
|
|
392
|
+
label: MantineNode;
|
|
392
393
|
radius: string | number;
|
|
393
394
|
pointer: boolean;
|
|
394
395
|
variant: "default" | "filled" | "unstyled";
|
|
395
396
|
error: MantineNode;
|
|
396
|
-
label: MantineNode;
|
|
397
397
|
classNames: Function | Record<string, any>;
|
|
398
398
|
styles: Function | Record<string, any>;
|
|
399
399
|
required: boolean;
|
|
@@ -420,7 +420,7 @@ export declare const InputBase: import("../..").WithBoxProps<import("vue").Defin
|
|
|
420
420
|
descriptionProps: Record<string, any>;
|
|
421
421
|
errorProps: Record<string, any>;
|
|
422
422
|
inputContainer: (children: any) => any;
|
|
423
|
-
inputWrapperOrder: ("
|
|
423
|
+
inputWrapperOrder: ("input" | "label" | "error" | "description")[];
|
|
424
424
|
__stylesApiProps: Record<string, any>;
|
|
425
425
|
leftSectionWidth: string | number;
|
|
426
426
|
leftSectionProps: Record<string, any>;
|
|
@@ -63,10 +63,10 @@ export declare const List: import("../..").WithBoxProps<{
|
|
|
63
63
|
[key: string]: any;
|
|
64
64
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
65
65
|
size: string;
|
|
66
|
+
center: boolean;
|
|
66
67
|
type: "ordered" | "unordered";
|
|
67
68
|
classNames: Function | Record<string, any>;
|
|
68
69
|
styles: Function | Record<string, any>;
|
|
69
|
-
center: boolean;
|
|
70
70
|
start: number;
|
|
71
71
|
mod: any;
|
|
72
72
|
icon: MantineNode;
|
|
@@ -140,10 +140,10 @@ export declare const List: import("../..").WithBoxProps<{
|
|
|
140
140
|
[key: string]: any;
|
|
141
141
|
}>, {}, {}, {}, {
|
|
142
142
|
size: string;
|
|
143
|
+
center: boolean;
|
|
143
144
|
type: "ordered" | "unordered";
|
|
144
145
|
classNames: Function | Record<string, any>;
|
|
145
146
|
styles: Function | Record<string, any>;
|
|
146
|
-
center: boolean;
|
|
147
147
|
start: number;
|
|
148
148
|
mod: any;
|
|
149
149
|
icon: MantineNode;
|
|
@@ -214,10 +214,10 @@ export declare const List: import("../..").WithBoxProps<{
|
|
|
214
214
|
[key: string]: any;
|
|
215
215
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
216
216
|
size: string;
|
|
217
|
+
center: boolean;
|
|
217
218
|
type: "ordered" | "unordered";
|
|
218
219
|
classNames: Function | Record<string, any>;
|
|
219
220
|
styles: Function | Record<string, any>;
|
|
220
|
-
center: boolean;
|
|
221
221
|
start: number;
|
|
222
222
|
mod: any;
|
|
223
223
|
icon: MantineNode;
|
|
@@ -118,13 +118,13 @@ export declare const Marquee: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
118
118
|
};
|
|
119
119
|
}>> & Readonly<{}>, {
|
|
120
120
|
repeat: number;
|
|
121
|
+
orientation: "vertical" | "horizontal";
|
|
121
122
|
reverse: boolean;
|
|
122
123
|
classNames: Function | Record<string, any>;
|
|
123
124
|
styles: Function | Record<string, any>;
|
|
124
125
|
duration: number;
|
|
125
126
|
mod: any;
|
|
126
127
|
gap: string | number;
|
|
127
|
-
orientation: "horizontal" | "vertical";
|
|
128
128
|
vars: Function | Record<string, any>;
|
|
129
129
|
unstyled: boolean;
|
|
130
130
|
fadeEdgeColor: string;
|
|
@@ -545,8 +545,8 @@ export declare const Menu: {
|
|
|
545
545
|
}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
546
546
|
[key: string]: any;
|
|
547
547
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
548
|
-
opened: boolean;
|
|
549
548
|
loop: boolean;
|
|
549
|
+
opened: boolean;
|
|
550
550
|
unstyled: boolean;
|
|
551
551
|
defaultOpened: boolean;
|
|
552
552
|
checkIcon: any;
|
|
@@ -616,8 +616,8 @@ export declare const Menu: {
|
|
|
616
616
|
}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
617
617
|
[key: string]: any;
|
|
618
618
|
}>, {}, {}, {}, {
|
|
619
|
-
opened: boolean;
|
|
620
619
|
loop: boolean;
|
|
620
|
+
opened: boolean;
|
|
621
621
|
unstyled: boolean;
|
|
622
622
|
defaultOpened: boolean;
|
|
623
623
|
checkIcon: any;
|
|
@@ -684,8 +684,8 @@ export declare const Menu: {
|
|
|
684
684
|
}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
685
685
|
[key: string]: any;
|
|
686
686
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
687
|
-
opened: boolean;
|
|
688
687
|
loop: boolean;
|
|
688
|
+
opened: boolean;
|
|
689
689
|
unstyled: boolean;
|
|
690
690
|
defaultOpened: boolean;
|
|
691
691
|
checkIcon: any;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
export interface MenubarContextValue {
|
|
3
|
+
getStyles: (selector: string, options?: Record<string, any>) => any;
|
|
4
|
+
/** Unique id of the menubar instance, used to scope dropdown lookups across multiple menubars */
|
|
5
|
+
id: string;
|
|
6
|
+
/** Revision counter bumped whenever the set of targets changes, used by menus to recompute their DOM index */
|
|
7
|
+
revision: Ref<number>;
|
|
8
|
+
/** Index of the currently opened menu, `null` when all menus are closed */
|
|
9
|
+
readonly openIndex: number | null;
|
|
10
|
+
/** Opens the menu at the given index, `null` closes all menus */
|
|
11
|
+
setOpenIndex: (index: number | null) => void;
|
|
12
|
+
/** Opens the menu at the given index and records whether it was opened by click or hover */
|
|
13
|
+
openMenu: (index: number, source: 'click' | 'hover') => void;
|
|
14
|
+
/** Closes all menus */
|
|
15
|
+
closeMenu: () => void;
|
|
16
|
+
/** Schedules a delayed close, used by hover trigger when the pointer leaves the bar */
|
|
17
|
+
scheduleClose: () => void;
|
|
18
|
+
/** Cancels a pending delayed close */
|
|
19
|
+
cancelClose: () => void;
|
|
20
|
+
/** Returns how the currently opened menu was opened */
|
|
21
|
+
getOpenSource: () => 'click' | 'hover' | null;
|
|
22
|
+
/** Returns the previously opened menu index, used to skip transitions when switching menus */
|
|
23
|
+
getPreviousOpenIndex: () => number | null;
|
|
24
|
+
/** Index of the menu that currently holds the single menubar tab stop */
|
|
25
|
+
readonly activeIndex: number;
|
|
26
|
+
/** Sets the roving tabindex to the given menu index */
|
|
27
|
+
setActiveIndex: (index: number) => void;
|
|
28
|
+
readonly trigger: 'click' | 'hover';
|
|
29
|
+
readonly loop: boolean;
|
|
30
|
+
readonly position: string;
|
|
31
|
+
readonly unstyled: boolean | undefined;
|
|
32
|
+
/** Returns the DOM-order index of a `Menubar.Menu` by its id */
|
|
33
|
+
getMenuIndex: (id: string) => number;
|
|
34
|
+
/** Returns all top-level target buttons in DOM order */
|
|
35
|
+
getTargets: () => HTMLButtonElement[];
|
|
36
|
+
/** Returns the indexes of the enabled top-level targets in DOM order */
|
|
37
|
+
getEnabledIndexes: () => number[];
|
|
38
|
+
/** Returns the index of the next/previous enabled target relative to `current` */
|
|
39
|
+
getAdjacentIndex: (current: number, direction: 1 | -1) => number;
|
|
40
|
+
/** Focuses the top-level target at the given index */
|
|
41
|
+
focusTarget: (index: number) => void;
|
|
42
|
+
/** Focuses the first or last item of the (opened) menu at the given index */
|
|
43
|
+
focusMenuItem: (index: number, position: 'first' | 'last') => void;
|
|
44
|
+
}
|
|
45
|
+
export declare const provideMenubarContext: (value: MenubarContextValue) => void, useMenubarContext: () => MenubarContextValue;
|
|
46
|
+
export interface MenubarMenuContextValue {
|
|
47
|
+
readonly id: string;
|
|
48
|
+
readonly index: number;
|
|
49
|
+
readonly opened: boolean;
|
|
50
|
+
}
|
|
51
|
+
export declare const provideMenubarMenuContext: (value: MenubarMenuContextValue) => void, useMenubarMenuContext: () => MenubarMenuContextValue;
|
|
@@ -0,0 +1,282 @@
|
|
|
1
|
+
import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
|
|
2
|
+
export type MenubarStylesNames = 'root' | 'target';
|
|
3
|
+
export interface MenubarProps {
|
|
4
|
+
/** Index of the controlled opened menu, `null` closes all menus */
|
|
5
|
+
openIndex?: number | null;
|
|
6
|
+
/** Index of the opened menu for uncontrolled component @default `null` */
|
|
7
|
+
defaultOpenIndex?: number | null;
|
|
8
|
+
/** Called when the opened menu changes with its index or `null` when all menus are closed */
|
|
9
|
+
onOpenChange?: (index: number | null) => void;
|
|
10
|
+
/** Event that opens a menu when none of the menus is opened. `'click'` opens a menu on target
|
|
11
|
+
* click and then switches menus on hover (desktop application pattern), `'hover'` opens a menu
|
|
12
|
+
* when the target is hovered @default `'click'` */
|
|
13
|
+
trigger?: 'click' | 'hover';
|
|
14
|
+
/** If set, arrow key navigation wraps from last to first menu and vice versa @default `true` */
|
|
15
|
+
loop?: boolean;
|
|
16
|
+
/** Dropdown position relative to the target element @default `'bottom-start'` */
|
|
17
|
+
position?: string;
|
|
18
|
+
classNames?: any;
|
|
19
|
+
styles?: any;
|
|
20
|
+
vars?: any;
|
|
21
|
+
unstyled?: boolean;
|
|
22
|
+
mod?: any;
|
|
23
|
+
[key: string]: any;
|
|
24
|
+
}
|
|
25
|
+
export interface MenubarSlots {
|
|
26
|
+
default?: () => VNodeChild;
|
|
27
|
+
}
|
|
28
|
+
export declare const Menubar: import("../..").WithBoxProps<{
|
|
29
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
30
|
+
openIndex: {
|
|
31
|
+
type: PropType<number | null>;
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
34
|
+
defaultOpenIndex: {
|
|
35
|
+
type: PropType<number | null>;
|
|
36
|
+
default: undefined;
|
|
37
|
+
};
|
|
38
|
+
onOpenChange: {
|
|
39
|
+
type: PropType<(index: number | null) => void>;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
trigger: {
|
|
43
|
+
type: PropType<"click" | "hover">;
|
|
44
|
+
default: undefined;
|
|
45
|
+
};
|
|
46
|
+
loop: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
50
|
+
position: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
54
|
+
mod: {
|
|
55
|
+
type: PropType<any>;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
classNames: {
|
|
59
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
60
|
+
default: undefined;
|
|
61
|
+
};
|
|
62
|
+
styles: {
|
|
63
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
64
|
+
default: undefined;
|
|
65
|
+
};
|
|
66
|
+
vars: {
|
|
67
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
68
|
+
default: undefined;
|
|
69
|
+
};
|
|
70
|
+
unstyled: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
default: boolean;
|
|
73
|
+
};
|
|
74
|
+
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
75
|
+
[key: string]: any;
|
|
76
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
77
|
+
loop: boolean;
|
|
78
|
+
classNames: Function | Record<string, any>;
|
|
79
|
+
styles: Function | Record<string, any>;
|
|
80
|
+
mod: any;
|
|
81
|
+
position: string;
|
|
82
|
+
vars: Function | Record<string, any>;
|
|
83
|
+
unstyled: boolean;
|
|
84
|
+
trigger: "click" | "hover";
|
|
85
|
+
openIndex: number | null;
|
|
86
|
+
defaultOpenIndex: number | null;
|
|
87
|
+
onOpenChange: (index: number | null) => void;
|
|
88
|
+
}, true, {}, SlotsType<MenubarSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
89
|
+
P: {};
|
|
90
|
+
B: {};
|
|
91
|
+
D: {};
|
|
92
|
+
C: {};
|
|
93
|
+
M: {};
|
|
94
|
+
Defaults: {};
|
|
95
|
+
}, Readonly<import("vue").ExtractPropTypes<{
|
|
96
|
+
openIndex: {
|
|
97
|
+
type: PropType<number | null>;
|
|
98
|
+
default: undefined;
|
|
99
|
+
};
|
|
100
|
+
defaultOpenIndex: {
|
|
101
|
+
type: PropType<number | null>;
|
|
102
|
+
default: undefined;
|
|
103
|
+
};
|
|
104
|
+
onOpenChange: {
|
|
105
|
+
type: PropType<(index: number | null) => void>;
|
|
106
|
+
default: undefined;
|
|
107
|
+
};
|
|
108
|
+
trigger: {
|
|
109
|
+
type: PropType<"click" | "hover">;
|
|
110
|
+
default: undefined;
|
|
111
|
+
};
|
|
112
|
+
loop: {
|
|
113
|
+
type: BooleanConstructor;
|
|
114
|
+
default: undefined;
|
|
115
|
+
};
|
|
116
|
+
position: {
|
|
117
|
+
type: StringConstructor;
|
|
118
|
+
default: undefined;
|
|
119
|
+
};
|
|
120
|
+
mod: {
|
|
121
|
+
type: PropType<any>;
|
|
122
|
+
default: undefined;
|
|
123
|
+
};
|
|
124
|
+
classNames: {
|
|
125
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
126
|
+
default: undefined;
|
|
127
|
+
};
|
|
128
|
+
styles: {
|
|
129
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
130
|
+
default: undefined;
|
|
131
|
+
};
|
|
132
|
+
vars: {
|
|
133
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
134
|
+
default: undefined;
|
|
135
|
+
};
|
|
136
|
+
unstyled: {
|
|
137
|
+
type: BooleanConstructor;
|
|
138
|
+
default: boolean;
|
|
139
|
+
};
|
|
140
|
+
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
141
|
+
[key: string]: any;
|
|
142
|
+
}>, {}, {}, {}, {
|
|
143
|
+
loop: boolean;
|
|
144
|
+
classNames: Function | Record<string, any>;
|
|
145
|
+
styles: Function | Record<string, any>;
|
|
146
|
+
mod: any;
|
|
147
|
+
position: string;
|
|
148
|
+
vars: Function | Record<string, any>;
|
|
149
|
+
unstyled: boolean;
|
|
150
|
+
trigger: "click" | "hover";
|
|
151
|
+
openIndex: number | null;
|
|
152
|
+
defaultOpenIndex: number | null;
|
|
153
|
+
onOpenChange: (index: number | null) => void;
|
|
154
|
+
}>;
|
|
155
|
+
__isFragment?: never;
|
|
156
|
+
__isTeleport?: never;
|
|
157
|
+
__isSuspense?: never;
|
|
158
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
159
|
+
openIndex: {
|
|
160
|
+
type: PropType<number | null>;
|
|
161
|
+
default: undefined;
|
|
162
|
+
};
|
|
163
|
+
defaultOpenIndex: {
|
|
164
|
+
type: PropType<number | null>;
|
|
165
|
+
default: undefined;
|
|
166
|
+
};
|
|
167
|
+
onOpenChange: {
|
|
168
|
+
type: PropType<(index: number | null) => void>;
|
|
169
|
+
default: undefined;
|
|
170
|
+
};
|
|
171
|
+
trigger: {
|
|
172
|
+
type: PropType<"click" | "hover">;
|
|
173
|
+
default: undefined;
|
|
174
|
+
};
|
|
175
|
+
loop: {
|
|
176
|
+
type: BooleanConstructor;
|
|
177
|
+
default: undefined;
|
|
178
|
+
};
|
|
179
|
+
position: {
|
|
180
|
+
type: StringConstructor;
|
|
181
|
+
default: undefined;
|
|
182
|
+
};
|
|
183
|
+
mod: {
|
|
184
|
+
type: PropType<any>;
|
|
185
|
+
default: undefined;
|
|
186
|
+
};
|
|
187
|
+
classNames: {
|
|
188
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
189
|
+
default: undefined;
|
|
190
|
+
};
|
|
191
|
+
styles: {
|
|
192
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
193
|
+
default: undefined;
|
|
194
|
+
};
|
|
195
|
+
vars: {
|
|
196
|
+
type: (ObjectConstructor | FunctionConstructor)[];
|
|
197
|
+
default: undefined;
|
|
198
|
+
};
|
|
199
|
+
unstyled: {
|
|
200
|
+
type: BooleanConstructor;
|
|
201
|
+
default: boolean;
|
|
202
|
+
};
|
|
203
|
+
}>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
204
|
+
[key: string]: any;
|
|
205
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
206
|
+
loop: boolean;
|
|
207
|
+
classNames: Function | Record<string, any>;
|
|
208
|
+
styles: Function | Record<string, any>;
|
|
209
|
+
mod: any;
|
|
210
|
+
position: string;
|
|
211
|
+
vars: Function | Record<string, any>;
|
|
212
|
+
unstyled: boolean;
|
|
213
|
+
trigger: "click" | "hover";
|
|
214
|
+
openIndex: number | null;
|
|
215
|
+
defaultOpenIndex: number | null;
|
|
216
|
+
onOpenChange: (index: number | null) => void;
|
|
217
|
+
}, {}, string, SlotsType<MenubarSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
218
|
+
classes: Record<string, string>;
|
|
219
|
+
Menu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
220
|
+
transitionProps: {
|
|
221
|
+
type: PropType<{
|
|
222
|
+
duration?: number;
|
|
223
|
+
exitDuration?: number;
|
|
224
|
+
[key: string]: any;
|
|
225
|
+
}>;
|
|
226
|
+
default: undefined;
|
|
227
|
+
};
|
|
228
|
+
__index: {
|
|
229
|
+
type: NumberConstructor;
|
|
230
|
+
default: number;
|
|
231
|
+
};
|
|
232
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
233
|
+
[key: string]: any;
|
|
234
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
235
|
+
transitionProps: {
|
|
236
|
+
type: PropType<{
|
|
237
|
+
duration?: number;
|
|
238
|
+
exitDuration?: number;
|
|
239
|
+
[key: string]: any;
|
|
240
|
+
}>;
|
|
241
|
+
default: undefined;
|
|
242
|
+
};
|
|
243
|
+
__index: {
|
|
244
|
+
type: NumberConstructor;
|
|
245
|
+
default: number;
|
|
246
|
+
};
|
|
247
|
+
}>> & Readonly<{}>, {
|
|
248
|
+
transitionProps: {
|
|
249
|
+
[key: string]: any;
|
|
250
|
+
duration?: number;
|
|
251
|
+
exitDuration?: number;
|
|
252
|
+
};
|
|
253
|
+
__index: number;
|
|
254
|
+
}, SlotsType<import(".").MenubarMenuSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
255
|
+
Target: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
256
|
+
refProp: {
|
|
257
|
+
type: StringConstructor;
|
|
258
|
+
default: string;
|
|
259
|
+
};
|
|
260
|
+
disabled: {
|
|
261
|
+
type: BooleanConstructor;
|
|
262
|
+
default: boolean;
|
|
263
|
+
};
|
|
264
|
+
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
265
|
+
[key: string]: any;
|
|
266
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
267
|
+
refProp: {
|
|
268
|
+
type: StringConstructor;
|
|
269
|
+
default: string;
|
|
270
|
+
};
|
|
271
|
+
disabled: {
|
|
272
|
+
type: BooleanConstructor;
|
|
273
|
+
default: boolean;
|
|
274
|
+
};
|
|
275
|
+
}>> & Readonly<{}>, {
|
|
276
|
+
disabled: boolean;
|
|
277
|
+
refProp: string;
|
|
278
|
+
}, SlotsType<import(".").MenubarTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
279
|
+
Dropdown: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
280
|
+
[key: string]: any;
|
|
281
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<import(".").MenubarDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
282
|
+
}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface MenubarDropdownProps {
|
|
3
|
+
[key: string]: any;
|
|
4
|
+
}
|
|
5
|
+
export interface MenubarDropdownSlots {
|
|
6
|
+
default?: () => VNodeChild;
|
|
7
|
+
}
|
|
8
|
+
export declare const MenubarDropdown: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<MenubarDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface MenubarMenuProps {
|
|
3
|
+
/** Props passed down to the underlying transition */
|
|
4
|
+
transitionProps?: {
|
|
5
|
+
duration?: number;
|
|
6
|
+
exitDuration?: number;
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
};
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
export interface MenubarMenuSlots {
|
|
12
|
+
default?: () => VNodeChild;
|
|
13
|
+
}
|
|
14
|
+
export declare const MenubarMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
transitionProps: {
|
|
16
|
+
type: PropType<{
|
|
17
|
+
duration?: number;
|
|
18
|
+
exitDuration?: number;
|
|
19
|
+
[key: string]: any;
|
|
20
|
+
}>;
|
|
21
|
+
default: undefined;
|
|
22
|
+
};
|
|
23
|
+
__index: {
|
|
24
|
+
type: NumberConstructor;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
|
+
transitionProps: {
|
|
31
|
+
type: PropType<{
|
|
32
|
+
duration?: number;
|
|
33
|
+
exitDuration?: number;
|
|
34
|
+
[key: string]: any;
|
|
35
|
+
}>;
|
|
36
|
+
default: undefined;
|
|
37
|
+
};
|
|
38
|
+
__index: {
|
|
39
|
+
type: NumberConstructor;
|
|
40
|
+
default: number;
|
|
41
|
+
};
|
|
42
|
+
}>> & Readonly<{}>, {
|
|
43
|
+
transitionProps: {
|
|
44
|
+
[key: string]: any;
|
|
45
|
+
duration?: number;
|
|
46
|
+
exitDuration?: number;
|
|
47
|
+
};
|
|
48
|
+
__index: number;
|
|
49
|
+
}, SlotsType<MenubarMenuSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface MenubarTargetProps {
|
|
3
|
+
/** Key of the prop used to get element ref, useful for forwarding refs to custom components @default 'ref' */
|
|
4
|
+
refProp?: string;
|
|
5
|
+
/** Disables the target button */
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}
|
|
9
|
+
export interface MenubarTargetSlots {
|
|
10
|
+
default?: () => VNodeChild;
|
|
11
|
+
}
|
|
12
|
+
export declare const MenubarTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
13
|
+
refProp: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
disabled: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
refProp: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
disabled: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
}>> & Readonly<{}>, {
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
refProp: string;
|
|
35
|
+
}, SlotsType<MenubarTargetSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { Menubar } from './Menubar';
|
|
2
|
+
export type { MenubarProps, MenubarSlots, MenubarStylesNames } from './Menubar';
|
|
3
|
+
export { MenubarMenu } from './MenubarMenu/MenubarMenu';
|
|
4
|
+
export type { MenubarMenuProps, MenubarMenuSlots } from './MenubarMenu/MenubarMenu';
|
|
5
|
+
export { MenubarTarget } from './MenubarTarget/MenubarTarget';
|
|
6
|
+
export type { MenubarTargetProps, MenubarTargetSlots } from './MenubarTarget/MenubarTarget';
|
|
7
|
+
export { MenubarDropdown } from './MenubarDropdown/MenubarDropdown';
|
|
8
|
+
export type { MenubarDropdownProps, MenubarDropdownSlots } from './MenubarDropdown/MenubarDropdown';
|
|
9
|
+
export { useMenubarContext, useMenubarMenuContext } from './Menubar.context';
|
|
10
|
+
export type { MenubarContextValue, MenubarMenuContextValue } from './Menubar.context';
|
|
@@ -189,13 +189,13 @@ export declare const MultiSelect: import("vue").DefineComponent<import("vue").Ex
|
|
|
189
189
|
withScrollArea: boolean;
|
|
190
190
|
checkIconPosition: "left" | "right";
|
|
191
191
|
nothingFoundMessage: any;
|
|
192
|
-
searchable: boolean;
|
|
193
192
|
dropdownOpened: boolean;
|
|
194
193
|
defaultDropdownOpened: boolean;
|
|
195
194
|
selectFirstOptionOnDropdownOpen: boolean;
|
|
195
|
+
searchable: boolean;
|
|
196
|
+
hiddenInputValuesDivider: string;
|
|
196
197
|
openOnFocus: boolean;
|
|
197
198
|
maxValues: number;
|
|
198
199
|
hidePickedOptions: boolean;
|
|
199
200
|
clearSearchOnChange: boolean;
|
|
200
|
-
hiddenInputValuesDivider: string;
|
|
201
201
|
}, SlotsType<MultiSelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -206,14 +206,14 @@ export declare const NativeSelect: import("vue").DefineComponent<import("vue").E
|
|
|
206
206
|
};
|
|
207
207
|
}>> & Readonly<{}>, {
|
|
208
208
|
size: string | number;
|
|
209
|
+
data: NativeSelectData<any>;
|
|
210
|
+
form: string;
|
|
211
|
+
label: MantineNode;
|
|
209
212
|
radius: string | number;
|
|
210
213
|
name: string;
|
|
211
214
|
variant: "default" | "filled" | "unstyled";
|
|
212
215
|
error: MantineNode;
|
|
213
216
|
onChange: (event: Event) => void;
|
|
214
|
-
data: NativeSelectData<any>;
|
|
215
|
-
form: string;
|
|
216
|
-
label: MantineNode;
|
|
217
217
|
value: string;
|
|
218
218
|
classNames: Function | Record<string, any>;
|
|
219
219
|
styles: Function | Record<string, any>;
|
|
@@ -188,11 +188,11 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
188
188
|
default: boolean;
|
|
189
189
|
};
|
|
190
190
|
}>> & Readonly<{}>, {
|
|
191
|
+
label: any;
|
|
191
192
|
color: string;
|
|
192
193
|
autoContrast: boolean;
|
|
193
194
|
variant: NavLinkVariant;
|
|
194
195
|
onChange: (opened: boolean) => void;
|
|
195
|
-
label: any;
|
|
196
196
|
classNames: Function | Record<string, any>;
|
|
197
197
|
styles: Function | Record<string, any>;
|
|
198
198
|
description: MantineNode;
|
|
@@ -131,10 +131,10 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
|
|
|
131
131
|
default: boolean;
|
|
132
132
|
};
|
|
133
133
|
}>> & Readonly<{}>, {
|
|
134
|
+
title: MantineNode;
|
|
134
135
|
radius: string | number;
|
|
135
136
|
color: string;
|
|
136
137
|
onClose: () => void;
|
|
137
|
-
title: MantineNode;
|
|
138
138
|
classNames: Function | Record<string, any>;
|
|
139
139
|
styles: Function | Record<string, any>;
|
|
140
140
|
mod: any;
|
|
@@ -393,9 +393,9 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
393
393
|
}>> & Readonly<{}>, {
|
|
394
394
|
size: string | number;
|
|
395
395
|
max: number | bigint | undefined;
|
|
396
|
+
label: MantineNode;
|
|
396
397
|
error: MantineNode;
|
|
397
398
|
onChange: (value: NumberInputValue) => void;
|
|
398
|
-
label: MantineNode;
|
|
399
399
|
value: NumberInputValue | undefined;
|
|
400
400
|
classNames: Function | Record<string, any>;
|
|
401
401
|
styles: Function | Record<string, any>;
|
|
@@ -91,11 +91,11 @@ export declare const Overlay: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
91
91
|
};
|
|
92
92
|
}>> & Readonly<{}>, {
|
|
93
93
|
fixed: boolean;
|
|
94
|
+
center: boolean;
|
|
94
95
|
color: string;
|
|
95
96
|
gradient: string;
|
|
96
97
|
classNames: Function | Record<string, any>;
|
|
97
98
|
styles: Function | Record<string, any>;
|
|
98
|
-
center: boolean;
|
|
99
99
|
component: string;
|
|
100
100
|
vars: Function | Record<string, any>;
|
|
101
101
|
unstyled: boolean;
|