@lobehub/ui 1.1.0

package/lib/SideNav/index.js

@@ -0,0 +1,58 @@
+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/SideNav/index.tsx
+var SideNav_exports = {};
+__export(SideNav_exports, {
+  default: () => SideNav_default
+});
+module.exports = __toCommonJS(SideNav_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var Layout = import_styled_components.default.div`
+  display: flex;
+  flex: none;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+
+  width: 64px;
+  height: 100%;
+  min-height: 640px;
+  padding: 16px 0;
+
+  background: ${({ theme }) => theme.colorBgContainer};
+  border-right: 1px solid ${({ theme }) => theme.colorBorder};
+`;
+var SideNav = ({ avatar, topActions, bottomActions, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement(Layout, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 16, direction: "vertical", align: "center" }, avatar, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 8, direction: "vertical", align: "center" }, topActions)), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 4, direction: "vertical", align: "center" }, bottomActions));
+};
+var SideNav_default = import_react.default.memo(SideNav);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Template/index.d.ts

@@ -0,0 +1,7 @@
+import { DivProps } from "../types";
+import React from 'react';
+export interface TemplateProps extends DivProps {
+    children?: React.ReactNode;
+}
+declare const _default: React.NamedExoticComponent<TemplateProps>;
+export default _default;

package/lib/Template/index.js

@@ -0,0 +1,41 @@
+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/Template/index.tsx
+var Template_exports = {};
+__export(Template_exports, {
+  default: () => Template_default
+});
+module.exports = __toCommonJS(Template_exports);
+var import_react = __toESM(require("react"));
+var Template = ({ children, ...props }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { ...props }, children);
+};
+var Template_default = import_react.default.memo(Template);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ThemeProvider/GlobalStyle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const GlobalStyle: import("react").NamedExoticComponent<object>;
+export default GlobalStyle;

package/lib/ThemeProvider/GlobalStyle.js

@@ -0,0 +1,80 @@
+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/ThemeProvider/GlobalStyle.ts
+var GlobalStyle_exports = {};
+__export(GlobalStyle_exports, {
+  default: () => GlobalStyle_default
+});
+module.exports = __toCommonJS(GlobalStyle_exports);
+var import_antd_style = require("antd-style");
+var GlobalStyle = import_antd_style.createGlobalStyle`
+
+  body {
+    font-family: "AliPuHui", ${({ theme }) => theme.fontFamily};
+    font-size: ${({ theme }) => theme.fontSize};
+    line-height: 1;
+    color: ${({ theme }) => theme.colorTextBase};
+
+    margin: 0;
+    padding: 0;
+    background-color: ${(p) => p.theme.colorBgLayout};
+
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  @font-face {
+    font-family: AliPuHui;
+    font-weight: normal;
+    src: url('//at.alicdn.com/t/webfont_exesdog9toj.woff2') format('woff2'),
+    url('//at.alicdn.com/t/webfont_exesdog9toj.woff') format('woff'),
+    url('//at.alicdn.com/t/webfont_exesdog9toj.ttf') format('truetype');
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: AliPuHui;
+    font-weight: bold;
+    src: url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/Gsw2PSKrftc1yNWMNlXgw.woff2') format('woff2'),
+    url('https://at.alicdn.com/wf/webfont/exMpJIukiCms/vtu73by4O2gEBcvBuLgeu.woff') format('woff');
+    font-display: swap;
+  }
+
+  /* 定义滚动槽的样式 */
+  ::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    margin-right: 4px;
+    background-color: transparent; // 定义滚动槽的背景色
+
+    &-thumb {
+      background-color: ${({ theme }) => theme.colorFill}; // 定义滚动块的背景色
+      border-radius: 4px; // 定义滚动块的圆角半径
+    }
+
+    &-corner {
+      display: none;
+    }
+  }
+`;
+var GlobalStyle_default = GlobalStyle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ThemeProvider/index.d.ts

@@ -0,0 +1,11 @@
+import { extractStaticStyle, type ThemeMode } from 'antd-style';
+import React from 'react';
+export interface ThemeProviderProps {
+    token?: any;
+    children: React.ReactNode;
+    themeMode?: ThemeMode;
+    ssrInline?: boolean;
+    cache?: typeof extractStaticStyle.cache;
+}
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;

