spb/vquant Public MIT

1/*2 * =============================================================================3 *  VibeQuant (vquant) — AI-Powered Financial Intelligence Platform4 * -----------------------------------------------------------------------------5 *  File:      client/src/components/ui/scroll-area.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 ScrollAreaPrimitive from "@radix-ui/react-scroll-area"1920import { cn } from "@/lib/utils"2122const ScrollArea = React.forwardRef<23  React.ElementRef<typeof ScrollAreaPrimitive.Root>,24  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>25>(({ className, children, ...props }, ref) => (26  <ScrollAreaPrimitive.Root27    ref={ref}28    className={cn("relative overflow-hidden", className)}29    {...props}30  >31    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">32      {children}33    </ScrollAreaPrimitive.Viewport>34    <ScrollBar />35    <ScrollAreaPrimitive.Corner />36  </ScrollAreaPrimitive.Root>37))38ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName3940const ScrollBar = React.forwardRef<41  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,42  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>43>(({ className, orientation = "vertical", ...props }, ref) => (44  <ScrollAreaPrimitive.ScrollAreaScrollbar45    ref={ref}46    orientation={orientation}47    className={cn(48      "flex touch-none select-none transition-colors",49      orientation === "vertical" &&50        "h-full w-2.5 border-l border-l-transparent p-[1px]",51      orientation === "horizontal" &&52        "h-2.5 flex-col border-t border-t-transparent p-[1px]",53      className54    )}55    {...props}56  >57    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />58  </ScrollAreaPrimitive.ScrollAreaScrollbar>59))60ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName6162export { ScrollArea, ScrollBar }63