svelteplot 0.3.5-pr-121.9 → 0.3.5

package/dist/marks/AxisX.svelte

@@ -26,14 +26,13 @@
         > {
         data?: Datum[];
         automatic?: boolean;
-        title?: string | false | null;
+        title?: string;
         anchor?: 'top' | 'bottom';
         interval?: string | number;
         facetAnchor?: 'auto' | 'top-empty' | 'bottom-empty' | 'top' | 'bottom';
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
-        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
@@ -44,7 +43,7 @@
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
-        text?: boolean | null;
+        text: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
@@ -57,8 +56,6 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
-        titleFontSize: 11,
-        opacity: 0.8,
         anchor: 'bottom',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisX
@@ -143,19 +140,18 @@
     const isQuantitative = $derived(scaleType !== 'point' && scaleType !== 'band');
 
     const useTitle = $derived(
-        title !== undefined
-            ? title || ''
-            : optionsLabel === null
-              ? null
-              : optionsLabel !== undefined
-                ? optionsLabel
-                : plot.scales.x.autoTitle
-                  ? isQuantitative
-                      ? plot.options.x?.reverse
-                          ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
-                          : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
-                      : plot.scales.x.autoTitle
-                  : ''
+        title ||
+            (optionsLabel === null
+                ? null
+                : optionsLabel !== undefined
+                  ? optionsLabel
+                  : plot.scales.x.autoTitle
+                    ? isQuantitative
+                        ? plot.options.x?.reverse
+                            ? `← ${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''}`
+                            : `${plot.scales.x.autoTitle}${plot.options.x.percent ? ' (%)' : ''} →`
+                        : plot.scales.x.autoTitle
+                    : '')
     );
 
     const useLabelAnchor = $derived(labelAnchor || plot.options?.x?.labelAnchor || 'auto');
@@ -192,10 +188,8 @@
             style={resolveScaledStyles(
                 null,
                 {
-                    opacity: 0.8,
                     ...options,
                     stroke: null,
-                    fontSize: options.titleFontSize || 11,
                     textAnchor:
                         titleAlign === 'right'
                             ? 'end'
@@ -237,6 +231,8 @@
 
 <style>
     text {
+        font-size: 11px;
+        opacity: 0.8;
         fill: currentColor;
     }
 </style>

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

@@ -1,32 +1,32 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
-        filter?: ConstantAccessor<boolean, Datum>;
+        filter?: import("../types").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types/channel").ChannelAccessor<Datum>;
-        fy: import("../types/channel").ChannelAccessor<Datum>;
-        dx: ConstantAccessor<number, Datum>;
-        dy: ConstantAccessor<number, Datum>;
-        fill: import("../types/channel").ChannelAccessor<Datum>;
-        fillOpacity: ConstantAccessor<number, Datum>;
+        fx: import("../types").ChannelAccessor<Datum>;
+        fy: import("../types").ChannelAccessor<Datum>;
+        dx: import("../types").ConstantAccessor<number, Datum>;
+        dy: import("../types").ConstantAccessor<number, Datum>;
+        fill: import("../types").ChannelAccessor<Datum>;
+        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
-        stroke: import("../types/channel").ChannelAccessor<Datum>;
-        strokeWidth: ConstantAccessor<number, Datum>;
-        strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: ConstantAccessor<number, Datum>;
-        opacity: import("../types/channel").ChannelAccessor<Datum>;
-        strokeDasharray: ConstantAccessor<string, Datum>;
-        strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
+        stroke: import("../types").ChannelAccessor<Datum>;
+        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
+        opacity: import("../types").ChannelAccessor<Datum>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: ConstantAccessor<string, Datum>;
+        imageFilter: import("../types").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types").ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,25 +58,24 @@ declare class __sveltets_Render<Datum extends RawValue> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
-        title?: string | false | null;
+        title?: string;
         anchor?: "top" | "bottom";
         interval?: string | number;
         facetAnchor?: "auto" | "top-empty" | "bottom-empty" | "top" | "bottom";
         labelAnchor?: "auto" | "left" | "center" | "right";
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
-        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: string | number | Datum[] | undefined;
         /** set to false or null to disable tick labels */
-        text?: boolean | null;
+        text: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */

package/dist/marks/AxisY.svelte

@@ -25,16 +25,14 @@
         > {
         data?: Datum[];
         automatic?: boolean;
-        title?: string | false | null;
+        title?: string;
         anchor?: 'left' | 'right';
         facetAnchor?: 'auto' | 'left' | 'right' | 'left-empty' | 'right-empty';
         lineAnchor?: 'top' | 'center' | 'bottom';
         interval?: string | number;
         labelAnchor?: 'auto' | 'left' | 'center' | 'right';
-        textAnchor?: 'auto' | 'start' | 'middle' | 'end';
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
-        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?:
             | 'auto'
@@ -45,7 +43,7 @@
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: number | string | Datum[];
         /** set to false or null to disable tick labels */
-        text?: boolean | null;
+        text: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
@@ -58,9 +56,7 @@
         tickSize: 6,
         tickPadding: 3,
         tickFontSize: 11,
-        opacity: 0.8,
         anchor: 'left',
-        textAnchor: 'auto',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,
         ...getContext<PlotDefaults>('svelteplot/_defaults').axisY
     };
@@ -75,7 +71,6 @@
         facetAnchor = 'auto',
         interval = typeof magicTicks === 'string' ? magicTicks : undefined,
         lineAnchor = 'center',
-        textAnchor,
         tickSize,
         tickFontSize,
         tickPadding,
@@ -143,15 +138,14 @@
     const optionsLabel = $derived(plot.options.y.label);
 
     const useTitle = $derived(
-        title !== undefined
-            ? title || ''
-            : optionsLabel === null
-              ? null
-              : optionsLabel !== undefined
-                ? optionsLabel
-                : plot.scales.y.autoTitle
-                  ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
-                  : ''
+        title ||
+            (optionsLabel === null
+                ? null
+                : optionsLabel !== undefined
+                  ? optionsLabel
+                  : plot.scales.y.autoTitle
+                    ? `↑ ${plot.scales.y.autoTitle}${plot.options.y.percent ? ' (%)' : ''}`
+                    : '')
     );
 
     const { getFacetState } = getContext<FacetContext>('svelteplot/facet');
@@ -182,14 +176,7 @@
         <text
             style={resolveScaledStyles(
                 null,
-                {
-                    opacity: 0.8,
-                    ...options,
-                    fontSize: options.titleFontSize ?? 11,
-                    fill: 'currentColor',
-                    stroke: null,
-                    textAnchor: anchor === 'left' ? 'start' : 'end'
-                },
+                { ...options, stroke: null, textAnchor: anchor === 'left' ? 'start' : 'end' },
                 {},
                 plot,
                 'fill'
@@ -204,15 +191,7 @@
             {anchor}
             {className}
             {lineAnchor}
-            options={{
-                ...options,
-                textAnchor:
-                    textAnchor == null || textAnchor === 'auto'
-                        ? anchor === 'left'
-                            ? 'end'
-                            : 'start'
-                        : textAnchor
-            }}
+            {options}
             {plot}
             {text}
             {tickClass}
@@ -231,6 +210,8 @@
 
 <style>
     text {
+        font-size: 11px;
+        opacity: 0.8;
         fill: currentColor;
     }
 </style>

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

@@ -1,32 +1,32 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
-        filter?: ConstantAccessor<boolean, Datum>;
+        filter?: import("../types").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: import("../types/channel").ChannelAccessor<Datum>;
-        fy: import("../types/channel").ChannelAccessor<Datum>;
-        dx: ConstantAccessor<number, Datum>;
-        dy: ConstantAccessor<number, Datum>;
-        fill: import("../types/channel").ChannelAccessor<Datum>;
-        fillOpacity: ConstantAccessor<number, Datum>;
+        fx: import("../types").ChannelAccessor<Datum>;
+        fy: import("../types").ChannelAccessor<Datum>;
+        dx: import("../types").ConstantAccessor<number, Datum>;
+        dy: import("../types").ConstantAccessor<number, Datum>;
+        fill: import("../types").ChannelAccessor<Datum>;
+        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: RawValue, b: RawValue) => number) | ConstantAccessor<RawValue, Datum>;
-        stroke: import("../types/channel").ChannelAccessor<Datum>;
-        strokeWidth: ConstantAccessor<number, Datum>;
-        strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
-        strokeMiterlimit: ConstantAccessor<number, Datum>;
-        opacity: import("../types/channel").ChannelAccessor<Datum>;
-        strokeDasharray: ConstantAccessor<string, Datum>;
-        strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
+        stroke: import("../types").ChannelAccessor<Datum>;
+        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
+        opacity: import("../types").ChannelAccessor<Datum>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
-        paintOrder: ConstantAccessor<string, Datum>;
+        imageFilter: import("../types").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types").ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -58,27 +58,25 @@ declare class __sveltets_Render<Datum extends RawValue> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
-        title?: string | false | null;
+        title?: string;
         anchor?: "left" | "right";
         facetAnchor?: "auto" | "left" | "right" | "left-empty" | "right-empty";
         lineAnchor?: "top" | "center" | "bottom";
         interval?: string | number;
         labelAnchor?: "auto" | "left" | "center" | "right";
-        textAnchor?: "auto" | "start" | "middle" | "end";
         tickSize?: number;
         tickFontSize?: ConstantAccessor<number, Datum>;
-        titleFontSize?: number;
         tickPadding?: number;
         tickFormat?: "auto" | Intl.NumberFormatOptions | Intl.DateTimeFormatOptions | ((d: RawValue) => string) | undefined;
         tickClass?: ConstantAccessor<string, Datum>;
         /** ticks is a shorthand for defining data, tickCount or interval */
         ticks?: string | number | Datum[] | undefined;
         /** set to false or null to disable tick labels */
-        text?: boolean | null;
+        text: boolean | null;
         /** approximate number of ticks to be generated */
         tickCount?: number;
         /** approximate number of pixels between generated ticks */

package/dist/marks/BarX.svelte

@@ -22,7 +22,7 @@
 
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
-    import { stackX, recordizeX, intervalX, sort } from '../index.js';
+    import { stackX, recordizeX, intervalX, sort } from '..';
 
     import type { StackOptions } from '../transforms/stack.js';
     import type { DataRow } from '../types/index.js';

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

@@ -3,32 +3,32 @@ import type { DataRow } from '../types/index.js';
 import type { BaseRectMarkProps, ChannelAccessor, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
+        filter?: import("../types").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        fx: import("../types").ChannelAccessor<Datum>;
+        fy: import("../types").ChannelAccessor<Datum>;
+        dx: import("../types").ConstantAccessor<number, Datum>;
+        dy: import("../types").ConstantAccessor<number, Datum>;
+        fill: import("../types").ChannelAccessor<Datum>;
+        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Datum>;
-        stroke: 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: 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>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
+        stroke: import("../types").ChannelAccessor<Datum>;
+        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
+        opacity: import("../types").ChannelAccessor<Datum>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types").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>;
+        imageFilter: import("../types").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types").ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -60,7 +60,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];
         x?: ChannelAccessor<Datum>;

package/dist/marks/BarY.svelte

@@ -23,7 +23,7 @@
 
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
-    import { intervalY, stackY, recordizeY, sort } from '../index.js';
+    import { intervalY, stackY, recordizeY, sort } from '..';
 
     import type { StackOptions } from '../transforms/stack.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';

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

@@ -2,32 +2,32 @@ import type { StackOptions } from '../transforms/stack.js';
 import type { BaseRectMarkProps, ChannelAccessor, DataRow, LinkableMarkProps } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRow> {
     props(): Partial<{
-        filter?: import("../types/index.js").ConstantAccessor<boolean, Datum>;
+        filter?: import("../types").ConstantAccessor<boolean, Datum>;
         facet?: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Datum>;
-        fy: ChannelAccessor<Datum>;
-        dx: import("../types/index.js").ConstantAccessor<number, Datum>;
-        dy: import("../types/index.js").ConstantAccessor<number, Datum>;
-        fill: ChannelAccessor<Datum>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
+        fx: import("../types").ChannelAccessor<Datum>;
+        fy: import("../types").ChannelAccessor<Datum>;
+        dx: import("../types").ConstantAccessor<number, Datum>;
+        dy: import("../types").ConstantAccessor<number, Datum>;
+        fill: import("../types").ChannelAccessor<Datum>;
+        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
         sort: {
             channel: string;
             order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Datum>;
-        stroke: 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: 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>;
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
+        stroke: import("../types").ChannelAccessor<Datum>;
+        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
+        opacity: import("../types").ChannelAccessor<Datum>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types").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>;
+        imageFilter: import("../types").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types").ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -59,7 +59,7 @@ declare class __sveltets_Render<Datum extends DataRow> {
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         class: string | null;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];
         x?: ChannelAccessor<Datum>;

package/dist/marks/BollingerX.svelte

@@ -3,7 +3,7 @@
     line representing a moving average and an area representing volatility as a band
 -->
 <script lang="ts" generics="Datum extends DataRecord">
-    import { Area, Line, bollingerX, recordizeX } from '../index.js';
+    import { Area, Line, bollingerX, recordizeX } from '..';
     import type {
         BaseMarkProps,
         ChannelAccessor,

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

@@ -1,6 +1,77 @@
-import type { DataRecord } from '../types/index.js';
+import type { ChannelAccessor, DataRecord } from '../types/index.js';
 declare class __sveltets_Render<Datum extends DataRecord> {
-    props(): any;
+    props(): Partial<{
+        filter?: import("../types").ConstantAccessor<boolean, Datum>;
+        facet?: "auto" | "include" | "exclude";
+        fx: import("../types").ChannelAccessor<Datum>;
+        fy: import("../types").ChannelAccessor<Datum>;
+        dx: import("../types").ConstantAccessor<number, Datum>;
+        dy: import("../types").ConstantAccessor<number, Datum>;
+        fill: import("../types").ChannelAccessor<Datum>;
+        fillOpacity: import("../types").ConstantAccessor<number, Datum>;
+        sort: {
+            channel: string;
+            order?: "ascending" | "descending";
+        } | ((a: import("../types").RawValue, b: import("../types").RawValue) => number) | import("../types").ConstantAccessor<import("../types").RawValue, Datum>;
+        stroke: import("../types").ChannelAccessor<Datum>;
+        strokeWidth: import("../types").ConstantAccessor<number, Datum>;
+        strokeOpacity: import("../types").ConstantAccessor<number, Datum>;
+        strokeLinejoin: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
+        strokeLinecap: import("../types").ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeMiterlimit: import("../types").ConstantAccessor<number, Datum>;
+        opacity: import("../types").ChannelAccessor<Datum>;
+        strokeDasharray: import("../types").ConstantAccessor<string, Datum>;
+        strokeDashoffset: import("../types").ConstantAccessor<number, Datum>;
+        mixBlendMode: import("../types").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        clipPath: string;
+        imageFilter: import("../types").ConstantAccessor<string, Datum>;
+        shapeRendering: import("../types").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        paintOrder: import("../types").ConstantAccessor<string, Datum>;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousedown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ondragend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchmove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchend?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+        class: string | null;
+        cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
+    }> & {
+        data: Datum[];
+        x?: ChannelAccessor<Datum>;
+        y?: ChannelAccessor<Datum>;
+        /**
+         * the window size (the window transform's k option), an integer; defaults to 20
+         */
+        n?: number;
+        /**
+         * the band radius, a number representing a multiple of standard deviations; defaults to 2
+         */
+        k?: number;
+    };
     events(): {};
     slots(): {};
     bindings(): "";

package/dist/marks/BollingerY.svelte

@@ -3,7 +3,7 @@
     line representing a moving average and an area representing volatility as a band
 -->
 <script lang="ts" generics="Datum extends DataRecord">
-    import { Area, Line, bollingerY, recordizeY } from '../index.js';
+    import { Area, Line, bollingerY, recordizeY } from '..';
     import type {
         BaseMarkProps,
         ChannelAccessor,