@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.
Files changed (60) hide show
  1. package/cjs/index.cjs +755 -979
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +754 -980
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/Accordion/Accordion.d.ts +7 -7
  6. package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +14 -8
  7. package/lib/components/Alert/Alert.d.ts +14 -8
  8. package/lib/components/Autocomplete/Autocomplete.d.ts +14 -2
  9. package/lib/components/Badge/Badge.d.ts +12 -9
  10. package/lib/components/Blockquote/Blockquote.d.ts +14 -8
  11. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +10 -5
  12. package/lib/components/Checkbox/Checkbox.d.ts +44 -32
  13. package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +18 -11
  14. package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts +9 -2
  15. package/lib/components/CloseButton/CloseButton.d.ts +10 -5
  16. package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +6 -2
  17. package/lib/components/Divider/Divider.d.ts +10 -5
  18. package/lib/components/Drawer/Drawer.d.ts +14 -9
  19. package/lib/components/Fieldset/Fieldset.d.ts +10 -5
  20. package/lib/components/FileInput/FileInput.d.ts +26 -17
  21. package/lib/components/Indicator/Indicator.d.ts +10 -5
  22. package/lib/components/Input/Input.d.ts +29 -25
  23. package/lib/components/Input/InputWrapper/InputWrapper.d.ts +18 -11
  24. package/lib/components/InputBase/InputBase.d.ts +21 -14
  25. package/lib/components/List/List.d.ts +18 -13
  26. package/lib/components/List/ListItem/ListItem.d.ts +10 -5
  27. package/lib/components/Menu/Menu.d.ts +66 -27
  28. package/lib/components/Modal/Modal.d.ts +14 -9
  29. package/lib/components/MultiSelect/MultiSelect.d.ts +14 -2
  30. package/lib/components/NativeSelect/NativeSelect.d.ts +23 -14
  31. package/lib/components/NavLink/NavLink.d.ts +14 -8
  32. package/lib/components/Notification/Notification.d.ts +14 -8
  33. package/lib/components/NumberInput/NumberInput.d.ts +22 -14
  34. package/lib/components/Pagination/Pagination.d.ts +5 -5
  35. package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +5 -2
  36. package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +8 -5
  37. package/lib/components/PasswordInput/PasswordInput.d.ts +25 -17
  38. package/lib/components/PillsInput/PillsInput.d.ts +30 -21
  39. package/lib/components/Radio/Radio.d.ts +42 -32
  40. package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +18 -11
  41. package/lib/components/Radio/RadioIndicator/RadioIndicator.d.ts +8 -2
  42. package/lib/components/Rating/Rating.d.ts +17 -8
  43. package/lib/components/Select/Select.d.ts +14 -2
  44. package/lib/components/SemiCircleProgress/SemiCircleProgress.d.ts +9 -5
  45. package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +11 -2
  46. package/lib/components/Slider/Slider/Slider.d.ts +8 -2
  47. package/lib/components/Spoiler/Spoiler.d.ts +18 -10
  48. package/lib/components/Stepper/Stepper.d.ts +16 -4
  49. package/lib/components/Stepper/StepperStep/StepperStep.d.ts +12 -2
  50. package/lib/components/Switch/Switch.d.ts +58 -49
  51. package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +18 -11
  52. package/lib/components/Tabs/Tabs.d.ts +7 -7
  53. package/lib/components/Tabs/TabsTab/TabsTab.d.ts +12 -8
  54. package/lib/components/TagsInput/TagsInput.d.ts +14 -2
  55. package/lib/components/Timeline/Timeline.d.ts +7 -7
  56. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +14 -8
  57. package/lib/components/TreeSelect/TreeSelect.d.ts +11 -2
  58. package/lib/core/index.d.ts +1 -0
  59. package/lib/core/renderable-node.d.ts +10 -0
  60. package/package.json +3 -3
