@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
|
@@ -58,13 +58,13 @@ export declare const Progress: {
|
|
|
58
58
|
[key: string]: any;
|
|
59
59
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
60
60
|
size: string | number;
|
|
61
|
+
orientation: "vertical" | "horizontal";
|
|
61
62
|
radius: string | number;
|
|
62
63
|
color: string;
|
|
63
64
|
autoContrast: boolean;
|
|
64
65
|
classNames: Function | Record<string, any>;
|
|
65
66
|
styles: Function | Record<string, any>;
|
|
66
67
|
transitionDuration: number;
|
|
67
|
-
orientation: "horizontal" | "vertical";
|
|
68
68
|
vars: Function | Record<string, any>;
|
|
69
69
|
unstyled: boolean;
|
|
70
70
|
striped: boolean;
|
|
@@ -133,13 +133,13 @@ export declare const Progress: {
|
|
|
133
133
|
[key: string]: any;
|
|
134
134
|
}>, {}, {}, {}, {
|
|
135
135
|
size: string | number;
|
|
136
|
+
orientation: "vertical" | "horizontal";
|
|
136
137
|
radius: string | number;
|
|
137
138
|
color: string;
|
|
138
139
|
autoContrast: boolean;
|
|
139
140
|
classNames: Function | Record<string, any>;
|
|
140
141
|
styles: Function | Record<string, any>;
|
|
141
142
|
transitionDuration: number;
|
|
142
|
-
orientation: "horizontal" | "vertical";
|
|
143
143
|
vars: Function | Record<string, any>;
|
|
144
144
|
unstyled: boolean;
|
|
145
145
|
striped: boolean;
|
|
@@ -205,13 +205,13 @@ export declare const Progress: {
|
|
|
205
205
|
[key: string]: any;
|
|
206
206
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
207
207
|
size: string | number;
|
|
208
|
+
orientation: "vertical" | "horizontal";
|
|
208
209
|
radius: string | number;
|
|
209
210
|
color: string;
|
|
210
211
|
autoContrast: boolean;
|
|
211
212
|
classNames: Function | Record<string, any>;
|
|
212
213
|
styles: Function | Record<string, any>;
|
|
213
214
|
transitionDuration: number;
|
|
214
|
-
orientation: "horizontal" | "vertical";
|
|
215
215
|
vars: Function | Record<string, any>;
|
|
216
216
|
unstyled: boolean;
|
|
217
217
|
striped: boolean;
|
|
@@ -304,13 +304,13 @@ export declare const Progress: {
|
|
|
304
304
|
};
|
|
305
305
|
}>> & Readonly<{}>, {
|
|
306
306
|
size: string | number;
|
|
307
|
+
orientation: "vertical" | "horizontal";
|
|
307
308
|
radius: string | number;
|
|
308
309
|
autoContrast: boolean;
|
|
309
310
|
classNames: Function | Record<string, any>;
|
|
310
311
|
styles: Function | Record<string, any>;
|
|
311
312
|
mod: any;
|
|
312
313
|
transitionDuration: number;
|
|
313
|
-
orientation: "horizontal" | "vertical";
|
|
314
314
|
vars: Function | Record<string, any>;
|
|
315
315
|
unstyled: boolean;
|
|
316
316
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -86,13 +86,13 @@ export declare const ProgressRoot: import("../../..").WithBoxProps<import("vue")
|
|
|
86
86
|
};
|
|
87
87
|
}>> & Readonly<{}>, {
|
|
88
88
|
size: string | number;
|
|
89
|
+
orientation: "vertical" | "horizontal";
|
|
89
90
|
radius: string | number;
|
|
90
91
|
autoContrast: boolean;
|
|
91
92
|
classNames: Function | Record<string, any>;
|
|
92
93
|
styles: Function | Record<string, any>;
|
|
93
94
|
mod: any;
|
|
94
95
|
transitionDuration: number;
|
|
95
|
-
orientation: "horizontal" | "vertical";
|
|
96
96
|
vars: Function | Record<string, any>;
|
|
97
97
|
unstyled: boolean;
|
|
98
98
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,5 +1,15 @@
|
|
|
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 RadioVariant = 'filled' | 'outline';
|
|
4
|
+
export interface RadioSlots {
|
|
5
|
+
label?: () => VNodeChild;
|
|
6
|
+
description?: () => VNodeChild;
|
|
7
|
+
error?: () => VNodeChild;
|
|
8
|
+
icon?: (props: {
|
|
9
|
+
class?: any;
|
|
10
|
+
style?: any;
|
|
11
|
+
}) => VNodeChild;
|
|
12
|
+
}
|
|
3
13
|
export type RadioStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error' | 'inner' | 'radio' | 'icon';
|
|
4
14
|
export declare const Radio: import("../..").WithBoxProps<{
|
|
5
15
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -8,7 +18,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
8
18
|
default: undefined;
|
|
9
19
|
};
|
|
10
20
|
label: {
|
|
11
|
-
type: PropType<
|
|
21
|
+
type: PropType<MantineNode>;
|
|
12
22
|
default: undefined;
|
|
13
23
|
};
|
|
14
24
|
color: {
|
|
@@ -32,11 +42,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
32
42
|
default: string;
|
|
33
43
|
};
|
|
34
44
|
description: {
|
|
35
|
-
type: PropType<
|
|
45
|
+
type: PropType<MantineNode>;
|
|
36
46
|
default: undefined;
|
|
37
47
|
};
|
|
38
48
|
error: {
|
|
39
|
-
type: PropType<
|
|
49
|
+
type: PropType<MantineNode | boolean>;
|
|
40
50
|
default: undefined;
|
|
41
51
|
};
|
|
42
52
|
radius: {
|
|
@@ -95,15 +105,15 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
95
105
|
[key: string]: any;
|
|
96
106
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
97
107
|
size: string | number;
|
|
108
|
+
label: MantineNode;
|
|
98
109
|
radius: string | number;
|
|
99
110
|
color: string;
|
|
100
111
|
autoContrast: boolean;
|
|
101
112
|
variant: RadioVariant;
|
|
102
|
-
error:
|
|
103
|
-
label: any;
|
|
113
|
+
error: MantineNode;
|
|
104
114
|
classNames: Function | Record<string, any>;
|
|
105
115
|
styles: Function | Record<string, any>;
|
|
106
|
-
description:
|
|
116
|
+
description: MantineNode;
|
|
107
117
|
disabled: boolean;
|
|
108
118
|
mod: any;
|
|
109
119
|
id: string;
|
|
@@ -116,7 +126,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
116
126
|
rootRef: any;
|
|
117
127
|
checked: boolean;
|
|
118
128
|
iconColor: string;
|
|
119
|
-
}, true, {},
|
|
129
|
+
}, true, {}, SlotsType<RadioSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
120
130
|
P: {};
|
|
121
131
|
B: {};
|
|
122
132
|
D: {};
|
|
@@ -129,7 +139,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
129
139
|
default: undefined;
|
|
130
140
|
};
|
|
131
141
|
label: {
|
|
132
|
-
type: PropType<
|
|
142
|
+
type: PropType<MantineNode>;
|
|
133
143
|
default: undefined;
|
|
134
144
|
};
|
|
135
145
|
color: {
|
|
@@ -153,11 +163,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
153
163
|
default: string;
|
|
154
164
|
};
|
|
155
165
|
description: {
|
|
156
|
-
type: PropType<
|
|
166
|
+
type: PropType<MantineNode>;
|
|
157
167
|
default: undefined;
|
|
158
168
|
};
|
|
159
169
|
error: {
|
|
160
|
-
type: PropType<
|
|
170
|
+
type: PropType<MantineNode | boolean>;
|
|
161
171
|
default: undefined;
|
|
162
172
|
};
|
|
163
173
|
radius: {
|
|
@@ -216,15 +226,15 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
216
226
|
[key: string]: any;
|
|
217
227
|
}>, {}, {}, {}, {
|
|
218
228
|
size: string | number;
|
|
229
|
+
label: MantineNode;
|
|
219
230
|
radius: string | number;
|
|
220
231
|
color: string;
|
|
221
232
|
autoContrast: boolean;
|
|
222
233
|
variant: RadioVariant;
|
|
223
|
-
error:
|
|
224
|
-
label: any;
|
|
234
|
+
error: MantineNode;
|
|
225
235
|
classNames: Function | Record<string, any>;
|
|
226
236
|
styles: Function | Record<string, any>;
|
|
227
|
-
description:
|
|
237
|
+
description: MantineNode;
|
|
228
238
|
disabled: boolean;
|
|
229
239
|
mod: any;
|
|
230
240
|
id: string;
|
|
@@ -247,7 +257,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
247
257
|
default: undefined;
|
|
248
258
|
};
|
|
249
259
|
label: {
|
|
250
|
-
type: PropType<
|
|
260
|
+
type: PropType<MantineNode>;
|
|
251
261
|
default: undefined;
|
|
252
262
|
};
|
|
253
263
|
color: {
|
|
@@ -271,11 +281,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
271
281
|
default: string;
|
|
272
282
|
};
|
|
273
283
|
description: {
|
|
274
|
-
type: PropType<
|
|
284
|
+
type: PropType<MantineNode>;
|
|
275
285
|
default: undefined;
|
|
276
286
|
};
|
|
277
287
|
error: {
|
|
278
|
-
type: PropType<
|
|
288
|
+
type: PropType<MantineNode | boolean>;
|
|
279
289
|
default: undefined;
|
|
280
290
|
};
|
|
281
291
|
radius: {
|
|
@@ -334,15 +344,15 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
334
344
|
[key: string]: any;
|
|
335
345
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
336
346
|
size: string | number;
|
|
347
|
+
label: MantineNode;
|
|
337
348
|
radius: string | number;
|
|
338
349
|
color: string;
|
|
339
350
|
autoContrast: boolean;
|
|
340
351
|
variant: RadioVariant;
|
|
341
|
-
error:
|
|
342
|
-
label: any;
|
|
352
|
+
error: MantineNode;
|
|
343
353
|
classNames: Function | Record<string, any>;
|
|
344
354
|
styles: Function | Record<string, any>;
|
|
345
|
-
description:
|
|
355
|
+
description: MantineNode;
|
|
346
356
|
disabled: boolean;
|
|
347
357
|
mod: any;
|
|
348
358
|
id: string;
|
|
@@ -355,7 +365,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
355
365
|
rootRef: any;
|
|
356
366
|
checked: boolean;
|
|
357
367
|
iconColor: string;
|
|
358
|
-
}, {}, string,
|
|
368
|
+
}, {}, string, SlotsType<RadioSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
359
369
|
classes: {
|
|
360
370
|
[x: string]: string;
|
|
361
371
|
};
|
|
@@ -394,15 +404,15 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
394
404
|
default: boolean;
|
|
395
405
|
};
|
|
396
406
|
label: {
|
|
397
|
-
type: PropType<
|
|
407
|
+
type: PropType<MantineNode>;
|
|
398
408
|
default: undefined;
|
|
399
409
|
};
|
|
400
410
|
description: {
|
|
401
|
-
type: PropType<
|
|
411
|
+
type: PropType<MantineNode>;
|
|
402
412
|
default: undefined;
|
|
403
413
|
};
|
|
404
414
|
error: {
|
|
405
|
-
type: PropType<
|
|
415
|
+
type: PropType<MantineNode | boolean>;
|
|
406
416
|
default: undefined;
|
|
407
417
|
};
|
|
408
418
|
classNames: {
|
|
@@ -457,15 +467,15 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
457
467
|
default: boolean;
|
|
458
468
|
};
|
|
459
469
|
label: {
|
|
460
|
-
type: PropType<
|
|
470
|
+
type: PropType<MantineNode>;
|
|
461
471
|
default: undefined;
|
|
462
472
|
};
|
|
463
473
|
description: {
|
|
464
|
-
type: PropType<
|
|
474
|
+
type: PropType<MantineNode>;
|
|
465
475
|
default: undefined;
|
|
466
476
|
};
|
|
467
477
|
error: {
|
|
468
|
-
type: PropType<
|
|
478
|
+
type: PropType<MantineNode | boolean>;
|
|
469
479
|
default: undefined;
|
|
470
480
|
};
|
|
471
481
|
classNames: {
|
|
@@ -486,21 +496,21 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
486
496
|
};
|
|
487
497
|
}>> & Readonly<{}>, {
|
|
488
498
|
size: string | number;
|
|
499
|
+
label: MantineNode;
|
|
489
500
|
name: string;
|
|
490
|
-
error:
|
|
501
|
+
error: MantineNode;
|
|
491
502
|
onChange: (value: string) => void;
|
|
492
|
-
label: any;
|
|
493
503
|
value: string | null | undefined;
|
|
494
504
|
classNames: Function | Record<string, any>;
|
|
495
505
|
styles: Function | Record<string, any>;
|
|
496
|
-
description:
|
|
506
|
+
description: MantineNode;
|
|
497
507
|
disabled: boolean;
|
|
498
508
|
defaultValue: string | null | undefined;
|
|
499
509
|
vars: Function | Record<string, any>;
|
|
500
510
|
unstyled: boolean;
|
|
501
511
|
wrapperProps: Record<string, any>;
|
|
502
512
|
readOnly: boolean;
|
|
503
|
-
},
|
|
513
|
+
}, SlotsType<import("./RadioGroup/RadioGroup").RadioGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
504
514
|
Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
505
515
|
color: {
|
|
506
516
|
type: StringConstructor;
|
|
@@ -632,7 +642,7 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
632
642
|
unstyled: boolean;
|
|
633
643
|
checked: boolean;
|
|
634
644
|
iconColor: string;
|
|
635
|
-
},
|
|
645
|
+
}, SlotsType<import("./RadioIndicator/RadioIndicator").RadioIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
636
646
|
Card: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
637
647
|
checked: {
|
|
638
648
|
type: BooleanConstructor;
|
|
@@ -1,4 +1,5 @@
|
|
|
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 interface RadioGroupContextValue {
|
|
3
4
|
value: string | null;
|
|
4
5
|
onChange: (eventOrValue: Event | string) => void;
|
|
@@ -6,6 +7,12 @@ export interface RadioGroupContextValue {
|
|
|
6
7
|
name?: string;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
}
|
|
10
|
+
export interface RadioGroupSlots {
|
|
11
|
+
default?: () => VNodeChild;
|
|
12
|
+
label?: () => VNodeChild;
|
|
13
|
+
description?: () => VNodeChild;
|
|
14
|
+
error?: () => VNodeChild;
|
|
15
|
+
}
|
|
9
16
|
export declare function useRadioGroupContext(): RadioGroupContextValue | null;
|
|
10
17
|
export declare const RadioGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
11
18
|
value: {
|
|
@@ -41,15 +48,15 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
|
|
|
41
48
|
default: boolean;
|
|
42
49
|
};
|
|
43
50
|
label: {
|
|
44
|
-
type: PropType<
|
|
51
|
+
type: PropType<MantineNode>;
|
|
45
52
|
default: undefined;
|
|
46
53
|
};
|
|
47
54
|
description: {
|
|
48
|
-
type: PropType<
|
|
55
|
+
type: PropType<MantineNode>;
|
|
49
56
|
default: undefined;
|
|
50
57
|
};
|
|
51
58
|
error: {
|
|
52
|
-
type: PropType<
|
|
59
|
+
type: PropType<MantineNode | boolean>;
|
|
53
60
|
default: undefined;
|
|
54
61
|
};
|
|
55
62
|
classNames: {
|
|
@@ -104,15 +111,15 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
|
|
|
104
111
|
default: boolean;
|
|
105
112
|
};
|
|
106
113
|
label: {
|
|
107
|
-
type: PropType<
|
|
114
|
+
type: PropType<MantineNode>;
|
|
108
115
|
default: undefined;
|
|
109
116
|
};
|
|
110
117
|
description: {
|
|
111
|
-
type: PropType<
|
|
118
|
+
type: PropType<MantineNode>;
|
|
112
119
|
default: undefined;
|
|
113
120
|
};
|
|
114
121
|
error: {
|
|
115
|
-
type: PropType<
|
|
122
|
+
type: PropType<MantineNode | boolean>;
|
|
116
123
|
default: undefined;
|
|
117
124
|
};
|
|
118
125
|
classNames: {
|
|
@@ -133,18 +140,18 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
|
|
|
133
140
|
};
|
|
134
141
|
}>> & Readonly<{}>, {
|
|
135
142
|
size: string | number;
|
|
143
|
+
label: MantineNode;
|
|
136
144
|
name: string;
|
|
137
|
-
error:
|
|
145
|
+
error: MantineNode;
|
|
138
146
|
onChange: (value: string) => void;
|
|
139
|
-
label: any;
|
|
140
147
|
value: string | null | undefined;
|
|
141
148
|
classNames: Function | Record<string, any>;
|
|
142
149
|
styles: Function | Record<string, any>;
|
|
143
|
-
description:
|
|
150
|
+
description: MantineNode;
|
|
144
151
|
disabled: boolean;
|
|
145
152
|
defaultValue: string | null | undefined;
|
|
146
153
|
vars: Function | Record<string, any>;
|
|
147
154
|
unstyled: boolean;
|
|
148
155
|
wrapperProps: Record<string, any>;
|
|
149
156
|
readOnly: boolean;
|
|
150
|
-
},
|
|
157
|
+
}, SlotsType<RadioGroupSlots>, {}, {}, 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
2
|
export type RadioIndicatorVariant = 'filled' | 'outline';
|
|
3
|
+
export interface RadioIndicatorSlots {
|
|
4
|
+
icon?: (props: {
|
|
5
|
+
class?: any;
|
|
6
|
+
style?: any;
|
|
7
|
+
}) => VNodeChild;
|
|
8
|
+
}
|
|
3
9
|
export declare const RadioIndicator: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
10
|
color: {
|
|
5
11
|
type: StringConstructor;
|
|
@@ -131,4 +137,4 @@ export declare const RadioIndicator: import("../../..").WithBoxProps<import("vue
|
|
|
131
137
|
unstyled: boolean;
|
|
132
138
|
checked: boolean;
|
|
133
139
|
iconColor: string;
|
|
134
|
-
},
|
|
140
|
+
}, SlotsType<RadioIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,5 +1,14 @@
|
|
|
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 RatingStylesNames = 'root' | 'starSymbol' | 'input' | 'label' | 'symbolBody' | 'symbolGroup';
|
|
4
|
+
export interface RatingSlots {
|
|
5
|
+
emptySymbol?: (props: {
|
|
6
|
+
value: number;
|
|
7
|
+
}) => VNodeChild;
|
|
8
|
+
fullSymbol?: (props: {
|
|
9
|
+
value: number;
|
|
10
|
+
}) => VNodeChild;
|
|
11
|
+
}
|
|
3
12
|
export declare const Rating: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
13
|
defaultValue: {
|
|
5
14
|
type: NumberConstructor;
|
|
@@ -14,11 +23,11 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
|
|
|
14
23
|
default: undefined;
|
|
15
24
|
};
|
|
16
25
|
emptySymbol: {
|
|
17
|
-
type: PropType<
|
|
26
|
+
type: PropType<MantineNode | ((value: number) => VNodeChild)>;
|
|
18
27
|
default: undefined;
|
|
19
28
|
};
|
|
20
29
|
fullSymbol: {
|
|
21
|
-
type: PropType<
|
|
30
|
+
type: PropType<MantineNode | ((value: number) => VNodeChild)>;
|
|
22
31
|
default: undefined;
|
|
23
32
|
};
|
|
24
33
|
fractions: {
|
|
@@ -97,11 +106,11 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
|
|
|
97
106
|
default: undefined;
|
|
98
107
|
};
|
|
99
108
|
emptySymbol: {
|
|
100
|
-
type: PropType<
|
|
109
|
+
type: PropType<MantineNode | ((value: number) => VNodeChild)>;
|
|
101
110
|
default: undefined;
|
|
102
111
|
};
|
|
103
112
|
fullSymbol: {
|
|
104
|
-
type: PropType<
|
|
113
|
+
type: PropType<MantineNode | ((value: number) => VNodeChild)>;
|
|
105
114
|
default: undefined;
|
|
106
115
|
};
|
|
107
116
|
fractions: {
|
|
@@ -178,11 +187,11 @@ export declare const Rating: import("../..").WithBoxProps<import("vue").DefineCo
|
|
|
178
187
|
unstyled: boolean;
|
|
179
188
|
readOnly: boolean;
|
|
180
189
|
getSymbolLabel: (value: number) => string;
|
|
181
|
-
emptySymbol:
|
|
182
|
-
fullSymbol:
|
|
190
|
+
emptySymbol: MantineNode | ((value: number) => VNodeChild);
|
|
191
|
+
fullSymbol: MantineNode | ((value: number) => VNodeChild);
|
|
183
192
|
fractions: number;
|
|
184
193
|
count: number;
|
|
185
194
|
onHover: (value: number) => void;
|
|
186
195
|
allowClear: boolean;
|
|
187
196
|
highlightSelectedOnly: boolean;
|
|
188
|
-
},
|
|
197
|
+
}, SlotsType<RatingSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -12,5 +12,5 @@ export declare const ScrollAreaScrollbarVisible: import("vue").DefineComponent<i
|
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
14
|
}>> & Readonly<{}>, {
|
|
15
|
-
orientation: "
|
|
15
|
+
orientation: "vertical" | "horizontal";
|
|
16
16
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -187,6 +187,7 @@ export declare const SegmentedControl: import("vue").DefineComponent<import("vue
|
|
|
187
187
|
};
|
|
188
188
|
}>> & Readonly<{}>, {
|
|
189
189
|
size: string | number;
|
|
190
|
+
orientation: "vertical" | "horizontal";
|
|
190
191
|
radius: string | number;
|
|
191
192
|
name: string;
|
|
192
193
|
color: string;
|
|
@@ -201,7 +202,6 @@ export declare const SegmentedControl: import("vue").DefineComponent<import("vue
|
|
|
201
202
|
mod: any;
|
|
202
203
|
transitionDuration: number;
|
|
203
204
|
transitionTimingFunction: string;
|
|
204
|
-
orientation: "horizontal" | "vertical";
|
|
205
205
|
vars: Function | Record<string, any>;
|
|
206
206
|
unstyled: boolean;
|
|
207
207
|
fullWidth: boolean;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import type { Primitive } from '../../core';
|
|
3
3
|
import { type ComboboxData, type ComboboxItem, type OptionsFilter } from '../Combobox';
|
|
4
4
|
export interface SelectProps<Value extends Primitive = string> {
|
|
@@ -40,6 +40,18 @@ export interface SelectProps<Value extends Primitive = string> {
|
|
|
40
40
|
[key: string]: any;
|
|
41
41
|
}
|
|
42
42
|
export type SelectStylesNames = string;
|
|
43
|
+
export interface SelectSlots {
|
|
44
|
+
label?: () => VNodeChild;
|
|
45
|
+
description?: () => VNodeChild;
|
|
46
|
+
error?: () => VNodeChild;
|
|
47
|
+
leftSection?: () => VNodeChild;
|
|
48
|
+
rightSection?: () => VNodeChild;
|
|
49
|
+
renderOption?: (input: {
|
|
50
|
+
option: any;
|
|
51
|
+
checked?: boolean;
|
|
52
|
+
}) => VNodeChild;
|
|
53
|
+
nothingFound?: () => VNodeChild;
|
|
54
|
+
}
|
|
43
55
|
export declare const Select: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
44
56
|
modelValue: {
|
|
45
57
|
type: any;
|
|
@@ -213,14 +225,14 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
213
225
|
withScrollArea: boolean;
|
|
214
226
|
checkIconPosition: "left" | "right";
|
|
215
227
|
nothingFoundMessage: any;
|
|
228
|
+
dropdownOpened: boolean;
|
|
229
|
+
defaultDropdownOpened: boolean;
|
|
230
|
+
selectFirstOptionOnDropdownOpen: boolean;
|
|
216
231
|
searchable: boolean;
|
|
217
232
|
searchValue: string;
|
|
218
233
|
allowDeselect: boolean;
|
|
219
|
-
dropdownOpened: boolean;
|
|
220
|
-
defaultDropdownOpened: boolean;
|
|
221
234
|
selectFirstOptionOnChange: boolean;
|
|
222
|
-
selectFirstOptionOnDropdownOpen: boolean;
|
|
223
235
|
autoSelectOnBlur: boolean;
|
|
224
236
|
openOnFocus: boolean;
|
|
225
237
|
chevronColor: string;
|
|
226
|
-
},
|
|
238
|
+
}, SlotsType<SelectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,5 +1,9 @@
|
|
|
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 SemiCircleProgressStylesNames = 'root' | 'svg' | 'emptySegment' | 'filledSegment' | 'label';
|
|
4
|
+
export interface SemiCircleProgressSlots {
|
|
5
|
+
label?: () => VNodeChild;
|
|
6
|
+
}
|
|
3
7
|
export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
8
|
value: {
|
|
5
9
|
type: NumberConstructor;
|
|
@@ -34,7 +38,7 @@ export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vu
|
|
|
34
38
|
default: undefined;
|
|
35
39
|
};
|
|
36
40
|
label: {
|
|
37
|
-
type: PropType<
|
|
41
|
+
type: PropType<MantineNode>;
|
|
38
42
|
default: undefined;
|
|
39
43
|
};
|
|
40
44
|
labelPosition: {
|
|
@@ -93,7 +97,7 @@ export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vu
|
|
|
93
97
|
default: undefined;
|
|
94
98
|
};
|
|
95
99
|
label: {
|
|
96
|
-
type: PropType<
|
|
100
|
+
type: PropType<MantineNode>;
|
|
97
101
|
default: undefined;
|
|
98
102
|
};
|
|
99
103
|
labelPosition: {
|
|
@@ -118,11 +122,11 @@ export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vu
|
|
|
118
122
|
};
|
|
119
123
|
}>> & Readonly<{}>, {
|
|
120
124
|
size: number;
|
|
121
|
-
label:
|
|
125
|
+
label: MantineNode;
|
|
126
|
+
orientation: "up" | "down";
|
|
122
127
|
classNames: Function | Record<string, any>;
|
|
123
128
|
styles: Function | Record<string, any>;
|
|
124
129
|
transitionDuration: number;
|
|
125
|
-
orientation: "up" | "down";
|
|
126
130
|
vars: Function | Record<string, any>;
|
|
127
131
|
unstyled: boolean;
|
|
128
132
|
labelPosition: "center" | "bottom";
|
|
@@ -130,4 +134,4 @@ export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vu
|
|
|
130
134
|
fillDirection: "left-to-right" | "right-to-left";
|
|
131
135
|
filledSegmentColor: string;
|
|
132
136
|
emptySegmentColor: string;
|
|
133
|
-
},
|
|
137
|
+
}, SlotsType<SemiCircleProgressSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -66,11 +66,11 @@ export declare const Skeleton: import("../..").WithBoxProps<import("vue").Define
|
|
|
66
66
|
default: boolean;
|
|
67
67
|
};
|
|
68
68
|
}>> & Readonly<{}>, {
|
|
69
|
+
animate: boolean;
|
|
70
|
+
circle: boolean;
|
|
69
71
|
classNames: Function | Record<string, any>;
|
|
70
72
|
styles: Function | Record<string, any>;
|
|
71
73
|
visible: boolean;
|
|
72
|
-
animate: boolean;
|
|
73
|
-
circle: boolean;
|
|
74
74
|
vars: Function | Record<string, any>;
|
|
75
75
|
unstyled: boolean;
|
|
76
76
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import type { SliderMark } from '../SliderMark';
|
|
3
3
|
export type RangeSliderValue = [number, number];
|
|
4
|
+
export interface RangeSliderSlots {
|
|
5
|
+
label?: (payload: {
|
|
6
|
+
value: number;
|
|
7
|
+
index: number;
|
|
8
|
+
}) => VNodeChild;
|
|
9
|
+
thumbChildren?: (payload: {
|
|
10
|
+
index: number;
|
|
11
|
+
}) => VNodeChild;
|
|
12
|
+
}
|
|
4
13
|
export declare const RangeSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
14
|
value: {
|
|
6
15
|
type: PropType<RangeSliderValue>;
|
|
@@ -288,12 +297,13 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
288
297
|
}>> & Readonly<{}>, {
|
|
289
298
|
size: string | number;
|
|
290
299
|
max: number;
|
|
300
|
+
label: any;
|
|
301
|
+
orientation: "vertical" | "horizontal";
|
|
291
302
|
radius: string | number;
|
|
292
303
|
name: string;
|
|
293
304
|
color: string;
|
|
294
305
|
scale: (value: number) => number;
|
|
295
306
|
onChange: (value: RangeSliderValue) => void;
|
|
296
|
-
label: any;
|
|
297
307
|
value: RangeSliderValue;
|
|
298
308
|
classNames: Function | Record<string, any>;
|
|
299
309
|
styles: Function | Record<string, any>;
|
|
@@ -301,7 +311,6 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
301
311
|
defaultValue: RangeSliderValue;
|
|
302
312
|
step: number;
|
|
303
313
|
onChangeEnd: (value: RangeSliderValue) => void;
|
|
304
|
-
orientation: "horizontal" | "vertical";
|
|
305
314
|
vars: Function | Record<string, any>;
|
|
306
315
|
unstyled: boolean;
|
|
307
316
|
marks: SliderMark[];
|
|
@@ -321,4 +330,4 @@ export declare const RangeSlider: import("vue").DefineComponent<import("vue").Ex
|
|
|
321
330
|
minRange: number;
|
|
322
331
|
maxRange: number;
|
|
323
332
|
pushOnOverlap: boolean;
|
|
324
|
-
},
|
|
333
|
+
}, SlotsType<RangeSliderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|