@skyroc/scripts 2.5.0

package/templates/admin-shell/theme/antd/ui.ts

@@ -0,0 +1,250 @@
+import type { ArgsProps as MessageArgsProps, MessageInstance, TypeOpen } from 'antd/es/message/interface';
+import type { ModalFunc } from 'antd/es/modal/confirm';
+import type { HookAPI as ModalHookAPI } from 'antd/es/modal/useModal';
+import type { ArgsProps, NotificationInstance } from 'antd/es/notification/interface';
+
+/** 私有 UI 实例状态 —— 由 AntdProvider 内部的 ContextHolder 自动初始化 */
+const _ui = {
+  message: null as MessageInstance | null,
+  modal: null as ModalHookAPI | null,
+  notification: null as NotificationInstance | null
+};
+
+/**
+ * 初始化 Antd UI 组件实例（仅供 AntdProvider 内部使用）
+ *
+ * @internal
+ */
+export function initAntdUI(message: MessageInstance, modal: ModalHookAPI, notification: NotificationInstance) {
+  _ui.message = message;
+  _ui.modal = modal;
+  _ui.notification = notification;
+}
+
+// ============================================================================
+// Internal getters
+// ============================================================================
+
+function getMessage(): MessageInstance {
+  if (!_ui.message) {
+    console.error('message is not initialized, please wrap your app with AntdProvider first');
+    throw new Error('message is not initialized');
+  }
+  return _ui.message;
+}
+
+function getModal(): ModalHookAPI {
+  if (!_ui.modal) {
+    console.error('modal is not initialized, please wrap your app with AntdProvider first');
+    throw new Error('modal is not initialized');
+  }
+  return _ui.modal;
+}
+
+function getNotification(): NotificationInstance {
+  if (!_ui.notification) {
+    console.error('notification is not initialized, please wrap your app with AntdProvider first');
+    throw new Error('notification is not initialized');
+  }
+  return _ui.notification;
+}
+
+// ============================================================================
+// Notification
+// ============================================================================
+
+/**
+ * 显示通知
+ *
+ * @param config - 通知配置
+ * @returns 通知实例
+ */
+export function showNotification(config: ArgsProps) {
+  return getNotification().open(config);
+}
+
+/**
+ * 销毁通知
+ *
+ * @param key - 通知的唯一标识,不传则销毁所有通知
+ */
+export function destroyNotification(key?: React.Key) {
+  return getNotification().destroy(key);
+}
+
+/**
+ * 显示成功通知
+ *
+ * @param config - 通知配置
+ * @returns 通知实例
+ */
+export function showSuccessNotification(config: ArgsProps) {
+  return getNotification().success(config);
+}
+
+/**
+ * 显示错误通知
+ *
+ * @param config - 通知配置
+ * @returns 通知实例
+ */
+export function showErrorNotification(config: ArgsProps) {
+  return getNotification().error(config);
+}
+
+/**
+ * 显示信息通知
+ *
+ * @param config - 通知配置
+ * @returns 通知实例
+ */
+export function showInfoNotification(config: ArgsProps) {
+  return getNotification().info(config);
+}
+
+/**
+ * 显示警告通知
+ *
+ * @param config - 通知配置
+ * @returns 通知实例
+ */
+export function showWarningNotification(config: ArgsProps) {
+  return getNotification().warning(config);
+}
+
+// ============================================================================
+// Message
+// ============================================================================
+
+/**
+ * 显示消息
+ *
+ * @param config - 消息配置
+ * @returns 消息实例
+ */
+export function showMessage(config: MessageArgsProps) {
+  return getMessage().open(config);
+}
+
+/**
+ * 销毁消息
+ *
+ * @param key - 消息的唯一标识,不传则销毁所有消息
+ */
+export function destroyMessage(key?: React.Key) {
+  return getMessage().destroy(key);
+}
+
+/**
+ * 显示成功消息
+ *
+ * @param args - 消息配置参数
+ * @returns 消息实例
+ */
+export const showSuccessMessage: TypeOpen = (...args) => {
+  return getMessage().success(...args);
+};
+
+/**
+ * 显示错误消息
+ *
+ * @param args - 消息配置参数
+ * @returns 消息实例
+ */
+export const showErrorMessage: TypeOpen = (...args) => {
+  return getMessage().error(...args);
+};
+
+/**
+ * 显示信息消息
+ *
+ * @param args - 消息配置参数
+ * @returns 消息实例
+ */
+export const showInfoMessage: TypeOpen = (...args) => {
+  return getMessage().info(...args);
+};
+
+/**
+ * 显示警告消息
+ *
+ * @param args - 消息配置参数
+ * @returns 消息实例
+ */
+export const showWarningMessage: TypeOpen = (...args) => {
+  return getMessage().warning(...args);
+};
+
+/**
+ * 显示加载消息
+ *
+ * @param args - 消息配置参数
+ * @returns 消息实例
+ */
+export const showLoadingMessage: TypeOpen = (...args) => {
+  return getMessage().loading(...args);
+};
+
+// ============================================================================
+// Modal
+// ============================================================================
+
+/**
+ * 显示模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showModal: ModalFunc = (...args) => {
+  return getModal().confirm(...args);
+};
+
+/**
+ * 显示确认模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showConfirmModal: ModalFunc = (...args) => {
+  return getModal().confirm(...args);
+};
+
+/**
+ * - 显示信息模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showInfoModal: ModalFunc = (...args) => {
+  return getModal().info(...args);
+};
+
+/**
+ * 显示成功模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showSuccessModal: ModalFunc = (...args) => {
+  return getModal().success(...args);
+};
+
+/**
+ * 显示错误模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showErrorModal: ModalFunc = (...args) => {
+  return getModal().error(...args);
+};
+
+/**
+ * 显示警告模态框
+ *
+ * @param args - 模态框配置参数
+ * @returns 模态框实例
+ */
+export const showWarningModal: ModalFunc = (...args) => {
+  return getModal().warning(...args);
+};

