layerchart 2.0.0-next.60 → 2.0.0-next.61

package/dist/components/index.js

@@ -1,128 +1,129 @@
 export * from './charts/index.js';
 export * from './types.js';
-export { default as AnnotationLine } from './AnnotationLine.svelte';
-export * from './AnnotationLine.svelte';
-export { default as AnnotationPoint } from './AnnotationPoint.svelte';
-export * from './AnnotationPoint.svelte';
-export { default as AnnotationRange } from './AnnotationRange.svelte';
-export * from './AnnotationRange.svelte';
-export { default as Arc } from './Arc.svelte';
-export * from './Arc.svelte';
-export { default as ArcLabel } from './ArcLabel.svelte';
-export * from './ArcLabel.svelte';
-export { default as Area } from './Area.svelte';
-export * from './Area.svelte';
-export { default as Axis } from './Axis.svelte';
-export * from './Axis.svelte';
-export { default as Bar } from './Bar.svelte';
-export * from './Bar.svelte';
-export { default as Bars } from './Bars.svelte';
-export * from './Bars.svelte';
+export { default as AnnotationLine } from './AnnotationLine/AnnotationLine.svelte';
+export * from './AnnotationLine/AnnotationLine.svelte';
+export { default as AnnotationPoint } from './AnnotationPoint/AnnotationPoint.svelte';
+export * from './AnnotationPoint/AnnotationPoint.svelte';
+export { default as AnnotationRange } from './AnnotationRange/AnnotationRange.svelte';
+export * from './AnnotationRange/AnnotationRange.svelte';
+export { default as Arc } from './Arc/Arc.svelte';
+export * from './Arc/Arc.svelte';
+export { default as ArcLabel } from './ArcLabel/ArcLabel.svelte';
+export * from './ArcLabel/ArcLabel.svelte';
+export { default as Area } from './Area/Area.svelte';
+export * from './Area/Area.svelte';
+export { default as Axis } from './Axis/Axis.svelte';
+export * from './Axis/Axis.svelte';
+export { default as Bar } from './Bar/Bar.svelte';
+export * from './Bar/Bar.svelte';
+export { default as Bars } from './Bars/Bars.svelte';
+export * from './Bars/Bars.svelte';
 export { default as Blur } from './Blur.svelte';
 export * from './Blur.svelte';
-export { default as BoxPlot } from './BoxPlot.svelte';
-export * from './BoxPlot.svelte';
+export { default as BoxPlot } from './BoxPlot/BoxPlot.svelte';
+export * from './BoxPlot/BoxPlot.svelte';
 export { default as Bounds } from './Bounds.svelte';
 export * from './Bounds.svelte';
 export { default as BrushContext } from './BrushContext.svelte';
 export * from './BrushContext.svelte';
-export { default as Calendar } from './Calendar.svelte';
-export * from './Calendar.svelte';
-export { default as Cell } from './Cell.svelte';
-export * from './Cell.svelte';
+export { default as Calendar } from './Calendar/Calendar.svelte';
+export * from './Calendar/Calendar.svelte';
+export { default as Cell } from './Cell/Cell.svelte';
+export * from './Cell/Cell.svelte';
 export { default as Canvas } from './layers/Canvas.svelte';
 export * from './layers/Canvas.svelte';
-export { default as Chart } from './Chart.svelte';
-export * from './Chart.svelte';
-export { default as ChartClipPath } from './ChartClipPath.svelte';
-export * from './ChartClipPath.svelte';
-export { default as Circle } from './Circle.svelte';
-export * from './Circle.svelte';
-export { default as CircleClipPath } from './CircleClipPath.svelte';
-export * from './CircleClipPath.svelte';
-export { default as ClipPath } from './ClipPath.svelte';
-export * from './ClipPath.svelte';
+export { default as Chart } from "./Chart/Chart.svelte";
+export * from "./Chart/Chart.svelte";
+export { default as ChartCore } from './Chart/ChartCore.svelte';
+export { default as ChartClipPath } from './ChartClipPath/ChartClipPath.svelte';
+export * from './ChartClipPath/ChartClipPath.svelte';
+export { default as Circle } from './Circle/Circle.svelte';
+export * from './Circle/Circle.svelte';
+export { default as CircleClipPath } from './CircleClipPath/CircleClipPath.svelte';
+export * from './CircleClipPath/CircleClipPath.svelte';
+export { default as ClipPath } from './ClipPath/ClipPath.svelte';
+export * from './ClipPath/ClipPath.svelte';
 export { default as ColorRamp } from './ColorRamp.svelte';
 export * from './ColorRamp.svelte';
