@superad/ui 0.1.1

package/es/styles/theme/generateColorPalette.mjs

@@ -0,0 +1,170 @@
+import { capitalize } from "es-toolkit/compat";
+//#region src/styles/theme/generateColorPalette.ts
+const COLOR_SLOT_RULES = [
+	[
+		"Fill",
+		3,
+		4,
+		true
+	],
+	[
+		"FillSecondary",
+		2,
+		3,
+		true
+	],
+	[
+		"FillTertiary",
+		1,
+		2,
+		true
+	],
+	[
+		"FillQuaternary",
+		0,
+		1,
+		true
+	],
+	[
+		"Bg",
+		1,
+		1
+	],
+	[
+		"BgHover",
+		2,
+		2
+	],
+	[
+		"Border",
+		4,
+		4
+	],
+	[
+		"BorderHover",
+		5,
+		3
+	],
+	[
+		"Hover",
+		10,
+		8
+	],
+	[
+		"",
+		9,
+		9
+	],
+	[
+		"Active",
+		7,
+		10
+	],
+	[
+		"TextHover",
+		10,
+		8
+	],
+	[
+		"Text",
+		9,
+		9
+	],
+	[
+		"TextActive",
+		7,
+		10
+	]
+];
+const NEUTRAL_SLOT_RULES = [
+	[
+		"colorBgContainer",
+		1,
+		0
+	],
+	[
+		"colorBgElevated",
+		2,
+		0
+	],
+	[
+		"colorBgLayout",
+		0,
+		1
+	],
+	[
+		"colorBgSpotlight",
+		4,
+		4
+	],
+	[
+		"colorBorder",
+		3,
+		3
+	],
+	[
+		"colorBorderSecondary",
+		2,
+		2
+	],
+	[
+		"colorFill",
+		3,
+		3,
+		true
+	],
+	[
+		"colorFillQuaternary",
+		0,
+		0,
+		true
+	],
+	[
+		"colorFillSecondary",
+		2,
+		2,
+		true
+	],
+	[
+		"colorFillTertiary",
+		1,
+		1,
+		true
+	],
+	[
+		"colorText",
+		12,
+		12
+	],
+	[
+		"colorTextQuaternary",
+		6,
+		6
+	],
+	[
+		"colorTextSecondary",
+		10,
+		10
+	],
+	[
+		"colorTextTertiary",
+		8,
+		8
+	]
+];
+const pickStep = (scale, appearance, step, alpha = false) => {
+	return scale[alpha ? `${appearance}A` : appearance][step];
+};
+const applyRules = (scale, appearance, rules, prefix = "") => {
+	const isDark = appearance === "dark";
+	return Object.fromEntries(rules.map(([suffix, darkStep, lightStep, alpha]) => [`${prefix}${suffix}`, pickStep(scale, appearance, isDark ? darkStep : lightStep, alpha)]));
+};
+const generateColorPalette = ({ type, scale, appearance }) => applyRules(scale, appearance, COLOR_SLOT_RULES, `color${capitalize(type)}`);
+const generateColorNeutralPalette = ({ scale, appearance }) => ({
+	...applyRules(scale, appearance, NEUTRAL_SLOT_RULES),
+	colorBgMask: scale.lightA[8]
+});
+//#endregion
+export { generateColorNeutralPalette, generateColorPalette };
+
+//# sourceMappingURL=generateColorPalette.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateColorPalette.mjs","names":[],"sources":["../../../src/styles/theme/generateColorPalette.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\nimport { capitalize } from 'es-toolkit/compat';\n\nimport type { ColorScaleItem } from '@/color/types';\n\ntype Appearance = 'light' | 'dark';\n\n/**\n * 语义槽位 → 色阶步进的映射规则。\n * 元组含义：[token 后缀, 暗色步进, 亮色步进, 是否取透明系列]。\n * 步进 0-12，0 靠背景端，12 靠文字端。\n */\ntype SlotRule = readonly [suffix: string, darkStep: number, lightStep: number, alpha?: boolean];\n\nconst COLOR_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],\n  ['BgHover', 2, 2],\n  ['Border', 4, 4],\n  ['BorderHover', 5, 3],\n  ['Hover', 10, 8],\n  ['', 9, 9],\n  ['Active', 7, 10],\n  ['TextHover', 10, 8],\n  ['Text', 9, 9],\n  ['TextActive', 7, 10],\n];\n\nconst NEUTRAL_SLOT_RULES: readonly SlotRule[] = [\n  ['colorBgContainer', 1, 0],\n  ['colorBgElevated', 2, 0],\n  ['colorBgLayout', 0, 1],\n  ['colorBgSpotlight', 4, 4],\n  ['colorBorder', 3, 3],\n  ['colorBorderSecondary', 2, 2],\n  ['colorFill', 3, 3, true],\n  ['colorFillQuaternary', 0, 0, true],\n  ['colorFillSecondary', 2, 2, true],\n  ['colorFillTertiary', 1, 1, true],\n  ['colorText', 12, 12],\n  ['colorTextQuaternary', 6, 6],\n  ['colorTextSecondary', 10, 10],\n  ['colorTextTertiary', 8, 8],\n];\n\nconst pickStep = (scale: ColorScaleItem, appearance: Appearance, step: number, alpha = false) => {\n  const series: keyof ColorScaleItem = alpha ? `${appearance}A` : appearance;\n  return scale[series][step];\n};\n\nconst applyRules = (\n  scale: ColorScaleItem,\n  appearance: Appearance,\n  rules: readonly SlotRule[],\n  prefix = '',\n): Partial<AliasToken> => {\n  const isDark = appearance === 'dark';\n  return Object.fromEntries(\n    rules.map(([suffix, darkStep, lightStep, alpha]) => [\n      `${prefix}${suffix}`,\n      pickStep(scale, appearance, isDark ? darkStep : lightStep, alpha),\n    ]),\n  );\n};\n\nexport const generateColorPalette = ({\n  type,\n  scale,\n  appearance,\n}: {\n  appearance: Appearance;\n  scale: ColorScaleItem;\n  type: 'Primary' | 'Success' | 'Warning' | 'Error' | 'Info' | string;\n}): Partial<AliasToken> =>\n  applyRules(scale, appearance, COLOR_SLOT_RULES, `color${capitalize(type)}`);\n\nexport const generateColorNeutralPalette = ({\n  scale,\n  appearance,\n}: {\n  appearance: Appearance;\n  scale: ColorScaleItem;\n}): Partial<AliasToken> => ({\n  ...applyRules(scale, appearance, NEUTRAL_SLOT_RULES),\n  // 遮罩固定取亮色透明系列，不随外观切换\n  colorBgMask: scale.lightA[8],\n});\n"],"mappings":";;AAcA,MAAM,mBAAwC;CAC5C;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;CAAC;CACX;EAAC;EAAW;EAAG;CAAC;CAChB;EAAC;EAAU;EAAG;CAAC;CACf;EAAC;EAAe;EAAG;CAAC;CACpB;EAAC;EAAS;EAAI;CAAC;CACf;EAAC;EAAI;EAAG;CAAC;CACT;EAAC;EAAU;EAAG;CAAE;CAChB;EAAC;EAAa;EAAI;CAAC;CACnB;EAAC;EAAQ;EAAG;CAAC;CACb;EAAC;EAAc;EAAG;CAAE;AACtB;AAEA,MAAM,qBAA0C;CAC9C;EAAC;EAAoB;EAAG;CAAC;CACzB;EAAC;EAAmB;EAAG;CAAC;CACxB;EAAC;EAAiB;EAAG;CAAC;CACtB;EAAC;EAAoB;EAAG;CAAC;CACzB;EAAC;EAAe;EAAG;CAAC;CACpB;EAAC;EAAwB;EAAG;CAAC;CAC7B;EAAC;EAAa;EAAG;EAAG;CAAI;CACxB;EAAC;EAAuB;EAAG;EAAG;CAAI;CAClC;EAAC;EAAsB;EAAG;EAAG;CAAI;CACjC;EAAC;EAAqB;EAAG;EAAG;CAAI;CAChC;EAAC;EAAa;EAAI;CAAE;CACpB;EAAC;EAAuB;EAAG;CAAC;CAC5B;EAAC;EAAsB;EAAI;CAAE;CAC7B;EAAC;EAAqB;EAAG;CAAC;AAC5B;AAEA,MAAM,YAAY,OAAuB,YAAwB,MAAc,QAAQ,UAAU;CAE/F,OAAO,MAD8B,QAAQ,GAAG,WAAW,KAAK,WAC5C,CAAC;AACvB;AAEA,MAAM,cACJ,OACA,YACA,OACA,SAAS,OACe;CACxB,MAAM,SAAS,eAAe;CAC9B,OAAO,OAAO,YACZ,MAAM,KAAK,CAAC,QAAQ,UAAU,WAAW,WAAW,CAClD,GAAG,SAAS,UACZ,SAAS,OAAO,YAAY,SAAS,WAAW,WAAW,KAAK,CAClE,CAAC,CACH;AACF;AAEA,MAAa,wBAAwB,EACnC,MACA,OACA,iBAMA,WAAW,OAAO,YAAY,kBAAkB,QAAQ,WAAW,IAAI,GAAG;AAE5E,MAAa,+BAA+B,EAC1C,OACA,kBAI0B;CAC1B,GAAG,WAAW,OAAO,YAAY,kBAAkB;CAEnD,aAAa,MAAM,OAAO;AAC5B"}