package/templates/admin-shell/theme/antd-algorithm/algorithm/dark/colors.ts

@@ -0,0 +1,99 @@
+import { adjustLightness, generateDarkModePalette, mixColor } from '@skyroc/color';
+import type { ColorMap, GenerateColorMap, GenerateNeutralColorMap } from '../../types';
+
+/** Dark mode default base colors */
+export const DARK_BG_BASE = '#000';
+export const DARK_TEXT_BASE = '#FFFFFF';
+
+/**
+ * Generate color palettes (dark mode)
+ *
+ * Uses generateDarkModePalette algorithm to replace antd's @ant-design/colors Reference Ant Design official dark
+ * algorithm, palette mapping needs special handling.
+ *
+ * 档位号语义与亮色一致——50 最亮、950 最暗。暗色主题需要深色背景，因此 antd 的 1-4 档取的是色板暗端（950-700），而不是靠翻转档位号来实现。
+ *
+ * Mapping strategy (reference antd dark theme): - 1-4: 取暗端 (950-700)，用于背景与边框 - 5-7: 交叉映射中间亮区 (5→400, 6→500,
+ * 7→600)，增强交互对比 - 8-10: 复用 5-7 (8→400, 9→500, 10→600)，用于文字色
+ */
+export const generateColorPalettes: GenerateColorMap = (baseColor: string): ColorMap => {
+  const { palettes } = generateDarkModePalette(baseColor);
+  const [p50, p100, p200, p300, p400, p500, p600, p700, p800, p900, p950] = palettes;
+
+  return {
+    // antd 1-10 format (dark mode special mapping, reference antd official implementation)
+    1: p950.hex, // 950 - darkest background
+    2: p900.hex, // 900 - background hover
+    3: p800.hex, // 800 - border
+    4: p700.hex, // 700 - border hover
+    5: p400.hex, // 400 - hover color (dark mode needs brighter)
+    6: p500.hex, // 500 - main color
+    7: p600.hex, // 600 - active color
+    8: p400.hex, // 400 - text hover
+    9: p500.hex, // 500 - text color
+    10: p600.hex, // 600 - text active
+    // Tailwind 50-950 format (keep original mapping)
+    50: p50.hex,
+    100: p100.hex,
+    200: p200.hex,
+    300: p300.hex,
+    400: p400.hex,
+    500: p500.hex,
+    600: p600.hex,
+    700: p700.hex,
+    800: p800.hex,
+    900: p900.hex,
+    950: p950.hex
+  };
+};
+
+/**
+ * Generate neutral color palettes (dark mode)
+ *
+ * Reference Ant Design official dark theme implementation: - Uses solid color mixing algorithm (not transparency) -
+ * Background levels: Layout(base) → Container(+8) → Elevated(+12) - Text transparency: 85% / 65% / 45% / 25% - Fill
+ * transparency: 18% / 12% / 8% / 4% - Border uses fixed lightness increase (26 / 19)
+ *
+ * Base colors: - colorBgBase: #141414 (Ant Design dark background) - colorTextBase: #FFFFFF (pure white)
+ */
+export const generateNeutralColorPalettes: GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => {
+  const colorBgBase = bgBaseColor || DARK_BG_BASE;
+  const colorTextBase = textBaseColor || DARK_TEXT_BASE;
+
+  return {
+    colorBgBase,
+    colorTextBase,
+
+    /** Text color levels Reference antd: Uses mixing algorithm to simulate transparency effect 85% / 65% / 45% / 25% */
+    colorText: mixColor(colorBgBase, colorTextBase, 0.85), // Primary text
+    colorTextSecondary: mixColor(colorBgBase, colorTextBase, 0.65), // Secondary text
+    colorTextTertiary: mixColor(colorBgBase, colorTextBase, 0.45), // Placeholder, disabled
+    colorTextQuaternary: mixColor(colorBgBase, colorTextBase, 0.25), // Very weak text
+
+    /** Fill color levels Reference antd: 18% / 12% / 8% / 4% For button hover, selected background, etc. */
+    colorFill: mixColor(colorBgBase, colorTextBase, 0.18), // Primary fill
+    colorFillSecondary: mixColor(colorBgBase, colorTextBase, 0.12), // Secondary fill
+    colorFillTertiary: mixColor(colorBgBase, colorTextBase, 0.08), // Divider background
+    colorFillQuaternary: mixColor(colorBgBase, colorTextBase, 0.04), // Weak fill
+
+    /** Solid background Reference antd: 95% / 100% / 90% For dark buttons, badges, etc. */
+    colorBgSolid: mixColor(colorBgBase, colorTextBase, 0.95), // Solid background
+    colorBgSolidHover: colorTextBase, // Solid hover (pure white)
+    colorBgSolidActive: mixColor(colorBgBase, colorTextBase, 0.9), // Solid active
+
+    /**
+     * Background levels Reference antd: Layout(0) → Container(8) → Elevated(12) Dark mode floating layers need to be
+     * brighter to show hierarchy
+     */
+    colorBgLayout: colorBgBase, // Page background (base color)
+    colorBgContainer: adjustLightness(colorBgBase, 8), // Card, container background (+8)
+    colorBgElevated: adjustLightness(colorBgBase, 12), // Popup, dropdown (+12)
+    colorBgSpotlight: adjustLightness(colorBgBase, 26), // Spotlight focus (+26)
+    colorBgBlur: mixColor(colorBgBase, colorTextBase, 0.04), // Blur background (4%)
+
+    /** Border colors Reference antd: Fixed lightness increase 26 / 26 / 19 */
+    colorBorder: adjustLightness(colorBgBase, 26), // Primary border
+    colorBorderDisabled: adjustLightness(colorBgBase, 26), // Disabled border (same as primary)
+    colorBorderSecondary: adjustLightness(colorBgBase, 19) // Secondary border, divider
+  };
+};

