svelteplot 0.3.3 → 0.3.5-pr-121.0

package/dist/marks/TickY.svelte.d.ts

@@ -1,22 +1,94 @@
-export type TickYMarkProps = Omit<BaseMarkProps, 'fill' | 'fillOpacity'> & {
-    data: DataRow[];
-    /**
-     * the vertical position; bound to the x scale
-     */
-    y?: ChannelAccessor;
-    /**
-     * the horizontal position; bound to the x scale, which must be band. If the x channel
-     * is not specified, the tick will span the full horizontal extent of the frame.
-     */
-    x?: ChannelAccessor;
-    /**
-     * if ticks are used on a non-bandwidth scale, this will determine the
-     * length of the tick. Defaults to 10 pixel
-     */
-    tickLength?: ConstantAccessor<number>;
-};
-import type { BaseMarkProps, ChannelAccessor, DataRow, ConstantAccessor } from '../types.js';
+import type { ChannelAccessor, DataRow, ConstantAccessor } from '../types/index.js';
+declare class __sveltets_Render<Datum extends DataRow> {
+    props(): Omit<Partial<{
+        filter?: ConstantAccessor<boolean, Datum>;
+        facet?: "auto" | "include" | "exclude";
+        fx: ChannelAccessor<Datum>;
+        fy: ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
+        fill: ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
+        sort: {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | ConstantAccessor<import("../types/data").RawValue, Datum>;
+        stroke: ChannelAccessor<Datum>;
+        strokeWidth: ConstantAccessor<number, Datum>;
+        strokeOpacity: ConstantAccessor<number, Datum>;
+        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: ConstantAccessor<number, Datum>;
+        opacity: ChannelAccessor<Datum>;
+        strokeDasharray: ConstantAccessor<string, Datum>;
+        strokeDashoffset: ConstantAccessor<number, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        clipPath: string;
+        imageFilter: ConstantAccessor<string, Datum>;
+        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: ConstantAccessor<string, Datum>;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string | null;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }>, "fill" | "fillOpacity"> & {
+        data: Datum[];
+        /**
+         * the vertical position; bound to the x scale
+         */
+        y?: ChannelAccessor<Datum>;
+        /**
+         * the horizontal position; bound to the y scale, which must be band. If the y channel
+         * is not specified, the tick will span the full vertical extent of the frame.
+         */
+        x?: ChannelAccessor<Datum>;
+        /**
+         * if ticks are used on a non-bandwidth scale, this will determine the
+         * length of the tick. Defaults to 10 pixel
+         */
+        tickLength?: ConstantAccessor<number, Datum>;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends DataRow>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends DataRow>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
 /** The TickY mark is useful for showing one-dimensional distributions along the y axis. The x axis must be a band scale. */
-declare const TickY: import("svelte").Component<TickYMarkProps, {}, "">;
-type TickY = ReturnType<typeof TickY>;
+declare const TickY: $$IsomorphicComponent;
+type TickY<Datum extends DataRow> = InstanceType<typeof TickY<Datum>>;
 export default TickY;

package/dist/marks/Vector.svelte

@@ -3,49 +3,45 @@
     The vector mark lets you place shapes (like arrows) on your plot.
 -->
 <script lang="ts" module>
-    import type {
-        PlotContext,
-        DataRecord,
-        BaseMarkProps,
-        ConstantAccessor,
-        ChannelAccessor,
-        FacetContext,
-        PlotDefaults
-    } from '../types.js';
-
     type D3Path = ReturnType<typeof import('d3-path').path>;
-
     export type ShapeRenderer = {
         draw(context: D3Path, l: number, r: number): void;
     };
+</script>
 
-    export type VectorMarkProps = BaseMarkProps & {
-        data: DataRecord[];
-        x: ChannelAccessor;
-        y: ChannelAccessor;
+<script lang="ts" generics="Datum extends DataRecord">
+    interface VectorMarkProps extends BaseMarkProps<Datum> {
+        data: Datum[];
+        x: ChannelAccessor<Datum>;
+        y: ChannelAccessor<Datum>;
         r?: number;
-        length?: ChannelAccessor;
-        rotate?: ChannelAccessor;
+        length?: ChannelAccessor<Datum>;
+        rotate?: ChannelAccessor<Datum>;
         /**
          * Controls where the vector is anchored in relation to the x, y position.
          * If set to 'start', the arrow will start at the x, y position. If set to
          * 'middle', the arrow will be centered at the x, y position. If set to
          * 'end', the arrow will end at the x, y position.
          */
-        anchor: 'start' | 'middle' | 'end';
+        anchor?: 'start' | 'middle' | 'end';
         shape?: 'arrow' | 'spike' | 'arrow-filled' | ShapeRenderer;
         children?: Snippet;
         canvas?: boolean;
-    };
-</script>
+    }
+    import type {
+        PlotContext,
+        DataRecord,
+        BaseMarkProps,
+        ChannelAccessor,
+        FacetContext,
+        PlotDefaults
+    } from '../types/index.js';
 
-<script lang="ts">
     import { getContext, type Snippet } from 'svelte';
     import { pathRound as path } from 'd3-path';
 
     import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
-    import { projectXY } from '../helpers/scales.js';
-    import { sort } from '../index.js';
+    import { sort } from '..';
     import Mark from '../Mark.svelte';
     //import DotCanvas from './helpers/DotCanvas.svelte';
     import { maybeData, testFilter, isValid } from '../helpers/index.js';

package/dist/marks/Vector.svelte.d.ts

@@ -1,28 +1,100 @@
-import type { DataRecord, BaseMarkProps, ChannelAccessor } from '../types.js';
 type D3Path = ReturnType<typeof import('d3-path').path>;
 export type ShapeRenderer = {
     draw(context: D3Path, l: number, r: number): void;
 };
-export type VectorMarkProps = BaseMarkProps & {
-    data: DataRecord[];
-    x: ChannelAccessor;
-    y: ChannelAccessor;
-    r?: number;
-    length?: ChannelAccessor;
-    rotate?: ChannelAccessor;
-    /**
-     * Controls where the vector is anchored in relation to the x, y position.
-     * If set to 'start', the arrow will start at the x, y position. If set to
-     * 'middle', the arrow will be centered at the x, y position. If set to
-     * 'end', the arrow will end at the x, y position.
-     */
-    anchor: 'start' | 'middle' | 'end';
-    shape?: 'arrow' | 'spike' | 'arrow-filled' | ShapeRenderer;
-    children?: Snippet;
-    canvas?: boolean;
-};
+import type { DataRecord, ChannelAccessor } from '../types/index.js';
 import { type Snippet } from 'svelte';
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): Partial<{
+        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
+        facet?: "auto" | "include" | "exclude";
+        fx: ChannelAccessor<Datum>;
+        fy: ChannelAccessor<Datum>;
+        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
+        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
+        fill: ChannelAccessor<Datum>;
+        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        sort: {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Datum>;
+        stroke: ChannelAccessor<Datum>;
+        strokeWidth: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Datum>;
+        opacity: ChannelAccessor<Datum>;
+        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        clipPath: string;
+        imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;
+        onclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondblclick?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmousedown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmousemove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onmouseover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointercancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerdown?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerup?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointermove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onpointerout?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondrag?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondrop?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragenter?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragleave?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragover?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ondragend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchstart?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchmove?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchend?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
+        class: string | null;
+        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }> & {
+        data: Datum[];
+        x: ChannelAccessor<Datum>;
+        y: ChannelAccessor<Datum>;
+        r?: number;
+        length?: ChannelAccessor<Datum>;
+        rotate?: ChannelAccessor<Datum>;
+        /**
+         * Controls where the vector is anchored in relation to the x, y position.
+         * If set to 'start', the arrow will start at the x, y position. If set to
+         * 'middle', the arrow will be centered at the x, y position. If set to
+         * 'end', the arrow will end at the x, y position.
+         */
+        anchor?: "start" | "middle" | "end";
+        shape?: "arrow" | "spike" | "arrow-filled" | ShapeRenderer;
+        children?: Snippet;
+        canvas?: boolean;
+    };
+    events(): {};
+    slots(): {};
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends DataRecord>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends DataRecord>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
 /** The vector mark lets you place shapes (like arrows) on your plot. */
-declare const Vector: import("svelte").Component<VectorMarkProps, {}, "">;
-type Vector = ReturnType<typeof Vector>;
+declare const Vector: $$IsomorphicComponent;
+type Vector<Datum extends DataRecord> = InstanceType<typeof Vector<Datum>>;
 export default Vector;

package/dist/marks/helpers/AreaCanvas.svelte

@@ -5,7 +5,7 @@
         PlotContext,
         ScaledDataRecord,
         UsedScales
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { resolveProp, resolveScaledStyleProps } from '../../helpers/resolve.js';
     import { getContext } from 'svelte';
     import { type Area } from 'd3-shape';

package/dist/marks/helpers/AreaCanvas.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types.js';
+import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types/index.js';
 import { type Area } from 'd3-shape';
 type $$ComponentProps = {
     mark: Mark<BaseMarkProps>;

package/dist/marks/helpers/BaseAxisX.svelte

@@ -10,7 +10,7 @@
         PlotState,
         RawValue,
         ScaleType
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { resolveProp, resolveStyles } from '../../helpers/resolve.js';
     import { max } from 'd3-array';
     import { randomId, testFilter } from '../../helpers/index.js';
@@ -160,7 +160,8 @@
                         tick,
                         options,
                         'stroke',
-                        { x: true }
+                        { x: true },
+                        true
                     )}
                     <line
                         style={tickLineStyle}
@@ -185,7 +186,8 @@
                             stroke: null
                         },
                         'fill',
-                        { x: true }
+                        { x: true },
+                        true
                     )}
                     <text
                         bind:this={tickTextElements[t]}

