@lobehub/ui 4.7.1 → 4.8.1

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 react3 from "react";
+import * as react30 from "react";
 
 //#region src/Toc/Toc.d.ts
-declare const Toc: react3.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,

package/es/Tooltip/TooltipFloating.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipFloating.mjs","names":["Flexbox","Hotkey","arrow"],"sources":["../../src/Tooltip/TooltipFloating.tsx"],"sourcesContent":["'use client';\n\nimport type { FloatingContext, Placement } from '@floating-ui/react';\nimport { FloatingArrow } from '@floating-ui/react';\nimport { useDebounce } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { AnimatePresence } from 'motion/react';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\nimport React, { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Hotkey from '@/Hotkey';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { styles } from './style';\nimport type { TooltipProps } from './type';\n\ntype TooltipFloatingProps = {\n  arrow?: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n\n  className?: TooltipProps['className'];\n  classNames?: TooltipProps['classNames'];\n  context?: FloatingContext;\n\n  floatingProps?: Record<string, any>;\n  floatingStyles: CSSProperties;\n\n  hotkey?: TooltipProps['hotkey'];\n  hotkeyProps?: TooltipProps['hotkeyProps'];\n\n  /**\n   * @description Whether to enable layout animation when switching between tooltips\n   * @default true\n   */\n  layoutAnimation?: boolean;\n\n  open: boolean;\n  placement?: Placement;\n\n  setFloating: (node: HTMLElement | null) => void;\n  styles?: TooltipProps['styles'];\n  title?: ReactNode;\n  zIndex?: TooltipProps['zIndex'];\n};\n\nconst TooltipFloating = ({\n  open,\n  title,\n  placement,\n  floatingStyles,\n  setFloating,\n  floatingProps,\n  arrow,\n  arrowRef,\n  context,\n  hotkey,\n  hotkeyProps,\n  layoutAnimation = true,\n\n  className,\n  classNames,\n  styles: styleProps,\n  zIndex,\n}: TooltipFloatingProps) => {\n  const transformOrigin = useMemo(() => {\n    const basePlacement = String(placement || 'top').split('-')[0];\n    switch (basePlacement) {\n      case 'top': {\n        return 'bottom center';\n      }\n      case 'bottom': {\n        return 'top center';\n      }\n      case 'left': {\n        return 'center right';\n      }\n      case 'right': {\n        return 'center left';\n      }\n      default: {\n        return 'center';\n      }\n    }\n  }, [placement]);\n\n  const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {\n    leading: false,\n    wait: 16,\n  });\n\n  const Motion = useMotionComponent();\n  return (\n    <AnimatePresence>\n      {open && title && (\n        <div\n          className={cx(\n            styles.tooltip,\n            layoutAnimation && hasTransform && styles.tooltipLayout,\n            classNames?.container,\n            classNames?.root,\n            className,\n          )}\n          key=\"tooltip\"\n          ref={setFloating as any}\n          role=\"tooltip\"\n          style={\n            styleProps?.root\n              ? {\n                  ...floatingStyles,\n                  zIndex,\n                  ...styleProps.container,\n                  ...styleProps.root,\n                }\n              : {\n                  ...floatingStyles,\n                  zIndex,\n                  ...styleProps?.container,\n                }\n          }\n          {...floatingProps}\n        >\n          <Motion.div\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.98 }}\n            initial={{ opacity: 0, scale: 0.96 }}\n            style={{ transformOrigin }}\n            transition={{ duration: 0.12, ease: [0.4, 0, 0.2, 1] }}\n          >\n            <div className={cx(styles.content, classNames?.content)} style={styleProps?.content}>\n              {hotkey ? (\n                <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>\n                  <span>{title}</span>\n                  <Hotkey inverseTheme keys={hotkey} {...hotkeyProps} />\n                </Flexbox>\n              ) : (\n                title\n              )}\n            </div>\n            {arrow && context && (\n              <FloatingArrow\n                className={cx(styles.arrow, classNames?.arrow)}\n                context={context}\n                height={6}\n                ref={arrowRef as any}\n                style={styleProps?.arrow}\n                width={12}\n              />\n            )}\n          </Motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport default TooltipFloating;\n"],"mappings":";;;;;;;;;;;;;;AA8CA,MAAM,mBAAmB,EACvB,MACA,OACA,WACA,gBACA,aACA,eACA,gBACA,UACA,SACA,QACA,aACA,kBAAkB,MAElB,WACA,YACA,QAAQ,YACR,aAC0B;CAC1B,MAAM,kBAAkB,cAAc;AAEpC,UADsB,OAAO,aAAa,MAAM,CAAC,MAAM,IAAI,CAAC,IAC5D;GACE,KAAK,MACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,OACH,QAAO;GAET,KAAK,QACH,QAAO;GAET,QACE,QAAO;;IAGV,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe,YAAY,QAAQ,gBAAgB,UAAU,EAAE;EACnE,SAAS;EACT,MAAM;EACP,CAAC;CAEF,MAAM,SAAS,oBAAoB;AACnC,QACE,oBAAC,6BACE,QAAQ,SACP,oBAAC;EACC,WAAW,GACT,OAAO,SACP,mBAAmB,gBAAgB,OAAO,eAC1C,YAAY,WACZ,YAAY,MACZ,UACD;EAED,KAAK;EACL,MAAK;EACL,OACE,YAAY,OACR;GACE,GAAG;GACH;GACA,GAAG,WAAW;GACd,GAAG,WAAW;GACf,GACD;GACE,GAAG;GACH;GACA,GAAG,YAAY;GAChB;EAEP,GAAI;YAEJ,qBAAC,OAAO;GACN,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG;GACjC,MAAM;IAAE,SAAS;IAAG,OAAO;IAAM;GACjC,SAAS;IAAE,SAAS;IAAG,OAAO;IAAM;GACpC,OAAO,EAAE,iBAAiB;GAC1B,YAAY;IAAE,UAAU;IAAM,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IAAE;cAEtD,oBAAC;IAAI,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAAE,OAAO,YAAY;cACzE,SACC,qBAACA;KAAQ,OAAO;KAAU,KAAK;KAAG;KAAW,SAAS;gBACpD,oBAAC,oBAAM,QAAa,EACpB,oBAACC;MAAO;MAAa,MAAM;MAAQ,GAAI;OAAe;MAC9C,GAEV;KAEE,EACLC,WAAS,WACR,oBAAC;IACC,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACrC;IACT,QAAQ;IACR,KAAK;IACL,OAAO,YAAY;IACnB,OAAO;KACP;IAEO;IA9CT,UA+CA,GAEQ;;AAItB,8BAAe"}
+{"version":3,"file":"TooltipFloating.mjs","names":["tooltipAnimateState: Target","tooltipExitState: Target","tooltipInitialState: Target","tooltipTransition: Transition","contentAnimateState: Target","contentExitState: Target","contentInitialState: Target","contentTransition: Transition","Flexbox","Hotkey","arrow"],"sources":["../../src/Tooltip/TooltipFloating.tsx"],"sourcesContent":["'use client';\n\nimport type { FloatingContext, Placement } from '@floating-ui/react';\nimport { FloatingArrow } from '@floating-ui/react';\nimport { useDebounce } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { AnimatePresence, type Target, type Transition } from 'motion/react';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Hotkey from '@/Hotkey';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { styles } from './style';\nimport type { TooltipProps } from './type';\n\n// Tooltip container animation\nconst tooltipAnimateState: Target = { opacity: 1, scale: 1, y: 0 };\nconst tooltipExitState: Target = { opacity: 0, scale: 0.98, y: 4 };\nconst tooltipInitialState: Target = { opacity: 0, scale: 0.96, y: 6 };\nconst tooltipTransition: Transition = { duration: 0.14, ease: [0.4, 0, 0.2, 1] };\n\n// Tooltip content animation (for switching between tooltips)\nconst contentAnimateState: Target = { opacity: 1 };\nconst contentExitState: Target = { opacity: 0 };\nconst contentInitialState: Target = { opacity: 0 };\nconst contentTransition: Transition = { duration: 0.3 };\n\ntype TooltipFloatingProps = {\n  arrow?: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n\n  className?: TooltipProps['className'];\n  classNames?: TooltipProps['classNames'];\n  context?: FloatingContext;\n\n  floatingProps?: Record<string, any>;\n  floatingStyles: CSSProperties;\n\n  hotkey?: TooltipProps['hotkey'];\n\n  hotkeyProps?: TooltipProps['hotkeyProps'];\n  /**\n   * @description Whether this is the initial show (first appearance, not switching between tooltips)\n   */\n  isInitialShow?: boolean;\n\n  /**\n   * @description Whether to enable layout animation when switching between tooltips\n   * @default true\n   */\n  layoutAnimation?: boolean;\n  open: boolean;\n  placement?: Placement;\n\n  setFloating: (node: HTMLElement | null) => void;\n  styles?: TooltipProps['styles'];\n  title?: ReactNode;\n  zIndex?: TooltipProps['zIndex'];\n};\n\nconst TooltipFloating = ({\n  open,\n  title,\n  placement,\n\n  floatingStyles,\n  setFloating,\n  floatingProps,\n  arrow,\n  arrowRef,\n  context,\n  hotkey,\n  hotkeyProps,\n  isInitialShow,\n  layoutAnimation = true,\n\n  className,\n  classNames,\n  styles: styleProps,\n  zIndex,\n}: TooltipFloatingProps) => {\n  const basePlacement = String(placement || 'top').split('-')[0];\n\n  const transformOrigin = useMemo(() => {\n    switch (basePlacement) {\n      case 'top': {\n        return 'bottom center';\n      }\n      case 'bottom': {\n        return 'top center';\n      }\n      case 'left': {\n        return 'center right';\n      }\n      case 'right': {\n        return 'center left';\n      }\n      default: {\n        return 'center';\n      }\n    }\n  }, [basePlacement]);\n\n  const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {\n    leading: false,\n    wait: 16,\n  });\n\n  const Motion = useMotionComponent();\n\n  const TooltipContent = hotkey ? (\n    <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>\n      <span>{title}</span>\n      <Hotkey inverseTheme keys={hotkey} {...hotkeyProps} />\n    </Flexbox>\n  ) : (\n    title\n  );\n  return (\n    <AnimatePresence>\n      {open && title && (\n        <div\n          className={cx(\n            styles.tooltip,\n            layoutAnimation && hasTransform && styles.tooltipLayout,\n            classNames?.container,\n            classNames?.root,\n            className,\n          )}\n          key=\"tooltip\"\n          ref={setFloating as any}\n          role=\"tooltip\"\n          style={\n            styleProps?.root\n              ? {\n                  ...floatingStyles,\n                  zIndex,\n                  ...styleProps.container,\n                  ...styleProps.root,\n                }\n              : {\n                  ...floatingStyles,\n                  zIndex,\n                  ...styleProps?.container,\n                }\n          }\n          {...floatingProps}\n        >\n          <Motion.div\n            animate={tooltipAnimateState}\n            exit={tooltipExitState}\n            initial={tooltipInitialState}\n            style={{ transformOrigin }}\n            transition={tooltipTransition}\n          >\n            <div className={cx(styles.content, classNames?.content)} style={styleProps?.content}>\n              {layoutAnimation ? (\n                <AnimatePresence mode=\"popLayout\">\n                  <Motion.div\n                    animate={contentAnimateState}\n                    exit={contentExitState}\n                    initial={isInitialShow ? false : contentInitialState}\n                    key={String(title)}\n                    transition={contentTransition}\n                  >\n                    {TooltipContent}\n                  </Motion.div>\n                </AnimatePresence>\n              ) : (\n                TooltipContent\n              )}\n            </div>\n            {arrow && context && (\n              <FloatingArrow\n                className={cx(styles.arrow, classNames?.arrow)}\n                context={context}\n                height={6}\n                ref={arrowRef as any}\n                style={styleProps?.arrow}\n                width={12}\n              />\n            )}\n          </Motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport default TooltipFloating;\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,sBAA8B;CAAE,SAAS;CAAG,OAAO;CAAG,GAAG;CAAG;AAClE,MAAMC,mBAA2B;CAAE,SAAS;CAAG,OAAO;CAAM,GAAG;CAAG;AAClE,MAAMC,sBAA8B;CAAE,SAAS;CAAG,OAAO;CAAM,GAAG;CAAG;AACrE,MAAMC,oBAAgC;CAAE,UAAU;CAAM,MAAM;EAAC;EAAK;EAAG;EAAK;EAAE;CAAE;AAGhF,MAAMC,sBAA8B,EAAE,SAAS,GAAG;AAClD,MAAMC,mBAA2B,EAAE,SAAS,GAAG;AAC/C,MAAMC,sBAA8B,EAAE,SAAS,GAAG;AAClD,MAAMC,oBAAgC,EAAE,UAAU,IAAK;AAmCvD,MAAM,mBAAmB,EACvB,MACA,OACA,WAEA,gBACA,aACA,eACA,gBACA,UACA,SACA,QACA,aACA,eACA,kBAAkB,MAElB,WACA,YACA,QAAQ,YACR,aAC0B;CAC1B,MAAM,gBAAgB,OAAO,aAAa,MAAM,CAAC,MAAM,IAAI,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,UAAQ,eAAR;GACE,KAAK,MACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,OACH,QAAO;GAET,KAAK,QACH,QAAO;GAET,QACE,QAAO;;IAGV,CAAC,cAAc,CAAC;CAEnB,MAAM,eAAe,YAAY,QAAQ,gBAAgB,UAAU,EAAE;EACnE,SAAS;EACT,MAAM;EACP,CAAC;CAEF,MAAM,SAAS,oBAAoB;CAEnC,MAAM,iBAAiB,SACrB,qBAACC;EAAQ,OAAO;EAAU,KAAK;EAAG;EAAW,SAAS;aACpD,oBAAC,oBAAM,QAAa,EACpB,oBAACC;GAAO;GAAa,MAAM;GAAQ,GAAI;IAAe;GAC9C,GAEV;AAEF,QACE,oBAAC,6BACE,QAAQ,SACP,oBAAC;EACC,WAAW,GACT,OAAO,SACP,mBAAmB,gBAAgB,OAAO,eAC1C,YAAY,WACZ,YAAY,MACZ,UACD;EAED,KAAK;EACL,MAAK;EACL,OACE,YAAY,OACR;GACE,GAAG;GACH;GACA,GAAG,WAAW;GACd,GAAG,WAAW;GACf,GACD;GACE,GAAG;GACH;GACA,GAAG,YAAY;GAChB;EAEP,GAAI;YAEJ,qBAAC,OAAO;GACN,SAAS;GACT,MAAM;GACN,SAAS;GACT,OAAO,EAAE,iBAAiB;GAC1B,YAAY;cAEZ,oBAAC;IAAI,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAAE,OAAO,YAAY;cACzE,kBACC,oBAAC;KAAgB,MAAK;eACpB,oBAAC,OAAO;MACN,SAAS;MACT,MAAM;MACN,SAAS,gBAAgB,QAAQ;MAEjC,YAAY;gBAEX;QAHI,OAAO,MAAM,CAIP;MACG,GAElB;KAEE,EACLC,WAAS,WACR,oBAAC;IACC,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACrC;IACT,QAAQ;IACR,KAAK;IACL,OAAO,YAAY;IACnB,OAAO;KACP;IAEO;IArDT,UAsDA,GAEQ;;AAItB,8BAAe"}

package/es/Tooltip/TooltipGroup.mjs

@@ -155,6 +155,11 @@ const TooltipGroup = ({ children, layoutAnimation = true, ...sharedProps }) => {
 		};
 	}, [clearTimers]);
 	const portalRoot = active?.item.getPopupContainer && active?.triggerEl ? active.item.getPopupContainer(active.triggerEl) : void 0;
+	const openRef = useRef(open);
+	useEffect(() => {
+		openRef.current = open;
+	}, [open]);
+	const isInitialShow = !openRef.current && open;
 	const floatingNode = /* @__PURE__ */ jsx(TooltipFloating_default, {
 		arrow: active?.item.arrow,
 		arrowRef,
@@ -164,6 +169,7 @@ const TooltipGroup = ({ children, layoutAnimation = true, ...sharedProps }) => {
 		floatingStyles,
 		hotkey: active?.item.hotkey,
 		hotkeyProps: active?.item.hotkeyProps,
+		isInitialShow,
 		layoutAnimation,
 		open,
 		placement: floatingPlacement,

package/es/Tooltip/TooltipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","arrowMiddleware","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { type FC, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n  type TooltipGroupSharedProps,\n} from './groupContext';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\ntype TooltipGroupProps = TooltipGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  layoutAnimation = true,\n  ...sharedProps\n}) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const [active, setActive] = useState<{\n    item: TooltipGroupItem;\n    triggerEl: HTMLElement;\n  } | null>(null);\n  const [open, setOpen] = useState(false);\n  const activeRef = useRef<typeof active>(null);\n\n  useEffect(() => {\n    activeRef.current = active;\n  }, [active]);\n\n  const floatingPlacement = useMemo(\n    () => antdPlacementToFloating(active?.item.placement),\n    [active?.item.placement],\n  );\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (active?.item.arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [active?.item.arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  useEffect(() => {\n    if (!active?.triggerEl) return;\n    refs.setReference(active.triggerEl);\n  }, [active?.triggerEl, refs]);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n    if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);\n    openTimerRef.current = null;\n    closeTimerRef.current = null;\n  }, []);\n\n  const closeImmediately = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n  }, [clearTimers]);\n\n  const destroyActive = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n    setActive(null);\n  }, [clearTimers]);\n\n  const isActiveTrigger = useCallback((triggerEl: HTMLElement) => {\n    return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);\n  }, []);\n\n  const closeFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;\n\n      clearTimers();\n\n      const delayMs =\n        item.closeDelay ?? (item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        setOpen(false);\n        item.onOpenChange?.(false);\n        return;\n      }\n\n      closeTimerRef.current = window.setTimeout(() => {\n        setOpen(false);\n        item.onOpenChange?.(false);\n      }, delayMs);\n    },\n    [clearTimers],\n  );\n\n  const openFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!triggerEl) return;\n      if (!item.title) return;\n      if (item.disabled) return;\n\n      clearTimers();\n\n      if (isElementHidden(triggerEl)) {\n        if (isActiveTrigger(triggerEl)) destroyActive();\n        return;\n      }\n\n      setActive({ item, triggerEl });\n\n      const delayMs =\n        item.openDelay ?? (item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 400);\n      if (delayMs <= 0) {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n        return;\n      }\n\n      openTimerRef.current = window.setTimeout(() => {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n      }, delayMs);\n    },\n    [clearTimers, destroyActive, isActiveTrigger],\n  );\n\n  const groupApi = useMemo(\n    () => ({ closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger }),\n    [closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const triggerEl = active?.triggerEl;\n    if (!triggerEl) return;\n\n    if (isElementHidden(triggerEl)) {\n      destroyActive();\n      return;\n    }\n\n    const stopVisibilityObserver = observeElementVisibility(triggerEl, (visible) => {\n      if (!visible) destroyActive();\n    });\n\n    const root = triggerEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (triggerEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(triggerEl)) destroyActive();\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [active?.triggerEl, destroyActive, open]);\n\n  useEffect(() => {\n    return () => {\n      clearTimers();\n    };\n  }, [clearTimers]);\n\n  const portalRoot =\n    active?.item.getPopupContainer && active?.triggerEl\n      ? active.item.getPopupContainer(active.triggerEl)\n      : undefined;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={active?.item.arrow}\n      arrowRef={arrowRef}\n      className={active?.item.className}\n      classNames={active?.item.classNames}\n      context={context}\n      floatingStyles={floatingStyles}\n      hotkey={active?.item.hotkey}\n      hotkeyProps={active?.item.hotkeyProps}\n      layoutAnimation={layoutAnimation}\n      open={open}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={active?.item.styles}\n      title={active?.item.title}\n      zIndex={active?.item.zIndex}\n    />\n  );\n\n  return (\n    <TooltipGroupApiContext.Provider value={groupApi}>\n      <TooltipGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        {active?.item.title &&\n          !active.item.disabled &&\n          ((active.item.portalled ?? true) ? (\n            <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n          ) : (\n            floatingNode\n          ))}\n      </TooltipGroupPropsContext.Provider>\n    </TooltipGroupApiContext.Provider>\n  );\n};\n\nexport default TooltipGroup;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","arrowMiddleware","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { type FC, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n  type TooltipGroupSharedProps,\n} from './groupContext';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\ntype TooltipGroupProps = TooltipGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  layoutAnimation = true,\n  ...sharedProps\n}) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const [active, setActive] = useState<{\n    item: TooltipGroupItem;\n    triggerEl: HTMLElement;\n  } | null>(null);\n  const [open, setOpen] = useState(false);\n  const activeRef = useRef<typeof active>(null);\n\n  useEffect(() => {\n    activeRef.current = active;\n  }, [active]);\n\n  const floatingPlacement = useMemo(\n    () => antdPlacementToFloating(active?.item.placement),\n    [active?.item.placement],\n  );\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (active?.item.arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [active?.item.arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  useEffect(() => {\n    if (!active?.triggerEl) return;\n    refs.setReference(active.triggerEl);\n  }, [active?.triggerEl, refs]);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n    if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);\n    openTimerRef.current = null;\n    closeTimerRef.current = null;\n  }, []);\n\n  const closeImmediately = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n  }, [clearTimers]);\n\n  const destroyActive = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n    setActive(null);\n  }, [clearTimers]);\n\n  const isActiveTrigger = useCallback((triggerEl: HTMLElement) => {\n    return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);\n  }, []);\n\n  const closeFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;\n\n      clearTimers();\n\n      const delayMs =\n        item.closeDelay ?? (item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        setOpen(false);\n        item.onOpenChange?.(false);\n        return;\n      }\n\n      closeTimerRef.current = window.setTimeout(() => {\n        setOpen(false);\n        item.onOpenChange?.(false);\n      }, delayMs);\n    },\n    [clearTimers],\n  );\n\n  const openFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!triggerEl) return;\n      if (!item.title) return;\n      if (item.disabled) return;\n\n      clearTimers();\n\n      if (isElementHidden(triggerEl)) {\n        if (isActiveTrigger(triggerEl)) destroyActive();\n        return;\n      }\n\n      setActive({ item, triggerEl });\n\n      const delayMs =\n        item.openDelay ?? (item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 400);\n      if (delayMs <= 0) {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n        return;\n      }\n\n      openTimerRef.current = window.setTimeout(() => {\n        if (isElementHidden(triggerEl)) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n      }, delayMs);\n    },\n    [clearTimers, destroyActive, isActiveTrigger],\n  );\n\n  const groupApi = useMemo(\n    () => ({ closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger }),\n    [closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const triggerEl = active?.triggerEl;\n    if (!triggerEl) return;\n\n    if (isElementHidden(triggerEl)) {\n      destroyActive();\n      return;\n    }\n\n    const stopVisibilityObserver = observeElementVisibility(triggerEl, (visible) => {\n      if (!visible) destroyActive();\n    });\n\n    const root = triggerEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (triggerEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(triggerEl)) destroyActive();\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [active?.triggerEl, destroyActive, open]);\n\n  useEffect(() => {\n    return () => {\n      clearTimers();\n    };\n  }, [clearTimers]);\n\n  const portalRoot =\n    active?.item.getPopupContainer && active?.triggerEl\n      ? active.item.getPopupContainer(active.triggerEl)\n      : undefined;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const isInitialShow = !openRef.current && open;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={active?.item.arrow}\n      arrowRef={arrowRef}\n      className={active?.item.className}\n      classNames={active?.item.classNames}\n      context={context}\n      floatingStyles={floatingStyles}\n      hotkey={active?.item.hotkey}\n      hotkeyProps={active?.item.hotkeyProps}\n      isInitialShow={isInitialShow}\n      layoutAnimation={layoutAnimation}\n      open={open}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={active?.item.styles}\n      title={active?.item.title}\n      zIndex={active?.item.zIndex}\n    />\n  );\n\n  return (\n    <TooltipGroupApiContext.Provider value={groupApi}>\n      <TooltipGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        {active?.item.title &&\n          !active.item.disabled &&\n          ((active.item.portalled ?? true) ? (\n            <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n          ) : (\n            floatingNode\n          ))}\n      </TooltipGroupPropsContext.Provider>\n    </TooltipGroupApiContext.Provider>\n  );\n};\n\nexport default TooltipGroup;\n"],"mappings":"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"}

