svelteplot 0.4.7-pr-216.0 → 0.4.7-pr-219.0

package/dist/core/Plot.svelte

@@ -8,7 +8,7 @@
     this component. 
 -->
 <script lang="ts">
-    import { getContext, setContext } from 'svelte';
+    import { setContext } from 'svelte';
     import { SvelteMap } from 'svelte/reactivity';
     import { writable } from 'svelte/store';
 
@@ -29,6 +29,7 @@
     import mergeDeep from '../helpers/mergeDeep.js';
     import { computeScales, projectXY } from '../helpers/scales.js';
     import { CHANNEL_SCALE, SCALES } from '../constants.js';
+    import { getPlotDefaults, setPlotDefaults } from '../hooks/plotDefaults.js';
 
     // automatic margins can be applied by the marks, registered
     // with their respective unique identifier as keys
@@ -52,7 +53,7 @@
     const maxMarginBottom = $derived(Math.max(...$autoMarginBottom.values()));
     const maxMarginTop = $derived(Math.max(...$autoMarginTop.values()));
 
-    const USER_DEFAULTS = getContext<Partial<PlotDefaults>>('svelteplot/defaults') || {};
+    const USER_DEFAULTS = getPlotDefaults();
 
     // default settings in the plot and marks can be overwritten by
     // defining the svelteplot/defaults context outside of Plot
@@ -117,7 +118,7 @@
 
     let width = $state(DEFAULTS.initialWidth);
 
-    setContext('svelteplot/_defaults', DEFAULTS);
+    setPlotDefaults(DEFAULTS);
 
     // information that influences the default plot options
     type PlotOptionsParameters = {

package/dist/hooks/plotDefaults.d.ts

@@ -0,0 +1,3 @@
+import type { PlotDefaults } from '../types';
+export declare function setPlotDefaults(plotDefaults: Partial<PlotDefaults>): void;
+export declare function getPlotDefaults(): Partial<PlotDefaults>;

package/dist/hooks/plotDefaults.js

@@ -0,0 +1,16 @@
+import { getContext, hasContext, setContext } from 'svelte';
+const PLOT_DEFAULTS_KEY = Symbol('svelteplot/defaults');
+export function setPlotDefaults(plotDefaults) {
+    const existingDefaults = getPlotDefaults();
+    const mergedDefaults = { ...existingDefaults, ...plotDefaults };
+    setContext(PLOT_DEFAULTS_KEY, mergedDefaults);
+}
+export function getPlotDefaults() {
+    return hasContext(PLOT_DEFAULTS_KEY)
+        ? getContext(PLOT_DEFAULTS_KEY)
+        : // Fallback for backward compatibility
+            hasContext('svelteplot/defaults')
+                ? (console.error(`svelteplot: Please use new setPlotDefaults hook instead of 'svelteplot/defaults' context`),
+                    getContext('svelteplot/defaults'))
+                : {};
+}

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export { default as PlotCore } from './core/Plot.svelte';
 export * from './marks/index.js';
 export * from './transforms/index.js';
 export { formatMonth } from './helpers/formats.js';
+export * from './hooks/plotDefaults.js';

package/dist/index.js

@@ -4,3 +4,5 @@ export * from './marks/index.js';
 export * from './transforms/index.js';
 // helpers
 export { formatMonth } from './helpers/formats.js';
+// hooks
+export * from './hooks/plotDefaults.js';

package/dist/marks/Area.svelte

@@ -42,6 +42,7 @@
     } from '../types/index.js';
     import type { StackOptions } from '../transforms/stack.js';
     import { addEventHandlers } from './helpers/events';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: AreaMarkProps = $props();
 
@@ -49,7 +50,7 @@
         fill: 'currentColor',
         curve: 'linear' as CurveName,
         tension: 0,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').area
