@jbrowse/core 3.2.0 → 3.4.0

package/ReExports/modules.d.ts

@@ -1,174 +1,2 @@
-import type { LazyExoticComponent } from 'react';
-import * as React from 'react';
-import { alpha, createTheme, useTheme } from '@mui/material';
-import * as MUIStyles from '@mui/material/styles';
-import * as MUIUtils from '@mui/material/utils';
-import { useGridApiContext } from '@mui/x-data-grid';
-import * as mobx from 'mobx';
-import * as mxreact from 'mobx-react';
-import * as mst from 'mobx-state-tree';
-import * as ReactJSXRuntime from 'react/jsx-runtime';
-import * as ReactDom from 'react-dom';
-import * as ReactDomClient from 'react-dom/client';
-import Plugin from '../Plugin';
-import * as Configuration from '../configuration';
-import * as BaseAdapterExports from '../data_adapters/BaseAdapter';
-import * as pluggableElementTypes from '../pluggableElementTypes';
-import * as pluggableElementTypeModels from '../pluggableElementTypes/models';
-import * as BoxRendererType from '../pluggableElementTypes/renderers/BoxRendererType';
-import * as FeatureRendererType from '../pluggableElementTypes/renderers/FeatureRendererType';
-import * as RendererType from '../pluggableElementTypes/renderers/RendererType';
-import * as ServerSideRendererType from '../pluggableElementTypes/renderers/ServerSideRendererType';
-import * as coreUi from '../ui';
-import * as coreUtil from '../util';
-import * as coreColor from '../util/color';
-import * as coreIo from '../util/io';
-import * as coreLayouts from '../util/layouts';
-import * as coreMstReflection from '../util/mst-reflection';
-import * as rxjs from '../util/rxjs';
-import * as trackUtils from '../util/tracks';
-import * as mstTypes from '../util/types/mst';
-declare const libs: {
-    '@material-ui/lab/ToggleButton': LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
-    '@material-ui/lab/ToggleButtonGroup': LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
-    '@material-ui/lab/Autocomplete': LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
-    '@material-ui/lab/Alert': LazyExoticComponent<typeof import("@mui/material").Alert>;
-    '@material-ui/lab': {
-        Alert: LazyExoticComponent<typeof import("@mui/material").Alert>;
-        Autocomplete: LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
-        ToggleButton: LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
-        ToggleButtonGroup: LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
-    };
-    '@jbrowse/core/Plugin': typeof Plugin;
-    '@jbrowse/core/pluggableElementTypes': typeof pluggableElementTypes;
-    '@jbrowse/core/pluggableElementTypes/ViewType': typeof pluggableElementTypes.ViewType;
-    '@jbrowse/core/pluggableElementTypes/AdapterType': typeof pluggableElementTypes.AdapterType;
-    '@jbrowse/core/pluggableElementTypes/DisplayType': typeof pluggableElementTypes.DisplayType;
-    '@jbrowse/core/pluggableElementTypes/TrackType': typeof pluggableElementTypes.TrackType;
-    '@jbrowse/core/pluggableElementTypes/WidgetType': typeof pluggableElementTypes.WidgetType;
-    '@jbrowse/core/pluggableElementTypes/models': typeof pluggableElementTypeModels;
-    '@jbrowse/core/pluggableElementTypes/renderers/ServerSideRendererType': typeof ServerSideRendererType;
-    '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType': typeof pluggableElementTypes.CircularChordRendererType;
-    '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType': typeof BoxRendererType;
-    '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType': typeof FeatureRendererType;
-    '@jbrowse/core/pluggableElementTypes/renderers/RendererType': typeof RendererType;
-    '@jbrowse/core/configuration': typeof Configuration;
-    '@jbrowse/core/util/types/mst': typeof mstTypes;
-    '@jbrowse/core/ui': typeof coreUi;
-    '@jbrowse/core/util': typeof coreUtil;
-    '@jbrowse/core/util/color': typeof coreColor;
-    '@jbrowse/core/util/layouts': typeof coreLayouts;
-    '@jbrowse/core/util/tracks': typeof trackUtils;
-    '@jbrowse/core/util/Base1DViewModel': mst.IModelType<{
-        id: mst.IOptionalIType<mst.ISimpleType<string>, [undefined]>;
-        displayedRegions: mst.IOptionalIType<mst.IType<coreUtil.Region[], coreUtil.Region[], coreUtil.Region[]>, [undefined]>;
-        bpPerPx: mst.IType<number | undefined, number, number>;
-        offsetPx: mst.IType<number | undefined, number, number>;
-        interRegionPaddingWidth: mst.IOptionalIType<mst.ISimpleType<number>, [undefined]>;
-        minimumBlockWidth: mst.IOptionalIType<mst.ISimpleType<number>, [undefined]>;
-    }, {
-        features: undefined | coreUtil.Feature[];
-        volatileWidth: number;
-    } & {
-        setDisplayedRegions(regions: coreUtil.Region[]): void;
-        setBpPerPx(val: number): void;
-        setVolatileWidth(width: number): void;
-    } & {
-        readonly width: number;
-        readonly assemblyNames: string[];
-        readonly displayedRegionsTotalPx: number;
-        readonly maxOffset: number;
-        readonly minOffset: number;
-        readonly totalBp: number;
-    } & {
-        readonly dynamicBlocks: import("../util/blockTypes").BlockSet;
-        readonly staticBlocks: import("../util/blockTypes").BlockSet;
-        readonly currBp: number;
-    } & {
-        pxToBp(px: number): {
-            coord: number;
-            index: number;
-            refName: string;
-            oob: boolean;
-            assemblyName: string;
-            offset: number;
-            start: number;
-            end: number;
-            reversed?: boolean;
-        };
-        bpToPx({ refName, coord, regionNumber, }: {
-            refName: string;
-            coord: number;
-            regionNumber?: number;
-        }): number | undefined;
-    } & {
-        setFeatures(features: coreUtil.Feature[]): void;
-        showAllRegions(): void;
-        zoomOut(): void;
-        zoomIn(): void;
-        zoomTo(bpPerPx: number, offset?: number): number;
-        scrollTo(offsetPx: number): number;
-        centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-        scroll(distance: number): number;
-    } & {
-        moveTo(start?: import("../util/Base1DUtils").BpOffset, end?: import("../util/Base1DUtils").BpOffset): void;
-    }, 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': {
-        Attributes: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-        FeatureDetails: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-        BaseCard: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-        BaseCoreDetails: LazyExoticComponent<typeof import("../BaseFeatureWidget/BaseFeatureDetail/BaseCoreDetails").default>;
-        BaseAttributes: LazyExoticComponent<typeof import("../BaseFeatureWidget/BaseFeatureDetail/BaseAttributes").default>;
-    };
-    '@jbrowse/core/data_adapters/BaseAdapter': typeof BaseAdapterExports;
-    mobx: typeof mobx;
-    'mobx-state-tree': typeof mst;
-    react: typeof React;
-    'react/jsx-runtime': typeof ReactJSXRuntime;
-    'react-dom': typeof ReactDom;
-    'react-dom/client': typeof ReactDomClient;
-    'mobx-react': typeof mxreact;
-    '@mui/x-data-grid': {
-        useGridApiContext: typeof useGridApiContext;
-        useGridApiRef: <Api extends import("@mui/x-data-grid").GridApiCommon = import("@mui/x-data-grid/internals").GridApiCommunity>() => import("@mui/x-internals/types").RefObject<Api>;
-        useGridRootProps: () => import("@mui/x-data-grid/internals").DataGridProcessedProps;
-    };
-    '@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").CSSObject> | ((theme: import("@mui/material/styles").Theme, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, import("tss-react").CSSObject>)) => (params: Params, muiStyleOverridesParams?: {
-            props: Record<string, unknown>;
-            ownerState?: Record<string, unknown> | undefined;
-        } | undefined) => {
-            classes: Record<RuleName, string>;
-            theme: import("@mui/material/styles").Theme;
-            css: import("tss-react").Css;
-            cx: import("tss-react").Cx;
-        };
-    };
-    '@material-ui/core': {
-        useTheme: typeof useTheme;
-        alpha: typeof alpha;
-        makeStyles: (args: any) => () => Record<string, string>;
-    };
-    '@mui/material': {
-        alpha: typeof alpha;
-        useTheme: typeof useTheme;
-        createTheme: typeof createTheme;
-    };
-    '@mui/material/styles': {
-        MUIStyles: typeof MUIStyles;
-        makeStyles: (args: any) => () => Record<string, string>;
-    };
-    '@material-ui/core/styles': {
-        MUIStyles: typeof MUIStyles;
-        makeStyles: (args: any) => () => Record<string, string>;
-    };
-};
+declare const libs: any;
 export default libs;

