{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "status-1",
  "title": "All Systems Operational Summary",
  "description": "Status page summary with an all systems operational banner and a service list showing 90-day uptime and colored status dots.",
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/blocks/status/1/status-block.tsx",
      "content": "import { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\ntype StatusKey = \"operational\" | \"degraded\" | \"outage\"\n\nconst statusConfig: Record<StatusKey, { label: string; dot: string }> = {\n  operational: { label: \"Operational\", dot: \"bg-success\" },\n  degraded: { label: \"Degraded\", dot: \"bg-warning\" },\n  outage: { label: \"Outage\", dot: \"bg-destructive\" },\n}\n\nconst services: { name: string; status: StatusKey; uptime: string }[] = [\n  { name: \"API\", status: \"operational\", uptime: \"99.99%\" },\n  { name: \"Dashboard\", status: \"operational\", uptime: \"99.98%\" },\n  { name: \"Webhooks\", status: \"operational\", uptime: \"99.95%\" },\n  { name: \"CDN\", status: \"operational\", uptime: \"100%\" },\n  { name: \"Database\", status: \"operational\", uptime: \"99.99%\" },\n]\n\nexport default function StatusBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-16 text-foreground\">\n      <div className=\"mx-auto w-full max-w-2xl\">\n        <div className=\"flex items-center gap-4 rounded-lg border border-border bg-card p-5\">\n          <span className=\"flex size-11 shrink-0 items-center justify-center rounded-full bg-success/10 text-success\">\n            <IconPlaceholder\n              lucide=\"Check\"\n              tabler=\"IconCheck\"\n              hugeicons=\"Tick02Icon\"\n              phosphor=\"Check\"\n              remixicon=\"RiCheckLine\"\n              className=\"size-6\"\n              aria-hidden=\"true\"\n            />\n          </span>\n          <div className=\"flex flex-col gap-0.5\">\n            <h2 className=\"font-heading text-lg font-semibold\">\n              All systems operational\n            </h2>\n            <p className=\"text-sm text-muted-foreground tabular-nums\">\n              As of Jun 26, 2026, 14:32 UTC\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mt-6 flex items-center justify-between\">\n          <h3 className=\"font-heading text-xs font-medium tracking-wide text-muted-foreground uppercase\">\n            Services\n          </h3>\n          <span className=\"text-xs text-muted-foreground\">\n            Uptime, last 90 days\n          </span>\n        </div>\n\n        <ul className=\"mt-3 flex flex-col rounded-lg border border-border\">\n          {services.map((service, i) => (\n            <li\n              key={service.name}\n              className={\n                i > 0\n                  ? \"flex items-center justify-between gap-4 border-t border-border px-4 py-3.5\"\n                  : \"flex items-center justify-between gap-4 px-4 py-3.5\"\n              }\n            >\n              <span className=\"text-sm font-medium\">{service.name}</span>\n              <div className=\"flex items-center gap-4\">\n                <span className=\"text-xs text-muted-foreground tabular-nums\">\n                  {service.uptime}\n                </span>\n                <span className=\"flex items-center gap-2 text-sm\">\n                  <span\n                    className={`size-2 rounded-full ${statusConfig[service.status].dot}`}\n                    aria-hidden=\"true\"\n                  />\n                  {statusConfig[service.status].label}\n                </span>\n              </div>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/status-1.tsx"
    }
  ],
  "cssVars": {
    "light": {
      "success": "oklch(0.432 0.095 166.913)",
      "warning": "oklch(0.473 0.137 46.201)"
    },
    "dark": {
      "success": "oklch(0.765 0.177 163.223)",
      "warning": "oklch(0.828 0.189 84.429)"
    }
  },
  "meta": {
    "height": "526px",
    "tier": "free"
  },
  "categories": [
    "status"
  ],
  "type": "registry:block"
}