@lobehub/ui 3.4.6 → 4.1.0

package/es/Input/TextArea.d.mts

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

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

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react37 from "react";
+import * as react27 from "react";
 
 //#region src/Layout/components/LayoutFooter.d.ts
-declare const LayoutFooter: react37.NamedExoticComponent<DivProps>;
+declare const LayoutFooter: react27.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutFooter };
 //# sourceMappingURL=LayoutFooter.d.mts.map

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

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

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

@@ -1,9 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import "../../index.mjs";
-import * as react36 from "react";
+import * as react30 from "react";
 
 //#region src/Layout/components/LayoutMain.d.ts
-declare const LayoutMain: react36.NamedExoticComponent<DivProps>;
+declare const LayoutMain: react30.NamedExoticComponent<DivProps>;
 //#endregion
 export { LayoutMain };
 //# sourceMappingURL=LayoutMain.d.mts.map

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

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

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

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

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

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

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

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

package/es/Markdown/Markdown.d.mts

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

package/es/Markdown/Typography.d.mts

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

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

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

package/es/MaskShadow/MaskShadow.d.mts

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

package/es/Menu/Menu.d.mts

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

package/es/Mermaid/Mermaid.d.mts

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

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

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

package/es/MotionProvider/index.d.mts

@@ -0,0 +1,15 @@
+import * as react70 from "react";
+import { Context, ReactNode } from "react";
+import * as motion_react0 from "motion/react";
+
+//#region src/MotionProvider/index.d.ts
+type MotionComponentType = typeof motion_react0.motion;
+declare const MotionComponent: Context<MotionComponentType>;
+declare const MotionProvider: react70.NamedExoticComponent<{
+  children: ReactNode;
+  motion: MotionComponentType;
+}>;
+declare const useMotionComponent: () => MotionComponentType;
+//#endregion
+export { MotionComponent, MotionComponentType, MotionProvider, useMotionComponent };
+//# sourceMappingURL=index.d.mts.map

