{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-frame-2",
  "description": "Frame with collapsible content and delete button",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@coss/button",
    "@coss/collapsible",
    "@coss/frame"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-frame-2.tsx",
      "content": "import { ChevronDownIcon, TrashIcon } from \"lucide-react\";\nimport { Button } from \"@/registry/default/ui/button\";\nimport {\n  Collapsible,\n  CollapsiblePanel,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\";\nimport { Frame, FrameHeader, FramePanel } from \"@/registry/default/ui/frame\";\n\nexport default function Particle() {\n  return (\n    <Frame className=\"w-full\">\n      <Collapsible>\n        <FrameHeader className=\"flex-row items-center justify-between px-2 py-2\">\n          <CollapsibleTrigger\n            className=\"data-panel-open:[&_svg]:rotate-180\"\n            render={<Button variant=\"ghost\" />}\n          >\n            <ChevronDownIcon className=\"size-4\" />\n            Section header\n          </CollapsibleTrigger>\n          <Button aria-label=\"Delete\" size=\"icon\" variant=\"ghost\">\n            <TrashIcon />\n          </Button>\n        </FrameHeader>\n        <CollapsiblePanel>\n          <FramePanel>\n            <h2 className=\"font-semibold text-sm\">Section title</h2>\n            <p className=\"text-muted-foreground text-sm\">Section description</p>\n          </FramePanel>\n        </CollapsiblePanel>\n      </Collapsible>\n    </Frame>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full"
  },
  "categories": [
    "collapsible",
    "frame"
  ],
  "type": "registry:block"
}