@mantine-vue/core 2.3.1 → 2.4.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.
Files changed (50) hide show
  1. package/cjs/index.cjs +991 -132
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +986 -133
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/Accordion/Accordion.d.ts +24 -4
  6. package/lib/components/Accordion/index.d.ts +1 -1
  7. package/lib/components/Cascader/Cascader.d.ts +314 -0
  8. package/lib/components/Cascader/cascader-utils.d.ts +11 -0
  9. package/lib/components/Cascader/index.d.ts +4 -0
  10. package/lib/components/ColorInput/ColorInput.d.ts +7 -2
  11. package/lib/components/ColorInput/index.d.ts +1 -1
  12. package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +1 -0
  13. package/lib/components/ComboboxPopover/ComboboxPopover.d.ts +4 -0
  14. package/lib/components/Drawer/Drawer.d.ts +33 -0
  15. package/lib/components/FloatingWindow/FloatingWindow.context.d.ts +23 -0
  16. package/lib/components/FloatingWindow/FloatingWindow.d.ts +37 -0
  17. package/lib/components/FloatingWindow/FloatingWindowResizeHandle.d.ts +27 -0
  18. package/lib/components/FloatingWindow/index.d.ts +2 -0
  19. package/lib/components/InputBase/index.d.ts +1 -1
  20. package/lib/components/Menu/Menu.context.d.ts +1 -0
  21. package/lib/components/Modal/Modal.d.ts +33 -0
  22. package/lib/components/MultiSelect/MultiSelect.d.ts +7 -0
  23. package/lib/components/MultiSelect/index.d.ts +1 -1
  24. package/lib/components/PasswordInput/PasswordInput.d.ts +4 -0
  25. package/lib/components/PasswordInput/index.d.ts +1 -1
  26. package/lib/components/ScrollArea/ScrollArea.d.ts +25 -0
  27. package/lib/components/Scroller/Scroller.d.ts +9 -2
  28. package/lib/components/Scroller/index.d.ts +1 -1
  29. package/lib/components/Select/Select.d.ts +1 -0
  30. package/lib/components/Select/index.d.ts +1 -1
  31. package/lib/components/Slider/index.d.ts +2 -1
  32. package/lib/components/Splitter/Splitter.d.ts +8 -3
  33. package/lib/components/Splitter/index.d.ts +1 -1
  34. package/lib/components/Stepper/Stepper.d.ts +2 -1
  35. package/lib/components/Tabs/Tabs.context.d.ts +0 -1
  36. package/lib/components/Tabs/Tabs.d.ts +0 -15
  37. package/lib/components/TagsInput/TagsInput.d.ts +7 -0
  38. package/lib/components/TagsInput/index.d.ts +1 -1
  39. package/lib/components/Textarea/Textarea.d.ts +7 -2
  40. package/lib/components/Textarea/index.d.ts +1 -0
  41. package/lib/components/Timeline/Timeline.d.ts +19 -1
  42. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +20 -1
  43. package/lib/components/Tree/Tree.d.ts +7 -2
  44. package/lib/components/Tree/index.d.ts +1 -1
  45. package/lib/components/TreeSelect/TreeSelect.d.ts +2 -0
  46. package/lib/components/TreeSelect/index.d.ts +1 -1
  47. package/lib/components/index.d.ts +1 -0
  48. package/package.json +3 -3
  49. package/styles.css +471 -129
  50. package/styles.layer.css +471 -129
