@jbrowse/core 1.7.9 → 2.0.0

package/ReExports/material-ui-colors.d.ts

@@ -1,19 +1 @@
-export { default as red } from "@material-ui/core/colors/red";
-export { default as pink } from "@material-ui/core/colors/pink";
-export { default as purple } from "@material-ui/core/colors/purple";
-export { default as deepPurple } from "@material-ui/core/colors/deepPurple";
-export { default as indigo } from "@material-ui/core/colors/indigo";
-export { default as blue } from "@material-ui/core/colors/blue";
-export { default as lightBlue } from "@material-ui/core/colors/lightBlue";
-export { default as cyan } from "@material-ui/core/colors/cyan";
-export { default as teal } from "@material-ui/core/colors/teal";
-export { default as green } from "@material-ui/core/colors/green";
-export { default as lightGreen } from "@material-ui/core/colors/lightGreen";
-export { default as lime } from "@material-ui/core/colors/lime";
-export { default as yellow } from "@material-ui/core/colors/yellow";
-export { default as amber } from "@material-ui/core/colors/amber";
-export { default as orange } from "@material-ui/core/colors/orange";
-export { default as deepOrange } from "@material-ui/core/colors/deepOrange";
-export { default as brown } from "@material-ui/core/colors/brown";
-export { default as grey } from "@material-ui/core/colors/grey";
-export { default as blueGrey } from "@material-ui/core/colors/blueGrey";
+export * from "@mui/material/colors";

package/ReExports/material-ui-colors.js

@@ -1,159 +1,18 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "amber", {
-  enumerable: true,
-  get: function get() {
-    return _amber.default;
-  }
-});
-Object.defineProperty(exports, "blue", {
-  enumerable: true,
-  get: function get() {
-    return _blue.default;
-  }
-});
-Object.defineProperty(exports, "blueGrey", {
-  enumerable: true,
-  get: function get() {
-    return _blueGrey.default;
-  }
-});
-Object.defineProperty(exports, "brown", {
-  enumerable: true,
-  get: function get() {
-    return _brown.default;
-  }
-});
-Object.defineProperty(exports, "cyan", {
-  enumerable: true,
-  get: function get() {
-    return _cyan.default;
-  }
-});
-Object.defineProperty(exports, "deepOrange", {
-  enumerable: true,
-  get: function get() {
-    return _deepOrange.default;
-  }
-});
-Object.defineProperty(exports, "deepPurple", {
-  enumerable: true,
-  get: function get() {
-    return _deepPurple.default;
-  }
-});
-Object.defineProperty(exports, "green", {
-  enumerable: true,
-  get: function get() {
-    return _green.default;
-  }
-});
-Object.defineProperty(exports, "grey", {
-  enumerable: true,
-  get: function get() {
-    return _grey.default;
-  }
-});
-Object.defineProperty(exports, "indigo", {
-  enumerable: true,
-  get: function get() {
-    return _indigo.default;
-  }
-});
-Object.defineProperty(exports, "lightBlue", {
-  enumerable: true,
-  get: function get() {
-    return _lightBlue.default;
-  }
-});
-Object.defineProperty(exports, "lightGreen", {
-  enumerable: true,
-  get: function get() {
-    return _lightGreen.default;
-  }
-});
-Object.defineProperty(exports, "lime", {
-  enumerable: true,
-  get: function get() {
-    return _lime.default;
-  }
-});
-Object.defineProperty(exports, "orange", {
-  enumerable: true,
-  get: function get() {
-    return _orange.default;
-  }
-});
-Object.defineProperty(exports, "pink", {
-  enumerable: true,
-  get: function get() {
-    return _pink.default;
-  }
-});
-Object.defineProperty(exports, "purple", {
-  enumerable: true,
-  get: function get() {
-    return _purple.default;
-  }
-});
-Object.defineProperty(exports, "red", {
-  enumerable: true,
-  get: function get() {
-    return _red.default;
-  }
-});
-Object.defineProperty(exports, "teal", {
-  enumerable: true,
-  get: function get() {
-    return _teal.default;
-  }
-});
-Object.defineProperty(exports, "yellow", {
-  enumerable: true,
-  get: function get() {
-    return _yellow.default;
-  }
-});
-
-var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
-
-var _pink = _interopRequireDefault(require("@material-ui/core/colors/pink"));
-
-var _purple = _interopRequireDefault(require("@material-ui/core/colors/purple"));
-
-var _deepPurple = _interopRequireDefault(require("@material-ui/core/colors/deepPurple"));
-
-var _indigo = _interopRequireDefault(require("@material-ui/core/colors/indigo"));
-
-var _blue = _interopRequireDefault(require("@material-ui/core/colors/blue"));
-
-var _lightBlue = _interopRequireDefault(require("@material-ui/core/colors/lightBlue"));
-
-var _cyan = _interopRequireDefault(require("@material-ui/core/colors/cyan"));
-
-var _teal = _interopRequireDefault(require("@material-ui/core/colors/teal"));
-
-var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
-
-var _lightGreen = _interopRequireDefault(require("@material-ui/core/colors/lightGreen"));
-
-var _lime = _interopRequireDefault(require("@material-ui/core/colors/lime"));
-
-var _yellow = _interopRequireDefault(require("@material-ui/core/colors/yellow"));
-
-var _amber = _interopRequireDefault(require("@material-ui/core/colors/amber"));
-
-var _orange = _interopRequireDefault(require("@material-ui/core/colors/orange"));
-
-var _deepOrange = _interopRequireDefault(require("@material-ui/core/colors/deepOrange"));
-
-var _brown = _interopRequireDefault(require("@material-ui/core/colors/brown"));
 