package/es/styles/theme/token/base.mjs

@@ -0,0 +1,64 @@
+//#region src/styles/theme/token/base.ts
+/** 含空格的字体名需要加引号。 */
+const quoteFont = (font) => font.includes(" ") ? `"${font}"` : font;
+const FONT_STACK_LATIN = [
+	"Geist",
+	"-apple-system",
+	"BlinkMacSystemFont",
+	"Segoe UI Variable Display",
+	"Segoe UI",
+	"Roboto",
+	"Helvetica Neue",
+	"Arial"
+];
+const FONT_STACK_CJK = [
+	"HarmonyOS Sans SC",
+	"PingFang SC",
+	"Hiragino Sans GB",
+	"Microsoft YaHei UI",
+	"Microsoft YaHei",
+	"Source Han Sans SC",
+	"Noto Sans CJK SC"
+];
+const FONT_STACK_MONO = [
+	"Geist Mono",
+	"ui-monospace",
+	"SFMono-Regular",
+	"SF Mono",
+	"Menlo",
+	"Cascadia Code",
+	"Consolas",
+	"Liberation Mono"
+];
+const FONT_STACK_EMOJI = [
+	"Apple Color Emoji",
+	"Segoe UI Emoji",
+	"Segoe UI Symbol",
+	"Noto Color Emoji"
+];
+const joinStack = (fonts) => fonts.map(quoteFont).join(",");
+const baseToken = {
+	borderRadius: 6,
+	borderRadiusLG: 8,
+	borderRadiusSM: 4,
+	borderRadiusXS: 2,
+	controlHeight: 32,
+	fontFamily: joinStack([
+		...FONT_STACK_LATIN,
+		...FONT_STACK_CJK,
+		"ui-sans-serif",
+		"system-ui",
+		"sans-serif",
+		...FONT_STACK_EMOJI
+	]),
+	fontFamilyCode: joinStack([
+		...FONT_STACK_MONO,
+		...FONT_STACK_CJK,
+		"monospace",
+		...FONT_STACK_EMOJI
+	])
+};
+//#endregion
+export { baseToken };
+
+//# sourceMappingURL=base.mjs.map

