@zboson/ui 0.0.0-stage → 0.0.1

package/dist/theme/themes/dark/index.js

@@ -0,0 +1,47 @@
+import { defaultPresetColors } from "../seed.js";
+import { PresetColors } from "../../interface/presetColors.js";
+import genColorMapToken from "../shared/genColorMapToken.js";
+import derivative$1 from "../default/index.js";
+import { generateColorPalettes, generateNeutralColorPalettes } from "./colors.js";
+import { generate } from "@ant-design/colors";
+//#region src/theme/themes/dark/index.ts
+const derivative = (token, mapToken) => {
+	const colorPalettes = Object.keys(defaultPresetColors).map((colorKey) => {
+		const colors = generate(token[colorKey], { theme: "dark" });
+		return Array.from({ length: 10 }, () => 1).reduce((prev, _, i) => {
+			prev[`${colorKey}-${i + 1}`] = colors[i];
+			prev[`${colorKey}${i + 1}`] = colors[i];
+			return prev;
+		}, {});
+	}).reduce((prev, cur) => {
+		prev = {
+			...prev,
+			...cur
+		};
+		return prev;
+	}, {});
+	const mergedMapToken = mapToken ?? derivative$1(token);
+	const colorMapToken = genColorMapToken(token, {
+		generateColorPalettes,
+		generateNeutralColorPalettes
+	});
+	const presetColorHoverActiveTokens = PresetColors.reduce((prev, colorKey) => {
+		const colorBase = token[colorKey];
+		if (colorBase) {
+			const colorPalette = generateColorPalettes(colorBase);
+			prev[`${colorKey}Hover`] = colorPalette[7];
+			prev[`${colorKey}Active`] = colorPalette[5];
+		}
+		return prev;
+	}, {});
+	return {
+		...mergedMapToken,
+		...colorPalettes,
+		...colorMapToken,
+		...presetColorHoverActiveTokens,
+		colorPrimaryBg: colorMapToken.colorPrimaryBorder,
+		colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover
+	};
+};
+//#endregion
+export { derivative as default };

package/dist/theme/themes/default/colorAlgorithm.d.ts

@@ -0,0 +1,5 @@
+//#region src/theme/themes/default/colorAlgorithm.d.ts
+declare function getAlphaColor(baseColor: string, alpha: number): string;
+declare function getSolidColor(baseColor: string, brightness: number): string;
+//#endregion
+export { getAlphaColor, getSolidColor };

package/dist/theme/themes/default/colorAlgorithm.js

@@ -0,0 +1,10 @@
+import { FastColor } from "@ant-design/fast-color";
+//#region src/theme/themes/default/colorAlgorithm.ts
+function getAlphaColor(baseColor, alpha) {
+	return new FastColor(baseColor).setA(alpha).toRgbString();
+}
+function getSolidColor(baseColor, brightness) {
+	return new FastColor(baseColor).darken(brightness).toHexString();
+}
+//#endregion
+export { getAlphaColor, getSolidColor };

package/dist/theme/themes/default/colors.d.ts

@@ -0,0 +1,6 @@
+import { GenerateColorMap, GenerateNeutralColorMap } from "../ColorMap.js";
+//#region src/theme/themes/default/colors.d.ts
+declare const generateColorPalettes: GenerateColorMap;
+declare const generateNeutralColorPalettes: GenerateNeutralColorMap;
+//#endregion
+export { generateColorPalettes, generateNeutralColorPalettes };

package/dist/theme/themes/default/colors.js

