{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "meter",
  "title": "Meter",
  "description": "Displays a value within a known range, built on the Base UI Meter primitive.",
  "dependencies": [
    "@base-ui/react@^1.7.0",
    "cn@^0.5.2"
  ],
  "registryDependencies": [
    "https://sevenui.dev/r/sevenui-tokens.json"
  ],
  "files": [
    {
      "path": "registry/base/ui/meter.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { Meter as MeterPrimitive } from \"@base-ui/react/meter\";\n\nimport { cn } from \"cn\";\n\nfunction Meter({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Root>) {\n  return (\n    <MeterPrimitive.Root\n      data-slot=\"meter\"\n      className={cn(\"grid w-full gap-2\", className)}\n      {...props}\n    >\n      {children}\n      <MeterPrimitive.Track\n        data-slot=\"meter-track\"\n        className=\"col-span-full h-1 w-full overflow-hidden rounded-full bg-primary/20 in-data-[density=compact]:h-[3px]\"\n      >\n        <MeterPrimitive.Indicator\n          data-slot=\"meter-indicator\"\n          className=\"h-full bg-primary transition-[width] duration-300 ease-snappy motion-reduce:transition-none\"\n        />\n      </MeterPrimitive.Track>\n    </MeterPrimitive.Root>\n  );\n}\n\nfunction MeterLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Label>) {\n  return (\n    <MeterPrimitive.Label\n      data-slot=\"meter-label\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction MeterValue({\n  className,\n  ...props\n}: React.ComponentProps<typeof MeterPrimitive.Value>) {\n  return (\n    <MeterPrimitive.Value\n      data-slot=\"meter-value\"\n      className={cn(\"text-sm text-muted-foreground tabular-nums\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Meter, MeterLabel, MeterValue };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}