@arcblock/ux 3.0.5 → 3.0.7

package/lib/Theme/theme-provider.js

@@ -1,34 +1,34 @@
 import { jsx as i, jsxs as R } from "react/jsx-runtime";
 import { createContext as _, use as B, useState as L, useRef as j, useMemo as h, useCallback as C, useEffect as k } from "react";
-import { useTheme as $, StyledEngineProvider as D, ThemeProvider as K, CssBaseline as U, GlobalStyles as V } from "@mui/material";
-import w from "lodash/set";
-import { BLOCKLET_THEME_PREFER_KEY as d, isValidThemeMode as W, getDefaultThemePrefer as x } from "@blocklet/theme";
-import { useLocationState as q } from "../hooks/use-location-state.js";
-import { createTheme as g, lazyCreateDefaultTheme as z, isUxTheme as A, isTheme as F } from "./theme.js";
-const G = g(), v = _({});
+import { useTheme as y, StyledEngineProvider as D, ThemeProvider as K, CssBaseline as U, GlobalStyles as V } from "@mui/material";
+import v from "lodash/set";
+import { BLOCKLET_THEME_PREFER_KEY as b, isValidThemeMode as W, getDefaultThemePrefer as w } from "@blocklet/theme";
+import { useLocationState as q } from "../hooks/use-location-state";
+import { createTheme as g, lazyCreateDefaultTheme as z, isUxTheme as A, isTheme as F } from "./theme";
+const G = g(), $ = _({});
 function H() {
-  return B(v);
+  return B($);
 }
