@mantine-vue/core 2.4.0 → 3.1.0

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

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

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

@@ -1,140 +1,14 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineVariant, type MantineNode, type MantineColor, type MantineGradient, type MantineRadius, type MantineSize, 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;
-        default: string;
-    };
-    size: {
-        type: PropType<MantineSize | (string & {})>;
-        default: undefined;
-    };
-    circle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    radius: PropType<MantineRadius>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    gradient: {
-        type: PropType<MantineGradient>;
-        default: undefined;
-    };
-    leftSection: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    rightSection: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoContrast: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: PropType<MantineVariant<BadgeVariant>>;
-        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<{
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: PropType<MantineSize | (string & {})>;
-        default: undefined;
-    };
-    circle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    radius: PropType<MantineRadius>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    gradient: {
-        type: PropType<MantineGradient>;
-        default: undefined;
-    };
-    leftSection: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    rightSection: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoContrast: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: PropType<MantineVariant<BadgeVariant>>;
-        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<{}>, {
-    size: MantineSize | (string & {});
-    circle: boolean;
-    color: MantineColor;
-    autoContrast: boolean;
-    variant: MantineVariant<BadgeVariant>;
-    gradient: MantineGradient;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    component: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    leftSection: MantineNode;
-    rightSection: MantineNode;
-    fullWidth: boolean;
-}, SlotsType<BadgeSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Badge: import("../..").MantinePolymorphicComponent<{
+    props: Omit<import("./Badge.types").BadgeProps, "component" | "rootRef">;
+    slots: import("./Badge.types").BadgeSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: "div";
+    defaultRef: HTMLDivElement;
+    stylesNames: import("./Badge.types").BadgeStylesNames;
+    vars: import("./Badge.types").BadgeCssVariables;
+    variant: import("./Badge.types").BadgeVariant;
+}, "div">;
+export type { BadgeCssVariables, BadgeFactory, BadgeOwnProps, BadgeProps, BadgeSlots, BadgeStylesNames, BadgeVariant, } from './Badge.types';

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

