@lark-apaas/client-toolkit 0.1.0-alpha.1 → 0.1.0-alpha.log.10

package/lib/utils/axiosConfig.d.ts

@@ -0,0 +1,5 @@
+import { type AxiosInstance } from 'axios';
+/**
+ * axios配置内容：拦截器、日志等
+ */
+export declare function initAxiosConfig(axiosInstance?: AxiosInstance): void;

package/lib/utils/axiosConfig.js

@@ -0,0 +1,60 @@
+import axios from "axios";
+import { logger } from "../apis/logger.js";
+function getRequestLogInfo(config) {
+    return {
+        url: config?.url,
+        method: config?.method?.toUpperCase(),
+        params: config?.params,
+        data: config?.data,
+        headers: {
+            ...config?.headers,
+            'X-Suda-Csrf-Token': config?.headers['X-Suda-Csrf-Token'] ? '[REDACTED]' : void 0,
+            Authorization: config?.headers.Authorization ? '[REDACTED]' : void 0
+        }
+    };
+}
+function initAxiosConfig(axiosInstance) {
+    if (!axiosInstance) axiosInstance = axios;
+    axiosInstance.defaults.timeout = 10000;
+    axiosInstance.interceptors.request.use((config)=>{
+        config._startTime = Date.now();
+        const csrfToken = window.csrfToken;
+        if (csrfToken) config.headers['X-Suda-Csrf-Token'] = csrfToken;
+        logger.info({
+            type: 'HTTP Request',
+            ...getRequestLogInfo(config)
+        });
+        return config;
+    }, (error)=>{
+        logger.error({
+            type: 'HTTP Request',
+            ...getRequestLogInfo(error.config),
+            message: error.message,
+            stack: error.stack
+        });
+        return Promise.reject(error);
+    });
+    axiosInstance.interceptors.response.use((response)=>{
+        logger.info({
+            type: 'HTTP Response',
+            ...getRequestLogInfo(response.config),
+            status: response.status,
+            statusText: response.statusText,
+            responseData: response.data,
+            responseTime: Date.now() - response.config._startTime
+        });
+        return response;
+    }, (error)=>{
+        logger.error({
+            type: 'HTTP Response',
+            ...getRequestLogInfo(error.config),
+            status: error.response?.status,
+            statusText: error.response?.statusText,
+            message: error.message,
+            responseData: error.response?.data,
+            responseTime: Date.now() - error.config._startTime
+        });
+        return Promise.reject(error);
+    });
+}
+export { initAxiosConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.log.10",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -70,15 +70,20 @@
     "test": "echo 0",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
     "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
-    "postinstall": "yes | npx shadcn@latest add --all -o -y -c \"$INIT_CWD\"",
     "prepublishOnly": "npm run build && node scripts/replace-workspace-alias.js"
   },
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
     "@data-loom/js": "0.3.1",
-    "@lark-apaas/miaoda-inspector": "0.1.0-alpha.8",
+    "@lark-apaas/miaoda-inspector": "^1.0.0",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@zumer/snapdom": "^1.9.14",
+    "axios": "^1.12.2",
+    "class-variance-authority": "^0.7.1",
     "clsx": "~2.0.1",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
@@ -103,6 +108,7 @@
     "@storybook/blocks": "^8.6.14",
     "@storybook/react": "^8.6.14",
     "@storybook/test": "^8.6.14",
+    "@tailwindcss/postcss": "^4.1.0",
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
     "@types/lodash": "^4.17.20",
@@ -113,7 +119,7 @@
     "antd": "^5.26.6",
     "eslint": "^8.57.0",
     "jsdom": "^26.1.0",
-    "lucide-react": "npm:@lark-apaas/lucide-react@0.1.0-alpha.5",
+    "lucide-react": "npm:@lark-apaas/lucide-react@1.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",

package/lib/apis/components/SidebarNav.d.ts