-var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
+var _colors = require("@mui/material/colors");
 
-var _blueGrey = _interopRequireDefault(require("@material-ui/core/colors/blueGrey"));
+Object.keys(_colors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _colors[key];
+    }
+  });
+});

package/ReExports/modules.d.ts

@@ -4,13 +4,10 @@ import * as mobx from 'mobx';
 import * as mst from 'mobx-state-tree';
 import * as mxreact from 'mobx-react';
 import PropTypes from 'prop-types';
-import * as MUIStyles from '@material-ui/core/styles';
-import * as MUICore from '@material-ui/core';
-import * as MUIUtils from '@material-ui/core/utils';
-import * as MUILab from '@material-ui/lab';
-import * as MUIDataGrid from '@mui/x-data-grid';
+import * as MUIStyles from '@mui/material/styles';
+import * as MUIUtils from '@mui/material/utils';
+import { useGridApiContext } from '@mui/x-data-grid';
 import * as BaseAdapterExports from '../data_adapters/BaseAdapter';
-import * as BaseFeatureDetail from '../BaseFeatureWidget/BaseFeatureDetail';
 import * as pluggableElementTypes from '../pluggableElementTypes';
 import * as pluggableElementTypeModels from '../pluggableElementTypes/models';
 import * as ServerSideRendererType from '../pluggableElementTypes/renderers/ServerSideRendererType';
@@ -27,91 +24,18 @@ import * as trackUtils from '../util/tracks';
 import * as coreIo from '../util/io';
 import * as coreMstReflection from '../util/mst-reflection';
 import * as rxjs from '../util/rxjs';
