@arcblock/ux 3.0.6 → 3.0.7

package/lib/ActionButton/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;
 /**
  * Action button component

package/lib/ActionButton/index.js

@@ -1,13 +1,13 @@
 import { jsxs as b, jsx as w } from "react/jsx-runtime";
 import r from "prop-types";
 import i from "lodash/isUndefined";
-import x from "../Button/index.js";
-import { mergeProps as y } from "../Util/index.js";
-import { withDeprecated as v } from "../Util/deprecate.js";
-function s(d) {
+import x from "../Button";
+import { mergeProps as y } from "../Util";
+import { withDeprecated as v } from "../Util/deprecate";
+function s({ ...d }) {
   const t = Object.assign({}, d);
   i(t.gradient) && (t.gradient = ""), i(t.icon) && (t.icon = ""), i(t.text) && (t.text = ""), i(t.color) && (t.color = ""), i(t.border) && (t.border = ""), i(t.width) && (t.width = ""), i(t.theme) && (t.theme = "inherit"), i(t.variant) && (t.variant = "outlined"), i(t.size) && (t.size = "large");
-  const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: p, gradient: c, children: l, text: h, ...u } = o, e = {};
+  const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: l, gradient: c, children: p, text: h, ...u } = o, e = {};
   return c && (e.backgroundImage = c, e.borderColor = "transparent"), ["color", "border", "width"].forEach((n) => {
     o[n] && (e[n] = o[n]);
   }), /* @__PURE__ */ b(
@@ -16,14 +16,14 @@ function s(d) {
       color: g,
       href: f,
       target: "_blank",
-      variant: p,
+      variant: l,
       style: e,
       size: m,
       className: "action-button",
       ...u,
       children: [
         !!a && /* @__PURE__ */ w("i", { className: a }),
-        h || l
+        h || p
       ]
     }
   );
@@ -41,7 +41,7 @@ s.propTypes = {
   size: r.string,
   width: r.string
 };
-const T = v(s, { name: "ActionButton" });
+const q = v(s, { name: "ActionButton" });
 export {
-  T as default
+  q as default
 };

package/lib/ActivityIndicator/index.js

@@ -1,10 +1,9 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useState as f, useEffect as g } from "react";
 import i from "prop-types";
-import { green as m, blue as p } from "@mui/material/colors";
-import h from "../Logo/index.js";
-import { styled as c } from "../Theme/index.js";
-import { useTheme as x } from "@mui/material";
+import { green as m, blue as c } from "@mui/material/colors";
+import h from "../Logo";
+import { styled as p, useTheme as x } from "../Theme";
 function b({ messages: e = ["Loading data..."], interval: n = 3e3, ...s }) {
   const [r, a] = f(0), { palette: l } = x();
   return g(() => {
@@ -19,7 +18,7 @@ function b({ messages: e = ["Loading data..."], interval: n = 3e3, ...s }) {
     /* @__PURE__ */ d("div", { className: "pm-loader-atoms", children: [
       /* @__PURE__ */ t(h, { style: { transform: "scale(0.6)" }, showText: !1 }),
       /* @__PURE__ */ t(o, { size: 56, orbitColor: m[500], atomColor: m[500], duration: 1 }),
-      /* @__PURE__ */ t(o, { size: 80, orbitColor: p[800], atomColor: p[800], duration: 1.5 }),
+      /* @__PURE__ */ t(o, { size: 80, orbitColor: c[800], atomColor: c[800], duration: 1.5 }),
       /* @__PURE__ */ t(o, { size: 100, orbitColor: l.grey[900], atomColor: l.grey[900] })
     ] })
   ] }) });
@@ -28,7 +27,7 @@ b.propTypes = {
   interval: i.number,
   messages: i.arrayOf(i.string.isRequired)
 };
