{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-settings-sidebar",
  "title": "Z Settings Sidebar",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-list-item.json",
    "https://ui.orchid.ai/r/z-settings-header.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/organisms/z-settings-dialog/z-settings-sidebar.tsx",
      "content": "\"use client\";\nimport ZListItem from \"../../atoms/z-list-item/z-list-item\";\nimport { SETTINGS_SECTION_GROUPS } from \"./sections\";\nimport type { SettingsSection } from \"./types\";\ninterface Props {\n    activeSection: SettingsSection;\n    onSectionChange: (section: SettingsSection) => void;\n}\nexport default function ZSettingsSidebar({ activeSection, onSectionChange }: Props) {\n    return (<div className=\"flex w-[200px] flex-col gap-3 p-4.5\">\n      {SETTINGS_SECTION_GROUPS.map((section, sectionIndex) => (<div key={section.title} className=\"flex flex-col gap-1\">\n          {sectionIndex > 0 && (<div className=\"flex items-center gap-1 px-3 py-0\">\n              <span className=\"text-copy-xs text-neutral-subtle font-medium tracking-widest uppercase\">{section.title}</span>\n            </div>)}\n\n          {section.items.map((item) => {\n                const Icon = item.icon;\n                return (<ZListItem key={item.id} active={activeSection === item.id} onClick={() => onSectionChange(item.id)} className=\"rounded-lg\">\n                <div className={`flex items-center gap-1`}>\n                  <Icon className=\"text-neutral-subtle size-4\"/>\n                  <span className=\"text-copy text-neutral\">{item.label}</span>\n                </div>\n              </ZListItem>);\n            })}\n        </div>))}\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/organisms/z-settings-dialog/z-settings-sidebar.tsx"
    }
  ],
  "type": "registry:ui"
}