@jbrowse/core 2.18.0 → 3.0.0

package/ui/FileSelector/FileSelector.js

@@ -1,32 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -37,8 +15,7 @@ const types_1 = require("../../util/types");
 const NUM_SHOWN = 2;
 function ToggleButtonWithTooltip(props) {
     const { title, children, ...other } = props;
-    return (react_1.default.createElement(material_1.Tooltip, { title: title || '' },
-        react_1.default.createElement(material_1.ToggleButton, { ...other }, children)));
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: title || '', children: (0, jsx_runtime_1.jsx)(material_1.ToggleButton, { ...other, children: children }) }));
 }
 function shorten(str, len) {
     if (typeof str === 'string' && str.length > len) {
@@ -47,15 +24,14 @@ function shorten(str, len) {
     return str;
 }
 function Inline({ children }) {
-    return react_1.default.createElement("div", { style: { display: 'flex', gap: 4 } }, children);
+    return (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 4 }, children: children });
 }
 function Box2({ children }) {
-    return (react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row" },
-        react_1.default.createElement(material_1.Box, null, children)));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "row", children: (0, jsx_runtime_1.jsx)(material_1.Box, { children: children }) }));
 }
 function Input(props) {
     const { setLocation, inline, toggleButtonValue, selectedAccount } = props;
-    return (react_1.default.createElement(react_1.default.Fragment, null, (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.SelectorComponent) ? (react_1.default.createElement(selectedAccount.SelectorComponent, { ...props, setLocation: setLocation })) : toggleButtonValue === 'url' ? (react_1.default.createElement(UrlChooser_1.default, { ...props, setLocation: setLocation, label: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.selectorLabel, style: inline ? { margin: 0 } : undefined })) : toggleButtonValue === 'file' ? (react_1.default.createElement(LocalFileChooser_1.default, { ...props })) : null));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.SelectorComponent) ? ((0, jsx_runtime_1.jsx)(selectedAccount.SelectorComponent, { ...props, setLocation: setLocation })) : toggleButtonValue === 'url' ? ((0, jsx_runtime_1.jsx)(UrlChooser_1.default, { ...props, setLocation: setLocation, label: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.selectorLabel, style: inline ? { margin: 0 } : undefined })) : toggleButtonValue === 'file' ? ((0, jsx_runtime_1.jsx)(LocalFileChooser_1.default, { ...props })) : null }));
 }
 const FileSelector = (0, mobx_react_1.observer)(function (props) {
     const { inline, location, name, description, rootModel, setLocation } = props;
@@ -90,52 +66,37 @@ const FileSelector = (0, mobx_react_1.observer)(function (props) {
         }
     }, [location, selectedAccount, setLocationWithAccount]);
     const Wrapper = inline ? Inline : Box2;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Box, { display: "flex" },
-            react_1.default.createElement(material_1.InputLabel, { shrink: true }, name)),
-        react_1.default.createElement(material_1.FormGroup, null,
-            react_1.default.createElement(Wrapper, null,
-                react_1.default.createElement(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, size: "small", onChange: (_event, newState) => {
-                        setRecentlyUsedInternetAccounts([
-                            ...new Set([newState, ...recentlyUsedInternetAccounts].filter(util_1.notEmpty)),
-                        ]);
-                        if (newState) {
-                            setToggleButtonValue(newState);
-                        }
-                        if ((0, types_1.isUriLocation)(location)) {
-                            setLocationWithAccount(location);
-                        }
-                    }, "aria-label": "file, url, or account picker" },
-                    new URLSearchParams(window.location.search).get('adminKey') ? null : (react_1.default.createElement(material_1.ToggleButton, { size: "small", value: "file", "aria-label": "local file" }, "File")),
-                    react_1.default.createElement(material_1.ToggleButton, { size: "small", value: "url", "aria-label": "url" }, "URL"),
-                    shownAccounts.map(id => {
-                        const { internetAccountId, name, toggleContents } = map[id];
-                        return (react_1.default.createElement(ToggleButtonWithTooltip, { key: id, value: internetAccountId, title: name }, typeof toggleContents === 'string'
-                            ? shorten(toggleContents, 5)
-                            : toggleContents || shorten(name, 5)));
-                    }),
-                    hiddenAccounts.length > 0 ? (react_1.default.createElement(material_1.ToggleButton, { onClick: event => {
-                            setAnchorEl(event.target);
-                        }, selected: false },
-                        "More",
-                        react_1.default.createElement(ArrowDropDown_1.default, null))) : null),
-                inline ? (react_1.default.createElement(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null),
-            !inline ? (react_1.default.createElement(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null),
-        react_1.default.createElement(material_1.FormHelperText, null, description),
-        anchorEl ? (react_1.default.createElement(material_1.Menu, { open: true, anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, onClose: () => {
-                setAnchorEl(null);
-            } }, hiddenAccounts.map(id => {
-            const { internetAccountId, name } = map[id];
-            return (react_1.default.createElement(material_1.MenuItem, { key: id, value: internetAccountId, onClick: () => {
-                    setRecentlyUsedInternetAccounts([
-                        ...new Set([
-                            internetAccountId,
-                            ...recentlyUsedInternetAccounts,
-                        ].filter(util_1.notEmpty)),
-                    ]);
-                    setToggleButtonValue(internetAccountId);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", children: (0, jsx_runtime_1.jsx)(material_1.InputLabel, { shrink: true, children: name }) }), (0, jsx_runtime_1.jsxs)(material_1.FormGroup, { children: [(0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsxs)(material_1.ToggleButtonGroup, { value: toggleButtonValue, exclusive: true, size: "small", onChange: (_event, newState) => {
+                                    setRecentlyUsedInternetAccounts([
+                                        ...new Set([newState, ...recentlyUsedInternetAccounts].filter(util_1.notEmpty)),
+                                    ]);
+                                    if (newState) {
+                                        setToggleButtonValue(newState);
+                                    }
+                                    if ((0, types_1.isUriLocation)(location)) {
+                                        setLocationWithAccount(location);
+                                    }
+                                }, "aria-label": "file, url, or account picker", children: [new URLSearchParams(window.location.search).get('adminKey') ? null : ((0, jsx_runtime_1.jsx)(material_1.ToggleButton, { size: "small", value: "file", "aria-label": "local file", children: "File" })), (0, jsx_runtime_1.jsx)(material_1.ToggleButton, { size: "small", value: "url", "aria-label": "url", children: "URL" }), shownAccounts.map(id => {
+                                        const { internetAccountId, name, toggleContents } = map[id];
+                                        return ((0, jsx_runtime_1.jsx)(ToggleButtonWithTooltip, { value: internetAccountId, title: name, children: typeof toggleContents === 'string'
+                                                ? shorten(toggleContents, 5)
+                                                : toggleContents || shorten(name, 5) }, id));
+                                    }), hiddenAccounts.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.ToggleButton, { onClick: event => {
+                                            setAnchorEl(event.target);
+                                        }, selected: false, children: ["More", (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {})] })) : null] }), inline ? ((0, jsx_runtime_1.jsx)(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null] }), !inline ? ((0, jsx_runtime_1.jsx)(Input, { ...props, toggleButtonValue: toggleButtonValue, selectedAccount: selectedAccount, setLocation: setLocationWithAccount })) : null] }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: description }), anchorEl ? ((0, jsx_runtime_1.jsx)(material_1.Menu, { open: true, anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, transformOrigin: { vertical: 'top', horizontal: 'center' }, onClose: () => {
                     setAnchorEl(null);
-                } }, name));
-        }))) : null));
+                }, children: hiddenAccounts.map(id => {
+                    const { internetAccountId, name } = map[id];
+                    return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: internetAccountId, onClick: () => {
+                            setRecentlyUsedInternetAccounts([
+                                ...new Set([
+                                    internetAccountId,
+                                    ...recentlyUsedInternetAccounts,
+                                ].filter(util_1.notEmpty)),
+                            ]);
+                            setToggleButtonValue(internetAccountId);
+                            setAnchorEl(null);
+                        }, children: name }, id));
+                }) })) : null] }));
 });
 exports.default = FileSelector;

