@jinmi/ui 0.0.0-stage → 6.0.1

package/es/ThemeProvider/GlobalStyle/global.mjs

@@ -0,0 +1,84 @@
+import { css } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/global.ts
+var global_default = (token) => css`
+  :root {
+    --font-settings: 'cv01', 'tnum', 'kern';
+    --font-variations: 'opsz' auto, tabular-nums;
+
+    /* Real Inter italic for Latin; synthesize style for CJK fallback faces. */
+    font-synthesis: style;
+    text-autospace: normal;
+  }
+
+  html {
+    overscroll-behavior: none;
+    color-scheme: ${token.isDarkMode ? "dark" : "light"};
+  }
+
+  body {
+    overflow: hidden auto;
+
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+
+    font-family: ${token.fontFamily};
+    font-size: ${token.fontSize}px;
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    font-optical-sizing: auto;
+    font-kerning: normal;
+    font-variant-ligatures: common-ligatures contextual;
+    font-variant-numeric: tabular-nums;
+    font-size-adjust: from-font;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    line-height: 1;
+    color: ${token.colorTextBase};
+    text-wrap: pretty;
+    text-size-adjust: 100%;
+    text-rendering: optimizelegibility;
+    overflow-wrap: anywhere;
+    vertical-align: baseline;
+
+    background-color: ${token.colorBgLayout};
+
+    font-synthesis: style;
+
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: ${token.fontFamilyCode} !important;
+    font-feature-settings:
+      'liga' 0,
+      'calt' 0;
+    font-variant-ligatures: none;
+
+    span {
+      font-family: ${token.fontFamilyCode} !important;
+    }
+  }
+
+  ::selection {
+    color: #000;
+    background: ${token.yellow9};
+
+    -webkit-text-fill-color: unset !important;
+  }
+
+  * {
+    scrollbar-color: ${token.colorFill} transparent;
+    scrollbar-width: thin;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+`;
+//#endregion
+export { global_default as default };
+
+//# sourceMappingURL=global.mjs.map

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\r\n\r\nexport default (token: Theme) => css`\r\n  :root {\r\n    --font-settings: 'cv01', 'tnum', 'kern';\r\n    --font-variations: 'opsz' auto, tabular-nums;\r\n\r\n    /* Real Inter italic for Latin; synthesize style for CJK fallback faces. */\r\n    font-synthesis: style;\r\n    text-autospace: normal;\r\n  }\r\n\r\n  html {\r\n    overscroll-behavior: none;\r\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\r\n  }\r\n\r\n  body {\r\n    overflow: hidden auto;\r\n\r\n    min-height: 100vh;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: ${token.fontFamily};\r\n    font-size: ${token.fontSize}px;\r\n    font-feature-settings: var(--font-settings);\r\n    font-variation-settings: var(--font-variations);\r\n    font-optical-sizing: auto;\r\n    font-kerning: normal;\r\n    font-variant-ligatures: common-ligatures contextual;\r\n    font-variant-numeric: tabular-nums;\r\n    font-size-adjust: from-font;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n    line-height: 1;\r\n    color: ${token.colorTextBase};\r\n    text-wrap: pretty;\r\n    text-size-adjust: 100%;\r\n    text-rendering: optimizelegibility;\r\n    overflow-wrap: anywhere;\r\n    vertical-align: baseline;\r\n\r\n    background-color: ${token.colorBgLayout};\r\n\r\n    font-synthesis: style;\r\n\r\n    -webkit-overflow-scrolling: touch;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  code,\r\n  kbd,\r\n  samp,\r\n  pre {\r\n    font-family: ${token.fontFamilyCode} !important;\r\n    font-feature-settings:\r\n      'liga' 0,\r\n      'calt' 0;\r\n    font-variant-ligatures: none;\r\n\r\n    span {\r\n      font-family: ${token.fontFamilyCode} !important;\r\n    }\r\n  }\r\n\r\n  ::selection {\r\n    color: #000;\r\n    background: ${token.yellow9};\r\n\r\n    -webkit-text-fill-color: unset !important;\r\n  }\r\n\r\n  * {\r\n    scrollbar-color: ${token.colorFill} transparent;\r\n    scrollbar-width: thin;\r\n    box-sizing: border-box;\r\n    vertical-align: baseline;\r\n  }\r\n`;\r\n"],"mappings":";;AAEA,IAAA,kBAAgB,UAAiB,GAAG;;;;;;;;;;;;oBAYhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;;;;;;aAWnB,MAAM,cAAc;;;;;;;wBAOT,MAAM,cAAc;;;;;;;;;;;;mBAYzB,MAAM,eAAe;;;;;;;qBAOnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU"}

