@xuefx/ui-theme 1.0.0 → 1.0.1

package/index.js

@@ -1,4 +1,5 @@
 export * from './tokens.js';
 export { default as tailwindPreset } from './tailwind-preset.js';
 export { createTheme } from './create-theme.js';
+export { themes } from './themes.js';
 export { ThemeProvider, useTheme } from './ThemeProvider.jsx';

package/package.json

@@ -1,17 +1,22 @@
 {
   "name": "@xuefx/ui-theme",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Design tokens, Tailwind preset, and theming tools for @xuefx/ui",
   "type": "module",
   "main": "./index.js",
-  "files": ["*.js", "*.jsx", "*.css"],
+  "files": [
+    "*.js",
+    "*.jsx",
+    "*.css"
+  ],
   "exports": {
     ".": "./index.js",
     "./tokens": "./tokens.js",
     "./tailwind-preset": "./tailwind-preset.js",
     "./styles.css": "./styles.css",
     "./create-theme": "./create-theme.js",
-    "./ThemeProvider": "./ThemeProvider.jsx"
+    "./ThemeProvider": "./ThemeProvider.jsx",
+    "./themes": "./themes.js"
   },
   "peerDependencies": {
     "react": ">=19.0.0"
@@ -21,4 +26,4 @@
     "react-dom": "^19.1.0"
   },
   "license": "ISC"
-}
+}

package/themes.js

@@ -0,0 +1,73 @@
+/**
+ * Pre-built theme presets.
+ *
+ * Usage:
+ *   import { themes } from '@xuefx/ui-theme';
+ *   <ThemeProvider theme={themes.green}>
+ *     <App />
+ *   </ThemeProvider>
+ */
+import { createTheme } from './create-theme.js';
+
+export const themes = {
+  /** Sky blue brand — 清新科技感 */
+  cyan: createTheme({
+    colors: {
+      primary: '187 85% 43%',
+      'primary-foreground': '0 0% 100%',
+      ring: '187 85% 43%',
+    },
+  }),
+
+  /** Emerald green brand — 自然、健康、金融 */
+  green: createTheme({
+    colors: {
+      primary: '152 82% 34%',
+      'primary-foreground': '0 0% 100%',
+      ring: '152 82% 34%',
+    },
+  }),
+
+  /** Warm red brand — 热情、电商、活动 */
+  red: createTheme({
+    colors: {
+      primary: '0 72% 51%',
+      'primary-foreground': '0 0% 100%',
+      ring: '0 72% 51%',
+    },
+  }),
+
+  /** Purple brand — 创意、教育、高端 */
+  purple: createTheme({
+    colors: {
+      primary: '267 83% 60%',
+      'primary-foreground': '0 0% 100%',
+      ring: '267 83% 60%',
+    },
+  }),
+
+  /** Orange brand — 活力、运动、食品 */
+  orange: createTheme({
+    colors: {
+      primary: '22 89% 52%',
+      'primary-foreground': '0 0% 100%',
+      ring: '22 89% 52%',
+    },
+  }),
+
+  /** Slate dark — 极简高级灰 */
+  dark: createTheme({
+    colors: {
+      primary: '215 16% 30%',
+      'primary-foreground': '210 40% 98%',
+      ring: '215 16% 30%',
+      background: '222.2 84% 4.9%',
+      foreground: '210 40% 98%',
+      card: '217.2 32.6% 17.5%',
+      'card-foreground': '210 40% 98%',
+      border: '217.2 32.6% 17.5%',
+      muted: '217.2 32.6% 17.5%',
+      'muted-foreground': '215 20.2% 65.1%',
+    },
+  }),
+};