@lobehub/ui 1.1.0

package/lib/styles/algorithms/paletteGenerator.js

@@ -0,0 +1,91 @@
+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)
+    __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 __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/styles/algorithms/paletteGenerator.ts
+var paletteGenerator_exports = {};
+__export(paletteGenerator_exports, {
+  generateColorPalette: () => generateColorPalette,
+  generateNeutralPalette: () => generateNeutralPalette
+});
+module.exports = __toCommonJS(paletteGenerator_exports);
+var import_chroma_js = __toESM(require("chroma-js"));
+var import_lodash = require("lodash");
+var defaultLight = {
+  steps: 6,
+  targetBrightness: 0.98,
+  saturationAdjustment: 0.4,
+  saturationScale: 1.6,
+  hueAdjustment: 1
+};
+var defaultDark = {
+  steps: 4,
+  targetBrightness: 0.3,
+  saturationAdjustment: 0.6,
+  saturationScale: 1.6,
+  hueAdjustment: 1.03
+};
+var generateColorPalette = (baseColorHex, options = {}) => {
+  const lighter = (0, import_lodash.merge)({}, defaultLight, options.lighter);
+  const darker = (0, import_lodash.merge)({}, defaultDark, options.darker);
+  const baseColor = (0, import_chroma_js.default)(baseColorHex);
+  const baseColorOKLCH = baseColor.oklch();
+  const colorPalette = [];
+  for (let i = lighter.steps; i > 0; i--) {
+    const lightness = baseColorOKLCH[0] + (lighter.targetBrightness - baseColorOKLCH[0]) / lighter.steps * i;
+    const chromaValue = baseColorOKLCH[1] - (1 - lighter.saturationAdjustment) * lighter.saturationScale * baseColorOKLCH[1] / lighter.steps * i;
+    const newColor = import_chroma_js.default.oklch(lightness, chromaValue, baseColorOKLCH[2]);
+    colorPalette.push({ hex: newColor.hex(), oklch: newColor.oklch() });
+  }
+  colorPalette.push({ hex: baseColorHex, oklch: baseColorOKLCH });
+  for (let i = 1; i <= darker.steps; i++) {
+    const lightness = baseColorOKLCH[0] - (baseColorOKLCH[0] - darker.targetBrightness) / darker.steps * i;
+    const chromaValue = baseColorOKLCH[1] - (1 - darker.saturationAdjustment) * darker.saturationScale * baseColorOKLCH[1] / darker.steps * i;
+    let hue = baseColorOKLCH[2] * darker.hueAdjustment;
+    if (hue > 360) {
+      hue = hue % 360;
+    } else if (hue < 0) {
+      hue = 360 + hue % 360;
+    }
+    const newColor = import_chroma_js.default.oklch(lightness, chromaValue, hue);
+    colorPalette.push({ hex: newColor.hex(), oklch: newColor.oklch() });
+  }
+  return options.reverse ? colorPalette.reverse() : colorPalette;
+};
+var generateNeutralPalette = (baseColorHex, options = {}) => {
+  const baseColor = (0, import_chroma_js.default)(baseColorHex);
+  const baseColorOKLCH = baseColor.oklch();
+  const neutralHue = baseColorOKLCH[2];
+  const neutralChromaValue = options.neutral ? baseColorOKLCH[1] * 0.2 : 0;
+  const neutralBaseColor = import_chroma_js.default.oklch(baseColorOKLCH[0], neutralChromaValue, neutralHue);
+  return generateColorPalette(neutralBaseColor.hex(), options);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateColorPalette,
+  generateNeutralPalette
+});

package/lib/styles/antdTheme.d.ts

@@ -0,0 +1,2 @@
+import { GetAntdTheme } from 'antd-style';
+export declare const getAntdTheme: GetAntdTheme;

package/lib/styles/antdTheme.js

@@ -0,0 +1,30 @@
+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/antdTheme.ts
+var antdTheme_exports = {};
+__export(antdTheme_exports, {
+  getAntdTheme: () => getAntdTheme
+});
+module.exports = __toCommonJS(antdTheme_exports);
+var import_theme = require("./theme");
+var getAntdTheme = (appearance) => appearance === "dark" ? import_theme.darkTheme : import_theme.lightTheme;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAntdTheme
+});

package/lib/styles/customStylish.d.ts

