@automattic/charts 1.10.0 → 1.10.2

package/dist/index.css

@@ -82,6 +82,20 @@
   color: var(--wpds-color-foreground-content-neutral-weak, #707070);
 }
 .a8ccharts-sP1gHa-container {
+  width: 100%;
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+}
+
+.a8ccharts-sP1gHa-isContained {
+  justify-content: center;
+  align-items: flex-start;
+  display: flex;
+}
+
+.a8ccharts-sP1gHa-content {
+  flex: none;
   min-width: 0;
   min-height: 0;
 }
@@ -407,6 +421,10 @@
   font-size: var(--wpds-typography-font-size-sm, 12px);
 }
 
+.a8ccharts-O3YMOW-heatmap-chart--height-capped {
+  height: max-content;
+}
+
 .a8ccharts-O3YMOW-heatmap-chart__empty {
   padding: var(--wpds-dimension-padding-lg, 16px);
   color: var(--wpds-color-foreground-content-neutral-weak, #707070);
@@ -416,7 +434,7 @@
   gap: var(--heatmap-cell-gap, var(--wpds-dimension-gap-xs, 4px));
   flex: 1 1 0;
   width: 100%;
-  min-height: 200px;
+  min-height: 0;
   display: grid;
 }
 
@@ -433,6 +451,12 @@
   min-height: 0;
 }
 
+.a8ccharts-O3YMOW-heatmap-chart__grid--height-capped {
+  flex: none;
+  height: max-content;
+  min-height: 0;
+}
+
 .a8ccharts-O3YMOW-heatmap-chart__row {
   display: contents;
 }
@@ -465,8 +489,13 @@
   display: flex;
 }
 