package/es/Tooltip/TooltipStandalone.mjs

@@ -83,6 +83,7 @@ const TooltipStandalone = ({ ref, hotkey, className, arrow = false, title, hotke
 		floatingStyles,
 		hotkey,
 		hotkeyProps,
+		isInitialShow: true,
 		open: connectedOpen,
 		placement: floatingPlacement,
 		setFloating: refs.setFloating,

package/es/Tooltip/TooltipStandalone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStandalone.mjs","names":["TooltipStandalone: FC<TooltipProps>","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback, useEffect, useState } from 'react';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport type { TooltipProps } from './type';\nimport { useTooltipFloating } from './useTooltipFloating';\nimport { useTooltipReference } from './useTooltipReference';\nimport { useTooltipTrigger } from './useTooltipTrigger';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\nexport const TooltipStandalone: FC<TooltipProps> = ({\n  ref,\n  hotkey,\n  className,\n  arrow = false,\n  title,\n  hotkeyProps,\n  children,\n  placement = 'top',\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  classNames,\n  styles: styleProps,\n  zIndex,\n  portalled = true,\n  getPopupContainer,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n  const [referenceVisible, setReferenceVisible] = useState(true);\n\n  const mergedOpen = open ?? uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (open === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange, open],\n  );\n\n  const trigger = useTooltipTrigger(children);\n\n  // We need to initialize floating first to get getReferenceProps\n  // But we'll use a temporary mergedOpen, then update to connectedOpen\n  const floatingHookResult = useTooltipFloating({\n    arrow,\n    closeDelay,\n    disabled,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange: setOpen,\n    open: mergedOpen,\n    openDelay,\n    placement,\n  });\n\n  const { referenceConnected, referenceEl, referenceNode } = useTooltipReference({\n    getReferenceProps: floatingHookResult.getReferenceProps,\n    mergedOpen,\n    ref,\n    setOpen,\n    setReference: floatingHookResult.refs.setReference,\n    trigger,\n  });\n\n  const connectedOpen = !disabled && mergedOpen && referenceConnected && referenceVisible;\n\n  // Use the first hook result\n  // Note: useFloating inside uses mergedOpen, but TooltipFloating component uses connectedOpen for display\n  const { arrowRef, context, floatingPlacement, floatingStyles, getFloatingProps, refs } =\n    floatingHookResult;\n\n  // Watch for trigger removal or display:none via MutationObserver\n  useEffect(() => {\n    if (!mergedOpen) return;\n    if (!referenceEl) {\n      setReferenceVisible(false);\n      setOpen(false);\n      return;\n    }\n\n    let lastVisible = true;\n    const handleVisibilityChange = (visible: boolean) => {\n      setReferenceVisible(visible);\n      if (!visible && lastVisible) setOpen(false);\n      lastVisible = visible;\n    };\n\n    const stopVisibilityObserver = observeElementVisibility(referenceEl, handleVisibilityChange);\n\n    const root = referenceEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (referenceEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(referenceEl)) handleVisibilityChange(false);\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [mergedOpen, referenceEl, setOpen]);\n\n  const portalRoot =\n    getPopupContainer && referenceEl && referenceConnected && referenceVisible\n      ? getPopupContainer(referenceEl as any)\n      : undefined;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={arrow}\n      arrowRef={arrowRef}\n      className={className}\n      classNames={classNames}\n      context={context}\n      floatingProps={getFloatingProps()}\n      floatingStyles={floatingStyles}\n      hotkey={hotkey}\n      hotkeyProps={hotkeyProps}\n      open={connectedOpen}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={styleProps}\n      title={title}\n      zIndex={zIndex}\n    />\n  );\n\n  return (\n    <>\n      {referenceNode}\n      {!disabled &&\n        title &&\n        (portalled ? (\n          <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n        ) : (\n          floatingNode\n        ))}\n    </>\n  );\n};\n\nTooltipStandalone.displayName = 'TooltipStandalone';\n"],"mappings":";;;;;;;;;;;;AAYA,MAAaA,qBAAuC,EAClD,KACA,QACA,WACA,QAAQ,OACR,OACA,aACA,UACA,YAAY,OACZ,WACA,YACA,iBACA,iBACA,MACA,aACA,cACA,UACA,YACA,QAAQ,YACR,QACA,YAAY,MACZ,wBACI;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;CAC9E,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAE9D,MAAM,aAAa,QAAQ;CAC3B,MAAM,UAAU,aACb,SAAkB;AACjB,MAAI,SAAS,OAAW,qBAAoB,KAAK;AACjD,iBAAe,KAAK;IAEtB,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,UAAU,kBAAkB,SAAS;CAI3C,MAAM,qBAAqB,mBAAmB;EAC5C;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,MAAM;EACN;EACA;EACD,CAAC;CAEF,MAAM,EAAE,oBAAoB,aAAa,kBAAkB,oBAAoB;EAC7E,mBAAmB,mBAAmB;EACtC;EACA;EACA;EACA,cAAc,mBAAmB,KAAK;EACtC;EACD,CAAC;CAEF,MAAM,gBAAgB,CAAC,YAAY,cAAc,sBAAsB;CAIvE,MAAM,EAAE,UAAU,SAAS,mBAAmB,gBAAgB,kBAAkB,SAC9E;AAGF,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAa;AAChB,uBAAoB,MAAM;AAC1B,WAAQ,MAAM;AACd;;EAGF,IAAI,cAAc;EAClB,MAAM,0BAA0B,YAAqB;AACnD,uBAAoB,QAAQ;AAC5B,OAAI,CAAC,WAAW,YAAa,SAAQ,MAAM;AAC3C,iBAAc;;EAGhB,MAAM,yBAAyB,yBAAyB,aAAa,uBAAuB;EAE5F,MAAM,OAAO,YAAY,eAAe;EACxC,MAAM,gBACJ,OAAO,eAAe,eAAe,gBAAgB,aACjD,OACC,YAAY,iBAAiB;EAEpC,MAAM,WAAW,IAAI,uBAAuB;AAC1C,OAAI,gBAAgB,YAAY,CAAE,wBAAuB,MAAM;IAC/D;AAEF,WAAS,QAAQ,eAAe;GAAE,WAAW;GAAM,SAAS;GAAM,CAAC;AAEnE,eAAa;AACX,YAAS,YAAY;AACrB,6BAA0B;;IAE3B;EAAC;EAAY;EAAa;EAAQ,CAAC;CAEtC,MAAM,aACJ,qBAAqB,eAAe,sBAAsB,mBACtD,kBAAkB,YAAmB,GACrC;CAEN,MAAM,eACJ,oBAACC;EACQ;EACG;EACC;EACC;EACH;EACT,eAAe,kBAAkB;EACjB;EACR;EACK;EACb,MAAM;EACN,WAAW;EACX,aAAa,KAAK;EAClB,QAAQ;EACD;EACC;GACR;AAGJ,QACE,8CACG,eACA,CAAC,YACA,UACC,YACC,oBAACC;EAAc,MAAM;YAAa;GAA6B,GAE/D,iBAEH;;AAIP,kBAAkB,cAAc"}
+{"version":3,"file":"TooltipStandalone.mjs","names":["TooltipStandalone: FC<TooltipProps>","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useCallback, useEffect, useState } from 'react';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport type { TooltipProps } from './type';\nimport { useTooltipFloating } from './useTooltipFloating';\nimport { useTooltipReference } from './useTooltipReference';\nimport { useTooltipTrigger } from './useTooltipTrigger';\nimport { isElementHidden, observeElementVisibility } from './utils';\n\nexport const TooltipStandalone: FC<TooltipProps> = ({\n  ref,\n  hotkey,\n  className,\n  arrow = false,\n  title,\n  hotkeyProps,\n  children,\n  placement = 'top',\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  classNames,\n  styles: styleProps,\n  zIndex,\n  portalled = true,\n  getPopupContainer,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n  const [referenceVisible, setReferenceVisible] = useState(true);\n\n  const mergedOpen = open ?? uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (open === undefined) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange, open],\n  );\n\n  const trigger = useTooltipTrigger(children);\n\n  // We need to initialize floating first to get getReferenceProps\n  // But we'll use a temporary mergedOpen, then update to connectedOpen\n  const floatingHookResult = useTooltipFloating({\n    arrow,\n    closeDelay,\n    disabled,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange: setOpen,\n    open: mergedOpen,\n    openDelay,\n    placement,\n  });\n\n  const { referenceConnected, referenceEl, referenceNode } = useTooltipReference({\n    getReferenceProps: floatingHookResult.getReferenceProps,\n    mergedOpen,\n    ref,\n    setOpen,\n    setReference: floatingHookResult.refs.setReference,\n    trigger,\n  });\n\n  const connectedOpen = !disabled && mergedOpen && referenceConnected && referenceVisible;\n\n  // Use the first hook result\n  // Note: useFloating inside uses mergedOpen, but TooltipFloating component uses connectedOpen for display\n  const { arrowRef, context, floatingPlacement, floatingStyles, getFloatingProps, refs } =\n    floatingHookResult;\n\n  // Watch for trigger removal or display:none via MutationObserver\n  useEffect(() => {\n    if (!mergedOpen) return;\n    if (!referenceEl) {\n      setReferenceVisible(false);\n      setOpen(false);\n      return;\n    }\n\n    let lastVisible = true;\n    const handleVisibilityChange = (visible: boolean) => {\n      setReferenceVisible(visible);\n      if (!visible && lastVisible) setOpen(false);\n      lastVisible = visible;\n    };\n\n    const stopVisibilityObserver = observeElementVisibility(referenceEl, handleVisibilityChange);\n\n    const root = referenceEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (referenceEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (isElementHidden(referenceEl)) handleVisibilityChange(false);\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      stopVisibilityObserver?.();\n    };\n  }, [mergedOpen, referenceEl, setOpen]);\n\n  const portalRoot =\n    getPopupContainer && referenceEl && referenceConnected && referenceVisible\n      ? getPopupContainer(referenceEl as any)\n      : undefined;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={arrow}\n      arrowRef={arrowRef}\n      className={className}\n      classNames={classNames}\n      context={context}\n      floatingProps={getFloatingProps()}\n      floatingStyles={floatingStyles}\n      hotkey={hotkey}\n      hotkeyProps={hotkeyProps}\n      isInitialShow\n      open={connectedOpen}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={styleProps}\n      title={title}\n      zIndex={zIndex}\n    />\n  );\n\n  return (\n    <>\n      {referenceNode}\n      {!disabled &&\n        title &&\n        (portalled ? (\n          <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n        ) : (\n          floatingNode\n        ))}\n    </>\n  );\n};\n\nTooltipStandalone.displayName = 'TooltipStandalone';\n"],"mappings":";;;;;;;;;;;;AAYA,MAAaA,qBAAuC,EAClD,KACA,QACA,WACA,QAAQ,OACR,OACA,aACA,UACA,YAAY,OACZ,WACA,YACA,iBACA,iBACA,MACA,aACA,cACA,UACA,YACA,QAAQ,YACR,QACA,YAAY,MACZ,wBACI;CACJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,YAAY,CAAC;CAC9E,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAE9D,MAAM,aAAa,QAAQ;CAC3B,MAAM,UAAU,aACb,SAAkB;AACjB,MAAI,SAAS,OAAW,qBAAoB,KAAK;AACjD,iBAAe,KAAK;IAEtB,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,UAAU,kBAAkB,SAAS;CAI3C,MAAM,qBAAqB,mBAAmB;EAC5C;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,MAAM;EACN;EACA;EACD,CAAC;CAEF,MAAM,EAAE,oBAAoB,aAAa,kBAAkB,oBAAoB;EAC7E,mBAAmB,mBAAmB;EACtC;EACA;EACA;EACA,cAAc,mBAAmB,KAAK;EACtC;EACD,CAAC;CAEF,MAAM,gBAAgB,CAAC,YAAY,cAAc,sBAAsB;CAIvE,MAAM,EAAE,UAAU,SAAS,mBAAmB,gBAAgB,kBAAkB,SAC9E;AAGF,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAa;AAChB,uBAAoB,MAAM;AAC1B,WAAQ,MAAM;AACd;;EAGF,IAAI,cAAc;EAClB,MAAM,0BAA0B,YAAqB;AACnD,uBAAoB,QAAQ;AAC5B,OAAI,CAAC,WAAW,YAAa,SAAQ,MAAM;AAC3C,iBAAc;;EAGhB,MAAM,yBAAyB,yBAAyB,aAAa,uBAAuB;EAE5F,MAAM,OAAO,YAAY,eAAe;EACxC,MAAM,gBACJ,OAAO,eAAe,eAAe,gBAAgB,aACjD,OACC,YAAY,iBAAiB;EAEpC,MAAM,WAAW,IAAI,uBAAuB;AAC1C,OAAI,gBAAgB,YAAY,CAAE,wBAAuB,MAAM;IAC/D;AAEF,WAAS,QAAQ,eAAe;GAAE,WAAW;GAAM,SAAS;GAAM,CAAC;AAEnE,eAAa;AACX,YAAS,YAAY;AACrB,6BAA0B;;IAE3B;EAAC;EAAY;EAAa;EAAQ,CAAC;CAEtC,MAAM,aACJ,qBAAqB,eAAe,sBAAsB,mBACtD,kBAAkB,YAAmB,GACrC;CAEN,MAAM,eACJ,oBAACC;EACQ;EACG;EACC;EACC;EACH;EACT,eAAe,kBAAkB;EACjB;EACR;EACK;EACb;EACA,MAAM;EACN,WAAW;EACX,aAAa,KAAK;EAClB,QAAQ;EACD;EACC;GACR;AAGJ,QACE,8CACG,eACA,CAAC,YACA,UACC,YACC,oBAACC;EAAc,MAAM;YAAa;GAA6B,GAE/D,iBAEH;;AAIP,kBAAkB,cAAc"}

package/es/Tooltip/style.mjs

@@ -7,6 +7,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       fill: ${cssVar$1.colorText};
     `,
 		content: css$1`
+      position: relative;
+
+      overflow: hidden;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -30,7 +33,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 12%));
     `,
 		tooltipLayout: css$1`
