@weng-lab/genomebrowser 0.0.1 → 0.0.2

package/dist/components/tracks/manhattan/types.d.ts

@@ -0,0 +1,14 @@
+export type SummaryStatisticSNP = {
+    score: number;
+    rsId: string;
+    coordinates: {
+        chromosome: string;
+        start: number;
+        end: number;
+    };
+};
+export type ManhattanSNP = {
+    x: number;
+    y: number;
+    data: SummaryStatisticSNP;
+};

package/dist/components/tracks/manhattan/utils.d.ts

@@ -0,0 +1,8 @@
+import { ManhattanSNP, SummaryStatisticSNP } from './types';
+/**
+ * Renders summary statistic data to Manhattan plot shapes.
+ * @param data input data vector.
+ * @param x a transform function for mapping data coordinates to SVG coordinates.
+ * @param y a transform function for mapping data scores to SVG coordinates.
+ */
+export declare function renderManhattanPlotData(data: SummaryStatisticSNP[], x: (value: number) => number, y: (value: number) => number): ManhattanSNP[];

package/dist/components/tracks/motif/dense.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DenseMotifProps } from './types';
+declare const DenseMotif: React.FC<DenseMotifProps>;
+export default DenseMotif;

package/dist/components/tracks/motif/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DenseMotif } from './dense';
+import { DenseMotifProps, SquishMotifProps } from './types';
+import { default as SquishMotif } from './squish';
+export { DenseMotif, SquishMotif, type DenseMotifProps, type SquishMotifProps };

package/dist/components/tracks/motif/squish.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SquishMotifProps } from './types';
+declare const SquishMotif: React.FC<SquishMotifProps>;
+export default SquishMotif;

package/dist/components/tracks/motif/types.d.ts

@@ -0,0 +1,32 @@
+import { Domain } from '../../../utils/types';
+export interface Rect {
+    start: number;
+    end: number;
+    pwm?: number[][];
+}
+export type DenseMotifProps = {
+    width: number;
+    height: number;
+    id?: string;
+    transform?: string;
+    color?: string;
+    peakColor?: string;
+    domain: Domain;
+    data?: Rect[];
+    peaks?: Rect[];
+    svgRef?: React.RefObject<SVGSVGElement>;
+    onHeightChanged?: (height: number) => void;
+};
+export type SquishMotifProps = {
+    data?: Rect[];
+    peaks?: Rect[];
+    width: number;
+    rowHeight: number;
+    id?: string;
+    transform?: string;
+    color?: string;
+    peakColor?: string;
+    domain: Domain;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    onHeightChanged?: (height: number) => void;
+};

package/dist/components/tracks/motif/utils.d.ts

@@ -0,0 +1,9 @@
+import { Rect } from './types';
+import { Domain } from './../../../utils/types';
+/**
+ * Renders dense Motif data to SVG rectangles; overlapping regions are merged into single rectangles.
+ * @param data input data vector.
+ * @param x a transform function for mapping data coordinates to SVG coordinates.
+ */
+export declare function renderDenseMotifData(data: Rect[], x: (value: number) => number, domain: Domain): Rect[];
+export declare function renderSquishMotifData(data: Rect[], x: (value: number) => number, domain: Domain): Rect[][];

package/dist/components/tracks/ruler/index.d.ts

@@ -0,0 +1,5 @@
+import { default as RulerTrack } from './ruler';
+import { default as Ruler } from './wrapped';
+export { type RulerTrackProps } from './types';
+export { RulerTrack };
+export { Ruler };

package/dist/components/tracks/ruler/ruler.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { RulerTrackProps } from './types';
+/**
+ * Renders the ruler track at the top of the genome browser to provide a readout of coordinates and scale.
+ * This component is chromosome agnostic; chromosome information should be provided elsewhere, such as by
+ * wrapping this component in a WrappedTrack with an appropriate title and shortLabel.
+ */
+declare const RulerTrack: React.FC<RulerTrackProps>;
+export default RulerTrack;