@@ -0,0 +1,27 @@
1
+ import { type PropType } from 'vue';
2
+ export declare const FloatingWindowResizeHandle: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
+ ariaLabel: {
4
+ type: StringConstructor;
5
+ default: string;
6
+ };
7
+ tabindex: {
8
+ type: NumberConstructor;
9
+ default: number;
10
+ };
11
+ onKeydown: PropType<(event: KeyboardEvent) => void>;
12
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
13
+ [key: string]: any;
14
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ ariaLabel: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ tabindex: {
20
+ type: NumberConstructor;
21
+ default: number;
22
+ };
23
+ onKeydown: PropType<(event: KeyboardEvent) => void>;
24
+ }>> & Readonly<{}>, {
25
+ tabindex: number;
26
+ ariaLabel: string;
27
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
@@ -1,2 +1,4 @@
1
1
  export { FloatingWindow } from './FloatingWindow';
2
2
  export type { FloatingWindowStylesNames } from './FloatingWindow';
3
+ export type { FloatingWindowDimensions, FloatingWindowSize } from './FloatingWindow.context';
4
+ export { FloatingWindowResizeHandle } from './FloatingWindowResizeHandle';
@@ -1,2 +1,2 @@
1
1
  export { InputBase } from './InputBase';
2
- export type { InputBaseStylesNames } from './InputBase';
2
+ export type { InputBaseSlots, InputBaseStylesNames } from './InputBase';
@@ -1,6 +1,7 @@
1
1
  export interface MenuContextValue {
2
2
  opened: boolean;
3
3
  hasSearch: boolean;
4
+ withInitialFocusPlaceholder: boolean;
4
5
  registerSearch: () => () => void;
5
6
  setSearchExitClear: (callback: (() => void) | null) => void;
6
7
  toggleDropdown: () => void;
@@ -31,6 +31,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
31
31
  type: PropType<() => void>;
32
32
  required: true;
33
33
  };
34
+ keepMounted: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
34
38
  centered: BooleanConstructor;
35
39
  fullScreen: BooleanConstructor;
36
40
  radius: (NumberConstructor | StringConstructor)[];
@@ -74,6 +78,10 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
74
78
  type: PropType<() => void>;
75
79
  required: true;
76
80
  };
81
+ keepMounted: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
77
85
  centered: BooleanConstructor;
78
86
  fullScreen: BooleanConstructor;
79
87
  radius: (NumberConstructor | StringConstructor)[];
@@ -110,6 +118,7 @@ export declare const ModalRoot: import("vue").DefineComponent<import("vue").Extr
110
118
  size: string | number;
111
119
  classNames: Function | Record<string, any>;
112
120
  styles: Function | Record<string, any>;
121
+ keepMounted: boolean;
113
122
  vars: Function | Record<string, any>;
114
123
  unstyled: boolean;
115
124
  centered: boolean;
@@ -248,6 +257,10 @@ export declare const Modal: {
248
257
  type: PropType<() => void>;
249
258
  required: true;
250
259
  };
