@mantine-vue/core 3.0.0 → 3.2.0

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

@@ -0,0 +1,126 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { BoxMod, BoxProps, MantineColor, MantineElementType, MantineGradient, MantineNode, MantineRadius, MantineSize, MantineVariant, PolymorphicFactory, StylesApiProps } from '../../core';
+import type { ButtonGroup } from './ButtonGroup/ButtonGroup';
+import type { ButtonGroupSection } from './ButtonGroupSection/ButtonGroupSection';
+export type ButtonSize = MantineSize | `compact-${MantineSize}` | (string & {});
+export type ButtonVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'default' | 'gradient';
+export type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';
+export type ButtonCssVariables = {
+    root: '--button-justify' | '--button-height' | '--button-padding-x' | '--button-fz' | '--button-radius' | '--button-bg' | '--button-hover' | '--button-color' | '--button-bd' | '--button-hover-color';
+};
+export interface ButtonSlots {
+    /** Button label. */
+    default?: () => VNodeChild;
+    /** Content on the left side of the label. Takes precedence over the `leftSection` prop. */
+    leftSection?: () => VNodeChild;
+    /** Content on the right side of the label. Takes precedence over the `rightSection` prop. */
+    rightSection?: () => VNodeChild;
+}
+/** Props declared by `Button` itself. See `ButtonProps` for the full public type. */
+export interface ButtonOwnProps extends StylesApiProps<ButtonFactory> {
+    /**
+     * Controls the `height`, `font-size` and horizontal `padding` of the button.
+     *
+     * @default 'sm'
+     */
+    size?: ButtonSize;
+    /**
+     * Key of `theme.colors` or any valid CSS color.
+     *
+     * @default theme.primaryColor
+     */
+    color?: MantineColor;
+    /**
+     * Sets `justify-content` of the `inner` element.
+     *
+     * @default 'center'
+     */
+    justify?: CSSProperties['justifyContent'];
+    /**
+     * Content on the left side of the label.
+     * Can also be set with the `leftSection` slot – the slot takes precedence.
+     */
+    leftSection?: MantineNode;
+    /**
+     * Content on the right side of the label.
+     * Can also be set with the `rightSection` slot – the slot takes precedence.
+     */
+    rightSection?: MantineNode;
+    /**
+     * If set, the button takes the full width of its container.
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`. */
+    radius?: MantineRadius;
+    /** Gradient configuration used when `variant` is `gradient`. */
+    gradient?: MantineGradient;
+    /**
+     * Sets the `disabled` attribute and applies disabled styles.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If set, a `Loader` is rendered over the label and the button is disabled.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /** Props passed down to the `Loader`. Only used when `loading` is set. */
+    loaderProps?: Record<string, any>;
+    /**
+     * If set, adjusts the text color based on the background color for the `filled` variant.
+     * Inherits `theme.autoContrast` when not set.
+     */
+    autoContrast?: boolean;
+    /**
+     * Element or component rendered as the root.
+     *
+     * @default 'button'
+     */
+    component?: MantineElementType;
+    /**
+     * Controls the visual representation of the button.
+     *
+     * @default 'filled'
+     */
+    variant?: MantineVariant<ButtonVariant>;
+    /**
+     * Applies disabled styles without setting the `disabled` attribute, which keeps the
+     * button focusable and able to show a tooltip.
+     *
+     * @default false
+     */
+    'data-disabled'?: boolean;
+    /** camelCase alias of `data-disabled`, for use where a hyphenated prop is inconvenient. */
+    dataDisabled?: boolean;
+    /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
+    mod?: BoxMod;
+    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
+    rootRef?: VueRefTarget<Element>;
+}
+export interface ButtonProps extends Omit<BoxProps, keyof ButtonOwnProps>, ButtonOwnProps {
+}
+/**
+ * Public contract of `Button`.
+ */
+export type ButtonFactory = PolymorphicFactory<{
+    props: Omit<ButtonProps, 'component' | 'rootRef'>;
+    slots: ButtonSlots;
+    ref: HTMLButtonElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: 'button';
+    defaultRef: HTMLButtonElement;
+    stylesNames: ButtonStylesNames;
+    vars: ButtonCssVariables;
+    variant: ButtonVariant;
+    staticComponents: {
+        Group: typeof ButtonGroup;
+        GroupSection: typeof ButtonGroupSection;
+    };
+}>;

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

