@fundar/data-chart-telling 0.0.25 → 0.0.27

package/dist/charts/BaseChart.svelte

@@ -7,14 +7,11 @@
   import { provideHover } from '../layout/tooltip/hover.svelte';
   import { provideLegendInteraction } from '../layout/legend/interaction.svelte';
   import type { Snippet } from 'svelte';
-  import type { LegendSection } from '../types/charts/legend';
+  import type { LegendSection } from '../types/layout/legend';
   import type { HoverStrategy } from '../types/layout/tooltip';
-  import type {
-    ChartPlotSnippet,
-    FacetConfig,
-    TimeValue,
-    TimelineConfig,
-  } from '../types/charts/common';
+  import type { ChartPlotSnippet } from '../types/charts/common';
+  import type { FacetConfig } from '../types/layout/facet';
+  import type { TimeValue, TimelineConfig } from '../types/layout/timeline';
 
   /**
    * The orchestrator. It wires together the four interchangeable layout
@@ -60,7 +57,11 @@
   const cfg = $derived(getConfiguration());
 
   const hoverStore = provideHover();
-  provideLegendInteraction();
+  const legendInteraction = provideLegendInteraction();
+  const legendPlotContext = $derived({
+    disabledSeries: new Set(legendInteraction.disabledSeries.keys()),
+    isDisabled: (name: string) => legendInteraction.disabledSeries.has(name),
+  });
   $effect(() => {
     hoverStore.strategy = hover?.strategy ?? 'x';
     hoverStore.sync = hover?.sync ?? false;
@@ -75,6 +76,12 @@
       columns={facet.columns}
       values={facet.values}
       gap={facet.gap}
+      mode={facet.mode}
+      visible={facet.visible}
+      pageSize={facet.pageSize}
+      formatIndicator={facet.formatIndicator}
+      indicator={facet.indicator}
+      navButton={facet.navButton}
       width={w}
       height={h}
     >
@@ -84,12 +91,13 @@
           width: cw,
           height: ch,
           facetValue,
-          selectedValue
+          selectedValue,
+          legend: legendPlotContext
         })}
       {/snippet}
     </FacetLayout>
   {:else}
-    {@render plot({ data: rows, width: w, height: h, selectedValue })}
+    {@render plot({ data: rows, width: w, height: h, selectedValue, legend: legendPlotContext })}
   {/if}
 {/snippet}
 

package/dist/charts/BaseChart.svelte.d.ts

@@ -1,7 +1,9 @@
 import type { Snippet } from 'svelte';
-import type { LegendSection } from '../types/charts/legend';
+import type { LegendSection } from '../types/layout/legend';
 import type { HoverStrategy } from '../types/layout/tooltip';
-import type { ChartPlotSnippet, FacetConfig, TimelineConfig } from '../types/charts/common';
+import type { ChartPlotSnippet } from '../types/charts/common';
+import type { FacetConfig } from '../types/layout/facet';
+import type { TimelineConfig } from '../types/layout/timeline';
 declare function $$render<TRow extends Record<string, unknown>>(): {
     props: {
         width: number;

package/dist/charts/bar/Chart.svelte

@@ -101,6 +101,8 @@
             sync: tip.sync,
             series: tip.series,
             content: tip.content,
+            anchorX: tip.anchorX,
+            anchorY: tip.anchorY,
           }
         : undefined}
     />

package/dist/charts/heatmap/Chart.svelte

@@ -9,7 +9,7 @@
   } from '../../layout/tooltip/utils';
   import { resolveAccessor } from '../../plots/utils/accessors';
   import type { Accessor } from '../../types/plots/data/common';
-  import type { AxisBasedScalesConfig } from '../../types/plots/props';
+  import type { AxisBasedScalesConfig } from '../../types/layout/scales';
   import type { CellSegmentStyle } from '../../types/plots/segments/common';
   import type { ChartProps } from '../../types/charts/props';
 
@@ -46,7 +46,7 @@
   const getX = $derived(resolveAccessor<TRow>(x));
   const getY = $derived(resolveAccessor<TRow>(y));
   const getZ = $derived(resolveAccessor<TRow>(z));
-  const fmtVal = $derived(styles.values?.format ?? ((v: number) => `${v}`));
+  const formatValue = $derived(styles.values?.format ?? ((v: number) => `${v}`));
 
   // Compute domain over the full dataset so colour is comparable across facets/timeline steps.
   // Caller-provided `scales.z.domain` always takes precedence.
@@ -66,7 +66,7 @@
   const defaultFormat = $derived((row: TRow) => {
     const xl = scales.x?.label || 'x';
     const yl = scales.y?.label || 'y';
-    return `${xl} ${getX(row)} · ${yl} ${getY(row)}\n${fmtVal(Number(getZ(row)), '')}`;
+    return `${xl} ${getX(row)} · ${yl} ${getY(row)}\n${formatValue(Number(getZ(row)), '')}`;
   });
 </script>
 
@@ -105,6 +105,8 @@
             sync: tip.sync,
             series: tip.series,
             content: tip.content,
+            anchorX: tip.anchorX,
+            anchorY: tip.anchorY,
           }
         : undefined}
     />

package/dist/charts/heatmap/Chart.svelte.d.ts

@@ -1,8 +1,7 @@
 import type { Accessor } from '../../types/plots/data/common';
-import type { CellSegmentStyle } from '../../types/plots/segments/common';
 import type { ChartProps } from '../../types/charts/props';
 declare function $$render<TRow extends Record<string, unknown>>(): {
-    props: ChartProps<TRow, CellSegmentStyle> & {
+    props: ChartProps<TRow, import("../..").AreaStyle> & {
         z: Accessor<TRow, number>;
     };
     exports: {};

package/dist/charts/line/Chart.svelte

@@ -103,6 +103,8 @@
             sync: tip.sync,
             series: tip.series,
             content: tip.content,
+            anchorX: tip.anchorX,
+            anchorY: tip.anchorY,
           }
         : undefined}
     />

package/dist/charts/pyramid/Chart.svelte

@@ -9,7 +9,7 @@
   } from '../../layout/tooltip/utils';
   import { resolveAccessor } from '../../plots/utils/accessors';
   import { resolveTimelineInterpolation } from '../../utils/interpolate';
-  import type { AxisValue } from '../../types/plots/axis';
+  import type { AxisValue } from '../../types/layout/scales';
   import type { Accessor } from '../../types/plots/data/common';
   import type { BarSegmentStyle } from '../../types/plots/segments/common';
   import type { ChartProps } from '../../types/charts/props';
@@ -48,7 +48,7 @@
   const getMagnitude = $derived(resolveAccessor<TRow>(magnitude));
   const getCategory = $derived(resolveAccessor<TRow>(category));
   const getSides = $derived(resolveAccessor<TRow>(sides));
-  const fmtVal = $derived(styles.values?.format ?? ((v: number) => `${v}`));
+  const formatValue = $derived(styles.values?.format ?? ((v: number) => `${v}`));
 
   // Computed once over the full dataset (not the per-facet/timeline-filtered
   // rows) so the diverging axis and category bands stay comparable across
@@ -86,7 +86,7 @@
   const resolvedStrategy = $derived(resolveHoverStrategy(tip.enabled ? tip.strategy : undefined, markers, 'y'));
   const resolvedSync = $derived(resolveHoverSync(tip.enabled ? tip.sync : undefined, markers));
   const defaultFormat = $derived(
-    (row: TRow) => `${String(getSides(row))}\n${String(getCategory(row))}: ${fmtVal(Number(getMagnitude(row)), String(getSides(row)))}`,
+    (row: TRow) => `${String(getSides(row))}\n${String(getCategory(row))}: ${formatValue(Number(getMagnitude(row)), String(getSides(row)))}`,
   );
 </script>
 
@@ -125,6 +125,8 @@
             sync: tip.sync,
             series: tip.series,
             content: tip.content,
+            anchorX: tip.anchorX,
+            anchorY: tip.anchorY,
           }
         : undefined}
     />

package/dist/charts/pyramid/Chart.svelte.d.ts

@@ -1,8 +1,7 @@
 import type { Accessor } from '../../types/plots/data/common';
-import type { BarSegmentStyle } from '../../types/plots/segments/common';
 import type { ChartProps } from '../../types/charts/props';
 declare function $$render<TRow extends Record<string, unknown>>(): {
-    props: ChartProps<TRow, BarSegmentStyle> & {
+    props: ChartProps<TRow, import("../..").AreaStyle> & {
         x: Accessor<TRow, number>;
         z: Accessor<TRow, unknown>;
     };

package/dist/charts/scatter/Chart.svelte

@@ -0,0 +1,95 @@
+<script lang="ts" generics="TRow extends Record<string, unknown>">
+  import BaseChart from '../BaseChart.svelte';
+  import ScatterPlot from '../../plots/scatter/Plot.svelte';
+  import {
+    resolveTooltip,
+    resolveHoverStrategy,
+    resolveHoverSync,
+    hasHoverMarker
+  } from '../../layout/tooltip/utils';
+  import { resolveAccessor } from '../../plots/utils/accessors';
+  import type { Accessor } from '../../types/plots/data/common';
+  import type { ScatterSegmentStyle } from '../../types/plots/segments/common';
+  import type { ChartProps } from '../../types/charts/props';
+
+  /**
+   * High-level scatter chart. Groups flat rows by `z` into one point cloud
+   * per group and delegates all chrome to {@link BaseChart}. `r` gives every
+   * point a per-row radius (bubble sizing), independent of `z` grouping.
+   */
+  let {
+    width,
+    height,
+    title,
+    subtitle,
+    caption,
+    legend,
+    header,
+    footer,
+    data,
+    x,
+    y,
+    z,
+    r,
+    styles = {},
+    segments,
+    markers = [],
+    scales = {},
+    margins,
+    facet,
+    timeline,
+    tooltip,
+  }: ChartProps<TRow, ScatterSegmentStyle> & { r?: Accessor<TRow, number> | number } = $props();
+
+  const tip = $derived(resolveTooltip(tooltip, 'punctual'));
+  const hoverEnabled = $derived(tip.enabled || hasHoverMarker(markers));
+  const resolvedStrategy = $derived(resolveHoverStrategy(tip.enabled ? tip.strategy : undefined, markers, 'punctual'));
+  const resolvedSync = $derived(resolveHoverSync(tip.enabled ? tip.sync : undefined, markers));
+  const getX = $derived(resolveAccessor<TRow>(x));
+  const getY = $derived(resolveAccessor<TRow>(y));
+  const defaultFormat = $derived((row: TRow) => `${String(getX(row))}, ${String(getY(row))}`);
+</script>
+
+<BaseChart
+  {width}
+  {height}
+  {title}
+  {subtitle}
+  {caption}
+  {legend}
+  {header}
+  {footer}
+  {data}
+  {facet}
+  {timeline}
+  hover={hoverEnabled ? { strategy: resolvedStrategy, sync: resolvedSync } : undefined}
+>
+  {#snippet plot({ data: rows, width: w, height: h, facetValue })}
+    <ScatterPlot
+      width={w}
+      height={h}
+      data={rows}
+      {x}
+      {y}
+      {z}
+      {r}
+      {styles}
+      {segments}
+      {markers}
+      {scales}
+      {margins}
+      tooltip={tip.enabled
+        ? {
+            format: tip.format ?? defaultFormat,
+            facetId: facetValue ?? '',
+            strategy: tip.strategy,
+            sync: tip.sync,
+            series: tip.series,
+            content: tip.content,
+            anchorX: tip.anchorX,
+            anchorY: tip.anchorY,
+          }
+        : undefined}
+    />
+  {/snippet}
+</BaseChart>

package/dist/charts/scatter/Chart.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { Accessor } from '../../types/plots/data/common';
+import type { ChartProps } from '../../types/charts/props';
+declare function $$render<TRow extends Record<string, unknown>>(): {
+    props: ChartProps<TRow, import("../..").DotStyle> & {
+        r?: Accessor<TRow, number> | number;
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TRow extends Record<string, unknown>> {
+    props(): ReturnType<typeof $$render<TRow>>['props'];
+    events(): ReturnType<typeof $$render<TRow>>['events'];
+    slots(): ReturnType<typeof $$render<TRow>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TRow extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TRow>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TRow>['props']>, ReturnType<__sveltets_Render<TRow>['events']>, ReturnType<__sveltets_Render<TRow>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TRow>['bindings']>;
+    } & ReturnType<__sveltets_Render<TRow>['exports']>;
+    <TRow extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<TRow>['props']> & {}): ReturnType<__sveltets_Render<TRow>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Chart: $$IsomorphicComponent;
+type Chart<TRow extends Record<string, unknown>> = InstanceType<typeof Chart<TRow>>;
+export default Chart;

package/dist/configuration/config.svelte.js

@@ -81,11 +81,29 @@ export const DEFAULT_CONFIG = {
             connectorWidth: 0.5,
         },
     },
+    scatter: { dotRadius: 5 },
     timeline: { axisColor: 'currentColor', activeColor: '#e6580d', thickness: 60 },
     hover: {
         rule: { stroke: '#e6580d', strokeOpacity: 0.35, strokeWidth: 1.5, strokeDasharray: '4 4' },
         dot: { dotRadius: 5, dotFill: 'currentColor' },
         font: { fill: 'currentColor', fontSize: 12, dy: -18 },
+        area: { stroke: '#e6580d', strokeWidth: 2, fillOpacity: 0 },
+    },
+    facet: {
+        indicator: {
+            background: '#111827',
+            color: '#ffffff',
+            fontSize: '0.8125rem',
+            padding: '0.125rem 0.5rem',
+            radius: '999px',
+        },
+        navButton: {
+            background: '#111827',
+            color: '#ffffff',
+            size: '2rem',
+            fontSize: '1.1rem',
+            disabledOpacity: 0.3,
+        },
     },
 };
 // ── Merge ─────────────────────────────────────────────────────────────────────