package/es/MotionProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/MotionProvider/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/MotionProvider/index.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+import { createContext, memo, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/MotionProvider/index.tsx
+const MotionComponent = createContext(null);
+const MotionProvider = memo(({ children, motion }) => {
+	return /* @__PURE__ */ jsx(MotionComponent, {
+		value: motion,
+		children
+	});
+});
+const useMotionComponent = () => {
+	const context = useContext(MotionComponent);
+	if (!context) throw new Error("Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component");
+	return context;
+};
+
+//#endregion
+export { MotionComponent, MotionProvider, useMotionComponent };
+//# sourceMappingURL=index.mjs.map

package/es/MotionProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["MotionComponent: Context<MotionComponentType>"],"sources":["../../src/MotionProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport { type Context, type ReactNode, createContext, memo, useContext } from 'react';\n\nexport type MotionComponentType = typeof import('motion/react').motion;\n\nexport const MotionComponent: Context<MotionComponentType> = createContext<MotionComponentType>(\n  null!,\n);\n\nexport const MotionProvider = memo<{ children: ReactNode; motion: MotionComponentType }>(\n  ({ children, motion }) => {\n    return <MotionComponent value={motion}>{children}</MotionComponent>;\n  },\n);\n\nexport const useMotionComponent = (): MotionComponentType => {\n  const context = useContext(MotionComponent);\n  if (!context) {\n    throw new Error(\n      'Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;;;;AAMA,MAAaA,kBAAgD,cAC3D,KACD;AAED,MAAa,iBAAiB,MAC3B,EAAE,UAAU,aAAa;AACxB,QAAO,oBAAC;EAAgB,OAAO;EAAS;GAA2B;EAEtE;AAED,MAAa,2BAAgD;CAC3D,MAAM,UAAU,WAAW,gBAAgB;AAC3C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,iGACD;AAEH,QAAO"}

package/es/Provider.d.mts

@@ -0,0 +1,2 @@
+import { I18nProvider, I18nProviderProps } from "./i18n/context.mjs";
+import { useTranslation } from "./i18n/useTranslation.mjs";

package/es/SearchBar/SearchBar.d.mts

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

package/es/Segmented/Segmented.d.mts

@@ -1,8 +1,8 @@
 import { SegmentedProps } from "./type.mjs";
-import * as react25 from "react";
+import * as react18 from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react25.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: react18.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 react24 from "react";
+import * as react14 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react24.NamedExoticComponent<SelectProps>;
+declare const Input: react14.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 react23 from "react";
+import * as react15 from "react";
 
 //#region src/SideNav/SideNav.d.ts
-declare const SideNav: react23.NamedExoticComponent<SideNavProps>;
+declare const SideNav: react15.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 react21 from "react";
+import * as react0 from "react";
 
 //#region src/SliderWithInput/SliderWithInput.d.ts
-declare const SliderWithInput: react21.NamedExoticComponent<SliderWithInputProps>;
+declare const SliderWithInput: react0.NamedExoticComponent<SliderWithInputProps>;
 //#endregion
 export { SliderWithInput };
 //# sourceMappingURL=SliderWithInput.d.mts.map

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

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

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

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

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -1,11 +1,11 @@
 'use client';
 
-import { useCdnFn } from "../ConfigProvider/index.mjs";
+import ConfigProvider_default, { useCdnFn } from "../ConfigProvider/index.mjs";
 import FontLoader_default from "../FontLoader/index.mjs";
 import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
 import { generateCustomToken } from "../styles/theme/customToken.mjs";
 import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
-import ConfigProvider_default from "./ConfigProvider.mjs";
+import ConfigProvider_default$1 from "./ConfigProvider.mjs";
 import GlobalStyle_default from "./GlobalStyle/index.mjs";
 import { memo, useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ import { ThemeProvider } from "antd-style";
 import { merge } from "lodash-es";
 
 //#region src/ThemeProvider/ThemeProvider.tsx
-const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
+const ThemeProviderInner = memo(({ children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
 	const genCdnUrl = useCdnFn();
 	const webfontUrls = useMemo(() => customFonts || [
 		genCdnUrl({
@@ -58,7 +58,7 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		customToken: token,
 		theme,
 		...rest,
-		children: /* @__PURE__ */ jsxs(ConfigProvider_default, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
+		children: /* @__PURE__ */ jsxs(ConfigProvider_default$1, { children: [enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle_default, {}), /* @__PURE__ */ jsx(App, {
 			className,
 			style: {
 				minHeight: "inherit",
@@ -69,6 +69,13 @@ const ThemeProvider$1 = memo(({ children, customStylish, customToken, enableCust
 		})] })
 	})] });
 });
+const ThemeProvider$1 = memo(({ config, motion, ...rest }) => {
+	return /* @__PURE__ */ jsx(ConfigProvider_default, {
+		config,
+		motion,
+		children: /* @__PURE__ */ jsx(ThemeProviderInner, { ...rest })
+	});
+});
 ThemeProvider$1.displayName = "LobeThemeProvider";
 var ThemeProvider_default = ThemeProvider$1;
 

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","ConfigProvider","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 'lodash-es';\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 ConfigProvider 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          <ConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n            <App className={className} style={{ minHeight: 'inherit', width: 'inherit', ...style }}>\n              {children}\n            </App>\n          </ConfigProvider>\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,IACS;GACC,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}
+{"version":3,"file":"ThemeProvider.mjs","names":["lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle","ThemeProvider","LobeConfigProvider"],"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 'lodash-es';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport LobeConfigProvider, { 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 ThemeProviderInner = memo<Omit<ThemeProviderProps, 'config' | 'motion'>>(\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\nconst ThemeProvider = memo<ThemeProviderProps>(({ config, motion, ...rest }) => {\n  return (\n    <LobeConfigProvider config={config} motion={motion}>\n      <ThemeProviderInner {...rest} />\n    </LobeConfigProvider>\n  );\n});\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAqB,MACxB,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,GAAGA,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,uCACE,qBAAqB,oBAACC,wBAAc,EACrC,oBAAC;GAAe;GAAW,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;GACnF;IACG,IACa;GACH,IACnB;EAGR;AAED,MAAMC,kBAAgB,MAA0B,EAAE,QAAQ,QAAQ,GAAG,WAAW;AAC9E,QACE,oBAACC;EAA2B;EAAgB;YAC1C,oBAAC,sBAAmB,GAAI,OAAQ;GACb;EAEvB;AAEF,gBAAc,cAAc;AAE5B,4BAAeD"}

package/es/ThemeProvider/type.d.mts

@@ -1,3 +1,5 @@
+import { MotionComponentType } from "../MotionProvider/index.mjs";
+import { Config } from "../ConfigProvider/index.mjs";
 import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
 import "../styles/index.mjs";
 import { CSSProperties } from "react";
@@ -6,6 +8,7 @@ import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd
 //#region src/ThemeProvider/type.d.ts
 interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
   className?: string;
+  config?: Config;
   customFonts?: string[];
   customStylish?: (theme: CustomStylishParams) => {
     [key: string]: any;
@@ -19,6 +22,7 @@ interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
   };
   enableCustomFonts?: boolean;
   enableGlobalStyle?: boolean;
+  motion: MotionComponentType;
   style?: CSSProperties;
 }
 interface MetaProps {

package/es/Toc/Toc.d.mts

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

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 react71 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: react71.NamedExoticComponent<VideoProps>;
 //#endregion
 export { Video, VideoProps };
 //# sourceMappingURL=index.d.mts.map

package/es/_virtual/rolldown_runtime.mjs

@@ -0,0 +1,18 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all, symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __export };

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

@@ -1,8 +1,8 @@
 import { AuroraBackgroundProps } from "./type.mjs";
-import * as react111 from "react";
+import * as react119 from "react";
 
 //#region src/awesome/AuroraBackground/AuroraBackground.d.ts
-declare const AuroraBackground: react111.NamedExoticComponent<AuroraBackgroundProps>;
+declare const AuroraBackground: react119.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 react112 from "react";
+import * as react118 from "react";
 
 //#region src/awesome/BottomGradientButton/BottomGradientButton.d.ts
-declare const BottomGradientButton: react112.NamedExoticComponent<ButtonProps>;
+declare const BottomGradientButton: react118.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 react110 from "react";
+import * as react121 from "react";
 
 //#region src/awesome/Features/Features.d.ts
-declare const Features: react110.NamedExoticComponent<FeaturesProps>;
+declare const Features: react121.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 react113 from "react";
+import * as react120 from "react";
 
 //#region src/awesome/Giscus/Giscus.d.ts
-declare const Giscus: react113.NamedExoticComponent<GiscusProps>;
+declare const Giscus: react120.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 react108 from "react";
+import * as react124 from "react";
 
 //#region src/awesome/GradientButton/GradientButton.d.ts
-declare const GradientButton: react108.NamedExoticComponent<GradientButtonProps>;
+declare const GradientButton: react124.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 react104 from "react";
+import * as react122 from "react";
 
 //#region src/awesome/GridBackground/GridBackground.d.ts
-declare const GridBackground: react104.NamedExoticComponent<GridBackgroundProps>;
+declare const GridBackground: react122.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 react105 from "react";
+import * as react123 from "react";
 
 //#region src/awesome/GridBackground/GridShowcase.d.ts
-declare const GridShowcase: react105.NamedExoticComponent<GridShowcaseProps>;
+declare const GridShowcase: react123.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 react106 from "react";
+import * as react125 from "react";
 
 //#region src/awesome/Hero/Hero.d.ts
-declare const Hero: react106.NamedExoticComponent<HeroProps>;
+declare const Hero: react125.NamedExoticComponent<HeroProps>;
 //#endregion
 export { Hero };
 //# sourceMappingURL=Hero.d.mts.map

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

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