layerchart 2.0.0-next.60 → 2.0.0-next.62

package/dist/bench/ComposableLineChart.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import Chart from '../components/Chart.svelte';
+  import Chart from '../components/Chart/Chart.svelte';
   import Layer from '../components/layers/Layer.svelte';
-  import Axis from '../components/Axis.svelte';
-  import Spline from '../components/Spline.svelte';
-  import Highlight from '../components/Highlight.svelte';
+  import Axis from '../components/Axis/Axis.svelte';
+  import Spline from '../components/Spline/Spline.svelte';
+  import Highlight from '../components/Highlight/Highlight.svelte';
 
   type Props = {
     data: any[];

package/dist/bench/GeoBench.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import Chart from '../components/Chart.svelte';
+  import Chart from '../components/Chart/Chart.svelte';
   import Layer from '../components/layers/Layer.svelte';
-  import GeoPath from '../components/geo/GeoPath.svelte';
+  import GeoPath from '../components/geo/GeoPath/GeoPath.svelte';
 
   type Props = {
     features: any[];

package/dist/bench/PrimitiveBench.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-  import Chart from '../components/Chart.svelte';
+  import Chart from '../components/Chart/Chart.svelte';
   import Layer from '../components/layers/Layer.svelte';
-  import Rect from '../components/Rect.svelte';
-  import Circle from '../components/Circle.svelte';
-  import Ellipse from '../components/Ellipse.svelte';
-  import Line from '../components/Line.svelte';
-  import Group from '../components/Group.svelte';
-  import Text from '../components/Text.svelte';
-  import Path from '../components/Path.svelte';
+  import Rect from '../components/Rect/Rect.svelte';
+  import Circle from '../components/Circle/Circle.svelte';
+  import Ellipse from '../components/Ellipse/Ellipse.svelte';
+  import Line from '../components/Line/Line.svelte';
+  import Group from '../components/Group/Group.svelte';
+  import Text from '../components/Text/Text.svelte';
+  import Path from '../components/Path/Path.svelte';
 
   type Primitive = 'rect' | 'circle' | 'ellipse' | 'line' | 'group' | 'text' | 'path';
   type Mode = 'layerchart' | 'native';

package/dist/bench/composable-vs-linechart.svelte.bench.js

@@ -1,6 +1,6 @@
 import { describe, bench, afterEach } from 'vitest';
 import { render, cleanup } from 'vitest-browser-svelte';
-import LineChart from '../components/charts/LineChart.svelte';
+import LineChart from '../components/charts/LineChart/LineChart.svelte';
 import ComposableLineChart from './ComposableLineChart.svelte';
 import { generateTimeSeriesData, generateMultiSeriesData } from './generateData.js';
 // SVG vs Canvas benchmarks are in svg-vs-canvas.svelte.bench.ts

package/dist/canvas.d.ts

@@ -0,0 +1,176 @@
+/**
+ * Canvas-only variants of layer-agnostic components.
+ *
+ * Each export here is a Canvas-specific implementation. Use these when you
+ * know your chart only renders to Canvas 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 Canvas, default as Layer } from './components/layers/Canvas.svelte';
+export type { CanvasProps } from './components/layers/Canvas.svelte';
+export { default as Chart } from './components/Chart/Chart.canvas.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.canvas.svelte';
+export type { ChartChildrenProps } from './components/ChartChildren/ChartChildren.shared.svelte.js';
+export { default as Circle } from './components/Circle/Circle.canvas.svelte';
+export type { CircleProps, CirclePropsWithoutHTML } from './components/Circle/Circle.shared.svelte.js';
+export { default as Text } from './components/Text/Text.canvas.svelte';
+export type { TextProps, TextPropsWithoutHTML, TextSegment, } from './components/Text/Text.shared.svelte.js';
+export { default as Rect } from './components/Rect/Rect.canvas.svelte';
+export type { RectProps, RectPropsWithoutHTML, } from './components/Rect/Rect.shared.svelte.js';
+export { default as Line } from './components/Line/Line.canvas.svelte';
+export type { LineProps, LinePropsWithoutHTML, } from './components/Line/Line.shared.svelte.js';
+export { default as Path } from './components/Path/Path.canvas.svelte';
+export type { PathProps, PathPropsWithoutHTML, } from './components/Path/Path.shared.svelte.js';
+export { default as ClipPath } from './components/ClipPath/ClipPath.canvas.svelte';
+export type { ClipPathProps, ClipPathPropsWithoutHTML, } from './components/ClipPath/ClipPath.shared.svelte.js';
+export { default as RadialGradient } from './components/RadialGradient/RadialGradient.canvas.svelte';
+export type { RadialGradientProps, RadialGradientPropsWithoutHTML, } from './components/RadialGradient/RadialGradient.shared.svelte.js';
+export { default as LinearGradient } from './components/LinearGradient/LinearGradient.canvas.svelte';
+export type { LinearGradientProps, LinearGradientPropsWithoutHTML, } from './components/LinearGradient/LinearGradient.shared.svelte.js';
+export { default as Group } from './components/Group/Group.canvas.svelte';
+export type { GroupProps, GroupPropsWithoutHTML, } from './components/Group/Group.shared.svelte.js';
+export { default as Pattern } from './components/Pattern/Pattern.canvas.svelte';
+export type { PatternProps, PatternPropsWithoutHTML, } from './components/Pattern/Pattern.shared.svelte.js';
+export { default as Ellipse } from './components/Ellipse/Ellipse.canvas.svelte';
+export type { EllipseProps, EllipsePropsWithoutHTML, } from './components/Ellipse/Ellipse.shared.svelte.js';
+export { default as Polygon } from './components/Polygon/Polygon.canvas.svelte';
+export type { PolygonProps, PolygonPropsWithoutHTML, } from './components/Polygon/Polygon.shared.svelte.js';
+export { default as Image } from './components/Image/Image.canvas.svelte';
+export type { ImageProps, ImagePropsWithoutHTML, } from './components/Image/Image.shared.svelte.js';
+export { default as Axis } from './components/Axis/Axis.canvas.svelte';
+export type { AxisProps, AxisPropsWithoutHTML, } from './components/Axis/Axis.shared.svelte.js';
+export { default as Rule } from './components/Rule/Rule.canvas.svelte';
+export type { RuleProps, RulePropsWithoutHTML, } from './components/Rule/Rule.shared.svelte.js';
+export { default as Grid } from './components/Grid/Grid.canvas.svelte';
+export type { GridProps, GridPropsWithoutHTML, } from './components/Grid/Grid.shared.svelte.js';
+export { default as Highlight } from './components/Highlight/Highlight.canvas.svelte';
+export type { HighlightProps, HighlightPropsWithoutHTML, HighlightPoint, HighlightPointData, } from './components/Highlight/Highlight.shared.svelte.js';
+export { default as Arc } from './components/Arc/Arc.canvas.svelte';
+export type { ArcProps, ArcPropsWithoutHTML } from './components/Arc/Arc.shared.svelte.js';
+export { default as Spline } from './components/Spline/Spline.canvas.svelte';
+export type { SplineProps, SplinePropsWithoutHTML, } from './components/Spline/Spline.shared.svelte.js';
+export { default as Area } from './components/Area/Area.canvas.svelte';
+export type { AreaProps, AreaPropsWithoutHTML, } from './components/Area/Area.shared.svelte.js';
+export { default as Pie } from './components/Pie/Pie.canvas.svelte';
+export type { PieProps, PiePropsWithoutHTML } from './components/Pie/Pie.shared.svelte.js';
+export { default as ArcLabel } from './components/ArcLabel/ArcLabel.canvas.svelte';
+export type { ArcLabelProps, ArcLabelConfig, ArcLabelPlacement, } from './components/ArcLabel/ArcLabel.shared.svelte.js';
+export { default as Bar } from './components/Bar/Bar.canvas.svelte';
+export type { BarProps, BarPropsWithoutHTML } from './components/Bar/Bar.shared.svelte.js';
+export { default as Bars } from './components/Bars/Bars.canvas.svelte';
+export type { BarsProps, BarsPropsWithoutHTML, } from './components/Bars/Bars.shared.svelte.js';
+export { default as Points } from './components/Points/Points.canvas.svelte';
+export type { PointsProps, PointsPropsWithoutHTML, Point as PointDatum, } from './components/Points/Points.shared.svelte.js';
+export { default as Labels } from './components/Labels/Labels.canvas.svelte';
+export type { LabelsProps, LabelsPropsWithoutHTML, } from './components/Labels/Labels.shared.svelte.js';
+export { default as Frame } from './components/Frame/Frame.canvas.svelte';
+export type { FrameProps, FramePropsWithoutHTML, } from './components/Frame/Frame.shared.svelte.js';
+export { default as Cell } from './components/Cell/Cell.canvas.svelte';
+export type { CellProps } from './components/Cell/Cell.shared.svelte.js';
+export { default as Threshold } from './components/Threshold/Threshold.canvas.svelte';
+export type { ThresholdProps, ThresholdSnippetProps, } from './components/Threshold/Threshold.shared.svelte.js';
+export { default as AnnotationLine } from './components/AnnotationLine/AnnotationLine.canvas.svelte';
+export type { AnnotationLineProps, AnnotationLinePropsWithoutHTML, } from './components/AnnotationLine/AnnotationLine.shared.svelte.js';
+export { default as AnnotationPoint } from './components/AnnotationPoint/AnnotationPoint.canvas.svelte';
+export type { AnnotationPointProps, AnnotationPointPropsWithoutHTML, } from './components/AnnotationPoint/AnnotationPoint.shared.svelte.js';
+export { default as Trail } from './components/Trail/Trail.canvas.svelte';
+export type { TrailProps, TrailPropsWithoutHTML, } from './components/Trail/Trail.shared.svelte.js';
+export { default as Vector } from './components/Vector/Vector.canvas.svelte';
+export type { VectorProps, VectorPropsWithoutHTML, VectorShape, } from './components/Vector/Vector.shared.svelte.js';
+export { default as Link } from './components/Link/Link.canvas.svelte';
+export type { LinkProps, LinkPropsWithoutHTML } from './components/Link/Link.shared.svelte.js';
+export { default as AnnotationRange } from './components/AnnotationRange/AnnotationRange.canvas.svelte';
+export type { AnnotationRangeProps, AnnotationRangePropsWithoutHTML, } from './components/AnnotationRange/AnnotationRange.shared.svelte.js';
+export { default as Hull } from './components/Hull/Hull.canvas.svelte';
+export type { HullProps, HullPropsWithoutHTML } from './components/Hull/Hull.shared.svelte.js';
+export { default as Density } from './components/Density/Density.canvas.svelte';
+export type { DensityProps, DensityPropsWithoutHTML, } from './components/Density/Density.shared.svelte.js';
+export { default as Calendar } from './components/Calendar/Calendar.canvas.svelte';
+export type { CalendarProps, CalendarPropsWithoutHTML, CalendarCell, } from './components/Calendar/Calendar.shared.svelte.js';
+export { default as CircleClipPath } from './components/CircleClipPath/CircleClipPath.canvas.svelte';
+export type { CircleClipPathPropsWithoutHTML } from './components/CircleClipPath/CircleClipPath.shared.svelte.js';
+export { default as Voronoi } from './components/Voronoi/Voronoi.canvas.svelte';
+export type { VoronoiProps, VoronoiPropsWithoutHTML, } from './components/Voronoi/Voronoi.shared.svelte.js';
+export { default as Contour } from './components/Contour/Contour.canvas.svelte';
+export type { ContourProps, ContourPropsWithoutHTML, } from './components/Contour/Contour.shared.svelte.js';
+export { default as Month } from './components/Month/Month.canvas.svelte';
+export type { MonthProps, MonthPropsWithoutHTML, MonthCell, } from './components/Month/Month.shared.svelte.js';
+export { default as Raster } from './components/Raster/Raster.canvas.svelte';
+export type { RasterProps, RasterPropsWithoutHTML, } from './components/Raster/Raster.shared.svelte.js';
+export { default as Violin } from './components/Violin/Violin.canvas.svelte';
+export type { ViolinProps, ViolinPropsWithoutHTML, } from './components/Violin/Violin.shared.svelte.js';
+export { default as BoxPlot } from './components/BoxPlot/BoxPlot.canvas.svelte';
+export type { BoxPlotProps, BoxPlotPropsWithoutHTML, } from './components/BoxPlot/BoxPlot.shared.svelte.js';
+export { default as GeoPath } from './components/geo/GeoPath/GeoPath.canvas.svelte';
+export type { GeoPathProps, GeoPathPropsWithoutHTML, } from './components/geo/GeoPath/GeoPath.shared.svelte.js';
+export { default as GeoSpline } from './components/geo/GeoSpline/GeoSpline.canvas.svelte';
+export type { GeoSplineProps, GeoSplinePropsWithoutHTML, } from './components/geo/GeoSpline/GeoSpline.shared.svelte.js';
+export { default as GeoPoint } from './components/geo/GeoPoint/GeoPoint.canvas.svelte';
+export type { GeoPointProps, GeoPointPropsWithoutHTML, } from './components/geo/GeoPoint/GeoPoint.shared.svelte.js';
+export { default as GeoCircle } from './components/geo/GeoCircle/GeoCircle.canvas.svelte';
+export type { GeoCircleProps, GeoCirclePropsWithoutHTML, } from './components/geo/GeoCircle/GeoCircle.shared.svelte.js';
+export { default as GeoClipPath } from './components/geo/GeoClipPath/GeoClipPath.canvas.svelte';
+export type { GeoClipPathProps, GeoClipPathPropsWithoutHTML, } from './components/geo/GeoClipPath/GeoClipPath.shared.svelte.js';
+export { default as GeoEdgeFade } from './components/geo/GeoEdgeFade/GeoEdgeFade.canvas.svelte';
+export type { GeoEdgeFadeProps, GeoEdgeFadePropsWithoutHTML, } from './components/geo/GeoEdgeFade/GeoEdgeFade.shared.svelte.js';
+export { default as GeoTile } from './components/geo/GeoTile/GeoTile.canvas.svelte';
+export type { GeoTilePropsWithoutHTML } from './components/geo/GeoTile/GeoTile.shared.svelte.js';
+export { default as TileImage } from './components/geo/TileImage/TileImage.canvas.svelte';
+export type { TileImageProps, TileImagePropsWithoutHTML, } from './components/geo/TileImage/TileImage.shared.svelte.js';
+export { default as Graticule } from './components/geo/Graticule/Graticule.canvas.svelte';
+export type { GraticuleProps, GraticulePropsWithoutHTML, } from './components/geo/Graticule/Graticule.shared.svelte.js';
+export { default as Ribbon } from './components/graph/Ribbon/Ribbon.canvas.svelte';
+export type { RibbonProps, RibbonPropsWithoutHTML, } from './components/graph/Ribbon/Ribbon.shared.svelte.js';
+export { default as Blur } from './components/Blur/Blur.svelte';
+export * from './components/Blur/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.canvas.svelte';
+export { default as AreaChart } from './components/charts/AreaChart/AreaChart.canvas.svelte';
+export { default as BarChart } from './components/charts/BarChart/BarChart.canvas.svelte';
+export { default as PieChart } from './components/charts/PieChart/PieChart.canvas.svelte';
+export { default as ScatterChart } from './components/charts/ScatterChart/ScatterChart.canvas.svelte';
+export { default as ArcChart } from './components/charts/ArcChart/ArcChart.canvas.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';
+export { default as GeoLegend } from './components/geo/GeoLegend/GeoLegend.svelte';
+export { default as GeoProjection } from './components/geo/GeoProjection/GeoProjection.svelte';
+export { default as GeoRaster } from './components/geo/GeoRaster/GeoRaster.svelte';
+export { default as GeoVisible } from './components/geo/GeoVisible/GeoVisible.svelte';
+export { default as RectClipPath } from './components/RectClipPath/RectClipPath.canvas.svelte';
+export type { RectClipPathProps, RectClipPathPropsWithoutHTML, } from './components/RectClipPath/RectClipPath.shared.svelte.js';
+export { default as ChartClipPath } from './components/ChartClipPath/ChartClipPath.canvas.svelte';
+export type { ChartClipPathProps, ChartClipPathPropsWithoutHTML, } from './components/ChartClipPath/ChartClipPath.shared.svelte.js';

package/dist/canvas.js

@@ -0,0 +1,128 @@
+/**
+ * Canvas-only variants of layer-agnostic components.
+ *
+ * Each export here is a Canvas-specific implementation. Use these when you
+ * know your chart only renders to Canvas 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/canvas` is equivalent to importing `Canvas`.
+export { default as Canvas, default as Layer } from './components/layers/Canvas.svelte';
+export { default as Chart } from './components/Chart/Chart.canvas.svelte';
+export { default as ChartCore } from './components/Chart/ChartCore.svelte';
+export { default as ChartChildren } from './components/ChartChildren/ChartChildren.canvas.svelte';
+export { default as Circle } from './components/Circle/Circle.canvas.svelte';
+export { default as Text } from './components/Text/Text.canvas.svelte';
+export { default as Rect } from './components/Rect/Rect.canvas.svelte';
+export { default as Line } from './components/Line/Line.canvas.svelte';
+export { default as Path } from './components/Path/Path.canvas.svelte';
+export { default as ClipPath } from './components/ClipPath/ClipPath.canvas.svelte';
+export { default as RadialGradient } from './components/RadialGradient/RadialGradient.canvas.svelte';
+export { default as LinearGradient } from './components/LinearGradient/LinearGradient.canvas.svelte';
+export { default as Group } from './components/Group/Group.canvas.svelte';
+export { default as Pattern } from './components/Pattern/Pattern.canvas.svelte';
+export { default as Ellipse } from './components/Ellipse/Ellipse.canvas.svelte';
+export { default as Polygon } from './components/Polygon/Polygon.canvas.svelte';
+export { default as Image } from './components/Image/Image.canvas.svelte';
+export { default as Axis } from './components/Axis/Axis.canvas.svelte';
+export { default as Rule } from './components/Rule/Rule.canvas.svelte';
+export { default as Grid } from './components/Grid/Grid.canvas.svelte';
+export { default as Highlight } from './components/Highlight/Highlight.canvas.svelte';
+export { default as Arc } from './components/Arc/Arc.canvas.svelte';
+export { default as Spline } from './components/Spline/Spline.canvas.svelte';
+export { default as Area } from './components/Area/Area.canvas.svelte';
+export { default as Pie } from './components/Pie/Pie.canvas.svelte';
+export { default as ArcLabel } from './components/ArcLabel/ArcLabel.canvas.svelte';
+export { default as Bar } from './components/Bar/Bar.canvas.svelte';
+export { default as Bars } from './components/Bars/Bars.canvas.svelte';
+export { default as Points } from './components/Points/Points.canvas.svelte';
+export { default as Labels } from './components/Labels/Labels.canvas.svelte';
+export { default as Frame } from './components/Frame/Frame.canvas.svelte';
+export { default as Cell } from './components/Cell/Cell.canvas.svelte';
+export { default as Threshold } from './components/Threshold/Threshold.canvas.svelte';
+export { default as AnnotationLine } from './components/AnnotationLine/AnnotationLine.canvas.svelte';
+export { default as AnnotationPoint } from './components/AnnotationPoint/AnnotationPoint.canvas.svelte';
+export { default as Trail } from './components/Trail/Trail.canvas.svelte';
+export { default as Vector } from './components/Vector/Vector.canvas.svelte';
+export { default as Link } from './components/Link/Link.canvas.svelte';
+export { default as AnnotationRange } from './components/AnnotationRange/AnnotationRange.canvas.svelte';
+export { default as Hull } from './components/Hull/Hull.canvas.svelte';
+export { default as Density } from './components/Density/Density.canvas.svelte';
+export { default as Calendar } from './components/Calendar/Calendar.canvas.svelte';
+export { default as CircleClipPath } from './components/CircleClipPath/CircleClipPath.canvas.svelte';
+export { default as Voronoi } from './components/Voronoi/Voronoi.canvas.svelte';
+export { default as Contour } from './components/Contour/Contour.canvas.svelte';
+export { default as Month } from './components/Month/Month.canvas.svelte';
+export { default as Raster } from './components/Raster/Raster.canvas.svelte';
+export { default as Violin } from './components/Violin/Violin.canvas.svelte';
+export { default as BoxPlot } from './components/BoxPlot/BoxPlot.canvas.svelte';
+// Geo components
+export { default as GeoPath } from './components/geo/GeoPath/GeoPath.canvas.svelte';
+export { default as GeoSpline } from './components/geo/GeoSpline/GeoSpline.canvas.svelte';
+export { default as GeoPoint } from './components/geo/GeoPoint/GeoPoint.canvas.svelte';
+export { default as GeoCircle } from './components/geo/GeoCircle/GeoCircle.canvas.svelte';
+export { default as GeoClipPath } from './components/geo/GeoClipPath/GeoClipPath.canvas.svelte';
+export { default as GeoEdgeFade } from './components/geo/GeoEdgeFade/GeoEdgeFade.canvas.svelte';
+export { default as GeoTile } from './components/geo/GeoTile/GeoTile.canvas.svelte';
+export { default as TileImage } from './components/geo/TileImage/TileImage.canvas.svelte';
+export { default as Graticule } from './components/geo/Graticule/Graticule.canvas.svelte';
+// Ribbon (graph) — uses Path
+export { default as Ribbon } from './components/graph/Ribbon/Ribbon.canvas.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/Blur.svelte';
+export * from './components/Blur/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.canvas.svelte';
+export { default as AreaChart } from './components/charts/AreaChart/AreaChart.canvas.svelte';
+export { default as BarChart } from './components/charts/BarChart/BarChart.canvas.svelte';
+export { default as PieChart } from './components/charts/PieChart/PieChart.canvas.svelte';
+export { default as ScatterChart } from './components/charts/ScatterChart/ScatterChart.canvas.svelte';
+export { default as ArcChart } from './components/charts/ArcChart/ArcChart.canvas.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';
+// Geo helpers (no per-layer rendering)
+export { default as GeoLegend } from './components/geo/GeoLegend/GeoLegend.svelte';
+export { default as GeoProjection } from './components/geo/GeoProjection/GeoProjection.svelte';
+export { default as GeoRaster } from './components/geo/GeoRaster/GeoRaster.svelte';
+export { default as GeoVisible } from './components/geo/GeoVisible/GeoVisible.svelte';
+export { default as RectClipPath } from './components/RectClipPath/RectClipPath.canvas.svelte';
+export { default as ChartClipPath } from './components/ChartClipPath/ChartClipPath.canvas.svelte';

package/dist/components/{AnnotationLine.svelte → AnnotationLine/AnnotationLine.base.svelte}

@@ -1,60 +1,22 @@
 <script lang="ts" module>
-  import type { ComponentProps } from 'svelte';
-  import type { SVGAttributes } from 'svelte/elements';
-  import type { CommonStyleProps, Without } from '../utils/types.js';
-  import type { SingleDomainType } from '../utils/scales.svelte.js';
+  import type { Component, ComponentProps } from 'svelte';
+  import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
 
-  export type AnnotationLinePropsWithoutHTML = {
-    /** x value of the line (draws vertically across the full y range) */
-    x?: SingleDomainType;
+  export type AnnotationLineBaseLayerComponents = {
+    Line: Component<any>;
+    Text: Component<any>;
+  };
 
-    /** y value of the line (draws horizontally across the full x range) */
-    y?: SingleDomainType;
-
-    /** x value of the line's start point. Takes precedence over `x`. Defaults to the start of the x range. */
-    x1?: SingleDomainType;
-
-    /** y value of the line's start point. Takes precedence over `y`. Defaults to the start of the y range. */
-    y1?: SingleDomainType;
-
-    /** x value of the line's end point. Takes precedence over `x`. Defaults to the end of the x range. */
-    x2?: SingleDomainType;
-
-    /** y value of the line's end point. Takes precedence over `y`. Defaults to the end of the y range. */
-    y2?: SingleDomainType;
-
-    /** Label to display for line*/
-    label?: string;
-
-    /** Placement of the label */
-    labelPlacement?: Placement;
-
-    /** X offset of the label */
-    labelXOffset?: number;
-
-    /** Y offset of the label */
-    labelYOffset?: number;
-
-    /** Classes for inner elements */
-    props?: {
-      label?: Partial<ComponentProps<typeof Text>>;
-      line?: Partial<ComponentProps<typeof Line>>;
-    };
-  } & CommonStyleProps;
-
-  export type AnnotationLineProps = AnnotationLinePropsWithoutHTML &
-    Without<SVGAttributes<Element>, AnnotationLinePropsWithoutHTML>;
+  export type AnnotationLineBaseProps = AnnotationLineProps & AnnotationLineBaseLayerComponents;
 </script>
 
 <script lang="ts">
-  import { getChartContext } from '../contexts/chart.js';
-  import Line from './Line.svelte';
-  import Text from './Text.svelte';
-  import type { Placement } from './types.js';
-
+  import { getChartContext } from '../../contexts/chart.js';
   import { cls } from '@layerstack/tailwind';
 
-  const {
+  let {
+    Line,
+    Text,
     x,
     y,
     x1: x1Prop,
@@ -66,7 +28,7 @@
     labelXOffset = 0,
     labelYOffset = 0,
     props,
-  }: AnnotationLineProps = $props();
+  }: AnnotationLineBaseProps = $props();
 
   const ctx = getChartContext();
 
@@ -82,7 +44,6 @@
 
   const isSloped = $derived(!isVertical && line.x1 !== line.x2 && line.y1 !== line.y2);
 
-  // Angle of the line in degrees, normalized to [-90, 90] so text stays upright
   const slopeAngle = $derived.by(() => {
     let angle = Math.atan2(line.y2 - line.y1, line.x2 - line.x1) * (180 / Math.PI);
     if (angle > 90) angle -= 180;
@@ -90,7 +51,7 @@
     return angle;
   });
 
-  const labelProps = $derived.by<ComponentProps<typeof Text>>(() => {
+  const labelProps = $derived.by(() => {
     const isLeft = labelPlacement.includes('left');
     const isRight = labelPlacement.includes('right');
     const isTop = labelPlacement.includes('top');
@@ -104,13 +65,13 @@
           (['top', 'bottom-left', 'bottom-right'].includes(labelPlacement)
             ? -labelYOffset
             : labelYOffset),
-        dy: -2, // adjust for smaller font size
+        dy: -2,
         textAnchor: isLeft ? 'end' : isRight ? 'start' : 'middle',
         verticalAnchor:
           labelPlacement === 'top'
-            ? 'end' // place above line
+            ? 'end'
             : labelPlacement === 'bottom'
-              ? 'start' // place below line
+              ? 'start'
               : isTop
                 ? 'start'
                 : isBottom
@@ -119,13 +80,13 @@
       };
     }
 
-    const x = isLeft ? line.x1 : isRight ? line.x2 : (line.x1 + line.x2) / 2;
-    const y = isLeft ? line.y1 : isRight ? line.y2 : (line.y1 + line.y2) / 2;
+    const _x = isLeft ? line.x1 : isRight ? line.x2 : (line.x1 + line.x2) / 2;
+    const _y = isLeft ? line.y1 : isRight ? line.y2 : (line.y1 + line.y2) / 2;
     const textAnchor =
       labelPlacement === 'left'
-        ? 'end' // place beside line
+        ? 'end'
         : labelPlacement === 'right'
-          ? 'start' // place beside line
+          ? 'start'
           : isLeft
             ? 'start'
             : isRight
@@ -134,18 +95,16 @@
     const verticalAnchor = isTop ? 'end' : isBottom ? 'start' : 'middle';
 
     if (isSloped) {
-      // Project along-line and perpendicular offsets onto screen dx/dy so
-      // labelXOffset/labelYOffset track the slope rather than the viewport axes.
       const aSign = ['left', 'top-right', 'bottom-right'].includes(labelPlacement) ? -1 : 1;
       const pSign = isTop ? 1 : -1;
       const alongLine = aSign * labelXOffset;
-      const perpAbove = pSign * labelYOffset + 2; // +2 for font baseline
+      const perpAbove = pSign * labelYOffset + 2;
       const theta = (slopeAngle * Math.PI) / 180;
       const cosT = Math.cos(theta);
       const sinT = Math.sin(theta);
       return {
-        x,
-        y,
+        x: _x,
+        y: _y,
         rotate: slopeAngle,
         dx: alongLine * cosT + perpAbove * sinT,
         dy: alongLine * sinT - perpAbove * cosT,
@@ -156,12 +115,12 @@
 
     return {
       x:
-        x +
+        _x +
         (['left', 'top-right', 'bottom-right'].includes(labelPlacement)
           ? -labelXOffset
           : labelXOffset),
-      y: y + (isTop ? -labelYOffset : labelYOffset),
-      dy: -2, // adjust for smaller font size
+      y: _y + (isTop ? -labelYOffset : labelYOffset),
+      dy: -2,
       textAnchor,
       verticalAnchor,
     };

package/dist/components/AnnotationLine/AnnotationLine.base.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Component } from 'svelte';
+import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+export type AnnotationLineBaseLayerComponents = {
+    Line: Component<any>;
+    Text: Component<any>;
+};
+export type AnnotationLineBaseProps = AnnotationLineProps & AnnotationLineBaseLayerComponents;
+declare const AnnotationLine: Component<AnnotationLineBaseProps, {}, "">;
+type AnnotationLine = ReturnType<typeof AnnotationLine>;
+export default AnnotationLine;

package/dist/components/AnnotationLine/AnnotationLine.canvas.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module>
+  export type {
+    AnnotationLineProps,
+    AnnotationLinePropsWithoutHTML,
+  } from './AnnotationLine.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationLineBase from './AnnotationLine.base.svelte';
+  import Line from '../Line/Line.canvas.svelte';
+  import Text from '../Text/Text.canvas.svelte';
+  import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+
+  let props: AnnotationLineProps = $props();
+</script>
+
+<AnnotationLineBase {Line} {Text} {...props} />

package/dist/components/AnnotationLine/AnnotationLine.canvas.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { AnnotationLineProps, AnnotationLinePropsWithoutHTML, } from './AnnotationLine.shared.svelte.js';
+import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+declare const AnnotationLine: import("svelte").Component<AnnotationLineProps, {}, "">;
+type AnnotationLine = ReturnType<typeof AnnotationLine>;
+export default AnnotationLine;

package/dist/components/AnnotationLine/AnnotationLine.html.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module>
+  export type {
+    AnnotationLineProps,
+    AnnotationLinePropsWithoutHTML,
+  } from './AnnotationLine.shared.svelte.js';
+</script>
+
+<script lang="ts">
+  import AnnotationLineBase from './AnnotationLine.base.svelte';
+  import Line from '../Line/Line.html.svelte';
+  import Text from '../Text/Text.html.svelte';
+  import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+
+  let props: AnnotationLineProps = $props();
+</script>
+
+<AnnotationLineBase {Line} {Text} {...props} />

package/dist/components/AnnotationLine/AnnotationLine.html.svelte.d.ts

@@ -0,0 +1,5 @@
+export type { AnnotationLineProps, AnnotationLinePropsWithoutHTML, } from './AnnotationLine.shared.svelte.js';
+import type { AnnotationLineProps } from './AnnotationLine.shared.svelte.js';
+declare const AnnotationLine: import("svelte").Component<AnnotationLineProps, {}, "">;
+type AnnotationLine = ReturnType<typeof AnnotationLine>;
+export default AnnotationLine;

package/dist/components/AnnotationLine/AnnotationLine.shared.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps } from 'svelte';
+import type { SVGAttributes } from 'svelte/elements';
+import type { CommonStyleProps, Without } from '../../utils/types.js';
+import type { SingleDomainType } from '../../utils/scales.svelte.js';
+import type Line from '../Line/Line.svelte';
+import type Text from '../Text/Text.svelte';
+import type { Placement } from '../types.js';
+export type AnnotationLinePropsWithoutHTML = {
+    x?: SingleDomainType;
+    y?: SingleDomainType;
+    x1?: SingleDomainType;
+    y1?: SingleDomainType;
+    x2?: SingleDomainType;
+    y2?: SingleDomainType;
+    label?: string;
+    labelPlacement?: Placement;
+    labelXOffset?: number;
+    labelYOffset?: number;
+    props?: {
+        label?: Partial<ComponentProps<typeof Text>>;
+        line?: Partial<ComponentProps<typeof Line>>;
+    };
+} & CommonStyleProps;
+export type AnnotationLineProps = AnnotationLinePropsWithoutHTML & Without<SVGAttributes<Element>, AnnotationLinePropsWithoutHTML>;