{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "telemetry-chip",
  "type": "registry:ui",
  "title": "Telemetry Chip",
  "description": "Monospace telemetry chip for altitude, tokens and latency.",
  "dependencies": [
    "class-variance-authority"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://8848.aayurtshrestha.com.np/r/utils.json"
  ],
  "files": [
    {
      "path": "telemetry-chip.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\n\nconst telemetryChipVariants = cva(\n  \"inline-flex items-center gap-1.5 rounded-valley border font-mono text-xs font-medium tracking-tight px-2 py-0.5 transition-colors select-none\",\n  {\n    variants: {\n      variant: {\n        altitude:\n          \"border-border bg-slate-100/80 text-slate-800 dark:bg-slate-900/80 dark:text-slate-200\",\n        summit:\n          \"border-alpine-500/30 bg-alpine-50 text-alpine-700 dark:border-alpine-500/30 dark:bg-alpine-950/40 dark:text-alpine-300\",\n        live:\n          \"border-emerald-500/30 bg-emerald-50 text-emerald-700 dark:border-emerald-500/30 dark:bg-emerald-950/40 dark:text-emerald-300\",\n        muted:\n          \"border-border bg-transparent text-slate-500 dark:text-slate-400\",\n      },\n      size: {\n        sm: \"text-[10px] px-1.5 py-0.5 gap-1\",\n        md: \"text-xs px-2 py-0.5 gap-1.5\",\n        lg: \"text-sm px-2.5 py-1 gap-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"altitude\",\n      size: \"md\",\n    },\n  }\n);\n\nexport interface TelemetryChipProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof telemetryChipVariants> {\n  icon?: React.ReactNode;\n}\n\nexport const TelemetryChip = React.forwardRef<HTMLSpanElement, TelemetryChipProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(telemetryChipVariants({ variant, size, className }))}\n        {...props}\n      >\n        {icon && <span className=\"opacity-75\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\nTelemetryChip.displayName = \"TelemetryChip\";",
      "type": "registry:ui",
      "target": "components/ui/telemetry-chip.tsx"
    }
  ]
}