@arcblock/ux 2.10.23 → 2.10.25

package/lib/Dialog/dialog.js

@@ -1,17 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import CloseIcon from '@mui/icons-material/Close';
 import { Typography, Dialog as MuiDialog, DialogContent as MuiDialogContent, DialogActions, IconButton, useMediaQuery, Box } from '@mui/material';
 import { styled, useTheme } from '../Theme';
 
 /**
-  @typedef {import('@mui/material').PaperProps & {
-    minWidth: number | string,
-    minHeight: number | string,
-  }} PaperStyle
-*/
+ * @typedef {import('@mui/material').DialogProps} MuiDialogProps
+ * @typedef {import('@mui/material').PaperProps & {
+ *   minWidth?: number | string,
+ *   minHeight?: number | string,
+ * }} PaperStyle
+ */
 
 /**
-  @typedef {Object} DialogProps
+  @typedef  {Object} UxDialogProps
   @property {React.ReactNode} children - The content of the dialog.
   @property {React.ReactNode} [title] - The title of the dialog.
   @property {React.ReactNode} [prepend] - Content to be displayed before the dialog title.
@@ -23,6 +25,10 @@ import { styled, useTheme } from '../Theme';
   @property {(event: React.SyntheticEvent, reason: string) => void} [onClose] - Callback function fired when the dialog is closed.
 */
 
+/**
+ * @typedef {MuiDialogProps & UxDialogProps} DialogProps
+ */
+
 /**
  * Dialog
  *
@@ -35,7 +41,6 @@ import { styled, useTheme } from '../Theme';
  * @param {DialogProps} props
  * @return {React.ReactComponentElement<any, DialogProps>}
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Dialog({
   children,
   title,

package/lib/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./dialog";
+export { default as Confirm } from "./confirm";
+export { default as useConfirm } from "./use-confirm";

package/lib/Dialog/use-confirm.d.ts

@@ -0,0 +1,8 @@
+export default function useConfirm(props?: {}): {
+    confirmHolder: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    confirmApi: {
+        open: import("./types").OpenConfirm;
+        close: import("./types").CloseConfirm;
+        update: import("./types").UpdateConfirm;
+    };
+};

package/lib/Dialog/use-confirm.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import { useMemoizedFn, useReactive } from 'ahooks';
 import noop from 'lodash/noop';
 import Confirm from './confirm';
-import { jsx as _jsx } from "react/jsx-runtime";
 const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
   // HACK: 这里默认值不使用 null，来避免开发环境中的字段必填警告
   // HACK: useReactive 无法存储 react-node，所以只能使用 useState

package/lib/DidLogo/index.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import DidLogoIcon from '@arcblock/icons/lib/DidLogo';
-import { jsx as _jsx } from "react/jsx-runtime";
 const defaultStyle = {
   width: 'auto',
   height: '1em',

package/lib/Earth/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable consistent-return */
 import { useReducer, useRef, useEffect } from 'react';
 import useSpring from 'react-use/lib/useSpring';