package/es/ThemeProvider/GlobalStyle/index.mjs

@@ -0,0 +1,12 @@
+"use client";
+import antdOverride_default from "./antdOverride.mjs";
+import essential_default from "./essential.mjs";
+import global_default from "./global.mjs";
+import { createGlobalStyle } from "antd-style";
+//#region src/ThemeProvider/GlobalStyle/index.ts
+const GlobalStyle = createGlobalStyle(({ theme }) => global_default(theme));
+const EssentialStyle = createGlobalStyle(({ theme }) => [essential_default(theme), antdOverride_default(theme)]);
+//#endregion
+export { EssentialStyle, GlobalStyle as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/ThemeProvider/GlobalStyle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["global","essential","antdOverride"],"sources":["../../../src/ThemeProvider/GlobalStyle/index.ts"],"sourcesContent":["'use client';\r\n\r\nimport { createGlobalStyle } from 'antd-style';\r\n\r\nimport antdOverride from './antdOverride';\r\nimport essential from './essential';\r\nimport global from './global';\r\n\r\nconst GlobalStyle = createGlobalStyle(({ theme }) => global(theme));\r\n\r\nexport const EssentialStyle = createGlobalStyle(({ theme }) => [\r\n  essential(theme),\r\n  antdOverride(theme),\r\n]);\r\n\r\nexport default GlobalStyle;\r\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,mBAAmB,EAAE,YAAYA,eAAO,KAAK,CAAC;AAElE,MAAa,iBAAiB,mBAAmB,EAAE,YAAY,CAC7DC,kBAAU,KAAK,GACfC,qBAAa,KAAK,CACpB,CAAC"}

package/es/ThemeProvider/Meta.d.mts

@@ -0,0 +1,7 @@
+import { MetaProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/ThemeProvider/Meta.d.ts
+declare const Meta: FC<MetaProps>;
+//#endregion
+export { Meta as default };
+//# sourceMappingURL=Meta.d.mts.map

package/es/ThemeProvider/Meta.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/ThemeProvider/Meta.tsx
+const Meta = ({ title = "LobeHub", description = "Empowering your AI dreams with LobeHub", withManifest }) => {
+	const genCdnUrl = useCdnFn();
+	const genAssets = useCallback((path) => genCdnUrl({
+		path,
+		pkg: "@lobehub/assets-favicons",
+		version: "latest"
+	}), []);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon.ico"),
+			rel: "shortcut icon"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/apple-touch-icon.png"),
+			rel: "apple-touch-icon",
+			sizes: "180x180"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-32x32.png"),
+			rel: "icon",
+			sizes: "32x32",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/favicon-16x16.png"),
+			rel: "icon",
+			sizes: "16x16",
+			type: "image/png"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no",
+			name: "viewport"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "application-name"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: description,
+			name: "description"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000000",
+			name: "msapplication-TileColor"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#fff",
+			media: "(prefers-color-scheme: light)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "#000",
+			media: "(prefers-color-scheme: dark)",
+			name: "theme-color"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "yes",
+			name: "apple-mobile-web-app-capable"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: title,
+			name: "apple-mobile-web-app-title"
+		}),
+		/* @__PURE__ */ jsx("meta", {
+			content: "black-translucent",
+			name: "apple-mobile-web-app-status-bar-style"
+		}),
+		withManifest && /* @__PURE__ */ jsx("link", {
+			href: genAssets("assets/site.webmanifest"),
+			rel: "manifest"
+		})
+	] });
+};
+//#endregion
+export { Meta as default };
+
+//# sourceMappingURL=Meta.mjs.map

