watercolor-ui/dist/src/mui-compat.d.ts

A modern minimalist cross-framework component library

export { default as Container } from './components/Container/Container.vue';
export { default as Box } from './components/Box/Box.vue';
export { default as Grid } from './components/Grid/Grid.vue';
export { default as Paper } from './components/Paper/Paper.vue';
export { default as AppBar } from './components/Navigation/AppBar.vue';
export { default as Toolbar } from './components/Navigation/Toolbar.vue';
export { default as Menu } from './components/Navigation/Menu.vue';
export { default as MenuItem } from './components/Navigation/MenuItem.vue';
export { default as TextField } from './components/TextField/TextField.vue';
export { default as FormControl } from './components/Form/FormControl.vue';
export { default as FormControlLabel } from './components/Form/FormControlLabel.vue';
export { default as FormGroup } from './components/Form/FormGroup.vue';
export { default as FormHelperText } from './components/Form/FormHelperText.vue';
export { default as Select } from './components/Select/Select.vue';
export { default as Checkbox } from './components/Checkbox/Checkbox.vue';
export { default as Radio } from './components/Radio/Radio.vue';
export { default as RadioGroup } from './components/Radio/RadioGroup.vue';
export { default as Button } from './components/Button/Button.vue';
export { default as IconButton } from './components/Button/IconButton.vue';
export { default as Fab } from './components/Button/Fab.vue';
export { default as Switch } from './components/Switch/Switch.vue';
export { default as Slider } from './components/Slider/Slider.vue';
export { default as Alert } from './components/Alert/Alert.vue';
export { default as Snackbar } from './components/Snackbar/Snackbar.vue';
export { default as CircularProgress } from './components/CircularProgress/CircularProgress.vue';
export { default as LinearProgress } from './components/Progress/Progress.vue';
export { default as Tooltip } from './components/Tooltip/Tooltip.vue';
export { default as Skeleton } from './components/Skeleton/Skeleton.vue';
export { default as Typography } from './components/Display/Typography.vue';
export { default as List } from './components/Display/List.vue';
export { default as ListItem } from './components/Display/ListItem.vue';
export { default as ListItemText } from './components/Display/ListItemText.vue';
export { default as ListItemIcon } from './components/Display/ListItemIcon.vue';
export { default as Table } from './components/Display/Table.vue';
export { default as TableHead } from './components/Display/TableHead.vue';
export { default as TableBody } from './components/Display/TableBody.vue';
export { default as TableRow } from './components/Display/TableRow.vue';
export { default as TableCell } from './components/Display/TableCell.vue';
export { default as Avatar } from './components/Display/Avatar.vue';
export { default as Chip } from './components/Display/Chip.vue';
export { default as Card } from './components/Card/Card.vue';
export { default as CardContent } from './components/Card/CardContent.vue';
export { default as CardActions } from './components/Card/CardActions.vue';
export { default as Badge } from './components/Badge/Badge.vue';
export { default as Modal } from './components/Modal/Modal.vue';
export { default as Tabs } from './components/Tabs/Tabs.vue';
export { default as Tab } from './components/Tabs/Tabs.vue';
export * from './utils/theme';
export declare const ListItemButton: import('vue').DefineComponent<Record<string, any>, Record<string, any>, any>;
export declare const TableContainer: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
        variant: string;
        elevation: number;
        rounded: boolean;
        square: boolean;
        component: string;
        $props: {
            readonly variant?: string | undefined;
            readonly elevation?: number | undefined;
            readonly rounded?: boolean | undefined;
            readonly square?: boolean | undefined;
            readonly component?: string | undefined;
        };
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<{}> & Readonly<{}>, {
        variant: string;
        elevation: number;
        rounded: boolean;
        square: boolean;
        component: string;
        $props: {
            readonly variant?: string | undefined;
            readonly elevation?: number | undefined;
            readonly rounded?: boolean | undefined;
            readonly square?: boolean | undefined;
            readonly component?: string | undefined;
        };
    }, {}, {}, {}, {}>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
    variant: string;
    elevation: number;
    rounded: boolean;
    square: boolean;
    component: string;
    $props: {
        readonly variant?: string | undefined;
        readonly elevation?: number | undefined;
        readonly rounded?: boolean | undefined;
        readonly square?: boolean | undefined;
        readonly component?: string | undefined;
    };
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: {
        default?(_: {}): any;
    };
});
export declare const createTheme: (theme: any) => any;
export declare const ThemeProvider: ({ theme: _theme, children }: {
    theme: any;
    children: any;
}) => any;
export declare const CssBaseline: () => null;
export declare const styled: (component: any) => (_styles: any) => any;
export declare const useTheme: () => {
    palette: {
        primary: {
            main: string;
        };
        secondary: {
            main: string;
        };
        error: {
            main: string;
        };
        warning: {
            main: string;
        };
        success: {
            main: string;
        };
        info: {
            main: string;
        };
    };
    spacing: (factor: number) => string;
    breakpoints: {
        up: (breakpoint: string) => string;
        down: (breakpoint: string) => string;
    };
};
export declare const colors: {
    blue: {
        500: string;
    };
    green: {
        500: string;
    };
    orange: {
        500: string;
    };
    red: {
        500: string;
    };
    purple: {
        500: string;
    };
    grey: {
        500: string;
    };
};
//# sourceMappingURL=mui-compat.d.ts.map