@arcblock/ux 3.0.9 → 3.0.11

package/lib/Address/did-address.js

@@ -1,14 +1,14 @@
-import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
 import "@fontsource/ubuntu-mono/400.css";
-import { Check as B } from "@mui/icons-material";
-import { Box as l, Tooltip as C } from "@mui/material";
-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 { Check as P } from "@mui/icons-material";
+import { Box as l, Tooltip as h } from "@mui/material";
+import B from "copy-to-clipboard";
+import C from "lodash/noop";
+import E from "@arcblock/icons/lib/Copy";
+import { useState as F, useRef as w, useImperativeHandle as S } from "react";
+import { styled as A } from "../Theme/index.js";
+import { getFontSize as H } from "../Util/index.js";
+import L from "./compact-text.js";
 const i = {
   en: {
     copy: "Click To Copy",
@@ -19,36 +19,35 @@ const i = {
     copied: "已复制!"
   }
 };
-function _({
+function Z({
   ref: e = void 0,
-  ...v
+  ...g
 }) {
   const {
-    component: b = "span",
-    size: z = 0,
-    copyable: r = !0,
-    showCopyButtonInTooltip: $ = !1,
+    component: v = "span",
+    size: b = 0,
+    copyable: t = !0,
+    showCopyButtonInTooltip: z = !1,
     children: a = null,
-    content: k = "",
-    prepend: N = null,
-    append: T = null,
+    content: $ = "",
+    prepend: k = null,
+    append: N = null,
     compact: d = !1,
-    startChars: D = 6,
-    endChars: R = 6,
-    locale: j = "en",
-    ...I
-  } = v;
-  let n = j;
-  i[n] || (n = "en");
-  const [s, m] = S(!1), u = g(null), c = g(null), f = () => {
-    var t;
-    E(k || ((t = u.current) == null ? void 0 : t.textContent) || ""), m(!0), setTimeout(() => {
+    startChars: T = 6,
+    endChars: D = 6,
+    locale: R = "en",
+    ...j
+  } = g;
+  let r = R;
+  i[r] || (r = "en");
+  const [n, m] = F(!1), u = w(null), c = w(null), f = () => {
+    B($ || u.current?.textContent || ""), m(!0), setTimeout(() => {
       m(!1);
     }, 1500);
-  }, p = (t) => {
-    t.stopPropagation(), t.preventDefault(), f();
+  }, p = (s) => {
+    s.stopPropagation(), s.preventDefault(), f();
   };
-  A(
+  S(
     e,
     () => new Proxy(
       {
@@ -56,30 +55,29 @@ function _({
         getEl: () => c.current
       },
       {
-        get(t, x) {
-          var h;
-          return t[x] || ((h = c.current) == null ? void 0 : h[x]);
+        get(s, x) {
+          return s[x] || c.current?.[x];
         }
       }
     )
   );
   let y = null;
-  return r && (y = /* @__PURE__ */ o("span", { className: "did-address-copy-wrapper", title: s ? "" : i[n].copy, children: s ? /* @__PURE__ */ o(C, { title: i[n].copied, placement: "bottom", arrow: !0, open: s, children: /* @__PURE__ */ o(B, { className: "did-address-copy", sx: { color: "success.main" } }) }) : (
+  return t && (y = /* @__PURE__ */ o("span", { className: "did-address-copy-wrapper", title: n ? "" : i[r].copy, children: n ? /* @__PURE__ */ o(h, { title: i[r].copied, placement: "bottom", arrow: !0, open: n, children: /* @__PURE__ */ o(P, { className: "did-address-copy", sx: { color: "success.main" } }) }) : (
     /* title prop 直接加在 icon 上不生效 */
-    /* @__PURE__ */ o(F, { className: "did-address-copy", width: "1em", height: "1em", onClick: p })
-  ) })), /* @__PURE__ */ P(U, { as: b, size: z, ...I, ref: c, children: [
-    N,
+    /* @__PURE__ */ o(E, { className: "did-address-copy", width: "1em", height: "1em", onClick: p })
+  ) })), /* @__PURE__ */ I(M, { as: v, size: b, ...j, ref: c, children: [
+    k,
     /* @__PURE__ */ o(l, { sx: { display: "none" }, ref: u, children: a }),
-    /* @__PURE__ */ o(C, { title: r ? "" : i[n].copied, placement: "bottom", arrow: !0, open: s, children: d ? /* @__PURE__ */ o(
+    /* @__PURE__ */ o(h, { title: t ? "" : i[r].copied, placement: "bottom", arrow: !0, open: n, children: d ? /* @__PURE__ */ o(
       l,
       {
         component: "span",
         className: "did-address-text",
         sx: {
-          cursor: r ? "unset" : "pointer"
+          cursor: t ? "unset" : "pointer"
         },
-        onDoubleClick: r ? w : p,
-        children: /* @__PURE__ */ o(M, { startChars: D, endChars: R, showCopyButtonInTooltip: $, children: a })
+        onDoubleClick: t ? C : p,
+        children: /* @__PURE__ */ o(L, { startChars: T, endChars: D, showCopyButtonInTooltip: z, children: a })
       }
     ) : /* @__PURE__ */ o(
       l,
@@ -88,17 +86,17 @@ function _({
         className: "did-address-text did-address-truncate",
         sx: {
           display: d ? "none" : "inline",
-          cursor: r ? "unset" : "pointer"
+          cursor: t ? "unset" : "pointer"
         },
-        onDoubleClick: r ? w : p,
+        onDoubleClick: t ? C : p,
         children: a
       }
     ) }),
     y,
-    T
+    N
   ] });
 }
-const U = H(l, { shouldForwardProp: (e) => e !== "inline" })`
+const M = A(l, { shouldForwardProp: (e) => e !== "inline" })`
   font-family: 'Ubuntu Mono', monospace;
   && {
     display: ${({ inline: e }) => e ? "inline-flex" : "flex"};
@@ -106,7 +104,7 @@ const U = H(l, { shouldForwardProp: (e) => e !== "inline" })`
     max-width: 100%;
     overflow: hidden;
     color: #ccc;
-    font-size: ${(e) => L(e.size)};
+    font-size: ${(e) => H(e.size)};
     font-weight: 400;
 
     svg {
@@ -149,5 +147,5 @@ const U = H(l, { shouldForwardProp: (e) => e !== "inline" })`
   }
 `;
 export {
-  _ as default
+  Z as default
 };

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

@@ -1,89 +1,85 @@
-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";
-function Q({
-  ref: t = void 0,
-  style: A = {},
-  className: D = void 0,
-  component: l = "span",
-  size: d = 0,
-  ...p
+import { jsxs as D, jsx as w } from "react/jsx-runtime";
+import { useLatest as O, useDebounceFn as S } from "ahooks";
+import { useState as s, useRef as x, useImperativeHandle as z, useEffect as b } from "react";
+import { Box as C } from "@mui/material";
+import { styled as W } from "../Theme/index.js";
+import E from "./did-address.js";
+import { getFontSize as L } from "../Util/index.js";
+function J({
+  ref: e = void 0,
+  style: g = {},
+  className: y = void 0,
+  component: i = "span",
+  size: o = 0,
+  ...u
 }) {
-  const [h, S] = r(!1), z = L(h), [f, m] = r(null), [u, w] = r(null), [a, C] = r(!0), { run: x } = $(() => C(!1), {
+  const [p, R] = s(!1), F = O(p), [l, h] = s(null), [d, m] = s(null), [a, A] = s(!0), { run: v } = S(() => A(!1), {
     wait: 50
-  }), o = b(null), i = b(null);
-  return j(
-    t,
+  }), n = x(null), t = x(null);
+  return z(
+    e,
     () => new Proxy(
       {},
       {
-        get(c, s) {
-          var e;
-          return (e = i.current) == null ? void 0 : e[s];
+        get(c, r) {
+          return t.current?.[r];
         }
       }
     )
-  ), R(() => {
-    var v, W;
-    const c = ((v = i.current) == null ? void 0 : v.offsetWidth) || 0;
-    let s = null, e = null;
-    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 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();
+  ), b(() => {
+    const c = t.current?.offsetWidth || 0;
+    let r = null, f = null;
+    return h(c), m(n.current?.offsetWidth), r = new ResizeObserver(() => {
+      !F.current && t.current?.offsetWidth !== c && (h(t.current?.offsetWidth), v());
+    }), f = new ResizeObserver(() => {
+      m(n.current?.offsetWidth);
+    }), r.observe(t.current.getEl()), f.observe(n.current), v(), () => {
+      r?.disconnect(), f?.disconnect();
     };
-  }, []), R(() => {
-    u && f && S(u < f);
-  }, [u, f]), /* @__PURE__ */ E(
-    H,
+  }, []), b(() => {
+    d && l && R(d < l);
+  }, [d, l]), /* @__PURE__ */ D(
+    $,
     {
-      as: l,
-      ref: o,
-      style: A,
-      className: D,
-      size: d,
-      ...l === "span" ? {} : {
-        inline: p.inline
+      as: i,
+      ref: n,
+      style: g,
+      className: y,
+      size: o,
+      ...i === "span" ? {} : {
+        inline: u.inline
       },
       children: [
-        /* @__PURE__ */ y(
-          I,
+        /* @__PURE__ */ w(
+          j,
           {
             style: {
               position: a ? "absolute" : "static",
               left: a ? "-99999px" : "auto"
             },
-            ...p,
-            size: d,
-            component: l,
+            ...u,
+            size: o,
+            component: i,
             inline: !0,
-            compact: h,
-            ref: i
+            compact: p,
+            ref: t
           }
         ),
-        a && /* @__PURE__ */ y("div", { style: { width: "100%", height: `${(d || 16) * 1.5}px` } })
+        a && /* @__PURE__ */ w("div", { style: { width: "100%", height: `${(o || 16) * 1.5}px` } })
       ]
     }
   );
 }
-const H = F(k, { shouldForwardProp: (t) => t !== "size" })`
+const $ = W(C, { shouldForwardProp: (e) => e !== "size" })`
   display: block;
   width: 100%; /* flex & column & align-items: flex-start 时, 块级元素不会自动铺满容器 */
-  font-size: ${({ size: t }) => B(t)};
+  font-size: ${({ size: e }) => L(e)};
   overflow: hidden;
-  ${({ inline: t }) => t && `
+  ${({ inline: e }) => e && `
     display: inline-block;
     width: 100%;
   `}
-`, I = F(P)`
+`, j = W(E)`
   && {
     max-width: none;
   }
@@ -95,5 +91,5 @@ const H = F(k, { shouldForwardProp: (t) => t !== "size" })`
   }
 `;
 export {
-  Q as default
+  J as default
 };

package/lib/Avatar/index.js

@@ -1,4 +1,4 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { useState as k, useMemo as P } from "react";
 import t from "prop-types";
 import { ErrorBoundary as z } from "react-error-boundary";
@@ -13,21 +13,21 @@ import { DID_PREFIX as f } from "../Util/constant.js";
 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({
+  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, ...a } = g, l = P(() => R(i) ? T.createIcon({
     seed: i.replace(f, "").toLowerCase(),
     size: 8,
     scale: 16
   }).toDataURL() : null, [i]);
   if (p && !c)
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ o(
       m,
       {
         width: e,
         src: p,
         alt: i,
         onError: () => h(!0),
-        ...o,
-        className: `avatar-img--${b} ${(o == null ? void 0 : o.className) || ""}`,
+        ...a,
+        className: `avatar-img--${b} ${a?.className || ""}`,
         sx: {
           "& .avatar-img--rounded": {
             borderRadius: "4px",
@@ -37,17 +37,17 @@ function d({ ...s }) {
             borderRadius: "100%",
             overflow: "hidden"
           },
-          ...o.sx
+          ...a.sx
         }
       }
     );
   if (l) {
     if (y) {
       const I = e > 24 ? 4 : 2;
-      return /* @__PURE__ */ a(
+      return /* @__PURE__ */ o(
         u,
         {
-          ...o,
+          ...a,
           sx: {
             display: "flex",
             alignItems: "center",
@@ -63,16 +63,16 @@ function d({ ...s }) {
               borderRadius: `${Math.min(10, Math.floor(0.1 * e + 2))}px`,
               background: "#ddd"
             },
-            ...o.sx
+            ...a.sx
           },
-          children: /* @__PURE__ */ a("div", { className: "blocky-icon-inner", children: /* @__PURE__ */ a(m, { width: e * 0.7 - I * 2, src: l, alt: i }) })
+          children: /* @__PURE__ */ o("div", { className: "blocky-icon-inner", children: /* @__PURE__ */ o(m, { width: e * 0.7 - I * 2, src: l, alt: i }) })
         }
       );
     }
-    return /* @__PURE__ */ a(m, { ...o, width: e, src: l, alt: i, style: { marginRight: 4 } });
+    return /* @__PURE__ */ o(m, { ...a, width: e, src: l, alt: i, style: { marginRight: 4 } });
   }
   if (i)
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ o(
       M,
       {
         did: i.replace(f, ""),
@@ -80,7 +80,7 @@ function d({ ...s }) {
         animation: v,
         shape: D[(x || "").toUpperCase()],
         responsive: w,
-        ...o
+        ...a
       }
     );
   throw new Error(`Invalid DID: ${i}`);
@@ -98,10 +98,10 @@ d.propTypes = {
 };
 function $(s) {
   const r = s.size || 36, c = { rounded: "4px", circle: "100%" }[s.variant] || 0;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     z,
     {
-      fallbackRender: () => /* @__PURE__ */ a(
+      fallbackRender: () => /* @__PURE__ */ o(
         u,
         {
           sx: {
@@ -112,7 +112,7 @@ function $(s) {
           }
         }
       ),
-      children: /* @__PURE__ */ a(d, { ...s })
+      children: /* @__PURE__ */ o(d, { ...s })
     }
   );
 }

package/lib/BlockletV2/blocklet.js

@@ -1,52 +1,52 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { isValidElement as S } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { isValidElement as W } from "react";
 import E from "@iconify-icons/tabler/cloud-download";
 import { Icon as s } from "@iconify/react";
 import { Verified as F } from "@mui/icons-material";
-import { useTheme as O, Card as V, Stack as x, Typography as I, Box as z, CircularProgress as q } from "@mui/material";
-import B from "../Avatar/index.js";
+import { useTheme as O, Card as V, Stack as f, Typography as S, Box as I, CircularProgress as q } from "@mui/material";
+import z from "../Avatar/index.js";
 import G from "../Button/index.js";
 import "../Theme/theme.js";
 import "../Theme/theme-provider.js";
-import d from "./components/icon-text.js";
-import T from "./components/tooltip-icon.js";
-import { strippedString as M, formatDownloadCount as J } from "./utils.js";
-function co({ ...A }) {
+import c from "./components/icon-text.js";
+import B from "./components/tooltip-icon.js";
+import { strippedString as T, formatDownloadCount as J } from "./utils.js";
+function so({ ...M }) {
   const {
-    title: e,
-    description: n = "",
-    cover: D = "",
-    avatar: L,
-    author: P,
-    download: m,
-    did: u,
-    official: l,
-    buttonText: R = "Install",
-    buttonDisabled: y,
-    buttonLoading: p,
-    button: g,
-    onButtonClick: k = () => {
+    title: r,
+    description: e = "",
+    cover: A = "",
+    avatar: D,
+    author: L,
+    download: h,
+    did: x,
+    official: n,
+    buttonText: P = "Install",
+    buttonDisabled: m,
+    buttonLoading: d,
+    button: u,
+    onButtonClick: y = () => {
     },
-    onMainClick: b,
+    onMainClick: g,
     className: K,
     ref: Q,
-    icons: f,
-    status: i,
-    ...v
-  } = A, h = O(), w = (o, H = () => !1) => (C, ...N) => {
-    const W = o instanceof Function;
-    (H() || W) && (C.preventDefault(), C.stopPropagation(), W && o(...N));
-  }, _ = b && w(b), j = w(k, () => !!(g || y || p)), a = S(e) ? { children: e } : { title: M(e), dangerouslySetInnerHTML: { __html: e } }, c = S(n) ? { children: n } : { title: M(n), dangerouslySetInnerHTML: { __html: n } };
-  return /* @__PURE__ */ r(
+    icons: R,
+    status: k,
+    ...b
+  } = M, p = O(), v = (o, H = () => !1) => (w, ...N) => {
+    const C = o instanceof Function;
+    (H() || C) && (w.preventDefault(), w.stopPropagation(), C && o(...N));
+  }, _ = g && v(g), j = v(y, () => !!(u || m || d)), l = W(r) ? { children: r } : { title: T(r), dangerouslySetInnerHTML: { __html: r } }, a = W(e) ? { children: e } : { title: T(e), dangerouslySetInnerHTML: { __html: e } };
+  return /* @__PURE__ */ i(
     V,
     {
       variant: "outlined",
       onClick: _,
-      ...v,
-      sx: { p: { xs: 2, md: 3 }, borderRadius: 1, ...v.sx },
+      ...b,
+      sx: { p: { xs: 2, md: 3 }, borderRadius: 1, ...b.sx },
       children: [
-        /* @__PURE__ */ r(
-          x,
+        /* @__PURE__ */ i(
+          f,
           {
             direction: "row",
             sx: {
@@ -57,12 +57,12 @@ function co({ ...A }) {
               "& > *": { flexShrink: 0 }
             },
             children: [
-              /* @__PURE__ */ t(B, { src: D, did: u, size: 48, variant: "rounded", style: { borderRadius: "8px", overflow: "hidden" } }),
+              /* @__PURE__ */ t(z, { src: A, did: x, size: 48, variant: "rounded", style: { borderRadius: "8px", overflow: "hidden" } }),
               /* @__PURE__ */ t(
-                I,
+                S,
                 {
                   className: "blocklet-title",
-                  ...a,
+                  ...l,
                   sx: [
                     {
                       fontWeight: "fontWeightMedium",
@@ -74,12 +74,12 @@ function co({ ...A }) {
                       pl: 0.5,
                       "&&": { flexShrink: 1 }
                     },
-                    ...Array.isArray(a.sx) ? a.sx : [a.sx]
+                    ...Array.isArray(l.sx) ? l.sx : [l.sx]
                   ]
                 }
               ),
-              /* @__PURE__ */ r(
-                z,
+              /* @__PURE__ */ i(
+                I,
                 {
                   sx: {
                     flex: 1,
@@ -89,47 +89,47 @@ function co({ ...A }) {
                     gap: 1
                   },
                   children: [
-                    l && /* @__PURE__ */ t(T, { title: l.tooltip, children: /* @__PURE__ */ t(F, { sx: { color: l.color || "#D97706", fontSize: l.size || 18 } }) }),
-                    f == null ? void 0 : f.map((o) => /* @__PURE__ */ t(T, { title: o.title, children: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon, style: { color: o.color } }) : o.icon }, o.key))
+                    n && /* @__PURE__ */ t(B, { title: n.tooltip, children: /* @__PURE__ */ t(F, { sx: { color: n.color || "#D97706", fontSize: n.size || 18 } }) }),
+                    R?.map((o) => /* @__PURE__ */ t(B, { title: o.title, children: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon, style: { color: o.color } }) : o.icon }, o.key))
                   ]
                 }
               ),
-              k && /* @__PURE__ */ r(
+              y && /* @__PURE__ */ i(
                 G,
                 {
                   variant: "outlined",
                   size: "small",
-                  disabled: y || p,
+                  disabled: m || d,
                   style: {
-                    color: h.palette.text.primary,
-                    borderColor: h.palette.grey[300],
+                    color: p.palette.text.primary,
+                    borderColor: p.palette.grey[300],
                     borderRadius: 8,
                     fontSize: 13,
-                    fontWeight: h.typography.fontWeightMedium
+                    fontWeight: p.typography.fontWeightMedium
                   },
                   onClick: j,
                   children: [
-                    p && /* @__PURE__ */ t(q, { size: 15, style: { marginRight: 3, color: "inherit" } }),
-                    R
+                    d && /* @__PURE__ */ t(q, { size: 15, style: { marginRight: 3, color: "inherit" } }),
+                    P
                   ]
                 }
               ),
-              g
+              u
             ]
           }
         ),
         /* @__PURE__ */ t(
-          x,
+          f,
           {
             sx: {
               py: 2
             },
             children: /* @__PURE__ */ t(
-              I,
+              S,
               {
                 className: "blocklet-description",
                 variant: "body2",
-                ...c,
+                ...a,
                 sx: [
                   {
                     color: "text.secondary",
@@ -141,14 +141,14 @@ function co({ ...A }) {
                     cursor: "default",
                     height: 40
                   },
-                  ...Array.isArray(c.sx) ? c.sx : [c.sx]
+                  ...Array.isArray(a.sx) ? a.sx : [a.sx]
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ r(
-          x,
+        /* @__PURE__ */ i(
+          f,
           {
             direction: "row",
             sx: {
@@ -157,10 +157,10 @@ function co({ ...A }) {
               color: "text.secondary"
             },
             children: [
-              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(B, { src: L, did: u, size: 20, variant: "circle" }), maxWidth: 200, children: P }),
-              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(s, { icon: E }), title: m, children: J(m) }),
-              i == null ? void 0 : i.filter((o) => o.align !== "right").map((o) => /* @__PURE__ */ t(
-                d,
+              /* @__PURE__ */ t(c, { icon: /* @__PURE__ */ t(z, { src: D, did: x, size: 20, variant: "circle" }), maxWidth: 200, children: L }),
+              /* @__PURE__ */ t(c, { icon: /* @__PURE__ */ t(s, { icon: E }), title: h, children: J(h) }),
+              k?.filter((o) => o.align !== "right").map((o) => /* @__PURE__ */ t(
+                c,
                 {
                   icon: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon }) : o.icon,
                   title: o.title,
@@ -169,9 +169,9 @@ function co({ ...A }) {
                 },
                 o.key
               )),
-              /* @__PURE__ */ t(z, { sx: { flex: 1 } }),
-              i == null ? void 0 : i.filter((o) => o.align === "right").map((o) => /* @__PURE__ */ t(
-                d,
+              /* @__PURE__ */ t(I, { sx: { flex: 1 } }),
+              k?.filter((o) => o.align === "right").map((o) => /* @__PURE__ */ t(
+                c,
                 {
                   icon: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon }) : o.icon,
                   title: o.title,
@@ -189,5 +189,5 @@ function co({ ...A }) {
   );
 }
 export {
-  co as default
+  so as default
 };