-export { default as Contour } from './Contour.svelte';
-export * from './Contour.svelte';
-export { default as Density } from './Density.svelte';
-export * from './Density.svelte';
-export { default as Ellipse } from './Ellipse.svelte';
-export * from './Ellipse.svelte';
-export { default as Frame } from './Frame.svelte';
-export * from './Frame.svelte';
-export { default as Grid } from './Grid.svelte';
-export * from './Grid.svelte';
-export { default as Group } from './Group.svelte';
-export * from './Group.svelte';
-export { default as Highlight } from './Highlight.svelte';
-export * from './Highlight.svelte';
+export { default as Contour } from './Contour/Contour.svelte';
+export * from './Contour/Contour.svelte';
+export { default as Density } from './Density/Density.svelte';
+export * from './Density/Density.svelte';
+export { default as Ellipse } from './Ellipse/Ellipse.svelte';
+export * from './Ellipse/Ellipse.svelte';
+export { default as Frame } from './Frame/Frame.svelte';
+export * from './Frame/Frame.svelte';
+export { default as Grid } from './Grid/Grid.svelte';
+export * from './Grid/Grid.svelte';
+export { default as Group } from './Group/Group.svelte';
+export * from './Group/Group.svelte';
+export { default as Highlight } from './Highlight/Highlight.svelte';
+export * from './Highlight/Highlight.svelte';
 export { default as Html } from './layers/Html.svelte';
 export * from './layers/Html.svelte';
-export { default as Hull } from './Hull.svelte';
-export * from './Hull.svelte';
-export { default as Image } from './Image.svelte';
-export * from './Image.svelte';
-export { default as Labels } from './Labels.svelte';
-export * from './Labels.svelte';
+export { default as Hull } from './Hull/Hull.svelte';
+export * from './Hull/Hull.svelte';
+export { default as Image } from './Image/Image.svelte';
+export * from './Image/Image.svelte';
+export { default as Labels } from './Labels/Labels.svelte';
+export * from './Labels/Labels.svelte';
 export { default as Layer } from './layers/Layer.svelte';
 export * from './layers/Layer.svelte';
 export { default as CircleLegend } from './CircleLegend.svelte';
 export * from './CircleLegend.svelte';
 export { default as Legend } from './Legend.svelte';
 export * from './Legend.svelte';
-export { default as Line } from './Line.svelte';
-export * from './Line.svelte';
-export { default as Spline } from './Spline.svelte';
-export * from './Spline.svelte';
-export { default as LinearGradient } from './LinearGradient.svelte';
-export * from './LinearGradient.svelte';
-export { default as Link } from './Link.svelte';
-export * from './Link.svelte';
+export { default as Line } from './Line/Line.svelte';
+export * from './Line/Line.svelte';
+export { default as Spline } from './Spline/Spline.svelte';
+export * from './Spline/Spline.svelte';
+export { default as LinearGradient } from './LinearGradient/LinearGradient.svelte';
+export * from './LinearGradient/LinearGradient.svelte';
+export { default as Link } from './Link/Link.svelte';
+export * from './Link/Link.svelte';
 export { default as MotionPath } from './MotionPath.svelte';
 export * from './MotionPath.svelte';
-export { default as Month } from './Month.svelte';
-export * from './Month.svelte';
-export { default as Path } from './Path.svelte';
-export * from './Path.svelte';
-export { default as Pattern } from './Pattern.svelte';
-export * from './Pattern.svelte';
-export { default as Pie } from './Pie.svelte';
-export * from './Pie.svelte';
+export { default as Month } from './Month/Month.svelte';
+export * from './Month/Month.svelte';
+export { default as Path } from './Path/Path.svelte';
+export * from './Path/Path.svelte';
+export { default as Pattern } from './Pattern/Pattern.svelte';
+export * from './Pattern/Pattern.svelte';
+export { default as Pie } from './Pie/Pie.svelte';
+export * from './Pie/Pie.svelte';
 export { default as Point } from './Point.svelte';
 export * from './Point.svelte';
