{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "slider",
  "title": "Slider",
  "description": "A control that allows users to select a value or range from a given range",
  "dependencies": ["@ark-ui/react", "clsx", "tailwind-merge"],
  "files": [
    {
      "path": "src/registry/thornberry/components/slider.tsx",
      "content": "import { Slider as ArkSlider } from \"@ark-ui/react/slider\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport type { ComponentProps } from \"react\";\n\nconst SliderProvider = ArkSlider.RootProvider;\nconst SliderContext = ArkSlider.Context;\n\nconst SliderRoot = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Root>) => (\n  <ArkSlider.Root\n    className={cn(\n      \"relative flex w-full touch-none select-none flex-col items-center\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SliderLabel = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Label>) => (\n  <ArkSlider.Label\n    className={cn(\"mb-2 font-medium text-sm\", className)}\n    {...rest}\n  />\n);\n\nconst SliderControl = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Control>) => (\n  <ArkSlider.Control\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SliderTrack = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Track>) => (\n  <ArkSlider.Track\n    className={cn(\n      \"relative h-2 w-full grow overflow-hidden rounded-full bg-muted\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SliderRange = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Range>) => (\n  <ArkSlider.Range\n    className={cn(\"absolute h-full bg-primary\", className)}\n    {...rest}\n  />\n);\n\nconst SliderThumb = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Thumb>) => (\n  <ArkSlider.Thumb\n    className={cn(\n      \"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n      className,\n    )}\n    {...rest}\n  />\n);\n\nconst SliderMarker = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.Marker>) => (\n  <ArkSlider.Marker\n    className={cn(\"absolute top-4 text-center text-xs\", className)}\n    {...rest}\n  />\n);\n\nconst SliderValueText = ({\n  className,\n  ...rest\n}: ComponentProps<typeof ArkSlider.ValueText>) => (\n  <ArkSlider.ValueText\n    className={cn(\"mt-2 text-center text-sm\", className)}\n    {...rest}\n  />\n);\n\nexport {\n  SliderRoot,\n  SliderLabel,\n  SliderControl,\n  SliderTrack,\n  SliderRange,\n  SliderThumb,\n  SliderMarker,\n  SliderValueText,\n  SliderProvider,\n  SliderContext,\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "src/lib/utils.ts",
      "content": "import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport type { ClassValue } from \"clsx\";\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n",
      "type": "registry:lib",
      "target": ""
    }
  ],
  "type": "registry:ui"
}