@@ -0,0 +1,17 @@
+import { GetCustomStylish } from 'antd-style';
+declare module 'antd-style' {
+    interface CustomStylish extends SiteStylish {
+    }
+}
+export interface SiteStylish {
+    clickableText: string;
+    resetLinkColor: string;
+    heroButtonGradient: string;
+    heroGradient: string;
+    heroTextShadow: string;
+    heroGradientFlow: string;
+    heroBlurBall: string;
+    iconGradientDefault: string;
+    blur: string;
+}
+export declare const getCustomStylish: GetCustomStylish<SiteStylish>;

package/lib/styles/customStylish.js

@@ -0,0 +1,117 @@
+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/customStylish.ts
+var customStylish_exports = {};
+__export(customStylish_exports, {
+  getCustomStylish: () => getCustomStylish
+});
+module.exports = __toCommonJS(customStylish_exports);
+var import_polished = require("polished");
+var getCustomStylish = ({ css, token, isDarkMode }) => {
+  return {
+    clickableText: css`
+      cursor: pointer;
+      color: ${token.colorTextSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+      }
+    `,
+    resetLinkColor: css`
+      color: inherit;
+
+      &:hover,
+      &:active {
+        color: inherit;
+      }
+    `,
+    heroButtonGradient: css`
+      background: linear-gradient(90deg, ${token.gradientColor1} 0%, ${token.gradientColor2} 100%);
+    `,
+    heroGradient: css`
+      background-image: ${token.gradientHeroBgG};
+      background-size: 300% 300%;
+    `,
+    heroGradientFlow: css`
+      animation: flow 5s ease infinite;
+
+      @keyframes flow {
+        0% {
+          background-position: 0 0;
+        }
+
+        50% {
+          background-position: 100% 100%;
+        }
+
+        100% {
+          background-position: 0 0;
+        }
+      }
+    `,
+    heroTextShadow: css`
+      will-change: transform;
+
+      text-shadow: 0 8px 20px ${(0, import_polished.rgba)(token.gradientColor2, 0.2)},
+        0 8px 60px ${(0, import_polished.rgba)(token.gradientColor3, 0.2)},
+        0 8px 80px ${(0, import_polished.rgba)(token.cyan, isDarkMode ? 0.2 : 0.4)};
+    `,
+    heroBlurBall: css`
+      filter: blur(69px);
+      will-change: transform;
+      background: linear-gradient(
+        135deg,
+        ${token.gradientColor3} 0%,
+        ${token.gradientColor1} 30%,
+        ${token.red} 70%,
+        ${token.cyan} 100%
+      );
+      background-size: 200% 200%;
+      animation: glow 10s ease infinite;
+
+      @keyframes glow {
+        0% {
+          background-position: 0 -100%;
+        }
+
+        50% {
+          background-position: 200% 50%;
+        }
+
+        100% {
+          background-position: 0 -100%;
+        }
+      }
+    `,
+    iconGradientDefault: css`
+      radial-gradient(
+        100% 100% at 50% 0,
+        ${(0, import_polished.rgba)(token.colorSolid, 0.2)} 0,
+        ${(0, import_polished.rgba)(token.colorSolid, 0.1)} 100%
+      )`,
+    blur: css`
+      backdrop-filter: blur(7px);
+      // background: ${(0, import_polished.rgba)(token.colorBgBase, 0.5)};
+    `
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getCustomStylish
+});

package/lib/styles/customToken.d.ts

@@ -0,0 +1,65 @@
+import type { GetCustomToken } from 'antd-style';
+declare module 'antd-style' {
+    interface CustomToken extends SiteToken {
+    }
+}
+/**
+ * @title 站点主题 Token
+ * @description 站点的一些基础配置信息
+ */
+export interface SiteToken {
+    /**
+     * @title 头部高度
+     */
+    headerHeight: number;
+    /**
+     * @title 底部高度
+     */
+    footerHeight: number;
+    /**
+     * @title 侧边栏宽度
+     */
+    sidebarWidth: number;
+    /**
+     * @title 目录宽度
+     */
+    tocWidth: number;
+    /**
+     * @title 内容最大宽度
+     * @description 文本内容的最大宽度 1152
+     */
+    contentMaxWidth: number | string;
+    /**
+     * @title 渐变色1
+     */
+    gradientColor1: string;
+    /**
+     * @title 渐变色2
+     */
+    gradientColor2: string;
+    /**
+     * @title 渐变色3
+     */
+    gradientColor3: string;
+    /**
+     * @title 渐变背景色
+     */
+    gradientHeroBgG: string;
+    /**
+     * @title 默认图标渐变色
+     */
+    gradientIconDefault: string;
+    /**
+     * @title 实色
+     */
+    colorSolid: string;
+    /**
+     * @title 代码高亮字体
+     */
+    fontFamilyHighlighter: string;
+    /**
+     * 是否让 Demo 继承站点主题
+     */
+    demoInheritSiteTheme: boolean;
+}
+export declare const createCustomToken: GetCustomToken<SiteToken>;

