{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "list",
  "title": "List",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-react/components/list/list.tsx",
      "content": "import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface ListProps extends React.HTMLAttributes<HTMLElement> {\n  as?: 'ul' | 'ol' | 'div'\n}\n\nconst List = React.forwardRef<HTMLElement, ListProps>(\n  ({ as: Comp = 'ul', className, children, ...props }, ref) => (\n    <Comp\n      ref={ref as never}\n      className={cn('list-none space-y-1', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  ),\n)\nList.displayName = 'List'\n\nexport interface ListItemProps extends React.HTMLAttributes<HTMLElement> {\n  as?: 'li' | 'div' | 'a'\n  active?: boolean\n  disabled?: boolean\n}\n\nconst ListItem = React.forwardRef<HTMLElement, ListItemProps>(\n  ({ as: Comp = 'li', active, disabled, className, children, ...props }, ref) => (\n    <Comp\n      ref={ref as never}\n      aria-disabled={disabled}\n      className={cn(\n        'hover:bg-accent focus-visible:bg-accent cursor-pointer rounded-md px-2 py-1.5 text-sm transition-colors duration-200 select-none focus-visible:outline-none',\n        active && 'bg-accent text-accent-foreground',\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  ),\n)\nListItem.displayName = 'ListItem'\n\nexport interface ListSubheaderProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  inset?: boolean\n}\n\nconst ListSubheader = React.forwardRef<HTMLLIElement, ListSubheaderProps>(\n  ({ inset, className, children, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\n        'text-muted-foreground px-2 py-1.5 text-xs font-semibold tracking-wide uppercase',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </li>\n  ),\n)\nListSubheader.displayName = 'ListSubheader'\n\nexport { List, ListItem, ListSubheader }\n",
      "type": "registry:ui",
      "target": "~/components/ui/list/list.tsx"
    },
    {
      "path": "packages/registry-react/components/list/index.ts",
      "content": "export {\n  List,\n  ListItem,\n  ListSubheader,\n  type ListProps,\n  type ListItemProps,\n  type ListSubheaderProps,\n} from './list'\n",
      "type": "registry:ui",
      "target": "~/components/ui/list/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "description": "Plain content list with `<ul>` / `<li>` semantics and a few preset gap and divider modes. Use for menu items, navigation lists, or any vertical sequence of small rows.",
  "categories": [
    "data-display"
  ]
}