@aithe/aithe-ui 26.2.3 → 26.3.2

package/dist/styles/shadow/index.js

@@ -0,0 +1,129 @@
+export { flatShadowTokens } from './flat';
+export { neumorphismShadowTokens } from './neumorphism';
+export { skeuomorphicShadowTokens } from './skeuomorphic';
+export { glassmorphismShadowTokens } from './glassmorphism';
+export { cyberShadowTokens } from './cyber';
+export { deepShadowTokens } from './deep';
+export { diffuseShadowTokens } from './diffuse';
+export { sharpBusinessShadowTokens } from './sharp-business';
+export { retroShadowTokens } from './retro';
+import { flatShadowTokens } from './flat';
+import { neumorphismShadowTokens } from './neumorphism';
+import { skeuomorphicShadowTokens } from './skeuomorphic';
+import { glassmorphismShadowTokens } from './glassmorphism';
+import { cyberShadowTokens } from './cyber';
+import { deepShadowTokens } from './deep';
+import { diffuseShadowTokens } from './diffuse';
+import { sharpBusinessShadowTokens } from './sharp-business';
+import { retroShadowTokens } from './retro';
+/** Map of all built-in shadow style names to their CSS variable token maps. 所有内置阴影风格名称到其 CSS 变量 token 映射的映射表。 */
+const SHADOW_TOKENS = {
+    flat: flatShadowTokens,
+    neumorphism: neumorphismShadowTokens,
+    skeuomorphic: skeuomorphicShadowTokens,
+    glassmorphism: glassmorphismShadowTokens,
+    cyber: cyberShadowTokens,
+    deep: deepShadowTokens,
+    diffuse: diffuseShadowTokens,
+    'sharp-business': sharpBusinessShadowTokens,
+    retro: retroShadowTokens,
+};
+/** Preview icon characters for each built-in shadow style. 每个内置阴影风格的预览图标字符。 */
+const SHADOW_ICONS = {
+    flat: '▭',
+    neumorphism: '◧',
+    skeuomorphic: '▣',
+    glassmorphism: '◈',
+    cyber: '⬡',
+    deep: '⬢',
+    diffuse: '○',
+    'sharp-business': '▬',
+    retro: '▢',
+};
+/**
+ * Static tree menu data for shadow selection, compatible with `<aithe-tree-menu>`.
+ * 用于阴影选择的静态树形菜单数据，兼容 `<aithe-tree-menu>`。
+ * Each item carries an `icon` extension field with the preview character.
+ * 每个项携带 `icon` 扩展字段，包含预览字符。
+ */
+export const shadowMenu = Object.keys(SHADOW_TOKENS).map((shadow) => ({
+    id: shadow,
+    label: shadow === 'sharp-business' ? 'Sharp Business' : shadow.charAt(0).toUpperCase() + shadow.slice(1),
+    icon: SHADOW_ICONS[shadow],
+    i18n: `shadowPicker.${shadow === 'sharp-business' ? 'sharpBusiness' : shadow}`,
+}));
+/** localStorage key for persisting the selected shadow style. 用于持久化所选阴影风格的 localStorage 键名。 */
+const STORAGE_KEY = 'aithe-shadow';
+/** Default shadow style name. 默认阴影风格名称。 */
+export const AITHE_DEFAULT_SHADOW = 'skeuomorphic';
+/** Current active shadow style. 当前激活的阴影风格。 */
+let currentShadow = AITHE_DEFAULT_SHADOW;
+/** Set of listener functions for shadow style changes. 阴影风格变更监听函数集合。 */
+const listeners = new Set();
+/** Get the CSS variable token map for a given shadow style. 获取指定阴影风格的 CSS 变量 token 映射。 */
+export function getShadowTokens(shadow) {
+    return SHADOW_TOKENS[shadow];
+}
+/** Get the list of all built-in shadow style names. 获取所有内置阴影风格名称列表。 */
+export function getAitheShadows() {
+    return Object.keys(SHADOW_TOKENS);
+}
+/** Load the previously persisted shadow style from localStorage. 从 localStorage 加载之前持久化的阴影风格。 */
+function loadStoredShadow() {
+    try {
+        const raw = localStorage.getItem(STORAGE_KEY);
+        if (!raw)
+            return undefined;
+        return raw;
+    }
+    catch {
+        return undefined;
+    }
+}
+/** Persist the shadow style name to localStorage. 将阴影风格名称持久化到 localStorage。 */
+function storeShadow(shadow) {
+    try {
+        localStorage.setItem(STORAGE_KEY, shadow);
+    }
+    catch {
+        // ignore
+    }
+}
+/** Apply shadow CSS variable tokens to the document root and body. 将阴影 CSS 变量 token 应用到文档根元素和 body。 */
+function applyShadowTokens(shadow) {
+    const tokens = SHADOW_TOKENS[shadow];
+    if (!tokens)
+        return;
+    const html = document.documentElement;
+    const body = document.body;
+    for (const [key, value] of Object.entries(tokens)) {
+        html.style.setProperty(key, value);
+        body.style.setProperty(key, value);
+    }
+    html.dataset.aitheShadow = shadow;
+}
+export function setAitheShadow(shadow, persist = true) {
+    if (shadow === currentShadow)
+        return;
+    currentShadow = shadow;
+    if (persist)
+        storeShadow(shadow);
+    document.documentElement.dataset.aitheShadow = shadow;
+    applyShadowTokens(shadow);
+    for (const fn of listeners) {
+        fn();
+    }
+}
+export function getAitheShadow() {
+    return currentShadow;
+}
+export function initAitheShadow(defaultShadow = AITHE_DEFAULT_SHADOW) {
+    const stored = loadStoredShadow();
+    currentShadow = stored || defaultShadow;
+    document.documentElement.dataset.aitheShadow = currentShadow;
+    applyShadowTokens(currentShadow);
+}
+export function onAitheShadowChange(fn) {
+    listeners.add(fn);
+    return () => listeners.delete(fn);
+}