@@ -1,5 +1,10 @@
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 CloseButtonVariant = 'subtle' | 'transparent';
4
+ export interface CloseButtonSlots {
5
+ default?: () => VNodeChild;
6
+ icon?: () => VNodeChild;
7
+ }
3
8
  export declare const CloseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
9
  component: {
5
10
  type: StringConstructor;
@@ -13,7 +18,7 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
13
18
  };
14
19
  iconSize: PropType<string | number>;
15
20
  icon: {
16
- type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
21
+ type: PropType<MantineNode>;
17
22
  default: undefined;
18
23
  };
19
24
  variant: {
@@ -55,7 +60,7 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
55
60
  };
56
61
  iconSize: PropType<string | number>;
57
62
  icon: {
58
- type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
63
+ type: PropType<MantineNode>;
59
64
  default: undefined;
60
65
  };
61
66
  variant: {
@@ -87,9 +92,9 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
87
92
  classNames: Function | Record<string, any>;
88
93
  styles: Function | Record<string, any>;
89
94
  disabled: boolean;
90
- icon: string | Function | Record<string, any>;
95
+ icon: MantineNode;
91
96
  component: string;
92
97
  vars: Function | Record<string, any>;
93
98
  unstyled: boolean;
94
99
  __staticSelector: string;
95
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
100
+ }, SlotsType<CloseButtonSlots>, {}, {}, 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 { ComboboxLikeRenderOptionInput, ComboboxParsedItem, OptionsFilter } from '../Combobox.types';
4
4
  export type OptionsData = ComboboxParsedItem<Primitive>[];
@@ -24,6 +24,10 @@ export interface OptionsDropdownProps {
24
24
  renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => any;
25
25
  scrollAreaProps?: Record<string, any>;
26
26
  }
27
+ export interface OptionsDropdownSlots {
28
+ renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
29
+ nothingFound?: () => VNodeChild;
30
+ }
27
31
  export declare const OptionsDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