@@ -160,6 +178,16 @@ export function configToCssVars(c) {
         '--dct-heat-min': c.continuous.min,
         '--dct-heat-max': c.continuous.max,
         '--dct-heat-text': c.continuous.labelColor,
+        '--dct-facet-indicator-bg': c.facet.indicator.background,
+        '--dct-facet-indicator-color': c.facet.indicator.color,
+        '--dct-facet-indicator-size': c.facet.indicator.fontSize,
+        '--dct-facet-indicator-pad': c.facet.indicator.padding,
+        '--dct-facet-indicator-radius': c.facet.indicator.radius,
+        '--dct-facet-nav-bg': c.facet.navButton.background,
+        '--dct-facet-nav-color': c.facet.navButton.color,
+        '--dct-facet-nav-btn-size': c.facet.navButton.size,
+        '--dct-facet-nav-font-size': c.facet.navButton.fontSize,
+        '--dct-facet-nav-disabled-opacity': String(c.facet.navButton.disabledOpacity),
     };
 }
 /** Serialize a CSS-vars record into a `style` attribute string. */

package/dist/configuration/themes/dark.js

@@ -11,6 +11,10 @@ export const DARK_THEME = {
     continuous: { min: '#1e293b', max: '#38bdf8', labelColor: '#e5e7eb' },
     axis: { color: '#94a3b8', fontSize: 13, xTickSize: 6, yTickSize: 6 },
     tooltip: { background: '#e5e7eb', color: '#0f172a' },
+    facet: {
+        indicator: { background: '#e5e7eb', color: '#0f172a' },
+        navButton: { background: '#e5e7eb', color: '#0f172a' },
+    },
     line: { strokeWidth: 3, dotRadius: 4 },
     timeline: { activeColor: '#38bdf8', axisColor: '#94a3b8', thickness: 60 },
     hover: { rule: { stroke: '#38bdf8' } },

package/dist/configuration/themes/index.d.ts

@@ -92,6 +92,9 @@ export declare const THEMES: {
                 connectorWidth?: number | undefined;
             } | undefined;
         } | undefined;
