@lobehub/ui 1.2.0 → 1.3.0

package/lib/TabsNav/index.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { TabsProps } from 'antd';
-import React from 'react';
 export interface TabsNavProps {
     /**
      * @description Additional className to apply to the component
@@ -18,5 +18,5 @@ export interface TabsNavProps {
      */
     activeKey?: TabsProps['activeKey'];
 }
-declare const _default: React.NamedExoticComponent<TabsNavProps>;
-export default _default;
+declare const TabsNav: import("react").NamedExoticComponent<TabsNavProps>;
+export default TabsNav;

package/lib/TabsNav/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/TabsNav/index.tsx
@@ -33,12 +23,12 @@ __export(TabsNav_exports, {
 });
 module.exports = __toCommonJS(TabsNav_exports);
 var import_antd = require("antd");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_style = require("./style");
-var TabsNav = ({ className, ...props }) => {
+var TabsNav = (0, import_react.memo)(({ className, ...props }) => {
   const { styles, cx } = (0, import_style.useStyles)();
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Tabs, { className: cx(styles.tabs, className), ...props });
-};
-var TabsNav_default = import_react.default.memo(TabsNav);
+  return /* @__PURE__ */ React.createElement(import_antd.Tabs, { className: cx(styles.tabs, className), ...props });
+});
+var TabsNav_default = TabsNav;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/ThemeProvider/GlobalStyle.js

@@ -26,7 +26,7 @@ var import_antd_style = require("antd-style");
 var GlobalStyle = import_antd_style.createGlobalStyle`
 
   body {
-    font-family: 'Segoe UI', SegoeUI, AliPuHui, ${({ theme }) => theme.fontFamily};
+    font-family: ${({ theme }) => theme.fontFamily};
     font-size: ${({ theme }) => theme.fontSize}px;
     line-height: 1;
     color: ${({ theme }) => theme.colorTextBase};
@@ -34,15 +34,17 @@ var GlobalStyle = import_antd_style.createGlobalStyle`
     margin: 0;
     padding: 0;
     background-color: ${(p) => p.theme.colorBgLayout};
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
 
   * {
     box-sizing: border-box;
   }
-  
+
   #root {
 	  min-height: 100vh;
