vibe-ui-suite 4.8.0 → 6.2.0

package/dist/cli.mjs

@@ -2,42 +2,49 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import * as readline from 'readline';
-import { COMPONENT_REGISTRY } from './registry/components';
-import { VISUAL_CHEMISTRIES } from './index';
-const VERSION = '4.1.1';
+import { COMPONENT_REGISTRY } from './registry/components.mjs';
+import { VISUAL_CHEMISTRIES } from './index.mjs';
+const VERSION = '6.2.0';
 function printBanner() {
-    console.log(`
-\x1b[35m  ▲ VIBE UI CLI v${VERSION}\x1b[0m
-  \x1b[90mDeterministic UI contracts & component primitives for AI coding assistants\x1b[0m
+    console.log(`
+\x1b[35m  ▲ VIBE UI CLI v${VERSION}\x1b[0m
+  \x1b[90mDeterministic UI contracts, 11 design paradigms & flagship components for AI coding assistants\x1b[0m
 `);
 }
 function printHelp() {
     printBanner();
-    console.log(`\x1b[1mUSAGE:\x1b[0m
-  npx vibe-ui-suite <command> [options]
-  vibe-ui <command> [options]
-
-\x1b[1mCOMMANDS:\x1b[0m
-  \x1b[32minit\x1b[0m               Initialize Vibe UI contracts, OKLCH tokens & AI rules in current project
-  \x1b[32madd <component>\x1b[0m     Add an accessible, AI-native component template to your project
-  \x1b[32mlist\x1b[0m               List all available component primitives in the registry
-
-\x1b[1mOPTIONS:\x1b[0m
-  -f, --force        Overwrite existing files (creates automated .bak backups)
-  -y, --yes          Non-interactive mode (use defaults without prompting)
-  --chemistry <1-5>  Select visual chemistry in non-interactive mode
-  --editor <1-4>     Select target AI editor in non-interactive mode (1: Cursor, 2: Claude, 3: Windsurf, 4: All)
-  --dry-run          Preview file operations without making actual modifications
-  -v, --version      Show CLI version
-  -h, --help         Show help menu
-
-\x1b[1mEXAMPLES:\x1b[0m
-  npx vibe-ui-suite init
-  npx vibe-ui-suite init -y
-  npx vibe-ui-suite init --dry-run
-  npx vibe-ui-suite add thinking-drawer
-  npx vibe-ui-suite add theme-toggle
-  npx vibe-ui-suite add thinking-drawer --force
+    console.log(`\x1b[1mUSAGE:\x1b[0m
+  npx vibe-ui-suite <command> [options]
+  vibe-ui <command> [options]
+
+\x1b[1mCOMMANDS:\x1b[0m
+  \x1b[32minit\x1b[0m               Initialize Vibe UI contracts, 11 paradigm tokens & AI rules in current project
+  \x1b[32msync\x1b[0m               Synchronize existing AI contracts to canonical v${VERSION} master rules
+  \x1b[32minstall-skills\x1b[0m     Install or update Vibe UI agent skills in .agents/skills/
+  \x1b[32madd <component>\x1b[0m     Add an accessible, AI-native component template to your project
+  \x1b[32mlist\x1b[0m               List all available component primitives in the registry
+
+\x1b[1mOPTIONS:\x1b[0m
+  -f, --force        Overwrite existing files (creates automated .bak backups)
+  -y, --yes          Non-interactive mode (use defaults without prompting)
+  --chemistry <1-5>  Select visual chemistry in non-interactive mode
+  --editor <1-4>     Select target AI editor in non-interactive mode (1: Cursor, 2: Claude, 3: Windsurf, 4: All)
+  --dry-run          Preview file operations without making actual modifications
+  -v, --version      Show CLI version
+  -h, --help         Show help menu
+
+\x1b[1mEXAMPLES:\x1b[0m
+  npx vibe-ui-suite init
+  npx vibe-ui-suite init -y
+  npx vibe-ui-suite sync
+  npx vibe-ui-suite install-skills
+  npx vibe-ui-suite add device-mockup
+  npx vibe-ui-suite add before-after-lens
+  npx vibe-ui-suite add specular-card
+  npx vibe-ui-suite add thinking-drawer
+  npx vibe-ui-suite add shimmer-button
+  npx vibe-ui-suite add theme-toggle
+  npx vibe-ui-suite add device-mockup --force
 `);
 }
 function prompt(rl, query) {
@@ -63,16 +70,131 @@ function safeWriteFile(filePath, content, options) {
     fs.writeFileSync(filePath, content, 'utf-8');
     return { written: true, skipped: false };
 }
-const CONTRACT_RULES = `# Vibe UI Design & Code Quality Contract
-# Generated via npx vibe-ui-suite init
-
-Follow strict anti-slop guidelines:
-- Zero raw unicode emojis (use inline SVGs only)
-- Strict WCAG 2.2 AA contrast (>= 4.5:1 body, >= 3.0:1 headings)
-- Use typed OKLCH color spaces for perceptual accuracy
-- Strict maximum of 3 backdrop-filter / glass layers
-- Semantic RTL: preserve physical macro coordinate stability
+const CONTRACT_RULES = `# 👑 Vibe UI Master Design & Architecture Contract (v6.2.0)
+# Generated via npx vibe-ui-suite init / sync
+
+## 🏛️ The 5 Master Execution Gates & Autonomous Lazy-Prompt Protocol
+When receiving UI design or redesign prompts (especially lazy prompts: "design this", "redesign this", "make it look good", "make it pop", "craft a modern UI"):
+
+1. 📸 MANDATORY PRE-EDIT VISUAL AUDIT:
+   - Before editing any code, capture an initial browser screenshot (screenshots/before.png).
+   - Visually critique layout flaws, spacing balance, visual hierarchy, and focal points with multimodal vision.
+
+2. 🎨 ARCHITECTURAL PARADIGM & TREND BENCHMARKING:
+   - Benchmark against premier design sources: Dribbble, Figma Community, Mobbin, and Awwwards.
+   - Autonomously select a modern paradigm (Bento Grid, Linear Minimal, Stripe Crisp Light, Swiss Editorial).
+   - Light Mode is the primary default canvas (#ffffff/#f8fafc). Mandatory dual-theme support with accessible Dark Mode toggle.
+
+3. 🧱 STRUCTURAL DOM & SPATIAL OVERHAUL:
+   - ZERO COSMETIC-ONLY PATCH INVARIANT: Strictly forbidden to perform shallow skin-patches (altering only colors, borders, or emojis while leaving dead layouts untouched).
+   - Overhaul structural spatial rhythm, 8pt spacing system, and asymmetric bento card hierarchies.
+   - Inject tactile micro-interactions (shimmer buttons, cyber loaders, tactile switches, holographic cards) and authentic imagery.
+   - CONTEXTUAL CREATIVE MEDIA: Background video is strictly contextual (for creative/cinematic requests only); never force video onto utility SaaS or dashboards. Intelligently evaluate whether curated video, lightweight SVG particles, or static photography deliver the cleanest UX.
+
+4. 👁️ MULTI-VIEWPORT LIVING VISUAL VERIFICATION:
+   - Capture post-edit full-page screenshots (screenshots/after.png, Desktop 1440px / Mobile 390px).
+   - Multimodal self-critique: verify visual rhythm, zero horizontal overflow, and pristine typography hierarchy before handoff.
+
+5. 🧼 SILENT TABLE-STAKES (INTERNAL WORKER BASELINES):
+   - Low-level hygiene (OKLCH color math, WCAG AAA formulas, zero raw unicode emojis -> inline SVGs, <bdi> bidirectional text isolation) are silent worker requirements.
+   - NEVER report these hygiene baselines as headline accomplishments or key deliverables in chat summaries.
+   - Chat summaries MUST lead with architectural layout transformations, aesthetic paradigm chosen, and visual before/after evidence.
 `;
+function findSourceSkillsDir() {
+    const candidates = [
+        path.resolve(__dirname, '..', 'skills'),
+        path.resolve(__dirname, 'skills'),
+        path.resolve(__dirname, '..', '..', '..', 'skills'),
+        path.resolve(process.cwd(), 'skills'),
+    ];
+    for (const c of candidates) {
+        if (fs.existsSync(c) && fs.existsSync(path.join(c, 'ui-kit', 'SKILL.md'))) {
+            return c;
+        }
+    }
+    return null;
+}
+function installSkills(targetProjectDir, options) {
+    const srcSkillsDir = findSourceSkillsDir();
+    const installed = [];
+    const skipped = [];
+    if (!srcSkillsDir) {
+        console.log('  \x1b[33m[warn]\x1b[0m Could not locate Vibe UI skills source directory to install.');
+        return { installed, skipped };
+    }
+    const destSkillsDir = path.join(targetProjectDir, '.agents', 'skills');
+    if (options.dryRun) {
+        console.log(`  \x1b[34m[dry-run]\x1b[0m Would install Vibe UI skills to: ${path.relative(process.cwd(), destSkillsDir)}`);
+        return { installed, skipped };
+    }
+    if (!fs.existsSync(destSkillsDir)) {
+        fs.mkdirSync(destSkillsDir, { recursive: true });
+    }
+    const skillsList = fs.readdirSync(srcSkillsDir).filter((f) => {
+        const full = path.join(srcSkillsDir, f);
+        return fs.statSync(full).isDirectory() && fs.existsSync(path.join(full, 'SKILL.md'));
+    });
+    for (const skillName of skillsList) {
+        const srcSkillPath = path.join(srcSkillsDir, skillName);
+        const destSkillPath = path.join(destSkillsDir, skillName);
+        if (fs.existsSync(destSkillPath) && !options.force) {
+            skipped.push(skillName);
+            continue;
+        }
+        if (fs.existsSync(destSkillPath) && options.force) {
+            fs.rmSync(destSkillPath, { recursive: true, force: true });
+        }
+        fs.cpSync(srcSkillPath, destSkillPath, { recursive: true });
+        installed.push(skillName);
+    }
+    return { installed, skipped };
+}
+async function handleInstallSkills(options) {
+    printBanner();
+    console.log('\x1b[36mInstalling Vibe UI Agent Skills into current project workspace (.agents/skills/)...\x1b[0m\n');
+    const cwd = process.cwd();
+    const res = installSkills(cwd, options);
+    if (res.installed.length > 0) {
+        console.log(`\n\x1b[32m✔ Successfully installed ${res.installed.length} skill(s) in .agents/skills/:\x1b[0m`);
+        res.installed.forEach((s) => console.log(`  + .agents/skills/${s}`));
+    }
+    if (res.skipped.length > 0) {
+        console.log(`\n\x1b[33mSkipped ${res.skipped.length} existing skill(s) (use --force to overwrite):\x1b[0m`);
+        res.skipped.forEach((s) => console.log(`  - ${s}`));
+    }
+}
+async function handleSync(options) {
+    printBanner();
+    console.log('\x1b[36mSynchronizing AI contracts to canonical v6.2.0 Master Architectural Standard...\x1b[0m\n');
+    const cwd = process.cwd();
+    const targetFiles = ['.cursorrules', '.windsurfrules', 'CLAUDE.md'];
+    let updatedCount = 0;
+    for (const filename of targetFiles) {
+        const filePath = path.join(cwd, filename);
+        if (fs.existsSync(filePath)) {
+            const res = safeWriteFile(filePath, CONTRACT_RULES, { ...options, force: true });
+            if (res.written) {
+                console.log(`  \x1b[32m✔\x1b[0m Updated \x1b[1m${filename}\x1b[0m to v6.2.0 contract rules`);
+                updatedCount++;
+            }
+        }
+    }
+    const destSkills = path.join(cwd, '.agents', 'skills');
+    if (fs.existsSync(destSkills) || updatedCount > 0) {
+        console.log('\n\x1b[36mSynchronizing Vibe UI workspace skills (.agents/skills/):\x1b[0m');
+        const skillRes = installSkills(cwd, { ...options, force: true });
+        if (skillRes.installed.length > 0) {
+            console.log(`  \x1b[32m✔\x1b[0m Synchronized ${skillRes.installed.length} skills in .agents/skills/`);
+        }
+    }
+    if (updatedCount === 0) {
+        console.log('  \x1b[33mNo existing AI rule files found in current directory.\x1b[0m');
+        console.log('  Run \x1b[32mnpx vibe-ui-suite init\x1b[0m to initialize contracts from scratch.');
+    }
+    else {
+        console.log(`\n\x1b[32m✔ Successfully synchronized AI rule file(s) and workspace skills to v6.2.0!\x1b[0m`);
+    }
+}
 async function handleInit(options) {
     printBanner();
     if (options.dryRun) {
@@ -151,44 +273,56 @@ async function handleInit(options) {
             createdFiles.push('.windsurfrules');
     }
     // 4. Generate Dual-Theme CSS Tokens file safely
-    const cssContent = `:root {
-  /* Vibe UI Chemistry: ${selectedChem.name} (${selectedChem.id}) - Light Theme */
-  --vibe-canvas: ${selectedChem.colors.canvas};
-  --vibe-surface: ${selectedChem.colors.surface};
-  --vibe-border: ${selectedChem.colors.border};
-  --vibe-primary-accent: ${selectedChem.colors.primaryAccent};
-  --vibe-on-primary: ${selectedChem.colors.onPrimaryAccent};
-  --vibe-text-primary: ${selectedChem.colors.textPrimary};
-  --vibe-text-muted: ${selectedChem.colors.textMuted};
-  --vibe-ring: ${selectedChem.colors.ring};
-}
-
-.dark, [data-theme="dark"] {
-  /* Vibe UI Chemistry: ${selectedChem.name} (${selectedChem.id}) - Dark Theme */
-  --vibe-canvas: ${darkColors.canvas};
-  --vibe-surface: ${darkColors.surface};
-  --vibe-border: ${darkColors.border};
-  --vibe-primary-accent: ${darkColors.primaryAccent};
-  --vibe-on-primary: ${darkColors.onPrimaryAccent};
-  --vibe-text-primary: ${darkColors.textPrimary};
-  --vibe-text-muted: ${darkColors.textMuted};
-  --vibe-ring: ${darkColors.ring};
-}
+    const cssContent = `:root {
+  /* Vibe UI Chemistry: ${selectedChem.name} (${selectedChem.id}) - Light Theme */
+  --vibe-canvas: ${selectedChem.colors.canvas};
+  --vibe-surface: ${selectedChem.colors.surface};
+  --vibe-border: ${selectedChem.colors.border};
+  --vibe-primary-accent: ${selectedChem.colors.primaryAccent};
+  --vibe-on-primary: ${selectedChem.colors.onPrimaryAccent};
+  --vibe-text-primary: ${selectedChem.colors.textPrimary};
+  --vibe-text-muted: ${selectedChem.colors.textMuted};
+  --vibe-ring: ${selectedChem.colors.ring};
+}
+
+.dark, [data-theme="dark"] {
+  /* Vibe UI Chemistry: ${selectedChem.name} (${selectedChem.id}) - Dark Theme */
+  --vibe-canvas: ${darkColors.canvas};
+  --vibe-surface: ${darkColors.surface};
+  --vibe-border: ${darkColors.border};
+  --vibe-primary-accent: ${darkColors.primaryAccent};
+  --vibe-on-primary: ${darkColors.onPrimaryAccent};
+  --vibe-text-primary: ${darkColors.textPrimary};
+  --vibe-text-muted: ${darkColors.textMuted};
+  --vibe-ring: ${darkColors.ring};
+}
 `;
     const cssPath = path.join(cwd, 'vibe-tokens.css');
     const cssRes = safeWriteFile(cssPath, cssContent, options);
     if (cssRes.written)
         createdFiles.push('vibe-tokens.css');
+    // 5. Install Vibe UI Workspace Skills into .agents/skills/
+    console.log('\n\x1b[36mInstalling Vibe UI Agent Skills (.agents/skills/):\x1b[0m');
+    const skillRes = installSkills(cwd, options);
+    if (skillRes.installed.length > 0) {
+        skillRes.installed.forEach((s) => {
+            console.log(`  \x1b[32m✔\x1b[0m Installed skill: \x1b[1m${s}\x1b[0m`);
+            createdFiles.push(`.agents/skills/${s}`);
+        });
+    }
+    if (skillRes.skipped.length > 0) {
+        skillRes.skipped.forEach((s) => console.log(`  \x1b[33m[skip]\x1b[0m Skill ${s} already installed (use --force to overwrite)`));
+    }
     console.log('\n\x1b[32m✔ Initialized successfully!\x1b[0m');
     if (createdFiles.length > 0) {
         console.log('\x1b[90mGenerated/Updated files:\x1b[0m');
         createdFiles.forEach((f) => console.log(`  + ${f}`));
     }
-    console.log(`
-\x1b[1mNext Steps:\x1b[0m
-1. Import \x1b[35mvibe-tokens.css\x1b[0m into your layout or globals.css
-2. Run \x1b[32mnpx vibe-ui-suite add thinking-drawer\x1b[0m to add your first AI component
-3. Run \x1b[32mnpx vibe-ui-suite add theme-toggle\x1b[0m to add accessible Dark/Light theme switch
+    console.log(`
+\x1b[1mNext Steps:\x1b[0m
+1. Import \x1b[35mvibe-tokens.css\x1b[0m into your layout or globals.css
+2. Run \x1b[32mnpx vibe-ui-suite add thinking-drawer\x1b[0m to add your first AI component
+3. Run \x1b[32mnpx vibe-ui-suite add theme-toggle\x1b[0m to add accessible Dark/Light theme switch
 `);
 }
 function handleAdd(componentName, options = { force: false, dryRun: false }) {
@@ -228,10 +362,20 @@ function handleAdd(componentName, options = { force: false, dryRun: false }) {
     }
 }
 function handleList() {
-    console.log('\x1b[1mAvailable Vibe UI Components:\x1b[0m');
-    Object.values(COMPONENT_REGISTRY).forEach((comp) => {
-        console.log(`  \x1b[32m${comp.name.padEnd(18)}\x1b[0m \x1b[90m${comp.description}\x1b[0m`);
+    console.log('\x1b[1mAvailable Vibe UI Components:\x1b[0m\n');
+    console.log('  \x1b[1;36mAI Contracts & Observation:\x1b[0m');
+    Object.values(COMPONENT_REGISTRY)
+        .filter((comp) => comp.category === 'ai-contracts')
+        .forEach((comp) => {
+        console.log(`    \x1b[32m${comp.name.padEnd(20)}\x1b[0m \x1b[90m${comp.description}\x1b[0m`);
+    });
+    console.log('\n  \x1b[1;35mLiving Micro-Interactions:\x1b[0m');
+    Object.values(COMPONENT_REGISTRY)
+        .filter((comp) => comp.category === 'living-micro-interactions')
+        .forEach((comp) => {
+        console.log(`    \x1b[32m${comp.name.padEnd(20)}\x1b[0m \x1b[90m${comp.description}\x1b[0m`);
     });
+    console.log('');
 }
 async function main() {
     const rawArgs = process.argv.slice(2);
@@ -261,6 +405,14 @@ async function main() {
         case 'init':
             await handleInit(options);
             break;
+        case 'sync':
+        case 'update':
+            await handleSync(options);
+            break;
+        case 'install-skills':
+        case 'skills':
+            await handleInstallSkills(options);
+            break;
         case 'add':
             handleAdd(filteredArgs[1], options);
             break;

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * @vibe-ui/tokens
  * Typed OKLCH design tokens, physics curves, and contrast utilities.
  */
-export type VisualChemistryId = 'MINIMALIST_SAAS' | 'LUXURY_GLASS_2' | 'NEOBRUTALISM' | 'SWISS_EDITORIAL' | 'STRIPE_CRISP_LIGHT';
+export type VisualChemistryId = 'MINIMALIST_SAAS' | 'LUXURY_GLASS_2' | 'NEOBRUTALISM' | 'SWISS_EDITORIAL' | 'STRIPE_CRISP_LIGHT' | 'CLAYMORPHISM';
 export interface ChemistryColors {
     canvas: string;
     surface: string;
@@ -45,3 +45,4 @@ export declare const MOTION_CURVES: {
 export declare function getRelativeLuminance(r: number, g: number, b: number): number;
 /** Contrast ratio between two luminance values */
 export declare function getContrastRatio(lumA: number, lumB: number): number;
+export { COMPONENT_REGISTRY, type ComponentTemplate } from './registry/components';

package/dist/index.js

@@ -4,7 +4,7 @@
  * Typed OKLCH design tokens, physics curves, and contrast utilities.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MOTION_CURVES = exports.VISUAL_CHEMISTRIES = void 0;
+exports.COMPONENT_REGISTRY = exports.MOTION_CURVES = exports.VISUAL_CHEMISTRIES = void 0;
 exports.getRelativeLuminance = getRelativeLuminance;
 exports.getContrastRatio = getContrastRatio;
 exports.VISUAL_CHEMISTRIES = {
@@ -183,6 +183,41 @@ exports.VISUAL_CHEMISTRIES = {
             lerpAlpha: '1 - Math.exp(-16 * dt)',
         },
     },
+    CLAYMORPHISM: {
+        id: 'CLAYMORPHISM',
+        name: 'Claymorphism (3D Soft Tactile)',
+        tagline: 'Tactile inflated surfaces with dual pillowy shadows and vibrant pastel accents',
+        colors: {
+            canvas: 'oklch(0.96 0.01 250)',
+            surface: 'oklch(1 0 0)',
+            border: 'oklch(1 0 0 / 0.8)',
+            primaryAccent: 'oklch(0.58 0.22 265)',
+            onPrimaryAccent: 'oklch(0.99 0 0)',
+            textPrimary: 'oklch(0.24 0.03 260)',
+            textMuted: 'oklch(0.50 0.02 260)',
+            ring: 'oklch(0.58 0.22 265)',
+        },
+        darkColors: {
+            canvas: 'oklch(0.18 0.02 260)',
+            surface: 'oklch(0.24 0.025 260)',
+            border: 'oklch(0.32 0.02 260)',
+            primaryAccent: 'oklch(0.68 0.22 265)',
+            onPrimaryAccent: 'oklch(0.99 0 0)',
+            textPrimary: 'oklch(0.98 0 0)',
+            textMuted: 'oklch(0.70 0.02 260)',
+            ring: 'oklch(0.68 0.22 265)',
+        },
+        typography: {
+            display: 'Vazirmatn, Plus Jakarta Sans, system-ui, sans-serif',
+            body: 'Vazirmatn, Inter, system-ui, sans-serif',
+            mono: 'JetBrains Mono, monospace',
+        },
+        physics: {
+            springStiffness: 240,
+            dampingRatio: 0.82,
+            lerpAlpha: '1 - Math.exp(-14 * dt)',
+        },
+    },
 };
 /** Easing curves adhering to Vibe UI motion standards */
 exports.MOTION_CURVES = {
@@ -205,3 +240,6 @@ function getContrastRatio(lumA, lumB) {
     const l2 = Math.min(lumA, lumB);
     return (l1 + 0.05) / (l2 + 0.05);
 }
+// Re-export Component Registry and templates
+var components_1 = require("./registry/components");
+Object.defineProperty(exports, "COMPONENT_REGISTRY", { enumerable: true, get: function () { return components_1.COMPONENT_REGISTRY; } });

package/dist/index.mjs

@@ -178,6 +178,41 @@ export const VISUAL_CHEMISTRIES = {
             lerpAlpha: '1 - Math.exp(-16 * dt)',
         },
     },
+    CLAYMORPHISM: {
+        id: 'CLAYMORPHISM',
+        name: 'Claymorphism (3D Soft Tactile)',
+        tagline: 'Tactile inflated surfaces with dual pillowy shadows and vibrant pastel accents',
+        colors: {
+            canvas: 'oklch(0.96 0.01 250)',
+            surface: 'oklch(1 0 0)',
+            border: 'oklch(1 0 0 / 0.8)',
+            primaryAccent: 'oklch(0.58 0.22 265)',
+            onPrimaryAccent: 'oklch(0.99 0 0)',
+            textPrimary: 'oklch(0.24 0.03 260)',
+            textMuted: 'oklch(0.50 0.02 260)',
+            ring: 'oklch(0.58 0.22 265)',
+        },
+        darkColors: {
+            canvas: 'oklch(0.18 0.02 260)',
+            surface: 'oklch(0.24 0.025 260)',
+            border: 'oklch(0.32 0.02 260)',
+            primaryAccent: 'oklch(0.68 0.22 265)',
+            onPrimaryAccent: 'oklch(0.99 0 0)',
+            textPrimary: 'oklch(0.98 0 0)',
+            textMuted: 'oklch(0.70 0.02 260)',
+            ring: 'oklch(0.68 0.22 265)',
+        },
+        typography: {
+            display: 'Vazirmatn, Plus Jakarta Sans, system-ui, sans-serif',
+            body: 'Vazirmatn, Inter, system-ui, sans-serif',
+            mono: 'JetBrains Mono, monospace',
+        },
+        physics: {
+            springStiffness: 240,
+            dampingRatio: 0.82,
+            lerpAlpha: '1 - Math.exp(-14 * dt)',
+        },
+    },
 };
 /** Easing curves adhering to Vibe UI motion standards */
 export const MOTION_CURVES = {
@@ -200,3 +235,5 @@ export function getContrastRatio(lumA, lumB) {
     const l2 = Math.min(lumA, lumB);
     return (l1 + 0.05) / (l2 + 0.05);
 }
+// Re-export Component Registry and templates
+export { COMPONENT_REGISTRY } from './registry/components.mjs';

package/dist/registry/components.d.ts

@@ -6,6 +6,7 @@ export interface ComponentTemplate {
     name: string;
     filename: string;
     description: string;
+    category: 'ai-contracts' | 'living-micro-interactions';
     code: string;
 }
 export declare const COMPONENT_REGISTRY: Record<string, ComponentTemplate>;