28
32
  data: {
29
33
  type: PropType<OptionsData>;
@@ -115,4 +119,4 @@ export declare const OptionsDropdown: import("vue").DefineComponent<import("vue"
115
119
  filterOptions: boolean;
116
120
  checkIconPosition: "left" | "right";
117
121
  nothingFoundMessage: any;
118
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
122
+ }, SlotsType<OptionsDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,5 +1,10 @@
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 DividerVariant = 'solid' | 'dashed' | 'dotted';
4
+ export interface DividerSlots {
5
+ default?: () => VNodeChild;
6
+ label?: () => VNodeChild;
7
+ }
3
8
  export declare const Divider: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
9
  color: {
5
10
  type: StringConstructor;
@@ -7,7 +12,7 @@ export declare const Divider: import("../..").WithBoxProps<import("vue").DefineC
7
12
  };
8
13
  size: PropType<string | number>;
9
14
  label: {
10
- type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
15
+ type: PropType<MantineNode>;
11
16
  default: undefined;
12
17
  };
13
18
  labelPosition: {
@@ -47,7 +52,7 @@ export declare const Divider: import("../..").WithBoxProps<import("vue").DefineC
47
52
  };
48
53
  size: PropType<string | number>;
49
54
  label: {
50
- type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
55
+ type: PropType<MantineNode>;
51
56
  default: undefined;
52
57
  };
53
58
  labelPosition: {
@@ -81,11 +86,11 @@ export declare const Divider: import("../..").WithBoxProps<import("vue").DefineC
81
86
  }>> & Readonly<{}>, {
82
87
  color: string;
83
88
  variant: DividerVariant;
84
- label: string | number | Function | Record<string, any>;
89
+ label: MantineNode;
85
90
  classNames: Function | Record<string, any>;
86
91
  styles: Function | Record<string, any>;
87
92
  orientation: "horizontal" | "vertical";
88
93
  vars: Function | Record<string, any>;
89
94
  unstyled: boolean;
90
95
  labelPosition: "center" | "left" | "right";
91
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
96
+ }, SlotsType<DividerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
@@ -1,6 +1,11 @@
1
- import { type PropType, type VNodeChild } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
+ import { type MantineNode } from '../../core';
2
3
  import { type ModalBaseProps } from '../ModalBase';
3
4
  export type DrawerPosition = 'top' | 'bottom' | 'left' | 'right';
5
+ export interface DrawerSlots {
6
+ default?: () => VNodeChild;
7
+ title?: () => VNodeChild;
8
+ }
4
9
  export interface DrawerProps extends ModalBaseProps {
5
10
  title?: VNodeChild | (() => VNodeChild);
6
11
  withOverlay?: boolean;
@@ -264,7 +269,7 @@ export declare const Drawer: {
264
269
  required: true;
265
270
  };
266
271
  title: {
267
- type: PropType<any>;
272
+ type: PropType<MantineNode>;
268
273
  default: undefined;
269
274
  };
270
275
  withOverlay: {
@@ -288,12 +293,12 @@ export declare const Drawer: {
288
293
  }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
289
294
  [key: string]: any;
290
295
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
291
- title: any;
296
+ title: MantineNode;
292
297
  zIndex: string | number;
293
298
  withCloseButton: boolean;
294
299
  withOverlay: boolean;
295
300
  stackId: string;
296
- }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
301
+ }, true, {}, SlotsType<DrawerSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
297
302
  P: {};
298
303
  B: {};
299
304
  D: {};
@@ -310,7 +315,7 @@ export declare const Drawer: {
310
315
  required: true;
311
316
  };
312
317
  title: {
313
- type: PropType<any>;
318
+ type: PropType<MantineNode>;
314
319
  default: undefined;
315
320
  };
316
321
  withOverlay: {
@@ -334,7 +339,7 @@ export declare const Drawer: {
334
339
  }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
335
340
  [key: string]: any;
336
341
  }>, {}, {}, {}, {
337
- title: any;
342
+ title: MantineNode;
338
343
  zIndex: string | number;
339
344
  withCloseButton: boolean;
340
345
  withOverlay: boolean;
@@ -353,7 +358,7 @@ export declare const Drawer: {
353
358
  required: true;
354
359
  };
355
360
  title: {
356
- type: PropType<any>;
361
+ type: PropType<MantineNode>;
357
362
  default: undefined;
358
363
  };
359
364
  withOverlay: {
@@ -377,12 +382,12 @@ export declare const Drawer: {
377
382
  }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
378
383
  [key: string]: any;
379
384
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
380
- title: any;
385
+ title: MantineNode;
381
386
  zIndex: string | number;
382
387
  withCloseButton: boolean;
383
388
  withOverlay: boolean;
384
389
  stackId: string;
385
- }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
390
+ }, {}, string, SlotsType<DrawerSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
386
391
  classes: Record<string, string>;
387
392
  varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
388
393
  Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1,9 +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 FieldsetStylesNames = 'root' | 'legend';
3
4
  export type FieldsetVariant = 'default' | 'filled' | 'unstyled';
5
+ export interface FieldsetSlots {
6
+ default?: () => VNodeChild;
7
+ legend?: () => VNodeChild;
8
+ }
4
9
  export declare const Fieldset: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
10
  legend: {
6
- type: PropType<any>;
11
+ type: PropType<MantineNode>;
7
12
  default: undefined;
8
13
  };
9
14
  radius: {
@@ -34,7 +39,7 @@ export declare const Fieldset: import("../..").WithBoxProps<import("vue").Define
34
39
  [key: string]: any;
35
40
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
41
  legend: {
37
- type: PropType<any>;
42
+ type: PropType<MantineNode>;
38
43
  default: undefined;
39
44
  };
40
45
  radius: {
@@ -64,9 +69,9 @@ export declare const Fieldset: import("../..").WithBoxProps<import("vue").Define
64
69
  }>> & Readonly<{}>, {
65
70
  radius: string | number;
66
71
  variant: FieldsetVariant;
67
- legend: any;
72
+ legend: MantineNode;
68
73
  classNames: Function | Record<string, any>;
69
74
  styles: Function | Record<string, any>;
70
75
  vars: Function | Record<string, any>;
71
76
  unstyled: boolean;
72
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
77
+ }, SlotsType<FieldsetSlots>, {}, {}, 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
  import type { ClearSectionMode } from '../Input';
4
+ export interface FileInputSlots {
5
+ label?: () => VNodeChild;
6
+ description?: () => VNodeChild;
7
+ error?: () => VNodeChild;
8
+ placeholder?: () => VNodeChild;
9
+ leftSection?: () => VNodeChild;
10
+ rightSection?: () => VNodeChild;
11
+ }
3
12
  declare function defaultValueComponent(value: File | File[] | null): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
4
13
  [key: string]: any;
5
14
  }>;
@@ -65,7 +74,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
65
74
  default: undefined;
66
75
  };