@@ -1 +0,0 @@
-export { default as SidebarNav } from '../../components/SidebarNav';

package/lib/apis/components/SidebarNav.js

@@ -1,2 +0,0 @@
-import SidebarNav from "../../components/SidebarNav/index.js";
-export { SidebarNav };

package/lib/components/SidebarNav/DrawerNav.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { BaseNavProps } from '../../types';
-export default function DrawerNav({ navList, className, activeClassName, }: BaseNavProps): React.JSX.Element;

package/lib/components/SidebarNav/DrawerNav.js

@@ -1,64 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button, Drawer } from "antd";
-import { Menu } from "lucide-react";
-import { clsxWithTw } from "../../utils/utils.js";
-import { LogoInfo, NavMenu, TopHeaderThemeClass, UserAvatarLayout } from "../common/index.js";
-function DrawerNav({ navList, className, activeClassName }) {
-    const [open, setOpen] = useState(false);
-    const showDrawer = ()=>{
-        setOpen(true);
-    };
-    const onClose = ()=>{
-        setOpen(false);
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: clsxWithTw('w-full sticky top-0 z-50 flex flex-row h-14 px-3 items-center', TopHeaderThemeClass, className),
-        children: [
-            /*#__PURE__*/ jsx(Button, {
-                type: "text",
-                onClick: showDrawer,
-                className: "md:hidden px-0 text-inherit border-0",
-                children: /*#__PURE__*/ jsx(Menu, {
-                    className: "h-6 w-6"
-                })
-            }),
-            /*#__PURE__*/ jsx(LogoInfo, {
-                className: "ml-[6px] pl-3"
-            }),
-            /*#__PURE__*/ jsxs(Drawer, {
-                placement: "left",
-                rootClassName: "miao-nav",
-                closeIcon: null,
-                classNames: {
-                    body: clsxWithTw('w-full h-full flex flex-col p-0', className),
-                    content: 'w-[320px]'
-                },
-                onClose: onClose,
-                open: open,
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "w-full h-14",
-                        children: /*#__PURE__*/ jsx(LogoInfo, {
-                            className: "pl-5 pr-3 h-full flex items-center"
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "flex-1 overflow-auto min-h-0",
-                        children: /*#__PURE__*/ jsx(NavMenu, {
-                            navList: navList,
-                            className: clsxWithTw('border-0', className),
-                            activeClassName: activeClassName,
-                            mode: "vertical",
-                            onClick: onClose
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(UserAvatarLayout, {
-                        className: "mt-2"
-                    })
-                ]
-            })
-        ]
-    });
-}
-export { DrawerNav as default };

package/lib/components/SidebarNav/DropdownNav.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { BaseNavProps } from '../../types';
-export default function DropdownNav({ navList, className, activeClassName, }: BaseNavProps): React.JSX.Element;

package/lib/components/SidebarNav/DropdownNav.js

@@ -1,40 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Menu, X } from "lucide-react";
-import { clsxWithTw } from "../../utils/utils.js";
-import { DropdownThemeClass, LogoInfo, NavMenu, TopHeaderThemeClass, UserAvatarMenu } from "../common/index.js";
-function DropdownNav({ navList = [], className, activeClassName }) {
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
-    const MenuDropdownIcon = isMenuOpen ? X : Menu;
-    return /*#__PURE__*/ jsxs("header", {
-        className: clsxWithTw('w-full flex sticky top-0 z-50 h-14 px-3 gap-1.5 items-center', TopHeaderThemeClass, isMenuOpen ? 'border-transparent' : '', className),
-        children: [
-            navList.length > 0 ? /*#__PURE__*/ jsx("div", {
-                className: "md:hidden flex mr-3",
-                children: /*#__PURE__*/ jsx(MenuDropdownIcon, {
-                    className: "h-6 w-6 cursor-pointer",
-                    onClick: ()=>setIsMenuOpen(!isMenuOpen)
-                })
-            }) : null,
-            /*#__PURE__*/ jsx(LogoInfo, {
-                className: "flex-1"
-            }),
-            /*#__PURE__*/ jsx(UserAvatarMenu, {
-                className: className
-            }),
-            isMenuOpen && navList.length > 0 ? /*#__PURE__*/ jsx("div", {
-                className: clsxWithTw('overflow-y-auto max-h-[482px] px-2 pb-2 absolute top-14 left-0 right-0 shadow-lg', DropdownThemeClass, className),
-                children: /*#__PURE__*/ jsx(NavMenu, {
-                    navList: navList,
-                    className: className,
-                    activeClassName: activeClassName,
-                    onClick: (_key)=>{
-                        setIsMenuOpen(false);
-                    },
-                    mode: "vertical"
-                })
-            }) : null
-        ]
-    });
-}
-export { DropdownNav as default };

package/lib/components/SidebarNav/Sidebar.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { NavProps } from '../../types';
-export default function SidebarNav({ activeClassName, className, navList, }: NavProps): React.JSX.Element;

package/lib/components/SidebarNav/Sidebar.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { clsxWithTw } from "../../utils/utils.js";
-import { LogoInfo, NavMenu, TopHeaderThemeClass, UserAvatarLayout } from "../common/index.js";
-function SidebarNav({ activeClassName, className, navList }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: clsxWithTw('h-full overflow-y-auto scrollbar-none w-[260px] dark:border-gray-800', className),
-        children: /*#__PURE__*/ jsxs("div", {
-            className: clsxWithTw('fixed top-0 bottom-0 left-0 w-[260px] flex flex-col border-r', TopHeaderThemeClass, className),
-            children: [
-                /*#__PURE__*/ jsx("div", {
-                    className: "w-full px-2 pt-2 h-12 mb-3",
-                    children: /*#__PURE__*/ jsx(LogoInfo, {
-                        className: "px-2 pt-[9px] pb-[15px]"
-                    })
-                }),
-                /*#__PURE__*/ jsx("div", {
-                    className: "flex-1 overflow-auto min-h-0",
-                    children: /*#__PURE__*/ jsx(NavMenu, {
-                        navList: navList,
-                        className: clsxWithTw('border-0', className),
-                        activeClassName: activeClassName,
-                        mode: "vertical"
-                    })
-                }),
-                /*#__PURE__*/ jsx(UserAvatarLayout, {
-                    className: "mt-2"
-                })
-            ]
-        })
-    });
-}
-export { SidebarNav as default };

