{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "scroll-area",
  "title": "Scroll Area",
  "description": "Scrollable area for overflowing content.",
  "dependencies": [
    "@radix-ui/react-scroll-area"
  ],
  "files": [
    {
      "path": "registry/new-york/ui/scroll-area.tsx",
      "content": "\"use client\";\n\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst ScrollArea = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentProps<typeof ScrollAreaPrimitive.Root>\n>(function ScrollArea({ className, children, ...props }, ref) {\n  return (\n    <ScrollAreaPrimitive.Root\n      className={cn(\"relative touch-manipulation\", className)}\n      data-slot=\"scroll-area\"\n      ref={ref}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        className=\"size-full touch-manipulation rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n        data-slot=\"scroll-area-viewport\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(function ScrollBar({ className, orientation = \"vertical\", ...props }, ref) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      aria-orientation={orientation}\n      className={cn(\n        \"flex touch-none select-none p-px transition-colors\",\n        orientation === \"vertical\" &&\n          \"h-full w-2.5 border-l border-l-transparent\",\n        orientation === \"horizontal\" &&\n          \"h-2.5 flex-col border-t border-t-transparent\",\n        className\n      )}\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      ref={ref}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        aria-hidden=\"true\"\n        className=\"relative flex-1 rounded-full bg-border\"\n        data-slot=\"scroll-area-thumb\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\n\nexport { ScrollArea, ScrollBar };\n",
      "type": "registry:ui"
    }
  ],
  "meta": {
    "apiRef": "https://www.radix-ui.com/docs/primitives/components/scroll-area#api-reference"
  },
  "docs": "https://www.radix-ui.com/primitives/docs/components/scroll-area",
  "categories": [
    "component"
  ],
  "type": "registry:ui"
}