package/ReExports/modules.js

@@ -36,9 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
-const react_1 = require("react");
 const material_1 = require("@mui/material");
 const MUIStyles = __importStar(require("@mui/material/styles"));
 const MUIUtils = __importStar(require("@mui/material/utils"));
@@ -54,6 +52,10 @@ const Plugin_1 = __importDefault(require("../Plugin"));
 const Configuration = __importStar(require("../configuration"));
 const BaseAdapterExports = __importStar(require("../data_adapters/BaseAdapter"));
 const pluggableElementTypes = __importStar(require("../pluggableElementTypes"));
+const BaseFeatureDetails_1 = require("./BaseFeatureDetails");
+const MuiDataGridReExports_1 = require("./MuiDataGridReExports");
+const MuiReExports_1 = require("./MuiReExports");
+const lazify_1 = require("./lazify");
 const list_1 = __importDefault(require("./list"));
 const AdapterType_1 = __importDefault(require("../pluggableElementTypes/AdapterType"));
 const DisplayType_1 = __importDefault(require("../pluggableElementTypes/DisplayType"));
@@ -67,6 +69,7 @@ const FeatureRendererType = __importStar(require("../pluggableElementTypes/rende
 const RendererType = __importStar(require("../pluggableElementTypes/renderers/RendererType"));
 const ServerSideRendererType = __importStar(require("../pluggableElementTypes/renderers/ServerSideRendererType"));
 const coreUi = __importStar(require("../ui"));
+const coreTheme = __importStar(require("../ui/theme"));
 const coreUtil = __importStar(require("../util"));
 const Base1DViewModel_1 = __importDefault(require("../util/Base1DViewModel"));
 const coreColor = __importStar(require("../util/color"));
@@ -76,299 +79,6 @@ const coreMstReflection = __importStar(require("../util/mst-reflection"));
 const rxjs = __importStar(require("../util/rxjs"));
 const trackUtils = __importStar(require("../util/tracks"));
 const mstTypes = __importStar(require("../util/types/mst"));
-const Entries = {
-    Accordion: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Accordion')))),
-    AccordionActions: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/AccordionActions')))),
-    AccordionDetails: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/AccordionDetails')))),
-    AccordionSummary: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/AccordionSummary')))),
-    Alert: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Alert')))),
-    AlertTitle: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/AlertTitle')))),
-    Autocomplete: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Autocomplete')))),
-    Avatar: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Avatar')))),
-    AvatarGroup: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/AvatarGroup')))),
-    Backdrop: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Backdrop')))),
-    Badge: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Badge')))),
-    Box: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Box')))),
-    Breadcrumbs: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Breadcrumbs')))),
-    Button: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Button')))),
-    ButtonGroup: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ButtonGroup')))),
-    Card: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Card')))),
-    CardActions: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CardActions')))),
-    CardActionArea: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CardActionArea')))),
-    CardContent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CardContent')))),
-    CardHeader: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CardHeader')))),
-    CardMedia: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CardMedia')))),
-    CircularProgress: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/CircularProgress')))),
-    Collapse: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Collapse')))),
-    ClickAwayListener: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ClickAwayListener')))),
-    Chip: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Chip')))),
-    Checkbox: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Checkbox')))),
-    Container: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Container')))),
-    Dialog: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Dialog')))),
-    DialogActions: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/DialogActions')))),
-    DialogTitle: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/DialogTitle')))),
-    DialogContent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/DialogContent')))),
-    DialogContentText: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/DialogContentText')))),
-    Divider: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Divider')))),
-    Drawer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Drawer')))),
-    Fab: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Fab')))),
-    Fade: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Fade')))),
-    FilledInput: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FilledInput')))),
-    FormLabel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FormLabel')))),
-    FormControl: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FormControl')))),
-    FormControlLabel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FormControlLabel')))),
-    FormHelperText: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FormHelperText')))),
-    FormGroup: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/FormGroup')))),
-    Grid: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Grid')))),
-    Grid2: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Grid2')))),
-    Grow: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Grow')))),
-    Icon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Icon')))),
-    IconButton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/IconButton')))),
-    Input: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Input')))),
-    InputBase: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/InputBase')))),
-    InputLabel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/InputLabel')))),
-    InputAdornment: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/InputAdornment')))),
-    Link: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Link')))),
-    LinearProgress: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/LinearProgress')))),
-    List: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/List')))),
-    ListItem: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListItem')))),
-    ListItemAvatar: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListItemAvatar')))),
-    ListItemSecondaryAction: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListItemSecondaryAction')))),
-    ListItemIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListItemIcon')))),
-    ListSubheader: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListSubheader')))),
-    ListItemText: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ListItemText')))),
-    Menu: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Menu')))),
-    MenuItem: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/MenuItem')))),
-    MenuList: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/MenuList')))),
-    Modal: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Modal')))),
-    NativeSelect: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/NativeSelect')))),
-    OutlinedInput: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/OutlinedInput')))),
-    Pagination: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Pagination')))),
-    PaginationItem: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/PaginationItem')))),
-    Paper: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Paper')))),
-    Popover: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Popover')))),
-    Popper: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Popper')))),
-    Portal: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Portal')))),
-    Radio: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Radio')))),
-    RadioGroup: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/RadioGroup')))),
-    Rating: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Rating')))),
-    ScopedCssBaseline: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ScopedCssBaseline')))),
-    Select: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Select')))),
-    Skeleton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Skeleton')))),
-    Slider: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Slider')))),
-    Snackbar: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Snackbar')))),
-    SnackbarContent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/SnackbarContent')))),
-    SpeedDial: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/SpeedDial')))),
-    SpeedDialAction: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/SpeedDialAction')))),
-    SpeedDialIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/SpeedDialIcon')))),
-    Stack: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Stack')))),
-    Step: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Step')))),
-    StepButton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/StepButton')))),
-    StepConnector: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/StepConnector')))),
-    StepLabel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/StepLabel')))),
-    StepIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/StepIcon')))),
-    Stepper: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Stepper')))),
-    SvgIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/SvgIcon')))),
-    Switch: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Switch')))),
-    Tab: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Tab')))),
-    Table: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Table')))),
-    TableBody: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableBody')))),
-    TableCell: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableCell')))),
-    TableContainer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableContainer')))),
-    TableFooter: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableFooter')))),
-    TableHead: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableHead')))),
-    TablePagination: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TablePagination')))),
-    TableRow: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableRow')))),
-    TableSortLabel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TableSortLabel')))),
-    Tabs: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Tabs')))),
-    TextField: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TextField')))),
-    TextareaAutosize: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/TextareaAutosize')))),
-    ToggleButton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ToggleButton')))),
-    ToggleButtonGroup: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/ToggleButtonGroup')))),
-    Toolbar: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Toolbar')))),
-    Tooltip: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Tooltip')))),
-    Typography: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/material/Typography')))),
-};
-const LazyMUICore = Object.fromEntries(Object.entries(Entries).map(([key, ReactComponent]) => {
-    const Component = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ReactComponent, { ...props, ref: ref }) })));
-    Component.displayName = key;
-    return [key, Component];
-}));
-const MaterialPrefixMUI = Object.fromEntries(Object.entries(LazyMUICore).map(([key, value]) => [
-    `@material-ui/core/${key}`,
-    value,
-]));
-const MuiPrefixMUI = Object.fromEntries(Object.entries(LazyMUICore).map(([key, value]) => [
-    `@mui/material/${key}`,
-    value,
-]));
-const Attributes = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/Attributes'))));
-const FeatureDetails = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/FeatureDetails'))));
-const BaseCard = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseCard'))));
-const BaseAttributes = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseAttributes'))));
-const BaseCoreDetails = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseCoreDetails'))));
-const DataGridEntries = {
-    DataGrid: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({ default: module.DataGrid }))),
-    GridActionsCellItem: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridActionsCellItem,
-    }))),
-    GridAddIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridAddIcon,
-    }))),
-    GridArrowDownwardIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridArrowDownwardIcon,
-    }))),
-    GridArrowUpwardIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridArrowUpwardIcon,
-    }))),
-    GridCellCheckboxForwardRef: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridCellCheckboxForwardRef,
-    }))),
-    GridCellCheckboxRenderer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridCellCheckboxRenderer,
-    }))),
-    GridCheckCircleIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridCheckCircleIcon,
-    }))),
-    GridCheckIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridCheckIcon,
-    }))),
-    GridCloseIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridCloseIcon,
-    }))),
-    GridColumnHeaderSeparator: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridColumnHeaderSeparator,
-    }))),
-    GridColumnHeaderSortIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridColumnHeaderSortIcon,
-    }))),
-    GridColumnIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridColumnIcon,
-    }))),
-    GridColumnMenu: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridColumnMenu,
-    }))),
-    GridColumnMenuContainer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridColumnMenuContainer,
-    }))),
-    GridDragIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridDragIcon,
-    }))),
-    GridExpandMoreIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridExpandMoreIcon,
-    }))),
-    GridFilterAltIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridFilterAltIcon,
-    }))),
-    GridFilterForm: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridFilterForm,
-    }))),
-    GridFilterListIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridFilterListIcon,
-    }))),
-    GridFilterPanel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridFilterPanel,
-    }))),
-    GridFooter: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({ default: module.GridFooter }))),
-    GridFooterContainer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridFooterContainer,
-    }))),
-    GridHeader: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({ default: module.GridHeader }))),
-    GridHeaderCheckbox: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridHeaderCheckbox,
-    }))),
-    GridKeyboardArrowRight: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridKeyboardArrowRight,
-    }))),
-    GridLoadIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridLoadIcon,
-    }))),
-    GridLoadingOverlay: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridLoadingOverlay,
-    }))),
-    GridMenuIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridMenuIcon,
-    }))),
-    GridMoreVertIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridMoreVertIcon,
-    }))),
-    GridNoRowsOverlay: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridNoRowsOverlay,
-    }))),
-    GridOverlay: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridOverlay,
-    }))),
-    GridPagination: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridPagination,
-    }))),
-    GridPanel: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({ default: module.GridPanel }))),
-    GridPanelWrapper: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridPanelWrapper,
-    }))),
-    GridRemoveIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridRemoveIcon,
-    }))),
-    GridRoot: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({ default: module.GridRoot }))),
-    GridRowCount: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridRowCount,
-    }))),
-    GridSaveAltIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridSaveAltIcon,
-    }))),
-    GridSearchIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridSearchIcon,
-    }))),
-    GridSelectedRowCount: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridSelectedRowCount,
-    }))),
-    GridSeparatorIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridSeparatorIcon,
-    }))),
-    GridTableRowsIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridTableRowsIcon,
-    }))),
-    GridToolbar: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbar,
-    }))),
-    GridToolbarColumnsButton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarColumnsButton,
-    }))),
-    GridToolbarContainer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarContainer,
-    }))),
-    GridToolbarDensitySelector: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarDensitySelector,
-    }))),
-    GridToolbarExport: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarExport,
-    }))),
-    GridToolbarExportContainer: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarExportContainer,
-    }))),
-    GridToolbarFilterButton: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridToolbarFilterButton,
-    }))),
-    GridTripleDotsVerticalIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridTripleDotsVerticalIcon,
-    }))),
-    GridViewHeadlineIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridViewHeadlineIcon,
-    }))),
-    GridViewStreamIcon: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@mui/x-data-grid'))).then(module => ({
-        default: module.GridViewStreamIcon,
-    }))),
-};
-const LazyDataGridComponents = Object.fromEntries(Object.entries(DataGridEntries).map(([key, ReactComponent]) => {
-    const Component = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ReactComponent, { ...props, ref: ref }) })));
-    Component.displayName = key;
-    return [key, Component];
-}));
-const LazyAttributes = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(Attributes, { ...props, ref: ref }) })));
-LazyAttributes.displayName = 'Attributes';
-const LazyFeatureDetails = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(FeatureDetails, { ...props, ref: ref }) })));
-LazyFeatureDetails.displayName = 'FeatureDetails';
-const LazyBaseCard = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(BaseCard, { ...props, ref: ref }) })));
-LazyBaseCard.displayName = 'BaseCard';
 const libs = {
     mobx,
     'mobx-state-tree': mst,
@@ -381,13 +91,15 @@ const libs = {
         useGridApiContext: x_data_grid_1.useGridApiContext,
         useGridApiRef: x_data_grid_1.useGridApiRef,
         useGridRootProps: x_data_grid_1.useGridRootProps,
-        ...LazyDataGridComponents,
+        ...(0, lazify_1.lazyMap)(MuiDataGridReExports_1.DataGridEntries, '@mui/x-data-grid/'),
     },
     '@mui/material/utils': MUIUtils,
     '@material-ui/core/utils': MUIUtils,
-    'tss-react/mui': { makeStyles: mui_1.makeStyles },
+    'tss-react/mui': {
+        makeStyles: mui_1.makeStyles,
+    },
     '@material-ui/core': {
-        ...LazyMUICore,
+        ...(0, lazify_1.lazyMap)(MuiReExports_1.Entries),
         useTheme: material_1.useTheme,
         alpha: material_1.alpha,
         makeStyles: (args) => {
@@ -396,53 +108,43 @@ const libs = {
         },
     },
     '@mui/material': {
-        ...LazyMUICore,
+        ...(0, lazify_1.lazyMap)(MuiReExports_1.Entries),
         alpha: material_1.alpha,
         useTheme: material_1.useTheme,
         createTheme: material_1.createTheme,
     },
+    ...(0, lazify_1.lazyMap)(MuiReExports_1.Entries, '@mui/material/'),
+    ...(0, lazify_1.lazyMap)(MuiReExports_1.Entries, '@material-ui/core/'),
     '@mui/material/styles': {
-        MUIStyles,
+        ...MUIStyles,
         makeStyles: (args) => {
             const useStyles = (0, mui_1.makeStyles)()(args);
             return () => useStyles().classes;
         },
     },
     '@material-ui/core/styles': {
-        MUIStyles,
+        ...MUIStyles,
         makeStyles: (args) => {
             const useStyles = (0, mui_1.makeStyles)()(args);
             return () => useStyles().classes;
         },
     },
-    ...MaterialPrefixMUI,
-    ...MuiPrefixMUI,
-    '@material-ui/lab/ToggleButton': Entries.ToggleButton,
-    '@material-ui/lab/ToggleButtonGroup': Entries.ToggleButtonGroup,
-    '@material-ui/lab/Autocomplete': Entries.Autocomplete,
-    '@material-ui/lab/Alert': Entries.Alert,
+    '@material-ui/lab/ToggleButton': MuiReExports_1.Entries.ToggleButton,
+    '@material-ui/lab/ToggleButtonGroup': MuiReExports_1.Entries.ToggleButtonGroup,
+    '@material-ui/lab/Autocomplete': MuiReExports_1.Entries.Autocomplete,
+    '@material-ui/lab/Alert': MuiReExports_1.Entries.Alert,
     '@material-ui/lab': {
-        Alert: Entries.Alert,
-        Autocomplete: Entries.Autocomplete,
-        ToggleButton: Entries.ToggleButton,
-        ToggleButtonGroup: Entries.ToggleButtonGroup,
+        Alert: MuiReExports_1.Entries.Alert,
+        Autocomplete: MuiReExports_1.Entries.Autocomplete,
+        ToggleButton: MuiReExports_1.Entries.ToggleButton,
+        ToggleButtonGroup: MuiReExports_1.Entries.ToggleButtonGroup,
     },
     '@jbrowse/core/Plugin': Plugin_1.default,
-    '@jbrowse/core/pluggableElementTypes': pluggableElementTypes,
-    '@jbrowse/core/pluggableElementTypes/ViewType': ViewType_1.default,
-    '@jbrowse/core/pluggableElementTypes/AdapterType': AdapterType_1.default,
-    '@jbrowse/core/pluggableElementTypes/DisplayType': DisplayType_1.default,
-    '@jbrowse/core/pluggableElementTypes/TrackType': TrackType_1.default,
-    '@jbrowse/core/pluggableElementTypes/WidgetType': WidgetType_1.default,
-    '@jbrowse/core/pluggableElementTypes/models': pluggableElementTypeModels,
-    '@jbrowse/core/pluggableElementTypes/renderers/ServerSideRendererType': ServerSideRendererType,
-    '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType': CircularChordRendererType_1.default,
-    '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType': BoxRendererType,
-    '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType': FeatureRendererType,
     '@jbrowse/core/pluggableElementTypes/renderers/RendererType': RendererType,
     '@jbrowse/core/configuration': Configuration,
     '@jbrowse/core/util/types/mst': mstTypes,
     '@jbrowse/core/ui': coreUi,
+    '@jbrowse/core/ui/theme': coreTheme,
     '@jbrowse/core/util': coreUtil,
     '@jbrowse/core/util/color': coreColor,
     '@jbrowse/core/util/layouts': coreLayouts,
@@ -451,13 +153,18 @@ const libs = {
     '@jbrowse/core/util/io': coreIo,
     '@jbrowse/core/util/mst-reflection': coreMstReflection,
     '@jbrowse/core/util/rxjs': rxjs,
-    '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail': {
-        Attributes: LazyAttributes,
-        FeatureDetails: LazyFeatureDetails,
-        BaseCard: LazyBaseCard,
-        BaseCoreDetails,
-        BaseAttributes,
-    },
+    '@jbrowse/core/pluggableElementTypes': pluggableElementTypes,
+    '@jbrowse/core/pluggableElementTypes/ViewType': ViewType_1.default,
+    '@jbrowse/core/pluggableElementTypes/AdapterType': AdapterType_1.default,
+    '@jbrowse/core/pluggableElementTypes/DisplayType': DisplayType_1.default,
+    '@jbrowse/core/pluggableElementTypes/TrackType': TrackType_1.default,
+    '@jbrowse/core/pluggableElementTypes/WidgetType': WidgetType_1.default,
+    '@jbrowse/core/pluggableElementTypes/models': pluggableElementTypeModels,
+    '@jbrowse/core/pluggableElementTypes/renderers/ServerSideRendererType': ServerSideRendererType,
+    '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType': CircularChordRendererType_1.default,
+    '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType': BoxRendererType,
+    '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType': FeatureRendererType,
+    '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail': BaseFeatureDetails_1.BaseFeatureDetail,
     '@jbrowse/core/data_adapters/BaseAdapter': BaseAdapterExports,
 };
 const libsList = Object.keys(libs);