package/es/ThemeProvider/Meta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.mjs","names":[],"sources":["../../src/ThemeProvider/Meta.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC, useCallback } from 'react';\r\n\r\nimport { useCdnFn } from '@/ConfigProvider';\r\n\r\nimport type { MetaProps } from './type';\r\n\r\nconst Meta: FC<MetaProps> = ({\r\n  title = 'LobeHub',\r\n  description = 'Empowering your AI dreams with LobeHub',\r\n  withManifest,\r\n}) => {\r\n  const genCdnUrl = useCdnFn();\r\n  const genAssets = useCallback(\r\n    (path: string) =>\r\n      genCdnUrl({\r\n        path,\r\n        pkg: '@lobehub/assets-favicons',\r\n        version: 'latest',\r\n      }),\r\n    [],\r\n  );\r\n  return (\r\n    <>\r\n      <link href={genAssets('assets/favicon.ico')} rel=\"shortcut icon\" />\r\n      <link\r\n        href={genAssets('assets/apple-touch-icon.png')}\r\n        rel=\"apple-touch-icon\"\r\n        sizes=\"180x180\"\r\n      />\r\n      <link\r\n        href={genAssets('assets/favicon-32x32.png')}\r\n        rel=\"icon\"\r\n        sizes=\"32x32\"\r\n        type=\"image/png\"\r\n      />\r\n      <link\r\n        href={genAssets('assets/favicon-16x16.png')}\r\n        rel=\"icon\"\r\n        sizes=\"16x16\"\r\n        type=\"image/png\"\r\n      />\r\n      <meta\r\n        content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no\"\r\n        name=\"viewport\"\r\n      />\r\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\r\n      <meta content={title} name=\"application-name\" />\r\n      <meta content={description} name=\"description\" />\r\n      <meta content=\"#000000\" name=\"msapplication-TileColor\" />\r\n      <meta content=\"#fff\" media=\"(prefers-color-scheme: light)\" name=\"theme-color\" />\r\n      <meta content=\"#000\" media=\"(prefers-color-scheme: dark)\" name=\"theme-color\" />\r\n      <meta content=\"yes\" name=\"apple-mobile-web-app-capable\" />\r\n      <meta content={title} name=\"apple-mobile-web-app-title\" />\r\n      <meta content=\"black-translucent\" name=\"apple-mobile-web-app-status-bar-style\" />\r\n      {withManifest && <link href={genAssets('assets/site.webmanifest')} rel=\"manifest\" />}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Meta;\r\n"],"mappings":";;;;;AAQA,MAAM,QAAuB,EAC3B,QAAQ,WACR,cAAc,0CACd,mBACI;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,YAAY,aACf,SACC,UAAU;EACR;EACA,KAAK;EACL,SAAS;CACX,CAAC,GACH,CAAC,CACH;CACA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GAAM,MAAM,UAAU,oBAAoB;GAAG,KAAI;EAAiB,CAAA;EAClE,oBAAC,QAAD;GACE,MAAM,UAAU,6BAA6B;GAC7C,KAAI;GACJ,OAAM;EACP,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,MAAM,UAAU,0BAA0B;GAC1C,KAAI;GACJ,OAAM;GACN,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GACE,SAAQ;GACR,MAAK;EACN,CAAA;EACD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAAoB,CAAA;EAC/C,oBAAC,QAAD;GAAM,SAAS;GAAa,MAAK;EAAe,CAAA;EAChD,oBAAC,QAAD;GAAM,SAAQ;GAAU,MAAK;EAA2B,CAAA;EACxD,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAAgC,MAAK;EAAe,CAAA;EAC/E,oBAAC,QAAD;GAAM,SAAQ;GAAO,OAAM;GAA+B,MAAK;EAAe,CAAA;EAC9E,oBAAC,QAAD;GAAM,SAAQ;GAAM,MAAK;EAAgC,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAS;GAAO,MAAK;EAA8B,CAAA;EACzD,oBAAC,QAAD;GAAM,SAAQ;GAAoB,MAAK;EAAyC,CAAA;EAC/E,gBAAgB,oBAAC,QAAD;GAAM,MAAM,UAAU,yBAAyB;GAAG,KAAI;EAAY,CAAA;CACnF,EAAA,CAAA;AAEN"}

package/es/ThemeProvider/ThemeProvider.d.mts

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

package/es/ThemeProvider/ThemeProvider.mjs

