z-biz-tool-shared 0.1.0

package/dist/styles/designTokens.js

@@ -0,0 +1,199 @@
+/**
+ * 设计系统规范
+ * z-biz-tool UI/UX 设计指南
+ */
+/**
+ * 设计原则
+ * 1. 统一 - 保持一致的视觉语言和交互模式
+ * 2. 简洁 - 清晰直观，减少认知负担
+ * 3. 反馈 - 及时的状态反馈和交互提示
+ * 4. 灵活 - 支持主题切换和自定义
+ */
+// 颜色系统
+export const COLORS = {
+    // 主色
+    primary: '#FFC131',
+    primaryLight: '#FFD54F',
+    primaryDark: '#FFA000',
+    // 辅助色
+    accent: '#61DAFB',
+    accentLight: '#88E0FC',
+    accentDark: '#3DB8E9',
+    // 状态色
+    success: '#4caf50',
+    successLight: '#81c784',
+    successDark: '#388e3c',
+    warning: '#ff9800',
+    warningLight: '#ffb74d',
+    warningDark: '#f57c00',
+    error: '#f44336',
+    errorLight: '#e57373',
+    errorDark: '#d32f2f',
+    info: '#2196f3',
+    infoLight: '#64b5f6',
+    infoDark: '#1976d2',
+    // 中性色
+    white: '#ffffff',
+    black: '#1e1e1e',
+    // 背景色
+    backgroundLight: '#ffffff',
+    backgroundDark: '#1e1e1e',
+    surfaceLight: '#f5f5f5',
+    surfaceDark: '#2d2d2d',
+    // 文本色
+    textLight: '#1e1e1e',
+    textDark: '#ffffff',
+    textSecondaryLight: '#666666',
+    textSecondaryDark: '#b0b0b0',
+    // 边框色
+    borderLight: '#e0e0e0',
+    borderDark: '#3d3d3d'
+};
+// 间距系统
+export const SPACING = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    '2xl': 48,
+    '3xl': 64
+};
+// 圆角系统
+export const BORDER_RADIUS = {
+    sm: 4,
+    md: 8,
+    lg: 12,
+    xl: 16,
+    '2xl': 24,
+    full: 9999
+};
+// 字体系统
+export const FONT_FAMILY = {
+    sans: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    mono: 'Fira Code, "JetBrains Mono", "Consolas", "Monaco", monospace'
+};
+export const FONT_SIZE = {
+    xs: 12,
+    sm: 14,
+    base: 16,
+    lg: 18,
+    xl: 20,
+    '2xl': 24,
+    '3xl': 30,
+    '4xl': 36
+};
+export const FONT_WEIGHT = {
+    light: 300,
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+};
+// 阴影系统
+export const SHADOW = {
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+    '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
+};
+// 过渡系统
+export const TRANSITION = {
+    fast: '150ms ease-in-out',
+    normal: '200ms ease-in-out',
+    slow: '300ms ease-in-out',
+    all: 'all 200ms ease-in-out'
+};
+// 断点系统
+export const BREAKPOINTS = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280
+};
+// 按钮样式
+export const BUTTON_STYLES = {
+    primary: {
+        backgroundColor: COLORS.primary,
+        color: COLORS.black,
+        hover: {
+            backgroundColor: COLORS.primaryDark
+        },
+        active: {
+            transform: 'scale(0.98)'
+        }
+    },
+    secondary: {
+        backgroundColor: COLORS.surfaceDark,
+        color: COLORS.textDark,
+        border: `1px solid ${COLORS.borderDark}`,
+        hover: {
+            backgroundColor: '#3d3d3d'
+        }
+    },
+    ghost: {
+        backgroundColor: 'transparent',
+        color: COLORS.textDark,
+        hover: {
+            backgroundColor: COLORS.backgroundDark
+        }
+    },
+    danger: {
+        backgroundColor: COLORS.error,
+        color: COLORS.white,
+        hover: {
+            backgroundColor: COLORS.errorDark
+        }
+    }
+};
+// 卡片样式
+export const CARD_STYLES = {
+    base: {
+        backgroundColor: COLORS.surfaceDark,
+        borderRadius: BORDER_RADIUS.lg,
+        border: `1px solid ${COLORS.borderDark}`
+    },
+    padding: {
+        sm: 16,
+        md: 24,
+        lg: 32
+    }
+};
+// 表单样式
+export const FORM_STYLES = {
+    input: {
+        backgroundColor: COLORS.surfaceDark,
+        color: COLORS.textDark,
+        border: `1px solid ${COLORS.borderDark}`,
+        borderRadius: BORDER_RADIUS.md,
+        padding: {
+            sm: '8px 12px',
+            md: '12px 16px',
+            lg: '16px 20px'
+        }
+    },
+    label: {
+        color: COLORS.textSecondaryDark,
+        fontSize: FONT_SIZE.sm,
+        fontWeight: FONT_WEIGHT.medium
+    }
+};
+// 状态指示器样式
+export const STATUS_INDICATOR = {
+    online: {
+        backgroundColor: COLORS.success,
+        animation: 'pulse'
+    },
+    busy: {
+        backgroundColor: COLORS.warning,
+        animation: 'pulse'
+    },
+    error: {
+        backgroundColor: COLORS.error
+    },
+    offline: {
+        backgroundColor: COLORS.textSecondaryDark
+    }
+};
+//# sourceMappingURL=designTokens.js.map

