sparkdesign 0.4.2 → 0.4.4

package/dist/src/components/chat/ToolInvocationCard/index.d.ts

@@ -1,4 +1,4 @@
 import type { ToolInvocationCardProps as RegistryToolInvocationCardProps, ToolInvocationStatus } from '../../../../registry/chat/tool-invocation-card';
 export type { ToolInvocationStatus };
-export type ToolInvocationCardProps = Omit<RegistryToolInvocationCardProps, 'timeIcon' | 'checkboxCircleIcon' | 'closeCircleIcon' | 'arrowRightIcon' | 'runningText' | 'ranText' | 'failedText' | 'responseLabel'>;
+export type ToolInvocationCardProps = Omit<RegistryToolInvocationCardProps, 'timeIcon' | 'checkboxCircleIcon' | 'closeCircleIcon' | 'arrowDownIcon' | 'runningText' | 'ranText' | 'failedText' | 'responseLabel'>;
 export declare const ToolInvocationCard: import("react").NamedExoticComponent<ToolInvocationCardProps>;

package/dist/src/components/index.d.ts

@@ -133,6 +133,6 @@ export type { AskUserPartProps } from './chat/AskUserPart';
 export { IconsProvider, useIcons, useIcon } from '../icons/context';
 export type { IconKey, IconComponent, IconProps } from '../icons/types';
 export type { IconsContextValue } from '../icons/context';
-export { ThemeStyleProvider, useThemeStyle, type ThemeStyleValue, } from '../lib/ThemeStyleContext';
+export { ThemeStyleProvider, useThemeStyle, type Appearance, type ThemePreset, type CustomTheme, type Theme, type StylePreset, type CustomStyle, type Style, type ThemeStyleContextValue, type ThemeStyleProviderProps, type ThemeStyleValue, } from '../lib/ThemeStyleContext';
 export { MOTION_DURATION, MOTION_EASE, MOTION_SPRING } from '../lib/motion';
 export { FILE_TYPE_MAP, SETI_CHAR_MAP, SETI_COLOR_MAP, TYPE_TO_TOKEN_CLASS, getSetiIconType, getSetiIcon, getSetiIconColor, getFileIconColorClass, } from '../lib';

package/dist/src/lib/ThemeStyleContext.d.ts

@@ -5,17 +5,130 @@
  *
  * [PROTOCOL]:
  * 1. 用于 DropdownMenu、Tooltip 等挂到 body 的浮层，使其与当前页面的 data-style/data-theme 一致
- * 2. 应用层在根节点用 ThemeStyleProvider 包裹并传入 style/theme，浮层内组件通过 useThemeStyle 读取并包一层 div
+ * 2. 应用层在根节点用 ThemeStyleProvider 包裹并传入 appearance/theme/style
+ * 3. 三维度独立设计：appearance(亮暗) × theme(颜色) × style(尺度)
+ * 4. 支持预设字符串或自定义对象
  */
 import { type ReactNode } from 'react';
