svelteplot 0.10.1-pr-357.2 → 0.10.1

package/dist/transforms/sort.d.ts

@@ -1,27 +1,28 @@
 import type { DataRow, TransformArg } from '../types/index.js';
-export declare const SORT_KEY: any;
-export declare const IS_SORTED: any;
+export declare const SORT_KEY: unique symbol;
+export declare const IS_SORTED: unique symbol;
 export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?: {
     reverse?: boolean;
 }): {
+    [IS_SORTED]: string | number | true | symbol | object;
     sort: null;
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/channel.js").ChannelAccessor<T>;
-    fy?: import("../types/channel.js").ChannelAccessor<T>;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: DodgeXOptions;
-    dodgeY?: DodgeYOptions;
-    fill?: import("../types/channel.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    stroke?: import("../types/channel.js").ChannelAccessor<T>;
+    stroke?: import("../types/index.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/channel.js").ChannelAccessor<T>;
+    opacity?: import("../types/index.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>;
@@ -63,29 +64,31 @@ export declare function sort<T>({ data, ...channels }: TransformArg<T>, options?
     class?: string | undefined;
     style?: string | undefined;
     cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, T>;
-    data: any;
+    data: T[] | Omit<T & {
+        [SORT_KEY]: string | number | Date;
+    }, typeof SORT_KEY>[];
 } | {
     filter?: import("../types/index.js").ConstantAccessor<boolean, T>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/channel.js").ChannelAccessor<T>;
-    fy?: import("../types/channel.js").ChannelAccessor<T>;
+    fx?: import("../types/index.js").ChannelAccessor<T>;
+    fy?: import("../types/index.js").ChannelAccessor<T>;
     dx?: import("../types/index.js").ConstantAccessor<number, T>;
     dy?: import("../types/index.js").ConstantAccessor<number, T>;
-    dodgeX?: DodgeXOptions;
-    dodgeY?: DodgeYOptions;
-    fill?: import("../types/channel.js").ChannelAccessor<T>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<T>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, T>;
-    sort?: {
+    sort?: ((a: import("../types/index.js").RawValue, b: import("../types/index.js").RawValue) => number) | {
         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, T>;
-    stroke?: import("../types/channel.js").ChannelAccessor<T>;
+    } | import("../types/index.js").ConstantAccessor<import("../types/index.js").RawValue, T>;
+    stroke?: import("../types/index.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/channel.js").ChannelAccessor<T>;
+    opacity?: import("../types/index.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>;
@@ -136,23 +139,24 @@ export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>,
     seed?: number;
 }): {
     sort: null;
+    [IS_SORTED]: boolean;
     filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
-    fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    dodgeX?: DodgeXOptions;
-    dodgeY?: DodgeYOptions;
-    fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    stroke?: import("../types/index.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/channel.js").ChannelAccessor<DataRow[]>;
+    opacity?: import("../types/index.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[]>;
@@ -201,23 +205,24 @@ export declare function shuffle({ data, ...channels }: TransformArg<DataRow[]>,
  */
 export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>): {
     sort: null;
+    [IS_SORTED]: boolean;
     filter?: import("../types/index.js").ConstantAccessor<boolean, DataRow[]>;
     facet?: "auto" | "include" | "exclude" | undefined;
-    fx?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
-    fy?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    fx?: import("../types/index.js").ChannelAccessor<DataRow[]>;
+    fy?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     dx?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
     dy?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    dodgeX?: DodgeXOptions;
-    dodgeY?: DodgeYOptions;
-    fill?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    dodgeX?: import("./dodge").DodgeXOptions | undefined;
+    dodgeY?: import("./dodge").DodgeYOptions | undefined;
+    fill?: import("../types/index.js").ChannelAccessor<DataRow[]>;
     fillOpacity?: import("../types/index.js").ConstantAccessor<number, DataRow[]>;
-    stroke?: import("../types/channel.js").ChannelAccessor<DataRow[]>;
+    stroke?: import("../types/index.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/channel.js").ChannelAccessor<DataRow[]>;
+    opacity?: import("../types/index.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[]>;
@@ -259,5 +264,5 @@ export declare function reverse({ data, ...channels }: TransformArg<DataRow[]>):
     class?: string | undefined;
     style?: string | undefined;
     cursor?: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, DataRow[]>;
-    data: any;
+    data: DataRow[][];
 };

package/dist/transforms/stack.d.ts

@@ -12,21 +12,21 @@ export declare function stackMosaicX<T>(args: any, opts: any): {
     fx: ChannelAccessor<unknown>;
     fy: ChannelAccessor<unknown>;
     data: unknown[];
-    x: any;
-    x1: any;
-    x2: any;
-    y: any;
-    y1: any;
-    y2: any;
+    x: symbol;
+    x1: symbol;
+    x2: symbol;
+    y: symbol;
+    y1: symbol;
+    y2: symbol;
 };
 export declare function stackMosaicY<T>(args: any, opts: any): {
     fx: ChannelAccessor<unknown>;
     fy: ChannelAccessor<unknown>;
     data: unknown[];
-    x: any;
-    x1: any;
-    x2: any;
-    y: any;
-    y1: any;
-    y2: any;
+    x: symbol;
+    x1: symbol;
+    x2: symbol;
+    y: symbol;
+    y1: symbol;
+    y2: symbol;
 };

package/dist/transforms/window.d.ts

@@ -7,6 +7,140 @@ type WindowOptions = {
     reduce: ReducerName;
     strict: boolean;
 };
-export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): any;
-export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): any;
+export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
+    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>>;
+    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) | {
+        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>>;
+    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>>;
+    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: string]: import("../types/index.js").RawValue;
+        [x: symbol]: import("../types/index.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>>;
+    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) | {
+        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>>;
+    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>>;
+    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: string]: import("../types/index.js").RawValue;
+        [x: symbol]: import("../types/index.js").RawValue;
+    }[];
+};
 export {};

package/dist/ui/Checkbox.svelte

@@ -0,0 +1,14 @@
+<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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,81 @@
+<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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,63 @@
+<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

@@ -0,0 +1,12 @@
+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;