@@ -0,0 +1,48 @@
+import { getAlphaColor, getSolidColor } from "./colorAlgorithm.js";
+import { generate } from "@ant-design/colors";
+//#region src/theme/themes/default/colors.ts
+const generateColorPalettes = (baseColor) => {
+	const colors = generate(baseColor);
+	return {
+		1: colors[0],
+		2: colors[1],
+		3: colors[2],
+		4: colors[3],
+		5: colors[4],
+		6: colors[5],
+		7: colors[6],
+		8: colors[4],
+		9: colors[5],
+		10: colors[6]
+	};
+};
+const generateNeutralColorPalettes = (bgBaseColor, textBaseColor, shadowColor) => {
+	const colorBgBase = bgBaseColor || "#fff";
+	const colorTextBase = textBaseColor || "#000";
+	return {
+		colorBgBase,
+		colorTextBase,
+		colorShadow: shadowColor || "#000",
+		colorText: getAlphaColor(colorTextBase, .88),
+		colorTextSecondary: getAlphaColor(colorTextBase, .65),
+		colorTextTertiary: getAlphaColor(colorTextBase, .45),
+		colorTextQuaternary: getAlphaColor(colorTextBase, .25),
+		colorFill: getAlphaColor(colorTextBase, .15),
+		colorFillSecondary: getAlphaColor(colorTextBase, .06),
+		colorFillTertiary: getAlphaColor(colorTextBase, .04),
+		colorFillQuaternary: getAlphaColor(colorTextBase, .02),
+		colorBgSolid: getAlphaColor(colorTextBase, 1),
+		colorBgSolidHover: getAlphaColor(colorTextBase, .75),
+		colorBgSolidActive: getAlphaColor(colorTextBase, .95),
+		colorBgLayout: getSolidColor(colorBgBase, 4),
+		colorBgContainer: getSolidColor(colorBgBase, 0),
+		colorBgElevated: getSolidColor(colorBgBase, 0),
+		colorBgSpotlight: getAlphaColor(colorTextBase, .85),
+		colorBgBlur: "transparent",
+		colorBorder: getSolidColor(colorBgBase, 15),
+		colorBorderDisabled: getSolidColor(colorBgBase, 15),
+		colorBorderSecondary: getSolidColor(colorBgBase, 6)
+	};
+};
+//#endregion
+export { generateColorPalettes, generateNeutralColorPalettes };

package/dist/theme/themes/default/index.d.ts

@@ -0,0 +1,7 @@
+import { SeedToken } from "../../interface/seeds.js";
+import { MapToken } from "../../interface/maps/index.js";
+import "../../interface/index.js";
+//#region src/theme/themes/default/index.d.ts
+declare function derivative(token: SeedToken): MapToken;
+//#endregion
+export { derivative as default };

package/dist/theme/themes/default/index.js

@@ -0,0 +1,41 @@
+import { defaultPresetColors } from "../seed.js";
+import genColorMapToken from "../shared/genColorMapToken.js";
+import genCommonMapToken from "../shared/genCommonMapToken.js";
+import genControlHeight from "../shared/genControlHeight.js";
+import genFontMapToken from "../shared/genFontMapToken.js";
+import genSizeMapToken from "../shared/genSizeMapToken.js";
+import { generateColorPalettes, generateNeutralColorPalettes } from "./colors.js";
+import { generate, presetPalettes, presetPrimaryColors } from "@ant-design/colors";
+//#region src/theme/themes/default/index.ts
+function derivative(token) {
+	presetPrimaryColors.pink = presetPrimaryColors.magenta;
+	presetPalettes.pink = presetPalettes.magenta;
+	const colorPalettes = Object.keys(defaultPresetColors).map((colorKey) => {
+		const colors = token[colorKey] === presetPrimaryColors[colorKey] ? presetPalettes[colorKey] : generate(token[colorKey]);
+		return Array.from({ length: 10 }, () => 1).reduce((prev, _, i) => {
+			prev[`${colorKey}-${i + 1}`] = colors?.[i];
+			prev[`${colorKey}${i + 1}`] = colors?.[i];
+			return prev;
+		}, {});
+	}).reduce((prev, cur) => {
+		prev = {
+			...prev,
+			...cur
+		};
+		return prev;
+	}, {});
+	return {
+		...token,
+		...colorPalettes,
+		...genColorMapToken(token, {
+			generateColorPalettes,
+			generateNeutralColorPalettes
+		}),
+		...genFontMapToken(token.fontSize),
+		...genSizeMapToken(token),
+		...genControlHeight(token),
+		...genCommonMapToken(token)
+	};
+}
+//#endregion
+export { derivative as default };

package/dist/theme/themes/default/theme.d.ts

@@ -0,0 +1,4 @@
+//#region src/theme/themes/default/theme.d.ts
+declare const defaultTheme: import("@antdv-next/cssinjs").Theme<any, any>;
+//#endregion
+export { defaultTheme as default };

package/dist/theme/themes/default/theme.js

@@ -0,0 +1,6 @@
+import derivative from "./index.js";
+import { createTheme } from "@antdv-next/cssinjs";
+//#region src/theme/themes/default/theme.ts
+const defaultTheme = createTheme(derivative);
+//#endregion
+export { defaultTheme as default };

package/dist/theme/themes/seed.d.ts