+        ...getPlotDefaults().area
     };
 
     const {

package/dist/marks/AreaX.svelte

@@ -11,12 +11,13 @@
     import { renameChannels } from '../transforms/rename.js';
     import { stackX } from '../transforms/stack.js';
     import { recordizeX } from '../transforms/recordize.js';
-    import type { ChannelAccessor, DataRow, PlotDefaults } from '../types/index.js';
-    import { getContext, type ComponentProps } from 'svelte';
+    import type { ChannelAccessor, DataRow } from '../types/index.js';
+    import { type ComponentProps } from 'svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: AreaXMarkProps = $props();
 
-    const DEFAULTS = getContext<PlotDefaults>('svelteplot/_defaults').areaX;
+    const DEFAULTS = getPlotDefaults().areaX;
 
     const { data, stack, ...options }: AreaXMarkProps = $derived({
         ...(markProps.x == undefined ? { x1: 0, x2: 0 } : {}),

package/dist/marks/AreaY.svelte

@@ -10,14 +10,13 @@
     import Area from './Area.svelte';
     import { renameChannels } from '../transforms/rename.js';
     import { stackY } from '../transforms/stack.js';
-    import { RAW_VALUE, recordizeY } from '../transforms/recordize.js';
-    import type { ChannelAccessor, DataRow, PlotDefaults } from '../types/index.js';
-    import { getContext, type Component, type ComponentProps } from 'svelte';
-    import { area } from 'd3-shape';
+    import { recordizeY } from '../transforms/recordize.js';
+    import type { ChannelAccessor, DataRow } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: AreaYMarkProps = $props();
 
-    const DEFAULTS = getContext<PlotDefaults>('svelteplot/_defaults').areaY;
+    const DEFAULTS = getPlotDefaults().areaY;
 
     const { data, stack, ...options }: AreaYMarkProps = $derived({
         ...(markProps.y == undefined ? { y1: 0, y2: 0 } : {}),

package/dist/marks/Arrow.svelte

@@ -47,7 +47,7 @@
         RawValue,
         PlotDefaults
     } from '../types/index.js';
-    import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
+    import { resolveProp, resolveStyles } from '../helpers/resolve.js';
     import { coalesce, maybeNumber } from '../helpers/index.js';
     import Mark from '../Mark.svelte';
     import { arrowPath, maybeSweep, type SweepOption } from '../helpers/arrowPath.js';
@@ -56,6 +56,7 @@
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import { sort } from '../transforms/sort.js';
     import { indexData } from '../transforms/recordize.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: ArrowMarkProps = $props();
 
@@ -63,7 +64,7 @@
         headAngle: 60,
         headLength: 8,
         inset: 0,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').arrow
+        ...getPlotDefaults().arrow
     };
 
     const {

package/dist/marks/AxisX.svelte

@@ -11,14 +11,13 @@
         RawValue,
         ConstantAccessor,
         FacetContext,
-        PlotDefaults,
         ChannelName
     } from '../types/index.js';
     import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
-    import { derived } from 'svelte/store';
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     interface AxisXMarkProps
         extends Omit<
@@ -64,8 +63,8 @@
         textAnchor: 'auto',
         opacity: 0.8,
         anchor: 'bottom',
-        ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').axisX
+        ...getPlotDefaults().axis,
+        ...getPlotDefaults().axisX
     };
 
     const {

package/dist/marks/AxisY.svelte

@@ -10,14 +10,13 @@
         BaseMarkProps,
         RawValue,
         FacetContext,
-        PlotDefaults,
         ChannelName,
         ConstantAccessor
     } from '../types/index.js';
-    import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     interface AxisYMarkProps
         extends Omit<
@@ -62,8 +61,8 @@
         opacity: 0.8,
         anchor: 'left',
         textAnchor: 'auto',
-        ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').axisY
+        ...getPlotDefaults().axis,
+        ...getPlotDefaults().axisY
     };
 
     const {

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

@@ -1,5 +1,4 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
-import type * as CSS from 'csstype';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -17,16 +16,16 @@ declare class __sveltets_Render<Datum extends RawValue> {
         stroke: import("../types/channel").ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<CSS.Property.StrokeLinecap, Datum>;
+        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
         strokeMiterlimit: ConstantAccessor<number, Datum>;
         opacity: import("../types/channel").ChannelAccessor<Datum>;
         strokeDasharray: ConstantAccessor<string, Datum>;
         strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
+        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
         imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
+        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -60,7 +59,7 @@ declare class __sveltets_Render<Datum extends RawValue> {
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class?: string;
         style?: string;
-        cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;

package/dist/marks/BarX.svelte

@@ -33,14 +33,14 @@
         BaseMarkProps,
         BaseRectMarkProps,
         ChannelAccessor,
-        LinkableMarkProps,
-        PlotDefaults
+        LinkableMarkProps
     } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const DEFAULTS = {
         fill: 'currentColor',
-        ...getContext<PlotDefaults>('svelteplot/_defaults').bar,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').barX
+        ...getPlotDefaults().bar,
+        ...getPlotDefaults().barX
     };
 
     let markProps: BarXMarkProps = $props();

package/dist/marks/BarY.svelte

@@ -34,16 +34,16 @@
         BaseRectMarkProps,
         ChannelAccessor,
         DataRow,
-        PlotDefaults,
         LinkableMarkProps
     } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').bar,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').barY
+        ...getPlotDefaults().bar,
+        ...getPlotDefaults().barY
     };
 
     let markProps: BarYMarkProps = $props();