package/dist/components/tracks/ruler/types.d.ts

@@ -0,0 +1,7 @@
+import { Domain } from '../../../utils/types';
+export type RulerTrackProps = {
+    width: number;
+    height: number;
+    domain: Domain;
+    canDrag?: boolean;
+};

package/dist/components/tracks/ruler/wrapped.d.ts

@@ -0,0 +1,15 @@
+import { RulerTrackProps } from '.';
+import { WrappedTrackProps } from '../wrapped/types';
+/**
+ * Ruler track component. NOTE:
+ * The canDrag prop is being used to determine if the ruler should be re-rendered or not.
+ * When canDrag is false, the ruler is not re-rendered, when true it will be allowed to re-render.
+ * canDrag is set to true when the browser delta changes, meaning tracks are being dragged.
+ * When the tracks stop dragging, the domain changes, but the data has not been updated.
+ * Since canDrag is true, the ruler will not re-render, but the domain will be updated.
+ * When the data is updated, delta will return to 0, and canDrag will be set to false.
+ * The ruler will then re-render with the new domain while being centered.
+ * @param props - RulerTrackProps and WrappedTrackProps
+ * @returns Ruler track component
+ */
+export default function Ruler(props: RulerTrackProps & WrappedTrackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tracks/trackset/bamtrack.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+import { BamTrackProps } from './types';
+declare const BamTrack: React.FC<PropsWithChildren<BamTrackProps>>;
+export default BamTrack;

package/dist/components/tracks/trackset/customtrack.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tracks/trackset/deducetype.d.ts

@@ -0,0 +1,6 @@
+export declare const TrackType: {
+    INVALID: string;
+    BIGWIG: string;
+    BIGBED: string;
+};
+export declare const deduceTrackType: (data: any) => string;

package/dist/components/tracks/trackset/graphqlset.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+import { GraphQLTrackSetProps } from './types';
+declare const GraphQLTrackSet: React.FC<PropsWithChildren<GraphQLTrackSetProps>>;
+export default GraphQLTrackSet;

package/dist/components/tracks/trackset/index.d.ts

@@ -0,0 +1,6 @@
+import { default as GraphQLTrackSet } from './graphqlset';
+import { default as RestTrackSet } from './resttrackset';
+import { default as BamTrack } from './bamtrack';
+import { default as MotifTrack } from './motiftrack';
+import { BamTrackProps, GraphQLTrackSetProps, customTrackData, RestTracksetProps, MotifTrackProps } from './types';
+export { GraphQLTrackSet, BamTrack, MotifTrack, type MotifTrackProps, type BamTrackProps, type GraphQLTrackSetProps, type customTrackData, type RestTracksetProps, RestTrackSet };

package/dist/components/tracks/trackset/motiftrack.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+import { MotifTrackProps } from './types';
+declare const MotifTrack: React.FC<PropsWithChildren<MotifTrackProps>>;
+export default MotifTrack;

package/dist/components/tracks/trackset/queries.d.ts

@@ -0,0 +1,2 @@
+export declare const BIGDATA_QUERY: import('graphql').DocumentNode;
+export declare const MOTIF_QUERY: import('graphql').DocumentNode;

package/dist/components/tracks/trackset/resttrackset.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+import { RestTracksetProps } from './types';
+declare const RestTrackSet: React.FC<PropsWithChildren<RestTracksetProps>>;
+export default RestTrackSet;

package/dist/components/tracks/trackset/types.d.ts

@@ -0,0 +1,107 @@
+import { BigWigData, BigBedData, BigZoomData } from 'bigwig-reader';
+import { Domain, ValuedPoint } from '../../../utils/types';
+import { BrowserState } from '../../context/browserContext';
+export interface BigRequest {
+    url: string;
+    chr1: string;
+    start: number;
+    chr2?: string;
+    end: number;
+    zoomLevel?: number;
+    preRenderedWidth?: number;
+    googleProject?: string;
+    id?: string;
+}
+export type GraphQLTrackSetProps = {
+    tracks: BigRequest[];
+    browserState: BrowserState;
+    id: string;
+    transform: string;
+    endpoint: string;
+    width: number;
+    onHeightChanged?: (value: number) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+};
+export type RestTracksetProps = {
+    tracks: BigRequest[];
+    id: string;
+    transform: string;
+    endpoint: string;
+    width: number;
+    onHeightChanged?: (value: number) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+};
+export type BamTrackProps = {
+    track: {
+        bamUrl: string;
+        baiUrl: string;
+        chr: string;
+        start: number;
+        end: number;
+        color?: string;
+    };
+    id: string;
+    transform: string;
+    endpoint: string;
+    width: number;
+    onHeightChanged?: (value: number) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+};
+export type MotifTrackProps = {
+    track: {
+        chromosome: string;
+        start: number;
+        end: number;
+        peaks_accession?: string;
+        consensus_regex?: string;
+        limit?: number;
+        offset?: number;
+    };
+    id: string;
+    assembly: string;
+    transform: string;
+    endpoint: string;
+    width: number;
+    onHeightChanged?: (value: number) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+};
+export type BigResponseData = BigWigData[] | BigBedData[] | BigZoomData[] | ValuedPoint[];
+export type BigResponse = {
+    data: BigResponseData;
+    error: RequestError;
+};
+export type RequestError = {
+    message: string;
+    errortype: string;
+};
+export type customTrackData = {
+    title: string;
+    color?: string;
+    displayMode?: string;
+    track: {
+        start: number;
+        end: number;
+        chr1: string;
+        url: string;
+        baiUrl?: string;
+        preRenderedWidth: number;
+    };
+};
+export type CustomTrackProps = {
+    data?: any;
+    loading?: boolean;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    id: string;
+    height: number;
+    displayMode?: string;
+    width: number;
+    title: string;
+    color: string;
+    domain: Domain;
+    onHeightChanged?: (value: number) => void;
+    transform: string;
+    canDrag?: boolean;
+};
+export declare const DEFAULT_BIGBED_DISPLAYMODE = "dense";
+export declare const DEFAULT_BIGWIG_DISPLAYMODE = "full";
+export declare const DEFAULT_BAM_DISPLAYMODE = "squish";

package/dist/components/tracks/trackset/utils.d.ts

@@ -0,0 +1,4 @@
+import { ValuedPoint } from '../../../utils/types';
+import { BigWigData } from 'bigwig-reader';
+export declare function parseMultiplexedResponse(data: string): Array<any>;
+export declare function condensedData(data: BigWigData[], preRenderedWidth: number, start: number, end: number): ValuedPoint[];

package/dist/components/tracks/transcripts/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Transcript, TranscriptProps, TranscriptOptions, DefaultTranscript } from './transcript';
+export { Transcript };
+export type { TranscriptProps, TranscriptOptions };
+export { DefaultTranscript };