@@ -0,0 +1,8 @@
+import { PresetColorType } from "../interface/presetColors.js";
+import { SeedToken } from "../interface/seeds.js";
+import "../internal.js";
+//#region src/theme/themes/seed.d.ts
+declare const defaultPresetColors: PresetColorType;
+declare const seedToken: SeedToken;
+//#endregion
+export { seedToken as default, defaultPresetColors };

package/dist/theme/themes/seed.js

@@ -0,0 +1,60 @@
+//#region src/theme/themes/seed.ts
+const defaultPresetColors = {
+	blue: "#1677FF",
+	purple: "#722ED1",
+	cyan: "#13C2C2",
+	green: "#52C41A",
+	magenta: "#EB2F96",
+	/**
+	* @deprecated Use magenta instead
+	*/
+	pink: "#EB2F96",
+	red: "#F5222D",
+	orange: "#FA8C16",
+	yellow: "#FADB14",
+	volcano: "#FA541C",
+	geekblue: "#2F54EB",
+	gold: "#FAAD14",
+	lime: "#A0D911"
+};
+const seedToken = {
+	...defaultPresetColors,
+	colorPrimary: "#1677ff",
+	colorSuccess: "#52c41a",
+	colorWarning: "#faad14",
+	colorError: "#ff4d4f",
+	colorInfo: "#1677ff",
+	colorLink: "",
+	colorTextBase: "",
+	colorBgBase: "",
+	fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji'`,
+	fontFamilyCode: `'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace`,
+	fontSize: 14,
+	lineWidth: 1,
+	lineType: "solid",
+	motionUnit: .1,
+	motionBase: 0,
+	motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
+	motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+	motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+	motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+	motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+	motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+	motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+	motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+	borderRadius: 6,
+	sizeUnit: 4,
+	sizeStep: 4,
+	sizePopupArrow: 16,
+	controlHeight: 32,
+	zIndexBase: 0,
+	zIndexPopupBase: 1e3,
+	opacityImage: 1,
+	wireframe: false,
+	focusOutline: true,
+	motion: true
+};
+//#endregion
+export { seedToken as default, defaultPresetColors };

package/dist/theme/themes/shared/genColorMapToken.d.ts

@@ -0,0 +1,12 @@
+import { SeedToken } from "../../interface/seeds.js";
+import { ColorMapToken } from "../../interface/maps/colors.js";
+import "../../interface/index.js";
+import { GenerateColorMap, GenerateNeutralColorMap } from "../ColorMap.js";
+//#region src/theme/themes/shared/genColorMapToken.d.ts
+interface PaletteGenerators {
+  generateColorPalettes: GenerateColorMap;
+  generateNeutralColorPalettes: GenerateNeutralColorMap;
+}
+declare function genColorMapToken(seed: SeedToken, { generateColorPalettes, generateNeutralColorPalettes }: PaletteGenerators): ColorMapToken;
+//#endregion
+export { genColorMapToken as default };

package/dist/theme/themes/shared/genColorMapToken.js

