spb/vquant Public MIT

1/*2 * =============================================================================3 *  VibeQuant (vquant) — AI-Powered Financial Intelligence Platform4 * -----------------------------------------------------------------------------5 *  File:      client/src/components/ui/slider.tsx6 *7 *  Author:    Simon-Pierre Boucher8 *  Contact:   contact@spboucher.ai9 *  Website:   https://www.spboucher.ai10 *  Demo:      https://www.vquant.ai11 *  License:   MIT (see LICENSE)12 *13 *  Copyright © 2026 Simon-Pierre Boucher. All rights reserved.14 * =============================================================================15 */1617import * as React from "react"18import * as SliderPrimitive from "@radix-ui/react-slider"1920import { cn } from "@/lib/utils"2122const Slider = React.forwardRef<23  React.ElementRef<typeof SliderPrimitive.Root>,24  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>25>(({ className, ...props }, ref) => (26  <SliderPrimitive.Root27    ref={ref}28    className={cn(29      "relative flex w-full touch-none select-none items-center",30      className31    )}32    {...props}33  >34    <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">35      <SliderPrimitive.Range className="absolute h-full bg-primary" />36    </SliderPrimitive.Track>37    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />38  </SliderPrimitive.Root>39))40Slider.displayName = SliderPrimitive.Root.displayName4142export { Slider }43