svelteplot 0.4.7 → 0.4.8-pr-222.1

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/Line.svelte.d.ts

@@ -14,7 +14,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
+        } | ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | ConstantAccessor<import("../types/data.js").RawValue, Datum>;
         stroke: ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
@@ -72,7 +72,7 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         outlineStrokeOpacity?: number;
         curve?: CurveName | CurveFactory | "auto";
         tension?: number;
-        sort?: ConstantAccessor<RawValue, Datum> | {
+        sort?: ConstantAccessor<RawValue, Datum_1> | {
             channel: "stroke" | "fill";
         };
         text?: ConstantAccessor<string, Datum>;

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

@@ -1,3 +1,4 @@
+import { recordizeX } from '../index.js';
 import type { DataRow } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<import("../types").MarkerOptions & Partial<{
@@ -70,7 +71,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         outlineStrokeOpacity?: number;
         curve?: import("../types").CurveName | import("d3-shape").CurveFactory | "auto";
         tension?: number;
-        sort?: import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>> | {
+        sort?: import("../types").ConstantAccessor<recordizeX, Datum_1> | {
             channel: "stroke" | "fill";
         };
         text?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;

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

@@ -1,3 +1,4 @@
+import { recordizeY } from '../index.js';
 import type { DataRow } from '../index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Omit<import("../types").MarkerOptions & Partial<{
@@ -70,7 +71,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         outlineStrokeOpacity?: number;
         curve?: import("../types").CurveName | import("d3-shape").CurveFactory | "auto";
         tension?: number;
-        sort?: import("../types").ConstantAccessor<import("../types").RawValue, Record<string | symbol, import("../types").RawValue>> | {
+        sort?: import("../types").ConstantAccessor<recordizeY, Datum_1> | {
             channel: "stroke" | "fill";
         };
         text?: import("../types").ConstantAccessor<string, Record<string | symbol, import("../types").RawValue>>;

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/CanvasLayer.svelte

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

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/marks/helpers/RectPath.svelte.d.ts

@@ -1,75 +1,15 @@
-import type { BaseRectMarkProps } from '../../types/mark.js';
+import type { BaseMarkProps, BaseRectMarkProps } from '../../types/mark.js';
 import type { DataRecord, ScaledDataRecord } from '../../types/data.js';
 import type { UsedScales } from '../../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
     props(): {
-        datum: ScaledDataRecord<Datum>;
+        datum: ScaledDataRecord<Datum_1>;
         class: string | null;
         x: number;
         y: number;
         width: number;
         height: number;
-        options: BaseRectMarkProps<Datum> & Partial<{
-            filter?: import("../../types/index.js").ConstantAccessor<boolean, Datum>;
-            facet?: "auto" | "include" | "exclude";
-            fx: import("../../types/index.js").ChannelAccessor<Datum>;
-            fy: import("../../types/index.js").ChannelAccessor<Datum>;
-            dx: import("../../types/index.js").ConstantAccessor<number, Datum>;
-            dy: import("../../types/index.js").ConstantAccessor<number, Datum>;
-            fill: import("../../types/index.js").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: import("../../types/index.js").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: import("../../types/index.js").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;
-            style?: string;
-            cursor: import("../../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-        }>;
+        options: BaseRectMarkProps<Datum_1> & BaseMarkProps<Datum_1>;
         /**
          * By default, the `inset` property is applied to all four insets. Mark components
          * can tweak this behavior for insetTop and insetBottom by setting the

package/dist/transforms/bollinger.d.ts

@@ -11,70 +11,4 @@ export type BollingerOptions = {
 };
 export declare function bollingerX(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
 export declare function bollingerY(args: TransformArg<DataRecord>, options?: BollingerOptions): TransformArg<DataRecord>;
-export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
-    facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
-    fy?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
-    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    fill?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
-    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    sort?: {
-        channel: string;
-        order?: "ascending" | "descending";
-    } | ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, Record<string | symbol, import("../types/index.js").RawValue>>;
-    stroke?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    opacity?: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
-    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
-    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/index.js").RawValue>>;
-    clipPath?: string | undefined;
-    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
-    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/index.js").RawValue>>;
-    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/index.js").RawValue>>;
-    onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
-    class?: string | undefined;
-    style?: string | undefined;
-    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/index.js").RawValue>>;
-    data: {
-        __x: import("../types/index.js").RawValue;
-        __lo: number;
-        __avg: number;
-        __hi: number;
-    }[];
-};
+export declare function bollingerDim(dim: 'x' | 'y', { data, ...channels }: TransformArg<DataRecord>, options?: BollingerOptions): any;