@@ -0,0 +1,88 @@
+import { PresetColors } from "../../interface/presetColors.js";
+import { FastColor } from "@ant-design/fast-color";
+//#region src/theme/themes/shared/genColorMapToken.ts
+function genColorMapToken(seed, { generateColorPalettes, generateNeutralColorPalettes }) {
+	const { colorSuccess: colorSuccessBase, colorWarning: colorWarningBase, colorError: colorErrorBase, colorInfo: colorInfoBase, colorPrimary: colorPrimaryBase, colorBgBase, colorTextBase } = seed;
+	const primaryColors = generateColorPalettes(colorPrimaryBase);
+	const successColors = generateColorPalettes(colorSuccessBase);
+	const warningColors = generateColorPalettes(colorWarningBase);
+	const errorColors = generateColorPalettes(colorErrorBase);
+	const infoColors = generateColorPalettes(colorInfoBase);
+	const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
+	const linkColors = generateColorPalettes(seed.colorLink || seed.colorInfo);
+	const colorErrorBgFilledHover = new FastColor(errorColors[1]).mix(new FastColor(errorColors[3]), 50).toHexString();
+	const presetColorTokens = {};
+	PresetColors.forEach((colorKey) => {
+		const colorBase = seed[colorKey];
+		if (colorBase) {
+			const colorPalette = generateColorPalettes(colorBase);
+			presetColorTokens[`${colorKey}Hover`] = colorPalette[5];
+			presetColorTokens[`${colorKey}Active`] = colorPalette[7];
+		}
+	});
+	return {
+		...neutralColors,
+		colorPrimaryBg: primaryColors[1],
+		colorPrimaryBgHover: primaryColors[2],
+		colorPrimaryBorder: primaryColors[3],
+		colorPrimaryBorderHover: primaryColors[4],
+		colorPrimaryHover: primaryColors[5],
+		colorPrimary: primaryColors[6],
+		colorPrimaryActive: primaryColors[7],
+		colorPrimaryTextHover: primaryColors[8],
+		colorPrimaryText: primaryColors[9],
+		colorPrimaryTextActive: primaryColors[10],
+		colorSuccessBg: successColors[1],
+		colorSuccessBgHover: successColors[2],
+		colorSuccessBorder: successColors[3],
+		colorSuccessBorderHover: successColors[4],
+		colorSuccessHover: successColors[4],
+		colorSuccess: successColors[6],
+		colorSuccessActive: successColors[7],
+		colorSuccessTextHover: successColors[8],
+		colorSuccessText: successColors[9],
+		colorSuccessTextActive: successColors[10],
+		colorErrorBg: errorColors[1],
+		colorErrorBgHover: errorColors[2],
+		colorErrorBgFilledHover,
+		colorErrorBgActive: errorColors[3],
+		colorErrorBorder: errorColors[3],
+		colorErrorBorderHover: errorColors[4],
+		colorErrorHover: errorColors[5],
+		colorError: errorColors[6],
+		colorErrorActive: errorColors[7],
+		colorErrorTextHover: errorColors[8],
+		colorErrorText: errorColors[9],
+		colorErrorTextActive: errorColors[10],
+		colorErrorAffix: errorColors[6],
+		colorWarningBg: warningColors[1],
+		colorWarningBgHover: warningColors[2],
+		colorWarningBorder: warningColors[3],
+		colorWarningBorderHover: warningColors[4],
+		colorWarningHover: warningColors[4],
+		colorWarning: warningColors[6],
+		colorWarningActive: warningColors[7],
+		colorWarningTextHover: warningColors[8],
+		colorWarningText: warningColors[9],
+		colorWarningTextActive: warningColors[10],
+		colorWarningAffix: warningColors[6],
+		colorInfoBg: infoColors[1],
+		colorInfoBgHover: infoColors[2],
+		colorInfoBorder: infoColors[3],
+		colorInfoBorderHover: infoColors[4],
+		colorInfoHover: infoColors[4],
+		colorInfo: infoColors[6],
+		colorInfoActive: infoColors[7],
+		colorInfoTextHover: infoColors[8],
+		colorInfoText: infoColors[9],
+		colorInfoTextActive: infoColors[10],
+		colorLinkHover: linkColors[4],
+		colorLink: linkColors[6],
+		colorLinkActive: linkColors[7],
+		...presetColorTokens,
+		colorBgMask: new FastColor("#000").setA(.45).toRgbString(),
+		colorWhite: "#fff"
+	};
+}
+//#endregion
+export { genColorMapToken as default };

package/dist/theme/themes/shared/genCommonMapToken.d.ts

@@ -0,0 +1,7 @@
+import { SeedToken } from "../../interface/seeds.js";
+import { CommonMapToken } from "../../interface/maps/index.js";
+import "../../interface/index.js";
+//#region src/theme/themes/shared/genCommonMapToken.d.ts
+declare function genCommonMapToken(token: SeedToken): CommonMapToken;
+//#endregion
+export { genCommonMapToken as default };

package/dist/theme/themes/shared/genCommonMapToken.js

@@ -0,0 +1,14 @@
+import genRadius from "./genRadius.js";
+//#region src/theme/themes/shared/genCommonMapToken.ts
+function genCommonMapToken(token) {
+	const { motionUnit, motionBase, borderRadius, lineWidth } = token;
+	return {
+		motionDurationFast: `${(motionBase + motionUnit).toFixed(1)}s`,
+		motionDurationMid: `${(motionBase + motionUnit * 2).toFixed(1)}s`,
+		motionDurationSlow: `${(motionBase + motionUnit * 3).toFixed(1)}s`,
+		lineWidthBold: lineWidth + 1,
+		...genRadius(borderRadius)
+	};
+}
+//#endregion
+export { genCommonMapToken as default };

package/dist/theme/themes/shared/genControlHeight.d.ts

