@dynatrace/strato-components 3.1.3 → 3.2.1

package/esm/charts/honeycomb/components/toolbar/HoneycombToolbar.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { isUndefined } from "lodash-es";
 import { HoneycombDownloadDataButton } from "./buttons/HoneycombDownloadDataButton.js";
+import { useBehavioralTrackingProps as _useBehavioralTrackingProps } from "../../../../core/hooks/useBehavioralTrackingProps.js";
 import { ChartToolbarRenderer } from "../../../core/components/toolbar/ChartToolbarRenderer.js";
 import { useHoneycombData } from "../../hooks/use-honeycomb-data.js";
 import { useHoneycombToolbarConfig } from "../../hooks/use-honeycomb-toolbar-config.js";
@@ -35,6 +36,9 @@ const HoneycombToolbar = () => {
   const showDefaultToolbarDownloadButton = isDownloadEnabled && !toolbarConfig?.intents;
   const showMenuToolbarButton = isDownloadEnabled && !!toolbarConfig?.intents?.length;
   const initialA11yState = showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];
+  const behaviorTrackingProps = _useBehavioralTrackingProps(
+    toolbarConfig ?? {}
+  )[0];
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer,
     {
@@ -50,6 +54,7 @@ const HoneycombToolbar = () => {
       intents: toolbarConfig?.intents,
       handleDownloadDataToolbar,
       removeDragHandle: true,
+      ...behaviorTrackingProps,
       children: showDefaultToolbarDownloadButton && /* @__PURE__ */ jsx(HoneycombDownloadDataButton, {})
     }
   );

