@lobehub/ui 4.8.0 → 4.8.1

package/es/Layout/components/LayoutSidebarInner.d.mts

@@ -1,8 +1,8 @@
 import { LayoutSidebarInnerProps } from "../type.mjs";
-import * as react61 from "react";
+import * as react51 from "react";
 
 //#region src/Layout/components/LayoutSidebarInner.d.ts
-declare const LayoutSidebarInner: react61.NamedExoticComponent<LayoutSidebarInnerProps>;
+declare const LayoutSidebarInner: react51.NamedExoticComponent<LayoutSidebarInnerProps>;
 //#endregion
 export { LayoutSidebarInner };
 //# sourceMappingURL=LayoutSidebarInner.d.mts.map

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react59 from "react";
+import * as react52 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react59.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react52.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react72 from "react";
+import * as react46 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react72.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react46.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react30 from "react";
+import * as react44 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react30.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react44.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react29 from "react";
+import * as react43 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react29.NamedExoticComponent<TypographyProps>;
+declare const Typography: react43.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react26 from "react";
+import * as react70 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react26.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react70.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

@@ -1,8 +1,8 @@
 import { MaskShadowProps } from "./type.mjs";
-import * as react32 from "react";
+import * as react45 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react32.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react45.NamedExoticComponent<MaskShadowProps>;
 //#endregion
 export { MaskShadow };
 //# sourceMappingURL=MaskShadow.d.mts.map

package/es/Menu/Menu.d.mts

@@ -1,8 +1,8 @@
 import { MenuProps } from "./type.mjs";
-import * as react40 from "react";
+import * as react42 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react40.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react42.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Mermaid/Mermaid.d.mts

@@ -1,8 +1,8 @@
 import { MermaidProps } from "./type.mjs";
-import * as react38 from "react";
+import * as react35 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react38.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react35.NamedExoticComponent<MermaidProps>;
 //#endregion
 export { Mermaid };
 //# sourceMappingURL=Mermaid.d.mts.map

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react39 from "react";
+import * as react36 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react39.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react36.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Modal/Modal.d.mts

@@ -1,8 +1,8 @@
 import { ModalProps } from "./type.mjs";