-export { default as Points } from './Points.svelte';
-export * from './Points.svelte';
-export { default as Polygon } from './Polygon.svelte';
-export * from './Polygon.svelte';
-export { default as RadialGradient } from './RadialGradient.svelte';
-export * from './RadialGradient.svelte';
-export { default as Raster } from './Raster.svelte';
-export * from './Raster.svelte';
-export { default as Rect } from './Rect.svelte';
-export * from './Rect.svelte';
-export { default as RectClipPath } from './RectClipPath.svelte';
-export * from './RectClipPath.svelte';
-export { default as Rule } from './Rule.svelte';
-export * from './Rule.svelte';
+export { default as Points } from './Points/Points.svelte';
+export * from './Points/Points.svelte';
+export { default as Polygon } from './Polygon/Polygon.svelte';
+export * from './Polygon/Polygon.svelte';
+export { default as RadialGradient } from './RadialGradient/RadialGradient.svelte';
+export * from './RadialGradient/RadialGradient.svelte';
+export { default as Raster } from './Raster/Raster.svelte';
+export * from './Raster/Raster.svelte';
+export { default as Rect } from './Rect/Rect.svelte';
+export * from './Rect/Rect.svelte';
+export { default as RectClipPath } from './RectClipPath/RectClipPath.svelte';
+export * from './RectClipPath/RectClipPath.svelte';
+export { default as Rule } from './Rule/Rule.svelte';
+export * from './Rule/Rule.svelte';
 export { default as Svg } from './layers/Svg.svelte';
 export * from './layers/Svg.svelte';
-export { default as Text } from './Text.svelte';
-export * from './Text.svelte';
-export { default as Trail } from './Trail.svelte';
-export * from './Trail.svelte';
-export { default as Threshold } from './Threshold.svelte';
-export * from './Threshold.svelte';
+export { default as Text } from './Text/Text.svelte';
+export * from './Text/Text.svelte';
+export { default as Trail } from './Trail/Trail.svelte';
+export * from './Trail/Trail.svelte';
+export { default as Threshold } from './Threshold/Threshold.svelte';
+export * from './Threshold/Threshold.svelte';
 export * as Tooltip from './tooltip/index.js';
 export * from './tooltip/TooltipContext.svelte';
 export { default as TransformContext } from './TransformContext.svelte';
 export * from './TransformContext.svelte';
-export { default as Vector } from './Vector.svelte';
-export * from './Vector.svelte';
-export { default as Violin } from './Violin.svelte';
-export * from './Violin.svelte';
-export { default as Voronoi } from './Voronoi.svelte';
-export * from './Voronoi.svelte';
+export { default as Vector } from './Vector/Vector.svelte';
+export * from './Vector/Vector.svelte';
+export { default as Violin } from './Violin/Violin.svelte';
+export * from './Violin/Violin.svelte';
+export { default as Voronoi } from './Voronoi/Voronoi.svelte';
+export * from './Voronoi/Voronoi.svelte';
 export { default as WebGL } from './layers/WebGL.svelte';
 export * from './layers/WebGL.svelte';

package/dist/components/layers/Layer.svelte

@@ -32,7 +32,7 @@
   import Canvas, { type CanvasProps } from './Canvas.svelte';
   import Svg, { type SVGProps } from './Svg.svelte';
   import Html, { type HTMLProps } from './Html.svelte';
-  import Frame from '../Frame.svelte';
+  import Frame from '../Frame/Frame.svelte';
   import { getSettings } from '../../contexts/settings.js';
 
   let { type, children, ...restProps }: LayerProps = $props();

