@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/Accordion/Accordion.d.ts

@@ -87,6 +87,7 @@ export declare const Accordion: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        loop: boolean;
         radius: string | number;
         variant: AccordionVariant;
         onChange: (value: AccordionValue<any>) => void;
@@ -99,7 +100,6 @@ export declare const Accordion: {
         keepMounted: boolean;
         multiple: boolean;
         order: AccordionHeadingOrder;
-        loop: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         chevron: any;
@@ -198,6 +198,7 @@ export declare const Accordion: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
+        loop: boolean;
         radius: string | number;
         variant: AccordionVariant;
         onChange: (value: AccordionValue<any>) => void;
@@ -210,7 +211,6 @@ export declare const Accordion: {
         keepMounted: boolean;
         multiple: boolean;
         order: AccordionHeadingOrder;
-        loop: boolean;
         vars: Function | Record<string, any>;
         unstyled: boolean;
         chevron: any;
@@ -306,6 +306,7 @@ export declare const Accordion: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    loop: boolean;
     radius: string | number;
     variant: AccordionVariant;
     onChange: (value: AccordionValue<any>) => void;
@@ -318,7 +319,6 @@ export declare const Accordion: {
     keepMounted: boolean;
     multiple: boolean;
     order: AccordionHeadingOrder;
-    loop: boolean;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     chevron: any;
@@ -427,11 +427,11 @@ export declare const Accordion: {
             default: boolean;
         };
         chevron: {
-            type: PropType<any>;
+            type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
         icon: {
-            type: PropType<any>;
+            type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
         onClick: {
@@ -466,11 +466,11 @@ export declare const Accordion: {
             default: boolean;
         };
         chevron: {
-            type: PropType<any>;
+            type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
         icon: {
-            type: PropType<any>;
+            type: PropType<import("../..").MantineNode>;
             default: undefined;
         };
         onClick: {
@@ -498,16 +498,16 @@ export declare const Accordion: {
             default: undefined;
         };
     }>> & Readonly<{}>, {
-        onClick: (event: MouseEvent) => void;
         onKeydown: (event: KeyboardEvent) => void;
+        onClick: (event: MouseEvent) => void;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
         mod: any;
-        icon: any;
+        icon: import("../..").MantineNode;
         onKeyDown: (event: KeyboardEvent) => void;
-        chevron: any;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+        chevron: import("../..").MantineNode;
+    }, import("vue").SlotsType<import("./AccordionControl/AccordionControl").AccordionControlSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
     Chevron: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<number | string>;

package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts

@@ -1,16 +1,22 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../../core';
 export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
+export interface AccordionControlSlots {
+    default?: () => VNodeChild;
+    chevron?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
 export declare const AccordionControl: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
     chevron: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     icon: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     onClick: {
@@ -45,11 +51,11 @@ export declare const AccordionControl: import("../../..").WithBoxProps<import("v
         default: boolean;
     };
     chevron: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     icon: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     onClick: {
@@ -77,13 +83,13 @@ export declare const AccordionControl: import("../../..").WithBoxProps<import("v
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    onClick: (event: MouseEvent) => void;
     onKeydown: (event: KeyboardEvent) => void;
+    onClick: (event: MouseEvent) => void;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
     mod: any;
-    icon: any;
+    icon: MantineNode;
     onKeyDown: (event: KeyboardEvent) => void;
-    chevron: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    chevron: MantineNode;
+}, SlotsType<AccordionControlSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/ActionIcon/ActionIcon.d.ts

@@ -297,9 +297,9 @@ export declare const ActionIcon: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
+        orientation: "vertical" | "horizontal";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        orientation: "horizontal" | "vertical";
         vars: Function | Record<string, any>;
         unstyled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts

@@ -46,9 +46,9 @@ export declare const ActionIconGroup: import("../../..").WithBoxProps<import("vu
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    orientation: "horizontal" | "vertical";
     vars: Function | Record<string, any>;
     unstyled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Alert/Alert.d.ts

@@ -1,5 +1,11 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 export type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';
+export interface AlertSlots {
+    default?: () => VNodeChild;
+    title?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
 export declare const Alert: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
@@ -11,11 +17,11 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
         default: undefined;
     };
     title: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     withCloseButton: {
@@ -71,11 +77,11 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
         default: undefined;
     };
     title: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     withCloseButton: {
@@ -119,18 +125,18 @@ export declare const Alert: import("../..").WithBoxProps<import("vue").DefineCom
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    title: MantineNode;
     color: string;
     autoContrast: boolean;
     variant: AlertVariant;
     onClose: () => void;
-    title: string | number | Function | Record<string, any>;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     id: string;
-    icon: string | number | Function | Record<string, any>;
+    icon: MantineNode;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     role: string;
     withCloseButton: boolean;
     closeButtonLabel: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<AlertSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/AppShell/AppShell.d.ts

@@ -78,10 +78,10 @@ export declare const AppShell: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mode: "fixed" | "static";
         aside: AppShellAsideConfiguration;
         footer: AppShellFooterConfiguration;
         header: AppShellHeaderConfiguration;
+        mode: "fixed" | "static";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
@@ -179,10 +179,10 @@ export declare const AppShell: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
-        mode: "fixed" | "static";
         aside: AppShellAsideConfiguration;
         footer: AppShellFooterConfiguration;
         header: AppShellHeaderConfiguration;
+        mode: "fixed" | "static";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         disabled: boolean;
@@ -277,10 +277,10 @@ export declare const AppShell: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mode: "fixed" | "static";
     aside: AppShellAsideConfiguration;
     footer: AppShellFooterConfiguration;
     header: AppShellHeaderConfiguration;
+    mode: "fixed" | "static";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;

package/lib/components/Autocomplete/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 import { type ComboboxGenericData, type OptionsFilter } from '../Combobox';
 export type RenderAutocompleteOption = (input: {
     option: any;
@@ -31,6 +31,18 @@ export interface AutocompleteProps {
     openOnFocus?: boolean;
     [key: string]: any;
 }
+export interface AutocompleteSlots {
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+    leftSection?: () => VNodeChild;
+    rightSection?: () => VNodeChild;
+    renderOption?: (input: {
+        option: any;
+        checked?: boolean;
+    }) => VNodeChild;
+    nothingFound?: () => VNodeChild;
+}
 export declare const Autocomplete: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
@@ -136,8 +148,8 @@ export declare const Autocomplete: import("vue").DefineComponent<import("vue").E
     withScrollArea: boolean;
     dropdownOpened: boolean;
     defaultDropdownOpened: boolean;
-    selectFirstOptionOnChange: boolean;
     selectFirstOptionOnDropdownOpen: boolean;
+    selectFirstOptionOnChange: boolean;
     autoSelectOnBlur: boolean;
     openOnFocus: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<AutocompleteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Badge/Badge.d.ts

@@ -1,6 +1,9 @@
-import { type PropType } from 'vue';
-import { type MantineVariant } from '../../core';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineVariant, type MantineNode, type SectionSlots } from '../../core';
 export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
+export interface BadgeSlots extends SectionSlots {
+    default?: () => VNodeChild;
+}
 export declare const Badge: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: StringConstructor;
@@ -25,11 +28,11 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         default: undefined;
     };
     leftSection: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSection: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     fullWidth: {
@@ -86,11 +89,11 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         default: undefined;
     };
     leftSection: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     rightSection: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     fullWidth: {
@@ -122,6 +125,7 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    circle: boolean;
     color: string;
     autoContrast: boolean;
     variant: MantineVariant<BadgeVariant>;
@@ -132,11 +136,10 @@ export declare const Badge: import("../..").WithBoxProps<import("vue").DefineCom
     };
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    circle: boolean;
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-    leftSection: string | number | Function | Record<string, any>;
-    rightSection: string | number | Function | Record<string, any>;
+    leftSection: MantineNode;
+    rightSection: MantineNode;
     fullWidth: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<BadgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Blockquote/Blockquote.d.ts

@@ -1,7 +1,13 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
+export interface BlockquoteSlots {
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+    cite?: () => VNodeChild;
+}
 export declare const Blockquote: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     iconSize: PropType<string | number>;
@@ -11,7 +17,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     };
     radius: PropType<string | number>;
     cite: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     textWrap: {
@@ -38,7 +44,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     iconSize: PropType<string | number>;
@@ -48,7 +54,7 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
     };
     radius: PropType<string | number>;
     cite: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     textWrap: {
@@ -72,12 +78,12 @@ export declare const Blockquote: import("../..").WithBoxProps<import("vue").Defi
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    cite: MantineNode;
     color: string;
     textWrap: "wrap" | "nowrap" | "balance" | "pretty" | "stable";
-    cite: string | number | Function | Record<string, any>;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    icon: string | number | Function | Record<string, any>;
+    icon: MantineNode;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<BlockquoteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,12 @@
-import { type PropType, type VNode } from 'vue';
+import { type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
+export interface BreadcrumbsSlots {
+    default?: () => VNodeChild;
+    separator?: () => VNodeChild;
+}
 export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     separator: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     separatorMargin: PropType<string | number>;
@@ -25,7 +30,7 @@ export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").Def
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     separator: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     separatorMargin: PropType<string | number>;
@@ -48,7 +53,7 @@ export declare const Breadcrumbs: import("../..").WithBoxProps<import("vue").Def
 }>> & Readonly<{}>, {
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    separator: string | number | Function | Record<string, any>;
+    separator: MantineNode;
     vars: Function | Record<string, any>;
     unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<BreadcrumbsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Button/Button.d.ts

@@ -433,9 +433,9 @@ export declare const Button: import("../..").WithBoxProps<{
             default: boolean;
         };
     }>> & Readonly<{}>, {
+        orientation: "vertical" | "horizontal";
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        orientation: "horizontal" | "vertical";
         vars: Function | Record<string, any>;
         unstyled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts

@@ -46,9 +46,9 @@ export declare const ButtonGroup: import("../../..").WithBoxProps<import("vue").
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    orientation: "horizontal" | "vertical";
     vars: Function | Record<string, any>;
     unstyled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Card/Card.d.ts

@@ -38,10 +38,10 @@ export declare const Card: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        orientation: "vertical" | "horizontal";
         shadow: string;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        orientation: "horizontal" | "vertical";
         component: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
@@ -91,10 +91,10 @@ export declare const Card: import("../..").WithBoxProps<{
     }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
+        orientation: "vertical" | "horizontal";
         shadow: string;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        orientation: "horizontal" | "vertical";
         component: string;
         vars: Function | Record<string, any>;
         unstyled: boolean;
@@ -141,10 +141,10 @@ export declare const Card: import("../..").WithBoxProps<{
 }>> & Readonly<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    orientation: "vertical" | "horizontal";
     shadow: string;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    orientation: "horizontal" | "vertical";
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;