// Ported from vercel/ai-elements @ main (packages/elements/src/task.tsx). // Customizations applied on import: import-alias rewrites, RTL physical→logical // class swap, Vercel theme-token sweep. See scripts/registry/port-ai-elements.mjs // for the deterministic transforms — re-run to re-sync against upstream. "use client"; import { ChevronDownIcon, SearchIcon } from "lucide-react"; import type { ComponentProps } from "react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/registry/primitives/core/collapsible"; import { cn } from "@/lib/registry/cn"; export type TaskItemFileProps = ComponentProps<"div">; export const TaskItemFile = ({ children, className, ...props }: TaskItemFileProps) => (

{children}

); export type TaskItemProps = ComponentProps<"div">; export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (

{children}

); export type TaskProps = ComponentProps; export const Task = ({ defaultOpen = true, className, ...props }: TaskProps) => ( ); export type TaskTriggerProps = ComponentProps & { title: string; }; export const TaskTrigger = ({ children, className, title, ...props }: TaskTriggerProps) => ( {children ?? (

{title}

)} ); export type TaskContentProps = ComponentProps; export const TaskContent = ({ children, className, ...props }: TaskContentProps) => (

{children}

);

Task

Showcase

Task