67
76
  placeholder: {
68
- type: PropType<any>;
77
+ type: PropType<MantineNode>;
69
78
  default: undefined;
70
79
  };
71
80
  resetRef: {
@@ -73,7 +82,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
73
82
  default: undefined;
74
83
  };
75
84
  rightSection: {
76
- type: PropType<any>;
85
+ type: PropType<MantineNode>;
77
86
  default: undefined;
78
87
  };
79
88
  size: {
@@ -81,15 +90,15 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
81
90
  default: string;
82
91
  };
83
92
  label: {
84
- type: PropType<any>;
93
+ type: PropType<MantineNode>;
85
94
  default: undefined;
86
95
  };
87
96
  description: {
88
- type: PropType<any>;
97
+ type: PropType<MantineNode>;
89
98
  default: undefined;
90
99
  };
91
100
  error: {
92
- type: PropType<any>;
101
+ type: PropType<MantineNode | boolean>;
93
102
  default: undefined;
94
103
  };
95
104
  required: {
@@ -184,7 +193,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
184
193
  default: undefined;
185
194
  };
186
195
  placeholder: {
187
- type: PropType<any>;
196
+ type: PropType<MantineNode>;
188
197
  default: undefined;
189
198
  };
190
199
  resetRef: {
@@ -192,7 +201,7 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
192
201
  default: undefined;
193
202
  };
194
203
  rightSection: {
195
- type: PropType<any>;
204
+ type: PropType<MantineNode>;
196
205
  default: undefined;
197
206
  };
198
207
  size: {
@@ -200,15 +209,15 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
200
209
  default: string;
201
210
  };
202
211
  label: {
203
- type: PropType<any>;
212
+ type: PropType<MantineNode>;
204
213
  default: undefined;
205
214
  };
206
215
  description: {
207
- type: PropType<any>;
216
+ type: PropType<MantineNode>;
208
217
  default: undefined;
209
218
  };
210
219
  error: {
211
- type: PropType<any>;
220
+ type: PropType<MantineNode | boolean>;
212
221
  default: undefined;
213
222
  };
214
223
  required: {
@@ -242,22 +251,22 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
242
251
  }>> & Readonly<{}>, {
243
252
  size: string | number;
244
253
  name: string;
245
- error: any;
254
+ error: MantineNode;
246
255
  onChange: (payload: File | File[] | null) => void;
247
256
  form: string;
248
- label: any;
257
+ label: MantineNode;
249
258
  value: File | File[] | null | undefined;
250
259
  classNames: Function | Record<string, any>;
251
260
  styles: Function | Record<string, any>;
252
261
  required: boolean;
253
- description: any;
262
+ description: MantineNode;
254
263
  defaultValue: File | File[] | null | undefined;
255
264
  multiple: boolean;
256
265
  component: string;
257
266
  vars: Function | Record<string, any>;
258
267
  unstyled: boolean;
259
- rightSection: any;
260
- placeholder: any;
268
+ rightSection: MantineNode;
269
+ placeholder: MantineNode;
261
270
  accept: string;
262
271
  resetRef: any;
263
272
  capture: boolean | "user" | "environment" | undefined;
@@ -269,5 +278,5 @@ export declare const FileInput: import("vue").DefineComponent<import("vue").Extr
269
278
  clearButtonProps: Record<string, any>;
270
279
  readOnly: boolean;
271
280
  fileInputProps: Record<string, any>;
272
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
281
+ }, SlotsType<FileInputSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
273
282
  export {};
