@superad/ui 0.1.1

package/es/styles/theme/algorithms/lightAlgorithm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightAlgorithm.mjs","names":[],"sources":["../../../../src/styles/theme/algorithms/lightAlgorithm.ts"],"sourcesContent":["import type { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport type { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateCustomColorToken } from '../customToken';\nimport lightBaseToken from '../token/light';\nimport { resolveNeutralTokens, resolvePrimaryTokens } from './resolveScales';\n\nexport const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n  const { neutralColor, primaryColor } = seedToken as typeof seedToken & {\n    neutralColor?: NeutralColors;\n    primaryColor?: PrimaryColors;\n  };\n\n  return {\n    ...mapToken!,\n    ...lightBaseToken,\n    ...resolvePrimaryTokens('light', primaryColor),\n    ...resolveNeutralTokens('light', neutralColor),\n    ...generateCustomColorToken(false),\n  };\n};\n"],"mappings":";;;;AAOA,MAAa,kBAAoC,WAAW,aAAa;CACvE,MAAM,EAAE,cAAc,iBAAiB;CAKvC,OAAO;EACL,GAAG;EACH,GAAG;EACH,GAAG,qBAAqB,SAAS,YAAY;EAC7C,GAAG,qBAAqB,SAAS,YAAY;EAC7C,GAAG,yBAAyB,KAAK;CACnC;AACF"}

package/es/styles/theme/algorithms/resolveScales.mjs

@@ -0,0 +1,25 @@
+import { colorScales } from "../../../color/colors/index.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+//#region src/styles/theme/algorithms/resolveScales.ts
+/** 种子令牌里的自定义色系名 → 对应色板生成的主色 token。色板缺失时回退到 token 文件里的默认值。 */
+const resolvePrimaryTokens = (appearance, primaryColor) => {
+	const scale = primaryColor ? colorScales[primaryColor] : void 0;
+	return scale ? generateColorPalette({
+		appearance,
+		scale,
+		type: "Primary"
+	}) : {};
+};
+/** 种子令牌里的自定义中性色名 → 对应色板生成的中性 token。 */
+const resolveNeutralTokens = (appearance, neutralColor) => {
+	const scale = neutralColor ? neutralColorScales[neutralColor] : void 0;
+	return scale ? generateColorNeutralPalette({
+		appearance,
+		scale
+	}) : {};
+};
+//#endregion
+export { resolveNeutralTokens, resolvePrimaryTokens };
+
+//# sourceMappingURL=resolveScales.mjs.map

