@mantine-vue/core 2.3.1 → 3.0.0

package/lib/components/Textarea/Textarea.d.ts

@@ -1,5 +1,22 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type InputBaseSlots } from '../InputBase';
+export interface TextareaSlots extends InputBaseSlots {
+    /** Content rendered below the textarea, alternative to the `bottomSection` prop */
+    bottomSection?: () => VNodeChild;
+}
 export declare const Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     autosize: {
         type: BooleanConstructor;
         default: boolean;
@@ -30,7 +47,19 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
     autosize: {
         type: BooleanConstructor;
         default: boolean;
@@ -59,12 +88,18 @@ export declare const Textarea: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: undefined;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
     resize: "vertical" | "horizontal" | "none" | "both";
+    value: string;
+    defaultValue: string;
     __staticSelector: string;
+    modelValue: string;
     autosize: boolean;
     bottomSection: any;
     maxRows: number;
     minRows: number;
     bottomSectionProps: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<TextareaSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Textarea/index.d.ts

@@ -1 +1,2 @@
 export { Textarea } from './Textarea';
+export type { TextareaSlots } from './Textarea';

package/lib/components/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type VNode } from 'vue';
 import { type MantineColor, type MantineRadius } from '../../core';
-export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
+export type TimelineStylesNames = 'root' | 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
 export declare const Timeline: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         active: {
@@ -252,6 +252,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
             type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
+        opposite: {
+            type: PropType<import("../..").MantineNode>;
+            default: undefined;
+        };
+        alternate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         radius: {
             type: PropType<MantineRadius>;
             default: undefined;
@@ -315,6 +323,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
             type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
+        opposite: {
+            type: PropType<import("../..").MantineNode>;
+            default: undefined;
+        };
+        alternate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         radius: {
             type: PropType<MantineRadius>;
             default: undefined;
@@ -356,12 +372,14 @@ export declare const Timeline: import("../..").WithBoxProps<{
         styles: Function | Record<string, any>;
         active: boolean;
         mod: any;
+        alternate: boolean;
         className: any;
         __active: boolean;
         __lineActive: boolean;
         __align: "left" | "right";
         lineActive: boolean;
         bullet: import("../..").MantineNode;
+        opposite: import("../..").MantineNode;
         lineVariant: "dashed" | "dotted" | "solid";
     }, import("vue").SlotsType<import("./TimelineItem/TimelineItem").TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 }>;

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -1,10 +1,11 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 import { type MantineColor, type MantineNode, type MantineRadius } from '../../../core';
-export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
+export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle' | 'itemOpposite';
 export interface TimelineItemSlots {
     default?: () => VNodeChild;
     title?: () => VNodeChild;
     bullet?: () => VNodeChild;
+    opposite?: () => VNodeChild;
 }
 export declare const TimelineItem: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     __active: {
@@ -35,6 +36,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
         type: PropType<MantineNode>;
         default: undefined;
     };
+    opposite: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
+    alternate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     radius: {
         type: PropType<MantineRadius>;
         default: undefined;
@@ -98,6 +107,14 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
         type: PropType<MantineNode>;
         default: undefined;
     };
+    opposite: {
+        type: PropType<MantineNode>;
+        default: undefined;
+    };
+    alternate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     radius: {
         type: PropType<MantineRadius>;
         default: undefined;
@@ -139,11 +156,13 @@ export declare const TimelineItem: import("../../..").WithBoxProps<import("vue")
     styles: Function | Record<string, any>;
     active: boolean;
     mod: any;
+    alternate: boolean;
     className: any;
     __active: boolean;
     __lineActive: boolean;
     __align: "left" | "right";
     lineActive: boolean;
     bullet: MantineNode;
+    opposite: MantineNode;
     lineVariant: "dashed" | "dotted" | "solid";
 }, SlotsType<TimelineItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Tree/Tree.d.ts

@@ -1,4 +1,4 @@
-import { type Component, type PropType, type VNodeChild } from 'vue';
+import { type Component, type PropType, type SlotsType, type VNodeChild } from 'vue';
 import { type BoxProps } from '../../core';
 import type { TreeDragDropPayload } from './move-tree-node/move-tree-node';
 import type { TreeAllowDrop, TreeDragHandleProps } from './use-tree-node-drag-drop';
@@ -50,6 +50,11 @@ export interface TreeProps extends BoxProps {
     withLines?: boolean;
 }
 export type TreeFactory = any;
+export interface TreeSlots {
+    default?: () => VNodeChild;
+    node?: (payload: RenderTreeNodePayload) => VNodeChild;
+    renderNode?: (payload: RenderTreeNodePayload) => VNodeChild;
+}
 export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: PropType<string | Component>;
@@ -234,4 +239,4 @@ export declare const Tree: import("../..").WithBoxProps<import("vue").DefineComp
     tree: import("./use-tree").UseTreeReturnType;
     clearSelectionOnOutsideClick: boolean;
     withLines: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<TreeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Tree/index.d.ts

@@ -5,7 +5,7 @@ export { mergeAsyncChildren } from './merge-async-children/merge-async-children'
 export { moveTreeNode } from './move-tree-node/move-tree-node';
 export { filterTreeData, defaultTreeNodeFilter } from './filter-tree-data/filter-tree-data';
 export { flattenTreeData } from './flatten-tree-data/flatten-tree-data';
-export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, } from './Tree';
+export type { TreeProps, TreeStylesNames, TreeFactory, TreeCssVariables, TreeNodeData, RenderTreeNodePayload, RenderNode, TreeSlots, } from './Tree';
 export type { UseTreeInput, UseTreeReturnType, TreeController, TreeExpandedState } from './use-tree';
 export type { CheckedNodeStatus } from './get-all-checked-nodes/get-all-checked-nodes';
 export type { TreeNodeFilter } from './filter-tree-data/filter-tree-data';

package/lib/components/TreeSelect/TreeSelect.d.ts

@@ -11,6 +11,7 @@ export interface TreeSelectRenderNodePayload {
     selected: boolean;
     checked: boolean;
     indeterminate: boolean;
+    expand: (event?: Event) => void;
 }
 export interface TreeSelectChevronAriaLabels {
     expand?: string;
@@ -152,6 +153,7 @@ export interface TreeSelectSlots {
     rightSection?: () => VNodeChild;
     renderNode?: (payload: TreeSelectRenderNodePayload) => VNodeChild;
     nothingFound?: () => VNodeChild;
+    nothingFoundMessage?: () => VNodeChild;
 }
 export declare const TreeSelect: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -244,7 +246,7 @@ export declare const TreeSelect: import("vue").DefineComponent<import("vue").Ext
     chevronAriaLabels: PropType<TreeSelectChevronAriaLabels>;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:searchValue")[], "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue")[], "change" | "update:modelValue" | "update:searchValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<TreeNodeData[]>;
         required: true;
@@ -334,17 +336,18 @@ export declare const TreeSelect: import("vue").DefineComponent<import("vue").Ext
     };
     chevronAriaLabels: PropType<TreeSelectChevronAriaLabels>;
 }>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     mode: TreeSelectMode;
     value: any;
     defaultValue: any;
+    modelValue: any;
     clearable: boolean;
     checkStrictly: boolean;
     expandOnClick: boolean;
     withLines: boolean;
-    modelValue: any;
     maxDropdownHeight: string | number;
     nothingFoundMessage: any;
     dropdownOpened: boolean;

package/lib/components/TreeSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeSelect, TreeSelectOption } from './TreeSelect';
-export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectValue, } from './TreeSelect';
+export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect';

package/lib/components/index.d.ts

@@ -112,4 +112,5 @@ export * from './MultiSelect';
 export * from './TagsInput';
 export * from './ColorInput';
 export * from './TreeSelect';
+export * from './Cascader';
 export * from './component-props';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/core",
-  "version": "2.3.1",
+  "version": "3.0.0",
   "description": "Vue component foundation architecturally equivalent to @mantine/core",
   "license": "MIT",
   "files": [
@@ -44,8 +44,8 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/hooks": "2.3.1",
-    "@mantine-vue/utils": "2.3.1",
+    "@mantine-vue/hooks": "3.0.0",
+    "@mantine-vue/utils": "3.0.0",
     "vue": "^3.5.0"
   }
 }