package/dist/styles/shadow/neumorphism.js

@@ -0,0 +1,21 @@
+/**
+ * Neumorphism shadow style tokens.
+ * 新拟态阴影风格令牌。
+ *
+ * Provides soft, extruded shadows with light and dark highlights
+ * for a tactile, 3D appearance.
+ * 提供柔和的凸起阴影，配合亮部和暗部高光，
+ * 营造触感强烈的3D效果。
+ */
+export const neumorphismShadowTokens = {
+    '--aithe-shadow-1': '5px 5px 12px rgba(18, 24, 38, 0.15), -5px -5px 12px rgba(255, 255, 255, 0.8)',
+    '--aithe-shadow-2': '8px 8px 18px rgba(18, 24, 38, 0.18), -8px -8px 18px rgba(255, 255, 255, 0.75)',
+    '--aithe-shadow-3': '10px 10px 24px rgba(18, 24, 38, 0.2), -10px -10px 24px rgba(255, 255, 255, 0.7)',
+    '--aithe-shadow-4': '14px 14px 30px rgba(18, 24, 38, 0.22), -14px -14px 30px rgba(255, 255, 255, 0.65)',
+    '--aithe-shadow-5': '18px 18px 36px rgba(18, 24, 38, 0.25), -18px -18px 36px rgba(255, 255, 255, 0.6)',
+    '--aithe-shadow-glow': 'none',
+    '--aithe-shadow-inner': 'inset 3px 3px 6px rgba(18, 24, 38, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 0.7)',
+    '--aithe-shadow-blur': '0px',
+    '--aithe-shadow-opacity': '1',
+    '--aithe-shadow-border-glow': '0px',
+};

package/dist/styles/shadow/retro.js

@@ -0,0 +1,19 @@
+/**
+ * Retro shadow style tokens.
+ * 复古阴影风格令牌。
+ *
+ * Provides warm, vintage-toned shadows with a nostalgic aesthetic.
+ * 提供温暖、复古色调的阴影，营造怀旧感。
+ */
+export const retroShadowTokens = {
+    '--aithe-shadow-1': '0 2px 6px rgba(120, 90, 40, 0.15)',
+    '--aithe-shadow-2': '0 4px 10px rgba(120, 90, 40, 0.2)',
+    '--aithe-shadow-3': '0 6px 16px rgba(120, 90, 40, 0.25)',
+    '--aithe-shadow-4': '0 8px 22px rgba(120, 90, 40, 0.3)',
+    '--aithe-shadow-5': '0 12px 28px rgba(120, 90, 40, 0.35)',
+    '--aithe-shadow-glow': 'none',
+    '--aithe-shadow-inner': 'inset 0 0 60px rgba(120, 90, 40, 0.06)',
+    '--aithe-shadow-blur': '0px',
+    '--aithe-shadow-opacity': '1',
+    '--aithe-shadow-border-glow': '0px',
+};

package/dist/styles/shadow/sharp-business.js

