@mantine-vue/core 2.3.0 → 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 (52) hide show
  1. package/cjs/index.cjs +1011 -144
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +1006 -145
  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/Popover/Popover.d.ts +10 -2
  27. package/lib/components/Popover/index.d.ts +1 -1
  28. package/lib/components/ScrollArea/ScrollArea.d.ts +25 -0
  29. package/lib/components/Scroller/Scroller.d.ts +9 -2
  30. package/lib/components/Scroller/index.d.ts +1 -1
  31. package/lib/components/Select/Select.d.ts +1 -0
  32. package/lib/components/Select/index.d.ts +1 -1
  33. package/lib/components/Slider/index.d.ts +2 -1
  34. package/lib/components/Splitter/Splitter.d.ts +8 -3
  35. package/lib/components/Splitter/index.d.ts +1 -1
  36. package/lib/components/Stepper/Stepper.d.ts +2 -1
  37. package/lib/components/Tabs/Tabs.context.d.ts +0 -1
  38. package/lib/components/Tabs/Tabs.d.ts +0 -15
  39. package/lib/components/TagsInput/TagsInput.d.ts +7 -0
  40. package/lib/components/TagsInput/index.d.ts +1 -1
  41. package/lib/components/Textarea/Textarea.d.ts +7 -2
  42. package/lib/components/Textarea/index.d.ts +1 -0
  43. package/lib/components/Timeline/Timeline.d.ts +19 -1
  44. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +20 -1
  45. package/lib/components/Tree/Tree.d.ts +7 -2
  46. package/lib/components/Tree/index.d.ts +1 -1
  47. package/lib/components/TreeSelect/TreeSelect.d.ts +2 -0
  48. package/lib/components/TreeSelect/index.d.ts +1 -1
  49. package/lib/components/index.d.ts +1 -0
  50. package/package.json +3 -3
  51. package/styles.css +471 -129
  52. package/styles.layer.css +471 -129
@@ -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>>;
@@ -5,7 +5,7 @@ export { mergeAsyncChildren } from './merge-async-children/merge-async-children'
5
5
  export { moveTreeNode } from './move-tree-node/move-tree-node';
6
6
  export { filterTreeData, defaultTreeNodeFilter } from './filter-tree-data/filter-tree-data';
7
7
  export { flattenTreeData } from './flatten-tree-data/flatten-tree-data';
8
- export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, } from './Tree';
8
+ export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, TreeSlots, } from './Tree';
9
9
  export type { UseTreeInput, UseTreeReturnType, TreeController, TreeExpandedState } from './use-tree';
10
10
  export type { CheckedNodeStatus } from './get-all-checked-nodes/get-all-checked-nodes';
11
11
  export type { TreeNodeFilter } from './filter-tree-data/filter-tree-data';
@@ -11,6 +11,7 @@ export interface TreeSelectRenderNodePayload {
11
11
  selected: boolean;
12
12
  checked: boolean;
13
13
  indeterminate: boolean;
14
+ expand: (event?: Event) => void;
14
15
  }
15
16
  export interface TreeSelectChevronAriaLabels {
16
17
  expand?: string;
@@ -152,6 +153,7 @@ export interface TreeSelectSlots {
152
153
  rightSection?: () => VNodeChild;
153
154
  renderNode?: (payload: TreeSelectRenderNodePayload) => VNodeChild;
154
155
  nothingFound?: () => VNodeChild;
156
+ nothingFoundMessage?: () => VNodeChild;
155
157
  }
156
158
  export declare const TreeSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
157
159
  data: {
@@ -1,2 +1,2 @@
1
1
  export { TreeSelect, TreeSelectOption } from './TreeSelect';
2
- export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectValue, } from './TreeSelect';
2
+ export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect';
@@ -112,4 +112,5 @@ export * from './MultiSelect';
112
112
  export * from './TagsInput';
113
113
  export * from './ColorInput';
114
114
  export * from './TreeSelect';
115
+ export * from './Cascader';
115
116
  export * from './component-props';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine-vue/core",
3
- "version": "2.3.0",
3
+ "version": "2.4.0",
4
4
  "description": "Vue component foundation architecturally equivalent to @mantine/core",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -44,8 +44,8 @@
44
44
  "vue": "^3.5.0"
45
45
  },
46
46
  "peerDependencies": {
47
- "@mantine-vue/hooks": "2.3.0",
48
- "@mantine-vue/utils": "2.3.0",
47
+ "@mantine-vue/hooks": "2.4.0",
48
+ "@mantine-vue/utils": "2.4.0",
49
49
  "vue": "^3.5.0"
50
50
  }
51
51
  }