@lobehub/ui 4.3.13 → 4.4.0

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

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react66 from "react";
+import * as react57 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react66.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react57.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 react6 from "react";
+import * as react18 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react6.NamedExoticComponent<ModalProps>;
+declare const Modal: react18.NamedExoticComponent<ModalProps>;
 //#endregion
 export { Modal };
 //# sourceMappingURL=Modal.d.mts.map

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react61 from "react";
+import * as react66 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: react61.NamedExoticComponent<{
+declare const MotionProvider: react66.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/Segmented/Segmented.d.mts

@@ -1,8 +1,8 @@
 import { SegmentedProps } from "./type.mjs";
-import * as react4 from "react";
+import * as react7 from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react4.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: react7.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 react41 from "react";
+import * as react6 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react41.NamedExoticComponent<SelectProps>;
+declare const Input: react6.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 react39 from "react";
+import * as react8 from "react";
 
 //#region src/SideNav/SideNav.d.ts
-declare const SideNav: react39.NamedExoticComponent<SideNavProps>;
+declare const SideNav: react8.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 react22 from "react";
+import * as react5 from "react";
 
 //#region src/SliderWithInput/SliderWithInput.d.ts
-declare const SliderWithInput: react22.NamedExoticComponent<SliderWithInputProps>;
+declare const SliderWithInput: react5.NamedExoticComponent<SliderWithInputProps>;
 //#endregion
 export { SliderWithInput };
 //# sourceMappingURL=SliderWithInput.d.mts.map

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -3,6 +3,7 @@
 import { useCdnFn } from "../ConfigProvider/index.mjs";
 import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
 import { generateCustomToken } from "../styles/theme/customToken.mjs";
+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";
@@ -65,7 +66,11 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 				width: "inherit",
 				...style
 			},
-			children
+			children: /* @__PURE__ */ jsx("div", {
+				id: LOBE_THEME_APP_ID,
+				style: { display: "contents" },
+				children
+			})
 		})] })
 	})] });
 });

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 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              {children}\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,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;GACnF;IACG,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 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"}

package/es/ThemeProvider/constants.d.mts

@@ -0,0 +1,5 @@
+//#region src/ThemeProvider/constants.d.ts
+declare const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
+//#endregion
+export { LOBE_THEME_APP_ID };
+//# sourceMappingURL=constants.d.mts.map

package/es/ThemeProvider/constants.mjs

@@ -0,0 +1,6 @@
+//#region src/ThemeProvider/constants.ts
+const LOBE_THEME_APP_ID = "lobe-ui-theme-app";
+
+//#endregion
+export { LOBE_THEME_APP_ID };
+//# sourceMappingURL=constants.mjs.map

package/es/ThemeProvider/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../src/ThemeProvider/constants.ts"],"sourcesContent":["export const LOBE_THEME_APP_ID = 'lobe-ui-theme-app';\n"],"mappings":";AAAA,MAAa,oBAAoB"}

package/es/ThemeProvider/index.d.mts

@@ -1,4 +1,5 @@
+import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import { MetaProps, ThemeProviderProps } from "./type.mjs";
 import { Meta } from "./Meta.mjs";
 import { ThemeProvider } from "./ThemeProvider.mjs";
-export { Meta, MetaProps, ThemeProviderProps, ThemeProvider as default };
+export { LOBE_THEME_APP_ID, Meta, MetaProps, ThemeProviderProps, ThemeProvider as default };

package/es/ThemeProvider/index.mjs

@@ -1,4 +1,5 @@
+import { LOBE_THEME_APP_ID } from "./constants.mjs";
 import Meta_default from "./Meta.mjs";
 import ThemeProvider_default from "./ThemeProvider.mjs";
 
-export { Meta_default as Meta, ThemeProvider_default as default };
+export { LOBE_THEME_APP_ID, Meta_default as Meta, ThemeProvider_default as default };

package/es/Toc/Toc.d.mts

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

package/es/Tooltip/TooltipPortal.mjs

@@ -1,20 +1,30 @@
 'use client';
 