+.a8ccharts-O3YMOW-heatmap-chart__cell--hidden {
+  visibility: hidden;
+  pointer-events: none;
+}
+
 .a8ccharts-O3YMOW-heatmap-chart__cell--filled {
-  background: color-mix(in sRGB, var(--heatmap-primary) calc((.15 + .85 * var(--intensity)) * 100%), transparent);
+  background: color-mix(in sRGB, var(--heatmap-primary) calc((.15 + .85 * var(--intensity)) * 100%), var(--heatmap-bg, #fff));
 }
 
 .a8ccharts-O3YMOW-heatmap-chart__cell--selected {
@@ -487,7 +516,7 @@
   width: var(--wpds-dimension-size-3xs, 12px);
   height: var(--wpds-dimension-size-3xs, 12px);
   border-radius: var(--wpds-border-radius-sm, 2px);
-  background: color-mix(in sRGB, var(--heatmap-primary) calc((.15 + .85 * var(--intensity)) * 100%), transparent);
+  background: color-mix(in sRGB, var(--heatmap-primary) calc((.15 + .85 * var(--intensity)) * 100%), var(--heatmap-bg, #fff));
 }
 .a8ccharts-GovfoW-leaderboardChart {
   transition: opacity var(--wpds-motion-duration-lg, .3s) var(--wpds-motion-easing-subtle, cubic-bezier(.15, 0, .15, 1));
@@ -552,6 +581,18 @@
 
 .a8ccharts-GovfoW-valueContainer {
   justify-content: flex-end;
+  align-items: center;
+}
+
+.a8ccharts-GovfoW-deltaValue {
+  font-variant-numeric: tabular-nums;
+  text-align: end;
+  min-width: 3ch;
+  display: inline-block;
+}
+
+.a8ccharts-GovfoW-deltaPlaceholder {
+  text-align: center;
 }
 
 .a8ccharts-GovfoW-overlayLabel {

package/dist/index.d.cts

@@ -138,21 +138,24 @@ type LeaderboardEntry = {
    */
   currentValue: number;
   /**
-   * Value of the entry in the previous period
+   * Value of the entry in the previous period. Omit when this row has no
+   * matching comparison-period value.
    */
-  previousValue: number;
+  previousValue?: number;
   /**
    * Width of current bar, as % of the current value
    */
   currentShare: number;
   /**
-   * Width of previous bar, as % of the current value
+   * Width of previous bar, as % of the current value. Omit when this row has
+   * no matching comparison-period value.
    */
-  previousShare: number;
+  previousShare?: number;
   /**
-   * Delta of the entry
+   * Delta of the entry. Omit when this row has no matching comparison-period
+   * value.
    */
-  delta: number;
+  delta?: number;
   /**
    * Optional color for the entry's image/icon
    */
@@ -830,7 +833,11 @@ type ResponsiveConfig = {
   maxWidth?: number;
   /**
    * The aspect ratio of the chart (height = width * aspectRatio).
-   * When provided, height is calculated from width.
+   * When provided, the chart keeps this ratio and is contained within the
+   * parent on both axes: it fills the available width and derives its height,
+   * but if the parent is shorter than that derived height it shrinks both axes
+   * to fit rather than overflowing. When it is narrower than the parent (the
+   * height-constrained case) it is centered horizontally.
    * When omitted, the chart fills the parent container's height.
    */
   aspectRatio?: number;
@@ -939,7 +946,7 @@ declare const BarListChartResponsive: ({
   width,
   height,
   ...chartProps
-}: Omit<BarListChartProps, "width" | "height" | "size"> & {
+}: Omit<BarListChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1093,7 +1100,7 @@ declare const GeoChartResponsive: ({
   width,
   height,
   ...chartProps
-}: Omit<GeoChartProps, "width" | "height" | "size"> & {
+}: Omit<GeoChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1104,6 +1111,13 @@ declare const GeoChartResponsive: ({
 type HeatmapCell = {
   /** Per-cell label used in the tooltip / accessible name. */label?: string;
   value: number | null;
+  /**
+   * Leave the cell's grid slot empty: nothing is painted and the cell is
+   * skipped by hover and keyboard navigation, while the slot keeps its
+   * place so the rest of the grid doesn't shift. For calendar edges, where
+   * days completing the first/last week fall outside the covered range.
+   */
+  hidden?: boolean;
 };
 /** A heatmap column (rendered left→right); its cells render top→bottom. */
 type HeatmapColumn = {
@@ -1125,6 +1139,27 @@ interface HeatmapChartProps extends Omit<BaseChartProps<HeatmapColumn[]>, 'showL
   compact?: boolean;
   /** Render the numeric value inside each cell. Default `! compact`. */
   showValues?: boolean;
+  /**
+   * Cap a cell's width (px) in non-compact mode. Cells grow up to the cap
+   * and stop instead of splitting the whole container width, so sparse
+   * ranges don't produce oversized cells; narrow containers still shrink
+   * them. Ignored in compact mode, which uses a fixed cell size.
+   */
+  maxCellWidth?: number;
+  /**
+   * Cap a cell's height (px) in non-compact mode. Applying this cap
+   * content-sizes the chart vertically so rows do not absorb unused height.
+   * Ignored in compact mode, which uses a fixed cell size.
+   */
+  maxCellHeight?: number;
+  /**
+   * Floor a cell's width (px) in non-compact mode. Below it the grid stops
+   * shrinking and overflows its container instead, so a scrollable wrapper
+   * can take over for long ranges. Default 0 (cells shrink freely).
+   */
+  minCellWidth?: number;
+  /** Floor a cell's height (px) in non-compact mode; see `minCellWidth`. */
+  minCellHeight?: number;
   /**
    * Color the cell scale interpolates toward at the highest value
    * (this prop > theme `heatmapChart.primaryColor` > palette `colors[0]`).
@@ -1141,6 +1176,13 @@ type CalendarHeatmapResult = {
 };
 declare const buildCalendarHeatmapData: (series: DataPointDate[], options?: {
   weekStartsOn?: 0 | 1;
+  /**
+   * Mark the days completing the first/last week outside the series'
+   * date span as hidden cells (empty grid slots) instead of blank
+   * cells, giving the calendar ragged edges. Days inside the span stay
+   * blank cells even when the series has no entry for them.
+   */
+  hideOutOfRangeDays?: boolean;
 }) => CalendarHeatmapResult;
 //#endregion
 //#region src/charts/heatmap-chart/private/heatmap-legend.d.ts
@@ -1229,7 +1271,7 @@ declare const LeaderboardChartResponsive: (({
   width,
   height,
   ...chartProps
-}: Omit<LeaderboardChartProps, "width" | "height" | "size"> & {
+}: Omit<LeaderboardChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1415,6 +1457,16 @@ declare const normalizeColorToHex: (color: string, element?: HTMLElement | null,
  * @throws {Error} if hex string is malformed
  */
 declare const lightenHexColor: (hex: string, blend: number) => string;
+/**
+ * Blend one hex color toward another, per-channel in sRGB.
+ *
+ * @param  fromHex - Starting hex color, returned when blend is 0
+ * @param  toHex   - Target hex color, returned when blend is 1
+ * @param  blend   - Amount toward toHex, clamped to [0, 1]
+ * @return Blended hex color string
+ * @throws {Error} if either hex string is malformed
+ */
+declare const mixHexColors: (fromHex: string, toHex: string, blend: number) => string;
 /**
  * WCAG relative luminance of a hex color (0 = black, 1 = white).
  *
@@ -1752,7 +1804,7 @@ declare const Sparkline: ({
   width,
   height,
   ...chartProps
-}: Omit<SparklineProps, "width" | "height" | "size"> & {
+}: Omit<SparklineProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1800,7 +1852,7 @@ declare const BaseTooltip: ({
   className,
   style,
   renderContainer
-}: BaseTooltipProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode>;
+}: BaseTooltipProps) => string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/tooltip/accessible-tooltip.d.ts
 type FlattenedTooltipData = {
@@ -1914,6 +1966,7 @@ interface GlobalChartsContextValue {
   getChartData: (id: string) => ChartRegistration | undefined;
   theme: CompleteChartTheme;
   getElementStyles: (params: GetElementStylesParams) => ElementStyles;
+  resolveThemeColor: (value: string) => string;
   toggleSeriesVisibility: (chartId: string, seriesLabel: string) => void;
   isSeriesVisible: (chartId: string, seriesLabel: string) => boolean;
   getHiddenSeries: (chartId: string) => Set<string>;
@@ -1945,5 +1998,5 @@ declare const useGlobalChartsTheme: () => CompleteChartTheme;
  */
 declare const defaultTheme: CompleteChartTheme;
 //#endregion
-export { AccessibleTooltip, type AnnotationStyles, type ArcData, AreaChartResponsive as AreaChart, type AreaChartProps, AreaChart as AreaChartUnresponsive, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type CalendarHeatmapResult, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type EventHandlerParams, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartError, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, type GoogleDataTableColumn, type GoogleDataTableColumnRoleType, type GoogleDataTableRow, type GradientConfig, type GradientStop, type GridProps, type GridStyles, type HeatmapCell, HeatmapChartResponsive as HeatmapChart, type HeatmapChartProps, HeatmapChart as HeatmapChartUnresponsive, type HeatmapColumn, type HeatmapTooltipData, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShape, type LegendShapeLabel, type LegendShapeRenderProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type LineStyles, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderTooltipGlyphProps, type RenderTooltipParams, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type XyChartTooltipProps, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
+export { AccessibleTooltip, type AnnotationStyles, type ArcData, AreaChartResponsive as AreaChart, type AreaChartProps, AreaChart as AreaChartUnresponsive, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type CalendarHeatmapResult, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type EventHandlerParams, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartError, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, type GoogleDataTableColumn, type GoogleDataTableColumnRoleType, type GoogleDataTableRow, type GradientConfig, type GradientStop, type GridProps, type GridStyles, type HeatmapCell, HeatmapChartResponsive as HeatmapChart, type HeatmapChartProps, HeatmapChart as HeatmapChartUnresponsive, type HeatmapColumn, type HeatmapTooltipData, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShape, type LegendShapeLabel, type LegendShapeRenderProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type LineStyles, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderTooltipGlyphProps, type RenderTooltipParams, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type XyChartTooltipProps, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, mixHexColors, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { EventHandlerParams, EventHandlerParams as EventHandlerParams$1, GlyphProps, GridStyles, GridStyles as GridStyles$1, LineStyles, LineStyles as LineStyles$1, TooltipContextType } from "@visx/xychart";
 import { CSSProperties, ComponentClass, ComponentProps, ComponentType, FC, MouseEvent, PointerEvent, PropsWithChildren, ReactElement, ReactNode, SVGProps } from "react";
 import { TextProps } from "@visx/text";
+import { TooltipProps as TooltipProps$1, UseTooltipPortalOptions } from "@visx/tooltip";
 import { PickD3Scale, ScaleInput, ScaleType } from "@visx/scale";
 import { LegendOrdinal } from "@visx/legend";
 import { CircleSubjectProps, ConnectorProps, LabelProps, LineSubjectProps } from "@visx/annotation";
-import { TooltipProps as TooltipProps$1, UseTooltipPortalOptions } from "@visx/tooltip";
 import { PieProvidedProps } from "@visx/shape";
 import { AxisRendererProps, AxisScale, Orientation, TickFormatter } from "@visx/axis";
 
@@ -138,21 +138,24 @@ type LeaderboardEntry = {
    */
   currentValue: number;
   /**
-   * Value of the entry in the previous period
+   * Value of the entry in the previous period. Omit when this row has no
+   * matching comparison-period value.
    */
-  previousValue: number;
+  previousValue?: number;
   /**
    * Width of current bar, as % of the current value
    */
   currentShare: number;
   /**
-   * Width of previous bar, as % of the current value
+   * Width of previous bar, as % of the current value. Omit when this row has
+   * no matching comparison-period value.
    */
-  previousShare: number;
+  previousShare?: number;
   /**
-   * Delta of the entry
+   * Delta of the entry. Omit when this row has no matching comparison-period
+   * value.
    */
-  delta: number;
+  delta?: number;
   /**
    * Optional color for the entry's image/icon
    */
@@ -830,7 +833,11 @@ type ResponsiveConfig = {
   maxWidth?: number;
   /**
    * The aspect ratio of the chart (height = width * aspectRatio).
-   * When provided, height is calculated from width.
+   * When provided, the chart keeps this ratio and is contained within the
+   * parent on both axes: it fills the available width and derives its height,
+   * but if the parent is shorter than that derived height it shrinks both axes
+   * to fit rather than overflowing. When it is narrower than the parent (the
+   * height-constrained case) it is centered horizontally.
    * When omitted, the chart fills the parent container's height.
    */
   aspectRatio?: number;
@@ -939,7 +946,7 @@ declare const BarListChartResponsive: ({
   width,
   height,
   ...chartProps
-}: Omit<BarListChartProps, "width" | "height" | "size"> & {
+}: Omit<BarListChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1093,7 +1100,7 @@ declare const GeoChartResponsive: ({
   width,
   height,
   ...chartProps
-}: Omit<GeoChartProps, "width" | "height" | "size"> & {
+}: Omit<GeoChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1104,6 +1111,13 @@ declare const GeoChartResponsive: ({
 type HeatmapCell = {
   /** Per-cell label used in the tooltip / accessible name. */label?: string;
   value: number | null;
+  /**
+   * Leave the cell's grid slot empty: nothing is painted and the cell is
+   * skipped by hover and keyboard navigation, while the slot keeps its
+   * place so the rest of the grid doesn't shift. For calendar edges, where
+   * days completing the first/last week fall outside the covered range.
+   */
+  hidden?: boolean;
 };
 /** A heatmap column (rendered left→right); its cells render top→bottom. */
 type HeatmapColumn = {
@@ -1125,6 +1139,27 @@ interface HeatmapChartProps extends Omit<BaseChartProps<HeatmapColumn[]>, 'showL
   compact?: boolean;
   /** Render the numeric value inside each cell. Default `! compact`. */
   showValues?: boolean;
+  /**
+   * Cap a cell's width (px) in non-compact mode. Cells grow up to the cap
+   * and stop instead of splitting the whole container width, so sparse
+   * ranges don't produce oversized cells; narrow containers still shrink
+   * them. Ignored in compact mode, which uses a fixed cell size.
+   */
+  maxCellWidth?: number;
+  /**
+   * Cap a cell's height (px) in non-compact mode. Applying this cap
+   * content-sizes the chart vertically so rows do not absorb unused height.
+   * Ignored in compact mode, which uses a fixed cell size.
+   */
+  maxCellHeight?: number;
+  /**
+   * Floor a cell's width (px) in non-compact mode. Below it the grid stops
+   * shrinking and overflows its container instead, so a scrollable wrapper
+   * can take over for long ranges. Default 0 (cells shrink freely).
+   */
+  minCellWidth?: number;
+  /** Floor a cell's height (px) in non-compact mode; see `minCellWidth`. */
+  minCellHeight?: number;
   /**
    * Color the cell scale interpolates toward at the highest value
    * (this prop > theme `heatmapChart.primaryColor` > palette `colors[0]`).
@@ -1141,6 +1176,13 @@ type CalendarHeatmapResult = {
 };
 declare const buildCalendarHeatmapData: (series: DataPointDate[], options?: {
   weekStartsOn?: 0 | 1;
+  /**
+   * Mark the days completing the first/last week outside the series'
+   * date span as hidden cells (empty grid slots) instead of blank
+   * cells, giving the calendar ragged edges. Days inside the span stay
+   * blank cells even when the series has no entry for them.
+   */
+  hideOutOfRangeDays?: boolean;
 }) => CalendarHeatmapResult;
 //#endregion
 //#region src/charts/heatmap-chart/private/heatmap-legend.d.ts
@@ -1229,7 +1271,7 @@ declare const LeaderboardChartResponsive: (({
   width,
   height,
   ...chartProps
-}: Omit<LeaderboardChartProps, "width" | "height" | "size"> & {
+}: Omit<LeaderboardChartProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1415,6 +1457,16 @@ declare const normalizeColorToHex: (color: string, element?: HTMLElement | null,
  * @throws {Error} if hex string is malformed
  */
 declare const lightenHexColor: (hex: string, blend: number) => string;
+/**
+ * Blend one hex color toward another, per-channel in sRGB.
+ *
+ * @param  fromHex - Starting hex color, returned when blend is 0
+ * @param  toHex   - Target hex color, returned when blend is 1
+ * @param  blend   - Amount toward toHex, clamped to [0, 1]
+ * @return Blended hex color string
+ * @throws {Error} if either hex string is malformed
+ */
+declare const mixHexColors: (fromHex: string, toHex: string, blend: number) => string;
 /**
  * WCAG relative luminance of a hex color (0 = black, 1 = white).
  *
@@ -1752,7 +1804,7 @@ declare const Sparkline: ({
   width,
   height,
   ...chartProps
-}: Omit<SparklineProps, "width" | "height" | "size"> & {
+}: Omit<SparklineProps, "size" | "width" | "height"> & {
   width?: number;
   height?: number;
   size?: number;
@@ -1800,7 +1852,7 @@ declare const BaseTooltip: ({
   className,
   style,
   renderContainer
-}: BaseTooltipProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode>;
+}: BaseTooltipProps) => string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/tooltip/accessible-tooltip.d.ts
 type FlattenedTooltipData = {
@@ -1914,6 +1966,7 @@ interface GlobalChartsContextValue {
   getChartData: (id: string) => ChartRegistration | undefined;
   theme: CompleteChartTheme;
   getElementStyles: (params: GetElementStylesParams) => ElementStyles;
+  resolveThemeColor: (value: string) => string;
   toggleSeriesVisibility: (chartId: string, seriesLabel: string) => void;
   isSeriesVisible: (chartId: string, seriesLabel: string) => boolean;
   getHiddenSeries: (chartId: string) => Set<string>;
@@ -1945,5 +1998,5 @@ declare const useGlobalChartsTheme: () => CompleteChartTheme;
  */
 declare const defaultTheme: CompleteChartTheme;
 //#endregion
-export { AccessibleTooltip, type AnnotationStyles, type ArcData, AreaChartResponsive as AreaChart, type AreaChartProps, AreaChart as AreaChartUnresponsive, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type CalendarHeatmapResult, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type EventHandlerParams, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartError, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, type GoogleDataTableColumn, type GoogleDataTableColumnRoleType, type GoogleDataTableRow, type GradientConfig, type GradientStop, type GridProps, type GridStyles, type HeatmapCell, HeatmapChartResponsive as HeatmapChart, type HeatmapChartProps, HeatmapChart as HeatmapChartUnresponsive, type HeatmapColumn, type HeatmapTooltipData, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShape, type LegendShapeLabel, type LegendShapeRenderProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type LineStyles, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderTooltipGlyphProps, type RenderTooltipParams, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type XyChartTooltipProps, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
+export { AccessibleTooltip, type AnnotationStyles, type ArcData, AreaChartResponsive as AreaChart, type AreaChartProps, AreaChart as AreaChartUnresponsive, type AxisOptions, BarChartResponsive as BarChart, type BarChartProps, BarChart as BarChartUnresponsive, BarListChartResponsive as BarListChart, type BarListChartProps, BarListChart as BarListChartUnresponsive, type BaseChartProps, type BaseLegendItem, type BaseLegendProps, BaseTooltip, type BaseTooltipProps, type CalendarHeatmapResult, type ChartLegendConfig, type ChartLegendOptions, type ChartTheme, type CompleteChartTheme, ConversionFunnelChartWithProvider as ConversionFunnelChart, type ConversionFunnelChartProps, type CurveType, type DataPoint, type DataPointDate, type DataPointPercentage, type EventHandlerParams, type FunnelStep, GeoChartResponsive as GeoChart, type GeoChartError, type GeoChartProps, GeoChartWithProvider as GeoChartUnresponsive, type GeoData, type GeoRegion, type GeoResolution, GlobalChartsContext, GlobalChartsProvider, GlobalChartsProvider as ThemeProvider, type GoogleDataTableColumn, type GoogleDataTableColumnRoleType, type GoogleDataTableRow, type GradientConfig, type GradientStop, type GridProps, type GridStyles, type HeatmapCell, HeatmapChartResponsive as HeatmapChart, type HeatmapChartProps, HeatmapChart as HeatmapChartUnresponsive, type HeatmapColumn, type HeatmapTooltipData, LeaderboardChartResponsive as LeaderboardChart, type LeaderboardChartProps, LeaderboardChart as LeaderboardChartUnresponsive, type LeaderboardEntry, Legend, type LegendItemStyles, type LegendLabelStyles, type LegendPosition, type LegendProps, type LegendShape, type LegendShapeLabel, type LegendShapeRenderProps, type LegendShapeStyles, type LegendValueDisplay, LineChartResponsive as LineChart, type LineChartAnnotationProps, type LineChartProps, LineChart as LineChartUnresponsive, type LineStyles, type MainMetricRenderProps, type MetricValueType, type MultipleDataPointsDate, type Optional, type OrientationType, PieChartResponsive as PieChart, type PieChartProps, type PieChartRenderTooltipParams, PieChart as PieChartUnresponsive, PieSemiCircleChartResponsive as PieSemiCircleChart, type PieSemiCircleChartProps, type PieSemiCircleChartRenderTooltipParams, PieSemiCircleChart as PieSemiCircleChartUnresponsive, type RenderLabelProps, type RenderLineGlyphProps, type RenderTooltipGlyphProps, type RenderTooltipParams, type RenderValueProps, type ScaleOptions, type SeriesData, type SeriesDataOptions, Sparkline, type SparklineDataPoint, type SparklineProps, SparklineUnresponsive, type StepLabelRenderProps, type StepRateRenderProps, type TooltipData, type TooltipDatum, type TooltipProps, type TooltipRenderProps, type TrendDirection, TrendIndicator, type TrendIndicatorProps, type XyChartTooltipProps, buildCalendarHeatmapData, defaultTheme, formatMetricValue, formatPercentage, getColorDistance, hexToRgba, isValidHexColor, lightenHexColor, mergeThemes, mixHexColors, normalizeColorToHex, parseAsLocalDate, parseHslString, parseRgbString, prefersLightText, relativeLuminance, useChartLegendItems, useGlobalChartsContext, useGlobalChartsTheme, useLeaderboardLegendItems, validateHexColor };
 //# sourceMappingURL=index.d.ts.map