package/dist/styles/designTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designTokens.js","sourceRoot":"","sources":["../../src/styles/designTokens.ts"],"names":[],"mappings":"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"}

package/dist/styles/globalStyles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 全局样式
+ * z-biz-tool 的全局 CSS
+ */
+export declare const globalStyles = "\n  :root {\n    /* \u989C\u8272\u53D8\u91CF */\n    --color-primary: #FFC131;\n    --color-primary-light: #FFD54F;\n    --color-primary-dark: #FFA000;\n    --color-accent: #61DAFB;\n    --color-success: #4caf50;\n    --color-warning: #ff9800;\n    --color-error: #f44336;\n    --color-info: #2196f3;\n    \n    /* \u80CC\u666F\u53D8\u91CF */\n    --color-background: #1e1e1e;\n    --color-surface: #2d2d2d;\n    --color-text: #ffffff;\n    --color-text-secondary: #b0b0b0;\n    --color-border: #3d3d3d;\n    \n    /* \u95F4\u8DDD\u53D8\u91CF */\n    --spacing-xs: 4px;\n    --spacing-sm: 8px;\n    --spacing-md: 16px;\n    --spacing-lg: 24px;\n    --spacing-xl: 32px;\n    \n    /* \u5706\u89D2\u53D8\u91CF */\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n    --radius-xl: 16px;\n    \n    /* \u5B57\u4F53\u53D8\u91CF */\n    --font-sans: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    --font-mono: \"Fira Code\", \"JetBrains Mono\", Consolas, Monaco, monospace;\n    \n    /* \u9634\u5F71\u53D8\u91CF */\n    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    \n    /* \u8FC7\u6E21\u53D8\u91CF */\n    --transition-fast: 150ms ease-in-out;\n    --transition-normal: 200ms ease-in-out;\n  }\n  \n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  body {\n    font-family: var(--font-sans);\n    font-size: 16px;\n    line-height: 1.5;\n    color: var(--color-text);\n    background-color: var(--color-background);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  \n  /* \u6EDA\u52A8\u6761\u6837\u5F0F */\n  ::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n  \n  ::-webkit-scrollbar-track {\n    background: var(--color-surface);\n    border-radius: var(--radius-md);\n  }\n  \n  ::-webkit-scrollbar-thumb {\n    background: var(--color-border);\n    border-radius: var(--radius-md);\n  }\n  \n  ::-webkit-scrollbar-thumb:hover {\n    background: #555;\n  }\n  \n  /* \u9009\u62E9\u5668\u6837\u5F0F */\n  ::selection {\n    background: var(--color-primary);\n    color: var(--color-text);\n  }\n  \n  /* \u6309\u94AE\u6837\u5F0F */\n  button {\n    cursor: pointer;\n    font-family: inherit;\n    font-size: inherit;\n  }\n  \n  button:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  \n  /* \u8F93\u5165\u6846\u6837\u5F0F */\n  input,\n  textarea,\n  select {\n    font-family: inherit;\n    font-size: inherit;\n  }\n  \n  input:focus,\n  textarea:focus,\n  select:focus {\n    outline: none;\n  }\n  \n  /* \u94FE\u63A5\u6837\u5F0F */\n  a {\n    color: var(--color-primary);\n    text-decoration: none;\n  }\n  \n  a:hover {\n    text-decoration: underline;\n  }\n  \n  /* \u52A8\u753B */\n  @keyframes slide-in {\n    from {\n      opacity: 0;\n      transform: translateY(10px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  \n  @keyframes pulse {\n    0%, 100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.5;\n    }\n  }\n  \n  .animate-slide-in {\n    animation: slide-in var(--transition-normal);\n  }\n  \n  .animate-fade-in {\n    animation: fade-in var(--transition-normal);\n  }\n  \n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n  \n  /* \u6697\u8272\u6A21\u5F0F\u9002\u914D */\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --color-background: #1e1e1e;\n      --color-surface: #2d2d2d;\n      --color-text: #ffffff;\n      --color-text-secondary: #b0b0b0;\n      --color-border: #3d3d3d;\n    }\n  }\n  \n  /* \u6D45\u8272\u6A21\u5F0F\u9002\u914D */\n  @media (prefers-color-scheme: light) {\n    :root {\n      --color-background: #ffffff;\n      --color-surface: #f5f5f5;\n      --color-text: #1e1e1e;\n      --color-text-secondary: #666666;\n      --color-border: #e0e0e0;\n    }\n  }\n";
+export declare const loadGlobalStyles: () => void;
+export declare const unloadGlobalStyles: () => void;
+//# sourceMappingURL=globalStyles.d.ts.map