package/templates/admin-shell/theme/antd-algorithm/algorithm/dark/index.ts

@@ -0,0 +1,87 @@
+import { mixColor } from '@skyroc/color';
+import type { MapToken, PresetColorType, SeedToken } from 'antd/lib/theme/interface';
+import { defaultPresetColors } from '../../seed';
+import genColorMapToken, {
+  FUNCTIONAL_SEMANTIC_CONFIG,
+  genPaletteVars,
+  genSemanticColors
+} from '../../shared/genColorMapToken';
+import defaultAlgorithm from '../default';
+import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
+
+// Export generator functions for external use
+export { generateColorPalettes, generateNeutralColorPalettes };
+
+/**
+ * Dark mode theme algorithm
+ *
+ * Reference Ant Design official dark theme implementation: 1. Uses generateDarkModePalette algorithm to generate
+ * palettes (replaces @ant-design/colors) 2. Special color mapping strategy (1-4→950-700, 5→400, 6→500, 7→600) 3.
+ * Custom colorPrimaryBg to optimize selected item background
+ *
+ * Generated content: - Preset colors (blue, geekblue, etc.): palette vars only (blue-1 ... blue-10, blue-50 ...
+ * blue-950) - Functional colors (colorPrimary, colorInfo, etc.): palette vars + semantic colors (colorPrimaryBg,
+ * colorPrimaryHover, ...) - Neutral color system: colorText, colorBgContainer, colorBorder, etc.
+ */
+export default function derivativeDark(token: SeedToken, mapToken?: MapToken): MapToken {
+  const colorPalettes = Object.keys(defaultPresetColors)
+    .map(colorKey => {
+      const baseColor = token[colorKey as keyof PresetColorType];
+
+      if (!baseColor) return {};
+
+      const colors = generateColorPalettes(baseColor);
+      const isFunctionalColor = colorKey.startsWith('color');
+
+      // Preset colors: palette vars only, no semantic colors
+      if (!isFunctionalColor) {
+        return genPaletteVars(colorKey, colors);
+      }
+
+      // Functional colors: palette vars + semantic colors
+      const result = genPaletteVars(colorKey, colors);
+
+      const capitalizedKey = colorKey.charAt(0).toUpperCase() + colorKey.slice(1);
+      const semanticColors = genSemanticColors({
+        colors,
+        config: FUNCTIONAL_SEMANTIC_CONFIG,
+        name: capitalizedKey
+      });
+
+      if (colorKey === 'colorError') {
+        result.colorErrorBgActive = colors[3];
+        result.colorErrorBgFilledHover = mixColor(colors[1], colors[3], 0.5);
+      }
+
+      Object.assign(result, semanticColors);
+
+      return result;
+    })
+    .reduce<MapToken>((prev, cur) => {
+      return { ...prev, ...cur };
+    }, {} as MapToken);
+
+  // Generate neutral color mapping (background, text, border, etc.)
+  const colorMapToken = genColorMapToken(token, {
+    generateNeutralColorPalettes
+  });
+
+  const mergedMapToken = mapToken ?? defaultAlgorithm(token);
+
+  return {
+    ...mergedMapToken,
+    ...colorPalettes,
+
+    // Neutral color mapping
+    ...colorMapToken,
+
+    /**
+     * Dark mode special customization Reference Ant Design official implementation:
+     * https://github.com/ant-design/ant-design/issues/30524#issuecomment-871961867
+     *
+     * Uses colorPrimaryBorder as selected item background for better visual feedback
+     */
+    colorPrimaryBg: colorMapToken.colorPrimaryBorder,
+    colorPrimaryBgHover: colorMapToken.colorPrimaryBorderHover
+  };
+}