-import * as react35 from "react";
+import * as react38 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react35.NamedExoticComponent<ModalProps>;
+declare const Modal: react38.NamedExoticComponent<ModalProps>;
 //#endregion
 export { Modal };
 //# sourceMappingURL=Modal.d.mts.map

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react36 from "react";
+import * as react39 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react36.NamedExoticComponent<{
+declare const ModalProvider: react39.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react27 from "react";
+import * as react71 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react27.NamedExoticComponent<{
+declare const MotionProvider: react71.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/SearchBar/SearchBar.d.mts

@@ -1,8 +1,8 @@
 import { SearchBarProps } from "./type.mjs";
-import * as react34 from "react";
+import * as react41 from "react";
 
 //#region src/SearchBar/SearchBar.d.ts
-declare const SearchBar: react34.NamedExoticComponent<SearchBarProps>;
+declare const SearchBar: react41.NamedExoticComponent<SearchBarProps>;
 //#endregion
 export { SearchBar };
 //# sourceMappingURL=SearchBar.d.mts.map

package/es/Segmented/Segmented.d.mts

@@ -1,8 +1,8 @@
 import { SegmentedProps } from "./type.mjs";
-import * as react31 from "react";
+import * as react37 from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react31.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: react37.NamedExoticComponent<SegmentedProps>;
 //#endregion
 export { Segmented };
 //# sourceMappingURL=Segmented.d.mts.map

package/es/Select/Select.d.mts

@@ -1,8 +1,8 @@
 import { SelectProps } from "./type.mjs";
-import * as react7 from "react";
+import * as react32 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react7.NamedExoticComponent<SelectProps>;
+declare const Input: react32.NamedExoticComponent<SelectProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Select.d.mts.map

package/es/SideNav/SideNav.d.mts

@@ -1,8 +1,8 @@
 import { SideNavProps } from "./type.mjs";
-import * as react43 from "react";
+import * as react34 from "react";
 
 //#region src/SideNav/SideNav.d.ts
-declare const SideNav: react43.NamedExoticComponent<SideNavProps>;
+declare const SideNav: react34.NamedExoticComponent<SideNavProps>;
 //#endregion
 export { SideNav };
 //# sourceMappingURL=SideNav.d.mts.map

package/es/SliderWithInput/SliderWithInput.d.mts

@@ -1,8 +1,8 @@
 import { SliderWithInputProps } from "./type.mjs";
-import * as react62 from "react";
+import * as react27 from "react";
 
 //#region src/SliderWithInput/SliderWithInput.d.ts
-declare const SliderWithInput: react62.NamedExoticComponent<SliderWithInputProps>;
+declare const SliderWithInput: react27.NamedExoticComponent<SliderWithInputProps>;
 //#endregion
 export { SliderWithInput };
 //# sourceMappingURL=SliderWithInput.d.mts.map

package/es/SortableList/components/DragHandle.d.mts

@@ -1,9 +1,9 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
 import "../../ActionIcon/index.mjs";
-import * as react76 from "react";
+import * as react108 from "react";
 
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: react76.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: react108.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { DragHandle };
 //# sourceMappingURL=DragHandle.d.mts.map

package/es/SortableList/components/SortableItem.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react74 from "react";
+import * as react106 from "react";
 import "@dnd-kit/core";
 
 //#region src/SortableList/components/SortableItem.d.ts
@@ -9,7 +9,7 @@ interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
   id: string | number;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const SortableItem: react74.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: react106.NamedExoticComponent<SortableItemProps>;
 //#endregion
 export { SortableItem };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/Tag/Tag.mjs

@@ -5,13 +5,12 @@ import { variants } from "./styles.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Tag } from "antd";
-import { cx, useTheme } from "antd-style";
+import { cssVar, cx } from "antd-style";
 
 //#region src/Tag/Tag.tsx
 const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
-	const theme = useTheme();
 	const colors = useMemo(() => {
-		let textColor = theme.colorTextSecondary;
+		let textColor = cssVar.colorTextSecondary;
 		let backgroundColor;
 		let borderColor;
 		const isBorderless = variant === "borderless";
@@ -20,17 +19,17 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 		const isPresetSystemColors = color && presetSystemColors.has(color);
 		const isHexColor = color && color.startsWith("#");
 		if (isPresetColor) {
-			textColor = colorsPreset(theme, color);
-			backgroundColor = isBorderless ? "transparent" : colorsPreset(theme, color, "fillTertiary");
-			borderColor = colorsPreset(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+			textColor = colorsPreset(color);
+			backgroundColor = isBorderless ? "transparent" : colorsPreset(color, "fillTertiary");
+			borderColor = colorsPreset(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isPresetSystemColors) {
-			textColor = colorsPresetSystem(theme, color);
-			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(theme, color, "fillTertiary");
-			borderColor = colorsPresetSystem(theme, color, isFilled ? "fillQuaternary" : "fillTertiary");
+			textColor = colorsPresetSystem(color);
+			backgroundColor = isBorderless ? "transparent" : colorsPresetSystem(color, "fillTertiary");
+			borderColor = colorsPresetSystem(color, isFilled ? "fillQuaternary" : "fillTertiary");
 		}
 		if (isHexColor) {
-			textColor = theme.colorBgLayout;
+			textColor = cssVar.colorBgLayout;
 			backgroundColor = isBorderless ? "transparent" : color;
 		}
 		return {
@@ -38,11 +37,7 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 			borderColor,
 			textColor
 		};
-	}, [
-		color,
-		theme,
-		variant
-	]);
+	}, [color, variant]);
 	return /* @__PURE__ */ jsx(Tag, {
 		className: cx(variants({
 			size,

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cx, useTheme } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const theme = useTheme();\n\n  const colors = useMemo(() => {\n    let textColor = theme.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(theme, color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(theme, color, 'fillTertiary');\n      borderColor = colorsPreset(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(theme, color);\n      backgroundColor = isBorderless\n        ? 'transparent'\n        : colorsPresetSystem(theme, color, 'fillTertiary');\n      borderColor = colorsPresetSystem(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = theme.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, theme, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,QAAQ,UAAU;CAExB,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,MAAM;EACtB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,OAAO,MAAM;AACtC,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,OAAO,eAAe;AAC3F,iBAAc,aAAa,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAExF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,OAAO,MAAM;AAC5C,qBAAkB,eACd,gBACA,mBAAmB,OAAO,OAAO,eAAe;AACpD,iBAAc,mBAAmB,OAAO,OAAO,WAAW,mBAAmB,eAAe;;AAE9F,MAAI,YAAY;AACd,eAAY,MAAM;AAClB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA;EAAC;EAAO;EAAO;EAAQ,CAAC;AAE3B,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}
+{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(color, 'fillTertiary');\n      borderColor = colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = cssVar.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,MAAM;AAC/B,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,eAAe;AACpF,iBAAc,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEjF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,MAAM;AACrC,qBAAkB,eAAe,gBAAgB,mBAAmB,OAAO,eAAe;AAC1F,iBAAc,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAEvF,MAAI,YAAY;AACd,eAAY,OAAO;AACnB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}

package/es/Tag/utils.mjs

@@ -1,3 +1,4 @@
+import { cssVar } from "antd-style";
 import { camelCase } from "es-toolkit/compat";
 
 //#region src/Tag/utils.ts
@@ -23,13 +24,17 @@ const presetSystemColors = new Set([
 	"info",
 	"processing"
 ]);
-const colorsPreset = (theme, type, ...keys) => theme[camelCase([type, ...keys].join("-"))];
-const colorsPresetSystem = (theme, type, ...keys) => {
-	return theme[camelCase([
+const toKebabCase = (value) => value.replaceAll(/([a-z])([A-Z])/g, "$1-$2").replaceAll(/([a-z])(\d)/g, "$1-$2").replaceAll(/(\d)([A-Z])/g, "$1-$2").replaceAll(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+const getCssVar = (tokenKey) => {
+	return cssVar[tokenKey] || `var(--ant-${toKebabCase(tokenKey)})`;
+};
+const colorsPreset = (type, ...keys) => getCssVar(camelCase([type, ...keys].join("-")));
+const colorsPresetSystem = (type, ...keys) => {
+	return getCssVar(camelCase([
 		"color",
 		type === "processing" ? "info" : type,
 		...keys
-	].join("-"))];
+	].join("-")));
 };
 
 //#endregion

package/es/Tag/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nexport const colorsPreset = (theme: any, type: string, ...keys: string[]) =>\n  theme[camelCase([type, ...keys].join('-'))] as string;\n\nexport const colorsPresetSystem = (theme: any, type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return theme[camelCase(['color', t, ...keys].join('-'))] as string;\n};\n"],"mappings":";;;AAEA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAa,gBAAgB,OAAY,MAAc,GAAG,SACxD,MAAM,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;AAE5C,MAAa,sBAAsB,OAAY,MAAc,GAAG,SAAmB;AAEjF,QAAO,MAAM,UAAU;EAAC;EADd,SAAS,eAAe,SAAS;EACP,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Tag/utils.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\n\nexport const presetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n];\n\nexport const presetSystemColors = new Set(['error', 'warning', 'success', 'info', 'processing']);\n\nconst toKebabCase = (value: string) =>\n  value\n    .replaceAll(/([a-z])([A-Z])/g, '$1-$2')\n    .replaceAll(/([a-z])(\\d)/g, '$1-$2')\n    .replaceAll(/(\\d)([A-Z])/g, '$1-$2')\n    .replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n    .toLowerCase();\n\nconst getCssVar = (tokenKey: string) => {\n  const mapped = (cssVar as Record<string, string>)[tokenKey];\n  return mapped || `var(--ant-${toKebabCase(tokenKey)})`;\n};\n\nexport const colorsPreset = (type: string, ...keys: string[]) =>\n  getCssVar(camelCase([type, ...keys].join('-')));\n\nexport const colorsPresetSystem = (type: string, ...keys: string[]) => {\n  const t = type === 'processing' ? 'info' : type;\n  return getCssVar(camelCase(['color', t, ...keys].join('-')));\n};\n"],"mappings":";;;;AAGA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB,IAAI,IAAI;CAAC;CAAS;CAAW;CAAW;CAAQ;CAAa,CAAC;AAEhG,MAAM,eAAe,UACnB,MACG,WAAW,mBAAmB,QAAQ,CACtC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,gBAAgB,QAAQ,CACnC,WAAW,yBAAyB,QAAQ,CAC5C,aAAa;AAElB,MAAM,aAAa,aAAqB;AAEtC,QADgB,OAAkC,aACjC,aAAa,YAAY,SAAS,CAAC;;AAGtD,MAAa,gBAAgB,MAAc,GAAG,SAC5C,UAAU,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;AAEjD,MAAa,sBAAsB,MAAc,GAAG,SAAmB;AAErE,QAAO,UAAU,UAAU;EAAC;EADlB,SAAS,eAAe,SAAS;EACH,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC,CAAC"}

package/es/ThemeProvider/GlobalMouseDirectionContext.mjs

@@ -0,0 +1,28 @@
+import { createContext, memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ThemeProvider/GlobalMouseDirectionContext.tsx
+const GlobalMouseDirectionContext = createContext("right");
+const GlobalMouseDirectionProvider = memo(({ children }) => {
+	const [direction, setDirection] = useState("right");
+	const prevX = useRef(0);
+	useEffect(() => {
+		const handleMouseMove = (e) => {
+			if (e.clientX > prevX.current) setDirection((prev) => prev !== "right" ? "right" : prev);
+			else if (e.clientX < prevX.current) setDirection((prev) => prev !== "left" ? "left" : prev);
+			prevX.current = e.clientX;
+		};
+		window.addEventListener("mousemove", handleMouseMove);
+		return () => {
+			window.removeEventListener("mousemove", handleMouseMove);
+		};
+	}, []);
+	return /* @__PURE__ */ jsx(GlobalMouseDirectionContext.Provider, {
+		value: direction,
+		children
+	});
+});
+
+//#endregion
+export { GlobalMouseDirectionProvider };
+//# sourceMappingURL=GlobalMouseDirectionContext.mjs.map

package/es/ThemeProvider/GlobalMouseDirectionContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalMouseDirectionContext.mjs","names":[],"sources":["../../src/ThemeProvider/GlobalMouseDirectionContext.tsx"],"sourcesContent":["import { ReactNode, createContext, memo, useEffect, useRef, useState } from 'react';\n\ntype Direction = 'left' | 'right';\n\nexport const GlobalMouseDirectionContext = createContext<Direction>('right');\n\nexport const GlobalMouseDirectionProvider = memo(({ children }: { children: ReactNode }) => {\n  const [direction, setDirection] = useState<Direction>('right');\n  const prevX = useRef(0);\n\n  useEffect(() => {\n    const handleMouseMove = (e: MouseEvent) => {\n      if (e.clientX > prevX.current) {\n        setDirection((prev) => (prev !== 'right' ? 'right' : prev));\n      } else if (e.clientX < prevX.current) {\n        setDirection((prev) => (prev !== 'left' ? 'left' : prev));\n      }\n      prevX.current = e.clientX;\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => {\n      window.removeEventListener('mousemove', handleMouseMove);\n    };\n  }, []);\n\n  return (\n    <GlobalMouseDirectionContext.Provider value={direction}>\n      {children}\n    </GlobalMouseDirectionContext.Provider>\n  );\n});\n"],"mappings":";;;;AAIA,MAAa,8BAA8B,cAAyB,QAAQ;AAE5E,MAAa,+BAA+B,MAAM,EAAE,eAAwC;CAC1F,MAAM,CAAC,WAAW,gBAAgB,SAAoB,QAAQ;CAC9D,MAAM,QAAQ,OAAO,EAAE;AAEvB,iBAAgB;EACd,MAAM,mBAAmB,MAAkB;AACzC,OAAI,EAAE,UAAU,MAAM,QACpB,eAAc,SAAU,SAAS,UAAU,UAAU,KAAM;YAClD,EAAE,UAAU,MAAM,QAC3B,eAAc,SAAU,SAAS,SAAS,SAAS,KAAM;AAE3D,SAAM,UAAU,EAAE;;AAGpB,SAAO,iBAAiB,aAAa,gBAAgB;AACrD,eAAa;AACX,UAAO,oBAAoB,aAAa,gBAAgB;;IAEzD,EAAE,CAAC;AAEN,QACE,oBAAC,4BAA4B;EAAS,OAAO;EAC1C;GACoC;EAEzC"}

package/es/ThemeProvider/ThemeProvider.d.mts

@@ -1,8 +1,8 @@
 import { ThemeProviderProps } from "./type.mjs";
-import * as react33 from "react";
+import * as react31 from "react";
 
 //#region src/ThemeProvider/ThemeProvider.d.ts
-declare const ThemeProvider: react33.NamedExoticComponent<ThemeProviderProps>;
+declare const ThemeProvider: react31.NamedExoticComponent<ThemeProviderProps>;
 //#endregion
 export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.d.mts.map

package/es/ThemeProvider/ThemeProvider.mjs

@@ -7,6 +7,7 @@ import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import FontLoader_default from "../FontLoader/index.mjs";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
 import ConfigProvider_default from "./ConfigProvider.mjs";
+import { GlobalMouseDirectionProvider } from "./GlobalMouseDirectionContext.mjs";
 import GlobalStyle_default from "./GlobalStyle/index.mjs";
 import { memo, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -59,7 +60,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		customToken: token,
 		theme,
 		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
+		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(GlobalMouseDirectionProvider, { children: /* @__PURE__ */ jsx(App, {
 			className,
 			style: {
 				minHeight: "inherit",
@@ -71,7 +72,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 				style: { display: "contents" },
 				children
 			})
-		})] })
+		}) })] })
 	})] });
 });
 ThemeProvider$1.displayName = "LobeThemeProvider";

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  ThemeProvider as AntdThemeProvider,\n  CustomStylishParams,\n  CustomTokenParams,\n  GetAntdTheme,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { LobeCustomToken } from '@/types/customToken';\n\nimport AntdConfigProvider from './ConfigProvider';\nimport GlobalStyle from './GlobalStyle';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport type { ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n            <App className={className} style={{ minHeight: 'inherit', width: 'inherit', ...style }}>\n              <div id={LOBE_THEME_APP_ID} style={{ display: 'contents' }}>\n                {children}\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAE5B,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EACrC,oBAAC;GAAe;GAAW,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aACpF,oBAAC;IAAI,IAAI;IAAmB,OAAO,EAAE,SAAS,YAAY;IACvD;KACG;IACF,IACa;GACH,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  ThemeProvider as AntdThemeProvider,\n  CustomStylishParams,\n  CustomTokenParams,\n  GetAntdTheme,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { LobeCustomToken } from '@/types/customToken';\n\nimport AntdConfigProvider from './ConfigProvider';\nimport { GlobalMouseDirectionProvider } from './GlobalMouseDirectionContext';\nimport GlobalStyle from './GlobalStyle';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport type { ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n            <GlobalMouseDirectionProvider>\n              <App\n                className={className}\n                style={{ minHeight: 'inherit', width: 'inherit', ...style }}\n              >\n                <div id={LOBE_THEME_APP_ID} style={{ display: 'contents' }}>\n                  {children}\n                </div>\n              </App>\n            </GlobalMouseDirectionProvider>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAE5B,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EACrC,oBAAC,0CACC,oBAAC;GACY;GACX,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aAE3D,oBAAC;IAAI,IAAI;IAAmB,OAAO,EAAE,SAAS,YAAY;IACvD;KACG;IACF,GACuB,IACZ;GACH,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}

package/es/Toc/Toc.d.mts

@@ -1,8 +1,8 @@
 import { TocProps } from "./type.mjs";
-import * as react41 from "react";
+import * as react30 from "react";
 
 //#region src/Toc/Toc.d.ts
-declare const Toc: react41.NamedExoticComponent<TocProps>;
+declare const Toc: react30.NamedExoticComponent<TocProps>;
 //#endregion
 export { Toc };
 //# sourceMappingURL=Toc.d.mts.map

package/es/Tooltip/TooltipFloating.mjs

@@ -4,7 +4,7 @@ import { useMotionComponent } from "../MotionProvider/index.mjs";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Hotkey_default from "../Hotkey/Hotkey.mjs";
 import { styles } from "./style.mjs";
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { AnimatePresence } from "motion/react";
@@ -12,21 +12,61 @@ import { FloatingArrow } from "@floating-ui/react";
 import { useDebounce } from "ahooks";
 
 //#region src/Tooltip/TooltipFloating.tsx
-const TooltipFloating = ({ open, title, placement, floatingStyles, setFloating, floatingProps, arrow: arrow$1, arrowRef, context, hotkey, hotkeyProps, layoutAnimation = true, className, classNames, styles: styleProps, zIndex }) => {
+const tooltipAnimateState = {
+	opacity: 1,
+	scale: 1,
+	y: 0
+};
+const tooltipExitState = {
+	opacity: 0,
+	scale: .98,
+	y: 4
+};
+const tooltipInitialState = {
+	opacity: 0,
+	scale: .96,
+	y: 6
+};
+const tooltipTransition = {
+	duration: .14,
+	ease: [
+		.4,
+		0,
+		.2,
+		1
+	]
+};
+const contentAnimateState = { opacity: 1 };
+const contentExitState = { opacity: 0 };
+const contentInitialState = { opacity: 0 };
+const contentTransition = { duration: .3 };
+const TooltipFloating = ({ open, title, placement, floatingStyles, setFloating, floatingProps, arrow: arrow$1, arrowRef, context, hotkey, hotkeyProps, isInitialShow, layoutAnimation = true, className, classNames, styles: styleProps, zIndex }) => {
+	const basePlacement = String(placement || "top").split("-")[0];
 	const transformOrigin = useMemo(() => {
-		switch (String(placement || "top").split("-")[0]) {
+		switch (basePlacement) {
 			case "top": return "bottom center";
 			case "bottom": return "top center";
 			case "left": return "center right";
 			case "right": return "center left";
 			default: return "center";
 		}
-	}, [placement]);
+	}, [basePlacement]);
 	const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {
 		leading: false,
 		wait: 16
 	});
 	const Motion = useMotionComponent();
+	const TooltipContent = hotkey ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		gap: 8,
+		horizontal: true,
+		justify: "space-between",
+		children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsx(Hotkey_default, {
+			inverseTheme: true,
+			keys: hotkey,
+			...hotkeyProps
+		})]
+	}) : title;
 	return /* @__PURE__ */ jsx(AnimatePresence, { children: open && title && /* @__PURE__ */ jsx("div", {
 		className: cx(styles.tooltip, layoutAnimation && hasTransform && styles.tooltipLayout, classNames?.container, classNames?.root, className),
 		ref: setFloating,
@@ -43,42 +83,24 @@ const TooltipFloating = ({ open, title, placement, floatingStyles, setFloating,
 		},
 		...floatingProps,
 		children: /* @__PURE__ */ jsxs(Motion.div, {
-			animate: {
-				opacity: 1,
-				scale: 1
-			},
-			exit: {
-				opacity: 0,
-				scale: .98
-			},
-			initial: {
-				opacity: 0,
-				scale: .96
-			},
+			animate: tooltipAnimateState,
+			exit: tooltipExitState,
+			initial: tooltipInitialState,
 			style: { transformOrigin },
-			transition: {
-				duration: .12,
-				ease: [
-					.4,
-					0,
-					.2,
-					1
-				]
-			},
+			transition: tooltipTransition,
 			children: [/* @__PURE__ */ jsx("div", {
 				className: cx(styles.content, classNames?.content),
 				style: styleProps?.content,
-				children: hotkey ? /* @__PURE__ */ jsxs(FlexBasic_default, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsx(Hotkey_default, {
-						inverseTheme: true,
-						keys: hotkey,
-						...hotkeyProps
-					})]
-				}) : title
+				children: layoutAnimation ? /* @__PURE__ */ jsx(AnimatePresence, {
+					mode: "popLayout",
+					children: /* @__PURE__ */ jsx(Motion.div, {
+						animate: contentAnimateState,
+						exit: contentExitState,
+						initial: isInitialShow ? false : contentInitialState,
+						transition: contentTransition,
+						children: TooltipContent
+					}, String(title))
+				}) : TooltipContent
 			}), arrow$1 && context && /* @__PURE__ */ jsx(FloatingArrow, {
 				className: cx(styles.arrow, classNames?.arrow),
 				context,