@mantine-vue/core 2.4.0 → 3.1.0

package/lib/components/JsonInput/JsonInput.d.ts

@@ -1,106 +1,33 @@
-import { type PropType } from 'vue';
-export declare const JsonInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    onChange: {
-        type: PropType<(value: string) => void>;
-        default: undefined;
-    };
-    formatOnBlur: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    validationError: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    serialize: {
-        type: PropType<typeof JSON.stringify>;
-        default: {
-            (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
-            (value: any, replacer?: (number | string)[] | null, space?: string | number): string;
-        };
-    };
-    deserialize: {
-        type: PropType<typeof JSON.parse>;
-        default: (text: string, reviver?: (this: any, key: string, value: any) => any) => any;
-    };
-    indentSpaces: {
-        type: NumberConstructor;
-        default: number;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: PropType<any>;
-        default: undefined;
-    };
-}>, () => 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<{
-    value: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    onChange: {
-        type: PropType<(value: string) => void>;
-        default: undefined;
-    };
-    formatOnBlur: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    validationError: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    serialize: {
-        type: PropType<typeof JSON.stringify>;
-        default: {
-            (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
-            (value: any, replacer?: (number | string)[] | null, space?: string | number): string;
-        };
-    };
-    deserialize: {
-        type: PropType<typeof JSON.parse>;
-        default: (text: string, reviver?: (this: any, key: string, value: any) => any) => any;
-    };
-    indentSpaces: {
-        type: NumberConstructor;
-        default: number;
-    };
-    readOnly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    error: {
-        type: PropType<any>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    error: any;
-    onChange: (value: string) => void;
-    value: string;
-    defaultValue: string;
-    deserialize: (text: string, reviver?: (this: any, key: string, value: any) => any) => any;
-    serialize: {
-        (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
-        (value: any, replacer?: (number | string)[] | null, space?: string | number): string;
-    };
-    readOnly: boolean;
-    formatOnBlur: boolean;
-    validationError: any;
-    indentSpaces: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const JsonInput: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./JsonInput.types").JsonInputOwnProps> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string) => any;
+        "update:modelValue": (value: string) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./JsonInput.types").JsonInputOwnProps> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./JsonInput.types").JsonInputOwnProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("..").TextareaSlots;
+}) & {
+    classes: Record<import("..").InputBaseStylesNames, string>;
+};
+export type { JsonInputOwnProps, JsonInputProps, JsonInputSlots, JsonInputStylesNames, } from './JsonInput.types';

package/lib/components/JsonInput/JsonInput.types.d.ts

@@ -0,0 +1,48 @@
+import type { MantineNode } from '../../core';
+import type { TextareaOwnProps, TextareaSlots, TextareaStylesNames } from '../Textarea';
+export type JsonInputStylesNames = TextareaStylesNames;
+export type JsonInputSlots = TextareaSlots;
+/** Props declared by `JsonInput` itself. See `JsonInputProps` for the full public type. */
+export interface JsonInputOwnProps {
+    /** Controlled value, bound with `v-model`. */
+    modelValue?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /**
+     * If set, the value is formatted when the input loses focus and the JSON is valid.
+     *
+     * @default false
+     */
+    formatOnBlur?: boolean;
+    /** Error message displayed when the value is not valid JSON. */
+    validationError?: MantineNode | boolean;
+    /**
+     * Function used to serialize the value when formatting on blur.
+     *
+     * @default JSON.stringify
+     */
+    serialize?: typeof JSON.stringify;
+    /**
+     * Function used to parse the value when validating and formatting.
+     *
+     * @default JSON.parse
+     */
+    deserialize?: typeof JSON.parse;
+    /**
+     * Number of spaces used for indentation when formatting on blur.
+     *
+     * @default 2
+     */
+    indentSpaces?: number;
+    /**
+     * If set, the value cannot be changed and is never formatted on blur.
+     *
+     * @default false
+     */
+    readOnly?: boolean;
+    /** Error message displayed below the input while the JSON is valid. */
+    error?: MantineNode | boolean;
+}
+/** Every prop `JsonInput` does not declare is forwarded to `Textarea`. */
+export interface JsonInputProps extends Omit<TextareaOwnProps, keyof JsonInputOwnProps>, JsonInputOwnProps {
+}

package/lib/components/JsonInput/JsonInput.vue.d.ts

@@ -0,0 +1,18 @@
+import type { JsonInputOwnProps } from './JsonInput.types';
+/** Fallthrough listeners arrive as a handler or an array of handlers. */
+declare function callHandler(handler: any, event: Event): void;
+export { callHandler };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<JsonInputOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<JsonInputOwnProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, import("..").TextareaSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,2 +1,3 @@
 export { JsonInput } from './JsonInput';
+export type { JsonInputOwnProps, JsonInputProps, JsonInputSlots, JsonInputStylesNames, } from './JsonInput';
 export { validateJson } from './validate-json/validate-json';

package/lib/components/Kbd/Kbd.d.ts

@@ -1,46 +1,9 @@
-import { type PropType } from 'vue';
-import { type MantineSize } from '../../core';
-export declare const Kbd: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<MantineSize | number | (string & {})>;
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => 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<{
-    size: PropType<MantineSize | number | (string & {})>;
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Kbd: import("../..").MantineComponent<{
+    props: Omit<import("./Kbd.types").KbdProps, "rootRef">;
+    ref: HTMLElement;
+    slots: import("./Kbd.types").KbdSlots;
+    element: "kbd";
+    stylesNames: import("./Kbd.types").KbdStylesNames;
+    vars: import("./Kbd.types").KbdCssVariables;
+}>;
+export type { KbdCssVariables, KbdOwnProps, KbdProps, KbdSlots, KbdStylesNames, KbdFactory, } from './Kbd.types';

package/lib/components/Kbd/Kbd.types.d.ts

@@ -0,0 +1,31 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, MantineSize, StylesApiProps, Factory } from '../../core';
+export type KbdStylesNames = 'root';
+export type KbdCssVariables = {
+    root: '--kbd-fz';
+};
+export interface KbdSlots {
+    /** `Kbd` content. */
+    default?: () => VNodeChild;
+}
+/** Props declared by `Kbd` itself. See `KbdProps` for the full public type. */
+export interface KbdOwnProps extends StylesApiProps<KbdFactory> {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /**
+     * Controls `font-size` and `padding`.
+     * @default 'sm'
+     */
+    size?: MantineSize | number | (string & {});
+}
+export interface KbdProps extends Omit<BoxProps, keyof KbdOwnProps>, KbdOwnProps {
+}
+export type KbdFactory = Factory<{
+    props: Omit<KbdProps, 'rootRef'>;
+    ref: HTMLElement;
+    slots: KbdSlots;
+    element: 'kbd';
+    stylesNames: KbdStylesNames;
+    vars: KbdCssVariables;
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Kbd/Kbd.vue.d.ts

@@ -0,0 +1,14 @@
+import type { KbdOwnProps, KbdSlots } from './Kbd.types';
+/** Module scope: created once, not per component instance. */
+declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<KbdOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KbdOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, KbdSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/List/List.context.d.ts

@@ -1,9 +1,10 @@
+import { type MantineNode } from '../../core';
 export interface ListContextValue {
     getStyles: (selector: string, options?: {
         className?: any;
         style?: any;
     }) => any;
     center?: boolean;
-    icon?: any;
+    icon?: MantineNode;
 }
 export declare const provideListContext: (value: ListContextValue) => void, useListContext: () => ListContextValue;

package/lib/components/List/List.d.ts

@@ -1,281 +1,13 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode, type MantineSize, type MantineSpacing } from '../../core';
-export interface ListSlots {
-    default?: () => VNodeChild;
-    icon?: () => VNodeChild;
-}
-export declare const List: import("../..").WithBoxProps<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: PropType<"ordered" | "unordered">;
-            default: undefined;
-        };
-        withPadding: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<MantineSize>;
-            default: undefined;
-        };
-        icon: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        spacing: PropType<MantineSpacing>;
-        center: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        listStyleType: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        start: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        reversed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        size: MantineSize;
-        center: boolean;
-        type: "ordered" | "unordered";
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        start: number;
-        mod: any;
-        icon: MantineNode;
-        listStyleType: string;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        withPadding: boolean;
-        reversed: boolean;
-    }, true, {}, SlotsType<ListSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: PropType<"ordered" | "unordered">;
-            default: undefined;
-        };
-        withPadding: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        size: {
-            type: PropType<MantineSize>;
-            default: undefined;
-        };
-        icon: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        spacing: PropType<MantineSpacing>;
-        center: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        listStyleType: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        start: {
-            type: NumberConstructor;
-            default: undefined;
-        };
-        reversed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, {
-        size: MantineSize;
-        center: boolean;
-        type: "ordered" | "unordered";
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        start: number;
-        mod: any;
-        icon: MantineNode;
-        listStyleType: string;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        withPadding: boolean;
-        reversed: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: PropType<"ordered" | "unordered">;
-        default: undefined;
+import { ListItem } from './ListItem/ListItem';
+export declare const List: import("../..").MantineComponent<{
+    props: Omit<import("./List.types").ListProps, "rootRef">;
+    ref: HTMLUListElement;
+    slots: import("./List.types").ListSlots;
+    element: "ul";
+    stylesNames: import("./List.types").ListStylesNames;
+    vars: import("./List.types").ListCssVariables;
+    staticComponents: {
+        Item: typeof ListItem;
     };
-    withPadding: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: PropType<MantineSize>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    spacing: PropType<MantineSpacing>;
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    listStyleType: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    start: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    reversed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: MantineSize;
-    center: boolean;
-    type: "ordered" | "unordered";
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    start: number;
-    mod: any;
-    icon: MantineNode;
-    listStyleType: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    withPadding: boolean;
-    reversed: boolean;
-}, {}, string, SlotsType<ListSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Item: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        icon: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-    }>, () => 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<{
-        icon: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-    }>> & Readonly<{}>, {
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        mod: any;
-        icon: MantineNode;
-        vars: Function | Record<string, any>;
-    }, SlotsType<import(".").ListItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 }>;
+export type { ListCssVariables, ListOwnProps, ListProps, ListSlots, ListStylesNames, ListFactory, } from './List.types';