@@ -1,5 +1,10 @@
1
- import { type PropType } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
+ import { type MantineNode } from '../../core';
2
3
  import type { IndicatorPosition } from './Indicator.types';
4
+ export interface IndicatorSlots {
5
+ default?: () => VNodeChild;
6
+ label?: () => VNodeChild;
7
+ }
3
8
  export declare const Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
9
  position: {
5
10
  type: PropType<IndicatorPosition>;
@@ -18,7 +23,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
18
23
  };
19
24
  size: PropType<string | number>;
20
25
  label: {
21
- type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
26
+ type: PropType<MantineNode>;
22
27
  default: undefined;
23
28
  };
24
29
  radius: PropType<string | number>;
@@ -91,7 +96,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
91
96
  };
92
97
  size: PropType<string | number>;
93
98
  label: {
94
- type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
99
+ type: PropType<MantineNode>;
95
100
  default: undefined;
96
101
  };
97
102
  radius: PropType<string | number>;
@@ -147,7 +152,7 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
147
152
  }>> & Readonly<{}>, {
148
153
  color: string;
149
154
  autoContrast: boolean;
150
- label: string | number | Function | Record<string, any>;
155
+ label: MantineNode;
151
156
  classNames: Function | Record<string, any>;
152
157
  styles: Function | Record<string, any>;
153
158
  disabled: boolean;
@@ -164,4 +169,4 @@ export declare const Indicator: import("../..").WithBoxProps<import("vue").Defin
164
169
  processing: boolean;
165
170
  maxValue: number;
166
171
  showZero: boolean;
167
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
172
+ }, SlotsType<IndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
@@ -1,4 +1,5 @@
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
  import { type ClearSectionMode } from './InputClearSection/InputClearSection';
3
4
  export type InputStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection';
4
5
  export type InputVariant = 'default' | 'filled' | 'unstyled';
@@ -9,6 +10,9 @@ export interface InputStylesCtx {
9
10
  offsetTop?: boolean;
10
11
  offsetBottom?: boolean;
11
12
  }