package/dist/styles/globalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.d.ts","sourceRoot":"","sources":["../../src/styles/globalStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,eAAO,MAAM,YAAY,shIA2LxB,CAAC;AAGF,eAAO,MAAM,gBAAgB,YAW5B,CAAC;AAGF,eAAO,MAAM,kBAAkB,YAO9B,CAAC"}

package/dist/styles/globalStyles.js

@@ -0,0 +1,216 @@
+/**
+ * 全局样式
+ * z-biz-tool 的全局 CSS
+ */
+// CSS 变量注入
+export const globalStyles = `
+  :root {
+    /* 颜色变量 */
+    --color-primary: #FFC131;
+    --color-primary-light: #FFD54F;
+    --color-primary-dark: #FFA000;
+    --color-accent: #61DAFB;
+    --color-success: #4caf50;
+    --color-warning: #ff9800;
+    --color-error: #f44336;
+    --color-info: #2196f3;
+    
+    /* 背景变量 */
+    --color-background: #1e1e1e;
+    --color-surface: #2d2d2d;
+    --color-text: #ffffff;
+    --color-text-secondary: #b0b0b0;
+    --color-border: #3d3d3d;
+    
+    /* 间距变量 */
+    --spacing-xs: 4px;
+    --spacing-sm: 8px;
+    --spacing-md: 16px;
+    --spacing-lg: 24px;
+    --spacing-xl: 32px;
+    
+    /* 圆角变量 */
+    --radius-sm: 4px;
+    --radius-md: 8px;
+    --radius-lg: 12px;
+    --radius-xl: 16px;
+    
+    /* 字体变量 */
+    --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    --font-mono: "Fira Code", "JetBrains Mono", Consolas, Monaco, monospace;
+    
+    /* 阴影变量 */
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+    
+    /* 过渡变量 */
+    --transition-fast: 150ms ease-in-out;
+    --transition-normal: 200ms ease-in-out;
+  }
+  
+  * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+  
+  body {
+    font-family: var(--font-sans);
+    font-size: 16px;
+    line-height: 1.5;
+    color: var(--color-text);
+    background-color: var(--color-background);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  
+  /* 滚动条样式 */
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  
+  ::-webkit-scrollbar-track {
+    background: var(--color-surface);
+    border-radius: var(--radius-md);
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    background: var(--color-border);
+    border-radius: var(--radius-md);
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background: #555;
+  }
+  
+  /* 选择器样式 */
+  ::selection {
+    background: var(--color-primary);
+    color: var(--color-text);
+  }
+  
+  /* 按钮样式 */
+  button {
+    cursor: pointer;
+    font-family: inherit;
+    font-size: inherit;
+  }
+  
+  button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  
+  /* 输入框样式 */
+  input,
+  textarea,
+  select {
+    font-family: inherit;
+    font-size: inherit;
+  }
+  
+  input:focus,
+  textarea:focus,
+  select:focus {
+    outline: none;
+  }
+  
+  /* 链接样式 */
+  a {
+    color: var(--color-primary);
+    text-decoration: none;
+  }
+  
+  a:hover {
+    text-decoration: underline;
+  }
+  
+  /* 动画 */
+  @keyframes slide-in {
+    from {
+      opacity: 0;
+      transform: translateY(10px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+  
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  
+  @keyframes pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+  
+  .animate-slide-in {
+    animation: slide-in var(--transition-normal);
+  }
+  
+  .animate-fade-in {
+    animation: fade-in var(--transition-normal);
+  }
+  
+  .animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+  
+  /* 暗色模式适配 */
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --color-background: #1e1e1e;
+      --color-surface: #2d2d2d;
+      --color-text: #ffffff;
+      --color-text-secondary: #b0b0b0;
+      --color-border: #3d3d3d;
+    }
+  }
+  
+  /* 浅色模式适配 */
+  @media (prefers-color-scheme: light) {
+    :root {
+      --color-background: #ffffff;
+      --color-surface: #f5f5f5;
+      --color-text: #1e1e1e;
+      --color-text-secondary: #666666;
+      --color-border: #e0e0e0;
+    }
+  }
+`;
+// 加载全局样式
+export const loadGlobalStyles = () => {
+    if (typeof document === 'undefined')
+        return;
+    // 检查是否已加载
+    const styleId = 'z-biz-tool-global-styles';
+    if (document.getElementById(styleId))
+        return;
+    const styleElement = document.createElement('style');
+    styleElement.id = styleId;
+    styleElement.textContent = globalStyles;
+    document.head.appendChild(styleElement);
+};
+// 卸载全局样式
+export const unloadGlobalStyles = () => {
+    if (typeof document === 'undefined')
+        return;
+    const styleElement = document.getElementById('z-biz-tool-global-styles');
+    if (styleElement) {
+        styleElement.remove();
+    }
+};
+//# sourceMappingURL=globalStyles.js.map

