{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "todo-list",
  "title": "Todo List",
  "description": "Interactive todo list with checkbox toggle, strikethrough on completion, colored left border, and delete action.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-theme.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/adminlte-label.json",
    "https://raw.githubusercontent.com/dnachavez/adminlte-next/master/public/r/use-todo-list.json"
  ],
  "files": [
    {
      "path": "registry/new-york/todo-list/components/todo-list.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"@/registry/new-york/adminlte-theme/lib/cn\"\n\n/* ---------------------------------------------------------------------------\n * TodoList\n * -------------------------------------------------------------------------- */\n\ninterface TodoListProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst TodoList = React.forwardRef<HTMLUListElement, TodoListProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <ul\n        ref={ref}\n        className={cn(\"list-none m-0 p-0\", className)}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nTodoList.displayName = \"TodoList\"\n\n/* ---------------------------------------------------------------------------\n * TodoItem\n * -------------------------------------------------------------------------- */\n\ninterface TodoItemProps extends React.HTMLAttributes<HTMLLIElement> {\n  text: string\n  done?: boolean\n  onToggle?: () => void\n  onDelete?: () => void\n  color?: string\n  tools?: React.ReactNode\n}\n\nconst TodoItem = React.forwardRef<HTMLLIElement, TodoItemProps>(\n  (\n    {\n      className,\n      text,\n      done = false,\n      onToggle,\n      onDelete,\n      color,\n      tools,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <li\n        ref={ref}\n        className={cn(\n          \"flex items-center gap-[8px] p-[10px] rounded-[2px] border-l-[2px] border-l-transparent mb-[2px] bg-[#f4f4f4] hover:bg-[#e8e8e8] transition-colors\",\n          className\n        )}\n        style={color ? { borderLeftColor: color } : undefined}\n        {...props}\n      >\n        {/* Checkbox */}\n        <input\n          type=\"checkbox\"\n          checked={done}\n          onChange={onToggle}\n          className=\"w-[16px] h-[16px] cursor-pointer flex-shrink-0 accent-[#3c8dbc]\"\n        />\n\n        {/* Text */}\n        <span\n          className={cn(\n            \"flex-1 text-[14px]\",\n            done && \"line-through text-[#999]\"\n          )}\n        >\n          {text}\n        </span>\n\n        {/* Tools */}\n        <div className=\"flex items-center gap-[5px] flex-shrink-0\">\n          {tools}\n\n          {onDelete && (\n            <button\n              type=\"button\"\n              className=\"bg-transparent border-none text-[#dd4b39] cursor-pointer text-[14px] p-[2px_4px] rounded hover:bg-[rgba(221,75,57,0.1)]\"\n              onClick={onDelete}\n              aria-label=\"Delete item\"\n            >\n              <span aria-hidden=\"true\">&times;</span>\n            </button>\n          )}\n        </div>\n      </li>\n    )\n  }\n)\nTodoItem.displayName = \"TodoItem\"\n\nexport { TodoList, TodoItem }\nexport type { TodoListProps, TodoItemProps }\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}