-const y = (c) => c ? c === "system" ? x({ theme: { prefer: "system" } }) : c : x();
-function I({ className: c }) {
-  const e = $();
+const x = (l) => l ? l === "system" ? w({ theme: { prefer: "system" } }) : l : w();
+function I({ className: l = void 0 }) {
+  const e = y();
   if (e.palette.mode === "dark") {
-    const s = "transparent", l = e.palette.grey[300], r = (c || "").trim().split(/\s+/).filter(Boolean).map((n) => n.startsWith(".") ? n : `.${n}`).join(" "), o = r ? `${r}::-webkit-scrollbar, ${r} *::-webkit-scrollbar` : "*::-webkit-scrollbar", a = r ? `${r}::-webkit-scrollbar-track, ${r} *::-webkit-scrollbar-track` : "*::-webkit-scrollbar-track", u = r ? `${r}::-webkit-scrollbar-thumb, ${r} *::-webkit-scrollbar-thumb` : "*::-webkit-scrollbar-thumb", b = r ? `${r}, ${r} *` : "*";
+    const s = "transparent", n = e.palette.grey[300], o = (l || "").trim().split(/\s+/).filter(Boolean).map((c) => c.startsWith(".") ? c : `.${c}`).join(" "), r = o ? `${o}::-webkit-scrollbar, ${o} *::-webkit-scrollbar` : "*::-webkit-scrollbar", a = o ? `${o}::-webkit-scrollbar-track, ${o} *::-webkit-scrollbar-track` : "*::-webkit-scrollbar-track", m = o ? `${o}::-webkit-scrollbar-thumb, ${o} *::-webkit-scrollbar-thumb` : "*::-webkit-scrollbar-thumb", d = o ? `${o}, ${o} *` : "*";
     return /* @__PURE__ */ i(
       V,
       {
         styles: {
           // Chrome, Safari, Edge
           "@supports selector(::-webkit-scrollbar)": {
-            [o]: {
+            [r]: {
               width: "12px",
               height: "12px"
             },
             [a]: {
               background: s
             },
-            [u]: {
-              background: l,
+            [m]: {
+              background: n,
               borderRadius: "6px",
               border: "2px solid",
               borderColor: s,
@@ -41,9 +41,9 @@ function I({ className: c }) {
           },
           // Firefox
           "@supports not selector(::-webkit-scrollbar)": {
-            [b]: {
+            [d]: {
               scrollbarWidth: "auto",
-              scrollbarColor: `${l} ${s}`
+              scrollbarColor: `${n} ${s}`
             }
           }
         }
@@ -53,77 +53,82 @@ function I({ className: c }) {
   return null;
 }
 function E({
-  children: c,
+  children: l = null,
   theme: e = G,
   injectFirst: s = !0,
-  darkSchemeClass: l = ""
+  darkSchemeClass: n = ""
 }) {
-  const r = h(() => typeof e == "function" || F(e) ? e : g(e), [e]);
+  const o = h(() => typeof e == "function" || F(e) ? e : g(e), [e]);
   return (
     // injectFirst 会影响 makeStyles 自定义样式和 mui styles 覆盖问题
-    /* @__PURE__ */ i(D, { injectFirst: s, children: /* @__PURE__ */ R(K, { theme: r, children: [
+    /* @__PURE__ */ i(D, { injectFirst: s, children: /* @__PURE__ */ R(K, { theme: o, children: [
       /* @__PURE__ */ i(U, {}),
-      /* @__PURE__ */ i(I, { className: l }),
-      c
+      /* @__PURE__ */ i(I, { className: n }),
+      l
     ] }) })
   );
 }
 function N({
-  children: c,
-  theme: e,
-  prefer: s,
-  disableBlockletTheme: l = !1,
-  ...r
+  children: l = null,
+  theme: e = void 0,
+  prefer: s = void 0,
+  disableBlockletTheme: n = !1,
+  ...o
 }) {
-  const [o, a] = L(() => y(s)), u = $(), b = q(), n = j(null), p = h(() => {
+  const [r, a] = L(() => x(s)), m = y(), d = q(), c = j(null), p = h(() => {
     let t = {};
-    const m = z(o);
+    const u = z(r);
     if (e)
       if (typeof e == "function") {
-        const M = m();
-        A(u) ? t = { ...e(u, { mode: o }) } : t = { ...e(M, { mode: o }) };
+        const M = u();
+        A(m) ? t = { ...e(m, { mode: r }) } : t = { ...e(M, { mode: r }) };
       } else
         t = { ...e };
-    return w(t, "palette.mode", o), w(t, "mode", o), t;
-  }, [o, e, u]), f = h(() => g({ ...p, disableBlockletTheme: l }), [p, l]), T = C(() => {
-    const t = o === "light" ? "dark" : "light";
-    a(t), sessionStorage.removeItem(d), localStorage.setItem(d, t);
-  }, [o, a]), S = C(
+    return v(t, "palette.mode", r), v(t, "mode", r), t;
+  }, [r, e, m]), f = h(() => g({ ...p, disableBlockletTheme: n }), [p, n]), T = C(() => {
+    const t = r === "light" ? "dark" : "light";
+    a(t), sessionStorage.removeItem(b), localStorage.setItem(b, t);
+  }, [r, a]), S = C(
     (t) => {
-      o !== t && (a(t), sessionStorage.removeItem(d), localStorage.setItem(d, t));
+      r !== t && (a(t), sessionStorage.removeItem(b), localStorage.setItem(b, t));
     },
-    [o, a]
+    [r, a]
   ), P = h(
     () => ({
-      mode: o,
+      mode: r,
       toggleMode: T,
       changeMode: S,
       prefer: s
     }),
-    [o, s, T, S]
+    [r, s, T, S]
   );
   return k(() => {
-    a(y(s));
-  }, [s, a, b.search]), k(() => {
-    const t = new URLSearchParams(b.search).get("theme");
-    W(t) && sessionStorage.setItem(d, t);
-  }, [b.search]), k(() => {
-    n.current || (n.current = document.querySelector('meta[name="theme-color"]'));
+    a(x(s));
+  }, [s, a, d.search]), k(() => {
+    const t = new URLSearchParams(d.search).get("theme");
+    W(t) && sessionStorage.setItem(b, t);
+  }, [d.search]), k(() => {
+    c.current || (c.current = document.querySelector('meta[name="theme-color"]'));
     const t = f.palette.background.default;
-    if (n.current)
-      n.current.setAttribute("content", t);
+    if (c.current)
+      c.current.setAttribute("content", t);
     else {
-      const m = document.createElement("meta");
-      m.name = "theme-color", m.content = t, document.head.appendChild(m), n.current = m;
+      const u = document.createElement("meta");
+      u.name = "theme-color", u.content = t, document.head.appendChild(u), c.current = u;
     }
-  }, [f.palette.background.default]), /* @__PURE__ */ i(v, { value: P, children: /* @__PURE__ */ i(E, { theme: f, ...r, children: c }) });
+  }, [f.palette.background.default]), /* @__PURE__ */ i($, { value: P, children: /* @__PURE__ */ i(E, { theme: f, ...o, children: l }) });
 }
-function te({ children: c, prefer: e, enableColorScheme: s = !1, ...l }) {
-  const { toggleMode: r } = H();
-  return s || e || !r ? /* @__PURE__ */ i(N, { prefer: e, ...l, children: c }) : /* @__PURE__ */ i(E, { ...l, children: c });
+function te({
+  children: l = null,
+  prefer: e = void 0,
+  enableColorScheme: s = !1,
+  ...n
+}) {
+  const { toggleMode: o } = H();
+  return s || e || !o ? /* @__PURE__ */ i(N, { prefer: e, ...n, children: l }) : /* @__PURE__ */ i(E, { ...n, children: l });
 }
 export {
-  v as ColorSchemeContext,
+  $ as ColorSchemeContext,
   te as default,
   H as useColorScheme
 };

package/lib/Theme/theme.js

@@ -2,8 +2,8 @@ import { createTheme as f, responsiveFontSizes as _ } from "@mui/material";
 import { deepmerge as d } from "@mui/utils";
 import { deepmerge as X } from "@mui/utils";
 import b from "webfontloader";
-import { DEFAULT_FONTS as C, getDefaultThemePrefer as k, getBlockletThemeOptions as h, BLOCKLET_THEME_DARK as x, BLOCKLET_THEME_LIGHT as A } from "@blocklet/theme";
-import { deepmergeAll as E, cleanedObj as m } from "../Util/index.js";
+import { DEFAULT_FONTS as C, BLOCKLET_THEME_DARK as k, BLOCKLET_THEME_LIGHT as x, getBlockletThemeOptions as h, getDefaultThemePrefer as A } from "@blocklet/theme";
+import { deepmergeAll as E, cleanedObj as m } from "../Util";
 import "@fontsource/roboto/latin-400.css";
 import "@fontsource/roboto/latin-500.css";
 import "@fontsource/roboto/latin-700.css";
@@ -42,7 +42,7 @@ function w(e) {
   });
 }
 function T(e = "light") {
-  return e === "dark" ? x : A;
+  return e === "dark" ? k : x;
 }
 function v(e) {
   let t = null;
@@ -60,6 +60,7 @@ const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
   },
   ...r
 }), L = {
+  // @ts-expect-error
   themeName: "ArcBlock",
   pageWidth: "md",
   disableBlockletTheme: !1,
@@ -86,7 +87,7 @@ const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
   }
 }, U = (...e) => {
   var l;
-  const t = k(), o = v(t), r = e.reduce(
+  const t = A(), o = v(t), r = e.reduce(
     (O, c) => d(O, p(typeof c == "function" ? c(o()) : c)),
     p(L)
   ), n = r.mode || ((l = r.palette) == null ? void 0 : l.mode) || t, i = h(n), F = T(n), { disableBlockletTheme: g } = r, y = E(

package/lib/Toast/index.js

@@ -1,8 +1,8 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
 import { createRef as g } from "react";
 import { SnackbarProvider as b, useSnackbar as h } from "notistack";
 import { IconButton as S } from "@mui/material";
-import { Close as v } from "@mui/icons-material";
+import { Close as x } from "@mui/icons-material";
 import e from "lodash/noop";
 let l = e, u = e, f = e, m = e, p = e;
 const t = (o, r) => (i, n = {}) => o(i, {
@@ -10,12 +10,12 @@ const t = (o, r) => (i, n = {}) => o(i, {
   variant: r,
   ...n
 });
-function H({ children: o, anchorOrigin: r, ...i }) {
-  const n = g(), k = (c) => () => {
+function P({ children: o, anchorOrigin: r, ...i }) {
+  const n = g(), d = (c) => () => {
     var a;
     (a = n.current) == null || a.closeSnackbar(c);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ k(
     b,
     {
       anchorOrigin: {
@@ -25,19 +25,19 @@ function H({ children: o, anchorOrigin: r, ...i }) {
       },
       ...i,
       ref: n,
-      action: (c) => /* @__PURE__ */ s(S, { "aria-label": "close", color: "inherit", onClick: k(c), size: "large", children: /* @__PURE__ */ s(v, { style: { fontSize: 16 } }) }, "close"),
+      action: (c) => /* @__PURE__ */ s(S, { "aria-label": "close", color: "inherit", onClick: d(c), size: "large", children: /* @__PURE__ */ s(x, { style: { fontSize: 16 } }) }, "close"),
       children: [
-        /* @__PURE__ */ s(w, {}),
+        /* @__PURE__ */ s(v, {}),
         o
       ]
     }
   );
 }
-function w() {
+function v() {
   const { enqueueSnackbar: o, closeSnackbar: r } = h();
   return l = t(o, "success"), u = t(o, "error"), f = t(o, "warning"), m = t(o, "info"), p = r, null;
 }
-const P = {
+const R = {
   success: (o, r = {}) => l(o, r),
   error: (o, r = { autoHideDuration: 15e3 }) => u(o, r),
   warning: (o, r = {}) => f(o, r),
@@ -45,6 +45,6 @@ const P = {
   close: (o) => p(o)
 };
 export {
-  H as ToastProvider,
-  P as default
+  P as ToastProvider,
+  R as default
 };

package/lib/Typography/index.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { Box as x, Typography as d, Skeleton as y } from "@mui/material";
-import { useReactive as C, useSize as c, useCreation as b } from "ahooks";
-import v from "lodash/noop";
+import { Box as x, Typography as u, Skeleton as y } from "@mui/material";
+import { useReactive as v, useSize as c, useCreation as C } from "ahooks";
+import b from "lodash/noop";
 import { useRef as m, useEffect as w } from "react";
 let p = -1;
 function T() {
@@ -18,27 +18,27 @@ function M({
   children: t = null,
   minFontSize: f = 12,
   /* 设置为 auto 时字体会自动收缩，直到达到浏览器最小字体限制 */
-  fontSize: n,
+  fontSize: n = void 0,
   sx: s,
-  onShrink: i = v,
+  onShrink: i = b,
   ...r
 }) {
-  const u = m(null), z = m(null), e = C({
+  const d = m(null), z = m(null), e = v({
     // @ts-expect-error
     fontSize: n,
     loading: !0
-  }), o = c(u.current), l = c(z.current);
+  }), o = c(d.current), l = c(z.current);
   return w(() => {
     if (e.loading)
       if (n === "auto") {
         if (o && !e.initialSize) {
-          const S = getComputedStyle(u.current).fontSize;
+          const S = getComputedStyle(d.current).fontSize;
           e.initialSize = Number(S.replace("px", "")), e.fontSize = e.initialSize;
         }
         p < 0 && (p = T()), e.fontSize <= p ? (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })) : l && o && (l.width < o.width && e.fontSize > f ? e.fontSize-- : (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })));
       } else
         e.loading = !1;
-  }, [n, o == null ? void 0 : o.width, l == null ? void 0 : l.width]), b(() => n === "auto" ? e.loading : !1, [n, e.loading]) ? /* @__PURE__ */ g(
+  }, [n, o == null ? void 0 : o.width, l == null ? void 0 : l.width]), C(() => n === "auto" ? e.loading : !1, [n, e.loading]) ? /* @__PURE__ */ g(
     x,
     {
       ref: z,
@@ -46,11 +46,11 @@ function M({
         flex: 1
       },
       children: [
-        /* @__PURE__ */ a(d, { ...r, sx: s, noWrap: !0, children: /* @__PURE__ */ a(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
+        /* @__PURE__ */ a(u, { ...r, sx: s, noWrap: !0, children: /* @__PURE__ */ a(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
         /* @__PURE__ */ a(
-          d,
+          u,
           {
-            ref: u,
+            ref: d,
             ...r,
             sx: {
               ...s,
@@ -66,7 +66,7 @@ function M({
       ]
     }
   ) : /* @__PURE__ */ a(
-    d,
+    u,
     {
       ...r,
       sx: {

package/lib/UserCard/Cards/avatar-only.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { InfoType as d } from "../types.js";
-import l from "../Content/tooltip-avatar.js";
+import { InfoType as d } from "../types";
+import l from "../Content/tooltip-avatar";
 function u(i) {
   const { user: r, infoType: n, avatarSize: o = 48, shouldShowHoverCard: f = !1, renderCardContent: e, ...t } = i;
   return n === d.NameOnly ? /* @__PURE__ */ a(

package/lib/UserCard/Cards/basic-info.d.ts

@@ -5,5 +5,5 @@ interface BasicCardProps extends Omit<UserCardProps, 'user'> {
     shouldShowHoverCard: boolean;
     renderCardContent?: () => React.ReactNode | null;
 }
-declare function BasicCard(props: BasicCardProps): import("react/jsx-runtime").JSX.Element;
+declare function BasicCard({ ...props }: BasicCardProps): import("react/jsx-runtime").JSX.Element;
 export default BasicCard;

package/lib/UserCard/Cards/basic-info.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { Box as r } from "@mui/material";
-import { InfoType as t } from "../types.js";
-import f from "../Content/minimal.js";
-import c from "../Content/basic.js";
-function y(n) {
+import { InfoType as t } from "../types";
+import f from "../Content/minimal";
+import c from "../Content/basic";
+function y({ ...n }) {
   const {
     user: i,
     avatarSize: s = 40,

package/lib/UserCard/Cards/index.d.ts

@@ -5,5 +5,5 @@ interface DetailedCardProps extends Omit<UserCardProps, 'user'> {
     shouldShowHoverCard: boolean;
     renderCardContent?: () => React.ReactNode | null;
 }
-declare function DetailedCard(props: DetailedCardProps): import("react/jsx-runtime").JSX.Element;
+declare function DetailedCard({ ...props }: DetailedCardProps): import("react/jsx-runtime").JSX.Element;
 export default DetailedCard;

package/lib/UserCard/Cards/index.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { InfoType as a } from "../types.js";
-import i from "./name-only.js";
-import m from "./basic-info.js";
-function l(r) {
+import { InfoType as a } from "../types";
+import i from "./name-only";
+import m from "./basic-info";
+function l({ ...r }) {
   const { infoType: e = a.Minimal } = r;
   switch (e) {
     case a.NameOnly:

package/lib/UserCard/Cards/name-only.js

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as i, jsx as n } from "react/jsx-runtime";
 import { Typography as m } from "@mui/material";
-import { renderAvatar as d } from "../components.js";
+import { renderAvatar as d } from "../components";
 function c(a) {
   const { user: r, avatarSize: t = 48, onAvatarClick: e } = a;
   return /* @__PURE__ */ o(i, { children: [

package/lib/UserCard/Container/card.js

@@ -1,13 +1,13 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Paper as d, Box as p } from "@mui/material";
-import { CardType as r } from "../types.js";
-import { mergeSx as n } from "../../Util/style.js";
+import { jsx as d } from "react/jsx-runtime";
+import { Paper as m, Box as p } from "@mui/material";
+import { CardType as r } from "../types";
+import { mergeSx as n } from "../../Util/style";
 function b({
   children: e,
   cardType: o = r.Detailed,
-  variant: m = "box",
-  containerRef: t,
-  sx: i
+  variant: l = "box",
+  containerRef: t = void 0,
+  sx: i = {}
 }) {
   const a = {
     minWidth: 320,
@@ -18,7 +18,7 @@ function b({
       borderColor: "divider"
     } : {}
   };
-  return m === "paper" ? /* @__PURE__ */ l(d, { ref: t, elevation: 0, sx: a, children: e }) : /* @__PURE__ */ l(
+  return l === "paper" ? /* @__PURE__ */ d(m, { ref: t, elevation: 0, sx: a, children: e }) : /* @__PURE__ */ d(
     p,
     {
       ref: t,

package/lib/UserCard/Container/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTheme as t, Box as d } from "@mui/material";
-import { mergeSx as a } from "../../Util/style.js";
-function p({ children: o, sx: r }) {
+import { mergeSx as a } from "../../Util/style";
+function p({ children: o, sx: r = {} }) {
   const e = t();
   return /* @__PURE__ */ i(
     d,

package/lib/UserCard/Content/basic.js

@@ -12,7 +12,7 @@ import V from "@arcblock/icons/lib/Email";
 import B from "@arcblock/icons/lib/Timezone";
 import { withoutProtocol as R } from "ufo";
 import { useCallback as G, useMemo as N } from "react";
-import Z from "./clock.js";
+import Z from "./clock";
 const q = {
   timezone: B,
   email: V,
@@ -71,7 +71,7 @@ function K({ value: e }) {
     ) })
   ] });
 }
-function S({ field: e, value: s, children: a }) {
+function S({ field: e, value: s, children: a = null }) {
   const h = q[e], m = k().palette.mode === "dark", c = x(m);
   return /* @__PURE__ */ y(
     f,
@@ -90,7 +90,7 @@ function S({ field: e, value: s, children: a }) {
     e
   );
 }
-function se({ user: e, renderFields: s }) {
+function se({ user: e, renderFields: s = void 0 }) {
   var w;
   const a = p(() => s ?? ["bio", "email", "phone", "location", "timezone", "link"], [s]), h = p(() => a.includes("bio"), [a]), l = p(() => e.metadata ?? {
     joinedAt: e == null ? void 0 : e.createdAt,

package/lib/UserCard/Content/clock.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { Box as c, Typography as l, Tooltip as f } from "@mui/material";
 import { useMemoizedFn as p } from "ahooks";
-import h from "../../hooks/use-clock.js";
-import { translate as d } from "../../Locale/util.js";
-import { useLocaleContext as x } from "../../Locale/context.js";
+import h from "../../hooks/use-clock";
+import { translate as d } from "../../Locale/util";
+import { useLocaleContext as x } from "../../Locale/context";
 const u = {
   en: {
     localTime: "Local Time",

package/lib/UserCard/Content/minimal.d.ts

@@ -8,6 +8,6 @@ interface MinimalContentProps extends UserCardProps {
     avatarProps?: UserCardProps['avatarProps'];
     shortenLabelProps?: UserCardProps['shortenLabelProps'];
 }
-declare function MinimalContent(props: MinimalContentProps): import("react/jsx-runtime").JSX.Element;
+declare function MinimalContent({ ...props }: MinimalContentProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof MinimalContent>;
 export default _default;

package/lib/UserCard/Content/minimal.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { memo as x } from "react";
 import { Box as o, Typography as g } from "@mui/material";
-import { DID as y } from "../../DID/index.js";
-import C from "./tooltip-avatar.js";
-import { renderTopRight as b } from "../components.js";
-import v from "./shorten-label.js";
-function W(n) {
+import { DID as y } from "../../DID";
+import C from "./tooltip-avatar";
+import { renderTopRight as b } from "../components";
+import v from "./shorten-label";
+function W({ ...a }) {
   const {
     user: e,
-    showDid: a,
+    showDid: n,
     didProps: l,
     avatarSize: s,
     shouldShowHoverCard: d,
@@ -19,7 +19,7 @@ function W(n) {
     shortenLabelProps: h,
     renderName: i,
     ...u
-  } = n;
+  } = a;
   return /* @__PURE__ */ r(
     o,
     {
@@ -69,7 +69,7 @@ function W(n) {
                     children: i ? i(e) : /* @__PURE__ */ t(v, { sx: { fontWeight: 500 }, ...h, children: e.fullName || e.email || e.did })
                   }
                 ),
-                a && e.did ? /* @__PURE__ */ t(y, { did: e.did, size: 14, copyable: !0, compact: !0, locale: "en", sx: { lineHeight: 1.5 }, ...l ?? {} }) : null
+                n && e.did ? /* @__PURE__ */ t(y, { did: e.did, size: 14, copyable: !0, compact: !0, locale: "en", sx: { lineHeight: 1.5 }, ...l ?? {} }) : null
               ] })
             ]
           }

package/lib/UserCard/Content/tooltip-avatar.js

@@ -1,28 +1,28 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Tooltip as l, Zoom as f } from "@mui/material";
-import { renderAvatar as c } from "../components.js";
-function d({
-  user: i,
+import { Tooltip as i, Zoom as f } from "@mui/material";
+import { renderAvatar as c } from "../components";
+function x({
+  user: l,
   avatarSize: m,
-  shouldShowHoverCard: e,
-  renderCardContent: o,
-  tooltipTitle: t,
-  tooltipProps: a,
-  avatarProps: p,
+  shouldShowHoverCard: r,
+  renderCardContent: e = void 0,
+  tooltipTitle: t = void 0,
+  tooltipProps: a = void 0,
+  avatarProps: p = void 0,
   onAvatarClick: s
 }) {
-  const r = c(
-    i,
+  const o = c(
+    l,
     m,
     p,
     s,
-    e || !!t
+    r || !!t
   );
-  return t ? /* @__PURE__ */ n(l, { enterDelay: 200, title: t, placement: "bottom", ...a ?? {}, children: r }) : e ? /* @__PURE__ */ n(
-    l,
+  return t ? /* @__PURE__ */ n(i, { enterDelay: 200, title: t, placement: "bottom", ...a ?? {}, children: o }) : r ? /* @__PURE__ */ n(
+    i,
     {
       enterDelay: 200,
-      title: o ? o() : null,
+      title: e ? e() : null,
       placement: "bottom",
       arrow: !1,
       ...a ?? {},
@@ -41,10 +41,10 @@ function d({
       slots: {
         transition: f
       },
-      children: r
+      children: o
     }
-  ) : r;
+  ) : o;
 }
 export {
-  d as default
+  x as default
 };