package/lib/ThemeProvider/index.js

@@ -0,0 +1,68 @@
+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/ThemeProvider/index.tsx
+var ThemeProvider_exports = {};
+__export(ThemeProvider_exports, {
+  default: () => ThemeProvider_default
+});
+module.exports = __toCommonJS(ThemeProvider_exports);
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_react = __toESM(require("react"));
+var import_styled_components = require("styled-components");
+var import_styles = require("../styles");
+var import_GlobalStyle = __toESM(require("./GlobalStyle"));
+var ThemeProvider = ({ token, children, themeMode }) => {
+  (0, import_antd_style.setupStyled)({ ThemeContext: import_styled_components.ThemeContext });
+  const getCustomToken = (0, import_react.useCallback)(
+    (params) => {
+      const base = (0, import_styles.createCustomToken)(params);
+      if (token) {
+        return { ...base, ...token };
+      } else {
+        return base;
+      }
+    },
+    [token]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_antd_style.StyleProvider, { speedy: process.env.NODE_ENV === "production" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd_style.ThemeProvider,
+    {
+      themeMode,
+      theme: import_styles.getAntdTheme,
+      customStylish: import_styles.getCustomStylish,
+      customToken: getCustomToken
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_GlobalStyle.default, null),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.App, null, children)
+  ));
+};
+var ThemeProvider_default = ThemeProvider;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/ThemeProvider/token.d.ts

@@ -0,0 +1,3 @@
+import { AliasToken } from 'antd/es/theme/interface';
+export declare const darkToken: Partial<AliasToken>;
+export declare const lightToken: Partial<AliasToken>;

package/lib/ThemeProvider/token.js

@@ -0,0 +1,73 @@
+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/ThemeProvider/token.ts
+var token_exports = {};
+__export(token_exports, {
+  darkToken: () => darkToken,
+  lightToken: () => lightToken
+});
+module.exports = __toCommonJS(token_exports);
+var darkToken = {
+  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)"
+};
+var lightToken = {
+  ...darkToken,
+  colorTextLightSolid: "#ffffff",
+  colorBgLayout: "#ffffff",
+  colorBgContainer: "#fafafa",
+  colorBgElevated: "#f2f2f2",
+  colorBgSpotlight: "#999999",
+  colorBorder: "#eaeaea",
+  colorBorderSecondary: "#eaeaea",
+  colorText: "#000000",
+  colorTextSecondary: "#444444",
+  colorTextTertiary: "#666666",
+  colorTextQuaternary: "#888888",
+  colorPrimary: "#000000",
+  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)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  darkToken,
+  lightToken
+});

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ActionIcon, type ActionIconProps } from './ActionIcon';
+export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';
+export { default as Logo } from './Logo';
+export { default as SideNav, type SideNavProps } from './SideNav';
+export { default as Template, type TemplateProps } from './Template';
+export { default as ThemeProvider } from './ThemeProvider';

package/lib/index.js

@@ -0,0 +1,54 @@
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ActionIcon: () => import_ActionIcon.default,
+  DraggablePanel: () => import_DraggablePanel.default,
+  Logo: () => import_Logo.default,
+  SideNav: () => import_SideNav.default,
+  Template: () => import_Template.default,
+  ThemeProvider: () => import_ThemeProvider.default
+});
+module.exports = __toCommonJS(src_exports);
+var import_ActionIcon = __toESM(require("./ActionIcon"));
+var import_DraggablePanel = __toESM(require("./DraggablePanel"));
+var import_Logo = __toESM(require("./Logo"));
+var import_SideNav = __toESM(require("./SideNav"));
+var import_Template = __toESM(require("./Template"));
+var import_ThemeProvider = __toESM(require("./ThemeProvider"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionIcon,
+  DraggablePanel,
+  Logo,
+  SideNav,
+  Template,
+  ThemeProvider
+});

package/lib/styles/algorithms/colorRelationship.d.ts

@@ -0,0 +1,6 @@
+export declare const generateAssociatedColors: (baseColor: string, adjustWarning?: boolean) => {
+    success: string;
+    error: string;
+    warning: string;
+    info: string;
+};

