{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "panel",
  "title": "Panel",
  "description": "A Destiny FUI surface: a semi-transparent panel over the canvas, defined by its fill (no outline).",
  "dependencies": [
    "class-variance-authority"
  ],
  "registryDependencies": [
    "@engram/cn",
    "@engram/tokens"
  ],
  "files": [
    {
      "path": "src/components/panel.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../lib/cn.js\";\n\n// Destiny FUI panels: semi-transparent dark surfaces over the vignette, defined\n// by their fill + blur rather than an outline (Destiny rarely outlines panels).\n// Square corners.\nconst panel = cva(\"\", {\n  variants: {\n    tone: {\n      surface:\n        \"bg-[color-mix(in_srgb,var(--engram-surface)_70%,transparent)] backdrop-blur-[6px]\",\n      raised: \"bg-engram-raised\",\n      glass:\n        \"bg-[color-mix(in_srgb,var(--engram-glass)_80%,transparent)] backdrop-blur-[8px]\",\n    },\n  },\n  defaultVariants: {\n    tone: \"surface\",\n  },\n});\n\nexport interface PanelProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof panel> {}\n\n/** A Destiny FUI surface: a semi-transparent panel over the canvas, defined by\n *  its fill (no outline). */\nexport function Panel({ className, tone, ...props }: PanelProps) {\n  return <div className={cn(panel({ tone }), className)} {...props} />;\n}\n",
      "type": "registry:component",
      "target": "components/engram/panel.tsx"
    }
  ],
  "meta": {
    "level": "atom"
  },
  "docs": "Extend without forking: edit the copied source, use `asChild` (Radix Slot) to change the rendered element, pass the typed `annotations` prop for curated data (verdict/tags/per-plug), or use slot / render-prop props for arbitrary content. Requires the @engram/tokens theme (--engram-* CSS variables).",
  "categories": [
    "layout"
  ],
  "type": "registry:component"
}