package/dist/marks/BoxX.svelte

@@ -7,17 +7,17 @@
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import { BarX, TickX, RuleY, Dot, groupY } from '../index.js';
     import { resolveChannel } from '../helpers/resolve.js';
-    import { getContext, type ComponentProps } from 'svelte';
-    import type { PlotDefaults } from '../types/index.js';
+    import { type ComponentProps } from 'svelte';
     import type BoxY from './BoxY.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: BoxXMarkProps = $props();
 
     const DEFAULTS = {
         tickMedian: true,
         tickMinMax: false,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').box,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').boxX
+        ...getPlotDefaults().box,
+        ...getPlotDefaults().boxX
     };
 
     const {

package/dist/marks/BoxY.svelte

@@ -31,16 +31,16 @@
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import { groupX, BarY, TickY, RuleX, Dot } from '../index.js';
     import { resolveChannel } from '../helpers/resolve.js';
-    import { getContext, type ComponentProps } from 'svelte';
-    import type { PlotDefaults } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
+    import type { BaseMarkProps, ChannelAccessor, DataRecord } from '../types';
 
     let markProps: BoxYMarkProps = $props();
 
     const DEFAULTS = {
         tickMedian: true,
         tickMinMax: false,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').box,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').boxY
+        ...getPlotDefaults().box,
+        ...getPlotDefaults().boxY
     };
 
     const {

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

@@ -1,3 +1,4 @@
+import type { ChannelAccessor, DataRecord } from '../types';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): Pick<BaseMarkProps<Datum_1>, "fill" | "stroke" | "fx" | "fy" | "class"> & {
         data: Datum[];

package/dist/marks/Brush.svelte

@@ -35,14 +35,10 @@
     }
     import { getContext } from 'svelte';
     import Rect from './Rect.svelte';
-    import type {
-        BaseMarkProps,
-        DataRecord,
-        PlotContext,
-        PlotDefaults
-    } from '../types/index.js';
+    import type { BaseMarkProps, DataRecord, PlotContext } from '../types/index.js';
     import { clientToLayerCoordinates } from './helpers/events.js';
     import Frame from './Frame.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let { brush = $bindable({ enabled: false }), ...markProps }: BrushMarkProps = $props();
 
@@ -52,9 +48,19 @@
         strokeOpacity: 0.6,
         resizeHandleSize: 10,
         constrainToDomain: false,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').brush
+        ...getPlotDefaults().brush
     };
 
