@stampui/blocks 1.0.0

package/src/manifests.ts

@@ -0,0 +1,1682 @@
+import { BlockManifest } from "./types"
+
+export const manifests: Record<string, BlockManifest> = {
+
+  // ─── Core UI ─────────────────────────────────────────────────────────────
+
+  "button": {
+    slug: "button",
+    title: "Button",
+    description: "Versatile button with multiple variants, sizes, and loading state.",
+    category: "UI",
+    tags: ["button", "action", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/button.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "primary", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "badge": {
+    slug: "badge",
+    title: "Badge",
+    description: "Compact label for statuses, counts, and categories.",
+    category: "UI",
+    tags: ["badge", "label", "status"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/badge.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "input": {
+    slug: "input",
+    title: "Input",
+    description: "Text input with size variants and full form integration.",
+    category: "UI",
+    tags: ["input", "form", "text"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/input.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "textarea": {
+    slug: "textarea",
+    title: "Textarea",
+    description: "Multi-line text input with auto-resize and size variants.",
+    category: "UI",
+    tags: ["textarea", "form", "text"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/textarea.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "label": {
+    slug: "label",
+    title: "Label",
+    description: "Accessible form label with required indicator and disabled state.",
+    category: "UI",
+    tags: ["label", "form", "accessibility"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/label.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "card": {
+    slug: "card",
+    title: "Card",
+    description: "Flexible card container with header, body, and footer sections.",
+    category: "UI",
+    tags: ["card", "layout", "container"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/card.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "separator": {
+    slug: "separator",
+    title: "Separator",
+    description: "Horizontal or vertical divider line with accessible semantics.",
+    category: "UI",
+    tags: ["separator", "divider", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/separator.tsx", type: "block" }],
+    tokens: ["border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "skeleton": {
+    slug: "skeleton",
+    title: "Skeleton",
+    description: "Animated placeholder for loading states with size variants.",
+    category: "UI",
+    tags: ["skeleton", "loading", "placeholder"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/skeleton.tsx", type: "block" }],
+    tokens: ["surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "spinner": {
+    slug: "spinner",
+    title: "Spinner",
+    description: "SVG loading spinner with size and color variants.",
+    category: "UI",
+    tags: ["spinner", "loading", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/spinner.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "alert": {
+    slug: "alert",
+    title: "Alert",
+    description: "Inline status message with semantic variants and icon slot.",
+    category: "UI",
+    tags: ["alert", "status", "feedback"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/alert.tsx", type: "block" }],
+    tokens: ["border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "aspect-ratio": {
+    slug: "aspect-ratio",
+    title: "Aspect Ratio",
+    description: "Maintains a consistent width-to-height ratio for media elements.",
+    category: "UI",
+    tags: ["aspect-ratio", "media", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/aspect-ratio.tsx", type: "block" }],
+    tokens: [],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "table": {
+    slug: "table",
+    title: "Table",
+    description: "Semantic HTML table with styled header, body, and footer sections.",
+    category: "UI",
+    tags: ["table", "data", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/table.tsx", type: "block" }],
+    tokens: ["border", "foreground", "muted-foreground", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "button-group": {
+    slug: "button-group",
+    title: "Button Group",
+    description: "Groups related buttons with collapsed borders for a unified look.",
+    category: "UI",
+    tags: ["button", "group", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/button-group.tsx", type: "block" }],
+    tokens: ["border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "breadcrumb": {
+    slug: "breadcrumb",
+    title: "Breadcrumb",
+    description: "Hierarchical navigation trail with separator and ellipsis support.",
+    category: "UI",
+    tags: ["breadcrumb", "navigation", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/breadcrumb.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Interactive UI ───────────────────────────────────────────────────────
+
+  "checkbox": {
+    slug: "checkbox",
+    title: "Checkbox",
+    description: "Accessible checkbox with indeterminate state and size variants.",
+    category: "UI",
+    tags: ["checkbox", "form", "input"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/checkbox.tsx", type: "block" }],
+    tokens: ["border", "primary", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "switch": {
+    slug: "switch",
+    title: "Switch",
+    description: "Toggle switch for boolean settings with size and color variants.",
+    category: "UI",
+    tags: ["switch", "toggle", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/switch.tsx", type: "block" }],
+    tokens: ["border", "primary", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "slider": {
+    slug: "slider",
+    title: "Slider",
+    description: "Range input with track, thumb, and step support. Keyboard accessible.",
+    category: "UI",
+    tags: ["slider", "range", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/slider.tsx", type: "block" }],
+    tokens: ["border", "primary", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "progress": {
+    slug: "progress",
+    title: "Progress",
+    description: "Progress bar with size and semantic variant support.",
+    category: "UI",
+    tags: ["progress", "loading", "feedback"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/progress.tsx", type: "block" }],
+    tokens: ["surface-2", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "toggle": {
+    slug: "toggle",
+    title: "Toggle",
+    description: "Two-state button with pressed/unpressed states and three variants.",
+    category: "UI",
+    tags: ["toggle", "button", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/toggle.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "radio-group": {
+    slug: "radio-group",
+    title: "Radio Group",
+    description: "Keyboard-navigable radio button group with size variants.",
+    category: "UI",
+    tags: ["radio", "form", "input"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/radio-group.tsx", type: "block" }],
+    tokens: ["border", "primary", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "tabs": {
+    slug: "tabs",
+    title: "Tabs",
+    description: "Layered sections of content controlled by a tab list. Full keyboard navigation.",
+    category: "UI",
+    tags: ["tabs", "navigation", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/tabs.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "accordion": {
+    slug: "accordion",
+    title: "Accordion",
+    description: "Vertically stacked expandable sections with smooth animation.",
+    category: "UI",
+    tags: ["accordion", "collapse", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/accordion.tsx", type: "block" }],
+    tokens: ["border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "collapsible": {
+    slug: "collapsible",
+    title: "Collapsible",
+    description: "Single toggle section with open/close animation. Primitive for Accordion.",
+    category: "UI",
+    tags: ["collapsible", "toggle", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/collapsible.tsx", type: "block" }],
+    tokens: [],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "avatar": {
+    slug: "avatar",
+    title: "Avatar",
+    description: "User avatar with image, fallback initials, and size variants.",
+    category: "UI",
+    tags: ["avatar", "user", "image"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/avatar.tsx", type: "block" }],
+    tokens: ["surface-2", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Overlay & Floating ───────────────────────────────────────────────────
+
+  "dialog": {
+    slug: "dialog",
+    title: "Dialog",
+    description: "Accessible modal dialog with overlay, close button, header, and footer.",
+    category: "UI",
+    tags: ["dialog", "modal", "overlay"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/dialog.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "alert-dialog": {
+    slug: "alert-dialog",
+    title: "Alert Dialog",
+    description: "Confirmation dialog that interrupts the user flow for destructive actions.",
+    category: "UI",
+    tags: ["dialog", "confirm", "destructive", "overlay"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/alert-dialog.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "drawer": {
+    slug: "drawer",
+    title: "Drawer",
+    description: "Bottom sheet drawer with safe area support and smooth animation.",
+    category: "UI",
+    tags: ["drawer", "sheet", "overlay", "mobile"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/drawer.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "sheet": {
+    slug: "sheet",
+    title: "Sheet",
+    description: "Slide-in panel from any edge (top, right, bottom, left).",
+    category: "UI",
+    tags: ["sheet", "panel", "overlay"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/sheet.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "popover": {
+    slug: "popover",
+    title: "Popover",
+    description: "Floating panel anchored to a trigger with focus management and Escape-to-close.",
+    category: "UI",
+    tags: ["popover", "floating", "overlay"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/popover.tsx", type: "block" }],
+    tokens: ["card", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "hover-card": {
+    slug: "hover-card",
+    title: "Hover Card",
+    description: "Rich preview card that appears on hover with configurable delay.",
+    category: "UI",
+    tags: ["hover-card", "preview", "floating"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/hover-card.tsx", type: "block" }],
+    tokens: ["card", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "tooltip": {
+    slug: "tooltip",
+    title: "Tooltip",
+    description: "Accessible label popup triggered by hover or focus.",
+    category: "UI",
+    tags: ["tooltip", "label", "floating"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/tooltip.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "scroll-area": {
+    slug: "scroll-area",
+    title: "Scroll Area",
+    description: "Custom-styled scrollable container with consistent cross-browser scrollbars.",
+    category: "UI",
+    tags: ["scroll", "overflow", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/scroll-area.tsx", type: "block" }],
+    tokens: ["border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Menu & Navigation ────────────────────────────────────────────────────
+
+  "dropdown-menu": {
+    slug: "dropdown-menu",
+    title: "Dropdown Menu",
+    description: "Trigger-anchored menu with icons, submenus, checkboxes, and radio groups.",
+    category: "UI",
+    tags: ["dropdown", "menu", "navigation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/dropdown-menu.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "context-menu": {
+    slug: "context-menu",
+    title: "Context Menu",
+    description: "Right-click contextual menu with submenus, checkboxes, and keyboard shortcuts.",
+    category: "UI",
+    tags: ["context-menu", "right-click", "menu"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/context-menu.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "select": {
+    slug: "select",
+    title: "Select",
+    description: "Accessible single-value select with groups, search, and custom trigger.",
+    category: "UI",
+    tags: ["select", "dropdown", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/select.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "card", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "native-select": {
+    slug: "native-select",
+    title: "Native Select",
+    description: "Styled native <select> element that respects platform conventions.",
+    category: "UI",
+    tags: ["select", "form", "native"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/native-select.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Complex Interactive ──────────────────────────────────────────────────
+
+  "combobox": {
+    slug: "combobox",
+    title: "Combobox",
+    description: "Searchable single-value selector with keyboard navigation and async support.",
+    category: "UI",
+    tags: ["combobox", "search", "select", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/combobox.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "card", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "multi-select": {
+    slug: "multi-select",
+    title: "Multi Select",
+    description: "Multi-value selector with tag chips, overflow count, and keyboard accessibility.",
+    category: "UI",
+    tags: ["select", "multi", "form", "tags"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/multi-select.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "card", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "command": {
+    slug: "command",
+    title: "Command",
+    description: "Command palette with search, groups, and keyboard shortcuts.",
+    category: "UI",
+    tags: ["command", "search", "palette", "keyboard"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/command.tsx", type: "block" }],
+    tokens: ["card", "border", "foreground", "muted-foreground", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "command-box": {
+    slug: "command-box",
+    title: "Command Box",
+    description: "Floating command palette trigger with shareable source display.",
+    category: "UI",
+    tags: ["command", "palette", "floating"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [
+      { path: "components/core/command-box.tsx", type: "block" },
+      { path: "components/core/copy-button.tsx", type: "block" },
+    ],
+    tokens: ["card", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "date-picker": {
+    slug: "date-picker",
+    title: "Date Picker",
+    description: "Popover date picker backed by the StampUI calendar. No external date library required.",
+    category: "UI",
+    tags: ["date", "picker", "calendar", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [
+      { path: "components/core/date-picker.tsx", type: "block" },
+      { path: "components/core/calendar.tsx", type: "block" },
+    ],
+    tokens: ["border", "surface-2", "card", "foreground", "muted-foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "field": {
+    slug: "field",
+    title: "Field",
+    description: "Composable field wrapper with label, hint, and error message for accessible forms.",
+    category: "UI",
+    tags: ["field", "form", "label", "accessibility"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/field.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "input-group": {
+    slug: "input-group",
+    title: "Input Group",
+    description: "Combines an input with prefix/suffix addons for units, icons, or actions.",
+    category: "UI",
+    tags: ["input", "group", "addon", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/input-group.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "toggle-group": {
+    slug: "toggle-group",
+    title: "Toggle Group",
+    description: "Connected toggle buttons for single or multiple selection.",
+    category: "UI",
+    tags: ["toggle", "group", "selection", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [
+      { path: "components/core/toggle-group.tsx", type: "block" },
+      { path: "components/core/toggle.tsx", type: "block" },
+    ],
+    tokens: ["border", "surface-2", "foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "copy-button": {
+    slug: "copy-button",
+    title: "Copy Button",
+    description: "Icon button that copies text to clipboard with animated confirmation.",
+    category: "UI",
+    tags: ["copy", "clipboard", "button"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/copy-button.tsx", type: "block" }],
+    tokens: ["muted-foreground", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "resizable": {
+    slug: "resizable",
+    title: "Resizable",
+    description: "Drag-to-resize panel layout with horizontal and vertical split support.",
+    category: "UI",
+    tags: ["resizable", "panels", "layout", "drag"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/resizable.tsx", type: "block" }],
+    tokens: ["border", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "sonner": {
+    slug: "sonner",
+    title: "Sonner",
+    description: "Toast notification system with dark mode and queue support.",
+    category: "UI",
+    tags: ["toast", "notification", "feedback"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["sonner", "next-themes"],
+    files: [{ path: "components/core/sonner.tsx", type: "block" }],
+    tokens: ["background", "border", "foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Strategic / Original ─────────────────────────────────────────────────
+
+  "calendar": {
+    slug: "calendar",
+    title: "Calendar",
+    description: "Full-featured month calendar with navigation, range selection, and no date library dependency.",
+    category: "UI",
+    tags: ["calendar", "date", "picker"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/calendar.tsx", type: "block" }],
+    tokens: ["background", "border", "foreground", "muted-foreground", "primary", "surface-2"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "carousel": {
+    slug: "carousel",
+    title: "Carousel",
+    description: "Touch and drag carousel with dot navigation and auto-play.",
+    category: "UI",
+    tags: ["carousel", "slider", "gallery"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/carousel.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "chart": {
+    slug: "chart",
+    title: "Chart",
+    description: "Composable chart system with line, bar, and area types. No Recharts dependency.",
+    category: "UI",
+    tags: ["chart", "graph", "data", "visualization"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/chart.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "data-table": {
+    slug: "data-table",
+    title: "Data Table",
+    description: "Sortable, searchable, paginated data table with column pinning and row selection.",
+    category: "UI",
+    tags: ["table", "data", "sort", "filter", "pagination"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "advanced",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/data-table.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "file-upload": {
+    slug: "file-upload",
+    title: "File Upload",
+    description: "Drag-and-drop file upload with preview, validation, and progress display.",
+    category: "UI",
+    tags: ["file", "upload", "drag-drop", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/file-upload.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "muted-foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "stepper": {
+    slug: "stepper",
+    title: "Stepper",
+    description: "Multi-step wizard flow with horizontal and vertical orientation.",
+    category: "UI",
+    tags: ["stepper", "wizard", "steps", "flow"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/stepper.tsx", type: "block" }],
+    tokens: ["border", "foreground", "muted-foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "timeline": {
+    slug: "timeline",
+    title: "Timeline",
+    description: "Vertical event timeline with icon slots and connector lines.",
+    category: "UI",
+    tags: ["timeline", "events", "history"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/timeline.tsx", type: "block" }],
+    tokens: ["border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "input-otp": {
+    slug: "input-otp",
+    title: "Input OTP",
+    description: "One-time password input with segmented slots and pattern validation.",
+    category: "UI",
+    tags: ["otp", "code", "input", "auth"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/input-otp.tsx", type: "block" }],
+    tokens: ["border", "surface-2", "foreground", "primary"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Already registered ──────────────────────────────────────────────────
+
+  "empty": {
+    slug: "empty",
+    title: "Empty",
+    description: "A composable empty-state component with icon slot, title, description, and action.",
+    category: "UI",
+    tags: ["empty", "state", "feedback", "layout"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/empty.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "surface-2", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "kbd": {
+    slug: "kbd",
+    title: "Kbd",
+    description: "Keyboard key display with realistic shadow and size variants. Includes KeyCombo for key sequences.",
+    category: "UI",
+    tags: ["keyboard", "shortcut", "badge", "utility"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: [],
+    files: [{ path: "components/core/kbd.tsx", type: "block" }],
+    tokens: ["surface-2", "border", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+
+  // ─── Registry Blocks ─────────────────────────────────────────────────────
+
+  "token-stream": {
+    slug: "token-stream",
+    title: "Token Stream",
+    description: "Animated token streaming text effect for LLM outputs.",
+    category: "AI Apps",
+    tags: ["ai", "animation", "text"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/blocks/token-stream.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "prompt-input": {
+    slug: "prompt-input",
+    title: "Prompt Input",
+    description: "A robust, auto-resizing text area with submit mechanics.",
+    category: "AI Apps",
+    tags: ["input", "ai", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/prompt-input.tsx", type: "block" }],
+    tokens: ["background", "border", "primary", "muted"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "ai-chat-shell": {
+    slug: "ai-chat-shell",
+    title: "AI Chat Shell",
+    description: "A polished chat interface shell for AI products.",
+    category: "AI Apps",
+    tags: ["chat", "ai", "layout", "input"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "pro",
+    licenseRequired: true,
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [
+      { path: "components/blocks/ai-chat-shell.tsx", type: "block" },
+      { path: "components/blocks/prompt-input.tsx", type: "block" },
+      { path: "components/blocks/token-stream.tsx", type: "block" },
+    ],
+    tokens: ["background", "card", "border", "primary", "accent"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "pricing-section": {
+    slug: "pricing-section",
+    title: "Pricing Section",
+    description: "A modern, data-driven pricing section for SaaS products.",
+    category: "SaaS",
+    tags: ["pricing", "saas", "marketing", "cards"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react", "vite"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/pricing-section.tsx", type: "block" }],
+    tokens: ["background", "card", "border", "primary", "muted"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "dashboard-shell": {
+    slug: "dashboard-shell",
+    title: "Dashboard Shell",
+    description: "A comprehensive dashboard layout with sidebar and header.",
+    category: "Dashboard",
+    tags: ["layout", "sidebar", "dashboard"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "pro",
+    licenseRequired: true,
+    difficulty: "intermediate",
+    frameworks: ["nextjs"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/dashboard-shell.tsx", type: "block" }],
+    tokens: ["background", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "auth-panel": {
+    slug: "auth-panel",
+    title: "Auth Panel",
+    description: "Login and registration panel with social providers.",
+    category: "Auth",
+    tags: ["login", "register", "auth", "saas"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "new",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/auth-panel.tsx", type: "block" }],
+    tokens: ["background", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "usage-card": {
+    slug: "usage-card",
+    title: "Usage Card",
+    description: "Display API usage and subscription limits.",
+    category: "Billing",
+    tags: ["billing", "usage", "dashboard"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/usage-card.tsx", type: "block" }],
+    tokens: ["background", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "hero-section": {
+    slug: "hero-section",
+    title: "Hero Section",
+    description: "Full-width landing page hero with headline, subtext, primary and secondary CTAs, and optional eyebrow badge.",
+    category: "Marketing",
+    tags: ["hero", "landing", "cta", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/blocks/hero-section.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "feature-grid": {
+    slug: "feature-grid",
+    title: "Feature Grid",
+    description: "Responsive icon + title + description feature grid. 2, 3, or 4 column layouts with optional eyebrow and headline.",
+    category: "Marketing",
+    tags: ["features", "grid", "marketing", "landing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/blocks/feature-grid.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "stats-strip": {
+    slug: "stats-strip",
+    title: "Stats Strip",
+    description: "Animated count-up metrics row. Strip layout (bordered, full-width) or grid layout. Numbers animate on viewport entry.",
+    category: "Marketing",
+    tags: ["stats", "metrics", "numbers", "marketing"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/blocks/stats-strip.tsx", type: "block" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "settings-layout": {
+    slug: "settings-layout",
+    title: "Settings Layout",
+    description: "Full settings page with Account, Notifications, and Security tabs. Includes form inputs, toggle switches, and password fields.",
+    category: "App",
+    tags: ["settings", "account", "forms", "dashboard"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/settings-layout.tsx", type: "block" }],
+    tokens: ["background", "border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "onboarding-flow": {
+    slug: "onboarding-flow",
+    title: "Onboarding Flow",
+    description: "Multi-step onboarding modal with progress bar, workspace setup, team invite, and plan selection. Fully animated step transitions.",
+    category: "App",
+    tags: ["onboarding", "steps", "wizard", "saas"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/onboarding-flow.tsx", type: "block" }],
+    tokens: ["background", "border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "notification-center": {
+    slug: "notification-center",
+    title: "Notification Center",
+    description: "Bell icon with unread badge, dropdown notification list with type icons, mark-as-read, dismiss, and mark-all-read.",
+    category: "App",
+    tags: ["notifications", "bell", "alerts", "dashboard"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "pro",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/blocks/notification-center.tsx", type: "block" }],
+    tokens: ["background", "border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    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",
+    description: "A searchable, filterable block registry browser with sidebar navigation.",
+    category: "Registry",
+    tags: ["registry", "search", "filter", "sidebar"],
+    version: "1.0.0",
+    updatedAt: "2026-05-09",
+    changelog: ["Initial release — extracted from StampUI website (self-hosted)"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [
+      { path: "components/blocks/registry-explorer.tsx", type: "block" },
+      { path: "components/blocks/registry-card.tsx", type: "block" },
+    ],
+    tokens: ["background", "surface", "border", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "animated-number": {
+    slug: "animated-number",
+    title: "Animated Number",
+    description: "Count-up animation triggered when the element enters the viewport. Supports compact, currency, and percent formats.",
+    category: "Display",
+    tags: ["animation", "counter", "number", "viewport"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/animated-number.tsx", type: "registry:ui" }],
+    tokens: ["foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "avatar-stack": {
+    slug: "avatar-stack",
+    title: "Avatar Stack",
+    description: "Overlapping avatar images with +N overflow indicator. Supports sm/md/lg sizes.",
+    category: "Display",
+    tags: ["avatar", "users", "team", "stack"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/avatar-stack.tsx", type: "registry:ui" }],
+    tokens: ["background", "border", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "tag-input": {
+    slug: "tag-input",
+    title: "Tag Input",
+    description: "Multi-tag text input. Press Enter or comma to add tags, Backspace to remove the last one.",
+    category: "Forms",
+    tags: ["input", "tags", "multi-value", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/tag-input.tsx", type: "registry:ui" }],
+    tokens: ["background", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "inline-edit": {
+    slug: "inline-edit",
+    title: "Inline Edit",
+    description: "Click-to-edit text with a pencil icon on hover. Supports Enter to save, Escape to cancel.",
+    category: "Forms",
+    tags: ["edit", "inline", "contenteditable", "text"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/inline-edit.tsx", type: "registry:ui" }],
+    tokens: ["foreground", "muted-foreground", "border", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "status-pulse": {
+    slug: "status-pulse",
+    title: "Status Pulse",
+    description: "Animated ping dot for live status indicators. States: online, offline, processing, error, warning.",
+    category: "Feedback",
+    tags: ["status", "indicator", "ping", "live"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/status-pulse.tsx", type: "registry:ui" }],
+    tokens: ["muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "typing-indicator": {
+    slug: "typing-indicator",
+    title: "Typing Indicator",
+    description: "Three bouncing dots for AI or chat typing state. Bubble and bare variants.",
+    category: "Feedback",
+    tags: ["typing", "chat", "ai", "loading"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/typing-indicator.tsx", type: "registry:ui" }],
+    tokens: ["surface", "border", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "password-input": {
+    slug: "password-input",
+    title: "Password Input",
+    description: "Password field with show/hide toggle and an optional animated 4-bar strength meter.",
+    category: "Forms",
+    tags: ["password", "input", "strength", "form", "auth"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/password-input.tsx", type: "registry:ui" }],
+    tokens: ["background", "border", "foreground", "muted-foreground"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "number-stepper": {
+    slug: "number-stepper",
+    title: "Number Stepper",
+    description: "Increment/decrement number input with min, max, and step. Supports controlled and uncontrolled usage.",
+    category: "Forms",
+    tags: ["input", "number", "stepper", "counter", "form"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/number-stepper.tsx", type: "registry:ui" }],
+    tokens: ["background", "border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "confirm-action": {
+    slug: "confirm-action",
+    title: "Confirm Action",
+    description: "Destructive action button that requires a second click within a timeout window. Resets automatically if you don't confirm.",
+    category: "Feedback",
+    tags: ["confirm", "delete", "destructive", "safety"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/confirm-action.tsx", type: "registry:ui" }],
+    tokens: [],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "pagination": {
+    slug: "pagination",
+    title: "Pagination",
+    description: "Page navigation with previous/next buttons, numbered pages, and ellipsis for large sets.",
+    category: "Navigation",
+    tags: ["pagination", "navigation", "pages"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/pagination.tsx", type: "registry:ui" }],
+    tokens: ["border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "menubar": {
+    slug: "menubar",
+    title: "Menubar",
+    description: "Horizontal menu bar with dropdown submenus, labels, separators, and keyboard shortcuts.",
+    category: "Navigation",
+    tags: ["menubar", "menu", "navigation", "dropdown"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/menubar.tsx", type: "registry:ui" }],
+    tokens: ["border", "background", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "navigation-menu": {
+    slug: "navigation-menu",
+    title: "Navigation Menu",
+    description: "Horizontal navigation with link items and optional dropdown content panels.",
+    category: "Navigation",
+    tags: ["navigation", "menu", "nav", "links"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/navigation-menu.tsx", type: "registry:ui" }],
+    tokens: ["border", "background", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "sidebar": {
+    slug: "sidebar",
+    title: "Sidebar",
+    description: "Vertical navigation sidebar with collapsible groups, icons, badges, and collapsed mode.",
+    category: "Navigation",
+    tags: ["sidebar", "navigation", "menu", "collapsible"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "intermediate",
+    frameworks: ["nextjs", "react"],
+    dependencies: ["lucide-react"],
+    files: [{ path: "components/core/sidebar.tsx", type: "registry:ui" }],
+    tokens: ["border", "foreground", "muted-foreground", "surface"],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+  "marquee": {
+    slug: "marquee",
+    title: "Marquee",
+    description: "Infinite horizontal scrolling strip for logos, testimonials, or any repeating content. Pause on hover.",
+    category: "Display",
+    tags: ["marquee", "scroll", "infinite", "logos", "animation"],
+    version: "1.0.0",
+    updatedAt: "2026-05-10",
+    changelog: ["Initial release"],
+    status: "free",
+    difficulty: "beginner",
+    frameworks: ["nextjs", "react"],
+    dependencies: [],
+    files: [{ path: "components/core/marquee.tsx", type: "registry:ui" }],
+    tokens: [],
+    supportsDarkMode: true,
+    supportsLightMode: true,
+    promptReady: true,
+  },
+}
+
+export const blockList = Object.values(manifests)