-const y = c("div")`
+const y = p("div")`
   && {
     box-sizing: border-box;
     padding: 20px;
@@ -80,7 +79,7 @@ o.propTypes = {
   atomColor: i.string.isRequired,
   duration: i.number
 };
-const v = c("div")`
+const v = p("div")`
   @keyframes orbit {
     0% {
       transform: rotate(0deg);

package/lib/Address/compact-text.d.ts

@@ -12,7 +12,7 @@ declare namespace CompactText {
     namespace propTypes {
         let startChars: PropTypes.Requireable<number>;
         let endChars: PropTypes.Requireable<number>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         let showCopyButtonInTooltip: PropTypes.Requireable<boolean>;
     }
 }

package/lib/Address/compact-text.js

@@ -2,10 +2,9 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Children as f } from "react";
 import n from "prop-types";
 import { Tooltip as u, tooltipClasses as c, Box as s } from "@mui/material";
-import { styled as y } from "../Theme/index.js";
-import "../ClickToCopy/index.js";
-import C from "../ClickToCopy/copy-button.js";
-const d = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
+import { styled as y } from "../Theme";
+import { CopyButton as d } from "../ClickToCopy";
+const C = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
   [`& .${c.tooltip}`]: {
     maxWidth: 360,
     wordBreak: "break-all"
@@ -15,7 +14,7 @@ function l({ children: p, ...r }) {
   return f.map(p, (t) => typeof t == "string" ? /* @__PURE__ */ e(a, { ...r, children: t }) : t.props && t.props.children ? /* @__PURE__ */ e(t.type, { ...t.props, children: /* @__PURE__ */ e(l, { ...r, children: t.props.children }) }) : t);
 }
 function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTooltip: t = !1 }) {
-  return typeof o != "string" ? /* @__PURE__ */ e(l, { startChars: p, endChars: r, showCopyButtonInTooltip: t, children: o }) : /* @__PURE__ */ e(d, { title: /* @__PURE__ */ i(
+  return typeof o != "string" ? /* @__PURE__ */ e(l, { startChars: p, endChars: r, showCopyButtonInTooltip: t, children: o }) : /* @__PURE__ */ e(C, { title: /* @__PURE__ */ i(
     s,
     {
       onClick: (m) => m.stopPropagation(),
@@ -26,7 +25,7 @@ function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTo
       },
       children: [
         /* @__PURE__ */ e(s, { children: o }),
-        t && /* @__PURE__ */ e(C, { content: o, showTooltip: !1, style: { fontSize: 16, marginLeft: 4 } })
+        t && /* @__PURE__ */ e(d, { content: o, showTooltip: !1, style: { fontSize: 16, marginLeft: 4 } })
       ]
     }
   ), placement: "top", children: /* @__PURE__ */ i("span", { children: [
@@ -38,7 +37,7 @@ function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTo
 a.propTypes = {
   startChars: n.number,
   endChars: n.number,
-  children: n.node,
+  children: n.node.isRequired,
   // 在 tooltip 中完整地址后显示复制按钮
   showCopyButtonInTooltip: n.bool
 };

package/lib/Address/did-address.js

@@ -6,9 +6,9 @@ import E from "copy-to-clipboard";
 import w from "lodash/noop";
 import F from "@arcblock/icons/lib/Copy";
 import { useState as S, useRef as g, useImperativeHandle as A } from "react";
-import { styled as H } from "../Theme/index.js";
-import { getFontSize as L } from "../Util/index.js";
-import M from "./compact-text.js";
+import { styled as H } from "../Theme";
+import { getFontSize as L } from "../Util";
+import M from "./compact-text";
 const i = {
   en: {
     copy: "Click To Copy",
@@ -20,7 +20,7 @@ const i = {
   }
 };
 function _({
-  ref: e,
+  ref: e = void 0,
   ...v
 }) {
   const {

package/lib/Address/index.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "./did-address.js";
-import s from "./responsive-did-address.js";
+import { jsx as i } from "react/jsx-runtime";
+import e from "./did-address";
+import s from "./responsive-did-address";
 function f({
-  ref: r,
-  responsive: i = !0,
+  ref: r = void 0,
+  responsive: o = !0,
   ...d
 }) {
-  return i ? /* @__PURE__ */ e(s, { ...d, ref: r }) : /* @__PURE__ */ e(o, { ...d, ref: r });
+  return o ? /* @__PURE__ */ i(s, { ...d, ref: r }) : /* @__PURE__ */ i(e, { ...d, ref: r });
 }
 export {
   f as default

package/lib/Address/responsive-did-address.js

@@ -2,20 +2,20 @@ import { jsxs as E, jsx as y } from "react/jsx-runtime";
 import { useLatest as L, useDebounceFn as $ } from "ahooks";
 import { useState as r, useRef as b, useImperativeHandle as j, useEffect as R } from "react";
 import { Box as k } from "@mui/material";
-import { styled as F } from "../Theme/index.js";
-import P from "./did-address.js";
-import { getFontSize as B } from "../Util/index.js";
+import { styled as F } from "../Theme";
+import P from "./did-address";
+import { getFontSize as B } from "../Util";
 function Q({
-  ref: t,
-  style: A,
-  className: D,
+  ref: t = void 0,
+  style: A = {},
+  className: D = void 0,
   component: l = "span",
   size: d = 0,
   ...p
 }) {
   const [h, S] = r(!1), z = L(h), [f, m] = r(null), [u, w] = r(null), [a, C] = r(!0), { run: x } = $(() => C(!1), {
     wait: 50
-  }), o = b(null), n = b(null);
+  }), o = b(null), i = b(null);
   return j(
     t,
     () => new Proxy(
@@ -23,21 +23,21 @@ function Q({
       {
         get(c, s) {
           var e;
-          return (e = n.current) == null ? void 0 : e[s];
+          return (e = i.current) == null ? void 0 : e[s];
         }
       }
     )
   ), R(() => {
-    var W, g;
-    const c = ((W = n.current) == null ? void 0 : W.offsetWidth) || 0;
+    var v, W;
+    const c = ((v = i.current) == null ? void 0 : v.offsetWidth) || 0;
     let s = null, e = null;
-    return m(c), w((g = o.current) == null ? void 0 : g.offsetWidth), s = new ResizeObserver(() => {
-      var i, v;
-      !z.current && ((i = n.current) == null ? void 0 : i.offsetWidth) !== c && (m((v = n.current) == null ? void 0 : v.offsetWidth), x());
+    return m(c), w((W = o.current) == null ? void 0 : W.offsetWidth), s = new ResizeObserver(() => {
+      var n, g;
+      !z.current && ((n = i.current) == null ? void 0 : n.offsetWidth) !== c && (m((g = i.current) == null ? void 0 : g.offsetWidth), x());
     }), e = new ResizeObserver(() => {
-      var i;
-      w((i = o.current) == null ? void 0 : i.offsetWidth);
-    }), s.observe(n.current.getEl()), e.observe(o.current), x(), () => {
+      var n;
+      w((n = o.current) == null ? void 0 : n.offsetWidth);
+    }), s.observe(i.current.getEl()), e.observe(o.current), x(), () => {
       s == null || s.disconnect(), e == null || e.disconnect();
     };
   }, []), R(() => {
@@ -66,7 +66,7 @@ function Q({
             component: l,
             inline: !0,
             compact: h,
-            ref: n
+            ref: i
           }
         ),
         a && /* @__PURE__ */ y("div", { style: { width: "100%", height: `${(d || 16) * 1.5}px` } })

package/lib/Alert/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;
 /**
  * Alert notification component

package/lib/Alert/index.js

@@ -3,11 +3,11 @@ import o from "prop-types";
 import { Typography as N } from "@mui/material";
 import { blueGrey as j } from "@mui/material/colors";
 import n from "lodash/isUndefined";
-import E from "../Icon/index.js";
-import { mergeProps as O } from "../Util/index.js";
-import t from "../Colors/themes/default.js";
-import { styled as w } from "../Theme/index.js";
-import { withDeprecated as $ } from "../Util/deprecate.js";
+import E from "../Icon";
+import { mergeProps as O } from "../Util";
+import t from "../Colors";
+import { styled as w } from "../Theme";
+import { withDeprecated as T } from "../Util/deprecate";
 const i = {
   error: {
     icon: "exclamation-circle",
@@ -37,7 +37,7 @@ const i = {
     variant: "solid"
   }
 };
-function a(l) {
+function a({ ...l }) {
   const r = Object.assign({}, l);
   n(r.type) && (r.type = "tip"), n(r.className) && (r.className = ""), n(r.style) && (r.style = {}), n(r.variant) && (r.variant = "border");
   const m = O(r, a, ["style"]), { type: s, children: p, style: d, className: f, variant: e, showIcon: g = !1, ...b } = m, { icon: y, color: u, backgroundColor: x, borderColor: v, variant: C } = i[s] || i.success, h = Object.assign(
@@ -48,7 +48,7 @@ function a(l) {
     },
     d
   );
-  return /* @__PURE__ */ k(A, { ...b, className: `alert alert--${s} alert--${e} ${f}`.trim(), style: h, children: [
+  return /* @__PURE__ */ k($, { ...b, className: `alert alert--${s} alert--${e} ${f}`.trim(), style: h, children: [
     (e === "icon" || g) && /* @__PURE__ */ c(E, { className: "alert-icon", name: y, size: 24, color: u, variant: C }),
     /* @__PURE__ */ c(N, { component: "div", className: "alert-content", children: p })
   ] });
@@ -60,7 +60,7 @@ a.propTypes = {
   style: o.oneOfType([o.object, o.string]),
   variant: o.oneOf(["border", "icon"])
 };
-const V = $(a, { name: "Alert", alternative: "@mui/material/Alert" }), A = w("div")`
+const V = T(a, { name: "Alert", alternative: "@mui/material/Alert" }), $ = w("div")`
   display: flex;
   align-items: center;
   font-size: 16px;

package/lib/AnimationWaiter/index.js

@@ -1,10 +1,10 @@
 import { jsxs as b, jsx as o } from "react/jsx-runtime";
 import { useState as l, useRef as $, useEffect as c } from "react";
-import { useTheme as M, Skeleton as E } from "@mui/material";
+import { Skeleton as M } from "@mui/material";
 import n from "prop-types";
-import F from "react-lottie-player";
-import P from "lodash/noop";
-import { styled as R } from "../Theme/index.js";
+import E from "react-lottie-player";
+import F from "lodash/noop";
+import { styled as P, useTheme as R } from "../Theme";
 function W({
   animationData: m = null,
   size: s = 256,
@@ -18,11 +18,11 @@ function W({
   increaseSpeed: x = 0,
   ...I
 }) {
-  const g = M(), [d, N] = l(0), [y, k] = l(h), [w, A] = l(0), [O, S] = l(null), [j, p] = l(!m), C = $((/* @__PURE__ */ new Date()).getTime());
+  const g = R(), [d, N] = l(0), [y, k] = l(h), [w, A] = l(0), [O, S] = l(null), [j, p] = l(!m), C = $((/* @__PURE__ */ new Date()).getTime());
   Array.isArray(r) || (r = [r]), c(() => {
     m || (p(!0), (async () => {
       try {
-        const e = await (g.palette.mode === "dark" ? import("./dark-animation.json.js") : import("./default-animation.json.js"));
+        const e = await (g.palette.mode === "dark" ? import("./dark-animation.json") : import("./default-animation.json"));
         S(e.default || e), p(!1);
       } catch (e) {
         console.error("Failed to load animation:", e), p(!1);
@@ -40,7 +40,7 @@ function W({
     };
   }, [r, f]), c(() => {
     if (!a.length)
-      return P;
+      return F;
     const t = setTimeout(() => {
       let e = d + 1;
       e >= a.length && (e = 0), N(e);
@@ -60,8 +60,8 @@ function W({
     return w === t ? e = "show-message" : w < t && (e = "message-after"), e;
   };
   return /* @__PURE__ */ b(q, { ...I, children: [
-    j ? /* @__PURE__ */ o("div", { style: { width: s, height: s, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ o(E, { variant: "rounded", width: s * 0.4, height: s * 0.4 }) }) : /* @__PURE__ */ o(
-      F,
+    j ? /* @__PURE__ */ o("div", { style: { width: s, height: s, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ o(M, { variant: "rounded", width: s * 0.4, height: s * 0.4 }) }) : /* @__PURE__ */ o(
+      E,
       {
         loop: !0,
         animationData: m || O,
@@ -108,7 +108,7 @@ W.propTypes = {
   maybeDuration: n.number,
   increaseSpeed: n.number
 };
-const q = R("div")`
+const q = P("div")`
   display: flex;
   justify-content: center;
   align-items: center;

package/lib/Async/index.js

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import m from "react";
 import { CircularProgress as p } from "@mui/material";
-function d(r, n = "default", s = !0) {
+function d(e, n = "default", s = !0) {
   class a extends m.Component {
     constructor(t) {
       super(t), this.state = {
@@ -10,11 +10,11 @@ function d(r, n = "default", s = !0) {
       };
     }
     componentDidMount() {
-      r().then((t) => this.setState({ Component: t[n] })).catch((t) => this.setState({ error: `Failed to load async component: ${t.message}` }));
+      e().then((t) => this.setState({ Component: t[n] })).catch((t) => this.setState({ error: `Failed to load async component: ${t.message}` }));
     }
     render() {
       const { Component: t, error: o } = this.state;
-      return o || (t ? /* @__PURE__ */ e(t, { ...this.props }) : s ? /* @__PURE__ */ e(p, { color: "primary" }) : null);
+      return o || (t ? /* @__PURE__ */ r(t, { ...this.props }) : s ? /* @__PURE__ */ r(p, { color: "primary" }) : null);
     }
   }
   return a;

package/lib/Avatar/etherscan-blockies.js

@@ -5,20 +5,20 @@ function g(t) {
   for (let o = 0; o < t.length; o++)
     n[o % 4] = (n[o % 4] << 5) - n[o % 4] + t.charCodeAt(o);
 }
-function h() {
+function i() {
   const t = n[0] ^ n[0] << 11;
   return n[0] = n[1], n[1] = n[2], n[2] = n[3], n[3] = n[3] ^ n[3] >> 19 ^ t ^ t >> 8, (n[3] >>> 0) / (1 << 31 >>> 0);
 }
 function d() {
-  const t = Math.floor(h() * 360), o = `${h() * 60 + 40}%`, e = `${(h() + h() + h() + h()) * 25}%`;
+  const t = Math.floor(i() * 360), o = `${i() * 60 + 40}%`, e = `${(i() + i() + i() + i()) * 25}%`;
   return `hsl(${t},${o},${e})`;
 }
 function w(t) {
-  const o = t, e = t, a = Math.ceil(o / 2), f = o - a, r = [];
-  for (let i = 0; i < e; i++) {
+  const o = t, e = t, h = Math.ceil(o / 2), f = o - h, r = [];
+  for (let a = 0; a < e; a++) {
     let c = [];
-    for (let s = 0; s < a; s++)
-      c[s] = Math.floor(h() * 2.3);
+    for (let s = 0; s < h; s++)
+      c[s] = Math.floor(i() * 2.3);
     const l = c.slice(0, f);
     l.reverse(), c = c.concat(l);
     for (let s = 0; s < c.length; s++)
@@ -26,23 +26,23 @@ function w(t) {
   }
   return r;
 }
-function M(t, o, e, a, f) {
-  const r = document.createElement("canvas"), i = Math.sqrt(t.length);
-  r.width = r.height = i * e;
+function M(t, o, e, h, f) {
+  const r = document.createElement("canvas"), a = Math.sqrt(t.length);
+  r.width = r.height = a * e;
   const c = r.getContext("2d");
-  c.fillStyle = a, c.fillRect(0, 0, r.width, r.height), c.fillStyle = o;
+  c.fillStyle = h, c.fillRect(0, 0, r.width, r.height), c.fillStyle = o;
   for (let l = 0; l < t.length; l++) {
-    const s = Math.floor(l / i), u = l % i;
+    const s = Math.floor(l / a), u = l % a;
     c.fillStyle = t[l] === 1 ? o : f, t[l] && c.fillRect(u * e, s * e, e, e);
   }
   return r;
 }
 function v(t) {
   t = t || {};
-  const o = t.size || 8, e = t.scale || 4, a = t.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
-  g(a);
-  const f = t.color || d(), r = t.bgcolor || d(), i = t.spotcolor || d(), c = w(o);
-  return M(c, f, e, r, i);
+  const o = t.size || 8, e = t.scale || 4, h = t.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
+  g(h);
+  const f = t.color || d(), r = t.bgcolor || d(), a = t.spotcolor || d(), c = w(o);
+  return M(c, f, e, r, a);
 }
 const y = { createIcon: v };
 export {

package/lib/Avatar/index.d.ts

@@ -41,7 +41,7 @@ export { Avatar as AvatarProps };
  * @param {AvatarProps} props
  * @returns {JSX.Element}
  */
-declare function Avatar(rawProps: any): JSX.Element;
+declare function Avatar({ ...rawProps }: AvatarProps): JSX.Element;
 declare namespace Avatar {
     export namespace propTypes_1 {
         let did: PropTypes.Requireable<string>;

package/lib/Avatar/index.js

@@ -5,12 +5,12 @@ import { ErrorBoundary as z } from "react-error-boundary";
 import { Shape as D } from "@arcblock/did-motif";
 import { Box as u } from "@mui/material";
 import n from "lodash/isUndefined";
-import m from "../Img/index.js";
-import { mergeProps as E, isEthereumDid as R } from "../Util/index.js";
-import M from "./did-motif.js";
-import T from "./etherscan-blockies.js";
-import { DID_PREFIX as f } from "../Util/constant.js";
-function d(s) {
+import m from "../Img";
+import { mergeProps as E, isEthereumDid as R } from "../Util";
+import M from "./did-motif";
+import T from "./etherscan-blockies";
+import { DID_PREFIX as f } from "../Util/constant";
+function d({ ...s }) {
   const r = Object.assign({}, s);
   n(r.did) && (r.did = ""), n(r.size) && (r.size = 36), n(r.variant) && (r.variant = "default"), n(r.animation) && (r.animation = !1), n(r.shape) && (r.shape = ""), n(r.blockiesPadding) && (r.blockiesPadding = !0), n(r.responsive) && (r.responsive = !1);
   const [c, h] = k(!1), g = E(r, d, []), { did: i = "", size: e, src: p, variant: b, animation: v, shape: x, blockiesPadding: y, responsive: w, ...o } = g, l = P(() => R(i) ? T.createIcon({

package/lib/Badge/index.js

@@ -2,10 +2,10 @@ import { jsx as c } from "react/jsx-runtime";
 import r from "prop-types";
 import { Typography as u } from "@mui/material";
 import n from "lodash/isUndefined";
-import o from "../Colors/themes/default.js";
-import { mergeProps as b } from "../Util/index.js";
-import { withDeprecated as w } from "../Util/deprecate.js";
-import { styled as x } from "../Theme/index.js";
+import o from "../Colors";
+import { mergeProps as b } from "../Util";
+import { withDeprecated as w } from "../Util/deprecate";
+import { styled as x } from "../Theme";
 const s = {
   error: {
     color: o.common.white,
@@ -28,7 +28,7 @@ const s = {
     backgroundColor: o.grey[900]
   }
 };
-function i(t) {
+function i({ ...t }) {
   const e = Object.assign({}, t);
   n(e.type) && (e.type = "primary"), n(e.content) && (e.content = ""), n(e.className) && (e.className = ""), n(e.style) && (e.style = {});
   const a = b(e, i, ["style"]), { type: m, content: p, children: l, style: y, className: d, forwardedRef: f, ...g } = a, h = Object.assign(s[m] || s.primary, y);

package/lib/Blocklet/blocklet.js

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { isValidElement as f } from "react";
 import t from "prop-types";
-import { useTheme as C, useMediaQuery as S, Typography as n, CircularProgress as I } from "@mui/material";
-import B from "../Avatar/index.js";
-import P from "../Button/index.js";
-import A from "../Img/index.js";
-import { styled as D } from "../Theme/index.js";
-import { strippedString as g } from "./utils.js";
-const F = D("div")`
+import { useMediaQuery as S, Typography as n, CircularProgress as C } from "@mui/material";
+import I from "../Avatar";
+import P from "../Button";
+import A from "../Img";
+import { styled as B, useTheme as D } from "../Theme";
+import { strippedString as g } from "./utils";
+const F = B("div")`
   &.arcblock-blocklet {
     padding: ${(e) => e.theme.spacing(2)} ${(e) => e.theme.spacing(2)} 0
       ${(e) => e.theme.spacing(2)};
@@ -135,9 +135,9 @@ function H({
 }) {
   const h = (k, M = () => !1) => (i, ...T) => {
     M() ? (i.preventDefault(), i.stopPropagation()) : k instanceof Function && (i.preventDefault(), i.stopPropagation(), k(...T));
-  }, w = h(b, () => !!(m || d || a)), y = C(), $ = S(y.breakpoints.up("sm")), N = h(v), z = $ ? 80 : 64;
+  }, w = h(b, () => !!(m || d || a)), y = D(), $ = S(y.breakpoints.up("sm")), N = h(v), z = $ ? 80 : 64;
   return /* @__PURE__ */ o(F, { className: `${_} arcblock-blocklet`, ...x, children: /* @__PURE__ */ r("div", { className: "arcblock-blocklet__content", onClick: N, children: [
-    s ? /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(A, { src: s }) }) : c && /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(B, { did: c, size: z }) }),
+    s ? /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(A, { src: s }) }) : c && /* @__PURE__ */ o("div", { className: "arcblock-blocklet__cover", children: /* @__PURE__ */ o(I, { did: c, size: z }) }),
     /* @__PURE__ */ r("div", { className: "arcblock-blocklet__info", children: [
       /* @__PURE__ */ r("div", { className: "arcblock-blocklet__text", children: [
         f(e) ? /* @__PURE__ */ o(n, { component: "h3", variant: "h3", className: "arcblock-blocklet__title", children: e }) : /* @__PURE__ */ o(
@@ -186,7 +186,7 @@ function H({
                   textAlign: "center"
                 },
                 children: [
-                  a && /* @__PURE__ */ o(I, { size: 15, style: { marginRight: 3, color: "inherit" } }),
+                  a && /* @__PURE__ */ o(C, { size: 15, style: { marginRight: 3, color: "inherit" } }),
                   u
                 ]
               }

package/lib/Blocklet/index.js

@@ -1,7 +1,8 @@
-import { default as p, strippedString as a } from "./utils.js";
-import o from "./blocklet.js";
+import { default as f, strippedString as p } from "./utils";
+import "./blocklet";
+import { default as l } from "./blocklet";
 export {
-  p as ActionButton,
-  o as default,
-  a as strippedString
+  f as ActionButton,
+  l as default,
+  p as strippedString
 };

package/lib/Blocklet/utils.js

@@ -1,4 +1,4 @@
-import { styled as o } from "../Theme/index.js";
+import { styled as o } from "../Theme";
 const e = o("div")`
   background-color: transparent !important;
   & > :not(.Mui-disabled) {

package/lib/BlockletContext/index.d.ts

@@ -8,7 +8,7 @@ declare const Consumer: import('react').Consumer<{
     masterBlocklet: Blocklet | null;
 }>;
 declare function BlockletProvider({ children, baseUrl, loading, }: {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * baseUrl 为 blocklet origin + blocklet prefix
      */

package/lib/BlockletContext/index.js

@@ -1,7 +1,7 @@
 import { jsx as B } from "react/jsx-runtime";
 import { useMemoizedFn as d, useAsyncEffect as h } from "ahooks";
 import { createContext as D, useState as c, use as p } from "react";
-import { getBlockletData as r, getFederatedEnabled as w, getMaster as b } from "../Util/federated.js";
+import { getBlockletData as r, getFederatedEnabled as w, getMaster as b } from "../Util/federated";
 const s = D({
   blocklet: null,
   masterBlocklet: null