+    type Brush = {
+        x1?: number | Date;
+        x2?: number | Date;
+        y1?: number | Date;
+        y2?: number | Date;
+        enabled: boolean;
+    };
+
+    type BrushEvent = MouseEvent & { brush: Brush };
+
     const {
         data = [{} as Datum],
         stroke,

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

@@ -1,4 +1,14 @@
 import type { BaseMarkProps, DataRecord } from '../types/index.js';
+type Brush = {
+    x1?: number | Date;
+    x2?: number | Date;
+    y1?: number | Date;
+    y2?: number | Date;
+    enabled: boolean;
+};
+type BrushEvent = MouseEvent & {
+    brush: Brush;
+};
 interface BrushMarkProps extends Pick<BaseMarkProps<Datum>, 'cursor' | 'stroke' | 'strokeDasharray' | 'strokeOpacity' | 'strokeWidth' | 'strokeLinecap' | 'strokeDashoffset' | 'strokeLinejoin' | 'strokeMiterlimit'> {
     brush: Brush;
     /**
@@ -33,5 +43,4 @@ interface $$IsomorphicComponent {
 }
 /** For creating a two-dimensional brush selection */
 declare const Brush: $$IsomorphicComponent;
-type Brush<Datum extends DataRecord> = InstanceType<typeof Brush<Datum>>;
 export default Brush;

package/dist/marks/BrushX.svelte

@@ -6,13 +6,13 @@
     interface BrushXMarkProps extends Omit<ComponentProps<typeof Brush>, 'limitDimension'> {}
 
     import Brush from './Brush.svelte';
-    import type { PlotDefaults } from '../types/index.js';
-    import { getContext, type ComponentProps } from 'svelte';
+    import { type ComponentProps } from 'svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let { brush = $bindable({ enabled: false }), ...options }: BrushXMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').brush,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').brushX
+        ...getPlotDefaults().brush,
+        ...getPlotDefaults().brushX
     };
 </script>
 

package/dist/marks/BrushY.svelte

@@ -4,15 +4,15 @@
 -->
 <script lang="ts">
     import Brush from './Brush.svelte';
-    import type { PlotDefaults } from '../types/index.js';
-    import { getContext, type ComponentProps } from 'svelte';
+    import { type ComponentProps } from 'svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     interface BrushYMarkProps extends Omit<ComponentProps<typeof Brush>, 'limitDimension'> {}
 
     let { brush = $bindable({ enabled: false }), ...options }: BrushYMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').brush,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').brushY
+        ...getPlotDefaults().brush,
+        ...getPlotDefaults().brushY
     };
 </script>
 

package/dist/marks/Cell.svelte

@@ -17,9 +17,7 @@
         BaseMarkProps,
         BaseRectMarkProps,
         ChannelAccessor,
-        PlotDefaults,
-        LinkableMarkProps,
-        MarkType
+        LinkableMarkProps
     } from '../types/index.js';
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
@@ -28,11 +26,12 @@
 
     import { isValid } from '../helpers/index.js';
     import RectPath from './helpers/RectPath.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: CellMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').cell
+        ...getPlotDefaults().cell
     };
 
     const {

package/dist/marks/ColorLegend.svelte

@@ -10,14 +10,15 @@
     import { range as d3Range, extent } from 'd3-array';
     import { maybeSymbol } from '../helpers/symbols.js';
 
-    import type { PlotDefaults, PlotContext } from '../types/plot.js';
+    import type { PlotContext } from '../types/plot.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults';
 
     let { class: className = null }: ColorLegendMarkProps = $props();
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
 
-    const DEFAULTS = getContext<Partial<PlotDefaults>>('svelteplot/_defaults');
+    const DEFAULTS = getPlotDefaults();
 
     const legendTitle = $derived(plot.options.color.label);
     const scaleType = $derived(plot.scales.color.type);

package/dist/marks/DifferenceY.svelte

@@ -50,8 +50,7 @@
         ChannelAccessor,
         CurveName,
         DataRecord,
-        PlotContext,
-        PlotDefaults
+        PlotContext
     } from '../types/index.js';
     import { Line, Area } from './index.js';
     import { randomId, coalesce } from '../helpers/index.js';
@@ -59,6 +58,7 @@
     import { extent, max, min } from 'd3-array';
     import { resolveChannel } from '../helpers/resolve.js';
     import type { CurveFactory } from 'd3-shape';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     let plot = $derived(getPlotState());
@@ -72,7 +72,7 @@
         negativeFillOpacity: 1,
         curve: 'linear' as CurveName,
         tension: 0,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').differenceY
+        ...getPlotDefaults().differenceY
     };
 
     const {

package/dist/marks/Dot.svelte

@@ -19,7 +19,6 @@
         BaseMarkProps,
         ConstantAccessor,
         ChannelAccessor,
-        PlotDefaults,
         LinkableMarkProps
     } from '../types/index.js';
     import { resolveProp, resolveStyles } from '../helpers/resolve.js';
