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

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

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