{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-todo-action-row",
  "title": "Z Todo Action Row",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-action-row.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-provider-icon.json",
    "https://ui.orchid.ai/r/z-todo-item.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-action-row/z-todo-action-row.tsx",
      "content": "\"use client\";\nimport ZActionRow from \"./z-action-row\";\nimport ZButton from \"../../atoms/z-button/z-button\";\nimport ZProviderIcon from \"../../atoms/z-provider-icon/z-provider-icon\";\nimport ZTodoItem from \"../z-todo-item/z-todo-item\";\nimport { ChevronDownIcon, ChevronRightIcon } from '@heroicons/react/16/solid';\nimport { cn } from \"../../../lib/ui-utils\";\nimport { useState } from 'react';\ntype Todo = {\n    id: string;\n    text: string;\n};\ntype LinearIntegrationActionRowProps = {\n    todos: Todo[];\n    onAddTodos?: () => void;\n    onRemoveTodo?: (todoId: string) => void;\n    onAddTodo?: (todoId: string) => void;\n    className?: string;\n};\nexport default function ZTodoActionRow({ todos, onAddTodos, onRemoveTodo, onAddTodo, className, }: LinearIntegrationActionRowProps) {\n    const [isExpanded, setIsExpanded] = useState(false);\n    if (todos.length === 0)\n        return null;\n    const toggleExpanded = () => {\n        setIsExpanded(!isExpanded);\n    };\n    return (<div className={className}>\n      <ZActionRow left={<ZButton variant=\"transparent\" size=\"sm\" onClick={toggleExpanded} trailingIcon={isExpanded ? ChevronDownIcon : ChevronRightIcon}>\n            {todos.length} Todo{todos.length !== 1 ? 's' : ''}\n          </ZButton>} right={<ZButton variant=\"primary\" size=\"md\" onClick={onAddTodos} leading={<ZProviderIcon provider=\"linear\"/>}>\n            Add to Linear\n          </ZButton>}/>\n\n      <div className={cn('ease-out-expo grid overflow-hidden transition-transform duration-300', isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]')}>\n        <div className=\"min-h-0\">\n          <div className=\"flex flex-col gap-1 px-1 py-1\">\n            {todos.map((todo) => (<ZTodoItem key={todo.id} todo={todo} onRemove={onRemoveTodo} onAdd={onAddTodo}/>))}\n          </div>\n        </div>\n      </div>\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-action-row/z-todo-action-row.tsx"
    }
  ],
  "type": "registry:ui"
}