package/lib/components/SidebarNav/index.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { NavProps } from '../../types';
-export declare function SideNavigation(props: NavProps): React.JSX.Element;
-export { SideNavigation as SidebarNav };
-export default SideNavigation;

package/lib/components/SidebarNav/index.js

@@ -1,61 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useMemo } from "react";
-import { useIsMobile } from "../../hooks/useIsMobile.js";
-import { useLocation } from "react-router-dom";
-import DrawerNav from "./DrawerNav.js";
-import Sidebar from "./Sidebar.js";
-import DropdownNav from "./DropdownNav.js";
-import { ConfigProvider } from "antd";
-import { generateDarkTheme, generateLightTheme } from "../theme/util.js";
-import { useTheme } from "../../hooks/useTheme.js";
-function SideNavigationBar({ navList = [], className, activeClassName, mobileVariant = 'normal' }) {
-    const isMobile = useIsMobile();
-    const location = useLocation();
-    useEffect(()=>{
-        window.scrollTo(0, 0);
-    }, [
-        location.pathname
-    ]);
-    if (isMobile) {
-        if ('dropdown' === mobileVariant) return /*#__PURE__*/ jsx(DropdownNav, {
-            navList: navList,
-            className: className,
-            activeClassName: activeClassName
-        });
-        return /*#__PURE__*/ jsx(DrawerNav, {
-            navList: navList,
-            className: className,
-            activeClassName: activeClassName
-        });
-    }
-    return /*#__PURE__*/ jsx(Sidebar, {
-        navList: navList,
-        className: className,
-        activeClassName: activeClassName
-    });
-}
-function SideNavigation(props) {
-    const { theme } = useTheme();
-    const { darkColorPrimary, lightColorPrimary } = props;
-    const themeToken = useMemo(()=>{
-        if ('dark' === theme && darkColorPrimary) return generateDarkTheme({
-            colorPrimary: darkColorPrimary
-        });
-        if ('light' === theme && lightColorPrimary) return generateLightTheme({
-            colorPrimary: lightColorPrimary
-        });
-        return {};
-    }, [
-        theme,
-        darkColorPrimary,
-        lightColorPrimary
-    ]);
-    return /*#__PURE__*/ jsx(ConfigProvider, {
-        theme: themeToken,
-        children: /*#__PURE__*/ jsx(SideNavigationBar, {
-            ...props
-        })
-    });
-}
-const SidebarNav = SideNavigation;
-export { SideNavigation, SideNavigation as SidebarNav, SidebarNav as default };