package/esm/charts/honeycomb/components/toolbar/HoneycombToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/honeycomb/components/toolbar/HoneycombToolbar.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { HoneycombDownloadDataButton } from './buttons/HoneycombDownloadDataButton.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { A11yToolbarTabIndex } from '../../../core/types/toolbar.js';\nimport { useHoneycombData } from '../../hooks/use-honeycomb-data.js';\nimport { useHoneycombToolbarConfig } from '../../hooks/use-honeycomb-toolbar-config.js';\nimport { useHoneycombOverlayMouseInBoundsState } from '../../store/selectors.js';\nimport { useSetStateTooltip } from '../../store/store.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nexport const HoneycombToolbar = () => {\n  const mouseInBounds = useHoneycombOverlayMouseInBoundsState();\n  const setTooltipState = useSetStateTooltip();\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const rawData = useHoneycombData();\n  if (isUndefined(toolbarConfig)) {\n    return null;\n  }\n\n  const isDownloadEnabled =\n    toolbarConfig?.downloadCSV?.enabled ??\n    toolbarConfig?.downloadData?.enabled ??\n    false;\n  const defaultToolbarPlacement = 'top-right';\n\n  const handleMouseEnter = () => {\n    setTooltipState({\n      enabled: false,\n      pinned: false,\n      tileData: undefined,\n      colorMetadata: undefined,\n      position: undefined,\n    });\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipState({\n      enabled: true,\n    });\n  };\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(rawData);\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !toolbarConfig?.intents;\n  const showMenuToolbarButton =\n    isDownloadEnabled && !!toolbarConfig?.intents?.length;\n\n  const initialA11yState: A11yToolbarTabIndex[] =\n    showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];\n\n  return (\n    <ChartToolbarRenderer\n      visible={mouseInBounds}\n      collapsed={toolbarConfig.collapsed}\n      draggable={true}\n      placement={toolbarConfig.placement || defaultToolbarPlacement}\n      initialA11yState={initialA11yState}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      menuDisplayMode=\"never\"\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={toolbarConfig?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      removeDragHandle\n    >\n      {showDefaultToolbarDownloadButton && <HoneycombDownloadDataButton />}\n    </ChartToolbarRenderer>\n  );\n};\n\nHoneycombToolbar['displayName'] = 'HoneycombToolbar';\n"],
-  "mappings": "AAoE2C;AApE3C,SAAS,mBAAmB;AAE5B,SAAS,mCAAmC;AAC5C,SAAS,4BAA4B;AAErC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,6CAA6C;AACtD,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAE7B,MAAM,mBAAmB,MAAM;AACpC,QAAM,gBAAgB,sCAAsC;AAC5D,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,UAAU,iBAAiB;AACjC,MAAI,YAAY,aAAa,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,oBACJ,eAAe,aAAa,WAC5B,eAAe,cAAc,WAC7B;AACF,QAAM,0BAA0B;AAEhC,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAGA,QAAM,4BAA4B,MAAM,oBAAoB,OAAO;AAEnE,QAAM,mCACJ,qBAAqB,CAAC,eAAe;AACvC,QAAM,wBACJ,qBAAqB,CAAC,CAAC,eAAe,SAAS;AAEjD,QAAM,mBACJ,mCAAmC,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;AAEvE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,cAAc;AAAA,MACzB,WAAW;AAAA,MACX,WAAW,cAAc,aAAa;AAAA,MACtC;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,SAAS,eAAe;AAAA,MACxB;AAAA,MACA,kBAAgB;AAAA,MAEf,8CAAoC,oBAAC,+BAA4B;AAAA;AAAA,EACpE;AAEJ;AAEA,iBAAiB,aAAa,IAAI;",
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { HoneycombDownloadDataButton } from './buttons/HoneycombDownloadDataButton.js';\nimport { useBehavioralTrackingProps as _useBehavioralTrackingProps } from '../../../../core/hooks/useBehavioralTrackingProps.js';\nimport { ChartToolbarRenderer } from '../../../core/components/toolbar/ChartToolbarRenderer.js';\nimport { A11yToolbarTabIndex } from '../../../core/types/toolbar.js';\nimport { useHoneycombData } from '../../hooks/use-honeycomb-data.js';\nimport { useHoneycombToolbarConfig } from '../../hooks/use-honeycomb-toolbar-config.js';\nimport { useHoneycombOverlayMouseInBoundsState } from '../../store/selectors.js';\nimport { useSetStateTooltip } from '../../store/store.js';\nimport { buildAndDownloadCsv } from '../../utils/build-and-download-csv.js';\n\nexport const HoneycombToolbar = () => {\n  const mouseInBounds = useHoneycombOverlayMouseInBoundsState();\n  const setTooltipState = useSetStateTooltip();\n  const toolbarConfig = useHoneycombToolbarConfig();\n  const rawData = useHoneycombData();\n  if (isUndefined(toolbarConfig)) {\n    return null;\n  }\n\n  const isDownloadEnabled =\n    toolbarConfig?.downloadCSV?.enabled ??\n    toolbarConfig?.downloadData?.enabled ??\n    false;\n  const defaultToolbarPlacement = 'top-right';\n\n  const handleMouseEnter = () => {\n    setTooltipState({\n      enabled: false,\n      pinned: false,\n      tileData: undefined,\n      colorMetadata: undefined,\n      position: undefined,\n    });\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipState({\n      enabled: true,\n    });\n  };\n\n  /** Handles the download button when clicked. */\n  const handleDownloadDataToolbar = () => buildAndDownloadCsv(rawData);\n\n  const showDefaultToolbarDownloadButton =\n    isDownloadEnabled && !toolbarConfig?.intents;\n  const showMenuToolbarButton =\n    isDownloadEnabled && !!toolbarConfig?.intents?.length;\n\n  const initialA11yState: A11yToolbarTabIndex[] =\n    showDefaultToolbarDownloadButton ? [{ download: 0 }] : [{ intent: 0 }];\n\n  const behaviorTrackingProps = _useBehavioralTrackingProps(\n    toolbarConfig ?? {},\n  )[0];\n\n  return (\n    <ChartToolbarRenderer\n      visible={mouseInBounds}\n      collapsed={toolbarConfig.collapsed}\n      draggable={true}\n      placement={toolbarConfig.placement || defaultToolbarPlacement}\n      initialA11yState={initialA11yState}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      menuDisplayMode=\"never\"\n      isDownloadEnabled={showMenuToolbarButton}\n      intents={toolbarConfig?.intents}\n      handleDownloadDataToolbar={handleDownloadDataToolbar}\n      removeDragHandle\n      {...behaviorTrackingProps}\n    >\n      {showDefaultToolbarDownloadButton && <HoneycombDownloadDataButton />}\n    </ChartToolbarRenderer>\n  );\n};\n\nHoneycombToolbar['displayName'] = 'HoneycombToolbar';\n"],
+  "mappings": "AA0E2C;AA1E3C,SAAS,mBAAmB;AAE5B,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B,mCAAmC;AAC1E,SAAS,4BAA4B;AAErC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,6CAA6C;AACtD,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AAE7B,MAAM,mBAAmB,MAAM;AACpC,QAAM,gBAAgB,sCAAsC;AAC5D,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,gBAAgB,0BAA0B;AAChD,QAAM,UAAU,iBAAiB;AACjC,MAAI,YAAY,aAAa,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,oBACJ,eAAe,aAAa,WAC5B,eAAe,cAAc,WAC7B;AACF,QAAM,0BAA0B;AAEhC,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,MAAM;AAC7B,oBAAgB;AAAA,MACd,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAGA,QAAM,4BAA4B,MAAM,oBAAoB,OAAO;AAEnE,QAAM,mCACJ,qBAAqB,CAAC,eAAe;AACvC,QAAM,wBACJ,qBAAqB,CAAC,CAAC,eAAe,SAAS;AAEjD,QAAM,mBACJ,mCAAmC,CAAC,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;AAEvE,QAAM,wBAAwB;AAAA,IAC5B,iBAAiB,CAAC;AAAA,EACpB,EAAE,CAAC;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,cAAc;AAAA,MACzB,WAAW;AAAA,MACX,WAAW,cAAc,aAAa;AAAA,MACtC;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,iBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,SAAS,eAAe;AAAA,MACxB;AAAA,MACA,kBAAgB;AAAA,MACf,GAAG;AAAA,MAEH,8CAAoC,oBAAC,+BAA4B;AAAA;AAAA,EACpE;AAEJ;AAEA,iBAAiB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/honeycomb/components/tooltip/HiveTooltipItem.css

@@ -1,12 +1,12 @@
-._16rvl590-3-1-3 {
+._16rvl590-3-2-1 {
   min-width: 225px;
   max-width: 300px;
 }
-._16rvl591-3-1-3 {
+._16rvl591-3-2-1 {
   min-width: 24px;
   max-width: 120px;
   text-align: center;
 }
-._16rvl591-3-1-3:not(:last-of-type) {
+._16rvl591-3-2-1:not(:last-of-type) {
   margin-right: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/honeycomb/components/tooltip/HiveTooltipItem.sty.js

@@ -1,6 +1,6 @@
 import "./HiveTooltipItem.css";
-var bodyContainer = "_16rvl590-3-1-3";
-var valueContent = "_16rvl591-3-1-3";
+var bodyContainer = "_16rvl590-3-2-1";
+var valueContent = "_16rvl591-3-2-1";
 export {
   bodyContainer,
   valueContent

package/esm/charts/honeycomb/components/tooltip/HiveTooltipItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/honeycomb/components/tooltip/HiveTooltipItem.css.ts"],
-  "sourcesContent": ["import './HiveTooltipItem.css';\nexport var bodyContainer = '_16rvl590-3-1-3';\nexport var valueContent = '_16rvl591-3-1-3';"],
+  "sourcesContent": ["import './HiveTooltipItem.css';\nexport var bodyContainer = '_16rvl590-3-2-1';\nexport var valueContent = '_16rvl591-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/honeycomb/utils/iterate-honeycomb-slots.js

@@ -5,6 +5,7 @@ import { ColorRule, isValidColorRule } from "../../core/slots/ColorRule.js";
 import { ChartToolbar } from "../../core/slots/toolbar/ChartToolbar.js";
 import { sanitizeProps } from "../../core/slots/toolbar/CompactToolbar.js";
 import { DownloadData } from "../../core/slots/toolbar/DownloadData.js";
+import { extractBehaviorTrackingProps } from "../../core/utils/extract-behavior-tracking-props.js";
 import { DEFAULT_LEGEND_POSITION } from "../constants.js";
 import { HoneycombChartDownloadCSVSlot } from "../slots/DownloadCSV.js";
 import { HoneycombLegend } from "../slots/HoneycombLegend.js";
@@ -41,7 +42,8 @@ const iterateHoneycombSlots = (children) => {
     } else if (isSlot(child, Toolbar)) {
       config.toolbar = {
         ...config.toolbar,
-        ...sanitizeProps(child.props, ["draggable", "hidden", "placement"])
+        ...sanitizeProps(child.props, ["draggable", "hidden", "placement"]),
+        ...extractBehaviorTrackingProps(child.props)
       };
     } else if (isSlot(child, HoneycombChartDownloadCSVSlot)) {
       config = {

package/esm/charts/honeycomb/utils/iterate-honeycomb-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/honeycomb/utils/iterate-honeycomb-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactElement, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { DEFAULT_LEGEND_POSITION } from '../constants.js';\nimport { HoneycombChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { HoneycombLegend } from '../slots/HoneycombLegend.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport type { HoneycombSlotsConfig } from '../types/honeycomb-internal.js';\n\nconst buildChartToolbarConfigSlot = (\n  child: ReactElement,\n  config: HoneycombSlotsConfig,\n) => {\n  const { children, ...toolbar } = child.props;\n  const childrenToolbar = iterateChartToolbarSlots(children);\n\n  return {\n    ...config,\n    toolbar: {\n      ...toolbar,\n      ...childrenToolbar,\n    },\n  };\n};\n\nexport const iterateHoneycombSlots = (children: ReactNode) => {\n  let config: HoneycombSlotsConfig = {\n    legend: undefined,\n    toolbar: undefined,\n    colorRules: [],\n  };\n  let intents: IntentProps[] | undefined;\n  Children.forEach(children, (child) => {\n    if (isSlot(child, HoneycombLegend)) {\n      config = {\n        ...config,\n        legend: {\n          position: DEFAULT_LEGEND_POSITION,\n          ...child.props,\n        },\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      config = buildChartToolbarConfigSlot(child, config);\n    } else if (isSlot(child, Toolbar)) {\n      config.toolbar = {\n        ...config.toolbar,\n        ...sanitizeProps(child.props, ['draggable', 'hidden', 'placement']),\n      };\n    } else if (isSlot(child, HoneycombChartDownloadCSVSlot)) {\n      config = {\n        ...config,\n        toolbar: { ...config.toolbar, downloadCSV: { enabled: true } },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && config.colorRules.push(child.props);\n    }\n  });\n\n  if (intents) {\n    config = {\n      ...config,\n      toolbar: {\n        ...config.toolbar,\n        intents,\n        hidden: config.toolbar?.hidden ?? false,\n      },\n    };\n  }\n\n  return config;\n};\n\n/**\n * Generates chart toolbar config based on slots\n * @param children - ChartToolbar children\n * @returns ChartToolbar slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode) => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isSlot(childToolbar, DownloadData)) {\n      toolbar = {\n        ...toolbar,\n        downloadCSV: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n"],
-  "mappings": "AAAA,SAAS,gBAAmD;AAE5D,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAGxB,MAAM,8BAA8B,CAClC,OACA,WACG;AACH,QAAM,EAAE,UAAU,GAAG,QAAQ,IAAI,MAAM;AACvC,QAAM,kBAAkB,yBAAyB,QAAQ;AAEzD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,MAAM,wBAAwB,CAAC,aAAwB;AAC5D,MAAI,SAA+B;AAAA,IACjC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY,CAAC;AAAA,EACf;AACA,MAAI;AACJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,eAAe,GAAG;AAClC,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,GAAG,MAAM;AAAA,QACX;AAAA,MACF;AAAA,IAEF,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,eAAS,4BAA4B,OAAO,MAAM;AAAA,IACpD,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,aAAO,UAAU;AAAA,QACf,GAAG,OAAO;AAAA,QACV,GAAG,cAAc,MAAM,OAAO,CAAC,aAAa,UAAU,WAAW,CAAC;AAAA,MACpE;AAAA,IACF,WAAW,OAAO,OAAO,6BAA6B,GAAG;AACvD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,SAAS,EAAE,GAAG,OAAO,SAAS,aAAa,EAAE,SAAS,KAAK,EAAE;AAAA,MAC/D;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAAA,IAC9D,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,uBAAiB,MAAM,KAAK,KAAK,OAAO,WAAW,KAAK,MAAM,KAAK;AAAA,IACrE;AAAA,EACF,CAAC;AAED,MAAI,SAAS;AACX,aAAS;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,OAAO;AAAA,QACV;AAAA,QACA,QAAQ,OAAO,SAAS,UAAU;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAOA,MAAM,2BAA2B,CAAC,aAAwB;AACxD,MAAI,UAAU,CAAC;AAEf,WAAS,QAAQ,UAAU,CAAC,iBAAiB;AAE3C,QAAI,OAAO,cAAc,YAAY,GAAG;AACtC,gBAAU;AAAA,QACR,GAAG;AAAA,QACH,aAAa,EAAE,SAAS,KAAK;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
+  "sourcesContent": ["import { Children, type ReactElement, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { DEFAULT_LEGEND_POSITION } from '../constants.js';\nimport { HoneycombChartDownloadCSVSlot } from '../slots/DownloadCSV.js';\nimport { HoneycombLegend } from '../slots/HoneycombLegend.js';\nimport { Toolbar } from '../slots/Toolbar.js';\nimport type { HoneycombSlotsConfig } from '../types/honeycomb-internal.js';\n\nconst buildChartToolbarConfigSlot = (\n  child: ReactElement,\n  config: HoneycombSlotsConfig,\n) => {\n  const { children, ...toolbar } = child.props;\n  const childrenToolbar = iterateChartToolbarSlots(children);\n\n  return {\n    ...config,\n    toolbar: {\n      ...toolbar,\n      ...childrenToolbar,\n    },\n  };\n};\n\nexport const iterateHoneycombSlots = (children: ReactNode) => {\n  let config: HoneycombSlotsConfig = {\n    legend: undefined,\n    toolbar: undefined,\n    colorRules: [],\n  };\n  let intents: IntentProps[] | undefined;\n  Children.forEach(children, (child) => {\n    if (isSlot(child, HoneycombLegend)) {\n      config = {\n        ...config,\n        legend: {\n          position: DEFAULT_LEGEND_POSITION,\n          ...child.props,\n        },\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      config = buildChartToolbarConfigSlot(child, config);\n    } else if (isSlot(child, Toolbar)) {\n      config.toolbar = {\n        ...config.toolbar,\n        ...sanitizeProps(child.props, ['draggable', 'hidden', 'placement']),\n        ...extractBehaviorTrackingProps(child.props),\n      };\n    } else if (isSlot(child, HoneycombChartDownloadCSVSlot)) {\n      config = {\n        ...config,\n        toolbar: { ...config.toolbar, downloadCSV: { enabled: true } },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && config.colorRules.push(child.props);\n    }\n  });\n\n  if (intents) {\n    config = {\n      ...config,\n      toolbar: {\n        ...config.toolbar,\n        intents,\n        hidden: config.toolbar?.hidden ?? false,\n      },\n    };\n  }\n\n  return config;\n};\n\n/**\n * Generates chart toolbar config based on slots\n * @param children - ChartToolbar children\n * @returns ChartToolbar slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode) => {\n  let toolbar = {};\n\n  Children.forEach(children, (childToolbar) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isSlot(childToolbar, DownloadData)) {\n      toolbar = {\n        ...toolbar,\n        downloadCSV: { enabled: true },\n      };\n    }\n  });\n\n  return toolbar;\n};\n"],
+  "mappings": "AAAA,SAAS,gBAAmD;AAE5D,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,oCAAoC;AAC7C,SAAS,+BAA+B;AACxC,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAGxB,MAAM,8BAA8B,CAClC,OACA,WACG;AACH,QAAM,EAAE,UAAU,GAAG,QAAQ,IAAI,MAAM;AACvC,QAAM,kBAAkB,yBAAyB,QAAQ;AAEzD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,SAAS;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,MAAM,wBAAwB,CAAC,aAAwB;AAC5D,MAAI,SAA+B;AAAA,IACjC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY,CAAC;AAAA,EACf;AACA,MAAI;AACJ,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,OAAO,OAAO,eAAe,GAAG;AAClC,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,GAAG,MAAM;AAAA,QACX;AAAA,MACF;AAAA,IAEF,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,eAAS,4BAA4B,OAAO,MAAM;AAAA,IACpD,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,aAAO,UAAU;AAAA,QACf,GAAG,OAAO;AAAA,QACV,GAAG,cAAc,MAAM,OAAO,CAAC,aAAa,UAAU,WAAW,CAAC;AAAA,QAClE,GAAG,6BAA6B,MAAM,KAAK;AAAA,MAC7C;AAAA,IACF,WAAW,OAAO,OAAO,6BAA6B,GAAG;AACvD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,SAAS,EAAE,GAAG,OAAO,SAAS,aAAa,EAAE,SAAS,KAAK,EAAE;AAAA,MAC/D;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAAA,IAC9D,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,uBAAiB,MAAM,KAAK,KAAK,OAAO,WAAW,KAAK,MAAM,KAAK;AAAA,IACrE;AAAA,EACF,CAAC;AAED,MAAI,SAAS;AACX,aAAS;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,OAAO;AAAA,QACV;AAAA,QACA,QAAQ,OAAO,SAAS,UAAU;AAAA,MACpC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAOA,MAAM,2BAA2B,CAAC,aAAwB;AACxD,MAAI,UAAU,CAAC;AAEf,WAAS,QAAQ,UAAU,CAAC,iBAAiB;AAE3C,QAAI,OAAO,cAAc,YAAY,GAAG;AACtC,gBAAU;AAAA,QACR,GAAG;AAAA,QACH,aAAa,EAAE,SAAS,KAAK;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/esm/charts/index.js

@@ -37,6 +37,7 @@ import { DurationChip } from "./core/components/tooltip/ChartTooltip/components/
 import { SharedChartInteractions } from "./core/components/shared-chart-interactions/SharedChartInteractions.js";
 import {
   OverlayTooltipHeaderStory,
+  OverlayTooltipTruncationStory,
   OverlayTooltipWIPStory,
   OverlayTooltipCustomStory
 } from "./core/components/overlay-tooltip/_to-be-removed/_OverlayTooltipWIPStory.js";
@@ -197,6 +198,7 @@ export {
   MeterBarChartThresholdLegend as _MeterBarChartThresholdLegend,
   OverlayTooltipCustomStory as _OverlayTooltipCustomStory,
   OverlayTooltipHeaderStory as _OverlayTooltipHeaderStory,
+  OverlayTooltipTruncationStory as _OverlayTooltipTruncationStory,
   OverlayTooltipWIPStory as _OverlayTooltipWIPStory,
   RangeLegend as _RangeLegend,
   SeriesItem as _SeriesItem,

package/esm/charts/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/charts/index.ts"],
-  "sourcesContent": ["export type {\n  Variant as _Variant,\n  VariantShape as _VariantShape,\n  PointShapeType,\n} from './core/components/shape/type.js';\n\nexport type {\n  InteractionMode as _InteractionMode,\n  InteractionsOverlayProps as _InteractionsOverlayProps,\n  InteractionTriggers as _InteractionTriggers,\n  KeyboardOnlyInteractionTriggers as _KeyboardOnlyInteractionTriggers,\n  ZoomBehavior as _ZoomBehavior,\n} from './core/components/interactions-overlay/types.js';\nexport { InteractionsOverlay as _InteractionsOverlay } from './core/components/interactions-overlay/InteractionsOverlay.js';\nexport type { RelativeAbsolutePosition as _RelativeAbsolutePosition } from './core/types/pointer-events.js';\nexport type { AriaLabel as _AriaLabel } from './core/types/aria-label.js';\n\nexport type {\n  AnyNumberScale as _AnyNumberScale,\n  DateScales as _DateScales,\n  NumericScales as _NumericScales,\n} from './core/types/scales.js';\n\nexport { AnnotationsChartConfig } from './annotations-chart/contexts/AnnotationsChartConfig.context.js';\nexport { AnnotationsChart } from './annotations-chart/AnnotationsChart.js';\nexport type { AnnotationsChartConfigProperties } from './annotations-chart/types/annotations-chart-config-props.js';\nexport type { AnnotationsChartRef } from './annotations-chart/types/annotations-chart-ref.js';\nexport type { AnnotationsChartProps } from './annotations-chart/types/annotations-chart-props.js';\nexport type {\n  BaseXAxisProps,\n  TimeXAxisProps,\n  TimestampXAxisProps,\n  NumericalXAxisProps,\n  XAxisProps,\n  XAxisConfig as _XAxisConfig,\n  XAxisConfigProps,\n} from './annotations-chart/components/axis/types/annotations-x-axis-props.js';\nexport type {\n  AnnotationsActionsPayload,\n  AnnotationsActionsHandler,\n  BaseAnnotationsChartProps,\n} from './core/components/annotations/types/annotations.js';\nexport type {\n  AnnotationsMarkerProps,\n  NumericalMarkerProps,\n  TimeMarkerProps,\n  BaseMarkerProps,\n} from './core/components/annotations/types/annotations-marker-props.js';\nexport type {\n  AnnotationsTooltipHandler,\n  AnnotationsTooltipItem,\n  AnnotationsTooltipProps,\n  AnnotationsTooltipConfig,\n} from './core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\n\nexport type { AnnotationsTrackProps } from './core/components/annotations/types/annotations-track-props.js';\nexport { CategoricalBarChart } from './categorical-bar/CategoricalBarChartRoot.js';\nexport { CategoricalBarChartConfig } from './categorical-bar/hooks/useCategoricalBarChartConfig.js';\nexport type { CategoricalBarChartThresholdIndicatorProps } from './categorical-bar/slots/ThresholdIndicator.js';\nexport type {\n  CategoricalBarChartCategoryAxisConfiguration,\n  CategoricalBarChartCategoryAxisProps,\n  CategoricalBarChartConfiguration,\n  CategoricalBarChartData,\n  CategoricalBarChartLegendConfiguration,\n  CategoricalBarChartLegendProps,\n  CategoricalBarChartProps,\n  CategoricalBarChartRef,\n  CategoricalBarChartThresholdConfiguration,\n  CategoricalBarChartToolbarConfiguration,\n  CategoricalBarChartTooltipConfiguration,\n  CategoricalBarChartTooltipProps,\n  CategoricalBarChartValueAxisConfiguration,\n  CategoricalBarChartValueAxisProps,\n  CategoricalChartTooltipVariant,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  CategoricalUnit,\n  GroupMode,\n  InternalCategoricalBarChartThresholdConfiguration,\n  Layout,\n  RequiredCategoricalBarChartConfiguration,\n  categoricalChartTooltipVariantOptions,\n  groupModeOptions,\n  layoutOptions,\n} from './categorical-bar/types/categorical-bar-chart.js';\nexport { AnnotationsAtom as _AnnotationsAtom } from './core/components/annotations/AnnotationsAtom.js';\nexport { MarkerAtom as _MarkerAtom } from './core/components/annotations/slots/MarkerAtom.js';\nexport { TrackAtom as _TrackAtom } from './core/components/annotations/slots/TrackAtom.js';\n\nexport type { AnnotationsAtomProps as _AnnotationsAtomProps } from './core/components/annotations/AnnotationsAtom.js';\nexport type { TrackAtomProps as _TrackAtomProps } from './core/components/annotations/types/track.js';\nexport type {\n  MarkerAtomProps as _MarkerAtomProps,\n  MarkerInteractionState as _MarkerInteractionState,\n  TextOverflowOptions,\n} from './core/components/annotations/types/marker.js';\n\nexport type {\n  TickCategory as _TickCategory,\n  TickLabelLayout,\n} from './core/components/axes/types.js';\nexport {\n  HORIZONTAL_LABEL_LAYOUT_TYPE,\n  VERTICAL_LABEL_LAYOUT_TYPE,\n} from './core/components/axes/types.js';\nexport { ChartGrid as _ChartGrid } from './core/components/chart-grid/ChartGridRoot.js';\nexport type { ChartGridAreaProps as _ChartGridAreaProps } from './core/components/chart-grid/ChartGridArea.js';\nexport type { ChartGridProps as _ChartGridProps } from './core/components/chart-grid/ChartGridRoot.js';\nexport { ChartLayout as _ChartLayout } from './core/components/chart-layout/ChartLayout.js';\nexport type { ChartLayoutRef as _ChartLayoutRef } from './core/components/chart-layout/types/chart-layout.js';\n\nexport type {\n  ProviderSlotProp as _ProviderSlotProp,\n  LegendProps as _ChartLayoutLegendProps,\n  ChartLayoutProps as _ChartLayoutProps,\n  ChartLayoutLegendSizes as _ChartLayoutLegendSizes,\n  OverrideRatioFunction as _OverrideRatioFunction,\n  ChartLayoutDimensions as _ChartLayoutDimensions,\n} from './core/components/chart-layout/types/chart-layout.js';\nexport { getLegendOrientation as _getLegendOrientation } from './core/components/chart-layout/utils/orientation.js';\nexport { EmptyState as _EmptyState } from './core/components/chart-states/EmptyState.js';\nexport type { EmptyStateProps as _EmptyStateProps } from './core/components/chart-states/EmptyState.js';\nexport { ErrorState as _ErrorState } from './core/components/chart-states/ErrorState.js';\nexport type { ErrorStateProps as _ErrorStateProps } from './core/components/chart-states/ErrorState.js';\nexport { ChartLegend as _ChartLegend } from './core/components/legend/categorical/ChartLegend.js';\nexport type { ChartLegendProps as _ChartLegendProps } from './core/components/legend/categorical/ChartLegend.js';\nexport type { LegendItem as _LegendItem } from './core/components/legend/categorical/types/legend.js';\nexport { RangeLegend as _RangeLegend } from './core/components/legend/range/RangeLegend.js';\nexport type {\n  RangeItem as _RangeItem,\n  RangeLegendProps as _RangeLegendProps,\n} from './core/components/legend/range/types/range-legend.js';\nexport { LegendSizeContext as _LegendSizeContext } from './core/components/legend/shared/context/LegendSizeContext.js';\nexport { ChartSeriesAction } from './core/components/series-action/ChartSeriesAction.js';\nexport { useChartActionsMenu as _useChartActionsMenu } from './core/components/series-action/hooks/useChartActionsMenu.js';\nexport type { ChartSeriesActionProps } from './core/components/series-action/ChartSeriesAction.js';\nexport type { SeriesActionsTemplate } from './core/types/series-actions-template.js';\nexport type { SeriesActions } from './core/types/series-actions-template.js';\nexport { ThresholdBar as _ThresholdBar } from './core/components/threshold-bar/ThresholdBar.js';\nexport type {\n  ThresholdBarProps as _ThresholdBarProps,\n  ThresholdMarker as _ThresholdMarker,\n  BothBorders as _BothBorders,\n  LeftBorder as _LeftBorder,\n  RightBorder as _RightBorder,\n} from './core/components/threshold-bar/types.js';\nexport { ThresholdIndicator as _ThresholdIndicator } from './core/components/threshold-bar/indicators/ThresholdIndicator.js';\nexport type {\n  ThresholdIndicatorData as _ThresholdIndicatorData,\n  ThresholdIndicatorProps as _ThresholdIndicatorProps,\n} from './core/components/threshold-bar/indicators/ThresholdIndicator.js';\nexport { ChartToolbarRenderer as _ChartToolbarRenderer } from './core/components/toolbar/ChartToolbarRenderer.js';\nexport type {\n  ChartToolbarRendererProps as _ChartToolbarRendererProps,\n  IntentsAsyncTemplate as _IntentsAsyncTemplate,\n  MenuDisplayMode as _MenuDisplayMode,\n  menuDisplayModes as _menuDisplayModes,\n  ToolbarHanderRef as _ToolbarHanderRef,\n} from './core/components/toolbar/types.js';\nexport type { InternalChartToolbarConfigured as _InternalChartToolbarConfigured } from './core/types/toolbar.js';\nexport type { ChartToolbarControlProps as _ChartToolbarControlProps } from './core/components/toolbar/components/Control.js';\n// TOOLTIP REGION\nexport type { Point as _Point } from './core/types/point.js';\nexport { ChartTooltip as _ChartTooltip } from './core/components/tooltip/ChartTooltip/ChartTooltip.js';\nexport type { ChartTooltipProps as _ChartTooltipProps } from './core/components/tooltip/ChartTooltip/ChartTooltip.js';\nexport { ChartTooltipSlots as _ChartTooltipSlots } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { ChartTooltipAtoms as _ChartTooltipAtoms } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { ChartTooltipTemplate as _ChartTooltipTemplate } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport type { TooltipItem } from './core/types/tooltip.js';\n\nexport type { PrimaryAtomProps as _PrimaryAtomProps } from './core/components/tooltip-atoms/components/PrimaryAtom.js';\nexport type { SecondaryAtomProps as _SecondaryAtomProps } from './core/components/tooltip-atoms/components/SecondaryAtom.js';\nexport type { DurationChipAtomProps as _DurationChipAtomProps } from './core/components/tooltip-atoms/components/DurationChipAtom/DurationChipAtom.js';\nexport type { BubbleShapeProps as _BubbleShapeProps } from './core/components/shape/BubbleShape/BubbleShape.js';\nexport type { EmojiShapeProps as _EmojiShapeProps } from './core/components/shape/EmojiShape/EmojiShape.js';\nexport type { IconShapeProps as _IconShapeProps } from './core/components/shape/IconShape/IconShape.js';\nexport type { MultiDataPointShapeProps as _MultiDataPointShapeProps } from './core/components/shape/MultiDataPointShape.js';\nexport type { SingleDataPointShapeProps as _SingleDataPointShapeProps } from './core/components/shape/SingleDataPointShape.js';\nexport type { ActionSelectionDetails as _ActionSelectionDetails } from './core/components/tooltip/context/ActionSelectionContext.js';\nexport { GeoItem as _GeoItem } from './core/components/tooltip/ChartTooltip/components/GeoItem.js';\nexport type { GeoItemProps as _GeoItemProps } from './core/components/tooltip/ChartTooltip/components/GeoItem.js';\nexport { SeriesItem as _SeriesItem } from './core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.js';\nexport type { SeriesItemProps as _SeriesItemProps } from './core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.js';\nexport { TimeFrameHeader as _TimeFrameHeader } from './core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.js';\nexport type { TimeFrameHeaderProps as _TimeFrameHeaderProps } from './core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.js';\nexport type { TimestampHeaderProps as _TimestampHeaderProps } from './core/components/tooltip/ChartTooltip/components/TimestampHeader/TimestampHeader.js';\nexport type { RangeHeaderProps as _RangeHeaderProps } from './core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nexport { EventItem as _EventItem } from './core/components/tooltip/ChartTooltip/components/EventItem/EventItem.js';\nexport type { EvenItemProps as _EventItemProps } from './core/components/tooltip/ChartTooltip/components/EventItem/EventItem.js';\nexport type { ActionItemProps as _ActionItemProps } from './core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.js';\nexport { KeyValue as _KeyValue } from './core/components/tooltip/ChartTooltip/components/KeyValue.js';\nexport type { KeyValueProps as _KeyValueProps } from './core/components/tooltip/ChartTooltip/components/KeyValue.js';\nexport { TextHeader as _TextHeader } from './core/components/tooltip/ChartTooltip/components/TextHeader.js';\nexport type { TextHeaderProps as _TextHeaderProps } from './core/components/tooltip/ChartTooltip/components/TextHeader.js';\nexport { DurationChip as _DurationChip } from './core/components/tooltip/ChartTooltip/components/DurationChip.js';\nexport type { DurationChipProps as _DurationChipProps } from './core/components/tooltip/ChartTooltip/components/DurationChip.js';\nexport { SharedChartInteractions } from './core/components/shared-chart-interactions/SharedChartInteractions.js';\n\nexport {\n  OverlayTooltipHeaderStory as _OverlayTooltipHeaderStory,\n  OverlayTooltipWIPStory as _OverlayTooltipWIPStory,\n  OverlayTooltipCustomStory as _OverlayTooltipCustomStory,\n} from './core/components/overlay-tooltip/_to-be-removed/_OverlayTooltipWIPStory.js';\n\nexport {\n  SIXTY_FPS as _FPS,\n  DEFAULT_TRUNCATION_MODE,\n  CSS_DOWNLOAD_FILENAME,\n} from './core/constants.js';\nexport { getTabIndexValue as _getTabIndexValue } from './core/utils/a11yToolbarControls.js';\nexport { getTabIndexKey as _getTabIndexKey } from './core/utils/a11yToolbarControls.js';\nexport { buildQuantizedRangeItems as _buildQuantizedRangeItems } from './core/utils/build-quantized-range-items.js';\nexport { buildCategoricalItemsFromScale as _buildCategoricalItemsFromScale } from './core/utils/build-categorical-items-from-scale.js';\nexport { buildLegendItemsFromRange as _buildLegendItemsFromRange } from './core/utils/build-legend-items-from-range.js';\nexport { buildQuantizeScaleFromColorPalette as _buildQuantizeScaleFromColorPalette } from './core/utils/build-quantize-scale-from-color-palette.js';\nexport { buildThresholdScaleFromRanges as _buildThresholdScaleFromRanges } from './core/utils/build-threshold-scale-from-ranges.js';\nexport { coerceSizeValue as _coerceSizeValue } from './core/utils/coerceSizeValue.js';\nexport { isCustomColorPalette as _isCustomColorPalette } from './core/types/color-palette.js';\nexport { useA11yToolbarControls as _useA11yToolbarControls } from './core/hooks/useA11yToolbarControls.js';\nexport { useA11yToolbarTabIndex as _useA11yToolbarTabIndex } from './core/hooks/useA11yToolbarTabIndex.js';\nexport type {\n  ToolbarInteractionModes as _ToolbarInteractionModes,\n  MenuTrigger as _MenuTrigger,\n  Collapse as _Collapse,\n} from './core/types/toolbar-interaction-modes.js';\nexport { useThrottledResizeObserver as _useThrottledResizeObserver } from './core/hooks/useThrottledResizeObserver.js';\nexport type {\n  _ResizePayload,\n  SizeState as _SizeState,\n} from './core/hooks/useThrottledResizeObserver.js';\nexport { useObserveContainerSize as _useObserveContainerSize } from './core/hooks/useObserveContainerSize.js';\n\nexport { getCanvasColor as _getCanvasColor } from './core/components/canvas/utils/canvas-color.js';\nexport {\n  type PointsDisplay,\n  pointsDisplayOptions,\n} from './core/components/canvas/types/canvas-shape.js';\n\nexport { useGraphSize as _useGraphSize } from './core/components/chart-layout/hooks/useGraphSize.js';\nexport { useChartLayoutOrientation as _useChartLayoutOrientation } from './core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nexport { useAutoLegendRefresh as _useAutoLegendRefresh } from './core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nexport { useGridPlotSize as _useGridPlotSize } from './core/components/chart-grid/hooks/useGridPlotSize.js';\nexport type { GridPlotContextProps as _GridPlotContextProps } from './core/components/chart-grid/context/GridPlotContext.js';\nexport { useChartLayoutSize as _useChartLayoutSize } from './core/components/chart-layout/hooks/useChartLayoutSize.js';\nexport { useLegendSize as _useLegendSize } from './core/components/legend/shared/context/LegendSizeContext.js';\nexport { getTickFormatterMethod as _getTickFormatterMethod } from './core/utils/get-tick-formatter-method.js';\nexport type { FormatterWithPrecision as _FormatterWithPrecision } from './core/types/formatter.js';\n\nexport {\n  sequentialColoringOptions as _sequentialColoringOptions,\n  divergingColoringOptions as _divergingColoringOptions,\n  themedColoringOptions as _themedColoringOptions,\n  automaticColoringOptions as _automaticColoringOptions,\n  colorPaletteOptions,\n  colorPaletteModeOptions,\n} from './core/types/color-palette.js';\n\nexport type { EmptyStateSlotProps as EmptyStateProp } from './core/slots/chart-states/EmptyStateSlot.js';\nexport type { ErrorStateSlotProps as ErrorStateProps } from './core/slots/chart-states/ErrorStateSlot.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { ChartToolbar } from './core/slots/toolbar/ChartToolbar.js';\nexport type { CompactToolbarProps } from './core/slots/toolbar/CompactToolbar.tsx';\nexport type { ChartMessage } from './core/types/chart-message.js';\nexport type { ChartUnit } from './core/types/chart-unit.js';\nexport type {\n  ColorPalette,\n  CustomColorPalette,\n  ColorPaletteMode,\n  ColorToken,\n  AutomaticColorPalette as _AutomaticColorPalette,\n  ThemedColorPalette as _ThemedColorPalette,\n  ColorPaletteDefinition as _ColorPaletteDefinition,\n} from './core/types/color-palette.js';\nexport type { DateString } from './core/types/dates.js';\nexport type { Dimensions as _Dimensions } from './core/types/dimensions.js';\nexport type { Formatter, TimeFormatter } from './core/types/formatter.js';\nexport type {\n  LegendPosition,\n  LegendRatio,\n  LegendProps,\n  ChartLegendOrientation as _ChartLegendOrientation,\n  legendPositionOptions,\n} from './core/types/legend.js';\nexport type {\n  MaxScaleBoundary,\n  MinScaleBoundary,\n} from './core/types/min-max-config.js';\nexport type {\n  AxisScaleType,\n  ValueRepresentation,\n  axisScaleTypeOptions,\n  valueRepresentationOptions,\n} from './core/types/scales.js';\nexport type { ColoredRange } from './core/types/colored-range.js';\nexport type {\n  DynamicRangeThreshold,\n  DynamicNumericRangeThreshold,\n  DynamicThreshold,\n  DynamicNumericThreshold,\n  StaticRangeThreshold,\n  StaticThreshold,\n  ThresholdData,\n  ThresholdPosition,\n  DateThresholdData,\n  DateThresholdPosition,\n  NumericalThresholdData,\n  NumericalThresholdPosition,\n  DateThresholdConfig,\n  NumericalThresholdConfig,\n  BaseThresholdConfig,\n} from './core/types/thresholds.js';\nexport type {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from './core/types/tick-value.js';\nexport type {\n  ChartToolbarConfig,\n  ChartToolbarProps,\n  ToolbarPlacement,\n  A11yToolbarTabIndex as _A11yToolbarTabIndex,\n  InternalChartToolbarConfig as _InternalChartToolbarConfig,\n  DraggableToolbarProps,\n  BaseToolbarProps,\n} from './core/types/toolbar.js';\nexport type {\n  SeriesDisplayMode,\n  TooltipVariant,\n  seriesDisplayModeOptions,\n  tooltipVariantOptions,\n} from './core/types/tooltip.js';\nexport type { WithId } from './core/types/with-id.js';\nexport {\n  HistogramChart,\n  HistogramAnnotations,\n} from './histogram/HistogramChart.js';\nexport { HistogramChartConfig } from './histogram/contexts/HistogramChartConfig.context.js';\nexport type {\n  HistogramBin,\n  HistogramSeries,\n  HistogramTooltipVariant,\n  histogramTooltipVariantOptions,\n  HistogramZoomDomain,\n} from './histogram/types/histogram.js';\nexport type {\n  HistogramChartConfigProperties,\n  HistogramChartLegendProps,\n  HistogramChartProps,\n  HistogramChartToolbarProps,\n  HistogramChartTooltipProps,\n  HistogramChartXAxisProps,\n  HistogramChartYAxisProps,\n} from './histogram/types/histogram-props.js';\nexport type {\n  HistogramAnnotationsMarkerProps,\n  HistogramAnnotationsProps,\n  HistogramAnnotationsTrackProps,\n} from './histogram/components/annotations-histogram/types.js';\nexport type { HistogramToolbarSlotProps } from './histogram/types/toolbar.js';\nexport type { HistogramChartRef } from './histogram/types/histogram-ref.js';\nexport type { SelectProps } from './histogram/slots/Select.js';\nexport type { ZoomSlotProps } from './histogram/slots/Zoom.js';\nexport type { PanSlotProps } from './histogram/slots/Pan.js';\nexport type { HistogramThresholdIndicatorProps } from './histogram/slots/ThresholdIndicator.js';\nexport { HoneycombChart } from './honeycomb/HoneycombChart.js';\nexport { HoneycombChartConfig } from './honeycomb/context/honeycomb-chart-config.context.js';\nexport type {\n  HoneycombChartRef,\n  HoneycombChartProps,\n  HoneycombTileData,\n  HoneycombTileShape,\n  HoneycombTileBaseData,\n  HoneycombTileNumericData,\n  HoneycombTileCategoricalData,\n  HoneycombCategoricalProps,\n  HoneycombChartNumericalProps,\n  HoneycombBaseProps,\n} from './honeycomb/types/honeycomb.js';\nexport type {\n  HoneycombChartProperties,\n  HoneycombChartToolbarConfiguration,\n} from './honeycomb/types/honeycomb-config-properties.js';\nexport type { HoneycombLegendProps } from './honeycomb/slots/HoneycombLegend.js';\nexport type { HoneycombToolbarSlotProps } from './honeycomb/types/toolbar.js';\nexport { MultiMeterBarChart } from './meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nexport { MultiMeterBarChartConfig } from './meter-bar/multi-meter-bar/context/MultiMeterBarChartConfigContext.js';\nexport type {\n  MultiMeterBarChartProps,\n  MultiMeterBarChartTooltipProps,\n  MultiMeterBarSegmentProps,\n  MultiMeterBarSegmentBaseProps,\n  MultiMeterBarSegmentPropsWithAccessor,\n  MultiMeterBarSegmentPropsWithNumericValue,\n  MultiMeterBarSegmentData,\n  MultiMeterBarChartData,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart.js';\nexport type {\n  MultiMeterBarChartConsumerConfig,\n  MultiMeterBarChartTooltipConsumerConfig,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart-config.js';\nexport {\n  type MultiMeterBarChartTooltipVariant,\n  multiMeterBarChartTooltipVariantOptions,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart.js';\nexport type {\n  MeterBarSize,\n  MeterBarChartElementRef,\n  MultiMeterBarChartElementRef,\n} from './meter-bar/shared/types/meter-bars.js';\nexport { MeterBarChart } from './meter-bar/single-meter-bar/MeterBarChart.js';\nexport { MeterBarChartThresholdLegend as _MeterBarChartThresholdLegend } from './meter-bar/single-meter-bar/components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nexport type { MeterBarChartThresholdLegendProps as _MeterBarChartThresholdLegendProps } from './meter-bar/single-meter-bar/components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nexport { MeterBarChartConfig } from './meter-bar/single-meter-bar/context/MeterBarChartConfigContext.js';\nexport type {\n  MeterBarChartProps,\n  MeterBarChartPropsWithAccessor,\n  MeterBarChartPropsWithNumericValue,\n  MeterBarChartThresholdIndicatorProps,\n  MeterBarSegmentData,\n  MeterBarChartBaseProps,\n  MeterBarChartData,\n} from './meter-bar/single-meter-bar/types/meter-bar-chart.js';\nexport type {\n  MeterBarChartConsumerConfig,\n  MeterBarChartThresholdConsumerConfig,\n} from './meter-bar/single-meter-bar/types/meter-bar-chart-config.js';\nexport type {\n  MeterBarToolbarSlotProps,\n  MeterBarToolbarConfig,\n} from './meter-bar/shared/types/meter-bar-toolbar.js';\nexport { PieChart } from './pie/PieChart.js';\nexport { DonutChart } from './pie/DonutChart.js';\nexport {\n  DonutChartConfig,\n  PieChartConfig,\n} from './pie/context/ChartConfigContext.js';\nexport type { DonutChartRef, PieChartRef } from './pie/types/pie-chart-ref.js';\nexport type {\n  DonutChartData,\n  DonutChartLegendConfig,\n  DonutChartProps,\n  GroupConfig,\n  InnerHandler,\n  InnerParams,\n  LabelTypeOptions,\n  LabelsConfig,\n  PieChartConfiguration,\n  PieChartContextConfig,\n  PieChartData,\n  PieChartLegendConfig,\n  PieChartProps,\n  SliceData,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SliceUnit,\n  ThresholdConfig,\n  ThresholdType,\n  thresholdTypeOptions,\n} from './pie/types/pie-chart.config.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { PieChartSlotProps } from './pie/types/toolbar.js';\nexport type { PieChartToolbarSlotProps } from './pie/types/toolbar.js';\nexport type { PieChartToolbarConfig } from './pie/types/toolbar.js';\nexport { SingleValue } from './single-value/SingleValue.js';\nexport { SingleValueGrid } from './single-value-grid/SingleValueGrid.js';\nexport type { SingleValueGridProps } from './single-value-grid/types/single-value-grid.js';\nexport type { SingleValueGridSparklineProps } from './single-value-grid/slots/Sparkline.js';\nexport type { SingleValueGridTrendProps } from './single-value-grid/slots/Trend.js';\nexport type { SingleValueGridValueProps } from './single-value-grid/slots/Value.js';\nexport type { SingleValueSparklineProps } from './single-value/slots/Sparkline.js';\nexport type { InverseTrendOptions } from './core/components/single-value-renderer/components/trend/types/inverse-trend-options.js';\nexport type { TrendDirection } from './core/components/single-value-renderer/components/trend/types/trend-direction.js';\nexport type { TrendIndicatorColors } from './core/components/single-value-renderer/components/trend/types/trend-indicator-colors.js';\nexport type { TrendProps } from './core/components/single-value-renderer/components/trend/types/trend-props.js';\n\nexport { SingleValueConfig } from './single-value/hooks/use-single-value-config.js';\nexport type {\n  SingleValueConfigProperties,\n  SingleValueProps,\n  SingleValueSparklineConfig,\n} from './single-value/types/single-value.js';\nexport type { SingleValueRef } from './single-value/types/single-value-ref.js';\nexport { Sparkline } from './sparkline/Sparkline.js';\nexport type { TimeseriesChartAnnotationsProps } from './timeseries/slots/annotations/Annotations.js';\nexport {\n  TimeseriesAnnotations,\n  TimeseriesChart,\n} from './timeseries/TimeseriesChartRoot.js';\nexport { TimeseriesChartConfig } from './timeseries/context/TimeseriesChartConfig.context.js';\nexport type { TimeseriesChartLegendProps } from './timeseries/slots/Legend.js';\nexport type { TimeseriesChartThresholdIndicatorProps } from './timeseries/slots/ThresholdIndicator.js';\nexport type { TimeseriesChartTooltipProps } from './timeseries/slots/Tooltip.js';\nexport type { TimeseriesChartXAxisProps } from './timeseries/slots/XAxis.js';\nexport type {\n  TimeseriesChartYAxisProps,\n  YAxisPosition,\n} from './timeseries/slots/YAxis.js';\nexport type { TimeseriesAnnotationsMarkerProps } from './timeseries/slots/annotations/Marker.js';\nexport type { TimeseriesAnnotationsTrackProps } from './timeseries/slots/annotations/Track.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { ChartInteractions } from './core/slots/chart-interactions/ChartInteractions.js';\nexport type { TimeseriesChartAreaProps } from './timeseries/slots/shapes/Area.js';\nexport type { TimeseriesChartBarProps } from './timeseries/slots/shapes/Bar.js';\nexport type { TimeseriesChartLineProps } from './timeseries/slots/shapes/Line.js';\nexport type { TimeseriesSelectProps } from './timeseries/slots/Select.js';\nexport type { TimeseriesChartToolbarSlotProps } from './timeseries/types/toolbar.js';\nexport type { TimeseriesZoomSlotProps } from './timeseries/slots/Zoom.js';\nexport type { TimeseriesPanSlotProps } from './timeseries/slots/Pan.js';\nexport type {\n  ChartInteractionsConfig,\n  ZoomChangeHandler,\n  ZoomInteractions,\n  ZoomRanges,\n} from './core/types/interactions.js';\nexport type {\n  ProgrammaticZoomHandlers,\n  ChartInteractionModes as _ChartInteractionModes,\n  DownloadData as _DownloadData,\n  Intent as _Intent,\n} from './core/types/zoom.js';\nexport type { ChartZoomConfig, ZoomChangeType } from './core/types/zoom.js';\nexport type {\n  ChartVariant,\n  TimeseriesChartVisualProps,\n  TimeseriesZoomDomain,\n  chartVariantOptions,\n} from './timeseries/types/timeseries.js';\nexport type {\n  TimeseriesBand,\n  TimeseriesBandDataPoint,\n  TimeseriesChartBandProps,\n} from './timeseries/types/timeseries-band.js';\nexport type { TimeseriesChartConfigProperties } from './timeseries/types/timeseries-config.js';\nexport type {\n  TimeseriesDatapoint,\n  SeriesCurve,\n} from './core/types/timeseries.js';\nexport type {\n  NumericalGapPolicy,\n  NumericalThresholdGapPolicy,\n  ThresholdGapPolicy,\n  TimeGapPolicy,\n  TimeThreshold,\n  TimeUnit,\n} from './core/types/gap-policy.js';\nexport type { TimeseriesChartProps } from './timeseries/types/timeseries-props.js';\nexport type { TimeseriesChartRef } from './timeseries/types/timeseries-ref.js';\nexport type { TimeseriesChartToolbarConfig } from './timeseries/types/toolbar.js';\nexport type {\n  ColorRuleProps,\n  ColorSpecification,\n  ComparisonOperators,\n  MatchValue,\n} from './core/types/color-rule.js';\n\n// CONVERT-TO-TIMESERIES REGION\nexport {\n  convertQueryResultToTimeseries,\n  convertToTimeseries,\n} from './timeseries/utils/convert-to-timeseries/convert-to-timeseries.js';\nexport type { TimeseriesWithDimensions } from './timeseries/types/convert-to-timeseries.js';\nexport { convertToTimeseriesBand } from './timeseries/utils/convert-to-timeseries/convert-to-timeseries-band.js';\nexport {\n  getFieldsArrayForRecordIndex,\n  getTypesForRecordIndex,\n  convertToFieldEntries,\n} from './timeseries/utils/convert-to-timeseries/utils/getFieldsArrayForRecordIndex.js';\nexport type { FieldEntry } from './timeseries/utils/convert-to-timeseries/utils/getFieldsArrayForRecordIndex.js';\nexport { checkTimeseriesFormat } from './timeseries/utils/convert-to-timeseries/utils/check-timeseries-format.js';\nexport { getDimensions } from './timeseries/utils/convert-to-timeseries/utils/get-dimensions.js';\nexport type { Dimension } from './timeseries/utils/convert-to-timeseries/utils/get-dimensions.js';\nexport { _getMetadataMetricsUnitForFieldName } from './timeseries/utils/convert-to-timeseries/utils/get-metadata-metrics-unit-for-field-name.js';\n\n// XYChart REGION\nexport type { XYChartAnnotationsTrackProps } from './xy-chart/slots/Annotations/Track.js';\nexport type { XYChartAnnotationsConfigProps } from './xy-chart/context/XYChartAnnotationsConfig.context.js';\nexport type { XYChartAnnotationsProps } from './xy-chart/slots/Annotations/Annotations.js';\nexport type { XYChartAnnotationsMarkerProps } from './xy-chart/slots/Annotations/Marker.js';\nexport type { XYChartSelectProps } from './xy-chart/slots/Select.js';\nexport { XYChart, XYChartAnnotations } from './xy-chart/XYChartRoot.js';\nexport { XYChartConfig } from './xy-chart/context/XYChartConfig.context.js';\nexport type {\n  XYChartData,\n  XYAccessorDataTypes,\n  XYChartAxisType,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n  XYChartRectSeriesActionItem,\n  XYChartColorPalette,\n  RectDatapoint,\n  XYChartRef,\n  TOP_POSITION,\n  BOTTOM_POSITION,\n  LEFT_POSITION,\n  RIGHT_POSITION,\n  BOTH_POSITION,\n  LOG_SCALE_TYPE,\n  NUMERICAL_SCALE_TYPE,\n  TIME_SCALE_TYPE,\n  CATEGORICAL_SCALE_TYPE,\n  BAR_VARIANT_SINGLE,\n  BAR_VARIANT_STACK,\n  BAR_VARIANT_GROUP,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  BarDatapoint,\n  AreaDatapoint,\n  SeriesCurve as XYChartSeriesCurve,\n  BarSeriesVariant,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartAreaSeriesActionItem,\n  XYChartThresholdLineBase,\n  XYChartThresholdRangeBase,\n  XYChartThresholdDynamicData,\n  XYChartThresholdDataLineDynamic,\n  XYChartThresholdDataLineStatic,\n  XYChartThresholdDataRangeStatic,\n  XYChartThresholdValue,\n  XYChartThresholdStaticData,\n  XYChartThresholdDataRangeDynamic,\n  XYChartSelectedSeries,\n  XYChartSelectedDomains,\n  AxisFormatter,\n  NumericalFormatter,\n  XYChartTooltipPayload,\n  DotTooltipPayload,\n  LineTooltipPayload,\n  RectTooltipPayload,\n  BaseTooltipPayload,\n  BarTooltipPayload,\n  XYChartSeriesActionInfo,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  XYChartAreaSeries,\n  AreaTooltipPayload,\n  XYChartTooltipDatapoint,\n} from './xy-chart/types/xy-chart.js';\n\nexport type {\n  XYChartProps,\n  XYChartRectSeriesProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ColorSelectionProp,\n  ShapeColorSelectionProp,\n  XYShapeColorProp,\n  XYShapeColorPaletteProp,\n  XYChartAxisProps,\n  XYChartAxisBaseProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartCategoricalAxisProps,\n  XYChartTimeAxisProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartBarSeriesProps,\n  XYChartAreaSeriesProps,\n  BarSeriesProps,\n  StackBarSeriesProps,\n  SingleBarSeriesProps,\n  BaseBarSeriesProps,\n  StackBarVerticalProps,\n  StackBarHorizontalProps,\n  BarSeriesVariantMap,\n  GroupBarSeriesProps,\n  GroupBarVerticalProps,\n  GroupBarHorizontalProps,\n  XYChartSeriesBaseProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartToolbarConfigProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  XYChartToolbarProps,\n  XYChartToolbarSlotProps,\n  XYChartThresholdIndicatorProps,\n  XYChartThresholdDynamicProps,\n  XYChartThresholdStaticProps,\n  XYChartSelectConfig,\n  XYChartCustomTooltipProps,\n} from './xy-chart/types/xy-chart-props.js';\n\nexport { XYChartTooltipTemplate as _XYChartTooltipTemplate } from './xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.js';\nexport type { XYChartTooltipHeaderProps as _XYChartTooltipHeaderProps } from './xy-chart/components/tooltip/XYChartTooltipHeader/XYChartTooltipHeader.js';\nexport { XYChartTooltipHeader as _XYChartTooltipHeader } from './xy-chart/components/tooltip/XYChartTooltipHeader/XYChartTooltipHeader.js';\nexport type { XYChartTooltipBodyProps as _XYChartTooltipBodyProps } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';\nexport { XYChartTooltipBody as _XYChartTooltipBody } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';\n\n//XYChart Adoption REGION\nexport type { _XYChartAdoptionProps } from './xy-chart-adoption/types/props.js';\nexport type {\n  GanttChartConfig,\n  GanttChartFormatter,\n  GanttChartFormatterCurrencyOptions,\n  GanttSegmentData,\n  GanttAnnotationsHeaderConfig,\n  GanttAnnotationsTrackConfig,\n} from './gantt-chart/types/gantt-chart.js';\n\n// TreeMap Region\nexport { TreeMap } from './tree-map/TreeMap.js';\nexport type {\n  TreeMapProps,\n  TreeMapData,\n  TreeMapLeafNode,\n  TreeMapRootNode,\n  TreeMapClusterNode,\n  LabelsDisplay,\n  NameAccessor,\n  TreeMapElementRef,\n} from './tree-map/types/treemap.js';\nexport type {\n  TreeMapContextConfig,\n  TreemapChartLegendConfig,\n  TreeMapChartToolbarConfig,\n} from './tree-map/types/treemap-chart.config.js';\nexport { TreeMapConfig } from './tree-map/context/TreeMapConfigContext.js';\n\n// CORE REGION\nexport { useMousePosition as _useMousePosition } from './core/hooks/useMousePosition.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { Timeseries, TimeseriesUnit } from './core/types/timeseries.js';\nexport type { IndicatorsDisplay } from './core/components/annotations/components/indicators/types.js';\nexport type { MinMax as _MinMax } from './core/types/min-max.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { truncateText as _truncateText } from './core/utils/text-truncation.js';\n\n// CORE SPARKLINE REGION\nexport type {\n  SparklineProps,\n  SparklinLabelsAlignment,\n  SparklineVariant,\n  SparklineGapPolicy,\n} from './core/components/sparkline-display/types/sparkline-props.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SparklineThresholdProps,\n  SparklineThresholdIndicatorProps,\n} from './core/components/sparkline-display/types/sparkline-thresholds-props.js';\nexport type {\n  SparklineXAxisProps,\n  SparklineXAxisInternalProps as _SparklineXAxisInternalProps,\n} from './core/components/sparkline-display/types/sparkline-x-axis-props.js';\nexport type { SparklineYAxisProps } from './core/components/sparkline-display/types/sparkline-y-axis-props.js';\n\n// CORE SINGLE VALUE REGION\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SingleValueUnit,\n  SingleValueAlignment,\n  SingleValueBaseProps,\n} from './core/components/single-value-renderer/types/single-value-base-props.js';\nexport type {\n  SingleValueToolbarSlotProps,\n  SingleValueToolbarConfig,\n  SingleValueToolbarInternalProps as _SingleValueToolbarInternalProps,\n} from './single-value/types/single-value-toolbar.js';\n// GAUGE CHART REGION\nexport { GaugeChart } from './gauge/GaugeChart.js';\nexport type { GaugeChartThresholdIndicatorProps } from './gauge/slots/ThresholdIndicator.js';\nexport { GaugeChartConfig } from './gauge/contexts/GaugeChartConfigContext.js';\nexport type {\n  GaugeChartBaseProps,\n  GaugeChartProps,\n  GaugeChartPropsWithAccessor,\n  GaugeChartPropsWithNumericValue,\n  GaugeChartRef,\n  GaugeChartData,\n} from './gauge/types/gauge-chart.js';\nexport type { GaugeChartConsumerConfig } from './gauge/types/gauge-chart-config.js';\nexport type { GaugeChartTooltipProps } from './gauge/slots/Tooltip.js';\nexport type {\n  TooltipEmojiProps,\n  TooltipIndicatorProps,\n  TooltipTextProps,\n  TooltipDurationProps,\n  TooltipValueProps,\n  TooltipItemProps,\n  TooltipBodyProps,\n  TooltipFooterProps,\n  VirtualEstimatedSize,\n  TooltipHeaderProps,\n} from './core/components/tooltip/types/tooltip.js';\nexport type {\n  ChartTooltipTemplateType as _ChartTooltipTemplateType,\n  ChartTooltipAtomsType as _ChartTooltipAtomsType,\n  ChartTooltipSlotsType as _ChartTooltipSlotsType,\n} from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { colorPaletteMap as _colorPaletteMap } from './core/types/color-palettes-definitions.js';\nexport { automaticColoringMap as _automaticColoringMap } from './core/types/color-palettes-definitions.js';\n"],
-  "mappings": "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",
+  "sourcesContent": ["export type {\n  Variant as _Variant,\n  VariantShape as _VariantShape,\n  PointShapeType,\n} from './core/components/shape/type.js';\n\nexport type {\n  InteractionMode as _InteractionMode,\n  InteractionsOverlayProps as _InteractionsOverlayProps,\n  InteractionTriggers as _InteractionTriggers,\n  KeyboardOnlyInteractionTriggers as _KeyboardOnlyInteractionTriggers,\n  ZoomBehavior as _ZoomBehavior,\n} from './core/components/interactions-overlay/types.js';\nexport { InteractionsOverlay as _InteractionsOverlay } from './core/components/interactions-overlay/InteractionsOverlay.js';\nexport type { RelativeAbsolutePosition as _RelativeAbsolutePosition } from './core/types/pointer-events.js';\nexport type { AriaLabel as _AriaLabel } from './core/types/aria-label.js';\n\nexport type {\n  AnyNumberScale as _AnyNumberScale,\n  DateScales as _DateScales,\n  NumericScales as _NumericScales,\n} from './core/types/scales.js';\n\nexport { AnnotationsChartConfig } from './annotations-chart/contexts/AnnotationsChartConfig.context.js';\nexport { AnnotationsChart } from './annotations-chart/AnnotationsChart.js';\nexport type { AnnotationsChartConfigProperties } from './annotations-chart/types/annotations-chart-config-props.js';\nexport type { AnnotationsChartRef } from './annotations-chart/types/annotations-chart-ref.js';\nexport type { AnnotationsChartProps } from './annotations-chart/types/annotations-chart-props.js';\nexport type {\n  BaseXAxisProps,\n  TimeXAxisProps,\n  TimestampXAxisProps,\n  NumericalXAxisProps,\n  XAxisProps,\n  XAxisConfig as _XAxisConfig,\n  XAxisConfigProps,\n} from './annotations-chart/components/axis/types/annotations-x-axis-props.js';\nexport type {\n  AnnotationsActionsPayload,\n  AnnotationsActionsHandler,\n  BaseAnnotationsChartProps,\n} from './core/components/annotations/types/annotations.js';\nexport type {\n  AnnotationsMarkerProps,\n  NumericalMarkerProps,\n  TimeMarkerProps,\n  BaseMarkerProps,\n} from './core/components/annotations/types/annotations-marker-props.js';\nexport type {\n  AnnotationsTooltipHandler,\n  AnnotationsTooltipItem,\n  AnnotationsTooltipProps,\n  AnnotationsTooltipConfig,\n} from './core/components/annotations/components/tooltip/types/annotations-tooltip-props.js';\n\nexport type { AnnotationsTrackProps } from './core/components/annotations/types/annotations-track-props.js';\nexport { CategoricalBarChart } from './categorical-bar/CategoricalBarChartRoot.js';\nexport { CategoricalBarChartConfig } from './categorical-bar/hooks/useCategoricalBarChartConfig.js';\nexport type { CategoricalBarChartThresholdIndicatorProps } from './categorical-bar/slots/ThresholdIndicator.js';\nexport type {\n  CategoricalBarChartCategoryAxisConfiguration,\n  CategoricalBarChartCategoryAxisProps,\n  CategoricalBarChartConfiguration,\n  CategoricalBarChartData,\n  CategoricalBarChartLegendConfiguration,\n  CategoricalBarChartLegendProps,\n  CategoricalBarChartProps,\n  CategoricalBarChartRef,\n  CategoricalBarChartThresholdConfiguration,\n  CategoricalBarChartToolbarConfiguration,\n  CategoricalBarChartTooltipConfiguration,\n  CategoricalBarChartTooltipProps,\n  CategoricalBarChartValueAxisConfiguration,\n  CategoricalBarChartValueAxisProps,\n  CategoricalChartTooltipVariant,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  CategoricalUnit,\n  GroupMode,\n  InternalCategoricalBarChartThresholdConfiguration,\n  Layout,\n  RequiredCategoricalBarChartConfiguration,\n  categoricalChartTooltipVariantOptions,\n  groupModeOptions,\n  layoutOptions,\n} from './categorical-bar/types/categorical-bar-chart.js';\nexport { AnnotationsAtom as _AnnotationsAtom } from './core/components/annotations/AnnotationsAtom.js';\nexport { MarkerAtom as _MarkerAtom } from './core/components/annotations/slots/MarkerAtom.js';\nexport { TrackAtom as _TrackAtom } from './core/components/annotations/slots/TrackAtom.js';\n\nexport type { AnnotationsAtomProps as _AnnotationsAtomProps } from './core/components/annotations/AnnotationsAtom.js';\nexport type { TrackAtomProps as _TrackAtomProps } from './core/components/annotations/types/track.js';\nexport type {\n  MarkerAtomProps as _MarkerAtomProps,\n  MarkerInteractionState as _MarkerInteractionState,\n  TextOverflowOptions,\n} from './core/components/annotations/types/marker.js';\n\nexport type {\n  TickCategory as _TickCategory,\n  TickLabelLayout,\n} from './core/components/axes/types.js';\nexport {\n  HORIZONTAL_LABEL_LAYOUT_TYPE,\n  VERTICAL_LABEL_LAYOUT_TYPE,\n} from './core/components/axes/types.js';\nexport { ChartGrid as _ChartGrid } from './core/components/chart-grid/ChartGridRoot.js';\nexport type { ChartGridAreaProps as _ChartGridAreaProps } from './core/components/chart-grid/ChartGridArea.js';\nexport type { ChartGridProps as _ChartGridProps } from './core/components/chart-grid/ChartGridRoot.js';\nexport { ChartLayout as _ChartLayout } from './core/components/chart-layout/ChartLayout.js';\nexport type { ChartLayoutRef as _ChartLayoutRef } from './core/components/chart-layout/types/chart-layout.js';\n\nexport type {\n  ProviderSlotProp as _ProviderSlotProp,\n  LegendProps as _ChartLayoutLegendProps,\n  ChartLayoutProps as _ChartLayoutProps,\n  ChartLayoutLegendSizes as _ChartLayoutLegendSizes,\n  OverrideRatioFunction as _OverrideRatioFunction,\n  ChartLayoutDimensions as _ChartLayoutDimensions,\n} from './core/components/chart-layout/types/chart-layout.js';\nexport { getLegendOrientation as _getLegendOrientation } from './core/components/chart-layout/utils/orientation.js';\nexport { EmptyState as _EmptyState } from './core/components/chart-states/EmptyState.js';\nexport type { EmptyStateProps as _EmptyStateProps } from './core/components/chart-states/EmptyState.js';\nexport { ErrorState as _ErrorState } from './core/components/chart-states/ErrorState.js';\nexport type { ErrorStateProps as _ErrorStateProps } from './core/components/chart-states/ErrorState.js';\nexport { ChartLegend as _ChartLegend } from './core/components/legend/categorical/ChartLegend.js';\nexport type { ChartLegendProps as _ChartLegendProps } from './core/components/legend/categorical/ChartLegend.js';\nexport type { LegendItem as _LegendItem } from './core/components/legend/categorical/types/legend.js';\nexport { RangeLegend as _RangeLegend } from './core/components/legend/range/RangeLegend.js';\nexport type {\n  RangeItem as _RangeItem,\n  RangeLegendProps as _RangeLegendProps,\n} from './core/components/legend/range/types/range-legend.js';\nexport { LegendSizeContext as _LegendSizeContext } from './core/components/legend/shared/context/LegendSizeContext.js';\nexport { ChartSeriesAction } from './core/components/series-action/ChartSeriesAction.js';\nexport { useChartActionsMenu as _useChartActionsMenu } from './core/components/series-action/hooks/useChartActionsMenu.js';\nexport type { ChartSeriesActionProps } from './core/components/series-action/ChartSeriesAction.js';\nexport type { SeriesActionsTemplate } from './core/types/series-actions-template.js';\nexport type { SeriesActions } from './core/types/series-actions-template.js';\nexport { ThresholdBar as _ThresholdBar } from './core/components/threshold-bar/ThresholdBar.js';\nexport type {\n  ThresholdBarProps as _ThresholdBarProps,\n  ThresholdMarker as _ThresholdMarker,\n  BothBorders as _BothBorders,\n  LeftBorder as _LeftBorder,\n  RightBorder as _RightBorder,\n} from './core/components/threshold-bar/types.js';\nexport { ThresholdIndicator as _ThresholdIndicator } from './core/components/threshold-bar/indicators/ThresholdIndicator.js';\nexport type {\n  ThresholdIndicatorData as _ThresholdIndicatorData,\n  ThresholdIndicatorProps as _ThresholdIndicatorProps,\n} from './core/components/threshold-bar/indicators/ThresholdIndicator.js';\nexport { ChartToolbarRenderer as _ChartToolbarRenderer } from './core/components/toolbar/ChartToolbarRenderer.js';\nexport type {\n  ChartToolbarRendererProps as _ChartToolbarRendererProps,\n  IntentsAsyncTemplate as _IntentsAsyncTemplate,\n  MenuDisplayMode as _MenuDisplayMode,\n  menuDisplayModes as _menuDisplayModes,\n  ToolbarHanderRef as _ToolbarHanderRef,\n} from './core/components/toolbar/types.js';\nexport type { InternalChartToolbarConfigured as _InternalChartToolbarConfigured } from './core/types/toolbar.js';\nexport type { ChartToolbarControlProps as _ChartToolbarControlProps } from './core/components/toolbar/components/Control.js';\n// TOOLTIP REGION\nexport type { Point as _Point } from './core/types/point.js';\nexport { ChartTooltip as _ChartTooltip } from './core/components/tooltip/ChartTooltip/ChartTooltip.js';\nexport type { ChartTooltipProps as _ChartTooltipProps } from './core/components/tooltip/ChartTooltip/ChartTooltip.js';\nexport { ChartTooltipSlots as _ChartTooltipSlots } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { ChartTooltipAtoms as _ChartTooltipAtoms } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { ChartTooltipTemplate as _ChartTooltipTemplate } from './core/components/tooltip/types/ChartTooltip.config.js';\nexport type { TooltipItem } from './core/types/tooltip.js';\n\nexport type { PrimaryAtomProps as _PrimaryAtomProps } from './core/components/tooltip-atoms/components/PrimaryAtom.js';\nexport type { SecondaryAtomProps as _SecondaryAtomProps } from './core/components/tooltip-atoms/components/SecondaryAtom.js';\nexport type { DurationChipAtomProps as _DurationChipAtomProps } from './core/components/tooltip-atoms/components/DurationChipAtom/DurationChipAtom.js';\nexport type { BubbleShapeProps as _BubbleShapeProps } from './core/components/shape/BubbleShape/BubbleShape.js';\nexport type { EmojiShapeProps as _EmojiShapeProps } from './core/components/shape/EmojiShape/EmojiShape.js';\nexport type { IconShapeProps as _IconShapeProps } from './core/components/shape/IconShape/IconShape.js';\nexport type { MultiDataPointShapeProps as _MultiDataPointShapeProps } from './core/components/shape/MultiDataPointShape.js';\nexport type { SingleDataPointShapeProps as _SingleDataPointShapeProps } from './core/components/shape/SingleDataPointShape.js';\nexport type { ActionSelectionDetails as _ActionSelectionDetails } from './core/components/tooltip/context/ActionSelectionContext.js';\nexport { GeoItem as _GeoItem } from './core/components/tooltip/ChartTooltip/components/GeoItem.js';\nexport type { GeoItemProps as _GeoItemProps } from './core/components/tooltip/ChartTooltip/components/GeoItem.js';\nexport { SeriesItem as _SeriesItem } from './core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.js';\nexport type { SeriesItemProps as _SeriesItemProps } from './core/components/tooltip/ChartTooltip/components/SeriesItem/SeriesItem.js';\nexport { TimeFrameHeader as _TimeFrameHeader } from './core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.js';\nexport type { TimeFrameHeaderProps as _TimeFrameHeaderProps } from './core/components/tooltip/ChartTooltip/components/TimeFrameHeader/TimeFrameHeader.js';\nexport type { TimestampHeaderProps as _TimestampHeaderProps } from './core/components/tooltip/ChartTooltip/components/TimestampHeader/TimestampHeader.js';\nexport type { RangeHeaderProps as _RangeHeaderProps } from './core/components/tooltip/ChartTooltip/components/RangeHeader/RangeHeader.js';\nexport { EventItem as _EventItem } from './core/components/tooltip/ChartTooltip/components/EventItem/EventItem.js';\nexport type { EvenItemProps as _EventItemProps } from './core/components/tooltip/ChartTooltip/components/EventItem/EventItem.js';\nexport type { ActionItemProps as _ActionItemProps } from './core/components/tooltip/ChartTooltip/components/ActionItem/ActionItem.js';\nexport { KeyValue as _KeyValue } from './core/components/tooltip/ChartTooltip/components/KeyValue.js';\nexport type { KeyValueProps as _KeyValueProps } from './core/components/tooltip/ChartTooltip/components/KeyValue.js';\nexport { TextHeader as _TextHeader } from './core/components/tooltip/ChartTooltip/components/TextHeader.js';\nexport type { TextHeaderProps as _TextHeaderProps } from './core/components/tooltip/ChartTooltip/components/TextHeader.js';\nexport { DurationChip as _DurationChip } from './core/components/tooltip/ChartTooltip/components/DurationChip.js';\nexport type { DurationChipProps as _DurationChipProps } from './core/components/tooltip/ChartTooltip/components/DurationChip.js';\nexport { SharedChartInteractions } from './core/components/shared-chart-interactions/SharedChartInteractions.js';\n\nexport {\n  OverlayTooltipHeaderStory as _OverlayTooltipHeaderStory,\n  OverlayTooltipTruncationStory as _OverlayTooltipTruncationStory,\n  OverlayTooltipWIPStory as _OverlayTooltipWIPStory,\n  OverlayTooltipCustomStory as _OverlayTooltipCustomStory,\n} from './core/components/overlay-tooltip/_to-be-removed/_OverlayTooltipWIPStory.js';\n\nexport {\n  SIXTY_FPS as _FPS,\n  DEFAULT_TRUNCATION_MODE,\n  CSS_DOWNLOAD_FILENAME,\n} from './core/constants.js';\nexport { getTabIndexValue as _getTabIndexValue } from './core/utils/a11yToolbarControls.js';\nexport { getTabIndexKey as _getTabIndexKey } from './core/utils/a11yToolbarControls.js';\nexport { buildQuantizedRangeItems as _buildQuantizedRangeItems } from './core/utils/build-quantized-range-items.js';\nexport { buildCategoricalItemsFromScale as _buildCategoricalItemsFromScale } from './core/utils/build-categorical-items-from-scale.js';\nexport { buildLegendItemsFromRange as _buildLegendItemsFromRange } from './core/utils/build-legend-items-from-range.js';\nexport { buildQuantizeScaleFromColorPalette as _buildQuantizeScaleFromColorPalette } from './core/utils/build-quantize-scale-from-color-palette.js';\nexport { buildThresholdScaleFromRanges as _buildThresholdScaleFromRanges } from './core/utils/build-threshold-scale-from-ranges.js';\nexport { coerceSizeValue as _coerceSizeValue } from './core/utils/coerceSizeValue.js';\nexport { isCustomColorPalette as _isCustomColorPalette } from './core/types/color-palette.js';\nexport { useA11yToolbarControls as _useA11yToolbarControls } from './core/hooks/useA11yToolbarControls.js';\nexport { useA11yToolbarTabIndex as _useA11yToolbarTabIndex } from './core/hooks/useA11yToolbarTabIndex.js';\nexport type {\n  ToolbarInteractionModes as _ToolbarInteractionModes,\n  MenuTrigger as _MenuTrigger,\n  Collapse as _Collapse,\n} from './core/types/toolbar-interaction-modes.js';\nexport { useThrottledResizeObserver as _useThrottledResizeObserver } from './core/hooks/useThrottledResizeObserver.js';\nexport type {\n  _ResizePayload,\n  SizeState as _SizeState,\n} from './core/hooks/useThrottledResizeObserver.js';\nexport { useObserveContainerSize as _useObserveContainerSize } from './core/hooks/useObserveContainerSize.js';\n\nexport { getCanvasColor as _getCanvasColor } from './core/components/canvas/utils/canvas-color.js';\nexport {\n  type PointsDisplay,\n  pointsDisplayOptions,\n} from './core/components/canvas/types/canvas-shape.js';\n\nexport { useGraphSize as _useGraphSize } from './core/components/chart-layout/hooks/useGraphSize.js';\nexport { useChartLayoutOrientation as _useChartLayoutOrientation } from './core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nexport { useAutoLegendRefresh as _useAutoLegendRefresh } from './core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nexport { useGridPlotSize as _useGridPlotSize } from './core/components/chart-grid/hooks/useGridPlotSize.js';\nexport type { GridPlotContextProps as _GridPlotContextProps } from './core/components/chart-grid/context/GridPlotContext.js';\nexport { useChartLayoutSize as _useChartLayoutSize } from './core/components/chart-layout/hooks/useChartLayoutSize.js';\nexport { useLegendSize as _useLegendSize } from './core/components/legend/shared/context/LegendSizeContext.js';\nexport { getTickFormatterMethod as _getTickFormatterMethod } from './core/utils/get-tick-formatter-method.js';\nexport type { FormatterWithPrecision as _FormatterWithPrecision } from './core/types/formatter.js';\n\nexport {\n  sequentialColoringOptions as _sequentialColoringOptions,\n  divergingColoringOptions as _divergingColoringOptions,\n  themedColoringOptions as _themedColoringOptions,\n  automaticColoringOptions as _automaticColoringOptions,\n  colorPaletteOptions,\n  colorPaletteModeOptions,\n} from './core/types/color-palette.js';\n\nexport type { EmptyStateSlotProps as EmptyStateProp } from './core/slots/chart-states/EmptyStateSlot.js';\nexport type { ErrorStateSlotProps as ErrorStateProps } from './core/slots/chart-states/ErrorStateSlot.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { ChartToolbar } from './core/slots/toolbar/ChartToolbar.js';\nexport type { CompactToolbarProps } from './core/slots/toolbar/CompactToolbar.tsx';\nexport type { ChartMessage } from './core/types/chart-message.js';\nexport type { ChartUnit } from './core/types/chart-unit.js';\nexport type {\n  ColorPalette,\n  CustomColorPalette,\n  ColorPaletteMode,\n  ColorToken,\n  AutomaticColorPalette as _AutomaticColorPalette,\n  ThemedColorPalette as _ThemedColorPalette,\n  ColorPaletteDefinition as _ColorPaletteDefinition,\n} from './core/types/color-palette.js';\nexport type { DateString } from './core/types/dates.js';\nexport type { Dimensions as _Dimensions } from './core/types/dimensions.js';\nexport type { Formatter, TimeFormatter } from './core/types/formatter.js';\nexport type {\n  LegendPosition,\n  LegendRatio,\n  LegendProps,\n  ChartLegendOrientation as _ChartLegendOrientation,\n  legendPositionOptions,\n} from './core/types/legend.js';\nexport type {\n  MaxScaleBoundary,\n  MinScaleBoundary,\n} from './core/types/min-max-config.js';\nexport type {\n  AxisScaleType,\n  ValueRepresentation,\n  axisScaleTypeOptions,\n  valueRepresentationOptions,\n} from './core/types/scales.js';\nexport type { ColoredRange } from './core/types/colored-range.js';\nexport type {\n  DynamicRangeThreshold,\n  DynamicNumericRangeThreshold,\n  DynamicThreshold,\n  DynamicNumericThreshold,\n  StaticRangeThreshold,\n  StaticThreshold,\n  ThresholdData,\n  ThresholdPosition,\n  DateThresholdData,\n  DateThresholdPosition,\n  NumericalThresholdData,\n  NumericalThresholdPosition,\n  DateThresholdConfig,\n  NumericalThresholdConfig,\n  BaseThresholdConfig,\n} from './core/types/thresholds.js';\nexport type {\n  TickPrimitiveValue,\n  TickValueFormatter,\n} from './core/types/tick-value.js';\nexport type {\n  ChartToolbarConfig,\n  ChartToolbarProps,\n  ToolbarPlacement,\n  A11yToolbarTabIndex as _A11yToolbarTabIndex,\n  InternalChartToolbarConfig as _InternalChartToolbarConfig,\n  DraggableToolbarProps,\n  BaseToolbarProps,\n} from './core/types/toolbar.js';\nexport type {\n  SeriesDisplayMode,\n  TooltipVariant,\n  seriesDisplayModeOptions,\n  tooltipVariantOptions,\n} from './core/types/tooltip.js';\nexport type { WithId } from './core/types/with-id.js';\nexport {\n  HistogramChart,\n  HistogramAnnotations,\n} from './histogram/HistogramChart.js';\nexport { HistogramChartConfig } from './histogram/contexts/HistogramChartConfig.context.js';\nexport type {\n  HistogramBin,\n  HistogramSeries,\n  HistogramTooltipVariant,\n  histogramTooltipVariantOptions,\n  HistogramZoomDomain,\n} from './histogram/types/histogram.js';\nexport type {\n  HistogramChartConfigProperties,\n  HistogramChartLegendProps,\n  HistogramChartProps,\n  HistogramChartToolbarProps,\n  HistogramChartTooltipProps,\n  HistogramChartXAxisProps,\n  HistogramChartYAxisProps,\n} from './histogram/types/histogram-props.js';\nexport type {\n  HistogramAnnotationsMarkerProps,\n  HistogramAnnotationsProps,\n  HistogramAnnotationsTrackProps,\n} from './histogram/components/annotations-histogram/types.js';\nexport type { HistogramToolbarSlotProps } from './histogram/types/toolbar.js';\nexport type { HistogramChartRef } from './histogram/types/histogram-ref.js';\nexport type { SelectProps } from './histogram/slots/Select.js';\nexport type { ZoomSlotProps } from './histogram/slots/Zoom.js';\nexport type { PanSlotProps } from './histogram/slots/Pan.js';\nexport type { HistogramThresholdIndicatorProps } from './histogram/slots/ThresholdIndicator.js';\nexport { HoneycombChart } from './honeycomb/HoneycombChart.js';\nexport { HoneycombChartConfig } from './honeycomb/context/honeycomb-chart-config.context.js';\nexport type {\n  HoneycombChartRef,\n  HoneycombChartProps,\n  HoneycombTileData,\n  HoneycombTileShape,\n  HoneycombTileBaseData,\n  HoneycombTileNumericData,\n  HoneycombTileCategoricalData,\n  HoneycombCategoricalProps,\n  HoneycombChartNumericalProps,\n  HoneycombBaseProps,\n} from './honeycomb/types/honeycomb.js';\nexport type {\n  HoneycombChartProperties,\n  HoneycombChartToolbarConfiguration,\n} from './honeycomb/types/honeycomb-config-properties.js';\nexport type { HoneycombLegendProps } from './honeycomb/slots/HoneycombLegend.js';\nexport type { HoneycombToolbarSlotProps } from './honeycomb/types/toolbar.js';\nexport { MultiMeterBarChart } from './meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nexport { MultiMeterBarChartConfig } from './meter-bar/multi-meter-bar/context/MultiMeterBarChartConfigContext.js';\nexport type {\n  MultiMeterBarChartProps,\n  MultiMeterBarChartTooltipProps,\n  MultiMeterBarSegmentProps,\n  MultiMeterBarSegmentBaseProps,\n  MultiMeterBarSegmentPropsWithAccessor,\n  MultiMeterBarSegmentPropsWithNumericValue,\n  MultiMeterBarSegmentData,\n  MultiMeterBarChartData,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart.js';\nexport type {\n  MultiMeterBarChartConsumerConfig,\n  MultiMeterBarChartTooltipConsumerConfig,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart-config.js';\nexport {\n  type MultiMeterBarChartTooltipVariant,\n  multiMeterBarChartTooltipVariantOptions,\n} from './meter-bar/multi-meter-bar/types/multi-meter-bar-chart.js';\nexport type {\n  MeterBarSize,\n  MeterBarChartElementRef,\n  MultiMeterBarChartElementRef,\n} from './meter-bar/shared/types/meter-bars.js';\nexport { MeterBarChart } from './meter-bar/single-meter-bar/MeterBarChart.js';\nexport { MeterBarChartThresholdLegend as _MeterBarChartThresholdLegend } from './meter-bar/single-meter-bar/components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nexport { MeterBarChartConfig } from './meter-bar/single-meter-bar/context/MeterBarChartConfigContext.js';\nexport type {\n  MeterBarChartProps,\n  MeterBarChartPropsWithAccessor,\n  MeterBarChartPropsWithNumericValue,\n  MeterBarChartThresholdIndicatorProps,\n  MeterBarSegmentData,\n  MeterBarChartBaseProps,\n  MeterBarChartData,\n} from './meter-bar/single-meter-bar/types/meter-bar-chart.js';\nexport type {\n  MeterBarChartConsumerConfig,\n  MeterBarChartThresholdConsumerConfig,\n} from './meter-bar/single-meter-bar/types/meter-bar-chart-config.js';\nexport type {\n  MeterBarToolbarSlotProps,\n  MeterBarToolbarConfig,\n} from './meter-bar/shared/types/meter-bar-toolbar.js';\nexport { PieChart } from './pie/PieChart.js';\nexport { DonutChart } from './pie/DonutChart.js';\nexport {\n  DonutChartConfig,\n  PieChartConfig,\n} from './pie/context/ChartConfigContext.js';\nexport type { DonutChartRef, PieChartRef } from './pie/types/pie-chart-ref.js';\nexport type {\n  DonutChartData,\n  DonutChartLegendConfig,\n  DonutChartProps,\n  GroupConfig,\n  InnerHandler,\n  InnerParams,\n  LabelTypeOptions,\n  LabelsConfig,\n  PieChartConfiguration,\n  PieChartContextConfig,\n  PieChartData,\n  PieChartLegendConfig,\n  PieChartProps,\n  SliceData,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SliceUnit,\n  ThresholdConfig,\n  ThresholdType,\n  thresholdTypeOptions,\n} from './pie/types/pie-chart.config.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { PieChartSlotProps } from './pie/types/toolbar.js';\nexport type { PieChartToolbarSlotProps } from './pie/types/toolbar.js';\nexport type { PieChartToolbarConfig } from './pie/types/toolbar.js';\nexport { SingleValue } from './single-value/SingleValue.js';\nexport { SingleValueGrid } from './single-value-grid/SingleValueGrid.js';\nexport type { SingleValueGridProps } from './single-value-grid/types/single-value-grid.js';\nexport type { SingleValueGridSparklineProps } from './single-value-grid/slots/Sparkline.js';\nexport type { SingleValueGridTrendProps } from './single-value-grid/slots/Trend.js';\nexport type { SingleValueGridValueProps } from './single-value-grid/slots/Value.js';\nexport type { SingleValueSparklineProps } from './single-value/slots/Sparkline.js';\nexport type { InverseTrendOptions } from './core/components/single-value-renderer/components/trend/types/inverse-trend-options.js';\nexport type { TrendDirection } from './core/components/single-value-renderer/components/trend/types/trend-direction.js';\nexport type { TrendIndicatorColors } from './core/components/single-value-renderer/components/trend/types/trend-indicator-colors.js';\nexport type { TrendProps } from './core/components/single-value-renderer/components/trend/types/trend-props.js';\n\nexport { SingleValueConfig } from './single-value/hooks/use-single-value-config.js';\nexport type {\n  SingleValueConfigProperties,\n  SingleValueProps,\n  SingleValueSparklineConfig,\n} from './single-value/types/single-value.js';\nexport type { SingleValueRef } from './single-value/types/single-value-ref.js';\nexport { Sparkline } from './sparkline/Sparkline.js';\nexport type { TimeseriesChartAnnotationsProps } from './timeseries/slots/annotations/Annotations.js';\nexport {\n  TimeseriesAnnotations,\n  TimeseriesChart,\n} from './timeseries/TimeseriesChartRoot.js';\nexport { TimeseriesChartConfig } from './timeseries/context/TimeseriesChartConfig.context.js';\nexport type { TimeseriesChartLegendProps } from './timeseries/slots/Legend.js';\nexport type { TimeseriesChartThresholdIndicatorProps } from './timeseries/slots/ThresholdIndicator.js';\nexport type { TimeseriesChartTooltipProps } from './timeseries/slots/Tooltip.js';\nexport type { TimeseriesChartXAxisProps } from './timeseries/slots/XAxis.js';\nexport type {\n  TimeseriesChartYAxisProps,\n  YAxisPosition,\n} from './timeseries/slots/YAxis.js';\nexport type { TimeseriesAnnotationsMarkerProps } from './timeseries/slots/annotations/Marker.js';\nexport type { TimeseriesAnnotationsTrackProps } from './timeseries/slots/annotations/Track.js';\n/* eslint-disable-next-line @typescript-eslint/no-deprecated */\nexport { ChartInteractions } from './core/slots/chart-interactions/ChartInteractions.js';\nexport type { TimeseriesChartAreaProps } from './timeseries/slots/shapes/Area.js';\nexport type { TimeseriesChartBarProps } from './timeseries/slots/shapes/Bar.js';\nexport type { TimeseriesChartLineProps } from './timeseries/slots/shapes/Line.js';\nexport type { TimeseriesSelectProps } from './timeseries/slots/Select.js';\nexport type { TimeseriesChartToolbarSlotProps } from './timeseries/types/toolbar.js';\nexport type { TimeseriesZoomSlotProps } from './timeseries/slots/Zoom.js';\nexport type { TimeseriesPanSlotProps } from './timeseries/slots/Pan.js';\nexport type {\n  ChartInteractionsConfig,\n  ZoomChangeHandler,\n  ZoomInteractions,\n  ZoomRanges,\n} from './core/types/interactions.js';\nexport type {\n  ProgrammaticZoomHandlers,\n  ChartInteractionModes as _ChartInteractionModes,\n  DownloadData as _DownloadData,\n  Intent as _Intent,\n} from './core/types/zoom.js';\nexport type { ChartZoomConfig, ZoomChangeType } from './core/types/zoom.js';\nexport type {\n  ChartVariant,\n  TimeseriesChartVisualProps,\n  TimeseriesZoomDomain,\n  chartVariantOptions,\n} from './timeseries/types/timeseries.js';\nexport type {\n  TimeseriesBand,\n  TimeseriesBandDataPoint,\n  TimeseriesChartBandProps,\n} from './timeseries/types/timeseries-band.js';\nexport type { TimeseriesChartConfigProperties } from './timeseries/types/timeseries-config.js';\nexport type {\n  TimeseriesDatapoint,\n  SeriesCurve,\n} from './core/types/timeseries.js';\nexport type {\n  NumericalGapPolicy,\n  NumericalThresholdGapPolicy,\n  ThresholdGapPolicy,\n  TimeGapPolicy,\n  TimeThreshold,\n  TimeUnit,\n} from './core/types/gap-policy.js';\nexport type { TimeseriesChartProps } from './timeseries/types/timeseries-props.js';\nexport type { TimeseriesChartRef } from './timeseries/types/timeseries-ref.js';\nexport type { TimeseriesChartToolbarConfig } from './timeseries/types/toolbar.js';\nexport type {\n  ColorRuleProps,\n  ColorSpecification,\n  ComparisonOperators,\n  MatchValue,\n} from './core/types/color-rule.js';\n\n// CONVERT-TO-TIMESERIES REGION\nexport {\n  convertQueryResultToTimeseries,\n  convertToTimeseries,\n} from './timeseries/utils/convert-to-timeseries/convert-to-timeseries.js';\nexport type { TimeseriesWithDimensions } from './timeseries/types/convert-to-timeseries.js';\nexport { convertToTimeseriesBand } from './timeseries/utils/convert-to-timeseries/convert-to-timeseries-band.js';\nexport {\n  getFieldsArrayForRecordIndex,\n  getTypesForRecordIndex,\n  convertToFieldEntries,\n} from './timeseries/utils/convert-to-timeseries/utils/getFieldsArrayForRecordIndex.js';\nexport type { FieldEntry } from './timeseries/utils/convert-to-timeseries/utils/getFieldsArrayForRecordIndex.js';\nexport { checkTimeseriesFormat } from './timeseries/utils/convert-to-timeseries/utils/check-timeseries-format.js';\nexport { getDimensions } from './timeseries/utils/convert-to-timeseries/utils/get-dimensions.js';\nexport type { Dimension } from './timeseries/utils/convert-to-timeseries/utils/get-dimensions.js';\nexport { _getMetadataMetricsUnitForFieldName } from './timeseries/utils/convert-to-timeseries/utils/get-metadata-metrics-unit-for-field-name.js';\n\n// XYChart REGION\nexport type { XYChartAnnotationsTrackProps } from './xy-chart/slots/Annotations/Track.js';\nexport type { XYChartAnnotationsConfigProps } from './xy-chart/context/XYChartAnnotationsConfig.context.js';\nexport type { XYChartAnnotationsProps } from './xy-chart/slots/Annotations/Annotations.js';\nexport type { XYChartAnnotationsMarkerProps } from './xy-chart/slots/Annotations/Marker.js';\nexport type { XYChartSelectProps } from './xy-chart/slots/Select.js';\nexport { XYChart, XYChartAnnotations } from './xy-chart/XYChartRoot.js';\nexport { XYChartConfig } from './xy-chart/context/XYChartConfig.context.js';\nexport type {\n  XYChartData,\n  XYAccessorDataTypes,\n  XYChartAxisType,\n  XYChartXAxisPosition,\n  XYChartYAxisPosition,\n  XYChartRectSeriesActionItem,\n  XYChartColorPalette,\n  RectDatapoint,\n  XYChartRef,\n  TOP_POSITION,\n  BOTTOM_POSITION,\n  LEFT_POSITION,\n  RIGHT_POSITION,\n  BOTH_POSITION,\n  LOG_SCALE_TYPE,\n  NUMERICAL_SCALE_TYPE,\n  TIME_SCALE_TYPE,\n  CATEGORICAL_SCALE_TYPE,\n  BAR_VARIANT_SINGLE,\n  BAR_VARIANT_STACK,\n  BAR_VARIANT_GROUP,\n  BaseDatapoint,\n  DotDatapoint,\n  LineDatapoint,\n  BarDatapoint,\n  AreaDatapoint,\n  SeriesCurve as XYChartSeriesCurve,\n  BarSeriesVariant,\n  XYChartDotSeriesActionItem,\n  XYChartLineSeriesActionItem,\n  XYChartBarSeriesActionItem,\n  XYChartAreaSeriesActionItem,\n  XYChartThresholdLineBase,\n  XYChartThresholdRangeBase,\n  XYChartThresholdDynamicData,\n  XYChartThresholdDataLineDynamic,\n  XYChartThresholdDataLineStatic,\n  XYChartThresholdDataRangeStatic,\n  XYChartThresholdValue,\n  XYChartThresholdStaticData,\n  XYChartThresholdDataRangeDynamic,\n  XYChartSelectedSeries,\n  XYChartSelectedDomains,\n  AxisFormatter,\n  NumericalFormatter,\n  XYChartTooltipPayload,\n  DotTooltipPayload,\n  LineTooltipPayload,\n  RectTooltipPayload,\n  BaseTooltipPayload,\n  BarTooltipPayload,\n  XYChartSeriesActionInfo,\n  XYChartBarSeries,\n  XYChartDotSeries,\n  XYChartLineSeries,\n  XYChartRectSeries,\n  XYChartAreaSeries,\n  AreaTooltipPayload,\n  XYChartTooltipDatapoint,\n} from './xy-chart/types/xy-chart.js';\n\nexport type {\n  XYChartProps,\n  XYChartRectSeriesProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ColorSelectionProp,\n  ShapeColorSelectionProp,\n  XYShapeColorProp,\n  XYShapeColorPaletteProp,\n  XYChartAxisProps,\n  XYChartAxisBaseProps,\n  XYChartLogAxisProps,\n  XYChartNumericalAxisProps,\n  XYChartCategoricalAxisProps,\n  XYChartTimeAxisProps,\n  XYChartXAxisProps,\n  XYChartYAxisProps,\n  XYChartChartLegendProps,\n  XYChartConfigProperties,\n  XYChartBarSeriesProps,\n  XYChartAreaSeriesProps,\n  BarSeriesProps,\n  StackBarSeriesProps,\n  SingleBarSeriesProps,\n  BaseBarSeriesProps,\n  StackBarVerticalProps,\n  StackBarHorizontalProps,\n  BarSeriesVariantMap,\n  GroupBarSeriesProps,\n  GroupBarVerticalProps,\n  GroupBarHorizontalProps,\n  XYChartSeriesBaseProps,\n  XYChartDotSeriesProps,\n  XYChartLineSeriesProps,\n  XYChartToolbarConfigProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  XYChartToolbarProps,\n  XYChartToolbarSlotProps,\n  XYChartThresholdIndicatorProps,\n  XYChartThresholdDynamicProps,\n  XYChartThresholdStaticProps,\n  XYChartSelectConfig,\n  XYChartCustomTooltipProps,\n} from './xy-chart/types/xy-chart-props.js';\n\nexport { XYChartTooltipTemplate as _XYChartTooltipTemplate } from './xy-chart/components/tooltip/XYChartTooltipTemplate/XYChartTooltipTemplate.js';\nexport type { XYChartTooltipHeaderProps as _XYChartTooltipHeaderProps } from './xy-chart/components/tooltip/XYChartTooltipHeader/XYChartTooltipHeader.js';\nexport { XYChartTooltipHeader as _XYChartTooltipHeader } from './xy-chart/components/tooltip/XYChartTooltipHeader/XYChartTooltipHeader.js';\nexport type { XYChartTooltipBodyProps as _XYChartTooltipBodyProps } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';\nexport { XYChartTooltipBody as _XYChartTooltipBody } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';\n\n//XYChart Adoption REGION\nexport type { _XYChartAdoptionProps } from './xy-chart-adoption/types/props.js';\nexport type {\n  GanttChartConfig,\n  GanttChartFormatter,\n  GanttChartFormatterCurrencyOptions,\n  GanttSegmentData,\n  GanttAnnotationsHeaderConfig,\n  GanttAnnotationsTrackConfig,\n} from './gantt-chart/types/gantt-chart.js';\n\n// TreeMap Region\nexport { TreeMap } from './tree-map/TreeMap.js';\nexport type {\n  TreeMapProps,\n  TreeMapData,\n  TreeMapLeafNode,\n  TreeMapRootNode,\n  TreeMapClusterNode,\n  LabelsDisplay,\n  NameAccessor,\n  TreeMapElementRef,\n} from './tree-map/types/treemap.js';\nexport type {\n  TreeMapContextConfig,\n  TreemapChartLegendConfig,\n  TreeMapChartToolbarConfig,\n} from './tree-map/types/treemap-chart.config.js';\nexport { TreeMapConfig } from './tree-map/context/TreeMapConfigContext.js';\n\n// CORE REGION\nexport { useMousePosition as _useMousePosition } from './core/hooks/useMousePosition.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { Timeseries, TimeseriesUnit } from './core/types/timeseries.js';\nexport type { IndicatorsDisplay } from './core/components/annotations/components/indicators/types.js';\nexport type { MinMax as _MinMax } from './core/types/min-max.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { truncateText as _truncateText } from './core/utils/text-truncation.js';\n\n// CORE SPARKLINE REGION\nexport type {\n  SparklineProps,\n  SparklinLabelsAlignment,\n  SparklineVariant,\n  SparklineGapPolicy,\n} from './core/components/sparkline-display/types/sparkline-props.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SparklineThresholdProps,\n  SparklineThresholdIndicatorProps,\n} from './core/components/sparkline-display/types/sparkline-thresholds-props.js';\nexport type {\n  SparklineXAxisProps,\n  SparklineXAxisInternalProps as _SparklineXAxisInternalProps,\n} from './core/components/sparkline-display/types/sparkline-x-axis-props.js';\nexport type { SparklineYAxisProps } from './core/components/sparkline-display/types/sparkline-y-axis-props.js';\n\n// CORE SINGLE VALUE REGION\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SingleValueUnit,\n  SingleValueAlignment,\n  SingleValueBaseProps,\n} from './core/components/single-value-renderer/types/single-value-base-props.js';\nexport type {\n  SingleValueToolbarSlotProps,\n  SingleValueToolbarInternalProps as _SingleValueToolbarInternalProps,\n} from './single-value/types/single-value-toolbar.js';\nexport type { SingleValueToolbarConfig } from './core/components/single-value-renderer/components/SingleValueToolbar.js';\n// GAUGE CHART REGION\nexport { GaugeChart } from './gauge/GaugeChart.js';\nexport type { GaugeChartThresholdIndicatorProps } from './gauge/slots/ThresholdIndicator.js';\nexport { GaugeChartConfig } from './gauge/contexts/GaugeChartConfigContext.js';\nexport type {\n  GaugeChartBaseProps,\n  GaugeChartProps,\n  GaugeChartPropsWithAccessor,\n  GaugeChartPropsWithNumericValue,\n  GaugeChartRef,\n  GaugeChartData,\n} from './gauge/types/gauge-chart.js';\nexport type { GaugeChartConsumerConfig } from './gauge/types/gauge-chart-config.js';\nexport type { GaugeChartTooltipProps } from './gauge/slots/Tooltip.js';\nexport type {\n  TooltipEmojiProps,\n  TooltipIndicatorProps,\n  TooltipTextProps,\n  TooltipDurationProps,\n  TooltipValueProps,\n  TooltipItemProps,\n  TooltipBodyProps,\n  TooltipFooterProps,\n  VirtualEstimatedSize,\n  TooltipHeaderProps,\n} from './core/components/tooltip/types/tooltip.js';\nexport type {\n  ChartTooltipTemplateType as _ChartTooltipTemplateType,\n  ChartTooltipAtomsType as _ChartTooltipAtomsType,\n  ChartTooltipSlotsType as _ChartTooltipSlotsType,\n} from './core/components/tooltip/types/ChartTooltip.config.js';\nexport { colorPaletteMap as _colorPaletteMap } from './core/types/color-palettes-definitions.js';\nexport { automaticColoringMap as _automaticColoringMap } from './core/types/color-palettes-definitions.js';\n"],
+  "mappings": "AAaA,SAAgC,2BAA4B;AAU5D,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAgCjC,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;AA4B1C,SAA4B,uBAAwB;AACpD,SAAuB,kBAAmB;AAC1C,SAAsB,iBAAkB;AAcxC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAsB,iBAAkB;AAGxC,SAAwB,mBAAoB;AAW5C,SAAiC,4BAA6B;AAC9D,SAAuB,kBAAmB;AAE1C,SAAuB,kBAAmB;AAE1C,SAAwB,mBAAoB;AAG5C,SAAwB,mBAAoB;AAK5C,SAA8B,yBAA0B;AACxD,SAAS,yBAAyB;AAClC,SAAgC,2BAA4B;AAI5D,SAAyB,oBAAqB;AAQ9C,SAA+B,0BAA2B;AAK1D,SAAiC,4BAA6B;AAY9D,SAAyB,oBAAqB;AAE9C,SAA8B,yBAA0B;AACxD,SAA8B,yBAA0B;AACxD,SAAiC,4BAA6B;AAY9D,SAAoB,eAAgB;AAEpC,SAAuB,kBAAmB;AAE1C,SAA4B,uBAAwB;AAIpD,SAAsB,iBAAkB;AAGxC,SAAqB,gBAAiB;AAEtC,SAAuB,kBAAmB;AAE1C,SAAyB,oBAAqB;AAE9C,SAAS,+BAA+B;AAExC;AAAA,EAC+B;AAAA,EACI;AAAA,EACP;AAAA,EACG;AAAA,OACxB;AAEP;AAAA,EACe;AAAA,EACb;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAyB;AACtD,SAA2B,sBAAuB;AAClD,SAAqC,gCAAiC;AACtE,SAA2C,sCAAuC;AAClF,SAAsC,iCAAkC;AACxE,SAA+C,0CAA2C;AAC1F,SAA0C,qCAAsC;AAChF,SAA4B,uBAAwB;AACpD,SAAiC,4BAA6B;AAC9D,SAAmC,8BAA+B;AAClE,SAAmC,8BAA+B;AAMlE,SAAuC,kCAAmC;AAK1E,SAAoC,+BAAgC;AAEpE,SAA2B,sBAAuB;AAClD;AAAA,EAEE;AAAA,OACK;AAEP,SAAyB,oBAAqB;AAC9C,SAAsC,iCAAkC;AACxE,SAAiC,4BAA6B;AAC9D,SAA4B,uBAAwB;AAEpD,SAA+B,0BAA2B;AAC1D,SAA0B,qBAAsB;AAChD,SAAmC,8BAA+B;AAGlE;AAAA,EAC+B;AAAA,EACD;AAAA,EACH;AAAA,EACG;AAAA,EAC5B;AAAA,EACA;AAAA,OACK;AAKP,SAAS,oBAAoB;AAuE7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AA4BrC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAmBrC,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AAezC;AAAA,EAEE;AAAA,OACK;AAMP,SAAS,qBAAqB;AAC9B,SAAyC,oCAAqC;AAC9E,SAAS,2BAA2B;AAkBpC,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AA2BP,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAWhC,SAAS,yBAAyB;AAOlC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AAYtC,SAAS,yBAAyB;AAwDlC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAE9B,SAAS,2CAA2C;AAQpD,SAAS,SAAS,0BAA0B;AAC5C,SAAS,qBAAqB;AA2G9B,SAAmC,8BAA+B;AAElE,SAAiC,4BAA6B;AAE9D,SAA+B,0BAA2B;AAc1D,SAAS,eAAe;AAgBxB,SAAS,qBAAqB;AAG9B,SAA6B,wBAAyB;AAMtD,SAAyB,oBAAqB;AAiC9C,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AA4BjC,SAA4B,uBAAwB;AACpD,SAAiC,4BAA6B;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js

@@ -18,11 +18,10 @@ import { Min } from "./slots/Min.js";
 import { Segment } from "./slots/Segment.js";
 import { Tooltip } from "./slots/Tooltip.js";
 import { Value } from "./slots/Value.js";
-import { useMergeRefs } from "../../../core/hooks/useMergeRefs.js";
+import { useBehavioralTrackingProps } from "../../../core/hooks/useBehavioralTrackingProps.js";
 import { Intent } from "../../../core/slots/Intent/Intent.js";
 import { defaultChartSize } from "../../../core/styles/defaultChartValues.sty.js";
 import { ChartSeriesActionContext } from "../../core/components/series-action/ChartSeriesActionContext.js";
-import { useObserveContainerSize } from "../../core/hooks/useObserveContainerSize.js";
 import { ColorRule } from "../../core/slots/ColorRule.js";
 import { ChartType } from "../../core/types/chart-types.js";
 import { MeterBarChartFormattedValue } from "../shared/components/formatted-value/MeterBarChartFormattedValue.js";
@@ -32,6 +31,8 @@ import { Toolbar } from "../shared/slots/Toolbar.js";
 const COMPONENT_NAME = "MultiMeterBarChart";
 const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
   const {
+    width,
+    height,
     className,
     style,
     "data-dtrum-mask": dataDtrumMask,
@@ -40,6 +41,7 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
     seriesActions,
     prefixIcon
   } = props;
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);
   const config = useMultiMeterBarChartConfig(props);
   const {
     colorPalette,
@@ -47,6 +49,7 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
     min = MIN_DEFAULT_VALUE,
     max,
     formatter,
+    unit,
     labelSlot,
     valueSlot,
     minSlot,
@@ -68,6 +71,7 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
         min,
         max,
         formatter,
+        unit,
         tooltip,
         legend
       };
@@ -79,8 +83,6 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
     return exposedRef;
   });
   const label = labelSlot ?? "";
-  const [{ width }, containerRef] = useObserveContainerSize();
-  const ref = useMergeRefs([containerRef, multiMeterBarChartRef]);
   const contextSeriesActionsValue = useMemo(
     () => ({
       chartSeriesActions: seriesActions
@@ -92,13 +94,17 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
     {
       colorPalette,
       formatter,
+      unit,
       segments,
       colorRules,
       toolbar,
       children: /* @__PURE__ */ jsx(ChartSeriesActionContext.Provider, { value: contextSeriesActionsValue, children: /* @__PURE__ */ jsxs(
         MeterBarLayout,
         {
-          ref,
+          ...behavioralTrackingProps,
+          width,
+          height,
+          ref: multiMeterBarChartRef,
           size,
           className: clsx(defaultChartSize, className),
           style,
@@ -125,13 +131,12 @@ const MultiMeterBarChartRoot = forwardRef((props, forwardedRef) => {
                 label,
                 max,
                 min,
-                tooltipConfig: tooltip,
-                width
+                tooltipConfig: tooltip
               }
             ) }),
             minSlot && /* @__PURE__ */ jsx(MeterBarLayout.Min, { children: /* @__PURE__ */ jsx(MeterBarChartFormattedValue, { value: min, auto: minSlot?.auto, children: minSlot?.value }) }),
             maxSlot && /* @__PURE__ */ jsx(MeterBarLayout.Max, { children: /* @__PURE__ */ jsx(MeterBarChartFormattedValue, { value: max, auto: maxSlot?.auto, children: maxSlot?.value }) }),
-            legend && /* @__PURE__ */ jsx(MeterBarLayout.Legend, { children: /* @__PURE__ */ jsx(MultiMeterBarChartLegend, { width }) })
+            legend && /* @__PURE__ */ jsx(MeterBarLayout.Legend, { children: /* @__PURE__ */ jsx(MultiMeterBarChartLegend, {}) })
           ]
         }
       ) })

package/esm/charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/multi-meter-bar/MultiMeterBarChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { MultiMeterBarChartLegend } from './components/MultiMeterBarChartLegend.js';\nimport { MultiMeterBarChartPlotArea } from './components/MultiMeterBarChartPlotArea.js';\nimport { MULTIMETER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMultiMeterBarChartConfig } from './hooks/useMultiMeterBarChartConfig.js';\nimport { MultiMeterBarChartProviders } from './providers/MultiMeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Legend } from './slots/Legend.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { Segment } from './slots/Segment.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MultiMeterBarChartConsumerConfig } from './types/multi-meter-bar-chart-config.js';\nimport type { MultiMeterBarChartProps } from './types/multi-meter-bar-chart.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 { useObserveContainerSize } from '../../core/hooks/useObserveContainerSize.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { MIN_DEFAULT_VALUE, SIZE_DEFAULT } from '../shared/constants.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MultiMeterBarChartElementRef } from '../shared/types/meter-bars.js';\n\nconst COMPONENT_NAME = 'MultiMeterBarChart';\n/**\n * Multi meter bar chart component\n */\nconst MultiMeterBarChartRoot = forwardRef<\n  MultiMeterBarChartElementRef,\n  PropsWithChildren<MultiMeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'multi-meter-bar-chart-root',\n    seriesActions,\n    prefixIcon,\n  } = props;\n\n  const config = useMultiMeterBarChartConfig(props);\n\n  const {\n    colorPalette,\n    size = SIZE_DEFAULT,\n    min = MIN_DEFAULT_VALUE,\n    max,\n    formatter,\n    labelSlot,\n    valueSlot,\n    minSlot,\n    maxSlot,\n    segments,\n    legend,\n    tooltip,\n    totalValue,\n    colorRules,\n    toolbar,\n  } = config;\n\n  const multiMeterBarChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as MultiMeterBarChartElementRef;\n\n    if (multiMeterBarChartRef.current) {\n      const consumerConfig: MultiMeterBarChartConsumerConfig = {\n        colorPalette,\n        size,\n        min,\n        max,\n        formatter,\n        tooltip,\n        legend,\n      };\n\n      exposedRef = {\n        element: multiMeterBarChartRef.current,\n        getConfig: () =>\n          JSON.stringify({ type: ChartType.MultiMeterBar, ...consumerConfig }),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const label = labelSlot ?? '';\n\n  const [{ width }, containerRef] = useObserveContainerSize();\n  const ref = useMergeRefs([containerRef, multiMeterBarChartRef]);\n\n  const contextSeriesActionsValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n        datapoint?: unknown,\n      ) => ReactElement,\n    }),\n    [seriesActions],\n  );\n\n  return (\n    <MultiMeterBarChartProviders\n      colorPalette={colorPalette}\n      formatter={formatter}\n      segments={segments}\n      colorRules={colorRules}\n      toolbar={toolbar}\n    >\n      <ChartSeriesActionContext.Provider value={contextSeriesActionsValue}>\n        <MeterBarLayout\n          ref={ref}\n          size={size}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={MULTIMETER_BAR_CHART_ARIA_LABEL}\n          data-dt-component={COMPONENT_NAME}\n        >\n          {prefixIcon && (\n            <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>\n          )}\n          {labelSlot && (\n            <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>\n          )}\n\n          {valueSlot && (\n            <MeterBarLayout.Value>\n              <MeterBarChartFormattedValue\n                value={totalValue}\n                total={max - min}\n                auto={valueSlot?.auto}\n              >\n                {valueSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Value>\n          )}\n\n          <MeterBarLayout.Chart>\n            <MultiMeterBarChartPlotArea\n              label={label}\n              max={max}\n              min={min}\n              tooltipConfig={tooltip}\n              width={width}\n            />\n          </MeterBarLayout.Chart>\n\n          {minSlot && (\n            <MeterBarLayout.Min>\n              <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n                {minSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Min>\n          )}\n\n          {maxSlot && (\n            <MeterBarLayout.Max>\n              <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n                {maxSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Max>\n          )}\n\n          {legend && (\n            <MeterBarLayout.Legend>\n              <MultiMeterBarChartLegend width={width} />\n            </MeterBarLayout.Legend>\n          )}\n        </MeterBarLayout>\n      </ChartSeriesActionContext.Provider>\n    </MultiMeterBarChartProviders>\n  );\n});\n\n(\n  MultiMeterBarChartRoot as typeof MultiMeterBarChartRoot & {\n    displayName: string;\n  }\n).displayName = '_MultiMeterBarChart';\n\n/**\n * The `MultiMeterBarChart` is a more complex version of the single meter bar,\n * it allows for different data inputs to be considered when presenting progress\n * toward a goal, consumption of a total, etc.\n * @public\n */\nexport const MultiMeterBarChart = Object.assign(MultiMeterBarChartRoot, {\n  Label,\n  Legend,\n  Max,\n  Min,\n  Segment,\n  Value,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  type ReactElement,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { MultiMeterBarChartLegend } from './components/MultiMeterBarChartLegend.js';\nimport { MultiMeterBarChartPlotArea } from './components/MultiMeterBarChartPlotArea.js';\nimport { MULTIMETER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMultiMeterBarChartConfig } from './hooks/useMultiMeterBarChartConfig.js';\nimport { MultiMeterBarChartProviders } from './providers/MultiMeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Legend } from './slots/Legend.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { Segment } from './slots/Segment.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MultiMeterBarChartConsumerConfig } from './types/multi-meter-bar-chart-config.js';\nimport type { MultiMeterBarChartProps } from './types/multi-meter-bar-chart.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.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 { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { MIN_DEFAULT_VALUE, SIZE_DEFAULT } from '../shared/constants.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MultiMeterBarChartElementRef } from '../shared/types/meter-bars.js';\n\nconst COMPONENT_NAME = 'MultiMeterBarChart';\n/**\n * Multi meter bar chart component\n */\nconst MultiMeterBarChartRoot = forwardRef<\n  MultiMeterBarChartElementRef,\n  PropsWithChildren<MultiMeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    width,\n    height,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'multi-meter-bar-chart-root',\n    seriesActions,\n    prefixIcon,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useMultiMeterBarChartConfig(props);\n\n  const {\n    colorPalette,\n    size = SIZE_DEFAULT,\n    min = MIN_DEFAULT_VALUE,\n    max,\n    formatter,\n    unit,\n    labelSlot,\n    valueSlot,\n    minSlot,\n    maxSlot,\n    segments,\n    legend,\n    tooltip,\n    totalValue,\n    colorRules,\n    toolbar,\n  } = config;\n\n  const multiMeterBarChartRef = useRef<HTMLDivElement>(null);\n\n  useImperativeHandle(forwardedRef, () => {\n    let exposedRef = {} as MultiMeterBarChartElementRef;\n\n    if (multiMeterBarChartRef.current) {\n      const consumerConfig: MultiMeterBarChartConsumerConfig = {\n        colorPalette,\n        size,\n        min,\n        max,\n        formatter,\n        unit,\n        tooltip,\n        legend,\n      };\n\n      exposedRef = {\n        element: multiMeterBarChartRef.current,\n        getConfig: () =>\n          JSON.stringify({ type: ChartType.MultiMeterBar, ...consumerConfig }),\n      };\n    }\n\n    return exposedRef;\n  });\n\n  const label = labelSlot ?? '';\n\n  const contextSeriesActionsValue = useMemo(\n    () => ({\n      chartSeriesActions: seriesActions as (\n        series: unknown,\n        datapoint?: unknown,\n      ) => ReactElement,\n    }),\n    [seriesActions],\n  );\n\n  return (\n    <MultiMeterBarChartProviders\n      colorPalette={colorPalette}\n      formatter={formatter}\n      unit={unit}\n      segments={segments}\n      colorRules={colorRules}\n      toolbar={toolbar}\n    >\n      <ChartSeriesActionContext.Provider value={contextSeriesActionsValue}>\n        <MeterBarLayout\n          {...behavioralTrackingProps}\n          width={width}\n          height={height}\n          ref={multiMeterBarChartRef}\n          size={size}\n          className={clsx(defaultChartSize, className)}\n          style={style}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-testid={dataTestId}\n          aria-label={MULTIMETER_BAR_CHART_ARIA_LABEL}\n          data-dt-component={COMPONENT_NAME}\n        >\n          {prefixIcon && (\n            <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>\n          )}\n          {labelSlot && (\n            <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>\n          )}\n\n          {valueSlot && (\n            <MeterBarLayout.Value>\n              <MeterBarChartFormattedValue\n                value={totalValue}\n                total={max - min}\n                auto={valueSlot?.auto}\n              >\n                {valueSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Value>\n          )}\n\n          <MeterBarLayout.Chart>\n            <MultiMeterBarChartPlotArea\n              label={label}\n              max={max}\n              min={min}\n              tooltipConfig={tooltip}\n            />\n          </MeterBarLayout.Chart>\n\n          {minSlot && (\n            <MeterBarLayout.Min>\n              <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n                {minSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Min>\n          )}\n\n          {maxSlot && (\n            <MeterBarLayout.Max>\n              <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n                {maxSlot?.value}\n              </MeterBarChartFormattedValue>\n            </MeterBarLayout.Max>\n          )}\n\n          {legend && (\n            <MeterBarLayout.Legend>\n              <MultiMeterBarChartLegend />\n            </MeterBarLayout.Legend>\n          )}\n        </MeterBarLayout>\n      </ChartSeriesActionContext.Provider>\n    </MultiMeterBarChartProviders>\n  );\n});\n\n(\n  MultiMeterBarChartRoot as typeof MultiMeterBarChartRoot & {\n    displayName: string;\n  }\n).displayName = '_MultiMeterBarChart';\n\n/**\n * The `MultiMeterBarChart` is a more complex version of the single meter bar,\n * it allows for different data inputs to be considered when presenting progress\n * toward a goal, consumption of a total, etc.\n * @public\n */\nexport const MultiMeterBarChart = Object.assign(MultiMeterBarChartRoot, {\n  Label,\n  Legend,\n  Max,\n  Min,\n  Segment,\n  Value,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartLegend.js

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { ChartLegend } from "../../../core/components/legend/categorical/ChartLegend.js";
 import { LegendSizeContext } from "../../../core/components/legend/shared/context/LegendSizeContext.js";
+import { useMeterBarLayoutSize } from "../../shared/context/MeterBarLayoutSize.context.js";
 import { useMultiMeterBarSegmentsState } from "../hooks/store/selectors.js";
 import { useMultiMeterBarStore } from "../hooks/useMultiMeterBarStore.js";
-const MultiMeterBarChartLegend = (props) => {
-  const { width } = props;
+const MultiMeterBarChartLegend = () => {
+  const { segmentWidth: width } = useMeterBarLayoutSize();
   const { setVisibleSegments, setHighlightedSegment } = useMultiMeterBarStore();
   const segments = useMultiMeterBarSegmentsState();
   const legendItems = segments.map((segment) => ({

package/esm/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartLegend.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartLegend.tsx"],
-  "sourcesContent": ["import { ChartLegend } from '../../../core/components/legend/categorical/ChartLegend.js';\nimport { LegendItem } from '../../../core/components/legend/categorical/types/legend.js';\nimport { LegendSizeContext } from '../../../core/components/legend/shared/context/LegendSizeContext.js';\nimport { useMultiMeterBarSegmentsState } from '../hooks/store/selectors.js';\nimport { useMultiMeterBarStore } from '../hooks/useMultiMeterBarStore.js';\n\nexport interface MultiMeterBarChartLegendProps {\n  width: number;\n}\n\nexport const MultiMeterBarChartLegend = (\n  props: MultiMeterBarChartLegendProps,\n) => {\n  const { width } = props;\n  const { setVisibleSegments, setHighlightedSegment } = useMultiMeterBarStore();\n\n  const segments = useMultiMeterBarSegmentsState();\n\n  const legendItems = segments.map((segment) => ({\n    id: segment.id,\n    color: {\n      Default: segment.color,\n    },\n    name: segment.name,\n  }));\n\n  const onClickHandler = (visibleSegments: LegendItem[]) => {\n    setVisibleSegments(visibleSegments);\n  };\n\n  const onHoverHandler = (highlightedSegment?: LegendItem) =>\n    setHighlightedSegment(highlightedSegment);\n\n  return (\n    // the height value is set through the CSS style\n    (<LegendSizeContext.Provider value={{ width, height: 0 }}>\n      <ChartLegend\n        items={legendItems}\n        onClick={onClickHandler}\n        onHover={onHoverHandler}\n        style={{ height: '100% ' }}\n      />\n    </LegendSizeContext.Provider>)\n  );\n};\n\nMultiMeterBarChartLegend['displayName'] = 'MultiMeterBarChartLegend';\n"],
-  "mappings": "AAoCM;AApCN,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AAM/B,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,EAAE,oBAAoB,sBAAsB,IAAI,sBAAsB;AAE5E,QAAM,WAAW,8BAA8B;AAE/C,QAAM,cAAc,SAAS,IAAI,CAAC,aAAa;AAAA,IAC7C,IAAI,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,SAAS,QAAQ;AAAA,IACnB;AAAA,IACA,MAAM,QAAQ;AAAA,EAChB,EAAE;AAEF,QAAM,iBAAiB,CAAC,oBAAkC;AACxD,uBAAmB,eAAe;AAAA,EACpC;AAEA,QAAM,iBAAiB,CAAC,uBACtB,sBAAsB,kBAAkB;AAE1C;AAAA;AAAA,IAEG,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAO,QAAQ,EAAE,GACrD;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,QAAQ;AAAA;AAAA,IAC3B,GACF;AAAA;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
+  "sourcesContent": ["import { ChartLegend } from '../../../core/components/legend/categorical/ChartLegend.js';\nimport { LegendItem } from '../../../core/components/legend/categorical/types/legend.js';\nimport { LegendSizeContext } from '../../../core/components/legend/shared/context/LegendSizeContext.js';\nimport { useMeterBarLayoutSize } from '../../shared/context/MeterBarLayoutSize.context.js';\nimport { useMultiMeterBarSegmentsState } from '../hooks/store/selectors.js';\nimport { useMultiMeterBarStore } from '../hooks/useMultiMeterBarStore.js';\n\nexport const MultiMeterBarChartLegend = () => {\n  const { segmentWidth: width } = useMeterBarLayoutSize();\n  const { setVisibleSegments, setHighlightedSegment } = useMultiMeterBarStore();\n\n  const segments = useMultiMeterBarSegmentsState();\n\n  const legendItems = segments.map((segment) => ({\n    id: segment.id,\n    color: {\n      Default: segment.color,\n    },\n    name: segment.name,\n  }));\n\n  const onClickHandler = (visibleSegments: LegendItem[]) => {\n    setVisibleSegments(visibleSegments);\n  };\n\n  const onHoverHandler = (highlightedSegment?: LegendItem) =>\n    setHighlightedSegment(highlightedSegment);\n\n  return (\n    // the height value is set through the CSS style\n    (<LegendSizeContext.Provider value={{ width, height: 0 }}>\n      <ChartLegend\n        items={legendItems}\n        onClick={onClickHandler}\n        onHover={onHoverHandler}\n        style={{ height: '100% ' }}\n      />\n    </LegendSizeContext.Provider>)\n  );\n};\n\nMultiMeterBarChartLegend['displayName'] = 'MultiMeterBarChartLegend';\n"],
+  "mappings": "AA+BM;AA/BN,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,qCAAqC;AAC9C,SAAS,6BAA6B;AAE/B,MAAM,2BAA2B,MAAM;AAC5C,QAAM,EAAE,cAAc,MAAM,IAAI,sBAAsB;AACtD,QAAM,EAAE,oBAAoB,sBAAsB,IAAI,sBAAsB;AAE5E,QAAM,WAAW,8BAA8B;AAE/C,QAAM,cAAc,SAAS,IAAI,CAAC,aAAa;AAAA,IAC7C,IAAI,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,SAAS,QAAQ;AAAA,IACnB;AAAA,IACA,MAAM,QAAQ;AAAA,EAChB,EAAE;AAEF,QAAM,iBAAiB,CAAC,oBAAkC;AACxD,uBAAmB,eAAe;AAAA,EACpC;AAEA,QAAM,iBAAiB,CAAC,uBACtB,sBAAsB,kBAAkB;AAE1C;AAAA;AAAA,IAEG,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAO,QAAQ,EAAE,GACrD;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO,EAAE,QAAQ,QAAQ;AAAA;AAAA,IAC3B,GACF;AAAA;AAEJ;AAEA,yBAAyB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/meter-bar/multi-meter-bar/components/MultiMeterBarChartOverlay/MultiMeterBarChartOverlay.css

@@ -1,4 +1,4 @@
-._11ege6n0-3-1-3 {
+._11ege6n0-3-2-1 {
   position: relative;
   z-index: 1;
 }