@gravity-ui/charts 1.46.1 → 1.48.0

package/dist/esm/core/types/chart/base.d.ts

@@ -12,7 +12,6 @@ export type CustomFormat = {
     type: 'custom';
     formatter: (args: {
         value: unknown;
-        formattedValue?: string;
     }) => string;
 };
 /**
@@ -20,7 +19,10 @@ export type CustomFormat = {
  *
  * - `{ type: 'number' }` — numeric formatting with optional precision, units, percent display, etc.
  * See [FormatNumberOptions](https://gravity-ui.github.io/charts/pages/api/Utilities/interfaces/FormatNumberOptions.html) for all available options.
- * - `{ type: 'date' }` — date/time formatting
+ * - `{ type: 'date' }` — date/time formatting.
+ * - `{ type: 'custom' }` — user-defined formatter function. Receives the raw `value`
+ *   and returns the display string. Use it when the built-in number/date formatters
+ *   are not enough (e.g. bytes → KB/MB/GB, currency with locale, etc.).
  * @example
  * // Two decimal places, shown as percent
  * { type: 'number', precision: 2, format: 'percent' }
@@ -30,8 +32,20 @@ export type CustomFormat = {
  * @example
  * // Date value (Unix ms) formatted as "17 October 2025"
  * { type: 'date', format: 'DD MMMM YYYY' }
+ * @example
+ * // Bytes → human-readable size
+ * {
+ *   type: 'custom',
+ *   formatter: ({value}) => {
+ *     const bytes = Number(value);
+ *     if (!Number.isFinite(bytes)) return String(value);
+ *     const units = ['B', 'KB', 'MB', 'GB', 'TB'];
+ *     const i = Math.min(units.length - 1, Math.floor(Math.log(Math.abs(bytes) || 1) / Math.log(1024)));
+ *     return `${(bytes / 1024 ** i).toFixed(1)} ${units[i]}`;
+ *   },
+ * }
  */