package/lib/styles/algorithms/colorRelationship.js

@@ -0,0 +1,87 @@
+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/colorRelationship.ts
+var colorRelationship_exports = {};
+__export(colorRelationship_exports, {
+  generateAssociatedColors: () => generateAssociatedColors
+});
+module.exports = __toCommonJS(colorRelationship_exports);
+var import_chroma_js = __toESM(require("chroma-js"));
+var baseColors = [
+  { name: "red", hue: 0 },
+  { name: "orange", hue: 30 },
+  { name: "yellow", hue: 60 },
+  { name: "yellow-green", hue: 90 },
+  { name: "green", hue: 120 },
+  { name: "cyan-green", hue: 150 },
+  { name: "cyan", hue: 180 },
+  { name: "cyan-blue", hue: 210 },
+  { name: "blue", hue: 240 },
+  { name: "blue-violet", hue: 270 },
+  { name: "violet", hue: 300 },
+  { name: "red-violet", hue: 330 }
+];
+var findClosestColorBase = (hue) => {
+  let minDifference = 360;
+  let closestColorBase = { name: "", hue: 0 };
+  baseColors.forEach((colorBase) => {
+    const hueDifference = Math.abs(hue - colorBase.hue);
+    const adjustedDifference = Math.min(hueDifference, 360 - hueDifference);
+    if (adjustedDifference < minDifference) {
+      minDifference = adjustedDifference;
+      closestColorBase = colorBase;
+    }
+  });
+  return closestColorBase.hue;
+};
+var generateAssociatedColors = (baseColor, adjustWarning = true) => {
+  const color = (0, import_chroma_js.default)(baseColor);
+  const [baseLightness, baseChroma, baseHue] = color.oklch();
+  const closestColorHue = findClosestColorBase(baseHue);
+  const hueOffset = baseHue - closestColorHue;
+  const successBaseHue = 150;
+  const errorBaseHue = 30;
+  const warningBaseHue = 90;
+  const infoBaseHue = 255;
+  const successHue = (successBaseHue + hueOffset) % 360;
+  const errorHue = (errorBaseHue + hueOffset) % 360;
+  const warningHue = (warningBaseHue + hueOffset) % 360;
+  const infoHue = (infoBaseHue + hueOffset) % 360;
+  const warningLightness = adjustWarning ? 0.8 + baseLightness * 0.2 : baseLightness;
+  return {
+    success: import_chroma_js.default.oklch(baseLightness, baseChroma, successHue).hex(),
+    error: import_chroma_js.default.oklch(baseLightness, baseChroma, errorHue).hex(),
+    warning: import_chroma_js.default.oklch(warningLightness, baseChroma, warningHue).hex(),
+    info: import_chroma_js.default.oklch(baseLightness, baseChroma, infoHue).hex()
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateAssociatedColors
+});

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

@@ -0,0 +1,15 @@
+import { ColorMapToken } from 'antd/es/theme/interface/maps/colors';
+import { ColorPalettes, NeutralPaletteOptions, SeedColors, TokenType } from './paletteGenerator';
+export declare type TokenRelationship = (type: TokenType) => Partial<Record<keyof ColorMapToken, number>>;
+interface MapTokenAlgorithm extends NeutralPaletteOptions {
+    relationship?: TokenRelationship;
+    seedColors?: Partial<SeedColors>;
+    infoColorFollowPrimary?: boolean;
+    adjustWarning?: boolean;
+    brandColor?: string;
+}
+export declare const genMapTokenAlgorithm: (mode: 'dark' | 'light', params?: MapTokenAlgorithm) => {
+    palettes: ColorPalettes;
+    tokens: Partial<Record<keyof ColorMapToken, string>>;
+};
+export type { ColorPalettes } from './paletteGenerator';

package/lib/styles/algorithms/index.js

