lucent-ui 0.18.0 → 0.18.1

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

@@ -55,6 +55,13 @@ export const COMPONENT_MANIFEST = {
             default: 'false',
             description: 'Prevents interaction and dims the label.',
         },
+        {
+            name: 'portalContainer',
+            type: 'HTMLElement | null',
+            required: false,
+            description: 'DOM element to portal the popover into. Defaults to document.body. ' +
+                'Set this to a wrapper element to preserve CSS custom property inheritance for per-section theming.',
+        },
         {
             name: 'id',
             type: 'string',

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

@@ -24,9 +24,10 @@ export const COMPONENT_MANIFEST = {
         '`-end`, or centered) is preserved during the flip. Position is computed with `getBoundingClientRect` ' +
         'on mount and rendered via `position: fixed` in a portal.\n\n' +
         '## Portal rendering\n' +
-        'The popover is portaled to `document.body` via `createPortal`. This prevents overflow clipping from ' +
+        'The popover is portaled via `createPortal` (default: `document.body`). This prevents overflow clipping from ' +
         'parent containers with `overflow: hidden`. The trigger wrapper stays inline in the DOM tree so it ' +
-        'participates in layout normally.\n\n' +
+        'participates in layout normally. The `portalContainer` prop lets consumers render the portal inside a ' +
+        'wrapper element that sets `--lucent-*` CSS custom property overrides, preserving per-section theming.\n\n' +
         '## Keyboard navigation\n' +
         'Follows WAI-ARIA Menu Button pattern. Arrow keys cycle through enabled items (wrapping). Enter/Space ' +
         'selects the active item and closes the menu. Escape closes without selection. Tab closes and lets ' +
@@ -88,6 +89,13 @@ export const COMPONENT_MANIFEST = {
             required: false,
             description: 'Callback fired when the menu opens or closes. Receives the new open state.',
         },
+        {
+            name: 'portalContainer',
+            type: 'HTMLElement | null',
+            required: false,
+            description: 'DOM element to portal the popover into. Defaults to document.body. ' +
+                'Set this to a wrapper element to preserve CSS custom property inheritance for per-section theming.',
+        },
         {
             name: 'style',
             type: 'object',
@@ -267,6 +275,6 @@ export const COMPONENT_MANIFEST = {
         notes: 'Focus returns to the trigger element after the menu is dismissed via Escape or selection. ' +
             'Disabled items are skipped during keyboard navigation and have aria-disabled. ' +
             'Selected items use role="menuitemcheckbox" with aria-checked for screen reader announcement. ' +
-            'The popover is portaled to document.body but remains semantically linked to the trigger via aria-controls.',
+            'The popover is portaled to document.body (or portalContainer) but remains semantically linked to the trigger via aria-controls.',
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lucent-ui",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "description": "An AI-first React component library with machine-readable manifests.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,18 +25,6 @@
     "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",
@@ -51,7 +39,6 @@
   },
   "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"
@@ -73,5 +60,16 @@
   "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"
   }
-}
+}

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

@@ -1,28 +0,0 @@
-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);
-        });
-    }
-});