@mantine-vue/core 2.0.0 → 2.1.0

package/lib/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,17 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 export type CheckboxVariant = 'filled' | 'outline';
+export interface CheckboxIconSlotProps {
+    indeterminate?: boolean;
+    class?: any;
+    style?: any;
+}
+export interface CheckboxSlots {
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+    icon?: (props: CheckboxIconSlotProps) => VNodeChild;
+}
 export type CheckboxStylesNames = 'icon' | 'inner' | 'input' | 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
 export declare const Checkbox: import("../..").WithBoxProps<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -8,7 +20,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         color: {
@@ -32,11 +44,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: string;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         indeterminate: {
@@ -103,15 +115,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         size: string | number;
+        label: MantineNode;
         radius: string | number;
         color: string;
         autoContrast: boolean;
         variant: CheckboxVariant;
-        error: any;
-        label: any;
+        error: MantineNode;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        description: any;
+        description: MantineNode;
         disabled: boolean;
         mod: any;
         id: string;
@@ -126,7 +138,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         checked: boolean;
         indeterminate: boolean;
         iconColor: string;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, true, {}, SlotsType<CheckboxSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -139,7 +151,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: undefined;
         };
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         color: {
@@ -163,11 +175,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: string;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         indeterminate: {
@@ -234,15 +246,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         [key: string]: any;
     }>, {}, {}, {}, {
         size: string | number;
+        label: MantineNode;
         radius: string | number;
         color: string;
         autoContrast: boolean;
         variant: CheckboxVariant;
-        error: any;
-        label: any;
+        error: MantineNode;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        description: any;
+        description: MantineNode;
         disabled: boolean;
         mod: any;
         id: string;
@@ -267,7 +279,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         default: undefined;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     color: {
@@ -291,11 +303,11 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         default: string;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     indeterminate: {
@@ -362,15 +374,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: string | number;
+    label: MantineNode;
     radius: string | number;
     color: string;
     autoContrast: boolean;
     variant: CheckboxVariant;
-    error: any;
-    label: any;
+    error: MantineNode;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    description: any;
+    description: MantineNode;
     disabled: boolean;
     mod: any;
     id: string;
@@ -385,7 +397,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
     checked: boolean;
     indeterminate: boolean;
     iconColor: string;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, SlotsType<CheckboxSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     classes: {
         [x: string]: string;
     };
@@ -436,15 +448,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         classNames: {
@@ -511,15 +523,15 @@ export declare const Checkbox: import("../..").WithBoxProps<{
             default: boolean;
         };
         label: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         description: {
-            type: PropType<any>;
+            type: PropType<MantineNode>;
             default: undefined;
         };
         error: {
-            type: PropType<any>;
+            type: PropType<MantineNode | boolean>;
             default: undefined;
         };
         classNames: {
@@ -540,14 +552,14 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         };
     }>> & Readonly<{}>, {
         size: string | number;
+        label: MantineNode;
         name: string;
-        error: any;
+        error: MantineNode;
         onChange: (value: string[]) => void;
-        label: any;
         value: string[] | undefined;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
-        description: any;
+        description: MantineNode;
         disabled: boolean;
         defaultValue: string[] | undefined;
         vars: Function | Record<string, any>;
@@ -557,7 +569,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         readOnly: boolean;
         hiddenInputValuesSeparator: string;
         maxSelectedValues: number;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, SlotsType<import("./CheckboxGroup/CheckboxGroup").CheckboxGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         color: {
             type: StringConstructor;
@@ -698,7 +710,7 @@ export declare const Checkbox: import("../..").WithBoxProps<{
         checked: boolean;
         indeterminate: boolean;
         iconColor: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    }, SlotsType<import("./CheckboxIndicator/CheckboxIndicator").CheckboxIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
     Card: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         checked: {
             type: BooleanConstructor;

package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,10 +1,17 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../../core';
 export interface CheckboxGroupContextValue {
     value: string[];
     onChange: (eventOrValue: Event | string) => void;
     size?: string | number;
     isDisabled?: (value: string) => boolean;
 }
+export interface CheckboxGroupSlots {
+    default?: () => VNodeChild;
+    label?: () => VNodeChild;
+    description?: () => VNodeChild;
+    error?: () => VNodeChild;
+}
 export declare function useCheckboxGroupContext(): CheckboxGroupContextValue | null;
 export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
@@ -52,15 +59,15 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
         default: boolean;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     classNames: {
@@ -127,15 +134,15 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
         default: boolean;
     };
     label: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     description: {
-        type: PropType<any>;
+        type: PropType<MantineNode>;
         default: undefined;
     };
     error: {
-        type: PropType<any>;
+        type: PropType<MantineNode | boolean>;
         default: undefined;
     };
     classNames: {
@@ -156,14 +163,14 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
     };
 }>> & Readonly<{}>, {
     size: string | number;
+    label: MantineNode;
     name: string;
-    error: any;
+    error: MantineNode;
     onChange: (value: string[]) => void;
-    label: any;
     value: string[] | undefined;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
-    description: any;
+    description: MantineNode;
     disabled: boolean;
     defaultValue: string[] | undefined;
     vars: Function | Record<string, any>;
@@ -173,4 +180,4 @@ export declare const CheckboxGroup: import("vue").DefineComponent<import("vue").
     readOnly: boolean;
     hiddenInputValuesSeparator: string;
     maxSelectedValues: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<CheckboxGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts

@@ -1,5 +1,12 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 export type CheckboxIndicatorVariant = 'filled' | 'outline';
+export interface CheckboxIndicatorSlots {
+    icon?: (props: {
+        indeterminate?: boolean;
+        class?: any;
+        style?: any;
+    }) => VNodeChild;
+}
 export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
         type: StringConstructor;
@@ -140,4 +147,4 @@ export declare const CheckboxIndicator: import("../../..").WithBoxProps<import("
     checked: boolean;
     indeterminate: boolean;
     iconColor: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}, SlotsType<CheckboxIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/CloseButton/CloseButton.d.ts

@@ -1,5 +1,10 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type MantineNode } from '../../core';
 export type CloseButtonVariant = 'subtle' | 'transparent';
+export interface CloseButtonSlots {
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+}
 export declare const CloseButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
         type: StringConstructor;
@@ -13,7 +18,7 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
     };
     iconSize: PropType<string | number>;
     icon: {
-        type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     variant: {
@@ -55,7 +60,7 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
     };
     iconSize: PropType<string | number>;
     icon: {
-        type: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+        type: PropType<MantineNode>;
         default: undefined;
     };
     variant: {
@@ -87,9 +92,9 @@ export declare const CloseButton: import("vue").DefineComponent<import("vue").Ex
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     disabled: boolean;
-    icon: string | Function | Record<string, any>;
+    icon: MantineNode;
     component: string;
     vars: Function | Record<string, any>;
     unstyled: boolean;
     __staticSelector: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<CloseButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Collapse/Collapse.d.ts

@@ -68,11 +68,11 @@ export declare const Collapse: import("../..").WithBoxProps<import("vue").Define
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
     transitionDuration: number;
     transitionTimingFunction: string;
     onTransitionEnd: () => void;
     onTransitionStart: () => void;
     keepMounted: boolean;
-    orientation: "horizontal" | "vertical";
     animateOpacity: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Combobox/Combobox.d.ts

@@ -71,7 +71,7 @@ export declare const ComboboxTarget: import("vue").DefineComponent<import("vue")
     withExpandedAttribute: boolean;
     withKeyboardNavigation: boolean;
     withAriaAttributes: boolean;
-    targetType: "input" | "button";
+    targetType: "button" | "input";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const ComboboxEventsTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     refProp: {
@@ -125,7 +125,7 @@ export declare const ComboboxEventsTarget: import("vue").DefineComponent<import(
     withExpandedAttribute: boolean;
     withKeyboardNavigation: boolean;
     withAriaAttributes: boolean;
-    targetType: "input" | "button";
+    targetType: "button" | "input";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const ComboboxDropdownTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     refProp: {
@@ -429,7 +429,7 @@ export declare const Combobox: {
         withExpandedAttribute: boolean;
         withKeyboardNavigation: boolean;
         withAriaAttributes: boolean;
-        targetType: "input" | "button";
+        targetType: "button" | "input";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     EventsTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         refProp: {
@@ -483,7 +483,7 @@ export declare const Combobox: {
         withExpandedAttribute: boolean;
         withKeyboardNavigation: boolean;
         withAriaAttributes: boolean;
-        targetType: "input" | "button";
+        targetType: "button" | "input";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     DropdownTarget: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         refProp: {

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 import type { Primitive } from '../../../core';
 import type { ComboboxLikeRenderOptionInput, ComboboxParsedItem, OptionsFilter } from '../Combobox.types';
 export type OptionsData = ComboboxParsedItem<Primitive>[];
@@ -24,6 +24,10 @@ export interface OptionsDropdownProps {
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => any;
     scrollAreaProps?: Record<string, any>;
 }
+export interface OptionsDropdownSlots {
+    renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
+    nothingFound?: () => VNodeChild;
+}
 export declare const OptionsDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<OptionsData>;
@@ -115,4 +119,4 @@ export declare const OptionsDropdown: import("vue").DefineComponent<import("vue"
     filterOptions: boolean;
     checkIconPosition: "left" | "right";
     nothingFoundMessage: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<OptionsDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;