{"version":3,"file":"TrackList.mjs","names":[],"sources":["../../../src/components/surface/TrackList.tsx"],"sourcesContent":["import React from 'react';\nimport { useTimelineScrollTop } from '#react/hooks';\n\nexport const TrackList = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ children, className = '', ...props }, ref) => {\n    const scrollTop = useTimelineScrollTop();\n\n    return (\n      <div\n        ref={ref}\n        className={`timeline-track-list flex flex-col w-full h-full relative z-10 pointer-events-none overflow-hidden ${className}`}\n        {...props}\n      >\n        <div\n          className=\"timeline-track-list-content\"\n          style={{ transform: `translateY(${-scrollTop}px)` }}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nTrackList.displayName = 'Timeline.TrackList';\n"],"mappings":";;;;AAGA,MAAa,YAAY,MAAM,YAC5B,EAAE,UAAU,YAAY,IAAI,GAAG,SAAS,QAAQ;CAC/C,MAAM,YAAY,qBAAqB;CAEvC,OACE,oBAAC,OAAD;EACO;EACL,WAAW,qGAAqG;EAChH,GAAI;EAEJ,UAAA,oBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,WAAW,cAAc,CAAC,UAAU,KAAK;GAEjD;EACE,CAAA;CACF,CAAA;AAET,CACF;AAEA,UAAU,cAAc"}