@@ -0,0 +1,107 @@
+"use client";
+import { useCdnFn } from "../ConfigProvider/index.mjs";
+import { generateCustomToken } from "../styles/theme/customToken.mjs";
+import { generateCustomStylish } from "../styles/theme/customStylish.mjs";
+import AppElementContext from "./AppElementContext.mjs";
+import { LOBE_THEME_APP_ID } from "./constants.mjs";
+import FontLoader from "../FontLoader/index.mjs";
+import { createLobeAntdTheme } from "../styles/theme/antdTheme.mjs";
+import ConfigProvider$1 from "./ConfigProvider.mjs";
+import GlobalStyle, { EssentialStyle } from "./GlobalStyle/index.mjs";
+import { memo, useCallback, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "antd-style";
+import { merge } from "es-toolkit/compat";
+import { App } from "antd";
+//#region src/ThemeProvider/ThemeProvider.tsx
+const ThemeProvider$1 = memo(({ appId = LOBE_THEME_APP_ID, children, customStylish, customToken, enableCustomFonts = true, enableGlobalStyle = true, customFonts, customTheme = {}, className, style, theme: antdTheme, ...rest }) => {
+	const genCdnUrl = useCdnFn();
+	const [appRef, setAppRef] = useState(null);
+	const webfontUrls = useMemo(() => customFonts || [
+		genCdnUrl({
+			path: "css/index.css",
+			pkg: "@lobehub/webfont-mono",
+			version: "1.0.0"
+		}),
+		genCdnUrl({
+			path: "css/index-full.css",
+			pkg: "@lobehub/webfont-harmony-sans",
+			version: "1.0.0"
+		}),
+		genCdnUrl({
+			path: "css/index.css",
+			pkg: "@lobehub/webfont-harmony-sans-sc",
+			version: "1.0.0"
+		}),
+		genCdnUrl({
+			path: "dist/katex.min.css",
+			pkg: "katex",
+			version: "0.18.1"
+		})
+	], [customFonts, genCdnUrl]);
+	const stylish = useCallback((theme) => ({
+		...generateCustomStylish(theme),
+		...customStylish?.(theme)
+	}), [customStylish]);
+	const token = useCallback((theme) => ({
+		...generateCustomToken(theme),
+		...customToken?.(theme)
+	}), [customToken]);
+	const theme = useCallback((appearance) => {
+		const lobeTheme = createLobeAntdTheme({
+			appearance,
+			neutralColor: customTheme.neutralColor,
+			primaryColor: customTheme.primaryColor
+		});
+		return merge(lobeTheme, antdTheme);
+	}, [
+		customTheme.primaryColor,
+		customTheme.neutralColor,
+		antdTheme
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [enableCustomFonts && webfontUrls?.length > 0 && webfontUrls.map((webfont) => /* @__PURE__ */ jsx(FontLoader, { url: webfont }, webfont)), /* @__PURE__ */ jsx(ThemeProvider, {
+		customStylish: stylish,
+		customToken: token,
+		theme,
+		...rest,
+		children: /* @__PURE__ */ jsxs(ConfigProvider$1, { children: [
+			/* @__PURE__ */ jsx(EssentialStyle, {}),
+			enableGlobalStyle && /* @__PURE__ */ jsx(GlobalStyle, {}),
+			/* @__PURE__ */ jsx(App, {
+				className,
+				style: {
+					isolation: "isolate",
+					minHeight: "inherit",
+					width: "inherit",
+					...style
+				},
+				children: /* @__PURE__ */ jsx("div", {
+					id: appId,
+					style: contentsStyle,
+					children: /* @__PURE__ */ jsxs(AppElementContext, {
+						value: appRef,
+						children: [children, /* @__PURE__ */ jsx("div", {
+							"data-jinmi-portal-host": "",
+							ref: setAppRef,
+							style: hostPortalHostStyle
+						})]
+					})
+				})
+			})
+		] })
+	})] });
+});
+ThemeProvider$1.displayName = "LobeThemeProvider";
+const hostPortalHostStyle = {
+	height: 0,
+	left: 0,
+	position: "fixed",
+	right: 0,
+	top: 0,
+	zIndex: 1100
+};
+const contentsStyle = { display: "contents" };
+//#endregion
+export { ThemeProvider$1 as default };
+
+//# sourceMappingURL=ThemeProvider.mjs.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","lobeCustomToken","AntdThemeProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AppElementContext from './AppElementContext';\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle, { EssentialStyle } from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    appId = LOBE_THEME_APP_ID,\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    const [appRef, setAppRef] = useState<HTMLDivElement | null>(null);\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-mono',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index-full.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n            // pkg: '@lobehub/webfont-harmony-sans-sc-mini',\n            version: '1.0.0',\n          }),\n          genCdnUrl({\n            path: 'dist/katex.min.css',\n            pkg: 'katex',\n            version: '0.18.1',\n          }),\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            <EssentialStyle />\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App\n              className={className}\n              style={{ isolation: 'isolate', minHeight: 'inherit', width: 'inherit', ...style }}\n            >\n              <div id={appId} style={contentsStyle}>\n                <AppElementContext value={appRef}>\n                  {children}\n                  {/*\n                    In-tree portal host for Base UI floating components\n                    (Select, Combobox, etc.). Keeping it inside `<App>` keeps\n                    the antd-style / emotion theme cascade intact so popups\n                    render with the correct tokens, while the layout-bearing\n                    block lets Base UI's Portal actually mount — the outer\n                    wrapper uses `display: contents` and cannot host portals.\n                  */}\n                  <div data-jinmi-portal-host=\"\" ref={setAppRef} style={hostPortalHostStyle} />\n                </AppElementContext>\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n\nconst hostPortalHostStyle: React.CSSProperties = {\n  // `height: 0` keeps the host invisible and gives it no hit region of\n  // its own; absolute children (Base UI Positioner) have their own hit\n  // region, so we must NOT set `pointer-events: none` here — it would\n  // be inherited by popup descendants and break clicks/hover.\n  height: 0,\n  left: 0,\n  // `position: fixed` keeps a stacking context so portaled popups can\n  // win over sibling z-indexes. `right: 0` (instead of `width: 0`)\n  // gives the host a full viewport-width containing block — without it,\n  // Base UI Positioner uses `position: absolute` against a 0-width\n  // containing block and collapses text to one character per line.\n  position: 'fixed',\n  right: 0,\n  top: 0,\n  zIndex: 1100,\n};\n\nconst contentsStyle: React.CSSProperties = {\n  display: 'contents',\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAgB,MACnB,EACC,QAAQ,mBACR,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,CAAC,GACf,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,SAAS;CAC3B,MAAM,CAAC,QAAQ,aAAa,SAAgC,IAAI;CAEhE,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GAEL,SAAS;EACX,CAAC;EACD,UAAU;GACR,MAAM;GACN,KAAK;GACL,SAAS;EACX,CAAC;CACH,GACF,CAAC,aAAa,SAAS,CACzB;CAEA,MAAM,UAAU,aACb,WAAgC;EAAE,GAAGC,sBAAkB,KAAK;EAAG,GAAG,gBAAgB,KAAK;CAAE,IAC1F,CAAC,aAAa,CAChB;CAEA,MAAM,QAAQ,aACX,WAA8B;EAAE,GAAGC,oBAAgB,KAAK;EAAG,GAAG,cAAc,KAAK;CAAE,IACpF,CAAC,WAAW,CACd;CAEA,MAAM,QAAQ,aACX,eAAe;EACd,MAAM,YAAY,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;EAC5B,CAAC;EACD,OAAO,MAAM,WAAW,SAAS;CACnC,GACA;EAAC,YAAY;EAAc,YAAY;EAAc;CAAS,CAChE;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAAC,YAAD,EAA0B,KAAK,QAAU,GAAxB,OAAwB,CAAC,GACzE,oBAACC,eAAD;EACE,eAAe;EACf,aAAa;EACN;EACP,GAAI;EAEJ,UAAA,qBAACC,kBAAD,EAAA,UAAA;GACE,oBAAC,gBAAD,CAAiB,CAAA;GAChB,qBAAqB,oBAAC,aAAD,CAAc,CAAA;GAEpC,oBAAC,KAAD;IACa;IACX,OAAO;KAAE,WAAW;KAAW,WAAW;KAAW,OAAO;KAAW,GAAG;IAAM;IAEhF,UAAA,oBAAC,OAAD;KAAK,IAAI;KAAO,OAAO;KACrB,UAAA,qBAAC,mBAAD;MAAmB,OAAO;MAA1B,UAAA,CACG,UASD,oBAAC,OAAD;OAAK,0BAAuB;OAAG,KAAK;OAAW,OAAO;MAAsB,CAAA,CAC3D;;IAChB,CAAA;GACF,CAAA;EACa,EAAA,CAAA;CACH,CAAA,CACnB,EAAA,CAAA;AAEN,CACF;AAEA,gBAAc,cAAc;AAI5B,MAAM,sBAA2C;CAK/C,QAAQ;CACR,MAAM;CAMN,UAAU;CACV,OAAO;CACP,KAAK;CACL,QAAQ;AACV;AAEA,MAAM,gBAAqC,EACzC,SAAS,WACX"}

package/es/ThemeProvider/constants.d.mts

@@ -0,0 +1,5 @@
+//#region src/ThemeProvider/constants.d.ts
+declare const LOBE_THEME_APP_ID = "jinmi-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 = "jinmi-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 = 'jinmi-ui-theme-app';\n"],"mappings":";AAAA,MAAa,oBAAoB"}

package/es/ThemeProvider/index.d.mts

@@ -0,0 +1,6 @@
+import { useAppElement } from "./AppElementContext.mjs";
+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 { LOBE_THEME_APP_ID, Meta, type MetaProps, type ThemeProviderProps, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/index.d.ts

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

package/es/ThemeProvider/index.js

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

package/es/ThemeProvider/index.mjs

@@ -0,0 +1,5 @@
+import { useAppElement } from "./AppElementContext.mjs";
+import { LOBE_THEME_APP_ID } from "./constants.mjs";
+import Meta from "./Meta.mjs";
+import ThemeProvider from "./ThemeProvider.mjs";
+export { LOBE_THEME_APP_ID, Meta, ThemeProvider as default, useAppElement };

package/es/ThemeProvider/type.d.mts

@@ -0,0 +1,31 @@
+import { NeutralColors, PrimaryColors } from "../styles/customTheme.mjs";
+import "../styles/index.mjs";
+import { CSSProperties } from "react";
+import { CustomStylishParams, CustomTokenParams, ThemeProviderProps } from "antd-style";
+//#region src/ThemeProvider/type.d.ts
+interface ThemeProviderProps$1 extends ThemeProviderProps<any> {
+  appId?: string;
+  className?: string;
+  customFonts?: string[];
+  customStylish?: (theme: CustomStylishParams) => {
+    [key: string]: any;
+  };
+  customTheme?: {
+    neutralColor?: NeutralColors;
+    primaryColor?: PrimaryColors;
+  };
+  customToken?: (theme: CustomTokenParams) => {
+    [key: string]: any;
+  };
+  enableCustomFonts?: boolean;
+  enableGlobalStyle?: boolean;
+  style?: CSSProperties;
+}
+interface MetaProps {
+  description?: string;
+  title?: string;
+  withManifest?: boolean;
+}
+//#endregion
+export { MetaProps, ThemeProviderProps$1 as ThemeProviderProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.d.mts

@@ -0,0 +1,7 @@
+import { ThemeSwitchProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/ThemeSwitch/ThemeSwitch.d.ts
+declare const ThemeSwitch: FC<ThemeSwitchProps>;
+//#endregion
+export { ThemeSwitch as default };
+//# sourceMappingURL=ThemeSwitch.d.mts.map

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -0,0 +1,72 @@
+"use client";
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Icon from "../Icon/Icon.mjs";
+import DropdownMenu from "../base-ui/DropdownMenu/DropdownMenu.mjs";
+import ActionIcon from "../base-ui/ActionIcon/ActionIcon.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Monitor, Moon, Sun } from "lucide-react";
+import { Select } from "antd";
+//#region src/ThemeSwitch/ThemeSwitch.tsx
+const DEFAULT_ICON_SET = {
+	auto: Monitor,
+	dark: Moon,
+	light: Sun
+};
+const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon", labels = {
+	auto: "System",
+	dark: "Dark",
+	light: "Light"
+}, className, variant, style }) => {
+	const items = useMemo(() => [
+		{
+			icon: DEFAULT_ICON_SET.auto,
+			key: "auto",
+			label: labels.auto,
+			onClick: () => onThemeSwitch("auto")
+		},
+		{
+			icon: DEFAULT_ICON_SET.light,
+			key: "light",
+			label: labels.light,
+			onClick: () => onThemeSwitch("light")
+		},
+		{
+			icon: DEFAULT_ICON_SET.dark,
+			key: "dark",
+			label: labels.dark,
+			onClick: () => onThemeSwitch("dark")
+		}
+	], [labels, onThemeSwitch]);
+	return type === "select" ? /* @__PURE__ */ jsx(Select, {
+		className,
+		defaultValue: themeMode,
+		style,
+		variant,
+		options: items.map((item) => ({
+			label: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
+				align: "center",
+				gap: 8,
+				children: [/* @__PURE__ */ jsx(Icon, { icon: item.icon }), item.label]
+			}),
+			value: item.key
+		})),
+		onChange: onThemeSwitch
+	}) : /* @__PURE__ */ jsx(DropdownMenu, {
+		items,
+		nativeButton: false,
+		children: /* @__PURE__ */ jsx(ActionIcon, {
+			className,
+			icon: DEFAULT_ICON_SET[themeMode],
+			size,
+			style,
+			variant
+		})
+	});
+};
+ThemeSwitch.displayName = "ThemeSwitch";
+//#endregion
+export { ThemeSwitch as default };
+
+//# sourceMappingURL=ThemeSwitch.mjs.map

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitch.mjs","names":["Flexbox"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Select } from 'antd';\r\nimport { Monitor, Moon, Sun } from 'lucide-react';\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport { type DropdownItem } from '@/DropdownMenu';\r\nimport DropdownMenu from '@/DropdownMenu';\r\nimport { Flexbox } from '@/Flex';\r\nimport Icon from '@/Icon';\r\n\r\nimport { type ThemeSwitchProps } from './type';\r\n\r\nconst DEFAULT_ICON_SET = {\r\n  auto: Monitor,\r\n  dark: Moon,\r\n  light: Sun,\r\n};\r\n\r\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\r\n  size = 'middle',\r\n  themeMode,\r\n  onThemeSwitch,\r\n  type = 'icon',\r\n  labels = {\r\n    auto: 'System',\r\n    dark: 'Dark',\r\n    light: 'Light',\r\n  },\r\n  className,\r\n  variant,\r\n  style,\r\n}) => {\r\n  const items: DropdownItem[] = useMemo(\r\n    () => [\r\n      {\r\n        icon: DEFAULT_ICON_SET.auto,\r\n        key: 'auto',\r\n        label: labels.auto,\r\n        onClick: () => onThemeSwitch('auto'),\r\n      },\r\n      {\r\n        icon: DEFAULT_ICON_SET.light,\r\n        key: 'light',\r\n        label: labels.light,\r\n        onClick: () => onThemeSwitch('light'),\r\n      },\r\n      {\r\n        icon: DEFAULT_ICON_SET.dark,\r\n        key: 'dark',\r\n        label: labels.dark,\r\n        onClick: () => onThemeSwitch('dark'),\r\n      },\r\n    ],\r\n    [labels, onThemeSwitch],\r\n  );\r\n\r\n  return type === 'select' ? (\r\n    <Select\r\n      className={className}\r\n      defaultValue={themeMode}\r\n      style={style}\r\n      variant={variant}\r\n      options={items.map((item: any) => ({\r\n        label: (\r\n          <Flexbox horizontal align={'center'} gap={8}>\r\n            <Icon icon={item.icon} />\r\n            {item.label}\r\n          </Flexbox>\r\n        ),\r\n        value: item.key,\r\n      }))}\r\n      onChange={onThemeSwitch}\r\n    />\r\n  ) : (\r\n    <DropdownMenu items={items} nativeButton={false}>\r\n      <ActionIcon\r\n        className={className}\r\n        icon={DEFAULT_ICON_SET[themeMode]}\r\n        size={size}\r\n        style={style}\r\n        variant={variant}\r\n      />\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\nThemeSwitch.displayName = 'ThemeSwitch';\r\n\r\nexport default ThemeSwitch;\r\n"],"mappings":";;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;AACT;AAEA,MAAM,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;AACT,GACA,WACA,SACA,YACI;CACJ,MAAM,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;EACtC;EACA;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,MAAM;EACrC;CACF,GACA,CAAC,QAAQ,aAAa,CACxB;CAEA,OAAO,SAAS,WACd,oBAAC,QAAD;EACa;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;IAA1C,UAAA,CACE,oBAAC,MAAD,EAAM,MAAM,KAAK,KAAO,CAAA,GACvB,KAAK,KACC;;GAEX,OAAO,KAAK;EACd,EAAE;EACF,UAAU;CACX,CAAA,IAED,oBAAC,cAAD;EAAqB;EAAO,cAAc;EACxC,UAAA,oBAAC,YAAD;GACa;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;EACV,CAAA;CACW,CAAA;AAElB;AAEA,YAAY,cAAc"}

