layerchart 2.0.0-next.43 → 2.0.0-next.45

package/dist/components/Area.svelte

@@ -56,15 +56,15 @@
   import type { CurveFactory } from 'd3-shape';
   import { max, min } from 'd3-array';
   import { interpolatePath } from 'd3-interpolate-path';
-  import { merge } from 'lodash-es';
+  import { merge } from '@layerstack/utils';
 
-  import { getRenderContext } from './Chart.svelte';
+  import { getLayerContext } from '../contexts/layer.js';
   import Spline from './Spline.svelte';
   import { isScaleBand } from '../utils/scales.svelte.js';
   import { flattenPathData } from '../utils/path.js';
-  import { registerCanvasComponent } from './layout/Canvas.svelte';
+  import { registerCanvasComponent } from './layers/Canvas.svelte';
   import { renderPathData, type ComputedStylesOptions } from '../utils/canvas.js';
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import {
     createMotion,
     extractTweenConfig,
@@ -75,7 +75,7 @@
   import { extractLayerProps } from '../utils/attributes.js';
 
   const ctx = getChartContext();
-  const renderCtx = getRenderContext();
+  const layerCtx = getLayerContext();
 
   let {
     clipPath,
@@ -207,6 +207,7 @@
         : {
             styles: { fill, fillOpacity, stroke, strokeWidth, opacity },
             classes: restProps.class ?? '',
+            style: restProps.style as string | undefined,
           }
     );
   }
@@ -215,7 +216,7 @@
   const fillKey = createKey(() => fill);
   const strokeKey = createKey(() => stroke);
 
