@databiosphere/findable-ui 0.0.0

package/lib/shared/utils.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getURL = exports.getEntityURL = exports.getDefaultListParams = exports.getDefaultDetailParams = void 0;
+const config_1 = require("../config/config");
+/**
+ * Returns application DEFAULT_DETAIL_PARAMS.
+ * @returns application DEFAULT_DETAIL_PARAMS.
+ */
+function getDefaultDetailParams() {
+    const { dataSource } = (0, config_1.getConfig)();
+    const { defaultDetailParams, defaultParams } = dataSource || {};
+    return Object.assign(Object.assign({}, defaultDetailParams), defaultParams);
+}
+exports.getDefaultDetailParams = getDefaultDetailParams;
+/**
+ * Returns application DEFAULT_LIST_PARAMS.
+ * @returns application DEFAULT_LIST_PARAMS.
+ */
+function getDefaultListParams() {
+    const { dataSource } = (0, config_1.getConfig)();
+    const { defaultListParams, defaultParams } = dataSource;
+    return Object.assign(Object.assign({}, defaultListParams), defaultParams);
+}
+exports.getDefaultListParams = getDefaultListParams;
+/**
+ * Returns entity source URL.
+ * @returns entity source URL.
+ */
+function getEntityURL() {
+    const dataSource = (0, config_1.getConfig)().dataSource;
+    return dataSource.entityURL || dataSource.url;
+}
+exports.getEntityURL = getEntityURL;
+/**
+ * Returns application URL.
+ * @returns application url.
+ */
+function getURL() {
+    return (0, config_1.getConfig)().dataSource.url;
+}
+exports.getURL = getURL;

package/lib/styles/common/mixins/breakpoints.d.ts

@@ -0,0 +1,7 @@
+import { ThemeProps } from "../../../theme/theme";
+export declare const mediaDesktopSmallDown: ({ theme }: ThemeProps) => string;
+export declare const mediaDesktopSmallUp: ({ theme }: ThemeProps) => string;
+export declare const mediaDesktopUp: ({ theme }: ThemeProps) => string;
+export declare const mediaTabletDown: ({ theme }: ThemeProps) => string;
+export declare const mediaTabletUp: ({ theme }: ThemeProps) => string;
+export declare const media1366Up: ({ theme }: ThemeProps) => string;

package/lib/styles/common/mixins/breakpoints.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.media1366Up = exports.mediaTabletUp = exports.mediaTabletDown = exports.mediaDesktopUp = exports.mediaDesktopSmallUp = exports.mediaDesktopSmallDown = void 0;
+const breakpoints_1 = require("../../../theme/common/breakpoints");
+const mediaDesktopSmallDown = ({ theme }) => theme.breakpoints.down(breakpoints_1.DESKTOP_SM);
+exports.mediaDesktopSmallDown = mediaDesktopSmallDown;
+const mediaDesktopSmallUp = ({ theme }) => theme.breakpoints.up(breakpoints_1.DESKTOP_SM);
+exports.mediaDesktopSmallUp = mediaDesktopSmallUp;
+const mediaDesktopUp = ({ theme }) => theme.breakpoints.up(breakpoints_1.DESKTOP);
+exports.mediaDesktopUp = mediaDesktopUp;
+const mediaTabletDown = ({ theme }) => theme.breakpoints.down(breakpoints_1.TABLET);
+exports.mediaTabletDown = mediaTabletDown;
+const mediaTabletUp = ({ theme }) => theme.breakpoints.up(breakpoints_1.TABLET);
+exports.mediaTabletUp = mediaTabletUp;
+const media1366Up = ({ theme }) => theme.breakpoints.up(1366);
+exports.media1366Up = media1366Up;

package/lib/styles/common/mixins/colors.d.ts