-export type ValueFormat = NumberFormat | DateFormat;
+export type ValueFormat = NumberFormat | DateFormat | CustomFormat;
 export interface BaseDataLabels {
     /**
      * Enable or disable the data labels

package/dist/esm/core/types/chart/scatter.d.ts

@@ -23,6 +23,8 @@ export interface ScatterSeriesData<T = MeaningfulAny> extends BaseSeriesData<T>
      * @deprecated use `x` or `y` instead
      */
     category?: string;
+    /** Data label value of the point. If not specified, the y value is used. */
+    label?: string | number;
     /** Individual radius for the point. */
     radius?: number;
     /** Individual opacity for the point. */

package/dist/esm/core/types/chart/tooltip.d.ts

@@ -5,7 +5,7 @@ import type { AreaSeries, AreaSeriesData } from './area';
 import type { AxisPlotBand, AxisPlotLine, AxisPlotShape, ChartXAxis, ChartYAxis } from './axis';
 import type { BarXSeries, BarXSeriesData } from './bar-x';
 import type { BarYSeries, BarYSeriesData } from './bar-y';
-import type { CustomFormat, ValueFormat } from './base';
+import type { ValueFormat } from './base';
 import type { FunnelSeries, FunnelSeriesData } from './funnel';
 import type { HeatmapSeries, HeatmapSeriesData } from './heatmap';
 import type { LineSeries, LineSeriesData } from './line';
@@ -107,7 +107,7 @@ export interface ChartTooltipRendererArgs<T = MeaningfulAny> {
     xAxis?: ChartXAxis | null;
     yAxis?: ChartYAxis;
     /** Formatting settings for tooltip header row (includes computed default). */
-    headerFormat?: ValueFormat | CustomFormat;
+    headerFormat?: ValueFormat;
 }
 export interface ChartTooltipTotalsAggregationArgs<T = MeaningfulAny> extends ChartTooltipRendererArgs<T> {
 }
@@ -167,7 +167,7 @@ export interface ChartTooltip<T = MeaningfulAny> {
     /** Formatting settings for tooltip value. */
     valueFormat?: ValueFormat;
     /** Formatting settings for tooltip header row. */
-    headerFormat?: ValueFormat | CustomFormat;
+    headerFormat?: ValueFormat;
     /** Settings for totals block in tooltip */
     totals?: {
         /**

package/dist/esm/core/types/formatter.d.ts

@@ -1,40 +1 @@
-export interface FormatOptions {
-    /**
-     * Number of decimal places to display.
-     * Use `'auto'` to determine precision automatically based on the value magnitude.
-     */
-    precision?: number | 'auto';
-    /** When `true`, inserts a thousands separator (e.g. `1 500 000`). */
-    showRankDelimiter?: boolean;
-    /**
-     * BCP 47 language tag used for locale-aware formatting (e.g. `'en'`, `'ru'`).
-     * Defaults to the application locale when omitted.
-     */
-    lang?: string;
-    /** Internal rendering hint for axis label layout. Not intended for public use. */
-    labelMode?: string;
-}
-export interface FormatNumberOptions extends FormatOptions {
-    /**
-     * Display mode for the numeric value.
-     * - `'number'` — plain number (default).
-     * - `'percent'` — value is multiplied by 100 and rendered with a `%` suffix.
-     */
-    format?: 'number' | 'percent';
-    /** Factor applied to the value before formatting. For example, `multiplier: 1000` converts seconds to milliseconds. */
-    multiplier?: number;
-    /** String prepended to the formatted value (e.g. `'$'`). */
-    prefix?: string;
-    /** String appended to the formatted value (e.g. `' USD'`). */
-    postfix?: string;
-    /**
-     * Compact unit suffix applied to large numbers.
-     * - `'auto'` — picks the most appropriate unit automatically (`k`, `m`, `b`, `t`).
-     * - `'k'` — thousands (÷ 1 000).
-     * - `'m'` — millions (÷ 1 000 000).
-     * - `'b'` — billions (÷ 1 000 000 000).
-     * - `'t'` — trillions (÷ 1 000 000 000 000).
-     * - `null` — no unit suffix.
-     */
-    unit?: 'auto' | 'k' | 'm' | 'b' | 't' | null;
-}
+export type { FormatNumberOptions, FormatOptions, FormatUnitScale, FormatUnitScaleEntry, } from '../../libs/format-number/types';

package/dist/esm/core/utils/data-labels.d.ts

@@ -0,0 +1,46 @@
+import type { HtmlItem, LabelData } from '../../types';
+import type { BaseTextStyle, ValueFormat } from '../types/chart/base';
+type PointLabelSeries = {
+    id: string;
+    dataLabels: {
+        style: BaseTextStyle;
+        html: boolean;
+        padding: number;
+        format?: ValueFormat;
+    };
+};
+type LabelPoint = {
+    x: number | null;
+    y: number | null;
+    data: {
+        label?: string | number | null;
+        y?: string | number | null;
+    };
+};
+/**
+ * Shared "above-point" dataLabels algorithm used by line, area, and scatter series.
+ *
+ * For each visible point it:
+ * 1. Formats the value via getFormattedValue
+ * 2. Measures the label size (HTML → getLabelsSize, SVG → getTextSizeFn)
+ * 3. Positions the label centered above the point, clamped to chart bounds
+ *
+ * `anchorYOffset` shifts the vertical anchor from the point center upward by the given
+ * number of pixels (e.g. marker radius for scatter), so padding is measured from the
+ * marker edge rather than its center. The top-boundary clamp also respects this offset
+ * so the label never drops below the anchor.
+ *
+ * Overlap filtering is intentionally left to the caller.
+ */
+export declare function preparePointDataLabels<S extends PointLabelSeries, P extends LabelPoint>({ series, points, xMax, yAxisTop, isOutsideBounds, anchorYOffset, }: {
+    series: S;
+    points: P[];
+    xMax: number;
+    yAxisTop: number;
+    isOutsideBounds: (x: number, y: number) => boolean;
+    anchorYOffset?: number;
+}): Promise<{
+    svgLabels: LabelData[];
+    htmlLabels: HtmlItem[];
+}>;
+export {};

package/dist/esm/core/utils/data-labels.js

@@ -0,0 +1,64 @@
+import { getFormattedValue } from './format';
+import { getLabelsSize, getTextSizeFn } from './text';
+/**
+ * Shared "above-point" dataLabels algorithm used by line, area, and scatter series.
+ *
+ * For each visible point it:
+ * 1. Formats the value via getFormattedValue
+ * 2. Measures the label size (HTML → getLabelsSize, SVG → getTextSizeFn)
+ * 3. Positions the label centered above the point, clamped to chart bounds
+ *
+ * `anchorYOffset` shifts the vertical anchor from the point center upward by the given
+ * number of pixels (e.g. marker radius for scatter), so padding is measured from the
+ * marker edge rather than its center. The top-boundary clamp also respects this offset
+ * so the label never drops below the anchor.
+ *
+ * Overlap filtering is intentionally left to the caller.
+ */
+export async function preparePointDataLabels({ series, points, xMax, yAxisTop, isOutsideBounds, anchorYOffset = 0, }) {
+    var _a;
+    const svgLabels = [];
+    const htmlLabels = [];
+    const getTextSize = getTextSizeFn({ style: series.dataLabels.style });
+    for (let i = 0; i < points.length; i++) {
+        const point = points[i];
+        if (point.y === null || point.x === null || isOutsideBounds(point.x, point.y)) {
+            continue;
+        }
+        const text = getFormattedValue(Object.assign({ value: (_a = point.data.label) !== null && _a !== void 0 ? _a : point.data.y }, series.dataLabels));
+        const anchorY = point.y - anchorYOffset;
+        if (series.dataLabels.html) {
+            const size = await getLabelsSize({
+                labels: [text],
+                style: series.dataLabels.style,
+                html: true,
+            });
+            const width = size.maxWidth;
+            const height = size.maxHeight;
+            htmlLabels.push({
+                x: Math.min(xMax - width, Math.max(0, point.x - width / 2)),
+                y: Math.max(yAxisTop, anchorY - series.dataLabels.padding - height),
+                content: text,
+                size: { width, height },
+                style: series.dataLabels.style,
+            });
+        }
+        else {
+            const labelSize = await getTextSize(text);
+            svgLabels.push({
+                text,
+                x: Math.min(xMax - labelSize.width, Math.max(0, point.x - labelSize.width / 2)),
+                y: Math.max(yAxisTop, anchorY -
+                    series.dataLabels.padding -
+                    labelSize.height +
+                    labelSize.hangingOffset),
+                style: series.dataLabels.style,
+                size: labelSize,
+                textAnchor: 'start',
+                series,
+                active: true,
+            });
+        }
+    }
+    return { svgLabels, htmlLabels };
+}

package/dist/esm/core/utils/format.d.ts

@@ -1,9 +1,9 @@
 import type { AxisDomain } from 'd3-axis';
-import type { CustomFormat, ValueFormat } from '../../types';
+import type { ValueFormat } from '../../types';
 import type { PreparedAxis } from '../axes/types';
 export declare function getFormattedValue(args: {
     value: string | number | undefined | null;
-    format?: ValueFormat | CustomFormat;
+    format?: ValueFormat;
 }): string;
 export declare function formatAxisTickLabel(args: {
     axis: PreparedAxis;

package/dist/esm/core/utils/get-closest-data.js

@@ -68,7 +68,7 @@ export function getClosestPoints(args) {
             case 'line': {
                 const linePoints = list.reduce((acc, d) => {
                     acc.push(...d.points.reduce((accPoints, p) => {
-                        if (p.y !== null && p.x !== null) {
+                        if (p.y !== null && p.x !== null && !p.hiddenInLine) {
                             accPoints.push({
                                 data: p.data,
                                 series: p.series,
@@ -86,13 +86,18 @@ export function getClosestPoints(args) {
             }
             case 'area': {
                 const areaPoints = list.reduce((acc, d) => {
-                    Array.prototype.push.apply(acc, d.points.map((p) => ({
-                        data: p.data,
-                        series: p.series,
-                        x: p.x,
-                        y0: p.y0,
-                        y1: p.y,
-                    })));
+                    for (const p of d.points) {
+                        if (p.y === null || p.hiddenInLine) {
+                            continue;
+                        }
+                        acc.push({
+                            data: p.data,
+                            series: p.series,
+                            x: p.x,
+                            y0: p.y0,
+                            y1: p.y,
+                        });
+                    }
                     return acc;
                 }, []);
                 closestPointsByXValue.push(...areaPoints);

package/dist/esm/core/utils/index.d.ts

@@ -15,3 +15,4 @@ export * from '../layout/chart-dimensions';
 export * from './common';
 export * from './misc';
 export * from './dispatcher';
+export * from './data-labels';

package/dist/esm/core/utils/index.js

@@ -15,3 +15,4 @@ export * from '../layout/chart-dimensions';
 export * from './common';
 export * from './misc';
 export * from './dispatcher';
+export * from './data-labels';

package/dist/esm/core/zoom/index.d.ts

@@ -1 +1,3 @@
+export * from './types';
+export * from './utils';
 export * from './zoom';

package/dist/esm/core/zoom/index.js

@@ -1 +1,3 @@
+export * from './types';
+export * from './utils';
 export * from './zoom';

package/dist/esm/core/zoom/types.js

@@ -0,0 +1 @@
+export {};

package/dist/{cjs/hooks/useZoom → esm/core/zoom}/utils.d.ts

@@ -1,7 +1,7 @@
 import type { BrushSelection } from 'd3-brush';
-import type { ZoomType } from '../../core/constants';
-import type { ChartScale } from '../../core/scales/types';
-import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
+import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { ZoomType } from '../constants';
+import type { ChartScale } from '../scales/types';
 import type { ZoomState } from './types';
 export declare function selectionToZoomBounds(args: {
     selection: BrushSelection;

package/dist/{cjs/hooks/useZoom → esm/core/zoom}/utils.js

@@ -1,4 +1,4 @@
-import { ZOOM_TYPE } from '../../core/constants';
+import { ZOOM_TYPE } from '../constants';
 export function selectionToZoomBounds(args) {
     const { selection, xAxis, xScale, yAxes, yScales, zoomType } = args;
     const zoomState = {};

package/dist/esm/core/zoom/zoom.d.ts

@@ -1,8 +1,8 @@
-import type { RangeSliderState } from '../../hooks';
-import type { ZoomState } from '../../hooks/useZoom/types';
-import type { ChartXAxis, ChartYAxis } from '../../types';
 import type { PreparedXAxis, PreparedYAxis } from '../axes/types';
+import type { RangeSliderState } from '../range-slider/types';
 import type { PreparedSeries } from '../series';
+import type { ChartXAxis, ChartYAxis } from '../types';
+import type { ZoomState } from './types';
 export declare function getZoomedSeriesData(args: {
     seriesData: PreparedSeries[];
     zoomState: Partial<ZoomState>;

package/dist/esm/hooks/index.d.ts

@@ -3,7 +3,7 @@ export * from '../core/axes/types';
 export * from './useAxisScales';
 export * from '../core/scales/types';
 export * from './useBrush';
-export * from './useBrush/types';
+export * from '../core/brush/types';
 export * from './useCrosshair';
 export * from './usePrevious';
 export * from './useRangeSlider';
@@ -15,5 +15,5 @@ export * from '../core/layout/split';
 export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
-export * from './useZoom/types';
+export * from '../core/zoom/types';
 export * from './types';

package/dist/esm/hooks/index.js

@@ -3,7 +3,7 @@ export * from '../core/axes/types';
 export * from './useAxisScales';
 export * from '../core/scales/types';
 export * from './useBrush';
-export * from './useBrush/types';
+export * from '../core/brush/types';
 export * from './useCrosshair';
 export * from './usePrevious';
 export * from './useRangeSlider';
@@ -15,5 +15,5 @@ export * from '../core/layout/split';
 export * from '../core/layout/split-types';
 export * from './useTooltip';
 export * from './useZoom';
-export * from './useZoom/types';
+export * from '../core/zoom/types';
 export * from './types';

package/dist/esm/hooks/types.d.ts

@@ -1,13 +1,7 @@
 import type { TextRowData } from '../components/types';
-import type { BaseTextStyle, ChartBrush, ChartData, ChartMargin, ChartTitle, ChartZoom, DeepRequired } from '../types';
+import type { BaseTextStyle, ChartData, ChartTitle } from '../types';
 import type { HtmlItem } from '../types/chart-ui';
-export type PreparedZoom = DeepRequired<Omit<ChartZoom, 'enabled' | 'brush'>> & DeepRequired<{
-    brush: ChartBrush;
-}>;
-export type PreparedChart = {
-    margin: ChartMargin;
-    zoom: PreparedZoom | null;
-};
+export type { PreparedChart, PreparedZoom } from '../core/chart/types';
 export type PreparedTitle = Omit<ChartTitle, 'margin' | 'style'> & {
     height: number;
     margin: number;

package/dist/esm/hooks/useBrush/index.d.ts

@@ -1,3 +1,3 @@
-import type { UseBrushProps } from './types';
+import type { UseBrushProps } from '../../core/brush/types';
 import './styles.css';
 export declare function useBrush(props: UseBrushProps): void;

package/dist/esm/hooks/useBrush/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { brush, brushX, brushY } from 'd3-brush';
 import { pointer, select } from 'd3-selection';
+import { getDefaultSelection, getNormalizedSelection, setBrushBorder, setBrushHandles, } from '../../core/brush/utils';
 import { block } from '../../utils';
-import { getDefaultSelection, getNormalizedSelection, setBrushBorder, setBrushHandles, } from './utils';
 import './styles.css';
 const b = block('brush');
 export function useBrush(props) {

package/dist/esm/hooks/useRangeSlider/index.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { pointer } from 'd3-selection';
 import { isEqual } from 'lodash';
+import { getNormalizedSelection, isOneDimensionalSelection } from '../../core/brush/utils';
 import { SERIES_TYPE } from '../../core/constants';
+import { getRangeSliderOffsetTop, getRangeSliderSelection } from '../../core/range-slider/utils';
 import { isBandScale } from '../../core/utils';
+import { selectionToZoomBounds } from '../../core/zoom/utils';
 import { useAxis } from '../useAxis';
 import { useAxisScales } from '../useAxisScales';
-import { getNormalizedSelection, isOneDimensionalSelection } from '../useBrush/utils';
 import { useShapes } from '../useShapes';
-import { selectionToZoomBounds } from '../useZoom/utils';
-import { getRangeSliderOffsetTop, getRangeSliderSelection } from './utils';
 export const EMPTY_PREPARED_SPLIT = {
     plots: [],
     gap: 0,

package/dist/esm/hooks/useRangeSlider/types.d.ts

@@ -1,13 +1,11 @@
+import type { PreparedRangeSlider, PreparedXAxis, PreparedYAxis } from '../../core/axes/types';
+import type { BrushSelection, UseBrushProps } from '../../core/brush/types';
+import type { PreparedChart } from '../../core/chart/types';
+import type { RangeSliderState } from '../../core/range-slider/types';
 import type { ChartScale } from '../../core/scales/types';
 import type { PreparedLegend, PreparedSeries, PreparedSeriesOptions } from '../../core/series/types';
 import type { ChartXAxis, ChartYAxis, LegendConfig } from '../../types';
-import type { PreparedChart } from '../types';
-import type { PreparedRangeSlider, PreparedXAxis, PreparedYAxis } from '../useAxis/types';
-import type { BrushSelection, UseBrushProps } from '../useBrush/types';
-export type RangeSliderState = {
-    max: number;
-    min: number;
-};
+export type { RangeSliderState };
 export interface RangeSliderProps {
     activeLegendItems: string[];
     boundsOffsetLeft: number;

package/dist/esm/hooks/useShapes/index.d.ts

@@ -16,8 +16,8 @@ import type { PreparedSankeyData } from '../../core/shapes/sankey/types';
 import type { PreparedScatterData } from '../../core/shapes/scatter/types';
 import type { PreparedWaterfallData } from '../../core/shapes/waterfall/types';
 import type { PreparedXRangeData } from '../../core/shapes/x-range/types';
+import type { ZoomState } from '../../core/zoom/types';
 import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
-import type { ZoomState } from '../useZoom/types';
 import './styles.css';
 export type ShapeData = PreparedBarXData | PreparedBarYData | PreparedScatterData | PreparedLineData | PreparedPieData | PreparedAreaData | PreparedWaterfallData | PreparedSankeyData | PreparedRadarData | PreparedHeatmapData | PreparedFunnelData | PreparedXRangeData;
 export type ClipPathBySeriesType = Partial<Record<SeriesType, boolean>>;

package/dist/esm/hooks/useShapes/index.js

@@ -146,18 +146,20 @@ export async function getShapes(args) {
             }
             case SERIES_TYPE.Scatter: {
                 if (xAxis && xScale && (yScale === null || yScale === void 0 ? void 0 : yScale.length)) {
-                    const preparedData = prepareScatterData({
+                    const scatterShapeData = await prepareScatterData({
                         series: chartSeries,
                         xAxis,
                         xScale,
                         yAxis,
                         yScale,
+                        split,
                         isOutsideBounds,
+                        isRangeSlider,
                     });
                     shapes[index] = (React.createElement(ScatterSeriesShape, { key: SERIES_TYPE.Scatter, clipPathId: shouldUseClipPathId(SERIES_TYPE.Scatter, clipPathBySeriesType)
                             ? clipPathId
-                            : undefined, dispatcher: dispatcher, preparedData: preparedData, seriesOptions: seriesOptions, htmlLayout: htmlLayout }));
-                    shapesData.splice(index, 0, ...preparedData);
+                            : undefined, dispatcher: dispatcher, preparedData: scatterShapeData, seriesOptions: seriesOptions, htmlLayout: htmlLayout }));
+                    shapesData.splice(index, 0, ...scatterShapeData.markers);
                 }
                 break;
             }

package/dist/esm/hooks/useShapes/scatter/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { Dispatch } from 'd3-dispatch';
 import type { PreparedSeriesOptions } from '../../../core/series/types';
-import type { PreparedScatterData } from '../../../core/shapes/scatter/types';
+import type { PreparedScatterShapeData } from '../../../core/shapes/scatter/types';
 export { prepareScatterData } from '../../../core/shapes/scatter/prepare-data';
 type ScatterSeriesShapeProps = {
     htmlLayout: HTMLElement | null;
-    preparedData: PreparedScatterData[];
+    preparedData: PreparedScatterShapeData;
     seriesOptions: PreparedSeriesOptions;
     clipPathId?: string;
     dispatcher?: Dispatch<object>;

package/dist/esm/hooks/useShapes/scatter/index.js

@@ -13,7 +13,10 @@ export function ScatterSeriesShape(props) {
         }
         return renderScatter({ plot: ref.current }, preparedData, seriesOptions, dispatcher);
     }, [dispatcher, preparedData, seriesOptions]);
+    const htmlLayerData = React.useMemo(() => {
+        return { htmlElements: preparedData.htmlLabels };
+    }, [preparedData]);
     return (React.createElement(React.Fragment, null,
         React.createElement("g", { ref: ref, className: b(), clipPath: clipPathId ? `url(#${clipPathId})` : undefined }),
-        React.createElement(HtmlLayer, { preparedData: preparedData, htmlLayout: htmlLayout })));
+        React.createElement(HtmlLayer, { preparedData: htmlLayerData, htmlLayout: htmlLayout })));
 }

package/dist/esm/hooks/useShapes/styles.css

@@ -1,8 +1,15 @@
 .gcharts-line__label,
 .gcharts-area__label,
 .gcharts-radar__label,
+.gcharts-bar-x__label,
+.gcharts-bar-y__label,
 .gcharts-heatmap__label,
-.gcharts-funnel__label {
+.gcharts-funnel__label,
+.gcharts-treemap__label,
+.gcharts-pie__label,
+.gcharts-scatter__label {
+  user-select: none;
+  pointer-events: none;
   dominant-baseline: hanging;
 }
 
@@ -13,30 +20,6 @@
 .gcharts-pie__segment {
   stroke: var(--g-color-base-background);
 }
-.gcharts-pie__label {
-  font-size: 11px;
-  font-weight: bold;
-  fill: var(--g-color-text-complementary);
-  dominant-baseline: hanging;
-}
-
-.gcharts-bar-x__label {
-  user-select: none;
-  fill: var(--g-color-text-complementary);
-}
-
-.gcharts-bar-y__label {
-  user-select: none;
-  fill: var(--g-color-text-complementary);
-  dominant-baseline: hanging;
-}
-
-.gcharts-treemap__label {
-  user-select: none;
-  pointer-events: none;
-  fill: var(--g-color-text-complementary);
-  dominant-baseline: hanging;
-}
 
 .gcharts-waterfall__connector {
   stroke: var(--g-color-line-generic-active);

package/dist/esm/hooks/useShapes/utils.d.ts

@@ -1,5 +1,5 @@
+import type { ZoomState } from '../../core/zoom/types';
 import type { PreparedYAxis } from '../useAxis/types';
-import type { ZoomState } from '../useZoom/types';
 export * from '../../core/shapes/utils';
 export declare function getSeriesClipPathId(args: {
     clipPathId: string;

package/dist/esm/hooks/useZoom/index.d.ts

@@ -1,8 +1,8 @@
 import type { PreparedSplit } from '../../core/layout/split-types';
 import type { ChartScale } from '../../core/scales/types';
+import type { ZoomState } from '../../core/zoom/types';
 import type { PreparedZoom } from '../types';
 import type { PreparedXAxis, PreparedYAxis } from '../useAxis/types';
-import type { ZoomState } from './types';
 interface UseZoomProps {
     node: SVGGElement | null;
     onUpdate: (zoomState: Partial<ZoomState>) => void;

package/dist/esm/hooks/useZoom/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { select } from 'd3-selection';
+import { selectionToZoomBounds } from '../../core/zoom/utils';
 import { useBrush } from '../useBrush';
-import { selectionToZoomBounds } from './utils';
 export function useZoom(props) {
     const { node, onUpdate, plotContainerHeight, plotContainerWidth, preparedSplit, preparedZoom, rangeSliderDomain, xAxis, xScale, yAxis, yScale, } = props;
     const isBrushDisabled = Boolean(!xAxis || !yAxis || !xScale || !yScale);

package/dist/esm/index.d.ts

@@ -1,5 +1,6 @@
 export { CustomShapeRenderer } from './utils';
 export { getFormattedValue } from './core/utils';
 export { getDefaultTooltipHeaderFormat } from './core/utils/tooltip';
+export { FORMAT_UNITS_BITS, FORMAT_UNITS_BYTES, FORMAT_UNITS_NUMBERS, } from './libs/format-number/presets';
 export * from './components';
 export * from './types';

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 export { CustomShapeRenderer } from './utils';
 export { getFormattedValue } from './core/utils';
 export { getDefaultTooltipHeaderFormat } from './core/utils/tooltip';
+export { FORMAT_UNITS_BITS, FORMAT_UNITS_BYTES, FORMAT_UNITS_NUMBERS, } from './libs/format-number/presets';
 export * from './components';
 export * from './types';