@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/charts/gauge/constants.js

@@ -5,6 +5,7 @@ const DEFAULT_CHART_WIDTH = "100%";
 const DEFAULT_CHART_HEIGHT = 300;
 const MIN_SIZE_IN_PX = 100;
 const MIN_MAX_PADDING = 20;
+const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;
 const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;
 const ARC_INNER_RADIUS_PERCENTAGE = 0.8;
 const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;
@@ -51,6 +52,7 @@ export {
   GAUGE_DEFAULT_CONFIG,
   GAUGE_VERTICAL_DEFAULT_OFFSET,
   GAUGE_VERTICAL_SMALL_OFFSET,
+  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,
   MIN_MAX_PADDING,
   MIN_SIZE_IN_PX,
   THRESHOLD_COLOR_DEFAULT,

package/esm/charts/gauge/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gauge/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Thresholds\nexport const THRESHOLD_LINE_WIDTH = 2;\nexport const THRESHOLD_LINE_DEFAULT_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,uBAAuB;AAC7B,MAAM,+BAA+B,OAAO,KAAK,QAAQ;AAIzD,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\n//region Default Values\nexport const DEFAULT_MIN_RANGE_VALUE = 0;\nexport const DEFAULT_MAX_RANGE_VALUE = 100;\nexport const DEFAULT_CHART_WIDTH = '100%';\nexport const DEFAULT_CHART_HEIGHT = 300;\n//endregion\n\n//region Sizes\nexport const MIN_SIZE_IN_PX = 100;\nexport const MIN_MAX_PADDING = 20;\nexport const MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX = 16;\nexport const ARC_OUTER_RADIUS_PERCENTAGE = 0.9;\nexport const ARC_INNER_RADIUS_PERCENTAGE = 0.8;\nexport const GAUGE_VERTICAL_SMALL_OFFSET = 0.05;\nexport const GAUGE_VERTICAL_DEFAULT_OFFSET = 0.1;\n//endregion\n\n// region Colors\nexport const ARC_BACKGROUND_COLOR = Colors.Theme.Neutral['40'];\nexport const ARC_DEFAULT_VALUE_COLOR =\n  Colors.Charts.Categorical.Color11.Default;\nexport const THRESHOLD_COLOR_DEFAULT =\n  Colors.Charts.Categorical.Color11.Default;\n//endregion\n\n// region Arc Properties\nexport const ARC_START_ANGLE = -0.625 * Math.PI; // \u2212112.5\u00BA in radians\nexport const ARC_END_ANGLE = 0.625 * Math.PI; // 112.5\u00BA in radians\n//endregion\n\n//region Thresholds\nexport const THRESHOLD_LINE_WIDTH = 2;\nexport const THRESHOLD_LINE_DEFAULT_COLOR = Colors.Icon.Neutral.Default;\n//endregion\n\n//region Config Defaults\nexport const GAUGE_DEFAULT_CONFIG = {\n  color: ARC_DEFAULT_VALUE_COLOR,\n  min: DEFAULT_MIN_RANGE_VALUE,\n  max: DEFAULT_MAX_RANGE_VALUE,\n  formatter: undefined,\n  loading: false,\n  tooltip: {},\n};\n//endregion\n\nexport const DISPLAY_NAME = 'GaugeChart';\n\nexport const GAUGE_CHART_ARIA_LABEL = 'Gauge Chart';\n\nexport const FONT_HEIGHT_RATIO = 0.7;\nexport const DEFAULT_MAX_VALUE_FONT_SIZE = 240;\n\nexport const zIndexGaugeAreas = {\n  toolbar: 2,\n  tooltip: 1,\n  overlay: 0,\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAGZ,MAAM,0BAA0B;AAChC,MAAM,0BAA0B;AAChC,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAI7B,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,sCAAsC;AAC5C,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,8BAA8B;AACpC,MAAM,gCAAgC;AAItC,MAAM,uBAAuB,OAAO,MAAM,QAAQ,IAAI;AACtD,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAC7B,MAAM,0BACX,OAAO,OAAO,YAAY,QAAQ;AAI7B,MAAM,kBAAkB,SAAS,KAAK;AACtC,MAAM,gBAAgB,QAAQ,KAAK;AAInC,MAAM,uBAAuB;AAC7B,MAAM,+BAA+B,OAAO,KAAK,QAAQ;AAIzD,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAGO,MAAM,eAAe;AAErB,MAAM,yBAAyB;AAE/B,MAAM,oBAAoB;AAC1B,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/esm/charts/gauge/contexts/GaugeChartTooltipContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const defaultValue = { hidden: false };
+const GaugeChartTooltipContext = createContext(defaultValue);
+const useGaugeChartTooltip = () => useContext(GaugeChartTooltipContext);
+export {
+  GaugeChartTooltipContext,
+  useGaugeChartTooltip
+};
+//# sourceMappingURL=GaugeChartTooltipContext.js.map

package/esm/charts/gauge/contexts/GaugeChartTooltipContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/gauge/contexts/GaugeChartTooltipContext.ts"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\n\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\n\nconst defaultValue: GaugeChartTooltipConfig = { hidden: false };\n\n/**\n * @internal\n */\nexport const GaugeChartTooltipContext =\n  createContext<GaugeChartTooltipConfig>(defaultValue);\n\n/**\n * @internal\n */\nexport const useGaugeChartTooltip = () => useContext(GaugeChartTooltipContext);\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAI1C,MAAM,eAAwC,EAAE,QAAQ,MAAM;AAKvD,MAAM,2BACX,cAAuC,YAAY;AAK9C,MAAM,uBAAuB,MAAM,WAAW,wBAAwB;",
+  "names": []
+}

package/esm/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.js

@@ -1,13 +1,31 @@
-import { ARC_END_ANGLE, ARC_START_ANGLE } from "../constants.js";
+import {
+  ARC_END_ANGLE,
+  ARC_START_ANGLE,
+  GAUGE_VERTICAL_DEFAULT_OFFSET,
+  GAUGE_VERTICAL_SMALL_OFFSET,
+  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,
+  MIN_MAX_PADDING
+} from "../constants.js";
 import { useGaugeChartAspectRatio } from "./useGaugeChartAspectRatio.js";
+import { useGaugeChartSizeContext } from "./useGaugeChartSizeContext.js";
 import { polarToCartesian } from "../utils/polar-to-cartesian.js";
 const useGaugeChartMinMaxLabelsPosition = () => {
   const { arcMiddleRadius } = useGaugeChartAspectRatio();
+  const dimensions = useGaugeChartSizeContext();
+  const width = dimensions?.width ?? 0;
+  const height = dimensions?.height ?? 0;
   const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);
   const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);
