{
  "$schema": "https://blode.co/ui/schema/registry-item.json",
  "name": "meter",
  "title": "Meter",
  "author": "Matthew Blode",
  "description": "A meter that shows a scalar value within a bounded range.",
  "dependencies": ["@base-ui/react"],
  "files": [
    {
      "path": "ui/meter.tsx",
      "content": "\"use client\";\n\nimport { Meter as MeterPrimitive } from \"@base-ui/react/meter\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Meter = ({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Root>) => (\n  <MeterPrimitive.Root\n    className={cn(\"flex w-full flex-col gap-2\", className)}\n    data-slot=\"meter\"\n    {...props}\n  />\n);\n\nconst MeterLabel = ({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Label>) => (\n  <MeterPrimitive.Label\n    className={cn(\"font-medium text-sm leading-none\", className)}\n    data-slot=\"meter-label\"\n    {...props}\n  />\n);\n\nconst MeterValue = ({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Value>) => (\n  <MeterPrimitive.Value\n    className={cn(\"text-muted-foreground text-sm tabular-nums\", className)}\n    data-slot=\"meter-value\"\n    {...props}\n  />\n);\n\nconst MeterTrack = ({ className, ...props }: React.ComponentProps<typeof MeterPrimitive.Track>) => (\n  <MeterPrimitive.Track\n    className={cn(\"h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n    data-slot=\"meter-track\"\n    {...props}\n  />\n);\n\nconst MeterIndicator = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Indicator>) => (\n  <MeterPrimitive.Indicator\n    className={cn(\"h-full bg-primary transition-[width]\", className)}\n    data-slot=\"meter-indicator\"\n    {...props}\n  />\n);\n\nexport { Meter, MeterIndicator, MeterLabel, MeterTrack, MeterValue };\n",
      "type": "registry:ui",
      "target": ""
    }
  ],
  "type": "registry:ui"
}