{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "comp-350",
  "type": "registry:component",
  "title": "Comp 350",
  "description": "Comp 350",
  "files": [
    {
      "path": "registry/ui-basic/comp-350.tsx",
      "content": "import {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from \"@/components/ui/accordion\";\n\nconst items = [\n\t{\n\t\tid: \"1\",\n\t\ttitle: \"What makes Origin UI different?\",\n\t\tcontent:\n\t\t\t\"Origin UI focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n\t},\n\t{\n\t\tid: \"2\",\n\t\ttitle: \"How can I customize the components?\",\n\t\tcontent:\n\t\t\t\"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n\t},\n\t{\n\t\tid: \"3\",\n\t\ttitle: \"Is Origin UI optimized for performance?\",\n\t\tcontent:\n\t\t\t\"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n\t},\n\t{\n\t\tid: \"4\",\n\t\ttitle: \"How accessible are the components?\",\n\t\tcontent:\n\t\t\t\"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n\t},\n];\n\nexport default function Component() {\n\treturn (\n\t\t<div className=\"space-y-4\">\n\t\t\t<h2 className=\"text-xl font-bold\">Table w/ left chevron</h2>\n\t\t\t<Accordion\n\t\t\t\ttype=\"single\"\n\t\t\t\tcollapsible\n\t\t\t\tclassName=\"w-full -space-y-px\"\n\t\t\t\tdefaultValue=\"3\"\n\t\t\t>\n\t\t\t\t{items.map((item) => (\n\t\t\t\t\t<AccordionItem\n\t\t\t\t\t\tvalue={item.id}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\tclassName=\"bg-background has-focus-visible:border-ring has-focus-visible:ring-ring/50 relative border px-4 py-1 outline-hidden first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:ring-[3px]\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<AccordionTrigger className=\"justify-start gap-3 rounded-md py-2 text-[15px] leading-6 outline-hidden hover:no-underline focus-visible:ring-0 [&>svg]:-order-1\">\n\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t\t<AccordionContent className=\"text-muted-foreground ps-7 pb-2\">\n\t\t\t\t\t\t\t{item.content}\n\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t</AccordionItem>\n\t\t\t\t))}\n\t\t\t</Accordion>\n\t\t</div>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}