{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "meter",
  "dependencies": [
    "@base-ui/react"
  ],
  "files": [
    {
      "path": "registry/default/ui/meter.tsx",
      "content": "\"use client\";\n\nimport { Meter as MeterPrimitive } from \"@base-ui/react/meter\";\nimport type React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\n\nexport function Meter({\n  className,\n  children,\n  ...props\n}: MeterPrimitive.Root.Props): React.ReactElement {\n  return (\n    <MeterPrimitive.Root\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      {...props}\n    >\n      {children ? (\n        children\n      ) : (\n        <MeterTrack>\n          <MeterIndicator />\n        </MeterTrack>\n      )}\n    </MeterPrimitive.Root>\n  );\n}\n\nexport function MeterLabel({\n  className,\n  ...props\n}: MeterPrimitive.Label.Props): React.ReactElement {\n  return (\n    <MeterPrimitive.Label\n      className={cn(\"font-medium text-foreground text-sm\", className)}\n      data-slot=\"meter-label\"\n      {...props}\n    />\n  );\n}\n\nexport function MeterTrack({\n  className,\n  ...props\n}: MeterPrimitive.Track.Props): React.ReactElement {\n  return (\n    <MeterPrimitive.Track\n      className={cn(\"block h-2 w-full overflow-hidden bg-input\", className)}\n      data-slot=\"meter-track\"\n      {...props}\n    />\n  );\n}\n\nexport function MeterIndicator({\n  className,\n  ...props\n}: MeterPrimitive.Indicator.Props): React.ReactElement {\n  return (\n    <MeterPrimitive.Indicator\n      className={cn(\"bg-primary transition-all duration-500\", className)}\n      data-slot=\"meter-indicator\"\n      {...props}\n    />\n  );\n}\n\nexport function MeterValue({\n  className,\n  ...props\n}: MeterPrimitive.Value.Props): React.ReactElement {\n  return (\n    <MeterPrimitive.Value\n      className={cn(\"text-foreground text-sm tabular-nums\", className)}\n      data-slot=\"meter-value\"\n      {...props}\n    />\n  );\n}\n\nexport { MeterPrimitive };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}