sparkdesign 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sparkdesign",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "description": "Modern React Design System with dual-dimension theme system",
   "keywords": [
@@ -42,12 +42,22 @@
   "scripts": {
     "dev": "vite",
     "check:registry": "node scripts/check-registry-sync.mjs",
+        "check:showcase": "node scripts/check-showcase-sync.mjs",
+            "gen:demo": "node scripts/gen-demo.mjs",
     "build": "vite build && npx @tailwindcss/cli -i src/lib.css -o dist/qoder-design.css --minify && tsc -p tsconfig.lib.json && npm run build:cli",
     "build:cli": "cd cli && npm run build",
     "build:css": "npx @tailwindcss/cli -i src/lib.css -o dist/qoder-design.css --minify",
     "build:watch": "vite build --watch",
     "preview": "vite preview",
     "lint": "eslint .",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "playwright test",
+    "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"
   },
   "peerDependencies": {
@@ -100,19 +110,33 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.11.1",
     "@eslint/js": "^9.39.1",
+    "@playwright/test": "^1.58.2",
+    "@size-limit/file": "^12.0.0",
     "@tailwindcss/cli": "^4.1.18",
     "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^24.10.13",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.18",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
+    "size-limit": "^12.0.0",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.48.0",
-    "vite": "^7.3.1"
-  }
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
+  },
+  "size-limit": [
+    {
+      "path": "dist/spark-design.es.js",
+      "limit": "550 KB",
+      "brotli": false,
+      "gzip": false
+    }
+  ]
 }

package/dist/registry/chat/browser-use-part.d.ts

