@aithe/aithe-ui 26.2.2 → 26.3.1

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.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Neumorphism shadow style tokens.
+ * 新拟态阴影风格令牌。
+ *
+ * Provides soft, extruded shadows with light and dark highlights
+ * for a tactile, 3D appearance.
+ * 提供柔和的凸起阴影，配合亮部和暗部高光，
+ * 营造触感强烈的3D效果。
+ */
+export declare const neumorphismShadowTokens: Record<string, string>;
+//# sourceMappingURL=neumorphism.d.ts.map

package/dist/styles/shadow/neumorphism.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neumorphism.d.ts","sourceRoot":"","sources":["../../../src/styles/shadow/neumorphism.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiB1D,CAAC"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Retro shadow style tokens.
+ * 复古阴影风格令牌。
+ *
+ * Provides warm, vintage-toned shadows with a nostalgic aesthetic.
+ * 提供温暖、复古色调的阴影，营造怀旧感。
+ */
+export declare const retroShadowTokens: Record<string, string>;
+//# sourceMappingURL=retro.d.ts.map

package/dist/styles/shadow/retro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retro.d.ts","sourceRoot":"","sources":["../../../src/styles/shadow/retro.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpD,CAAC"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Sharp Business shadow style tokens.
+ * 商务锐利阴影风格令牌。
+ *
+ * Provides clean, bottom-aligned shadows for a professional, corporate look.
+ * 提供简洁、底部对齐的阴影，营造专业商务风格。
+ */
+export declare const sharpBusinessShadowTokens: Record<string, string>;
+//# sourceMappingURL=sharp-business.d.ts.map

package/dist/styles/shadow/sharp-business.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharp-business.d.ts","sourceRoot":"","sources":["../../../src/styles/shadow/sharp-business.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW5D,CAAC"}

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.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Skeuomorphic shadow style tokens (default).
+ * 拟物化阴影风格令牌（默认）。
+ *
+ * Provides layered shadows mimicking realistic depth and material.
+ * The default shadow style for Aithe UI.
+ * 提供模拟真实材质和立体感的多层阴影。
+ * Aithe UI 的默认阴影风格。
+ */
+export declare const skeuomorphicShadowTokens: Record<string, string>;
+//# sourceMappingURL=skeuomorphic.d.ts.map

package/dist/styles/shadow/skeuomorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeuomorphic.d.ts","sourceRoot":"","sources":["../../../src/styles/shadow/skeuomorphic.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW3D,CAAC"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Chamfer shape style tokens.
+ * 切角形状风格令牌。
+ *
+ * Provides asymmetric border-radius for a geometric, beveled look.
+ * 提供非对称圆角，营造几何斜切效果。
+ */
+export declare const chamferShapeTokens: Record<string, string>;
+//# sourceMappingURL=chamfer.d.ts.map

package/dist/styles/shape/chamfer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chamfer.d.ts","sourceRoot":"","sources":["../../../src/styles/shape/chamfer.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWrD,CAAC"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Circle shape style tokens.
+ * 圆形形状风格令牌。
+ *
+ * Provides fully circular (50%) border-radius for avatars and icons.
+ * 为头像和图标提供全圆形（50%）圆角。
+ */
+export declare const circleShapeTokens: Record<string, string>;
+//# sourceMappingURL=circle.d.ts.map

package/dist/styles/shape/circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../src/styles/shape/circle.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWpD,CAAC"}

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.d.ts

@@ -0,0 +1,66 @@
+import type { AitheBuiltinShape, AitheShapeName } from '../types';
+import type { AitheTreeNodeMeta } from '../../core/types';
+export type { AitheBuiltinShape, AitheShapeName } from '../types';
+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';
+/**
+ * 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 declare const shapeMenu: AitheTreeNodeMeta[];
+/** Default shape style name. 默认形状风格名称。 */
+export declare const AITHE_DEFAULT_SHAPE: AitheShapeName;
+/**
+ * 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 declare function getShapeTokens(shape: AitheShapeName): Record<string, string> | undefined;
+/**
+ * Get the list of all built-in shape style names.
+ * 获取所有内置形状风格名称列表。
+ *
+ * @returns Array of built-in shape style names. 内置形状风格名称数组。
+ */
+export declare function getAitheShapes(): AitheBuiltinShape[];
+/**
+ * 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 declare function setAitheShape(shape: AitheShapeName, persist?: boolean): void;
+/**
+ * Get the current global shape style.
+ * 获取当前全局形状风格。
+ *
+ * @returns Current shape style name. 当前形状风格名称。
+ */
+export declare function getAitheShape(): AitheShapeName;
+/**
+ * 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 declare function initAitheShape(defaultShape?: AitheShapeName): void;
+/**
+ * Subscribe to shape style changes. Returns an unsubscribe function.
+ * 订阅形状风格变更，返回取消订阅函数。
+ *
+ * @param fn - Callback function invoked when shape changes. 形状变更时调用的回调函数。
+ * @returns Unsubscribe function. 取消订阅函数。
+ */
+export declare function onAitheShapeChange(fn: () => void): () => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/shape/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/shape/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAmC/C;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,iBAAiB,EAKtC,CAAC;AAKJ,0CAA0C;AAC1C,eAAO,MAAM,mBAAmB,EAAE,cAA0B,CAAC;AAQ7D;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAExF;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,IAAI,iBAAiB,EAAE,CAEpD;AAgDD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,UAAO,GAAG,IAAI,CASzE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,cAAc,CAE9C;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,YAAY,GAAE,cAAoC,GAAG,IAAI,CAKvF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAG7D"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Organic shape style tokens.
+ * 有机形状风格令牌。
+ *
+ * Provides fluid, blob-like border-radius for a playful, nature-inspired look.
+ * 提供流动、 blob 形状的圆角，营造活泼、自然的视觉效果。
+ */
+export declare const organicShapeTokens: Record<string, string>;
+//# sourceMappingURL=organic.d.ts.map

package/dist/styles/shape/organic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organic.d.ts","sourceRoot":"","sources":["../../../src/styles/shape/organic.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWrD,CAAC"}

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.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Pill shape style tokens.
+ * 药丸形状风格令牌。
+ *
+ * Provides fully rounded (999px) border-radius for buttons and tags.
+ * 为按钮和标签提供全圆角（999px）。
+ */
+export declare const pillShapeTokens: Record<string, string>;
+//# sourceMappingURL=pill.d.ts.map

package/dist/styles/shape/pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../src/styles/shape/pill.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAWlD,CAAC"}