-      transition: all 0.2s ease-in-out;
+      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
     `
 	};
 });

package/es/Tooltip/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    arrow: css`\n      fill: ${cssVar.colorText};\n    `,\n    content: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding-block: 6px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      color: ${cssVar.colorBgLayout};\n      word-break: normal;\n\n      background-color: ${cssVar.colorTextBase};\n    `,\n    tooltip: css`\n      user-select: none;\n\n      /* Keep the class name for backwards compatibility and user overrides */\n      position: relative;\n      z-index: 114514;\n      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 12%));\n    `,\n    tooltipLayout: css`\n      transition: all 0.2s ease-in-out;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,OAAO,KAAG;cACAA,SAAO,UAAU;;EAE3B,SAAS,KAAG;;;;;;;;uBAQOA,SAAO,eAAe;;eAE9BA,SAAO,cAAc;;;0BAGVA,SAAO,cAAc;;EAE3C,SAAS,KAAG;;;;;;;;EAQZ,eAAe,KAAG;;;EAGnB;EACD"}
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    arrow: css`\n      fill: ${cssVar.colorText};\n    `,\n    content: css`\n      position: relative;\n\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding-block: 6px;\n      padding-inline: 10px;\n      border-radius: ${cssVar.borderRadiusSM};\n\n      color: ${cssVar.colorBgLayout};\n      word-break: normal;\n\n      background-color: ${cssVar.colorTextBase};\n    `,\n\n    tooltip: css`\n      user-select: none;\n\n      /* Keep the class name for backwards compatibility and user overrides */\n      position: relative;\n      z-index: 114514;\n      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 12%));\n    `,\n    tooltipLayout: css`\n      transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,OAAO,KAAG;cACAA,SAAO,UAAU;;EAE3B,SAAS,KAAG;;;;;;;;;;;uBAWOA,SAAO,eAAe;;eAE9BA,SAAO,cAAc;;;0BAGVA,SAAO,cAAc;;EAG3C,SAAS,KAAG;;;;;;;;EAQZ,eAAe,KAAG;;;EAGnB;EACD"}