@@ -0,0 +1,81 @@
+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/algorithms/index.ts
+var algorithms_exports = {};
+__export(algorithms_exports, {
+  genMapTokenAlgorithm: () => genMapTokenAlgorithm
+});
+module.exports = __toCommonJS(algorithms_exports);
+var import_colorRelationship = require("./colorRelationship");
+var import_paletteGenerator = require("./paletteGenerator");
+var defaultRelationship = (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`]: 5,
+    [`color${key}`]: 6,
+    [`color${key}Active`]: 7,
+    [`color${key}TextHover`]: 8,
+    [`color${key}Text`]: 9,
+    [`color${key}TextActive`]: 10
+  };
+};
+var genMapTokenAlgorithm = (mode, params) => {
+  const {
+    relationship = defaultRelationship,
+    infoColorFollowPrimary = false,
+    adjustWarning,
+    brandColor = mode === "dark" ? "#fff" : "#000"
+  } = params || {};
+  const funcColors = (0, import_colorRelationship.generateAssociatedColors)(brandColor, adjustWarning);
+  const seedColors = {
+    primary: brandColor,
+    ...funcColors,
+    ...params == null ? void 0 : params.seedColors
+  };
+  if (infoColorFollowPrimary) {
+    seedColors.info = brandColor;
+  }
+  const palettes = {
+    primary: (0, import_paletteGenerator.generateColorPalette)(seedColors.primary, params).map((color) => color.hex),
+    error: (0, import_paletteGenerator.generateColorPalette)(seedColors.error, params).map((c) => c.hex),
+    warning: (0, import_paletteGenerator.generateColorPalette)(seedColors.warning, params).map((c) => c.hex),
+    success: (0, import_paletteGenerator.generateColorPalette)(seedColors.success, params).map((c) => c.hex),
+    info: (0, import_paletteGenerator.generateColorPalette)(seedColors.info, params).map((color) => color.hex),
+    neutral: (0, import_paletteGenerator.generateNeutralPalette)(seedColors.primary, { ...params, neutral: true }).map(
+      (c) => c.hex
+    ),
+    grey: (0, import_paletteGenerator.generateNeutralPalette)(seedColors.primary, params).map((c) => c.hex)
+  };
+  let tokens = {};
+  const types = ["primary", "error", "warning", "success", "info"];
+  types.forEach((type) => {
+    Object.entries(relationship(type)).forEach(([key, value]) => {
+      tokens[key] = palettes[type][value];
+    });
+  });
+  return { palettes, tokens };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genMapTokenAlgorithm
+});

package/lib/styles/algorithms/paletteGenerator.d.ts

@@ -0,0 +1,51 @@
+export interface Color {
+    hex: string;
+    oklch: [number, number, number];
+}
+/**
+ * @title 阴影参数
+ */
+interface AdjustParams {
+    /**
+     * @title 步骤
+     * @description 阴影的层数，即需要生成几个阴影层，默认为 5。
+     */
+    steps: number;
+    /**
+     * @title 目标亮度
+     * @description 阴影的最终亮度值，取值范围为 0~255，默认为 0。
+     */
+    targetBrightness: number;
+    /**
+     * @title 色相调整
+     * @description 调整阴影颜色的色相值，取值范围为 -180~180，默认为 0。
+     */
+    hueAdjustment: number;
+    /**
+     * @title 饱和度调整
+     * @description 调整阴影颜色的饱和度值，取值范围为 -100~100，默认为 0。
+     */
+    saturationAdjustment: number;
+    /**
+     * @title 饱和度缩放
+     * @description 缩放阴影颜色的饱和度值，取值范围为 0~1，默认为 1。
+     */
+    saturationScale: number;
+}
+export interface ColorPaletteOptions {
+    lighter?: Partial<AdjustParams>;
+    darker?: Partial<AdjustParams>;
+    reverse?: boolean;
+}
+export declare type TokenType = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'grey' | 'neutral';
+export declare type ColorPalettes = Record<TokenType, string[]>;
+export declare type SeedColors = Record<TokenType, string>;
+export declare const generateColorPalette: (baseColorHex: string, options?: ColorPaletteOptions) => Color[];
+export interface NeutralPaletteOptions {
+    lighter?: Partial<AdjustParams>;
+    darker?: Partial<AdjustParams>;
+    reverse?: boolean;
+    neutral?: boolean;
+}
+export declare const generateNeutralPalette: (baseColorHex: string, options?: NeutralPaletteOptions) => Color[];
+export {};