+        scatter?: {
+            dotRadius?: number | undefined;
+        } | undefined;
         timeline?: {
             axisColor?: string | undefined;
             activeColor?: string | undefined;
@@ -133,6 +136,31 @@ export declare const THEMES: {
                 class?: string | undefined;
                 textClass?: string | undefined;
             } | undefined;
+            area?: {
+                fill?: string | undefined;
+                fillOpacity?: number | undefined;
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeOpacity?: number | undefined;
+                strokeDasharray?: (string | import("../..").LineStyle) | undefined;
+                borderRadius?: number | undefined;
+            } | undefined;
+        } | undefined;
+        facet?: {
+            indicator?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                fontSize?: string | undefined;
+                padding?: string | undefined;
+                radius?: string | undefined;
+            } | undefined;
+            navButton?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                size?: string | undefined;
+                fontSize?: string | undefined;
+                disabledOpacity?: number | undefined;
+            } | undefined;
         } | undefined;
     };
     Editorial: {
@@ -222,6 +250,9 @@ export declare const THEMES: {
                 connectorWidth?: number | undefined;
             } | undefined;
         } | undefined;
+        scatter?: {
+            dotRadius?: number | undefined;
+        } | undefined;
         timeline?: {
             axisColor?: string | undefined;
             activeColor?: string | undefined;
@@ -263,6 +294,31 @@ export declare const THEMES: {
                 class?: string | undefined;
                 textClass?: string | undefined;
             } | undefined;
+            area?: {
+                fill?: string | undefined;
+                fillOpacity?: number | undefined;
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeOpacity?: number | undefined;
+                strokeDasharray?: (string | import("../..").LineStyle) | undefined;
+                borderRadius?: number | undefined;
+            } | undefined;
+        } | undefined;
+        facet?: {
+            indicator?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                fontSize?: string | undefined;
+                padding?: string | undefined;
+                radius?: string | undefined;
+            } | undefined;
+            navButton?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                size?: string | undefined;
+                fontSize?: string | undefined;
+                disabledOpacity?: number | undefined;
+            } | undefined;
         } | undefined;
     };
     Dark: {
@@ -352,6 +408,9 @@ export declare const THEMES: {
                 connectorWidth?: number | undefined;
             } | undefined;
         } | undefined;