package/templates/admin-shell/theme/antd-algorithm/algorithm/default/colors.ts

@@ -0,0 +1,91 @@
+import { adjustLightness, generateOklchPaletteAnchored, mixColor } from '@skyroc/color';
+import type { ColorMap, GenerateColorMap, GenerateNeutralColorMap } from '../../types';
+
+/** Light mode default base colors */
+export const LIGHT_BG_BASE = '#FFFFFF';
+export const LIGHT_TEXT_BASE = '#1F1F1F';
+
+/**
+ * Generate color palettes (light mode)
+ *
+ * Uses generateOklchPaletteAnchored algorithm instead of antd's @ant-design/colors Outputs 11 colors (50-950), mapped to
+ * antd's 1-10 indexes
+ */
+export const generateColorPalettes: GenerateColorMap = (baseColor: string): ColorMap => {
+  const { palettes } = generateOklchPaletteAnchored(baseColor);
+  const [p50, p100, p200, p300, p400, p500, p600, p700, p800, p900, p950] = palettes;
+
+  return {
+    1: p50.hex, // 50 - lightest background
+    2: p100.hex, // 100 - background hover
+    3: p200.hex, // 200 - border
+    4: p300.hex, // 300 - border hover
+    5: p400.hex, // 400 - hover color
+    6: p500.hex, // 500 - main color
+    7: p600.hex, // 600 - active color
+    8: p700.hex, // 700 - text hover
+    9: p800.hex, // 800 - text color
+    10: p900.hex, // 900 - text active
+    50: p50.hex,
+    100: p100.hex,
+    200: p200.hex,
+    300: p300.hex,
+    400: p400.hex,
+    500: p500.hex,
+    600: p600.hex,
+    700: p700.hex,
+    800: p800.hex,
+    900: p900.hex,
+    950: p950.hex
+  };
+};
+
+/**
+ * Generate neutral color palettes (light mode)
+ *
+ * Uses solid color mixing algorithm instead of transparency Advantages: - Stable and predictable colors, not affected
+ * by background - Precise contrast control - Consistent with theme palette algorithm
+ *
+ * Base colors: - colorBgBase: #FAFAFA (soft white) - colorTextBase: #1F1F1F (dark gray)
+ */
+export const generateNeutralColorPalettes: GenerateNeutralColorMap = (bgBaseColor: string, textBaseColor: string) => {
+  const colorBgBase = bgBaseColor || LIGHT_BG_BASE;
+  const colorTextBase = textBaseColor || LIGHT_TEXT_BASE;
+
+  return {
+    colorBgBase,
+    colorTextBase,
+
+    /**
+     * Text color levels Uses bgBase and textBase mixing to generate solid colors Higher ratio = closer to textBase
+     * (darker)
+     */
+    colorText: mixColor(colorBgBase, colorTextBase, 0.88), // Primary text
+    colorTextSecondary: mixColor(colorBgBase, colorTextBase, 0.65), // Secondary text
+    colorTextTertiary: mixColor(colorBgBase, colorTextBase, 0.45), // Placeholder, disabled
+    colorTextQuaternary: mixColor(colorBgBase, colorTextBase, 0.25), // Very weak text
+
+    /** Fill color levels For button hover, selected background, etc. */
+    colorFill: mixColor(colorBgBase, colorTextBase, 0.12), // Primary fill
+    colorFillSecondary: mixColor(colorBgBase, colorTextBase, 0.06), // Secondary fill
+    colorFillTertiary: mixColor(colorBgBase, colorTextBase, 0.04), // Divider background
+    colorFillQuaternary: mixColor(colorBgBase, colorTextBase, 0.02), // Weak fill
+
+    /** Solid background For dark buttons, badges, etc. */
+    colorBgSolid: colorTextBase, // Solid background
+    colorBgSolidHover: mixColor(colorTextBase, colorBgBase, 0.15), // Solid hover (lighter)
+    colorBgSolidActive: mixColor(colorTextBase, '#000000', 0.1), // Solid active (darker)
+
+    /** Background levels Layout(dark) → Container → Elevated(light) */
+    colorBgLayout: adjustLightness(colorBgBase, -3), // Page background (darker)
+    colorBgContainer: colorBgBase, // Card, container background
+    colorBgElevated: adjustLightness(colorBgBase, 2), // Popup, dropdown (lighter)
+    colorBgSpotlight: mixColor(colorBgBase, colorTextBase, 0.85), // Spotlight focus
+    colorBgBlur: 'transparent', // Blur background
+
+    /** Border colors */
+    colorBorder: mixColor(colorBgBase, colorTextBase, 0.15), // Primary border
+    colorBorderDisabled: mixColor(colorBgBase, colorTextBase, 0.1), // Disabled border
+    colorBorderSecondary: mixColor(colorBgBase, colorTextBase, 0.06) // Secondary border, divider
+  };
+};

