@mantine-vue/core 1.1.1

package/lib/components/AppShell/create-app-shell-component.d.ts

@@ -0,0 +1,103 @@
+import { type PropType } from 'vue';
+export declare function createAppShellComponent(name: string, selector: 'header' | 'footer' | 'navbar' | 'aside', component: string): {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        withBorder: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        zIndex: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        zIndex: string | number;
+        withBorder: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        withBorder: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        zIndex: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, {}, {}, {}, {
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        zIndex: string | number;
+        withBorder: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    withBorder: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    zIndex: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    mod: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    mod: any;
+    zIndex: string | number;
+    withBorder: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+};

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

@@ -0,0 +1,12 @@
+export { AppShell } from './AppShell';
+export type { AppShellStylesNames } from './AppShell';
+export { AppShellAside } from './AppShellAside/AppShellAside';
+export { AppShellFooter } from './AppShellFooter/AppShellFooter';
+export { AppShellHeader } from './AppShellHeader/AppShellHeader';
+export { AppShellMain } from './AppShellMain/AppShellMain';
+export { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
+export { AppShellSection } from './AppShellSection/AppShellSection';
+export { useAppShellContext } from './AppShell.context';
+export type { AppShellContextValue } from './AppShell.context';
+export type * from './AppShell.types';
+export { getVariables as getAppShellVariables } from './AppShellMediaStyles/get-variables';

package/lib/components/AppShell/use-resizing/use-resizing.d.ts

@@ -0,0 +1,5 @@
+import { type MaybeRefOrGetter } from 'vue';
+export declare function useResizing(input: {
+    transitionDuration: MaybeRefOrGetter<number>;
+    disabled: MaybeRefOrGetter<boolean>;
+}): import("vue").Ref<boolean, boolean>;

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,51 @@
+export declare const AspectRatio: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    ratio: {
+        type: NumberConstructor;
+        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;
+    };
+}>, () => 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<{
+    ratio: {
+        type: NumberConstructor;
+        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<{}>, {
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    ratio: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

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

@@ -0,0 +1 @@
+export * from './AspectRatio';

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

@@ -0,0 +1,143 @@
+import { type PropType } from 'vue';
+import { type ComboboxGenericData, type OptionsFilter } from '../Combobox';
+export type RenderAutocompleteOption = (input: {
+    option: any;
+    checked?: boolean;
+}) => any;
+export type AutocompleteStylesNames = string;
+export interface AutocompleteProps {
+    modelValue?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    data?: ComboboxGenericData;
+    dropdownOpened?: boolean;
+    defaultDropdownOpened?: boolean;
+    onDropdownOpen?: () => void;
+    onDropdownClose?: () => void;
+    selectFirstOptionOnChange?: boolean;
+    selectFirstOptionOnDropdownOpen?: boolean;
+    onOptionSubmit?: (value: string) => void;
+    filter?: OptionsFilter<any>;
+    limit?: number;
+    withScrollArea?: boolean;
+    maxDropdownHeight?: number | string;
+    comboboxProps?: Record<string, any>;
+    renderOption?: RenderAutocompleteOption;
+    scrollAreaProps?: Record<string, any>;
+    clearable?: boolean;
+    onClear?: () => void;
+    autoSelectOnBlur?: boolean;
+    openOnFocus?: boolean;
+    [key: string]: any;
+}
+export declare const Autocomplete: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    onChange: PropType<(value: string) => void>;
+    data: {
+        type: PropType<ComboboxGenericData>;
+        default: () => never[];
+    };
+    dropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultDropdownOpened: BooleanConstructor;
+    onDropdownOpen: PropType<() => void>;
+    onDropdownClose: PropType<() => void>;
+    selectFirstOptionOnChange: BooleanConstructor;
+    selectFirstOptionOnDropdownOpen: BooleanConstructor;
+    onOptionSubmit: PropType<(value: string) => void>;
+    filter: PropType<any>;
+    limit: NumberConstructor;
+    withScrollArea: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxDropdownHeight: (NumberConstructor | StringConstructor)[];
+    comboboxProps: ObjectConstructor;
+    renderOption: PropType<RenderAutocompleteOption>;
+    scrollAreaProps: ObjectConstructor;
+    clearable: BooleanConstructor;
+    onClear: PropType<() => void>;
+    autoSelectOnBlur: BooleanConstructor;
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    onChange: PropType<(value: string) => void>;
+    data: {
+        type: PropType<ComboboxGenericData>;
+        default: () => never[];
+    };
+    dropdownOpened: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultDropdownOpened: BooleanConstructor;
+    onDropdownOpen: PropType<() => void>;
+    onDropdownClose: PropType<() => void>;
+    selectFirstOptionOnChange: BooleanConstructor;
+    selectFirstOptionOnDropdownOpen: BooleanConstructor;
+    onOptionSubmit: PropType<(value: string) => void>;
+    filter: PropType<any>;
+    limit: NumberConstructor;
+    withScrollArea: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxDropdownHeight: (NumberConstructor | StringConstructor)[];
+    comboboxProps: ObjectConstructor;
+    renderOption: PropType<RenderAutocompleteOption>;
+    scrollAreaProps: ObjectConstructor;
+    clearable: BooleanConstructor;
+    onClear: PropType<() => void>;
+    autoSelectOnBlur: BooleanConstructor;
+    openOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    data: ComboboxGenericData;
+    value: string;
+    defaultValue: string;
+    clearable: boolean;
+    modelValue: string;
+    withScrollArea: boolean;
+    dropdownOpened: boolean;
+    defaultDropdownOpened: boolean;
+    selectFirstOptionOnChange: boolean;
+    selectFirstOptionOnDropdownOpen: boolean;
+    autoSelectOnBlur: boolean;
+    openOnFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteProps, AutocompleteStylesNames, RenderAutocompleteOption, } from './Autocomplete';

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,327 @@
+import { type PropType } from 'vue';
+export type AvatarVariant = 'filled' | 'light' | 'gradient' | 'outline' | 'transparent' | 'default' | 'white';
+export declare const Avatar: import("../..").WithBoxProps<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: PropType<string | number>;
+        radius: PropType<string | number>;
+        color: {
+            type: PropType<string | "initials">;
+            default: undefined;
+        };
+        gradient: {
+            type: PropType<{
+                from: string;
+                to: string;
+                deg?: number;
+            }>;
+            default: undefined;
+        };
+        src: {
+            type: PropType<string | null>;
+            default: undefined;
+        };
+        alt: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        imageProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        autoContrast: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        allowedInitialsColors: {
+            type: PropType<string[]>;
+            default: undefined;
+        };
+        variant: {
+            type: PropType<AvatarVariant>;
+            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;
+        };
+        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, {
+        name: string;
+        color: string;
+        autoContrast: boolean;
+        variant: AvatarVariant;
+        gradient: {
+            from: string;
+            to: string;
+            deg?: number;
+        };
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        alt: string;
+        mod: any;
+        component: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        src: string | null;
+        allowedInitialsColors: string[];
+        imageProps: Record<string, any>;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: PropType<string | number>;
+        radius: PropType<string | number>;
+        color: {
+            type: PropType<string | "initials">;
+            default: undefined;
+        };
+        gradient: {
+            type: PropType<{
+                from: string;
+                to: string;
+                deg?: number;
+            }>;
+            default: undefined;
+        };
+        src: {
+            type: PropType<string | null>;
+            default: undefined;
+        };
+        alt: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        imageProps: {
+            type: PropType<Record<string, any>>;
+            default: undefined;
+        };
+        autoContrast: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        allowedInitialsColors: {
+            type: PropType<string[]>;
+            default: undefined;
+        };
+        variant: {
+            type: PropType<AvatarVariant>;
+            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;
+        };
+        unstyled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        name: string;
+        color: string;
+        autoContrast: boolean;
+        variant: AvatarVariant;
+        gradient: {
+            from: string;
+            to: string;
+            deg?: number;
+        };
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        alt: string;
+        mod: any;
+        component: string;
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        src: string | null;
+        allowedInitialsColors: string[];
+        imageProps: Record<string, any>;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    component: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: PropType<string | number>;
+    radius: PropType<string | number>;
+    color: {
+        type: PropType<string | "initials">;
+        default: undefined;
+    };
+    gradient: {
+        type: PropType<{
+            from: string;
+            to: string;
+            deg?: number;
+        }>;
+        default: undefined;
+    };
+    src: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    imageProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    autoContrast: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    allowedInitialsColors: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<AvatarVariant>;
+        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;
+    };
+    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, {
+    name: string;
+    color: string;
+    autoContrast: boolean;
+    variant: AvatarVariant;
+    gradient: {
+        from: string;
+        to: string;
+        deg?: number;
+    };
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    alt: string;
+    mod: any;
+    component: string;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    src: string | null;
+    allowedInitialsColors: string[];
+    imageProps: Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Group: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        spacing: PropType<string | number>;
+        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<{
+        spacing: PropType<string | number>;
+        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>>;
+}>;