base-themes 0.1.0 → 0.1.2

package/dist/types/hooks/useTheme.d.ts

@@ -1,10 +1,10 @@
+import { type ThemeStyle } from '../styles/themeList';
 type Theme = 'light' | 'dark' | 'system';
-type ThemeStyle = 'bento' | 'shadcn' | 'neo-brutalism';
 export declare function useTheme(): {
     theme: Theme;
     setTheme: (t: Theme) => void;
     resolved: "light" | "dark";
-    style: ThemeStyle;
+    style: "bento" | "shadcn" | "neo-brutalism" | "minimal" | "enterprise" | "linear" | "glass" | "terminal" | "material" | "fluent" | "retro" | "cyberpunk" | "editorial" | "calm" | "data-dense" | "playful" | "luxury" | "soft-ui" | "bauhaus" | "mono";
     setStyle: (nextStyle: ThemeStyle) => void;
 };
 export type { Theme, ThemeStyle };

package/dist/types/lib.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 export * from './components/ui';
 export { useTheme } from './hooks/useTheme';
 export type { Theme, ThemeStyle } from './hooks/useTheme';

package/dist/types/styles/themeList.d.ts

@@ -0,0 +1,4 @@
+export declare const themeStyles: readonly ["bento", "shadcn", "neo-brutalism", "minimal", "enterprise", "linear", "glass", "terminal", "material", "fluent", "retro", "cyberpunk", "editorial", "calm", "data-dense", "playful", "luxury", "soft-ui", "bauhaus", "mono"];
+export type ThemeStyle = (typeof themeStyles)[number];
+export declare const themeStyleLabels: Record<ThemeStyle, string>;
+export declare const themeStyleDescriptions: Record<ThemeStyle, string>;

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "base-themes",
   "private": false,
-  "version": "0.1.0",
-  "description": "Themeable Base UI React components with Bento, shadcn, and neo brutalism styles.",
+  "version": "0.1.2",
+  "description": "Themeable Base UI React components with Bento, shadcn, neo brutalism, and expressive product UI styles.",
   "type": "module",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markbang/base-themes.git"
+  },
+  "bugs": {
+    "url": "https://github.com/markbang/base-themes/issues"
+  },
+  "homepage": "https://github.com/markbang/base-themes#readme",
   "sideEffects": [
     "**/*.css"
   ],
@@ -36,6 +44,8 @@
     "build:lib": "vite build --config vite.lib.config.ts",
     "lint": "eslint .",
     "registry:check": "node scripts/validate-registry.mjs",
+    "previews:generate": "node scripts/generate-theme-previews.mjs",
+    "themes:e2e": "node scripts/verify-themes-e2e.mjs",
     "prepack": "npm run registry:check && npm run lint && npm run build",
     "preview": "vite preview"
   },

package/registry/registry.json

@@ -7,7 +7,7 @@
     "tokens": "src/styles/tokens.css",
     "global": "src/index.css",
     "default": "bento",
-    "variants": ["bento", "shadcn", "neo-brutalism"]
+    "variants": ["bento", "shadcn", "neo-brutalism", "minimal", "enterprise", "linear", "glass", "terminal", "material", "fluent", "retro", "cyberpunk", "editorial", "calm", "data-dense", "playful", "luxury", "soft-ui", "bauhaus", "mono"]
   },
   "components": [
     { "name": "accordion", "title": "Accordion", "files": ["src/components/ui/Accordion.tsx", "src/components/ui/Accordion.css"] },

package/skills/base-themes/SKILL.md

@@ -7,7 +7,7 @@ description: Install and extend the Base Themes React component kit built on Bas
 
 ## Quick Start
 
-Install the package and peer dependencies in the target React app:
+Install the package and peer dependencies in the target React app. Prefer this npm package flow for normal usage:
 
 ```bash
 npm install base-themes @base-ui/react react react-dom
@@ -39,7 +39,15 @@ export function Example() {
 }
 ```
 
-For source-copy installs, copy the component wrappers and styles:
+Registry metadata is available from the package when an agent or script needs to inspect components, blocks, dependencies, or required files:
+
+```ts
+import registry from 'base-themes/registry.json'
+```
+
+This skill markdown is included in the installed package at `node_modules/base-themes/skills/base-themes/SKILL.md` and exposed as `base-themes/skill` for tools that read package exports.
+
+For source-copy installs only, copy the component wrappers and styles:
 
 ```bash
 cp -R src/components/ui ./target-app/src/components/ui
@@ -56,11 +64,12 @@ Import the tokens once from app CSS:
 
 ### Add A Component
 
-1. Check `registry/registry.json` for the component entry.
-2. Copy every file listed in the entry's `files` array.
-3. Ensure `src/styles/tokens.css`, `src/styles/shadcn.css`, and `src/styles/neo-brutalism.css` are imported by the target app when source-copying.
-4. Install dependencies from the registry `dependencies` array.
-5. Import the component from `src/components/ui`.
+1. For package installs, import the component from `base-themes` and import `base-themes/styles.css` once.
+2. For source-copy installs, check `registry/registry.json` or `base-themes/registry.json` for the component entry.
+3. Copy every file listed in the entry's `files` array.
+4. Ensure `src/styles/tokens.css`, `src/styles/shadcn.css`, `src/styles/neo-brutalism.css`, and `src/styles/themes.css` are imported by the target app when source-copying.
+5. Install dependencies from the registry `dependencies` array.
+6. Import the component from `src/components/ui`.
 
 ### Add A Block