package/lib/components/User/UserSelect.css

@@ -1,11 +0,0 @@
-.user-select-container .ant-select-selection-item {
-  height: unset !important;
-  border-radius: 50px !important;
-  padding: 1px 8px 1px 1px !important;
-}
-
-.user-select-container .ant-select-focused .ant-select-selector {
-  box-shadow: none !important;
-  border-color: #1456f0 !important;
-}
-

package/lib/components/common/LogoInfo.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-export default function LogoInfo({ className, logoClassName, }: {
-    className?: string;
-    logoClassName?: string;
-}): React.JSX.Element;

package/lib/components/common/LogoInfo.js

@@ -1,30 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Link } from "react-router-dom";
-import { useAppInfo } from "../../hooks/useAppInfo.js";
-import { clsxWithTw } from "../../utils/utils.js";
-function LogoInfo({ className, logoClassName }) {
-    const { name, avatar } = useAppInfo();
-    return /*#__PURE__*/ jsx("div", {
-        className: clsxWithTw('overflow-hidden text-ellipsis whitespace-nowrap', className),
-        children: /*#__PURE__*/ jsxs(Link, {
-            to: "/",
-            className: "text-inherit flex items-center gap-2 w-full",
-            children: [
-                avatar ? /*#__PURE__*/ jsx("img", {
-                    src: avatar,
-                    alt: name,
-                    className: clsxWithTw('h-7 w-7', logoClassName)
-                }) : null,
-                /*#__PURE__*/ jsxs("span", {
-                    className: "w-full truncate",
-                    children: [
-                        name || '新应用',
-                        " "
-                    ]
-                })
-            ]
-        })
-    });
-}
-export { LogoInfo as default };

package/lib/components/common/NavItem.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface NavItemProps {
-    name: string;
-    to: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    children?: NavItemProps[];
-    className?: string;
-    hasBadge?: boolean;
-    direction?: 'horizontal' | 'vertical';
-    onClick?: () => void;
-    hideActive?: boolean;
-    forceActive?: boolean;
-}
-export declare const NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLAnchorElement>>;
-export declare const MoreNavItem: React.FC<{
-    expandedNavItemsPath: string[];
-    isExpanded: boolean;
-} & Omit<NavItemProps, 'icon' | 'to'>>;

package/lib/components/common/NavItem.js