@@ -0,0 +1,24 @@
+import { CommonColors, PaletteColor } from "@mui/material/styles/createPalette";
+import { ThemeProps } from "../../../theme/theme";
+export declare const alertLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
+export declare const alertMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const errorMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const infoDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
+export declare const infoLight: ({ theme }: ThemeProps) => PaletteColor["light"];
+export declare const infoLightest: ({ theme }: ThemeProps) => PaletteColor["lightest"];
+export declare const infoMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const inkDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
+export declare const inkLight: ({ theme }: ThemeProps) => PaletteColor["light"];
+export declare const inkLightest: ({ theme }: ThemeProps) => PaletteColor["lightest"];
+export declare const inkMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const primaryDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
+export declare const primaryMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const smokeDark: ({ theme }: ThemeProps) => PaletteColor["dark"];
+export declare const smokeLight: ({ theme }: ThemeProps) => PaletteColor["light"];
+export declare const smokeLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
+export declare const smokeMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const successLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
+export declare const successMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const warningLightest: ({ theme, }: ThemeProps) => PaletteColor["lightest"];
+export declare const warningMain: ({ theme }: ThemeProps) => PaletteColor["main"];
+export declare const white: ({ theme }: ThemeProps) => CommonColors["white"];

package/lib/styles/common/mixins/colors.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.white = exports.warningMain = exports.warningLightest = exports.successMain = exports.successLightest = exports.smokeMain = exports.smokeLightest = exports.smokeLight = exports.smokeDark = exports.primaryMain = exports.primaryDark = exports.inkMain = exports.inkLightest = exports.inkLight = exports.inkDark = exports.infoMain = exports.infoLightest = exports.infoLight = exports.infoDark = exports.errorMain = exports.alertMain = exports.alertLightest = void 0;
+// Alert
+const alertLightest = ({ theme, }) => theme.palette.alert.lightest;
+exports.alertLightest = alertLightest;
+const alertMain = ({ theme }) => theme.palette.alert.main;
+exports.alertMain = alertMain;
+// Error
+const errorMain = ({ theme }) => theme.palette.error.main;
+exports.errorMain = errorMain;
+// Info
+const infoDark = ({ theme }) => theme.palette.info.dark;
+exports.infoDark = infoDark;
+const infoLight = ({ theme }) => theme.palette.info.light;
+exports.infoLight = infoLight;
+const infoLightest = ({ theme }) => theme.palette.info.lightest;
+exports.infoLightest = infoLightest;
+const infoMain = ({ theme }) => theme.palette.info.main;
+exports.infoMain = infoMain;
+// Ink
+const inkDark = ({ theme }) => theme.palette.ink.dark;
+exports.inkDark = inkDark;
+const inkLight = ({ theme }) => theme.palette.ink.light;
+exports.inkLight = inkLight;
+const inkLightest = ({ theme }) => theme.palette.ink.lightest;
+exports.inkLightest = inkLightest;
+const inkMain = ({ theme }) => theme.palette.ink.main;
+exports.inkMain = inkMain;
+// Primary
+const primaryDark = ({ theme }) => theme.palette.primary.dark;
+exports.primaryDark = primaryDark;
+const primaryMain = ({ theme }) => theme.palette.primary.main;
+exports.primaryMain = primaryMain;
+// Smoke
+const smokeDark = ({ theme }) => theme.palette.smoke.dark;
+exports.smokeDark = smokeDark;
+const smokeLight = ({ theme }) => theme.palette.smoke.light;
+exports.smokeLight = smokeLight;
+const smokeLightest = ({ theme, }) => theme.palette.smoke.lightest;
+exports.smokeLightest = smokeLightest;
+const smokeMain = ({ theme }) => theme.palette.smoke.main;
+exports.smokeMain = smokeMain;
+// Success
+const successLightest = ({ theme, }) => theme.palette.success.lightest;
+exports.successLightest = successLightest;
+const successMain = ({ theme }) => theme.palette.success.main;
+exports.successMain = successMain;
+// Warning
+const warningLightest = ({ theme, }) => theme.palette.warning.lightest;
+exports.warningLightest = warningLightest;
+const warningMain = ({ theme }) => theme.palette.warning.main;
+exports.warningMain = warningMain;
+// White
+const white = ({ theme }) => theme.palette.common.white;
+exports.white = white;

package/lib/styles/common/mixins/fonts.d.ts

