Ensure the styles are being added to the build

package.json

@@ -43,11 +43,13 @@
   },
   "files": [
     "dist",
+    "recce-source",
+    "src",
     "README.md"
   ],
   "scripts": {
     "dev": "tsdown --watch",
-    "build": "tsdown",
+    "build": "tsdown && node scripts/create-styles.js",
     "type:check": "tsc --noEmit 2>&1 | grep -E '^src/' || echo 'Type check passed (OSS errors filtered)'",
     "type:check:strict": "tsc --noEmit",
     "type:check:all": "tsc --noEmit",

scripts/create-styles.js

@@ -0,0 +1,22 @@
+#!/usr/bin/env node
+const fs = require('fs');
+const path = require('path');
+
+// Find all bundled CSS files (tsdown generates hashed names like components-D2DRqJsz.css)
+const distDir = path.join(__dirname, '../dist');
+const cssFiles = fs.readdirSync(distDir)
+  .filter(f => f.endsWith('.css') && !f.startsWith('styles'))
+  .map(f => `./${f}`);
+
+// Create styles.css that imports all component CSS
+const importsContent = cssFiles
+  .map(f => `@import '${f}';`)
+  .join('\n');
+
+fs.writeFileSync(
+  path.join(distDir, 'styles.css'),
+  importsContent,
+  'utf-8'
+);
+
+console.log('✓ Created dist/styles.css with', cssFiles.length, 'CSS imports');

src/index.ts

@@ -11,6 +11,7 @@ export * from "./components";
 export * from "./api";
 export * from "./hooks";
 export * from "./types";
+export * from "./theme";
 
 // Export a version constant
 export const VERSION = "0.1.0";

src/theme/index.ts

@@ -0,0 +1,13 @@
+/**
+ * @datarecce/ui - Theme Exports
+ *
+ * Exports MUI themes for light and dark modes.
+ * These themes can be used in applications to ensure consistent
+ * styling across Recce components.
+ */
+
+// Export the light and dark themes from the mui-theme file
+export { lightTheme, darkTheme, muiTheme } from "../recce-source/js/src/components/ui/mui-theme";
+
+// Export theme-related types and utilities
+export type { Theme } from "@mui/material/styles";