@@ -0,0 +1,92 @@
+import type { VNodeChild } from 'vue';
+import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { BoxProps, MantineColor, MantineGradient, MantineNode, MantineRadius, MantineSize, MantineVariant, SectionSlots, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
+export type BadgeStylesNames = 'root' | 'section' | 'label';
+export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
+export type BadgeCssVariables = {
+    root: '--badge-height' | '--badge-padding-x' | '--badge-fz' | '--badge-radius' | '--badge-bg' | '--badge-color' | '--badge-bd' | '--badge-dot-color';
+};
+export interface BadgeSlots extends SectionSlots {
+    /** Main badge content. */
+    default?: () => VNodeChild;
+}
+/**
+ * Props declared by `Badge` itself. `BadgeProps` is the public type – it also
+ * carries every `BoxProps` style prop, which `Badge` forwards to `Box` through
+ * fallthrough attributes rather than declaring at runtime.
+ */
+export interface BadgeOwnProps extends StylesApiProps<BadgeProps> {
+    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
+    rootRef?: VueRefTarget<Element>;
+    /**
+     * Root element or component rendered by `Badge`.
+     * @default 'div'
+     */
+    component?: MantineElementType;
+    /**
+     * Controls `font-size`, `height` and horizontal `padding`.
+     * @default 'md'
+     */
+    size?: MantineSize | (string & {});
+    /**
+     * If set, badge `min-width` becomes equal to its `height` and horizontal padding is removed.
+     * @default false
+     */
+    circle?: boolean;
+    /**
+     * Key of `theme.radius` or any valid CSS value to set `border-radius`.
+     * @default 'xl'
+     */
+    radius?: MantineRadius;
+    /**
+     * Key of `theme.colors` or any valid CSS color.
+     * @default theme.primaryColor
+     */
+    color?: MantineColor;
+    /**
+     * Gradient configuration used when `variant="gradient"`.
+     * @default theme.defaultGradient
+     */
+    gradient?: MantineGradient;
+    /**
+     * Content displayed on the left side of the badge label.
+     * Can also be set with the `leftSection` slot – the slot takes precedence over the prop.
+     */
+    leftSection?: MantineNode;
+    /**
+     * Content displayed on the right side of the badge label.
+     * Can also be set with the `rightSection` slot – the slot takes precedence over the prop.
+     */
+    rightSection?: MantineNode;
+    /**
+     * Determines whether Badge should take 100% of its parent width.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * If set, adjusts text color based on background color for `filled` variant.
+     * Inherits `theme.autoContrast` when not set.
+     */
+    autoContrast?: boolean;
+    /**
+     * Controls visual representation of the badge.
+     * @default 'filled'
+     */
+    variant?: MantineVariant<BadgeVariant>;
+}
+export interface BadgeProps extends Omit<BoxProps, keyof BadgeOwnProps>, BadgeOwnProps {
+}
+/** Public contract of `Badge`. `component` and `rootRef` come from the factory. */
+export type BadgeFactory = PolymorphicFactory<{
+    props: Omit<BadgeProps, 'component' | 'rootRef'>;
+    slots: BadgeSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: 'div';
+    defaultRef: HTMLDivElement;
+    stylesNames: BadgeStylesNames;
+    vars: BadgeCssVariables;
+    variant: BadgeVariant;
+}>;

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

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

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

@@ -1,89 +1,8 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineColor, type MantineNode, type MantineRadius } 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: PropType<MantineNode>;
-        default: undefined;
-    };
-    iconSize: PropType<string | number>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    radius: PropType<MantineRadius>;
-    cite: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    textWrap: {
-        type: PropType<"wrap" | "nowrap" | "balance" | "pretty" | "stable">;
-        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<{
-    icon: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    iconSize: PropType<string | number>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    radius: PropType<MantineRadius>;
-    cite: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    textWrap: {
-        type: PropType<"wrap" | "nowrap" | "balance" | "pretty" | "stable">;
-        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<{}>, {
-    cite: MantineNode;
-    color: MantineColor;
-    textWrap: "wrap" | "nowrap" | "balance" | "pretty" | "stable";
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    icon: MantineNode;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-}, SlotsType<BlockquoteSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Blockquote: import("../..").MantineComponent<{
+    props: Omit<import("./Blockquote.types").BlockquoteProps, "rootRef">;
+    ref: HTMLQuoteElement;
+    slots: import("./Blockquote.types").BlockquoteSlots;
+    element: "blockquote";
+    stylesNames: import("./Blockquote.types").BlockquoteStylesNames;
+}>;
+export type { BlockquoteOwnProps, BlockquoteProps, BlockquoteSlots, BlockquoteFactory, } from './Blockquote.types';

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

@@ -0,0 +1,53 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps, MantineColor, MantineNode, MantineRadius, StylesApiProps, Factory } from '../../core';
+/** Props declared by `Blockquote` itself. See `BlockquoteProps` for the full public type. */
+export interface BlockquoteOwnProps extends StylesApiProps<BlockquoteFactory> {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /** Blockquote icon, displayed at the top left side */
+    icon?: MantineNode;
+    /**
+     * Controls icon `width` and `height`, numbers are converted to rem
+     *
+     * @default 48
+     */
+    iconSize?: string | number;
+    /**
+     * Key of `theme.colors` or any valid CSS color
+     *
+     * @default theme.primaryColor
+     */
+    color?: MantineColor;
+    /**
+     * Key of `theme.radius` or any valid CSS value to set `border-radius`
+     *
+     * @default theme.defaultRadius
+     */
+    radius?: MantineRadius;
+    /** Reference to a cited quote */
+    cite?: MantineNode;
+    /** Controls `text-wrap` CSS property */
+    textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
+}
+export interface BlockquoteSlots {
+    /** Component content. */
+    default?: () => VNodeChild;
+    /** Blockquote icon. Used when the `icon` prop is not set. */
+    icon?: () => VNodeChild;
+    /** Citation content. Used when the `cite` prop is not set. */
+    cite?: () => VNodeChild;
+}
+export interface BlockquoteProps extends Omit<BoxProps, keyof BlockquoteOwnProps>, BlockquoteOwnProps {
+}
+export type BlockquoteStylesNames = 'root' | 'icon' | 'cite';
+export type BlockquoteCssVariables = {
+    root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius' | '--bq-text-wrap';
+};
+export type BlockquoteFactory = Factory<{
+    props: Omit<BlockquoteProps, 'rootRef'>;
+    ref: HTMLQuoteElement;
+    slots: BlockquoteSlots;
+    element: 'blockquote';
+    stylesNames: BlockquoteStylesNames;
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -0,0 +1,11 @@
+import type { BlockquoteOwnProps, BlockquoteSlots } from './Blockquote.types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BlockquoteOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlockquoteOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlockquoteSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,59 +1,12 @@
-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: PropType<MantineNode>;
-        default: undefined;
-    };
-    separatorMargin: 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;
-    };
-}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    separator: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    separatorMargin: 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>;
-    separator: MantineNode;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-}, SlotsType<BreadcrumbsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Breadcrumbs: import("../..").MantineComponent<{
+    props: Omit<import("./Breadcrumbs.types").BreadcrumbsProps, "rootRef">;
+    slots: import("./Breadcrumbs.types").BreadcrumbsSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: "div";
+    stylesNames: import("./Breadcrumbs.types").BreadcrumbsStylesNames;
+    vars: import("./Breadcrumbs.types").BreadcrumbsCssVariables;
+}>;
+export type { BreadcrumbsCssVariables, BreadcrumbsFactory, BreadcrumbsOwnProps, BreadcrumbsProps, BreadcrumbsSlots, BreadcrumbsStylesNames, } from './Breadcrumbs.types';

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