-import * as MUIColors from './material-ui-colors';
 import * as mstTypes from '../util/types/mst';
 declare const libs: {
-    mobx: typeof mobx;
-    'mobx-state-tree': typeof mst;
-    react: typeof React;
-    'react-dom': typeof ReactDom;
-    'mobx-react': typeof mxreact;
-    'prop-types': typeof PropTypes;
-    '@material-ui/core': typeof MUICore;
-    '@material-ui/core/SvgIcon': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.SvgIconTypeMap<{}, "svg">>;
-    '@material-ui/core/utils': typeof MUIUtils;
-    '@material-ui/lab': typeof MUILab;
-    '@mui/x-data-grid': typeof MUIDataGrid;
-    '@material-ui/data-grid': typeof MUIDataGrid;
-    '@material-ui/core/colors': typeof MUIColors;
-    '@material-ui/core/styles': typeof MUIStyles;
-    '@material-ui/core/Box': React.ComponentType<MUICore.BoxProps>;
-    '@material-ui/core/Button': MUICore.ExtendButtonBase<MUICore.ButtonTypeMap<{}, "button">>;
-    '@material-ui/core/ButtonGroup': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.ButtonGroupTypeMap<{}, "div">>;
-    '@material-ui/core/Card': typeof MUICore.Card;
-    '@material-ui/core/CardContent': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.CardContentTypeMap<{}, "div">>;
-    '@material-ui/core/Container': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.ContainerTypeMap<{}, "div">>;
-    '@material-ui/core/Checkbox': typeof MUICore.Checkbox;
-    '@material-ui/core/Dialog': typeof MUICore.Dialog;
-    '@material-ui/core/FormGroup': typeof MUICore.FormGroup;
-    '@material-ui/core/FormLabel': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.FormLabelTypeMap<{}, "label">>;
-    '@material-ui/core/FormControl': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.FormControlTypeMap<{}, "div">>;
-    '@material-ui/core/FormControlLabel': typeof MUICore.FormControlLabel;
-    '@material-ui/core/Grid': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.GridTypeMap<{}, "div">>;
-    '@material-ui/core/Icon': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.IconTypeMap<{}, "span">>;
-    '@material-ui/core/IconButton': MUICore.ExtendButtonBase<MUICore.IconButtonTypeMap<{}, "button">>;
-    '@material-ui/core/InputAdornment': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.InputAdornmentTypeMap<{}, "div">>;
-    '@material-ui/core/LinearProgress': typeof MUICore.LinearProgress;
-    '@material-ui/core/ListItemIcon': typeof MUICore.ListItemIcon;
-    '@material-ui/core/ListItemText': typeof MUICore.ListItemText;
-    '@material-ui/core/Menu': typeof MUICore.Menu;
-    '@material-ui/core/MenuItem': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.MenuItemTypeMap<{
-        button: false;
-    }, "li">> & ((props: {
-        href: string;
-    } & {
-        button?: true | undefined;
-    } & {
-        alignItems?: "center" | "flex-start" | undefined;
-        autoFocus?: boolean | undefined;
-        button?: boolean | undefined;
-        ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>> | undefined;
-        ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-        dense?: boolean | undefined;
-        disabled?: boolean | undefined;
-        disableGutters?: boolean | undefined;
-        divider?: boolean | undefined;
-        focusVisibleClassName?: string | undefined;
-        selected?: boolean | undefined;
-    } & {
-        action?: React.Ref<MUICore.ButtonBaseActions> | undefined;
-        buttonRef?: React.Ref<unknown> | undefined;
-        centerRipple?: boolean | undefined;
-        children?: React.ReactNode;
-        disabled?: boolean | undefined;
-        disableRipple?: boolean | undefined;
-        disableTouchRipple?: boolean | undefined;
-        focusRipple?: boolean | undefined;
-        focusVisibleClassName?: string | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
-        tabIndex?: string | number | undefined;
-        TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    } & import("@material-ui/core/OverridableComponent").CommonProps<MUICore.ExtendButtonBaseTypeMap<MUICore.MenuItemTypeMap<{
-        button?: true | undefined;
-    }, "li">>> & Pick<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
-        ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
-    }, "id" | "is" | "color" | "type" | "defaultValue" | "key" | "prefix" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "href" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy">) => JSX.Element) & import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.ExtendButtonBaseTypeMap<MUICore.MenuItemTypeMap<{
-        button?: true | undefined;
-    }, "li">>>;
-    '@material-ui/core/RadioGroup': typeof MUICore.RadioGroup;
-    '@material-ui/core/Radio': typeof MUICore.Radio;
-    '@material-ui/core/Select': typeof MUICore.Select;
-    '@material-ui/core/Snackbar': typeof MUICore.Snackbar;
-    '@material-ui/core/SnackbarContent': typeof MUICore.SnackbarContent;
-    '@material-ui/core/TextField': typeof MUICore.TextField;
-    '@material-ui/core/Tooltip': typeof MUICore.Tooltip;
-    '@material-ui/core/Typography': import("@material-ui/core/OverridableComponent").OverridableComponent<MUICore.TypographyTypeMap<{}, "span">>;
-    '@material-ui/lab/ToggleButton': MUICore.ExtendButtonBase<MUILab.ToggleButtonTypeMap<{}, "button">>;
-    '@material-ui/lab/ToggleButtonGroup': typeof MUILab.ToggleButtonGroup;
+    '@material-ui/lab/ToggleButton': React.LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
+    '@material-ui/lab/ToggleButtonGroup': React.LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
+    '@material-ui/lab/Autocomplete': React.LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
+    '@material-ui/lab/Alert': React.LazyExoticComponent<typeof import("@mui/material").Alert>;
+    '@material-ui/lab': {
+        Alert: React.LazyExoticComponent<typeof import("@mui/material").Alert>;
+        Autocomplete: React.LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
+        ToggleButton: React.LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
+        ToggleButtonGroup: React.LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
+    };
     '@jbrowse/core/Plugin': typeof Plugin;
     '@jbrowse/core/pluggableElementTypes': typeof pluggableElementTypes;
     '@jbrowse/core/pluggableElementTypes/ViewType': typeof pluggableElementTypes.ViewType;
@@ -200,13 +124,57 @@ declare const libs: {
         zoomIn(): void;
         zoomTo(newBpPerPx: number, offset?: number): void;
         scrollTo(offsetPx: number): number;
-        centerAt(bp: number, refName: string, regionIndex: number): void;
+        centerAt(coord: number, refName: string, regionNumber: number): void;
         scroll(distance: number): number;
     }, mst._NotCustomized, mst._NotCustomized>;
     '@jbrowse/core/util/io': typeof coreIo;
     '@jbrowse/core/util/mst-reflection': typeof coreMstReflection;
     '@jbrowse/core/util/rxjs': typeof rxjs;
-    '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail': typeof BaseFeatureDetail;
+    '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail': {
+        Attributes: (props: any) => JSX.Element;
+        FeatureDetails: (props: any) => JSX.Element;
+        BaseCard: (props: any) => JSX.Element;
+    };
     '@jbrowse/core/data_adapters/BaseAdapter': typeof BaseAdapterExports;
+    mobx: typeof mobx;
+    'mobx-state-tree': typeof mst;
+    react: typeof React;
+    'react-dom': typeof ReactDom;
+    'mobx-react': typeof mxreact;
+    '@mui/x-data-grid': {
+        DataGrid: any;
+        useGridApiContext: typeof useGridApiContext;
+        useGridApiRef: <Api extends import("@mui/x-data-grid").GridApiCommon = import("@mui/x-data-grid/models/api/gridApiCommunity").GridApiCommunity>() => React.MutableRefObject<Api>;
+        useGridRootProps: () => import("@mui/x-data-grid/models/props/DataGridProps").DataGridProcessedProps<any>;
+    };
+    '@mui/material/utils': typeof MUIUtils;
+    '@material-ui/core/utils': typeof MUIUtils;
+    'tss-react/mui': {
+        makeStyles: <Params = void, RuleNameSubsetReferencableInNestedSelectors extends string = never>(params?: {
+            name?: string | Record<string, unknown> | undefined;
+            uniqId?: string | undefined;
+        } | undefined) => <RuleName extends string>(cssObjectByRuleNameOrGetCssObjectByRuleName: Record<RuleName, import("tss-react/types").CSSObject> | ((theme: MUIStyles.Theme, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, import("tss-react/types").CSSObject>)) => (params: Params, styleOverrides?: {
+            props: {
+                classes?: Record<string, string> | undefined;
+            } & Record<string, unknown>;
+            ownerState?: Record<string, unknown> | undefined;
+        } | undefined) => {
+            classes: Record<RuleName, string>;
+            theme: MUIStyles.Theme;
+            css: import("tss-react/types").Css;
+            cx: import("tss-react/types").Cx;
+        };
+    };
+    '@material-ui/core': {
+        useTheme: typeof MUIStyles.useTheme;
+        alpha: typeof MUIStyles.alpha;
+        makeStyles: (args: any) => () => Record<string, string>;
+    };
+    '@mui/material': {
+        [k: string]: (props: any) => JSX.Element;
+    };
+    'prop-types': typeof PropTypes;
+    '@mui/material/styles': typeof MUIStyles;
+    '@material-ui/core/styles': typeof MUIStyles;
 };
 export default libs;