@@ -32,9 +31,10 @@
     import { recordizeXY } from '../transforms/recordize.js';
     import { addEventHandlers } from './helpers/events.js';
     import Anchor from './helpers/Anchor.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').dot
+        ...getPlotDefaults().dot
     };
 
     let markProps: DotMarkProps = $props();

package/dist/marks/Frame.svelte

@@ -25,12 +25,12 @@
         PlotContext,
         BaseRectMarkProps,
         LinkableMarkProps,
-        PlotDefaults,
         DataRecord
     } from '../types/index.js';
     import type { BaseMarkProps } from '../types/index.js';
     import RectPath from './helpers/RectPath.svelte';
     import { resolveProp } from '../helpers/resolve';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: FrameMarkProps = $props();
 
@@ -40,7 +40,7 @@
         stroke: undefined,
         fillOpacity: 1,
         strokeOpacity: 1,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').frame
+        ...getPlotDefaults().frame
     };
 
     const {

package/dist/marks/Geo.svelte

@@ -29,7 +29,6 @@
         BaseMarkProps,
         ConstantAccessor,
         LinkableMarkProps,
-        PlotDefaults,
         ChannelAccessor
     } from '../types/index.js';
     import Mark from '../Mark.svelte';
@@ -42,6 +41,7 @@
     import { recordize } from '../transforms/recordize.js';
     import { GEOJSON_PREFER_STROKE } from '../helpers/index.js';
     import Anchor from './helpers/Anchor.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
@@ -49,7 +49,7 @@
     let markProps: GeoMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').geo
+        ...getPlotDefaults().geo
     };
 
     const {

package/dist/marks/Graticule.svelte

@@ -14,14 +14,14 @@
     }
     import Geo from './Geo.svelte';
     import { geoGraticule } from 'd3-geo';
-    import { getContext } from 'svelte';
-    import type { BaseMarkProps, PlotDefaults } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
+    import type { BaseMarkProps } from '../types/index.js';
 
     let markProps: GraticuleMarkProps = $props();
 
     const DEFAULTS = {
         step: 10,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').graticule
+        ...getPlotDefaults().graticule
     };
 
     const { class: className = '', ...options }: GraticuleMarkProps = $derived({

package/dist/marks/GridX.svelte

@@ -14,7 +14,6 @@
         PlotContext,
         BaseMarkProps,
         RawValue,
-        PlotDefaults,
         DataRecord,
         ChannelAccessor
     } from '../types/index.js';
@@ -24,12 +23,13 @@
     import { RAW_VALUE } from '../transforms/recordize.js';
     import isDataRecord from '../helpers/isDataRecord';
     import { INDEX } from '../constants';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: GridXMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').grid,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').gridX
+        ...getPlotDefaults().grid,
+        ...getPlotDefaults().gridX
     };
 
     const {

package/dist/marks/GridY.svelte

@@ -10,23 +10,18 @@
     }
     import { getContext } from 'svelte';
     import Mark from '../Mark.svelte';
-    import type {
-        PlotContext,
-        BaseMarkProps,
-        RawValue,
-        PlotDefaults,
-        ChannelAccessor
-    } from '../types/index.js';
+    import type { PlotContext, BaseMarkProps, RawValue, ChannelAccessor } from '../types/index.js';
     import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
     import { autoTicks } from '../helpers/autoTicks.js';
     import { testFilter } from '../helpers/index.js';
     import { RAW_VALUE } from '../transforms/recordize.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: GridYMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').grid,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').gridY
+        ...getPlotDefaults().grid,
+        ...getPlotDefaults().gridY
     };
 
     const {

package/dist/marks/Line.svelte

@@ -42,11 +42,12 @@
     import { pick } from 'es-toolkit';
     import LineCanvas from './helpers/LineCanvas.svelte';
 
-    import type { RawValue, PlotDefaults } from '../types/index.js';
+    import type { RawValue } from '../types/index.js';
     import { isValid } from '../helpers/index.js';
     import { sort } from '../transforms/sort.js';
     import { recordizeXY } from '../transforms/recordize.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: LineMarkProps = $props();
 
@@ -56,7 +57,7 @@
         canvas: false,
         class: null,
         lineClass: null,
-        ...getContext<Partial<PlotDefaults>>('svelteplot/_defaults').line
+        ...getPlotDefaults().line
     };
 
     const {

package/dist/marks/Link.svelte

@@ -44,8 +44,7 @@
         CurveName,
         MarkerOptions,
         RawValue,
-        ScaledDataRecord,
-        PlotDefaults
+        ScaledDataRecord
     } from '../types/index.js';
     import { resolveChannel, resolveProp, resolveStyles } from '../helpers/resolve.js';
     import Mark from '../Mark.svelte';