package/dist/components/tracks/transcripts/pack.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PackTranscriptTrackProps } from './types';
+/**
+ * Renders a transcript track in pack mode. Transcripts are packed to occupy the minimum
+ * number of rows possible without overlap.
+ */
+export declare const PackTranscriptTrack: React.FC<PackTranscriptTrackProps>;
+export default PackTranscriptTrack;

package/dist/components/tracks/transcripts/queries.d.ts

@@ -0,0 +1,3 @@
+export declare const TRANSCRIPT_REFSEQ_XENO_QUERY: import('graphql').DocumentNode;
+export declare const TRANSCRIPT_REFSEQ_QUERY: import('graphql').DocumentNode;
+export declare const TRANSCRIPT_GENES_QUERY: import('graphql').DocumentNode;

package/dist/components/tracks/transcripts/squish.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SquishTranscriptTrackProps } from './types';
+/**
+ * Renders a transcript track in squish mode. Transcripts are packed to occupy the minimum
+ * number of rows possible without overlap. When a gene has multiple transcripts, they are
+ * merged into a single representative transcript.
+ */
+export declare const SquishTranscriptTrack: React.FC<SquishTranscriptTrackProps>;
+export default SquishTranscriptTrack;

package/dist/components/tracks/transcripts/transcript.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { TranscriptList, Transcript as Ts } from './types';
+import { Domain } from '../../../utils/types';
+import { DisplayMode, TrackType } from '../types';
+import { LazyQueryExecFunction, OperationVariables } from '@apollo/client';
+export type TranscriptProps = {
+    displayMode: string;
+    rowHeight: number;
+    width: number;
+    height: number;
+    domain: Domain;
+    id: string;
+    title: string;
+    data: TranscriptList[];
+    version: number;
+    assembly: string;
+};
+export type TranscriptOptions = {
+    transform?: string;
+    color?: string;
+    onHeightChanged?: (height: number) => void;
+    onTranscriptClick?: (transcript: Ts) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    canDrag?: boolean;
+    refetch?: LazyQueryExecFunction<any, OperationVariables>;
+};
+export declare const DefaultTranscript: {
+    trackType: TrackType;
+    displayMode: DisplayMode;
+    rowHeight: number;
+    titleSize: number;
+    trackMargin: number;
+    canDrag: boolean;
+};
+export default function Transcript(props: TranscriptProps & TranscriptOptions): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tracks/transcripts/types.d.ts

