@blocklet/ui-react 3.0.7 → 3.0.8

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

@@ -1,19 +1,22 @@
-import { default as e } from 'prop-types';
-export { s as default };
-declare function s({ elements: i, data: m, ...o }: {
+import { default as PropTypes } from 'prop-types';
+export default PlainLayout;
+/**
+ * footer plain layout
+ */
+declare function PlainLayout({ elements, data, ...rest }: {
     [x: string]: any;
     elements: any;
     data: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace s {
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PlainLayout {
     namespace propTypes {
-        let elements: e.Validator<NonNullable<e.InferProps<{
-            brand: e.Requireable<e.ReactElementLike>;
-            navigation: e.Requireable<e.ReactElementLike>;
-            socialMedia: e.Requireable<e.ReactElementLike>;
-            copyright: e.Requireable<e.ReactElementLike>;
-            links: e.Requireable<e.ReactElementLike>;
+        let elements: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            brand: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            navigation: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            socialMedia: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            copyright: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            links: PropTypes.Requireable<PropTypes.ReactElementLike>;
         }>>>;
-        let data: e.Validator<object>;
+        let data: PropTypes.Validator<object>;
     }
 }

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

@@ -1,13 +1,13 @@
-import { default as e } from 'prop-types';
-export { m as default };
-declare function m({ children: o, autoCenter: r, ...t }: {
+import { default as PropTypes } from 'prop-types';
+declare function Row({ children, autoCenter, ...rest }: {
     [x: string]: any;
     children?: null | undefined;
     autoCenter?: boolean | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace m {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Row {
     namespace propTypes {
-        let children: e.Requireable<any>;
-        let autoCenter: e.Requireable<boolean>;
+        let children: PropTypes.Requireable<any>;
+        let autoCenter: PropTypes.Requireable<boolean>;
     }
 }
+export default Row;

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

@@ -1,21 +1,24 @@
-import { default as o } from 'prop-types';
-export { g as default };
-declare function g({ elements: e, data: s, className: p, ...c }: {
+import { default as PropTypes } from 'prop-types';
+export default StandardLayout;
+/**
+ * footer standard layout
+ */
+declare function StandardLayout({ elements, data, className, ...rest }: {
     [x: string]: any;
     elements: any;
     data: any;
     className?: string | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace g {
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace StandardLayout {
     namespace propTypes {
-        let elements: o.Validator<NonNullable<o.InferProps<{
-            brand: o.Requireable<o.ReactElementLike>;
-            navigation: o.Requireable<o.ReactElementLike>;
-            socialMedia: o.Requireable<o.ReactElementLike>;
-            copyright: o.Requireable<o.ReactElementLike>;
-            links: o.Requireable<o.ReactElementLike>;
+        let elements: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            brand: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            navigation: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            socialMedia: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            copyright: PropTypes.Requireable<PropTypes.ReactElementLike>;
+            links: PropTypes.Requireable<PropTypes.ReactElementLike>;
         }>>>;
-        let data: o.Validator<object>;
-        let className: o.Requireable<string>;
+        let data: PropTypes.Validator<object>;
+        let className: PropTypes.Requireable<string>;
     }
 }

package/lib/Footer/links.d.ts

@@ -1,20 +1,23 @@
-import { default as l } from 'prop-types';
-export { F as default };
-declare function F({ links: e, flowLayout: d, columns: u, ...k }: {
+import { default as PropTypes } from 'prop-types';
+/**
+ * footer 中的 links (支持分组, 最多支持 2 级)
+ */
+declare function Links({ links, flowLayout, columns, ...rest }: {
     [x: string]: any;
     links?: any[] | undefined;
     flowLayout?: boolean | undefined;
     columns: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace F {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace Links {
     namespace propTypes {
-        let links: l.Requireable<(l.InferProps<{
-            label: l.Requireable<string>;
-            link: l.Requireable<string>;
-            render: l.Requireable<(...args: any[]) => any>;
-            props: l.Requireable<object>;
+        let links: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+            props: PropTypes.Requireable<object>;
         }> | null | undefined)[]>;
-        let flowLayout: l.Requireable<boolean>;
-        let columns: l.Validator<number>;
+        let flowLayout: PropTypes.Requireable<boolean>;
+        let columns: PropTypes.Validator<number>;
     }
 }
+export default Links;

package/lib/Footer/social-media.d.ts

@@ -1,14 +1,14 @@
-import { default as o } from 'prop-types';
-export { p as default };
-declare function p({ items: r, ...t }: {
+import { default as PropTypes } from 'prop-types';
+declare function SocialMedia({ items, ...rest }: {
     [x: string]: any;
     items?: null | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
-declare namespace p {
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SocialMedia {
     namespace propTypes {
-        let items: o.Requireable<(o.InferProps<{
-            icon: o.Requireable<string>;
-            link: o.Requireable<string>;
+        let items: PropTypes.Requireable<(PropTypes.InferProps<{
+            icon: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
         }> | null | undefined)[]>;
     }
 }
+export default SocialMedia;

package/lib/Header/index.d.ts

@@ -1,13 +1,23 @@
-export { No as default };
-declare const No: import('react').ComponentType<{
-    [x: string]: any;
-    meta?: {} | undefined;
-    addons?: undefined;
-    sessionManagerProps?: {
-        showRole: boolean;
-    } | undefined;
-    homeLink?: any;
-    theme?: undefined;
-    hideNavMenu?: boolean | undefined;
-    showDomainWarningDialog?: boolean | undefined;
-}>;
+import { JSX } from 'react';
+import { BoxProps, Breakpoint } from '@mui/material';
+import { BlockletMetaProps, SessionManagerProps } from '../@types';
+type HeaderProps = {
+    meta?: BlockletMetaProps;
+    addons?: Function | React.ReactNode;
+    sessionManagerProps?: SessionManagerProps;
+    homeLink?: string | ((brandContent: React.ReactNode) => JSX.Element | null);
+    theme?: object;
+    hideNavMenu?: boolean;
+    bordered?: boolean;
+    logo?: React.ReactNode;
+    brand?: React.ReactNode;
+    brandAddon?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+    prepend?: React.ReactNode;
+    align?: 'left' | 'right';
+    maxWidth?: false | Breakpoint;
+    showDomainWarningDialog?: boolean;
+};
+declare const _default: import('react').ComponentType<HeaderProps & Omit<BoxProps, keyof HeaderProps>>;
+export default _default;

package/lib/Icon/index.d.ts

@@ -1,7 +1,9 @@
-export { M as default };
-declare function M({ icon: r, size: t, sx: i, ...a }: {
-    [x: string]: any;
-    icon: any;
-    size?: undefined;
-    sx?: {} | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
+import { AvatarProps, BoxProps } from '@mui/material';
+/**
+ * Icon 组件, 基于 mui Avatar 组件扩展对 iconify 的支持
+ */
+export default function Icon({ icon, size, sx, ...rest }: {
+    icon: string;
+    size?: number;
+    sx?: BoxProps['sx'];
+} & AvatarProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/Notifications/Snackbar.d.ts

@@ -1,8 +1,16 @@
-export { xe as default };
-declare function xe({ ref: t, keyId: i, notification: e, viewAllUrl: w, content: f }: {
-    ref?: undefined;
-    keyId: any;
-    notification?: {} | undefined;
-    viewAllUrl: any;
-    content?: null | undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+interface NotificationComponentProps {
+    viewAllUrl: string;
+    keyId: number;
+    notification?: {
+        severity?: string;
+        title?: string;
+        description?: string;
+        activity?: any;
+        actorInfo?: any;
+    };
+    content?: React.ReactNode;
+}
+export default function NotificationComponent({ ref, keyId: key, notification, viewAllUrl, content, }: NotificationComponentProps & {
+    ref?: React.Ref<unknown>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Notifications/hooks/use-title.d.ts

@@ -1,9 +1,48 @@
-import { default as F } from 'react';
-export { H as default };
-declare function H({ activity: r, users: l, actors: d, extra: h, mountPoint: m }: {
-    activity: any;
-    users: any;
-    actors: any;
-    extra?: {} | undefined;
-    mountPoint?: string | undefined;
-}): F.ReactElement<unknown, string | F.JSXElementConstructor<any>> | null;
+/**
+ * Activity types enum for type safety
+ * @readonly
+ * @enum {string}
+ */
+declare const ACTIVITY_TYPES: {
+    readonly COMMENT: "comment";
+    readonly LIKE: "like";
+    readonly FOLLOW: "follow";
+    readonly TIPS: "tips";
+    readonly MENTION: "mention";
+    readonly ASSIGN: "assign";
+};
+type ActivityTypeValues = (typeof ACTIVITY_TYPES)[keyof typeof ACTIVITY_TYPES];
+interface UserData {
+    did: string;
+    fullName: string;
+}
+interface ActivityTarget {
+    type: string;
+    name: string;
+}
+interface Activity {
+    type: ActivityTypeValues;
+    target: ActivityTarget;
+}
+interface ExtraParams {
+    linkColor?: string;
+    [key: string]: any;
+}
+interface ActivityTitleProps {
+    activity: Activity;
+    users: UserData[];
+    actors: string[];
+    extra?: ExtraParams;
+    mountPoint?: string;
+}
+/**
+ * A hook that returns a formatted activity title with linked usernames
+ * @param {Object} params - The parameters object
+ * @param {keyof typeof ACTIVITY_TYPES} params.type - The activity type
+ * @param {Object} params.target - The target object
+ * @param {Array<{did: string, fullName: string}>} params.users - Array of user objects
+ * @param {Object} params.extra - Extra parameters
+ * @returns {React.ReactNode} Formatted title with linked usernames
+ */
+export default function useActivityTitle({ activity, users, actors, extra, mountPoint }: ActivityTitleProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/Notifications/hooks/use-width.d.ts

@@ -1,2 +1,2 @@
-export { a as default };
-declare function a(): import('@mui/material').Breakpoint;
+declare function useWidth(): string;
+export default useWidth;

package/lib/Notifications/utils.d.ts

@@ -1,10 +1,70 @@
-declare function D(s: any): boolean;
-declare function R(s: any): {
-    metaLink: any;
-    targetLink: any;
+/**
+ * 通知对象的活动目标接口
+ */
+interface ActivityTarget {
+    type?: string;
+    id?: string;
+}
+/**
+ * 通知对象的活动元数据接口
+ */
+interface ActivityMeta {
+    id?: string;
+}
+/**
+ * 活动对象接口
+ */
+interface Activity {
+    type?: string;
+    actor?: string;
+    target?: ActivityTarget;
+    meta?: ActivityMeta;
+}
+/**
+ * 通知对象接口
+ */
+interface Notification {
+    activity?: Activity;
+    actorInfo?: any;
+    severity?: string;
+    title?: string;
+    description?: string;
+    items?: Notification[];
+}
+/**
+ * 合并相邻的通知数据
+ * 合并条件:
+ * 1. 数据必须是相邻的
+ * 2. activity.type 必须相同且不为 null 或 undefined
+ * 3. 如果存在target对象，activity.target.type和activity.target.id都必须相同
+ * 4. 如果相邻数据的 activity.type 相同但没有 activity.target 对象，则需要合并
+ *
+ * @param {Notification[]} notifications - 需要处理的通知数据
+ * @returns {Notification[]} - 合并后的通知数组
+ */
+export declare const mergeAdjacentNotifications: (notifications: Notification[]) => Notification[];
+/**
+ * 判断通知是否包含activity
+ * @param {Notification} notification - 通知对象
+ * @returns {boolean} - 是否包含activity
+ */
+export declare const isIncludeActivity: (notification: Notification) => boolean;
+/**
+ * 是否可以自动已读
+ */
+export declare const canAutoRead: (notification: Notification | null | undefined) => boolean;
+/**
+ * 获取 activity 的链接
+ * 链接的来源有两种
+ * 1. activity.meta.id
+ * 2. activity.target.id
+ * @param {Activity} activity - 活动对象
+ * @returns {Object | null} - 活动的链接
+ */
+export declare const getActivityLink: (activity: Activity | null | undefined) => {
+    metaLink?: string | null;
+    targetLink?: string | null;
 } | null;
-declare function z(s: any): boolean;
-declare function M(s: any): any[];
-declare function _(s: any): string;
-declare function S(s: any, t: any, r?: boolean): Promise<string>;
-export { D as canAutoRead, R as getActivityLink, z as isIncludeActivity, M as mergeAdjacentNotifications, _ as sanitize, S as toClickableSpan };
+export declare const toClickableSpan: (str: string, locale: string, isHighLight?: boolean) => Promise<string>;
+export declare const sanitize: (innerHtml: string) => string;
+export {};

package/lib/UserCenter/components/config-inviter.d.ts

@@ -1,4 +1,4 @@
-export { I as default };
-declare function I({ user: t }: {
-    user: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | "-";
+import { User } from '../../@types';
+export default function ConfigInviter({ user }: {
+    user: User;
+}): import("react/jsx-runtime").JSX.Element | "-";

package/lib/UserCenter/components/config-profile.d.ts

@@ -1,5 +1,5 @@
-export { B as default };
-declare function B({ user: a, onSave: s }: {
-    user: any;
-    onSave: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { User } from '../../@types';
+export default function ConfigProfile({ user, onSave }: {
+    user: User;
+    onSave: (type: 'profile') => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/danger-zone.d.ts

@@ -1,2 +1 @@
-export { H as default };
-declare function H(): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export default function DangerZone(): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/editable-field.d.ts

@@ -1,43 +1,46 @@
-import { default as L } from 'react';
-declare const E: {
-    ".MuiOutlinedInput-root": {
-        "&:hover": {
+import { default as React } from 'react';
+import { TooltipProps } from '@mui/material';
+interface EditableFieldProps {
+    value: string;
+    onChange?: (value: string) => void;
+    onValueValidate?: (value: string) => void;
+    editable?: boolean;
+    disabled?: boolean;
+    component?: 'input' | 'textarea';
+    placeholder?: string;
+    rows?: number;
+    maxLength?: number;
+    icon?: React.ReactNode;
+    label?: string | React.ReactNode;
+    children?: React.ReactNode;
+    tooltip?: TooltipProps['title'];
+    inline?: boolean;
+    style?: React.CSSProperties;
+    verified?: boolean;
+    errorMsg?: string;
+    canEdit?: boolean;
+    hidePreview?: boolean;
+    renderValue?: (value: string) => React.ReactNode;
+}
+/** only for sx */
+export declare const commonInputStyle: {
+    '.MuiOutlinedInput-root': {
+        '&:hover': {
             fieldset: {
                 borderColor: string;
             };
         };
-        "&.Mui-focused": {
+        '&.Mui-focused': {
             fieldset: {
                 borderColor: string;
             };
         };
     };
 };
-declare function re({ value: t, onChange: f, onValueValidate: c, errorMsg: i, editable: h, component: x, placeholder: a, rows: v, maxLength: r, icon: g, label: w, children: p, tooltip: I, inline: P, style: X, verified: Y, canEdit: k, renderValue: b, disabled: y, hidePreview: z }: {
-    value: any;
-    onChange?: (() => void) | undefined;
-    onValueValidate?: (() => void) | undefined;
-    errorMsg?: string | undefined;
-    editable?: boolean | undefined;
-    component?: string | undefined;
-    placeholder?: string | undefined;
-    rows?: number | undefined;
-    maxLength?: undefined;
-    icon?: undefined;
-    label?: string | undefined;
-    children?: undefined;
-    tooltip?: undefined;
-    inline?: boolean | undefined;
-    style?: {} | undefined;
-    verified?: boolean | undefined;
-    canEdit?: boolean | undefined;
-    renderValue?: undefined;
-    disabled?: boolean | undefined;
-    hidePreview?: boolean | undefined;
-}): L.ReactElement<unknown, string | L.JSXElementConstructor<any>> | null;
-declare const F: {
+/** only for sx */
+export declare const inputFieldStyle: {
     width: string;
-    "& .MuiFormHelperText-root": {
+    '& .MuiFormHelperText-root': {
         position: string;
         bottom: number;
         left: number;
@@ -47,4 +50,5 @@ declare const F: {
         borderColor: string;
     };
 };
-export { E as commonInputStyle, re as default, F as inputFieldStyle };
+declare function EditableField({ value, onChange, onValueValidate, errorMsg, editable, component, placeholder, rows, maxLength, icon, label, children, tooltip, inline, style, verified, canEdit, renderValue, disabled, hidePreview, }: EditableFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default EditableField;

package/lib/UserCenter/components/nft.d.ts

@@ -1,4 +1,4 @@
-export { H as default };
-declare function H({ user: p }: {
-    user: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { User } from '../../@types';
+export default function Nft({ user }: {
+    user: User;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/notification.d.ts

@@ -1,5 +1,5 @@
-export { ne as default };
-declare function ne({ user: a, isMobile: s }: {
-    user: any;
-    isMobile: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { User } from '../../@types';
+export default function Notification({ user, isMobile }: {
+    user: User;
+    isMobile: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/passport.d.ts

@@ -1,5 +1,5 @@
-export { D as default };
-declare function D({ user: o, ...a }: {
-    [x: string]: any;
-    user: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { BoxProps } from '@mui/material';
+import { User } from '../../@types';
+export default function Passport({ user, ...rest }: {
+    user: User;
+} & BoxProps): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/privacy.d.ts

@@ -1,5 +1,11 @@
-export { A as default };
-declare function A({ configList: n, onSave: m }: {
-    configList: any;
-    onSave: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+type PrivacyConfig = {
+    key: string;
+    name: string;
+    value: boolean;
+    isPrivate?: boolean;
+};
+export default function Privacy({ configList, onSave, }: {
+    configList: PrivacyConfig[];
+    onSave: (type: 'privacy') => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/UserCenter/components/settings.d.ts

@@ -1,8 +1,10 @@
-export { O as default };
-declare function O({ user: i, settings: n, onSave: m, isMobile: s, ...a }: {
-    [x: string]: any;
-    user: any;
-    settings: any;
-    onSave: any;
-    isMobile: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { BoxProps } from '@mui/material';
+import { User, UserCenterTab } from '../../@types';
+export default function Settings({ user, settings, onSave, isMobile, ...rest }: {
+    user: User;
+    onSave: (type: 'privacy' | 'profile') => void;
+    settings: {
+        userCenterTabs: UserCenterTab[];
+    };
+    isMobile: boolean;
+} & BoxProps): import("react/jsx-runtime").JSX.Element;

package/lib/UserCenter/components/status-dialog/date-picker.d.ts

@@ -1,9 +1,10 @@
-export { T as default };
-declare function T({ value: o, onChange: a, error: n, helperText: i, label: m, timezone: r }: {
-    value: any;
-    onChange: any;
-    error?: undefined;
-    helperText?: undefined;
-    label?: undefined;
-    timezone?: undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+interface DateTimeInputProps {
+    value: Date;
+    onChange: (value: Date) => void;
+    error?: boolean;
+    helperText?: string;
+    label?: string;
+    timezone?: string;
+}
+export default function DateTimeInput({ value, onChange, error, helperText, label, timezone, }: DateTimeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/UserCenter/components/status-dialog/index.d.ts

@@ -1,9 +1,12 @@
-export { go as default };
-declare function go({ open: j, onClose: u, data: m, selected: i, onSelect: h, timezone: F }: {
-    open: any;
-    onClose: any;
-    data: any;
-    selected: any;
-    onSelect: any;
-    timezone?: undefined;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { UserMetadata } from '../../../@types';
+import { StatusItem } from '../status-selector/menu-item';
+interface StatusDialogProps {
+    open: boolean;
+    onClose: () => void;
+    data: Array<StatusItem>;
+    selected: UserMetadata['status'];
+    onSelect: (v: UserMetadata['status']) => void;
+    timezone?: string;
+}
+export default function StatusDialog({ open, onClose, data, selected, onSelect, timezone, }: StatusDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/UserCenter/components/status-selector/duration-menu.d.ts

@@ -1,7 +1,7 @@
-declare const $: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-declare function I({ data: n, selected: r, onSelect: m }: {
-    data: any;
-    selected: any;
-    onSelect: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-export { $ as MenuDiv, I as default };
+import { BaseStatusProps, StatusItem } from './menu-item';
+interface StatusDurationMenuProps extends BaseStatusProps {
+    data: StatusItem;
+}
+declare function DurationMenu({ data, selected, onSelect }: StatusDurationMenuProps): import("react/jsx-runtime").JSX.Element;
+export default DurationMenu;
+export declare const MenuDiv: import('@emotion/styled').StyledComponent<import('@mui/material').MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;