-	  width: 100vw;
   }
 
   @font-face {
@@ -64,8 +66,8 @@ var GlobalStyle = import_antd_style.createGlobalStyle`
 
   /* 定义滚动槽的样式 */
   ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
+    width: 0;
+    height: 4px;
     margin-right: 4px;
     background-color: transparent; // 定义滚动槽的背景色
 

package/lib/ThemeProvider/index.d.ts

@@ -1,10 +1,25 @@
 import { extractStaticStyle, type ThemeMode } from 'antd-style';
 import React from 'react';
 export interface ThemeProviderProps {
+    /**
+     * @description Custom tokens to be used in the theme
+     */
     token?: any;
+    /**
+     * @description The children of the ThemeProvider component
+     */
     children: React.ReactNode;
+    /**
+     * @description The mode of the theme (light or dark)
+     */
     themeMode?: ThemeMode;
+    /**
+     * @description Whether to inline the styles on server-side rendering or not
+     */
     ssrInline?: boolean;
+    /**
+     * @description Cache for the extracted static styles
+     */
     cache?: typeof extractStaticStyle.cache;
 }
 declare const ThemeProvider: React.FC<ThemeProviderProps>;

package/lib/ThemeSwitch/index.d.ts

@@ -1,7 +1,7 @@
-import { type ActionIconSize } from "../index";
-import { DivProps } from "../types";
+/// <reference types="react" />
+import { type ActionIconSize } from "..";
 import { ThemeMode } from 'antd-style';
-import React from 'react';
+import { DivProps } from "../types";
 export interface ThemeSwitchProps extends DivProps {
     /**
      * @description Size of the action icon
@@ -23,5 +23,5 @@ export interface ThemeSwitchProps extends DivProps {
      */
     onThemeSwitch: (themeMode: ThemeMode) => void;
 }
-declare const _default: React.NamedExoticComponent<ThemeSwitchProps>;
-export default _default;
+declare const ThemeSwitch: import("react").NamedExoticComponent<ThemeSwitchProps>;
+export default ThemeSwitch;

package/lib/ThemeSwitch/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/ThemeSwitch/index.tsx
@@ -32,36 +22,29 @@ __export(ThemeSwitch_exports, {
   default: () => ThemeSwitch_default
 });
 module.exports = __toCommonJS(ThemeSwitch_exports);
-var import__ = require("../index");
+var import_ui = require("..");
 var import_antd = require("antd");
 var import_lucide_react = require("lucide-react");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var icons = {
   auto: import_lucide_react.Monitor,
   light: import_lucide_react.Sun,
   dark: import_lucide_react.Moon
 };
 var items = [
-  { label: "System", icon: /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size: "small", icon: icons.auto }), key: "auto" },
-  { label: "Light", icon: /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size: "small", icon: icons.light }), key: "light" },
-  { label: "Dark", icon: /* @__PURE__ */ import_react.default.createElement(import__.Icon, { size: "small", icon: icons.dark }), key: "dark" }
+  { label: "System", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.auto }), key: "auto" },
+  { label: "Light", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.light }), key: "light" },
+  { label: "Dark", icon: /* @__PURE__ */ React.createElement(import_ui.Icon, { size: "small", icon: icons.dark }), key: "dark" }
 ];
-var ThemeSwitch = ({
-  size = {
-    blockSize: 34,
-    fontSize: 20,
-    strokeWidth: 1.5
-  },
-  themeMode,
-  onThemeSwitch,
-  ...props
-}) => {
-  const menuProps = {
-    items,
-    onClick: (e) => onThemeSwitch(e.key)
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: menuProps, trigger: ["click"], ...props }, /* @__PURE__ */ import_react.default.createElement(import__.ActionIcon, { size, icon: icons[themeMode] }));
-};
-var ThemeSwitch_default = import_react.default.memo(ThemeSwitch);
+var ThemeSwitch = (0, import_react.memo)(
+  ({ size = "site", themeMode, onThemeSwitch, ...props }) => {
+    const menuProps = {
+      items,
+      onClick: (e) => onThemeSwitch(e.key)
+    };
+    return /* @__PURE__ */ React.createElement(import_antd.Dropdown, { menu: menuProps, trigger: ["click"], ...props }, /* @__PURE__ */ React.createElement(import_ui.ActionIcon, { size, icon: icons[themeMode] }));
+  }
+);
+var ThemeSwitch_default = ThemeSwitch;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/Tooltip/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TooltipProps as AntdTooltipProps } from 'antd';
+export declare type TooltipProps = AntdTooltipProps;
+declare const Tooltip: import("react").NamedExoticComponent<AntdTooltipProps>;
+export default Tooltip;

package/lib/Tooltip/index.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tooltip/index.tsx
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+module.exports = __toCommonJS(Tooltip_exports);
+var import_antd = require("antd");
+var import_react = require("react");
+var import_style = require("./style");
+var Tooltip = (0, import_react.memo)(({ className, ...props }) => {
+  const { styles, cx } = (0, import_style.useStyles)();
+  return /* @__PURE__ */ React.createElement(import_antd.Tooltip, { overlayClassName: cx(styles.tooltip, className), ...props });
+});
+var Tooltip_default = Tooltip;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Tooltip/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    tooltip: import("antd-style").SerializedStyles;
+}>;

package/lib/Tooltip/style.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tooltip/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => {
+  return {
+    tooltip: css`
+      .ant-tooltip-inner {
+        background-color: ${token.colorText};
+        color: ${token.colorBgLayout};
+        padding: 4px 8px;
+        border-radius: ${token.borderRadiusSM}px;
+        min-height: unset;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .ant-tooltip-arrow {
+        &:before,
+        &:after {
+          background: ${token.colorText};
+        }
+      }
+    `
+  };
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/hooks/useCopied.d.ts

@@ -0,0 +1,4 @@
+export declare const useCopied: () => {
+    copied: boolean;
+    setCopied: () => void;
+};

package/lib/hooks/useCopied.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useCopied.ts
+var useCopied_exports = {};
+__export(useCopied_exports, {
+  useCopied: () => useCopied
+});
+module.exports = __toCommonJS(useCopied_exports);
+var import_react = require("react");
+var useCopied = () => {
+  const [copied, setCopy] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!copied)
+      return;
+    const timer = setTimeout(() => {
+      setCopy(false);
+    }, 2e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [copied]);
+  const setCopied = (0, import_react.useCallback)(() => setCopy(true), []);
+  return (0, import_react.useMemo)(() => ({ copied, setCopied }), [copied]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCopied
+});

package/lib/hooks/useHighlight.d.ts

@@ -0,0 +1,36 @@
+import { Highlighter, Theme } from 'shiki-es';
+export interface ShikiSyntaxTheme {
+    /**
+     * @title 暗色模式主题
+     */
+    dark: Theme;
+    /**
+     * @title 亮色模式主题
+     */
+    light: Theme;
+}
+export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "typescript", "ts", "tsx", "diff", "bash"];
+/**
+ * @title 代码高亮的存储对象
+ */
+interface Store {
+    /**
+     * @title 高亮器对象
+     */
+    highlighter?: Highlighter;
+    /**
+     * @title 初始化高亮器对象
+     * @returns 初始化 Promise 对象
+     */
+    initHighlighter: () => Promise<void>;
+    /**
+     * @title 将代码转化为 HTML 字符串
+     * @param text - 代码文本
+     * @param language - 代码语言
+     * @param isDarkMode - 是否为暗黑模式
+     * @returns HTML 字符串
+     */
+    codeToHtml: (text: string, language: string, isDarkMode: boolean) => string;
+}
+export declare const useHighlight: import("zustand").UseBoundStore<import("zustand").StoreApi<Store>>;
+export {};

package/lib/hooks/useHighlight.js

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useHighlight.ts
+var useHighlight_exports = {};
+__export(useHighlight_exports, {
+  languageMap: () => languageMap,
+  useHighlight: () => useHighlight
+});
+module.exports = __toCommonJS(useHighlight_exports);
+var import_shiki_es = require("shiki-es");
+var import_zustand = require("zustand");
+var THEME = {
+  dark: "material-darker",
+  light: "material-lighter"
+};
+var languageMap = [
+  "javascript",
+  "js",
+  "jsx",
+  "json",
+  "markdown",
+  "md",
+  "less",
+  "css",
+  "typescript",
+  "ts",
+  "tsx",
+  "diff",
+  "bash"
+];
+var useHighlight = (0, import_zustand.create)((set, get) => ({
+  highlighter: void 0,
+  initHighlighter: async () => {
+    if (!get().highlighter) {
+      const highlighter = await (0, import_shiki_es.getHighlighter)({
+        langs: languageMap,
+        themes: Object.values(THEME)
+      });
+      set({ highlighter });
+    }
+  },
+  codeToHtml: (text, language, isDarkMode) => {
+    const { highlighter } = get();
+    if (!highlighter)
+      return "";
+    try {
+      return highlighter == null ? void 0 : highlighter.codeToHtml(text, {
+        lang: language,
+        theme: isDarkMode ? THEME.dark : THEME.light
+      });
+    } catch (e) {
+      return text;
+    }
+  }
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  languageMap,
+  useHighlight
+});

package/lib/index.d.ts

@@ -1,9 +1,18 @@
 export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from './ActionIcon';
+export { default as CopyButton, type CopyButtonProps } from './CopyButton';
 export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';
+export { default as EditableText, type EditableTextProps } from './EditableText';
+export { default as Highlighter, SyntaxHighlighter, type HighlighterProps, type SyntaxHighlighterProps, } from './Highlighter';
 export { default as Icon, type IconProps, type IconSize } from './Icon';
 export { default as Logo, type LogoProps } from './Logo';
+export { default as Markdown, type MarkdownProps } from './Markdown';
+export { default as MessageInput, type MessageInputProps } from './MessageInput';
+export { default as SearchBar, type SearchBarProps } from './SearchBar';
 export { default as SideNav, type SideNavProps } from './SideNav';
+export { default as Snippet, type SnippetProps } from './Snippet';
 export { default as StroyBook, useControls, useCreateStore, type StroyBookProps, } from './StroyBook';
+export { default as Swatches, type SwatchesProps } from './Swatches';
 export { default as TabsNav, type TabsNavProps } from './TabsNav';
 export { default as ThemeProvider } from './ThemeProvider';
 export { default as ThemeSwitch, type ThemeSwitchProps } from './ThemeSwitch';
+export { default as Tooltip, type TooltipProps } from './Tooltip';

package/lib/index.js

@@ -30,38 +30,67 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ActionIcon: () => import_ActionIcon.default,
+  CopyButton: () => import_CopyButton.default,
   DraggablePanel: () => import_DraggablePanel.default,
+  EditableText: () => import_EditableText.default,
+  Highlighter: () => import_Highlighter.default,
   Icon: () => import_Icon.default,
   Logo: () => import_Logo.default,
+  Markdown: () => import_Markdown.default,
+  MessageInput: () => import_MessageInput.default,
+  SearchBar: () => import_SearchBar.default,
   SideNav: () => import_SideNav.default,
+  Snippet: () => import_Snippet.default,
   StroyBook: () => import_StroyBook.default,
+  Swatches: () => import_Swatches.default,
+  SyntaxHighlighter: () => import_Highlighter.SyntaxHighlighter,
   TabsNav: () => import_TabsNav.default,
   ThemeProvider: () => import_ThemeProvider.default,
   ThemeSwitch: () => import_ThemeSwitch.default,
+  Tooltip: () => import_Tooltip.default,
   useControls: () => import_StroyBook.useControls,
   useCreateStore: () => import_StroyBook.useCreateStore
 });
 module.exports = __toCommonJS(src_exports);
 var import_ActionIcon = __toESM(require("./ActionIcon"));
+var import_CopyButton = __toESM(require("./CopyButton"));
 var import_DraggablePanel = __toESM(require("./DraggablePanel"));
+var import_EditableText = __toESM(require("./EditableText"));
+var import_Highlighter = __toESM(require("./Highlighter"));
 var import_Icon = __toESM(require("./Icon"));
 var import_Logo = __toESM(require("./Logo"));
+var import_Markdown = __toESM(require("./Markdown"));
+var import_MessageInput = __toESM(require("./MessageInput"));
+var import_SearchBar = __toESM(require("./SearchBar"));
 var import_SideNav = __toESM(require("./SideNav"));
+var import_Snippet = __toESM(require("./Snippet"));
 var import_StroyBook = __toESM(require("./StroyBook"));
+var import_Swatches = __toESM(require("./Swatches"));
 var import_TabsNav = __toESM(require("./TabsNav"));
 var import_ThemeProvider = __toESM(require("./ThemeProvider"));
 var import_ThemeSwitch = __toESM(require("./ThemeSwitch"));
+var import_Tooltip = __toESM(require("./Tooltip"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionIcon,
+  CopyButton,
   DraggablePanel,
+  EditableText,
+  Highlighter,
   Icon,
   Logo,
+  Markdown,
+  MessageInput,
+  SearchBar,
   SideNav,
+  Snippet,
   StroyBook,
+  Swatches,
+  SyntaxHighlighter,
   TabsNav,
   ThemeProvider,
   ThemeSwitch,
+  Tooltip,
   useControls,
   useCreateStore
 });

package/lib/styles/theme/base.d.ts

@@ -0,0 +1,2 @@
+import { ThemeConfig } from 'antd';
+export declare const baseTheme: ThemeConfig;

package/lib/styles/theme/base.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/styles/theme/base.ts
+var base_exports = {};
+__export(base_exports, {
+  baseTheme: () => baseTheme
+});
+module.exports = __toCommonJS(base_exports);
+var baseTheme = {
+  token: {
+    colorInfo: "#0070f3",
+    colorSuccess: "#50e3c2",
+    colorWarning: "#f5a623",
+    colorError: "#ee0000",
+    borderRadius: 5,
+    borderRadiusXS: 3,
+    borderRadiusSM: 3,
+    borderRadiusLG: 8,
+    controlHeight: 36,
+    fontFamily: `'Segoe UI', SegoeUI, AliPuHui, -apple-system ,BlinkMacSystemFont,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'`,
+    fontFamilyCode: `'Hack Nerd Font Mono', 'Hack', 'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace`
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  baseTheme
+});