package/dist/styles/globalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyles.js","sourceRoot":"","sources":["../../src/styles/globalStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,WAAW;AACX,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2L3B,CAAC;AAEF,SAAS;AACT,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,UAAU;IACV,MAAM,OAAO,GAAG,0BAA0B,CAAC;IAC3C,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;QAAE,OAAO;IAE7C,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,OAAO,CAAC;IAC1B,YAAY,CAAC,WAAW,GAAG,YAAY,CAAC;IACxC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,SAAS;AACT,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAE5C,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IACzE,IAAI,YAAY,EAAE,CAAC;QACjB,YAAY,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;AACH,CAAC,CAAC"}

package/dist/styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './designTokens';
+export * from './globalStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,4 @@
+// 样式模块导出
+export * from './designTokens';
+export * from './globalStyles';
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 主题 Context - 提供给组件使用
+ */
+import React from 'react';
+import type { ThemeColors, ThemeName } from './types';
+interface ThemeContextType {
+    currentTheme: ThemeName;
+    themeColors: ThemeColors;
+    setTheme: (theme: ThemeName) => void;
+}
+export declare const ThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextType;
+export declare const ThemeStyles: React.FC;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEtD,UAAU,gBAAgB;IACxB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAmBjE,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiC/B,CAAC"}