@@ -1,112 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import react, { forwardRef, useCallback, useEffect, useMemo, useState } from "react";
-import { NavLink, matchPath, useLocation } from "react-router-dom";
-import { Button } from "antd";
-import { clsxWithTw } from "../../utils/utils.js";
-import { MoreHorizontal } from "lucide-react";
-const HashLink = /*#__PURE__*/ forwardRef(({ className, to, name, icon, onClick, direction, hideActive = false }, _ref)=>{
-    const [isActive, setIsActive] = useState(false);
-    useEffect(()=>{
-        const checkHash = ()=>{
-            setIsActive(window.location.hash === to);
-        };
-        checkHash();
-        window.addEventListener('hashchange', checkHash);
-        return ()=>window.removeEventListener('hashchange', checkHash);
-    }, [
-        to
-    ]);
-    const iconNode = icon ? /*#__PURE__*/ react.createElement(icon, {
-        className: 'w-6 h-6'
-    }) : null;
-    return /*#__PURE__*/ jsxs(Button, {
-        variant: "link",
-        href: to,
-        onClick: ()=>{
-            setIsActive(true);
-            onClick?.();
-        },
-        color: isActive && !hideActive ? 'primary' : 'default',
-        className: clsxWithTw('miao-nav p-0 b-0 h-full w-full', 'transition-colors inline-flex gap-1 items-center overflow-hidden', {
-            'flex-col': 'vertical' === direction,
-            'w-full': 'vertical' === direction,
-            'justify-center': 'horizontal' === direction,
-            'text-inherit': !isActive
-        }, className),
-        children: [
-            iconNode,
-            name ? /*#__PURE__*/ jsx("span", {
-                className: clsxWithTw('truncate w-full', {
-                    'text-center': 'vertical' === direction
-                }),
-                children: name
-            }) : null
-        ]
-    });
-});
-HashLink.displayName = 'HashLink';
-const NavItem = /*#__PURE__*/ react.forwardRef((props, ref)=>{
-    const isHashLink = props.to.startsWith('#');
-    if (isHashLink) return /*#__PURE__*/ jsx(HashLink, {
-        ref: ref,
-        ...props
-    });
-    return /*#__PURE__*/ jsx(NavLink, {
-        ref: ref,
-        to: props.to,
-        end: true,
-        onClick: props.onClick,
-        className: ()=>clsxWithTw('inline-flex justify-center'),
-        children: ({ isActive: linkIsActive })=>/*#__PURE__*/ jsxs(Button, {
-                variant: "link",
-                color: linkIsActive && !props.hideActive || props.forceActive ? 'primary' : 'default',
-                className: clsxWithTw('miao-nav p-0 b-0 h-full w-full', 'transition-colors inline-flex gap-1 items-center overflow-hidden', {
-                    'flex-col': 'vertical' === props.direction,
-                    'justify-center': 'horizontal' === props.direction,
-                    'text-inherit': !(linkIsActive && !props.hideActive || props.forceActive)
-                }, props.className),
-                children: [
-                    props.icon ? /*#__PURE__*/ jsx(props.icon, {
-                        className: "w-6 h-6"
-                    }) : null,
-                    props.name ? /*#__PURE__*/ jsx("span", {
-                        className: clsxWithTw('truncate w-full', {
-                            ' text-center': 'vertical' === props.direction
-                        }),
-                        children: props.name
-                    }) : null
-                ]
-            })
-    });
-});
-NavItem.displayName = 'NavItem';
-const MoreNavItem = ({ expandedNavItemsPath, onClick, isExpanded, name = '更多', ...restProps })=>{
-    const { pathname } = useLocation();
-    const isActive = useMemo(()=>{
-        const matched = expandedNavItemsPath.some((path)=>{
-            const match = matchPath(path, pathname);
-            return match && match.pathname === pathname;
-        });
-        return matched;
-    }, [
-        expandedNavItemsPath,
-        pathname
-    ]);
-    const handleClick = useCallback((e)=>{
-        e.preventDefault();
-        onClick?.();
-    }, [
-        onClick
-    ]);
-    return /*#__PURE__*/ jsx(NavItem, {
-        icon: MoreHorizontal,
-        name: name,
-        to: "",
-        hideActive: !isActive,
-        forceActive: isExpanded || isActive,
-        onClick: handleClick,
-        ...restProps
-    });
-};
-MoreNavItem.displayName = 'MoreNavItem';
-export { MoreNavItem, NavItem };