package/es/styles/theme/algorithms/resolveScales.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveScales.mjs","names":[],"sources":["../../../../src/styles/theme/algorithms/resolveScales.ts"],"sourcesContent":["import { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\n\nimport type { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\ntype Appearance = 'light' | 'dark';\n\n/** 种子令牌里的自定义色系名 → 对应色板生成的主色 token。色板缺失时回退到 token 文件里的默认值。 */\nexport const resolvePrimaryTokens = (appearance: Appearance, primaryColor?: PrimaryColors) => {\n  const scale = primaryColor ? colorScales[primaryColor] : undefined;\n  return scale ? generateColorPalette({ appearance, scale, type: 'Primary' }) : {};\n};\n\n/** 种子令牌里的自定义中性色名 → 对应色板生成的中性 token。 */\nexport const resolveNeutralTokens = (appearance: Appearance, neutralColor?: NeutralColors) => {\n  const scale = neutralColor ? neutralColorScales[neutralColor] : undefined;\n  return scale ? generateColorNeutralPalette({ appearance, scale }) : {};\n};\n"],"mappings":";;;;;AASA,MAAa,wBAAwB,YAAwB,iBAAiC;CAC5F,MAAM,QAAQ,eAAe,YAAY,gBAAgB,KAAA;CACzD,OAAO,QAAQ,qBAAqB;EAAE;EAAY;EAAO,MAAM;CAAU,CAAC,IAAI,CAAC;AACjF;;AAGA,MAAa,wBAAwB,YAAwB,iBAAiC;CAC5F,MAAM,QAAQ,eAAe,mBAAmB,gBAAgB,KAAA;CAChE,OAAO,QAAQ,4BAA4B;EAAE;EAAY;CAAM,CAAC,IAAI,CAAC;AACvE"}

package/es/styles/theme/antdTheme.mjs

@@ -0,0 +1,31 @@
+import { darkAlgorithm } from "./algorithms/darkAlgorithm.mjs";
+import { lightAlgorithm } from "./algorithms/lightAlgorithm.mjs";
+import { baseToken } from "./token/base.mjs";
+//#region src/styles/theme/antdTheme.ts
+/** 这些录入类组件统一关掉聚焦/hover 时的边框变色，保持发丝边框稳定。 */
+const STEADY_BORDER_COMPONENTS = [
+	"DatePicker",
+	"Input",
+	"InputNumber",
+	"Mentions",
+	"Select"
+];
+const createSuperadAntdTheme = ({ neutralColor, appearance, primaryColor }) => ({
+	algorithm: appearance === "dark" ? darkAlgorithm : lightAlgorithm,
+	components: {
+		...Object.fromEntries(STEADY_BORDER_COMPONENTS.map((name) => [name, {
+			activeBorderColor: baseToken.colorBorder,
+			hoverBorderColor: baseToken.colorBorder
+		}])),
+		Button: { contentFontSizeSM: 12 }
+	},
+	token: {
+		...baseToken,
+		neutralColor,
+		primaryColor
+	}
+});
+//#endregion
+export { createSuperadAntdTheme };
+
+//# sourceMappingURL=antdTheme.mjs.map

package/es/styles/theme/antdTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdTheme.mjs","names":[],"sources":["../../../src/styles/theme/antdTheme.ts"],"sourcesContent":["import type { ThemeConfig } from 'antd';\nimport type { ThemeAppearance } from 'antd-style';\n\nimport type { NeutralColors, PrimaryColors } from '../customTheme';\nimport { darkAlgorithm } from './algorithms/darkAlgorithm';\nimport { lightAlgorithm } from './algorithms/lightAlgorithm';\nimport { baseToken } from './token/base';\n\nexport interface SuperadAntdThemeParams {\n  appearance: ThemeAppearance;\n  neutralColor?: NeutralColors;\n  primaryColor?: PrimaryColors;\n}\n\n/** 这些录入类组件统一关掉聚焦/hover 时的边框变色，保持发丝边框稳定。 */\nconst STEADY_BORDER_COMPONENTS = [\n  'DatePicker',\n  'Input',\n  'InputNumber',\n  'Mentions',\n  'Select',\n] as const;\n\nexport const createSuperadAntdTheme = ({\n  neutralColor,\n  appearance,\n  primaryColor,\n}: SuperadAntdThemeParams): ThemeConfig => ({\n  algorithm: appearance === 'dark' ? darkAlgorithm : lightAlgorithm,\n  components: {\n    ...Object.fromEntries(\n      STEADY_BORDER_COMPONENTS.map((name) => [\n        name,\n        {\n          activeBorderColor: baseToken.colorBorder,\n          hoverBorderColor: baseToken.colorBorder,\n        },\n      ]),\n    ),\n    Button: {\n      contentFontSizeSM: 12,\n    },\n  },\n  token: {\n    ...baseToken,\n    // @ts-expect-error custom seed fields consumed by mapping algorithms\n    neutralColor,\n    primaryColor,\n  },\n});\n"],"mappings":";;;;;AAeA,MAAM,2BAA2B;CAC/B;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,0BAA0B,EACrC,cACA,YACA,oBAC0C;CAC1C,WAAW,eAAe,SAAS,gBAAgB;CACnD,YAAY;EACV,GAAG,OAAO,YACR,yBAAyB,KAAK,SAAS,CACrC,MACA;GACE,mBAAmB,UAAU;GAC7B,kBAAkB,UAAU;EAC9B,CACF,CAAC,CACH;EACA,QAAQ,EACN,mBAAmB,GACrB;CACF;CACA,OAAO;EACL,GAAG;EAEH;EACA;CACF;AACF"}

package/es/styles/theme/customStylish.d.mts

@@ -0,0 +1,7 @@
+import { SuperadCustomStylish } from "../../types/customStylish.mjs";
+import { GetCustomStylish } from "antd-style";
+//#region src/styles/theme/customStylish.d.ts
+declare const generateCustomStylish: GetCustomStylish<SuperadCustomStylish>;
+//#endregion
+export { generateCustomStylish };
+//# sourceMappingURL=customStylish.d.mts.map

package/es/styles/theme/customStylish.mjs

@@ -0,0 +1,158 @@
+import { keyframes } from "antd-style";
+//#region src/styles/theme/customStylish.ts
+const generateCustomStylish = ({ css, token, isDarkMode }) => {
+	/**
+	* 往返一整趟，**不能折叠成 from / to**：它配的是 `infinite`，单向位移在每轮结束时会从
+	* 100% 瞬跳回 0%，5s 一次可见闪跳。三个关键帧让终点回到起点，循环才是连续流动的。
+	*/
+	const gradientShift = keyframes`
+    0% {
+      background-position: 0% 50%;
+    }
+    50% {
+      background-position: 100% 50%;
+    }
+    100% {
+      background-position: 0% 50%;
+    }
+  `;
+	/** 无边框变体的公共底盘 */
+	const ghost = css`
+    border: none;
+    background: none;
+    box-shadow: none;
+  `;
+	const shadowColor = isDarkMode ? token.colorBgLayout : token.colorBorder;
+	const shadowColorSecondary = isDarkMode ? token.colorBgLayout : token.colorBorderSecondary;
+	return {
+		active: css`
+      color: ${token.colorText};
+      background: ${token.colorFillSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+        background: ${token.colorFill};
+      }
+    `,
+		blur: css`
+      backdrop-filter: saturate(150%) blur(10px);
+    `,
+		blurStrong: css`
+      backdrop-filter: saturate(150%) blur(36px);
+    `,
+		bottomScrollbar: css`
+      ::-webkit-scrollbar {
+        width: 0;
+        height: 4px;
+        background-color: transparent;
+
+        &-thumb {
+          border-radius: 4px;
+          background-color: ${token.colorFill};
+          transition: background-color 500ms ${token.motionEaseOut};
+        }
+
+        &-corner {
+          display: none;
+          width: 0;
+          height: 0;
+        }
+      }
+    `,
+		disabled: css`
+      cursor: not-allowed;
+      opacity: 0.5;
+    `,
+		gradientAnimation: css`
+      border-radius: inherit;
+      background-image: linear-gradient(
+        -45deg,
+        ${token.gold},
+        ${token.magenta},
+        ${token.geekblue},
+        ${token.cyan}
+      );
+      background-size: 400% 400%;
+      animation: 5s ${gradientShift} 5s ease infinite;
+    `,
+		noScrollbar: css`
+      ::-webkit-scrollbar {
+        display: none;
+        width: 0;
+        height: 0;
+        background-color: transparent;
+      }
+    `,
+		resetLinkColor: css`
+      cursor: pointer;
+      color: ${token.colorTextSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+      }
+    `,
+		shadow: css`
+      box-shadow:
+        0 1px 0 -1px ${shadowColor},
+        0 1px 2px -0.5px ${shadowColor},
+        0 2px 2px -1px ${shadowColorSecondary},
+        0 3px 6px -4px ${shadowColorSecondary};
+    `,
+		variantBorderless: css`
+      ${ghost};
+
+      &:hover {
+        background: ${token.colorFillTertiary};
+      }
+    `,
+		variantBorderlessDanger: css`
+      ${ghost};
+
+      &:hover {
+        background: ${token.colorErrorFillTertiary};
+        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};
+      }
+    `,
+		variantBorderlessWithoutHover: ghost,
+		variantFilled: css`
+      background: ${token.colorFillTertiary};
+
+      &:hover {
+        background: ${token.colorFillSecondary};
+      }
+    `,
+		variantFilledDanger: css`
+      background: ${token.colorErrorFillTertiary};
+
+      &:hover {
+        background: ${token.colorErrorFillSecondary};
+      }
+    `,
+		variantFilledWithoutHover: css`
+      background: ${token.colorFillTertiary};
+    `,
+		variantOutlined: css`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+
+      &:hover {
+        border-color: ${token.colorBorder};
+      }
+    `,
+		variantOutlinedDanger: css`
+      border: 1px solid ${token.colorErrorBorder};
+
+      &:hover {
+        border-color: ${token.colorErrorBorder};
+      }
+    `,
+		variantOutlinedWithoutHover: css`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+    `
+	};
+};
+//#endregion
+export { generateCustomStylish };
+
+//# sourceMappingURL=customStylish.mjs.map

package/es/styles/theme/customStylish.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylish.mjs","names":[],"sources":["../../../src/styles/theme/customStylish.ts"],"sourcesContent":["import { type GetCustomStylish, keyframes } from 'antd-style';\n\nimport type { SuperadCustomStylish } from '@/types/customStylish';\n\nexport const generateCustomStylish: GetCustomStylish<SuperadCustomStylish> = ({\n  css,\n  token,\n  isDarkMode,\n}) => {\n  /**\n   * 往返一整趟，**不能折叠成 from / to**：它配的是 `infinite`，单向位移在每轮结束时会从\n   * 100% 瞬跳回 0%，5s 一次可见闪跳。三个关键帧让终点回到起点，循环才是连续流动的。\n   */\n  const gradientShift = keyframes`\n    0% {\n      background-position: 0% 50%;\n    }\n    50% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  `;\n\n  /** 无边框变体的公共底盘 */\n  const ghost = css`\n    border: none;\n    background: none;\n    box-shadow: none;\n  `;\n\n  const shadowColor = isDarkMode ? token.colorBgLayout : token.colorBorder;\n  const shadowColorSecondary = isDarkMode ? token.colorBgLayout : token.colorBorderSecondary;\n\n  return {\n    active: css`\n      color: ${token.colorText};\n      background: ${token.colorFillSecondary};\n\n      &:hover {\n        color: ${token.colorText};\n        background: ${token.colorFill};\n      }\n    `,\n    blur: css`\n      backdrop-filter: saturate(150%) blur(10px);\n    `,\n    blurStrong: css`\n      backdrop-filter: saturate(150%) blur(36px);\n    `,\n    bottomScrollbar: css`\n      ::-webkit-scrollbar {\n        width: 0;\n        height: 4px;\n        background-color: transparent;\n\n        &-thumb {\n          border-radius: 4px;\n          background-color: ${token.colorFill};\n          transition: background-color 500ms ${token.motionEaseOut};\n        }\n\n        &-corner {\n          display: none;\n          width: 0;\n          height: 0;\n        }\n      }\n    `,\n    disabled: css`\n      cursor: not-allowed;\n      opacity: 0.5;\n    `,\n    gradientAnimation: css`\n      border-radius: inherit;\n      background-image: linear-gradient(\n        -45deg,\n        ${token.gold},\n        ${token.magenta},\n        ${token.geekblue},\n        ${token.cyan}\n      );\n      background-size: 400% 400%;\n      animation: 5s ${gradientShift} 5s ease infinite;\n    `,\n    noScrollbar: css`\n      ::-webkit-scrollbar {\n        display: none;\n        width: 0;\n        height: 0;\n        background-color: transparent;\n      }\n    `,\n    resetLinkColor: css`\n      cursor: pointer;\n      color: ${token.colorTextSecondary};\n\n      &:hover {\n        color: ${token.colorText};\n      }\n    `,\n    shadow: css`\n      box-shadow:\n        0 1px 0 -1px ${shadowColor},\n        0 1px 2px -0.5px ${shadowColor},\n        0 2px 2px -1px ${shadowColorSecondary},\n        0 3px 6px -4px ${shadowColorSecondary};\n    `,\n    variantBorderless: css`\n      ${ghost};\n\n      &:hover {\n        background: ${token.colorFillTertiary};\n      }\n    `,\n    variantBorderlessDanger: css`\n      ${ghost};\n\n      &:hover {\n        background: ${token.colorErrorFillTertiary};\n        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};\n      }\n    `,\n    variantBorderlessWithoutHover: ghost,\n    variantFilled: css`\n      background: ${token.colorFillTertiary};\n\n      &:hover {\n        background: ${token.colorFillSecondary};\n      }\n    `,\n    variantFilledDanger: css`\n      background: ${token.colorErrorFillTertiary};\n\n      &:hover {\n        background: ${token.colorErrorFillSecondary};\n      }\n    `,\n    variantFilledWithoutHover: css`\n      background: ${token.colorFillTertiary};\n    `,\n    variantOutlined: css`\n      border: 1px solid ${token.colorBorderSecondary};\n      background: ${token.colorBgContainer};\n\n      &:hover {\n        border-color: ${token.colorBorder};\n      }\n    `,\n    variantOutlinedDanger: css`\n      border: 1px solid ${token.colorErrorBorder};\n\n      &:hover {\n        border-color: ${token.colorErrorBorder};\n      }\n    `,\n    variantOutlinedWithoutHover: css`\n      border: 1px solid ${token.colorBorderSecondary};\n      background: ${token.colorBgContainer};\n    `,\n  };\n};\n"],"mappings":";;AAIA,MAAa,yBAAiE,EAC5E,KACA,OACA,iBACI;;;;;CAKJ,MAAM,gBAAgB,SAAS;;;;;;;;;;;;CAa/B,MAAM,QAAQ,GAAG;;;;;CAMjB,MAAM,cAAc,aAAa,MAAM,gBAAgB,MAAM;CAC7D,MAAM,uBAAuB,aAAa,MAAM,gBAAgB,MAAM;CAEtE,OAAO;EACL,QAAQ,GAAG;eACA,MAAM,UAAU;oBACX,MAAM,mBAAmB;;;iBAG5B,MAAM,UAAU;sBACX,MAAM,UAAU;;;EAGlC,MAAM,GAAG;;;EAGT,YAAY,GAAG;;;EAGf,iBAAiB,GAAG;;;;;;;;8BAQM,MAAM,UAAU;+CACC,MAAM,cAAc;;;;;;;;;;EAU/D,UAAU,GAAG;;;;EAIb,mBAAmB,GAAG;;;;UAIhB,MAAM,KAAK;UACX,MAAM,QAAQ;UACd,MAAM,SAAS;UACf,MAAM,KAAK;;;sBAGC,cAAc;;EAEhC,aAAa,GAAG;;;;;;;;EAQhB,gBAAgB,GAAG;;eAER,MAAM,mBAAmB;;;iBAGvB,MAAM,UAAU;;;EAG7B,QAAQ,GAAG;;uBAEQ,YAAY;2BACR,YAAY;yBACd,qBAAqB;yBACrB,qBAAqB;;EAE1C,mBAAmB,GAAG;QAClB,MAAM;;;sBAGQ,MAAM,kBAAkB;;;EAG1C,yBAAyB,GAAG;QACxB,MAAM;;;sBAGQ,MAAM,uBAAuB;sCACb,MAAM,uBAAuB;;;EAG/D,+BAA+B;EAC/B,eAAe,GAAG;oBACF,MAAM,kBAAkB;;;sBAGtB,MAAM,mBAAmB;;;EAG3C,qBAAqB,GAAG;oBACR,MAAM,uBAAuB;;;sBAG3B,MAAM,wBAAwB;;;EAGhD,2BAA2B,GAAG;oBACd,MAAM,kBAAkB;;EAExC,iBAAiB,GAAG;0BACE,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;;wBAGnB,MAAM,YAAY;;;EAGtC,uBAAuB,GAAG;0BACJ,MAAM,iBAAiB;;;wBAGzB,MAAM,iBAAiB;;;EAG3C,6BAA6B,GAAG;0BACV,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;CAEzC;AACF"}

package/es/styles/theme/customStylishStatic.d.mts

@@ -0,0 +1,6 @@
+import { SuperadCustomStylish } from "../../types/customStylish.mjs";
+//#region src/styles/theme/customStylishStatic.d.ts
+declare const staticStylish: SuperadCustomStylish;
+//#endregion
+export { staticStylish };
+//# sourceMappingURL=customStylishStatic.d.mts.map

package/es/styles/theme/customStylishStatic.mjs

@@ -0,0 +1,156 @@
+import { createStaticStyles, keyframes } from "antd-style";
+//#region src/styles/theme/customStylishStatic.ts
+/**
+* 往返一整趟，**不能折叠成 from / to**：它配的是 `infinite`，单向位移在每轮结束时会从
+* 100% 瞬跳回 0%，5s 一次可见闪跳。三个关键帧让终点回到起点，循环才是连续流动的。
+*/
+const gradientShift = keyframes`
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+`;
+const staticStylish = createStaticStyles(({ css, cssVar }) => {
+	/** 无边框变体的公共底盘 */
+	const ghost = css`
+    border: none;
+    background: none;
+    box-shadow: none;
+  `;
+	return {
+		active: css`
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillSecondary};
+
+      &:hover {
+        color: ${cssVar.colorText};
+        background: ${cssVar.colorFill};
+      }
+    `,
+		blur: css`
+      backdrop-filter: saturate(150%) blur(10px);
+    `,
+		blurStrong: css`
+      backdrop-filter: saturate(150%) blur(36px);
+    `,
+		bottomScrollbar: css`
+      ::-webkit-scrollbar {
+        width: 0;
+        height: 4px;
+        background-color: transparent;
+
+        &-thumb {
+          border-radius: 4px;
+          background-color: ${cssVar.colorFill};
+          transition: background-color 500ms ${cssVar.motionEaseOut};
+        }
+
+        &-corner {
+          display: none;
+          width: 0;
+          height: 0;
+        }
+      }
+    `,
+		disabled: css`
+      cursor: not-allowed;
+      opacity: 0.5;
+    `,
+		gradientAnimation: css`
+      border-radius: inherit;
+      background-image: linear-gradient(
+        -45deg,
+        ${cssVar.gold},
+        ${cssVar.magenta},
+        ${cssVar.geekblue},
+        ${cssVar.cyan}
+      );
+      background-size: 400% 400%;
+      animation: 5s ${gradientShift} 5s ease infinite;
+    `,
+		noScrollbar: css`
+      ::-webkit-scrollbar {
+        display: none;
+        width: 0;
+        height: 0;
+        background-color: transparent;
+      }
+    `,
+		resetLinkColor: css`
+      cursor: pointer;
+      color: ${cssVar.colorTextSecondary};
+
+      &:hover {
+        color: ${cssVar.colorText};
+      }
+    `,
+		shadow: css`
+      box-shadow:
+        0 1px 0 -1px ${cssVar.colorBorder},
+        0 1px 2px -0.5px ${cssVar.colorBorder},
+        0 2px 2px -1px ${cssVar.colorBorderSecondary},
+        0 3px 6px -4px ${cssVar.colorBorderSecondary};
+    `,
+		variantBorderless: css`
+      ${ghost};
+
+      &:hover {
+        background: ${cssVar.colorFillTertiary};
+      }
+    `,
+		variantBorderlessDanger: css`
+      ${ghost};
+
+      &:hover {
+        background: ${cssVar.colorErrorBg};
+        box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};
+      }
+    `,
+		variantBorderlessWithoutHover: ghost,
+		variantFilled: css`
+      background: ${cssVar.colorFillTertiary};
+
+      &:hover {
+        background: ${cssVar.colorFillSecondary};
+      }
+    `,
+		variantFilledDanger: css`
+      background: ${cssVar.colorErrorBg};
+
+      &:hover {
+        background: ${cssVar.colorErrorBgHover};
+      }
+    `,
+		variantFilledWithoutHover: css`
+      background: ${cssVar.colorFillTertiary};
+    `,
+		variantOutlined: css`
+      border: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
+
+      &:hover {
+        border-color: ${cssVar.colorBorder};
+      }
+    `,
+		variantOutlinedDanger: css`
+      border: 1px solid ${cssVar.colorErrorBorder};
+
+      &:hover {
+        border-color: ${cssVar.colorErrorBorder};
+      }
+    `,
+		variantOutlinedWithoutHover: css`
+      border: 1px solid ${cssVar.colorBorderSecondary};
+      background: ${cssVar.colorBgContainer};
+    `
+	};
+});
+//#endregion
+export { staticStylish };
+
+//# sourceMappingURL=customStylishStatic.mjs.map

package/es/styles/theme/customStylishStatic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylishStatic.mjs","names":[],"sources":["../../../src/styles/theme/customStylishStatic.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nimport type { SuperadCustomStylish } from '@/types/customStylish';\n\n/**\n * 往返一整趟，**不能折叠成 from / to**：它配的是 `infinite`，单向位移在每轮结束时会从\n * 100% 瞬跳回 0%，5s 一次可见闪跳。三个关键帧让终点回到起点，循环才是连续流动的。\n */\nconst gradientShift = keyframes`\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`;\n\nexport const staticStylish = createStaticStyles(({ css, cssVar }) => {\n  /** 无边框变体的公共底盘 */\n  const ghost = css`\n    border: none;\n    background: none;\n    box-shadow: none;\n  `;\n\n  return {\n    active: css`\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillSecondary};\n\n      &:hover {\n        color: ${cssVar.colorText};\n        background: ${cssVar.colorFill};\n      }\n    `,\n    blur: css`\n      backdrop-filter: saturate(150%) blur(10px);\n    `,\n    blurStrong: css`\n      backdrop-filter: saturate(150%) blur(36px);\n    `,\n    bottomScrollbar: css`\n      ::-webkit-scrollbar {\n        width: 0;\n        height: 4px;\n        background-color: transparent;\n\n        &-thumb {\n          border-radius: 4px;\n          background-color: ${cssVar.colorFill};\n          transition: background-color 500ms ${cssVar.motionEaseOut};\n        }\n\n        &-corner {\n          display: none;\n          width: 0;\n          height: 0;\n        }\n      }\n    `,\n    disabled: css`\n      cursor: not-allowed;\n      opacity: 0.5;\n    `,\n    gradientAnimation: css`\n      border-radius: inherit;\n      background-image: linear-gradient(\n        -45deg,\n        ${cssVar.gold},\n        ${cssVar.magenta},\n        ${cssVar.geekblue},\n        ${cssVar.cyan}\n      );\n      background-size: 400% 400%;\n      animation: 5s ${gradientShift} 5s ease infinite;\n    `,\n    noScrollbar: css`\n      ::-webkit-scrollbar {\n        display: none;\n        width: 0;\n        height: 0;\n        background-color: transparent;\n      }\n    `,\n    resetLinkColor: css`\n      cursor: pointer;\n      color: ${cssVar.colorTextSecondary};\n\n      &:hover {\n        color: ${cssVar.colorText};\n      }\n    `,\n    shadow: css`\n      box-shadow:\n        0 1px 0 -1px ${cssVar.colorBorder},\n        0 1px 2px -0.5px ${cssVar.colorBorder},\n        0 2px 2px -1px ${cssVar.colorBorderSecondary},\n        0 3px 6px -4px ${cssVar.colorBorderSecondary};\n    `,\n    variantBorderless: css`\n      ${ghost};\n\n      &:hover {\n        background: ${cssVar.colorFillTertiary};\n      }\n    `,\n    variantBorderlessDanger: css`\n      ${ghost};\n\n      &:hover {\n        background: ${cssVar.colorErrorBg};\n        box-shadow: inset 0 0 0 1px ${cssVar.colorErrorBg};\n      }\n    `,\n    variantBorderlessWithoutHover: ghost,\n    variantFilled: css`\n      background: ${cssVar.colorFillTertiary};\n\n      &:hover {\n        background: ${cssVar.colorFillSecondary};\n      }\n    `,\n    variantFilledDanger: css`\n      background: ${cssVar.colorErrorBg};\n\n      &:hover {\n        background: ${cssVar.colorErrorBgHover};\n      }\n    `,\n    variantFilledWithoutHover: css`\n      background: ${cssVar.colorFillTertiary};\n    `,\n    variantOutlined: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n\n      &:hover {\n        border-color: ${cssVar.colorBorder};\n      }\n    `,\n    variantOutlinedDanger: css`\n      border: 1px solid ${cssVar.colorErrorBorder};\n\n      &:hover {\n        border-color: ${cssVar.colorErrorBorder};\n      }\n    `,\n    variantOutlinedWithoutHover: css`\n      border: 1px solid ${cssVar.colorBorderSecondary};\n      background: ${cssVar.colorBgContainer};\n    `,\n  };\n}) as SuperadCustomStylish;\n"],"mappings":";;;;;;AAQA,MAAM,gBAAgB,SAAS;;;;;;;;;;;AAY/B,MAAa,gBAAgB,oBAAoB,EAAE,KAAK,aAAa;;CAEnE,MAAM,QAAQ,GAAG;;;;;CAMjB,OAAO;EACL,QAAQ,GAAG;eACA,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;iBAG7B,OAAO,UAAU;sBACZ,OAAO,UAAU;;;EAGnC,MAAM,GAAG;;;EAGT,YAAY,GAAG;;;EAGf,iBAAiB,GAAG;;;;;;;;8BAQM,OAAO,UAAU;+CACA,OAAO,cAAc;;;;;;;;;;EAUhE,UAAU,GAAG;;;;EAIb,mBAAmB,GAAG;;;;UAIhB,OAAO,KAAK;UACZ,OAAO,QAAQ;UACf,OAAO,SAAS;UAChB,OAAO,KAAK;;;sBAGA,cAAc;;EAEhC,aAAa,GAAG;;;;;;;;EAQhB,gBAAgB,GAAG;;eAER,OAAO,mBAAmB;;;iBAGxB,OAAO,UAAU;;;EAG9B,QAAQ,GAAG;;uBAEQ,OAAO,YAAY;2BACf,OAAO,YAAY;yBACrB,OAAO,qBAAqB;yBAC5B,OAAO,qBAAqB;;EAEjD,mBAAmB,GAAG;QAClB,MAAM;;;sBAGQ,OAAO,kBAAkB;;;EAG3C,yBAAyB,GAAG;QACxB,MAAM;;;sBAGQ,OAAO,aAAa;sCACJ,OAAO,aAAa;;;EAGtD,+BAA+B;EAC/B,eAAe,GAAG;oBACF,OAAO,kBAAkB;;;sBAGvB,OAAO,mBAAmB;;;EAG5C,qBAAqB,GAAG;oBACR,OAAO,aAAa;;;sBAGlB,OAAO,kBAAkB;;;EAG3C,2BAA2B,GAAG;oBACd,OAAO,kBAAkB;;EAEzC,iBAAiB,GAAG;0BACE,OAAO,qBAAqB;oBAClC,OAAO,iBAAiB;;;wBAGpB,OAAO,YAAY;;;EAGvC,uBAAuB,GAAG;0BACJ,OAAO,iBAAiB;;;wBAG1B,OAAO,iBAAiB;;;EAG5C,6BAA6B,GAAG;0BACV,OAAO,qBAAqB;oBAClC,OAAO,iBAAiB;;CAE1C;AACF,CAAC"}

package/es/styles/theme/customToken.d.mts

@@ -0,0 +1,7 @@
+import { SuperadCustomToken } from "../../types/customToken.mjs";
+import { GetCustomToken } from "antd-style";
+//#region src/styles/theme/customToken.d.ts
+declare const generateCustomToken: GetCustomToken<SuperadCustomToken>;
+//#endregion
+export { generateCustomToken };
+//# sourceMappingURL=customToken.d.mts.map

package/es/styles/theme/customToken.mjs

@@ -0,0 +1,127 @@
+import { colorScales } from "../../color/colors/index.mjs";
+import { camelCase } from "es-toolkit/compat";
+import { mix } from "polished";
+//#region src/styles/theme/customToken.ts
+const HUE_SLOT_RULES = [
+	[
+		"Fill",
+		3,
+		4,
+		true
+	],
+	[
+		"FillSecondary",
+		2,
+		3,
+		true
+	],
+	[
+		"FillTertiary",
+		1,
+		2,
+		true
+	],
+	[
+		"FillQuaternary",
+		0,
+		1,
+		true
+	],
+	[
+		"Bg",
+		1,
+		1,
+		true
+	],
+	[
+		"BgHover",
+		2,
+		2,
+		true
+	],
+	[
+		"Border",
+		4,
+		4
+	],
+	[
+		"BorderSecondary",
+		3,
+		3
+	],
+	[
+		"BorderHover",
+		5,
+		3
+	],
+	[
+		"Hover",
+		10,
+		8
+	],
+	[
+		"",
+		9,
+		9
+	],
+	[
+		"Active",
+		7,
+		10
+	],
+	[
+		"TextHover",
+		10,
+		8,
+		true
+	],
+	[
+		"Text",
+		9,
+		9,
+		true
+	],
+	[
+		"TextActive",
+		7,
+		10,
+		true
+	]
+];
+/** 色阶首尾两步（0 与 12）不进逐步入参，只进语义槽位。 */
+const buildStepTokens = (name, scale, appearance) => {
+	const tokens = {};
+	for (const series of [appearance, `${appearance}A`]) {
+		const suffix = series.endsWith("A") ? "A" : "";
+		scale[series].forEach((color, step) => {
+			if (step > 0 && step < 12) tokens[`${name}${step}${suffix}`] = color;
+		});
+	}
+	return tokens;
+};
+const buildHueTokens = (name, scale, appearance) => {
+	const isDark = appearance === "dark";
+	const semantic = HUE_SLOT_RULES.map(([suffix, darkStep, lightStep, alpha]) => {
+		const series = alpha ? `${appearance}A` : appearance;
+		return [`${name}${suffix}`, scale[series][isDark ? darkStep : lightStep]];
+	});
+	return {
+		...buildStepTokens(name, scale, appearance),
+		...Object.fromEntries(semantic)
+	};
+};
+const generateCustomColorToken = (isDarkMode) => {
+	const appearance = isDarkMode ? "dark" : "light";
+	return Object.entries(colorScales).reduce((tokens, [type, scale]) => ({
+		...tokens,
+		...buildHueTokens(camelCase(type), scale, appearance)
+	}), {});
+};
+const generateCustomToken = ({ isDarkMode, token }) => ({
+	...generateCustomColorToken(isDarkMode),
+	colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer)
+});
+//#endregion
+export { generateCustomColorToken, generateCustomToken };
+
+//# sourceMappingURL=customToken.mjs.map

package/es/styles/theme/customToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customToken.mjs","names":[],"sources":["../../../src/styles/theme/customToken.ts"],"sourcesContent":["import { type GetCustomToken } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\nimport { mix } from 'polished';\n\nimport { colorScales } from '@/color/colors';\nimport { type ColorScaleItem } from '@/color/types';\nimport { type SuperadCustomToken } from '@/types/customToken';\n\ntype Appearance = 'light' | 'dark';\n\n/** 与 generateColorPalette 的语义槽位一致，但 Bg/Text 系列取透明色板，并多出 BorderSecondary。 */\ntype SlotRule = readonly [suffix: string, darkStep: number, lightStep: number, alpha?: boolean];\n\nconst HUE_SLOT_RULES: readonly SlotRule[] = [\n  ['Fill', 3, 4, true],\n  ['FillSecondary', 2, 3, true],\n  ['FillTertiary', 1, 2, true],\n  ['FillQuaternary', 0, 1, true],\n  ['Bg', 1, 1, true],\n  ['BgHover', 2, 2, true],\n  ['Border', 4, 4],\n  ['BorderSecondary', 3, 3],\n  ['BorderHover', 5, 3],\n  ['Hover', 10, 8],\n  ['', 9, 9],\n  ['Active', 7, 10],\n  ['TextHover', 10, 8, true],\n  ['Text', 9, 9, true],\n  ['TextActive', 7, 10, true],\n];\n\n/** 色阶首尾两步（0 与 12）不进逐步入参，只进语义槽位。 */\nconst buildStepTokens = (name: string, scale: ColorScaleItem, appearance: Appearance) => {\n  const tokens: Record<string, string> = {};\n  for (const series of [appearance, `${appearance}A` as const]) {\n    const suffix = series.endsWith('A') ? 'A' : '';\n    scale[series].forEach((color, step) => {\n      if (step > 0 && step < 12) tokens[`${name}${step}${suffix}`] = color;\n    });\n  }\n  return tokens;\n};\n\nconst buildHueTokens = (name: string, scale: ColorScaleItem, appearance: Appearance) => {\n  const isDark = appearance === 'dark';\n  const semantic = HUE_SLOT_RULES.map(([suffix, darkStep, lightStep, alpha]) => {\n    const series: keyof ColorScaleItem = alpha ? `${appearance}A` : appearance;\n    return [`${name}${suffix}`, scale[series][isDark ? darkStep : lightStep]] as const;\n  });\n  return {\n    ...buildStepTokens(name, scale, appearance),\n    ...Object.fromEntries(semantic),\n  };\n};\n\nexport const generateCustomColorToken = (isDarkMode: boolean): Record<string, string> => {\n  const appearance: Appearance = isDarkMode ? 'dark' : 'light';\n  return Object.entries(colorScales).reduce(\n    (tokens, [type, scale]) => ({\n      ...tokens,\n      ...buildHueTokens(camelCase(type), scale, appearance),\n    }),\n    {} as Record<string, string>,\n  );\n};\n\nexport const generateCustomToken: GetCustomToken<SuperadCustomToken> = ({ isDarkMode, token }) =>\n  ({\n    ...generateCustomColorToken(isDarkMode),\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n  }) as SuperadCustomToken;\n"],"mappings":";;;;AAaA,MAAM,iBAAsC;CAC1C;EAAC;EAAQ;EAAG;EAAG;CAAI;CACnB;EAAC;EAAiB;EAAG;EAAG;CAAI;CAC5B;EAAC;EAAgB;EAAG;EAAG;CAAI;CAC3B;EAAC;EAAkB;EAAG;EAAG;CAAI;CAC7B;EAAC;EAAM;EAAG;EAAG;CAAI;CACjB;EAAC;EAAW;EAAG;EAAG;CAAI;CACtB;EAAC;EAAU;EAAG;CAAC;CACf;EAAC;EAAmB;EAAG;CAAC;CACxB;EAAC;EAAe;EAAG;CAAC;CACpB;EAAC;EAAS;EAAI;CAAC;CACf;EAAC;EAAI;EAAG;CAAC;CACT;EAAC;EAAU;EAAG;CAAE;CAChB;EAAC;EAAa;EAAI;EAAG;CAAI;CACzB;EAAC;EAAQ;EAAG;EAAG;CAAI;CACnB;EAAC;EAAc;EAAG;EAAI;CAAI;AAC5B;;AAGA,MAAM,mBAAmB,MAAc,OAAuB,eAA2B;CACvF,MAAM,SAAiC,CAAC;CACxC,KAAK,MAAM,UAAU,CAAC,YAAY,GAAG,WAAW,EAAW,GAAG;EAC5D,MAAM,SAAS,OAAO,SAAS,GAAG,IAAI,MAAM;EAC5C,MAAM,OAAO,CAAC,SAAS,OAAO,SAAS;GACrC,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,GAAG,OAAO,OAAO,YAAY;EACjE,CAAC;CACH;CACA,OAAO;AACT;AAEA,MAAM,kBAAkB,MAAc,OAAuB,eAA2B;CACtF,MAAM,SAAS,eAAe;CAC9B,MAAM,WAAW,eAAe,KAAK,CAAC,QAAQ,UAAU,WAAW,WAAW;EAC5E,MAAM,SAA+B,QAAQ,GAAG,WAAW,KAAK;EAChE,OAAO,CAAC,GAAG,OAAO,UAAU,MAAM,OAAO,CAAC,SAAS,WAAW,UAAU;CAC1E,CAAC;CACD,OAAO;EACL,GAAG,gBAAgB,MAAM,OAAO,UAAU;EAC1C,GAAG,OAAO,YAAY,QAAQ;CAChC;AACF;AAEA,MAAa,4BAA4B,eAAgD;CACvF,MAAM,aAAyB,aAAa,SAAS;CACrD,OAAO,OAAO,QAAQ,WAAW,CAAC,CAAC,QAChC,QAAQ,CAAC,MAAM,YAAY;EAC1B,GAAG;EACH,GAAG,eAAe,UAAU,IAAI,GAAG,OAAO,UAAU;CACtD,IACA,CAAC,CACH;AACF;AAEA,MAAa,uBAA2D,EAAE,YAAY,aACnF;CACC,GAAG,yBAAyB,UAAU;CACtC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,gBAAgB;AACjF"}

package/es/styles/theme/generateColorPalette.d.mts

@@ -0,0 +1,16 @@
+import { ColorScaleItem } from "../../color/types.mjs";
+import { AliasToken } from "antd/es/theme/interface/index.js";
+//#region src/styles/theme/generateColorPalette.d.ts
+type Appearance = 'light' | 'dark';
+declare const generateColorPalette: ({ type, scale, appearance }: {
+  appearance: Appearance;
+  scale: ColorScaleItem;
+  type: "Primary" | "Success" | "Warning" | "Error" | "Info" | string;
+}) => Partial<AliasToken>;
+declare const generateColorNeutralPalette: ({ scale, appearance }: {
+  appearance: Appearance;
+  scale: ColorScaleItem;
+}) => Partial<AliasToken>;
+//#endregion
+export { generateColorNeutralPalette, generateColorPalette };
+//# sourceMappingURL=generateColorPalette.d.mts.map