@@ -1,28 +0,0 @@
-/**
- * [INPUT]: (BrowserUsePartProps) - description、content、status；可选 normalIcon/failedIcon/skippedIcon，未指定则用内联 SVG
- * [OUTPUT]: (JSX.Element)
- * [POS]: registry/chat - 从 QodeChatPanel 移植，全 token 化
- */
-import { type ReactNode } from 'react';
-export type BrowserUseStatus = 'normal' | 'failed' | 'skipped';
-export interface BrowserUsePartProps {
-    description?: string;
-    content?: string;
-    status?: BrowserUseStatus;
-    onRun?: () => void;
-    onSkip?: () => void;
-    onViewDetail?: () => void;
-    onAskEveryTimeChange?: (value: string) => void;
-    className?: string;
-    /** 供 Select 下拉浮层继承布局风格（如 dense），不传则从 document 读取 */
-    dataStyle?: string;
-    /** 供 Select 下拉浮层继承颜色主题，不传则从 document 读取 */
-    dataTheme?: string;
-    normalIcon?: ReactNode;
-    failedIcon?: ReactNode;
-    skippedIcon?: ReactNode;
-}
-export declare function BrowserUsePart({ description, content, status, onRun, onSkip, onViewDetail, onAskEveryTimeChange, className, dataStyle, dataTheme, normalIcon, failedIcon, skippedIcon, }: BrowserUsePartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace BrowserUsePart {
-    var displayName: string;
-}

package/dist/registry/chat/question-part.d.ts

@@ -1,24 +0,0 @@
-/**
- * [INPUT]: (QuestionPartProps) - title、question、skipText/runText；可选 headerIcon，未指定则用内联 SVG
- * [OUTPUT]: (JSX.Element)
- * [POS]: registry/chat - 从 QodeChatPanel 移植，全 token 化
- */
-import type { ReactNode } from 'react';
-export interface QuestionPartProps {
-    title?: string;
-    question: string;
-    skipText?: string;
-    runText?: string;
-    askTimeText?: string;
-    onSkip?: () => void;
-    onRun?: () => void;
-    onAskTimeChange?: (value: string) => void;
-    contentMaxHeight?: number;
-    collapsible?: boolean;
-    className?: string;
-    headerIcon?: ReactNode;
-}
-export declare function QuestionPart({ title, question, skipText, runText, askTimeText, onSkip, onRun, contentMaxHeight, collapsible, className, headerIcon, }: QuestionPartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace QuestionPart {
-    var displayName: string;
-}

package/dist/registry/chat/reasoning-step.d.ts

@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-export type ReasoningStepDetail = {
-    type: 'action';
-    action: string;
-    desc?: string;
-    details?: ReasoningStepDetail[];
-} | {
-    type: 'file';
-    filename: string;
-    lines?: string;
-    path?: string;
-    fileType?: string;
-    details?: ReasoningStepDetail[];
-};
-export interface ReasoningStepProps {
-    text: ReactNode;
-    description?: string;
-    status?: 'completed' | 'in-progress';
-    icon?: ReactNode;
-    showIcon?: boolean;
-    details?: ReasoningStepDetail[];
-    children?: ReactNode;
-    duration?: number;
-    spread?: number;
-    disableExpandAnimation?: boolean;
-    defaultExpanded?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-    eyeIcon?: ReactNode;
-    arrowRightIcon?: ReactNode;
-}
-export declare function ReasoningStep({ text, description, status, icon, showIcon, details, children, duration, spread, disableExpandAnimation, defaultExpanded, expanded: expandedProp, onExpandedChange, eyeIcon, arrowRightIcon, }: ReasoningStepProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ReasoningStep {
-    var displayName: string;
-}

package/dist/registry/chat/request.d.ts

@@ -1,6 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export interface RequestProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    children: ReactNode;
-    maxWidth?: string | number;
-}
-export declare const Request: import("react").ForwardRefExoticComponent<RequestProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/registry/chat/response.d.ts

@@ -1,28 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { ReasoningStepDetail } from './reasoning-step';
-export type ResponsePhase = 'thinking' | 'streaming' | 'done' | 'imageGenerating';
-export type ResponseStepToolType = 'read' | 'edit' | 'search';
-export interface ResponseStep {
-    text: string;
-    description?: string;
-    details?: ReasoningStepDetail[];
-    toolType?: ResponseStepToolType;
-}
-export interface ResponseRound {
-    step: ResponseStep;
-    simpleMd: string;
-}
-export interface ResponseProps extends HTMLAttributes<HTMLDivElement> {
-    simulate?: boolean;
-    phase?: ResponsePhase;
-    rounds?: ResponseRound[];
-    finalMarkdown?: string;
-    onSimulateComplete?: () => void;
-    onStepChange?: (text: string, toolType?: ResponseStepToolType) => void;
-    /** 主库可注入带 Lottie 的 ThinkingIndicator，与独立 ThinkingIndicator 动效一致 */
-    thinkingIndicator?: ReactNode;
-}
-export declare function Response({ simulate, phase, rounds, finalMarkdown, onSimulateComplete, onStepChange, thinkingIndicator, className, ...props }: ResponseProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Response {
-    var displayName: string;
-}

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

@@ -1,7 +0,0 @@
-import type { BrowserUsePartProps as RegistryBrowserUsePartProps, BrowserUseStatus } from '../../../../registry/chat/browser-use-part';
-export type { BrowserUseStatus };
-export type BrowserUsePartProps = Omit<RegistryBrowserUsePartProps, 'normalIcon' | 'failedIcon' | 'skippedIcon'>;
-export declare function BrowserUsePart(props: BrowserUsePartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace BrowserUsePart {
-    var displayName: string;
-}

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

@@ -1,6 +0,0 @@
-import type { QuestionPartProps as RegistryQuestionPartProps } from '../../../../registry/chat/question-part';
-export type QuestionPartProps = Omit<RegistryQuestionPartProps, 'headerIcon'>;
-export declare function QuestionPart(props: QuestionPartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace QuestionPart {
-    var displayName: string;
-}

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

@@ -1,7 +0,0 @@
-/**
- * [INPUT]: (RequestProps)
- * [OUTPUT]: (JSX.Element) - 用户请求消息容器
- * [POS]: components/chat/Request - 从 registry 再导出
- */
-export { Request } from '../../../../registry/chat/request';
-export type { RequestProps } from '../../../../registry/chat/request';

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

@@ -1,6 +0,0 @@
-import type { SuggestionPartProps } from '../../../../registry/chat/suggestion-part';
-export type { SuggestionPartProps };
-export declare function SuggestionPart(props: Omit<SuggestionPartProps, 'closeIcon' | 'arrowDownSIcon' | 'suggestionIcon'>): import("react/jsx-runtime").JSX.Element;
-export declare namespace SuggestionPart {
-    var displayName: string;
-}