lucent-ui 0.15.0 → 0.16.0

package/dist-server/src/components/atoms/ColorPicker/ColorPicker.manifest.js

@@ -34,6 +34,20 @@ export const COMPONENT_MANIFEST = {
             required: false,
             description: 'Array of hex color strings shown as clickable swatches. Defaults to a 16-color palette.',
         },
+        {
+            name: 'size',
+            type: 'string',
+            required: false,
+            default: '"md"',
+            description: 'Swatch trigger size. "sm" renders a 24px swatch, "md" renders 40px.',
+        },
+        {
+            name: 'inline',
+            type: 'boolean',
+            required: false,
+            default: 'false',
+            description: 'Places the label beside the swatch instead of above it. Useful for compact layouts.',
+        },
         {
             name: 'disabled',
             type: 'boolean',

package/dist-server/src/components/atoms/NavLink/NavLink.manifest.js

@@ -44,6 +44,14 @@ export const COMPONENT_MANIFEST = {
             default: 'false',
             description: 'Disables interaction and renders muted text. Removes href and onClick.',
         },
+        {
+            name: 'inverse',
+            type: 'boolean',
+            required: false,
+            default: 'false',
+            description: 'Uses surface background with primary text instead of accent for the active state. ' +
+                'Ideal for sidebar navigation on tinted chrome where the accent highlight would be too heavy.',
+        },
         {
             name: 'onClick',
             type: 'function',

package/dist-server/src/components/molecules/PageLayout/PageLayout.manifest.js

@@ -5,7 +5,9 @@ export const COMPONENT_MANIFEST = {
     domain: 'neutral',
     specVersion: '0.1',
     description: 'Full-viewport shell layout with optional header, left sidebar, right panel, and footer slots arranged in a flex column/row structure.',
-    designIntent: 'PageLayout owns the outermost chrome of an application page. The body row is a flex row containing ' +
+    designIntent: 'PageLayout owns the outermost chrome of an application page. Chrome regions (header, sidebar, footer) ' +
+        'default to bgBase so the main content card feels elevated against the page canvas — especially ' +
+        'noticeable with tinted bgBase values. The body row is a flex row containing ' +
         'an optional left sidebar, a bordered main content card, and an optional right panel — all as structural ' +
         'siblings so they share the same vertical space. The header and footer sit outside the body row as ' +
         'flex children of the outer column, ensuring they span the full width. Sidebars collapse to zero width ' +
@@ -87,6 +89,16 @@ export const COMPONENT_MANIFEST = {
             default: '28',
             description: 'Footer height in px (number) or any CSS value (string). Default: 28 — sized for a compact status bar.',
         },
+        {
+            name: 'chromeBackground',
+            type: 'string',
+            required: false,
+            default: '"bgBase"',
+            description: 'Background token for chrome regions (header, sidebar, footer). ' +
+                '"bgBase" uses the page canvas color so the main content card feels elevated; ' +
+                '"bgSubtle" uses a subtle shade of bgBase for chrome distinction; ' +
+                '"surface" matches the old behavior where chrome and content share the same background.',
+        },
         {
             name: 'mainStyle',
             type: 'object',

package/dist-server/src/manifest/validate.test.js

@@ -0,0 +1,28 @@
+import { describe, test, expect } from 'vitest';
+import { validateManifest } from './validate.js';
+// Auto-discover all component manifests
+const manifestModules = import.meta.glob('../components/**/*.manifest.ts', { eager: true });
+const manifests = Object.entries(manifestModules).map(([path, mod]) => {
+    const m = mod;
+    const manifest = m['COMPONENT_MANIFEST'];
+    return { path, manifest };
+});
+describe('Component manifests', () => {
+    test('at least one manifest was discovered', () => {
+        expect(manifests.length).toBeGreaterThan(0);
+    });
+    for (const { path, manifest } of manifests) {
+        const label = path.replace('../components/', '').replace('.manifest.ts', '');
+        test(`${label} — exports COMPONENT_MANIFEST`, () => {
+            expect(manifest).toBeDefined();
+        });
+        test(`${label} — passes schema validation`, () => {
+            const result = validateManifest(manifest);
+            if (!result.valid) {
+                const messages = result.errors.map(e => `  ${e.field}: ${e.message}`).join('\n');
+                throw new Error(`Invalid manifest:\n${messages}`);
+            }
+            expect(result.valid).toBe(true);
+        });
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucent-ui",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "An AI-first React component library with machine-readable manifests.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,6 +25,18 @@
     "dist-server",
     "dist-cli"
   ],
+  "scripts": {
+    "dev": "vite --config vite.dev.config.ts",
+    "build": "vite build",
+    "build:server": "tsc -p server/tsconfig.json",
+    "build:cli": "tsc -p cli/tsconfig.json && cp cli/template.manifest.json dist-cli/cli/template.manifest.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "tsc --noEmit && pnpm build && pnpm build:server && pnpm build:cli",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "pnpm prepublishOnly && changeset publish"
+  },
   "keywords": [
     "react",
     "component-library",
@@ -39,6 +51,7 @@
   },
   "author": "Rozina Szogyenyi",
   "license": "MIT",
+  "packageManager": "pnpm@10.30.3",
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -60,16 +73,5 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.27.1",
     "zod": "^4.3.6"
-  },
-  "scripts": {
-    "dev": "vite --config vite.dev.config.ts",
-    "build": "vite build",
-    "build:server": "tsc -p server/tsconfig.json",
-    "build:cli": "tsc -p cli/tsconfig.json && cp cli/template.manifest.json dist-cli/cli/template.manifest.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "pnpm prepublishOnly && changeset publish"
   }
-}
+}