package/es/Video/index.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
 import "../Flex/index.mjs";
 import { VideoProps as VideoProps$1 } from "../types/index.mjs";
-import * as react68 from "react";
+import * as react72 from "react";
 import { CSSProperties, Ref } from "react";
 
 //#region src/Video/index.d.ts
@@ -39,7 +39,7 @@ interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'
   };
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const Video: react68.NamedExoticComponent<VideoProps>;
+declare const Video: react72.NamedExoticComponent<VideoProps>;
 //#endregion
 export { Video, VideoProps };
 //# sourceMappingURL=index.d.mts.map

package/es/awesome/AuroraBackground/AuroraBackground.d.mts

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

package/es/awesome/BottomGradientButton/BottomGradientButton.d.mts

@@ -1,9 +1,9 @@
 import { ButtonProps } from "../../Button/type.mjs";
 import "../../Button/index.mjs";
-import * as react129 from "react";
+import * as react123 from "react";
 
 //#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
-declare const BottomGradientButton: react129.NamedExoticComponent<ButtonProps>;
+declare const BottomGradientButton: react123.NamedExoticComponent<ButtonProps>;
 //#endregion
 export { BottomGradientButton };
 //# sourceMappingURL=BottomGradientButton.d.mts.map

package/es/awesome/Features/Features.d.mts

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

