@stampui/blocks 1.1.1 → 2.0.0

package/src/manifests.ts

@@ -949,7 +949,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: ["lucide-react"],
@@ -968,7 +968,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
@@ -987,7 +987,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "advanced",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: ["lucide-react"],
@@ -1006,7 +1006,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: ["lucide-react"],
@@ -1025,7 +1025,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: ["lucide-react"],
@@ -1044,7 +1044,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
@@ -1063,7 +1063,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-10",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
@@ -1126,7 +1126,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-09",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react"],
     dependencies: [],
@@ -1145,7 +1145,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-09",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react"],
     dependencies: ["lucide-react"],
@@ -1227,7 +1227,7 @@ export const manifests: Record<string, BlockManifest> = {
     version: "1.0.0",
     updatedAt: "2026-05-09",
     changelog: ["Initial release"],
-    status: "new",
+    status: "pro",
     difficulty: "intermediate",
     frameworks: ["nextjs", "react"],
     dependencies: ["lucide-react"],
@@ -1370,25 +1370,6 @@ export const manifests: Record<string, BlockManifest> = {
     supportsLightMode: true,
     promptReady: true,
   },
-  "project-command-center": {
-    slug: "project-command-center",
-    title: "Project Command Center",
-    description: "Compact project dashboard with launch metrics, milestone progress, team avatars, activity, and health tabs.",
-    category: "App",
-    tags: ["dashboard", "project", "progress", "team", "status"],
-    version: "1.0.0",
-    updatedAt: "2026-05-11",
-    changelog: ["Initial release"],
-    status: "new",
-    difficulty: "intermediate",
-    frameworks: ["nextjs", "react"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/project-command-center.tsx", type: "block" }],
-    tokens: ["background", "card", "border", "foreground", "muted-foreground", "surface"],
-    supportsDarkMode: true,
-    supportsLightMode: true,
-    promptReady: true,
-  },
   "registry-explorer": {
     slug: "registry-explorer",
     title: "Registry Explorer",
@@ -1678,14 +1659,14 @@ export const manifests: Record<string, BlockManifest> = {
     promptReady: true,
   },
 
-  // ─── New Blocks ───────────────────────────────────────────────────────────
+  // ─── Motion ───────────────────────────────────────────────────────────────
 
-  "waitlist-section": {
-    slug: "waitlist-section",
-    title: "Waitlist Section",
-    description: "Email signup section with a waitlist counter and thank-you state.",
-    category: "Marketing",
-    tags: ["waitlist", "email", "signup", "landing"],
+  "orbit-trail": {
+    slug: "orbit-trail",
+    title: "Orbit Trail",
+    description: "Three dots orbiting a center point at different radii and speeds.",
+    category: "Motion",
+    tags: ["loader", "spinner", "orbital", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
@@ -1693,19 +1674,18 @@ export const manifests: Record<string, BlockManifest> = {
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/waitlist-section.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    files: [{ path: "components/blocks/orbit-trail.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "changelog-feed": {
-    slug: "changelog-feed",
-    title: "Changelog Feed",
-    description: "Vertical timeline of versioned product updates with type tags.",
-    category: "Display",
-    tags: ["changelog", "timeline", "updates", "versioning"],
+  "grid-wave": {
+    slug: "grid-wave",
+    title: "Grid Wave",
+    description: "4×4 dot grid with diagonal ripple wave animation.",
+    category: "Motion",
+    tags: ["loader", "grid", "dots", "wave", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
@@ -1713,139 +1693,135 @@ export const manifests: Record<string, BlockManifest> = {
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/changelog-feed.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    files: [{ path: "components/blocks/grid-wave.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "faq-accordion": {
-    slug: "faq-accordion",
-    title: "FAQ Accordion",
-    description: "Expandable FAQ section built without external accordion dependencies.",
-    category: "Marketing",
-    tags: ["faq", "accordion", "help", "landing"],
+  "signal-arc": {
+    slug: "signal-arc",
+    title: "Signal Arc",
+    description: "Concentric rings that expand and fade like sonar pulses.",
+    category: "Motion",
+    tags: ["loader", "pulse", "sonar", "rings", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
     status: "free",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/faq-accordion.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border"],
+    dependencies: [],
+    files: [{ path: "components/blocks/signal-arc.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "cta-banner": {
-    slug: "cta-banner",
-    title: "CTA Banner",
-    description: "End-of-page call-to-action section with primary and secondary buttons.",
-    category: "Marketing",
-    tags: ["cta", "call-to-action", "landing", "conversion"],
+  "data-flow": {
+    slug: "data-flow",
+    title: "Data Flow",
+    description: "Streaming dots that flow across in a continuous horizontal stream.",
+    category: "Motion",
+    tags: ["loader", "stream", "flow", "dots", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/cta-banner.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border"],
+    files: [{ path: "components/blocks/data-flow.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "site-footer": {
-    slug: "site-footer",
-    title: "Site Footer",
-    description: "Full site footer with brand, grouped nav links, social icons, and copyright.",
-    category: "Navigation",
-    tags: ["footer", "navigation", "links", "social"],
+  "bloom-burst": {
+    slug: "bloom-burst",
+    title: "Bloom Burst",
+    description: "Eight radial lines that bloom outward and retract like a starburst.",
+    category: "Motion",
+    tags: ["loader", "radial", "burst", "bloom", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/site-footer.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    dependencies: [],
+    files: [{ path: "components/blocks/bloom-burst.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "testimonials-wall": {
-    slug: "testimonials-wall",
-    title: "Testimonials Wall",
-    description: "Responsive grid of testimonial cards with author avatars and quotes.",
-    category: "Marketing",
-    tags: ["testimonials", "social-proof", "quotes", "grid"],
+  "helix-wave": {
+    slug: "helix-wave",
+    title: "Helix Wave",
+    description: "Two rows of dots oscillating in counterphase to create a DNA helix illusion.",
+    category: "Motion",
+    tags: ["loader", "helix", "wave", "dots", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/testimonials-wall.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    files: [{ path: "components/blocks/helix-wave.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "metrics-grid": {
-    slug: "metrics-grid",
-    title: "Metrics Grid",
-    description: "Dashboard KPI grid with trend indicators, icons, and configurable columns.",
-    category: "Dashboard",
-    tags: ["metrics", "kpi", "dashboard", "stats", "analytics"],
+  "trace-path": {
+    slug: "trace-path",
+    title: "Trace Path",
+    description: "A circuit-like path that draws itself with a moving dot at its head.",
+    category: "Motion",
+    tags: ["loader", "circuit", "trace", "path", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
-    difficulty: "intermediate",
-    frameworks: ["nextjs", "react"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/metrics-grid.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/trace-path.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "announcement-bar": {
-    slug: "announcement-bar",
-    title: "Announcement Bar",
-    description: "Dismissible top-of-page announcement banner with optional CTA.",
-    category: "Feedback",
-    tags: ["announcement", "banner", "notification", "top-bar"],
+  "scatter-field": {
+    slug: "scatter-field",
+    title: "Scatter Field",
+    description: "Nine dots scatter outward from a grid and reconverge in a rhythmic loop.",
+    category: "Motion",
+    tags: ["loader", "scatter", "particles", "grid", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/announcement-bar.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    dependencies: [],
+    files: [{ path: "components/blocks/scatter-field.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
 
-  "social-proof-bar": {
-    slug: "social-proof-bar",
-    title: "Social Proof Bar",
-    description: "Horizontal logo strip showing companies or teams using your product.",
-    category: "Marketing",
-    tags: ["logos", "social-proof", "companies", "trust"],
+  // ─── Motion: Animation & Loaders ─────────────────────────────────────────
+
+  "animated-counter": {
+    slug: "animated-counter",
+    title: "Animated Counter",
+    description: "Number that animates to its target value with easing on mount.",
+    category: "Motion",
+    tags: ["counter", "number", "animation", "motion"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
@@ -1853,79 +1829,75 @@ export const manifests: Record<string, BlockManifest> = {
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/social-proof-bar.tsx", type: "block" }],
-    tokens: ["muted-foreground", "border"],
+    files: [{ path: "components/blocks/animated-counter.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "feature-comparison": {
-    slug: "feature-comparison",
-    title: "Feature Comparison",
-    description: "Plan comparison table with highlighted column, checkmarks, and custom values.",
-    category: "Marketing",
-    tags: ["pricing", "comparison", "table", "features", "plans"],
+  "typewriter-text": {
+    slug: "typewriter-text",
+    title: "Typewriter Text",
+    description: "Text that types, pauses, and deletes itself in a looping typewriter effect.",
+    category: "Motion",
+    tags: ["typewriter", "text", "animation", "motion"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
     status: "free",
-    difficulty: "intermediate",
+    difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/feature-comparison.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    files: [{ path: "components/blocks/typewriter-text.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "team-grid": {
-    slug: "team-grid",
-    title: "Team Grid",
-    description: "Responsive grid of team member cards with avatars, roles, bios, and social links.",
-    category: "Display",
-    tags: ["team", "about", "members", "grid", "people"],
+  "loading-card": {
+    slug: "loading-card",
+    title: "Loading Card",
+    description: "Card skeleton with shimmer animation for loading states.",
+    category: "Motion",
+    tags: ["skeleton", "loading", "shimmer", "card"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
     status: "free",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/team-grid.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    dependencies: [],
+    files: [{ path: "components/blocks/loading-card.tsx", type: "block" }],
+    tokens: ["surface-2", "surface-3"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "empty-state": {
-    slug: "empty-state",
-    title: "Empty State",
-    description: "Centered empty state with icon, title, description, and optional action.",
-    category: "Feedback",
-    tags: ["empty", "no-data", "placeholder", "state"],
+  "loading-dots": {
+    slug: "loading-dots",
+    title: "Loading Dots",
+    description: "Three dots that bounce sequentially as a loading indicator.",
+    category: "Motion",
+    tags: ["loader", "dots", "bouncing", "spinner"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
     status: "free",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
-    dependencies: ["lucide-react"],
-    files: [{ path: "components/blocks/empty-state.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border"],
+    dependencies: [],
+    files: [{ path: "components/blocks/loading-dots.tsx", type: "block" }],
+    tokens: ["foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "error-page": {
-    slug: "error-page",
-    title: "Error Page",
-    description: "Minimal full-page error display (404/500) with code, title, and back button.",
-    category: "Feedback",
-    tags: ["error", "404", "500", "not-found", "page"],
+  "progress-ring": {
+    slug: "progress-ring",
+    title: "Progress Ring",
+    description: "SVG circular progress ring with animated fill and percentage label.",
+    category: "Motion",
+    tags: ["progress", "ring", "circular", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
@@ -1933,33 +1905,810 @@ export const manifests: Record<string, BlockManifest> = {
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/error-page.tsx", type: "block" }],
+    files: [{ path: "components/blocks/progress-ring.tsx", type: "block" }],
+    tokens: ["foreground", "surface-3"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "skeleton-feed": {
+    slug: "skeleton-feed",
+    title: "Skeleton Feed",
+    description: "Feed-style skeleton rows with avatar and text shimmer placeholders.",
+    category: "Motion",
+    tags: ["skeleton", "feed", "loading", "shimmer"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/skeleton-feed.tsx", type: "block" }],
+    tokens: ["surface-2", "surface-3"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "skeleton-table": {
+    slug: "skeleton-table",
+    title: "Skeleton Table",
+    description: "Table skeleton with header and row shimmer placeholders.",
+    category: "Motion",
+    tags: ["skeleton", "table", "loading", "shimmer"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/skeleton-table.tsx", type: "block" }],
+    tokens: ["surface-2", "surface-3"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "blur-reveal": {
+    slug: "blur-reveal",
+    title: "Blur Reveal",
+    description: "Content that blurs in with fade when it enters the viewport.",
+    category: "Motion",
+    tags: ["reveal", "blur", "scroll", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/blur-reveal.tsx", type: "block" }],
     tokens: ["foreground", "muted-foreground"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
-  "cookie-consent": {
-    slug: "cookie-consent",
-    title: "Cookie Consent",
-    description: "GDPR-compliant fixed-bottom cookie consent banner with accept/decline/customize actions.",
-    category: "UI",
-    tags: ["cookie", "gdpr", "consent", "privacy", "banner"],
+  "stagger-reveal": {
+    slug: "stagger-reveal",
+    title: "Stagger Reveal",
+    description: "List items that slide in one by one with staggered delay on scroll.",
+    category: "Motion",
+    tags: ["reveal", "stagger", "scroll", "animation"],
     version: "1.0.0",
     updatedAt: "2026-05-17",
     changelog: ["Initial release"],
-    status: "free",
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/stagger-reveal.tsx", type: "block" }],
+    tokens: ["foreground", "surface-2", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "scroll-reveal": {
+    slug: "scroll-reveal",
+    title: "Scroll Reveal",
+    description: "Elements that fade and slide up when they enter the viewport.",
+    category: "Motion",
+    tags: ["reveal", "scroll", "fade", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/scroll-reveal.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "number-flow": {
+    slug: "number-flow",
+    title: "Number Flow",
+    description: "Numbers that animate digit-by-digit when their value changes.",
+    category: "Motion",
+    tags: ["number", "counter", "animation", "motion"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/number-flow.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "shimmer-overlay": {
+    slug: "shimmer-overlay",
+    title: "Shimmer Overlay",
+    description: "Shimmer highlight that sweeps across any content as a loading overlay.",
+    category: "Motion",
+    tags: ["shimmer", "overlay", "loading", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
     difficulty: "beginner",
     frameworks: ["nextjs", "react", "vite"],
     dependencies: [],
-    files: [{ path: "components/blocks/cookie-consent.tsx", type: "block" }],
-    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    files: [{ path: "components/blocks/shimmer-overlay.tsx", type: "block" }],
+    tokens: ["surface-2", "surface-3", "border"],
     supportsDarkMode: true,
-    supportsLightMode: false,
+    supportsLightMode: true,
     promptReady: true,
   },
-
+  "morphing-loader": {
+    slug: "morphing-loader",
+    title: "Morphing Loader",
+    description: "A shape that continuously morphs its border-radius in a fluid loop.",
+    category: "Motion",
+    tags: ["loader", "morph", "shape", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/morphing-loader.tsx", type: "block" }],
+    tokens: ["foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "text-scramble": {
+    slug: "text-scramble",
+    title: "Text Scramble",
+    description: "Text that scrambles through random characters before resolving to the final string.",
+    category: "Motion",
+    tags: ["text", "scramble", "animation", "motion"],
+    version: "1.0.0",
+    updatedAt: "2026-05-17",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/text-scramble.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── New Core Components ──────────────────────────────────────────────────
+
+  "phone-input": {
+    slug: "phone-input",
+    title: "Phone Input",
+    description: "International phone number input with searchable country code selector and flag emoji. Supports 50+ countries.",
+    category: "Forms",
+    tags: ["phone", "input", "country", "international", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-26",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/phone-input.tsx", type: "registry:ui" }],
+    tokens: ["border", "border-strong", "surface-2", "surface-3", "foreground", "muted-foreground", "input", "background"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "color-picker": {
+    slug: "color-picker",
+    title: "Color Picker",
+    description: "Popover color picker with 24-color swatch grid and hex input. Controlled and uncontrolled modes.",
+    category: "Forms",
+    tags: ["color", "picker", "swatch", "hex", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-26",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/color-picker.tsx", type: "registry:ui" }],
+    tokens: ["border", "border-strong", "surface-2", "input", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "file-tree": {
+    slug: "file-tree",
+    title: "File Tree",
+    description: "Hierarchical file and folder tree with expand/collapse, infinite nesting, auto extension icons, and selection state.",
+    category: "Data",
+    tags: ["file", "tree", "folder", "explorer", "hierarchy"],
+    version: "1.0.0",
+    updatedAt: "2026-05-26",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/file-tree.tsx", type: "registry:ui" }],
+    tokens: ["surface-2", "foreground", "muted-foreground", "border-strong"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Marketing ────────────────────────────────────────────────────────────
+
+  "announcement-bar": {
+    slug: "announcement-bar",
+    title: "Announcement Bar",
+    description: "Site-wide dismissible notification banner for announcements, promotions, and alerts.",
+    category: "Marketing",
+    tags: ["announcement", "banner", "notification", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/announcement-bar.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "cta-banner": {
+    slug: "cta-banner",
+    title: "CTA Banner",
+    description: "Full-width call-to-action banner with headline, description, and primary/secondary action buttons.",
+    category: "Marketing",
+    tags: ["cta", "banner", "marketing", "landing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/cta-banner.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "faq-accordion": {
+    slug: "faq-accordion",
+    title: "FAQ Accordion",
+    description: "Animated expand/collapse FAQ list with plus/minus icons and optional section heading.",
+    category: "Marketing",
+    tags: ["faq", "accordion", "marketing", "landing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/faq-accordion.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "feature-comparison": {
+    slug: "feature-comparison",
+    title: "Feature Comparison",
+    description: "Side-by-side plan comparison table with check/cross feature rows and highlighted recommended tier.",
+    category: "Marketing",
+    tags: ["pricing", "comparison", "table", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/feature-comparison.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "social-proof-bar": {
+    slug: "social-proof-bar",
+    title: "Social Proof Bar",
+    description: "Logo strip with star rating, user count, and trusted-by label for landing page credibility.",
+    category: "Marketing",
+    tags: ["social-proof", "logos", "trust", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/social-proof-bar.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "team-grid": {
+    slug: "team-grid",
+    title: "Team Grid",
+    description: "Responsive team member card grid with avatar, name, role, bio, and social links.",
+    category: "Marketing",
+    tags: ["team", "grid", "about", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/team-grid.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "testimonials-wall": {
+    slug: "testimonials-wall",
+    title: "Testimonials Wall",
+    description: "Masonry-style testimonial quote wall with avatar, name, role, and star rating.",
+    category: "Marketing",
+    tags: ["testimonials", "reviews", "social-proof", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/testimonials-wall.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "waitlist-section": {
+    slug: "waitlist-section",
+    title: "Waitlist Section",
+    description: "Email capture section for product launches with social proof count and submit feedback.",
+    category: "Marketing",
+    tags: ["waitlist", "email", "launch", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/waitlist-section.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Display ─────────────────────────────────────────────────────────────
+
+  "changelog-feed": {
+    slug: "changelog-feed",
+    title: "Changelog Feed",
+    description: "Vertical timeline changelog with versioned entries, date, tag badges, and feature descriptions.",
+    category: "Display",
+    tags: ["changelog", "timeline", "updates", "content"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/changelog-feed.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "gradient-text": {
+    slug: "gradient-text",
+    title: "Gradient Text",
+    description: "Text with a configurable CSS gradient fill. Supports any heading level and direction.",
+    category: "Display",
+    tags: ["gradient", "text", "typography", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/gradient-text.tsx", type: "block" }],
+    tokens: ["foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "metrics-grid": {
+    slug: "metrics-grid",
+    title: "Metrics Grid",
+    description: "KPI card grid with value, label, trend direction, and percentage change indicator.",
+    category: "Display",
+    tags: ["metrics", "kpi", "dashboard", "stats"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/metrics-grid.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── App ─────────────────────────────────────────────────────────────────
+
+  "empty-state": {
+    slug: "empty-state",
+    title: "Empty State",
+    description: "Centered empty-state block with icon, title, description, and optional action button.",
+    category: "App",
+    tags: ["empty", "state", "feedback", "placeholder"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/empty-state.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "error-page": {
+    slug: "error-page",
+    title: "Error Page",
+    description: "Full-page error template for 404, 500, and other status codes with back/home navigation.",
+    category: "App",
+    tags: ["error", "404", "500", "page"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/error-page.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "project-command-center": {
+    slug: "project-command-center",
+    title: "Project Command Center",
+    description: "Dashboard overview widget showing project health, active tasks, team avatars, and deployment status.",
+    category: "App",
+    tags: ["project", "dashboard", "status", "overview"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/project-command-center.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "site-footer": {
+    slug: "site-footer",
+    title: "Site Footer",
+    description: "Multi-column site footer with brand logo, navigation links, social icons, and copyright line.",
+    category: "App",
+    tags: ["footer", "layout", "navigation", "site"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/site-footer.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Utility ─────────────────────────────────────────────────────────────
+
+  "cookie-consent": {
+    slug: "cookie-consent",
+    title: "Cookie Consent",
+    description: "GDPR cookie consent banner with accept, decline, and customize options. Sticks to the bottom of the viewport.",
+    category: "Utility",
+    tags: ["cookie", "gdpr", "consent", "legal", "banner"],
+    version: "1.0.0",
+    updatedAt: "2026-05-30",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/blocks/cookie-consent.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Web-Only Promoted ───────────────────────────────────────────────────
+
+  "shortcut": {
+    slug: "shortcut",
+    title: "Shortcut",
+    description: "Keyboard shortcut display. Renders key combos like cmd+k with platform-aware symbols.",
+    category: "UI",
+    tags: ["keyboard", "shortcut", "hotkey", "kbd"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/shortcut.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "rating": {
+    slug: "rating",
+    title: "Rating",
+    description: "Interactive star rating with hover, controlled and uncontrolled modes, and readonly display.",
+    category: "UI",
+    tags: ["rating", "stars", "review", "feedback"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/rating.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "number-input": {
+    slug: "number-input",
+    title: "Number Input",
+    description: "Numeric input with custom stepper buttons, min/max/step clamping, and bare mode for InputGroup.",
+    category: "UI",
+    tags: ["number", "input", "form", "stepper"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/number-input.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2", "surface-3"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "reading-progress": {
+    slug: "reading-progress",
+    title: "Reading Progress",
+    description: "Fixed-top scroll progress indicator. Tracks reading or page scroll position.",
+    category: "UI",
+    tags: ["progress", "scroll", "reading", "indicator"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/reading-progress.tsx", type: "block" }],
+    tokens: ["foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "segmented-control": {
+    slug: "segmented-control",
+    title: "Segmented Control",
+    description: "Sliding pill selector for mutually exclusive options. Smoother than tabs for compact view switching.",
+    category: "UI",
+    tags: ["segmented", "control", "tabs", "toggle", "selector"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/segmented-control.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2", "background"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "color-swatch": {
+    slug: "color-swatch",
+    title: "Color Swatch",
+    description: "Clickable color swatch with copy-to-clipboard and tooltip. Includes a ColorPalette group component.",
+    category: "UI",
+    tags: ["color", "swatch", "palette", "design"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/color-swatch.tsx", type: "block" }],
+    tokens: ["border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "file-card": {
+    slug: "file-card",
+    title: "File Card",
+    description: "Compact file metadata card with type icon, size, upload progress, and status states.",
+    category: "UI",
+    tags: ["file", "upload", "card", "attachment"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/file-card.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2", "surface-3"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "copy-input": {
+    slug: "copy-input",
+    title: "Copy Input",
+    description: "Read-only input with integrated copy-to-clipboard. Use for API keys, tokens, and webhook URLs.",
+    category: "UI",
+    tags: ["copy", "input", "api-key", "token", "clipboard", "readonly"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/copy-input.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "border-strong"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "json-viewer": {
+    slug: "json-viewer",
+    title: "JSON Viewer",
+    description: "Collapsible JSON tree with monochrome value styling. For API responses, AI output, and debug panels.",
+    category: "UI",
+    tags: ["json", "viewer", "tree", "data", "debug", "api"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/json-viewer.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "loading-bar": {
+    slug: "loading-bar",
+    title: "Loading Bar",
+    description: "Top-of-page linear progress indicator. Indeterminate or determinate, with smooth completion animation.",
+    category: "UI",
+    tags: ["loading", "progress", "bar", "indicator", "async"],
+    version: "1.0.0",
+    updatedAt: "2026-06-05",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/loading-bar.tsx", type: "block" }],
+    tokens: ["foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Complex Components 2026-06-05 ─────────────────────────────────────────
+
+  "mention-input": {
+    slug: "mention-input", title: "Mention Input",
+    description: "Textarea with @-triggered floating suggestion list. Keyboard navigable, optionally shows avatars.",
+    category: "Forms", tags: ["input","mention","autocomplete","textarea","at"],
+    version: "1.0.0", updatedAt: "2026-06-05", changelog: ["Initial release"],
+    status: "pro", difficulty: "intermediate",
+    frameworks: ["nextjs","react","vite"], dependencies: ["lucide-react"],
+    files: [{ path: "components/core/mention-input.tsx", type: "registry:ui" }],
+    tokens: ["border","border-strong","bg-input","bg-card","foreground","muted-foreground","surface-2"],
+    supportsDarkMode: true, supportsLightMode: true, promptReady: true,
+  },
+  "filter-bar": {
+    slug: "filter-bar", title: "Filter Bar",
+    description: "Active filter pills with an add-filter popover. Supports text, select, and boolean filter types.",
+    category: "Forms", tags: ["filter","chips","search","table","toolbar"],
+    version: "1.0.0", updatedAt: "2026-06-05", changelog: ["Initial release"],
+    status: "pro", difficulty: "intermediate",
+    frameworks: ["nextjs","react","vite"], dependencies: ["lucide-react"],
+    files: [{ path: "components/core/filter-bar.tsx", type: "registry:ui" }],
+    tokens: ["border","border-strong","bg-surface-2","bg-surface-3","bg-card","foreground","muted-foreground"],
+    supportsDarkMode: true, supportsLightMode: true, promptReady: true,
+  },
+  "key-value-editor": {
+    slug: "key-value-editor", title: "Key Value Editor",
+    description: "Editable key/value row table for env vars and config entries. Add, remove, enable/disable rows. Keyboard navigable.",
+    category: "Forms", tags: ["key-value","env","config","table","editor","form"],
+    version: "1.0.0", updatedAt: "2026-06-05", changelog: ["Initial release"],
+    status: "pro", difficulty: "intermediate",
+    frameworks: ["nextjs","react","vite"], dependencies: ["lucide-react"],
+    files: [{ path: "components/core/key-value-editor.tsx", type: "registry:ui" }],
+    tokens: ["border","border-strong","bg-input","bg-surface-2","bg-surface-3","foreground","muted-foreground"],
+    supportsDarkMode: true, supportsLightMode: true, promptReady: true,
+  },
+  "transfer-list": {
+    slug: "transfer-list", title: "Transfer List",
+    description: "Two-column available/selected list with move-one, move-all, and optional per-column search.",
+    category: "Forms", tags: ["transfer","list","multi-select","columns","form"],
+    version: "1.0.0", updatedAt: "2026-06-05", changelog: ["Initial release"],
+    status: "pro", difficulty: "intermediate",
+    frameworks: ["nextjs","react","vite"], dependencies: ["lucide-react"],
+    files: [{ path: "components/core/transfer-list.tsx", type: "registry:ui" }],
+    tokens: ["border","bg-surface-2","bg-surface-3","bg-card","foreground","muted-foreground"],
+    supportsDarkMode: true, supportsLightMode: true, promptReady: true,
+  },
+  "rich-radio-group": {
+    slug: "rich-radio-group", title: "Rich Radio Group",
+    description: "Radio options rendered as full-width cards with title, description, and icon slot. Vertical or horizontal layout.",
+    category: "Forms", tags: ["radio","card","form","selection","options"],
+    version: "1.0.0", updatedAt: "2026-06-05", changelog: ["Initial release"],
+    status: "pro", difficulty: "beginner",
+    frameworks: ["nextjs","react","vite"], dependencies: [],
+    files: [{ path: "components/core/rich-radio-group.tsx", type: "registry:ui" }],
+    tokens: ["border","border-strong","bg-surface-2","bg-transparent","foreground","muted-foreground"],
+    supportsDarkMode: true, supportsLightMode: true, promptReady: true,
+  },
 }
 
 export const blockList = Object.values(manifests)