@@ -0,0 +1,16 @@
+import { SerializedStyles } from "@emotion/react";
+export declare const textBody400: (props: any) => SerializedStyles;
+export declare const textBody4002Lines: (props: any) => SerializedStyles;
+export declare const textBody500: (props: any) => SerializedStyles;
+export declare const textBody5002Lines: (props: any) => SerializedStyles;
+export declare const textBodyLarge400: (props: any) => SerializedStyles;
+export declare const textBodyLarge4002Lines: (props: any) => SerializedStyles;
+export declare const textBodyLarge500: (props: any) => SerializedStyles;
+export declare const textBodySmall400: (props: any) => SerializedStyles;
+export declare const textBodySmall4002Lines: (props: any) => SerializedStyles;
+export declare const textBodySmall500: (props: any) => SerializedStyles;
+export declare const textHeading: (props: any) => SerializedStyles;
+export declare const textHeadingLarge: (props: any) => SerializedStyles;
+export declare const textHeadingSmall: (props: any) => SerializedStyles;
+export declare const textHeadingXLarge: (props: any) => SerializedStyles;
+export declare const textUppercase500: (props: any) => SerializedStyles;

package/lib/styles/common/mixins/fonts.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textUppercase500 = exports.textHeadingXLarge = exports.textHeadingSmall = exports.textHeadingLarge = exports.textHeading = exports.textBodySmall500 = exports.textBodySmall4002Lines = exports.textBodySmall400 = exports.textBodyLarge500 = exports.textBodyLarge4002Lines = exports.textBodyLarge400 = exports.textBody5002Lines = exports.textBody500 = exports.textBody4002Lines = exports.textBody400 = void 0;
+const react_1 = require("@emotion/react");
+const typography_1 = require("../../../theme/common/typography");
+/**
+ * Returns typography style for the specified typography variant.
+ * @param TYPOGRAPHY - Typography variant name.
+ * @returns typography styles for the variant.
+ */
+function typographyToCSS(TYPOGRAPHY) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- TODO revisit any.
+    return (props) => {
+        return (0, react_1.css) `
+      ${props.theme.typography[TYPOGRAPHY]}
+    `;
+    };
+}
+exports.textBody400 = typographyToCSS(typography_1.TEXT_BODY_400);
+exports.textBody4002Lines = typographyToCSS(typography_1.TEXT_BODY_400_2_LINES);
+exports.textBody500 = typographyToCSS(typography_1.TEXT_BODY_500);
+exports.textBody5002Lines = typographyToCSS(typography_1.TEXT_BODY_500_2_LINES);
+exports.textBodyLarge400 = typographyToCSS(typography_1.TEXT_BODY_LARGE_400);
+exports.textBodyLarge4002Lines = typographyToCSS(typography_1.TEXT_BODY_LARGE_400_2_LINES);
+exports.textBodyLarge500 = typographyToCSS(typography_1.TEXT_BODY_LARGE_500);
+exports.textBodySmall400 = typographyToCSS(typography_1.TEXT_BODY_SMALL_400);
+exports.textBodySmall4002Lines = typographyToCSS(typography_1.TEXT_BODY_SMALL_400_2_LINES);
+exports.textBodySmall500 = typographyToCSS(typography_1.TEXT_BODY_SMALL_500);
+exports.textHeading = typographyToCSS(typography_1.TEXT_HEADING);
+exports.textHeadingLarge = typographyToCSS(typography_1.TEXT_HEADING_LARGE);
+exports.textHeadingSmall = typographyToCSS(typography_1.TEXT_HEADING_SMALL);
+exports.textHeadingXLarge = typographyToCSS(typography_1.TEXT_HEADING_XLARGE);
+exports.textUppercase500 = typographyToCSS(typography_1.TEXT_UPPERCASE_500);

package/lib/styles/common/mixins/shadows.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProps } from "../../../theme/theme";
+export declare const shadows01: ({ theme }: ThemeProps) => string;
+export declare const shadows02: ({ theme }: ThemeProps) => string;

package/lib/styles/common/mixins/shadows.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadows02 = exports.shadows01 = void 0;
+// Elevation 01
+const shadows01 = ({ theme }) => theme.shadows[1];
+exports.shadows01 = shadows01;
+// Elevation 02
+const shadows02 = ({ theme }) => theme.shadows[2];
+exports.shadows02 = shadows02;