package/lib/styles/customToken.js

@@ -0,0 +1,54 @@
+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/customToken.ts
+var customToken_exports = {};
+__export(customToken_exports, {
+  createCustomToken: () => createCustomToken
+});
+module.exports = __toCommonJS(customToken_exports);
+var import_polished = require("polished");
+var createCustomToken = ({ isDarkMode, token }) => {
+  const gradientColor1 = token.blue;
+  const gradientColor2 = isDarkMode ? token.pink : token.cyan;
+  const gradientColor3 = token.purple;
+  const colorSolid = isDarkMode ? token.colorWhite : "#000";
+  return {
+    headerHeight: 64,
+    footerHeight: 300,
+    sidebarWidth: 240,
+    tocWidth: 176,
+    contentMaxWidth: 1152,
+    fontFamilyHighlighter: "'Fira Code', 'Fira Mono', Menlo, Consolas, 'DejaVu Sans Mono', monospace",
+    colorSolid,
+    gradientColor1,
+    gradientColor2,
+    gradientColor3,
+    gradientHeroBgG: `radial-gradient(at 80% 20%, ${gradientColor1} 0%, ${gradientColor2} 80%, ${gradientColor3} 130%)`,
+    gradientIconDefault: `radial-gradient(
+        100% 100% at 50% 0,
+        ${(0, import_polished.rgba)(colorSolid, isDarkMode ? 0.2 : 0.2)} 0,
+        ${(0, import_polished.rgba)(colorSolid, isDarkMode ? 0.1 : 0.4)} 100%
+      )`,
+    demoInheritSiteTheme: false
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCustomToken
+});

package/lib/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './antdTheme';
+export * from './customStylish';
+export * from './customToken';

package/lib/styles/index.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/styles/index.ts
+var styles_exports = {};
+module.exports = __toCommonJS(styles_exports);
+__reExport(styles_exports, require("./antdTheme"), module.exports);
+__reExport(styles_exports, require("./customStylish"), module.exports);
+__reExport(styles_exports, require("./customToken"), module.exports);

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

@@ -0,0 +1,4 @@
+import { ThemeConfig } from 'antd';
+import { ColorPalettes } from '../algorithms';
+export declare const darkColorPalettes: ColorPalettes;
+export declare const darkTheme: ThemeConfig;

package/lib/styles/theme/dark.js

@@ -0,0 +1,131 @@
+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/dark.ts
+var dark_exports = {};
+__export(dark_exports, {
+  darkColorPalettes: () => darkColorPalettes,
+  darkTheme: () => darkTheme
+});
+module.exports = __toCommonJS(dark_exports);
+var import_antd = require("antd");
+var import_algorithms = require("../algorithms");
+var cyanColors = [
+  "rgba(0, 225, 242, 0.12)",
+  "rgba(0, 232, 245, 0.22)",
+  "rgba(0, 237, 250, 0.32)",
+  "rgba(0, 243, 255, 0.42)",
+  "rgba(0, 247, 255, 0.53)",
+  "rgba(0, 246, 254, 0.65)",
+  "rgba(0, 247, 253, 0.77)",
+  "rgba(0, 245, 255, 0.75)",
+  "rgba(0, 244, 255, 0.73)",
+  "rgba(0, 239, 253, 0.72)",
+  "rgba(0, 237, 253, 0.7)"
+];
+var darkModeRelationship = (type) => {
+  const key = type.toUpperCase()[0] + type.slice(1);
+  return {
+    [`color${key}Bg`]: 1,
+    [`color${key}BgHover`]: 2,
+    [`color${key}Border`]: 3,
+    [`color${key}BorderHover`]: 4,
+    [`color${key}Hover`]: 7,
+    [`color${key}`]: 6,
+    [`color${key}Active`]: 5,
+    [`color${key}TextHover`]: 8,
+    [`color${key}Text`]: 9,
+    [`color${key}TextActive`]: 10
+  };
+};
+var darkMode = (0, import_algorithms.genMapTokenAlgorithm)("dark", {
+  lighter: {
+    steps: 4,
+    // 减少较亮颜色的数量
+    targetBrightness: 0.8,
+    // 降低最大亮度值
+    saturationAdjustment: 0.6
+    // 减小较亮颜色的饱和度调整
+    // saturationScale: 1,
+  },
+  darker: {
+    steps: 6,
+    // 增加较暗颜色的数量
+    targetBrightness: 0.2,
+    // 降低最小亮度值
+    saturationAdjustment: 0.4,
+    // 增加较暗颜色的饱和度调整
+    hueAdjustment: 1,
+    // 保持暗色调的色相调整因子
+    saturationScale: 1
+  },
+  reverse: true,
+  relationship: darkModeRelationship
+});
+var darkColorPalettes = darkMode.palettes;
+var darkAlgorithm = (seedToken, mapToken) => ({
+  ...import_antd.theme.darkAlgorithm(seedToken, mapToken),
+  ...darkMode.tokens,
+  "cyan-1": cyanColors[1],
+  "cyan-2": cyanColors[2],
+  "cyan-3": cyanColors[3],
+  "cyan-4": cyanColors[4],
+  "cyan-5": cyanColors[5],
+  "cyan-6": cyanColors[6],
+  "cyan-7": cyanColors[7],
+  "cyan-8": cyanColors[8],
+  "cyan-9": cyanColors[9],
+  "cyan-10": cyanColors[10]
+});
+var darkTheme = {
+  token: {
+    colorTextLightSolid: "#000000",
+    colorBgLayout: "#000000",
+    colorBgContainer: "#111111",
+    colorBgElevated: "#222222",
+    colorBgSpotlight: "#444444",
+    colorBorder: "#333333",
+    colorBorderSecondary: "#333333",
+    colorText: "#ffffff",
+    colorTextSecondary: "#999999",
+    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]
+  },
+  algorithm: darkAlgorithm
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  darkColorPalettes,
+  darkTheme
+});

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

