svelteplot 0.10.3-pr-402.0 → 0.10.3-pr-402.1

package/dist/Mark.svelte.d.ts

@@ -3,7 +3,7 @@ import type { ScaledChannelName, MarkType, DataRecord, ChannelAccessor, ScaleNam
 import { getUsedScales } from './helpers/scales.js';
 declare function $$render<Datum extends DataRecord>(): {
     props: Partial<Partial<{
-        filter: import("./types/index.js").ConstantAccessor<boolean, any>;
+        filter: import("./types/index.js").ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
         fy: ChannelAccessor<Datum>;
@@ -45,94 +45,94 @@ declare function $$render<Datum extends DataRecord>(): {
         paintOrder: import("./types/index.js").ConstantAccessor<string, Datum>;
         onclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondblclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousedown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousemove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointercancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerdown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointermove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrag: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrop: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchmove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchcancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         oncontextmenu: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onwheel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         class: string;
         style: string;
         cursor: import("./types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;

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

@@ -3,7 +3,7 @@ import type { CurveName, DataRecord, ConstantAccessor, ChannelAccessor, Linkable
 import type { StackOptions } from '../transforms/stack.js';
 declare function $$render<Datum extends DataRecord>(): {
     props: Partial<{
-        filter: ConstantAccessor<boolean, any>;
+        filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
         fx: ChannelAccessor<Datum>;
         fy: ChannelAccessor<Datum>;
@@ -45,94 +45,94 @@ declare function $$render<Datum extends DataRecord>(): {
         paintOrder: ConstantAccessor<string, Datum>;
         onclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondblclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousedown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousemove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointercancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerdown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointermove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrag: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrop: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchmove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchcancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         oncontextmenu: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onwheel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         class: string;
         style: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;

package/dist/marks/AreaX.svelte

@@ -3,35 +3,63 @@
     stacked horizontally if just the x channel is defined.
 -->
 <script lang="ts" generics="Datum extends DataRow">
-    interface AreaXMarkProps extends Omit<ComponentProps<typeof Area>, 'y1' | 'y2'> {
+    interface AreaXMarkProps extends BaseMarkProps<Datum>, LinkableMarkProps<Datum> {
+        /** the input data array; each element becomes one point in the area */
+        data?: Datum[];
         /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
         /** the vertical position channel */
         y?: ChannelAccessor<Datum>;
+        /** the series channel; data is grouped into separate areas by unique z values */
+        z?: ChannelAccessor<Datum>;
+        /** the curve interpolation method for connecting data points */
+        curve?: CurveName | CurveFactory;
+        /** the tension parameter for cardinal or Catmull-Rom curve interpolation */
+        tension?: number;
+        /** controls the order of data points before rendering */
+        sort?: ConstantAccessor<RawValue, Datum> | { channel: 'stroke' | 'fill' };
+        /** options for stacking area data values */
+        stack?: Partial<StackOptions>;
+        /** if true, renders using Canvas instead of SVG */
+        canvas?: boolean;
+        /** CSS class name(s) to apply to individual area path elements */
+        areaClass?: ConstantAccessor<string, Datum>;
     }
     import Area from './Area.svelte';
     import { renameChannels } from '../transforms/rename.js';
     import { stackX } from '../transforms/stack.js';
     import { recordizeX } from '../transforms/recordize.js';
-    import type { ChannelAccessor, DataRow } from '../types/index.js';
-    import { type ComponentProps } from 'svelte';
+    import type { CurveFactory } from 'd3-shape';
+    import type { StackOptions } from '../transforms/stack.js';
+    import type {
+        BaseMarkProps,
+        ChannelAccessor,
+        ConstantAccessor,
+        CurveName,
+        DataRow,
+        LinkableMarkProps,
+        RawValue
+    } from '../types/index.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: AreaXMarkProps = $props();
 
     const DEFAULTS = getPlotDefaults().areaX;
 
-    const { data, stack, ...options }: AreaXMarkProps = $derived({
+    const {
+        data = [],
+        stack,
+        ...options
+    }: AreaXMarkProps = $derived({
         ...(markProps.x == undefined ? { x1: 0, x2: 0 } : {}),
         ...DEFAULTS,
         ...markProps
     });
 
     const args = $derived(
-        renameChannels<AreaXMarkProps>(
-            stackX(recordizeX({ data, ...options, y1: null, y2: null }), stack),
-            { y: 'y1' }
-        )
+        renameChannels(stackX(recordizeX({ data, ...options, y1: null, y2: null }), stack), {
+            y: 'y1'
+        })
     );
 </script>
 

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

@@ -1,159 +1,164 @@
-import type { ChannelAccessor, DataRow } from '../types/index.js';
+import type { CurveFactory } from 'd3-shape';
+import type { StackOptions } from '../transforms/stack.js';
+import type { ChannelAccessor, ConstantAccessor, CurveName, DataRow, LinkableMarkProps, RawValue } from '../types/index.js';
 declare function $$render<Datum extends DataRow>(): {
-    props: Omit<Partial<{
-        filter: import("../types/index.js").ConstantAccessor<boolean, any>;
+    props: Partial<{
+        filter: ConstantAccessor<boolean, Datum>;
         facet: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fy: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        dx: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        dy: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
+        fx: ChannelAccessor<Datum>;
+        fy: ChannelAccessor<Datum>;
+        dx: ConstantAccessor<number, Datum>;
+        dy: ConstantAccessor<number, Datum>;
         dodgeX: import("../transforms/dodge").DodgeXOptions;
         dodgeY: import("../transforms/dodge").DodgeYOptions;
-        fill: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/data").RawValue>>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/data").RawValue>>;
-        fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/data").RawValue>>;
-        fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/data").RawValue>>;
-        fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/data").RawValue>>;
-        letterSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, Record<string | symbol, import("../types/data").RawValue>>;
-        wordSpacing: import("../types/index.js").ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, Record<string | symbol, import("../types/data").RawValue>>;
-        textAnchor: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextAnchor, Record<string | symbol, import("../types/data").RawValue>>;
-        textTransform: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextTransform, Record<string | symbol, import("../types/data").RawValue>>;
-        textDecoration: import("../types/index.js").ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, Record<string | symbol, import("../types/data").RawValue>>;
-        sort: ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | {
+        fill: ChannelAccessor<Datum>;
+        fillOpacity: ConstantAccessor<number, Datum>;
+        fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
+        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
+        fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
+        fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;
+        letterSpacing: ConstantAccessor<import("csstype").Property.LetterSpacing<0 | (string & {})>, Datum>;
+        wordSpacing: ConstantAccessor<import("csstype").Property.WordSpacing<0 | (string & {})>, Datum>;
+        textAnchor: ConstantAccessor<import("csstype").Property.TextAnchor, Datum>;
+        textTransform: ConstantAccessor<import("csstype").Property.TextTransform, Datum>;
+        textDecoration: ConstantAccessor<import("csstype").Property.TextDecoration<0 | (string & {})>, Datum>;
+        sort: ((a: RawValue, b: RawValue) => number) | {
             channel: string;
             order?: "ascending" | "descending";
-        } | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Record<string | symbol, import("../types/data").RawValue>>;
-        stroke: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        opacity: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        blend: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
+        } | ConstantAccessor<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>;
+        blend: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
         mask: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data").RawValue>>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
+        imageFilter: ConstantAccessor<string, Datum>;
+        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: ConstantAccessor<string, Datum>;
         onclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondblclick: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousedown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmousemove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onmouseover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointercancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerdown: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerup: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointermove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onpointerout: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrag: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondrop: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragenter: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragleave: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragover: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ondragend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchstart: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchmove: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchend: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         ontouchcancel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         oncontextmenu: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         onwheel: (event: Event & {
             currentTarget: SVGPathElement;
-        }, datum?: unknown, index?: number) => void;
+        }, datum: Datum, index: number) => void;
         class: string;
         style: string;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
-    }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
-        data?: Record<string | symbol, import("../types/data").RawValue>[] | undefined;
-        x1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        x2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        z?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        curve?: import("../types/index.js").CurveName | import("d3-shape").CurveFactory;
-        tension?: number;
-        sort?: import("../types/index.js").ConstantAccessor<import("../types/data").RawValue> | {
-            channel: "stroke" | "fill";
-        };
-        stack?: Partial<import("../transforms/stack.js").StackOptions>;
-        canvas?: boolean;
-        areaClass?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-    }, "y1" | "y2"> & {
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }> & LinkableMarkProps<Datum> & {
+        /** the input data array; each element becomes one point in the area */
+        data?: Datum[];
         /** the horizontal position channel */
         x?: ChannelAccessor<Datum>;
         /** the vertical position channel */
         y?: ChannelAccessor<Datum>;
+        /** the series channel; data is grouped into separate areas by unique z values */
+        z?: ChannelAccessor<Datum>;
+        /** the curve interpolation method for connecting data points */
+        curve?: CurveName | CurveFactory;
+        /** the tension parameter for cardinal or Catmull-Rom curve interpolation */
+        tension?: number;
+        /** controls the order of data points before rendering */
+        sort?: ConstantAccessor<RawValue, Datum> | {
+            channel: "stroke" | "fill";
+        };
+        /** options for stacking area data values */
+        stack?: Partial<StackOptions>;
+        /** if true, renders using Canvas instead of SVG */
+        canvas?: boolean;
+        /** CSS class name(s) to apply to individual area path elements */
+        areaClass?: ConstantAccessor<string, Datum>;
     };
     exports: {};
     bindings: "";