{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "list-two",
  "title": "ListTwo",
  "description": "A list component with items",
  "files": [
    {
      "path": "registry/cs/ui/list-two/list-two.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction ListTwo({ className, ...props }: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"list-two\"\n      className={cn(\n        \"bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm divide-y\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"list-two-item\"\n      className={cn(\n        \"flex items-center gap-4 px-6 py-4 hover:bg-accent/50 transition-colors\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItemLeading({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"list-two-item-leading\"\n      className={cn(\"flex-shrink-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"list-two-item-content\"\n      className={cn(\"flex flex-col gap-1 flex-1 min-w-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"list-two-item-title\"\n      className={cn(\"font-semibold text-sm leading-none truncate\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItemDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"list-two-item-description\"\n      className={cn(\"text-muted-foreground text-sm truncate\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ListTwoItemTrailing({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"list-two-item-trailing\"\n      className={cn(\"flex-shrink-0 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ListTwo,\n  ListTwoItem,\n  ListTwoItemLeading,\n  ListTwoItemContent,\n  ListTwoItemTitle,\n  ListTwoItemDescription,\n  ListTwoItemTrailing,\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}