@arcblock/ux 2.10.24 → 2.10.26

package/lib/PageScroller/story/FullPage.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/control-has-associated-label */
 import { useState } from 'react';
 import Button from '../../Button';
@@ -8,7 +9,6 @@ import ThirdComponent from './ThirdComponent';
 import FourthComponent from './FourthComponent';
 import FifthComponent from './FifthComponent';
 import './index.css';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function FullPage() {
   const [current, setCurrent] = useState(0);
   const pageNumbers = [];

package/lib/PageScroller/story/PageContain.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/control-has-associated-label */
 import { useState } from 'react';
 import Button from '../../Button';
@@ -8,7 +9,6 @@ import ThirdComponent from './ThirdComponent';
 import FourthComponent from './FourthComponent';
 import FifthComponent from './FifthComponent';
 import './index.css';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function FullPage() {
   const [current, setCurrent] = useState(0);
   const pageNumbers = [];

package/lib/Passport/passport.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import upperFirst from 'lodash/upperFirst';
 import { Box } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import RevokeIcon from '@arcblock/icons/lib/RevokeIcon';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Passport({
   passport,
   user,

package/lib/PoweredByArcBlock/index.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Link, Typography } from '@mui/material';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function PoweredByArcBlock({
   linkProps,
   ...props

package/lib/PricingTable/PricingPlan.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Card from '@mui/material/Card';
 import Button from '@mui/material/Button';
 import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PricingPlan({
   plan
 }) {

package/lib/PricingTable/index.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Grid from '@mui/material/Grid';
 import PricingPlan from './PricingPlan';
 import { styled } from '../Theme';
 import { withDeprecated } from '../Util/deprecate';
-import { jsx as _jsx } from "react/jsx-runtime";
 function PricingTable({
   plans
 }) {

package/lib/QRCode/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import QRCodeStyling from '@solana/qr-code-styling';
 import { Box } from '@mui/material';
-import { jsx as _jsx } from "react/jsx-runtime";
 const defaults = {
   margin: 0,
   dotsOptions: {

package/lib/RelativeTime/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import dayjs from 'dayjs';
@@ -8,7 +9,6 @@ import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
 import updateLocale from 'dayjs/plugin/updateLocale';
 import { formatToDatetime, setDateTool } from '../Util';
-import { jsx as _jsx } from "react/jsx-runtime";
 dayjs.extend(localizedFormat);
 dayjs.extend(utc);
 dayjs.extend(timezone);

package/lib/Result/common.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/prop-types */
 /* eslint-disable no-param-reassign */
 import InfoIcon from '@mui/icons-material/Info';
@@ -8,7 +9,6 @@ import { useLocaleContext } from '../Locale/context';
 import { useTheme } from '../Theme';
 
 // 优先使用显式指定的 locale, 再尝试使用 context 中的 locale, 最后使用默认 'en'
-import { jsx as _jsx } from "react/jsx-runtime";
 const useLocale = locale => {
   locale = ['zh', 'en'].includes(locale) ? locale : '';
   const {

package/lib/Result/index.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Result from './result';
 import * as common from './common';
-import { jsx as _jsx } from "react/jsx-runtime";
 const componentsKeyByStatus = Object.keys(common).reduce((acc, cur) => ({
   ...acc,
   [common[cur].status || cur]: common[cur]

package/lib/Result/result.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/Box';
 import { styled } from '../Theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Result({
   icon,
   title,

package/lib/Screenshot/BaseScreenshot/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@arcblock/ux/lib/Theme';
 import PropTypes from 'prop-types';
 import phone from './shells/Phone';
 import macbook from './shells/Macbook';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const map = {
   phone,
   macbook

package/lib/Screenshot/index.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement, Children, cloneElement, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { mergeProps } from '../Util';
 import { styled } from '../Theme';
 import BaseScreenshot from './BaseScreenshot';
 import './devices.css';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const types = {
   'iphone-x': {
     borderRadius: 32,

package/lib/SessionBlocklet/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Box, ClickAwayListener, Fade, IconButton, List, ListItem, ListItemButton, Paper, Popper, Typography } from '@mui/material';
@@ -10,7 +11,6 @@ import { temp as colors } from '../Colors';
 import { AUTH_SERVICE_PREFIX, NAVIGATION_URL } from '../Util/constant';
 import SessionPermission from '../SessionPermission';
 import { getTranslation } from '../Util';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function SessionBlocklet({
   session,
   locale,

package/lib/SessionUser/components/logged-in.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { useRef } from 'react';
 import { useMemoizedFn, useReactive } from 'ahooks';
@@ -15,7 +16,6 @@ import { DASHBOARD_URL, PROFILE_URL } from '../../Util/constant';
 import SessionPermission from '../../SessionPermission';
 import { translations } from '../libs/translation';
 import { translate } from '../../Locale/util';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function LoggedIn({
   session,
   dark,

package/lib/SessionUser/components/session-user-item.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { forwardRef } from 'react';
 import { Box, IconButton, Tooltip, Typography } from '@mui/material';
@@ -8,7 +9,6 @@ import Avatar from '../../Avatar';
 import DID from '../../DID';
 import { temp as colors } from '../../Colors';
 import { getSourceProvider } from '../libs/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SessionUserItem = /*#__PURE__*/forwardRef(({
   sessionItem,
   statusContent,

package/lib/SessionUser/components/session-user-switch.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, ClickAwayListener, Divider, Fade, LinearProgress, MenuItem, MenuList, Paper, Popper } from '@mui/material';
 import { useRef } from 'react';
@@ -12,7 +13,6 @@ import { temp as colors } from '../../Colors';
 import { getVisitorId } from '../../Util';
 import { translate } from '../../Locale/util';
 import { translations } from '../libs/translation';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function SessionUserSwitch({
   session,
   onSwitch,

package/lib/SessionUser/components/un-login.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Box, CircularProgress, IconButton } from '@mui/material';
 import { Icon } from '@iconify/react';
@@ -5,7 +6,6 @@ import PersonOutlineRoundedIcon from 'iconify-icons-material-symbols-400/person-
 import { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import noop from 'lodash/noop';
-import { jsx as _jsx } from "react/jsx-runtime";
 export default function UnLogin({
   session,
   onLogin,

package/lib/SessionUser/components/user-info.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Box, Chip, Typography } from '@mui/material';
 import { Icon } from '@iconify/react';
@@ -12,7 +13,6 @@ import { temp as colors } from '../../Colors';
 import { getWallet } from '../libs/utils';
 import { translations } from '../libs/translation';
 import { translate } from '../../Locale/util';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function UserInfo({
   session,
   onSwitchPassport,

package/lib/SessionUser/index.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import noop from 'lodash/noop';
 import { useCreation } from 'ahooks';
 import LoggedIn from './components/logged-in';
 import UnLogin from './components/un-login';
-import { jsx as _jsx } from "react/jsx-runtime";
 export default function SessionUser({
   session,
   onBindWallet,

package/lib/Spinner/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import CircularProgress from '@mui/material/CircularProgress';
 import { withDeprecated } from '../Util/deprecate';
 
@@ -9,7 +10,6 @@ import { withDeprecated } from '../Util/deprecate';
  * - 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容
  * - color 默认使用 #4598fa, 如果调用方传入了 color prop 或 style#color, 则默认 color 被覆盖
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 function Spinner(props) {
   const _props = {
     ...props

package/lib/SplitButton/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, isValidElement, createElement as _createElement } from 'react';
 import PropTypes from 'prop-types';
 import ExpandMore from '@mui/icons-material/ExpandMore';
@@ -12,13 +13,12 @@ import noop from 'lodash/noop';
 import { styled } from '../Theme';
 
 /**
+ * @typedef {import('@mui/material').MenuItem} MenuItem
+ * @typedef {import('@mui/material').MenuItemProps} MenuItemProps
  * SplitButton 组件 Props
  * @typedef {{
- *  size?: 'small' | 'medium' | 'large';
- *  color?: 'primary' | 'secondary' | 'inherit';
- *  menu?: Array<import('@mui/material').MenuItem> | import('@mui/material').MenuItem;
+ *  menu?: React.ReactElement<MenuItemProps, MenuItem>[] | React.ReactElement<MenuItemProps, MenuItem>;
  *  children?: JSX.Element | (() => JSX.Element);
- *  variant?: 'outlined' | 'contained';
  *  onClick?: () => void;
  *  menuButtonProps?: import('@mui/material').ButtonProps;
  * } & import('@mui/material').ButtonGroupProps } SplitButtonProps
@@ -30,7 +30,6 @@ import { styled } from '../Theme';
  * @param {SplitButtonProps} props
  * @return {JSX.Element}
  */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function SplitButton(props) {
   const {
     size,
@@ -101,8 +100,8 @@ export default function SplitButton(props) {
   });
 }
 SplitButton.propTypes = {
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  color: PropTypes.oneOf(['primary', 'secondary', 'inherit']),
+  size: PropTypes.string,
+  color: PropTypes.string,
   menu: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
   // 也可以是用于渲染主按钮的 function
   children: PropTypes.node,
@@ -119,8 +118,9 @@ SplitButton.defaultProps = {
   onClick: noop,
   menuButtonProps: {}
 };
+
 /**
- * @type {import('@mui/material').MenuItem}
+ * @type {MenuItem}
  */
 SplitButton.Item = MenuItem;
 const StyledButtonGroup = styled(ButtonGroup)`

package/lib/Success/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';
 
 // FIXME: @zhanghan 目前无法适配各种 size，后续优化
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Success({
   size,
   backgroundColor,

package/lib/Switch/index.d.ts

@@ -0,0 +1,31 @@
+export default Switch;
+/**
+ * Switch 组件 Props
+ */
+export type SwitchProps = {
+    labelProps?: import("@mui/material").FormControlLabelProps;
+} & import("@mui/material").SwitchProps;
+/**
+ * Switch 组件 Props
+ * @typedef {{
+ *  labelProps?: import('@mui/material').FormControlLabelProps;
+ * } & import('@mui/material').SwitchProps } SwitchProps
+ */
+/**
+ * 抽取 blocklet server 中使用的 iOS 风格的 Switch,
+ * 该组件把 FormControlLabel 和 MuiSwitch 组合在一起,
+ * 兼容 mui Switch props, 使用 labelProps 控制 FormControlLabel
+ * @param {SwitchProps} props
+ * @returns {JSX.Element}
+ */
+declare function Switch({ labelProps, ...rest }: SwitchProps): JSX.Element;
+declare namespace Switch {
+    namespace propTypes {
+        let labelProps: PropTypes.Requireable<object>;
+    }
+    namespace defaultProps {
+        let labelProps_1: any;
+        export { labelProps_1 as labelProps };
+    }
+}
+import PropTypes from 'prop-types';

package/lib/Switch/index.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import MuiSwitch from '@mui/material/Switch';
 import { styled } from '../Theme';
 
 // 参考: https://mui.com/material-ui/react-switch/#customization
-import { jsx as _jsx } from "react/jsx-runtime";
 const IOSSwitch = styled(props => /*#__PURE__*/_jsx(MuiSwitch, {
   focusVisibleClassName: ".Mui-focusVisible",
   disableRipple: true,

package/lib/Tabs/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Tabs as MuiTabs, Tab as MuiTab } from '@mui/material';
 import { temp as colors } from '../Colors';
 import { styled } from '../Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
 const PREFIX = 'index';
 const classes = {
   tabs: `${PREFIX}-tabs`,

package/lib/Tag/index.d.ts

@@ -0,0 +1,14 @@
+export default TagComponent;
+export type TypographyProps = import("@mui/material/Typography").TypographyProps;
+export type TagOwnProps = {
+    type?: "error" | "warning" | "success" | "primary" | "reverse";
+    content?: string;
+    className?: string;
+    children: import("react").ReactNode;
+    style?: import("react").CSSProperties;
+};
+export type TagProps = TypographyProps & TagOwnProps;
+/**
+ * @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>}
+ */
+declare const TagComponent: React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>;

package/lib/Tag/index.js

@@ -1,10 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import { mergeProps } from '../Util';
 import colors from '../Colors';
 import { useTheme, styled } from '../Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
 const types = {
   error: {
     color: colors.common.white,
@@ -29,13 +29,15 @@ const types = {
 };
 
 /**
+ * @typedef {import('@mui/material/Typography').TypographyProps} TypographyProps
  * @typedef {{
- *  type: 'error' | 'warning' | 'success' | 'primary' | 'reverse',
- *  content: string,
- *  className: string;
+ *  type?: 'error' | 'warning' | 'success' | 'primary' | 'reverse',
+ *  content?: string,
+ *  className?: string;
  *  children: import('react').ReactNode,
- *  style: import('react').CSSProperties
- * }} TagProps
+ *  style?: import('react').CSSProperties
+ * }} TagOwnProps
+ * @typedef { TypographyProps & TagOwnProps} TagProps
  */
 
 /**
@@ -87,7 +89,9 @@ Tag.defaultProps = {
   style: {}
 };
 
-/** @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>} */
+/**
+ * @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>}
+ */
 const TagComponent = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Tag, {
   ...props,
   forwardedRef: ref

package/lib/TextCollapse/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import { styled } from '../Theme';
 import { withDeprecated } from '../Util/deprecate';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function TextCollapse({
   children,
   startChars,

package/lib/Theme/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./theme";
+export { default as ThemeProvider } from "./theme-provider";
+export { useTheme };
+/**
+ * @typedef {import('@mui/material/styles').Theme} Theme
+ * @typedef {import('@mui/material/styles').CreateMUIStyled<Theme>} Styled
+ */
+/**
+ * @type {Styled}
+ */
+export const styled: Styled;
+export type Theme = import("@mui/material/styles").Theme;
+export type Styled = import("@mui/material/styles").CreateMUIStyled<Theme>;
+import { useTheme } from '@mui/material/styles';

package/lib/Theme/index.js

@@ -3,6 +3,15 @@ export * from './theme';
 export { default as ThemeProvider } from './theme-provider';
 export { useTheme };
 const isTransientProp = prop => prop.startsWith('$');
+
+/**
+ * @typedef {import('@mui/material/styles').Theme} Theme
+ * @typedef {import('@mui/material/styles').CreateMUIStyled<Theme>} Styled
+ */
+
+/**
+ * @type {Styled}
+ */
 export const styled = (component, options = {}) => {
   return muiStyled(component, {
     ...options,

package/lib/Theme/theme-provider.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 默认的 theme provider, 可以为 webapp/blocklet 快捷的配置好 mui theme provider
+ */
+declare function ThemeProvider({ children, theme, injectFirst }: {
+    children: any;
+    theme: any;
+    injectFirst: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare namespace ThemeProvider {
+    namespace propTypes {
+        let children: PropTypes.Requireable<any>;
+        let theme: PropTypes.Requireable<any>;
+        let injectFirst: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let children_1: any;
+        export { children_1 as children };
+        export { defaultTheme as theme };
+        let injectFirst_1: boolean;
+        export { injectFirst_1 as injectFirst };
+    }
+}
+export default ThemeProvider;
+import PropTypes from 'prop-types';
+declare const defaultTheme: import("@mui/material/styles").Theme;

package/lib/Theme/theme-provider.js

@@ -1,9 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import StyledEngineProvider from '@mui/material/StyledEngineProvider';
 import CssBaseline from '@mui/material/CssBaseline';
 import { createTheme } from './theme';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultTheme = createTheme();
 
 /**

package/lib/Theme/theme.d.ts

@@ -0,0 +1,17 @@
+export function create({ mode, pageWidth, palette, typography, overrides, ...rest }?: {
+    mode?: string;
+    pageWidth?: string;
+    palette?: import("@mui/material/styles").PaletteOptions;
+    typography?: TypographyVariantsOptions;
+    overrides?: Components<Omit<Theme, "components">>;
+}): Theme;
+export function createTheme({ mode, pageWidth, palette, typography, overrides, ...rest }?: {
+    mode?: string;
+    pageWidth?: string;
+    palette?: import("@mui/material/styles").PaletteOptions;
+    typography?: TypographyVariantsOptions;
+    overrides?: Components<Omit<Theme, "components">>;
+}): Theme;
+export type Theme = import("@mui/material/styles").Theme;
+export type TypographyVariantsOptions = import("@mui/material/styles").TypographyVariantsOptions;
+export type Components = import("@mui/material/styles").Components;

package/lib/Theme/theme.js

@@ -10,6 +10,13 @@ import '@fontsource/inter/latin-ext-400.css';
 import '@fontsource/inter/latin-ext-500.css';
 import '@fontsource/inter/latin-ext-700.css';
 import colors from '../Colors';
+
+/**
+ * @typedef {import('@mui/material/styles').Theme} Theme
+ * @typedef {import('@mui/material/styles').TypographyVariantsOptions} TypographyVariantsOptions
+ * @typedef {import('@mui/material/styles').Components} Components
+ */
+
 const muiDarkTheme = _createTheme({
   palette: {
     mode: 'dark'
@@ -17,13 +24,24 @@ const muiDarkTheme = _createTheme({
 });
 
 // https://material-ui.com/customization/default-theme/
-// eslint-disable-next-line import/prefer-default-export
+/**
+ * @description
+ * @export
+ * @param {{
+ *  mode?: string,
+ *  pageWidth?: string,
+ *  palette?: import('@mui/material/styles').PaletteOptions,
+ *  typography?: TypographyVariantsOptions,
+ *  overrides?: Components<Omit<Theme, 'components'>>,
+ * }} options
+ * @return {Theme}
+ */
 export const create = ({
   mode = 'light',
   pageWidth = 'md',
   palette,
   typography,
-  overrides,
+  overrides = {},
   ...rest
 } = {}) => {
   // palette 考虑 light & dark mode, dark mode 需要持续完善
@@ -62,7 +80,7 @@ export const create = ({
       button: {
         fontWeight: 700
       }
-    }, typography || {}),
+    }, typography),
     components: {
       MuiButton: {
         styleOverrides: {

package/lib/Toast/index.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    let success: EnqueueSnackbarFunc;
+    let error: EnqueueSnackbarFunc;
+    let warning: EnqueueSnackbarFunc;
+    let info: EnqueueSnackbarFunc;
+}
+export default _default;
+export type EnqueueSnackbarFunc = (message: import("notistack").SnackbarMessage, options?: import("notistack").OptionsObject, ...args: any[]) => import("notistack").SnackbarKey;
+export function ToastProvider({ children }: {
+    children: any;
+}): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/lib/Toast/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createRef } from 'react';
 import { SnackbarProvider, useSnackbar } from 'notistack';
 import IconButton from '@mui/material/IconButton';
@@ -13,7 +14,7 @@ import noop from 'lodash/noop';
 /**
  * @type {import('notistack').ProviderContext['enqueueSnackbar']}
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
 let success = noop;
 let error = noop;
 let warning = noop;

package/lib/Typography/index.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTyps from 'prop-types';
 import { Box, Typography as MuiTypography, Skeleton } from '@mui/material';
 import { useCreation, useReactive, useSize } from 'ahooks';
 import { useEffect, useRef } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Typography({
   minFontSize,
   fontSize,