@@ -0,0 +1,74 @@
+import { default as React } from 'react';
+import { Domain } from '../../../utils/types';
+export declare const humanVersions: number[];
+export declare const mouseVersions: number[];
+export interface GenomicElement {
+    coordinates: Domain;
+}
+export interface Exon {
+    coordinates: Domain;
+    UTRs?: GenomicElement[];
+}
+export interface Transcript {
+    id: string;
+    name: string;
+    coordinates: Domain;
+    strand: string;
+    exons?: Exon[];
+    color?: string;
+}
+export interface TranscriptList {
+    transcripts: Transcript[];
+    strand: string;
+    name?: string;
+    id?: string;
+}
+export type RenderedTranscript = {
+    transcript: Transcript;
+    paths: ExonPaths;
+};
+export type TranscriptRow = {
+    y: number;
+    transcripts: RenderedTranscript[];
+};
+export type PackTranscriptTrackProps = {
+    data?: TranscriptList[];
+    rowHeight: number;
+    width: number;
+    domain: Domain;
+    id: string;
+    transform?: string;
+    color?: string;
+    onHeightChanged?: (height: number) => void;
+    onTranscriptClick?: (transcript: Transcript) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    canDrag?: boolean;
+};
+export type SquishTranscriptTrackProps = {
+    data?: TranscriptList[];
+    rowHeight: number;
+    width: number;
+    domain: Domain;
+    id: string;
+    transform?: string;
+    color?: string;
+    onHeightChanged?: (height: number) => void;
+    onTranscriptClick?: (transcript: Transcript) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    canDrag?: boolean;
+};
+export type ExonPaths = {
+    introns: string;
+    exons: string;
+};
+export type GraphQLTranscriptTrackProps = {
+    assembly: string;
+    domain: Domain;
+    queryType?: 'genes' | 'refseqgenes' | 'refseqxenogenes';
+    endpoint: string;
+    transform: string;
+    id: string;
+    onHeightChanged?: (height: number) => void;
+    svgRef?: React.RefObject<SVGSVGElement>;
+    children?: React.ReactNode;
+};

package/dist/components/tracks/transcripts/utils.d.ts