@@ -0,0 +1,7 @@
+import { SeedToken } from "../../interface/seeds.js";
+import { HeightMapToken } from "../../interface/maps/size.js";
+import "../../interface/index.js";
+//#region src/theme/themes/shared/genControlHeight.d.ts
+declare function genControlHeight(token: SeedToken): HeightMapToken;
+//#endregion
+export { genControlHeight as default };

package/dist/theme/themes/shared/genControlHeight.js

@@ -0,0 +1,11 @@
+//#region src/theme/themes/shared/genControlHeight.ts
+function genControlHeight(token) {
+	const { controlHeight } = token;
+	return {
+		controlHeightSM: controlHeight * .75,
+		controlHeightXS: controlHeight * .5,
+		controlHeightLG: controlHeight * 1.25
+	};
+}
+//#endregion
+export { genControlHeight as default };

package/dist/theme/themes/shared/genFontMapToken.d.ts

@@ -0,0 +1,6 @@
+import { FontMapToken } from "../../interface/maps/font.js";
+import "../../interface/index.js";
+//#region src/theme/themes/shared/genFontMapToken.d.ts
+declare function genFontMapToken(fontSize: number): FontMapToken;
+//#endregion
+export { genFontMapToken as default };

package/dist/theme/themes/shared/genFontMapToken.js

@@ -0,0 +1,37 @@
+import getFontSizes from "./genFontSizes.js";
+//#region src/theme/themes/shared/genFontMapToken.ts
+function genFontMapToken(fontSize) {
+	const fontSizePairs = getFontSizes(fontSize);
+	const fontSizes = fontSizePairs.map((pair) => pair.size);
+	const lineHeights = fontSizePairs.map((pair) => pair.lineHeight);
+	const fontSizeMD = fontSizes[1];
+	const fontSizeSM = fontSizes[0];
+	const fontSizeLG = fontSizes[2];
+	const lineHeight = lineHeights[1];
+	const lineHeightSM = lineHeights[0];
+	const lineHeightLG = lineHeights[2];
+	return {
+		fontSizeSM,
+		fontSize: fontSizeMD,
+		fontSizeLG,
+		fontSizeXL: fontSizes[3],
+		fontSizeHeading1: fontSizes[6],
+		fontSizeHeading2: fontSizes[5],
+		fontSizeHeading3: fontSizes[4],
+		fontSizeHeading4: fontSizes[3],
+		fontSizeHeading5: fontSizes[2],
+		lineHeight,
+		lineHeightLG,
+		lineHeightSM,
+		fontHeight: Math.round(lineHeight * fontSizeMD),
+		fontHeightLG: Math.round(lineHeightLG * fontSizeLG),
+		fontHeightSM: Math.round(lineHeightSM * fontSizeSM),
+		lineHeightHeading1: lineHeights[6],
+		lineHeightHeading2: lineHeights[5],
+		lineHeightHeading3: lineHeights[4],
+		lineHeightHeading4: lineHeights[3],
+		lineHeightHeading5: lineHeights[2]
+	};
+}
+//#endregion
+export { genFontMapToken as default };

package/dist/theme/themes/shared/genFontSizes.d.ts

@@ -0,0 +1,8 @@
+//#region src/theme/themes/shared/genFontSizes.d.ts
+declare function getLineHeight(fontSize: number): number;
+declare function getFontSizes(base: number): {
+  size: number;
+  lineHeight: number;
+}[];
+//#endregion
+export { getFontSizes as default, getLineHeight };

package/dist/theme/themes/shared/genFontSizes.js

@@ -0,0 +1,18 @@
+//#region src/theme/themes/shared/genFontSizes.ts
+function getLineHeight(fontSize) {
+	return (fontSize + 8) / fontSize;
+}
+function getFontSizes(base) {
+	const fontSizes = Array.from({ length: 10 }).map((_, index) => {
+		const i = index - 1;
+		const baseSize = base * Math.E ** (i / 5);
+		return Math.floor((index > 1 ? Math.floor(baseSize) : Math.ceil(baseSize)) / 2) * 2;
+	});
+	fontSizes[1] = base;
+	return fontSizes.map((size) => ({
+		size,
+		lineHeight: getLineHeight(size)
+	}));
+}
+//#endregion
+export { getFontSizes as default, getLineHeight };

package/dist/theme/themes/shared/genRadius.d.ts

@@ -0,0 +1,6 @@
+import { MapToken } from "../../interface/maps/index.js";
+import "../../interface/index.js";
+//#region src/theme/themes/shared/genRadius.d.ts
+declare function genRadius(radiusBase: number): Pick<MapToken, 'borderRadiusXS' | 'borderRadiusSM' | 'borderRadiusLG' | 'borderRadius' | 'borderRadiusOuter'>;
+//#endregion
+export { genRadius as default };