@@ -58,10 +57,11 @@
     import { pick } from 'es-toolkit';
     import { sort } from '../transforms/sort.js';
     import { indexData } from '../transforms/recordize.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: LinkMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').link
+        ...getPlotDefaults().link
     };
     const {
         data = [{} as Datum],

package/dist/marks/Pointer.svelte

@@ -24,14 +24,14 @@
     }
 
     import { getContext, type Snippet } from 'svelte';
-    import type { ChannelAccessor, DataRow, PlotContext, PlotDefaults } from '../types/index.js';
-    import { groups as d3Groups } from 'd3-array';
+    import type { ChannelAccessor, DataRow, PlotContext } from '../types/index.js';
     import { resolveChannel } from '../helpers/resolve.js';
     import { quadtree } from 'd3-quadtree';
     import { projectXY } from '../helpers/scales.js';
     import isDataRecord from '../helpers/isDataRecord.js';
     import { indexData, RAW_VALUE } from '../transforms/recordize.js';
     import { groupFacetsAndZ } from '../helpers/group.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     const plot = $derived(getPlotState());
@@ -42,7 +42,7 @@
     let markProps: PointerMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').pointer
+        ...getPlotDefaults().pointer
     };
 
     const {

package/dist/marks/Rect.svelte

@@ -26,17 +26,16 @@
         BaseMarkProps,
         BaseRectMarkProps,
         ChannelAccessor,
-        PlotDefaults,
         LinkableMarkProps
     } from '../types/index.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import RectPath from './helpers/RectPath.svelte';
-    import { resolveProp } from '../helpers/resolve';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: RectMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rect
+        ...getPlotDefaults().rect
     };
 
     const {

package/dist/marks/RectX.svelte

@@ -9,15 +9,16 @@
 
     import Rect from './Rect.svelte';
     import { intervalY, stackX, recordizeX } from '../index.js';
-    import type { DataRecord, PlotContext, PlotDefaults } from '../types/index.js';
+    import type { DataRecord, PlotContext } from '../types/index.js';
     import { getContext, type ComponentProps } from 'svelte';
     import type { StackOptions } from '../transforms/stack.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: RectXMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rect,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rectX
+        ...getPlotDefaults().rect,
+        ...getPlotDefaults().rectX
     };
 
     const {

package/dist/marks/RectY.svelte

@@ -7,15 +7,16 @@
     }
     import Rect from './Rect.svelte';
     import { intervalX, stackY, recordizeY } from '../index.js';
-    import type { DataRecord, PlotContext, PlotDefaults } from '../types/index.js';
+    import type { DataRecord, PlotContext } from '../types/index.js';
     import { getContext, type ComponentProps } from 'svelte';
     import type { StackOptions } from '../transforms/stack.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: RectYMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rect,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rectY
+        ...getPlotDefaults().rect,
+        ...getPlotDefaults().rectY
     };
 
     const {

package/dist/marks/RuleX.svelte

@@ -22,14 +22,14 @@
         BaseMarkProps,
         ConstantAccessor,
         ChannelAccessor,
-        PlotDefaults,
         RawValue
     } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: RuleXMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rule,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').ruleX
+        ...getPlotDefaults().rule,
+        ...getPlotDefaults().ruleX
     };
     const {
         data = [{} as Datum],

package/dist/marks/RuleY.svelte

@@ -21,14 +21,14 @@
         DataRecord,
         BaseMarkProps,
         ConstantAccessor,
-        ChannelAccessor,
-        PlotDefaults
+        ChannelAccessor
     } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: RuleYMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').rule,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').ruleY
