layerchart 0.41.5 → 0.41.6

package/dist/components/Arc.svelte.d.ts

@@ -6,18 +6,18 @@ declare const __propDef: {
         [x: string]: any;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
-        value?: number | undefined;
-        initialValue?: number | undefined;
-        domain?: number[] | undefined;
-        range?: number[] | undefined;
+        value?: number;
+        initialValue?: number;
+        domain?: number[];
+        range?: number[];
         startAngle?: number | undefined;
         endAngle?: number | undefined;
         innerRadius?: number | undefined;
         outerRadius?: number | undefined;
-        cornerRadius?: number | undefined;
-        padAngle?: number | undefined;
-        track?: boolean | SVGAttributes<SVGPathElement> | undefined;
-        offset?: number | undefined;
+        cornerRadius?: number;
+        padAngle?: number;
+        track?: boolean | SVGAttributes<SVGPathElement>;
+        offset?: number;
     };
     events: {
         click: MouseEvent;

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

@@ -1,32 +1,22 @@
 import { SvelteComponentTyped } from "svelte";
+import { type ComponentProps } from 'svelte';
 import type { tweened as tweenedStore } from 'svelte/motion';
-import { type Area } from 'd3-shape';
 import type { CurveFactory } from 'd3-shape';
+import Spline from './Spline.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
         data?: any;
         pathData?: string | undefined | null;
-        radial?: boolean | undefined;
+        radial?: boolean;
         x?: any;
         y0?: any;
         y1?: any;
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
         clipPath?: string | undefined;
         curve?: CurveFactory | undefined;
-        defined?: Parameters<Area<any>['defined']>[0] | undefined;
-        line?: boolean | Partial<{
-            [x: string]: any;
-            data?: any;
-            pathData?: string | null | undefined;
-            radial?: boolean | undefined;
-            x?: any;
-            y?: any;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-            draw?: boolean | import("svelte/transition").DrawParams | undefined;
-            curve?: CurveFactory | import("d3-shape").CurveFactoryLineOnly | undefined;
-            defined?: ((d: any, index: number, data: any[]) => boolean) | undefined;
-        }> | undefined;
+        defined?: Parameters<Area<any>["defined"]>[0] | undefined;
+        line?: boolean | Partial<ComponentProps<Spline>>;
     };
     events: {
         click: MouseEvent;

package/dist/components/AreaStack.svelte.d.ts

@@ -6,8 +6,8 @@ import Spline from './Spline.svelte';
 declare const __propDef: {
     props: {
         curve?: CurveFactory | undefined;
-        defined?: ComponentProps<Spline>['defined'] | undefined;
-        opacity?: number | undefined;
+        defined?: ComponentProps<Spline>["defined"] | undefined;
+        opacity?: number;
         line?: boolean | any;
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };

package/dist/components/Axis.svelte.d.ts

@@ -7,20 +7,20 @@ import { type FormatType, type TransitionParams } from 'svelte-ux';
 import Text from './Text.svelte';
 declare const __propDef: {
     props: {
-        /** Location of axis */ placement: 'top' | 'bottom' | 'left' | 'right' | 'angle' | 'radius';
-        /** Axis label */ label?: string | undefined;
-        /** Location of axis label */ labelPlacement?: "start" | "end" | "middle" | undefined;
+        /** Location of axis */ placement: "top" | "bottom" | "left" | "right" | "angle" | "radius";
+        /** Axis label */ label?: string;
+        /** Location of axis label */ labelPlacement?: "start" | "middle" | "end";
         /** Props applied label Text */ labelProps?: Partial<ComponentProps<Text>> | undefined;
-        /** Draw a rule line.  Use Rule component for greater rendering order control */ rule?: boolean | SVGAttributes<SVGLineElement> | undefined;
-        /** Draw a grid lines */ grid?: boolean | SVGAttributes<SVGLineElement> | undefined;
+        /** Draw a rule line.  Use Rule component for greater rendering order control */ rule?: boolean | SVGAttributes<SVGLineElement>;
+        /** Draw a grid lines */ grid?: boolean | SVGAttributes<SVGLineElement>;
         /** Control the number of ticks*/ ticks?: number | any[] | Function | undefined;
-        /** Length of the tick line */ tickLength?: number | undefined;
+        /** Length of the tick line */ tickLength?: number;
         /** Format tick labels */ format?: FormatType | undefined;
         /** Props to apply to each tick label */ tickLabelProps?: Partial<ComponentProps<Text>> | undefined;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
-        transitionIn?: typeof fade | (() => void) | undefined;
-        transitionInParams?: TransitionParams | undefined;
+        transitionIn?: typeof fade | (() => void);
+        transitionInParams?: TransitionParams;
         scale?: any;
     };
     events: {

package/dist/components/Bar.svelte.d.ts

@@ -8,16 +8,16 @@ declare const __propDef: {
         x?: any;
         y?: any;
         fill?: string | undefined;
-        stroke?: string | undefined;
-        strokeWidth?: number | undefined;
-        radius?: number | undefined;
-        rounded?: "top" | "bottom" | "left" | "right" | "all" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
-        inset?: number | undefined;
+        stroke?: string;
+        strokeWidth?: number;
+        radius?: number;
+        rounded?: "all" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        inset?: number;
         groupBy?: string | undefined;
-        groupPaddingInner?: number | undefined;
-        groupPaddingOuter?: number | undefined;
-        spring?: ComponentProps<Rect>['spring'];
-        tweened?: ComponentProps<Rect>['tweened'];
+        groupPaddingInner?: number;
+        groupPaddingOuter?: number;
+        spring?: ComponentProps<Rect>["spring"];
+        tweened?: ComponentProps<Rect>["tweened"];
     };
     events: {
         click: MouseEvent;

package/dist/components/Bars.svelte.d.ts

@@ -6,15 +6,15 @@ declare const __propDef: {
         [x: string]: any;
         x?: any;
         y?: any;
-        stroke?: string | undefined;
-        strokeWidth?: number | undefined;
-        radius?: number | undefined;
-        inset?: number | undefined;
-        spring?: ComponentProps<Rect>['spring'];
-        tweened?: ComponentProps<Rect>['tweened'];
+        stroke?: string;
+        strokeWidth?: number;
+        radius?: number;
+        inset?: number;
+        spring?: ComponentProps<Rect>["spring"];
+        tweened?: ComponentProps<Rect>["tweened"];
         groupBy?: string | undefined;
-        groupPaddingInner?: number | undefined;
-        groupPaddingOuter?: number | undefined;
+        groupPaddingInner?: number;
+        groupPaddingOuter?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Blur.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        id?: string | undefined;
-        stdDeviation?: number | undefined;
+        id?: string;
+        stdDeviation?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Bounds.svelte.d.ts

@@ -30,8 +30,8 @@ declare const __propDef: {
             x1: number;
             y1: number;
         });
-        spring?: boolean | Parameters<typeof motionScale>[1]['spring'];
-        tweened?: boolean | Parameters<typeof motionScale>[1]['tweened'];
+        spring?: boolean | Parameters<typeof motionScale>[1]["spring"];
+        tweened?: boolean | Parameters<typeof motionScale>[1]["tweened"];
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -3,32 +3,32 @@ import type { SVGAttributes } from 'svelte/elements';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        axis?: "x" | "y" | "both" | undefined;
-        handleSize?: number | undefined;
-        resetOnEnd?: boolean | undefined;
-        xDomain?: [number | null, number | null] | undefined;
-        yDomain?: [number | null, number | null] | undefined;
+        axis?: "x" | "y" | "both";
+        handleSize?: number;
+        resetOnEnd?: boolean;
+        xDomain?: [number | null, number | null];
+        yDomain?: [number | null, number | null];
         range?: SVGAttributes<SVGRectElement> | undefined;
         handle?: SVGAttributes<SVGRectElement> | undefined;
         classes?: {
-            root?: string | undefined;
-            frame?: string | undefined;
-            range?: string | undefined;
-            handle?: string | undefined;
-        } | undefined;
+            root?: string;
+            frame?: string;
+            range?: string;
+            handle?: string;
+        };
     };
     events: {
         change: CustomEvent<{
-            xDomain?: [any, any] | undefined;
-            yDomain?: [any, any] | undefined;
+            xDomain?: [any, any];
+            yDomain?: [any, any];
         }>;
         brushStart: CustomEvent<{
-            xDomain?: [any, any] | undefined;
-            yDomain?: [any, any] | undefined;
+            xDomain?: [any, any];
+            yDomain?: [any, any];
         }>;
         brushEnd: CustomEvent<{
-            xDomain?: [any, any] | undefined;
-            yDomain?: [any, any] | undefined;
+            xDomain?: [any, any];
+            yDomain?: [any, any];
         }>;
     } & {
         [evt: string]: CustomEvent<any>;

package/dist/components/Calendar.svelte.d.ts

@@ -1,16 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
+import { type ComponentProps } from 'svelte';
 import type { TooltipContextValue } from './TooltipContext.svelte';
+import MonthPath from './MonthPath.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
         start: Date;
         end: Date;
         cellSize?: number | [number, number] | undefined;
-        monthPath?: boolean | Partial<{
-            [x: string]: any;
-            date: Date;
-            cellSize: number | [number, number];
-        }> | undefined;
+        monthPath?: boolean | Partial<ComponentProps<MonthPath>>;
         tooltip?: TooltipContextValue | undefined;
     };
     events: {

package/dist/components/Chart.svelte.d.ts

@@ -14,16 +14,16 @@ import TransformContext from './TransformContext.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        data?: any[] | undefined;
+        data?: any[];
         x?: (string | number | ((d: any) => number)) | (string | number | ((d: any) => number))[] | undefined;
         y?: (string | number | ((d: any) => number)) | (string | number | ((d: any) => number))[] | undefined;
         yScale?: Function | undefined;
-        xBaseline?: number | null | undefined;
-        yBaseline?: number | null | undefined;
+        xBaseline?: number | null;
+        yBaseline?: number | null;
         geo?: Partial<ComponentProps<GeoContext>> | undefined;
         tooltip?: Partial<ComponentProps<TooltipContext>> | boolean | undefined;
         transform?: Partial<ComponentProps<TransformContext>> | undefined;
-        transformContext?: TransformContext | undefined;
+        transformContext?: TransformContext;
     };
     events: {
         transform: CustomEvent<{
@@ -49,7 +49,7 @@ declare const __propDef: {
             projection: import("d3-geo").GeoProjection | import("d3-geo").GeoIdentityTransform;
             transform: {
                 scale: number;
-                setScale: (value: number, options?: import("../stores/motionStore").MotionOptions | undefined) => void;
+                setScale: (value: number, options?: import("../stores/motionStore").MotionOptions) => void;
                 translate: {
                     x: number;
                     y: number;
@@ -57,14 +57,14 @@ declare const __propDef: {
                 setTranslate: (point: {
                     x: number;
                     y: number;
-                }, options?: import("../stores/motionStore").MotionOptions | undefined) => void;
+                }, options?: import("../stores/motionStore").MotionOptions) => void;
                 zoomTo: (center: {
                     x: number;
                     y: number;
                 }, rect?: {
                     width: number;
                     height: number;
-                } | undefined) => void;
+                }) => void;
                 reset: () => void;
             };
             tooltip: {

package/dist/components/ChartClipPath.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        full?: boolean | undefined;
+        full?: boolean;
     };
     events: {
         click: CustomEvent<any>;

package/dist/components/Circle.svelte.d.ts

@@ -3,12 +3,12 @@ import type { spring as springStore, tweened as tweenedStore } from 'svelte/moti
 declare const __propDef: {
     props: {
         [x: string]: any;
-        cx?: number | undefined;
-        initialCx?: number | undefined;
-        cy?: number | undefined;
-        initialCy?: number | undefined;
-        r?: number | undefined;
-        initialR?: number | undefined;
+        cx?: number;
+        initialCx?: number;
+        cy?: number;
+        initialCy?: number;
+        r?: number;
+        initialR?: number;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };

package/dist/components/CircleClipPath.svelte.d.ts

@@ -3,9 +3,9 @@ import type { spring as springStore, tweened as tweenedStore } from 'svelte/moti
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
-        cx?: number | undefined;
-        cy?: number | undefined;
+        id?: string;
+        cx?: number;
+        cy?: number;
         r: number;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];

package/dist/components/ClipPath.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        id?: string | undefined;
+        id?: string;
         useId?: string | undefined;
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     };
     events: {
         click: MouseEvent;

package/dist/components/ColorRamp.svelte.d.ts

@@ -3,9 +3,9 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         interpolator: (t: number) => string;
-        steps?: number | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
+        steps?: number;
+        height?: string | number;
+        width?: string | number;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/ForceSimulation.svelte.d.ts

@@ -3,13 +3,13 @@ import { type Force } from 'd3-force';
 declare const __propDef: {
     props: {
         forces: Record<string, Force<any, any>>;
-        alpha?: number | undefined;
-        alphaTarget?: number | undefined;
-        alphaDecay?: number | undefined;
-        alphaMin?: number | undefined;
-        velocityDecay?: number | undefined;
-        /** Clone data since simulation mutates original */ cloneData?: boolean | undefined;
-        /** If true, will only update nodes after simulation has completed */ static?: boolean | undefined;
+        alpha?: number;
+        alphaTarget?: number;
+        alphaDecay?: number;
+        alphaMin?: number;
+        velocityDecay?: number;
+        /** Clone data since simulation mutates original */ cloneData?: boolean;
+        /** If true, will only update nodes after simulation has completed */ static?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Frame.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        full?: boolean | undefined;
+        full?: boolean;
         rectEl: SVGRectElement;
     };
     events: {

package/dist/components/GeoCircle.svelte.d.ts

@@ -1,16 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
+import GeoPath from './GeoPath.svelte';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        radius?: number | undefined;
-        center?: [number, number] | undefined;
-        precision?: number | undefined;
+        radius?: number;
+        center?: [number, number];
+        precision?: number;
     };
     events: {
         pointermove: PointerEvent;
         pointerleave: PointerEvent;
         click: CustomEvent<{
-            geoPath: import("d3-geo").GeoPath<any, import("d3-geo").GeoPermissibleObjects>;
+            geoPath: GeoPath;
             event: MouseEvent;
         }>;
     } & {

package/dist/components/GeoContext.svelte.d.ts

@@ -22,10 +22,10 @@ declare const __propDef: {
         scale?: number | undefined;
         translate?: [number, number] | undefined;
         center?: [number, number] | undefined;
-        /** Apply TransformContext to the selected properties.  Typically `translate` or `rotate` are mutually selected  */ applyTransform?: ("rotate" | "scale" | "translate")[] | undefined;
+        /** Apply TransformContext to the selected properties.  Typically `translate` or `rotate` are mutually selected  */ applyTransform?: ("scale" | "translate" | "rotate")[];
         reflectX?: boolean | undefined;
         reflectY?: boolean | undefined;
-        /** Exposed to allow binding in Chart */ geo?: Writable<GeoProjection | GeoIdentityTransform> | undefined;
+        /** Exposed to allow binding in Chart */ geo?: Writable<GeoProjection | GeoIdentityTransform>;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/GeoPath.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
-import { type GeoIdentityTransform, type GeoPath, type GeoPermissibleObjects, type GeoProjection, type GeoTransformPrototype } from 'd3-geo';
+import { type GeoIdentityTransform, type GeoPermissibleObjects, type GeoProjection, type GeoTransformPrototype } from 'd3-geo';
 import type { TooltipContextValue } from './TooltipContext.svelte';
 import { type CurveFactory, type CurveFactoryLineOnly } from 'd3-shape';
 declare const __propDef: {
     props: {
         [x: string]: any;
-        geojson?: GeoPermissibleObjects | undefined;
-        render?: ((ctx: CanvasRenderingContext2D, { geoPath: GeoPath }) => any) | undefined;
+        geojson?: GeoPermissibleObjects;
+        render?: ((ctx: CanvasRenderingContext2D, { geoPath: GeoPath }: any) => any) | undefined;
         fill?: string | undefined;
         stroke?: string | undefined;
         strokeWidth?: number | string | undefined;
         tooltip?: TooltipContextValue | undefined;
-        curve?: CurveFactory | CurveFactoryLineOnly | undefined;
+        curve?: CurveFactory | CurveFactoryLineOnly;
         class?: string | undefined;
         geoTransform?: ((projection: GeoProjection | GeoIdentityTransform) => GeoTransformPrototype) | undefined;
     };

package/dist/components/GeoPoint.svelte.d.ts

@@ -4,10 +4,10 @@ declare const __propDef: {
         [x: string]: any;
         lat: number;
         long: number;
-        render?: ((ctx: CanvasRenderingContext2D, coords: {
+        render?: (ctx: CanvasRenderingContext2D, coords: {
             x: number;
             y: number;
-        }) => any) | undefined;
+        }) => any;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/GeoSpline.svelte.d.ts

@@ -7,7 +7,7 @@ declare const __propDef: {
             source: [number, number];
             target: [number, number];
         };
-        loft?: number | undefined;
+        loft?: number;
         curve?: CurveFactory | CurveFactoryLineOnly | undefined;
     };
     events: {

package/dist/components/GeoTile.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         url: (x: number, y: number, z: number) => string;
-        zoomDelta?: number | undefined;
-        tileSize?: number | undefined;
-        disableCache?: boolean | undefined;
-        debug?: boolean | undefined;
+        zoomDelta?: number;
+        tileSize?: number;
+        disableCache?: boolean;
+        debug?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Graticule.svelte.d.ts

@@ -6,7 +6,7 @@ declare const __propDef: {
         [x: string]: any;
         lines?: Partial<ComponentProps<GeoPath>> | boolean | undefined;
         outline?: Partial<ComponentProps<GeoPath>> | boolean | undefined;
-        step?: [number, number] | undefined;
+        step?: [number, number];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/Group.svelte.d.ts

@@ -7,8 +7,8 @@ declare const __propDef: {
         initialX?: number | undefined;
         y?: number | undefined;
         initialY?: number | undefined;
-        center?: boolean | "x" | "y" | undefined;
-        preventTouchMove?: boolean | undefined;
+        center?: boolean | "x" | "y";
+        preventTouchMove?: boolean;
         spring?: boolean | Parameters<typeof springStore>[1];
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };

package/dist/components/Highlight.svelte.d.ts

@@ -1,67 +1,17 @@
 import { SvelteComponentTyped } from "svelte";
+import { type ComponentProps } from 'svelte';
+import Circle from './Circle.svelte';
+import Line from './Line.svelte';
+import Rect from './Rect.svelte';
 declare const __propDef: {
     props: {
         /** Highlight specific data (annotate), espect uses tooltip data */ data?: any;
-        axis?: 'x' | 'y' | 'both' | 'none' | undefined;
-        /** Show points and pass props to Circles */ points?: boolean | Partial<{
-            [x: string]: any;
-            cx?: number | undefined;
-            initialCx?: number | undefined;
-            cy?: number | undefined;
-            initialCy?: number | undefined;
-            r?: number | undefined;
-            initialR?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-        }> | undefined;
-        /** Show lines and pass props to Lines */ lines?: boolean | Partial<{
-            [x: string]: any;
-            x1: number;
-            initialX1?: number | undefined;
-            y1: number;
-            initialY1?: number | undefined;
-            x2: number;
-            initialX2?: number | undefined;
-            y2: number;
-            initialY2?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | undefined;
-        }> | undefined;
-        /** Show area and pass props to Rect */ area?: boolean | Partial<{
-            [x: string]: any;
-            x?: number | undefined;
-            initialX?: number | undefined;
-            y?: number | undefined;
-            initialY?: number | undefined;
-            width: number;
-            initialWidth?: number | undefined;
-            height: number;
-            initialHeight?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | {
-                [prop: string]: import("svelte/motion").SpringOpts | undefined;
-            } | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-            } | undefined;
-        }> | undefined;
-        /** Show bar and pass props to Rect */ bar?: boolean | Partial<{
-            [x: string]: any;
-            x?: number | undefined;
-            initialX?: number | undefined;
-            y?: number | undefined;
-            initialY?: number | undefined;
-            width: number;
-            initialWidth?: number | undefined;
-            height: number;
-            initialHeight?: number | undefined;
-            spring?: boolean | import("svelte/motion").SpringOpts | {
-                [prop: string]: import("svelte/motion").SpringOpts | undefined;
-            } | undefined;
-            tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-            } | undefined;
-        }> | undefined;
-        /** Set to false to disable spring transitions */ motion?: boolean | undefined;
+        axis?: "x" | "y" | "both" | "none" | undefined;
+        /** Show points and pass props to Circles */ points?: boolean | Partial<ComponentProps<Circle>>;
+        /** Show lines and pass props to Lines */ lines?: boolean | Partial<ComponentProps<Line>>;
+        /** Show area and pass props to Rect */ area?: boolean | Partial<ComponentProps<Rect>>;
+        /** Show bar and pass props to Rect */ bar?: boolean | Partial<ComponentProps<Rect>>;
+        /** Set to false to disable spring transitions */ motion?: boolean;
     };
     events: {
         click: MouseEvent;
@@ -80,20 +30,20 @@ declare const __propDef: {
         bar: {
             bar: boolean | Partial<{
                 [x: string]: any;
-                x?: number | undefined;
-                initialX?: number | undefined;
-                y?: number | undefined;
-                initialY?: number | undefined;
+                x?: number;
+                initialX?: number;
+                y?: number;
+                initialY?: number;
                 width: number;
-                initialWidth?: number | undefined;
+                initialWidth?: number;
                 height: number;
-                initialHeight?: number | undefined;
-                spring?: boolean | import("svelte/motion").SpringOpts | {
-                    [prop: string]: import("svelte/motion").SpringOpts | undefined;
-                } | undefined;
-                tweened?: boolean | import("svelte/motion").TweenedOptions<unknown> | {
-                    [prop: string]: import("svelte/motion").TweenedOptions<unknown> | undefined;
-                } | undefined;
+                initialHeight?: number;
+                spring?: boolean | import("../stores/motionStore").SpringOptions | {
+                    [prop: string]: import("../stores/motionStore").SpringOptions;
+                };
+                tweened?: boolean | import("../stores/motionStore").TweenedOptions | {
+                    [prop: string]: import("../stores/motionStore").TweenedOptions;
+                };
             }>;
         };
         lines: {