{
  "$schema": "https://neoncite-ui.brunopetrovic33.workers.dev/r/schema.json",
  "name": "onboarding-panel",
  "type": "registry:block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "stepper"
  ],
  "integrity": "sha256-+359eU001ytuaZRTzq5yq/aGng7I1m0cC/qqF2XbinY=",
  "files": [
    {
      "path": "components/neoncite/blocks/onboarding-panel.tsx",
      "content": "import { Check, Rocket, ShieldCheck, Terminal } from \"lucide-react\";\nimport { Button } from \"@/registry/ui/button\";\nimport { Stepper } from \"@/registry/ui/stepper\";\n\nexport function OnboardingPanel() {\n  const steps = [{ title: \"Connect\" }, { title: \"Configure\" }, { title: \"Deploy\" }];\n  return (\n    <div className=\"rounded-[18px] border border-[color:var(--hairline)] bg-[color:var(--surface-0)] p-6\">\n      <div className=\"mx-auto max-w-3xl\">\n        <div className=\"text-center\">\n          <div className=\"mx-auto flex h-12 w-12 items-center justify-center rounded-[14px] border border-[color:var(--neon-pink)]/35 bg-[color:var(--neon-pink)]/10 text-[color:var(--neon-pink)]\">\n            <Rocket className=\"h-5 w-5\" />\n          </div>\n          <h3 className=\"mt-4 font-mono text-2xl font-bold text-foreground\">\n            Initialize your workspace\n          </h3>\n          <p className=\"mx-auto mt-2 max-w-xl text-sm text-muted-foreground\">\n            A technical onboarding surface for connecting a runtime, validating configuration, and\n            shipping the first deployment.\n          </p>\n        </div>\n        <div className=\"my-8\">\n          <Stepper items={steps} current={1} />\n        </div>\n        <div className=\"grid gap-3 sm:grid-cols-2\">\n          <div className=\"rounded-[13px] border border-[color:var(--hairline)] bg-[color:var(--surface-1)] p-4\">\n            <Terminal className=\"h-4 w-4 text-[color:var(--neon-cyan)]\" />\n            <div className=\"mt-3 font-mono text-[11px] uppercase tracking-wider text-foreground\">\n              CLI connected\n            </div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">Workspace token detected.</div>\n            <div className=\"mt-3 inline-flex items-center gap-1 font-mono text-[10px] text-[color:var(--neon-green)]\">\n              <Check className=\"h-3 w-3\" /> Ready\n            </div>\n          </div>\n          <div className=\"rounded-[13px] border border-[color:var(--hairline)] bg-[color:var(--surface-1)] p-4\">\n            <ShieldCheck className=\"h-4 w-4 text-[color:var(--neon-purple)]\" />\n            <div className=\"mt-3 font-mono text-[11px] uppercase tracking-wider text-foreground\">\n              Configuration\n            </div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">\n              Review environment and permissions.\n            </div>\n            <Button className=\"mt-3\" size=\"sm\" variant=\"outline\">\n              Review config\n            </Button>\n          </div>\n        </div>\n        <div className=\"mt-6 flex justify-end\">\n          <Button variant=\"primary\">Continue to deploy</Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "integrity": "sha256-+359eU001ytuaZRTzq5yq/aGng7I1m0cC/qqF2XbinY=",
      "type": "registry:block",
      "target": ""
    }
  ]
}