+        scatter?: {
+            dotRadius?: number | undefined;
+        } | undefined;
         timeline?: {
             axisColor?: string | undefined;
             activeColor?: string | undefined;
@@ -393,6 +452,31 @@ export declare const THEMES: {
                 class?: string | undefined;
                 textClass?: string | undefined;
             } | undefined;
+            area?: {
+                fill?: string | undefined;
+                fillOpacity?: number | undefined;
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeOpacity?: number | undefined;
+                strokeDasharray?: (string | import("../..").LineStyle) | undefined;
+                borderRadius?: number | undefined;
+            } | undefined;
+        } | undefined;
+        facet?: {
+            indicator?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                fontSize?: string | undefined;
+                padding?: string | undefined;
+                radius?: string | undefined;
+            } | undefined;
+            navButton?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                size?: string | undefined;
+                fontSize?: string | undefined;
+                disabledOpacity?: number | undefined;
+            } | undefined;
         } | undefined;
     };
     Compact: {
@@ -482,6 +566,9 @@ export declare const THEMES: {
                 connectorWidth?: number | undefined;
             } | undefined;
         } | undefined;
+        scatter?: {
+            dotRadius?: number | undefined;
+        } | undefined;
         timeline?: {
             axisColor?: string | undefined;
             activeColor?: string | undefined;
@@ -523,6 +610,31 @@ export declare const THEMES: {
                 class?: string | undefined;
                 textClass?: string | undefined;
             } | undefined;
+            area?: {
+                fill?: string | undefined;
+                fillOpacity?: number | undefined;
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeOpacity?: number | undefined;
+                strokeDasharray?: (string | import("../..").LineStyle) | undefined;
+                borderRadius?: number | undefined;
+            } | undefined;
+        } | undefined;
+        facet?: {
+            indicator?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                fontSize?: string | undefined;
+                padding?: string | undefined;
+                radius?: string | undefined;
+            } | undefined;
+            navButton?: {
+                background?: string | undefined;
+                color?: string | undefined;
+                size?: string | undefined;
+                fontSize?: string | undefined;
+                disabledOpacity?: number | undefined;
+            } | undefined;
         } | undefined;
     };
 };