260
+ keepMounted: {
261
+ type: BooleanConstructor;
262
+ default: boolean;
263
+ };
251
264
  title: {
252
265
  type: PropType<MantineNode>;
253
266
  default: undefined;
@@ -266,6 +279,7 @@ export declare const Modal: {
266
279
  [key: string]: any;
267
280
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
268
281
  title: MantineNode;
282
+ keepMounted: boolean;
269
283
  withCloseButton: boolean;
270
284
  withOverlay: boolean;
271
285
  }, true, {}, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -284,6 +298,10 @@ export declare const Modal: {
284
298
  type: PropType<() => void>;
285
299
  required: true;
286
300
  };
301
+ keepMounted: {
302
+ type: BooleanConstructor;
303
+ default: boolean;
304
+ };
287
305
  title: {
288
306
  type: PropType<MantineNode>;
289
307
  default: undefined;
@@ -302,6 +320,7 @@ export declare const Modal: {
302
320
  [key: string]: any;
303
321
  }>, {}, {}, {}, {
304
322
  title: MantineNode;
323
+ keepMounted: boolean;
305
324
  withCloseButton: boolean;
306
325
  withOverlay: boolean;
307
326
  }>;
@@ -317,6 +336,10 @@ export declare const Modal: {
317
336
  type: PropType<() => void>;
318
337
  required: true;
319
338
  };
339
+ keepMounted: {
340
+ type: BooleanConstructor;
341
+ default: boolean;
342
+ };
320
343
  title: {
321
344
  type: PropType<MantineNode>;
322
345
  default: undefined;
@@ -335,6 +358,7 @@ export declare const Modal: {
335
358
  [key: string]: any;
336
359
  }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
337
360
  title: MantineNode;
361
+ keepMounted: boolean;
338
362
  withCloseButton: boolean;
339
363
  withOverlay: boolean;
340
364
  }, {}, string, SlotsType<ModalSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -349,6 +373,10 @@ export declare const Modal: {
349
373
  type: PropType<() => void>;
350
374
  required: true;
351
375
  };
376
+ keepMounted: {
377
+ type: BooleanConstructor;
378
+ default: boolean;
379
+ };
352
380
  centered: BooleanConstructor;
353
381
  fullScreen: BooleanConstructor;
354
382
  radius: (NumberConstructor | StringConstructor)[];
@@ -392,6 +420,10 @@ export declare const Modal: {
392
420
  type: PropType<() => void>;
393
421
  required: true;
394
422
  };
423
+ keepMounted: {
424
+ type: BooleanConstructor;
425
+ default: boolean;
426
+ };
395
427
  centered: BooleanConstructor;
396
428
  fullScreen: BooleanConstructor;
397
429
  radius: (NumberConstructor | StringConstructor)[];
@@ -428,6 +460,7 @@ export declare const Modal: {
428
460
  size: string | number;
429
461
  classNames: Function | Record<string, any>;
430
462
  styles: Function | Record<string, any>;
463
+ keepMounted: boolean;
431
464
  vars: Function | Record<string, any>;
432
465
  unstyled: boolean;
433
466
  centered: boolean;
@@ -11,7 +11,14 @@ export interface MultiSelectSlots {
11
11
  option: any;
12
12
  checked?: boolean;
13
13
  }) => VNodeChild;
14
+ renderPill?: (input: {
15
+ option: any;
16
+ value: Primitive;
17
+ onRemove: () => void;
18
+ disabled: boolean;
19
+ }) => VNodeChild;
14
20
  nothingFound?: () => VNodeChild;
21
+ nothingFoundMessage?: () => VNodeChild;
15
22
  }
16
23
  export interface MultiSelectProps<Value extends Primitive = string> {
17
24
  modelValue?: Value[];
@@ -1,2 +1,2 @@
1
1
  export { MultiSelect } from './MultiSelect';
2
- export type { MultiSelectProps } from './MultiSelect';
2
+ export type { MultiSelectProps, MultiSelectSlots } from './MultiSelect';
@@ -6,6 +6,10 @@ export interface PasswordInputSlots {
6
6
  error?: () => VNodeChild;
7
7
  leftSection?: () => VNodeChild;
8
8
  rightSection?: () => VNodeChild;
9
+ /** Custom visibility toggle icon, alternative to the `visibilityToggleIcon` prop */
10
+ visibilityToggleIcon?: (payload: {
11
+ reveal: boolean;
12
+ }) => VNodeChild;
9
13
  }
10
14
  export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'label' | 'required' | 'description' | 'error';
11
15
  export declare const PasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1,3 +1,3 @@
1
1
  export { PasswordInput } from './PasswordInput';
2
- export type { PasswordInputStylesNames } from './PasswordInput';
2
+ export type { PasswordInputSlots, PasswordInputStylesNames } from './PasswordInput';
3
3
  export { PasswordToggleIcon } from './PasswordToggleIcon';
@@ -22,6 +22,7 @@ export interface ScrollAreaProps {
22
22
  x?: number;
23
23
  y?: number;
24
24
  };
25
+ verticalScrollbarPosition?: 'left' | 'right';
25
26
  }
26
27
  export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
27
28
  scrollbarSize: PropType<string | number>;
@@ -73,6 +74,10 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
73
74
  type: PropType<ScrollAreaProps["startScrollPosition"]>;
74
75
  default: undefined;
75
76
  };
77
+ verticalScrollbarPosition: {
78
+ type: PropType<"left" | "right">;
79
+ default: undefined;
80
+ };
76
81
  classNames: {
77
82
  type: (ObjectConstructor | FunctionConstructor)[];
78
83
  default: undefined;
@@ -141,6 +146,10 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
141
146
  type: PropType<ScrollAreaProps["startScrollPosition"]>;
142
147
  default: undefined;
143
148
  };
149
+ verticalScrollbarPosition: {
150
+ type: PropType<"left" | "right">;
151
+ default: undefined;
152
+ };
144
153
  classNames: {
145
154
  type: (ObjectConstructor | FunctionConstructor)[];
146
155
  default: undefined;
@@ -180,6 +189,7 @@ export declare const ScrollAreaBase: import("vue").DefineComponent<import("vue")
180
189
  y?: number;
181
190
  } | undefined;
182
191
  viewportProps: Record<string, any>;
192
+ verticalScrollbarPosition: "left" | "right";
183
193
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
184
194
  export declare const ScrollAreaAutosize: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
185
195
  [key: string]: any;
@@ -237,6 +247,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
237
247
  type: PropType<ScrollAreaProps["startScrollPosition"]>;
238
248
  default: undefined;
239
249
  };
