@start-base/start-ui/ScrollArea/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as r}from"react";var l=Object.defineProperty,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,n=(e,r,o)=>r in e?l(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,i=(e,r)=>{for(var l in r||(r={}))t.call(r,l)&&n(e,l,r[l]);if(o)for(var l of o(r))a.call(r,l)&&n(e,l,r[l]);return e},c="SUI-ScrollArea-module-root-RdQ0o",f=r((r,l)=>{var n=r,{orientation:f,className:d,style:s,children:u}=n,v=((e,r)=>{var l={};for(var n in e)t.call(e,n)&&r.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&o)for(var n of o(e))r.indexOf(n)<0&&a.call(e,n)&&(l[n]=e[n]);return l})(n,["orientation","className","style","children"]);return e.createElement("div",i({className:`${c} ${d}`,ref:l,style:(()=>{let e={overflowX:"horizontal"===f?"auto":"hidden",overflowY:"vertical"===f?"auto":"hidden",WebkitOverflowScrolling:"touch"};return s&&(e=i(i({},e),s)),e})()},v),u)});f.displayName="ScrollArea";var d=f;export{d as default};