+        ...getPlotDefaults().rule,
+        ...getPlotDefaults().ruleY
     };
     const {
         data = [{} as Datum],

package/dist/marks/Sphere.svelte

@@ -6,14 +6,14 @@
         extends BaseMarkProps<GeoJSON.GeoJsonObject>,
             LinkableMarkProps<GeoJSON.GeoJsonObject> {}
 
-    import { getContext } from 'svelte';
     import Geo from './Geo.svelte';
     import type { BaseMarkProps, LinkableMarkProps, PlotDefaults } from '../types/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: SphereMarkProps = $props();
 
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').sphere
+        ...getPlotDefaults().sphere
     };
 
     const { ...options }: SphereMarkProps = $derived({

package/dist/marks/Spike.svelte

@@ -16,8 +16,9 @@
         rotate?: ChannelAccessor<Datum>;
     }
     import Vector from './Vector.svelte';
-    import type { ChannelAccessor, DataRecord, PlotDefaults } from '../types/index.js';
-    import { getContext, type ComponentProps } from 'svelte';
+    import type { ChannelAccessor, DataRecord } from '../types/index.js';
+    import { type ComponentProps } from 'svelte';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     let markProps: SpikeMarkProps = $props();
 
@@ -29,7 +30,7 @@
         stroke: 'currentColor',
         sort: { channel: '-y' },
         shape: 'spike' as const,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').spike
+        ...getPlotDefaults().spike
     };
 
     const { data = [{} as Datum], ...options }: SpikeMarkProps = $derived({

package/dist/marks/Text.svelte

@@ -56,22 +56,22 @@
         rotate?: ConstantAccessor<number, Datum>;
     }
 
-    import { getContext, type Snippet } from 'svelte';
+    import { type Snippet } from 'svelte';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
     import type {
         DataRecord,
         BaseMarkProps,
         ConstantAccessor,
         ChannelAccessor,
-        PlotDefaults,
         LinkableMarkProps
     } from '../types/index.js';
-    import { resolveProp, resolveStyles } from '../helpers/resolve.js';
+    import { resolveProp } from '../helpers/resolve.js';
     import Mark from '../Mark.svelte';
     import { sort } from '../index.js';
 
     import MultilineText from './helpers/MultilineText.svelte';
     import { indexData } from '../transforms/recordize';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const DEFAULTS = {
         fontSize: 12,
@@ -80,7 +80,7 @@
         frameAnchor: 'middle' as const,
         lineHeight: 1.1,
         rotate: 0,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').text
+        ...getPlotDefaults().text
     };
 
     let markProps: TextMarkProps = $props();

package/dist/marks/TickX.svelte

@@ -30,21 +30,21 @@
         ChannelAccessor,
         DataRow,
         FacetContext,
-        PlotDefaults,
         ConstantAccessor
     } from '../types/index.js';
     import { recordizeX } from '../index.js';
     import { projectX, projectY } from '../helpers/scales.js';
     import { isValid } from '../helpers/index.js';
     import { testFilter, parseInset } from '../helpers/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     let plot = $derived(getPlotState());
 
     let markProps: TickXMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').tick,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').tickX
+        ...getPlotDefaults().tick,
+        ...getPlotDefaults().tickX
     };
     const {
         data = [{}],

package/dist/marks/TickY.svelte

@@ -29,21 +29,21 @@
         ChannelAccessor,
         DataRow,
         FacetContext,
-        ConstantAccessor,
-        PlotDefaults
+        ConstantAccessor
     } from '../types/index.js';
     import { recordizeY } from '../index.js';
     import { projectX, projectY } from '../helpers/scales.js';
     import { isValid } from '../helpers/index.js';
     import { testFilter, parseInset } from '../helpers/index.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     let plot = $derived(getPlotState());
 
     let markProps: TickYMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').tick,
-        ...getContext<PlotDefaults>('svelteplot/_defaults').tickY
+        ...getPlotDefaults().tick,
+        ...getPlotDefaults().tickY
     };
     const {
         data = [{}],

package/dist/marks/Vector.svelte

@@ -33,8 +33,7 @@
         DataRecord,
         BaseMarkProps,
         ChannelAccessor,
-        FacetContext,
-        PlotDefaults
+        FacetContext
     } from '../types/index.js';
 
     import { getContext, type Snippet } from 'svelte';