package/dist/theme/themes/shared/genRadius.js

@@ -0,0 +1,28 @@
+//#region src/theme/themes/shared/genRadius.ts
+function genRadius(radiusBase) {
+	let radiusLG = radiusBase;
+	let radiusSM = radiusBase;
+	let radiusXS = radiusBase;
+	let radiusOuter = radiusBase;
+	if (radiusBase < 6 && radiusBase >= 5) radiusLG = radiusBase + 1;
+	else if (radiusBase < 16 && radiusBase >= 6) radiusLG = radiusBase + 2;
+	else if (radiusBase >= 16) radiusLG = 16;
+	if (radiusBase < 7 && radiusBase >= 5) radiusSM = 4;
+	else if (radiusBase < 8 && radiusBase >= 7) radiusSM = 5;
+	else if (radiusBase < 14 && radiusBase >= 8) radiusSM = 6;
+	else if (radiusBase < 16 && radiusBase >= 14) radiusSM = 7;
+	else if (radiusBase >= 16) radiusSM = 8;
+	if (radiusBase < 6 && radiusBase >= 2) radiusXS = 1;
+	else if (radiusBase >= 6) radiusXS = 2;
+	if (radiusBase > 4 && radiusBase < 8) radiusOuter = 4;
+	else if (radiusBase >= 8) radiusOuter = 6;
+	return {
+		borderRadius: radiusBase,
+		borderRadiusXS: radiusXS,
+		borderRadiusSM: radiusSM,
+		borderRadiusLG: radiusLG,
+		borderRadiusOuter: radiusOuter
+	};
+}
+//#endregion
+export { genRadius as default };

package/dist/theme/themes/shared/genSizeMapToken.d.ts

@@ -0,0 +1,7 @@
+import { SeedToken } from "../../interface/seeds.js";
+import { SizeMapToken } from "../../interface/maps/size.js";
+import "../../interface/index.js";
+//#region src/theme/themes/shared/genSizeMapToken.d.ts
+declare function genSizeMapToken(token: SeedToken): SizeMapToken;
+//#endregion
+export { genSizeMapToken as default };

package/dist/theme/themes/shared/genSizeMapToken.js

@@ -0,0 +1,17 @@
+//#region src/theme/themes/shared/genSizeMapToken.ts
+function genSizeMapToken(token) {
+	const { sizeUnit, sizeStep } = token;
+	return {
+		sizeXXL: sizeUnit * (sizeStep + 8),
+		sizeXL: sizeUnit * (sizeStep + 4),
+		sizeLG: sizeUnit * (sizeStep + 2),
+		sizeMD: sizeUnit * (sizeStep + 1),
+		sizeMS: sizeUnit * sizeStep,
+		size: sizeUnit * sizeStep,
+		sizeSM: sizeUnit * (sizeStep - 1),
+		sizeXS: sizeUnit * (sizeStep - 2),
+		sizeXXS: sizeUnit * (sizeStep - 3)
+	};
+}
+//#endregion
+export { genSizeMapToken as default };

package/dist/theme/useToken.d.ts

@@ -0,0 +1,20 @@
+import { SeedToken } from "./interface/seeds.js";
+import { AliasToken } from "./interface/alias.js";
+import { GlobalToken } from "./interface/cssinjs-utils.js";
+import "./interface/index.js";
+import { DesignTokenProviderProps } from "./context.js";
+import { Ref } from "vue";
+import { Theme } from "@antdv-next/cssinjs";
+//#region src/theme/useToken.d.ts
+declare const unitless: { [key in keyof AliasToken]?: boolean; };
+declare const ignore: { [key in keyof AliasToken]?: boolean; };
+declare function getComputedToken(originToken: SeedToken, overrideToken: DesignTokenProviderProps['components'] & {
+  override?: Partial<AliasToken>;
+}, theme: Theme<any, any>): any;
+type UseTokenResult = [theme: Ref<Theme<SeedToken, AliasToken>>, token: Ref<GlobalToken>, hashId: Ref<string>, realToken: Ref<GlobalToken>, cssVar: Ref<{
+  prefix: string;
+  key: string;
+}>, zeroRuntime: Ref<boolean>];
+declare function useToken(): UseTokenResult;
+//#endregion
+export { UseTokenResult, useToken as default, getComputedToken, ignore, unitless };