{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "slider",
  "title": "Slider",
  "description": "Range slider input for selecting a numeric value within a defined range.",
  "dependencies": [
    "@base-ui/react"
  ],
  "files": [
    {
      "path": "packages/ui/src/slider.tsx",
      "content": "\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport { cn } from \"./utils\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface SliderProps extends SliderPrimitive.Root.Props {}\nexport interface SliderControlProps extends SliderPrimitive.Control.Props {}\nexport interface SliderTrackProps extends SliderPrimitive.Track.Props {}\nexport interface SliderIndicatorProps extends SliderPrimitive.Indicator.Props {}\nexport interface SliderThumbProps extends SliderPrimitive.Thumb.Props {}\nexport interface SliderValueProps extends SliderPrimitive.Value.Props {}\n\n// ---------------------------------------------------------------------------\n// Slider (Root)\n// ---------------------------------------------------------------------------\n\nfunction Slider({ className, ...props }: SliderProps) {\n  return (\n    <SliderPrimitive.Root\n      className={cn(\"flex w-full flex-col gap-2\", className)}\n      data-slot=\"slider\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// SliderControl\n// ---------------------------------------------------------------------------\n\nfunction SliderControl({ className, ...props }: SliderControlProps) {\n  return (\n    <SliderPrimitive.Control\n      className={cn(\n        \"flex touch-none select-none items-center py-2\",\n        // Cursor\n        \"cursor-pointer data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"slider-control\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// SliderTrack\n// ---------------------------------------------------------------------------\n\nfunction SliderTrack({ className, ...props }: SliderTrackProps) {\n  return (\n    <SliderPrimitive.Track\n      className={cn(\"relative h-1 w-full rounded-full bg-muted\", className)}\n      data-slot=\"slider-track\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// SliderIndicator\n// ---------------------------------------------------------------------------\n\nfunction SliderIndicator({ className, ...props }: SliderIndicatorProps) {\n  return (\n    <SliderPrimitive.Indicator\n      className={cn(\"h-full rounded-full bg-primary\", className)}\n      data-slot=\"slider-indicator\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// SliderThumb\n// ---------------------------------------------------------------------------\n\nfunction SliderThumb({ className, ...props }: SliderThumbProps) {\n  return (\n    <SliderPrimitive.Thumb\n      className={cn(\n        // Horizontal pill / capsule shape (20x13), centered on track\n        \"h-[0.8125rem] w-[1.25rem] -translate-y-1/2 rounded-full bg-background dark:bg-white\",\n        // Soft elevated shadow\n        \"shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_3px_rgba(0,0,0,0.08)]\",\n        // Hover ring\n        \"hover:ring-2 hover:ring-ring/20\",\n        // Focus ring\n        \"focus-visible:outline-2 focus-visible:outline-ring/50 focus-visible:outline-offset-2\",\n        // Active state: slightly grow + slightly deeper shadow\n        \"transition-[transform,box-shadow,ring-color] duration-150\",\n        \"data-[dragging]:scale-105 data-[dragging]:shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_2px_6px_rgba(0,0,0,0.12)] data-[dragging]:ring-2 data-[dragging]:ring-ring/20\",\n        // Disabled (reduced motion handled globally by base.css)\n        \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"slider-thumb\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// SliderValue\n// ---------------------------------------------------------------------------\n\nfunction SliderValue({ className, ...props }: SliderValueProps) {\n  return (\n    <SliderPrimitive.Value\n      className={cn(\"text-muted-foreground text-sm tabular-nums\", className)}\n      data-slot=\"slider-value\"\n      {...props}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Exports\n// ---------------------------------------------------------------------------\n\nexport {\n  Slider,\n  SliderControl,\n  SliderIndicator,\n  SliderThumb,\n  SliderTrack,\n  SliderValue,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}