@@ -9,7 +10,6 @@ import json from './countries.json';
 import util from './util';
 import { withDeprecated } from '../Util/deprecate';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const geoJson = topojson.feature(json, json.objects.ne_110m_admin_0_countries);
 const themes = {
   light: {

package/lib/Empty/index.d.ts

@@ -0,0 +1,39 @@
+export default Empty;
+/**
+ * Empty component to display empty state
+ */
+export type EmptyProps = {
+    color?: string;
+    size?: number;
+    children?: import("react").ReactNode;
+} & import("react").ComponentPropsWithoutRef<"div">;
+/**
+ * Empty component to display empty state
+ * @typedef {{
+ *   color?: string;
+ *   size?: number;
+ *   children?: import('react').ReactNode;
+ * } & import('react').ComponentPropsWithoutRef<"div"> } EmptyProps
+ */
+/**
+ * Empty state component
+ * @param {EmptyProps} props
+ * @returns {JSX.Element}
+ */
+declare function Empty({ color, size, children, ...rest }: EmptyProps): JSX.Element;
+declare namespace Empty {
+    namespace propTypes {
+        let color: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<number>;
+        let children: PropTypes.Requireable<any>;
+    }
+    namespace defaultProps {
+        let color_1: string;
+        export { color_1 as color };
+        let size_1: number;
+        export { size_1 as size };
+        let children_1: any;
+        export { children_1 as children };
+    }
+}
+import PropTypes from 'prop-types';

package/lib/Empty/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Box } from '@mui/material';
 import EmptyIcon from '@arcblock/icons/lib/EmptyIcon';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Wrapper = styled(Box)`
   display: flex;
   justify-content: center;

package/lib/ErrorBoundary/fallback.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { red } from '@mui/material/colors';
 import Button from '../Button';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function InternalErrorFallback({
   title,
   desc,

package/lib/Footer/index.js

@@ -1,3 +1,4 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/no-unused-prop-types */
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
@@ -6,7 +7,6 @@ import Box from '@mui/material/Box';
 import { mergeProps } from '../Util';
 import Logo from '../Logo';
 import { styled } from '../Theme';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 export default function Footer(props) {
   const newProps = mergeProps(props, Footer, ['dark', 'style']);
   const {

package/lib/Header/auto-hidden.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Box from '@mui/material/Box';
 import { styled } from '../Theme';
@@ -5,7 +6,6 @@ import { styled } from '../Theme';
 /**
  * 一个容器组件, 当子元素 width 超出该容器时自动隐藏子元素, 必须设置明确的 height 值
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 function AutoHidden({
   height,
   ...rest

package/lib/Header/header.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Box, Container } from '@mui/material';
 import { useRef, useState, useEffect } from 'react';
@@ -8,7 +9,6 @@ import { styled } from '../Theme';
  * Header 组件
  * TODO: Layout/dashboard 可以复用此处的 header
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Header({
   logo,
   brand,

package/lib/Header/responsive-header.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useCreation, useReactive } from 'ahooks';
@@ -17,7 +18,6 @@ import { styled, useTheme } from '../Theme';
  *
  * 注意: 暂时不要通过 display: none 隐藏 logo, https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ResponsiveHeader({
   menu,
   prepend,

package/lib/Icon/image.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Img from '../Img';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ImageIcon({
   name,
   size,

package/lib/Icon/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export default _default;

package/lib/Icon/index.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import colors from '../Colors';
 import { styled } from '../Theme';
 import { withDeprecated } from '../Util/deprecate';
-import { jsx as _jsx } from "react/jsx-runtime";
 const variants = {
   light: 'fal',
   regular: 'far',

package/lib/Img/index.d.ts

@@ -0,0 +1,77 @@
+export default Img;
+export type ImgExProps = {
+    /**
+     * - required
+     */
+    src: string;
+    alt?: string;
+    size?: string;
+    position?: string;
+    style?: object;
+    ratio?: number;
+    repeat?: string;
+    width?: number;
+    height?: number;
+    lazy?: boolean;
+    placeholder?: string;
+    fallback?: string;
+    className?: string;
+    onError?: Function;
+    onSuccess?: Function;
+};
+export type ImgProps = ImgExProps & import("react").ComponentPropsWithoutRef<"div">;
+/**
+ *
+ * @param {ImgProps} props
+ * @returns {React.ReactComponentElement}
+ */
+declare function Img({ lazy, width, height, repeat, ratio, alt, size, position, src, placeholder, fallback, style, className, onError, onSuccess, ...rest }: ImgProps): import("react").ReactComponentElement<any, Pick<any, string | number | symbol>>;
+declare namespace Img {
+    namespace propTypes {
+        let src: PropTypes.Validator<string>;
+        let alt: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<string>;
+        let position: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+        let ratio: PropTypes.Requireable<number>;
+        let repeat: PropTypes.Requireable<string>;
+        let width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let lazy: PropTypes.Requireable<boolean>;
+        let placeholder: PropTypes.Requireable<string>;
+        let fallback: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let onError: PropTypes.Requireable<(...args: any[]) => any>;
+        let onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let alt_1: any;
+        export { alt_1 as alt };
+        let size_1: string;
+        export { size_1 as size };
+        let position_1: string;
+        export { position_1 as position };
+        let repeat_1: string;
+        export { repeat_1 as repeat };
+        let style_1: any;
+        export { style_1 as style };
+        let ratio_1: number;
+        export { ratio_1 as ratio };
+        let width_1: any;
+        export { width_1 as width };
+        let height_1: any;
+        export { height_1 as height };
+        let lazy_1: boolean;
+        export { lazy_1 as lazy };
+        let placeholder_1: any;
+        export { placeholder_1 as placeholder };
+        let fallback_1: any;
+        export { fallback_1 as fallback };
+        let className_1: string;
+        export { className_1 as className };
+        export { noop as onError };
+        export { noop as onSuccess };
+    }
+}
+import PropTypes from 'prop-types';
+import noop from 'lodash/noop';

package/lib/Img/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useInView } from 'react-intersection-observer';
@@ -29,7 +30,7 @@ import noop from 'lodash/noop';
 /**
  * @typedef {ImgExProps & import('react').ComponentPropsWithoutRef<"div">} ImgProps
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
 const PREFIX = 'Img';
 const classes = {
   root: `${PREFIX}-root`

package/lib/InfoRow/index.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import camelCase from 'lodash/camelCase';
 import upperFirst from 'lodash/upperFirst';
 import Typography from '@mui/material/Typography';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function InfoRow({
   name,
   nameFormatter,

package/lib/Layout/dashboard/external-link.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Link as RouterLink, NavLink as RouterNavLink } from 'react-router-dom';
 
 // 包裹 router Link/NavLink 组件, 支持 external link (external 为 true 时渲染为 a 标签)
-import { jsx as _jsx } from "react/jsx-runtime";
 function ExternalLink({
   children,
   routerLinkComponent: RouterLinkComponent,

package/lib/Layout/dashboard/full-page.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext, createContext, useMemo, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
 export const FullPageContext = /*#__PURE__*/createContext();
 export const useFullPage = initialState => {
   const ctx = useContext(FullPageContext);

package/lib/Layout/dashboard/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useLocation, matchPath } from 'react-router-dom';
@@ -20,7 +21,6 @@ import { FullPageProvider, useFullPage } from './full-page';
 // 监听 location 变化并关闭 header 中的 menu (确保 drawer - disablePortal:false, keepMounted:true)
 // 直接监听 menu 中 link 点击来触发 closeMenu 会有问题 (Suspense & lazy)
 // eslint-disable-next-line react/prop-types
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function NavMenuWrapper({
   closeMenu,
   ...rest

package/lib/Layout/dashboard/sidebar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
@@ -5,7 +6,6 @@ import { teal } from '@mui/material/colors';
 import clsx from 'clsx';
 import { styled } from '../../Theme';
 import { NavLink } from './external-link';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function renderItem(item, index) {
   if (item.children?.length) {
     // eslint-disable-next-line no-use-before-define

package/lib/Layout/dashboard-legacy/header.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Button from '@mui/material/IconButton';
 import AppBar from '@mui/material/AppBar';
@@ -9,7 +10,6 @@ import MenuIcon from '@mui/icons-material/Menu';
 import { Link } from 'react-router-dom';
 import Logo from '../../Logo';
 import { styled } from '../../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAppBar = styled(AppBar)`
   && {
     z-index: ${props => props.theme.zIndex.drawer};

package/lib/Layout/dashboard-legacy/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
@@ -9,7 +10,6 @@ import Sidebar from './sidebar';
 import Header from './header';
 import Footer from '../../Footer';
 import { styled } from '../../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Wrapper = styled('div')`
   &.dashboard {
     display: flex;

package/lib/Layout/dashboard-legacy/sidebar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import PropTypes from 'prop-types';
 import { Link, useLocation } from 'react-router-dom';
@@ -7,7 +8,6 @@ import { teal } from '@mui/material/colors';
 import ImageIcon from '../../Icon/image';
 import Logo from '../../Logo';
 import { styled, useTheme } from '../../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Sidebar({
   images,
   links,

package/lib/Layout/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
@@ -8,7 +9,6 @@ import OpenInWallet from '../Wallet/Open';
 import Icon from '../Icon';
 import Logo from '../Logo';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Layout({
   title,
   brand,

package/lib/LoadingMask/index.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Box } from '@mui/material';
 import { temp as colors } from '../Colors';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function LoadingMask({
   size,
   padding,

package/lib/Locale/context.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-prototype-builtins */
 import { createContext, useState, useEffect, useContext, useRef, useCallback } from 'react';
 import get from 'lodash/get';
@@ -6,7 +7,6 @@ import Cookie from 'js-cookie';
 import browserLang from './browser-lang';
 import { translate } from './util';
 import { getCookieOptions } from '../Util';
-import { jsx as _jsx } from "react/jsx-runtime";
 const cookieName = 'nf_lang';
 
 // 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数，LocaleSelector 要高优先级遵守这个参数

package/lib/Locale/selector.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/jsx-no-bind */
 import { useState, useContext, useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -10,7 +11,6 @@ import { getColor, getBackground } from '../Util';
 import { temp as colors } from '../Colors';
 import { LocaleContext } from './context';
 import { styled, useTheme } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function LocaleSelector(props) {
   const {
     showText,

package/lib/Logo/index.d.ts

@@ -0,0 +1,42 @@
+/**
+  @typedef {import('react').HTMLAttributes<HTMLSpanElement> & {
+    mode?: 'light' | 'dark',
+    layout?: 'vertical' | 'horizontal',
+    showText?: boolean,
+    showLogo?: boolean,
+  }} LogoProps
+*/
+/**
+ * @description
+ * @export
+ * @param {LogoProps} props
+ * @return {React.ReactComponentElement}
+ */
+declare function Logo({ showText, showLogo, mode, layout, ...rest }: LogoProps): React.ReactComponentElement<any, Pick<any, string | number | symbol>>;
+declare namespace Logo {
+    namespace propTypes {
+        let mode: PropTypes.Requireable<string>;
+        let layout: PropTypes.Requireable<string>;
+        let showText: PropTypes.Requireable<boolean>;
+        let showLogo: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let mode_1: string;
+        export { mode_1 as mode };
+        let layout_1: string;
+        export { layout_1 as layout };
+        let showText_1: boolean;
+        export { showText_1 as showText };
+        let showLogo_1: boolean;
+        export { showLogo_1 as showLogo };
+    }
+}
+export default Logo;
+export type LogoProps = import("react").HTMLAttributes<HTMLSpanElement> & {
+    mode?: "light" | "dark";
+    layout?: "vertical" | "horizontal";
+    showText?: boolean;
+    showLogo?: boolean;
+};
+import React from "react";
+import PropTypes from 'prop-types';

package/lib/Logo/index.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import PropTypes from 'prop-types';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var LightLogo = function LightLogo(props) {
   return /*#__PURE__*/_jsx("svg", {
     ...props,

package/lib/Metric/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react/no-danger */
 import PropTypes from 'prop-types';
 import ImageIcon from '../Icon/image';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Metric({
   icon,
   value,

package/lib/NFTDisplay/aspect-ratio-container.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { styled } from '../Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
 function AspectRatioContainer({
   aspect,
   children,

package/lib/NFTDisplay/broken.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import Box from '@mui/material/Box';
 import PropTypes from 'prop-types';
@@ -80,7 +81,6 @@ NFTBroken.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Broken({
   children
 } = {}) {

package/lib/NFTDisplay/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-hooks/rules-of-hooks */
 import { useRef, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -21,7 +22,6 @@ import displayApi from './displayApi';
  * - 旧: assetState.data.value (.credentialSubject.display)
  * - 新: assetState.display
  */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function getNFTData(assetState) {
   return assetState?.display || assetState?.data?.value;
 }

package/lib/NFTDisplay/loading.js

@@ -1,5 +1,5 @@
-import { styled } from '../Theme';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '../Theme';
 export default function Loading() {
   return /*#__PURE__*/_jsx(Root, {
     className: "nft-display__loading",

package/lib/NFTDisplay/svg-embedder/img.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import InlineSvgEmbedder from './inline-svg';
-import { jsx as _jsx } from "react/jsx-runtime";
 const svgToImgUrl = svg => {
   // fix: #225, https://stackoverflow.com/a/52135328)
   const blob = new Blob([svg], {

package/lib/NFTDisplay/svg-embedder/inline-svg.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import root from 'react-shadow/emotion';
 import { styled } from '../../Theme';
@@ -5,7 +6,6 @@ import { styled } from '../../Theme';
 /**
  * inline svg 的方式嵌入 svg, 使用 shadow DOM 避免样式污染
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 function InlineSvg({
   svg,
   ...rest

package/lib/NavMenu/nav-menu.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children, cloneElement, useEffect, createContext, useContext, useRef, forwardRef, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { MoreHoriz as MoreHorizIcon, ExpandMore as ExpandMoreIcon, Menu as MenuIcon } from '@mui/icons-material';
 import { useCreation, useMemoizedFn, useReactive, useSize, useThrottleFn } from 'ahooks';
 import { HorizontalStyle, InlineStyle } from './style';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const NavMenuContext = /*#__PURE__*/createContext();
 
 // 过滤 children 中的 Item/Sub, 忽略其它类型的 element

package/lib/PageScroller/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 import { Children, cloneElement, useCallback, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -6,7 +7,6 @@ import isNil from 'lodash/isNil';
 import isNull from 'lodash/isNull';
 import usePrevious from './usePrevValue';
 import { withDeprecated } from '../Util/deprecate';
-import { jsx as _jsx } from "react/jsx-runtime";
 const Events = {
   TOUCHMOVE: 'touchmove',
   KEYDOWN: 'keydown'