package/dist/index.d.ts

@@ -2,49 +2,59 @@ export { default as BarPlot } from './plots/bar/Plot.svelte';
 export { default as HeatmapPlot } from './plots/heatmap/Plot.svelte';
 export { default as LinePlot } from './plots/line/Plot.svelte';
 export { default as PyramidPlot } from './plots/pyramid/Plot.svelte';
+export { default as ScatterPlot } from './plots/scatter/Plot.svelte';
 export { default as GeoPlot } from './plots/geo/Plot.svelte';
 export { default as BaseChart } from './charts/BaseChart.svelte';
 export { default as BarChart } from './charts/bar/Chart.svelte';
 export { default as HeatmapChart } from './charts/heatmap/Chart.svelte';
 export { default as LineChart } from './charts/line/Chart.svelte';
 export { default as PyramidChart } from './charts/pyramid/Chart.svelte';
+export { default as ScatterChart } from './charts/scatter/Chart.svelte';
 export { default as ChartContainer } from './charts/container/ChartContainer.svelte';
 export { default as BasePlotLayout } from './layout/plot/BasePlotLayout.svelte';
-export { default as GeoLayout } from './layout/geo/GeoLayout.svelte';
-export { default as TileLayer } from './plots/geo/TileLayer.svelte';
-export { argentinaBicontinental } from './plots/geo/projections/argentina';
+export { default as CoordinatesLayout } from './layout/coordinates/CoordinatesLayout.svelte';
+export { default as TileLayer } from './layout/styles/TileLayer.svelte';
+export { argentinaBicontinental } from './layout/coordinates/projections/argentina';
 export { default as Timeline } from './layout/timeline/Timeline.svelte';
 export { default as TimelineLayout } from './layout/timeline/TimelineLayout.svelte';
 export { default as FacetLayout } from './layout/facet/FacetLayout.svelte';