+/** 亮暗色 */
+export type Appearance = 'light' | 'dark';
+/** 颜色主题预设 */
+export type ThemePreset = 'qoder' | 'parchment';
+/** 自定义颜色主题 */
+export interface CustomTheme {
+    name: string;
+    /** 任意 token 覆盖，键为 CSS 变量名（不含 --） */
+    tokens: {
+        'color-primary'?: string;
+        'color-primary-hover'?: string;
+        'color-primary-active'?: string;
+        'color-primary-bg'?: string;
+        'color-primary-bg-hover'?: string;
+        'color-primary-border'?: string;
+        'color-primary-border-hover'?: string;
+        'color-text-on-primary'?: string;
+        'color-text'?: string;
+        'color-text-secondary'?: string;
+        'color-text-tertiary'?: string;
+        'color-text-quaternary'?: string;
+        'color-text-base'?: string;
+        'color-border'?: string;
+        'color-border-secondary'?: string;
+        'color-border-tertiary'?: string;
+        'color-fill'?: string;
+        'color-fill-secondary'?: string;
+        'color-fill-tertiary'?: string;
+        'color-fill-quaternary'?: string;
+        'color-fill-disable'?: string;
+        'color-bg-container'?: string;
+        'color-bg-elevated'?: string;
+        'color-bg-layout'?: string;
+        'color-bg-spotlight'?: string;
+        'color-bg-mask'?: string;
+        'color-bg-base'?: string;
+        'color-bg-highlight'?: string;
+        'color-bg-highlight-hover'?: string;
+        'color-link'?: string;
+        'color-error'?: string;
+        'color-error-hover'?: string;
+        'color-error-bg'?: string;
+        'color-error-border'?: string;
+        'color-info'?: string;
+        'color-info-hover'?: string;
+        'color-info-bg'?: string;
+        'color-info-border'?: string;
+        'color-success'?: string;
+        'color-success-hover'?: string;
+        'color-success-bg'?: string;
+        'color-success-border'?: string;
+        'color-warning'?: string;
+        'color-warning-hover'?: string;
+        'color-warning-bg'?: string;
+        'color-warning-border'?: string;
+        [key: string]: string | undefined;
+    };
+}
+/** 颜色主题：预设或自定义 */
+export type Theme = ThemePreset | CustomTheme;
+/** 布局尺度预设 */
+export type StylePreset = 'neutral' | 'compact' | 'soft' | 'sharp' | 'dense';
+/** 自定义布局尺度 */
+export interface CustomStyle {
+    name: string;
+    radius?: {
+        sm?: string;
+        default?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        '2xl'?: string;
+        '3xl'?: string;
+    };
+    spacing?: {
+        '3'?: string;
+        '4'?: string;
+        '9'?: string;
+        '11'?: string;
+    };
+    fontSize?: {
+        sm?: string;
+        lg?: string;
+        xl?: string;
+        '2xl'?: string;
+        '3xl'?: string;
+    };
+}
+/** 布局尺度：预设或自定义 */
+export type Style = StylePreset | CustomStyle;
+export interface ThemeStyleContextValue {
+    /** 亮暗色 */
+    appearance: Appearance;
+    /** 颜色主题（原始值） */
+    themeConfig: Theme;
+    /** 布局尺度（原始值） */
+    styleConfig: Style;
+    /** 计算后的 data-theme 属性值 */
+    dataTheme: string;
+    /** 计算后的 data-style 属性值 */
+    dataStyle: string;
+    /** @deprecated 兼容旧 API，等于 dataTheme */
+    theme?: string;
+    /** @deprecated 兼容旧 API，等于 dataStyle */
+    style?: string;
+}
+export interface ThemeStyleProviderProps {
+    children: ReactNode;
+    /** 亮暗色，默认 'light' */
+    appearance?: Appearance;
+    /** 颜色主题，默认 'qoder' */
+    theme?: Theme;
+    /** 布局尺度，默认 'neutral' */
+    style?: Style;
+}
+export declare function ThemeStyleProvider({ children, appearance, theme, style, }: ThemeStyleProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useThemeStyle(): ThemeStyleContextValue;
+/** @deprecated 使用新的 ThemeStyleProvider props 代替 */
 export interface ThemeStyleValue {
-    /** 布局风格：neutral | compact | soft | sharp | dense，对应 scale.css */
     style?: string;
-    /** 颜色主题：light | dark | custom，对应 theme.css */
     theme?: string;
 }
-export declare function ThemeStyleProvider({ children, value, }: {
-    children: ReactNode;
-    value: ThemeStyleValue;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useThemeStyle(): ThemeStyleValue;

package/dist/src/lib/index.d.ts

@@ -6,5 +6,5 @@
 export { getFileIconByFilename } from './file-icon';
 export { FILE_TYPE_MAP, SETI_CHAR_MAP, SETI_COLOR_MAP, TYPE_TO_TOKEN_CLASS, getSetiIconType, getSetiIcon, getSetiIconColor, getFileIconColorClass, } from '../../registry/lib/file-icon-maps';
 export { default as i18n } from './i18n';
-export { ThemeStyleProvider, useThemeStyle, type ThemeStyleValue, } from './ThemeStyleContext';
+export { ThemeStyleProvider, useThemeStyle, type Appearance, type ThemePreset, type CustomTheme, type Theme, type StylePreset, type CustomStyle, type Style, type ThemeStyleContextValue, type ThemeStyleProviderProps, type ThemeStyleValue, } from './ThemeStyleContext';
 export { MOTION_DURATION, MOTION_EASE, MOTION_SPRING } from './motion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkdesign",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "type": "module",
   "description": "Modern React Design System with dual-dimension theme system",
   "keywords": [
@@ -45,6 +45,8 @@
   ],
   "scripts": {
     "dev": "vite",
+    "gen:registry-meta": "node scripts/generate-registry-meta.mjs",
+    "check:registry-meta": "node scripts/generate-registry-meta.mjs --check && node scripts/validate-registry-meta.mjs registry && node scripts/validate-registry-meta.mjs cli",
     "check:registry": "node scripts/check-registry-sync.mjs",
         "check:showcase": "node scripts/check-showcase-sync.mjs",
             "gen:demo": "node scripts/gen-demo.mjs",
@@ -62,7 +64,7 @@
     "test:e2e:ui": "playwright test --ui",
     "size": "size-limit",
     "size:why": "size-limit --why",
-    "prepublishOnly": "npm run build && node scripts/sync-registry-to-cli.mjs"
+    "prepublishOnly": "node scripts/generate-registry-meta.mjs && npm run build && node scripts/sync-registry-to-cli.mjs && npm run check:registry-meta"
   },
   "peerDependencies": {
     "react": ">=18.0.0",