@@ -0,0 +1,17 @@
+import type { ButtonOwnProps, ButtonSlots } from './Button.types';
+import type { MantineTransition } from '../Transition';
+/** The loader slides in from above the label instead of replacing it. */
+declare const loaderTransition: MantineTransition;
+/** 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 { loaderTransition, varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,54 +1,9 @@
-import { type PropType } from 'vue';
-export declare const ButtonGroup: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    orientation: {
-        type: PropType<"horizontal" | "vertical">;
-        default: undefined;
-    };
-    borderWidth: 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<{
-    orientation: {
-        type: PropType<"horizontal" | "vertical">;
-        default: undefined;
-    };
-    borderWidth: 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<{}>, {
-    orientation: "vertical" | "horizontal";
-    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 ButtonGroup: import("../../..").MantineComponent<{
+    props: Omit<import("./ButtonGroup.types").ButtonGroupProps, "rootRef">;
+    ref: HTMLDivElement;
+    slots: import("./ButtonGroup.types").ButtonGroupSlots;
+    element: "div";
+    stylesNames: import("./ButtonGroup.types").ButtonGroupStylesNames;
+    vars: import("./ButtonGroup.types").ButtonGroupCssVariables;
+}>;
+export type { ButtonGroupOwnProps, ButtonGroupProps, ButtonGroupSlots, ButtonGroupFactory, } from './ButtonGroup.types';

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

@@ -0,0 +1,38 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, StylesApiProps, Factory } from '../../../core';
+/** Props declared by `ButtonGroup` itself. See `ButtonGroupProps` for the full public type. */
+export interface ButtonGroupOwnProps extends StylesApiProps<ButtonGroupFactory> {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /**
+     * Orientation of the group
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * `border-width` of the child `Button` components. Numbers are converted to rem.
+     *
+     * @default 1
+     */
+    borderWidth?: string | number;
+}
+export interface ButtonGroupProps extends Omit<BoxProps, keyof ButtonGroupOwnProps>, ButtonGroupOwnProps {
+}
+export interface ButtonGroupSlots {
+    /** Grouped buttons. */
+    default?: () => VNodeChild;
+}
+export type ButtonGroupStylesNames = 'group';
+export type ButtonGroupCssVariables = {
+    group: '--button-border-width';
+};
+export type ButtonGroupFactory = Factory<{
+    props: Omit<ButtonGroupProps, 'rootRef'>;
+    ref: HTMLDivElement;
+    slots: ButtonGroupSlots;
+    element: 'div';
+    stylesNames: ButtonGroupStylesNames;
+    vars: ButtonGroupCssVariables;
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -0,0 +1,13 @@
+import type { ButtonGroupOwnProps, ButtonGroupSlots } from './ButtonGroup.types';
+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<ButtonGroupOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonGroupSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,85 +1,9 @@
-import { type PropType } from 'vue';
-import { type MantineColor, type MantineGradient, type MantineRadius } from '../../../core';
-import type { ButtonSize, ButtonVariant } from '../Button';
-export declare const ButtonGroupSection: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<ButtonSize>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    radius: PropType<MantineRadius>;
-    gradient: {
-        type: PropType<MantineGradient>;
-        default: undefined;
-    };
-    autoContrast: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: PropType<ButtonVariant>;
-        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<{
-    size: PropType<ButtonSize>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    radius: PropType<MantineRadius>;
-    gradient: {
-        type: PropType<MantineGradient>;
-        default: undefined;
-    };
-    autoContrast: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: PropType<ButtonVariant>;
-        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<{}>, {
-    color: MantineColor;
-    autoContrast: boolean;
-    variant: ButtonVariant;
-    gradient: MantineGradient;
-    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 ButtonGroupSection: import("../../..").MantineComponent<{
+    props: Omit<import("./ButtonGroupSection.types").ButtonGroupSectionProps, "rootRef">;
+    ref: HTMLDivElement;
+    slots: import("./ButtonGroupSection.types").ButtonGroupSectionSlots;
+    element: "div";
+    stylesNames: import("./ButtonGroupSection.types").ButtonGroupSectionStylesNames;
+    vars: import("./ButtonGroupSection.types").ButtonGroupSectionCssVariables;
+}>;
+export type { ButtonGroupSectionCssVariables, ButtonGroupSectionOwnProps, ButtonGroupSectionProps, ButtonGroupSectionSlots, ButtonGroupSectionStylesNames, ButtonGroupSectionFactory, } from './ButtonGroupSection.types';

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

@@ -0,0 +1,39 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, MantineColor, MantineGradient, MantineRadius, StylesApiProps, Factory } from '../../../core';
+import type { ButtonSize, ButtonVariant } from '../Button';
+export type ButtonGroupSectionStylesNames = 'groupSection';
+export type ButtonGroupSectionCssVariables = {
+    groupSection: '--section-radius' | '--section-bg' | '--section-color' | '--section-bd' | '--section-height' | '--section-padding-x' | '--section-fz';
+};
+/** Props declared by `ButtonGroupSection` itself. See `ButtonGroupSectionProps` for the full public type. */
+export interface ButtonGroupSectionOwnProps extends StylesApiProps<ButtonGroupSectionFactory> {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /** Controls section `height`, `font-size` and horizontal `padding`. @default 'sm' */
+    size?: ButtonSize;
+    /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */
+    color?: MantineColor;
+    /** Key of `theme.radius` or any valid CSS value. @default theme.defaultRadius */
+    radius?: MantineRadius;
+    /** Gradient configuration used with `variant="gradient"`. @default theme.defaultGradient */
+    gradient?: MantineGradient;
+    /** If set, adjusts text color based on the background color for the `filled` variant. */
+    autoContrast?: boolean;
+    /** Visual variant. @default 'filled' */
+    variant?: ButtonVariant;
+}
+export interface ButtonGroupSectionProps extends Omit<BoxProps, keyof ButtonGroupSectionOwnProps>, ButtonGroupSectionOwnProps {
+}
+export interface ButtonGroupSectionSlots {
+    /** Section content. */
+    default?: () => VNodeChild;
+}
+export type ButtonGroupSectionFactory = Factory<{
+    props: Omit<ButtonGroupSectionProps, 'rootRef'>;
+    ref: HTMLDivElement;
+    slots: ButtonGroupSectionSlots;
+    element: 'div';
+    stylesNames: ButtonGroupSectionStylesNames;
+    vars: ButtonGroupSectionCssVariables;
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -0,0 +1,13 @@
+import type { ButtonGroupSectionOwnProps, ButtonGroupSectionSlots } from './ButtonGroupSection.types';
+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<ButtonGroupSectionOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupSectionOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonGroupSectionSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,223 +1,17 @@
-import { type PropType, type VNode } from 'vue';
-import { type MantineRadius, type MantineSpacing } from '../../core';
-export declare const Card: import("../..").WithBoxProps<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        component: {
-            type: StringConstructor;
-            default: string;
-        };
-        shadow: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        radius: PropType<MantineRadius>;
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        padding: PropType<MantineSpacing>;
-        orientation: {
-            type: PropType<"horizontal" | "vertical">;
-            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<{}>, () => 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>;
-        component: string;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        withBorder: boolean;
-    }, 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;
-        };
-        shadow: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        radius: PropType<MantineRadius>;
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        padding: PropType<MantineSpacing>;
-        orientation: {
-            type: PropType<"horizontal" | "vertical">;
-            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<{}>, () => 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>;
-        component: string;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        withBorder: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    radius: PropType<MantineRadius>;
-    withBorder: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    padding: PropType<MantineSpacing>;
-    orientation: {
-        type: PropType<"horizontal" | "vertical">;
-        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<{}>, () => 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>;
-    component: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    withBorder: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Section: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        component: {
-            type: StringConstructor;
-            default: string;
-        };
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        inheritPadding: {
-            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;
-        };
-    }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        component: {
-            type: StringConstructor;
-            default: string;
-        };
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        inheritPadding: {
-            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;
-        };
-    }>> & Readonly<{}>, {
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        mod: any;
-        component: string;
-        vars: Function | Record<string, any>;
-        withBorder: boolean;
-        inheritPadding: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-}>;
+import { CardSection } from './CardSection/CardSection';
+export declare const Card: import("../..").MantinePolymorphicComponent<{
+    props: Omit<import("./Card.types").CardProps, "component" | "rootRef">;
+    slots: import("./Card.types").CardSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: "div";
+    defaultRef: HTMLDivElement;
+    stylesNames: import("./Card.types").CardStylesNames;
+    vars: import("./Card.types").CardCssVariables;
+    staticComponents: {
+        Section: typeof CardSection;
+    };
+}, "div">;
+export type { CardCssVariables, CardFactory, CardOwnProps, CardProps, CardSlots, CardStylesNames, } from './Card.types';