@mantine-vue/core 2.0.0 → 2.1.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 +3615 -2207
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +3594 -2208
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +11 -11
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +15 -9
- 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 +14 -8
- package/lib/components/AppShell/AppShell.d.ts +3 -3
- package/lib/components/Autocomplete/Autocomplete.d.ts +15 -3
- package/lib/components/Badge/Badge.d.ts +13 -10
- package/lib/components/Blockquote/Blockquote.d.ts +14 -8
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +10 -5
- 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 +44 -32
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +18 -11
- package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts +9 -2
- package/lib/components/CloseButton/CloseButton.d.ts +10 -5
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +4 -4
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +6 -2
- 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 +11 -6
- package/lib/components/Drawer/Drawer.d.ts +14 -9
- 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 +10 -5
- package/lib/components/FileButton/FileButton.d.ts +1 -1
- package/lib/components/FileInput/FileInput.d.ts +27 -18
- 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 +10 -5
- package/lib/components/Input/Input.d.ts +29 -25
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +18 -11
- package/lib/components/InputBase/InputBase.d.ts +22 -15
- package/lib/components/List/List.d.ts +21 -16
- package/lib/components/List/ListItem/ListItem.d.ts +10 -5
- package/lib/components/Marquee/Marquee.d.ts +1 -1
- package/lib/components/Menu/Menu.d.ts +69 -30
- 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/Modal/Modal.d.ts +14 -9
- package/lib/components/MultiSelect/MultiSelect.d.ts +16 -4
- package/lib/components/NativeSelect/NativeSelect.d.ts +25 -16
- package/lib/components/NavLink/NavLink.d.ts +15 -9
- package/lib/components/Notification/Notification.d.ts +14 -8
- package/lib/components/NumberInput/NumberInput.d.ts +22 -14
- package/lib/components/Overlay/Overlay.d.ts +1 -1
- package/lib/components/Pagination/Pagination.d.ts +5 -5
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +5 -2
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +8 -5
- package/lib/components/PasswordInput/PasswordInput.d.ts +26 -18
- package/lib/components/PillsInput/PillsInput.d.ts +30 -21
- 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 +42 -32
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +18 -11
- package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts +8 -2
- package/lib/components/Rating/Rating.d.ts +17 -8
- 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 +17 -5
- package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +10 -6
- package/lib/components/Skeleton/Skeleton.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +13 -4
- package/lib/components/Slider/Slider/Slider.d.ts +10 -4
- 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/Spoiler/Spoiler.d.ts +18 -10
- package/lib/components/Stepper/Stepper.d.ts +22 -10
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +15 -5
- package/lib/components/Switch/Switch.d.ts +58 -49
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +18 -11
- package/lib/components/Table/Table.d.ts +3 -3
- package/lib/components/Tabs/Tabs.d.ts +14 -14
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +13 -9
- package/lib/components/TagsInput/TagsInput.d.ts +15 -3
- 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 +8 -8
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +15 -9
- package/lib/components/TreeSelect/TreeSelect.d.ts +14 -5
- package/lib/components/index.d.ts +4 -0
- package/lib/core/Box/Box.d.ts +2 -2
- package/lib/core/index.d.ts +1 -0
- package/lib/core/renderable-node.d.ts +10 -0
- 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
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode, type SectionSlots } from '../../core';
|
|
2
3
|
export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
|
|
3
4
|
export type NavLinkVariant = 'filled' | 'light' | 'subtle';
|
|
5
|
+
export interface NavLinkSlots extends SectionSlots {
|
|
6
|
+
default?: () => VNodeChild;
|
|
7
|
+
label?: () => VNodeChild;
|
|
8
|
+
description?: () => VNodeChild;
|
|
9
|
+
}
|
|
4
10
|
export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
11
|
component: {
|
|
6
12
|
type: StringConstructor;
|
|
@@ -11,7 +17,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
11
17
|
default: undefined;
|
|
12
18
|
};
|
|
13
19
|
description: {
|
|
14
|
-
type: PropType<
|
|
20
|
+
type: PropType<MantineNode>;
|
|
15
21
|
default: undefined;
|
|
16
22
|
};
|
|
17
23
|
leftSection: {
|
|
@@ -19,7 +25,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
19
25
|
default: undefined;
|
|
20
26
|
};
|
|
21
27
|
rightSection: {
|
|
22
|
-
type: PropType<
|
|
28
|
+
type: PropType<MantineNode>;
|
|
23
29
|
default: undefined;
|
|
24
30
|
};
|
|
25
31
|
active: {
|
|
@@ -102,7 +108,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
102
108
|
default: undefined;
|
|
103
109
|
};
|
|
104
110
|
description: {
|
|
105
|
-
type: PropType<
|
|
111
|
+
type: PropType<MantineNode>;
|
|
106
112
|
default: undefined;
|
|
107
113
|
};
|
|
108
114
|
leftSection: {
|
|
@@ -110,7 +116,7 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
110
116
|
default: undefined;
|
|
111
117
|
};
|
|
112
118
|
rightSection: {
|
|
113
|
-
type: PropType<
|
|
119
|
+
type: PropType<MantineNode>;
|
|
114
120
|
default: undefined;
|
|
115
121
|
};
|
|
116
122
|
active: {
|
|
@@ -182,14 +188,14 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
182
188
|
default: boolean;
|
|
183
189
|
};
|
|
184
190
|
}>> & Readonly<{}>, {
|
|
191
|
+
label: any;
|
|
185
192
|
color: string;
|
|
186
193
|
autoContrast: boolean;
|
|
187
194
|
variant: NavLinkVariant;
|
|
188
195
|
onChange: (opened: boolean) => void;
|
|
189
|
-
label: any;
|
|
190
196
|
classNames: Function | Record<string, any>;
|
|
191
197
|
styles: Function | Record<string, any>;
|
|
192
|
-
description:
|
|
198
|
+
description: MantineNode;
|
|
193
199
|
opened: boolean;
|
|
194
200
|
disabled: boolean;
|
|
195
201
|
active: boolean;
|
|
@@ -199,9 +205,9 @@ export declare const NavLink: import("../..").WithBoxProps<import("vue").DefineC
|
|
|
199
205
|
vars: Function | Record<string, any>;
|
|
200
206
|
unstyled: boolean;
|
|
201
207
|
leftSection: any;
|
|
202
|
-
rightSection:
|
|
208
|
+
rightSection: MantineNode;
|
|
203
209
|
childrenOffset: string | number;
|
|
204
210
|
noWrap: boolean;
|
|
205
211
|
defaultOpened: boolean;
|
|
206
212
|
disableRightSectionRotation: boolean;
|
|
207
|
-
},
|
|
213
|
+
}, SlotsType<NavLinkSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
2
3
|
export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
|
|
4
|
+
export interface NotificationSlots {
|
|
5
|
+
default?: () => VNodeChild;
|
|
6
|
+
icon?: () => VNodeChild;
|
|
7
|
+
title?: () => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const Notification: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
onClose: {
|
|
5
11
|
type: PropType<() => void>;
|
|
@@ -14,11 +20,11 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
|
|
|
14
20
|
default: undefined;
|
|
15
21
|
};
|
|
16
22
|
icon: {
|
|
17
|
-
type: PropType<
|
|
23
|
+
type: PropType<MantineNode>;
|
|
18
24
|
default: undefined;
|
|
19
25
|
};
|
|
20
26
|
title: {
|
|
21
|
-
type: PropType<
|
|
27
|
+
type: PropType<MantineNode>;
|
|
22
28
|
default: undefined;
|
|
23
29
|
};
|
|
24
30
|
loading: {
|
|
@@ -77,11 +83,11 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
|
|
|
77
83
|
default: undefined;
|
|
78
84
|
};
|
|
79
85
|
icon: {
|
|
80
|
-
type: PropType<
|
|
86
|
+
type: PropType<MantineNode>;
|
|
81
87
|
default: undefined;
|
|
82
88
|
};
|
|
83
89
|
title: {
|
|
84
|
-
type: PropType<
|
|
90
|
+
type: PropType<MantineNode>;
|
|
85
91
|
default: undefined;
|
|
86
92
|
};
|
|
87
93
|
loading: {
|
|
@@ -125,14 +131,14 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
|
|
|
125
131
|
default: boolean;
|
|
126
132
|
};
|
|
127
133
|
}>> & Readonly<{}>, {
|
|
134
|
+
title: MantineNode;
|
|
128
135
|
radius: string | number;
|
|
129
136
|
color: string;
|
|
130
137
|
onClose: () => void;
|
|
131
|
-
title: any;
|
|
132
138
|
classNames: Function | Record<string, any>;
|
|
133
139
|
styles: Function | Record<string, any>;
|
|
134
140
|
mod: any;
|
|
135
|
-
icon:
|
|
141
|
+
icon: MantineNode;
|
|
136
142
|
vars: Function | Record<string, any>;
|
|
137
143
|
unstyled: boolean;
|
|
138
144
|
withBorder: boolean;
|
|
@@ -140,4 +146,4 @@ export declare const Notification: import("../..").WithBoxProps<import("vue").De
|
|
|
140
146
|
loaderProps: Record<string, any>;
|
|
141
147
|
withCloseButton: boolean;
|
|
142
148
|
closeButtonProps: Record<string, any>;
|
|
143
|
-
},
|
|
149
|
+
}, SlotsType<NotificationSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface NumberInputSlots {
|
|
4
|
+
label?: () => VNodeChild;
|
|
5
|
+
description?: () => VNodeChild;
|
|
6
|
+
error?: () => VNodeChild;
|
|
7
|
+
leftSection?: () => VNodeChild;
|
|
8
|
+
rightSection?: () => VNodeChild;
|
|
9
|
+
}
|
|
2
10
|
import { type ThousandsGroupStyle } from '../NumberFormatter';
|
|
3
11
|
export interface NumberInputHandlers {
|
|
4
12
|
increment: () => void;
|
|
@@ -142,7 +150,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
142
150
|
default: boolean;
|
|
143
151
|
};
|
|
144
152
|
rightSection: {
|
|
145
|
-
type: PropType<
|
|
153
|
+
type: PropType<MantineNode>;
|
|
146
154
|
default: undefined;
|
|
147
155
|
};
|
|
148
156
|
rightSectionWidth: {
|
|
@@ -154,15 +162,15 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
154
162
|
default: undefined;
|
|
155
163
|
};
|
|
156
164
|
label: {
|
|
157
|
-
type: PropType<
|
|
165
|
+
type: PropType<MantineNode>;
|
|
158
166
|
default: undefined;
|
|
159
167
|
};
|
|
160
168
|
description: {
|
|
161
|
-
type: PropType<
|
|
169
|
+
type: PropType<MantineNode>;
|
|
162
170
|
default: undefined;
|
|
163
171
|
};
|
|
164
172
|
error: {
|
|
165
|
-
type: PropType<
|
|
173
|
+
type: PropType<MantineNode | boolean>;
|
|
166
174
|
default: undefined;
|
|
167
175
|
};
|
|
168
176
|
required: {
|
|
@@ -331,7 +339,7 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
331
339
|
default: boolean;
|
|
332
340
|
};
|
|
333
341
|
rightSection: {
|
|
334
|
-
type: PropType<
|
|
342
|
+
type: PropType<MantineNode>;
|
|
335
343
|
default: undefined;
|
|
336
344
|
};
|
|
337
345
|
rightSectionWidth: {
|
|
@@ -343,15 +351,15 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
343
351
|
default: undefined;
|
|
344
352
|
};
|
|
345
353
|
label: {
|
|
346
|
-
type: PropType<
|
|
354
|
+
type: PropType<MantineNode>;
|
|
347
355
|
default: undefined;
|
|
348
356
|
};
|
|
349
357
|
description: {
|
|
350
|
-
type: PropType<
|
|
358
|
+
type: PropType<MantineNode>;
|
|
351
359
|
default: undefined;
|
|
352
360
|
};
|
|
353
361
|
error: {
|
|
354
|
-
type: PropType<
|
|
362
|
+
type: PropType<MantineNode | boolean>;
|
|
355
363
|
default: undefined;
|
|
356
364
|
};
|
|
357
365
|
required: {
|
|
@@ -385,21 +393,21 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
385
393
|
}>> & Readonly<{}>, {
|
|
386
394
|
size: string | number;
|
|
387
395
|
max: number | bigint | undefined;
|
|
388
|
-
|
|
396
|
+
label: MantineNode;
|
|
397
|
+
error: MantineNode;
|
|
389
398
|
onChange: (value: NumberInputValue) => void;
|
|
390
|
-
label: any;
|
|
391
399
|
value: NumberInputValue | undefined;
|
|
392
400
|
classNames: Function | Record<string, any>;
|
|
393
401
|
styles: Function | Record<string, any>;
|
|
394
402
|
required: boolean;
|
|
395
|
-
description:
|
|
403
|
+
description: MantineNode;
|
|
396
404
|
disabled: boolean;
|
|
397
405
|
defaultValue: NumberInputValue | undefined;
|
|
398
406
|
startValue: number | bigint;
|
|
399
407
|
step: number | bigint;
|
|
400
408
|
vars: Function | Record<string, any>;
|
|
401
409
|
unstyled: boolean;
|
|
402
|
-
rightSection:
|
|
410
|
+
rightSection: MantineNode;
|
|
403
411
|
min: number | bigint | undefined;
|
|
404
412
|
decimalScale: number;
|
|
405
413
|
fixedDecimalScale: boolean;
|
|
@@ -434,4 +442,4 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
|
|
|
434
442
|
selectAllOnFocus: boolean;
|
|
435
443
|
onMinReached: () => void;
|
|
436
444
|
onMaxReached: () => void;
|
|
437
|
-
},
|
|
445
|
+
}, SlotsType<NumberInputSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
|
|
@@ -604,7 +604,7 @@ export declare const Pagination: {
|
|
|
604
604
|
};
|
|
605
605
|
}>> & Readonly<{}>, {
|
|
606
606
|
icon: any;
|
|
607
|
-
},
|
|
607
|
+
}, import("vue").SlotsType<import("./PaginationDots/PaginationDots").PaginationDotsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
608
608
|
First: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
609
609
|
icon: {
|
|
610
610
|
type: PropType<any>;
|
|
@@ -628,7 +628,7 @@ export declare const Pagination: {
|
|
|
628
628
|
}>> & Readonly<{}>, {
|
|
629
629
|
disabled: boolean;
|
|
630
630
|
icon: any;
|
|
631
|
-
},
|
|
631
|
+
}, import("vue").SlotsType<import("./PaginationEdges/PaginationEdges").PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
632
632
|
Last: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
633
633
|
icon: {
|
|
634
634
|
type: PropType<any>;
|
|
@@ -652,7 +652,7 @@ export declare const Pagination: {
|
|
|
652
652
|
}>> & Readonly<{}>, {
|
|
653
653
|
disabled: boolean;
|
|
654
654
|
icon: any;
|
|
655
|
-
},
|
|
655
|
+
}, import("vue").SlotsType<import("./PaginationEdges/PaginationEdges").PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
656
656
|
Next: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
657
657
|
icon: {
|
|
658
658
|
type: PropType<any>;
|
|
@@ -676,7 +676,7 @@ export declare const Pagination: {
|
|
|
676
676
|
}>> & Readonly<{}>, {
|
|
677
677
|
disabled: boolean;
|
|
678
678
|
icon: any;
|
|
679
|
-
},
|
|
679
|
+
}, import("vue").SlotsType<import("./PaginationEdges/PaginationEdges").PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
680
680
|
Previous: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
681
681
|
icon: {
|
|
682
682
|
type: PropType<any>;
|
|
@@ -700,7 +700,7 @@ export declare const Pagination: {
|
|
|
700
700
|
}>> & Readonly<{}>, {
|
|
701
701
|
disabled: boolean;
|
|
702
702
|
icon: any;
|
|
703
|
-
},
|
|
703
|
+
}, import("vue").SlotsType<import("./PaginationEdges/PaginationEdges").PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
704
704
|
Items: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
705
705
|
[key: string]: any;
|
|
706
706
|
}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface PaginationDotsSlots {
|
|
3
|
+
icon?: () => VNodeChild;
|
|
4
|
+
}
|
|
2
5
|
export declare const PaginationDots: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
6
|
icon: {
|
|
4
7
|
type: PropType<any>;
|
|
@@ -13,4 +16,4 @@ export declare const PaginationDots: import("../../..").WithBoxProps<import("vue
|
|
|
13
16
|
};
|
|
14
17
|
}>> & Readonly<{}>, {
|
|
15
18
|
icon: any;
|
|
16
|
-
},
|
|
19
|
+
}, SlotsType<PaginationDotsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
export interface PaginationEdgeSlots {
|
|
3
|
+
icon?: () => VNodeChild;
|
|
4
|
+
}
|
|
2
5
|
export declare const PaginationNext: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
6
|
icon: {
|
|
4
7
|
type: PropType<any>;
|
|
@@ -22,7 +25,7 @@ export declare const PaginationNext: import("../../..").WithBoxProps<import("vue
|
|
|
22
25
|
}>> & Readonly<{}>, {
|
|
23
26
|
disabled: boolean;
|
|
24
27
|
icon: any;
|
|
25
|
-
},
|
|
28
|
+
}, SlotsType<PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
26
29
|
export declare const PaginationPrevious: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
27
30
|
icon: {
|
|
28
31
|
type: PropType<any>;
|
|
@@ -46,7 +49,7 @@ export declare const PaginationPrevious: import("../../..").WithBoxProps<import(
|
|
|
46
49
|
}>> & Readonly<{}>, {
|
|
47
50
|
disabled: boolean;
|
|
48
51
|
icon: any;
|
|
49
|
-
},
|
|
52
|
+
}, SlotsType<PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
50
53
|
export declare const PaginationFirst: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
51
54
|
icon: {
|
|
52
55
|
type: PropType<any>;
|
|
@@ -70,7 +73,7 @@ export declare const PaginationFirst: import("../../..").WithBoxProps<import("vu
|
|
|
70
73
|
}>> & Readonly<{}>, {
|
|
71
74
|
disabled: boolean;
|
|
72
75
|
icon: any;
|
|
73
|
-
},
|
|
76
|
+
}, SlotsType<PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
74
77
|
export declare const PaginationLast: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
75
78
|
icon: {
|
|
76
79
|
type: PropType<any>;
|
|
@@ -94,4 +97,4 @@ export declare const PaginationLast: import("../../..").WithBoxProps<import("vue
|
|
|
94
97
|
}>> & Readonly<{}>, {
|
|
95
98
|
disabled: boolean;
|
|
96
99
|
icon: any;
|
|
97
|
-
},
|
|
100
|
+
}, SlotsType<PaginationEdgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface PasswordInputSlots {
|
|
4
|
+
label?: () => VNodeChild;
|
|
5
|
+
description?: () => VNodeChild;
|
|
6
|
+
error?: () => VNodeChild;
|
|
7
|
+
leftSection?: () => VNodeChild;
|
|
8
|
+
rightSection?: () => VNodeChild;
|
|
9
|
+
}
|
|
2
10
|
export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'label' | 'required' | 'description' | 'error';
|
|
3
11
|
export declare const PasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
12
|
visibilityToggleIcon: {
|
|
@@ -22,15 +30,15 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
22
30
|
default: undefined;
|
|
23
31
|
};
|
|
24
32
|
label: {
|
|
25
|
-
type: PropType<
|
|
33
|
+
type: PropType<MantineNode>;
|
|
26
34
|
default: undefined;
|
|
27
35
|
};
|
|
28
36
|
description: {
|
|
29
|
-
type: PropType<
|
|
37
|
+
type: PropType<MantineNode>;
|
|
30
38
|
default: undefined;
|
|
31
39
|
};
|
|
32
40
|
error: {
|
|
33
|
-
type: PropType<
|
|
41
|
+
type: PropType<MantineNode | boolean>;
|
|
34
42
|
default: undefined;
|
|
35
43
|
};
|
|
36
44
|
required: {
|
|
@@ -86,7 +94,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
86
94
|
default: boolean;
|
|
87
95
|
};
|
|
88
96
|
leftSection: {
|
|
89
|
-
type: PropType<
|
|
97
|
+
type: PropType<MantineNode>;
|
|
90
98
|
default: undefined;
|
|
91
99
|
};
|
|
92
100
|
leftSectionWidth: {
|
|
@@ -102,7 +110,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
102
110
|
default: undefined;
|
|
103
111
|
};
|
|
104
112
|
rightSection: {
|
|
105
|
-
type: PropType<
|
|
113
|
+
type: PropType<MantineNode>;
|
|
106
114
|
default: undefined;
|
|
107
115
|
};
|
|
108
116
|
rightSectionWidth: {
|
|
@@ -161,15 +169,15 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
161
169
|
default: undefined;
|
|
162
170
|
};
|
|
163
171
|
label: {
|
|
164
|
-
type: PropType<
|
|
172
|
+
type: PropType<MantineNode>;
|
|
165
173
|
default: undefined;
|
|
166
174
|
};
|
|
167
175
|
description: {
|
|
168
|
-
type: PropType<
|
|
176
|
+
type: PropType<MantineNode>;
|
|
169
177
|
default: undefined;
|
|
170
178
|
};
|
|
171
179
|
error: {
|
|
172
|
-
type: PropType<
|
|
180
|
+
type: PropType<MantineNode | boolean>;
|
|
173
181
|
default: undefined;
|
|
174
182
|
};
|
|
175
183
|
required: {
|
|
@@ -225,7 +233,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
225
233
|
default: boolean;
|
|
226
234
|
};
|
|
227
235
|
leftSection: {
|
|
228
|
-
type: PropType<
|
|
236
|
+
type: PropType<MantineNode>;
|
|
229
237
|
default: undefined;
|
|
230
238
|
};
|
|
231
239
|
leftSectionWidth: {
|
|
@@ -241,7 +249,7 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
241
249
|
default: undefined;
|
|
242
250
|
};
|
|
243
251
|
rightSection: {
|
|
244
|
-
type: PropType<
|
|
252
|
+
type: PropType<MantineNode>;
|
|
245
253
|
default: undefined;
|
|
246
254
|
};
|
|
247
255
|
rightSectionWidth: {
|
|
@@ -278,27 +286,27 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
278
286
|
};
|
|
279
287
|
}>> & Readonly<{}>, {
|
|
280
288
|
size: string | number;
|
|
289
|
+
label: MantineNode;
|
|
281
290
|
radius: string | number;
|
|
282
291
|
variant: "default" | "filled" | "unstyled";
|
|
283
|
-
error:
|
|
284
|
-
label: any;
|
|
292
|
+
error: MantineNode;
|
|
285
293
|
classNames: Function | Record<string, any>;
|
|
286
294
|
styles: Function | Record<string, any>;
|
|
287
295
|
required: boolean;
|
|
288
|
-
description:
|
|
296
|
+
description: MantineNode;
|
|
289
297
|
visible: boolean;
|
|
290
298
|
disabled: boolean;
|
|
291
299
|
id: string;
|
|
292
300
|
vars: Function | Record<string, any>;
|
|
293
301
|
unstyled: boolean;
|
|
294
|
-
leftSection:
|
|
295
|
-
rightSection:
|
|
302
|
+
leftSection: MantineNode;
|
|
303
|
+
rightSection: MantineNode;
|
|
296
304
|
withAsterisk: boolean;
|
|
297
305
|
labelProps: Record<string, any>;
|
|
298
306
|
descriptionProps: Record<string, any>;
|
|
299
307
|
errorProps: Record<string, any>;
|
|
300
308
|
inputContainer: (children: any) => any;
|
|
301
|
-
inputWrapperOrder: ("
|
|
309
|
+
inputWrapperOrder: ("input" | "label" | "error" | "description")[];
|
|
302
310
|
leftSectionWidth: string | number;
|
|
303
311
|
leftSectionProps: Record<string, any>;
|
|
304
312
|
leftSectionPointerEvents: string;
|
|
@@ -311,4 +319,4 @@ export declare const PasswordInput: import("vue").DefineComponent<import("vue").
|
|
|
311
319
|
visibilityToggleButtonProps: Record<string, any>;
|
|
312
320
|
defaultVisible: boolean;
|
|
313
321
|
onVisibilityChange: (visible: boolean) => void;
|
|
314
|
-
},
|
|
322
|
+
}, SlotsType<PasswordInputSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,4 +1,13 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
|
+
import { type MantineNode } from '../../core';
|
|
3
|
+
export interface PillsInputSlots {
|
|
4
|
+
default?: () => VNodeChild;
|
|
5
|
+
label?: () => VNodeChild;
|
|
6
|
+
description?: () => VNodeChild;
|
|
7
|
+
error?: () => VNodeChild;
|
|
8
|
+
leftSection?: () => VNodeChild;
|
|
9
|
+
rightSection?: () => VNodeChild;
|
|
10
|
+
}
|
|
2
11
|
export declare const PillsInput: {
|
|
3
12
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
4
13
|
size: {
|
|
@@ -10,7 +19,7 @@ export declare const PillsInput: {
|
|
|
10
19
|
default: boolean;
|
|
11
20
|
};
|
|
12
21
|
error: {
|
|
13
|
-
type: PropType<
|
|
22
|
+
type: PropType<MantineNode | boolean>;
|
|
14
23
|
default: undefined;
|
|
15
24
|
};
|
|
16
25
|
variant: {
|
|
@@ -26,11 +35,11 @@ export declare const PillsInput: {
|
|
|
26
35
|
default: undefined;
|
|
27
36
|
};
|
|
28
37
|
label: {
|
|
29
|
-
type: PropType<
|
|
38
|
+
type: PropType<MantineNode>;
|
|
30
39
|
default: undefined;
|
|
31
40
|
};
|
|
32
41
|
description: {
|
|
33
|
-
type: PropType<
|
|
42
|
+
type: PropType<MantineNode>;
|
|
34
43
|
default: undefined;
|
|
35
44
|
};
|
|
36
45
|
required: {
|
|
@@ -73,14 +82,14 @@ export declare const PillsInput: {
|
|
|
73
82
|
[key: string]: any;
|
|
74
83
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
75
84
|
size: string | number;
|
|
85
|
+
label: MantineNode;
|
|
76
86
|
radius: string | number;
|
|
77
87
|
variant: "default" | "filled" | "unstyled";
|
|
78
|
-
error:
|
|
79
|
-
label: any;
|
|
88
|
+
error: MantineNode;
|
|
80
89
|
classNames: Function | Record<string, any>;
|
|
81
90
|
styles: Function | Record<string, any>;
|
|
82
91
|
required: boolean;
|
|
83
|
-
description:
|
|
92
|
+
description: MantineNode;
|
|
84
93
|
disabled: boolean;
|
|
85
94
|
mod: any;
|
|
86
95
|
vars: Function | Record<string, any>;
|
|
@@ -89,7 +98,7 @@ export declare const PillsInput: {
|
|
|
89
98
|
withAsterisk: boolean;
|
|
90
99
|
__stylesApiProps: Record<string, any>;
|
|
91
100
|
wrapperProps: Record<string, any>;
|
|
92
|
-
}, true, {},
|
|
101
|
+
}, true, {}, SlotsType<PillsInputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
93
102
|
P: {};
|
|
94
103
|
B: {};
|
|
95
104
|
D: {};
|
|
@@ -106,7 +115,7 @@ export declare const PillsInput: {
|
|
|
106
115
|
default: boolean;
|
|
107
116
|
};
|
|
108
117
|
error: {
|
|
109
|
-
type: PropType<
|
|
118
|
+
type: PropType<MantineNode | boolean>;
|
|
110
119
|
default: undefined;
|
|
111
120
|
};
|
|
112
121
|
variant: {
|
|
@@ -122,11 +131,11 @@ export declare const PillsInput: {
|
|
|
122
131
|
default: undefined;
|
|
123
132
|
};
|
|
124
133
|
label: {
|
|
125
|
-
type: PropType<
|
|
134
|
+
type: PropType<MantineNode>;
|
|
126
135
|
default: undefined;
|
|
127
136
|
};
|
|
128
137
|
description: {
|
|
129
|
-
type: PropType<
|
|
138
|
+
type: PropType<MantineNode>;
|
|
130
139
|
default: undefined;
|
|
131
140
|
};
|
|
132
141
|
required: {
|
|
@@ -169,14 +178,14 @@ export declare const PillsInput: {
|
|
|
169
178
|
[key: string]: any;
|
|
170
179
|
}>, {}, {}, {}, {
|
|
171
180
|
size: string | number;
|
|
181
|
+
label: MantineNode;
|
|
172
182
|
radius: string | number;
|
|
173
183
|
variant: "default" | "filled" | "unstyled";
|
|
174
|
-
error:
|
|
175
|
-
label: any;
|
|
184
|
+
error: MantineNode;
|
|
176
185
|
classNames: Function | Record<string, any>;
|
|
177
186
|
styles: Function | Record<string, any>;
|
|
178
187
|
required: boolean;
|
|
179
|
-
description:
|
|
188
|
+
description: MantineNode;
|
|
180
189
|
disabled: boolean;
|
|
181
190
|
mod: any;
|
|
182
191
|
vars: Function | Record<string, any>;
|
|
@@ -199,7 +208,7 @@ export declare const PillsInput: {
|
|
|
199
208
|
default: boolean;
|
|
200
209
|
};
|
|
201
210
|
error: {
|
|
202
|
-
type: PropType<
|
|
211
|
+
type: PropType<MantineNode | boolean>;
|
|
203
212
|
default: undefined;
|
|
204
213
|
};
|
|
205
214
|
variant: {
|
|
@@ -215,11 +224,11 @@ export declare const PillsInput: {
|
|
|
215
224
|
default: undefined;
|
|
216
225
|
};
|
|
217
226
|
label: {
|
|
218
|
-
type: PropType<
|
|
227
|
+
type: PropType<MantineNode>;
|
|
219
228
|
default: undefined;
|
|
220
229
|
};
|
|
221
230
|
description: {
|
|
222
|
-
type: PropType<
|
|
231
|
+
type: PropType<MantineNode>;
|
|
223
232
|
default: undefined;
|
|
224
233
|
};
|
|
225
234
|
required: {
|
|
@@ -262,14 +271,14 @@ export declare const PillsInput: {
|
|
|
262
271
|
[key: string]: any;
|
|
263
272
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
264
273
|
size: string | number;
|
|
274
|
+
label: MantineNode;
|
|
265
275
|
radius: string | number;
|
|
266
276
|
variant: "default" | "filled" | "unstyled";
|
|
267
|
-
error:
|
|
268
|
-
label: any;
|
|
277
|
+
error: MantineNode;
|
|
269
278
|
classNames: Function | Record<string, any>;
|
|
270
279
|
styles: Function | Record<string, any>;
|
|
271
280
|
required: boolean;
|
|
272
|
-
description:
|
|
281
|
+
description: MantineNode;
|
|
273
282
|
disabled: boolean;
|
|
274
283
|
mod: any;
|
|
275
284
|
vars: Function | Record<string, any>;
|
|
@@ -278,7 +287,7 @@ export declare const PillsInput: {
|
|
|
278
287
|
withAsterisk: boolean;
|
|
279
288
|
__stylesApiProps: Record<string, any>;
|
|
280
289
|
wrapperProps: Record<string, any>;
|
|
281
|
-
}, {}, string,
|
|
290
|
+
}, {}, string, SlotsType<PillsInputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
282
291
|
classes: any;
|
|
283
292
|
Field: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
284
293
|
type: {
|
|
@@ -303,18 +303,18 @@ export declare const PinInput: import("../..").WithBoxProps<import("vue").Define
|
|
|
303
303
|
}>> & Readonly<{}>, {
|
|
304
304
|
size: string | number;
|
|
305
305
|
length: number;
|
|
306
|
+
form: string;
|
|
307
|
+
mask: boolean;
|
|
306
308
|
radius: string | number;
|
|
307
309
|
name: string;
|
|
308
310
|
variant: string;
|
|
309
311
|
type: "number" | RegExp | "alphanumeric";
|
|
310
312
|
error: boolean;
|
|
311
313
|
onChange: (value: string) => void;
|
|
312
|
-
form: string;
|
|
313
314
|
value: string;
|
|
314
315
|
classNames: Function | Record<string, any>;
|
|
315
316
|
styles: Function | Record<string, any>;
|
|
316
317
|
disabled: boolean;
|
|
317
|
-
mask: boolean;
|
|
318
318
|
defaultValue: string;
|
|
319
319
|
id: string;
|
|
320
320
|
gap: string | number;
|