package/lib/theme/common/breakpoints.d.ts

@@ -0,0 +1,29 @@
+import { Breakpoint } from "@mui/material";
+/**
+ * Breakpoints
+ */
+declare enum BREAKPOINTS {
+    DESKTOP = 1440,
+    DESKTOP_SM = 1280,
+    MOBILE = 0,
+    TABLET = 768
+}
+export declare const DESKTOP: Breakpoint;
+export declare const DESKTOP_SM: Breakpoint;
+export declare const MOBILE: Breakpoint;
+export declare const TABLET: Breakpoint;
+/**
+ * Breakpoints constants
+ */
+export declare const desktop = BREAKPOINTS.DESKTOP;
+export declare const desktopSm = BREAKPOINTS.DESKTOP_SM;
+export declare const mobile = BREAKPOINTS.MOBILE;
+export declare const tablet = BREAKPOINTS.TABLET;
+/**
+ * Breakpoints queries
+ */
+export declare const desktopUp: string;
+export declare const desktopSmUp: string;
+export declare const mobileUp: string;
+export declare const tabletUp: string;
+export {};

package/lib/theme/common/breakpoints.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabletUp = exports.mobileUp = exports.desktopSmUp = exports.desktopUp = exports.tablet = exports.mobile = exports.desktopSm = exports.desktop = exports.TABLET = exports.MOBILE = exports.DESKTOP_SM = exports.DESKTOP = void 0;
+/**
+ * Breakpoints
+ */
+var BREAKPOINTS;
+(function (BREAKPOINTS) {
+    BREAKPOINTS[BREAKPOINTS["DESKTOP"] = 1440] = "DESKTOP";
+    BREAKPOINTS[BREAKPOINTS["DESKTOP_SM"] = 1280] = "DESKTOP_SM";
+    BREAKPOINTS[BREAKPOINTS["MOBILE"] = 0] = "MOBILE";
+    BREAKPOINTS[BREAKPOINTS["TABLET"] = 768] = "TABLET";
+})(BREAKPOINTS || (BREAKPOINTS = {}));
+/**
+ * Breakpoint key constants
+ */
+const BREAKPOINT_KEY = {
+    DESKTOP: "lg",
+    DESKTOP_SM: "md",
+    MOBILE: "xs",
+    TABLET: "sm",
+};
+exports.DESKTOP = BREAKPOINT_KEY.DESKTOP;
+exports.DESKTOP_SM = BREAKPOINT_KEY.DESKTOP_SM;
+exports.MOBILE = BREAKPOINT_KEY.MOBILE;
+exports.TABLET = BREAKPOINT_KEY.TABLET;
+/**
+ * Breakpoints constants
+ */
+exports.desktop = BREAKPOINTS.DESKTOP;
+exports.desktopSm = BREAKPOINTS.DESKTOP_SM;
+exports.mobile = BREAKPOINTS.MOBILE;
+exports.tablet = BREAKPOINTS.TABLET;
+/**
+ * Breakpoints queries
+ */
+exports.desktopUp = `@media (min-width: ${exports.desktop}px)`;
+exports.desktopSmUp = `@media (min-width: ${exports.desktopSm}px)`;
+exports.mobileUp = `@media (min-width: ${exports.mobile}px)`;
+exports.tabletUp = `@media (min-width: ${exports.tablet}px)`;

package/lib/theme/common/components.d.ts

