@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 1.18 kB
JavaScript
;var chunkD5PAWOAZ_cjs=require('./chunk-D5PAWOAZ.cjs'),radixUi=require('radix-ui'),jsxRuntime=require('react/jsx-runtime');function s({className:l,orientation:r="vertical",...e}){return jsxRuntime.jsx(radixUi.ScrollArea.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:r,className:chunkD5PAWOAZ_cjs.a("flex touch-none p-px transition-colors select-none",r==="vertical"?"h-full w-2.5 border-l border-l-transparent":"",r==="horizontal"?"h-2.5 flex-col border-t border-t-transparent":"",l),...e,children:jsxRuntime.jsx(radixUi.ScrollArea.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded"})})}function d({className:l,children:r,...e}){return jsxRuntime.jsxs(radixUi.ScrollArea.Root,{"data-slot":"scroll-area",className:chunkD5PAWOAZ_cjs.a("relative",l),...e,children:[jsxRuntime.jsx(radixUi.ScrollArea.Viewport,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring focus-visible:outline-1",children:r}),jsxRuntime.jsx(s,{}),jsxRuntime.jsx(radixUi.ScrollArea.Corner,{})]})}exports.a=s;exports.b=d;