package/es/styles/theme/token/base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\n/** 含空格的字体名需要加引号。 */\nconst quoteFont = (font: string) => (font.includes(' ') ? `\"${font}\"` : font);\n\nconst FONT_STACK_LATIN = [\n  'Geist',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_STACK_CJK = [\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_STACK_MONO = [\n  'Geist Mono',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FONT_STACK_EMOJI = [\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst joinStack = (fonts: string[]) => fonts.map(quoteFont).join(',');\n\nexport const baseToken: Partial<AliasToken> = {\n  // 圆角走 Linear 式的小圆角体系\n  borderRadius: 6,\n  borderRadiusLG: 8,\n  borderRadiusSM: 4,\n  borderRadiusXS: 2,\n  // Linear 式紧凑密度\n  controlHeight: 32,\n  fontFamily: joinStack([\n    ...FONT_STACK_LATIN,\n    ...FONT_STACK_CJK,\n    'ui-sans-serif',\n    'system-ui',\n    'sans-serif',\n    ...FONT_STACK_EMOJI,\n  ]),\n  fontFamilyCode: joinStack([\n    ...FONT_STACK_MONO,\n    ...FONT_STACK_CJK,\n    'monospace',\n    ...FONT_STACK_EMOJI,\n  ]),\n};\n"],"mappings":";;AAGA,MAAM,aAAa,SAAkB,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK;AAExE,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,iBAAiB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,mBAAmB;CACvB;CACA;CACA;CACA;AACF;AAEA,MAAM,aAAa,UAAoB,MAAM,IAAI,SAAS,CAAC,CAAC,KAAK,GAAG;AAEpE,MAAa,YAAiC;CAE5C,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAEhB,eAAe;CACf,YAAY,UAAU;EACpB,GAAG;EACH,GAAG;EACH;EACA;EACA;EACA,GAAG;CACL,CAAC;CACD,gBAAgB,UAAU;EACxB,GAAG;EACH,GAAG;EACH;EACA,GAAG;CACL,CAAC;AACH"}

package/es/styles/theme/token/dark.mjs

@@ -0,0 +1,37 @@
+import blue from "../../../color/colors/blue.mjs";
+import gold from "../../../color/colors/gold.mjs";
+import gray from "../../../color/colors/gray.mjs";
+import lime from "../../../color/colors/lime.mjs";
+import primary from "../../../color/colors/primary.mjs";
+import red from "../../../color/colors/red.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+//#region src/styles/theme/token/dark.ts
+const darkBaseToken = {
+	...Object.assign({}, ...[
+		["Primary", primary],
+		["Success", lime],
+		["Warning", gold],
+		["Error", red],
+		["Info", blue]
+	].map(([type, scale]) => generateColorPalette({
+		appearance: "dark",
+		scale,
+		type
+	})), generateColorNeutralPalette({
+		appearance: "dark",
+		scale: gray
+	})),
+	boxShadow: "0 16px 24px -12px rgba(0, 0, 0, 0.48)",
+	boxShadowSecondary: "0 6px 14px -6px rgba(0, 0, 0, 0.4)",
+	boxShadowTertiary: "0 2px 4px -1px rgba(0, 0, 0, 0.24)",
+	colorTextLightSolid: gray.dark[0]
+};
+Object.assign(darkBaseToken, {
+	colorLink: darkBaseToken.colorInfoText,
+	colorLinkActive: darkBaseToken.colorInfoTextActive,
+	colorLinkHover: darkBaseToken.colorInfoTextHover
+});
+//#endregion
+export { darkBaseToken as default };
+
+//# sourceMappingURL=dark.mjs.map

package/es/styles/theme/token/dark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.mjs","names":[],"sources":["../../../../src/styles/theme/token/dark.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nimport { blue, gold, gray, lime, primary, red } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\n/** 语义色 → 色板。暗色主题的语义色取更亮的色板变体保证对比度。 */\nconst SEMANTIC_SCALES = [\n  ['Primary', primary],\n  ['Success', lime],\n  ['Warning', gold],\n  ['Error', red],\n  ['Info', blue],\n] as const;\n\nconst darkBaseToken: Partial<AliasToken> = {\n  ...Object.assign(\n    {},\n    ...SEMANTIC_SCALES.map(([type, scale]) =>\n      generateColorPalette({ appearance: 'dark', scale, type }),\n    ),\n    generateColorNeutralPalette({ appearance: 'dark', scale: gray }),\n  ),\n  // 暗色下阴影让位于发丝边框，只保留轻微层次\n  boxShadow: '0 16px 24px -12px rgba(0, 0, 0, 0.48)',\n  boxShadowSecondary: '0 6px 14px -6px rgba(0, 0, 0, 0.4)',\n  boxShadowTertiary: '0 2px 4px -1px rgba(0, 0, 0, 0.24)',\n  colorTextLightSolid: gray.dark[0],\n};\n\nObject.assign(darkBaseToken, {\n  colorLink: darkBaseToken.colorInfoText,\n  colorLinkActive: darkBaseToken.colorInfoTextActive,\n  colorLinkHover: darkBaseToken.colorInfoTextHover,\n});\n\nexport default darkBaseToken;\n"],"mappings":";;;;;;;;AAeA,MAAM,gBAAqC;CACzC,GAAG,OAAO,OACR,CAAC,GACD,GAAG;EAVL,CAAC,WAAW,OAAO;EACnB,CAAC,WAAW,IAAI;EAChB,CAAC,WAAW,IAAI;EAChB,CAAC,SAAS,GAAG;EACb,CAAC,QAAQ,IAAI;CAMM,CAAC,CAAC,KAAK,CAAC,MAAM,WAC7B,qBAAqB;EAAE,YAAY;EAAQ;EAAO;CAAK,CAAC,CAC1D,GACA,4BAA4B;EAAE,YAAY;EAAQ,OAAO;CAAK,CAAC,CACjE;CAEA,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,qBAAqB,KAAK,KAAK;AACjC;AAEA,OAAO,OAAO,eAAe;CAC3B,WAAW,cAAc;CACzB,iBAAiB,cAAc;CAC/B,gBAAgB,cAAc;AAChC,CAAC"}

package/es/styles/theme/token/light.mjs

@@ -0,0 +1,37 @@
+import geekblue from "../../../color/colors/geekblue.mjs";
+import gold from "../../../color/colors/gold.mjs";
+import gray from "../../../color/colors/gray.mjs";
+import green from "../../../color/colors/green.mjs";
+import primary from "../../../color/colors/primary.mjs";
+import volcano from "../../../color/colors/volcano.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+//#region src/styles/theme/token/light.ts
+const lightBaseToken = {
+	...Object.assign({}, ...[
+		["Primary", primary],
+		["Success", green],
+		["Warning", gold],
+		["Error", volcano],
+		["Info", geekblue]
+	].map(([type, scale]) => generateColorPalette({
+		appearance: "light",
+		scale,
+		type
+	})), generateColorNeutralPalette({
+		appearance: "light",
+		scale: gray
+	})),
+	boxShadow: "0 16px 24px -12px rgba(0, 0, 0, 0.28)",
+	boxShadowSecondary: "0 6px 14px -6px rgba(0, 0, 0, 0.2)",
+	boxShadowTertiary: "0 2px 4px -1px rgba(0, 0, 0, 0.08)",
+	colorTextLightSolid: gray.light[1]
+};
+Object.assign(lightBaseToken, {
+	colorLink: lightBaseToken.colorInfoText,
+	colorLinkActive: lightBaseToken.colorInfoTextActive,
+	colorLinkHover: lightBaseToken.colorInfoTextHover
+});
+//#endregion
+export { lightBaseToken as default };
+
+//# sourceMappingURL=light.mjs.map

package/es/styles/theme/token/light.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.mjs","names":[],"sources":["../../../../src/styles/theme/token/light.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nimport { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';\n\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\n\n/** 语义色 → 色板。亮色主题的语义色取常规色板。 */\nconst SEMANTIC_SCALES = [\n  ['Primary', primary],\n  ['Success', green],\n  ['Warning', gold],\n  ['Error', volcano],\n  ['Info', geekblue],\n] as const;\n\nconst lightBaseToken: Partial<AliasToken> = {\n  ...Object.assign(\n    {},\n    ...SEMANTIC_SCALES.map(([type, scale]) =>\n      generateColorPalette({ appearance: 'light', scale, type }),\n    ),\n    generateColorNeutralPalette({ appearance: 'light', scale: gray }),\n  ),\n  // Linear 式收敛的阴影：小弥散、低透明\n  boxShadow: '0 16px 24px -12px rgba(0, 0, 0, 0.28)',\n  boxShadowSecondary: '0 6px 14px -6px rgba(0, 0, 0, 0.2)',\n  boxShadowTertiary: '0 2px 4px -1px rgba(0, 0, 0, 0.08)',\n  colorTextLightSolid: gray.light[1],\n};\n\nObject.assign(lightBaseToken, {\n  colorLink: lightBaseToken.colorInfoText,\n  colorLinkActive: lightBaseToken.colorInfoTextActive,\n  colorLinkHover: lightBaseToken.colorInfoTextHover,\n});\n\nexport default lightBaseToken;\n"],"mappings":";;;;;;;;AAeA,MAAM,iBAAsC;CAC1C,GAAG,OAAO,OACR,CAAC,GACD,GAAG;EAVL,CAAC,WAAW,OAAO;EACnB,CAAC,WAAW,KAAK;EACjB,CAAC,WAAW,IAAI;EAChB,CAAC,SAAS,OAAO;EACjB,CAAC,QAAQ,QAAQ;CAME,CAAC,CAAC,KAAK,CAAC,MAAM,WAC7B,qBAAqB;EAAE,YAAY;EAAS;EAAO;CAAK,CAAC,CAC3D,GACA,4BAA4B;EAAE,YAAY;EAAS,OAAO;CAAK,CAAC,CAClE;CAEA,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,qBAAqB,KAAK,MAAM;AAClC;AAEA,OAAO,OAAO,gBAAgB;CAC5B,WAAW,eAAe;CAC1B,iBAAiB,eAAe;CAChC,gBAAgB,eAAe;AACjC,CAAC"}

package/es/types/customStylish.d.mts

@@ -0,0 +1,28 @@
+//#region src/types/customStylish.d.ts
+/**
+ * 自定义 stylish 的契约：每个键是一段可组合的 CSS（SerializedStyles）。
+ * 实现见 styles/theme/customStylish.ts（token 版）与 customStylishStatic.ts（cssVar 静态版）。
+ */
+interface SuperadCustomStylish {
+  active: string;
+  blur: string;
+  blurStrong: string;
+  bottomScrollbar: string;
+  disabled: string;
+  gradientAnimation: string;
+  noScrollbar: string;
+  resetLinkColor: string;
+  shadow: string;
+  variantBorderless: string;
+  variantBorderlessDanger: string;
+  variantBorderlessWithoutHover: string;
+  variantFilled: string;
+  variantFilledDanger: string;
+  variantFilledWithoutHover: string;
+  variantOutlined: string;
+  variantOutlinedDanger: string;
+  variantOutlinedWithoutHover: string;
+}
+//#endregion
+export { SuperadCustomStylish };
+//# sourceMappingURL=customStylish.d.mts.map

package/es/types/customToken.d.mts

@@ -0,0 +1,34 @@
+//#region src/types/customToken.d.ts
+/**
+ * 自定义 token 的类型契约。
+ * 由 generateCustomColorToken 在运行期按色板生成，这里给出静态类型。
+ */
+/** 彩色色板名（色轮顺序，驱动主题面板的色板展示顺序） */
+declare const PresetColors: readonly ["red", "volcano", "orange", "gold", "yellow", "lime", "green", "cyan", "blue", "geekblue", "purple", "magenta", "gray"];
+/** 语义色名 */
+declare const PresetSystemColors: readonly ["Error", "Warning", "Success", "Info"];
+type PresetColorKey = (typeof PresetColors)[number];
+type PresetSystemColorKey = (typeof PresetSystemColors)[number];
+type PresetColorType = Record<PresetColorKey, string>;
+type PresetSystemColorType = Record<PresetSystemColorKey, string>;
+/** 色阶步入 token 的下标范围（0 与 12 不产出步入 token） */
+type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+/** 每个彩色色板产出的语义后缀 */
+type ColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary' | 'Bg' | 'BgHover' | 'Border' | 'BorderSecondary' | 'BorderHover' | '' | 'Hover' | 'Active' | 'Text' | 'TextHover' | 'TextActive';
+/** 语义色只产出填充系列 */
+type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
+/** 语义槽位 token，如 redFill / blueTextHover */
+type ColorToken = { [key in `${keyof PresetColorType}${ColorTokenKey}`]: string; };
+/** 语义色填充 token，如 colorErrorFill */
+type SystemColorToken = { [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string; };
+/** 色阶步入 token（实色），如 red1 … red11 */
+type ColorPalettes = { [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string; };
+/** 色阶步入 token（透明系列），如 red1A … red11A */
+type ColorPalettesAlpha = { [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string; };
+interface SuperadCustomToken extends ColorPalettes, ColorPalettesAlpha, ColorToken, SystemColorToken {
+  /** colorBgContainer 与 colorBgLayout 的 1:1 混合色 */
+  colorBgContainerSecondary: string;
+}
+//#endregion
+export { ColorPalettes, ColorPalettesAlpha, ColorToken, PresetColorKey, PresetColorType, PresetColors, PresetSystemColorKey, PresetSystemColorType, PresetSystemColors, SuperadCustomToken, SystemColorToken };
+//# sourceMappingURL=customToken.d.mts.map

package/es/types/customToken.mjs

@@ -0,0 +1,32 @@
+//#region src/types/customToken.ts
+/**
+* 自定义 token 的类型契约。
+* 由 generateCustomColorToken 在运行期按色板生成，这里给出静态类型。
+*/
+/** 彩色色板名（色轮顺序，驱动主题面板的色板展示顺序） */
+const PresetColors = [
+	"red",
+	"volcano",
+	"orange",
+	"gold",
+	"yellow",
+	"lime",
+	"green",
+	"cyan",
+	"blue",
+	"geekblue",
+	"purple",
+	"magenta",
+	"gray"
+];
+/** 语义色名 */
+const PresetSystemColors = [
+	"Error",
+	"Warning",
+	"Success",
+	"Info"
+];
+//#endregion
+export { PresetColors, PresetSystemColors };
+
+//# sourceMappingURL=customToken.mjs.map

package/es/types/customToken.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customToken.mjs","names":[],"sources":["../../src/types/customToken.ts"],"sourcesContent":["/**\n * 自定义 token 的类型契约。\n * 由 generateCustomColorToken 在运行期按色板生成，这里给出静态类型。\n */\n\n/** 彩色色板名（色轮顺序，驱动主题面板的色板展示顺序） */\nexport const PresetColors = [\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'yellow',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n  'magenta',\n  'gray',\n] as const;\n\n/** 语义色名 */\nexport const PresetSystemColors = ['Error', 'Warning', 'Success', 'Info'] as const;\n\nexport type PresetColorKey = (typeof PresetColors)[number];\nexport type PresetSystemColorKey = (typeof PresetSystemColors)[number];\n\nexport type PresetColorType = Record<PresetColorKey, string>;\nexport type PresetSystemColorType = Record<PresetSystemColorKey, string>;\n\n/** 色阶步入 token 的下标范围（0 与 12 不产出步入 token） */\ntype ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\n\n/** 每个彩色色板产出的语义后缀 */\ntype ColorTokenKey =\n  // 填充（alpha 系列）\n  | 'Fill'\n  | 'FillSecondary'\n  | 'FillTertiary'\n  | 'FillQuaternary'\n  // 背景\n  | 'Bg'\n  | 'BgHover'\n  // 边框\n  | 'Border'\n  | 'BorderSecondary'\n  | 'BorderHover'\n  // 实色本体与交互态\n  | ''\n  | 'Hover'\n  | 'Active'\n  // 文字\n  | 'Text'\n  | 'TextHover'\n  | 'TextActive';\n\n/** 语义色只产出填充系列 */\ntype SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';\n\n/** 语义槽位 token，如 redFill / blueTextHover */\nexport type ColorToken = {\n  [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;\n};\n\n/** 语义色填充 token，如 colorErrorFill */\nexport type SystemColorToken = {\n  [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string;\n};\n\n/** 色阶步入 token（实色），如 red1 … red11 */\nexport type ColorPalettes = {\n  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;\n};\n\n/** 色阶步入 token（透明系列），如 red1A … red11A */\nexport type ColorPalettesAlpha = {\n  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;\n};\n\nexport interface SuperadCustomToken\n  extends ColorPalettes, ColorPalettesAlpha, ColorToken, SystemColorToken {\n  /** colorBgContainer 与 colorBgLayout 的 1:1 混合色 */\n  colorBgContainerSecondary: string;\n}\n"],"mappings":";;;;;;AAMA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAGA,MAAa,qBAAqB;CAAC;CAAS;CAAW;CAAW;AAAM"}

package/es/types/index.d.mts

@@ -0,0 +1,15 @@
+import { SuperadCustomStylish } from "./customStylish.mjs";
+import { ColorPalettes, ColorPalettesAlpha, ColorToken, PresetColorKey, PresetColorType, PresetColors, PresetSystemColorKey, PresetSystemColorType, PresetSystemColors, SuperadCustomToken, SystemColorToken } from "./customToken.mjs";
+import { AnchorHTMLAttributes, HTMLAttributes } from "react";
+//#region src/types/index.d.ts
+type DivProps = HTMLAttributes<HTMLDivElement>;
+type SpanProps = HTMLAttributes<HTMLSpanElement>;
+type ImgProps = HTMLAttributes<HTMLImageElement>;
+type VideoProps = HTMLAttributes<HTMLVideoElement>;
+type SvgProps = HTMLAttributes<SVGSVGElement>;
+type InputProps = HTMLAttributes<HTMLInputElement>;
+type TextAreaProps = HTMLAttributes<HTMLTextAreaElement>;
+type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+//#endregion
+export { AProps, ColorPalettes, ColorPalettesAlpha, ColorToken, DivProps, ImgProps, InputProps, PresetColorKey, PresetColorType, PresetColors, PresetSystemColorKey, PresetSystemColorType, PresetSystemColors, SpanProps, SuperadCustomStylish, SuperadCustomToken, SvgProps, SystemColorToken, TextAreaProps, VideoProps };
+//# sourceMappingURL=index.d.mts.map

package/es/types/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/types/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/types/index.mjs

@@ -0,0 +1,2 @@
+import { PresetColors, PresetSystemColors } from "./customToken.mjs";
+export { PresetColors, PresetSystemColors };

package/es/utils/composeEventHandlers.d.mts

@@ -0,0 +1,5 @@
+//#region src/utils/composeEventHandlers.d.ts
+declare const composeEventHandlers: <E>(theirHandler: ((event: E) => void) | undefined, ourHandler: (event: E) => void) => ((event: E) => void);
+//#endregion
+export { composeEventHandlers };
+//# sourceMappingURL=composeEventHandlers.d.mts.map

package/es/utils/composeEventHandlers.mjs

@@ -0,0 +1,10 @@
+//#region src/utils/composeEventHandlers.ts
+const composeEventHandlers = (theirHandler, ourHandler) => (event) => {
+	theirHandler?.(event);
+	if (event?.defaultPrevented) return;
+	ourHandler(event);
+};
+//#endregion
+export { composeEventHandlers };
+
+//# sourceMappingURL=composeEventHandlers.mjs.map

package/es/utils/composeEventHandlers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeEventHandlers.mjs","names":[],"sources":["../../src/utils/composeEventHandlers.ts"],"sourcesContent":["export const composeEventHandlers =\n  <E>(\n    theirHandler: ((event: E) => void) | undefined,\n    ourHandler: (event: E) => void,\n  ): ((event: E) => void) =>\n  (event) => {\n    theirHandler?.(event);\n    if ((event as { defaultPrevented?: boolean })?.defaultPrevented) return;\n    ourHandler(event);\n  };\n"],"mappings":";AAAA,MAAa,wBAET,cACA,gBAED,UAAU;CACT,eAAe,KAAK;CACpB,IAAK,OAA0C,kBAAkB;CACjE,WAAW,KAAK;AAClB"}

package/es/utils/copyToClipboard.d.mts

@@ -0,0 +1,5 @@
+//#region src/utils/copyToClipboard.d.ts
+declare const copyToClipboard: (text: string) => Promise<void>;
+//#endregion
+export { copyToClipboard };
+//# sourceMappingURL=copyToClipboard.d.mts.map

package/es/utils/copyToClipboard.mjs

@@ -0,0 +1,28 @@
+//#region src/utils/copyToClipboard.ts
+/**
+* 优先走异步 Clipboard API；不可用或被拒绝（权限、非安全上下文）时
+* 退回隐藏 textarea + execCommand 的老路子。
+*/
+const legacyCopy = (text) => {
+	const el = document.createElement("textarea");
+	el.value = text;
+	el.style.cssText = "position:fixed;top:0;left:0;opacity:0;pointer-events:none;";
+	document.body.append(el);
+	el.select();
+	try {
+		document.execCommand("copy");
+	} finally {
+		el.remove();
+	}
+};
+const copyToClipboard = async (text) => {
+	if (typeof navigator !== "undefined" && navigator.clipboard) try {
+		await navigator.clipboard.writeText(text);
+		return;
+	} catch {}
+	legacyCopy(text);
+};
+//#endregion
+export { copyToClipboard };
+
+//# sourceMappingURL=copyToClipboard.mjs.map

package/es/utils/copyToClipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyToClipboard.mjs","names":[],"sources":["../../src/utils/copyToClipboard.ts"],"sourcesContent":["/**\n * 优先走异步 Clipboard API；不可用或被拒绝（权限、非安全上下文）时\n * 退回隐藏 textarea + execCommand 的老路子。\n */\nconst legacyCopy = (text: string): void => {\n  const el = document.createElement('textarea');\n  el.value = text;\n  // 避免插入节点引起页面跳动或触发聚焦样式\n  el.style.cssText = 'position:fixed;top:0;left:0;opacity:0;pointer-events:none;';\n  document.body.append(el);\n  el.select();\n  try {\n    document.execCommand('copy');\n  } finally {\n    el.remove();\n  }\n};\n\nexport const copyToClipboard = async (text: string): Promise<void> => {\n  if (typeof navigator !== 'undefined' && navigator.clipboard) {\n    try {\n      await navigator.clipboard.writeText(text);\n      return;\n    } catch {\n      // 继续走兜底\n    }\n  }\n  legacyCopy(text);\n};\n"],"mappings":";;;;;AAIA,MAAM,cAAc,SAAuB;CACzC,MAAM,KAAK,SAAS,cAAc,UAAU;CAC5C,GAAG,QAAQ;CAEX,GAAG,MAAM,UAAU;CACnB,SAAS,KAAK,OAAO,EAAE;CACvB,GAAG,OAAO;CACV,IAAI;EACF,SAAS,YAAY,MAAM;CAC7B,UAAU;EACR,GAAG,OAAO;CACZ;AACF;AAEA,MAAa,kBAAkB,OAAO,SAAgC;CACpE,IAAI,OAAO,cAAc,eAAe,UAAU,WAChD,IAAI;EACF,MAAM,UAAU,UAAU,UAAU,IAAI;EACxC;CACF,QAAQ,CAER;CAEF,WAAW,IAAI;AACjB"}

package/es/utils/dom.d.mts

@@ -0,0 +1,15 @@
+//#region src/utils/dom.d.ts
+interface Preventable {
+  preventDefault: () => void;
+}
+interface Stoppable {
+  stopPropagation: () => void;
+}
+declare function preventDefault<T extends Preventable>(event: T): void;
+declare function stopPropagation<T extends Stoppable>(event: T): void;
+declare function preventDefaultAndStopPropagation<T extends Preventable & Stoppable & {
+  preventBaseUIHandler?: () => void;
+}>(event: T): void;
+//#endregion
+export { preventDefault, preventDefaultAndStopPropagation, stopPropagation };
+//# sourceMappingURL=dom.d.mts.map

package/es/utils/dom.mjs

@@ -0,0 +1,16 @@
+//#region src/utils/dom.ts
+function preventDefault(event) {
+	event.preventDefault();
+}
+function stopPropagation(event) {
+	event.stopPropagation();
+}
+function preventDefaultAndStopPropagation(event) {
+	event.preventDefault();
+	event.stopPropagation();
+	event.preventBaseUIHandler?.();
+}
+//#endregion
+export { preventDefault, preventDefaultAndStopPropagation, stopPropagation };
+
+//# sourceMappingURL=dom.mjs.map

package/es/utils/dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.mjs","names":[],"sources":["../../src/utils/dom.ts"],"sourcesContent":["interface Preventable {\n  preventDefault: () => void;\n}\n\ninterface Stoppable {\n  stopPropagation: () => void;\n}\n\nexport function preventDefault<T extends Preventable>(event: T): void {\n  event.preventDefault();\n}\n\nexport function stopPropagation<T extends Stoppable>(event: T): void {\n  event.stopPropagation();\n}\n\nexport function preventDefaultAndStopPropagation<\n  T extends Preventable & Stoppable & { preventBaseUIHandler?: () => void },\n>(event: T): void {\n  event.preventDefault();\n  event.stopPropagation();\n  event.preventBaseUIHandler?.();\n}\n"],"mappings":";AAQA,SAAgB,eAAsC,OAAgB;CACpE,MAAM,eAAe;AACvB;AAEA,SAAgB,gBAAqC,OAAgB;CACnE,MAAM,gBAAgB;AACxB;AAEA,SAAgB,iCAEd,OAAgB;CAChB,MAAM,eAAe;CACrB,MAAM,gBAAgB;CACtB,MAAM,uBAAuB;AAC/B"}

package/es/utils/genCdnUrl.d.mts

@@ -0,0 +1,12 @@
+//#region src/utils/genCdnUrl.d.ts
+type CDN = 'aliyun' | 'unpkg';
+interface CdnApi {
+  path: string;
+  pkg: string;
+  proxy?: CDN;
+  version?: string;
+}
+declare const genCdnUrl: ({ path, pkg, proxy, version }: CdnApi) => string;
+//#endregion
+export { CDN, CdnApi, genCdnUrl };
+//# sourceMappingURL=genCdnUrl.d.mts.map

package/es/utils/genCdnUrl.mjs

@@ -0,0 +1,17 @@
+import urlJoin from "url-join";
+//#region src/utils/genCdnUrl.ts
+const UNPKG_API = "https://unpkg.com";
+const ALIYUN_API = "https://registry.npmmirror.com";
+const builders = {
+	aliyun: ({ path, pkg, version }) => urlJoin(ALIYUN_API, pkg, version, "files", path),
+	unpkg: ({ path, pkg, version }) => urlJoin(UNPKG_API, `${pkg}@${version}`, path)
+};
+const genCdnUrl = ({ path, pkg, proxy = "aliyun", version = "latest" }) => builders[proxy]({
+	path,
+	pkg,
+	version
+});
+//#endregion
+export { ALIYUN_API, UNPKG_API, genCdnUrl };
+
+//# sourceMappingURL=genCdnUrl.mjs.map

package/es/utils/genCdnUrl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"genCdnUrl.mjs","names":[],"sources":["../../src/utils/genCdnUrl.ts"],"sourcesContent":["import urlJoin from 'url-join';\n\nconst UNPKG_API = 'https://unpkg.com';\nconst ALIYUN_API = 'https://registry.npmmirror.com';\n\nexport type CDN = 'aliyun' | 'unpkg';\nexport interface CdnApi {\n  path: string;\n  pkg: string;\n  proxy?: CDN;\n  version?: string;\n}\n\ntype ResolvedCdnApi = Required<Omit<CdnApi, 'proxy'>>;\n\nconst builders: Record<CDN, (api: ResolvedCdnApi) => string> = {\n  aliyun: ({ path, pkg, version }) => urlJoin(ALIYUN_API, pkg, version, 'files', path),\n  unpkg: ({ path, pkg, version }) => urlJoin(UNPKG_API, `${pkg}@${version}`, path),\n};\n\nexport const genCdnUrl = ({ path, pkg, proxy = 'aliyun', version = 'latest' }: CdnApi): string =>\n  builders[proxy]({ path, pkg, version });\n\nexport { ALIYUN_API, UNPKG_API };\n"],"mappings":";;AAEA,MAAM,YAAY;AAClB,MAAM,aAAa;AAYnB,MAAM,WAAyD;CAC7D,SAAS,EAAE,MAAM,KAAK,cAAc,QAAQ,YAAY,KAAK,SAAS,SAAS,IAAI;CACnF,QAAQ,EAAE,MAAM,KAAK,cAAc,QAAQ,WAAW,GAAG,IAAI,GAAG,WAAW,IAAI;AACjF;AAEA,MAAa,aAAa,EAAE,MAAM,KAAK,QAAQ,UAAU,UAAU,eACjE,SAAS,MAAM,CAAC;CAAE;CAAM;CAAK;AAAQ,CAAC"}

package/es/utils/safeReadableColor.mjs

@@ -0,0 +1,6 @@
+//#region src/utils/safeReadableColor.ts
+const safeReadableColor = (bgColor) => `oklch(from ${bgColor} clamp(0, (l - 0.62) * -1000, 1) 0 h / 1)`;
+//#endregion
+export { safeReadableColor };
+
+//# sourceMappingURL=safeReadableColor.mjs.map

package/es/utils/safeReadableColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["export const safeReadableColor = (bgColor: string): string =>\n  `oklch(from ${bgColor} clamp(0, (l - 0.62) * -1000, 1) 0 h / 1)`;\n"],"mappings":";AAAA,MAAa,qBAAqB,YAChC,cAAc,QAAQ"}