@@ -0,0 +1,19 @@
+/**
+ * Sharp Business shadow style tokens.
+ * 商务锐利阴影风格令牌。
+ *
+ * Provides clean, bottom-aligned shadows for a professional, corporate look.
+ * 提供简洁、底部对齐的阴影，营造专业商务风格。
+ */
+export const sharpBusinessShadowTokens = {
+    '--aithe-shadow-1': '0 2px 0 rgba(18, 24, 38, 0.18)',
+    '--aithe-shadow-2': '0 3px 0 rgba(18, 24, 38, 0.22)',
+    '--aithe-shadow-3': '0 4px 0 rgba(18, 24, 38, 0.28)',
+    '--aithe-shadow-4': '0 5px 0 rgba(18, 24, 38, 0.34)',
+    '--aithe-shadow-5': '0 6px 0 rgba(18, 24, 38, 0.4)',
+    '--aithe-shadow-glow': 'none',
+    '--aithe-shadow-inner': 'none',
+    '--aithe-shadow-blur': '0px',
+    '--aithe-shadow-opacity': '1',
+    '--aithe-shadow-border-glow': '0px',
+};

package/dist/styles/shadow/skeuomorphic.js

@@ -0,0 +1,21 @@
+/**
+ * Skeuomorphic shadow style tokens (default).
+ * 拟物化阴影风格令牌（默认）。
+ *
+ * Provides layered shadows mimicking realistic depth and material.
+ * The default shadow style for Aithe UI.
+ * 提供模拟真实材质和立体感的多层阴影。
+ * Aithe UI 的默认阴影风格。
+ */
+export const skeuomorphicShadowTokens = {
+    '--aithe-shadow-1': '0 2px 4px rgba(18, 24, 38, 0.1), 0 4px 8px rgba(18, 24, 38, 0.06)',
+    '--aithe-shadow-2': '0 4px 8px rgba(18, 24, 38, 0.12), 0 8px 16px rgba(18, 24, 38, 0.08)',
+    '--aithe-shadow-3': '0 6px 12px rgba(18, 24, 38, 0.14), 0 12px 24px rgba(18, 24, 38, 0.1)',
+    '--aithe-shadow-4': '0 8px 16px rgba(18, 24, 38, 0.16), 0 16px 32px rgba(18, 24, 38, 0.12)',
+    '--aithe-shadow-5': '0 12px 20px rgba(18, 24, 38, 0.18), 0 20px 40px rgba(18, 24, 38, 0.14)',
+    '--aithe-shadow-glow': 'none',
+    '--aithe-shadow-inner': 'inset 0 1px 0 rgba(255, 255, 255, 0.15)',
+    '--aithe-shadow-blur': '0px',
+    '--aithe-shadow-opacity': '1',
+    '--aithe-shadow-border-glow': '0px',
+};

package/dist/styles/shape/chamfer.js

@@ -0,0 +1,19 @@
+/**
+ * Chamfer shape style tokens.
+ * 切角形状风格令牌。
+ *
+ * Provides asymmetric border-radius for a geometric, beveled look.
+ * 提供非对称圆角，营造几何斜切效果。
+ */
+export const chamferShapeTokens = {
+    '--aithe-radius-sm': '2px',
+    '--aithe-radius-md': '0px 8px 0px 8px',
+    '--aithe-radius-lg': '0px 12px 0px 12px',
+    '--aithe-radius-xl': '0px 16px 0px 16px',
+    '--aithe-radius-full': '0px 999px 0px 999px',
+    '--aithe-container-radius-sm': '2px',
+    '--aithe-container-radius-md': '0px 8px 0px 8px',
+    '--aithe-container-radius-lg': '0px 12px 0px 12px',
+    '--aithe-container-radius-xl': '0px 16px 0px 16px',
+    '--aithe-container-radius-full': '0px 999px 0px 999px',
+};

package/dist/styles/shape/circle.js

@@ -0,0 +1,19 @@
+/**
+ * Circle shape style tokens.
+ * 圆形形状风格令牌。
+ *
+ * Provides fully circular (50%) border-radius for avatars and icons.
+ * 为头像和图标提供全圆形（50%）圆角。
+ */
+export const circleShapeTokens = {
+    '--aithe-radius-sm': '50%',
+    '--aithe-radius-md': '50%',
+    '--aithe-radius-lg': '50%',
+    '--aithe-radius-xl': '50%',
+    '--aithe-radius-full': '50%',
+    '--aithe-container-radius-sm': '10px',
+    '--aithe-container-radius-md': '16px',
+    '--aithe-container-radius-lg': '22px',
+    '--aithe-container-radius-xl': '28px',
+    '--aithe-container-radius-full': '999px',
+};

package/dist/styles/shape/index.js

