@blocklet/ui-react 3.0.6 → 3.0.7

package/lib/BlockletStudio/index.d.ts

@@ -1,26 +1,26 @@
-export { G as default };
-declare function G({ open: a, setOpen: s, onOpened: t, componentDid: i, tenantScope: o, resourcesParams: h, mode: w, title: E, logo: R, description: L, introduction: y, note: D, componentsTitle: S, resourcesTitle: b, onUploaded: j, onReleased: x, onConnected: B, components: P, resources: U, style: _, zIndex: k, dependentComponentsMode: C, ...F }: {
+export { z as default };
+declare function z({ open: d, setOpen: s, onOpened: i, componentDid: e, tenantScope: r, resourcesParams: h, mode: w, title: E, logo: v, description: R, introduction: L, note: y, componentsTitle: D, resourcesTitle: S, onUploaded: b, onReleased: j, onConnected: x, components: B, resources: P, style: U, zIndex: _, dependentComponentsMode: k, ...C }: {
     [x: string]: any;
     open: any;
     setOpen: any;
-    onOpened: any;
+    onOpened?: undefined;
     componentDid: any;
-    tenantScope: any;
+    tenantScope?: undefined;
     resourcesParams?: {} | undefined;
     mode?: string | undefined;
-    title: any;
-    logo: any;
-    description: any;
-    introduction: any;
-    note: any;
-    componentsTitle: any;
-    resourcesTitle: any;
-    onUploaded: any;
-    onReleased: any;
-    onConnected: any;
+    title?: undefined;
+    logo?: undefined;
+    description?: undefined;
+    introduction?: undefined;
+    note?: undefined;
+    componentsTitle?: undefined;
+    resourcesTitle?: undefined;
+    onUploaded?: undefined;
+    onReleased?: undefined;
+    onConnected?: undefined;
     components?: any[] | undefined;
     resources?: {} | undefined;
     style?: {} | undefined;
     zIndex?: number | undefined;
-    dependentComponentsMode: any;
+    dependentComponentsMode?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;

package/lib/BlockletStudio/index.js

@@ -1,81 +1,81 @@
-import { jsx as T } from "react/jsx-runtime";
-import { BLOCKLET_SERVICE_PATH_PREFIX as V } from "@arcblock/ux/lib/Util/constant";
-import { useState as A, useRef as p, useEffect as H } from "react";
-import { joinURL as J } from "ufo";
-function K(a, s) {
-  const t = new URL(a);
-  return Object.keys(s).forEach((i) => {
-    const o = s[i];
-    o !== void 0 && t.searchParams.set(i, typeof o == "string" ? o : JSON.stringify(o));
-  }), t.pathname + t.search;
+import { jsx as I } from "react/jsx-runtime";
+import { BLOCKLET_SERVICE_PATH_PREFIX as T } from "@arcblock/ux/lib/Util/constant";
+import { useState as V, useRef as p, useEffect as A } from "react";
+import { joinURL as H } from "ufo";
+function J(d, s) {
+  const i = new URL(d);
+  return Object.keys(s).forEach((e) => {
+    const r = s[e];
+    r !== void 0 && i.searchParams.set(e, typeof r == "string" ? r : JSON.stringify(r));
+  }), i.pathname + i.search;
 }
-function G({
-  open: a,
+function z({
+  open: d,
   setOpen: s,
-  onOpened: t,
-  componentDid: i,
-  tenantScope: o,
+  onOpened: i = void 0,
+  componentDid: e,
+  tenantScope: r = void 0,
   resourcesParams: h = {},
   mode: w = "dialog",
-  title: E,
-  logo: R,
-  description: L,
-  introduction: y,
-  note: D,
-  componentsTitle: S,
-  resourcesTitle: b,
-  onUploaded: j,
-  onReleased: x,
-  onConnected: B,
-  components: P = [],
-  resources: U = {},
-  style: _ = {},
-  zIndex: k = 9999,
-  dependentComponentsMode: C,
-  ...F
+  title: E = void 0,
+  logo: v = void 0,
+  description: R = void 0,
+  introduction: L = void 0,
+  note: y = void 0,
+  componentsTitle: D = void 0,
+  resourcesTitle: S = void 0,
+  onUploaded: b = void 0,
+  onReleased: j = void 0,
+  onConnected: x = void 0,
+  components: B = [],
+  resources: P = {},
+  style: U = {},
+  zIndex: _ = 9999,
+  dependentComponentsMode: k = void 0,
+  ...C
 }) {
-  const [n, c] = A(!1), u = p("");
-  u.current = i;
-  const e = p({});
-  if (e.current["resourceDialog.close"] = () => {
-    c(!1), s(!1);
-  }, e.current["resourceDialog.loaded"] = () => {
-    c(!0), t == null || t();
-  }, e.current["studioDialog.uploaded"] = j, e.current["studioDialog.connected"] = B, e.current["studioDialog.released"] = x, H(() => {
-    const l = (r) => {
+  const [a, n] = V(!1), c = p("");
+  c.current = e;
+  const t = p({});
+  if (t.current["resourceDialog.close"] = () => {
+    n(!1), s(!1);
+  }, t.current["resourceDialog.loaded"] = () => {
+    n(!0), i == null || i();
+  }, t.current["studioDialog.uploaded"] = b, t.current["studioDialog.connected"] = x, t.current["studioDialog.released"] = j, A(() => {
+    const u = (o) => {
       var f, m, g;
-      if (((f = r == null ? void 0 : r.data) == null ? void 0 : f.componentDid) !== u.current)
+      if (((f = o == null ? void 0 : o.data) == null ? void 0 : f.componentDid) !== c.current)
         return;
-      const d = e.current[(m = r == null ? void 0 : r.data) == null ? void 0 : m.event];
-      typeof d == "function" && d((g = r == null ? void 0 : r.data) == null ? void 0 : g.data);
+      const l = t.current[(m = o == null ? void 0 : o.data) == null ? void 0 : m.event];
+      typeof l == "function" && l((g = o == null ? void 0 : o.data) == null ? void 0 : g.data);
     };
-    return window.addEventListener("message", l), () => {
-      window.removeEventListener("message", l);
+    return window.addEventListener("message", u), () => {
+      window.removeEventListener("message", u);
     };
-  }, []), !a)
+  }, []), !d)
     return null;
-  const I = K(
-    J(window.location.origin, V, "/embed/resources", i, "/publish"),
+  const F = J(
+    H(window.location.origin, T, "/embed/resources", e, "/publish"),
     {
       title: E,
-      logo: R,
-      description: L,
-      introduction: y,
-      note: D,
-      tenantScope: o,
+      logo: v,
+      description: R,
+      introduction: L,
+      note: y,
+      tenantScope: r,
       mode: w,
       resourcesParams: h,
-      resources: U,
-      components: P,
-      resourcesTitle: b,
-      componentsTitle: S,
-      dependentComponentsMode: C
+      resources: P,
+      components: B,
+      resourcesTitle: S,
+      componentsTitle: D,
+      dependentComponentsMode: k
     }
   );
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ I(
     "iframe",
     {
-      src: I,
+      src: F,
       title: "Blocklet Studio",
       style: {
         position: "fixed",
@@ -83,18 +83,18 @@ function G({
         left: 0,
         width: "100vw",
         height: "100vh",
-        zIndex: k,
+        zIndex: _,
         border: 0,
         padding: 0,
         margin: 0,
-        pointerEvents: n ? "auto" : "none",
-        opacity: n ? 1 : 0,
-        ..._
+        pointerEvents: a ? "auto" : "none",
+        opacity: a ? 1 : 0,
+        ...U
       },
-      ...F
+      ...C
     }
   );
 }
 export {
-  G as default
+  z as default
 };

package/lib/ComponentManager/components/add-component.d.ts

@@ -1,13 +1,13 @@
 export { $ as default };
-declare function $({ componentDid: a, resourceType: w, resourceDid: p, grantedRoles: L, autoClose: R, selectedMeta: D, storeUrl: E, onComplete: n, onClose: t, render: m }: {
+declare function $({ componentDid: a, resourceType: w, resourceDid: p, grantedRoles: L, autoClose: R, selectedMeta: D, storeUrl: E, onComplete: n, onClose: t, render: d }: {
     componentDid: any;
-    resourceType: any;
-    resourceDid: any;
+    resourceType?: undefined;
+    resourceDid?: undefined;
     grantedRoles?: string[] | undefined;
     autoClose?: boolean | undefined;
-    selectedMeta: any;
-    storeUrl: any;
+    selectedMeta?: undefined;
+    storeUrl?: undefined;
     onComplete: any;
     onClose: any;
-    render: any;
+    render?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/ComponentManager/components/add-component.js

@@ -1,31 +1,31 @@
-import { jsxs as B, Fragment as C, jsx as g } from "react/jsx-runtime";
-import { use as F, useRef as I, useEffect as S } from "react";
-import j from "@arcblock/ux/lib/Button";
-import { useLocaleContext as P } from "@arcblock/ux/lib/Locale/context";
-import { BLOCKLET_SERVICE_PATH_PREFIX as T } from "@arcblock/ux/lib/Util/constant";
-import { useMemoizedFn as r, useReactive as U } from "ahooks";
-import { translate as _ } from "@arcblock/ux/lib/Locale/util";
-import { withQuery as A, joinURL as M } from "ufo";
-import { SessionContext as O } from "@arcblock/did-connect/lib/Session";
+import { jsxs as y, Fragment as B, jsx as g } from "react/jsx-runtime";
+import { use as C, useRef as F, useEffect as I } from "react";
+import S from "@arcblock/ux/lib/Button";
+import { useLocaleContext as j } from "@arcblock/ux/lib/Locale/context";
+import { BLOCKLET_SERVICE_PATH_PREFIX as P } from "@arcblock/ux/lib/Util/constant";
+import { useMemoizedFn as r, useReactive as T } from "ahooks";
+import { translate as U } from "@arcblock/ux/lib/Locale/util";
+import { withQuery as _, joinURL as A } from "ufo";
+import { SessionContext as M } from "@arcblock/did-connect/lib/Session";
 import h from "@arcblock/ux/lib/Toast";
-import z from "./resource-dialog.js";
-import { translations as H } from "../libs/locales.js";
+import O from "./resource-dialog.js";
+import { translations as z } from "../libs/locales.js";
 function $({
   componentDid: a,
-  resourceType: w,
-  resourceDid: p,
+  resourceType: w = void 0,
+  resourceDid: p = void 0,
   grantedRoles: L = ["admin", "owner"],
   autoClose: R = !0,
-  selectedMeta: D,
-  storeUrl: E,
+  selectedMeta: D = void 0,
+  storeUrl: E = void 0,
   onComplete: n,
   onClose: t,
-  render: m
+  render: d = void 0
 }) {
-  const { session: d } = F(O), { locale: x } = P(), i = r((o, s = {}) => _(H, o, x, "en", s)), l = I(null), e = U({
+  const { session: m } = C(M), { locale: x } = j(), i = r((o, s = {}) => U(z, o, x, "en", s)), l = F(null), e = T({
     loading: !1,
     showDialog: !1
-  }), b = A(M(T, "embed/resources", a, "add"), {
+  }), b = _(A(P, "embed/resources", a, "add"), {
     resourceDid: p,
     resourceType: w,
     mode: "dialog",
@@ -33,33 +33,33 @@ function $({
     showResourcesSwitch: "false",
     enableRunBackground: "false",
     showCategory: "false"
-  }), k = r(() => {
+  }), v = r(() => {
     e.showDialog = !1, t == null || t();
   }), c = r(() => {
     e.showDialog = !1, n == null || n();
   }), f = r(() => {
     var o;
-    if (!d.user) {
+    if (!m.user) {
       h.warning(i("needLogin"));
       return;
     }
-    if (!L.includes((o = d.user) == null ? void 0 : o.role)) {
+    if (!L.includes((o = m.user) == null ? void 0 : o.role)) {
       h.warning(i("noPermission"));
       return;
     }
     e.loading = !0, e.showDialog = !0;
-  }), y = r(() => {
+  }), k = r(() => {
     var o;
     e.loading = !1, l.current && ((o = l.current) == null || o.selectBlocklet(D));
   }), u = r((o) => {
     var s;
     ((s = o == null ? void 0 : o.data) == null ? void 0 : s.event) === "component.installed" && o.data.componentDid === a && (R || o.data.manual) && c();
   });
-  return S(() => {
+  return I(() => {
     e.showDialog ? window.addEventListener("message", u) : window.removeEventListener("message", u);
-  }, [e.showDialog]), /* @__PURE__ */ B(C, { children: [
-    m ? m({ onClick: f, loading: e.loading }) : /* @__PURE__ */ g(
-      j,
+  }, [e.showDialog]), /* @__PURE__ */ y(B, { children: [
+    d ? d({ onClick: f, loading: e.loading }) : /* @__PURE__ */ g(
+      S,
       {
         variant: "outlined",
         color: "secondary",
@@ -73,7 +73,7 @@ function $({
       "button"
     ),
     e.showDialog && /* @__PURE__ */ g(
-      z,
+      O,
       {
         ref: l,
         src: b,
@@ -81,9 +81,9 @@ function $({
         open: !0,
         componentDid: a,
         loading: e.loading,
-        onClose: k,
+        onClose: v,
         onComplete: c,
-        onLoad: y
+        onLoad: k
       }
     )
   ] });

package/lib/ComponentManager/components/publish-component.d.ts

@@ -1,7 +1,7 @@
 export { H as default };
-declare function H({ componentDid: s, grantedRoles: r, onClose: i, render: a }: {
+declare function H({ componentDid: s, grantedRoles: i, onClose: n, render: a }: {
     componentDid: any;
-    grantedRoles: any;
+    grantedRoles?: undefined;
     onClose: any;
-    render: any;
+    render?: undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/lib/ComponentManager/components/publish-component.js

@@ -2,33 +2,33 @@ import { jsxs as x, Fragment as b, jsx as u } from "react/jsx-runtime";
 import { use as w } from "react";
 import L from "@arcblock/ux/lib/Button";
 import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
-import { BLOCKLET_SERVICE_PATH_PREFIX as D } from "@arcblock/ux/lib/Util/constant";
-import { useMemoizedFn as n, useReactive as E } from "ahooks";
-import { translate as P } from "@arcblock/ux/lib/Locale/util";
-import { SessionContext as F } from "@arcblock/did-connect/lib/Session";
+import { BLOCKLET_SERVICE_PATH_PREFIX as v } from "@arcblock/ux/lib/Util/constant";
+import { useMemoizedFn as t, useReactive as D } from "ahooks";
+import { translate as E } from "@arcblock/ux/lib/Locale/util";
+import { SessionContext as P } from "@arcblock/did-connect/lib/Session";
 import c from "@arcblock/ux/lib/Toast";
-import S from "./resource-dialog.js";
-import { translations as T } from "../libs/locales.js";
+import F from "./resource-dialog.js";
+import { translations as S } from "../libs/locales.js";
 function H({
   componentDid: s,
-  grantedRoles: r,
-  onClose: i,
-  render: a
+  grantedRoles: i = void 0,
+  onClose: n,
+  render: a = void 0
 }) {
-  const { session: l } = w(F), { locale: f } = C(), e = n((t, h = {}) => P(T, t, f, "en", h)), o = E({
+  const { session: l } = w(P), { locale: f } = C(), e = t((r, h = {}) => E(S, r, f, "en", h)), o = D({
     showDialog: !1,
     loading: !1
-  }), p = `${D}/embed/resources/${s}/publish?mode=dialog`, d = n(() => {
-    o.showDialog = !1, i == null || i();
-  }), g = n(() => {
+  }), d = `${v}/embed/resources/${s}/publish?mode=dialog`, p = t(() => {
+    o.showDialog = !1, n == null || n();
+  }), g = t(() => {
     o.loading = !1;
-  }), m = n(() => {
-    var t;
+  }), m = t(() => {
+    var r;
     if (!l.user) {
       c.warning(e("needLogin"));
       return;
     }
-    if (r && r.length > 0 && !(r != null && r.includes((t = l.user) == null ? void 0 : t.role))) {
+    if (i && i.length > 0 && !(i != null && i.includes((r = l.user) == null ? void 0 : r.role))) {
       c.warning(e("noPermission"));
       return;
     }
@@ -50,11 +50,11 @@ function H({
       "button"
     ),
     o.showDialog && /* @__PURE__ */ u(
-      S,
+      F,
       {
-        src: p,
+        src: d,
         open: !0,
-        onClose: d,
+        onClose: p,
         onLoad: g,
         componentDid: s,
         loading: o.loading

package/lib/ComponentManager/components/resource-dialog.d.ts

@@ -4,7 +4,7 @@ declare const I: import('react').ForwardRefExoticComponent<{
     open?: boolean | undefined;
     componentDid: any;
     loading?: boolean | undefined;
-    storeUrl: any;
+    storeUrl?: string | undefined;
     onClose?: (() => void) | undefined;
     onComplete?: (() => void) | undefined;
     onLoad?: (() => void) | undefined;

package/lib/ComponentManager/components/resource-dialog.js

@@ -6,7 +6,7 @@ function b({
   open: t = !1,
   componentDid: n,
   loading: u = !0,
-  storeUrl: c,
+  storeUrl: c = "",
   onClose: d = () => {
   },
   onComplete: f = () => {

package/lib/Footer/internal-footer.d.ts

@@ -1,6 +1,8 @@
 import { default as n } from 'prop-types';
 export { _ as default };
-declare function _(a: any): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+declare function _({ ...a }: {
+    [x: string]: any;
+}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 declare namespace _ {
     namespace propTypes {
         let brand: n.Requireable<n.InferProps<{

package/lib/Footer/internal-footer.js

@@ -25,7 +25,7 @@ const h = [
     component: S
   }
 ], T = h.reduce((a, o) => ({ ...a, [o.name]: o }), {});
-function _(a) {
+function _({ ...a }) {
   var d, f;
   const {
     brand: o = null,

package/lib/Footer/layout/standard.d.ts

@@ -4,7 +4,7 @@ declare function g({ elements: e, data: s, className: p, ...c }: {
     [x: string]: any;
     elements: any;
     data: any;
-    className: any;
+    className?: string | undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 declare namespace g {
     namespace propTypes {

package/lib/Footer/layout/standard.js

@@ -4,7 +4,7 @@ import x from "clsx";
 import { Container as t, Box as r } from "@mui/material";
 import { styled as f } from "@arcblock/ux/lib/Theme";
 import h from "./row.js";
-function g({ elements: e, data: s, className: p, ...c }) {
+function g({ elements: e, data: s, className: p = "", ...c }) {
   var l;
   const d = !!((l = s.navigation) != null && l.length);
   let a = null;

package/lib/Footer/links.d.ts

@@ -15,6 +15,6 @@ declare namespace F {
             props: l.Requireable<object>;
         }> | null | undefined)[]>;
         let flowLayout: l.Requireable<boolean>;
-        let columns: l.Requireable<number>;
+        let columns: l.Validator<number>;
     }
 }

package/lib/Footer/links.js

@@ -77,7 +77,7 @@ function F({ links: e = [], flowLayout: d = !1, columns: u, ...k }) {
     );
   }) : null, [e, d, x, g]);
   return e != null && e.length ? /* @__PURE__ */ n(
-    S,
+    R,
     {
       ...k,
       className: c(k.className, {
@@ -101,9 +101,9 @@ F.propTypes = {
   // 流动布局, 简单的从左到右排列
   flowLayout: l.bool,
   // 列布局
-  columns: l.number
+  columns: l.number.isRequired
 };
-const S = z("div")`
+const R = z("div")`
   overflow: hidden;
   color: ${({ theme: e }) => e.palette.text.secondary};
   .footer-links-inner {

package/lib/Header/index.d.ts

@@ -2,12 +2,12 @@ export { No as default };
 declare const No: import('react').ComponentType<{
     [x: string]: any;
     meta?: {} | undefined;
-    addons: any;
+    addons?: undefined;
     sessionManagerProps?: {
         showRole: boolean;
     } | undefined;
     homeLink?: any;
-    theme: any;
+    theme?: undefined;
     hideNavMenu?: boolean | undefined;
     showDomainWarningDialog?: boolean | undefined;
 }>;

package/lib/Header/index.js

@@ -30,7 +30,7 @@ const X = {
     return { navItems: [], activeId: null };
   let t = 1;
   const m = U(e, (o) => {
-    var c, f;
+    var d, f;
     const n = o.icon ? /* @__PURE__ */ l(S, { icon: o.icon }) : null;
     if (o.items)
       return {
@@ -39,49 +39,49 @@ const X = {
         icon: n,
         children: o.items
       };
-    let i = {};
-    return ((c = o.link) != null && c.startsWith("http") || (f = o.link) != null && f.startsWith("//")) && (i = {
+    let a = {};
+    return ((d = o.link) != null && d.startsWith("http") || (f = o.link) != null && f.startsWith("//")) && (a = {
       target: "_blank",
       rel: "noreferrer"
     }), {
       id: `${t++}`,
-      label: /* @__PURE__ */ l("a", { href: o.link, ...i, children: o.title }),
+      label: /* @__PURE__ */ l("a", { href: o.link, ...a, children: o.title }),
       icon: n,
       description: o.description,
       link: o.link
     };
-  }, "items"), a = K(m), p = O(a.map((o) => o.link));
-  return { navItems: m, activeId: p >= 0 ? a[p].id : null };
+  }, "items"), i = K(m), p = O(i.map((o) => o.link));
+  return { navItems: m, activeId: p >= 0 ? i[p].id : null };
 };
 function Z({
   meta: e = {},
-  addons: t,
+  addons: t = void 0,
   sessionManagerProps: b = {
     showRole: !0
   },
   homeLink: m = G,
-  theme: a,
+  theme: i = void 0,
   hideNavMenu: p = !1,
   showDomainWarningDialog: o = !0,
   ...n
 }) {
   var v, x;
   Q();
-  const i = _(), { locale: c } = z() || {}, f = H((r, h = {}) => A(X, r, c, "en", h)), s = w(() => {
+  const a = _(), { locale: d } = z() || {}, f = H((r, h = {}) => A(X, r, d, "en", h)), c = w(() => {
     const r = Object.assign({}, window.blocklet, e);
     try {
       return q(r);
     } catch (h) {
       return console.error("Failed to format blocklet info", h, r), r;
     }
-  }, [e]), u = w(() => E(i, a), [i, a]), I = M({
+  }, [e]), u = w(() => E(a, i), [a, i]), I = M({
     meta: e,
-    theme: a
+    theme: i
   });
-  if (!s.appName)
+  if (!c.appName)
     return null;
-  const $ = D((v = s == null ? void 0 : s.navigation) == null ? void 0 : v.header, c), g = Y($), { navItems: d, activeId: N } = g, k = parseInt((x = window.blocklet) == null ? void 0 : x.USE_ARCBLOCK_THEME, 10);
-  return B(k) && d.splice(k, 0, {
+  const $ = D((v = c == null ? void 0 : c.navigation) == null ? void 0 : v.header, d), g = Y($), { navItems: s, activeId: N } = g, k = parseInt((x = window.blocklet) == null ? void 0 : x.USE_ARCBLOCK_THEME, 10);
+  return B(k) && s.splice(k, 0, {
     label: f("products"),
     // eslint-disable-next-line react/no-unstable-nested-components
     children: ({ isOpen: r }) => /* @__PURE__ */ l(R, { isOpen: r })
@@ -95,7 +95,7 @@ function Z({
         /* @__PURE__ */ l(
           J,
           {
-            formattedBlocklet: s,
+            formattedBlocklet: c,
             addons: typeof t == "function" ? (r) => t(r, { navigation: g }) : t,
             sessionManagerProps: b,
             showDomainWarningDialog: o
@@ -106,14 +106,14 @@ function Z({
       $bordered: n == null ? void 0 : n.bordered,
       $bgcolor: u.palette.background.default,
       className: j("blocklet__header", n.className),
-      children: p || !(d != null && d.length) ? null : ({ isMobile: r }) => (
+      children: p || !(s != null && s.length) ? null : ({ isMobile: r }) => (
         // @ts-ignore
         /* @__PURE__ */ l(
           P,
           {
             mode: r ? "inline" : "horizontal",
             activeId: N,
-            items: d,
+            items: s,
             className: "header-nav",
             bgColor: "transparent",
             textColor: u.palette.grey[500],

package/lib/Icon/index.d.ts

@@ -2,6 +2,6 @@ export { M as default };
 declare function M({ icon: r, size: t, sx: i, ...a }: {
     [x: string]: any;
     icon: any;
-    size: any;
-    sx: any;
+    size?: undefined;
+    sx?: {} | undefined;
 }): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;