package/es/awesome/Giscus/Giscus.d.mts

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

package/es/awesome/GradientButton/GradientButton.d.mts

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

package/es/awesome/GridBackground/GridBackground.d.mts

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

package/es/awesome/GridBackground/GridShowcase.d.mts

@@ -1,8 +1,8 @@
 import { GridShowcaseProps } from "./type.mjs";
-import * as react133 from "react";
+import * as react128 from "react";
 
 //#region src/awesome/GridBackground/GridShowcase.d.ts
-declare const GridShowcase: react133.NamedExoticComponent<GridShowcaseProps>;
+declare const GridShowcase: react128.NamedExoticComponent<GridShowcaseProps>;
 //#endregion
 export { GridShowcase };
 //# sourceMappingURL=GridShowcase.d.mts.map

package/es/awesome/Hero/Hero.d.mts

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

package/es/awesome/Spline/Spine.d.mts

@@ -1,9 +1,9 @@
 import { SplineProps } from "./type.mjs";
-import * as react131 from "react";
+import * as react130 from "react";
 import "@splinetool/runtime";
 
 //#region src/awesome/Spline/Spine.d.ts
-declare const Spline: react131.NamedExoticComponent<SplineProps>;
+declare const Spline: react130.NamedExoticComponent<SplineProps>;
 //#endregion
 export { Spline };
 //# sourceMappingURL=Spine.d.mts.map

