@lobehub/ui 1.94.7 → 1.95.1-beta.1

package/README.md

@@ -10,20 +10,24 @@
 
 Lobe UI is an open-source UI component library for building _AIGC_ web apps
 
-[Changelog](./CHANGELOG.md) · [Report Bug][issues-url] · [Request Feature][issues-url]
+[Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
 
 <!-- SHIELD GROUP -->
 
-[![release][release-shield]][release-url]
-[![releaseDate][release-date-shield]][release-date-url]
-[![ciTest][ci-test-shield]][ci-test-url]
-[![ciRelease][ci-release-shield]][ci-release-url] <br/>
-[![contributors][contributors-shield]][contributors-url]
-[![forks][forks-shield]][forks-url]
-[![stargazers][stargazers-shield]][stargazers-url]
-[![issues][issues-shield]][issues-url]
-
-![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)
+[![][npm-release-shield]][npm-release-link]
+[![][vercel-shield]][vercel-link]
+[![][discord-shield]][discord-link]
+[![][npm-downloads-shield]][npm-downloads-link]
+[![][github-releasedate-shield]][github-releasedate-link]
+[![][github-action-test-shield]][github-action-test-link]
+[![][github-action-release-shield]][github-action-release-link]<br/>
+[![][github-contributors-shield]][github-contributors-link]
+[![][github-forks-shield]][github-forks-link]
+[![][github-stars-shield]][github-stars-link]
+[![][github-issues-shield]][github-issues-link]
+[![][github-license-shield]][github-license-link]
+
+[![][banner]][vercel-link]
 
 </div>
 
@@ -34,8 +38,6 @@ Lobe UI is an open-source UI component library for building _AIGC_ web apps
 
 - [📦 Installation](#-installation)
 
-- [🤯 Usage](#-usage)
-
   - [Compile with NextJS](#compile-with-nextjs)
 
 - [⌨️ Local Development](#️-local-development)
@@ -50,25 +52,21 @@ Lobe UI is an open-source UI component library for building _AIGC_ web apps
 
 ## 📦 Installation
 
-This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c).
+> **Important**\
+> This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c).
 
 To install Lobe UI, run the following command:
 
+[![][bun-shield]][bun-link]
+
 ```bash
-pnpm i -S @lobehub/ui
+$ bun add @lobehub/ui
 ```
 
-<div align="right">
-
-[![][back-to-top]](#readme-top)
-
-</div>
-
-## 🤯 Usage
-
 ### Compile with NextJS
 
-by work correct with nextjs ssr, add `transpilePackages: ['@lobehub/ui']` to `next.config.js`. For example:
+> **Note**\
+> By work correct with nextjs ssr, add `transpilePackages: ['@lobehub/ui']` to `next.config.js`. For example:
 
 ```js
 // next.config.js
@@ -85,19 +83,43 @@ const nextConfig = {
 
 </div>
 
+## 🤯 Usage
+
+> **Note**\
+> The LobeUI components are developed based on [Antd](https://ant.design/components/overview/), fully compatible with Antd components,
+> and it is recommended to use [antd-style](https://ant-design.github.io/antd-style/) as the default css-in-js styling solution.
+
+```tsx
+import { ThemeProvider, Button } from '@lobehub/ui'
+import { Button } from 'antd'
+
+export default () => (
+  <ThemeProvider>
+    <Button>Hello AIGC</Button>
+  </ThemeProvider>
+)
+```
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+
 ## ⌨️ Local Development
 
-You can use Gitpod for online development:
+You can use Github Codespaces for online development:
 
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][gitpod-url]
+[![][codespaces-shield]][codespaces-link]
 
 Or clone it for local development:
 
 ```bash
 $ git clone https://github.com/lobehub/lobe-ui.git
 $ cd lobe-ui
-$ pnpm install
-$ pnpm start
+$ bun install
+$ bun start
 ```
 
 <div align="right">
@@ -108,7 +130,11 @@ $ pnpm start
 
 ## 🤝 Contributing
 
-[![][contributors-contrib]][contributors-url]
+Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub [Issues][github-issues-link] to get stuck in to show us what you’re made of.
+
+[![][pr-welcome-shield]][pr-welcome-link]
+
+[![][contributors-contrib]][contributors-link]
 
 <div align="right">
 
@@ -131,34 +157,55 @@ $ pnpm start
 
 ---
 
-#### 📝 License
+<details><summary><h4>📝 License</h4></summary>
+
+[![][fossa-license-shield]][fossa-license-link]
+
+</details>
 
-Copyright © 2023 [LobeHub][profile-url]. <br />
+Copyright © 2023 [LobeHub][profile-link]. <br />
 This project is [MIT](./LICENSE) licensed.
 
 <!-- LINK GROUP -->
 
 [back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
-[ci-release-shield]: https://github.com/lobehub/lobe-ui/workflows/Release%20CI/badge.svg
-[ci-release-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ARelease%20CI
-[ci-test-shield]: https://github.com/lobehub/lobe-ui/workflows/Test%20CI/badge.svg
-[ci-test-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ATest%20CI
+[banner]: https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268452017-960ab8a1-e4b7-4648-beb1-77daf4b6034a.png
+[bun-link]: https://bun.sh
+[bun-shield]: https://img.shields.io/badge/-speedup%20with%20bun-black?logo=bun&style=for-the-badge
+[codespaces-link]: https://codespaces.new/lobehub/lobe-ui
+[codespaces-shield]: https://github.com/codespaces/badge.svg
 [contributors-contrib]: https://contrib.rocks/image?repo=lobehub/lobe-ui
-[contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-ui.svg?style=flat
-[contributors-url]: https://github.com/lobehub/lobe-ui/graphs/contributors
-[forks-shield]: https://img.shields.io/github/forks/lobehub/lobe-ui.svg?style=flat
-[forks-url]: https://github.com/lobehub/lobe-ui/network/members
-[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/lobe-ui
-[issues-shield]: https://img.shields.io/github/issues/lobehub/lobe-ui.svg?style=flat
-[issues-url]: https://github.com/lobehub/lobe-ui/issues/new/choose
+[contributors-link]: https://github.com/lobehub/lobe-ui/graphs/contributors
+[discord-link]: https://discord.gg/AYFPHvv2jT
+[discord-shield]: https://img.shields.io/discord/1127171173982154893?color=5865F2&label=discord&labelColor=black&logo=discord&logoColor=white&style=flat-square
+[fossa-license-link]: https://app.fossa.com/projects/git%2Bgithub.com%2Flobehub%2Flobe-ui
+[fossa-license-shield]: https://app.fossa.com/api/projects/git%2Bgithub.com%2Flobehub%2Flobe-ui.svg?type=large
+[github-action-release-link]: https://github.com/actions/workflows/lobehub/lobe-ui/release.yml
+[github-action-release-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-ui/release.yml?label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
+[github-action-test-link]: https://github.com/actions/workflows/lobehub/lobe-ui/test.yml
+[github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/lobe-ui/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
+[github-contributors-link]: https://github.com/lobehub/lobe-ui/graphs/contributors
+[github-contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-ui?color=c4f042&labelColor=black&style=flat-square
+[github-forks-link]: https://github.com/lobehub/lobe-ui/network/members
+[github-forks-shield]: https://img.shields.io/github/forks/lobehub/lobe-ui?color=8ae8ff&labelColor=black&style=flat-square
+[github-issues-link]: https://github.com/lobehub/lobe-ui/issues
+[github-issues-shield]: https://img.shields.io/github/issues/lobehub/lobe-ui?color=ff80eb&labelColor=black&style=flat-square
+[github-license-link]: https://github.com/lobehub/lobe-ui/blob/master/LICENSE
+[github-license-shield]: https://img.shields.io/github/license/lobehub/lobe-ui?color=white&labelColor=black&style=flat-square
+[github-releasedate-link]: https://github.com/lobehub/lobe-ui/releases
+[github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?labelColor=black&style=flat-square
+[github-stars-link]: https://github.com/lobehub/lobe-ui/network/stargazers
+[github-stars-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui?color=ffcb47&labelColor=black&style=flat-square
 [lobe-chat]: https://github.com/lobehub/lobe-chat
 [lobe-commit]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-commit
 [lobe-i18n]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-i18n
 [lobe-theme]: https://github.com/lobehub/sd-webui-lobe-theme
-[profile-url]: https://github.com/lobehub
-[release-date-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?style=flat
-[release-date-url]: https://github.com/lobehub/lobe-ui/releases
-[release-shield]: https://img.shields.io/npm/v/@lobehub/ui?label=%F0%9F%A4%AF%20NPM
-[release-url]: https://www.npmjs.com/package/@lobehub/ui
-[stargazers-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui.svg?style=flat
-[stargazers-url]: https://github.com/lobehub/lobe-ui/stargazers
+[npm-downloads-link]: https://www.npmjs.com/package/@lobehub/ui
+[npm-downloads-shield]: https://img.shields.io/npm/dt/@lobehub/ui?labelColor=black&style=flat-square
+[npm-release-link]: https://www.npmjs.com/package/@lobehub/ui
+[npm-release-shield]: https://img.shields.io/npm/v/@lobehub/ui?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square
+[pr-welcome-link]: https://github.com/lobehub/lobe-chat/pulls
+[pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
+[profile-link]: https://github.com/lobehub
+[vercel-link]: https://ui.lobehub.com
+[vercel-shield]: https://img.shields.io/website?down_message=offline&label=vercel&labelColor=black&logo=vercel&style=flat-square&up_message=online&url=https%3A%2F%2Fui.lobehub.com

package/es/ColorScales/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColorScaleItem } from "../styles/colors";
+import { ColorScaleItem } from "../styles/colors/colors";
 export interface ColorScalesProps {
     /**
      * @description Index of the mid highlight color in the scale

package/es/ConfigProvider/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { CDN, CdnApi } from "../utils/genCdnUrl";
+type CdnFn = ({ pkg, version, path }: CdnApi) => string;
+export interface Config {
+    customCdnFn?: CdnFn;
+    proxy: CDN | 'custom';
+}
+declare const ConfigProvider: import("react").NamedExoticComponent<{
+    children: ReactNode;
+    config: Config;
+}>;
+export declare const useCdnFn: () => CdnFn;
+export default ConfigProvider;

package/es/ConfigProvider/index.js

@@ -0,0 +1,40 @@
+import { createContext, memo, useContext } from 'react';
+import { genCdnUrl } from "../utils/genCdnUrl";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ConfigContext = /*#__PURE__*/createContext(null);
+var ConfigProvider = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    config = _ref.config;
+  return /*#__PURE__*/_jsx(ConfigContext.Provider, {
+    value: config,
+    children: children
+  });
+});
+var fallback = function fallback(_ref2) {
+  var pkg = _ref2.pkg,
+    version = _ref2.version,
+    path = _ref2.path;
+  return genCdnUrl({
+    path: path,
+    pkg: pkg,
+    proxy: 'aliyun',
+    version: version
+  });
+};
+export var useCdnFn = function useCdnFn() {
+  var config = useContext(ConfigContext);
+  if (!config) return fallback;
+  if (config.proxy !== 'custom') return function (_ref3) {
+    var pkg = _ref3.pkg,
+      version = _ref3.version,
+      path = _ref3.path;
+    return genCdnUrl({
+      path: path,
+      pkg: pkg,
+      proxy: config.proxy,
+      version: version
+    });
+  };
+  return (config === null || config === void 0 ? void 0 : config.customCdnFn) || fallback;
+};
+export default ConfigProvider;

package/es/FluentEmoji/index.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { kebabCase } from 'lodash-es';
 import { memo, useMemo, useState } from 'react';
-import { genCdnUrl } from "../utils/genCdnUrl";
+import { useCdnFn } from "../ConfigProvider";
 import { getEmojiNameByCharacter } from "../utils/getEmojiByCharacter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -16,6 +16,7 @@ var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
     type = _ref$type === void 0 ? '3d' : _ref$type,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 40 : _ref$size;
+  var genCdnUrl = useCdnFn();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loadingFail = _useState2[0],

package/es/FontLoader/index.js

@@ -1,4 +1,4 @@
-import { memo, useEffect } from 'react';
+import { memo, useEffect, useRef } from 'react';
 var createElement = function createElement(url) {
   var element = document.createElement('link');
   element.rel = 'stylesheet';
@@ -7,10 +7,13 @@ var createElement = function createElement(url) {
 };
 var FontLoader = /*#__PURE__*/memo(function (_ref) {
   var url = _ref.url;
+  var loadRef = useRef(false);
   useEffect(function () {
+    if (loadRef.current) return;
+    loadRef.current = true;
     var element = createElement(url);
     document.head.append(element);
   }, []);
-  return false;
+  return null;
 });
 export default FontLoader;

package/es/Giscus/style.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from 'antd-style';
 import { readableColor, rgba } from 'polished';
-import { colorScales } from "../styles/colors";
+import { colorScales } from "../styles/colors/colors";
 export var genStyles = function genStyles(token, isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
   var colorText = colorScales.gray[type][11];

package/es/Highlighter/theme.js

@@ -1,4 +1,4 @@
-import { colorScales } from "../styles/colors";
+import { colorScales } from "../styles/colors/colors";
 export var themeConfig = function themeConfig(isDarkMode) {
   var type = isDarkMode ? 'dark' : 'light';
   var colorText = colorScales.gray[type][11];

package/es/Logo/index.js

@@ -6,6 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { useTheme } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import { useCdnFn } from "../ConfigProvider";
 import Divider from "./Divider";
 import LogoHighContrast from "./LogoHighContrast";
 import LogoText from "./LogoText";
@@ -22,6 +23,7 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
     extra = _ref.extra,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
+  var genCdnUrl = useCdnFn();
   var theme = useTheme();
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
@@ -31,7 +33,7 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
       {
         logoComponent = /*#__PURE__*/_jsx("img", _objectSpread({
           alt: "lobehub",
-          src: LOGO_3D,
+          src: genCdnUrl(LOGO_3D),
           style: _objectSpread({
             height: size,
             width: size
@@ -43,7 +45,7 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
       {
         logoComponent = /*#__PURE__*/_jsx("img", {
           alt: "lobehub",
-          src: LOGO_FLAT,
+          src: genCdnUrl(LOGO_FLAT),
           style: _objectSpread({
             height: size,
             width: size
@@ -77,7 +79,7 @@ var Logo = /*#__PURE__*/memo(function (_ref) {
         logoComponent = /*#__PURE__*/_jsxs(_Fragment, {
           children: [/*#__PURE__*/_jsx("img", {
             alt: "lobehub",
-            src: LOGO_3D,
+            src: genCdnUrl(LOGO_3D),
             style: {
               height: size,
               width: size

package/es/Logo/style.d.ts

@@ -1,5 +1,13 @@
-export declare const LOGO_3D: string;
-export declare const LOGO_FLAT: string;
+export declare const LOGO_3D: {
+    path: string;
+    pkg: string;
+    version: string;
+};
+export declare const LOGO_FLAT: {
+    path: string;
+    pkg: string;
+    version: string;
+};
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     extraTitle: import("antd-style").SerializedStyles;
 }>;

package/es/Logo/style.js

@@ -1,17 +1,16 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { createStyles } from 'antd-style';
-import { genCdnUrl } from "../utils/genCdnUrl";
-export var LOGO_3D = genCdnUrl({
+export var LOGO_3D = {
   path: 'assets/logo-3d.webp',
   pkg: '@lobehub/assets-logo',
   version: '1.1.0'
-});
-export var LOGO_FLAT = genCdnUrl({
+};
+export var LOGO_FLAT = {
   path: 'assets/logo-flat.svg',
   pkg: '@lobehub/assets-logo',
   version: '1.1.0'
-});
+};
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {

package/es/ThemeProvider/GlobalStyle/antdOverride.js

@@ -1,6 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { css } from 'antd-style';
+import { readableColor } from 'polished';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .ant-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .ant-switch-handle::before {\n    background: ", " !important;\n  }\n"])), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText, token.colorBgContainer);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-btn-primary {\n    color: ", " !important;\n  }\n\n  .ant-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .ant-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .ant-switch-handle::before {\n    background: ", " !important;\n  }\n"])), readableColor(token.colorPrimary), token.colorBgLayout, token.colorText, token.borderRadiusSM, token.colorText, token.colorBgContainer);
 });

package/es/ThemeProvider/Meta.js

@@ -1,5 +1,5 @@
 import { memo, useCallback } from 'react';
-import { genCdnUrl } from "../utils/genCdnUrl";
+import { useCdnFn } from "../ConfigProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -7,6 +7,7 @@ var Meta = /*#__PURE__*/memo(function (_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? 'LobeHub' : _ref$title,
     withManifest = _ref.withManifest;
+  var genCdnUrl = useCdnFn();
   var genAssets = useCallback(function (path) {
     return genCdnUrl({
       path: path,

package/es/ThemeProvider/index.d.ts

@@ -1,21 +1,14 @@
-import { type ThemeMode, extractStaticStyle } from 'antd-style';
-import type { CustomStylishParams, CustomTokenParams } from 'antd-style/lib/types/function';
-import { type ReactNode } from 'react';
-export interface ThemeProviderProps {
-    /**
-     * @description Cache for the extracted static styles
-     */
-    cache?: typeof extractStaticStyle.cache;
-    /**
-     * @description The children of the ThemeProvider component
-     */
-    children: ReactNode;
-    /**
-     * @description Custom stylish
-     */
+/// <reference types="react" />
+import { ThemeProviderProps as AntdThemeProviderProps, CustomStylishParams, CustomTokenParams } from 'antd-style';
+import { NeutralColors, PrimaryColors } from "../styles";
+export interface ThemeProviderProps extends Omit<AntdThemeProviderProps<any>, 'theme'> {
     customStylish?: (theme: CustomStylishParams) => {
         [key: string]: any;
     };
+    customTheme?: {
+        neutralColor?: NeutralColors;
+        primaryColor?: PrimaryColors;
+    };
     /**
      * @description Custom extra token
      */
@@ -23,14 +16,6 @@ export interface ThemeProviderProps {
         [key: string]: any;
     };
     enableWebfonts?: boolean;
-    /**
-     * @description Whether to inline the styles on server-side rendering or not
-     */
-    ssrInline?: boolean;
-    /**
-     * @description The mode of the theme (light or dark)
-     */
-    themeMode?: ThemeMode;
     /**
      * @description Webfont loader css strings
      */

package/es/ThemeProvider/index.js

@@ -1,42 +1,48 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "customStylish", "customToken", "enableWebfonts", "webfonts", "customTheme"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { App } from 'antd';
 import { ThemeProvider as AntdThemeProvider, StyleProvider, setupStyled } from 'antd-style';
 import { memo, useCallback, useEffect } from 'react';
 import { ThemeContext } from 'styled-components';
+import { useCdnFn } from "../ConfigProvider";
 import FontLoader from "../FontLoader";
-import { lobeCustomStylish, lobeCustomToken, lobeTheme } from "../styles";
-import { genCdnUrl } from "../utils/genCdnUrl";
+import { lobeCustomStylish, lobeCustomToken } from "../styles";
+import { createLobeAntdTheme } from "../styles/theme/antdTheme";
 import GlobalStyle from "./GlobalStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
-    themeMode = _ref.themeMode,
     customStylish = _ref.customStylish,
     customToken = _ref.customToken,
     _ref$enableWebfonts = _ref.enableWebfonts,
     enableWebfonts = _ref$enableWebfonts === void 0 ? true : _ref$enableWebfonts,
-    _ref$webfonts = _ref.webfonts,
-    webfonts = _ref$webfonts === void 0 ? [genCdnUrl({
-      path: 'css/index.css',
-      pkg: '@lobehub/webfont-mono',
-      version: '1.0.0'
-    }), genCdnUrl({
-      path: 'css/index.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.16.8'
-    })] : _ref$webfonts;
+    webfonts = _ref.webfonts,
+    _ref$customTheme = _ref.customTheme,
+    customTheme = _ref$customTheme === void 0 ? {} : _ref$customTheme,
+    res = _objectWithoutProperties(_ref, _excluded);
+  var genCdnUrl = useCdnFn();
+  var webfontUrls = webfonts || [genCdnUrl({
+    path: 'css/index.css',
+    pkg: '@lobehub/webfont-mono',
+    version: '1.0.0'
+  }), genCdnUrl({
+    path: 'css/index.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.16.8'
+  })];
   useEffect(function () {
     setupStyled({
       ThemeContext: ThemeContext
@@ -48,18 +54,25 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var token = useCallback(function (theme) {
     return _objectSpread(_objectSpread({}, lobeCustomToken(theme)), customToken === null || customToken === void 0 ? void 0 : customToken(theme));
   }, [customToken]);
+  var theme = useCallback(function (appearance) {
+    return createLobeAntdTheme({
+      appearance: appearance,
+      neutralColor: customTheme.neutralColor,
+      primaryColor: customTheme.primaryColor
+    });
+  }, [customTheme.primaryColor, customTheme.neutralColor]);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [enableWebfonts && (webfonts === null || webfonts === void 0 ? void 0 : webfonts.length) > 0 && webfonts.map(function (webfont, index) {
+    children: [enableWebfonts && (webfontUrls === null || webfontUrls === void 0 ? void 0 : webfontUrls.length) > 0 && webfontUrls.map(function (webfont) {
       return /*#__PURE__*/_jsx(FontLoader, {
         url: webfont
-      }, index);
+      }, webfont);
     }), /*#__PURE__*/_jsx(StyleProvider, {
       speedy: process.env.NODE_ENV === 'production',
-      children: /*#__PURE__*/_jsxs(AntdThemeProvider, {
+      children: /*#__PURE__*/_jsxs(AntdThemeProvider, _objectSpread(_objectSpread({
         customStylish: stylish,
-        customToken: token,
-        theme: lobeTheme,
-        themeMode: themeMode,
+        customToken: token
+      }, res), {}, {
+        theme: theme,
         children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {
           style: {
             minHeight: 'inherit',
@@ -67,7 +80,7 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
           },
           children: children
         })]
-      })
+      }))
     })]
   });
 });

package/es/index.d.ts

@@ -11,6 +11,7 @@ export type { ChatListProps, OnActionClick, OnMessageChange, RenderErrorMessage,
 export { default as ChatList } from './ChatList';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
+export { type Config, default as ConfigProvider, useCdnFn } from './ConfigProvider';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';
 export { default as CopyButton, type CopyButtonProps } from './CopyButton';
 export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';

package/es/index.js

@@ -10,6 +10,7 @@ export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
 export { default as CodeEditor } from "./CodeEditor";
 export { default as ColorScales } from "./ColorScales";
+export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";
 export { default as ContextMenu } from "./ContextMenu";
 export { default as CopyButton } from "./CopyButton";
 export { default as DraggablePanel } from "./DraggablePanel";

package/es/styles/{algorithms → colors}/generateColorPalette.d.ts

@@ -1,5 +1,5 @@
 import { AliasToken } from 'antd/es/theme/interface';
-import { ColorScaleItem } from "../colors";
+import { ColorScaleItem } from "./colors";
 export declare const generateColorPalette: ({ type, scale, appearance, }: {
     appearance: 'light' | 'dark';
     scale: ColorScaleItem;

package/es/styles/customTheme.js

@@ -1,5 +1,5 @@
-import { colorScales } from "./colors";
-import { neutralColorScales } from "./neutralColors";
+import { colorScales } from "./colors/colors";
+import { neutralColorScales } from "./colors/neutralColors";
 export var primaryColors = {
   blue: colorScales.blue.dark[9],
   cyan: colorScales.cyan.dark[9],

package/es/styles/index.d.ts

@@ -1,9 +1,7 @@
-export { generateColorNeutralPalette, generateColorPalette, } from './algorithms/generateColorPalette';
-export { generateCustomStylish as lobeCustomStylish } from './algorithms/generateCustomStylish';
-export { generateCustomTheme as lobeCustomTheme } from './algorithms/generateCustomTheme';
-export { generateCustomToken as lobeCustomToken } from './algorithms/generateCustomToken';
-export { generateTheme as lobeTheme } from './algorithms/generateTheme';
-export { colorScales as colors } from './colors';
-export { colorScales } from './colors';
+export { colorScales as colors } from './colors/colors';
+export { colorScales } from './colors/colors';
+export { generateColorNeutralPalette, generateColorPalette } from './colors/generateColorPalette';
+export { neutralColorScales } from './colors/neutralColors';
 export * from './customTheme';
-export { neutralColorScales } from './neutralColors';
+export { generateCustomStylish as lobeCustomStylish } from './theme/customStylish';
+export { generateCustomToken as lobeCustomToken } from './theme/customToken';

package/es/styles/index.js

@@ -1,9 +1,7 @@
-export { generateColorNeutralPalette, generateColorPalette } from "./algorithms/generateColorPalette";
-export { generateCustomStylish as lobeCustomStylish } from "./algorithms/generateCustomStylish";
-export { generateCustomTheme as lobeCustomTheme } from "./algorithms/generateCustomTheme";
-export { generateCustomToken as lobeCustomToken } from "./algorithms/generateCustomToken";
-export { generateTheme as lobeTheme } from "./algorithms/generateTheme";
-export { colorScales as colors } from "./colors";
-export { colorScales } from "./colors";
+export { colorScales as colors } from "./colors/colors";
+export { colorScales } from "./colors/colors";
+export { generateColorNeutralPalette, generateColorPalette } from "./colors/generateColorPalette";
+export { neutralColorScales } from "./colors/neutralColors";
 export * from "./customTheme";
-export { neutralColorScales } from "./neutralColors";
+export { generateCustomStylish as lobeCustomStylish } from "./theme/customStylish";
+export { generateCustomToken as lobeCustomToken } from "./theme/customToken";

package/es/styles/theme/algorithms/darkAlgorithm.d.ts

@@ -0,0 +1,2 @@
+import { MappingAlgorithm } from 'antd/es/theme/interface';
+export declare const darkAlgorithm: MappingAlgorithm;

package/es/styles/theme/algorithms/darkAlgorithm.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
+import { colorScales } from "../../colors/colors";
+import darkBaseToken from "../token/dark";
+export var darkAlgorithm = function darkAlgorithm(seedToken, mapToken) {
+  var primaryColor = seedToken.primaryColor;
+  var neutralColor = seedToken.neutralColor;
+  var primaryTokens = {};
+  var neutralTokens = {};
+
+  // generate primary color Token with colorPrimary
+  var primaryScale = colorScales[primaryColor];
+  if (primaryScale) {
+    primaryTokens = generateColorPalette({
+      appearance: 'dark',
+      scale: primaryScale,
+      type: 'Primary'
+    });
+  }
+
+  // generate neutral color Token with colorBgBase
+  var neutralScale = neutralColorScales[neutralColor];
+  if (neutralScale) {
+    neutralTokens = generateColorNeutralPalette({
+      appearance: 'dark',
+      scale: neutralScale
+    });
+  }
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mapToken), darkBaseToken), primaryTokens), neutralTokens);
+};

package/es/styles/theme/algorithms/lightAlgorithm.d.ts

@@ -0,0 +1,2 @@
+import { MappingAlgorithm } from 'antd/es/theme/interface';
+export declare const lightAlgorithm: MappingAlgorithm;

package/es/styles/{algorithms/generateCustomTheme.js → theme/algorithms/lightAlgorithm.js}

@@ -1,30 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { colorScales } from "../colors";
-import { neutralColorScales } from "../neutralColors";
-import { generateColorNeutralPalette, generateColorPalette } from "./generateColorPalette";
-export var generateCustomTheme = function generateCustomTheme(_ref) {
-  var primaryColor = _ref.primaryColor,
-    neutralColor = _ref.neutralColor,
-    isDarkMode = _ref.isDarkMode;
-  var appearance = isDarkMode ? 'dark' : 'light';
+import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
+import { colorScales } from "../../colors/colors";
+import lightBaseToken from "../token/light";
+export var lightAlgorithm = function lightAlgorithm(seedToken, mapToken) {
+  var primaryColor = seedToken.colorPrimary;
+  var neutralColor = seedToken.colorBgBase;
   var primaryTokens = {};
   var neutralTokens = {};
-  if (primaryColor) {
-    var scale = colorScales[primaryColor];
+  var primaryScale = colorScales[primaryColor];
+  if (primaryScale) {
     primaryTokens = generateColorPalette({
-      appearance: appearance,
-      scale: scale,
+      appearance: 'light',
+      scale: primaryScale,
       type: 'Primary'
     });
   }
-  if (neutralColor) {
-    var _scale = neutralColorScales[neutralColor];
+  var neutralScale = neutralColorScales[neutralColor];
+  if (neutralScale) {
     neutralTokens = generateColorNeutralPalette({
-      appearance: appearance,
-      scale: _scale
+      appearance: 'light',
+      scale: neutralScale
     });
   }
-  return _objectSpread(_objectSpread({}, primaryTokens), neutralTokens);
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, mapToken), lightBaseToken), primaryTokens), neutralTokens);
 };

package/es/styles/theme/antdTheme.d.ts

@@ -0,0 +1,15 @@
+import { ThemeConfig } from 'antd';
+import { ThemeAppearance } from 'antd-style';
+import { NeutralColors, PrimaryColors } from "..";
+export interface LobeAntdThemeParams {
+    appearance: ThemeAppearance;
+    neutralColor?: NeutralColors;
+    primaryColor?: PrimaryColors;
+}
+/**
+ * create A LobeHub Style Antd Theme Object
+ * @param neutralColor
+ * @param appearance
+ * @param primaryColor
+ */
+export declare const createLobeAntdTheme: ({ neutralColor, appearance, primaryColor, }: LobeAntdThemeParams) => ThemeConfig;

package/es/styles/{algorithms/generateTheme.js → theme/antdTheme.js}

@@ -1,20 +1,26 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import darkBaseToken from "../theme/dark";
-import lightBaseToken from "../theme/light";
-export var lightTheme = {
-  algorithm: function algorithm(seedToken, mapToken) {
-    return _objectSpread(_objectSpread({}, mapToken), lightBaseToken);
-  },
-  token: lightBaseToken
-};
-export var darkTheme = {
-  algorithm: function algorithm(seedToken, mapToken) {
-    return _objectSpread(_objectSpread({}, mapToken), darkBaseToken);
-  },
-  token: darkBaseToken
-};
-export var generateTheme = function generateTheme(appearance) {
-  return appearance === 'dark' ? darkTheme : lightTheme;
+import { darkAlgorithm } from "./algorithms/darkAlgorithm";
+import { lightAlgorithm } from "./algorithms/lightAlgorithm";
+import { baseToken } from "./token/base";
+/**
+ * create A LobeHub Style Antd Theme Object
+ * @param neutralColor
+ * @param appearance
+ * @param primaryColor
+ */
+export var createLobeAntdTheme = function createLobeAntdTheme(_ref) {
+  var neutralColor = _ref.neutralColor,
+    appearance = _ref.appearance,
+    primaryColor = _ref.primaryColor;
+  var isDark = appearance === 'dark';
+  return {
+    algorithm: isDark ? darkAlgorithm : lightAlgorithm,
+    token: _objectSpread(_objectSpread({}, baseToken), {}, {
+      // @ts-ignore
+      neutralColor: neutralColor,
+      primaryColor: primaryColor
+    })
+  };
 };

package/es/styles/{algorithms/generateCustomToken.js → theme/customToken.js}

@@ -6,7 +6,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { camelCase } from 'lodash-es';
-import { colorScales } from "../colors";
+import { colorScales } from "../colors/colors";
 var generateColorPalette = function generateColorPalette(_ref) {
   var _ref2;
   var name = _ref.name,
@@ -55,8 +55,6 @@ var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
     scale: scale
   }));
 };
-
-// @ts-ignore
 export var generateCustomToken = function generateCustomToken(_ref4) {
   var isDarkMode = _ref4.isDarkMode;
   var colorCustomToken = {};

package/es/styles/theme/{dark.js → token/dark.js}

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette } from "../algorithms/generateColorPalette";
-import { colorScales } from "../colors";
-import { baseToken } from "./base";
+import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
+import { colorScales } from "../../colors/colors";
 var primaryToken = generateColorPalette({
   appearance: 'dark',
   scale: colorScales.bnw,
@@ -33,7 +32,7 @@ var infoToken = generateColorPalette({
   scale: colorScales.blue,
   type: 'Info'
 });
-var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
+var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
   boxShadow: '0 12px 20px 6px rgb(0 0 0 / 0.08)',
   boxShadowSecondary: '0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)',
   colorLink: infoToken.colorInfoText,

package/es/styles/theme/{light.js → token/light.js}

@@ -1,9 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { generateColorNeutralPalette, generateColorPalette } from "../algorithms/generateColorPalette";
-import { colorScales } from "../colors";
-import { baseToken } from "./base";
+import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
+import { colorScales } from "../../colors/colors";
 var primaryToken = generateColorPalette({
   appearance: 'light',
   scale: colorScales.bnw,
@@ -33,7 +32,7 @@ var infoToken = generateColorPalette({
   scale: colorScales.geekblue,
   type: 'Info'
 });
-var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
+var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
   boxShadow: '0 12px 20px 6px rgb(104 112 118 / 0.08)',
   boxShadowSecondary: '0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)',
   colorLink: infoToken.colorInfoText,

package/es/utils/genCdnUrl.d.ts

@@ -1,9 +1,8 @@
 export type CDN = 'aliyun' | 'unpkg';
-interface CdnApi {
+export interface CdnApi {
     path: string;
     pkg: string;
     proxy?: CDN;
     version: string;
 }
 export declare const genCdnUrl: ({ pkg, version, path, proxy }: CdnApi) => string;
-export {};

package/es/utils/genCdnUrl.js

@@ -1,3 +1,4 @@
+import urlJoin from 'url-join';
 var UNPKG_API = 'https://unpkg.com';
 var ALIYUN_API = 'https://registry.npmmirror.com';
 export var genCdnUrl = function genCdnUrl(_ref) {
@@ -5,6 +6,14 @@ export var genCdnUrl = function genCdnUrl(_ref) {
     version = _ref.version,
     path = _ref.path,
     proxy = _ref.proxy;
-  var api = proxy === 'unpkg' ? UNPKG_API : ALIYUN_API;
-  return "".concat(api.replaceAll(/^\//g, ''), "/").concat(pkg, "/").concat(version, "/files/").concat(path.replaceAll(/^\//g, ''));
+  switch (proxy) {
+    case 'unpkg':
+      {
+        return urlJoin(UNPKG_API, "".concat(pkg, "@").concat(version), path);
+      }
+    default:
+      {
+        return urlJoin(ALIYUN_API, pkg, version, 'files', path);
+      }
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.94.7",
+  "version": "1.95.1-beta.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -44,7 +44,7 @@
     "pull": "git pull",
     "release": "semantic-release",
     "setup": "dumi setup",
-    "start": "dumi dev",
+    "start": "npm run docs:dev",
     "test": "vitest --passWithNoTests",
     "test:coverage": "vitest run --coverage  --passWithNoTests",
     "test:update": "vitest -u",
@@ -109,6 +109,7 @@
     "swr": "^2",
     "three": "^0.150",
     "ts-md5": "^1",
+    "url-join": "^5",
     "use-merge-value": "^1",
     "zustand": "^4.4.1",
     "zustand-utils": "^1.3.1"

package/es/styles/algorithms/generateCustomTheme.d.ts

@@ -1,9 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-import { type NeutralColors, type PrimaryColors } from '../customTheme';
-interface generateCustomThemeProps {
-    isDarkMode: boolean;
-    neutralColor?: NeutralColors | '';
-    primaryColor?: PrimaryColors | '';
-}
-export declare const generateCustomTheme: ({ primaryColor, neutralColor, isDarkMode, }: generateCustomThemeProps) => Partial<AliasToken>;
-export {};

package/es/styles/algorithms/generateTheme.d.ts

@@ -1,5 +0,0 @@
-import { ThemeConfig } from 'antd';
-import { GetAntdTheme } from 'antd-style';
-export declare const lightTheme: ThemeConfig;
-export declare const darkTheme: ThemeConfig;
-export declare const generateTheme: GetAntdTheme;