@@ -0,0 +1,174 @@
+export { sharpShapeTokens } from './sharp';
+export { smoothShapeTokens } from './smooth';
+export { roundedShapeTokens } from './rounded';
+export { rounderShapeTokens } from './rounder';
+export { pillShapeTokens } from './pill';
+export { circleShapeTokens } from './circle';
+export { chamferShapeTokens } from './chamfer';
+export { organicShapeTokens } from './organic';
+import { sharpShapeTokens } from './sharp';
+import { smoothShapeTokens } from './smooth';
+import { roundedShapeTokens } from './rounded';
+import { rounderShapeTokens } from './rounder';
+import { pillShapeTokens } from './pill';
+import { circleShapeTokens } from './circle';
+import { chamferShapeTokens } from './chamfer';
+import { organicShapeTokens } from './organic';
+/** Map of all built-in shape style names to their CSS variable token maps. 所有内置形状风格名称到其 CSS 变量 token 映射的映射表。 */
+const SHAPE_TOKENS = {
+    sharp: sharpShapeTokens,
+    smooth: smoothShapeTokens,
+    rounded: roundedShapeTokens,
+    rounder: rounderShapeTokens,
+    pill: pillShapeTokens,
+    circle: circleShapeTokens,
+    chamfer: chamferShapeTokens,
+    organic: organicShapeTokens,
+};
+/** Border-radius preview values for each built-in shape. 每个内置形状的 border-radius 预览值。 */
+const SHAPE_PREVIEW_RADIUS = {
+    sharp: '0px',
+    smooth: '4px',
+    rounded: '10px',
+    rounder: '16px',
+    pill: '999px',
+    circle: '50%',
+    chamfer: '0px 8px 0px 8px',
+    organic: '30% 70% 70% 30% / 30% 30% 70% 70%',
+};
+/**
+ * Static tree menu data for shape selection, compatible with `<aithe-tree-menu>`.
+ * 用于形状选择的静态树形菜单数据，兼容 `<aithe-tree-menu>`。
+ * Each item carries a `preview` extension field with the border-radius value.
+ * 每个项携带 `preview` 扩展字段，包含 border-radius 值。
+ */
+export const shapeMenu = Object.keys(SHAPE_TOKENS).map((shape) => ({
+    id: shape,
+    label: shape.charAt(0).toUpperCase() + shape.slice(1),
+    preview: SHAPE_PREVIEW_RADIUS[shape],
+    i18n: `shapePicker.${shape}`,
+}));
+/** localStorage key for persisting the selected shape style. 用于持久化所选形状风格的 localStorage 键名。 */
+const STORAGE_KEY = 'aithe-shape';
+/** Default shape style name. 默认形状风格名称。 */
+export const AITHE_DEFAULT_SHAPE = 'rounded';
+/** Current active shape style. 当前激活的形状风格。 */
+let currentShape = AITHE_DEFAULT_SHAPE;
+/** Set of listener functions for shape style changes. 形状风格变更监听函数集合。 */
+const listeners = new Set();
+/**
+ * Get the CSS variable token map for a given shape style.
+ * 获取指定形状风格的 CSS 变量 token 映射。
+ *
+ * @param shape - Shape style name. 形状风格名称。
+ * @returns CSS variable token map, or `undefined` if not found. CSS 变量 token 映射，若未找到则返回 `undefined`。
+ */
+export function getShapeTokens(shape) {
+    return SHAPE_TOKENS[shape];
+}
+/**
+ * Get the list of all built-in shape style names.
+ * 获取所有内置形状风格名称列表。
+ *
+ * @returns Array of built-in shape style names. 内置形状风格名称数组。
+ */
+export function getAitheShapes() {
+    return Object.keys(SHAPE_TOKENS);
+}
+/**
+ * Load the previously persisted shape style from localStorage.
+ * 从 localStorage 加载之前持久化的形状风格。
+ *
+ * @returns Stored shape name, or `undefined` if none. 存储的形状名称，若无则返回 `undefined`。
+ */
+function loadStoredShape() {
+    try {
+        const raw = localStorage.getItem(STORAGE_KEY);
+        if (!raw)
+            return undefined;
+        return raw;
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * Persist the shape style name to localStorage.
+ * 将形状风格名称持久化到 localStorage。
+ *
+ * @param shape - Shape style name to persist. 要持久化的形状风格名称。
+ */
+function storeShape(shape) {
+    try {
+        localStorage.setItem(STORAGE_KEY, shape);
+    }
+    catch {
+        // ignore
+    }
+}
+/**
+ * Apply shape CSS variable tokens to the document root.
+ * 将形状 CSS 变量 token 应用到文档根元素。
+ *
+ * @param shape - Shape style name. 形状风格名称。
+ */
+function applyShapeTokens(shape) {
+    const root = document.documentElement;
+    const tokens = SHAPE_TOKENS[shape];
+    if (tokens) {
+        for (const [key, value] of Object.entries(tokens)) {
+            root.style.setProperty(key, value);
+        }
+    }
+}
+/**
+ * Set the global shape style and optionally persist to localStorage.
+ * 设置全局形状风格，可选持久化到 localStorage。
+ *
+ * @param shape  - Shape style name to apply. 要应用的形状风格名称。
+ * @param persist - Whether to save to localStorage. Defaults to `true`. 是否保存到 localStorage，默认为 `true`。
+ */
+export function setAitheShape(shape, persist = true) {
+    if (shape === currentShape)
+        return;
+    currentShape = shape;
+    if (persist)
+        storeShape(shape);
+    document.documentElement.dataset.aitheShape = shape;
+    applyShapeTokens(shape);
+    for (const fn of listeners) {
+        fn();
+    }
+}
+/**
+ * Get the current global shape style.
+ * 获取当前全局形状风格。
+ *
+ * @returns Current shape style name. 当前形状风格名称。
+ */
+export function getAitheShape() {
+    return currentShape;
+}
+/**
+ * Initialize the shape subsystem: load stored preference and apply shape tokens.
+ * 初始化形状子系统：加载存储的偏好并应用形状 token。
+ *
+ * @param defaultShape - Fallback shape when no stored preference exists. Defaults to `AITHE_DEFAULT_SHAPE`. 无存储偏好时的回退形状，默认为 `AITHE_DEFAULT_SHAPE`。
+ */
+export function initAitheShape(defaultShape = AITHE_DEFAULT_SHAPE) {
+    const stored = loadStoredShape();
+    currentShape = stored || defaultShape;
+    document.documentElement.dataset.aitheShape = currentShape;
+    applyShapeTokens(currentShape);
+}
+/**
+ * Subscribe to shape style changes. Returns an unsubscribe function.
+ * 订阅形状风格变更，返回取消订阅函数。
+ *
+ * @param fn - Callback function invoked when shape changes. 形状变更时调用的回调函数。
+ * @returns Unsubscribe function. 取消订阅函数。
+ */
+export function onAitheShapeChange(fn) {
+    listeners.add(fn);
+    return () => listeners.delete(fn);
+}

package/dist/styles/shape/organic.js

@@ -0,0 +1,19 @@
+/**
+ * Organic shape style tokens.
+ * 有机形状风格令牌。
+ *
+ * Provides fluid, blob-like border-radius for a playful, nature-inspired look.
+ * 提供流动、 blob 形状的圆角，营造活泼、自然的视觉效果。
+ */
+export const organicShapeTokens = {
+    '--aithe-radius-sm': '30% 70% 70% 30% / 30% 30% 70% 70%',
+    '--aithe-radius-md': '30% 70% 70% 30% / 30% 30% 70% 70%',
+    '--aithe-radius-lg': '60% 40% 30% 70% / 60% 30% 70% 40%',
+    '--aithe-radius-xl': '60% 40% 30% 70% / 60% 30% 70% 40%',
+    '--aithe-radius-full': '63% 37% 30% 70% / 60% 30% 70% 40%',
+    '--aithe-container-radius-sm': '4px 10px 4px 10px',
+    '--aithe-container-radius-md': '6px 14px 6px 14px',
+    '--aithe-container-radius-lg': '8px 18px 8px 18px',
+    '--aithe-container-radius-xl': '10px 22px 10px 22px',
+    '--aithe-container-radius-full': '12px 26px 12px 26px',
+};

package/dist/styles/shape/pill.js

@@ -0,0 +1,19 @@
+/**
+ * Pill shape style tokens.
+ * 药丸形状风格令牌。
+ *
+ * Provides fully rounded (999px) border-radius for buttons and tags.
+ * 为按钮和标签提供全圆角（999px）。
+ */
+export const pillShapeTokens = {
+    '--aithe-radius-sm': '999px',
+    '--aithe-radius-md': '999px',
+    '--aithe-radius-lg': '999px',
+    '--aithe-radius-xl': '999px',
+    '--aithe-radius-full': '999px',
+    '--aithe-container-radius-sm': '10px',
+    '--aithe-container-radius-md': '16px',
+    '--aithe-container-radius-lg': '22px',
+    '--aithe-container-radius-xl': '28px',
+    '--aithe-container-radius-full': '999px',
+};

package/dist/styles/shape/rounded.js

@@ -0,0 +1,21 @@
+/**
+ * Rounded shape style tokens (default).
+ * 圆角形状风格令牌（默认）。
+ *
+ * Provides moderate border-radius for a friendly, approachable look.
+ * The default shape style for Aithe UI.
+ * 提供适中圆角，营造友好、亲切的视觉效果。
+ * Aithe UI 的默认形状风格。
+ */
+export const roundedShapeTokens = {
+    '--aithe-radius-sm': '6px',
+    '--aithe-radius-md': '10px',
+    '--aithe-radius-lg': '14px',
+    '--aithe-radius-xl': '20px',
+    '--aithe-radius-full': '999px',
+    '--aithe-container-radius-sm': '6px',
+    '--aithe-container-radius-md': '10px',
+    '--aithe-container-radius-lg': '14px',
+    '--aithe-container-radius-xl': '20px',
+    '--aithe-container-radius-full': '999px',
+};

package/dist/styles/shape/rounder.js

@@ -0,0 +1,19 @@
+/**
+ * Rounder shape style tokens.
+ * 更圆润形状风格令牌。
+ *
+ * Provides larger border-radius for a softer, more rounded appearance.
+ * 提供更大的圆角，营造更加柔和、圆润的视觉效果。
+ */
+export const rounderShapeTokens = {
+    '--aithe-radius-sm': '10px',
+    '--aithe-radius-md': '16px',
+    '--aithe-radius-lg': '22px',
+    '--aithe-radius-xl': '28px',
+    '--aithe-radius-full': '999px',
+    '--aithe-container-radius-sm': '10px',
+    '--aithe-container-radius-md': '16px',
+    '--aithe-container-radius-lg': '22px',
+    '--aithe-container-radius-xl': '28px',
+    '--aithe-container-radius-full': '999px',
+};

package/dist/styles/shape/sharp.js

@@ -0,0 +1,19 @@
+/**
+ * Sharp shape style tokens.
+ * 锐利形状风格令牌。
+ *
+ * Provides zero border-radius for a sharp, geometric appearance.
+ * 提供零圆角，营造锐利、几何化的外观。
+ */
+export const sharpShapeTokens = {
+    '--aithe-radius-sm': '0px',
+    '--aithe-radius-md': '0px',
+    '--aithe-radius-lg': '0px',
+    '--aithe-radius-xl': '0px',
+    '--aithe-radius-full': '0px',
+    '--aithe-container-radius-sm': '0px',
+    '--aithe-container-radius-md': '0px',
+    '--aithe-container-radius-lg': '0px',
+    '--aithe-container-radius-xl': '0px',
+    '--aithe-container-radius-full': '0px',
+};

package/dist/styles/shape/smooth.js

@@ -0,0 +1,19 @@
+/**
+ * Smooth shape style tokens.
+ * 平滑形状风格令牌。
+ *
+ * Provides subtle border-radius for a clean, professional look.
+ * 提供轻微圆角，营造简洁、专业的视觉效果。
+ */
+export const smoothShapeTokens = {
+    '--aithe-radius-sm': '2px',
+    '--aithe-radius-md': '4px',
+    '--aithe-radius-lg': '6px',
+    '--aithe-radius-xl': '8px',
+    '--aithe-radius-full': '999px',
+    '--aithe-container-radius-sm': '2px',
+    '--aithe-container-radius-md': '4px',
+    '--aithe-container-radius-lg': '6px',
+    '--aithe-container-radius-xl': '8px',
+    '--aithe-container-radius-full': '999px',
+};

package/dist/styles/theme/aliyun.d.ts

@@ -6,5 +6,5 @@
  * vibrant, tech-innovative style.
  * 灵感来自阿里云品牌色：橙色 primary (#FF6A00)，配充满活力的科技创新风格。
  */
-export declare const aliyunThemeTokens = "\n.aithe-theme-aliyun,\n[data-aithe-theme='aliyun'] {\n  color-scheme: light;\n  --aithe-primary-1: #fff7ed;\n  --aithe-primary-2: #ffedd5;\n  --aithe-primary-3: #ffd8a8;\n  --aithe-primary-4: #ffbe78;\n  --aithe-primary-5: #ffa04a;\n  --aithe-primary-6: #ff8228;\n  --aithe-primary-7: #ff6a00;\n  --aithe-primary-8: #d65700;\n  --aithe-primary-9: #ad4700;\n  --aithe-primary-10: #8a3900;\n  --aithe-success-1: #effcf7;\n  --aithe-success-2: #d2f5e4;\n  --aithe-success-3: #afead0;\n  --aithe-success-4: #7fd5af;\n  --aithe-success-5: #59bd92;\n  --aithe-success-6: #3aa478;\n  --aithe-success-7: #2d8964;\n  --aithe-success-8: #266f53;\n  --aithe-success-9: #215a45;\n  --aithe-success-10: #1b4938;\n  --aithe-warning-1: #fff8e9;\n  --aithe-warning-2: #ffefc7;\n  --aithe-warning-3: #ffdd90;\n  --aithe-warning-4: #ffc45c;\n  --aithe-warning-5: #f2aa3d;\n  --aithe-warning-6: #d38b25;\n  --aithe-warning-7: #af6e1b;\n  --aithe-warning-8: #8e5718;\n  --aithe-warning-9: #724618;\n  --aithe-warning-10: #5b3815;\n  --aithe-danger-1: #fff0f3;\n  --aithe-danger-2: #ffdbe2;\n  --aithe-danger-3: #ffbbc8;\n  --aithe-danger-4: #ff8fa1;\n  --aithe-danger-5: #f66a80;\n  --aithe-danger-6: #de5069;\n  --aithe-danger-7: #bd3f56;\n  --aithe-danger-8: #99354a;\n  --aithe-danger-9: #7c2f3f;\n  --aithe-danger-10: #632837;\n  --aithe-neutral-1: #f6f7f9;\n  --aithe-neutral-2: #ebedf2;\n  --aithe-neutral-3: #d9dce6;\n  --aithe-neutral-4: #bfc4d2;\n  --aithe-neutral-5: #a2a8ba;\n  --aithe-neutral-6: #848ba0;\n  --aithe-neutral-7: #656d85;\n  --aithe-neutral-8: #485069;\n  --aithe-neutral-9: #2c344b;\n  --aithe-neutral-10: #161c2e;\n  --aithe-color-bg: #faf7f3;\n  --aithe-color-bg-subtle: linear-gradient(180deg, #fefbf8 0%, #f5f0ea 100%);\n  --aithe-color-surface: rgba(255, 255, 255, 0.88);\n  --aithe-color-surface-elevated: rgba(255, 255, 255, 0.98);\n  --aithe-color-surface-muted: #f0eae2;\n  --aithe-color-border: rgba(255, 106, 0, 0.16);\n  --aithe-color-border-strong: rgba(255, 106, 0, 0.28);\n  --aithe-color-text: #0e1524;\n  --aithe-color-text-muted: #3d4a64;\n  --aithe-color-text-subtle: #6c7a94;\n  --aithe-color-overlay: rgba(10, 15, 28, 0.50);\n  --aithe-color-selection: rgba(255, 106, 0, 0.16);\n  --aithe-color-focus-ring: rgba(255, 106, 0, 0.34);\n  --aithe-color-text-on-primary: #ffffff;\n  --aithe-code-keyword: #7c3aed;\n  --aithe-code-boolean: #b45309;\n  --aithe-code-builtin: #2563eb;\n  --aithe-code-number: #b45309;\n  --aithe-code-string: #15803d;\n  --aithe-code-function: #2563eb;\n  --aithe-code-type: #a16207;\n  --aithe-code-preprocessor: #7c3aed;\n  --aithe-code-tag: #dc2626;\n  --aithe-code-attr: #b45309;\n  --aithe-code-key: #dc2626;\n  --aithe-code-punctuation: #5c6bc0;\n  --aithe-code-entity: #b45309;\n  --aithe-code-comment: #94a3b8;\n  --aithe-code-doctype: #94a3b8;\n  --aithe-code-placeholder: #94a3b8;\n}\n";
+export declare const aliyunThemeTokens = "\n.aithe-theme-aliyun,\n[data-aithe-theme='aliyun'] {\n  color-scheme: light;\n  --aithe-primary-1: #fff7ed;\n  --aithe-primary-2: #ffedd5;\n  --aithe-primary-3: #ffd8a8;\n  --aithe-primary-4: #ffbe78;\n  --aithe-primary-5: #ffa04a;\n  --aithe-primary-6: #ff8228;\n  --aithe-primary-7: #ff6a00;\n  --aithe-primary-8: #d65700;\n  --aithe-primary-9: #ad4700;\n  --aithe-primary-10: #8a3900;\n  --aithe-success-1: #effcf7;\n  --aithe-success-2: #d2f5e4;\n  --aithe-success-3: #afead0;\n  --aithe-success-4: #7fd5af;\n  --aithe-success-5: #59bd92;\n  --aithe-success-6: #3aa478;\n  --aithe-success-7: #2d8964;\n  --aithe-success-8: #266f53;\n  --aithe-success-9: #215a45;\n  --aithe-success-10: #1b4938;\n  --aithe-warning-1: #fff8e9;\n  --aithe-warning-2: #ffefc7;\n  --aithe-warning-3: #ffdd90;\n  --aithe-warning-4: #ffc45c;\n  --aithe-warning-5: #f2aa3d;\n  --aithe-warning-6: #d38b25;\n  --aithe-warning-7: #af6e1b;\n  --aithe-warning-8: #8e5718;\n  --aithe-warning-9: #724618;\n  --aithe-warning-10: #5b3815;\n  --aithe-danger-1: #fff0f3;\n  --aithe-danger-2: #ffdbe2;\n  --aithe-danger-3: #ffbbc8;\n  --aithe-danger-4: #ff8fa1;\n  --aithe-danger-5: #f66a80;\n  --aithe-danger-6: #de5069;\n  --aithe-danger-7: #bd3f56;\n  --aithe-danger-8: #99354a;\n  --aithe-danger-9: #7c2f3f;\n  --aithe-danger-10: #632837;\n  --aithe-neutral-1: #f6f7f9;\n  --aithe-neutral-2: #ebedf2;\n  --aithe-neutral-3: #d9dce6;\n  --aithe-neutral-4: #bfc4d2;\n  --aithe-neutral-5: #a2a8ba;\n  --aithe-neutral-6: #848ba0;\n  --aithe-neutral-7: #656d85;\n  --aithe-neutral-8: #485069;\n  --aithe-neutral-9: #2c344b;\n  --aithe-neutral-10: #161c2e;\n  --aithe-fill-1: #f7f8fa;\n  --aithe-fill-2: #f0f1f3;\n  --aithe-color-bg: #faf7f3;\n  --aithe-color-bg-subtle: linear-gradient(180deg, #fefbf8 0%, #f5f0ea 100%);\n  --aithe-color-surface: rgba(255, 255, 255, 0.88);\n  --aithe-color-surface-elevated: rgba(255, 255, 255, 0.98);\n  --aithe-color-surface-muted: #f0eae2;\n  --aithe-color-surface-hover: rgba(0, 0, 0, 0.04);\n  --aithe-color-border: rgba(255, 106, 0, 0.16);\n  --aithe-color-border-strong: rgba(255, 106, 0, 0.28);\n  --aithe-color-text: #0e1524;\n  --aithe-color-text-muted: #3d4a64;\n  --aithe-color-text-subtle: #6c7a94;\n  --aithe-color-overlay: rgba(10, 15, 28, 0.50);\n  --aithe-color-selection: rgba(255, 106, 0, 0.16);\n  --aithe-color-focus-ring: rgba(255, 106, 0, 0.34);\n  --aithe-color-text-secondary: #3d4a66;\n  --aithe-color-bg-muted: #e8ecf4;\n  --aithe-color-bg-hover: rgba(0, 0, 0, 0.04);\n  --aithe-color-border-subtle: rgba(76, 94, 132, 0.10);\n  --aithe-primary-6-rgb: 77, 141, 255;\n  --aithe-color-text-on-primary: #ffffff;\n  --aithe-code-keyword: #7c3aed;\n  --aithe-code-boolean: #b45309;\n  --aithe-code-builtin: #2563eb;\n  --aithe-code-number: #b45309;\n  --aithe-code-string: #15803d;\n  --aithe-code-function: #2563eb;\n  --aithe-code-type: #a16207;\n  --aithe-code-preprocessor: #7c3aed;\n  --aithe-code-tag: #dc2626;\n  --aithe-code-attr: #b45309;\n  --aithe-code-key: #dc2626;\n  --aithe-code-punctuation: #5c6bc0;\n  --aithe-code-entity: #b45309;\n  --aithe-code-comment: #94a3b8;\n  --aithe-code-doctype: #94a3b8;\n  --aithe-code-placeholder: #94a3b8;\n}\n";
 //# sourceMappingURL=aliyun.d.ts.map

package/dist/styles/theme/aliyun.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aliyun.d.ts","sourceRoot":"","sources":["../../../src/styles/theme/aliyun.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,syFAqF7B,CAAC"}
+{"version":3,"file":"aliyun.d.ts","sourceRoot":"","sources":["../../../src/styles/theme/aliyun.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,knGA6F7B,CAAC"}