{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "scroll-area",
  "title": "Scroll Area",
  "description": "A scrolling area with an overlay scrollbar, and a separator.",
  "dependencies": [
    "@base-ui/react@^1.8.0"
  ],
  "registryDependencies": [
    "https://liquikit.dev/r/core.json"
  ],
  "files": [
    {
      "path": "src/scroll-area.tsx",
      "content": "\"use client\";\n\nimport { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport { Separator as BaseSeparator } from \"@base-ui/react/separator\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { cx } from \"./types\";\nimport \"./liquikit.css\";\n\nexport type ScrollAreaProps = Omit<\n\tBaseScrollArea.Root.Props,\n\t\"className\" | \"style\" | \"children\"\n> & {\n\thorizontal?: boolean;\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\tchildren?: ReactNode;\n};\n\nexport function ScrollArea({\n\thorizontal = false,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...rootProps\n}: ScrollAreaProps) {\n\treturn (\n\t\t<BaseScrollArea.Root\n\t\t\t{...rootProps}\n\t\t\tclassName={cx(\"glass-ui-scroll\", className)}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t<BaseScrollArea.Viewport className=\"glass-ui-scroll__viewport\">\n\t\t\t\t<BaseScrollArea.Content>{children}</BaseScrollArea.Content>\n\t\t\t</BaseScrollArea.Viewport>\n\t\t\t<BaseScrollArea.Scrollbar\n\t\t\t\torientation=\"vertical\"\n\t\t\t\tclassName=\"glass-ui-scroll__bar\"\n\t\t\t>\n\t\t\t\t<BaseScrollArea.Thumb className=\"glass-ui-scroll__thumb\" />\n\t\t\t</BaseScrollArea.Scrollbar>\n\t\t\t{horizontal ? (\n\t\t\t\t<BaseScrollArea.Scrollbar\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t\tclassName=\"glass-ui-scroll__bar\"\n\t\t\t\t>\n\t\t\t\t\t<BaseScrollArea.Thumb className=\"glass-ui-scroll__thumb\" />\n\t\t\t\t</BaseScrollArea.Scrollbar>\n\t\t\t) : null}\n\t\t</BaseScrollArea.Root>\n\t);\n}\n\nexport type SeparatorProps = Omit<BaseSeparator.Props, \"className\"> & {\n\tclassName?: string;\n};\n\nexport function Separator({ className, ...props }: SeparatorProps) {\n\treturn (\n\t\t<BaseSeparator {...props} className={cx(\"glass-ui-separator\", className)} />\n\t);\n}\n",
      "type": "registry:ui",
      "target": "@components/liquikit/scroll-area.tsx"
    }
  ],
  "type": "registry:ui"
}