@dynatrace/strato-components 3.11.2 → 3.12.0

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js

@@ -1,6 +1,6 @@
 import "./ChartLegendSeriesActions.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-11-2", variantClassNames: { visible: { true: "_yo3l7h1-3-11-2", false: "_yo3l7h2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-12-0", variantClassNames: { visible: { true: "_yo3l7h1-3-12-0", false: "_yo3l7h2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   seriesButton
 };

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css.ts"],
-  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-11-2',variantClassNames:{visible:{true:'_yo3l7h1-3-11-2',false:'_yo3l7h2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-12-0',variantClassNames:{visible:{true:'_yo3l7h1-3-12-0',false:'_yo3l7h2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css

@@ -1,30 +1,30 @@
-._igjrsj0-3-11-2 {
+._igjrsj0-3-12-0 {
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
-._igjrsj1-3-11-2 {
+._igjrsj1-3-12-0 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._igjrsj2-3-11-2 {
+._igjrsj2-3-12-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._igjrsj3-3-11-2 {
+._igjrsj3-3-12-0 {
   position: relative;
 }
-._igjrsj4-3-11-2 {
+._igjrsj4-3-12-0 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
 }
-._igjrsj5-3-11-2 {
+._igjrsj5-3-12-0 {
   display: grid;
 }
-._igjrsj6-3-11-2 {
+._igjrsj6-3-12-0 {
   margin-top: var(--dt-spacings-size-8, 8px);
 }
-._igjrsj7-3-11-2 {
+._igjrsj7-3-12-0 {
   margin-top: var(--dt-spacings-size-0, 0);
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js

@@ -1,9 +1,9 @@
 import "./ChartVirtualizedLegendGrid.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-11-2", variantClassNames: { layout: { horizontal: "_igjrsj1-3-11-2", vertical: "_igjrsj2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-11-2", variantClassNames: { layout: { horizontal: "_igjrsj6-3-11-2", vertical: "_igjrsj7-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var virtualizedGrid = "_igjrsj3-3-11-2";
-var virtualizedRow = "_igjrsj4-3-11-2";
+var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-12-0", variantClassNames: { layout: { horizontal: "_igjrsj1-3-12-0", vertical: "_igjrsj2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-12-0", variantClassNames: { layout: { horizontal: "_igjrsj6-3-12-0", vertical: "_igjrsj7-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var virtualizedGrid = "_igjrsj3-3-12-0";
+var virtualizedRow = "_igjrsj4-3-12-0";
 export {
   legendContent,
   legendGrid,

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css.ts"],
-  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-11-2',variantClassNames:{layout:{horizontal:'_igjrsj1-3-11-2',vertical:'_igjrsj2-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-11-2',variantClassNames:{layout:{horizontal:'_igjrsj6-3-11-2',vertical:'_igjrsj7-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-11-2';\nexport var virtualizedRow = '_igjrsj4-3-11-2';"],
+  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-12-0',variantClassNames:{layout:{horizontal:'_igjrsj1-3-12-0',vertical:'_igjrsj2-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-12-0',variantClassNames:{layout:{horizontal:'_igjrsj6-3-12-0',vertical:'_igjrsj7-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-12-0';\nexport var virtualizedRow = '_igjrsj4-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3L,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxL,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/hooks/useLegendItemActions.js

@@ -1,13 +1,24 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import {
+  useEffect,
+  useMemo
+} from "react";
 import { useIntl } from "react-intl";
 import { CopyIcon } from "@dynatrace/strato-icons";
 import { useCopyToClipboard } from "../../../../../../core/utils/useCopyToClipboard.js";
 import { COPY_TO_CLIPBOARD_MESSAGES } from "../../../copy-to-clipboard/copy-to-clipboard-messages.js";
 import { ChartSeriesAction } from "../../../series-action/ChartSeriesAction.js";
-const useLegendItemActions = (item, onLegendItemAction) => {
+const useLegendItemActions = (item, onLegendItemAction, onAnnounce) => {
   const intl = useIntl();
-  const [handleCopyToClipboard] = useCopyToClipboard(item.name);
+  const [handleCopyToClipboard, copied, setCopied] = useCopyToClipboard(
+    item.name
+  );
+  useEffect(() => {
+    if (copied) {
+      onAnnounce(intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.actionCopied));
+      setCopied(false);
+    }
+  }, [copied, onAnnounce, intl, setCopied]);
   const defaultActions = useMemo(
     () => /* @__PURE__ */ jsxs(
       ChartSeriesAction.Item,

package/esm/charts/core/components/legend/categorical/hooks/useLegendItemActions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/hooks/useLegendItemActions.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren, type ReactElement, useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { useCopyToClipboard } from '../../../../../../core/utils/useCopyToClipboard.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartSeriesAction } from '../../../series-action/ChartSeriesAction.js';\nimport { LegendItem } from '../types/legend.js';\n\nexport const useLegendItemActions = (\n  item: LegendItem,\n  onLegendItemAction: () => void,\n) => {\n  const intl = useIntl();\n  const [handleCopyToClipboard] = useCopyToClipboard(item.name);\n\n  const defaultActions: ReactElement<PropsWithChildren> = useMemo(\n    () => (\n      <ChartSeriesAction.Item\n        key={item.name}\n        data-dt-children-name=\"LegendCopyName\"\n        onSelect={() => {\n          handleCopyToClipboard();\n          onLegendItemAction();\n        }}\n      >\n        <ChartSeriesAction.ItemIcon>\n          <CopyIcon />\n        </ChartSeriesAction.ItemIcon>\n        {intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.copyActionName)}\n      </ChartSeriesAction.Item>\n    ),\n    [item.name],\n  );\n\n  return { intl, defaultActions };\n};\n"],
-  "mappings": "AAmBM,SASI,KATJ;AAnBN,SAAoD,eAAe;AACnE,SAAS,eAAe;AAExB,SAAS,gBAAgB;AAEzB,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAG3B,MAAM,uBAAuB,CAClC,MACA,uBACG;AACH,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,qBAAqB,IAAI,mBAAmB,KAAK,IAAI;AAE5D,QAAM,iBAAkD;AAAA,IACtD,MACE;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QAEC,yBAAsB;AAAA,QACtB,UAAU,MAAM;AACd,gCAAsB;AACtB,6BAAmB;AAAA,QACrB;AAAA,QAEA;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,UACC,KAAK,cAAc,2BAA2B,cAAc;AAAA;AAAA;AAAA,MAVxD,KAAK;AAAA,IAWZ;AAAA,IAEF,CAAC,KAAK,IAAI;AAAA,EACZ;AAEA,SAAO,EAAE,MAAM,eAAe;AAChC;",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  type ReactElement,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CopyIcon } from '@dynatrace/strato-icons';\n\nimport { useCopyToClipboard } from '../../../../../../core/utils/useCopyToClipboard.js';\nimport { COPY_TO_CLIPBOARD_MESSAGES } from '../../../copy-to-clipboard/copy-to-clipboard-messages.js';\nimport { ChartSeriesAction } from '../../../series-action/ChartSeriesAction.js';\nimport { LegendItem } from '../types/legend.js';\n\nexport const useLegendItemActions = (\n  item: LegendItem,\n  onLegendItemAction: () => void,\n  onAnnounce: (message: string) => void,\n) => {\n  const intl = useIntl();\n  const [handleCopyToClipboard, copied, setCopied] = useCopyToClipboard(\n    item.name,\n  );\n\n  useEffect(() => {\n    if (copied) {\n      onAnnounce(intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.actionCopied));\n      // Reset so copying the same series again re-fires this effect; `copied`\n      // is otherwise latched (its only reset is keyed on the stable item.name).\n      setCopied(false);\n    }\n  }, [copied, onAnnounce, intl, setCopied]);\n\n  const defaultActions: ReactElement<PropsWithChildren> = useMemo(\n    () => (\n      <ChartSeriesAction.Item\n        key={item.name}\n        data-dt-children-name=\"LegendCopyName\"\n        onSelect={() => {\n          handleCopyToClipboard();\n          onLegendItemAction();\n        }}\n      >\n        <ChartSeriesAction.ItemIcon>\n          <CopyIcon />\n        </ChartSeriesAction.ItemIcon>\n        {intl.formatMessage(COPY_TO_CLIPBOARD_MESSAGES.copyActionName)}\n      </ChartSeriesAction.Item>\n    ),\n    [item.name],\n  );\n\n  return { intl, defaultActions };\n};\n"],
+  "mappings": "AAoCM,SASI,KATJ;AApCN;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,gBAAgB;AAEzB,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAG3B,MAAM,uBAAuB,CAClC,MACA,oBACA,eACG;AACH,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,uBAAuB,QAAQ,SAAS,IAAI;AAAA,IACjD,KAAK;AAAA,EACP;AAEA,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,iBAAW,KAAK,cAAc,2BAA2B,YAAY,CAAC;AAGtE,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,MAAM,SAAS,CAAC;AAExC,QAAM,iBAAkD;AAAA,IACtD,MACE;AAAA,MAAC,kBAAkB;AAAA,MAAlB;AAAA,QAEC,yBAAsB;AAAA,QACtB,UAAU,MAAM;AACd,gCAAsB;AACtB,6BAAmB;AAAA,QACrB;AAAA,QAEA;AAAA,8BAAC,kBAAkB,UAAlB,EACC,8BAAC,YAAS,GACZ;AAAA,UACC,KAAK,cAAc,2BAA2B,cAAc;AAAA;AAAA;AAAA,MAVxD,KAAK;AAAA,IAWZ;AAAA,IAEF,CAAC,KAAK,IAAI;AAAA,EACZ;AAEA,SAAO,EAAE,MAAM,eAAe;AAChC;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/messages.js

@@ -9,6 +9,31 @@ const LEGEND_MESSAGES = defineMessages({
     id: "1e3uPo8SoI4NA2dZ",
     defaultMessage: "Show",
     description: "Text in a tooltip shown when hovering a legend series to show it"
+  },
+  legendHideSeriesAria: {
+    id: "Vt7aUQHkFaDCuIqZ",
+    defaultMessage: "Hide {seriesName}",
+    description: "Accessible label for the hide-series toggle button in a legend item"
+  },
+  legendShowSeriesAria: {
+    id: "k+a+zH/n3HXJex9e",
+    defaultMessage: "Show {seriesName}",
+    description: "Accessible label for the show-series toggle button in a legend item"
+  },
+  legendSeriesActionsAria: {
+    id: "3QeEQ2KrbnVJzUEp",
+    defaultMessage: "Open actions for {seriesName}",
+    description: "Accessible label for the series actions menu button in a legend item"
+  },
+  legendSeriesHiddenAnnouncement: {
+    id: "tWdgBWwThCCe7Tum",
+    defaultMessage: "{seriesName} hidden",
+    description: "Screen reader announcement when a chart legend series is hidden"
+  },
+  legendSeriesShownAnnouncement: {
+    id: "8gqUdz9VpeEbBtre",
+    defaultMessage: "{seriesName} shown",
+    description: "Screen reader announcement when a chart legend series is shown"
   }
 });
 export {

package/esm/charts/core/components/legend/categorical/messages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/categorical/messages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const LEGEND_MESSAGES = defineMessages({\n  legendHideSeries: {\n    id: 'XPLMI3aOe8TwFwJc',\n    defaultMessage: 'Hide',\n    description:\n      'Text in a tooltip shown when hovering a legend series to hide it',\n  },\n  legendShowSeries: {\n    id: '1e3uPo8SoI4NA2dZ',\n    defaultMessage: 'Show',\n    description:\n      'Text in a tooltip shown when hovering a legend series to show it',\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,kBAAkB,eAAe;AAAA,EAC5C,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;",
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const LEGEND_MESSAGES = defineMessages({\n  legendHideSeries: {\n    id: 'XPLMI3aOe8TwFwJc',\n    defaultMessage: 'Hide',\n    description:\n      'Text in a tooltip shown when hovering a legend series to hide it',\n  },\n  legendShowSeries: {\n    id: '1e3uPo8SoI4NA2dZ',\n    defaultMessage: 'Show',\n    description:\n      'Text in a tooltip shown when hovering a legend series to show it',\n  },\n  legendHideSeriesAria: {\n    id: 'Vt7aUQHkFaDCuIqZ',\n    defaultMessage: 'Hide {seriesName}',\n    description:\n      'Accessible label for the hide-series toggle button in a legend item',\n  },\n  legendShowSeriesAria: {\n    id: 'k+a+zH/n3HXJex9e',\n    defaultMessage: 'Show {seriesName}',\n    description:\n      'Accessible label for the show-series toggle button in a legend item',\n  },\n  legendSeriesActionsAria: {\n    id: '3QeEQ2KrbnVJzUEp',\n    defaultMessage: 'Open actions for {seriesName}',\n    description:\n      'Accessible label for the series actions menu button in a legend item',\n  },\n  legendSeriesHiddenAnnouncement: {\n    id: 'tWdgBWwThCCe7Tum',\n    defaultMessage: '{seriesName} hidden',\n    description:\n      'Screen reader announcement when a chart legend series is hidden',\n  },\n  legendSeriesShownAnnouncement: {\n    id: '8gqUdz9VpeEbBtre',\n    defaultMessage: '{seriesName} shown',\n    description:\n      'Screen reader announcement when a chart legend series is shown',\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,kBAAkB,eAAe;AAAA,EAC5C,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,yBAAyB;AAAA,IACvB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,gCAAgC;AAAA,IAC9B,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,+BAA+B;AAAA,IAC7B,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/RangeLegend.css

@@ -1,13 +1,13 @@
-._lvrd9i0-3-11-2 {
+._lvrd9i0-3-12-0 {
   display: flex;
   align-items: center;
   padding: var(--dt-spacings-size-8, 8px);
   box-sizing: border-box;
   margin: 0 auto;
 }
-._lvrd9i1-3-11-2 {
+._lvrd9i1-3-12-0 {
   flex-direction: row;
 }
-._lvrd9i2-3-11-2 {
+._lvrd9i2-3-12-0 {
   flex-direction: column;
 }

package/esm/charts/core/components/legend/range/RangeLegend.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegend.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-11-2", variantClassNames: { isVertical: { true: "_lvrd9i1-3-11-2", false: "_lvrd9i2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-12-0", variantClassNames: { isVertical: { true: "_lvrd9i1-3-12-0", false: "_lvrd9i2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/range/RangeLegend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/RangeLegend.css.ts"],
-  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-11-2',variantClassNames:{isVertical:{true:'_lvrd9i1-3-11-2',false:'_lvrd9i2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-12-0',variantClassNames:{isVertical:{true:'_lvrd9i1-3-12-0',false:'_lvrd9i2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css

@@ -1,6 +1,6 @@
-._klb1cs1-3-11-2 {
+._klb1cs1-3-12-0 {
   visibility: hidden;
 }
-._klb1cs2-3-11-2 {
+._klb1cs2-3-12-0 {
   visibility: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendBoundaryLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-11-2", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-11-2", false: "_klb1cs2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-12-0", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-12-0", false: "_klb1cs2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   boundaryLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-11-2',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-11-2',false:'_klb1cs2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-12-0',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-12-0',false:'_klb1cs2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css

@@ -1,3 +1,3 @@
-._1itb2bi0-3-11-2 {
+._1itb2bi0-3-12-0 {
   overflow: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js

@@ -1,5 +1,5 @@
 import "./RangeLegendItemLabel.css";
-var legendLabel = "_1itb2bi0-3-11-2";
+var legendLabel = "_1itb2bi0-3-12-0";
 export {
   legendLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-11-2';"],
+  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css

@@ -1,9 +1,9 @@
-._1kzx6wv0-3-11-2 {
+._1kzx6wv0-3-12-0 {
   overflow: visible;
 }
-._1kzx6wv1-3-11-2 {
+._1kzx6wv1-3-12-0 {
   visibility: visible;
 }
-._1kzx6wv2-3-11-2 {
+._1kzx6wv2-3-12-0 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendItemMarker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-11-2", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-11-2", false: "_1kzx6wv2-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-12-0", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-12-0", false: "_1kzx6wv2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarker
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-11-2',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-11-2',false:'_1kzx6wv2-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-12-0',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-12-0',false:'_1kzx6wv2-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,eAAc,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css

@@ -1,12 +1,12 @@
-._u32l830-3-11-2 {
+._u32l830-3-12-0 {
   overflow: visible;
   position: absolute;
 }
-._u32l831-3-11-2 {
+._u32l831-3-12-0 {
   width: 100%;
   height: 10px;
 }
-._u32l832-3-11-2 {
+._u32l832-3-12-0 {
   height: 100%;
   width: 10px;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendMarkers.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-11-2", variantClassNames: { isHorizontal: { true: "_u32l831-3-11-2", false: "_u32l832-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-12-0", variantClassNames: { isHorizontal: { true: "_u32l831-3-12-0", false: "_u32l832-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarkersSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css.ts"],
-  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-11-2',variantClassNames:{isHorizontal:{true:'_u32l831-3-11-2',false:'_u32l832-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-12-0',variantClassNames:{isHorizontal:{true:'_u32l831-3-12-0',false:'_u32l832-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css

@@ -1,21 +1,21 @@
-._6z9t250-3-11-2 {
+._6z9t250-3-12-0 {
   display: block;
   border-radius: 2px;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._6z9t250-3-11-2:focus {
+._6z9t250-3-12-0:focus {
   outline: none;
 }
-._6z9t251-3-11-2 {
+._6z9t251-3-12-0 {
   margin: 0 auto;
   width: 100%;
   height: 10px;
 }
-._6z9t252-3-11-2 {
+._6z9t252-3-12-0 {
   height: 100%;
   width: 10px;
 }
-._6z9t250-3-11-2 rect:focus {
+._6z9t250-3-12-0 rect:focus {
   outline: none;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendSegments.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-11-2", variantClassNames: { isHorizontal: { true: "_6z9t251-3-11-2", false: "_6z9t252-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-12-0", variantClassNames: { isHorizontal: { true: "_6z9t251-3-12-0", false: "_6z9t252-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css.ts"],
-  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-11-2',variantClassNames:{isHorizontal:{true:'_6z9t251-3-11-2',false:'_6z9t252-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-12-0',variantClassNames:{isHorizontal:{true:'_6z9t251-3-12-0',false:'_6z9t252-3-12-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/shared/context/Legend.context.js

@@ -6,7 +6,8 @@ const LegendContext = createContext({
   onLegendIconClick: () => void 0,
   onItemHover: () => void 0,
   onLegendNameClick: () => void 0,
-  interactionsDisabled: false
+  interactionsDisabled: false,
+  onAnnounce: () => void 0
 });
 LegendContext["displayName"] = "LegendContext";
 export {

package/esm/charts/core/components/legend/shared/context/Legend.context.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/shared/context/Legend.context.ts"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../../../constants.js';\nimport { LegendState } from '../../categorical/types/legend-internal.js';\n\n/**\n * @internal\n */\nexport const LegendContext = createContext<LegendState>({\n  hiddenItems: new Set([]),\n  truncationMode: DEFAULT_TRUNCATION_MODE,\n  onLegendIconClick: () => undefined,\n  onItemHover: () => undefined,\n  onLegendNameClick: () => undefined,\n  interactionsDisabled: false,\n});\n\nLegendContext['displayName'] = 'LegendContext';\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,+BAA+B;AAMjC,MAAM,gBAAgB,cAA2B;AAAA,EACtD,aAAa,oBAAI,IAAI,CAAC,CAAC;AAAA,EACvB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,sBAAsB;AACxB,CAAC;AAED,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../../../constants.js';\nimport { LegendState } from '../../categorical/types/legend-internal.js';\n\n/**\n * @internal\n */\nexport const LegendContext = createContext<LegendState>({\n  hiddenItems: new Set([]),\n  truncationMode: DEFAULT_TRUNCATION_MODE,\n  onLegendIconClick: () => undefined,\n  onItemHover: () => undefined,\n  onLegendNameClick: () => undefined,\n  interactionsDisabled: false,\n  onAnnounce: () => undefined,\n});\n\nLegendContext['displayName'] = 'LegendContext';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,+BAA+B;AAMjC,MAAM,gBAAgB,cAA2B;AAAA,EACtD,aAAa,oBAAI,IAAI,CAAC,CAAC;AAAA,EACvB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,sBAAsB;AAAA,EACtB,YAAY,MAAM;AACpB,CAAC;AAED,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/loader-overlay/LoaderOverlay.css

@@ -1,4 +1,4 @@
-._bs5vaz0-3-11-2 {
+._bs5vaz0-3-12-0 {
   position: absolute;
   top: 0;
   width: 100%;
@@ -6,7 +6,7 @@
   z-index: 1;
   pointer-events: none;
 }
-._bs5vaz1-3-11-2 {
+._bs5vaz1-3-12-0 {
   position: absolute;
   top: 0;
   width: 100%;

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js

@@ -1,6 +1,6 @@
 import "./LoaderOverlay.css";
-var loaderOverlay = "_bs5vaz0-3-11-2";
-var progressCircle = "_bs5vaz1-3-11-2";
+var loaderOverlay = "_bs5vaz0-3-12-0";
+var progressCircle = "_bs5vaz1-3-12-0";
 export {
   loaderOverlay,
   progressCircle

package/esm/charts/core/components/loader-overlay/LoaderOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/loader-overlay/LoaderOverlay.css.ts"],
-  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-11-2';\nexport var progressCircle = '_bs5vaz1-3-11-2';"],
+  "sourcesContent": ["import './LoaderOverlay.css';\nexport var loaderOverlay = '_bs5vaz0-3-12-0';\nexport var progressCircle = '_bs5vaz1-3-12-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/OverlayTooltip.js

@@ -8,11 +8,19 @@ import { Series } from "./components/series/Series.js";
 import { SeriesHeader } from "./components/series/SeriesHeader.js";
 import { SeriesItem } from "./components/series/SeriesItem.js";
 import { TooltipPortal } from "./components/TooltipPortal.js";
+import { useOverlay } from "./contexts/OverlayContext.js";
+import { useCanvasAriaDescribedBy } from "./hooks/useCanvasAriaDescribedBy.js";
+import { useId } from "../../../../core/hooks/useId.js";
 const TooltipRoot = (props) => {
-  if (props.absoluteX !== void 0 && props.absoluteY !== void 0) {
+  const tooltipId = useId();
+  const overlay = useOverlay();
+  const isPortalMode = props.absoluteX !== void 0 && props.absoluteY !== void 0;
+  useCanvasAriaDescribedBy(overlay.overlayRef, tooltipId, isPortalMode);
+  if (isPortalMode) {
     return /* @__PURE__ */ jsx(
       TooltipPortal,
       {
+        id: tooltipId,
         isInteractive: props.isInteractive ?? false,
         absoluteX: props.absoluteX,
         absoluteY: props.absoluteY,

package/esm/charts/core/components/overlay-tooltip/OverlayTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/overlay-tooltip/OverlayTooltip.tsx"],
-  "sourcesContent": ["import type { PropsWithChildren } from 'react';\n\nimport { DynamicTooltipRenderer } from './components/DynamicTooltipRenderer.js';\nimport { Footer } from './components/Footer.js';\nimport { Action } from './components/global-actions/Action.js';\nimport { ActionsPlaceholder } from './components/global-actions/ActionsPlaceholder.js';\nimport { Header } from './components/header/Header.js';\nimport { Series } from './components/series/Series.js';\nimport { SeriesHeader } from './components/series/SeriesHeader.js';\nimport { SeriesItem } from './components/series/SeriesItem.js';\nimport { TooltipPortal } from './components/TooltipPortal.js';\nimport type { OverlayTooltipProps } from './types.js';\n\n/**\n * Tooltip root component\n * @internal\n */\nconst TooltipRoot = (props: PropsWithChildren<OverlayTooltipProps>) => {\n  if (props.absoluteX !== undefined && props.absoluteY !== undefined) {\n    return (\n      <TooltipPortal\n        isInteractive={props.isInteractive ?? false}\n        absoluteX={props.absoluteX}\n        absoluteY={props.absoluteY}\n      >\n        {props.children}\n      </TooltipPortal>\n    );\n  }\n\n  return <DynamicTooltipRenderer {...props} />;\n};\n\n/**\n * OverlayTooltip WIP component\n * @internal\n */\nexport const OverlayTooltip = Object.assign(TooltipRoot, {\n  Action,\n  ActionsPlaceholder,\n  Footer,\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n\nexport const Tooltip = () => null;\nTooltip.displayName = 'ChartTooltip';\n/**\n * ChartTooltip Component\n * @public\n */\nexport const ChartTooltip = Object.assign(Tooltip, {\n  Action,\n  ActionsPlaceholder,\n  Footer,\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n"],
-  "mappings": "AAoBM;AAlBN,SAAS,8BAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAO9B,MAAM,cAAc,CAAC,UAAkD;AACrE,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,QAAW;AAClE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAe,MAAM,iBAAiB;AAAA,QACtC,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QAEhB,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,SAAO,oBAAC,0BAAwB,GAAG,OAAO;AAC5C;AAMO,MAAM,iBAAiB,OAAO,OAAO,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,UAAU,MAAM;AAC7B,QAAQ,cAAc;AAKf,MAAM,eAAe,OAAO,OAAO,SAAS;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { DynamicTooltipRenderer } from './components/DynamicTooltipRenderer.js';\nimport { Footer } from './components/Footer.js';\nimport { Action } from './components/global-actions/Action.js';\nimport { ActionsPlaceholder } from './components/global-actions/ActionsPlaceholder.js';\nimport { Header } from './components/header/Header.js';\nimport { Series } from './components/series/Series.js';\nimport { SeriesHeader } from './components/series/SeriesHeader.js';\nimport { SeriesItem } from './components/series/SeriesItem.js';\nimport { TooltipPortal } from './components/TooltipPortal.js';\nimport { useOverlay } from './contexts/OverlayContext.js';\nimport { useCanvasAriaDescribedBy } from './hooks/useCanvasAriaDescribedBy.js';\nimport type { OverlayTooltipProps } from './types.js';\nimport { useId } from '../../../../core/hooks/useId.js';\n\n/**\n * Tooltip root component\n * @internal\n */\nconst TooltipRoot = (props: PropsWithChildren<OverlayTooltipProps>) => {\n  const tooltipId = useId();\n  const overlay = useOverlay();\n  const isPortalMode =\n    props.absoluteX !== undefined && props.absoluteY !== undefined;\n\n  useCanvasAriaDescribedBy(overlay.overlayRef, tooltipId, isPortalMode);\n\n  if (isPortalMode) {\n    return (\n      <TooltipPortal\n        id={tooltipId}\n        isInteractive={props.isInteractive ?? false}\n        absoluteX={props.absoluteX}\n        absoluteY={props.absoluteY}\n      >\n        {props.children}\n      </TooltipPortal>\n    );\n  }\n\n  return <DynamicTooltipRenderer {...props} />;\n};\n\n/**\n * OverlayTooltip WIP component\n * @internal\n */\nexport const OverlayTooltip = Object.assign(TooltipRoot, {\n  Action,\n  ActionsPlaceholder,\n  Footer,\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n\nexport const Tooltip = () => null;\nTooltip.displayName = 'ChartTooltip';\n/**\n * ChartTooltip Component\n * @public\n */\nexport const ChartTooltip = Object.assign(Tooltip, {\n  Action,\n  ActionsPlaceholder,\n  Footer,\n  Header,\n  Series,\n  SeriesHeader,\n  SeriesItem,\n});\n"],
+  "mappings": "AA8BM;AA5BN,SAAS,8BAA8B;AACvC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,gCAAgC;AAEzC,SAAS,aAAa;AAMtB,MAAM,cAAc,CAAC,UAAkD;AACrE,QAAM,YAAY,MAAM;AACxB,QAAM,UAAU,WAAW;AAC3B,QAAM,eACJ,MAAM,cAAc,UAAa,MAAM,cAAc;AAEvD,2BAAyB,QAAQ,YAAY,WAAW,YAAY;AAEpE,MAAI,cAAc;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,eAAe,MAAM,iBAAiB;AAAA,QACtC,WAAW,MAAM;AAAA,QACjB,WAAW,MAAM;AAAA,QAEhB,gBAAM;AAAA;AAAA,IACT;AAAA,EAEJ;AAEA,SAAO,oBAAC,0BAAwB,GAAG,OAAO;AAC5C;AAMO,MAAM,iBAAiB,OAAO,OAAO,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,MAAM,UAAU,MAAM;AAC7B,QAAQ,cAAc;AAKf,MAAM,eAAe,OAAO,OAAO,SAAS;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/esm/charts/core/components/overlay-tooltip/components/DynamicTooltip.js

@@ -14,7 +14,7 @@ import { useTooltip } from "../contexts/TooltipContext.js";
 import { useTooltipReducer } from "../useTooltipReducer.js";
 import { isScrollIgnored } from "../utils/is-scroll-ignored.js";
 const DynamicTooltip = (props) => {
-  const { absoluteX, absoluteY, pinned } = props;
+  const { id, absoluteX, absoluteY, pinned } = props;
   const overlay = useOverlay();
   const dispatch = useTooltipReducer();
   const tooltip = useTooltip();
@@ -102,6 +102,7 @@ const DynamicTooltip = (props) => {
   return /* @__PURE__ */ jsx(
     TooltipPortal,
     {
+      id,
       isInteractive: pinned,
       absoluteX,
       absoluteY,

package/esm/charts/core/components/overlay-tooltip/components/DynamicTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/overlay-tooltip/components/DynamicTooltip.tsx"],
-  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { TooltipPortal } from './TooltipPortal.js';\nimport { useThrottledCallbackOnResize } from '../../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../../utils/throttleRaf.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isScrollIgnored } from '../utils/is-scroll-ignored.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const suppressNextMoveRef = useRef(false);\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, (event) => {\n    if (!overlay.overlayRef.current) {\n      return;\n    }\n\n    if (\n      overlay.overlayRef.current.contains(event.target as Node | null) ||\n      isScrollIgnored(event)\n    ) {\n      return;\n    }\n\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize', scroll: true },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (suppressNextMoveRef.current) {\n          suppressNextMoveRef.current = false;\n          return;\n        }\n\n        if (\n          (event.pressure || event.pointerType === 'touch') &&\n          tooltip.getState().pinned\n        ) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (!pinned || !overlay.overlayRef.current) {\n      return;\n    }\n    suppressNextMoveRef.current = true;\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return (\n    <TooltipPortal\n      isInteractive={pinned}\n      absoluteX={absoluteX}\n      absoluteY={absoluteY}\n      onMouseLeave={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      onScrollCapture={() => dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })()}\n    >\n      {props.children}\n    </TooltipPortal>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { TooltipPortal } from './TooltipPortal.js';\nimport { useThrottledCallbackOnResize } from '../../../hooks/useThrottledCallbackOnResize.js';\nimport { useThrottledCallbackOnScroll } from '../../../hooks/useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../../../utils/throttleRaf.js';\nimport { useOverlay } from '../contexts/OverlayContext.js';\nimport { useTooltip } from '../contexts/TooltipContext.js';\nimport { useTooltipReducer } from '../useTooltipReducer.js';\nimport { isScrollIgnored } from '../utils/is-scroll-ignored.js';\n\nexport const DynamicTooltip = (\n  props: PropsWithChildren<{\n    id: string;\n    pinned: boolean;\n    absoluteX: number;\n    absoluteY: number;\n  }>,\n) => {\n  const { id, absoluteX, absoluteY, pinned } = props;\n  const overlay = useOverlay();\n  const dispatch = useTooltipReducer();\n  const tooltip = useTooltip();\n  const suppressNextMoveRef = useRef(false);\n\n  const onEscapeKeyPressedHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      dispatch({ type: 'RESET_TOOLTIP' })();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keyup', onEscapeKeyPressedHandler);\n    return () => {\n      window.removeEventListener('keyup', onEscapeKeyPressedHandler);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useThrottledCallbackOnScroll(false, (event) => {\n    if (!overlay.overlayRef.current) {\n      return;\n    }\n\n    if (\n      overlay.overlayRef.current.contains(event.target as Node | null) ||\n      isScrollIgnored(event)\n    ) {\n      return;\n    }\n\n    if (tooltip.getState().pinned) {\n      dispatch({\n        type: 'UPDATE_POSITION',\n        payload: { type: 'non-resize', scroll: true },\n      })();\n      return;\n    }\n\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  });\n\n  useThrottledCallbackOnResize(\n    overlay.overlayRef,\n    dispatch({ type: 'UPDATE_POSITION', payload: { type: 'resize' } }),\n    !pinned,\n  );\n\n  const pointerMoveCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (suppressNextMoveRef.current) {\n          suppressNextMoveRef.current = false;\n          return;\n        }\n\n        if (\n          (event.pressure || event.pointerType === 'touch') &&\n          tooltip.getState().pinned\n        ) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  const pointerUpCallback = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (tooltip.getState().pinned) {\n          if (\n            !overlay.overlayRef.current ||\n            overlay.overlayRef.current.contains(event.target as Node)\n          ) {\n            return;\n          }\n          dispatch({\n            type: 'UPDATE_POSITION',\n            payload: { type: 'non-resize' },\n          })();\n          return;\n        }\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    if (!pinned || !overlay.overlayRef.current) {\n      return;\n    }\n    suppressNextMoveRef.current = true;\n    window.addEventListener('pointermove', pointerMoveCallback);\n    window.addEventListener('pointerup', pointerUpCallback);\n\n    return () => {\n      window.removeEventListener('pointermove', pointerMoveCallback);\n      window.removeEventListener('pointerup', pointerUpCallback);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pinned]);\n\n  return (\n    <TooltipPortal\n      id={id}\n      isInteractive={pinned}\n      absoluteX={absoluteX}\n      absoluteY={absoluteY}\n      onMouseLeave={dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })}\n      onScrollCapture={() => dispatch({ type: 'TOOLTIP_MOUSE_LEAVE' })()}\n    >\n      {props.children}\n    </TooltipPortal>\n  );\n};\n"],
+  "mappings": "AA6II;AA7IJ;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAC9B,SAAS,oCAAoC;AAC7C,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAEzB,MAAM,iBAAiB,CAC5B,UAMG;AACH,QAAM,EAAE,IAAI,WAAW,WAAW,OAAO,IAAI;AAC7C,QAAM,UAAU,WAAW;AAC3B,QAAM,WAAW,kBAAkB;AACnC,QAAM,UAAU,WAAW;AAC3B,QAAM,sBAAsB,OAAO,KAAK;AAExC,QAAM,4BAA4B,YAAY,CAAC,UAAyB;AACtE,QAAI,MAAM,QAAQ,UAAU;AAC1B,eAAS,EAAE,MAAM,gBAAgB,CAAC,EAAE;AAAA,IACtC;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,iBAAiB,SAAS,yBAAyB;AAC1D,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,yBAAyB;AAAA,IAC/D;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,+BAA6B,OAAO,CAAC,UAAU;AAC7C,QAAI,CAAC,QAAQ,WAAW,SAAS;AAC/B;AAAA,IACF;AAEA,QACE,QAAQ,WAAW,QAAQ,SAAS,MAAM,MAAqB,KAC/D,gBAAgB,KAAK,GACrB;AACA;AAAA,IACF;AAEA,QAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,eAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,EAAE,MAAM,cAAc,QAAQ,KAAK;AAAA,MAC9C,CAAC,EAAE;AACH;AAAA,IACF;AAEA,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC,CAAC;AAED;AAAA,IACE,QAAQ;AAAA,IACR,SAAS,EAAE,MAAM,mBAAmB,SAAS,EAAE,MAAM,SAAS,EAAE,CAAC;AAAA,IACjE,CAAC;AAAA,EACH;AAEA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UAAI,oBAAoB,SAAS;AAC/B,4BAAoB,UAAU;AAC9B;AAAA,MACF;AAEA,WACG,MAAM,YAAY,MAAM,gBAAgB,YACzC,QAAQ,SAAS,EAAE,QACnB;AACA,YACE,CAAC,QAAQ,WAAW,WACpB,QAAQ,WAAW,QAAQ,SAAS,MAAM,MAAc,GACxD;AACA;AAAA,QACF;AACA,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,MAAM,aAAa;AAAA,QAChC,CAAC,EAAE;AACH;AAAA,MACF;AAAA,IACF,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,QAAM,oBAAoB;AAAA,IACxB,MACE,YAAY,CAAC,UAAwB;AACnC,UAAI,QAAQ,SAAS,EAAE,QAAQ;AAC7B,YACE,CAAC,QAAQ,WAAW,WACpB,QAAQ,WAAW,QAAQ,SAAS,MAAM,MAAc,GACxD;AACA;AAAA,QACF;AACA,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,MAAM,aAAa;AAAA,QAChC,CAAC,EAAE;AACH;AAAA,MACF;AAAA,IACF,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,CAAC,QAAQ,WAAW,SAAS;AAC1C;AAAA,IACF;AACA,wBAAoB,UAAU;AAC9B,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,iBAAiB;AAEtD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,iBAAiB;AAAA,IAC3D;AAAA,EAEF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAAA,MACtD,iBAAiB,MAAM,SAAS,EAAE,MAAM,sBAAsB,CAAC,EAAE;AAAA,MAEhE,gBAAM;AAAA;AAAA,EACT;AAEJ;",
   "names": []
 }