@mantine-vue/core 2.0.0 → 2.0.1
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 +755 -979
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +754 -980
- package/esm/index.mjs.map +1 -1
- package/lib/components/Accordion/Accordion.d.ts +7 -7
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +14 -8
- package/lib/components/Alert/Alert.d.ts +14 -8
- package/lib/components/Autocomplete/Autocomplete.d.ts +14 -2
- package/lib/components/Badge/Badge.d.ts +12 -9
- package/lib/components/Blockquote/Blockquote.d.ts +14 -8
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +10 -5
- 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/Combobox/OptionsDropdown/OptionsDropdown.d.ts +6 -2
- package/lib/components/Divider/Divider.d.ts +10 -5
- package/lib/components/Drawer/Drawer.d.ts +14 -9
- package/lib/components/Fieldset/Fieldset.d.ts +10 -5
- package/lib/components/FileInput/FileInput.d.ts +26 -17
- 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 +21 -14
- package/lib/components/List/List.d.ts +18 -13
- package/lib/components/List/ListItem/ListItem.d.ts +10 -5
- package/lib/components/Menu/Menu.d.ts +66 -27
- package/lib/components/Modal/Modal.d.ts +14 -9
- package/lib/components/MultiSelect/MultiSelect.d.ts +14 -2
- package/lib/components/NativeSelect/NativeSelect.d.ts +23 -14
- package/lib/components/NavLink/NavLink.d.ts +14 -8
- package/lib/components/Notification/Notification.d.ts +14 -8
- package/lib/components/NumberInput/NumberInput.d.ts +22 -14
- 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 +25 -17
- package/lib/components/PillsInput/PillsInput.d.ts +30 -21
- 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/Select/Select.d.ts +14 -2
- package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +9 -5
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +11 -2
- package/lib/components/Slider/Slider/Slider.d.ts +8 -2
- package/lib/components/Spoiler/Spoiler.d.ts +18 -10
- package/lib/components/Stepper/Stepper.d.ts +16 -4
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +12 -2
- package/lib/components/Switch/Switch.d.ts +58 -49
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +18 -11
- package/lib/components/Tabs/Tabs.d.ts +7 -7
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +12 -8
- package/lib/components/TagsInput/TagsInput.d.ts +14 -2
- package/lib/components/Timeline/Timeline.d.ts +7 -7
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +14 -8
- package/lib/components/TreeSelect/TreeSelect.d.ts +11 -2
- package/lib/core/index.d.ts +1 -0
- package/lib/core/renderable-node.d.ts +10 -0
- package/package.json +3 -3
|
@@ -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: {
|
|
@@ -75,12 +84,12 @@ export declare const PillsInput: {
|
|
|
75
84
|
size: string | number;
|
|
76
85
|
radius: string | number;
|
|
77
86
|
variant: "default" | "filled" | "unstyled";
|
|
78
|
-
error:
|
|
79
|
-
label:
|
|
87
|
+
error: MantineNode;
|
|
88
|
+
label: 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: {
|
|
@@ -171,12 +180,12 @@ export declare const PillsInput: {
|
|
|
171
180
|
size: string | number;
|
|
172
181
|
radius: string | number;
|
|
173
182
|
variant: "default" | "filled" | "unstyled";
|
|
174
|
-
error:
|
|
175
|
-
label:
|
|
183
|
+
error: MantineNode;
|
|
184
|
+
label: 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: {
|
|
@@ -264,12 +273,12 @@ export declare const PillsInput: {
|
|
|
264
273
|
size: string | number;
|
|
265
274
|
radius: string | number;
|
|
266
275
|
variant: "default" | "filled" | "unstyled";
|
|
267
|
-
error:
|
|
268
|
-
label:
|
|
276
|
+
error: MantineNode;
|
|
277
|
+
label: 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: {
|
|
@@ -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: {
|
|
@@ -99,11 +109,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
99
109
|
color: string;
|
|
100
110
|
autoContrast: boolean;
|
|
101
111
|
variant: RadioVariant;
|
|
102
|
-
error:
|
|
103
|
-
label:
|
|
112
|
+
error: MantineNode;
|
|
113
|
+
label: 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: {
|
|
@@ -220,11 +230,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
220
230
|
color: string;
|
|
221
231
|
autoContrast: boolean;
|
|
222
232
|
variant: RadioVariant;
|
|
223
|
-
error:
|
|
224
|
-
label:
|
|
233
|
+
error: MantineNode;
|
|
234
|
+
label: 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: {
|
|
@@ -338,11 +348,11 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
338
348
|
color: string;
|
|
339
349
|
autoContrast: boolean;
|
|
340
350
|
variant: RadioVariant;
|
|
341
|
-
error:
|
|
342
|
-
label:
|
|
351
|
+
error: MantineNode;
|
|
352
|
+
label: 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: {
|
|
@@ -487,20 +497,20 @@ export declare const Radio: import("../..").WithBoxProps<{
|
|
|
487
497
|
}>> & Readonly<{}>, {
|
|
488
498
|
size: string | number;
|
|
489
499
|
name: string;
|
|
490
|
-
error:
|
|
500
|
+
error: MantineNode;
|
|
491
501
|
onChange: (value: string) => void;
|
|
492
|
-
label:
|
|
502
|
+
label: MantineNode;
|
|
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: {
|
|
@@ -134,17 +141,17 @@ export declare const RadioGroup: import("vue").DefineComponent<import("vue").Ext
|
|
|
134
141
|
}>> & Readonly<{}>, {
|
|
135
142
|
size: string | number;
|
|
136
143
|
name: string;
|
|
137
|
-
error:
|
|
144
|
+
error: MantineNode;
|
|
138
145
|
onChange: (value: string) => void;
|
|
139
|
-
label:
|
|
146
|
+
label: MantineNode;
|
|
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>>;
|
|
@@ -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;
|
|
@@ -223,4 +235,4 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
|
|
|
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,7 +122,7 @@ export declare const SemiCircleProgress: import("../..").WithBoxProps<import("vu
|
|
|
118
122
|
};
|
|
119
123
|
}>> & Readonly<{}>, {
|
|
120
124
|
size: number;
|
|
121
|
-
label:
|
|
125
|
+
label: MantineNode;
|
|
122
126
|
classNames: Function | Record<string, any>;
|
|
123
127
|
styles: Function | Record<string, any>;
|
|
124
128
|
transitionDuration: number;
|
|
@@ -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>>;
|
|
@@ -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>;
|
|
@@ -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>;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import { type PropType } from 'vue';
|
|
1
|
+
import { type PropType, type SlotsType, type VNodeChild } from 'vue';
|
|
2
2
|
import { type SliderStylesNames } from '../Slider.context';
|
|
3
3
|
import type { SliderMark } from '../SliderMark';
|
|
4
4
|
export type { SliderStylesNames };
|
|
5
|
+
export interface SliderSlots {
|
|
6
|
+
label?: (payload: {
|
|
7
|
+
value: number;
|
|
8
|
+
}) => VNodeChild;
|
|
9
|
+
thumbChildren?: () => VNodeChild;
|
|
10
|
+
}
|
|
5
11
|
export declare const Slider: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
12
|
color: {
|
|
7
13
|
type: StringConstructor;
|
|
@@ -313,4 +319,4 @@ export declare const Slider: import("../../..").WithBoxProps<import("vue").Defin
|
|
|
313
319
|
domain: [number, number];
|
|
314
320
|
thumbChildren: any;
|
|
315
321
|
thumbProps: Record<string, any>;
|
|
316
|
-
},
|
|
322
|
+
}, SlotsType<SliderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|