+export { default as FacetIndicator } from './layout/facet/FacetIndicator.svelte';
 export { default as LegendLayout } from './layout/legend/LegendLayout.svelte';
 export { default as Tooltip } from './layout/tooltip/Tooltip.svelte';
+export { getLegendInteraction, provideLegendInteraction, createLegendInteraction, } from './layout/legend/interaction.svelte';
+export { default as BarMarker } from './markers/BarMarker.svelte';
+export { default as CellMarker } from './markers/CellMarker.svelte';
 export { default as DeltaMarker } from './markers/DeltaMarker.svelte';
 export { default as DotMarker } from './markers/DotMarker.svelte';
 export { default as HoverMarker } from './markers/HoverMarker.svelte';
+export { default as LineMarker } from './markers/LineMarker.svelte';
 export { default as PeakMarker } from './markers/PeakMarker.svelte';
+export { default as RuleMarker } from './markers/RuleMarker.svelte';
 export { default as TextMarker } from './markers/TextMarker.svelte';
 export { setConfiguration, getConfiguration, resetConfiguration, configToCssVars, cssVarsStyle, DEFAULT_CONFIG, } from './configuration/config.svelte';
 export { THEMES } from './configuration/themes';
 export type { ThemeName } from './configuration/themes';
 export { groupBy, buildSeries } from './utils/grouping';
 export { makeColorScale, normalize, resolveCssColor, paletteColor } from './utils/color';
-export type { AxisValue, AxisScale } from './types/plots/axis';
+export type { AxisValue, AxisScale, AxisBasedScalesConfig } from './types/layout/scales';
 export type { Accessor, Series, SeriesProps, DataProps } from './types/plots/data/common';
