@stampui/blocks 1.1.1 → 2.0.0

package/dist/manifests.js

@@ -938,7 +938,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: ["lucide-react"],
@@ -957,7 +957,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: [],
@@ -976,7 +976,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "advanced",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: ["lucide-react"],
@@ -995,7 +995,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: ["lucide-react"],
@@ -1014,7 +1014,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: ["lucide-react"],
@@ -1033,7 +1033,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "beginner",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: [],
@@ -1052,7 +1052,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-10",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react", "vite"],
         dependencies: [],
@@ -1111,7 +1111,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-09",
         changelog: ["Initial release"],
-        status: "free",
+        status: "pro",
         difficulty: "beginner",
         frameworks: ["nextjs", "react"],
         dependencies: [],
@@ -1130,7 +1130,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-09",
         changelog: ["Initial release"],
-        status: "free",
+        status: "pro",
         difficulty: "beginner",
         frameworks: ["nextjs", "react"],
         dependencies: ["lucide-react"],
@@ -1212,7 +1212,7 @@ exports.manifests = {
         version: "1.0.0",
         updatedAt: "2026-05-09",
         changelog: ["Initial release"],
-        status: "new",
+        status: "pro",
         difficulty: "intermediate",
         frameworks: ["nextjs", "react"],
         dependencies: ["lucide-react"],
@@ -1355,25 +1355,6 @@ exports.manifests = {
         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",
@@ -1662,13 +1643,13 @@ exports.manifests = {
         supportsLightMode: true,
         promptReady: true,
     },
-    // ─── New Blocks ───────────────────────────────────────────────────────────
-    "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"],
+    // ─── Motion ───────────────────────────────────────────────────────────────
+    "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"],
@@ -1676,18 +1657,18 @@ exports.manifests = {
         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"],
@@ -1695,132 +1676,133 @@ exports.manifests = {
         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"],
@@ -1828,75 +1810,75 @@ exports.manifests = {
         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"],
@@ -1904,30 +1886,795 @@ exports.manifests = {
         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: 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: false,
+        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,
+    },
 };
 exports.blockList = Object.values(exports.manifests);