@@ -0,0 +1,2 @@
+export { darkTheme } from './dark';
+export { lightTheme } from './light';

package/lib/styles/theme/index.js

@@ -0,0 +1,32 @@
+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/index.ts
+var theme_exports = {};
+__export(theme_exports, {
+  darkTheme: () => import_dark.darkTheme,
+  lightTheme: () => import_light.lightTheme
+});
+module.exports = __toCommonJS(theme_exports);
+var import_dark = require("./dark");
+var import_light = require("./light");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  darkTheme,
+  lightTheme
+});

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

@@ -0,0 +1,4 @@
+import { ThemeConfig } from 'antd';
+import { ColorPalettes } from '../algorithms';
+export declare const lightColorPalettes: ColorPalettes;
+export declare const lightTheme: ThemeConfig;

package/lib/styles/theme/light.js

@@ -0,0 +1,64 @@
+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/light.ts
+var light_exports = {};
+__export(light_exports, {
+  lightColorPalettes: () => lightColorPalettes,
+  lightTheme: () => lightTheme
+});
+module.exports = __toCommonJS(light_exports);
+var import_algorithms = require("../algorithms");
+var lightMode = (0, import_algorithms.genMapTokenAlgorithm)("light");
+var lightColorPalettes = lightMode.palettes;
+var lightTheme = {
+  token: {
+    colorTextLightSolid: "#ffffff",
+    colorBgLayout: "#ffffff",
+    colorBgContainer: "#fafafa",
+    colorBgElevated: "#f2f2f2",
+    colorBgSpotlight: "#999999",
+    colorBorder: "#eaeaea",
+    colorBorderSecondary: "#eaeaea",
+    colorText: "#000000",
+    colorTextSecondary: "#444444",
+    colorTextTertiary: "#666666",
+    colorTextQuaternary: "#888888",
+    colorPrimary: "#000000",
+    colorFillQuaternary: "rgba(0,0,0,0)",
+    borderRadius: 5,
+    borderRadiusXS: 3,
+    borderRadiusSM: 3,
+    borderRadiusLG: 8,
+    controlHeight: 36,
+    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)",
+    colorLinkHover: lightColorPalettes.primary[5],
+    colorLink: lightColorPalettes.primary[6],
+    colorLinkActive: lightColorPalettes.primary[7]
+  },
+  algorithm: (seedToken, mapToken) => ({
+    ...mapToken,
+    ...lightMode.tokens
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  lightColorPalettes,
+  lightTheme
+});

package/lib/types/index.d.ts

@@ -0,0 +1,9 @@
+import { Theme as AntdStyleTheme } from 'antd-style';
+import React from 'react';
+declare module 'styled-components' {
+    interface DefaultTheme extends AntdStyleTheme {
+    }
+}
+export declare type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type SvgProps = React.DetailedHTMLProps<React.HTMLAttributes<SVGSVGElement>, SVGSVGElement>;
+export declare type ImgProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLImageElement>;

package/lib/types/index.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types/index.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);