package/templates/admin-shell/theme/antd-algorithm/algorithm/default/index.ts

@@ -0,0 +1,77 @@
+import { mixColor } from '@skyroc/color';
+import type { MapToken, PresetColorType, SeedToken } from 'antd/lib/theme/interface';
+import { defaultPresetColors } from '../../seed';
+import genColorMapToken, {
+  FUNCTIONAL_SEMANTIC_CONFIG,
+  genPaletteVars,
+  genSemanticColors
+} from '../../shared/genColorMapToken';
+import genCommonMapToken from '../../shared/genCommonMapToken';
+import genControlHeight from '../../shared/genControlHeight';
+import { genFontMapToken } from '../../shared/genFontMapToken';
+import { genSizeMapToken } from '../../shared/genSizeMapToken';
+import { generateColorPalettes, generateNeutralColorPalettes } from './colors';
+
+// Export generator functions for external use
+export { generateColorPalettes, generateNeutralColorPalettes };
+
+/**
+ * Light mode theme algorithm
+ *
+ * Uses generateOklchPaletteAnchored algorithm to replace antd's default @ant-design/colors Generates more modern
+ * design-compliant palettes
+ *
+ * Generated content: - Preset colors (blue, geekblue, etc.): palette vars only (blue-1 ... blue-10, blue-50 ...
+ * blue-950) - Functional colors (colorPrimary, colorInfo, etc.): palette vars + semantic colors (colorPrimaryBg,
+ * colorPrimaryHover, ...)
+ */
+export default function derivative(token: SeedToken): MapToken {
+  const colorPalettes = Object.keys(defaultPresetColors)
+    .map(colorKey => {
+      const baseColor = token[colorKey as keyof PresetColorType];
+
+      if (!baseColor) return {};
+
+      const colors = generateColorPalettes(baseColor);
+      const isFunctionalColor = colorKey.startsWith('color');
+
+      // Preset colors: palette vars only, no semantic colors
+      if (!isFunctionalColor) {
+        return genPaletteVars(colorKey, colors);
+      }
+
+      // Functional colors: palette vars + semantic colors
+      const result = genPaletteVars(colorKey, colors);
+
+      const capitalizedKey = colorKey.charAt(0).toUpperCase() + colorKey.slice(1);
+      const semanticColors = genSemanticColors({
+        colors,
+        config: FUNCTIONAL_SEMANTIC_CONFIG,
+        name: capitalizedKey
+      });
+
+      if (colorKey === 'colorError') {
+        result.colorErrorBgActive = colors[3];
+        result.colorErrorBgFilledHover = mixColor(colors[1], colors[3], 0.5);
+      }
+      Object.assign(result, semanticColors);
+
+      return result;
+    })
+    .reduce<MapToken>((prev, cur) => {
+      return { ...prev, ...cur };
+    }, {} as MapToken);
+
+  return {
+    ...token,
+    ...colorPalettes,
+    ...genFontMapToken(token.fontSize),
+    ...genSizeMapToken(token.sizeUnit),
+    ...genControlHeight(token),
+    ...genCommonMapToken(token),
+    // Neutral color mapping (background, text, border, etc.)
+    ...genColorMapToken(token, {
+      generateNeutralColorPalettes
+    })
+  };
+}