package/dist/theme/ThemeContext.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 主题 Context - 提供给组件使用
+ */
+import { createContext, useContext, useEffect } from 'react';
+import { useThemeStore, initTheme } from './themeManager';
+const ThemeContext = createContext(undefined);
+export const ThemeProvider = ({ children }) => {
+    useEffect(() => {
+        // 初始化主题
+        initTheme();
+    }, []);
+    const { currentTheme, themeConfig, setTheme } = useThemeStore();
+    const themeColors = themeConfig.colors;
+    return (_jsx(ThemeContext.Provider, { value: {
+            currentTheme: currentTheme,
+            themeColors,
+            setTheme
+        }, children: children }));
+};
+export const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+};
+// 主题样式注入组件
+export const ThemeStyles = () => {
+    const { themeColors } = useTheme();
+    return (_jsx("style", { children: `
+      :root {
+        --color-background: ${themeColors.background};
+        --color-surface: ${themeColors.surface};
+        --color-primary: ${themeColors.primary};
+        --color-text: ${themeColors.text};
+        --color-text-secondary: ${themeColors.textSecondary};
+        --color-border: ${themeColors.border};
+        --color-accent: ${themeColors.accent};
+      }
+      
+      body {
+        background-color: var(--color-background);
+        color: var(--color-text);
+      }
+      
+      .bg-primary {
+        background-color: var(--color-primary);
+      }
+      
+      .text-primary {
+        color: var(--color-primary);
+      }
+      
+      .border-primary {
+        border-color: var(--color-primary);
+      }
+    ` }));
+};
+//# sourceMappingURL=ThemeContext.js.map

package/dist/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAS1D,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ;QACR,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAEhE,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC;IAEvC,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE;YAC5B,YAAY,EAAE,YAAY;YAC1B,WAAW;YACX,QAAQ;SACT,YACE,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,WAAW;AACX,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEnC,OAAO,CACL,0BAAQ;;8BAEkB,WAAW,CAAC,UAAU;2BACzB,WAAW,CAAC,OAAO;2BACnB,WAAW,CAAC,OAAO;wBACtB,WAAW,CAAC,IAAI;kCACN,WAAW,CAAC,aAAa;0BACjC,WAAW,CAAC,MAAM;0BAClB,WAAW,CAAC,MAAM;;;;;;;;;;;;;;;;;;;KAmBvC,GAAS,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from './themeManager';
+export * from './ThemeContext';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,5 @@
+// 主题系统导出
+export * from './themeManager';
+export * from './ThemeContext';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/theme/themeManager.d.ts

@@ -0,0 +1,12 @@
+import { ThemeName, ThemeConfig, type ThemeColors } from './types';
+interface ThemeStore {
+    currentTheme: ThemeName;
+    themeConfig: ThemeConfig;
+    setTheme: (theme: ThemeName) => void;
+    updateTheme: (theme: Partial<ThemeConfig>) => void;
+    getThemeColors: () => ThemeColors;
+}
+export declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeStore>>;
+export declare const initTheme: () => void;
+export {};
+//# sourceMappingURL=themeManager.d.ts.map

package/dist/theme/themeManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeManager.d.ts","sourceRoot":"","sources":["../../src/theme/themeManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AA+HnE,UAAU,UAAU;IAClB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,cAAc,EAAE,MAAM,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,yEAyBvB,CAAC;AAGJ,eAAO,MAAM,SAAS,QAAO,IAS5B,CAAC"}