@fundar/data-chart-telling 0.0.14 → 0.0.16

package/dist/layout/timeline/TimelineLayout.svelte

@@ -8,7 +8,7 @@
     TimelineChildSnippet,
     TimelineInterpolation,
   } from '../../types/charts/common';
-  import type { Accessor } from '../../types/plots/common';
+  import type { Accessor } from '../../types/plots/data/common';
 
   /**
    * Couples a scrubber `progress` to a discrete sequence of time steps. It picks

package/dist/layout/timeline/TimelineLayout.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Orientation, TimeValue, TimelineChildSnippet, TimelineInterpolation } from '../../types/charts/common';
-import type { Accessor } from '../../types/plots/common';
+import type { Accessor } from '../../types/plots/data/common';
 declare function $$render<TRow extends Record<string, unknown>>(): {
     props: {
         data: TRow[];

package/dist/layout/tooltip/Tooltip.svelte

@@ -19,6 +19,7 @@
     background,
     color,
     bounds,
+    plain = false,
     children,
   }: {
     x: number;
@@ -28,6 +29,13 @@
     color?: string;
     /** Box the tooltip must stay within — usually the hosting plot's width/height. */
     bounds?: { width: number; height: number };
+    /**
+     * Drops the default dark box (background/padding/border) so a custom
+     * `content` snippet fully owns its own look. Set whenever the caller
+     * supplies `content` — the drop shadow and border radius still apply,
+     * so a custom card can match its own corners via `--dct-tooltip-radius`.
+     */
+    plain?: boolean;
     children: Snippet;
   } = $props();
 
@@ -55,6 +63,7 @@
 {#if visible}
   <div
     class="dct-tooltip"
+    class:dct-tooltip--plain={plain}
     bind:clientWidth={boxWidth}
     bind:clientHeight={boxHeight}
     style:left="{placement.left}px"
@@ -81,4 +90,10 @@
     white-space: pre-line;
     line-height: 1.35;
   }
+
+  .dct-tooltip--plain {
+    background: transparent;
+    padding: 0;
+    border: none;
+  }
 </style>

package/dist/layout/tooltip/Tooltip.svelte.d.ts

@@ -10,6 +10,13 @@ type $$ComponentProps = {
         width: number;
         height: number;
     };
+    /**
+     * Drops the default dark box (background/padding/border) so a custom
+     * `content` snippet fully owns its own look. Set whenever the caller
+     * supplies `content` — the drop shadow and border radius still apply,
+     * so a custom card can match its own corners via `--dct-tooltip-radius`.
+     */
+    plain?: boolean;
     children: Snippet;
 };
 declare const Tooltip: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/layout/tooltip/TooltipLayout.svelte

