{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-todo-item",
  "title": "Z Todo Item",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-hover.json",
    "https://ui.orchid.ai/r/z-tooltip.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-todo-item/z-todo-item.tsx",
      "content": "\"use client\";\nimport ZButton from \"../../atoms/z-button/z-button\";\nimport ZHover from \"../../atoms/z-hover/z-hover\";\nimport ZTooltip from \"../../atoms/z-tooltip/z-tooltip\";\nimport { PlusIcon, TrashIcon } from '@heroicons/react/16/solid';\ntype Todo = {\n    id: string;\n    text: string;\n};\ntype TodoItemProps = {\n    todo: Todo;\n    onRemove?: (todoId: string) => void;\n    onAdd?: (todoId: string) => void;\n};\nexport default function ZTodoItem({ todo, onRemove, onAdd }: TodoItemProps) {\n    return (<ZHover borderRadius=\"rounded-md\">\n      <div className=\"group/todo flex w-full cursor-pointer items-center gap-2 pl-3\">\n        <div className=\"flex flex-1 items-center gap-2 py-0.5\">\n          <div className=\"bg-surface border-neutral-subtle size-3.5 min-w-3.5 rounded border shadow-xs\"/>\n          <ZTooltip content={todo.text}>\n            <p className=\"text-neutral-subtle text-copy line-clamp-1\">{todo.text}</p>\n          </ZTooltip>\n        </div>\n        <div className=\"ease-out-expo flex translate-x-5 scale-50 items-center gap-0.5 px-0.5 py-0.5 opacity-0 transition-transform duration-400 group-hover/todo:translate-x-0 group-hover/todo:scale-100 group-hover/todo:opacity-100\">\n          <ZButton variant=\"transparent\" size=\"sm\" leadingIcon={TrashIcon} onClick={() => onRemove?.(todo.id)}/>\n          <ZButton variant=\"transparent\" size=\"sm\" leadingIcon={PlusIcon} onClick={() => onAdd?.(todo.id)}/>\n        </div>\n      </div>\n    </ZHover>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-todo-item/z-todo-item.tsx"
    }
  ],
  "type": "registry:ui"
}