@@ -0,0 +1,43 @@
+import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { VNodeChild } from 'vue';
+import type { BoxProps, MantineNode, StylesApiProps, Factory } from '../../core';
+/** Props declared by `Breadcrumbs` itself. See `BreadcrumbsProps` for the full public type. */
+export interface BreadcrumbsOwnProps extends StylesApiProps<BreadcrumbsFactory> {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /**
+     * Separator between children
+     *
+     * @default '/'
+     */
+    separator?: MantineNode;
+    /**
+     * Controls spacing between separator and breadcrumb
+     *
+     * @default 'xs'
+     */
+    separatorMargin?: string | number;
+}
+export interface BreadcrumbsSlots {
+    /** Component content. */
+    default?: () => VNodeChild;
+    /** Custom separator rendered between breadcrumb items. */
+    separator?: () => VNodeChild;
+}
+export type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';
+export type BreadcrumbsCssVariables = {
+    root: '--bc-separator-margin';
+};
+export interface BreadcrumbsProps extends Omit<BoxProps, keyof BreadcrumbsOwnProps>, BreadcrumbsOwnProps {
+}
+export type BreadcrumbsFactory = Factory<{
+    props: Omit<BreadcrumbsProps, 'rootRef'>;
+    slots: BreadcrumbsSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: 'div';
+    stylesNames: BreadcrumbsStylesNames;
+    vars: BreadcrumbsCssVariables;
+}>;

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

@@ -0,0 +1,12 @@
+import type { BreadcrumbsOwnProps, BreadcrumbsSlots } from './Breadcrumbs.types';
+export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<BreadcrumbsOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BreadcrumbsOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BreadcrumbsSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/Burger/Burger.d.ts

@@ -1,84 +1,9 @@
-import { type PropType } from 'vue';
-import { type MantineColor, type MantineSize } from '../../core';
-export declare const Burger: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: PropType<MantineSize | (string & {}) | number>;
-    lineSize: PropType<string | number>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    opened: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transitionDuration: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    transitionTimingFunction: {
-        type: StringConstructor;
-        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<MantineSize | (string & {}) | number>;
-    lineSize: PropType<string | number>;
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    opened: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transitionDuration: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    transitionTimingFunction: {
-        type: StringConstructor;
-        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;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    opened: boolean;
-    transitionDuration: number;
-    transitionTimingFunction: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Burger: import("../..").MantineComponent<{
+    props: Omit<import("./Burger.types").BurgerProps, "rootRef">;
+    ref: HTMLButtonElement;
+    slots: import("./Burger.types").BurgerSlots;
+    element: "button";
+    stylesNames: import("./Burger.types").BurgerStylesNames;
+    vars: import("./Burger.types").BurgerCssVariables;
+}>;
+export type { BurgerCssVariables, BurgerOwnProps, BurgerProps, BurgerSlots, BurgerStylesNames, BurgerFactory, } from './Burger.types';