package/lib/components/common/NavMenu.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseNavProps } from '../../types';
-type NavMenuProps = BaseNavProps & {
-    mode?: 'horizontal' | 'vertical';
-    iconClassName?: string;
-    onClick?: (key: string) => void;
-};
-export default function NavMenu({ navList, className, iconClassName, mode, onClick, }: NavMenuProps): React.JSX.Element;
-export {};

package/lib/components/common/NavMenu.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu } from "antd";
-import react, { useEffect, useMemo, useState } from "react";
-import { NavLink, useLocation } from "react-router-dom";
-import { clsxWithTw } from "../../utils/utils.js";
-function NavMenu({ navList, className, iconClassName = '', mode = 'horizontal', onClick }) {
-    const location = useLocation();
-    const [currentMenu, setCurrentMenu] = useState(location.pathname);
-    useEffect(()=>{
-        setCurrentMenu(location.pathname);
-    }, [
-        location
-    ]);
-    const menuItems = useMemo(()=>navList?.map((n)=>({
-                label: /*#__PURE__*/ jsxs(NavLink, {
-                    to: n.to,
-                    end: true,
-                    className: ({ isActive })=>clsxWithTw('flex items-center', {
-                            'text-[var(--ant-menu-horizontal-item-selected-color)]': isActive
-                        }),
-                    children: [
-                        n.icon ? /*#__PURE__*/ react.createElement(n.icon, {
-                            className: clsxWithTw('w-4 h-4', iconClassName)
-                        }) : null,
-                        /*#__PURE__*/ jsx("span", {
-                            children: n.name
-                        })
-                    ]
-                }),
-                key: n.to
-            })), [
-        navList
-    ]);
-    return /*#__PURE__*/ jsx(Menu, {
-        className: clsxWithTw('bg-inherit h-full', className),
-        items: menuItems,
-        selectedKeys: [
-            currentMenu
-        ],
-        onClick: (info)=>{
-            setCurrentMenu(info.key);
-            onClick?.(info.key);
-        },
-        mode: mode,
-        style: {
-            borderBottomWidth: 0
-        }
-    });
-}
-export { NavMenu as default };

package/lib/components/common/UserAvatarLayout.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export default function UserAvatarLayout({ className, }: {
-    className?: string;
-}): React.JSX.Element;

package/lib/components/common/UserAvatarLayout.js

@@ -1,41 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Button } from "antd";
-import { LogOut } from "lucide-react";
-import { useCurrentUserProfile, useLogout } from "../../hooks/index.js";
-import { clsxWithTw } from "../../utils/utils.js";
-function UserAvatarLayout({ className }) {
-    const { name, avatar } = useCurrentUserProfile();
-    const { handlerLogout } = useLogout();
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: name ? /*#__PURE__*/ jsx("div", {
-            className: clsxWithTw('py-4 px-5 border-gray-200 border-t', className),
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "flex items-center justify-between",
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap",
-                        children: [
-                            avatar ? /*#__PURE__*/ jsx("img", {
-                                src: avatar,
-                                alt: name,
-                                className: "h-8 w-8 rounded-full"
-                            }) : null,
-                            /*#__PURE__*/ jsx("span", {
-                                className: "text-sm font-medium truncate",
-                                children: name
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        type: "text",
-                        className: "text-inherit",
-                        icon: /*#__PURE__*/ jsx(LogOut, {}),
-                        onClick: handlerLogout
-                    })
-                ]
-            })
-        }) : null
-    });
-}
-export { UserAvatarLayout as default };

package/lib/components/common/UserAvatarMenu.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export default function UserAvatarMenu({ className }: {
-    className?: string;
-}): React.JSX.Element;