package/es/ThemeSwitch/index.d.mts

@@ -0,0 +1,3 @@
+import { ThemeSwitchProps } from "./type.mjs";
+import ThemeSwitch from "./ThemeSwitch.mjs";
+export { type ThemeSwitchProps, ThemeSwitch as default };

package/es/ThemeSwitch/index.d.ts

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

package/es/ThemeSwitch/index.js

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

package/es/ThemeSwitch/index.mjs

@@ -0,0 +1,2 @@
+import ThemeSwitch from "./ThemeSwitch.mjs";
+export { ThemeSwitch as default };

package/es/ThemeSwitch/type.d.mts

@@ -0,0 +1,20 @@
+import { DivProps } from "../types/index.mjs";
+import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
+import "../base-ui/ActionIcon/index.mjs";
+import { ThemeMode } from "antd-style";
+//#region src/ThemeSwitch/type.d.ts
+interface ThemeSwitchProps extends DivProps {
+  labels?: {
+    auto: string;
+    dark: string;
+    light: string;
+  };
+  onThemeSwitch: (themeMode: ThemeMode) => void;
+  size?: ActionIconProps['size'];
+  themeMode: ThemeMode;
+  type?: 'icon' | 'select';
+  variant?: ActionIconProps['variant'];
+}
+//#endregion
+export { ThemeSwitchProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Toast/index.d.mts

@@ -0,0 +1,4 @@
+import { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType } from "../base-ui/Toast/type.mjs";
+import { ToastHost, ToastHostProps, toast, useToast } from "../base-ui/Toast/imperative.mjs";
+import "../base-ui/Toast/index.mjs";
+export { type ToastAPI, type ToastAction, type ToastActionVariant, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, toast, useToast };

package/es/Toast/index.d.ts

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

package/es/Toast/index.js

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

package/es/Toast/index.mjs

@@ -0,0 +1,2 @@
+import { ToastHost, toast, useToast } from "../base-ui/Toast/imperative.mjs";
+export { ToastHost, toast, useToast };

package/es/Toc/Toc.d.mts

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

package/es/Toc/Toc.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { styles } from "./style.mjs";
+import { mapItems } from "./utils.mjs";
+import TocMobile from "./TocMobile.mjs";
+import { memo, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Anchor } from "antd";
+//#region src/Toc/Toc.tsx
+const Toc = memo(({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {
+	const cssVariables = useMemo(() => ({
+		"--toc-header-height": `${headerHeight}px`,
+		"--toc-width": `${tocWidth}px`
+	}), [headerHeight, tocWidth]);
+	if (isMobile) return /* @__PURE__ */ jsx(TocMobile, {
+		activeKey,
+		getContainer,
+		headerHeight,
+		items
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		className: cx(styles.container, styles.anchor),
+		style: cssVariables,
+		children: [/* @__PURE__ */ jsx("h4", { children: "Table of Contents" }), /* @__PURE__ */ jsx(Anchor, {
+			getContainer,
+			items: mapItems(items),
+			targetOffset: headerHeight + 12
+		})]
+	});
+});
+Toc.displayName = "Toc";
+//#endregion
+export { Toc as default };
+
+//# sourceMappingURL=Toc.mjs.map

package/es/Toc/Toc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toc.mjs","names":[],"sources":["../../src/Toc/Toc.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Anchor } from 'antd';\r\nimport { cx } from 'antd-style';\r\nimport { memo, useMemo } from 'react';\r\n\r\nimport { styles } from './style';\r\nimport { default as TocMobile } from './TocMobile';\r\nimport { type TocProps } from './type';\r\nimport { mapItems } from './utils';\r\n\r\nconst Toc = memo<TocProps>(\r\n  ({ activeKey, items, getContainer, isMobile, headerHeight = 64, tocWidth = 176 }) => {\r\n    // Convert props to CSS variables\r\n    const cssVariables = useMemo<Record<string, string>>(\r\n      () => ({\r\n        '--toc-header-height': `${headerHeight}px`,\r\n        '--toc-width': `${tocWidth}px`,\r\n      }),\r\n      [headerHeight, tocWidth],\r\n    );\r\n\r\n    if (isMobile)\r\n      return (\r\n        <TocMobile\r\n          activeKey={activeKey}\r\n          getContainer={getContainer}\r\n          headerHeight={headerHeight}\r\n          items={items}\r\n        />\r\n      );\r\n\r\n    return (\r\n      <section className={cx(styles.container, styles.anchor)} style={cssVariables}>\r\n        <h4>Table of Contents</h4>\r\n        <Anchor\r\n          getContainer={getContainer}\r\n          items={mapItems(items)}\r\n          targetOffset={headerHeight + 12}\r\n        />\r\n      </section>\r\n    );\r\n  },\r\n);\r\n\r\nToc.displayName = 'Toc';\r\n\r\nexport default Toc;\r\n"],"mappings":";;;;;;;;;AAWA,MAAM,MAAM,MACT,EAAE,WAAW,OAAO,cAAc,UAAU,eAAe,IAAI,WAAW,UAAU;CAEnF,MAAM,eAAe,eACZ;EACL,uBAAuB,GAAG,aAAa;EACvC,eAAe,GAAG,SAAS;CAC7B,IACA,CAAC,cAAc,QAAQ,CACzB;CAEA,IAAI,UACF,OACE,oBAAC,WAAD;EACa;EACG;EACA;EACP;CACR,CAAA;CAGL,OACE,qBAAC,WAAD;EAAS,WAAW,GAAG,OAAO,WAAW,OAAO,MAAM;EAAG,OAAO;EAAhE,UAAA,CACE,oBAAC,MAAD,EAAA,UAAI,oBAAqB,CAAA,GACzB,oBAAC,QAAD;GACgB;GACd,OAAO,SAAS,KAAK;GACrB,cAAc,eAAe;EAC9B,CAAA,CACM;;AAEb,CACF;AAEA,IAAI,cAAc"}