@@ -0,0 +1,245 @@
+import { Components, Theme } from "@mui/material";
+/**
+ * MuiAccordion Component
+ * @param theme - Theme.
+ * @returns MuiAccordion component theme styles.
+ */
+export declare const MuiAccordion: (theme: Theme) => Components["MuiAccordion"];
+/**
+ * MuiAccordionDetails Component
+ */
+export declare const MuiAccordionDetails: Components["MuiAccordionDetails"];
+/**
+ * MuiAccordionSummary Component
+ */
+export declare const MuiAccordionSummary: Components["MuiAccordionSummary"];
+/**
+ * MuiAlert Component
+ * @param theme - Theme.
+ * @returns MuiAlert component theme styles.
+ */
+export declare const MuiAlert: (theme: Theme) => Components["MuiAlert"];
+/**
+ * MuiAlertTitle Component
+ * @param theme - Theme.
+ * @returns MuiAlertTitle component theme styles.
+ */
+export declare const MuiAlertTitle: (theme: Theme) => Components["MuiAlertTitle"];
+/**
+ * MuiAppBar Component
+ */
+export declare const MuiAppBar: Components["MuiAppBar"];
+/**
+ * MuiBackdrop Component
+ * @param theme - Theme.
+ * @returns MuiBackdrop component theme styles.
+ */
+export declare const MuiBackdrop: (theme: Theme) => Components["MuiBackdrop"];
+/**
+ * MuiBreadcrumbs Component
+ * @param theme - Theme.
+ * @returns MuiBreadcrumbs component theme styles.
+ */
+export declare const MuiBreadcrumbs: (theme: Theme) => Components["MuiBreadcrumbs"];
+/**
+ * MuiButton Component
+ * @param theme - Theme.
+ * @returns MuiButton component theme styles.
+ */
+export declare const MuiButton: (theme: Theme) => Components["MuiButton"];
+/**
+ * MuiButtonBase Component
+ * @param theme - Theme.
+ * @returns MuiButtonBase component theme styles.
+ */
+export declare const MuiButtonBase: (theme: Theme) => Components["MuiButtonBase"];
+/**
+ * MuiButtonGroup Component
+ * @param theme - Theme.
+ * @returns MuiButtonGroup component theme styles.
+ */
+export declare const MuiButtonGroup: (theme: Theme) => Components["MuiButtonGroup"];
+/**
+ * MuiCard Component
+ */
+export declare const MuiCard: Components["MuiCard"];
+/**
+ * MuiCheckbox Component
+ * @param theme - Theme.
+ * @returns MuiCheckbox component theme styles.
+ */
+export declare const MuiCheckbox: (theme: Theme) => Components["MuiCheckbox"];
+/**
+ * MuiChip Component
+ * @param theme - Theme.
+ * @returns MuiChip component theme styles.
+ */
+export declare const MuiChip: (theme: Theme) => Components["MuiChip"];
+/**
+ * MuiCssBaseline Component
+ * @param theme - Theme.
+ * @returns MuiCssBaseline component theme styles.
+ */
+export declare const MuiCssBaseline: (theme: Theme) => Components["MuiCssBaseline"];
+/**
+ * MuiDialog Component
+ * @param theme - Theme.
+ * @returns MuiDialog component theme styles.
+ */
+export declare const MuiDialog: (theme: Theme) => Components["MuiDialog"];
+/**
+ * MuiDialogActions Component
+ */
+export declare const MuiDialogActions: Components["MuiDialogActions"];
+/**
+ * MuiDialogContent Component
+ * @param theme - Theme.
+ * @returns MuiDialogContent component theme styles.
+ */
+export declare const MuiDialogContent: (theme: Theme) => Components["MuiDialogContent"];
+/**
+ * MuiDialogTitle Component
+ * @param theme - Theme.
+ * @returns MuiDialogTitle component theme styles.
+ */
+export declare const MuiDialogTitle: (theme: Theme) => Components["MuiDialogTitle"];
+/**
+ * MuiDivider Component
+ * @param theme - Theme.
+ * @returns MuiDivider component theme styles.
+ */
+export declare const MuiDivider: (theme: Theme) => Components["MuiDivider"];
+/**
+ * MuiDrawer Component
+ */
+export declare const MuiDrawer: Components["MuiDrawer"];
+/**
+ * MuiFormControlLabel Component
+ * @param theme - Theme.
+ * @returns MuiFormControlLabel component theme styles.
+ */
+export declare const MuiFormControlLabel: (theme: Theme) => Components["MuiFormControlLabel"];
+/**
+ * MuiFormGroup Component
+ */
+export declare const MuiFormGroup: Components["MuiFormGroup"];
+/**
+ * MuiFormHelperText Component
+ * @param theme - Theme.
+ * @returns MuiFormHelperText component theme styles.
+ */
+export declare const MuiFormHelperText: (theme: Theme) => Components["MuiFormHelperText"];
+/**
+ * MuiIconButton Component
+ * @param theme - Theme.
+ * @returns MuiIconButton component theme styles.
+ */
+export declare const MuiIconButton: (theme: Theme) => Components["MuiIconButton"];
+/**
+ * MuiInputBase Component
+ * @param theme - Theme.
+ * @returns MuiInputBase component theme styles.
+ */
+export declare const MuiInputBase: (theme: Theme) => Components["MuiInputBase"];
+/**
+ * MuiLink Component
+ */
+export declare const MuiLink: Components["MuiLink"];
+/**
+ * MuiListItemButton Component
+ * @param theme - Theme.
+ * @returns MuiListItemButton component theme styles.
+ */
+export declare const MuiListItemButton: (theme: Theme) => Components["MuiListItemButton"];
+/**
+ * MuiListItemText Component
+ */
+export declare const MuiListItemText: Components["MuiListItemText"];
+/**
+ * MuiListSubheader Component
+ * @param theme - Theme.
+ * @returns MuiListSubheader component theme styles.
+ */
+export declare const MuiListSubheader: (theme: Theme) => Components["MuiListSubheader"];
+/**
+ * MuiMenuItem Component
+ * @param theme - Theme.
+ * @returns MuiMenuItem component theme styles.
+ */
+export declare const MuiMenuItem: (theme: Theme) => Components["MuiMenuItem"];
+/**
+ * MuiOutlinedInput Component
+ * @param theme - Theme.
+ * @returns MuiOutlinedInput component theme styles.
+ */
+export declare const MuiOutlinedInput: (theme: Theme) => Components["MuiOutlinedInput"];
+/**
+ * MuiPaper Component
+ * @param theme - Theme.
+ * @returns MuiPaper component theme styles.
+ */
+export declare const MuiPaper: (theme: Theme) => Components["MuiPaper"];
+/**
+ * MuiRadio Component
+ * @param theme - Theme.
+ * @returns MuiRadio component theme styles.
+ */
+export declare const MuiRadio: (theme: Theme) => Components["MuiRadio"];
+/**
+ * MuiSelect Component
+ */
+export declare const MuiSelect: Components["MuiSelect"];
+/**
+ * MuiSvgIcon Component
+ * @param theme - Theme.
+ * @returns MuiSvgIcon component theme styles.
+ */
+export declare const MuiSvgIcon: (theme: Theme) => Components["MuiSvgIcon"];
+/**
+ * MuiTab Component
+ * @param theme - Theme.
+ * @returns MuiTab component theme styles.
+ */
+export declare const MuiTab: (theme: Theme) => Components["MuiTab"];
+/**
+ * MuiTableCell Component
+ * @param theme - Theme.
+ * @returns MuiTableCell component theme styles.
+ */
+export declare const MuiTableCell: (theme: Theme) => Components["MuiTableCell"];
+/**
+ * MuiTableSortLabel Component
+ */
+export declare const MuiTableSortLabel: Components["MuiTableSortLabel"];
+/**
+ * MuiTabs Component
+ * @param theme - Theme.
+ * @returns MuiTabs component theme styles.
+ */
+export declare const MuiTabs: (theme: Theme) => Components["MuiTabs"];
+/**
+ * MuiToggleButton Component
+ * @param theme - Theme.
+ * @returns MuiToggleButton component theme styles.
+ */
+export declare const MuiToggleButton: (theme: Theme) => Components["MuiToggleButton"];
+/**
+ * MuiToggleButtonGroup Component
+ * @param theme - Theme.
+ * @returns MuiToggleButtonGroup component theme styles.
+ */
+export declare const MuiToggleButtonGroup: (theme: Theme) => Components["MuiToggleButtonGroup"];
+/**
+ * MuiToolbar Component
+ */
+export declare const MuiToolbar: Components["MuiToolbar"];
+/**
+ * MuiTooltip Component
+ * @param theme - Theme.
+ * @returns MuiTooltip component theme styles.
+ */
+export declare const MuiTooltip: (theme: Theme) => Components["MuiTooltip"];
+/**
+ * MuiTypography Component
+ */
+export declare const MuiTypography: Components["MuiTypography"];