@radix-ui/themes/dist/cjs/components/scroll-area.js

[](https://radix-ui.com/themes)

"use strict";"use client";var z=Object.create;var m=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var M=(r,e)=>{for(var s in e)m(r,s,{get:e[s],enumerable:!0})},v=(r,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of x(e))!T.call(r,a)&&a!==s&&m(r,a,{get:()=>e[a],enumerable:!(p=V(e,a))||p.enumerable});return r};var S=(r,e,s)=>(s=r!=null?z(D(r)):{},v(e||!r||!r.__esModule?m(s,"default",{value:r,enumerable:!0}):s,r)),R=r=>v(m({},"__esModule",{value:!0}),r);var E={};M(E,{ScrollArea:()=>u});module.exports=R(E);var o=S(require("react")),c=S(require("classnames")),t=S(require("@radix-ui/react-scroll-area")),i=require("./scroll-area.props.js"),l=require("../helpers/index.js");const u=o.forwardRef((r,e)=>{const{rest:s,...p}=(0,l.extractMarginProps)(r),[a,y]=(0,l.getMarginStyles)(p),{asChild:P,children:N,className:b,style:h,type:d,scrollHideDelay:g=d!=="scroll"?0:void 0,dir:W,size:A=i.scrollAreaPropDefs.size.default,radius:f=i.scrollAreaPropDefs.radius.default,scrollbars:n=i.scrollAreaPropDefs.scrollbars.default,...w}=s;return o.createElement(t.Root,{type:d,scrollHideDelay:g,className:(0,c.default)("rt-ScrollAreaRoot",a,b),style:(0,l.mergeStyles)(y,h),asChild:P},(0,l.getSubtree)({asChild:P,children:N},C=>o.createElement(o.Fragment,null,o.createElement(t.Viewport,{...w,ref:e,className:"rt-ScrollAreaViewport"},C),o.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),n!=="vertical"?o.createElement(t.Scrollbar,{"data-radius":f,orientation:"horizontal",className:(0,c.default)("rt-ScrollAreaScrollbar",(0,l.getResponsiveClassNames)({className:"rt-r-size",value:A,propValues:i.scrollAreaPropDefs.size.values}))},o.createElement(t.Thumb,{className:"rt-ScrollAreaThumb"})):null,n!=="horizontal"?o.createElement(t.Scrollbar,{"data-radius":f,orientation:"vertical",className:(0,c.default)("rt-ScrollAreaScrollbar",(0,l.getResponsiveClassNames)({className:"rt-r-size",value:A,propValues:i.scrollAreaPropDefs.size.values}))},o.createElement(t.Thumb,{className:"rt-ScrollAreaThumb"})):null,n==="both"?o.createElement(t.Corner,{className:"rt-ScrollAreaCorner"}):null)))});u.displayName="ScrollArea";
//# sourceMappingURL=scroll-area.js.map