@@ -47,6 +46,7 @@
     import { isValid } from '../helpers/index.js';
     import { addEventHandlers } from './helpers/events.js';
     import { indexData } from '../transforms/recordize.js';
+    import { getPlotDefaults } from '../hooks/plotDefaults.js';
 
     const defaultRadius = 3.5;
 
@@ -58,7 +58,7 @@
 
     let markProps: VectorMarkProps = $props();
     const DEFAULTS = {
-        ...getContext<PlotDefaults>('svelteplot/_defaults').vector
+        ...getPlotDefaults().vector
     };
     const {
         data = [{}],

package/dist/marks/helpers/Marker.svelte

@@ -16,6 +16,7 @@
 
 <script lang="ts">
     import { getContext } from 'svelte';
+    import { getPlotDefaults } from '../../hooks/plotDefaults';
 
     type MarkerProps = {
         id: string;
@@ -68,7 +69,7 @@
         }
     };
 
-    const defaultDotRadius = getContext('svelteplot/_defaults').markerDotRadius;
+    const defaultDotRadius = getPlotDefaults().markerDotRadius;
 
     const markerColors = $derived({
         fill: 'none',

package/dist/marks/helpers/MarkerPath.svelte

@@ -2,7 +2,7 @@
     @component
     Helper component for paths with markers and optional text along the path.
 -->
-<script lang="ts">
+<script lang="ts" generics="Datum extends DataRecord">
     import Marker, { type MarkerShape } from './Marker.svelte';
     import { isSnippet, randomId } from '../../helpers/index.js';
     import { resolveProp } from '../../helpers/resolve.js';
@@ -17,12 +17,12 @@
     import { addEventHandlers } from './events.js';
     import { getContext } from 'svelte';
 
-    type MarkerPathProps = BaseMarkProps & {
+    type MarkerPathProps = BaseMarkProps<Datum> & {
         /**
          * the datum associated with this path, usually the first
          * element of the data array group
          */
-        datum: DataRecord;
+        datum: Datum;
         /**
          * the marker shape to use at the start of the path, defaults to
          * circle
@@ -52,7 +52,7 @@
         transform: string;
         color: string;
         strokeWidth: ConstantAccessor<number>;
-        mark: Mark<BaseMarkProps>;
+        mark: Mark<BaseMarkProps<Datum>>;
         scales: PlotScales;
     };
 

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

@@ -1,4 +1,19 @@
+import type { DataRecord } from '../../types/index.js';
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): any;
+    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']>;
+}
 /** Helper component for paths with markers and optional text along the path. */
-declare const MarkerPath: import("svelte").Component<any, {}, "">;
-type MarkerPath = ReturnType<typeof MarkerPath>;
+declare const MarkerPath: $$IsomorphicComponent;
+type MarkerPath<Datum extends DataRecord> = InstanceType<typeof MarkerPath<Datum>>;
 export default MarkerPath;

package/dist/types/plot.d.ts

@@ -58,7 +58,7 @@ export type PlotMargin = {
 };
 /**
  * these are the default options for the plot marks that can be set using
- * the 'svelteplot/defaults' context.
+ * the setPlotDefaults hook
  */
 export type PlotDefaults = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.4.7-pr-216.0",
+    "version": "0.4.7-pr-219.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",

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

@@ -1,100 +0,0 @@
-import { renameChannels } from '../transforms/rename.js';
-import type { ChannelAccessor, DataRow } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Omit<Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
-        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>>;
-        fill: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | 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>>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
-        clipPath: 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>>;
-        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;
-        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>[];
-        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<renameChannels>;
-        canvas?: boolean;
-    }, "x1" | "x2"> & {
-        x?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<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']>;
-}
-/**
- * Creates a vertical area chart with y value and baseline. Areas are implicitly
- * stacked vertically if just the y channel is defined.
- */
-declare const AreaY: $$IsomorphicComponent;
-type AreaY<Datum extends DataRow> = InstanceType<typeof AreaY<Datum>>;
-export default AreaY;