package/templates/admin-shell/theme/antd-algorithm/index.ts

@@ -0,0 +1,80 @@
+// Dark theme algorithm
+export { default as derivativeDark } from './algorithm/dark';
+export {
+  DARK_BG_BASE,
+  DARK_TEXT_BASE,
+  generateColorPalettes as generateDarkColorPalettes,
+  generateNeutralColorPalettes as generateDarkNeutralColorPalettes
+} from './algorithm/dark/colors';
+
+// Default theme algorithm
+export { default as derivative } from './algorithm/default';
+export {
+  generateColorPalettes,
+  generateNeutralColorPalettes,
+  LIGHT_BG_BASE,
+  LIGHT_TEXT_BASE
+} from './algorithm/default/colors';
+
+// Seed tokens
+export { defaultPresetColors, seedToken } from './seed';
+
+// Color utilities (re-exported from @skyroc/color)
+export { adjustLightness, darkenColor, lightenColor, mixColor } from './shared/colorAlgorithm';
+
+// Color map token
+export {
+  ANTD_INDEXES,
+  default as genColorMapToken,
+  FUNCTIONAL_SEMANTIC_CONFIG,
+  genPaletteVars,
+  genSemanticColors,
+  PRIMARY_SEMANTIC_CONFIG,
+  TAILWIND_INDEXES
+} from './shared/genColorMapToken';
+
+export type { SemanticColorConfig } from './shared/genColorMapToken';
+
+// Common map token
+export { default as genCommonMapToken } from './shared/genCommonMapToken';
+
+// Control height
+export { default as genControlHeight } from './shared/genControlHeight';
+
+// Font map token
+export {
+  default as genFontMapToken,
+  FONT_SIZES,
+  genFontSizes,
+  getLineHeightRatio,
+  LINE_HEIGHTS,
+  remToPx
+} from './shared/genFontMapToken';
+
+export type { FontSizeKey } from './shared/genFontMapToken';
+
+// Radius map token
+export {
+  calcRadius,
+  default as genRadiusMapToken,
+  genExtendedRadiusToken,
+  genRadiusSizes,
+  genRadiusVars,
+  RADIUS_MULTIPLIERS
+} from './shared/genRadiusMapToken';
+
+export type { ExtendedRadiusToken, RadiusMapToken, RadiusSizeKey } from './shared/genRadiusMapToken';
+
+// Size map token
+export {
+  calcSpacing,
+  default as genSizeMapToken,
+  genSpacingSizes,
+  genSpacingVars,
+  SPACING_MULTIPLIERS
+} from './shared/genSizeMapToken';
+
+export type { SpacingSizeKey } from './shared/genSizeMapToken';
+
+// Types
+export type * from './types';