@@ -0,0 +1,38 @@
+import { Domain } from '../../../utils/types';
+import { TranscriptList, Transcript, Exon, RenderedTranscript, GenomicElement } from './types';
+/**
+ * Unpacks transcripts from a list of genes into a flat list of transcripts falling within the
+ * viewing window, then sorts them by starting coordinate.
+ * @param genes the list of genes, each with a list of transcripts and a strand.
+ * @param domain the current genomic range being viewed; transcripts outside this range are filtered.
+ */
+export declare function sortedTranscripts(genes: TranscriptList[], domain: Domain): Transcript[];
+export declare function mergeUTRs(utrs: GenomicElement[]): GenomicElement[];
+export declare function mergeTranscripts(gene: TranscriptList): Transcript;
+/**
+ * Converts transcript, exon, and UTR coordinates to SVG space, filtering exons which do not overlap the viewing window.
+ * @param transcript the transcript for which to convert coordinates.
+ * @param x linear transform function mapping genomic space to SVG space.
+ * @param domain the genomic region currently being displayed; exons outside this region will be filtered.
+ */
+export declare function convertTranscriptCoordinates(transcript: Transcript, x: (x: number) => number, domain: Domain): Transcript;
+/**
+ * Renders introns for a single transcript as an SVG path. Arrows are drawn every 20 pixels with a center line connecting them.
+ * @prop start the start coordinate of the transcript, relative to the SVG.
+ * @prop end the end coordinate of the transcript, relative to the SVG.
+ * @prop strand the strand of the transcript; should be either '+' or '-'.
+ * @prop y the y coordinate of the center points of the arrows, relative to the SVG.
+ * @prop h half the height of the arrows, in units relative to the SVG.
+ * @prop w the width of the track; prevents arrows from being drawn off the screen.
+ */
+export declare function intronPath(start: number, end: number, strand: string, y: number, h: number, w: number): string;
+/**
+ * Renders a single exon and its UTRs as an SVG path. All exon and UTR coordinates passed
+ * into this function must be relative to the SVG, not the reference sequence.
+ * @prop exon the exon to render, containing start and end fields and a list of UTRs.
+ * @prop y the y coordinate of the center of the exon, relative to the SVG.
+ * @prop h half the height of the row, relative to the SVG; exons are 0.6h high and UTRs are 0.4h high.
+ * @prop w the width of the track; if the exon is past the track width, this function returns an empty string.
+ */
+export declare function exonPath(exon: Exon, y: number, h: number, w: number): string;
+export declare function renderTranscript(uTranscript: Transcript, x: (value: number) => number, domain: Domain, rowHeight: number, width: number): RenderedTranscript;

package/dist/components/tracks/types.d.ts

@@ -0,0 +1,71 @@
+import { OperationVariables, LazyQueryExecFunction } from '@apollo/client';
+import { BigBedOptions, BigWigOptions } from '../../lib';
+import { TranscriptOptions } from './transcripts';
+/**
+ * Display modes for tracks
+ */
+export declare enum DisplayMode {
+    FULL = "full",
+    DENSE = "dense",
+    SQUISH = "squish",
+    PACK = "pack",
+    HIDE = "hide",
+    DOWNLOAD = "download"
+}
+/**
+ * Types of tracks
+ */
+export declare enum TrackType {
+    UNDEFINED = "undefined",
+    RULER = "ruler",
+    BIGWIG = "bigwig",
+    BIGBED = "bigbed",
+    TRANSCRIPT = "transcript",
+    BAM = "bam",
+    MOTIF = "motif",
+    LDTRACK = "ldtrack"
+}
+/**
+ * Base track props
+ */
+export type BaseTrack = {
+    id: string;
+    title: string;
+    url?: string;
+    color?: string;
+    height: number;
+    actualHeight?: number;
+    trackMargin: number;
+    displayMode: DisplayMode;
+    trackType: TrackType;
+    data?: any[];
+    refetch?: LazyQueryExecFunction<any, OperationVariables>;
+};
+export declare function BigWigTrack(_: BigWigTrackProps): null;
+export type BigWigTrackProps = {
+    props?: BigWigOptions;
+} & BaseTrack;
+export declare function BigBedTrack(_: BigBedTrackProps): null;
+export type BigBedTrackProps = {
+    rowHeight: number;
+    props?: BigBedOptions;
+} & BaseTrack;
+export declare enum TranscriptHumanVersion {
+    V47 = 47,
+    V48 = 48,
+    V29 = 29
+}
+export declare enum TranscriptMouseVersion {
+    V36 = 36,
+    V25 = 25,
+    V21 = 21
+}
+export declare function TranscriptTrack(_: TranscriptTrackProps): null;
+export type TranscriptTrackProps = {
+    rowHeight: number;
+    assembly: string;
+    queryType: string;
+    version: TranscriptHumanVersion | TranscriptMouseVersion;
+    props?: TranscriptOptions;
+} & BaseTrack;
+export type TrackProps = BigWigTrackProps | BigBedTrackProps | TranscriptTrackProps;

