@arcblock/ux 3.0.6 → 3.0.8

package/lib/DIDConnect/request-storage-access-api-dialog.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
-import { Box as l, Typography as p, Chip as w, List as R, ListItem as y, Button as q } from "@mui/material";
+import { Box as i, Typography as p, Chip as x, List as R, ListItem as w, Button as q } from "@mui/material";
 import { Icon as u } from "@iconify/react";
 import D from "@iconify-icons/tabler/external-link";
 import L from "@iconify-icons/material-symbols/lock-outline";
 import B from "@iconify-icons/material-symbols/check-circle";
-import b from "@iconify-icons/material-symbols/rocket-launch-rounded";
+import y from "@iconify-icons/material-symbols/rocket-launch-rounded";
 import { useReactive as F, useMemoizedFn as s } from "ahooks";
 import { memo as U, useRef as j, useImperativeHandle as M } from "react";
-import k from "lodash/noop";
+import b from "lodash/noop";
 import { translate as W } from "../Locale/util.js";
 import Y from "./did-connect-container.js";
 import _ from "../CloseButton/index.js";
@@ -56,13 +56,13 @@ const P = {
   }
 };
 function T({
-  ref: r,
-  locale: f = "en",
+  ref: r = void 0,
+  locale: k = "en",
   src: c,
-  storageAccessState: h
+  storageAccessState: f
 }) {
-  const g = j(null), o = F({
-    callback: k,
+  const h = j(null), o = F({
+    callback: b,
     open: !1,
     get origin() {
       try {
@@ -78,8 +78,8 @@ function T({
         return c;
       }
     }
-  }), i = s((n, a = {}) => W(P, n, f, "en", a)), A = s(() => {
-    o.open = !1, o.callback = k;
+  }), l = s((n, a = {}) => W(P, n, k, "en", a)), A = s(() => {
+    o.open = !1, o.callback = b;
   }), I = s(() => {
     o.open = !0;
   }), v = s(() => {
@@ -87,7 +87,7 @@ function T({
   }), C = s(
     async (n) => {
       var d;
-      (await ((d = g.current) == null ? void 0 : d.callIframe("requestStorageAccess"))).value ? n(!0, "broswer") : h === void 0 ? n(!1, "system") : h === "denied" ? n(!1) : (o.open = !0, o.callback = n);
+      (await ((d = h.current) == null ? void 0 : d.callIframe("requestStorageAccess"))).value ? n(!0, "broswer") : f === void 0 ? n(!1, "system") : f === "denied" ? n(!1) : (o.open = !0, o.callback = n);
     }
   ), z = s(() => new Promise((n) => {
     C((a, d) => {
@@ -95,15 +95,15 @@ function T({
     });
   })), S = s(() => {
     o.open = !1;
-  }), x = s(() => {
+  }), g = s(() => {
     o.open = !1, o.callback(!1, "system");
   });
   return M(r, () => ({
     open: I,
     close: v,
     requestStorageAccess: z
-  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: x, keepMounted: !0, children: /* @__PURE__ */ t(
-    l,
+  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: g, keepMounted: !0, children: /* @__PURE__ */ t(
+    i,
     {
       sx: {
         backgroundColor: "background.default",
@@ -121,7 +121,7 @@ function T({
         /* @__PURE__ */ e(
           _,
           {
-            onClose: x,
+            onClose: g,
             sx: {
               position: "absolute",
               right: 14,
@@ -143,7 +143,7 @@ function T({
             },
             children: [
               /* @__PURE__ */ e(
-                l,
+                i,
                 {
                   component: u,
                   icon: L,
@@ -153,14 +153,14 @@ function T({
                   }
                 }
               ),
-              i("title")
+              l("title")
             ]
           }
         ),
-        /* @__PURE__ */ t(l, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-          /* @__PURE__ */ e(p, { children: i("reason", {
+        /* @__PURE__ */ t(i, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+          /* @__PURE__ */ e(p, { children: l("reason", {
             site: /* @__PURE__ */ e(
-              w,
+              x,
               {
                 clickable: !0,
                 component: "a",
@@ -174,13 +174,13 @@ function T({
               }
             )
           }) }),
-          /* @__PURE__ */ e(p, { component: "div", children: i("clickAllow", {
-            allowButton: /* @__PURE__ */ e(w, { label: i("allow"), size: "small", color: "success" })
+          /* @__PURE__ */ e(p, { component: "div", children: l("clickAllow", {
+            allowButton: /* @__PURE__ */ e(x, { label: l("allow"), size: "small", color: "success" })
           }) }),
-          /* @__PURE__ */ t(l, { sx: { mt: 2 }, children: [
+          /* @__PURE__ */ t(i, { sx: { mt: 2 }, children: [
             /* @__PURE__ */ t(p, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
               /* @__PURE__ */ e(
-                l,
+                i,
                 {
                   component: u,
                   icon: B,
@@ -190,36 +190,36 @@ function T({
                   }
                 }
               ),
-              i("afterAllow.title")
+              l("afterAllow.title")
             ] }),
             /* @__PURE__ */ t(R, { dense: !0, sx: { py: 0, pl: 2 }, children: [
-              /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
-                  l,
+                  i,
                   {
                     component: u,
-                    icon: b,
+                    icon: y,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
                     }
                   }
                 ),
-                i("afterAllow.list1")
+                l("afterAllow.list1")
               ] }),
-              /* @__PURE__ */ t(y, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
-                  l,
+                  i,
                   {
                     component: u,
-                    icon: b,
+                    icon: y,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
                     }
                   }
                 ),
-                i("afterAllow.list2")
+                l("afterAllow.list2")
               ] })
             ] })
           ] }),
@@ -231,20 +231,19 @@ function T({
               sx: {
                 color: "grey.700"
               },
-              children: i("dataUsage")
+              children: l("dataUsage")
             }
           )
         ] }),
-        /* @__PURE__ */ e(l, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(l, { sx: { position: "relative", display: "inline-block", cursor: "pointer" }, children: [
-          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: S, sx: { minWidth: 100, letterSpacing: 1 }, children: i("allow") }),
+        /* @__PURE__ */ e(i, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(i, { sx: { position: "relative", display: "inline-block", cursor: "pointer" }, children: [
+          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: S, sx: { minWidth: 100, letterSpacing: 1 }, children: l("allow") }),
           /* @__PURE__ */ e(
             H,
             {
-              ref: g,
+              ref: h,
               onClick: ({ value: n, visitorId: a }) => {
                 a && O(a), o.callback(n, "broswer");
               },
-              locale: f,
               src: c,
               sx: {
                 zIndex: 1
@@ -256,7 +255,7 @@ function T({
     }
   ) });
 }
-const ie = U(T);
+const le = U(T);
 export {
-  ie as default
+  le as default
 };

package/lib/Datatable/CustomToolbar.d.ts

@@ -1,5 +1,7 @@
 import { default as PropTypes } from 'prop-types';
-declare function CustomToolbar(props: any): import("react/jsx-runtime").JSX.Element;
+declare function CustomToolbar({ ...props }: {
+    [x: string]: any;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace CustomToolbar {
     namespace propTypes {
         let data: PropTypes.Requireable<any[]>;

package/lib/Datatable/CustomToolbar.js

@@ -14,7 +14,7 @@ function Ie() {
   const s = Te();
   return ve(s.breakpoints.down("sm"));
 }
-function Be(s) {
+function Be({ ...s }) {
   const [f, d] = T(null), k = V(null), F = Ie(), N = V(Math.random().toString(32).slice(2)), [O, A] = T(!1), { customPreButtons: b, customButtons: C, loading: u, disabled: g } = Pe(), {
     data: Q = [],
     options: o,

package/lib/Datatable/index.js

@@ -25,7 +25,7 @@ const fe = $("div")`
     font-size: 14px;
   }
 `;
-function N(e) {
+function N({ ...e }) {
   const { filterLabel: a } = M(), r = !!(e.filterList ?? []).filter((n) => n.length).length;
   return r ? /* @__PURE__ */ te(fe, { children: [
     r && /* @__PURE__ */ i("div", { className: "toolbar-filter-title", children: a }),
@@ -58,7 +58,7 @@ const k = (e, a) => {
   e.align && (a.className = P(a.className, `pc-align-${e.align}`)), e.verticalKeyAlign && (a.className = P(a.className, `vertical-align-${e.verticalKeyAlign}`)), e.minWidth && (r.minWidth = e.minWidth), a.style = Object.assign({}, a.style, r);
 };
 function A({
-  data: e = [],
+  data: e,
   columns: a,
   locale: r = "en",
   options: n = {},

package/lib/Dialog/confirm.d.ts

@@ -29,7 +29,7 @@ declare namespace Confirm {
         let open: PropTypes.Validator<boolean>;
         let onConfirm: PropTypes.Validator<(...args: any[]) => any>;
         let onCancel: PropTypes.Validator<(...args: any[]) => any>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         let showCancelButton: PropTypes.Requireable<boolean>;
         let showConfirmButton: PropTypes.Requireable<boolean>;
         let showCloseButton: PropTypes.Requireable<boolean>;

package/lib/Dialog/confirm.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as C, Fragment as g } from "react/jsx-runtime";
 import o from "prop-types";
-import { useMemoizedFn as y } from "ahooks";
-import u from "../Button/index.js";
-import j from "./dialog.js";
-function q({
+import { useMemoizedFn as q } from "ahooks";
+import c from "../Button/index.js";
+import y from "./dialog.js";
+function R({
   title: a,
   children: d,
   onConfirm: m,
@@ -27,11 +27,11 @@ function q({
     },
     t.style
   );
-  const h = y((e, c) => {
-    ["backdropClick", "escapeKeyDown"].includes(c) || (e.stopPropagation(), i(e, c));
+  const h = q((e, u) => {
+    ["backdropClick", "escapeKeyDown"].includes(u) || (e.stopPropagation(), i(e, u));
   });
   return /* @__PURE__ */ r(
-    j,
+    y,
     {
       title: a,
       PaperProps: t,
@@ -56,7 +56,7 @@ function q({
       },
       actions: n || s ? /* @__PURE__ */ C(g, { children: [
         n && /* @__PURE__ */ r(
-          u,
+          c,
           {
             onClick: (e) => {
               e.stopPropagation(), i(e, "closeButton");
@@ -67,7 +67,7 @@ function q({
           }
         ),
         s && /* @__PURE__ */ r(
-          u,
+          c,
           {
             onClick: (e) => {
               e.stopPropagation(), m(e);
@@ -83,12 +83,12 @@ function q({
     }
   );
 }
-q.propTypes = {
+R.propTypes = {
   title: o.node.isRequired,
   open: o.bool.isRequired,
   onConfirm: o.func.isRequired,
   onCancel: o.func.isRequired,
-  children: o.node,
+  children: o.node.isRequired,
   showCancelButton: o.bool,
   showConfirmButton: o.bool,
   showCloseButton: o.bool,
@@ -105,5 +105,5 @@ q.propTypes = {
   PaperProps: o.object
 };
 export {
-  q as default
+  R as default
 };

package/lib/Earth/index.js

@@ -52,7 +52,7 @@ function W({
   height: g = 600,
   enableRotation: I = !1,
   rotationSpeed: M = 5,
-  activeMarkerId: a,
+  activeMarkerId: a = void 0,
   markers: y = [],
   colors: L = {}
 }) {

package/lib/Footer/index.d.ts

@@ -6,4 +6,4 @@ export interface FooterProps {
     style?: React.CSSProperties;
     addon?: React.ReactNode;
 }
-export default function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;
+export default function Footer({ ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/lib/Footer/index.js

@@ -2,10 +2,10 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { Container as h, Typography as r, Box as g } from "@mui/material";
 import { mergeProps as w } from "../Util/index.js";
 import y from "../Logo/index.js";
-import { styled as b } from "../Theme/index.js";
-function u(e) {
+import { styled as u } from "../Theme/index.js";
+function b({ ...e }) {
   var s;
-  const p = w(e, u, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
+  const p = w(e, b, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
   return /* @__PURE__ */ o(k, { className: d, style: c, dark: n, children: [
     /* @__PURE__ */ t(h, { maxWidth: !1, children: /* @__PURE__ */ o(r, { component: "div", className: "footer", children: [
       /* @__PURE__ */ o(r, { component: "p", className: "footer-item", children: [
@@ -46,7 +46,7 @@ function u(e) {
     )
   ] });
 }
-const k = b("div", {
+const k = u("div", {
   shouldForwardProp: (e) => e !== "dark"
 })`
   position: relative;
@@ -110,5 +110,5 @@ const k = b("div", {
   }
 `;
 export {
-  u as default
+  b as default
 };

package/lib/Header/addon-button.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '@mui/material';
 type Props<D extends React.ElementType, P = {}> = {
     icon?: React.ReactNode;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 } & ButtonProps<D, P>;
 export declare function AddonButton<D extends React.ElementType, P = {}>({ icon, children, sx, ...rest }: Props<D, P>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/Header/addon-button.js

@@ -1,6 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as d } from "@mui/material";
-function m({ icon: o, children: t, sx: r, ...i }) {
+import { jsx as d } from "react/jsx-runtime";
+import { Button as e } from "@mui/material";
+function m({
+  icon: t = void 0,
+  children: r,
+  sx: o,
+  ...i
+}) {
   const n = [
     {
       height: 32,
@@ -9,7 +14,7 @@ function m({ icon: o, children: t, sx: r, ...i }) {
       borderRadius: "100vh",
       fontSize: 14,
       color: "text.secondary",
-      ...!t && {
+      ...!r && {
         padding: 0,
         height: 32,
         ".MuiButton-startIcon": {
@@ -17,9 +22,9 @@ function m({ icon: o, children: t, sx: r, ...i }) {
         }
       }
     },
-    ...Array.isArray(r) ? r : [r]
+    ...Array.isArray(o) ? o : [o]
   ];
-  return /* @__PURE__ */ e(d, { startIcon: o, color: "inherit", variant: "outlined", sx: n, ...i, children: t });
+  return /* @__PURE__ */ d(e, { startIcon: t, color: "inherit", variant: "outlined", sx: n, ...i, children: r });
 }
 export {
   m as AddonButton

package/lib/Header/header.js

@@ -13,7 +13,7 @@ function I({
   addons: p = null,
   prepend: f = null,
   align: o = "left",
-  maxWidth: x,
+  maxWidth: x = !1,
   homeLink: i = "/",
   ...m
 }) {

package/lib/Header/responsive-header.d.ts

@@ -13,5 +13,5 @@ export interface ResponsiveHeaderProps extends Omit<HeaderProps, 'children'> {
  *
  * 注意: 暂时不要通过 display: none 隐藏 logo, https://blog.patw.me/archives/1820/inline-svg-same-id-and-display-none-issue/
  */
-declare function ResponsiveHeader({ menu, prepend, children, ...rest }: ResponsiveHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function ResponsiveHeader({ prepend, children, ...rest }: ResponsiveHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default ResponsiveHeader;

package/lib/Header/responsive-header.js

@@ -1,48 +1,47 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { useState as v } from "react";
-import { useReactive as g, useCreation as h } from "ahooks";
-import { Close as b, Menu as x } from "@mui/icons-material";
-import { Container as w, useTheme as P, useMediaQuery as k, Drawer as C, Button as M } from "@mui/material";
-import c from "./header.js";
-import { styled as f } from "../Theme/index.js";
-function H({ menu: m, prepend: s, children: r, ...u }) {
-  const n = P(), a = k(n.breakpoints.down("md")), [t, l] = v(!1), d = typeof r == "function" ? r({ isMobile: a, closeMenu: () => l(!1) }) : r, e = g({
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { useReactive as v, useCreation as h } from "ahooks";
+import { Close as g, Menu as b } from "@mui/icons-material";
+import { Container as x, useTheme as w, useMediaQuery as P, Drawer as k, Button as C } from "@mui/material";
+import i from "./header.js";
+import { styled as c } from "../Theme/index.js";
+function D({ prepend: n, children: r = null, ...s }) {
+  const a = w(), l = P(a.breakpoints.down("md")), [t, m] = y(!1), u = typeof r == "function" ? r({ isMobile: l, closeMenu: () => m(!1) }) : r, e = v({
     changed: !1,
     value: "",
     priority: ""
   });
   return h(() => {
-    var p;
-    if ((p = document.documentElement) != null && p.style) {
-      const i = () => {
+    var d;
+    if ((d = document.documentElement) != null && d.style) {
+      const p = () => {
         e.changed && (e.value ? document.documentElement.style.setProperty("overflow", e.value, e.priority) : document.documentElement.style.removeProperty("overflow"), e.value = "", e.priority = "", e.changed = !1);
       };
-      return t ? (e.changed = !0, e.value = document.documentElement.style.getPropertyValue("overflow"), e.priority = document.documentElement.style.getPropertyPriority("overflow"), document.documentElement.style.setProperty("overflow", "revert", "important")) : i(), i;
+      return t ? (e.changed = !0, e.value = document.documentElement.style.getPropertyValue("overflow"), e.priority = document.documentElement.style.getPropertyPriority("overflow"), document.documentElement.style.setProperty("overflow", "revert", "important")) : p(), p;
     }
     return () => {
     };
-  }, [t]), r ? /* @__PURE__ */ y(
-    E,
+  }, [t]), r ? /* @__PURE__ */ f(
+    M,
     {
-      prepend: s || /* @__PURE__ */ o(
-        M,
+      prepend: n || /* @__PURE__ */ o(
+        C,
         {
-          sx: { color: n.palette.grey[500] },
-          edge: "start",
+          sx: { color: a.palette.grey[500] },
           className: "header-menu",
           "aria-label": "header menu button",
-          onClick: () => l(!t),
-          children: t ? /* @__PURE__ */ o(b, {}) : /* @__PURE__ */ o(x, {})
+          onClick: () => m(!t),
+          children: t ? /* @__PURE__ */ o(g, {}) : /* @__PURE__ */ o(b, {})
         }
       ),
-      ...u,
+      ...s,
       children: [
-        !a && d,
-        a && /* @__PURE__ */ o(
-          C,
+        !l && u,
+        l && /* @__PURE__ */ o(
+          k,
           {
             open: t,
-            onClose: () => l(!1),
+            onClose: () => m(!1),
             ModalProps: {
               disablePortal: !1,
               keepMounted: !0,
@@ -51,7 +50,7 @@ function H({ menu: m, prepend: s, children: r, ...u }) {
             anchor: "top",
             sx: {
               top: 64,
-              zIndex: n.zIndex.appBar - 1
+              zIndex: a.zIndex.appBar - 1
             },
             slotProps: {
               paper: {
@@ -60,28 +59,28 @@ function H({ menu: m, prepend: s, children: r, ...u }) {
                   bottom: 0,
                   boxShadow: "none",
                   backgroundImage: "none",
-                  backgroundColor: n.palette.background.paper
+                  backgroundColor: a.palette.background.paper
                 }
               }
             },
-            children: /* @__PURE__ */ o(B, { children: d })
+            children: /* @__PURE__ */ o(E, { children: u })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ o(c, { prepend: s, ...u });
+  ) : /* @__PURE__ */ o(i, { prepend: n, ...s });
 }
-const E = f(c)`
+const M = c(i)`
   .header-menu {
     display: none;
   }
-  ${(m) => m.theme.breakpoints.down("md")} {
+  ${(n) => n.theme.breakpoints.down("md")} {
     .header-menu {
       display: flex;
       margin-right: 12px;
     }
   }
-`, B = f(w)`
+`, E = c(x)`
   padding-top: 8px;
   padding-bottom: 16px;
   .navmenu {
@@ -93,5 +92,5 @@ const E = f(c)`
   }
 `;
 export {
-  H as default
+  D as default
 };

package/lib/Icon/index.js

@@ -4,22 +4,22 @@ import l from "../Colors/themes/default.js";
 import { styled as p } from "../Theme/index.js";
 import { withDeprecated as m } from "../Util/deprecate.js";
 function h({
-  name: r,
-  color: o = l.grey[900],
+  name: o,
+  color: r = l.grey[900],
   size: e = 24,
   variant: a = "regular",
   rounded: f = !1,
   className: i = "",
-  forwardedRef: c
+  forwardedRef: c = void 0
 }) {
-  const s = a === "solid" ? `fa-solid:${r}` : `fa-regular:${r}`, n = /* @__PURE__ */ t(d, { icon: s, color: o, width: e, height: e, className: i });
-  return f ? /* @__PURE__ */ t(u, { ref: c, size: e, color: o, className: i, children: n }) : n;
+  const s = a === "solid" ? `fa-solid:${o}` : `fa-regular:${o}`, n = /* @__PURE__ */ t(d, { icon: s, color: r, width: e, height: e, className: i });
+  return f ? /* @__PURE__ */ t(u, { ref: c, size: e, color: r, className: i, children: n }) : n;
 }
 const u = p("span")`
-  width: ${(r) => r.size * 2}px;
-  height: ${(r) => r.size * 2}px;
+  width: ${(o) => o.size * 2}px;
+  height: ${(o) => o.size * 2}px;
   border-radius: 50%;
-  border: 1px solid ${(r) => r.color};
+  border: 1px solid ${(o) => o.color};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -28,13 +28,13 @@ const u = p("span")`
   .fas,
   .fal,
   .far {
-    line-height: ${(r) => r.size}px;
+    line-height: ${(o) => o.size}px;
   }
 `, y = m(
   ({
-    ref: r,
-    ...o
-  }) => /* @__PURE__ */ t(h, { ...o, forwardedRef: r }),
+    ref: o,
+    ...r
+  }) => /* @__PURE__ */ t(h, { ...r, forwardedRef: o }),
   { name: "Icon", alternative: "SVG icons" }
 );
 export {

package/lib/InfoRow/index.d.ts

@@ -1,6 +1,6 @@
 export interface InfoRowProps {
     name: React.ReactNode;
-    nameFormatter: (name: React.ReactNode) => React.ReactNode;
+    nameFormatter?: (name: React.ReactNode) => React.ReactNode;
     layout?: 'horizontal' | 'vertical';
     children: React.ReactNode;
     valueComponent?: React.ElementType;

package/lib/InfoRow/index.js

@@ -5,7 +5,6 @@ import { Typography as e } from "@mui/material";
 import { styled as d } from "../Theme/index.js";
 function v({
   name: t,
-  // eslint-disable-next-line no-shadow
   nameFormatter: a = (o) => typeof o == "string" ? o.split(" ").map((s) => x(c(s))).join(" ") : o,
   layout: n = "horizontal",
   children: r,

package/lib/Layout/dashboard/external-link.d.ts

@@ -4,7 +4,7 @@ type RouterNavLinkProps = React.ComponentProps<typeof RouterNavLink>;
 export interface LinkProps extends RouterLinkProps {
     external?: false | true;
 }
-export declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export interface NavLinkProps extends Omit<RouterNavLinkProps, 'className'> {
     className?: string | ((props: Partial<NavLinkRenderProps>) => string | undefined);
     external?: false | true;

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

@@ -15,7 +15,7 @@ function u({
     /* @__PURE__ */ r(n, { to: o, ...e, children: i })
   );
 }
-function p(n) {
+function p({ ...n }) {
   return /* @__PURE__ */ r(u, { routerLinkComponent: f, ...n });
 }
 function m({ className: n = "", ...o }) {