package/dist/marks/helpers/BaseAxisX.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types.js';
+import type { ChannelAccessor, ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
 type BaseAxisXProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;

package/dist/marks/helpers/BaseAxisY.svelte

@@ -9,7 +9,7 @@
         PlotState,
         RawValue,
         ScaleType
-    } from '../../types.js';
+    } from '../../types/index.js';
 
     type BaseAxisYProps = {
         scaleFn: (d: RawValue) => number;
@@ -21,12 +21,14 @@
         tickSize: number;
         tickPadding: number;
         tickFontSize: ConstantAccessor<number>;
+        tickClass: ConstantAccessor<number>;
         marginLeft: number;
         width: number;
         title: string | null;
         options: {
             dx: ConstantAccessor<number>;
             dy: ConstantAccessor<number>;
+            textAnchor: 'start' | 'middle' | 'end';
         };
         plot: PlotState;
         text: boolean | null;
@@ -93,6 +95,8 @@
     // generate id used for registering margins
     const id = randomId();
 
+    $inspect({ options });
+
     const { autoMarginLeft, autoMarginRight, autoMarginTop } =
         getContext<AutoMarginStores>('svelteplot/autoMargins');
 
@@ -129,7 +133,7 @@
         untrack(() => [$autoMarginTop]);
         if (title) {
             // add margin top to make some space for title
-            $autoMarginTop.set(id, 20);
+            $autoMarginTop.set(id, 27);
         } else {
             // no need for extra margin top
             $autoMarginTop.delete(id);
@@ -160,7 +164,8 @@
                     stroke: null
                 },
                 'fill',
-                { y: true }
+                { y: true },
+                true
             )}
             <g
                 class="tick {tickClass_ || ''}"