package/dist/components/tracks/wrapped/dragTrack.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface DragTrackProps {
+    canDrag: boolean;
+    children: React.ReactNode;
+}
+declare function DragTrack({ canDrag, children }: DragTrackProps): import("react/jsx-runtime").JSX.Element;
+export default DragTrack;

package/dist/components/tracks/wrapped/index.d.ts

@@ -0,0 +1,3 @@
+import { default as WrappedTrack } from './wrapped';
+export type { WrappedTrackProps } from './types';
+export { WrappedTrack };

package/dist/components/tracks/wrapped/ld/index.d.ts

@@ -0,0 +1,3 @@
+import { default as WrappedLDTrack } from './ldtrack';
+export type { WrappedLDTrackProps } from './types';
+export { WrappedLDTrack };

package/dist/components/tracks/wrapped/ld/ldtrack.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WrappedLDTrackProps } from './types';
+declare const WrappedLDTrack: React.FC<WrappedLDTrackProps>;
+export default WrappedLDTrack;

package/dist/components/tracks/wrapped/ld/types.d.ts

@@ -0,0 +1,3 @@
+import { LDTrackProps } from '../../ld';
+import { WrappedTrackProps } from '..';
+export type WrappedLDTrackProps = LDTrackProps & WrappedTrackProps;

package/dist/components/tracks/wrapped/margin.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TrackMarginProps } from './types';
+export declare function bestFontSize(height: number): number;
+declare const TrackMargin: React.FC<TrackMarginProps>;
+export default TrackMargin;

package/dist/components/tracks/wrapped/motif/dense.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WrappedDenseMotifProps } from './types';
+declare const WrappedDenseMotif: React.FC<WrappedDenseMotifProps>;
+export default WrappedDenseMotif;

package/dist/components/tracks/wrapped/motif/index.d.ts

@@ -0,0 +1,4 @@
+import { default as WrappedDenseMotif } from './dense';
+import { default as WrappedSquishMotif } from './squish';
+export type { WrappedDenseMotifProps, WrappedSquishMotifProps } from './types';
+export { WrappedDenseMotif, WrappedSquishMotif };

package/dist/components/tracks/wrapped/motif/squish.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { WrappedSquishMotifProps } from './types';
+declare const WrappedSquishMotif: React.FC<WrappedSquishMotifProps>;
+export default WrappedSquishMotif;

package/dist/components/tracks/wrapped/motif/types.d.ts

@@ -0,0 +1,4 @@
+import { DenseMotifProps, SquishMotifProps } from '../../motif';
+import { WrappedTrackProps } from '..';
+export type WrappedDenseMotifProps = DenseMotifProps & WrappedTrackProps;
+export type WrappedSquishMotifProps = SquishMotifProps & WrappedTrackProps;

package/dist/components/tracks/wrapped/swapTrack.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare const dragContext: React.Context<boolean>;
+declare function SwapTrack({ canDrag, id, height, children }: {
+    canDrag: boolean;
+    id: string;
+    height: number;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default SwapTrack;