{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "meter",
  "title": "Meter",
  "description": "A graphical display of a numeric value within a range.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/meter.tsx",
      "content": "import { Meter as BaseMeter } from \"@base-ui/react/meter\";\n\nimport { cn } from \"@/registry/lib/utils\";\n\nconst MeterRoot = ({ className, ...props }: BaseMeter.Root.Props) => (\n  <BaseMeter.Root\n    className={cn(\"relative w-full\", className)}\n    data-slot=\"meter\"\n    {...props}\n  />\n);\n\nconst MeterTrack = ({ className, ...props }: BaseMeter.Track.Props) => (\n  <BaseMeter.Track\n    className={cn(\"relative w-full overflow-hidden\", className)}\n    data-slot=\"meter-track\"\n    {...props}\n  />\n);\n\nconst MeterIndicator = ({ className, ...props }: BaseMeter.Indicator.Props) => (\n  <BaseMeter.Indicator\n    className={cn(\"h-full transition-all duration-500\", className)}\n    data-slot=\"meter-indicator\"\n    {...props}\n  />\n);\n\nconst MeterLabel = ({ className, ...props }: BaseMeter.Label.Props) => (\n  <BaseMeter.Label\n    className={cn(\"text-sm font-medium leading-none\", className)}\n    data-slot=\"meter-label\"\n    {...props}\n  />\n);\n\nconst MeterValue = ({ className, ...props }: BaseMeter.Value.Props) => (\n  <BaseMeter.Value\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    data-slot=\"meter-value\"\n    {...props}\n  />\n);\n\nfunction Meter({ className, children, ...props }: BaseMeter.Root.Props) {\n  return (\n    <BaseMeter.Root\n      className={cn(\"relative w-full\", className)}\n      data-slot=\"meter\"\n      {...props}\n    >\n      <BaseMeter.Track\n        className=\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\"\n        data-slot=\"meter-track\"\n      >\n        <BaseMeter.Indicator\n          className=\"h-full flex-1 bg-primary transition-all duration-500\"\n          data-slot=\"meter-indicator\"\n        />\n      </BaseMeter.Track>\n      {children}\n    </BaseMeter.Root>\n  );\n}\n\nexport {\n  MeterRoot,\n  MeterTrack,\n  MeterIndicator,\n  MeterLabel,\n  MeterValue,\n  // Composite component\n  Meter,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}