{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "slider",
  "title": "Slider",
  "description": "A keyboard-accessible value and range input with labels, formatted output, discrete steps, and form integration.",
  "dependencies": [
    "@base-ui/react"
  ],
  "files": [
    {
      "path": "registry/rivetui/components/slider/slider.tsx",
      "content": "\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Slider<Value extends number | readonly number[]>({\n  className,\n  ...props\n}: SliderPrimitive.Root.Props<Value>) {\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      className={cn(\n        \"grid w-full grid-cols-[minmax(0,1fr)_auto] gap-x-4 gap-y-1 data-[orientation=vertical]:w-fit data-[orientation=vertical]:grid-cols-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SliderLabel({ className, ...props }: SliderPrimitive.Label.Props) {\n  return (\n    <SliderPrimitive.Label\n      data-slot=\"slider-label\"\n      className={cn(\"min-w-0 text-sm font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SliderValue({ className, ...props }: SliderPrimitive.Value.Props) {\n  return (\n    <SliderPrimitive.Value\n      data-slot=\"slider-value\"\n      className={cn(\n        \"text-right font-mono text-xs tabular-nums text-muted-foreground data-[orientation=vertical]:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SliderControl({ className, ...props }: SliderPrimitive.Control.Props) {\n  return (\n    <SliderPrimitive.Control\n      data-slot=\"slider-control\"\n      className={cn(\n        \"col-span-2 flex w-full cursor-pointer touch-none items-center py-3 select-none data-disabled:cursor-not-allowed data-[orientation=vertical]:col-span-1 data-[orientation=vertical]:h-48 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SliderTrack({ className, ...props }: SliderPrimitive.Track.Props) {\n  return (\n    <SliderPrimitive.Track\n      data-slot=\"slider-track\"\n      className={cn(\n        \"relative h-1 w-full bg-muted data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SliderIndicator({ className, ...props }: SliderPrimitive.Indicator.Props) {\n  return (\n    <SliderPrimitive.Indicator\n      data-slot=\"slider-indicator\"\n      className={cn(\"bg-primary\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SliderThumb({ className, ...props }: SliderPrimitive.Thumb.Props) {\n  return (\n    <SliderPrimitive.Thumb\n      data-slot=\"slider-thumb\"\n      className={cn(\n        \"size-4 border border-foreground bg-background outline-none transition-[background-color,border-color,box-shadow] duration-100 before:absolute before:-inset-2.5 has-[:focus-visible]:border-ring has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring/40 data-dragging:bg-foreground data-disabled:pointer-events-none data-disabled:opacity-40 motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Slider,\n  SliderControl,\n  SliderIndicator,\n  SliderLabel,\n  SliderThumb,\n  SliderTrack,\n  SliderValue,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}