250
+ verticalScrollbarPosition: {
251
+ type: PropType<"left" | "right">;
252
+ default: undefined;
253
+ };
240
254
  classNames: {
241
255
  type: (ObjectConstructor | FunctionConstructor)[];
242
256
  default: undefined;
@@ -278,6 +292,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
278
292
  y?: number;
279
293
  } | undefined;
280
294
  viewportProps: Record<string, any>;
295
+ verticalScrollbarPosition: "left" | "right";
281
296
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
282
297
  P: {};
283
298
  B: {};
@@ -335,6 +350,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
335
350
  type: PropType<ScrollAreaProps["startScrollPosition"]>;
336
351
  default: undefined;
337
352
  };
353
+ verticalScrollbarPosition: {
354
+ type: PropType<"left" | "right">;
355
+ default: undefined;
356
+ };
338
357
  classNames: {
339
358
  type: (ObjectConstructor | FunctionConstructor)[];
340
359
  default: undefined;
@@ -376,6 +395,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
376
395
  y?: number;
377
396
  } | undefined;
378
397
  viewportProps: Record<string, any>;
398
+ verticalScrollbarPosition: "left" | "right";
379
399
  }>;
380
400
  __isFragment?: never;
381
401
  __isTeleport?: never;
@@ -430,6 +450,10 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
430
450
  type: PropType<ScrollAreaProps["startScrollPosition"]>;
431
451
  default: undefined;
432
452
  };
453
+ verticalScrollbarPosition: {
454
+ type: PropType<"left" | "right">;
455
+ default: undefined;
456
+ };
433
457
  classNames: {
434
458
  type: (ObjectConstructor | FunctionConstructor)[];
435
459
  default: undefined;
@@ -471,6 +495,7 @@ export declare const ScrollArea: import("../..").WithBoxProps<{
471
495
  y?: number;
472
496
  } | undefined;
473
497
  viewportProps: Record<string, any>;
498
+ verticalScrollbarPosition: "left" | "right";
474
499
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
475
500
  Autosize: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
476
501
  [key: string]: any;
@@ -1,4 +1,4 @@
1
- import { type PropType } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
2
  export type ScrollerStylesNames = 'root' | 'container' | 'content' | 'control' | 'chevron';
3
3
  export type ScrollerCssVariables = {
4
4
  root: '--scroller-control-size' | '--scroller-background-color';
@@ -19,6 +19,13 @@ export interface ScrollerProps {
19
19
  vars?: Record<string, Record<string, string | undefined>> | ((theme: any, props: any) => Record<string, Record<string, string | undefined>>);
20
20
  unstyled?: boolean;
21
21
  }
22
+ export interface ScrollerSlots {
23
+ default?: () => VNodeChild;
24
+ /** Custom start control icon, alternative to the `startControlIcon` prop */
25
+ startControlIcon?: () => VNodeChild;
26
+ /** Custom end control icon, alternative to the `endControlIcon` prop */
27
+ endControlIcon?: () => VNodeChild;
28
+ }
22
29
  export declare const Scroller: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
23
30
  scrollAmount: {
24
31
  type: NumberConstructor;
@@ -150,4 +157,4 @@ export declare const Scroller: import("../..").WithBoxProps<import("vue").Define
150
157
  endControlIcon: any;
151
158
  showStartControl: boolean;
152
159
  showEndControl: boolean;
153
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
160
+ }, SlotsType<ScrollerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
@@ -1,2 +1,2 @@
1
1
  export { Scroller } from './Scroller';
2
- export type { ScrollerCssVariables, ScrollerProps, ScrollerStylesNames } from './Scroller';
2
+ export type { ScrollerCssVariables, ScrollerProps, ScrollerSlots, ScrollerStylesNames, } from './Scroller';
@@ -51,6 +51,7 @@ export interface SelectSlots {
51
51
  checked?: boolean;
52
52
  }) => VNodeChild;
53
53
  nothingFound?: () => VNodeChild;
54
+ nothingFoundMessage?: () => VNodeChild;
54
55
  }
55
56
  export declare const Select: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
