svelteplot 0.10.1 → 0.10.2

package/dist/transforms/sort.d.ts

@@ -8,21 +8,21 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
     sort: null;
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<T>;
-    fy?: import("../types/index.js").ChannelAccessor<T>;
+    fx?: import("../types/channel.js").ChannelAccessor<T>;
+    fy?: import("../types/channel.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    stroke?: import("../types/channel.js").ChannelAccessor<T>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
-    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
@@ -70,25 +70,25 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
 } | {
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<T>;
-    fy?: import("../types/index.js").ChannelAccessor<T>;
+    fx?: import("../types/channel.js").ChannelAccessor<T>;
+    fy?: import("../types/channel.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+    sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
-    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
-    stroke?: import("../types/index.js").ChannelAccessor<T>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, T>;
+    stroke?: import("../types/channel.js").ChannelAccessor<T>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, T>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, T>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, T>;
-    opacity?: import("../types/index.js").ChannelAccessor<T>;
+    opacity?: import("../types/channel.js").ChannelAccessor<T>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, T>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, T>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, T>;
@@ -142,21 +142,21 @@ export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>,
     [IS_SORTED]: boolean;
     filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    opacity?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;
@@ -208,21 +208,21 @@ export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>):
     [IS_SORTED]: boolean;
     filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
-    fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    stroke?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     strokeWidth?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     strokeOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, DataRow[]>;
     strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, DataRow[]>;
     strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    opacity?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    opacity?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
     strokeDasharray?: import("../types/index.js").ConstantAccessor<string, DataRow[]>;
     strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, DataRow[]>;

package/dist/transforms/window.d.ts

@@ -8,35 +8,35 @@ type WindowOptions = {
     strict: boolean;
 };
 export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data.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>>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+    fx?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    fy?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
-    } | 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>>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Record<string | symbol, import("../types/data.js").RawValue>>;
+    stroke?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    opacity?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data.js").RawValue>>;
     clipPath?: string | undefined;
     mask?: 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>>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data.js").RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -69,42 +69,42 @@ export declare function windowX(args: TransformArg<DataRecord>, options: WindowO
     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>>;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data.js").RawValue>>;
     data: {
-        [x: string]: import("../types/index.js").RawValue;
-        [x: symbol]: import("../types/index.js").RawValue;
+        [x: string]: import("../types/data.js").RawValue;
+        [x: symbol]: import("../types/data.js").RawValue;
     }[];
 };
 export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): {
-    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/index.js").RawValue>>;
+    filter?: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data.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>>;
-    dodgeX?: import("./dodge").DodgeXOptions | undefined;
-    dodgeY?: import("./dodge").DodgeYOptions | undefined;
-    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?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
+    fx?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    fy?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    dx?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    dy?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    dodgeX?: import("./dodge.js").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge.js").DodgeYOptions | undefined;
+    fill?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    fillOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    sort?: ((a: import("../types/data.js").RawValue, b: import("../types/data.js").RawValue) => number) | {
         channel: string;
         order?: "ascending" | "descending";
-    } | 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>>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/data.js").RawValue, Record<string | symbol, import("../types/data.js").RawValue>>;
+    stroke?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeWidth?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeOpacity?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeLinejoin?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeLinecap?: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeMiterlimit?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    opacity?: import("../types/channel.js").ChannelAccessor<Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeDasharray?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
+    strokeDashoffset?: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data.js").RawValue>>;
+    mixBlendMode?: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data.js").RawValue>>;
     clipPath?: string | undefined;
     mask?: 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>>;
+    imageFilter?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
+    shapeRendering?: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data.js").RawValue>>;
+    paintOrder?: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data.js").RawValue>>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
     onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement> | undefined;
@@ -137,10 +137,10 @@ export declare function windowY(args: TransformArg<DataRecord>, options: WindowO
     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>>;
+    cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data.js").RawValue>>;
     data: {
-        [x: string]: import("../types/index.js").RawValue;
-        [x: symbol]: import("../types/index.js").RawValue;
+        [x: string]: import("../types/data.js").RawValue;
+        [x: symbol]: import("../types/data.js").RawValue;
     }[];
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.10.1",
+    "version": "0.10.2",
     "description": "A Svelte-native data visualization framework based on the layered grammar of graphics principles.",
     "keywords": [
         "svelte",

package/dist/ui/Checkbox.svelte

@@ -1,14 +0,0 @@
-<script>
-    let { label, value = $bindable(), ...restProps } = $props();
-</script>
-
-<label class="checkbox">
-    <input type="checkbox" bind:checked={value} {...restProps} />
-    <!-- eslint-disable-next-line svelte/no-at-html-tags -->
-    {@html label}</label>
-
-<style>
-    label.checkbox + :global(label.checkbox) {
-        margin-left: 0.7em;
-    }
-</style>

package/dist/ui/Checkbox.svelte.d.ts

@@ -1,13 +0,0 @@
-export default Checkbox;
-type Checkbox = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const Checkbox: import("svelte").Component<{
-    label: any;
-    value?: any;
-} & Record<string, any>, {}, "value">;
-type $$ComponentProps = {
-    label: any;
-    value?: any;
-} & Record<string, any>;

package/dist/ui/ExamplesGrid.svelte

@@ -1,81 +0,0 @@
-<script>
-    import { resolve } from '$app/paths';
-    import { useDark } from './isDark.svelte';
-    let { examples } = $props();
-
-    const exampleImages = import.meta.glob('../../snapshots/*/*.png', {
-        eager: true,
-        query: {
-            enhanced: true,
-            w: 640
-        }
-    });
-
-    const ds = useDark();
-</script>
-
-<div class="list">
-    {#each examples as page, i (i)}
-        <a href={resolve(page.url)}>
-            <div>
-                {#if exampleImages[`../../snapshots/${page.key}.png`]}
-                    <enhanced:img
-                        src={ds.isDark
-                            ? exampleImages[`../../snapshots/${page.key}.dark.png`].default.img.src
-                            : exampleImages[`../../snapshots/${page.key}.png`].default.img.src}
-                        alt={page.title} />
-                {/if}
-            </div>
-            <h4>
-                {page.title}
-            </h4>
-        </a>
-    {/each}
-</div>
-
-<style>
-    .list {
-        display: grid;
-        grid-template-columns: repeat(3, 1fr);
-        gap: 1rem;
-        width: 100%;
-        margin: 2rem 0;
-    }
-
-    .list > a {
-        display: flex;
-        flex-direction: column;
-        align-items: left;
-        row-gap: 0.3rem;
-        text-decoration: none;
-
-        > div {
-            border: 1px solid #88888822;
-            border-radius: 2px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
-            padding: 1.5ex 1.5ex 0.4ex 1.5ex;
-        }
-
-        &:hover {
-            text-decoration: underline;
-            color: var(--svp-text);
-            > div {
-                border: 1px solid var(--svp-text);
-            }
-        }
-    }
-
-    .list :global(img) {
-        width: 100%;
-        box-sizing: border-box;
-        border-radius: 3px;
-        transition: transform 0.2s ease-in-out;
-    }
-
-    .list h4 {
-        margin: 0rem;
-        font-weight: normal;
-        font-size: 13px;
-        line-height: 1;
-    }
-</style>

package/dist/ui/ExamplesGrid.svelte.d.ts

@@ -1,11 +0,0 @@
-export default ExamplesGrid;
-type ExamplesGrid = {
-    $on?(type: string, callback: (e: any) => void): () => void;
-    $set?(props: Partial<$$ComponentProps>): void;
-};
-declare const ExamplesGrid: import("svelte").Component<{
-    examples: any;
-}, {}, "">;
-type $$ComponentProps = {
-    examples: any;
-};

package/dist/ui/ExamplesPageList.svelte

@@ -1,63 +0,0 @@
-<script lang="ts">
-    import { resolve } from '$app/paths';
-    let {
-        paths,
-        pages
-    }: {
-        paths: Record<string, string[]>;
-        pages: Record<
-            string,
-            {
-                title: string;
-                description?: string;
-                sortKey?: number;
-                transforms?: string[];
-            }
-        >;
-    } = $props();
-
-    function sortPages(a: string, b: string) {
-        const sortA = pages[a].sortKey ?? 10;
-        const sortB = pages[b].sortKey ?? 10;
-        return sortA - sortB;
-    }
-</script>
-
-<div class="column-container">
-    {#each Object.entries(paths).sort( (a, b) => a[0].localeCompare(b[0]) ) as [group, groupPages] (group)}
-        <div>
-            <h3>
-                <a href={resolve(`/examples/${group}`)}
-                    >{pages[groupPages.find((p) => p.endsWith('/_index.svelte'))]?.title ??
-                        group}</a>
-            </h3>
-            <ul>
-                {#each groupPages
-                    .sort(sortPages)
-                    .filter((p) => !p.endsWith('/_index.svelte')) as page (page)}
-                    <li>
-                        <a href={resolve(page.replace('./', './examples/').replace('.svelte', ''))}
-                            >{pages[page].title}</a>
-                    </li>
-                {/each}
-            </ul>
-        </div>
-    {/each}
-</div>
-
-<style>
-    .column-container {
-        columns: 2;
-        column-gap: 1rem;
-        column-fill: balance;
-        > div {
-            padding-top: 1em;
-            break-before: column;
-            break-inside: avoid-column;
-        }
-        h3 {
-            break-before: avoid-column;
-            text-transform: capitalize;
-        }
-    }
-</style>

package/dist/ui/ExamplesPageList.svelte.d.ts

@@ -1,12 +0,0 @@
-type $$ComponentProps = {
-    paths: Record<string, string[]>;
-    pages: Record<string, {
-        title: string;
-        description?: string;
-        sortKey?: number;
-        transforms?: string[];
-    }>;
-};
-declare const ExamplesPageList: import("svelte").Component<$$ComponentProps, {}, "">;
-type ExamplesPageList = ReturnType<typeof ExamplesPageList>;
-export default ExamplesPageList;

package/dist/ui/ExamplesPagePreview.svelte

@@ -1,145 +0,0 @@
-<script lang="ts">
-    import { resolve } from '$app/paths';
-    import { useDark } from './isDark.svelte';
-
-    const exampleImages = import.meta.glob('../../snapshots/*/*.png', {
-        eager: true,
-        query: {
-            enhanced: true,
-            w: 440
-        }
-    });
-
-    let {
-        paths,
-        pages
-    }: {
-        paths: Record<string, string[]>;
-        pages: Record<
-            string,
-            {
-                title: string;
-                description?: string;
-                sortKey?: number;
-                transforms?: string[];
-            }
-        >;
-    } = $props();
-
-    const ds = useDark();
-
-    function sortPages(a: string, b: string) {
-        const sortA = pages[a].sortKey ?? 10;
-        const sortB = pages[b].sortKey ?? 10;
-        return sortA - sortB;
-    }
-</script>
-
-<div class="column-container">
-    {#each Object.entries(paths).sort( (a, b) => a[0].localeCompare(b[0]) ) as [group, groupPages] (group)}
-        <div>
-            <h2 id={group}>
-                <a href={resolve(`/examples/${group}`)}
-                    >{pages[groupPages.find((p) => p.endsWith('/_index.svelte'))]?.title ??
-                        group}</a>
-            </h2>
-            <div class="example-grid">
-                {#each groupPages
-                    .sort(sortPages)
-                    .filter((p) => !p.endsWith('/_index.svelte')) as page (page)}
-                    {@const imageKey = `../../snapshots/${page
-                        .replace('./', '')
-                        .replace('.svelte', ds.isDark ? '.dark.png' : '.png')}`}
-                    <a
-                        animate:slide
-                        href={resolve(page.replace('./', './examples/').replace('.svelte', ''))}
-                        ><div>
-                            {#if exampleImages[imageKey]}
-                                <enhanced:img
-                                    title={pages[page].title}
-                                    src={exampleImages[imageKey].default}
-                                    alt={pages[page].title} />
-                            {/if}
-                            <div class="title">{pages[page].title}</div>
-                        </div></a>
-                {/each}
-            </div>
-        </div>
-    {/each}
-</div>
-
-<style>
-    :global(.content) h2 {
-        margin-top: 1rem !important;
-        margin-bottom: 1rem;
-        text-transform: capitalize;
-        border: 0;
-        a {
-            text-decoration: none;
-            color: inherit;
-        }
-    }
-
-    .column-container {
-        container-type: inline-size;
-    }
-
-    .example-grid {
-        --example-grid-columns: 5;
-
-        /* width: 100%; */
-        display: grid;
-        /* overflow-x: clip; */
-        grid-template-columns: repeat(var(--example-grid-columns), 1fr);
-        grid-auto-rows: 1fr;
-        gap: 1.25rem;
-
-        a {
-            text-decoration: none;
-            color: inherit;
-        }
-
-        .title {
-            font-size: 0.75rem;
-            opacity: 0.8;
-            line-height: 1.2;
-            text-decoration: none;
-        }
-    }
-
-    @container (max-width: 800px) {
-        .example-grid {
-            --example-grid-columns: 4;
-        }
-    }
-    @container (max-width: 600px) {
-        .example-grid {
-            --example-grid-columns: 3;
-        }
-    }
-    @container (max-width: 500px) {
-        .example-grid {
-            --example-grid-columns: 2;
-        }
-    }
-
-    .example-grid :global(img) {
-        height: auto !important;
-        aspect-ratio: 4 / 3;
-        object-fit: cover;
-        width: 100%;
-        height: auto;
-
-        position: relative;
-        transition: transform 0.05s ease-out;
-        &:hover {
-            transform: scale(1.5);
-            object-fit: contain;
-            z-index: 1;
-
-            background: fixed var(--svelteplot-bg);
-
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-        }
-    }
-</style>