@@ -173,7 +178,8 @@
                         tick,
                         options,
                         'stroke',
-                        { y: true }
+                        { y: true },
+                        true
                     )}
                     <line
                         style={tickLineStyle}
@@ -199,10 +205,6 @@
         stroke: currentColor;
     }
     text {
-        opacity: 0.8;
         fill: currentColor;
     }
-    text.is-left {
-        text-anchor: end;
-    }
 </style>

package/dist/marks/helpers/BaseAxisY.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types.js';
+import type { ConstantAccessor, PlotState, RawValue, ScaleType } from '../../types/index.js';
 type BaseAxisYProps = {
     scaleFn: (d: RawValue) => number;
     scaleType: ScaleType;
@@ -9,12 +9,14 @@ type BaseAxisYProps = {
     tickSize: number;
     tickPadding: number;
     tickFontSize: ConstantAccessor<number>;
+    tickClass: ConstantAccessor<number>;
     marginLeft: number;
     width: number;
     title: string | null;
     options: {
         dx: ConstantAccessor<number>;
         dy: ConstantAccessor<number>;
+        textAnchor: 'start' | 'middle' | 'end';
     };
     plot: PlotState;
     text: boolean | null;

package/dist/marks/helpers/CanvasLayer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { getContext } from 'svelte';
-    import type { PlotContext } from '../../types';
+    import type { PlotContext } from '../..';
     import { devicePixelRatio } from 'svelte/reactivity/window';
     import { MediaQuery } from 'svelte/reactivity';
     import type { Attachment } from 'svelte/attachments';

package/dist/marks/helpers/DotCanvas.svelte

@@ -5,7 +5,7 @@
         BaseMarkProps,
         ScaledDataRecord,
         PlotContext
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { resolveProp } from '../../helpers/resolve.js';
     import { maybeSymbol } from '../../helpers/symbols.js';
     import { symbol as d3Symbol } from 'd3-shape';

package/dist/marks/helpers/DotCanvas.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PlotState, Mark, BaseMarkProps, ScaledDataRecord } from '../../types.js';
+import type { PlotState, Mark, BaseMarkProps, ScaledDataRecord } from '../../types/index.js';
 type $$ComponentProps = {
     mark: Mark<BaseMarkProps>;
     plot: PlotState;

package/dist/marks/helpers/GeoCanvas.svelte

@@ -5,7 +5,7 @@
         PlotContext,
         ScaledDataRecord,
         UsedScales
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { CSS_VAR } from '../../constants.js';
     import { resolveProp, resolveScaledStyleProps } from '../../helpers/resolve.js';
     import { getContext } from 'svelte';

package/dist/marks/helpers/GeoCanvas.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types.js';
+import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types/index.js';
 import { type GeoPath } from 'd3-geo';
 type $$ComponentProps = {
     mark: Mark<BaseMarkProps>;

package/dist/marks/helpers/LineCanvas.svelte

@@ -5,7 +5,7 @@
         PlotContext,
         ScaledDataRecord,
         UsedScales
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { resolveProp, resolveScaledStyleProps } from '../../helpers/resolve.js';
     import { getContext } from 'svelte';
     import { type Line } from 'd3-shape';

package/dist/marks/helpers/LineCanvas.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types.js';
+import type { Mark, BaseMarkProps, ScaledDataRecord, UsedScales } from '../../types/index.js';
 import { type Line } from 'd3-shape';
 type $$ComponentProps = {
     mark: Mark<BaseMarkProps>;

package/dist/marks/helpers/LinearGradientX.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { getContext } from 'svelte';
-    import type { PlotContext, RawValue } from '../../types';
+    import type { PlotContext, RawValue } from '../..';
 
     let {
         id,

package/dist/marks/helpers/LinearGradientX.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { RawValue } from '../../types';
+import type { RawValue } from '../..';
 type $$ComponentProps = {
     id: string;
     stops: {

package/dist/marks/helpers/LinearGradientY.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { getContext } from 'svelte';
-    import type { PlotContext, RawValue } from '../../types';
+    import type { PlotContext, RawValue } from '../..';
 
     let {
         id,

package/dist/marks/helpers/LinearGradientY.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { RawValue } from '../../types';
+import type { RawValue } from '../..';
 type $$ComponentProps = {
     id: string;
     stops: {

package/dist/marks/helpers/MarkerPath.svelte

@@ -13,7 +13,7 @@
         Mark,
         PlotContext,
         PlotScales
-    } from '../../types.js';
+    } from '../../types/index.js';
     import { addEventHandlers } from './events.js';
     import { getContext } from 'svelte';
 

package/dist/marks/helpers/MarkerPath.svelte.d.ts

@@ -1,44 +1,4 @@
-import { type MarkerShape } from './Marker.svelte';
-import type { BaseMarkProps, ConstantAccessor, DataRecord, Mark, PlotScales } from '../../types.js';
-type MarkerPathProps = BaseMarkProps & {
-    /**
-     * the datum associated with this path, usually the first
-     * element of the data array group
-     */
-    datum: DataRecord;
-    /**
-     * the marker shape to use at the start of the path, defaults to
-     * circle
-     */
-    markerStart?: boolean | MarkerShape;
-    /**
-     * the marker shape to use at the middle of the path, defaults to circle
-     */
-    markerMid?: boolean | MarkerShape;
-    /**
-     * the marker shape to use at the end of the path, defaults to circle
-     */
-    markerEnd?: boolean | MarkerShape;
-    /**
-     * shorthand for setting all markers
-     */
-    marker?: boolean | MarkerShape;
-    /**
-     * path string
-     */
-    d: string;
-    style: string;
-    startOffset: string;
-    textStyle: string;
-    textStyleClass?: string | null;
-    text: string;
-    transform: string;
-    color: string;
-    strokeWidth: ConstantAccessor<number>;
-    mark: Mark<BaseMarkProps>;
-    scales: PlotScales;
-};
 /** Helper component for paths with markers and optional text along the path. */
-declare const MarkerPath: import("svelte").Component<MarkerPathProps, {}, "">;
+declare const MarkerPath: import("svelte").Component<any, {}, "">;
 type MarkerPath = ReturnType<typeof MarkerPath>;
 export default MarkerPath;