{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timeline",
  "type": "registry:ui",
  "title": "Timeline",
  "description": "Vertical timeline with dots, connectors and per-item content.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/utils.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/text.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/theme.json"
  ],
  "files": [
    {
      "path": "registry/shared/ui/timeline.tsx",
      "type": "registry:ui",
      "target": "components/ui/timeline.tsx",
      "content": "import type { ReactNode } from 'react';\nimport { View, type ViewProps } from 'react-native';\nimport { Text, type TextProps } from '@/components/ui/text';\nimport { cn } from '@/lib/utils';\n\nexport function Timeline({\n  className,\n  children,\n  ...props\n}: ViewProps & { className?: string; children?: ReactNode }) {\n  return (\n    <View className={cn('w-full', className)} {...props}>\n      {children}\n    </View>\n  );\n}\n\nexport interface TimelineItemProps extends ViewProps {\n  /** Custom dot node — defaults to a themed bullet. */\n  dot?: ReactNode;\n  /** Set false on the last item to hide the connector line. */\n  line?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function TimelineItem({\n  dot,\n  line = true,\n  className,\n  children,\n  ...props\n}: TimelineItemProps) {\n  return (\n    <View className={cn('flex-row gap-3', className)} {...props}>\n      <View className=\"items-center\">\n        {dot ?? <View className=\"mt-1.5 h-2.5 w-2.5 rounded-full bg-primary\" />}\n        {line && <View className=\"w-px flex-1 bg-border\" />}\n      </View>\n      <View className={cn('flex-1', line && 'pb-6')}>{children}</View>\n    </View>\n  );\n}\n\nexport function TimelineTitle({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn('text-sm font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport function TimelineDescription({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn('mt-0.5 text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n"
    }
  ]
}