-export type { BasePlotProps, StylesConfig, MarkersConfig, SegmentsConfig, AxisBasedScalesConfig, GeoScalesConfig, ScalesConfig, MarginConfig, TooltipConfig, } from './types/plots/props';
-export type { DeltaConfig, } from './types/plots/delta';
-export type { ValuesStyle, ColorsStyle, BasePlotStyles, } from './types/plots/styles/common';
-export type { LineSegmentStyle, BarSegmentStyle, CellSegmentStyle, GeoSegmentStyle } from './types/plots/segments/common';
+export type { BasePlotProps, StylesConfig, MarkersConfig, SegmentsConfig, ScalesConfig, MarginConfig, TooltipConfig, HoverConfig, PointMatchingStrategy, } from './types/plots/props';
+export type { ValuesStyle, ColorsStyle, FrameStyle, FrameProp, BasePlotStylesConfig, GeoStylesConfig, GeoTileLayerConfig, } from './types/layout/styles';
+export type { LineSegmentStyle, BarSegmentStyle, CellSegmentStyle, GeoSegmentStyle, ScatterSegmentStyle } from './types/plots/segments/common';
 export type { Range, Area, Segment } from './types/plots/segments/config';
 export type { ValueAnchor, SymbolType, LineStyle, LineCap, LineJoin, FontWeight, FontStyleKeyword, TextAnchor, LineAnchor, } from './types/plots/constants';
-export type { FontStyle, StrokeStyle, DotStyle } from './types/plots/styling';
-export type { Marker } from './types/markers/common';
+export type { FontStyle, StrokeStyle, DotStyle, AreaStyle } from './types/plots/styling';
+export type { AxisBasedMarkersConfig } from './types/markers/common';
+export type { LineMarkersConfig, DeltaMarkerConfig, DeltaConfig, DeltaTarget } from './types/markers/line';
 export type { MarkerProps } from './types/markers/props';
 export type { GeoFeature, GeoJsonInput, GeoDataProps, Topology } from './types/plots/data/geo';
-export type { GeoProjectionName, GeoProjectionConfig, GeoCustomProjection, GeoCustomProjectionFactory, } from './types/plots/scales/geo';
-export type { GeoStyles, GeoTileLayerConfig, GeoZoomConfig } from './types/plots/styles/geo';
-export type { GeoMarker, GeoInsetMarker, GeoInsetLocation, GeoInsetProjectionName, GeoInsetProjectionConfig, } from './types/markers/geo';
-export type { TimeValue, Orientation, FacetColumns, FacetConfig, TimelineConfig, ChartPlotContext, ChartPlotSnippet, } from './types/charts/common';
-export type { LegendSection, DiscreteLegendSection, ContinuousLegendSection, LegendItem, LegendDisabledStyle, } from './types/charts/legend';
-export type { HoverStrategy, TooltipOptions, TooltipProp, } from './types/layout/tooltip';
+export type { ScatterDataProps } from './types/plots/data/scatter';
+export type { GeoProjectionName, GeoProjectionConfig, GeoCustomProjection, GeoCustomProjectionFactory, GeoScalesConfig, GeoZoomConfig, CoordinatesConfig, } from './types/layout/coordinates';
+export type { GeoMarkersConfig, GeoInsetMarkerConfig, GeoInsetTooltipConfig, GeoInsetLocation, GeoInsetProjectionName, GeoInsetProjectionConfig, } from './types/markers/geo';
+export type { ChartPlotContext, ChartPlotSnippet, } from './types/charts/common';
+export type { TimeValue, Orientation, TimelineConfig, } from './types/layout/timeline';
+export type { Responsive, FacetColumns, FacetMode, FacetConfig, FacetIndicatorContext, FacetIndicatorSnippet, FacetNavDirection, FacetNavContext, FacetNavSnippet, } from './types/layout/facet';
+export type { LegendSection, DiscreteLegendSection, ContinuousLegendSection, LegendItem, LegendDisabledStyle, LegendInteractionStore, LegendPlotContext, } from './types/layout/legend';
+export type { HoverStrategy, TooltipOptions, TooltipProp, TooltipAnchorX, TooltipAnchorY, } from './types/layout/tooltip';
 export type { ChartConfig, ChartConfigInput, TextStyle } from './types/configuration/styling';
 export type { ChartProps } from './types/charts/props';