{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timer",
  "title": "Timer",
  "description": "A timer component that can record elapsed time or countdown from a target time",
  "dependencies": ["@ark-ui/react", "clsx", "tailwind-merge"],
  "files": [
    {
      "path": "src/registry/thornberry/components/timer.tsx",
      "content": "import { Timer } from \"@ark-ui/react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { ComponentProps } from \"react\";\n\nconst TimerRoot = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.Root>) => (\n  <Timer.Root\n    className={cn(\"inline-flex flex-col gap-4\", className)}\n    {...rest}\n  />\n);\n\nconst TimerArea = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.Area>) => (\n  <Timer.Area\n    className={cn(\"inline-flex items-center gap-1\", className)}\n    {...rest}\n  />\n);\n\nconst TimerItem = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.Item>) => (\n  <Timer.Item\n    className={cn(\n      \"inline-flex min-w-8 items-center justify-center rounded-md bg-muted px-2 py-1 font-medium font-mono text-foreground text-sm tabular-nums\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst TimerSeparator = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.Separator>) => (\n  <Timer.Separator\n    className={cn(\"text-muted-foreground\", className)}\n    {...rest}\n  />\n);\n\nconst TimerControl = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.Control>) => (\n  <Timer.Control\n    className={cn(\"inline-flex items-center gap-2\", className)}\n    {...rest}\n  />\n);\n\nconst TimerActionTrigger = ({\n  className,\n  ...rest\n}: ComponentProps<typeof Timer.ActionTrigger>) => (\n  <Timer.ActionTrigger\n    className={cn(\n      \"inline-flex h-9 shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md bg-primary px-4 py-2 font-medium text-primary-foreground text-sm shadow-xs outline-none outline-hidden transition-[color,box-shadow,transform] hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 has-[>svg]:px-3 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nexport {\n  TimerRoot as Timer,\n  TimerArea,\n  TimerItem,\n  TimerSeparator,\n  TimerControl,\n  TimerActionTrigger,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}