{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "slider",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "./src/components/ui/slider.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Slider as SliderPrimitive } from \"@ark-ui/react/slider\"\n\nconst Slider = SliderPrimitive.Root\n\nconst SliderControl = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Control>,\n  SliderPrimitive.ControlProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Control\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nSliderControl.displayName = \"SliderControl\"\n\nconst SliderDraggingIndicator = SliderPrimitive.DraggingIndicator\n\nconst SliderLabel = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Label>,\n  SliderPrimitive.LabelProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"select-none font-medium text-foreground text-sm leading-4 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nSliderLabel.displayName = \"SliderLabel\"\n\nconst SliderMarker = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Marker>,\n  SliderPrimitive.MarkerProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Marker\n    ref={ref}\n    className={cn(\"font-medium text-muted-foreground text-xs\", className)}\n    {...props}\n  />\n))\nSliderMarker.displayName = \"SliderMarker\"\n\nconst SliderMarkerGroup = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.MarkerGroup>,\n  SliderPrimitive.MarkerGroupProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.MarkerGroup\n    ref={ref}\n    className={cn(\"mt-2\", className)}\n    {...props}\n  />\n))\nSliderMarkerGroup.displayName = \"SliderMarkerGroup\"\n\nconst SliderRange = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Range>,\n  SliderPrimitive.RangeProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Range\n    ref={ref}\n    className={cn(\n      \"absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\",\n      className\n    )}\n    {...props}\n  />\n))\nSliderRange.displayName = \"SliderRange\"\n\nconst SliderRootProvider = SliderPrimitive.RootProvider\n\nconst SliderThumb = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Thumb>,\n  SliderPrimitive.ThumbProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Thumb\n    ref={ref}\n    className={cn(\n      \"block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <SliderPrimitive.HiddenInput />\n  </SliderPrimitive.Thumb>\n))\nSliderThumb.displayName = \"SliderThumb\"\n\nconst SliderTrack = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Track>,\n  SliderPrimitive.TrackProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Track\n    ref={ref}\n    className={cn(\n      \"relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5\",\n      className\n    )}\n    {...props}\n  />\n))\nSliderTrack.displayName = \"SliderTrack\"\n\nconst SliderValueText = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.ValueText>,\n  SliderPrimitive.ValueTextProps\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.ValueText\n    ref={ref}\n    className={cn(\"font-medium text-sm tabular-nums\", className)}\n    {...props}\n  />\n))\nSliderValueText.displayName = \"SliderValueText\"\n\nexport {\n  Slider,\n  SliderControl,\n  SliderDraggingIndicator,\n  SliderLabel,\n  SliderMarker,\n  SliderMarkerGroup,\n  SliderRange,\n  SliderRootProvider,\n  SliderThumb,\n  SliderTrack,\n  SliderValueText,\n}\n\nexport { useSlider } from \"@ark-ui/react/slider\"\n",
      "type": "registry:ui"
    }
  ]
}