package/es/awesome/Spotlight/Spotlight.d.mts

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

package/es/awesome/SpotlightCard/SpotlightCard.d.mts

@@ -1,8 +1,8 @@
 import { SpotlightCardProps } from "./type.mjs";
-import * as react137 from "react";
+import * as react132 from "react";
 
 //#region src/awesome/SpotlightCard/SpotlightCard.d.ts
-declare const SpotlightCard: react137.NamedExoticComponent<SpotlightCardProps<any>>;
+declare const SpotlightCard: react132.NamedExoticComponent<SpotlightCardProps<any>>;
 //#endregion
 export { SpotlightCard };
 //# sourceMappingURL=SpotlightCard.d.mts.map

package/es/awesome/TypewriterEffect/TypewriterEffect.d.mts

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

package/es/brand/LobeChat/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react0 from "react";
+import * as react15 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeChat/index.d.ts
@@ -8,7 +8,7 @@ interface LobeChatProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeChat: react0.NamedExoticComponent<LobeChatProps>;
+declare const LobeChat: react15.NamedExoticComponent<LobeChatProps>;
 //#endregion
 export { LobeChat, LobeChatProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LobeHub/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react1 from "react";
+import * as react17 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeHub/index.d.ts
@@ -8,7 +8,7 @@ interface LobeHubProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeHub: react1.NamedExoticComponent<LobeHubProps>;
+declare const LobeHub: react17.NamedExoticComponent<LobeHubProps>;
 //#endregion
 export { LobeHub, LobeHubProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LogoThree/LogoSpline.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react0 from "react";
+import * as react16 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/LogoSpline.d.ts
@@ -10,7 +10,7 @@ interface LogoSplineProps extends Partial<SplineProps> {
   style?: CSSProperties;
   width?: number | string;
 }
-declare const LogoSpline: react0.NamedExoticComponent<LogoSplineProps>;
+declare const LogoSpline: react16.NamedExoticComponent<LogoSplineProps>;
 //#endregion
 export { LogoSpline, LogoSplineProps };
 //# sourceMappingURL=LogoSpline.d.mts.map

package/es/brand/LogoThree/index.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react2 from "react";
+import * as react18 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/index.d.ts
@@ -9,7 +9,7 @@ interface LogoThreeProps extends Partial<SplineProps> {
   size?: number;
   style?: CSSProperties;
 }
-declare const LogoThree: react2.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react18.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map

package/es/chat/BackBottom/BackBottom.d.mts

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

package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts

@@ -1,8 +1,8 @@
 import { ChatInputAreaInnerProps } from "../type.mjs";
-import * as react111 from "react";
+import * as react115 from "react";
 
 //#region src/chat/ChatInputArea/components/ChatInputAreaInner.d.ts
-declare const ChatInputAreaInner: react111.NamedExoticComponent<ChatInputAreaInnerProps>;
+declare const ChatInputAreaInner: react115.NamedExoticComponent<ChatInputAreaInnerProps>;
 //#endregion
 export { ChatInputAreaInner };
 //# sourceMappingURL=ChatInputAreaInner.d.mts.map