{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "settings-2",
  "title": "Sidebar Layout",
  "description": "Sidebar Layout for Settings.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "card",
    "input",
    "label",
    "separator",
    "sidebar",
    "switch"
  ],
  "files": [
    {
      "path": "registry/intents/account/settings/settings-2.tsx",
      "content": "'use client'\n\nimport type { CSSProperties } from 'react'\nimport { Bell, CreditCard, Lock, Plug, User, Users } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Card } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport { Separator } from '@/components/ui/separator'\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from '@/components/ui/sidebar'\nimport { Switch } from '@/components/ui/switch'\n\nconst nav = [\n  { icon: User, label: 'Profile', active: true },\n  { icon: Lock, label: 'Security' },\n  { icon: Bell, label: 'Notifications' },\n  { icon: CreditCard, label: 'Billing' },\n  { icon: Users, label: 'Team' },\n  { icon: Plug, label: 'Integrations' },\n]\n\nexport function Settings2() {\n  return (\n    <Card className=\"p-0\">\n      <SidebarProvider\n        className=\"h-[420px] min-h-0\"\n        style={{ '--sidebar-width': '13rem' } as CSSProperties}\n      >\n        <Sidebar collapsible=\"none\" className=\"hidden border-r sm:flex\">\n          <SidebarHeader>\n            <div className=\"flex items-center gap-2 px-2 py-1.5\">\n              <div className=\"bg-primary/15 text-primary flex size-7 items-center justify-center rounded-md text-xs font-semibold\">\n                AL\n              </div>\n              <span className=\"text-sm font-medium\">Acme Inc</span>\n            </div>\n          </SidebarHeader>\n          <SidebarContent>\n            <SidebarGroup>\n              <SidebarGroupLabel>Settings</SidebarGroupLabel>\n              <SidebarMenu>\n                {nav.map(({ icon: Icon, label, active }) => (\n                  <SidebarMenuItem key={label}>\n                    <SidebarMenuButton isActive={active}>\n                      <Icon />\n                      {label}\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroup>\n          </SidebarContent>\n        </Sidebar>\n\n        <main className=\"flex flex-1 flex-col gap-6 overflow-auto p-6\">\n          <div>\n            <h3 className=\"text-base font-semibold\">Profile</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Update how others see you across the workspace.\n            </p>\n          </div>\n\n          <div className=\"grid gap-4 sm:grid-cols-2\">\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor=\"sl-name\">Full name</Label>\n              <Input id=\"sl-name\" defaultValue=\"Ada Lovelace\" />\n            </div>\n            <div className=\"flex flex-col gap-1.5\">\n              <Label htmlFor=\"sl-role\">Role</Label>\n              <Input id=\"sl-role\" defaultValue=\"Engineering Lead\" />\n            </div>\n          </div>\n\n          <Separator />\n\n          <div className=\"flex items-center justify-between\">\n            <div className=\"flex flex-col gap-0.5\">\n              <span className=\"text-sm font-medium\">Show online status</span>\n              <span className=\"text-muted-foreground text-xs\">\n                Let teammates see when you are active.\n              </span>\n            </div>\n            <Switch defaultChecked />\n          </div>\n\n          <div className=\"flex justify-end\">\n            <Button>Save changes</Button>\n          </div>\n        </main>\n      </SidebarProvider>\n    </Card>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/intent/settings/settings-2.tsx"
    }
  ],
  "type": "registry:block"
}