-import ThemeProvider_default from "../ThemeProvider/ThemeProvider.mjs";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { useEffect, useState } from "react";
 import { createPortal } from "react-dom";
 
 //#region src/Tooltip/TooltipPortal.tsx
 const PORTAL_ATTR = "data-lobe-ui-tooltip-portal";
+const TOOLTIP_CONTAINER_ATTR = "data-lobe-ui-tooltip-container";
 const containerMap = /* @__PURE__ */ new WeakMap();
 const getOrCreateContainer = (root) => {
-	const cached = containerMap.get(root);
+	const resolvedRoot = (() => {
+		if (typeof document === "undefined") return root;
+		if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) return root;
+		if (!(root === document.body)) return root;
+		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
+		if (themeApp) return themeApp;
+		const tooltipContainer = document.querySelector(`[${TOOLTIP_CONTAINER_ATTR}="true"]`);
+		if (tooltipContainer) return tooltipContainer;
+		return root;
+	})();
+	const cached = containerMap.get(resolvedRoot);
 	if (cached && cached.isConnected) return cached;
 	const el = document.createElement("div");
 	el.setAttribute(PORTAL_ATTR, "true");
-	root.append(el);
-	containerMap.set(root, el);
+	resolvedRoot.append(el);
+	containerMap.set(resolvedRoot, el);
 	return el;
 };
 const resolveRoot = (root) => {
@@ -23,14 +33,14 @@ const resolveRoot = (root) => {
 	return document.body;
 };
 const TooltipPortal = ({ children, root }) => {
-	const [container, setContainer] = useState(() => {
+	const [container, setContainer] = useState(null);
+	useEffect(() => {
 		const resolved = resolveRoot(root);
-		if (!resolved) return null;
-		return getOrCreateContainer(resolved);
-	});
-	if (!container && typeof document !== "undefined") setContainer(getOrCreateContainer(document.body));
+		if (!resolved) return;
+		setContainer(getOrCreateContainer(resolved));
+	}, [root]);
 	if (!container) return null;
-	return createPortal(/* @__PURE__ */ jsx(ThemeProvider_default, { children }), container);
+	return createPortal(children, container);
 };
 var TooltipPortal_default = TooltipPortal;
 

package/es/Tooltip/TooltipPortal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.mjs","names":["ThemeProvider"],"sources":["../../src/Tooltip/TooltipPortal.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport ThemeProvider from '@/ThemeProvider';\n\ntype TooltipPortalProps = {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n};\n\nconst PORTAL_ATTR = 'data-lobe-ui-tooltip-portal';\n\n// Reuse one portal container per root (document.body by default).\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  const cached = containerMap.get(root);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(PORTAL_ATTR, 'true');\n  root.append(el);\n  containerMap.set(root, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  if (typeof document === 'undefined') return null;\n  return document.body;\n};\n\nconst TooltipPortal = ({ children, root }: TooltipPortalProps) => {\n  const [container, setContainer] = useState<HTMLElement | null>(() => {\n    const resolved = resolveRoot(root);\n    if (!resolved) return null;\n    return getOrCreateContainer(resolved);\n  });\n\n  if (!container && typeof document !== 'undefined') {\n    setContainer(getOrCreateContainer(document.body));\n  }\n\n  if (!container) return null;\n  return createPortal(<ThemeProvider>{children}</ThemeProvider>, container);\n};\n\nexport default TooltipPortal;\n"],"mappings":";;;;;;;;AAaA,MAAM,cAAc;AAGpB,MAAM,+BAAe,IAAI,SAA8B;AAEvD,MAAM,wBAAwB,SAAgD;CAC5E,MAAM,SAAS,aAAa,IAAI,KAAK;AACrC,KAAI,UAAU,OAAO,YAAa,QAAO;CAEzC,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,aAAa,aAAa,OAAO;AACpC,MAAK,OAAO,GAAG;AACf,cAAa,IAAI,MAAM,GAAG;AAC1B,QAAO;;AAGT,MAAM,eAAe,SAA4E;AAC/F,KAAI,KAAM,QAAO;AACjB,KAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAO,SAAS;;AAGlB,MAAM,iBAAiB,EAAE,UAAU,WAA+B;CAChE,MAAM,CAAC,WAAW,gBAAgB,eAAmC;EACnE,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,qBAAqB,SAAS;GACrC;AAEF,KAAI,CAAC,aAAa,OAAO,aAAa,YACpC,cAAa,qBAAqB,SAAS,KAAK,CAAC;AAGnD,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,aAAa,oBAACA,yBAAe,WAAyB,EAAE,UAAU;;AAG3E,4BAAe"}
+{"version":3,"file":"TooltipPortal.mjs","names":[],"sources":["../../src/Tooltip/TooltipPortal.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\n\ntype TooltipPortalProps = {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n};\n\nconst PORTAL_ATTR = 'data-lobe-ui-tooltip-portal';\nexport const TOOLTIP_CONTAINER_ATTR = 'data-lobe-ui-tooltip-container';\n\n// Reuse one portal container per root (document.body by default).\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  // try ThemeProvider's App root\n  const resolvedRoot = (() => {\n    if (typeof document === 'undefined') return root;\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) return root;\n\n    const isBody = root === document.body;\n    if (!isBody) return root;\n    const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n    if (themeApp) return themeApp;\n    const tooltipContainer = document.querySelector<HTMLElement>(\n      `[${TOOLTIP_CONTAINER_ATTR}=\"true\"]`,\n    );\n    if (tooltipContainer) return tooltipContainer;\n\n    return root;\n  })();\n\n  const cached = containerMap.get(resolvedRoot);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(PORTAL_ATTR, 'true');\n  resolvedRoot.append(el);\n  containerMap.set(resolvedRoot, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  if (typeof document === 'undefined') return null;\n  return document.body;\n};\n\nconst TooltipPortal = ({ children, root }: TooltipPortalProps) => {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  // Never mutate DOM / create portal container during render.\n  // Create it after mount to avoid SSR/hydration side effects.\n  useEffect(() => {\n    const resolved = resolveRoot(root);\n    if (!resolved) return;\n    setContainer(getOrCreateContainer(resolved));\n  }, [root]);\n\n  if (!container) return null;\n  return createPortal(children, container);\n};\n\nexport default TooltipPortal;\n"],"mappings":";;;;;;;AAaA,MAAM,cAAc;AACpB,MAAa,yBAAyB;AAGtC,MAAM,+BAAe,IAAI,SAA8B;AAEvD,MAAM,wBAAwB,SAAgD;CAE5E,MAAM,sBAAsB;AAC1B,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,MAAI,OAAO,eAAe,eAAe,gBAAgB,WAAY,QAAO;AAG5E,MAAI,EADW,SAAS,SAAS,MACpB,QAAO;EACpB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EACrB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,SAAO;KACL;CAEJ,MAAM,SAAS,aAAa,IAAI,aAAa;AAC7C,KAAI,UAAU,OAAO,YAAa,QAAO;CAEzC,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,aAAa,aAAa,OAAO;AACpC,cAAa,OAAO,GAAG;AACvB,cAAa,IAAI,cAAc,GAAG;AAClC,QAAO;;AAGT,MAAM,eAAe,SAA4E;AAC/F,KAAI,KAAM,QAAO;AACjB,KAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAO,SAAS;;AAGlB,MAAM,iBAAiB,EAAE,UAAU,WAA+B;CAChE,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;AAIpE,iBAAgB;EACd,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,CAAC,SAAU;AACf,eAAa,qBAAqB,SAAS,CAAC;IAC3C,CAAC,KAAK,CAAC;AAEV,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,aAAa,UAAU,UAAU;;AAG1C,4BAAe"}

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 react62 from "react";
+import * as react67 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: react62.NamedExoticComponent<VideoProps>;
+declare const Video: react67.NamedExoticComponent<VideoProps>;
 //#endregion
 export { Video, VideoProps };
 //# sourceMappingURL=index.d.mts.map

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

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react52 from "react";
+import * as react14 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: react52.NamedExoticComponent<LobeChatProps>;
+declare const LobeChat: react14.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 react53 from "react";
+import * as react15 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: react53.NamedExoticComponent<LobeHubProps>;
+declare const LobeHub: react15.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 react54 from "react";
+import * as react17 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: react54.NamedExoticComponent<LogoSplineProps>;
+declare const LogoSpline: react17.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 react55 from "react";
+import * as react16 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: react55.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react16.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map

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

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

package/es/chat/ChatItem/ChatItem.d.mts

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

package/es/chat/ChatList/ChatList.d.mts

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

package/es/chat/EditableMessage/EditableMessage.d.mts

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

package/es/chat/EditableMessageList/EditableMessageList.d.mts

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

package/es/chat/MessageInput/MessageInput.d.mts

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

package/es/chat/MessageModal/MessageModal.d.mts

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

package/es/color/ColorScales/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react2 from "react";
+import * as react13 from "react";
 
 //#region src/color/ColorScales/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react2.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react13.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales, ColorScalesProps };
 //# sourceMappingURL=index.d.mts.map

package/es/color/CssVar/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react1 from "react";
+import * as react12 from "react";
 
 //#region src/color/CssVar/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react1.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react12.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales };
 //# sourceMappingURL=index.d.mts.map

package/es/i18n/context.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { I18nContextValue, TranslationKey, TranslationResources, TranslationResourcesInput } from "./types.mjs";
 import "../ConfigProvider/index.mjs";
-import * as react0 from "react";
+import * as react11 from "react";
 import { ReactNode } from "react";
 
 //#region src/i18n/context.d.ts
@@ -11,7 +11,7 @@ interface I18nProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const I18nProvider: react0.NamedExoticComponent<I18nProviderProps>;
+declare const I18nProvider: react11.NamedExoticComponent<I18nProviderProps>;
 //#endregion
 export { I18nProvider, I18nProviderProps };
 //# sourceMappingURL=context.d.mts.map

package/es/icons/lucideExtra/BotPromptIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react77 from "react";
+import * as react76 from "react";
 import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/BotPromptIcon.d.ts
-declare const BotPromptIcon: react77.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react77.RefAttributes<SVGSVGElement>>;
+declare const BotPromptIcon: react76.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react76.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { BotPromptIcon };
 //# sourceMappingURL=BotPromptIcon.d.mts.map

package/es/icons/lucideExtra/CreateBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react79 from "react";
-import * as lucide_react1 from "lucide-react";
+import * as react74 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: react79.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react79.RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: react74.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react74.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { CreateBotIcon };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

package/es/icons/lucideExtra/DiscordIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react75 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react80 from "react";
+import * as lucide_react2 from "lucide-react";
 
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: react75.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react75.RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: react80.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react80.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { DiscordIcon };
 //# sourceMappingURL=DiscordIcon.d.mts.map

package/es/icons/lucideExtra/GlobeOffIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react85 from "react";
-import * as lucide_react4 from "lucide-react";
+import * as react82 from "react";
+import * as lucide_react3 from "lucide-react";
 
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: react85.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react85.RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: react82.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GlobeOffIcon };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react87 from "react";
-import * as lucide_react5 from "lucide-react";
+import * as react84 from "react";
+import * as lucide_react4 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: react87.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react87.RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: react84.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotIcon };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react89 from "react";
-import * as lucide_react6 from "lucide-react";
+import * as react102 from "react";
+import * as lucide_react13 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: react89.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react89.RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: react102.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotSquareIcon };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

package/es/icons/lucideExtra/LeftClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react93 from "react";
-import * as lucide_react8 from "lucide-react";
+import * as react78 from "react";
+import * as lucide_react1 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: react93.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react93.RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: react78.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react78.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftClickIcon };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react81 from "react";
-import * as lucide_react2 from "lucide-react";
+import * as react94 from "react";
+import * as lucide_react9 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: react81.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react81.RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: react94.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftDoubleClickIcon };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/McpIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react91 from "react";
-import * as lucide_react7 from "lucide-react";
+import * as react96 from "react";
+import * as lucide_react10 from "lucide-react";
 
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: react91.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react91.RefAttributes<SVGSVGElement>>;
+declare const McpIcon: react96.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { McpIcon };
 //# sourceMappingURL=McpIcon.d.mts.map