56
57
  modelValue: {
@@ -1,2 +1,2 @@
1
1
  export { Select } from './Select';
2
- export type { SelectProps, SelectStylesNames } from './Select';
2
+ export type { SelectProps, SelectSlots, SelectStylesNames } from './Select';
@@ -1,5 +1,6 @@
1
1
  export { Slider } from './Slider/Slider';
2
2
  export { RangeSlider } from './RangeSlider/RangeSlider';
3
- export type { RangeSliderValue } from './RangeSlider/RangeSlider';
3
+ export type { SliderSlots } from './Slider/Slider';
4
+ export type { RangeSliderSlots, RangeSliderValue } from './RangeSlider/RangeSlider';
4
5
  export type { SliderMark } from './SliderMark';
5
6
  export type { SliderCssVariables, SliderStylesNames } from './Slider.context';
@@ -1,4 +1,4 @@
1
- import { type PropType, type VNode, type VNodeChild } from 'vue';
1
+ import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
2
2
  import { type VueRefTarget } from '@mantine-vue/hooks';
3
3
  import { type UseSplitterRedistributeFn, type UseSplitterReturnValue } from './use-splitter';
4
4
  export type SplitterStylesNames = 'root' | 'handle' | 'thumb' | 'pane';
@@ -25,6 +25,11 @@ export interface SplitterProps {
25
25
  vars?: any;
26
26
  unstyled?: boolean;
27
27
  }
28
+ export interface SplitterSlots {
29
+ default?: () => VNodeChild;
30
+ /** Custom icon rendered inside every resize handle, alternative to the `handleIcon` prop */
31
+ handleIcon?: () => VNodeChild;
32
+ }
28
33
  export declare const Splitter: import("../..").WithBoxProps<{
29
34
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
30
35
  orientation: {
@@ -130,7 +135,7 @@ export declare const Splitter: import("../..").WithBoxProps<{
130
135
  handleIcon: VNodeChild;
131
136
  withHandle: boolean;
132
137
  splitterRef: VueRefTarget<UseSplitterReturnValue>;
133
- }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
138
+ }, true, {}, SlotsType<SplitterSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
134
139
  P: {};
135
140
  B: {};
136
141
  D: {};
@@ -349,7 +354,7 @@ export declare const Splitter: import("../..").WithBoxProps<{
349
354
  handleIcon: VNodeChild;
350
355
  withHandle: boolean;
351
356
  splitterRef: VueRefTarget<UseSplitterReturnValue>;
352
- }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
357
+ }, {}, string, SlotsType<SplitterSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
353
358
  classes: Record<string, string>;
354
359
  varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
355
360
  Pane: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1,5 +1,5 @@
1
1
  export { Splitter } from './Splitter';
2
- export type { SplitterProps, SplitterStylesNames, SplitterCssVariables } from './Splitter';
2
+ export type { SplitterProps, SplitterSlots, SplitterStylesNames, SplitterCssVariables, } from './Splitter';
3
3
  export { SplitterPane } from './SplitterPane/SplitterPane';
4
4
  export type { SplitterPaneProps, SplitterPaneStylesNames } from './SplitterPane/SplitterPane';
5
5
  export { useSplitterContext } from './Splitter.context';
@@ -1,5 +1,6 @@
1
1
  import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
2
2
  import { type MantineColor, type MantineRadius, type MantineSize } from '../../core';
3
+ import { type StepperStepSlots } from './StepperStep/StepperStep';
3
4
  export interface StepperSlots {
4
5
  default?: () => VNodeChild;
5
6
  icon?: (payload: {
@@ -537,6 +538,6 @@ export declare const Stepper: import("../..").WithBoxProps<{
537
538
  iconPosition: "left" | "right";
538
539
  allowStepClick: boolean;
539
540
  allowStepSelect: boolean;
540
- }, SlotsType<import("./StepperStep/StepperStep").StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
541
+ }, SlotsType<StepperStepSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
541
542
  Completed: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
542
543
  }>;
@@ -13,7 +13,6 @@ export interface TabsContextValue {
13
13
  radius?: string | number;
14
14
  inverted?: boolean;
15
15
  keepMounted?: boolean;
16
- keepMountedMode?: 'activity' | 'display-none';
17
16
  placement?: 'right' | 'left';
18
17
  unstyled?: boolean;
19
18
  getStyles: (selector: string, options?: {
@@ -60,10 +60,6 @@ export declare const Tabs: {
60
60
  type: BooleanConstructor;
61
61
  default: undefined;
62
62
  };
63
- keepMountedMode: {
64
- type: PropType<"activity" | "display-none">;
65
- default: undefined;
66
- };
67
63
  autoContrast: {
68
64
  type: BooleanConstructor;
69
65
  default: undefined;
@@ -111,7 +107,6 @@ export declare const Tabs: {
111
107
  inverted: boolean;
112
108
  activateTabWithKeyboard: boolean;
113
109
  allowTabDeactivation: boolean;
114
- keepMountedMode: "activity" | "display-none";
115
110
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
116
111
  P: {};
117
112
  B: {};
@@ -176,10 +171,6 @@ export declare const Tabs: {
176
171
  type: BooleanConstructor;
177
172
  default: undefined;
178
173
  };
179
- keepMountedMode: {
180
- type: PropType<"activity" | "display-none">;
181
- default: undefined;
182
- };
183
174
  autoContrast: {
184
175
  type: BooleanConstructor;
185
176
  default: undefined;
@@ -227,7 +218,6 @@ export declare const Tabs: {
227
218
  inverted: boolean;
228
219
  activateTabWithKeyboard: boolean;
229
220
  allowTabDeactivation: boolean;
230
- keepMountedMode: "activity" | "display-none";
231
221
  }>;
232
222
  __isFragment?: never;
233
223
  __isTeleport?: never;
@@ -289,10 +279,6 @@ export declare const Tabs: {
289
279
  type: BooleanConstructor;
290
280
  default: undefined;
291
281
  };
292
- keepMountedMode: {
293
- type: PropType<"activity" | "display-none">;
294
- default: undefined;
295
- };
296
282
  autoContrast: {
297
283
  type: BooleanConstructor;
298
284
  default: undefined;
@@ -340,7 +326,6 @@ export declare const Tabs: {
340
326
  inverted: boolean;
341
327
  activateTabWithKeyboard: boolean;
342
328
  allowTabDeactivation: boolean;
343
- keepMountedMode: "activity" | "display-none";
344
329
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
345
330
  classes: Record<string, string>;
346
331
  varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
@@ -10,7 +10,14 @@ export interface TagsInputSlots {
10
10
  option: any;
11
11
  checked?: boolean;
12
12
  }) => VNodeChild;
13
+ renderPill?: (input: {
14
+ option: any;
15
+ value: string;
16
+ onRemove: () => void;
17
+ disabled: boolean;
18
+ }) => VNodeChild;
13
19
  nothingFound?: () => VNodeChild;
20
+ nothingFoundMessage?: () => VNodeChild;
14
21
  }
15
22
  export interface TagsInputProps {
16
23
  modelValue?: string[];
@@ -1,2 +1,2 @@
1
1
  export { TagsInput, getSplittedTags } from './TagsInput';
2
- export type { TagsInputProps } from './TagsInput';
2
+ export type { TagsInputProps, TagsInputSlots } from './TagsInput';
@@ -1,4 +1,9 @@
1
- import { type PropType } from 'vue';
1
+ import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
+ import { type InputBaseSlots } from '../InputBase';
3
+ export interface TextareaSlots extends InputBaseSlots {
4
+ /** Content rendered below the textarea, alternative to the `bottomSection` prop */
5
+ bottomSection?: () => VNodeChild;
6
+ }
2
7
  export declare const Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
8
  autosize: {
4
9
  type: BooleanConstructor;
@@ -67,4 +72,4 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
67
72
  maxRows: number;
68
73
  minRows: number;
69
74
  bottomSectionProps: Record<string, any>;
70
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
75
+ }, SlotsType<TextareaSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1 +1,2 @@
1
1
  export { Textarea } from './Textarea';
2
+ export type { TextareaSlots } from './Textarea';
@@ -1,6 +1,6 @@
1
1
  import { type PropType, type VNode } from 'vue';
2
2
  import { type MantineColor, type MantineRadius } from '../../core';
3
- export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
3
+ export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
4
4
  export declare const Timeline: import("../..").WithBoxProps<{
5
5
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
6
6
  active: {
@@ -252,6 +252,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
252
252
  type: PropType<import("../..").MantineNode>;
253
253
  default: undefined;
254
254
  };
255
+ opposite: {
256
+ type: PropType<import("../..").MantineNode>;
257
+ default: undefined;
258
+ };
259
+ alternate: {
260
+ type: BooleanConstructor;
261
+ default: boolean;
262
+ };
255
263
  radius: {
256
264
  type: PropType<MantineRadius>;
257
265
  default: undefined;
@@ -315,6 +323,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
315
323
  type: PropType<import("../..").MantineNode>;
316
324
  default: undefined;
317
325
  };
326
+ opposite: {
327
+ type: PropType<import("../..").MantineNode>;
328
+ default: undefined;
329
+ };
330
+ alternate: {
331
+ type: BooleanConstructor;
332
+ default: boolean;
333
+ };
318
334
  radius: {
319
335
  type: PropType<MantineRadius>;
320
336
  default: undefined;
@@ -356,12 +372,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
356
372
  styles: Function | Record<string, any>;
357
373
  active: boolean;
358
374
  mod: any;
375
+ alternate: boolean;
359
376
  className: any;
360
377
  __active: boolean;
361
378
  __lineActive: boolean;
362
379
  __align: "left" | "right";
363
380
  lineActive: boolean;
364
381
  bullet: import("../..").MantineNode;
382
+ opposite: import("../..").MantineNode;
365
383
  lineVariant: "dashed" | "dotted" | "solid";
366
384
  }, import("vue").SlotsType<import("./TimelineItem/TimelineItem").TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
367
385
  }>;
@@ -1,10 +1,11 @@
1
1
  import { type PropType, type SlotsType, type VNodeChild } from 'vue';
2
2
  import { type MantineColor, type MantineNode, type MantineRadius } from '../../../core';
3
- export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
3
+ export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
4
4
  export interface TimelineItemSlots {
5
5
  default?: () => VNodeChild;
6
6
  title?: () => VNodeChild;
7
7
  bullet?: () => VNodeChild;
8
+ opposite?: () => VNodeChild;
8
9
  }
9
10
  export declare const TimelineItem: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
11
  __active: {
@@ -35,6 +36,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
35
36
  type: PropType<MantineNode>;
36
37
  default: undefined;
37
38
  };
39
+ opposite: {
40
+ type: PropType<MantineNode>;
41
+ default: undefined;
42
+ };
43
+ alternate: {
44
+ type: BooleanConstructor;
45
+ default: boolean;
46
+ };
38
47
  radius: {
39
48
  type: PropType<MantineRadius>;
40
49
  default: undefined;
@@ -98,6 +107,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
98
107
  type: PropType<MantineNode>;
99
108
  default: undefined;
100
109
  };
110
+ opposite: {
111
+ type: PropType<MantineNode>;
112
+ default: undefined;
113
+ };
114
+ alternate: {
115
+ type: BooleanConstructor;
116
+ default: boolean;
117
+ };
101
118
  radius: {
102
119
  type: PropType<MantineRadius>;
103
120
  default: undefined;
@@ -139,11 +156,13 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
139
156
  styles: Function | Record<string, any>;
140
157
  active: boolean;
141
158
  mod: any;
159
+ alternate: boolean;
142
160
  className: any;
143
161
  __active: boolean;
144
162
  __lineActive: boolean;
145
163
  __align: "left" | "right";
146
164
  lineActive: boolean;
147
165
  bullet: MantineNode;
166
+ opposite: MantineNode;
148
167
  lineVariant: "dashed" | "dotted" | "solid";
149
168
  }, SlotsType<TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
@@ -1,4 +1,4 @@
1
- import { type Component, type PropType, type VNodeChild } from 'vue';
1
+ import { type Component, type PropType, type SlotsType, type VNodeChild } from 'vue';
2
2
  import { type BoxProps } from '../../core';
3
3
  import type { TreeDragDropPayload } from './move-tree-node/move-tree-node';
4
4
  import type { TreeAllowDrop, TreeDragHandleProps } from './use-tree-node-drag-drop';
@@ -50,6 +50,11 @@ export interface TreeProps extends BoxProps {
50
50
  withLines?: boolean;
51
51
  }
52
52
  export type TreeFactory = any;
53
+ export interface TreeSlots {
54
+ default?: () => VNodeChild;
55
+ node?: (payload: RenderTreeNodePayload) => VNodeChild;
56
+ renderNode?: (payload: RenderTreeNodePayload) => VNodeChild;
57
+ }
53
58
  export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
54
59
  component: {
55
60
  type: PropType<string | Component>;
@@ -234,4 +239,4 @@ export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComp
234
239
  tree: import("./use-tree").UseTreeReturnType;
235
240
  clearSelectionOnOutsideClick: boolean;
236
241
  withLines: boolean;
237
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
242
+ }, SlotsType<TreeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;