+  const verticalOffset = height > width ? height * GAUGE_VERTICAL_SMALL_OFFSET : height * GAUGE_VERTICAL_DEFAULT_OFFSET;
+  const availableAfterArcEnd = height / 2 - verticalOffset - maxLabelPosition.y;
+  const minMaxPadding = Math.min(
+    MIN_MAX_PADDING,
+    Math.max(0, availableAfterArcEnd - MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX)
+  );
   return {
     minLabelPosition,
-    maxLabelPosition
+    maxLabelPosition,
+    minMaxPadding
   };
 };
 export {

package/esm/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/hooks/useGaugeChartMinMaxLabelsPosition.ts"],
-  "sourcesContent": ["import { ARC_END_ANGLE, ARC_START_ANGLE } from '../constants.js';\nimport { useGaugeChartAspectRatio } from './useGaugeChartAspectRatio.js';\nimport { polarToCartesian } from '../utils/polar-to-cartesian.js';\n\nexport const useGaugeChartMinMaxLabelsPosition = () => {\n  const { arcMiddleRadius } = useGaugeChartAspectRatio();\n\n  const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);\n  const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);\n\n  return {\n    minLabelPosition,\n    maxLabelPosition,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe,uBAAuB;AAC/C,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,MAAM;AACrD,QAAM,EAAE,gBAAgB,IAAI,yBAAyB;AAErD,QAAM,mBAAmB,iBAAiB,iBAAiB,eAAe;AAC1E,QAAM,mBAAmB,iBAAiB,iBAAiB,aAAa;AAExE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  ARC_END_ANGLE,\n  ARC_START_ANGLE,\n  GAUGE_VERTICAL_DEFAULT_OFFSET,\n  GAUGE_VERTICAL_SMALL_OFFSET,\n  MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX,\n  MIN_MAX_PADDING,\n} from '../constants.js';\nimport { useGaugeChartAspectRatio } from './useGaugeChartAspectRatio.js';\nimport { useGaugeChartSizeContext } from './useGaugeChartSizeContext.js';\nimport { polarToCartesian } from '../utils/polar-to-cartesian.js';\n\nexport const useGaugeChartMinMaxLabelsPosition = () => {\n  const { arcMiddleRadius } = useGaugeChartAspectRatio();\n  const dimensions = useGaugeChartSizeContext();\n  const width = dimensions?.width ?? 0;\n  const height = dimensions?.height ?? 0;\n\n  const minLabelPosition = polarToCartesian(arcMiddleRadius, ARC_START_ANGLE);\n  const maxLabelPosition = polarToCartesian(arcMiddleRadius, ARC_END_ANGLE);\n\n  const verticalOffset =\n    height > width\n      ? height * GAUGE_VERTICAL_SMALL_OFFSET\n      : height * GAUGE_VERTICAL_DEFAULT_OFFSET;\n\n  // Space from SVG center to bottom edge, minus the arc endpoint y, minus reserved text height.\n  // Clamped to [0, MIN_MAX_PADDING] so the offset never exceeds the default at large sizes.\n  const availableAfterArcEnd = height / 2 - verticalOffset - maxLabelPosition.y;\n  const minMaxPadding = Math.min(\n    MIN_MAX_PADDING,\n    Math.max(0, availableAfterArcEnd - MIN_MAX_LABEL_RESERVED_HEIGHT_IN_PX),\n  );\n\n  return {\n    minLabelPosition,\n    maxLabelPosition,\n    minMaxPadding,\n  };\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAE1B,MAAM,oCAAoC,MAAM;AACrD,QAAM,EAAE,gBAAgB,IAAI,yBAAyB;AACrD,QAAM,aAAa,yBAAyB;AAC5C,QAAM,QAAQ,YAAY,SAAS;AACnC,QAAM,SAAS,YAAY,UAAU;AAErC,QAAM,mBAAmB,iBAAiB,iBAAiB,eAAe;AAC1E,QAAM,mBAAmB,iBAAiB,iBAAiB,aAAa;AAExE,QAAM,iBACJ,SAAS,QACL,SAAS,8BACT,SAAS;AAIf,QAAM,uBAAuB,SAAS,IAAI,iBAAiB,iBAAiB;AAC5E,QAAM,gBAAgB,KAAK;AAAA,IACzB;AAAA,IACA,KAAK,IAAI,GAAG,uBAAuB,mCAAmC;AAAA,EACxE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/gauge/providers/GaugeChartProviders.js

@@ -11,7 +11,7 @@ import { GaugeChartRangeMaxContext } from "../contexts/GaugeChartRangeMaxContext
 import { GaugeChartRangeMinContext } from "../contexts/GaugeChartRangeMinContext.js";
 import { GaugeChartSizeContext } from "../contexts/GaugeChartSizeContext.js";
 import { GaugeChartThresholdContext } from "../contexts/GaugeChartThresholdContext.js";
-import { GaugeChartTooltipNameContext } from "../contexts/GaugeChartTooltipNameContext.js";
+import { GaugeChartTooltipContext } from "../contexts/GaugeChartTooltipContext.js";
 import { getValueArcColor } from "../utils/get-value-arc-color.js";
 const emptyThresholds = [];
 const GaugeChartProviders = ({
@@ -55,6 +55,14 @@ const GaugeChartProviders = ({
     }),
     [formatter, unit]
   );
+  const tooltipConfigValue = useMemo(
+    () => ({
+      name: config.tooltip?.name,
+      template: config.tooltip?.children,
+      hidden: config.tooltip?.hidden ?? false
+    }),
+    [config.tooltip]
+  );
   return /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(TooltipProvider, { persistedStore: true, children: /* @__PURE__ */ jsx(ChartSeriesActionContext.Provider, { value: seriesActionValue, children: /* @__PURE__ */ jsx(GaugeChartSizeContext.Provider, { value: chartSizeValue, children: /* @__PURE__ */ jsx(GaugeChartFormatterContext.Provider, { value: formatterContextValue, children: /* @__PURE__ */ jsx(
     GaugeChartThresholdContext.Provider,
     {
@@ -66,9 +74,9 @@ const GaugeChartProviders = ({
             label: labelSlot
           },
           children: /* @__PURE__ */ jsx(GaugeChartRangeMinContext.Provider, { value: min, children: /* @__PURE__ */ jsx(GaugeChartRangeMaxContext.Provider, { value: max, children: /* @__PURE__ */ jsx(GaugeChartLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ jsx(
-            GaugeChartTooltipNameContext.Provider,
+            GaugeChartTooltipContext.Provider,
             {
-              value: config.tooltip?.name,
+              value: tooltipConfigValue,
               children
             }
           ) }) }) })

package/esm/charts/gauge/providers/GaugeChartProviders.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/providers/GaugeChartProviders.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipNameContext } from '../contexts/GaugeChartTooltipNameContext.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartColorContext.Provider value={calculatedColor}>\n                  <GaugeChartLabelsContext.Provider\n                    value={{\n                      label: labelSlot,\n                    }}\n                  >\n                    <GaugeChartRangeMinContext.Provider value={min}>\n                      <GaugeChartRangeMaxContext.Provider value={max}>\n                        <GaugeChartLoadingContext.Provider value={loading}>\n                          <GaugeChartTooltipNameContext.Provider\n                            value={config.tooltip?.name}\n                          >\n                            {children}\n                          </GaugeChartTooltipNameContext.Provider>\n                        </GaugeChartLoadingContext.Provider>\n                      </GaugeChartRangeMaxContext.Provider>\n                    </GaugeChartRangeMinContext.Provider>\n                  </GaugeChartLabelsContext.Provider>\n                </GaugeChartColorContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
-  "mappings": "AAqG0B;AArG1B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,oCAAoC;AAM7C,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,UAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,YAAC,6BAA6B;AAAA,YAA7B;AAAA,cACC,OAAO,OAAO,SAAS;AAAA,cAEtB;AAAA;AAAA,UACH,GACF,GACF,GACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
+  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\n\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ChartSeriesActionContext } from '../../core/components/series-action/ChartSeriesActionContext.js';\nimport type { SeriesActionsTemplate } from '../../core/types/series-actions-template.js';\nimport { GaugeChartColorContext } from '../contexts/GaugeChartColorContext.js';\nimport { GaugeChartFormatterContext } from '../contexts/GaugeChartFormatterContext.js';\nimport { GaugeChartLabelsContext } from '../contexts/GaugeChartLabelsContext.js';\nimport { GaugeChartLoadingContext } from '../contexts/GaugeChartLoadingContext.js';\nimport { GaugeChartRangeMaxContext } from '../contexts/GaugeChartRangeMaxContext.js';\nimport { GaugeChartRangeMinContext } from '../contexts/GaugeChartRangeMinContext.js';\nimport { GaugeChartSizeContext } from '../contexts/GaugeChartSizeContext.js';\nimport { GaugeChartThresholdContext } from '../contexts/GaugeChartThresholdContext.js';\nimport { GaugeChartTooltipContext } from '../contexts/GaugeChartTooltipContext.js';\nimport type { GaugeChartTooltipConfig } from '../slots/Tooltip.js';\nimport type {\n  GaugeChartInternalConfig,\n  GaugeChartThresholdIndicatorPropsInternal,\n} from '../types/gauge-chart-config-internal.js';\nimport type { GaugeChartData } from '../types/gauge-chart.js';\nimport { getValueArcColor } from '../utils/get-value-arc-color.js';\n\nconst emptyThresholds: GaugeChartThresholdIndicatorPropsInternal[] = [];\n\nexport interface GaugeChartProvidersProps {\n  config: GaugeChartInternalConfig;\n  width: number;\n  height: number;\n  value: number | GaugeChartData;\n  valueAccessor?: string;\n  explicitColor?: string;\n  loading: boolean;\n  seriesActions?: (series: string | number) => SeriesActionsTemplate;\n}\n\nexport const GaugeChartProviders = ({\n  config,\n  width,\n  height,\n  value,\n  valueAccessor,\n  explicitColor,\n  seriesActions,\n  children,\n  loading,\n}: PropsWithChildren<GaugeChartProvidersProps>) => {\n  const {\n    formatter,\n    max,\n    min,\n    labelSlot,\n    thresholdsIndicators,\n    colorRules,\n    unit,\n  } = config;\n\n  const calculatedColor = getValueArcColor(\n    value,\n    colorRules,\n    explicitColor,\n    thresholdsIndicators,\n    valueAccessor,\n  );\n\n  const seriesActionValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n      ) => ReactElement<PropsWithChildren>,\n    }),\n    [seriesActions],\n  );\n\n  const chartSizeValue = useMemo(() => ({ width, height }), [width, height]);\n\n  const formatterContextValue = useMemo(\n    () => ({\n      formatter,\n      unit,\n    }),\n    [formatter, unit],\n  );\n\n  const tooltipConfigValue = useMemo<GaugeChartTooltipConfig>(\n    () => ({\n      name: config.tooltip?.name,\n      template: config.tooltip?.children,\n      hidden: config.tooltip?.hidden ?? false,\n    }),\n    [config.tooltip],\n  );\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider persistedStore>\n        <ChartSeriesActionContext.Provider value={seriesActionValue}>\n          <GaugeChartSizeContext.Provider value={chartSizeValue}>\n            <GaugeChartFormatterContext.Provider value={formatterContextValue}>\n              <GaugeChartThresholdContext.Provider\n                value={thresholdsIndicators ?? emptyThresholds}\n              >\n                <GaugeChartColorContext.Provider value={calculatedColor}>\n                  <GaugeChartLabelsContext.Provider\n                    value={{\n                      label: labelSlot,\n                    }}\n                  >\n                    <GaugeChartRangeMinContext.Provider value={min}>\n                      <GaugeChartRangeMaxContext.Provider value={max}>\n                        <GaugeChartLoadingContext.Provider value={loading}>\n                          <GaugeChartTooltipContext.Provider\n                            value={tooltipConfigValue}\n                          >\n                            {children}\n                          </GaugeChartTooltipContext.Provider>\n                        </GaugeChartLoadingContext.Provider>\n                      </GaugeChartRangeMaxContext.Provider>\n                    </GaugeChartRangeMinContext.Provider>\n                  </GaugeChartLabelsContext.Provider>\n                </GaugeChartColorContext.Provider>\n              </GaugeChartThresholdContext.Provider>\n            </GaugeChartFormatterContext.Provider>\n          </GaugeChartSizeContext.Provider>\n        </ChartSeriesActionContext.Provider>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n};\n\nGaugeChartProviders['displayName'] = 'GaugeChartProviders';\n"],
+  "mappings": "AA+G0B;AA/G1B,SAAoD,eAAe;AAEnE,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AAEzC,SAAS,8BAA8B;AACvC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAOzC,SAAS,wBAAwB;AAEjC,MAAM,kBAA+D,CAAC;AAa/D,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,oBAAoB;AAAA,IACxB,OAAO;AAAA,MACL,oBAAoB;AAAA,IAGtB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,iBAAiB,QAAQ,OAAO,EAAE,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,CAAC;AAEzE,QAAM,wBAAwB;AAAA,IAC5B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,WAAW,IAAI;AAAA,EAClB;AAEA,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,MAAM,OAAO,SAAS;AAAA,MACtB,UAAU,OAAO,SAAS;AAAA,MAC1B,QAAQ,OAAO,SAAS,UAAU;AAAA,IACpC;AAAA,IACA,CAAC,OAAO,OAAO;AAAA,EACjB;AAEA,SACE,oBAAC,mBACC,8BAAC,mBAAgB,gBAAc,MAC7B,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,mBACxC,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,gBACrC,8BAAC,2BAA2B,UAA3B,EAAoC,OAAO,uBAC1C;AAAA,IAAC,2BAA2B;AAAA,IAA3B;AAAA,MACC,OAAO,wBAAwB;AAAA,MAE/B,8BAAC,uBAAuB,UAAvB,EAAgC,OAAO,iBACtC;AAAA,QAAC,wBAAwB;AAAA,QAAxB;AAAA,UACC,OAAO;AAAA,YACL,OAAO;AAAA,UACT;AAAA,UAEA,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,KACzC,8BAAC,yBAAyB,UAAzB,EAAkC,OAAO,SACxC;AAAA,YAAC,yBAAyB;AAAA,YAAzB;AAAA,cACC,OAAO;AAAA,cAEN;AAAA;AAAA,UACH,GACF,GACF,GACF;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,oBAAoB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/gauge/slots/Tooltip.js

@@ -1,4 +1,4 @@
-const Tooltip = (props) => null;
+const Tooltip = (_props) => null;
 Tooltip["displayName"] = "GaugeChart.Tooltip";
 export {
   Tooltip

package/esm/charts/gauge/slots/Tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gauge/slots/Tooltip.ts"],
-  "sourcesContent": ["/**\n * Props for the GaugeChart.Tooltip slot component\n * @public\n */\nexport interface GaugeChartTooltipProps {\n  /**\n   * Optional name to display in the tooltip\n   */\n  name?: string;\n}\n\n/**\n * Slot component for Gauge Chart tooltip\n * @public\n */\nexport const Tooltip = (props: GaugeChartTooltipProps) => null;\n\nTooltip['displayName'] = 'GaugeChart.Tooltip';\n"],
-  "mappings": "AAeO,MAAM,UAAU,CAAC,UAAkC;AAE1D,QAAQ,aAAa,IAAI;",
+  "sourcesContent": ["import { type ReactNode } from 'react';\n\n/**\n * Data passed to the GaugeChart custom tooltip render function.\n * @public\n */\nexport interface GaugeChartTooltipItem {\n  /**\n   * Raw numerical value displayed by the gauge.\n   */\n  value: number;\n  /**\n   * Value formatted via the chart's formatter (and unit, if any).\n   */\n  formattedValue: string;\n  /**\n   * Colour currently applied to the gauge arc (resolved from explicit\n   * `color`, ColorRules or palette).\n   */\n  color: string | undefined;\n  /**\n   * Optional `name` provided through the `GaugeChart.Tooltip` slot.\n   */\n  name: string | undefined;\n  /**\n   * Optional unit string used by the formatter, when available.\n   */\n  unit: string | undefined;\n}\n\n/**\n * Render function used to customise the body of the GaugeChart tooltip.\n * @public\n */\nexport type GaugeChartTooltipHandler = (\n  item: GaugeChartTooltipItem,\n) => ReactNode;\n\n/**\n * Props for the GaugeChart.Tooltip slot component\n * @public\n */\nexport interface GaugeChartTooltipProps {\n  /**\n   * Optional name to display in the tooltip\n   */\n  name?: string;\n  /**\n   * Optional custom tooltip template. When provided, the function is\n   * invoked with the current gauge value and its result replaces the\n   * default tooltip body. Use `ChartTooltip` atoms (e.g.\n   * `ChartTooltip.SeriesItem`) to build a structured layout, or any\n   * `ReactNode` for free-form content.\n   */\n  children?: GaugeChartTooltipHandler;\n  /**\n   * When `true`, the tooltip is not rendered.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/**\n * Internal config shape used after `children` has been remapped to\n * `template`, mirroring the AnnotationsChart tooltip pipeline.\n * @internal\n */\nexport interface GaugeChartTooltipConfig {\n  name?: string;\n  /** Map from slot `children` to `template` internally */\n  template?: GaugeChartTooltipHandler;\n  hidden?: boolean;\n}\n\n/**\n * Slot component for Gauge Chart tooltip\n * @public\n */\nexport const Tooltip = (_props: GaugeChartTooltipProps) => null;\n\nTooltip['displayName'] = 'GaugeChart.Tooltip';\n"],
+  "mappings": "AA8EO,MAAM,UAAU,CAAC,WAAmC;AAE3D,QAAQ,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css

@@ -1,3 +1,3 @@
-._9phcbi0-3-5-0 {
+._9phcbi0-3-6-0 {
   position: relative;
 }

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramValueBottomAxisArea.css";
-var axisContainerStyle = "_9phcbi0-3-5-0";
+var axisContainerStyle = "_9phcbi0-3-6-0";
 export {
   axisContainerStyle
 };

package/esm/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css.ts"],
-  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-5-0';"],
+  "sourcesContent": ["import './HistogramValueBottomAxisArea.css';\nexport var axisContainerStyle = '_9phcbi0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css

@@ -1,4 +1,4 @@
-._fzvydv0-3-5-0 {
+._fzvydv0-3-6-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./HistogramTooltip.css";
-var wrapper = "_fzvydv0-3-5-0";
+var wrapper = "_fzvydv0-3-6-0";
 export {
   wrapper
 };

package/esm/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css.ts"],
-  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-5-0';"],
+  "sourcesContent": ["import './HistogramTooltip.css';\nexport var wrapper = '_fzvydv0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/histogram/components/overlays/HistogramOverlays.css

@@ -1,4 +1,4 @@
-._drl8ns0-3-5-0 {
+._drl8ns0-3-6-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-5-0 {
+._drl8ns1-3-6-0 {
   pointer-events: none;
   overflow: visible;
   z-index: 1;

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js

@@ -1,7 +1,7 @@
 import "../../../core/components/chart-grid/ChartGrid.css";
 import "./HistogramOverlays.css";
-var crosshairLayout = "_drl8ns1-3-5-0 _13lzg4k0-3-5-0";
-var datapointLayout = "_drl8ns0-3-5-0 _13lzg4k0-3-5-0";
+var crosshairLayout = "_drl8ns1-3-6-0 _13lzg4k0-3-6-0";
+var datapointLayout = "_drl8ns0-3-6-0 _13lzg4k0-3-6-0";
 export {
   crosshairLayout,
   datapointLayout

package/esm/charts/histogram/components/overlays/HistogramOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/histogram/components/overlays/HistogramOverlays.css.ts"],
-  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-5-0 _13lzg4k0-3-5-0';\nexport var datapointLayout = '_drl8ns0-3-5-0 _13lzg4k0-3-5-0';"],
+  "sourcesContent": ["import '../../../core/components/chart-grid/ChartGrid.css';\nimport './HistogramOverlays.css';\nexport var crosshairLayout = '_drl8ns1-3-6-0 _13lzg4k0-3-6-0';\nexport var datapointLayout = '_drl8ns0-3-6-0 _13lzg4k0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.css

@@ -1,3 +1,3 @@
-._p8cogi0-3-5-0 {
+._p8cogi0-3-6-0 {
   position: relative;
 }

package/esm/charts/honeycomb/HoneycombChart.js

@@ -27,6 +27,7 @@ import { HoneycombStoreProvider } from "./providers/honeycomb-store.provider.js"
 import { HoneycombChartDownloadCSVSlot } from "./slots/DownloadCSV.js";
 import { HoneycombLegend } from "./slots/HoneycombLegend.js";
 import { Toolbar } from "./slots/Toolbar.js";
+import { Tooltip } from "./slots/Tooltip.js";
 import { buildAndDownloadCsv } from "./utils/build-and-download-csv.js";
 import { normalizeTilesData } from "./utils/normalize-tiles-data.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
@@ -136,7 +137,8 @@ const HoneycombChart = Object.assign(_HoneycombChart, {
   Intent,
   ColorRule,
   Toolbar,
-  DownloadCSV: HoneycombChartDownloadCSVSlot
+  DownloadCSV: HoneycombChartDownloadCSVSlot,
+  Tooltip
 });
 export {
   HoneycombChart,

package/esm/charts/honeycomb/HoneycombChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/honeycomb/HoneycombChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { HoneycombChartLayout } from './components/HoneycombChartLayout.js';\nimport {\n  DEFAULT_HONEYCOMB_HEIGHT,\n  DISPLAY_NAME,\n  HONEYCOMB_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { HoneycombColorSchemeContext } from './context/honeycomb-color-scheme.context.js';\nimport { HoneycombFormatterContext } from './context/honeycomb-formatter.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.context.js';\nimport { HoneycombShowLabelsContext } from './context/honeycomb-show-labels.context.js';\nimport { HoneycombTruncationMode } from './context/honeycomb-truncation-mode.context.js';\nimport { useHoneycombChartConfig } from './hooks/use-honeycomb-chart-config.js';\nimport { HoneycombBaseScaleProvider } from './providers/honeycomb-base-scale.provider.js';\nimport { HoneycombConfigurationProvider } from './providers/honeycomb-configuration.provider.js';\nimport { HoneycombDatasetTypeProvider } from './providers/honeycomb-dataset-type.provider.js';\nimport { HoneycombFilteredDataProvider } from './providers/honeycomb-filtered-data.provider.js';\nimport { HoneycombMetadataProvider } from './providers/honeycomb-metadata.provider.js';\nimport { HoneycombStoreProvider } from './providers/honeycomb-store.provider.js';\nimport { HoneycombChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { HoneycombLegend } from './slots/HoneycombLegend.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { HoneycombConsumerExportedConfig } from './types/honeycomb-config-properties.js';\nimport { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';\nimport { HoneycombChartProps, HoneycombChartRef } from './types/honeycomb.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { normalizeTilesData } from './utils/normalize-tiles-data.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'HoneycombChart';\n\nconst normalizeHoneycombConfig = (\n  config: HoneycombRequiredConfigProps,\n): HoneycombConsumerExportedConfig => {\n  const { toolbar: configuredToolbar, ...remainingConfig } = config;\n  const toolbar = configuredToolbar\n    ? getToolbarConfigWithoutIntents(configuredToolbar)\n    : undefined;\n\n  return { ...remainingConfig, toolbar };\n};\n\n/** The honeycomb component */\nexport const _HoneycombChart = forwardRef<\n  HoneycombChartRef,\n  PropsWithChildren<HoneycombChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    seriesActions,\n    width,\n    height,\n    style: costumerStyle,\n    className: customerClassNames,\n    loading,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height) || DEFAULT_HONEYCOMB_HEIGHT;\n  const rootRef = useMergeRefs<HoneycombChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const sanitizedData = normalizeTilesData(data);\n\n  const config = useHoneycombChartConfig(props);\n\n  const formatterContext = {\n    formatter: config.formatter,\n    unit: config.unit,\n  };\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig = normalizeHoneycombConfig(config);\n    return {\n      element: containerRef.current,\n      downloadData: () => {\n        buildAndDownloadCsv(sanitizedData);\n      },\n      getConfig: () => {\n        return JSON.stringify({\n          type: ChartType.Honeycomb,\n          ...consumerConfig,\n        });\n      },\n    };\n  });\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={rootRef}\n      style={{ ...costumerStyle, width: chartWidth, height: chartHeight }}\n      className={clsx(defaultChartSize, customerClassNames)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={COMPONENT_NAME}\n      aria-label={HONEYCOMB_CHART_ARIA_LABEL}\n      role=\"img\"\n    >\n      <HoneycombLoadingContext.Provider value={loading}>\n        <HoneycombConfigurationProvider config={config}>\n          <HoneycombShapeContext.Provider value={config.shape}>\n            <HoneycombColorSchemeContext.Provider value={config.colorScheme}>\n              <HoneycombTruncationMode.Provider value={config.truncationMode}>\n                <HoneycombFormatterContext.Provider value={formatterContext}>\n                  <HoneycombShowLabelsContext.Provider\n                    value={config.showLabels}\n                  >\n                    <HoneycombFilteredDataProvider\n                      data={sanitizedData}\n                      config={config}\n                    >\n                      <HoneycombDatasetTypeProvider>\n                        <HoneycombBaseScaleProvider>\n                          <ChartSeriesActionContext.Provider\n                            value={{\n                              // We need a cast here as the provider expects unknown and the\n                              // react context will not be able to carry the generic anyways.\n                              chartSeriesActions: seriesActions as (\n                                series: unknown,\n                              ) => ReactElement<PropsWithChildren>,\n                            }}\n                          >\n                            <HoneycombStoreProvider>\n                              <HoneycombMetadataProvider>\n                                <HoneycombChartLayout {...props} />\n                              </HoneycombMetadataProvider>\n                            </HoneycombStoreProvider>\n                          </ChartSeriesActionContext.Provider>\n                        </HoneycombBaseScaleProvider>\n                      </HoneycombDatasetTypeProvider>\n                    </HoneycombFilteredDataProvider>\n                  </HoneycombShowLabelsContext.Provider>\n                </HoneycombFormatterContext.Provider>\n              </HoneycombTruncationMode.Provider>\n            </HoneycombColorSchemeContext.Provider>\n          </HoneycombShapeContext.Provider>\n        </HoneycombConfigurationProvider>\n      </HoneycombLoadingContext.Provider>\n    </div>\n  );\n});\n\n(\n  _HoneycombChart as typeof _HoneycombChart & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `HoneycombChart` is used to display data in a grid using various shapes\n * for data points.\n * @public\n */\nexport const HoneycombChart = Object.assign(_HoneycombChart, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Legend: HoneycombLegend,\n  Intent,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: HoneycombChartDownloadCSVSlot,\n});\n"],
-  "mappings": "AAwJgC;AAxJhC,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAC3C,SAAS,+BAA+B;AACxC,SAAS,+BAA+B;AACxC,SAAS,kCAAkC;AAC3C,SAAS,sCAAsC;AAC/C,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAC9C,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAIxB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAEvB,MAAM,2BAA2B,CAC/B,WACoC;AACpC,QAAM,EAAE,SAAS,mBAAmB,GAAG,gBAAgB,IAAI;AAC3D,QAAM,UAAU,oBACZ,+BAA+B,iBAAiB,IAChD;AAEJ,SAAO,EAAE,GAAG,iBAAiB,QAAQ;AACvC;AAGO,MAAM,kBAAkB,WAG7B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAClE,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,cAAc,gBAAgB,MAAM,KAAK;AAC/C,QAAM,UAAU,aAAiD;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,mBAAmB,IAAI;AAE7C,QAAM,SAAS,wBAAwB,KAAK;AAE5C,QAAM,mBAAmB;AAAA,IACvB,WAAW,OAAO;AAAA,IAClB,MAAM,OAAO;AAAA,EACf;AAEA,sBAAoB,cAAc,MAAM;AACtC,UAAM,iBAAiB,yBAAyB,MAAM;AACtD,WAAO;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAc,MAAM;AAClB,4BAAoB,aAAa;AAAA,MACnC;AAAA,MACA,WAAW,MAAM;AACf,eAAO,KAAK,UAAU;AAAA,UACpB,MAAM,UAAU;AAAA,UAChB,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,OAAO,EAAE,GAAG,eAAe,OAAO,YAAY,QAAQ,YAAY;AAAA,MAClE,WAAW,KAAK,kBAAkB,kBAAkB;AAAA,MACpD,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,qBAAmB;AAAA,MACnB,cAAY;AAAA,MACZ,MAAK;AAAA,MAEL,8BAAC,wBAAwB,UAAxB,EAAiC,OAAO,SACvC,8BAAC,kCAA+B,QAC9B,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,OAAO,OAC5C,8BAAC,4BAA4B,UAA5B,EAAqC,OAAO,OAAO,aAClD,8BAAC,wBAAwB,UAAxB,EAAiC,OAAO,OAAO,gBAC9C,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,kBACzC;AAAA,QAAC,2BAA2B;AAAA,QAA3B;AAAA,UACC,OAAO,OAAO;AAAA,UAEd;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN;AAAA,cAEA,8BAAC,gCACC,8BAAC,8BACC;AAAA,gBAAC,yBAAyB;AAAA,gBAAzB;AAAA,kBACC,OAAO;AAAA;AAAA;AAAA,oBAGL,oBAAoB;AAAA,kBAGtB;AAAA,kBAEA,8BAAC,0BACC,8BAAC,6BACC,8BAAC,wBAAsB,GAAG,OAAO,GACnC,GACF;AAAA;AAAA,cACF,GACF,GACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF,GACF,GACF,GACF,GACF,GACF,GACF;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,gBACA,cAAc;AAOT,MAAM,iBAAiB,OAAO,OAAO,iBAAiB;AAAA,EAC3D,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { HoneycombChartLayout } from './components/HoneycombChartLayout.js';\nimport {\n  DEFAULT_HONEYCOMB_HEIGHT,\n  DISPLAY_NAME,\n  HONEYCOMB_CHART_ARIA_LABEL,\n} from './constants.js';\nimport { HoneycombColorSchemeContext } from './context/honeycomb-color-scheme.context.js';\nimport { HoneycombFormatterContext } from './context/honeycomb-formatter.context.js';\nimport { HoneycombLoadingContext } from './context/honeycomb-loading.context.js';\nimport { HoneycombShapeContext } from './context/honeycomb-shape.context.js';\nimport { HoneycombShowLabelsContext } from './context/honeycomb-show-labels.context.js';\nimport { HoneycombTruncationMode } from './context/honeycomb-truncation-mode.context.js';\nimport { useHoneycombChartConfig } from './hooks/use-honeycomb-chart-config.js';\nimport { HoneycombBaseScaleProvider } from './providers/honeycomb-base-scale.provider.js';\nimport { HoneycombConfigurationProvider } from './providers/honeycomb-configuration.provider.js';\nimport { HoneycombDatasetTypeProvider } from './providers/honeycomb-dataset-type.provider.js';\nimport { HoneycombFilteredDataProvider } from './providers/honeycomb-filtered-data.provider.js';\nimport { HoneycombMetadataProvider } from './providers/honeycomb-metadata.provider.js';\nimport { HoneycombStoreProvider } from './providers/honeycomb-store.provider.js';\nimport { HoneycombChartDownloadCSVSlot } from './slots/DownloadCSV.js';\nimport { HoneycombLegend } from './slots/HoneycombLegend.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { HoneycombConsumerExportedConfig } from './types/honeycomb-config-properties.js';\nimport { HoneycombRequiredConfigProps } from './types/honeycomb-internal.js';\nimport { HoneycombChartProps, HoneycombChartRef } from './types/honeycomb.js';\nimport { buildAndDownloadCsv } from './utils/build-and-download-csv.js';\nimport { normalizeTilesData } from './utils/normalize-tiles-data.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../core/styles/defaultChartValues.sty.js';\nimport { ChartSeriesActionContext } from '../core/components/series-action/ChartSeriesActionContext.js';\nimport { getToolbarConfigWithoutIntents } from '../core/components/toolbar/utils/get-toolbar-config-without-intents.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'HoneycombChart';\n\nconst normalizeHoneycombConfig = (\n  config: HoneycombRequiredConfigProps,\n): HoneycombConsumerExportedConfig => {\n  const { toolbar: configuredToolbar, ...remainingConfig } = config;\n  const toolbar = configuredToolbar\n    ? getToolbarConfigWithoutIntents(configuredToolbar)\n    : undefined;\n\n  return { ...remainingConfig, toolbar };\n};\n\n/** The honeycomb component */\nexport const _HoneycombChart = forwardRef<\n  HoneycombChartRef,\n  PropsWithChildren<HoneycombChartProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    seriesActions,\n    width,\n    height,\n    style: costumerStyle,\n    className: customerClassNames,\n    loading,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height) || DEFAULT_HONEYCOMB_HEIGHT;\n  const rootRef = useMergeRefs<HoneycombChartRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const sanitizedData = normalizeTilesData(data);\n\n  const config = useHoneycombChartConfig(props);\n\n  const formatterContext = {\n    formatter: config.formatter,\n    unit: config.unit,\n  };\n\n  useImperativeHandle(forwardedRef, () => {\n    const consumerConfig = normalizeHoneycombConfig(config);\n    return {\n      element: containerRef.current,\n      downloadData: () => {\n        buildAndDownloadCsv(sanitizedData);\n      },\n      getConfig: () => {\n        return JSON.stringify({\n          type: ChartType.Honeycomb,\n          ...consumerConfig,\n        });\n      },\n    };\n  });\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      ref={rootRef}\n      style={{ ...costumerStyle, width: chartWidth, height: chartHeight }}\n      className={clsx(defaultChartSize, customerClassNames)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-dt-component={COMPONENT_NAME}\n      aria-label={HONEYCOMB_CHART_ARIA_LABEL}\n      role=\"img\"\n    >\n      <HoneycombLoadingContext.Provider value={loading}>\n        <HoneycombConfigurationProvider config={config}>\n          <HoneycombShapeContext.Provider value={config.shape}>\n            <HoneycombColorSchemeContext.Provider value={config.colorScheme}>\n              <HoneycombTruncationMode.Provider value={config.truncationMode}>\n                <HoneycombFormatterContext.Provider value={formatterContext}>\n                  <HoneycombShowLabelsContext.Provider\n                    value={config.showLabels}\n                  >\n                    <HoneycombFilteredDataProvider\n                      data={sanitizedData}\n                      config={config}\n                    >\n                      <HoneycombDatasetTypeProvider>\n                        <HoneycombBaseScaleProvider>\n                          <ChartSeriesActionContext.Provider\n                            value={{\n                              // We need a cast here as the provider expects unknown and the\n                              // react context will not be able to carry the generic anyways.\n                              chartSeriesActions: seriesActions as (\n                                series: unknown,\n                              ) => ReactElement<PropsWithChildren>,\n                            }}\n                          >\n                            <HoneycombStoreProvider>\n                              <HoneycombMetadataProvider>\n                                <HoneycombChartLayout {...props} />\n                              </HoneycombMetadataProvider>\n                            </HoneycombStoreProvider>\n                          </ChartSeriesActionContext.Provider>\n                        </HoneycombBaseScaleProvider>\n                      </HoneycombDatasetTypeProvider>\n                    </HoneycombFilteredDataProvider>\n                  </HoneycombShowLabelsContext.Provider>\n                </HoneycombFormatterContext.Provider>\n              </HoneycombTruncationMode.Provider>\n            </HoneycombColorSchemeContext.Provider>\n          </HoneycombShapeContext.Provider>\n        </HoneycombConfigurationProvider>\n      </HoneycombLoadingContext.Provider>\n    </div>\n  );\n});\n\n(\n  _HoneycombChart as typeof _HoneycombChart & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `HoneycombChart` is used to display data in a grid using various shapes\n * for data points.\n * @public\n */\nexport const HoneycombChart = Object.assign(_HoneycombChart, {\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Legend: HoneycombLegend,\n  Intent,\n  ColorRule,\n  Toolbar,\n  DownloadCSV: HoneycombChartDownloadCSVSlot,\n  Tooltip,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/honeycomb/HoneycombChart.sty.js

@@ -1,5 +1,5 @@
 import "./HoneycombChart.css";
-var graphContainer = "_p8cogi0-3-5-0";
+var graphContainer = "_p8cogi0-3-6-0";
 export {
   graphContainer
 };

package/esm/charts/honeycomb/HoneycombChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/honeycomb/HoneycombChart.css.ts"],
-  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-5-0';"],
+  "sourcesContent": ["import './HoneycombChart.css';\nexport var graphContainer = '_p8cogi0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/honeycomb/components/HiveOverlay.css

@@ -1,4 +1,4 @@
-._lmrhfg0-3-5-0 {
+._lmrhfg0-3-6-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/honeycomb/components/HiveOverlay.sty.js

@@ -1,5 +1,5 @@
 import "./HiveOverlay.css";
-var overlay = "_lmrhfg0-3-5-0";
+var overlay = "_lmrhfg0-3-6-0";
 export {
   overlay
 };

package/esm/charts/honeycomb/components/HiveOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/components/HiveOverlay.css.ts"],
-  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-5-0';"],
+  "sourcesContent": ["import './HiveOverlay.css';\nexport var overlay = '_lmrhfg0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.css

@@ -1,4 +1,4 @@
-._12htcxh0-3-5-0 {
+._12htcxh0-3-6-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js

@@ -1,5 +1,5 @@
 import "./HiveCanvasLayout.css";
-var canvasContainer = "_12htcxh0-3-5-0";
+var canvasContainer = "_12htcxh0-3-6-0";
 export {
   canvasContainer
 };

package/esm/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/honeycomb/components/canvas/HiveCanvasLayout.css.ts"],
-  "sourcesContent": ["import './HiveCanvasLayout.css';\nexport var canvasContainer = '_12htcxh0-3-5-0';"],
+  "sourcesContent": ["import './HiveCanvasLayout.css';\nexport var canvasContainer = '_12htcxh0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/honeycomb/components/tooltip/HoneycombOverlayTooltip.js

@@ -2,14 +2,29 @@ import { jsx } from "react/jsx-runtime";
 import { useTooltipData } from "../../../core/components/overlay-tooltip/_to-be-removed/utils.js";
 import { OverlayTooltip } from "../../../core/components/overlay-tooltip/OverlayTooltip.js";
 import { isTooltipDataEmpty } from "../../../core/components/overlay-tooltip/utils.js";
+import { useHoneycombCustomTooltip } from "../../hooks/use-honeycomb-custom-tooltip.js";
 import { useHoneycombTruncationMode } from "../../hooks/use-honeycomb-truncation-mode.js";
 const HoneycombOverlayTooltip = (props) => {
   const data = useTooltipData().data;
   const truncationMode = useHoneycombTruncationMode();
-  if (isTooltipDataEmpty(data)) {
+  const tooltip = useHoneycombCustomTooltip();
+  if (tooltip?.hidden || isTooltipDataEmpty(data)) {
     return null;
   }
   const series = data.series[0];
+  if (typeof tooltip?.template === "function") {
+    const metadata = data.metadata;
+    if (metadata) {
+      const payload = {
+        name: metadata.tooltipMetadata.name,
+        value: metadata.tileData.value,
+        formattedValue: String(series.value),
+        color: metadata.tooltipMetadata.color.Default,
+        data: metadata.tileData
+      };
+      return /* @__PURE__ */ jsx(OverlayTooltip, { legacyTemplate: tooltip.template(payload) });
+    }
+  }
   return /* @__PURE__ */ jsx(OverlayTooltip, { truncation: truncationMode, children: /* @__PURE__ */ jsx(
     OverlayTooltip.SeriesItem,
     {

package/esm/charts/honeycomb/components/tooltip/HoneycombOverlayTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/honeycomb/components/tooltip/HoneycombOverlayTooltip.tsx"],
-  "sourcesContent": ["import { useTooltipData } from '../../../core/components/overlay-tooltip/_to-be-removed/utils.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../core/components/overlay-tooltip/types.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { useHoneycombTruncationMode } from '../../hooks/use-honeycomb-truncation-mode.js';\n\ntype SeriesData = Data['series'][number];\n\ninterface HoneycombOverlayTooltipProps {\n  actionsForItem?: (\n    item: SeriesData,\n  ) => (() => SeriesActionsTemplate) | undefined;\n}\n\nexport const HoneycombOverlayTooltip = (\n  props: HoneycombOverlayTooltipProps,\n) => {\n  const data = useTooltipData().data;\n  const truncationMode = useHoneycombTruncationMode();\n\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  const series = data.series[0];\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.SeriesItem\n        name={series.name}\n        value={series.value}\n        color={series.color}\n        actions={props.actionsForItem?.(series)}\n      />\n    </OverlayTooltip>\n  );\n};\n\nHoneycombOverlayTooltip['displayName'] = 'HoneycombOverlayTooltip';\n"],
-  "mappings": "AA6BM;AA7BN,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAEnC,SAAS,kCAAkC;AAUpC,MAAM,0BAA0B,CACrC,UACG;AACH,QAAM,OAAO,eAAe,EAAE;AAC9B,QAAM,iBAAiB,2BAA2B;AAElD,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,KAAK,OAAO,CAAC;AAE5B,SACE,oBAAC,kBAAe,YAAY,gBAC1B;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,OAAO;AAAA,MACb,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,SAAS,MAAM,iBAAiB,MAAM;AAAA;AAAA,EACxC,GACF;AAEJ;AAEA,wBAAwB,aAAa,IAAI;",
+  "sourcesContent": ["import { useTooltipData } from '../../../core/components/overlay-tooltip/_to-be-removed/utils.js';\nimport { OverlayTooltip } from '../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../core/components/overlay-tooltip/types.js';\nimport { isTooltipDataEmpty } from '../../../core/components/overlay-tooltip/utils.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport { useHoneycombCustomTooltip } from '../../hooks/use-honeycomb-custom-tooltip.js';\nimport { useHoneycombTruncationMode } from '../../hooks/use-honeycomb-truncation-mode.js';\nimport type {\n  HoneycombTooltipMetadata,\n  HoneycombTooltipPayload,\n} from '../../types/honeycomb-internal.js';\nimport type { HoneycombTileData } from '../../types/honeycomb.js';\n\ntype SeriesData = Data['series'][number];\n\ninterface HoneycombOverlayTooltipProps {\n  actionsForItem?: (\n    item: SeriesData,\n  ) => (() => SeriesActionsTemplate) | undefined;\n}\n\nexport const HoneycombOverlayTooltip = (\n  props: HoneycombOverlayTooltipProps,\n) => {\n  const data = useTooltipData().data;\n  const truncationMode = useHoneycombTruncationMode();\n  const tooltip = useHoneycombCustomTooltip();\n\n  if (tooltip?.hidden || isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  const series = data.series[0];\n\n  if (typeof tooltip?.template === 'function') {\n    const metadata = data.metadata as\n      | {\n          id: string;\n          tileData: HoneycombTileData;\n          tooltipMetadata: HoneycombTooltipMetadata;\n        }\n      | undefined;\n\n    if (metadata) {\n      const payload: HoneycombTooltipPayload = {\n        name: metadata.tooltipMetadata.name,\n        value: metadata.tileData.value,\n        formattedValue: String(series.value),\n        color: metadata.tooltipMetadata.color.Default,\n        data: metadata.tileData,\n      };\n\n      return <OverlayTooltip legacyTemplate={tooltip.template(payload)} />;\n    }\n  }\n\n  return (\n    <OverlayTooltip truncation={truncationMode}>\n      <OverlayTooltip.SeriesItem\n        name={series.name}\n        value={series.value}\n        color={series.color}\n        actions={props.actionsForItem?.(series)}\n      />\n    </OverlayTooltip>\n  );\n};\n\nHoneycombOverlayTooltip['displayName'] = 'HoneycombOverlayTooltip';\n"],
+  "mappings": "AAoDa;AApDb,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAEnC,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAepC,MAAM,0BAA0B,CACrC,UACG;AACH,QAAM,OAAO,eAAe,EAAE;AAC9B,QAAM,iBAAiB,2BAA2B;AAClD,QAAM,UAAU,0BAA0B;AAE1C,MAAI,SAAS,UAAU,mBAAmB,IAAI,GAAG;AAC/C,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,KAAK,OAAO,CAAC;AAE5B,MAAI,OAAO,SAAS,aAAa,YAAY;AAC3C,UAAM,WAAW,KAAK;AAQtB,QAAI,UAAU;AACZ,YAAM,UAAmC;AAAA,QACvC,MAAM,SAAS,gBAAgB;AAAA,QAC/B,OAAO,SAAS,SAAS;AAAA,QACzB,gBAAgB,OAAO,OAAO,KAAK;AAAA,QACnC,OAAO,SAAS,gBAAgB,MAAM;AAAA,QACtC,MAAM,SAAS;AAAA,MACjB;AAEA,aAAO,oBAAC,kBAAe,gBAAgB,QAAQ,SAAS,OAAO,GAAG;AAAA,IACpE;AAAA,EACF;AAEA,SACE,oBAAC,kBAAe,YAAY,gBAC1B;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,MAAM,OAAO;AAAA,MACb,OAAO,OAAO;AAAA,MACd,OAAO,OAAO;AAAA,MACd,SAAS,MAAM,iBAAiB,MAAM;AAAA;AAAA,EACxC,GACF;AAEJ;AAEA,wBAAwB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/honeycomb/context/honeycomb-custom-tooltip.context.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const HoneycombCustomTooltipContext = createContext(void 0);
+export {
+  HoneycombCustomTooltipContext
+};
+//# sourceMappingURL=honeycomb-custom-tooltip.context.js.map

package/esm/charts/honeycomb/context/honeycomb-custom-tooltip.context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/honeycomb/context/honeycomb-custom-tooltip.context.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { HoneycombCustomTooltipConfig } from '../types/honeycomb-internal.js';\n\nexport const HoneycombCustomTooltipContext = createContext<\n  HoneycombCustomTooltipConfig | undefined\n>(undefined);\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,gCAAgC,cAE3C,MAAS;",
+  "names": []
+}

package/esm/charts/honeycomb/hooks/use-honeycomb-custom-tooltip.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import { HoneycombCustomTooltipContext } from "../context/honeycomb-custom-tooltip.context.js";
+const useHoneycombCustomTooltip = () => useContext(HoneycombCustomTooltipContext);
+export {
+  useHoneycombCustomTooltip
+};
+//# sourceMappingURL=use-honeycomb-custom-tooltip.js.map

package/esm/charts/honeycomb/hooks/use-honeycomb-custom-tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/honeycomb/hooks/use-honeycomb-custom-tooltip.ts"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { HoneycombCustomTooltipContext } from '../context/honeycomb-custom-tooltip.context.js';\n\nexport const useHoneycombCustomTooltip = () =>\n  useContext(HoneycombCustomTooltipContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,qCAAqC;AAEvC,MAAM,4BAA4B,MACvC,WAAW,6BAA6B;",
+  "names": []
+}

package/esm/charts/honeycomb/providers/honeycomb-configuration.provider.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { ColorRuleContext } from "../../core/context/ColorRuleContext.js";
+import { HoneycombCustomTooltipContext } from "../context/honeycomb-custom-tooltip.context.js";
 import { HoneycombLegendConfigContext } from "../context/honeycomb-legend-config.context.js";
 import { HoneycombToolbarConfigContext } from "../context/honeycomb-toolbar-config.context.js";
 const HoneycombConfigurationProvider = ({
@@ -7,7 +8,7 @@ const HoneycombConfigurationProvider = ({
   config
 }) => {
   const { legend, toolbar } = config;
-  return /* @__PURE__ */ jsx(HoneycombLegendConfigContext.Provider, { value: legend, children: /* @__PURE__ */ jsx(HoneycombToolbarConfigContext.Provider, { value: toolbar, children: /* @__PURE__ */ jsx(ColorRuleContext.Provider, { value: config.colorRules, children }) }) });
+  return /* @__PURE__ */ jsx(HoneycombLegendConfigContext.Provider, { value: legend, children: /* @__PURE__ */ jsx(HoneycombToolbarConfigContext.Provider, { value: toolbar, children: /* @__PURE__ */ jsx(ColorRuleContext.Provider, { value: config.colorRules, children: /* @__PURE__ */ jsx(HoneycombCustomTooltipContext.Provider, { value: config.tooltip, children }) }) }) });
 };
 export {
   HoneycombConfigurationProvider

package/esm/charts/honeycomb/providers/honeycomb-configuration.provider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/providers/honeycomb-configuration.provider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport { HoneycombLegendConfigContext } from '../context/honeycomb-legend-config.context.js';\nimport { HoneycombToolbarConfigContext } from '../context/honeycomb-toolbar-config.context.js';\nimport { HoneycombSlotsConfig } from '../types/honeycomb-internal.js';\n\nexport const HoneycombConfigurationProvider = ({\n  children,\n  config,\n}: PropsWithChildren<{ config: HoneycombSlotsConfig }>) => {\n  const { legend, toolbar } = config;\n\n  return (\n    <HoneycombLegendConfigContext.Provider value={legend}>\n      <HoneycombToolbarConfigContext.Provider value={toolbar}>\n        <ColorRuleContext.Provider value={config.colorRules}>\n          {children}\n        </ColorRuleContext.Provider>\n      </HoneycombToolbarConfigContext.Provider>\n    </HoneycombLegendConfigContext.Provider>\n  );\n};\n"],
-  "mappings": "AAgBQ;AAdR,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAGvC,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AAAA,EACA;AACF,MAA2D;AACzD,QAAM,EAAE,QAAQ,QAAQ,IAAI;AAE5B,SACE,oBAAC,6BAA6B,UAA7B,EAAsC,OAAO,QAC5C,8BAAC,8BAA8B,UAA9B,EAAuC,OAAO,SAC7C,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAO,YACtC,UACH,GACF,GACF;AAEJ;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { ColorRuleContext } from '../../core/context/ColorRuleContext.js';\nimport { HoneycombCustomTooltipContext } from '../context/honeycomb-custom-tooltip.context.js';\nimport { HoneycombLegendConfigContext } from '../context/honeycomb-legend-config.context.js';\nimport { HoneycombToolbarConfigContext } from '../context/honeycomb-toolbar-config.context.js';\nimport { HoneycombSlotsConfig } from '../types/honeycomb-internal.js';\n\nexport const HoneycombConfigurationProvider = ({\n  children,\n  config,\n}: PropsWithChildren<{ config: HoneycombSlotsConfig }>) => {\n  const { legend, toolbar } = config;\n\n  return (\n    <HoneycombLegendConfigContext.Provider value={legend}>\n      <HoneycombToolbarConfigContext.Provider value={toolbar}>\n        <ColorRuleContext.Provider value={config.colorRules}>\n          <HoneycombCustomTooltipContext.Provider value={config.tooltip}>\n            {children}\n          </HoneycombCustomTooltipContext.Provider>\n        </ColorRuleContext.Provider>\n      </HoneycombToolbarConfigContext.Provider>\n    </HoneycombLegendConfigContext.Provider>\n  );\n};\n"],
+  "mappings": "AAkBU;AAhBV,SAAS,wBAAwB;AACjC,SAAS,qCAAqC;AAC9C,SAAS,oCAAoC;AAC7C,SAAS,qCAAqC;AAGvC,MAAM,iCAAiC,CAAC;AAAA,EAC7C;AAAA,EACA;AACF,MAA2D;AACzD,QAAM,EAAE,QAAQ,QAAQ,IAAI;AAE5B,SACE,oBAAC,6BAA6B,UAA7B,EAAsC,OAAO,QAC5C,8BAAC,8BAA8B,UAA9B,EAAuC,OAAO,SAC7C,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,OAAO,YACvC,8BAAC,8BAA8B,UAA9B,EAAuC,OAAO,OAAO,SACnD,UACH,GACF,GACF,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/honeycomb/slots/Tooltip.js

@@ -0,0 +1,6 @@
+const Tooltip = (props) => null;
+Tooltip["displayName"] = "HoneycombChart.Tooltip";
+export {
+  Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/esm/charts/honeycomb/slots/Tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/honeycomb/slots/Tooltip.ts"],
+  "sourcesContent": ["import type { HoneycombChartTooltipProps } from '../types/honeycomb-internal.js';\n\nexport const Tooltip = (props: HoneycombChartTooltipProps) => null;\n\nTooltip['displayName'] = 'HoneycombChart.Tooltip';\n"],
+  "mappings": "AAEO,MAAM,UAAU,CAAC,UAAsC;AAE9D,QAAQ,aAAa,IAAI;",
+  "names": []
+}