package/ui/FileSelector/LocalFileChooser.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { FileLocation } from '../../util/types';
 declare function LocalFileChooser({ location, setLocation, }: {
     location?: FileLocation;
     setLocation: (arg: FileLocation) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default LocalFileChooser;

package/ui/FileSelector/LocalFileChooser.js

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const util_1 = require("../../util");
@@ -25,29 +22,21 @@ function LocalFileChooser({ location, setLocation, }) {
         ((isBlobLocation(location) && location.name) ||
             (isLocalPathLocation(location) && location.localPath));
     const needToReload = location && isBlobLocation(location) && !(0, tracks_1.getBlob)(location.blobId);
-    return (react_1.default.createElement(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center" },
-        react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.FormControl, { fullWidth: true },
-                react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
-                    "Choose File",
-                    react_1.default.createElement("input", { type: "file", hidden: true, onChange: ({ target }) => {
-                            var _a;
-                            const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
-                            if (file) {
-                                if (util_1.isElectron) {
-                                    const { webUtils } = window.require('electron');
-                                    setLocation({
-                                        localPath: webUtils.getPathForFile(file),
-                                        locationType: 'LocalPathLocation',
-                                    });
-                                }
-                                else {
-                                    setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
-                                }
-                            }
-                        } })))),
-        react_1.default.createElement(material_1.Box, null,
-            react_1.default.createElement(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary' }, filename || 'No file chosen'),
-            needToReload ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "(need to reload)")) : null)));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControl, { fullWidth: true, children: (0, jsx_runtime_1.jsxs)(material_1.Button, { variant: "outlined", component: "label", children: ["Choose File", (0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, onChange: ({ target }) => {
+                                    var _a;
+                                    const file = (_a = target.files) === null || _a === void 0 ? void 0 : _a[0];
+                                    if (file) {
+                                        if (util_1.isElectron) {
+                                            const { webUtils } = window.require('electron');
+                                            setLocation({
+                                                localPath: webUtils.getPathForFile(file),
+                                                locationType: 'LocalPathLocation',
+                                            });
+                                        }
+                                        else {
+                                            setLocation((0, tracks_1.storeBlobLocation)({ blob: file }));
+                                        }
+                                    }
+                                } })] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", className: classes.filename, color: filename ? 'initial' : 'textSecondary', children: filename || 'No file chosen' }), needToReload ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "(need to reload)" })) : null] })] }));
 }
 exports.default = LocalFileChooser;

package/ui/FileSelector/UrlChooser.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { FileLocation } from '../../util/types';
 declare const UrlChooser: ({ location, label, style, setLocation, }: {
     location?: FileLocation;
     label?: string;
     style?: Record<string, unknown>;
     setLocation: (arg: FileLocation) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default UrlChooser;

package/ui/FileSelector/UrlChooser.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const types_1 = require("../../util/types");
 const UrlChooser = (0, mobx_react_1.observer)(function ({ location, label, style, setLocation, }) {
-    return (react_1.default.createElement(material_1.TextField, { variant: "outlined", fullWidth: true, defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', style: style, onChange: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { variant: "outlined", fullWidth: true, defaultValue: location && (0, types_1.isUriLocation)(location) ? location.uri : '', label: label || 'Enter URL', style: style, onChange: event => {
             setLocation({
                 uri: event.target.value.trim(),
                 locationType: 'UriLocation',

package/ui/Icons.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
 import type { SvgIconProps } from '@mui/material/SvgIcon';
-export declare function ContentCopy(props: SvgIconProps): React.JSX.Element;
-export declare function Indexing(props: SvgIconProps): React.JSX.Element;
-export declare function ContentCut(props: SvgIconProps): React.JSX.Element;
-export declare function ContentPaste(props: SvgIconProps): React.JSX.Element;
-export declare function TrackSelector(props: SvgIconProps): React.JSX.Element;
-export declare function SaveAs(props: SvgIconProps): React.JSX.Element;
-export declare function Save(props: SvgIconProps): React.JSX.Element;
-export declare function DNA(props: SvgIconProps): React.JSX.Element;
-export declare function Cable(props: SvgIconProps): React.JSX.Element;
+export declare function ContentCopy(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Indexing(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentCut(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContentPaste(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function TrackSelector(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaveAs(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Save(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DNA(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Cable(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/ui/Icons.js

@@ -12,41 +12,32 @@ exports.SaveAs = SaveAs;
 exports.Save = Save;
 exports.DNA = DNA;
 exports.Cable = Cable;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
 function ContentCopy(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" }) }));
 }
 function Indexing(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19.31 18.9L22.39 22L21 23.39L17.88 20.32C17.19 20.75 16.37 21 15.5 21C13 21 11 19 11 16.5C11 14 13 12 15.5 12C18 12 20 14 20 16.5C20 17.38 19.75 18.21 19.31 18.9M15.5 19C16.88 19 18 17.88 18 16.5C18 15.12 16.88 14 15.5 14C14.12 14 13 15.12 13 16.5C13 17.88 14.12 19 15.5 19M21 4V6H3V4H21M3 16V14H9V16H3M3 11V9H21V11H18.97C17.96 10.37 16.77 10 15.5 10C14.23 10 13.04 10.37 12.03 11H3Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.31 18.9L22.39 22L21 23.39L17.88 20.32C17.19 20.75 16.37 21 15.5 21C13 21 11 19 11 16.5C11 14 13 12 15.5 12C18 12 20 14 20 16.5C20 17.38 19.75 18.21 19.31 18.9M15.5 19C16.88 19 18 17.88 18 16.5C18 15.12 16.88 14 15.5 14C14.12 14 13 15.12 13 16.5C13 17.88 14.12 19 15.5 19M21 4V6H3V4H21M3 16V14H9V16H3M3 11V9H21V11H18.97C17.96 10.37 16.77 10 15.5 10C14.23 10 13.04 10.37 12.03 11H3Z" }) }));
 }
 function ContentCut(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" }) }));
 }
 function ContentPaste(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" }) }));
 }
 function TrackSelector(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1v-2z" }) }));
 }
 function SaveAs(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" }) }));
 }
 function Save(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" }) }));
 }
 function DNA(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { fill: "currentColor", d: "M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z" }) }));
 }
 function Cable(props) {
-    return (react_1.default.createElement(SvgIcon_1.default, { ...props },
-        react_1.default.createElement("path", { d: "M20 5V4c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-1v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4S5 4.79 5 7v7H4c-.55 0-1 .45-1 1v4h1v1c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1h1v-4c0-.55-.45-1-1-1H7V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-1z" })));
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M20 5V4c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1v1h-1v4c0 .55.45 1 1 1h1v7c0 1.1-.9 2-2 2s-2-.9-2-2V7c0-2.21-1.79-4-4-4S5 4.79 5 7v7H4c-.55 0-1 .45-1 1v4h1v1c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1h1v-4c0-.55-.45-1-1-1H7V7c0-1.1.9-2 2-2s2 .9 2 2v10c0 2.21 1.79 4 4 4s4-1.79 4-4v-7h1c.55 0 1-.45 1-1V5h-1z" }) }));
 }

package/ui/LoadingEllipses.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { TypographyProps } from '@mui/material';
 interface Props extends TypographyProps {
     message?: string;
 }
-export default function LoadingEllipses({ message, variant, ...rest }: Props): React.JSX.Element;
+export default function LoadingEllipses({ message, variant, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/LoadingEllipses.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LoadingEllipses;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const tss_react_1 = require("tss-react");
 const mui_1 = require("tss-react/mui");
@@ -34,5 +31,5 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function LoadingEllipses({ message, variant = 'body2', ...rest }) {
     const { cx, classes } = useStyles();
-    return (react_1.default.createElement(material_1.Typography, { className: cx(classes.dots, rest.className), ...rest, variant: variant }, message || 'Loading'));
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: cx(classes.dots, rest.className), ...rest, variant: variant, children: message || 'Loading' }));
 }

package/ui/Logo.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 type LogoVariant = 'color' | 'black' | 'white';
 interface LogoProps {
     variant?: LogoVariant;
 }
-export declare function Logomark({ variant }: LogoProps): React.JSX.Element;
-export declare function LogoFull({ variant }: LogoProps): React.JSX.Element;
+export declare function Logomark({ variant }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogoFull({ variant }: LogoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/Logo.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Logomark = Logomark;
 exports.LogoFull = LogoFull;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 function getColors(variant) {
     if (variant === 'black') {
         return {
@@ -34,31 +31,16 @@ function getColors(variant) {
     };
 }
 function Logomark({ variant }) {
-    return (react_1.default.createElement("svg", { viewBox: "0 0 175 175" },
-        react_1.default.createElement(Icon, { variant: variant })));
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 175 175", children: (0, jsx_runtime_1.jsx)(Icon, { variant: variant }) }));
 }
 function LogoFull({ variant }) {
-    return (react_1.default.createElement("svg", { viewBox: "0 0 641 175" },
-        react_1.default.createElement(Text, { variant: variant }),
-        react_1.default.createElement(Icon, { variant: variant })));
+    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 641 175", children: [(0, jsx_runtime_1.jsx)(Text, { variant: variant }), (0, jsx_runtime_1.jsx)(Icon, { variant: variant })] }));
 }
 function Icon({ variant }) {
     const colors = getColors(variant);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("path", { style: { fill: colors.midnight }, d: "M120.5,57.5c.168,0,.333.012.5.013V40.506c-.167,0-.333-.006-.5-.006a98.325,98.325,0,0,0-77.4,37.565q-2.664,3.378-5.023,6.994l14.206,9.327Q54.043,91.709,56,89.179A81.363,81.363,0,0,1,120.5,57.5Z" }),
-        react_1.default.createElement("path", { style: { fill: colors.forrest }, d: "M148.668,86.223c.308.133.6.283.908.42l6.746-15.618c-.153-.067-.3-.143-.454-.21a81.36,81.36,0,0,0-71.777,3.5q-2.8,1.544-5.469,3.309l9.249,14.054A63.93,63.93,0,0,1,148.668,86.223Z" }),
-        react_1.default.createElement("path", { style: { fill: colors.grape }, d: "M170.894,109.37A63.929,63.929,0,0,0,113.4,88.861l2.336,15.474a48.456,48.456,0,0,1,44.322,15.42c.111.125.214.255.324.381l11.16-10C171.323,109.879,171.118,109.62,170.894,109.37Z" }),
-        react_1.default.createElement("path", { style: { fill: colors.mandarin }, d: "M150.921,150.314c.04.163.07.326.107.489l16.509-4.058c-.039-.163-.067-.326-.107-.489A48.457,48.457,0,0,0,135.575,111.8l-5.515,15.591A32.466,32.466,0,0,1,150.921,150.314Z" }),
-        react_1.default.createElement("path", { style: { fill: colors.gray }, d: "M134.1,138.129l-9.779,13.213a32.486,32.486,0,0,1,7.823,14.463l15.147.852c.012-.166.032-.331.041-.5A32.464,32.464,0,0,0,134.1,138.129Z" })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: colors.midnight }, d: "M120.5,57.5c.168,0,.333.012.5.013V40.506c-.167,0-.333-.006-.5-.006a98.325,98.325,0,0,0-77.4,37.565q-2.664,3.378-5.023,6.994l14.206,9.327Q54.043,91.709,56,89.179A81.363,81.363,0,0,1,120.5,57.5Z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: colors.forrest }, d: "M148.668,86.223c.308.133.6.283.908.42l6.746-15.618c-.153-.067-.3-.143-.454-.21a81.36,81.36,0,0,0-71.777,3.5q-2.8,1.544-5.469,3.309l9.249,14.054A63.93,63.93,0,0,1,148.668,86.223Z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: colors.grape }, d: "M170.894,109.37A63.929,63.929,0,0,0,113.4,88.861l2.336,15.474a48.456,48.456,0,0,1,44.322,15.42c.111.125.214.255.324.381l11.16-10C171.323,109.879,171.118,109.62,170.894,109.37Z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: colors.mandarin }, d: "M150.921,150.314c.04.163.07.326.107.489l16.509-4.058c-.039-.163-.067-.326-.107-.489A48.457,48.457,0,0,0,135.575,111.8l-5.515,15.591A32.466,32.466,0,0,1,150.921,150.314Z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: colors.gray }, d: "M134.1,138.129l-9.779,13.213a32.486,32.486,0,0,1,7.823,14.463l15.147.852c.012-.166.032-.331.041-.5A32.464,32.464,0,0,0,134.1,138.129Z" })] }));
 }
 function Text({ variant }) {
     const colors = getColors(variant);
-    return (react_1.default.createElement("g", { "aria-label": "JBrowse", transform: "translate(213.084 144.241)", style: { fill: colors.midnight } },
-        react_1.default.createElement("path", { d: "m 26.355,-71.505 v 54.075 2.835 q 0,6.825 -0.42,10.185 -0.735,5.67 -2.835,9.135 -3.255,5.355 -8.505,8.4 -4.83,2.73 -11.55,3.57 L 1.47,11.76 Q 7.35,10.185 9.24,4.2 10.605,-0.105 10.605,-9.975 v -5.565 -55.965 q 1.785,0 4.62,0.315 2.835,0.21 3.255,0.21 1.785,0 2.94,-0.105 4.515,-0.42 4.935,-0.42 z" }),
-        react_1.default.createElement("path", { d: "m 60.68836,-65.415 v 24.78 h 3.255 q 2.94,0 4.935,-0.525 2.1,-0.525 3.885,-2.1 2.31,-1.995 3.36,-4.83 1.155,-2.835 1.155,-6.09 0,-5.565 -2.94,-8.61 -2.94,-3.045 -8.295,-3.045 -2.52,0 -5.355,0.42 z m 0,30.87 V -6.09 h 5.25 q 4.725,0 8.505,-3.675 3.885,-3.78 3.885,-10.08 0,-8.19 -4.62,-11.655 -4.095,-3.045 -13.02,-3.045 z M 44.93836,0 v -71.505 h 27.09 q 9.135,0 14.385,3.255 6.51,3.99 6.51,12.6 0,7.035 -5.25,11.655 -4.62,4.095 -11.97,5.145 v 0.945 q 7.56,0.735 12.285,3.99 6.615,4.62 6.615,13.335 0,10.185 -7.98,15.75 -6.93,4.83 -17.43,4.83 z" }),
-        react_1.default.createElement("path", { d: "M 109.44281,0.525 V -50.4 q 1.785,0.21 3.99,0.42 2.31,0.105 3.255,0.105 2.31,0 4.2,-0.21 1.89,-0.21 3.045,-0.315 v 13.02 q 1.89,-6.51 5.46,-9.87 4.41,-4.095 11.655,-4.095 -0.315,2.73 -0.42,6.825 -0.105,3.99 -0.105,7.455 l -0.945,0.84 q -0.945,-0.735 -2.415,-1.05 -1.47,-0.315 -2.94,-0.315 -3.57,0 -6.195,1.89 -2.52,1.785 -3.465,5.04 -0.42,1.155 -0.525,3.15 -0.105,1.89 -0.105,4.515 v 4.515 19.005 q -1.785,-0.21 -2.625,-0.21 -3.675,-0.315 -4.62,-0.315 -2.31,0 -4.2,0.21 -1.89,0.21 -3.045,0.315 z" }),
-        react_1.default.createElement("path", { d: "m 173.77337,1.47 q -11.655,0 -18.585,-6.825 -6.93,-6.825 -6.93,-18.48 0,-12.6 6.72,-20.055 6.825,-7.455 18.9,-7.455 11.97,0 18.9,6.72 6.93,6.72 6.93,18.48 0,12.285 -6.72,19.74 -7.14,7.875 -19.215,7.875 z m 0.735,-48.09 q -5.88,0 -8.505,6.51 -2.205,5.565 -2.205,15.96 0,8.19 1.47,12.915 2.415,7.98 8.505,7.98 5.565,0 8.19,-7.875 2.205,-6.51 2.205,-16.695 0,-8.505 -2.1,-13.23 -2.52,-5.565 -7.56,-5.565 z" }),
-        react_1.default.createElement("path", { d: "m 222.03563,-50.4 10.5,36.015 q 3.675,-11.235 5.67,-17.85 2.415,-8.085 5.04,-18.165 1.05,0.105 3.045,0.315 2.1,0.21 2.835,0.21 1.995,0 3.15,-0.105 1.26,-0.21 2.73,-0.42 l 10.71,36.015 q 5.88,-17.43 10.71,-36.015 l 4.2,0.315 4.095,-0.315 q -5.145,13.125 -9.135,24.57 -5.04,14.28 -8.505,26.355 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.205,-0.105 -1.89,0 -3.36,0.21 -1.365,0.21 -2.31,0.315 l -10.605,-34.755 q -4.41,13.65 -6.72,21.105 -2.31,7.35 -4.095,13.65 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.31,-0.105 -1.995,0 -3.465,0.21 -1.365,0.21 -2.31,0.315 -3.78,-12.81 -5.04,-17.01 -2.205,-7.245 -5.46,-17.01 -2.835,-8.4 -5.88,-16.905 1.575,0 4.305,0.315 2.73,0.21 3.36,0.21 1.47,0 4.305,-0.21 2.835,-0.315 3.465,-0.315 z" }),
-        react_1.default.createElement("path", { d: "m 292.84172,-12.81 h 2.625 q 1.47,4.095 4.62,6.51 3.15,2.415 7.35,2.415 2.94,0 5.46,-1.785 2.625,-1.89 2.625,-4.62 0,-3.885 -6.195,-6.615 -10.395,-4.62 -11.655,-5.46 -6.405,-4.515 -6.405,-12.285 0,-7.77 5.25,-12.18 5.25,-4.515 12.81,-4.515 3.99,0 8.085,1.365 4.095,1.26 7.14,3.57 l -2.52,9.24 h -2.94 q -0.63,-3.57 -3.57,-6.195 -2.835,-2.625 -6.405,-2.625 -3.15,0 -5.46,1.575 -2.31,1.47 -2.31,4.515 0,3.885 6.405,6.51 10.185,4.095 11.865,5.25 6.405,4.41 6.405,12.81 0,7.455 -5.46,12.18 -5.355,4.62 -14.805,4.62 -8.19,0 -14.49,-4.305 z" }),
-        react_1.default.createElement("path", { d: "m 349.61228,-29.925 h 15.54 q 0,-6.51 -1.05,-10.395 -1.68,-6.3 -5.88,-6.3 -5.04,0 -7.14,6.195 -1.47,4.305 -1.47,10.5 z m 30.03,5.04 h -30.03 q 0,9.135 3.045,13.86 3.57,5.67 11.55,5.67 3.255,0 6.405,-1.26 3.15,-1.26 5.88,-3.465 l 1.26,0.945 -2.31,5.88 q -6.72,4.725 -15.015,4.725 -12.915,0 -19.635,-7.245 -6.72,-7.245 -6.72,-20.37 0,-11.235 6.405,-18.165 6.51,-7.035 17.64,-7.035 11.655,0 16.905,7.56 4.62,6.615 4.62,18.9 z" })));
+    return ((0, jsx_runtime_1.jsxs)("g", { "aria-label": "JBrowse", transform: "translate(213.084 144.241)", style: { fill: colors.midnight }, children: [(0, jsx_runtime_1.jsx)("path", { d: "m 26.355,-71.505 v 54.075 2.835 q 0,6.825 -0.42,10.185 -0.735,5.67 -2.835,9.135 -3.255,5.355 -8.505,8.4 -4.83,2.73 -11.55,3.57 L 1.47,11.76 Q 7.35,10.185 9.24,4.2 10.605,-0.105 10.605,-9.975 v -5.565 -55.965 q 1.785,0 4.62,0.315 2.835,0.21 3.255,0.21 1.785,0 2.94,-0.105 4.515,-0.42 4.935,-0.42 z" }), (0, jsx_runtime_1.jsx)("path", { d: "m 60.68836,-65.415 v 24.78 h 3.255 q 2.94,0 4.935,-0.525 2.1,-0.525 3.885,-2.1 2.31,-1.995 3.36,-4.83 1.155,-2.835 1.155,-6.09 0,-5.565 -2.94,-8.61 -2.94,-3.045 -8.295,-3.045 -2.52,0 -5.355,0.42 z m 0,30.87 V -6.09 h 5.25 q 4.725,0 8.505,-3.675 3.885,-3.78 3.885,-10.08 0,-8.19 -4.62,-11.655 -4.095,-3.045 -13.02,-3.045 z M 44.93836,0 v -71.505 h 27.09 q 9.135,0 14.385,3.255 6.51,3.99 6.51,12.6 0,7.035 -5.25,11.655 -4.62,4.095 -11.97,5.145 v 0.945 q 7.56,0.735 12.285,3.99 6.615,4.62 6.615,13.335 0,10.185 -7.98,15.75 -6.93,4.83 -17.43,4.83 z" }), (0, jsx_runtime_1.jsx)("path", { d: "M 109.44281,0.525 V -50.4 q 1.785,0.21 3.99,0.42 2.31,0.105 3.255,0.105 2.31,0 4.2,-0.21 1.89,-0.21 3.045,-0.315 v 13.02 q 1.89,-6.51 5.46,-9.87 4.41,-4.095 11.655,-4.095 -0.315,2.73 -0.42,6.825 -0.105,3.99 -0.105,7.455 l -0.945,0.84 q -0.945,-0.735 -2.415,-1.05 -1.47,-0.315 -2.94,-0.315 -3.57,0 -6.195,1.89 -2.52,1.785 -3.465,5.04 -0.42,1.155 -0.525,3.15 -0.105,1.89 -0.105,4.515 v 4.515 19.005 q -1.785,-0.21 -2.625,-0.21 -3.675,-0.315 -4.62,-0.315 -2.31,0 -4.2,0.21 -1.89,0.21 -3.045,0.315 z" }), (0, jsx_runtime_1.jsx)("path", { d: "m 173.77337,1.47 q -11.655,0 -18.585,-6.825 -6.93,-6.825 -6.93,-18.48 0,-12.6 6.72,-20.055 6.825,-7.455 18.9,-7.455 11.97,0 18.9,6.72 6.93,6.72 6.93,18.48 0,12.285 -6.72,19.74 -7.14,7.875 -19.215,7.875 z m 0.735,-48.09 q -5.88,0 -8.505,6.51 -2.205,5.565 -2.205,15.96 0,8.19 1.47,12.915 2.415,7.98 8.505,7.98 5.565,0 8.19,-7.875 2.205,-6.51 2.205,-16.695 0,-8.505 -2.1,-13.23 -2.52,-5.565 -7.56,-5.565 z" }), (0, jsx_runtime_1.jsx)("path", { d: "m 222.03563,-50.4 10.5,36.015 q 3.675,-11.235 5.67,-17.85 2.415,-8.085 5.04,-18.165 1.05,0.105 3.045,0.315 2.1,0.21 2.835,0.21 1.995,0 3.15,-0.105 1.26,-0.21 2.73,-0.42 l 10.71,36.015 q 5.88,-17.43 10.71,-36.015 l 4.2,0.315 4.095,-0.315 q -5.145,13.125 -9.135,24.57 -5.04,14.28 -8.505,26.355 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.205,-0.105 -1.89,0 -3.36,0.21 -1.365,0.21 -2.31,0.315 l -10.605,-34.755 q -4.41,13.65 -6.72,21.105 -2.31,7.35 -4.095,13.65 -1.89,-0.21 -3.36,-0.42 -1.365,-0.105 -2.31,-0.105 -1.995,0 -3.465,0.21 -1.365,0.21 -2.31,0.315 -3.78,-12.81 -5.04,-17.01 -2.205,-7.245 -5.46,-17.01 -2.835,-8.4 -5.88,-16.905 1.575,0 4.305,0.315 2.73,0.21 3.36,0.21 1.47,0 4.305,-0.21 2.835,-0.315 3.465,-0.315 z" }), (0, jsx_runtime_1.jsx)("path", { d: "m 292.84172,-12.81 h 2.625 q 1.47,4.095 4.62,6.51 3.15,2.415 7.35,2.415 2.94,0 5.46,-1.785 2.625,-1.89 2.625,-4.62 0,-3.885 -6.195,-6.615 -10.395,-4.62 -11.655,-5.46 -6.405,-4.515 -6.405,-12.285 0,-7.77 5.25,-12.18 5.25,-4.515 12.81,-4.515 3.99,0 8.085,1.365 4.095,1.26 7.14,3.57 l -2.52,9.24 h -2.94 q -0.63,-3.57 -3.57,-6.195 -2.835,-2.625 -6.405,-2.625 -3.15,0 -5.46,1.575 -2.31,1.47 -2.31,4.515 0,3.885 6.405,6.51 10.185,4.095 11.865,5.25 6.405,4.41 6.405,12.81 0,7.455 -5.46,12.18 -5.355,4.62 -14.805,4.62 -8.19,0 -14.49,-4.305 z" }), (0, jsx_runtime_1.jsx)("path", { d: "m 349.61228,-29.925 h 15.54 q 0,-6.51 -1.05,-10.395 -1.68,-6.3 -5.88,-6.3 -5.04,0 -7.14,6.195 -1.47,4.305 -1.47,10.5 z m 30.03,5.04 h -30.03 q 0,9.135 3.045,13.86 3.57,5.67 11.55,5.67 3.255,0 6.405,-1.26 3.15,-1.26 5.88,-3.465 l 1.26,0.945 -2.31,5.88 q -6.72,4.725 -15.015,4.725 -12.915,0 -19.635,-7.245 -6.72,-7.245 -6.72,-20.37 0,-11.235 6.405,-18.165 6.51,-7.035 17.64,-7.035 11.655,0 16.905,7.56 4.62,6.615 4.62,18.9 z" })] }));
 }

package/ui/Menu.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { PopoverProps, SvgIconProps } from '@mui/material';
 interface MenuItemEndDecorationSubMenuProps {
     type: 'subMenu';
@@ -9,7 +8,7 @@ interface MenuItemEndDecorationSelectorProps {
     disabled?: boolean;
 }
 type MenuItemEndDecorationProps = MenuItemEndDecorationSubMenuProps | MenuItemEndDecorationSelectorProps;
-export declare function MenuItemEndDecoration(props: MenuItemEndDecorationProps): React.JSX.Element;
+export declare function MenuItemEndDecoration(props: MenuItemEndDecorationProps): import("react/jsx-runtime").JSX.Element;
 export interface MenuDivider {
     priority?: number;
     type: 'divider';
@@ -50,5 +49,5 @@ interface MenuProps extends PopoverProps {
     menuItems: MenuItem[];
     onMenuItemClick: (event: React.MouseEvent<HTMLLIElement>, callback: (...args: any[]) => void) => void;
 }
-declare function Menu(props: MenuProps): React.JSX.Element;
+declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
 export default Menu;