package/lib/styles/theme/dark.js

@@ -25,6 +25,7 @@ __export(dark_exports, {
 module.exports = __toCommonJS(dark_exports);
 var import_antd = require("antd");
 var import_algorithms = require("../algorithms");
+var import_base = require("./base");
 var cyanColors = [
   "rgba(0, 225, 242, 0.12)",
   "rgba(0, 232, 245, 0.22)",
@@ -94,6 +95,7 @@ var darkAlgorithm = (seedToken, mapToken) => ({
 });
 var darkTheme = {
   token: {
+    ...import_base.baseTheme.token,
     colorTextLightSolid: "#000000",
     colorBgLayout: "#000000",
     colorBgContainer: "#111111",
@@ -106,21 +108,12 @@ var darkTheme = {
     colorTextTertiary: "#888888",
     colorTextQuaternary: "#666666",
     colorPrimary: "#ffffff",
-    colorInfo: "#0070f3",
-    colorSuccess: "#50e3c2",
-    colorWarning: "#f5a623",
-    colorError: "#ee0000",
     colorFillQuaternary: "rgba(0,0,0,0)",
-    borderRadius: 5,
-    borderRadiusXS: 3,
-    borderRadiusSM: 3,
-    borderRadiusLG: 8,
-    controlHeight: 36,
     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)",
-    colorLinkHover: darkColorPalettes.primary[7],
-    colorLink: darkColorPalettes.primary[6],
-    colorLinkActive: darkColorPalettes.primary[5]
+    colorLinkHover: "#3291ff",
+    colorLink: "#0070f3",
+    colorLinkActive: "#0761d1"
   },
   algorithm: darkAlgorithm
 };