{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "slider",
	"type": "registry:ui",
	"title": "Slider",
	"description": "A slider component.",
	"dependencies": ["@radix-ui/react-slider"],
	"files": [
		{
			"path": "registry/niv/ui/slider.tsx",
			"content": "'use client';\n\nimport { Range, Root, Thumb, Track } from '@radix-ui/react-slider';\nimport { type ComponentProps, useMemo } from 'react';\nimport { cn } from '@/lib/classnames';\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: ComponentProps<typeof Root>) {\n  const _values = useMemo(() => {\n    if (Array.isArray(value)) {\n      return value;\n    }\n\n    return Array.isArray(defaultValue) ? defaultValue : [min, max];\n  }, [value, defaultValue, min, max]);\n\n  return (\n    <Root\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      data-slot='slider'\n      defaultValue={defaultValue}\n      max={max}\n      min={min}\n      value={value}\n      {...props}\n    >\n      <Track\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        )}\n        data-slot='slider-track'\n      >\n        <Range\n          className={cn(\n            'absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full',\n          )}\n          data-slot='slider-range'\n        />\n      </Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <Thumb\n          className='block size-4 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:outline-hidden focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50'\n          data-slot='slider-thumb'\n          // biome-ignore lint/suspicious/noArrayIndexKey: okay-ish\n          key={index}\n        />\n      ))}\n    </Root>\n  );\n}\n\nexport { Slider };\n",
			"type": "registry:ui"
		}
	]
}