{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "search-results-page",
  "type": "registry:component",
  "title": "Search results page",
  "description": "A search results panel with a query input, result count and a list of hits, each showing a monospace item name, a tier badge and a one line summary.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/badge.json",
    "https://ui.minidev.pro/r/input.json"
  ],
  "files": [
    {
      "path": "registry/blocks/search-results-page.tsx",
      "type": "registry:ui",
      "target": "components/ui/search-results-page.tsx",
      "content": "\"use client\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Input } from \"@/components/ui/input\"\n\nconst HITS = [\n  { name: \"button\", tier: \"free\", blurb: \"Primary control with Hairline inset highlight\" },\n  { name: \"hero-client-pitch\", tier: \"premium\", blurb: \"Kinetic pitch hero for client walkthroughs\" },\n  { name: \"product-os-mock\", tier: \"premium\", blurb: \"Living product surface mock\" },\n]\n\nfunction SearchResultsPage() {\n  return (\n    <div data-slot=\"search-results-page\" className=\"space-y-4 rounded-2xl border border-border bg-surface p-6 shadow-highlight\">\n      <Input defaultValue=\"pitch\" placeholder=\"Search registry\" />\n      <p className=\"text-xs text-fg-muted\">3 results</p>\n      <ul className=\"space-y-2\">\n        {HITS.map((h) => (\n          <li key={h.name} className=\"rounded-xl border border-border bg-bg px-3 py-3\">\n            <div className=\"flex items-center gap-2\">\n              <code className=\"font-mono text-sm text-fg\">{h.name}</code>\n              <Badge variant=\"outline\">{h.tier}</Badge>\n            </div>\n            <p className=\"mt-1 text-sm text-fg-muted\">{h.blurb}</p>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\nexport { SearchResultsPage }\n"
    }
  ]
}