package/dist/components/tests/BrushTestHarness.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Chart from '../Chart.svelte';
+  import Chart from "../Chart/Chart.svelte";
   import type { ChartState } from '../../states/chart.svelte.js';
 
   let {

package/dist/components/tests/ChartCoreTestHarness.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import ChartCore from '../Chart/ChartCore.svelte';
+  import type { ChartState } from '../../states/chart.svelte.js';
+
+  let {
+    chartProps = {},
+    oncontext,
+  }: {
+    chartProps?: Record<string, any>;
+    oncontext?: (ctx: ChartState<any, any, any>) => void;
+  } = $props();
+
+  let chartContext = $state<ChartState<any, any, any>>();
+
+  $effect(() => {
+    if (chartContext) {
+      oncontext?.(chartContext);
+    }
+  });
+
+  const mergedChartProps = $derived({
+    height: 200,
+    ...chartProps,
+  });
+</script>
+
+<ChartCore {...mergedChartProps} bind:context={chartContext}>
+  {#snippet children()}
+    <div data-testid="children-content">ChartCore children</div>
+  {/snippet}
+</ChartCore>

package/dist/components/tests/ChartCoreTestHarness.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ChartState } from '../../states/chart.svelte.js';
+type $$ComponentProps = {
+    chartProps?: Record<string, any>;
+    oncontext?: (ctx: ChartState<any, any, any>) => void;
+};
+declare const ChartCoreTestHarness: import("svelte").Component<$$ComponentProps, {}, "">;
+type ChartCoreTestHarness = ReturnType<typeof ChartCoreTestHarness>;
+export default ChartCoreTestHarness;

package/dist/components/tests/TestHarness.svelte

@@ -5,7 +5,7 @@
 
 <script lang="ts">
   import type { Component as ComponentType } from 'svelte';
-  import Chart from '../Chart.svelte';
+  import Chart from "../Chart/Chart.svelte";
   import type { ChartState } from '../../states/chart.svelte.js';
   import Layer from '../layers/Layer.svelte';
 

package/dist/components/tests/TransformTestHarness.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Chart from '../Chart.svelte';
+  import Chart from "../Chart/Chart.svelte";
   import type { ChartState } from '../../states/chart.svelte.js';
 
   let {

package/dist/components/tooltip/Tooltip.svelte.test.js

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest';
 import { render } from 'vitest-browser-svelte';
-import LineChart from '../charts/LineChart.svelte';
+import LineChart from '../charts/LineChart/LineChart.svelte';
 const data = [
     { date: 0, value: 10 },
     { date: 1, value: 30 },

package/dist/components/tooltip/TooltipContext.svelte

@@ -121,7 +121,7 @@
   import { getChartContext } from '../../contexts/chart.js';
   import { getGeoContext } from '../../contexts/geo.js';
   import Svg from './../layers/Svg.svelte';
-  import ChartClipPath from './../ChartClipPath.svelte';
+  import ChartClipPath from '../ChartClipPath/ChartClipPath.svelte';
   // Voronoi (used only when mode === 'voronoi') and Arc (used only for radial
   // bounds/band mode) are dynamically imported inline in the markup via
   // `{#await import(...)}` so non-voronoi/non-radial tooltip users don't pay
@@ -717,7 +717,7 @@
     {@render children?.({ state: tooltipState })}
 
     {#if mode === 'voronoi'}
-      {#await import('../Voronoi.svelte') then { default: Voronoi }}
+      {#await import('../Voronoi/Voronoi.svelte') then { default: Voronoi }}
         <Svg>
           <Voronoi
             x={xProp}
@@ -750,7 +750,7 @@
           {#each rects as rect}
             <!-- svelte-ignore a11y_click_events_have_key_events -->
             {#if ctx.radial}
-              {#await import('../Arc.svelte') then { default: Arc }}
+              {#await import('../Arc/Arc.svelte') then { default: Arc }}
                 <Arc
                   innerRadius={rect.y}
                   outerRadius={rect.y + rect.height}

package/dist/html.d.ts

@@ -0,0 +1,116 @@
+/**
+ * HTML-only variants of layer-agnostic components.
+ *
+ * Each export here is an HTML-specific implementation. Use these when you
+ * know your chart only renders to the HTML layer and want a smaller bundle.
+ *
+ * The agnostic versions (e.g. `import { Circle } from './index.js'`) still
+ * work and dispatch to these per-layer variants under the hood.
+ */
+export { default as Html, default as Layer } from './components/layers/Html.svelte';
+export type { HTMLProps } from './components/layers/Html.svelte';
+export { default as Chart } from './components/Chart/Chart.html.svelte';
+export { default as ChartCore } from './components/Chart/ChartCore.svelte';
+export type { ChartProps, ChartPropsWithoutHTML, ChartResizeDetail, PreservedChartConfig, LayerChartInternalMeta, } from './components/Chart/Chart.shared.svelte.js';
+export { default as ChartChildren } from './components/ChartChildren/ChartChildren.html.svelte';
+export type { ChartChildrenProps } from './components/ChartChildren/ChartChildren.shared.svelte.js';
+export { default as Circle } from './components/Circle/Circle.html.svelte';
+export type { CircleProps, CirclePropsWithoutHTML } from './components/Circle/Circle.shared.svelte.js';
+export { default as Text } from './components/Text/Text.html.svelte';
+export type { TextProps, TextPropsWithoutHTML, TextSegment, } from './components/Text/Text.shared.svelte.js';
+export { default as Rect } from './components/Rect/Rect.html.svelte';
+export type { RectProps, RectPropsWithoutHTML, } from './components/Rect/Rect.shared.svelte.js';
+export { default as Line } from './components/Line/Line.html.svelte';
+export type { LineProps, LinePropsWithoutHTML, } from './components/Line/Line.shared.svelte.js';
+export { default as ClipPath } from './components/ClipPath/ClipPath.html.svelte';
+export type { ClipPathProps, ClipPathPropsWithoutHTML, } from './components/ClipPath/ClipPath.shared.svelte.js';
+export { default as LinearGradient } from './components/LinearGradient/LinearGradient.html.svelte';
+export type { LinearGradientProps, LinearGradientPropsWithoutHTML, } from './components/LinearGradient/LinearGradient.shared.svelte.js';
+export { default as Group } from './components/Group/Group.html.svelte';
+export type { GroupProps, GroupPropsWithoutHTML, } from './components/Group/Group.shared.svelte.js';
+export { default as Pattern } from './components/Pattern/Pattern.html.svelte';
+export type { PatternProps, PatternPropsWithoutHTML, } from './components/Pattern/Pattern.shared.svelte.js';
+export { default as Ellipse } from './components/Ellipse/Ellipse.html.svelte';
+export type { EllipseProps, EllipsePropsWithoutHTML, } from './components/Ellipse/Ellipse.shared.svelte.js';
+export { default as Image } from './components/Image/Image.html.svelte';
+export type { ImageProps, ImagePropsWithoutHTML, } from './components/Image/Image.shared.svelte.js';
+export { default as Axis } from './components/Axis/Axis.html.svelte';
+export type { AxisProps, AxisPropsWithoutHTML, } from './components/Axis/Axis.shared.svelte.js';
+export { default as Rule } from './components/Rule/Rule.html.svelte';
+export type { RuleProps, RulePropsWithoutHTML, } from './components/Rule/Rule.shared.svelte.js';
+export { default as Grid } from './components/Grid/Grid.html.svelte';
+export type { GridProps, GridPropsWithoutHTML, } from './components/Grid/Grid.shared.svelte.js';
+export { default as Highlight } from './components/Highlight/Highlight.html.svelte';
+export type { HighlightProps, HighlightPropsWithoutHTML, HighlightPoint, HighlightPointData, } from './components/Highlight/Highlight.shared.svelte.js';
+export { default as RectClipPath } from './components/RectClipPath/RectClipPath.html.svelte';
+export type { RectClipPathProps, RectClipPathPropsWithoutHTML, } from './components/RectClipPath/RectClipPath.shared.svelte.js';
+export { default as ChartClipPath } from './components/ChartClipPath/ChartClipPath.html.svelte';
+export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML, } from './components/ChartClipPath/ChartClipPath.shared.svelte.js';
+export { default as Points } from './components/Points/Points.html.svelte';
+export type { PointsProps, PointsPropsWithoutHTML, Point as PointDatum, } from './components/Points/Points.shared.svelte.js';
+export { default as Labels } from './components/Labels/Labels.html.svelte';
+export type { LabelsProps, LabelsPropsWithoutHTML, } from './components/Labels/Labels.shared.svelte.js';
+export { default as Frame } from './components/Frame/Frame.html.svelte';
+export type { FrameProps, FramePropsWithoutHTML, } from './components/Frame/Frame.shared.svelte.js';
+export { default as Cell } from './components/Cell/Cell.html.svelte';
+export type { CellProps } from './components/Cell/Cell.shared.svelte.js';
+export { default as CircleClipPath } from './components/CircleClipPath/CircleClipPath.html.svelte';
+export type { CircleClipPathPropsWithoutHTML } from './components/CircleClipPath/CircleClipPath.shared.svelte.js';
+export { default as Raster } from './components/Raster/Raster.html.svelte';
+export type { RasterProps, RasterPropsWithoutHTML, } from './components/Raster/Raster.shared.svelte.js';
+export { default as Bar } from './components/Bar/Bar.html.svelte';
+export type { BarProps, BarPropsWithoutHTML } from './components/Bar/Bar.shared.svelte.js';
+export { default as Bars } from './components/Bars/Bars.html.svelte';
+export type { BarsProps, BarsPropsWithoutHTML } from './components/Bars/Bars.shared.svelte.js';
+export { default as AnnotationLine } from './components/AnnotationLine/AnnotationLine.html.svelte';
+export type { AnnotationLineProps, AnnotationLinePropsWithoutHTML, } from './components/AnnotationLine/AnnotationLine.shared.svelte.js';
+export { default as AnnotationPoint } from './components/AnnotationPoint/AnnotationPoint.html.svelte';
+export type { AnnotationPointProps, AnnotationPointPropsWithoutHTML, } from './components/AnnotationPoint/AnnotationPoint.shared.svelte.js';
+export { default as AnnotationRange } from './components/AnnotationRange/AnnotationRange.html.svelte';
+export type { AnnotationRangeProps, AnnotationRangePropsWithoutHTML, } from './components/AnnotationRange/AnnotationRange.shared.svelte.js';
+export { default as Calendar } from './components/Calendar/Calendar.html.svelte';
+export type { CalendarProps, CalendarPropsWithoutHTML, CalendarCell, } from './components/Calendar/Calendar.shared.svelte.js';
+export { default as Month } from './components/Month/Month.html.svelte';
+export type { MonthProps, MonthPropsWithoutHTML, MonthCell, } from './components/Month/Month.shared.svelte.js';
+export { default as Blur } from './components/Blur.svelte';
+export * from './components/Blur.svelte';
+export { default as Bounds } from './components/Bounds.svelte';
+export * from './components/Bounds.svelte';
+export { default as BrushContext } from './components/BrushContext.svelte';
+export * from './components/BrushContext.svelte';
+export { default as CircleLegend } from './components/CircleLegend.svelte';
+export * from './components/CircleLegend.svelte';
+export { default as ColorRamp } from './components/ColorRamp.svelte';
+export * from './components/ColorRamp.svelte';
+export { default as Legend } from './components/Legend.svelte';
+export * from './components/Legend.svelte';
+export { default as MotionPath } from './components/MotionPath.svelte';
+export * from './components/MotionPath.svelte';
+export { default as Point } from './components/Point.svelte';
+export * from './components/Point.svelte';
+export { default as TransformContext } from './components/TransformContext.svelte';
+export * from './components/TransformContext.svelte';
+export * as Tooltip from './components/tooltip/index.js';
+export * from './components/tooltip/TooltipContext.svelte';
+export { default as LineChart } from './components/charts/LineChart/LineChart.svelte';
+export { default as AreaChart } from './components/charts/AreaChart/AreaChart.svelte';
+export { default as BarChart } from './components/charts/BarChart/BarChart.svelte';
+export { default as PieChart } from './components/charts/PieChart/PieChart.svelte';
+export { default as ScatterChart } from './components/charts/ScatterChart/ScatterChart.svelte';
+export { default as ArcChart } from './components/charts/ArcChart/ArcChart.svelte';
+export { default as Tree } from './components/hierarchy/Tree.svelte';
+export * from './components/hierarchy/Tree.svelte';
+export { default as Treemap } from './components/hierarchy/Treemap.svelte';
+export * from './components/hierarchy/Treemap.svelte';
+export { default as Pack } from './components/hierarchy/Pack.svelte';
+export * from './components/hierarchy/Pack.svelte';
+export { default as Partition } from './components/hierarchy/Partition.svelte';
+export * from './components/hierarchy/Partition.svelte';
+export { default as Chord } from './components/graph/Chord.svelte';
+export * from './components/graph/Chord.svelte';
+export { default as Dagre } from './components/graph/Dagre.svelte';
+export * from './components/graph/Dagre.svelte';
+export { default as Sankey } from './components/graph/Sankey.svelte';
+export * from './components/graph/Sankey.svelte';
+export { default as ForceSimulation } from './components/force/ForceSimulation.svelte';
+export * from './components/force/ForceSimulation.svelte';

package/dist/html.js

@@ -0,0 +1,93 @@
+/**
+ * HTML-only variants of layer-agnostic components.
+ *
+ * Each export here is an HTML-specific implementation. Use these when you
+ * know your chart only renders to the HTML layer and want a smaller bundle.
+ *
+ * The agnostic versions (e.g. `import { Circle } from './index.js'`) still
+ * work and dispatch to these per-layer variants under the hood.
+ */
+// `Layer` is an alias for the layer wrapper of this sub-path. Importing
+// `Layer` from `layerchart/html` is equivalent to importing `Html`.
+export { default as Html, default as Layer } from './components/layers/Html.svelte';
+export { default as Chart } from './components/Chart/Chart.html.svelte';
+export { default as ChartCore } from './components/Chart/ChartCore.svelte';
+export { default as ChartChildren } from './components/ChartChildren/ChartChildren.html.svelte';
+export { default as Circle } from './components/Circle/Circle.html.svelte';
+export { default as Text } from './components/Text/Text.html.svelte';
+export { default as Rect } from './components/Rect/Rect.html.svelte';
+export { default as Line } from './components/Line/Line.html.svelte';
+export { default as ClipPath } from './components/ClipPath/ClipPath.html.svelte';
+export { default as LinearGradient } from './components/LinearGradient/LinearGradient.html.svelte';
+export { default as Group } from './components/Group/Group.html.svelte';
+export { default as Pattern } from './components/Pattern/Pattern.html.svelte';
+export { default as Ellipse } from './components/Ellipse/Ellipse.html.svelte';
+export { default as Image } from './components/Image/Image.html.svelte';
+export { default as Axis } from './components/Axis/Axis.html.svelte';
+export { default as Rule } from './components/Rule/Rule.html.svelte';
+export { default as Grid } from './components/Grid/Grid.html.svelte';
+export { default as Highlight } from './components/Highlight/Highlight.html.svelte';
+export { default as RectClipPath } from './components/RectClipPath/RectClipPath.html.svelte';
+export { default as ChartClipPath } from './components/ChartClipPath/ChartClipPath.html.svelte';
+export { default as Points } from './components/Points/Points.html.svelte';
+export { default as Labels } from './components/Labels/Labels.html.svelte';
+export { default as Frame } from './components/Frame/Frame.html.svelte';
+export { default as Cell } from './components/Cell/Cell.html.svelte';
+export { default as CircleClipPath } from './components/CircleClipPath/CircleClipPath.html.svelte';
+export { default as Raster } from './components/Raster/Raster.html.svelte';
+export { default as Bar } from './components/Bar/Bar.html.svelte';
+export { default as Bars } from './components/Bars/Bars.html.svelte';
+export { default as AnnotationLine } from './components/AnnotationLine/AnnotationLine.html.svelte';
+export { default as AnnotationPoint } from './components/AnnotationPoint/AnnotationPoint.html.svelte';
+export { default as AnnotationRange } from './components/AnnotationRange/AnnotationRange.html.svelte';
+export { default as Calendar } from './components/Calendar/Calendar.html.svelte';
+export { default as Month } from './components/Month/Month.html.svelte';
+// --- Layer-agnostic re-exports ---
+// These components don't render layer-specific elements (pure logic, layout
+// helpers, context providers, or composite chart wrappers). Re-exported here
+// so the per-layer sub-path has a complete API.
+// Helpers / context providers
+export { default as Blur } from './components/Blur.svelte';
+export * from './components/Blur.svelte';
+export { default as Bounds } from './components/Bounds.svelte';
+export * from './components/Bounds.svelte';
+export { default as BrushContext } from './components/BrushContext.svelte';
+export * from './components/BrushContext.svelte';
+export { default as CircleLegend } from './components/CircleLegend.svelte';
+export * from './components/CircleLegend.svelte';
+export { default as ColorRamp } from './components/ColorRamp.svelte';
+export * from './components/ColorRamp.svelte';
+export { default as Legend } from './components/Legend.svelte';
+export * from './components/Legend.svelte';
+export { default as MotionPath } from './components/MotionPath.svelte';
+export * from './components/MotionPath.svelte';
+export { default as Point } from './components/Point.svelte';
+export * from './components/Point.svelte';
+export { default as TransformContext } from './components/TransformContext.svelte';
+export * from './components/TransformContext.svelte';
+export * as Tooltip from './components/tooltip/index.js';
+export * from './components/tooltip/TooltipContext.svelte';
+// High-level chart wrappers
+export { default as LineChart } from './components/charts/LineChart/LineChart.svelte';
+export { default as AreaChart } from './components/charts/AreaChart/AreaChart.svelte';
+export { default as BarChart } from './components/charts/BarChart/BarChart.svelte';
+export { default as PieChart } from './components/charts/PieChart/PieChart.svelte';
+export { default as ScatterChart } from './components/charts/ScatterChart/ScatterChart.svelte';
+export { default as ArcChart } from './components/charts/ArcChart/ArcChart.svelte';
+// Layout components
+export { default as Tree } from './components/hierarchy/Tree.svelte';
+export * from './components/hierarchy/Tree.svelte';
+export { default as Treemap } from './components/hierarchy/Treemap.svelte';
+export * from './components/hierarchy/Treemap.svelte';
+export { default as Pack } from './components/hierarchy/Pack.svelte';
+export * from './components/hierarchy/Pack.svelte';
+export { default as Partition } from './components/hierarchy/Partition.svelte';
+export * from './components/hierarchy/Partition.svelte';
+export { default as Chord } from './components/graph/Chord.svelte';
+export * from './components/graph/Chord.svelte';
+export { default as Dagre } from './components/graph/Dagre.svelte';
+export * from './components/graph/Dagre.svelte';
+export { default as Sankey } from './components/graph/Sankey.svelte';
+export * from './components/graph/Sankey.svelte';
+export { default as ForceSimulation } from './components/force/ForceSimulation.svelte';
+export * from './components/force/ForceSimulation.svelte';

package/dist/server/ServerChart.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
-  import Chart from '../components/Chart.svelte';
-  import type { ChartProps } from '../components/Chart.svelte';
+  import Chart from '../components/Chart/Chart.svelte';
+  import type { ChartProps } from '../components/Chart/Chart.svelte';
   import Canvas from '../components/layers/Canvas.svelte';
   import type { CaptureTarget } from './captureStore.js';
 

package/dist/server/ServerChart.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { ChartProps } from '../components/Chart.svelte';
+import type { ChartProps } from '../components/Chart/Chart.svelte';
 import type { CaptureTarget } from './captureStore.js';
 type $$ComponentProps = {
     children?: Snippet;

package/dist/server/TestBarChart.svelte

@@ -2,7 +2,7 @@
   import { scaleBand } from 'd3-scale';
   import ServerChart from './ServerChart.svelte';
   import type { CaptureTarget } from './captureStore.js';
-  import Bars from '../components/Bars.svelte';
+  import Bars from '../components/Bars/Bars.svelte';
 
   let {
     data,

package/dist/server/TestLineChart.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import ServerChart from './ServerChart.svelte';
   import type { CaptureTarget } from './captureStore.js';
-  import Area from '../components/Area.svelte';
-  import Spline from '../components/Spline.svelte';
+  import Area from '../components/Area/Area.svelte';
+  import Spline from '../components/Spline/Spline.svelte';
 
   let {
     data,

package/dist/states/__fixtures__/ComponentNodeLifecycleHarness.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Chart from '../../components/Chart.svelte';
+  import Chart from '../../components/Chart/Chart.svelte';
   import Layer from '../../components/layers/Layer.svelte';
   import type { ChartState, ComponentNode } from '../chart.svelte.js';
 

package/dist/states/chart.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentRender } from '../contexts/canvas.js';
 import type { AnyScale, DomainType } from '../utils/scales.svelte.js';
-import type { ChartPropsWithoutHTML } from '../components/Chart.svelte';
+import type { ChartPropsWithoutHTML } from '../components/Chart/Chart.svelte';
 import type { Extents } from '../utils/types.js';
 import { type Accessor } from '../utils/common.js';
 import { GeoState } from './geo.svelte.js';