13
+ export interface InputSlots extends SectionSlots {
14
+ default?: () => VNodeChild;
15
+ }
12
16
  export declare const Input: import("../..").WithBoxProps<{
13
17
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
14
18
  component: {
@@ -24,7 +28,7 @@ export declare const Input: import("../..").WithBoxProps<{
24
28
  default: undefined;
25
29
  };
26
30
  leftSection: {
27
- type: PropType<any>;
31
+ type: PropType<MantineNode>;
28
32
  default: undefined;
29
33
  };
30
34
  leftSectionWidth: {
@@ -40,7 +44,7 @@ export declare const Input: import("../..").WithBoxProps<{
40
44
  default: string;
41
45
  };
42
46
  rightSection: {
43
- type: PropType<any>;
47
+ type: PropType<MantineNode>;
44
48
  default: undefined;
45
49
  };
46
50
  rightSectionWidth: {
@@ -182,8 +186,8 @@ export declare const Input: import("../..").WithBoxProps<{
182
186
  vars: Function | Record<string, any>;
183
187
  unstyled: boolean;
184
188
  __staticSelector: string;
185
- leftSection: any;
186
- rightSection: any;
189
+ leftSection: MantineNode;
190
+ rightSection: MantineNode;
187
191
  loading: boolean;
188
192
  withAria: boolean;
189
193
  __clearable: boolean;
@@ -204,7 +208,7 @@ export declare const Input: import("../..").WithBoxProps<{
204
208
  __bottomSectionProps: Record<string, any>;
205
209
  wrapperProps: Record<string, any>;
206
210
  rootRef: any;
207
- }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
211
+ }, true, {}, SlotsType<InputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
208
212
  P: {};
209
213
  B: {};
210
214
  D: {};
@@ -225,7 +229,7 @@ export declare const Input: import("../..").WithBoxProps<{
225
229
  default: undefined;
226
230
  };
227
231
  leftSection: {
228
- type: PropType<any>;
232
+ type: PropType<MantineNode>;
229
233
  default: undefined;
230
234
  };
231
235
  leftSectionWidth: {
@@ -241,7 +245,7 @@ export declare const Input: import("../..").WithBoxProps<{
241
245
  default: string;
242
246
  };
243
247
  rightSection: {
244
- type: PropType<any>;
248
+ type: PropType<MantineNode>;
245
249
  default: undefined;
246
250
  };
247
251
  rightSectionWidth: {
@@ -383,8 +387,8 @@ export declare const Input: import("../..").WithBoxProps<{
383
387
  vars: Function | Record<string, any>;
384
388
  unstyled: boolean;
385
389
  __staticSelector: string;
386
- leftSection: any;
387
- rightSection: any;
390
+ leftSection: MantineNode;
391
+ rightSection: MantineNode;
388
392
  loading: boolean;
389
393
  withAria: boolean;
390
394
  __clearable: boolean;
@@ -423,7 +427,7 @@ export declare const Input: import("../..").WithBoxProps<{
423
427
  default: undefined;
424
428
  };
425
429
  leftSection: {
426
- type: PropType<any>;
430
+ type: PropType<MantineNode>;
427
431
  default: undefined;
428
432
  };
429
433
  leftSectionWidth: {
@@ -439,7 +443,7 @@ export declare const Input: import("../..").WithBoxProps<{
439
443
  default: string;
440
444
  };
441
445
  rightSection: {
442
- type: PropType<any>;
446
+ type: PropType<MantineNode>;
443
447
  default: undefined;
444
448
  };
445
449
  rightSectionWidth: {
@@ -581,8 +585,8 @@ export declare const Input: import("../..").WithBoxProps<{
581
585
  vars: Function | Record<string, any>;
582
586
  unstyled: boolean;
583
587
  __staticSelector: string;
584
- leftSection: any;
585
- rightSection: any;
588
+ leftSection: MantineNode;
589
+ rightSection: MantineNode;
586
590
  loading: boolean;
587
591
  withAria: boolean;
588
592
  __clearable: boolean;
@@ -603,20 +607,20 @@ export declare const Input: import("../..").WithBoxProps<{
603
607
  __bottomSectionProps: Record<string, any>;
604
608
  wrapperProps: Record<string, any>;
605
609
  rootRef: any;
606
- }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
610
+ }, {}, string, SlotsType<InputSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
607
611
  classes: Record<string, string>;
608
612
  varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
609
613
  Wrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
610
614
  label: {
611
- type: PropType<any>;
615
+ type: PropType<MantineNode>;
612
616
  default: undefined;
613
617
  };
614
618
  description: {
615
- type: PropType<any>;
619
+ type: PropType<MantineNode>;
616
620
  default: undefined;
617
621
  };
618
622
  error: {
619
- type: PropType<any>;
623
+ type: PropType<MantineNode | boolean>;
620
624
  default: undefined;
621
625
  };
622
626
  required: {
@@ -687,15 +691,15 @@ export declare const Input: import("../..").WithBoxProps<{
687
691
  [key: string]: any;
688
692
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
689
693
  label: {
690
- type: PropType<any>;
694
+ type: PropType<MantineNode>;
691
695
  default: undefined;
692
696
  };
693
697
  description: {
694
- type: PropType<any>;
698
+ type: PropType<MantineNode>;
695
699
  default: undefined;
696
700
  };
697
701
  error: {
698
- type: PropType<any>;
702
+ type: PropType<MantineNode | boolean>;
699
703
  default: undefined;
700
704
  };
701
705
  required: {
@@ -765,12 +769,12 @@ export declare const Input: import("../..").WithBoxProps<{
765
769
  }>> & Readonly<{}>, {
766
770
  size: string | number;
767
771
  variant: string;
768
- error: any;
769
- label: any;
772
+ error: MantineNode;
773
+ label: MantineNode;
770
774
  classNames: Function | Record<string, any>;
771
775
  styles: Function | Record<string, any>;
772
776
  required: boolean;
773
- description: any;
777
+ description: MantineNode;
774
778
  mod: any;
775
779
  id: string;
776
780
  vars: Function | Record<string, any>;
@@ -782,7 +786,7 @@ export declare const Input: import("../..").WithBoxProps<{
782
786
  errorProps: Record<string, any>;
783
787
  inputContainer: (children: any) => any;
784
788
  inputWrapperOrder: import("./InputWrapper/get-input-offsets/get-input-offsets").InputWrapperOrderPart[];
785
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
789
+ }, SlotsType<import("./InputWrapper/InputWrapper").InputWrapperSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
786
790
  Label: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
787
791
  required: {
788
792
  type: BooleanConstructor;
@@ -1,17 +1,24 @@
1
- import { type PropType } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
+ import { type MantineNode } from '../../../core';
2
3
  import { type InputWrapperOrderPart } from './get-input-offsets/get-input-offsets';
3
4
  export type InputWrapperStylesNames = 'root' | 'label' | 'required' | 'description' | 'error';
5
+ export interface InputWrapperSlots {
6
+ default?: () => VNodeChild;
7
+ label?: () => VNodeChild;
8
+ description?: () => VNodeChild;
9
+ error?: () => VNodeChild;
10
+ }
4
11
  export declare const InputWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
12
  label: {
6
- type: PropType<any>;
13
+ type: PropType<MantineNode>;
7
14
  default: undefined;
8
15
  };
9
16
  description: {
10
- type: PropType<any>;
17
+ type: PropType<MantineNode>;
11
18
  default: undefined;
12
19
  };
13
20
  error: {
14
- type: PropType<any>;
21
+ type: PropType<MantineNode | boolean>;
15
22
  default: undefined;
16
23
  };
17
24
  required: {
@@ -82,15 +89,15 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
82
89
  [key: string]: any;
83
90
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
84
91
  label: {
85
- type: PropType<any>;
92
+ type: PropType<MantineNode>;
86
93
  default: undefined;
87
94
  };
88
95
  description: {
89
- type: PropType<any>;
96
+ type: PropType<MantineNode>;
90
97
  default: undefined;
91
98
  };
92
99
  error: {
93
- type: PropType<any>;
100
+ type: PropType<MantineNode | boolean>;
94
101
  default: undefined;
95
102
  };
96
103
  required: {
@@ -160,12 +167,12 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
160
167
  }>> & Readonly<{}>, {
161
168
  size: string | number;
162
169
  variant: string;
163
- error: any;
164
- label: any;
170
+ error: MantineNode;
171
+ label: MantineNode;
165
172
  classNames: Function | Record<string, any>;
166
173
  styles: Function | Record<string, any>;
167
174
  required: boolean;
168
- description: any;
175
+ description: MantineNode;
169
176
  mod: any;
170
177
  id: string;
171
178
  vars: Function | Record<string, any>;
@@ -177,4 +184,4 @@ export declare const InputWrapper: import("vue").DefineComponent<import("vue").E
177
184
  errorProps: Record<string, any>;
178
185
  inputContainer: (children: any) => any;
179
186
  inputWrapperOrder: InputWrapperOrderPart[];
180
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
187
+ }, SlotsType<InputWrapperSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;