@@ -0,0 +1,45 @@
+<script lang="ts" generics="TRow extends Record<string, unknown>">
+  import type { Snippet } from 'svelte';
+  import Tooltip from './Tooltip.svelte';
+
+  /**
+   * The "resolve + render" step every hoverable plot repeats verbatim:
+   * given the matched row(s) for the current hover and the author's
+   * `format`/`content` config, decide what goes inside the floating
+   * `Tooltip` — its own custom snippet (`content`, given every matched row)
+   * or the newline-joined `format` text (the default). Shared by
+   * `BasePlotLayout` (fed by the shared hover controller, used by every plot
+   * kind including `GeoPlot`) and `InsetMarker` (which matches hover locally,
+   * independent of that controller) so neither re-implements this branch.
+   */
+  let {
+    visible,
+    x,
+    y,
+    bounds,
+    rows,
+    format,
+    content,
+  }: {
+    visible: boolean;
+    x: number;
+    y: number;
+    /** Box the tooltip must stay within — see `Tooltip`'s own `bounds` doc. */
+    bounds: { width: number; height: number };
+    /** Every row the current hover matched — passed to `content` as-is; joined via `format` otherwise. */
+    rows: TRow[];
+    format: (row: TRow) => string;
+    /** Custom tooltip body; replaces the joined `format` text when given. */
+    content?: Snippet<[{ rows: TRow[] }]>;
+  } = $props();
+</script>
+
+{#if visible}
+  <Tooltip {x} {y} {bounds} plain={!!content}>
+    {#if content}
+      {@render content({ rows })}
+    {:else}
+      {rows.map(format).join('\n')}
+    {/if}
+  </Tooltip>
+{/if}

package/dist/layout/tooltip/TooltipLayout.svelte.d.ts

@@ -0,0 +1,41 @@
+import type { Snippet } from 'svelte';
+declare function $$render<TRow extends Record<string, unknown>>(): {
+    props: {
+        visible: boolean;
+        x: number;
+        y: number;
+        /** Box the tooltip must stay within — see `Tooltip`'s own `bounds` doc. */
+        bounds: {
+            width: number;
+            height: number;
+        };
+        /** Every row the current hover matched — passed to `content` as-is; joined via `format` otherwise. */
+        rows: TRow[];
+        format: (row: TRow) => string;
+        /** Custom tooltip body; replaces the joined `format` text when given. */
+        content?: Snippet<[{
+            rows: TRow[];
+        }]>;
+    };
+    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 TooltipLayout: $$IsomorphicComponent;
+type TooltipLayout<TRow extends Record<string, unknown>> = InstanceType<typeof TooltipLayout<TRow>>;
+export default TooltipLayout;

package/dist/layout/tooltip/controller.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HoverStore, HoverPoint } from '../../types/layout/tooltip';
-import type { AxisValue } from '../../types/plots/common';
+import type { AxisValue } from '../../types/plots/axis';
 /**
  * The plot-agnostic hover state machine shared by every plot. Given reactive
  * accessors for the current hover store, this facet's id, and the local points,
@@ -18,7 +18,6 @@ export declare function createHoverController<T extends Record<string, unknown>>
     getY: () => (d: T) => AxisValue;
     /** Short label drawn next to the highlight dot (e.g. the value). */
     label: () => (row: T) => string;
-    format: () => (row: T) => string;
     /** Named subset of series the tooltip text/content should be limited to. */
     seriesFilter?: () => string[] | undefined;
     /** This facet's own box, used to convert the cursor to/from a sync-broadcast fraction. */
@@ -34,6 +33,9 @@ export declare function createHoverController<T extends Record<string, unknown>>
         label: string;
         series: string | undefined;
         color: string | undefined;
+        dx: number | undefined;
+        dy: number | undefined;
+        row: T;
     }[];
     readonly matchedRows: HoverPoint<T>[];
     readonly ruleX: AxisValue | null;
@@ -41,7 +43,6 @@ export declare function createHoverController<T extends Record<string, unknown>>
     readonly impliesRuleX: boolean;
     readonly impliesRuleY: boolean;
     readonly showTooltip: boolean;
-    readonly tooltipText: string;
     readonly tooltipPosition: {
         x: number;
         y: number;

package/dist/layout/tooltip/controller.svelte.js

@@ -31,9 +31,12 @@ export function createHoverController(args) {
     const matchedRows = $derived(filterBySeries(matched, args.seriesFilter?.()));
     // Points highlighted in THIS facet for the in-SVG marker — no series
     // filtering, since that's the tooltip text's concern, not the marker's.
-    const highlight = $derived(matched.map(({ x, y, label, series, color }) => ({ x, y, label, series, color })));
+    // Keeps `row` (not just the display fields) so plot-kind templates can
+    // resolve a semantic value off the source row directly — e.g. a bar
+    // plot's category, regardless of which visual axis it's drawn on.
+    const highlight = $derived(matched.map(({ x, y, label, series, color, dx, dy, row }) => ({ x, y, label, series, color, dx, dy, row })));
     // Raw hover position — available whenever there are matched points.
-    // PlotLayout gates actual display with impliesRuleX/Y + the marker's ruleX/Y props.
+    // BasePlotLayout gates actual display with impliesRuleX/Y + the marker's ruleX/Y props.
     const ruleX = $derived(matched.length > 0 ? args.hover().activeX : null);
     const ruleY = $derived(matched.length > 0 ? args.hover().activeY : null);
     // Whether the current strategy implies a crosshair rule on each axis by default.
@@ -47,7 +50,6 @@ export function createHoverController(args) {
             return cursor != null;
         return h.sync;
     });
-    const tooltipText = $derived(matchedRows.length ? matchedRows.map((p) => args.format()(p.row)).join('\n') : '');
     function onPointer(data) {
         const h = args.hover();
         if (data.length) {
@@ -115,9 +117,6 @@ export function createHoverController(args) {
         get showTooltip() {
             return showTooltip;
         },
-        get tooltipText() {
-            return tooltipText;
-        },
         get tooltipPosition() {
             return tooltipPosition;
         },

package/dist/layout/tooltip/hover.svelte.d.ts

@@ -3,5 +3,5 @@ import type { HoverStore } from '../../types/layout/tooltip';
 export declare function provideHover(): HoverStore;
 /** Read the shared hover store, or `null` when there is no provider. */
 export declare function getHover(): HoverStore | null;
-/** A private hover store for a plot used outside of a {@link Chart}. */
+/** A private hover store for a plot used outside of a {@link BaseChart}. */
 export declare function createHover(): HoverStore;

package/dist/layout/tooltip/hover.svelte.js

@@ -21,7 +21,7 @@ export function provideHover() {
 export function getHover() {
     return getContext(HOVER_KEY) ?? null;
 }
-/** A private hover store for a plot used outside of a {@link Chart}. */
+/** A private hover store for a plot used outside of a {@link BaseChart}. */
 export function createHover() {
     const store = $state(blank());
     return store;

package/dist/layout/tooltip/utils.d.ts

@@ -1,5 +1,5 @@
-import type { AxisValue } from '../../types/plots/common';
-import type { Marker, HoverMarkerConfig } from '../../types/plots/markers';
+import type { AxisValue } from '../../types/plots/axis';
+import type { Marker, HoverMarkerConfig } from '../../types/markers/common';
 import type { HoverStore, HoverStrategy, HoverPoint, TooltipProp, TooltipOptions } from '../../types/layout/tooltip';
 /** Value equality that also handles `Date` (compared by timestamp). */
 export declare function eq(a: AxisValue, b: AxisValue): boolean;

package/dist/markers/ContourClipMarker.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+  import { geoPath, type GeoPath } from 'd3-geo';
+  import { usePlot } from 'svelteplot';
+  import type { Snippet } from 'svelte';
+  import type { GeoFeature } from '../types/plots/data/geo';
+
+  /**
+   * Masks a `contour` marker to just the landmass (`'land'`) or just the
+   * water (`'ocean'`) of the plot's own base map, via an SVG `clipPath` —
+   * lets a filled contour read as "temperature over land" without also
+   * painting straight across the ocean, or vice versa. A no-op passthrough
+   * when `mode` is unset, so this can unconditionally wrap every `contour`
+   * marker without an extra branch at each call site.
+   *
+   * Builds the clip path from the plot's own shared, already-fitted
+   * projection (`usePlot()` — the same hook `TileLayer.svelte` uses) rather
+   * than an independent one, so it lines up with the rest of the map
+   * regardless of projection/zoom. `'ocean'` unions the sphere and land
+   * paths into one `clip-rule: evenodd` shape — the sphere covers
+   * everything, then every land ring toggles back out, leaving only water.
+   */
+  let {
+    mode,
+    features,
+    children,
+  }: {
+    mode: 'land' | 'ocean' | undefined;
+    features: GeoFeature<Record<string, unknown>>[];
+    children: Snippet;
+  } = $props();
+
+  const plot = usePlot();
+  const clipId = `geo-contour-clip-${Math.random().toString(36).slice(2, 9)}`;
+
+  // Same runtime shape TileLayer.svelte relies on — svelteplot's own
+  // `PlotScale` type doesn't reflect it, but `plot.scales.projection` is a
+  // real `d3-geo`-compatible stream source at runtime.
+  const path: GeoPath = $derived(geoPath(plot.scales.projection as unknown as Parameters<typeof geoPath>[0]));
+  // Some real-world datasets carry exact-duplicate features for the same
+  // territory (seen in this repo's own `WORLD_COUNTRIES` fixture, for every
+  // South American country) — harmless for an ordinary filled `<Geo>` (the
+  // duplicate just redraws the same shape), but fatal here: two identical,
+  // oppositely-would-be-redundant copies of the same ring toggle each other
+  // back out under `clip-rule: evenodd`, silently punching a hole exactly
+  // where the duplicated territory is. Deduping by geometry keeps this
+  // correct regardless of whether the caller's data happens to be clean.
+  const uniqueGeometries = $derived(
+    Array.from(new Map(features.map((f) => [JSON.stringify(f.geometry), f as unknown as GeoJSON.Feature])).values()),
+  );
+  const landPath = $derived(
+    uniqueGeometries
+      .map((f) => path(f))
+      .filter((d): d is string => !!d)
+      .join(' '),
+  );
+  // `{type: 'Sphere'}` is d3-geo's own pseudo-geometry for "the whole
+  // globe" — not part of the GeoJSON spec, so `@types/geojson` has no type
+  // for it either.
+  const spherePath = $derived(path({ type: 'Sphere' } as unknown as GeoJSON.Feature) ?? '');
+</script>
+
+{#if mode}
+  <defs>
+    <clipPath id={clipId}>
+      {#if mode === 'land'}
+        <path d={landPath} clip-rule="evenodd" />
+      {:else}
+        <path d="{spherePath} {landPath}" clip-rule="evenodd" />
+      {/if}
+    </clipPath>
+  </defs>
+  <g clip-path="url(#{clipId})">
+    {@render children()}
+  </g>
+{:else}
+  {@render children()}
+{/if}

package/dist/markers/ContourClipMarker.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+import type { GeoFeature } from '../types/plots/data/geo';
+type $$ComponentProps = {
+    mode: 'land' | 'ocean' | undefined;
+    features: GeoFeature<Record<string, unknown>>[];
+    children: Snippet;
+};
+declare const ContourClipMarker: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContourClipMarker = ReturnType<typeof ContourClipMarker>;
+export default ContourClipMarker;

package/dist/{plots/markers → markers}/DeltaMarker.svelte

@@ -5,10 +5,10 @@
   import { Line } from 'svelteplot';
   import DotMarker from './DotMarker.svelte';
   import TextMarker from './TextMarker.svelte';
-  import { resolveXDeltas, resolveYDeltas } from '../utils/delta';
-  import type { MarkerProps } from '../../types/plots/markers';
-  import type { Series } from '../../types/plots/common';
-  import type { DeltaConfig } from '../../types/plots/delta';
+  import { resolveXDeltas, resolveYDeltas } from '../plots/utils/delta';
+  import type { MarkerProps } from '../types/markers/props';
+  import type { Series } from '../types/plots/data/common';
+  import type { DeltaConfig } from '../types/plots/delta';
 
   interface Props extends MarkerProps<Series<TData>>, DeltaConfig {
     xDomain?: (number | string | Date)[];

package/dist/{plots/markers → markers}/DeltaMarker.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { MarkerProps } from '../../types/plots/markers';
-import type { Series } from '../../types/plots/common';
-import type { DeltaConfig } from '../../types/plots/delta';
+import type { MarkerProps } from '../types/markers/props';
+import type { Series } from '../types/plots/data/common';
+import type { DeltaConfig } from '../types/plots/delta';
 declare function $$render<TData extends Record<string, unknown>>(): {
     props: MarkerProps<Series<TData>> & DeltaConfig & {
         xDomain?: (number | string | Date)[];

package/dist/{plots/markers → markers}/DotMarker.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" generics="TData = Record<string, unknown>">
   import { Dot } from 'svelteplot';
-  import type { MarkerProps } from '../../types/plots/markers';
-  import type { AxisValue } from '../../types/plots/common';
-  import type { DotStyle } from '../../types/plots/styles';
+  import type { MarkerProps } from '../types/markers/props';
+  import type { AxisValue } from '../types/plots/axis';
+  import type { DotStyle } from '../types/plots/styling';
 
   interface Props extends MarkerProps<TData> {
     x?: AxisValue | ((d: TData) => AxisValue);

package/dist/{plots/markers → markers}/DotMarker.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { MarkerProps } from '../../types/plots/markers';
-import type { AxisValue } from '../../types/plots/common';
-import type { DotStyle } from '../../types/plots/styles';
+import type { MarkerProps } from '../types/markers/props';
+import type { AxisValue } from '../types/plots/axis';
+import type { DotStyle } from '../types/plots/styling';
 declare function $$render<TData = Record<string, unknown>>(): {
     props: MarkerProps<TData> & {
         x?: AxisValue | ((d: TData) => AxisValue);

package/dist/markers/HoverMarker.svelte

@@ -0,0 +1,136 @@
+<script lang="ts">
+  import { RuleX, RuleY } from 'svelteplot';
+  import DotMarker from './DotMarker.svelte';
+  import TextMarker from './TextMarker.svelte';
+  import { getConfiguration } from '../configuration/config.svelte';
+  import type { MarkerProps } from '../types/markers/props';
+  import type { AxisValue } from '../types/plots/axis';
+  import type { DotStyle, FontStyle, StrokeStyle } from '../types/plots/styling';
+  import type { HoverDisplayPoint } from '../types/layout/tooltip';
+
+  /**
+   * In-SVG hover highlight, rendered *inside* a `<Plot>`. Because it positions
+   * itself through the host plot's scales, it places the same coordinate
+   * correctly in every facet — that is what makes cross-facet sync work without
+   * any pixel math. Draws optional x/y crosshair rules plus a dot + value label
+   * for each matched point.
+   */
+  interface Props extends MarkerProps<HoverDisplayPoint> {
+    ruleX?: AxisValue | null;
+    ruleY?: AxisValue | null;
+    showLabels?: boolean;
+    format?: (point: HoverDisplayPoint) => string;
+    ruleStyle?: StrokeStyle;
+    dotStyle?: DotStyle;
+    fontStyle?: FontStyle;
+  }
+
+  let {
+    data = [],
+    ruleX = null,
+    ruleY = null,
+    showLabels = true,
+    format,
+    ruleStyle,
+    dotStyle,
+    fontStyle,
+    seriesColor,
+  }: Props = $props();
+
+  const cfg = $derived(getConfiguration());
+
+  /** Explicit style wins; otherwise fall back to the series color, then the point's own resolved color. */
+  const resolveColor = (explicit: string | undefined, point: HoverDisplayPoint) =>
+    explicit ?? seriesColor ?? point.color;
+
+  // Horizontal gap between the dot's edge and an 'outside'-anchored label —
+  // scales with the dot's own resolved radius so the label clears it.
+  const dotRadius = $derived(dotStyle?.dotRadius ?? cfg.hover.dot.dotRadius ?? 5);
+
+  /**
+   * Resolves `fontStyle.textAnchor: 'outside'` into a per-point anchor +
+   * offset, mirroring the value-label `'outside'` anchor's own left/right
+   * split (see pyramid/bar's own `ValueAnchor` handling): a positive `x`
+   * anchors `'start'` and nudges right, a negative `x` anchors `'end'` and
+   * nudges left — so a diverging mark's label sits on the side of the dot
+   * away from zero, on whichever side that dot itself landed. Only
+   * meaningful when the point's `x` is numeric (e.g. pyramid's magnitude
+   * axis); anything else falls through to the plain `fontStyle` unchanged.
+   *
+   * Also overrides `cfg.hover.font`'s default `dy: -18` (meant for a label
+   * floating *above* the dot) back to vertically centered, and clears the
+   * dot's own radius horizontally instead of the flat default nudge, so the
+   * label doesn't collide with the dot it's labeling.
+   */
+  function resolveFontStyle(point: HoverDisplayPoint) {
+    if (fontStyle?.textAnchor !== 'outside' || typeof point.x !== 'number') {
+      return { ...cfg.hover.font, ...fontStyle, fill: resolveColor(fontStyle?.fill, point) };
+    }
+    const outward = point.x >= 0;
+    const gap = dotRadius + 5;
+    return {
+      ...cfg.hover.font,
+      ...fontStyle,
+      fill: resolveColor(fontStyle?.fill, point),
+      textAnchor: outward ? ('start' as const) : ('end' as const),
+      lineAnchor: fontStyle?.lineAnchor ?? ('middle' as const),
+      dx: fontStyle?.dx ?? (outward ? gap : -gap),
+      dy: fontStyle?.dy ?? 0,
+    };
+  }
+</script>
+
+{#if ruleX != null}
+  <RuleX
+    data={[{ v: ruleX }]}
+    x={(d) => d.v}
+    stroke={ruleStyle?.stroke ?? cfg.hover.rule.stroke}
+    strokeOpacity={ruleStyle?.strokeOpacity ?? cfg.hover.rule.strokeOpacity}
+    strokeWidth={ruleStyle?.strokeWidth ?? cfg.hover.rule.strokeWidth}
+    strokeDasharray={ruleStyle?.strokeDasharray ?? cfg.hover.rule.strokeDasharray}
+  />
+{/if}
+
+{#if ruleY != null}
+  <RuleY
+    data={[{ v: ruleY }]}
+    y={(d) => d.v}
+    stroke={ruleStyle?.stroke ?? cfg.hover.rule.stroke}
+    strokeOpacity={ruleStyle?.strokeOpacity ?? cfg.hover.rule.strokeOpacity}
+    strokeWidth={ruleStyle?.strokeWidth ?? cfg.hover.rule.strokeWidth}
+    strokeDasharray={ruleStyle?.strokeDasharray ?? cfg.hover.rule.strokeDasharray}
+  />
+{/if}
+
+{#if data.length > 0}
+  {#each data as point (point.series ?? `${point.x}_${point.y}`)}
+    <!-- Pixel nudge for plot kinds whose series position isn't fully captured
+         by x/y alone (e.g. BarPlot's 'grouped' layout) — see HoverDisplayPoint.dx/dy. -->
+    <g transform="translate({point.dx ?? 0}, {point.dy ?? 0})">
+      <DotMarker
+        data={[point]}
+        x={(d) => d.x}
+        y={(d) => d.y}
+        style={{
+          ...cfg.hover.dot,
+          ...dotStyle,
+          dotFill: resolveColor(dotStyle?.dotFill, point),
+          dotStroke: resolveColor(dotStyle?.dotStroke, point),
+        }}
+      />
+    </g>
+  {/each}
+  {#if showLabels}
+    {#each data as point (point.series ?? `${point.x}_${point.y}`)}
+      <g transform="translate({point.dx ?? 0}, {point.dy ?? 0})">
+        <TextMarker
+          data={[point]}
+          x={(d) => d.x}
+          y={(d) => d.y}
+          text={(d) => format ? format(d) : (d.label ?? '')}
+          style={resolveFontStyle(point)}
+        />
+      </g>
+    {/each}
+  {/if}
+{/if}

package/dist/{plots/markers → markers}/HoverMarker.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { MarkerProps } from '../../types/plots/markers';
-import type { AxisValue } from '../../types/plots/common';
-import type { DotStyle, FontStyle, StrokeStyle } from '../../types/plots/styles';
-import type { HoverDisplayPoint } from '../../types/layout/tooltip';
+import type { MarkerProps } from '../types/markers/props';
+import type { AxisValue } from '../types/plots/axis';
+import type { DotStyle, FontStyle, StrokeStyle } from '../types/plots/styling';
+import type { HoverDisplayPoint } from '../types/layout/tooltip';
 /**
  * In-SVG hover highlight, rendered *inside* a `<Plot>`. Because it positions
  * itself through the host plot's scales, it places the same coordinate

package/dist/{plots/markers → markers}/PeakMarker.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
   import DotMarker from './DotMarker.svelte';
   import TextMarker from './TextMarker.svelte';
-  import type { MarkerProps } from '../../types/plots/markers';
-  import type { DotStyle, FontStyle } from '../../types/plots/styles';
+  import type { MarkerProps } from '../types/markers/props';
+  import type { DotStyle, FontStyle } from '../types/plots/styling';
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   interface Props extends MarkerProps<Record<string, any>> {

package/dist/{plots/markers → markers}/PeakMarker.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { MarkerProps } from '../../types/plots/markers';
-import type { DotStyle, FontStyle } from '../../types/plots/styles';
+import type { MarkerProps } from '../types/markers/props';
+import type { DotStyle, FontStyle } from '../types/plots/styling';
 interface Props extends MarkerProps<Record<string, any>> {
     yProp?: string;
     xProp?: string;

package/dist/{plots/markers → markers}/TextMarker.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" generics="TData = Record<string, unknown>">
   import { Text } from 'svelteplot';
-  import type { MarkerProps } from '../../types/plots/markers';
-  import type { AxisValue } from '../../types/plots/common';
-  import type { FontStyle } from '../../types/plots/styles';
+  import type { MarkerProps } from '../types/markers/props';
+  import type { AxisValue } from '../types/plots/axis';
+  import type { FontStyle } from '../types/plots/styling';
 
   interface Props extends MarkerProps<TData> {
     x?: AxisValue | ((d: TData) => AxisValue);
@@ -28,7 +28,10 @@
   const fontSize = $derived(style?.fontSize ?? 12);
   const fontWeight = $derived(style?.fontWeight ?? 'normal');
   const fontStyleProp = $derived(style?.fontStyle ?? 'normal');
-  const textAnchor = $derived(style?.textAnchor ?? 'middle');
+  // 'outside' is meant to be resolved per-point by the caller (see
+  // HoverMarker, which knows each point's signed x); a caller that passes it
+  // through unresolved falls back to 'start' rather than an invalid svelteplot value.
+  const textAnchor = $derived(style?.textAnchor === 'outside' ? 'start' : (style?.textAnchor ?? 'middle'));
   const lineAnchor = $derived(style?.lineAnchor ?? 'middle');
   const dx = $derived(style?.dx ?? 0);
   const dy = $derived(style?.dy ?? 0);
@@ -46,10 +49,14 @@
     fontStyle={fontStyleProp}
     {textAnchor}
     {lineAnchor}
+    lineHeight={style?.lineHeight}
+    rotate={style?.rotate}
     stroke={style?.stroke}
     strokeWidth={style?.strokeWidth}
     paintOrder={style?.paintOrder}
     {dx}
     {dy}
+    class={style?.class}
+    textClass={style?.textClass}
   />
 {/if}

package/dist/{plots/markers → markers}/TextMarker.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { MarkerProps } from '../../types/plots/markers';
-import type { AxisValue } from '../../types/plots/common';
-import type { FontStyle } from '../../types/plots/styles';
+import type { MarkerProps } from '../types/markers/props';
+import type { AxisValue } from '../types/plots/axis';
+import type { FontStyle } from '../types/plots/styling';
 declare function $$render<TData = Record<string, unknown>>(): {
     props: MarkerProps<TData> & {
         x?: AxisValue | ((d: TData) => AxisValue);