-  if (renderCtx === 'canvas') {
+  if (layerCtx === 'canvas') {
     registerCanvasComponent({
       name: 'Area',
       render,
@@ -232,6 +233,7 @@
         strokeWidth,
         opacity,
         restProps.class,
+        restProps.style,
         tweenState.current,
       ],
     });
@@ -250,7 +252,7 @@
   />
 {/if}
 
-{#if renderCtx === 'svg'}
+{#if layerCtx === 'svg'}
   <path
     d={tweenState.current}
     clip-path={clipPath}

package/dist/components/Axis.svelte

@@ -45,6 +45,7 @@
 
     /**
      * Width or height of each tick in pixels (enabling responsive count)
+     * @default 80 (top|bottom|angle) or 50 (left|right|radius)
      */
     tickSpacing?: number;
 
@@ -136,7 +137,7 @@
   import Text from './Text.svelte';
   import { isScaleBand } from '../utils/scales.svelte.js';
 
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import { extractLayerProps } from '../utils/attributes.js';
   import { type MotionProp } from '../utils/motion.svelte.js';
   import { autoTickVals, autoTickFormat, type TicksConfig } from '../utils/ticks.js';

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

@@ -38,6 +38,7 @@ export type AxisPropsWithoutHTML<In extends Transition = Transition> = {
     ticks?: TicksConfig;
     /**
      * Width or height of each tick in pixels (enabling responsive count)
+     * @default 80 (top|bottom|angle) or 50 (left|right|radius)
      */
     tickSpacing?: number;
     /**

package/dist/components/Bar.svelte

@@ -80,11 +80,11 @@
   import { greatestAbs } from '@layerstack/utils';
 
   import Rect from './Rect.svelte';
-  import Spline from './Spline.svelte';
+  import Path from './Path.svelte';
 
   import { isScaleBand, isScaleTime } from '../utils/scales.svelte.js';
   import { accessor, type Accessor } from '../utils/common.js';
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import type { CommonEvents, CommonStyleProps, Without } from '../utils/types.js';
   import { extractLayerProps } from '../utils/attributes.js';
   import { extractTweenConfig, type MotionProp } from '../utils/motion.svelte.js';
@@ -204,7 +204,7 @@
   />
 {:else}
   {@const tweenMotion = extractTweenConfig(motion)}
-  <Spline
+  <Path
     {pathData}
     {fill}
     {fillOpacity}

package/dist/components/Bars.svelte

@@ -32,7 +32,7 @@
   import Bar, { type BarProps, type BarPropsWithoutHTML } from './Bar.svelte';
   import Group from './Group.svelte';
 
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import { chartDataArray } from '../utils/common.js';
   import { extractLayerProps } from '../utils/attributes.js';
 

package/dist/components/Blur.svelte

@@ -22,17 +22,17 @@
 
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import { getRenderContext } from './Chart.svelte';
+  import { getLayerContext } from '../contexts/layer.js';
   import { createId } from '../utils/createId.js';
 
   const uid = $props.id();
 
   let { id = createId('blur-', uid), stdDeviation = 5, children }: BlurProps = $props();
 
-  const renderContext = getRenderContext();
+  const layerCtx = getLayerContext();
 </script>
 
-{#if renderContext === 'svg'}
+{#if layerCtx === 'svg'}
   <defs>
     <filter {id} class="lc-blur-filter">
       <feGaussianBlur in="SourceGraphic" {stdDeviation} />

package/dist/components/Bounds.svelte

@@ -19,7 +19,7 @@
 <script lang="ts">
   import { scaleLinear } from 'd3-scale';
 
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import { createMotionScale, type AnyScale } from '../utils/scales.svelte.js';
 
   let { domain, range, motion, children }: BoundsProps = $props();

package/dist/components/BrushContext.svelte

@@ -146,7 +146,7 @@
   import { scaleInvert, type DomainType } from '../utils/scales.svelte.js';
   import { add } from '../utils/math.js';
   import type { HTMLAttributes } from 'svelte/elements';
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import type { Snippet } from 'svelte';
 
   const ctx = getChartContext();

package/dist/components/Calendar.svelte

@@ -60,11 +60,11 @@
   import { format } from '@layerstack/utils';
 
   import Rect, { type RectPropsWithoutHTML } from './Rect.svelte';
-  import type { TooltipContextValue } from './tooltip/TooltipContext.svelte';
+  import type { TooltipContextValue } from '../contexts/tooltip.js';
   import MonthPath from './MonthPath.svelte';
   import Text from './Text.svelte';
   import { chartDataArray } from '../utils/common.js';
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
   import type { SVGAttributes } from 'svelte/elements';
   import type { Without } from '../utils/types.js';
   import { extractLayerProps } from '../utils/attributes.js';

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

@@ -43,7 +43,7 @@ export type CalendarPropsWithoutHTML = {
 export type CalendarProps = CalendarPropsWithoutHTML & Without<SVGAttributes<SVGRectElement>, CalendarPropsWithoutHTML>;
 import { type ComponentProps, type Snippet } from 'svelte';
 import { type RectPropsWithoutHTML } from './Rect.svelte';
-import type { TooltipContextValue } from './tooltip/TooltipContext.svelte';
+import type { TooltipContextValue } from '../contexts/tooltip.js';
 import MonthPath from './MonthPath.svelte';
 import Text from './Text.svelte';
 import type { SVGAttributes } from 'svelte/elements';

package/dist/components/Chart.svelte

@@ -1,5 +1,14 @@
 <script lang="ts" module>
+  import { onMount, type ComponentProps, type Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
   import { scaleOrdinal, scaleSqrt } from 'd3-scale';
+  import type { TimeInterval } from 'd3-time';
+  import { extent, max, min } from 'd3-array';
+  import type { HierarchyNode } from 'd3-hierarchy';
+  import type { SankeyGraph } from 'd3-sankey';
+  import { useDebounce } from 'runed';
+  import { unique } from '@layerstack/utils';
+
   import { type Accessor, accessor, chartDataArray } from '../utils/common.js';
   import { printDebug } from '../utils/debug.js';
   import { filterObject } from '../utils/filterObject.js';
@@ -13,15 +22,12 @@
     type AnyScale,
     type DomainType,
   } from '../utils/scales.svelte.js';
-  import { Context, useDebounce } from 'runed';
   import type {
-    AxisKey,
     BaseRange,
-    DataType,
     Extents,
     Nice,
-    Padding,
     PaddingArray,
+    Without,
     XRangeWithScale,
     YRangeWithScale,
   } from '../utils/types.js';
@@ -31,17 +37,17 @@
     createGetter,
     createChartScale,
   } from '../utils/chart.js';
-  import { onMount, type ComponentProps, type Snippet } from 'svelte';
-  import GeoContext, { type GeoContextValue } from './GeoContext.svelte';
-  import TooltipContext, { type TooltipContextValue } from './tooltip/TooltipContext.svelte';
-  import { extent, max, min } from 'd3-array';
-  import type { HierarchyNode } from 'd3-hierarchy';
-  import type { SankeyGraph } from 'd3-sankey';
-  import { unique } from '@layerstack/utils';
+  import GeoContext from './GeoContext.svelte';
+  import TooltipContext from './tooltip/TooltipContext.svelte';
+  import type { TooltipContextValue } from '../contexts/tooltip.js';
+
   import { geoFitObjectTransform } from '../utils/geo.js';
-  import TransformContext, { type TransformContextValue } from './TransformContext.svelte';
+  import TransformContext from './TransformContext.svelte';
   import BrushContext, { type BrushContextValue } from './BrushContext.svelte';
-  import type { TimeInterval } from 'd3-time';
+
+  import { setChartContext, type ChartContextValue } from '../contexts/chart.js';
+  import { type GeoContextValue } from '../contexts/geo.js';
+  import { type TransformContextValue } from '../contexts/transform.js';
 
   const defaultPadding = { top: 0, right: 0, bottom: 0, left: 0 };
 
@@ -81,85 +87,6 @@
     | 'y1Range'
   >;
 
-  export type ChartContextValue<
-    T = any,
-    XScale extends AnyScale = AnyScale,
-    YScale extends AnyScale = AnyScale,
-  > = {
-    activeGetters: Record<AxisKey, (d: T) => any>;
-    width: number;
-    height: number;
-    percentRange: boolean;
-    aspectRatio: number;
-    containerRef: HTMLElement | undefined;
-    containerWidth: number;
-    containerHeight: number;
-    config: PreservedChartConfig<T, XScale, YScale>;
-    x: (d: T) => any;
-    y: (d: T) => any;
-    z: (d: T) => any;
-    r: (d: T) => any;
-    x1: (d: T) => any;
-    y1: (d: T) => any;
-    c: (d: T) => any;
-    data: DataType<T>;
-    xNice: Nice;
-    yNice: Nice;
-    zNice: Nice;
-    rNice: Nice;
-    xDomainSort: boolean;
-    yDomainSort: boolean;
-    zDomainSort: boolean;
-    rDomainSort: boolean;
-    xReverse: boolean;
-    yReverse: boolean;
-    zReverse: boolean;
-    rReverse: boolean;
-    xPadding: PaddingArray;
-    yPadding: PaddingArray;
-    zPadding: PaddingArray;
-    rPadding: PaddingArray;
-    padding: Padding;
-    flatData: T[];
-    extents: Extents;
-    xDomain: number[];
-    yDomain: number[];
-    zDomain: DomainType;
-    rDomain: DomainType;
-    cDomain: DomainType;
-    x1Domain: DomainType;
-    y1Domain: DomainType;
-    xRange: any[];
-    yRange: any[];
-    zRange: any[];
-    rRange: any[];
-    cRange: readonly string[] | string[] | undefined;
-    x1Range: XRangeWithScale<XScale> | undefined;
-    y1Range: YRangeWithScale<YScale> | undefined;
-    meta: Record<string, any>;
-    xScale: AnyScale;
-    yScale: AnyScale;
-    zScale: AnyScale;
-    rScale: AnyScale;
-    cScale: AnyScale | null;
-    x1Scale: AnyScale | null;
-    y1Scale: AnyScale | null;
-    yGet: (d: T) => any;
-    xGet: (d: T) => any;
-    zGet: (d: T) => any;
-    rGet: (d: T) => any;
-    cGet: (d: T) => any;
-    x1Get: (d: T) => any;
-    y1Get: (d: T) => any;
-    xInterval: TimeInterval | null;
-    yInterval: TimeInterval | null;
-    radial: boolean;
-    tooltip: TooltipContextValue<T>;
-    geo: GeoContextValue;
-    brush: BrushContextValue;
-    transform: TransformContextValue;
-  };
-
   export type LayerChartInternalMeta = {
     /**
      * The current chart type.
@@ -175,37 +102,6 @@
       | 'simplified-scatter';
   };
 
-  const _ChartContext = new Context<ChartContextValue<any, AnyScale, AnyScale>>('ChartContext');
-
-  export function getChartContext<
-    T,
-    XScale extends AnyScale = AnyScale,
-    YScale extends AnyScale = AnyScale,
-  >(): ChartContextValue<T, XScale, YScale> {
-    return _ChartContext.getOr({} as ChartContextValue<T, XScale, YScale>);
-  }
-
-  export function setChartContext<
-    T,
-    XScale extends AnyScale = AnyScale,
-    YScale extends AnyScale = AnyScale,
-  >(context: ChartContextValue<T, XScale, YScale>): ChartContextValue<T, XScale, YScale> {
-    // @ts-expect-error - shh
-    return _ChartContext.set(context);
-  }
-
-  export type RenderContext = 'svg' | 'canvas' | 'html';
-
-  const _RenderContext = new Context<RenderContext>('RenderContext');
-
-  export function getRenderContext(): RenderContext {
-    return _RenderContext.get();
-  }
-
-  export function setRenderContext(context: RenderContext): RenderContext {
-    return _RenderContext.set(context);
-  }
-
   export type ChartPropsWithoutHTML<
     T,
     XScale extends AnyScale = AnyScale,
@@ -695,11 +591,32 @@
      */
     onResize?: (e: ChartResizeDetail) => void;
 
+    /**
+     * Whether to clip overflow content.
+     * When true, sets `overflow: hidden` on the container.
+     *
+     * @default false
+     */
+    clip?: boolean;
+
     // TransformContext callback events
     ondragstart?: ComponentProps<typeof TransformContext>['ondragstart'];
     ondragend?: ComponentProps<typeof TransformContext>['ondragend'];
     onTransform?: ComponentProps<typeof TransformContext>['onTransform'];
+
+    /** Sets width of the chart container.  Uses parent width if not set (bind:clientWidth) */
+    width?: number;
+
+    /** Sets height of the chart container.  Uses parent height if not set (bind:clientHeight) */
+    height?: number;
   };
+
+  export type ChartProps<
+    T,
+    XScale extends AnyScale = AnyScale,
+    YScale extends AnyScale = AnyScale,
+  > = ChartPropsWithoutHTML<T, XScale, YScale> &
+    Without<HTMLAttributes<HTMLDivElement>, ChartPropsWithoutHTML<T, XScale, YScale>>;
 </script>
 
 <script
@@ -709,6 +626,8 @@
   let {
     ssr = false,
     pointerEvents = true,
+    width: widthProp,
+    height: heightProp,
     position = 'relative',
     percentRange = false,
     ref: refProp = $bindable(),
@@ -780,7 +699,10 @@
     ondragend,
     ondragstart,
     brush,
-  }: ChartPropsWithoutHTML<TData, XScale, YScale> = $props();
+    clip = false,
+    class: className,
+    ...restProps
+  }: ChartProps<TData, XScale, YScale> = $props();
 
   let ref = $state<HTMLElement>();
 
@@ -790,8 +712,12 @@
 
   const xRangeProp = $derived(_xRangeProp ? _xRangeProp : radial ? [0, 2 * Math.PI] : undefined);
 
-  let containerWidth = $state(100);
-  let containerHeight = $state(100);
+  // Measured dimensions of the container
+  let _containerWidth = $state(100);
+  let _containerHeight = $state(100);
+
+  let containerWidth = $derived(widthProp ?? _containerWidth);
+  let containerHeight = $derived(heightProp ?? _containerHeight);
 
   const logDebug = useDebounce(printDebug, 200);
 
@@ -1386,14 +1312,18 @@
   <div
     bind:this={ref}
     style:position
-    style:top={position === 'absolute' ? '0' : null}
-    style:right={position === 'absolute' ? '0' : null}
-    style:bottom={position === 'absolute' ? '0' : null}
-    style:left={position === 'absolute' ? '0' : null}
+    style:top={position === 'absolute' ? 0 : null}
+    style:right={position === 'absolute' ? 0 : null}
+    style:bottom={position === 'absolute' ? 0 : null}
+    style:left={position === 'absolute' ? 0 : null}
     style:pointer-events={pointerEvents === false ? 'none' : null}
-    bind:clientWidth={containerWidth}
-    bind:clientHeight={containerHeight}
-    class="lc-root-container"
+    style:overflow={clip ? 'hidden' : null}
+    style:width={widthProp ? `${widthProp}px` : '100%'}
+    style:height={heightProp ? `${heightProp}px` : '100%'}
+    bind:clientWidth={_containerWidth}
+    bind:clientHeight={_containerHeight}
+    class={['lc-root-container', className]}
+    {...restProps}
   >
     {#key isMounted}
       <!-- svelte-ignore ownership_invalid_binding -->
@@ -1430,8 +1360,4 @@
   .lc-root-container :global(*) {
     box-sizing: border-box;
   }
-  .lc-root-container {
-    width: 100%;
-    height: 100%;
-  }
 </style>

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

@@ -1,14 +1,16 @@
-import { type Accessor } from '../utils/common.js';
-import { type AnyScale, type DomainType } from '../utils/scales.svelte.js';
-import type { AxisKey, BaseRange, DataType, Extents, Nice, Padding, PaddingArray, XRangeWithScale, YRangeWithScale } from '../utils/types.js';
 import { type ComponentProps, type Snippet } from 'svelte';
-import GeoContext, { type GeoContextValue } from './GeoContext.svelte';
-import TooltipContext, { type TooltipContextValue } from './tooltip/TooltipContext.svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { TimeInterval } from 'd3-time';
 import type { HierarchyNode } from 'd3-hierarchy';
 import type { SankeyGraph } from 'd3-sankey';
-import TransformContext, { type TransformContextValue } from './TransformContext.svelte';
-import BrushContext, { type BrushContextValue } from './BrushContext.svelte';
-import type { TimeInterval } from 'd3-time';
+import { type Accessor } from '../utils/common.js';
+import { type AnyScale, type DomainType } from '../utils/scales.svelte.js';
+import type { BaseRange, Nice, PaddingArray, Without, XRangeWithScale, YRangeWithScale } from '../utils/types.js';
+import GeoContext from './GeoContext.svelte';
+import TooltipContext from './tooltip/TooltipContext.svelte';
+import TransformContext from './TransformContext.svelte';
+import BrushContext from './BrushContext.svelte';
+import { type ChartContextValue } from '../contexts/chart.js';
 export type ChartResizeDetail = {
     width: number;
     height: number;
@@ -16,80 +18,6 @@ export type ChartResizeDetail = {
     containerHeight: number;
 };
 export type PreservedChartConfig<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = Pick<ChartPropsWithoutHTML<T, XScale, YScale>, 'x' | 'y' | 'z' | 'r' | 'c' | 'x1' | 'y1' | 'xRange' | 'yRange' | 'cDomain' | 'zDomain' | 'xDomain' | 'yDomain' | 'rDomain' | 'x1Domain' | 'y1Domain' | 'zRange' | 'rRange' | 'cRange' | 'x1Range' | 'y1Range'>;
-export type ChartContextValue<T = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = {
-    activeGetters: Record<AxisKey, (d: T) => any>;
-    width: number;
-    height: number;
-    percentRange: boolean;
-    aspectRatio: number;
-    containerRef: HTMLElement | undefined;
-    containerWidth: number;
-    containerHeight: number;
-    config: PreservedChartConfig<T, XScale, YScale>;
-    x: (d: T) => any;
-    y: (d: T) => any;
-    z: (d: T) => any;
-    r: (d: T) => any;
-    x1: (d: T) => any;
-    y1: (d: T) => any;
-    c: (d: T) => any;
-    data: DataType<T>;
-    xNice: Nice;
-    yNice: Nice;
-    zNice: Nice;
-    rNice: Nice;
-    xDomainSort: boolean;
-    yDomainSort: boolean;
-    zDomainSort: boolean;
-    rDomainSort: boolean;
-    xReverse: boolean;
-    yReverse: boolean;
-    zReverse: boolean;
-    rReverse: boolean;
-    xPadding: PaddingArray;
-    yPadding: PaddingArray;
-    zPadding: PaddingArray;
-    rPadding: PaddingArray;
-    padding: Padding;
-    flatData: T[];
-    extents: Extents;
-    xDomain: number[];
-    yDomain: number[];
-    zDomain: DomainType;
-    rDomain: DomainType;
-    cDomain: DomainType;
-    x1Domain: DomainType;
-    y1Domain: DomainType;
-    xRange: any[];
-    yRange: any[];
-    zRange: any[];
-    rRange: any[];
-    cRange: readonly string[] | string[] | undefined;
-    x1Range: XRangeWithScale<XScale> | undefined;
-    y1Range: YRangeWithScale<YScale> | undefined;
-    meta: Record<string, any>;
-    xScale: AnyScale;
-    yScale: AnyScale;
-    zScale: AnyScale;
-    rScale: AnyScale;
-    cScale: AnyScale | null;
-    x1Scale: AnyScale | null;
-    y1Scale: AnyScale | null;
-    yGet: (d: T) => any;
-    xGet: (d: T) => any;
-    zGet: (d: T) => any;
-    rGet: (d: T) => any;
-    cGet: (d: T) => any;
-    x1Get: (d: T) => any;
-    y1Get: (d: T) => any;
-    xInterval: TimeInterval | null;
-    yInterval: TimeInterval | null;
-    radial: boolean;
-    tooltip: TooltipContextValue<T>;
-    geo: GeoContextValue;
-    brush: BrushContextValue;
-    transform: TransformContextValue;
-};
 export type LayerChartInternalMeta = {
     /**
      * The current chart type.
@@ -98,11 +26,6 @@ export type LayerChartInternalMeta = {
      */
     type: 'default' | 'simplified-area' | 'simplified-bar' | 'simplified-line' | 'simplified-pie' | 'simplified-scatter';
 };
-export declare function getChartContext<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): ChartContextValue<T, XScale, YScale>;
-export declare function setChartContext<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(context: ChartContextValue<T, XScale, YScale>): ChartContextValue<T, XScale, YScale>;
-export type RenderContext = 'svg' | 'canvas' | 'html';
-export declare function getRenderContext(): RenderContext;
-export declare function setRenderContext(context: RenderContext): RenderContext;
 export type ChartPropsWithoutHTML<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = {
     /**
      * Whether this chart should be rendered server side
@@ -528,12 +451,24 @@ export type ChartPropsWithoutHTML<T, XScale extends AnyScale = AnyScale, YScale
      * A callback function that is called when the chart is resized.
      */
     onResize?: (e: ChartResizeDetail) => void;
+    /**
+     * Whether to clip overflow content.
+     * When true, sets `overflow: hidden` on the container.
+     *
+     * @default false
+     */
+    clip?: boolean;
     ondragstart?: ComponentProps<typeof TransformContext>['ondragstart'];
     ondragend?: ComponentProps<typeof TransformContext>['ondragend'];
     onTransform?: ComponentProps<typeof TransformContext>['onTransform'];
+    /** Sets width of the chart container.  Uses parent width if not set (bind:clientWidth) */
+    width?: number;
+    /** Sets height of the chart container.  Uses parent height if not set (bind:clientHeight) */
+    height?: number;
 };
+export type ChartProps<T, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale> = ChartPropsWithoutHTML<T, XScale, YScale> & Without<HTMLAttributes<HTMLDivElement>, ChartPropsWithoutHTML<T, XScale, YScale>>;
 declare function $$render<TData = any, XScale extends AnyScale = AnyScale, YScale extends AnyScale = AnyScale>(): {
-    props: ChartPropsWithoutHTML<TData, XScale, YScale>;
+    props: ChartProps<TData, XScale, YScale>;
     exports: {};
     bindings: "ref" | "context";
     slots: {};

package/dist/components/ChartClipPath.svelte

@@ -25,7 +25,7 @@
 </script>
 
 <script lang="ts">
-  import { getChartContext } from './Chart.svelte';
+  import { getChartContext } from '../contexts/chart.js';
 
   import RectClipPath, { type RectClipPathProps } from './RectClipPath.svelte';
   import { extractLayerProps } from '../utils/attributes.js';