@dynatrace/strato-components 3.11.3 → 3.12.1

package/esm/charts/sankey-chart/hooks/use-node-colors.js

@@ -0,0 +1,41 @@
+import { useContext, useMemo } from "react";
+import { getCanvasColor } from "../../core/components/canvas/utils/canvas-color.js";
+import { buildCategoricalColorScale } from "../../core/utils/build-categorical-color-scale.js";
+import { SankeyColorPaletteContext } from "../context/SankeyColorPalette.context.js";
+import { SankeyDataContext } from "../context/SankeyData.context.js";
+function buildPerNodeColorMap(nodes, colorPalette) {
+  const ids = nodes.map((n) => n.id);
+  const scale = buildCategoricalColorScale(colorPalette, ids);
+  const colorMap = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    colorMap.set(node.id, getCanvasColor(scale(node.id)));
+  }
+  return colorMap;
+}
+function buildColumnColorMap(nodes, colorPalette) {
+  const uniqueColumns = [
+    ...new Set(
+      nodes.map((n) => n.column).filter((c) => c !== void 0)
+    )
+  ].sort((a, b) => a - b);
+  const columnKeys = uniqueColumns.map(String);
+  const scale = buildCategoricalColorScale(colorPalette, columnKeys);
+  const colorMap = /* @__PURE__ */ new Map();
+  for (const node of nodes) {
+    const key = node.column !== void 0 ? String(node.column) : columnKeys[0] ?? "0";
+    colorMap.set(node.id, getCanvasColor(scale(key)));
+  }
+  return colorMap;
+}
+function useNodeColors() {
+  const { nodes } = useContext(SankeyDataContext);
+  const colorPalette = useContext(SankeyColorPaletteContext);
+  return useMemo(() => {
+    const hasColumnAssignment = nodes.some((n) => n.column !== void 0);
+    return hasColumnAssignment ? buildColumnColorMap(nodes, colorPalette) : buildPerNodeColorMap(nodes, colorPalette);
+  }, [nodes, colorPalette]);
+}
+export {
+  useNodeColors
+};
+//# sourceMappingURL=use-node-colors.js.map

package/esm/charts/sankey-chart/hooks/use-node-colors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/hooks/use-node-colors.ts"],
+  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { getCanvasColor } from '../../core/components/canvas/utils/canvas-color.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { buildCategoricalColorScale } from '../../core/utils/build-categorical-color-scale.js';\nimport { SankeyColorPaletteContext } from '../context/SankeyColorPalette.context.js';\nimport { SankeyDataContext } from '../context/SankeyData.context.js';\nimport type { SankeyGraphNode } from '../types/sankey-internal.js';\n\nfunction buildPerNodeColorMap(\n  nodes: SankeyGraphNode[],\n  colorPalette: ColorPalette | CustomColorPalette,\n): Map<string, string> {\n  const ids = nodes.map((n) => n.id);\n  const scale = buildCategoricalColorScale(colorPalette, ids);\n  const colorMap = new Map<string, string>();\n  for (const node of nodes) {\n    colorMap.set(node.id, getCanvasColor(scale(node.id)));\n  }\n  return colorMap;\n}\n\nfunction buildColumnColorMap(\n  nodes: SankeyGraphNode[],\n  colorPalette: ColorPalette | CustomColorPalette,\n): Map<string, string> {\n  const uniqueColumns = [\n    ...new Set(\n      nodes.map((n) => n.column).filter((c): c is number => c !== undefined),\n    ),\n  ].sort((a, b) => a - b);\n  const columnKeys = uniqueColumns.map(String);\n  const scale = buildCategoricalColorScale(colorPalette, columnKeys);\n\n  const colorMap = new Map<string, string>();\n  for (const node of nodes) {\n    const key =\n      node.column !== undefined ? String(node.column) : columnKeys[0] ?? '0';\n    colorMap.set(node.id, getCanvasColor(scale(key)));\n  }\n  return colorMap;\n}\n\n/**\n * Returns a map from node id to resolved hex color.\n *\n * When nodes carry an explicit column assignment (from `columnAccessor`), all\n * nodes in the same column receive the same categorical palette color so that\n * columns are visually grouped. Without column assignments each node receives\n * its own palette color in document order.\n */\nexport function useNodeColors(): Map<string, string> {\n  const { nodes } = useContext(SankeyDataContext);\n  const colorPalette = useContext(SankeyColorPaletteContext);\n\n  return useMemo(() => {\n    const hasColumnAssignment = nodes.some((n) => n.column !== undefined);\n    return hasColumnAssignment\n      ? buildColumnColorMap(nodes, colorPalette)\n      : buildPerNodeColorMap(nodes, colorPalette);\n  }, [nodes, colorPalette]);\n}\n"],
+  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,sBAAsB;AAK/B,SAAS,kCAAkC;AAC3C,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAGlC,SAAS,qBACP,OACA,cACqB;AACrB,QAAM,MAAM,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE;AACjC,QAAM,QAAQ,2BAA2B,cAAc,GAAG;AAC1D,QAAM,WAAW,oBAAI,IAAoB;AACzC,aAAW,QAAQ,OAAO;AACxB,aAAS,IAAI,KAAK,IAAI,eAAe,MAAM,KAAK,EAAE,CAAC,CAAC;AAAA,EACtD;AACA,SAAO;AACT;AAEA,SAAS,oBACP,OACA,cACqB;AACrB,QAAM,gBAAgB;AAAA,IACpB,GAAG,IAAI;AAAA,MACL,MAAM,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,MAAmB,MAAM,MAAS;AAAA,IACvE;AAAA,EACF,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AACtB,QAAM,aAAa,cAAc,IAAI,MAAM;AAC3C,QAAM,QAAQ,2BAA2B,cAAc,UAAU;AAEjE,QAAM,WAAW,oBAAI,IAAoB;AACzC,aAAW,QAAQ,OAAO;AACxB,UAAM,MACJ,KAAK,WAAW,SAAY,OAAO,KAAK,MAAM,IAAI,WAAW,CAAC,KAAK;AACrE,aAAS,IAAI,KAAK,IAAI,eAAe,MAAM,GAAG,CAAC,CAAC;AAAA,EAClD;AACA,SAAO;AACT;AAUO,SAAS,gBAAqC;AACnD,QAAM,EAAE,MAAM,IAAI,WAAW,iBAAiB;AAC9C,QAAM,eAAe,WAAW,yBAAyB;AAEzD,SAAO,QAAQ,MAAM;AACnB,UAAM,sBAAsB,MAAM,KAAK,CAAC,MAAM,EAAE,WAAW,MAAS;AACpE,WAAO,sBACH,oBAAoB,OAAO,YAAY,IACvC,qBAAqB,OAAO,YAAY;AAAA,EAC9C,GAAG,CAAC,OAAO,YAAY,CAAC;AAC1B;",
+  "names": []
+}

package/esm/charts/sankey-chart/hooks/use-sankey-layout.js

@@ -1,23 +1,6 @@
-import { useContext, useMemo } from "react";
-import { useGraphSize } from "../../core/components/chart-layout/hooks/useGraphSize.js";
-import { SankeyDataContext } from "../context/SankeyData.context.js";
-import { SankeyNodesContext } from "../context/SankeyNodes.context.js";
-import { generateSankeyLayout } from "../utils/generate-sankey-layout.js";
-function useSankeyLayout() {
-  const { width, height } = useGraphSize();
-  const graph = useContext(SankeyDataContext);
-  const nodesConfig = useContext(SankeyNodesContext);
-  return useMemo(
-    () => generateSankeyLayout(
-      graph,
-      width,
-      height,
-      nodesConfig.width,
-      nodesConfig.alignment
-    ),
-    [graph, width, height, nodesConfig.width, nodesConfig.alignment]
-  );
-}
+import { useContext } from "react";
+import { SankeyLayoutContext } from "../context/SankeyLayout.context.js";
+const useSankeyLayout = () => useContext(SankeyLayoutContext);
 export {
   useSankeyLayout
 };

package/esm/charts/sankey-chart/hooks/use-sankey-layout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/hooks/use-sankey-layout.ts"],
-  "sourcesContent": ["import { useContext, useMemo } from 'react';\n\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { SankeyDataContext } from '../context/SankeyData.context.js';\nimport { SankeyNodesContext } from '../context/SankeyNodes.context.js';\nimport type { SankeyLayoutModel } from '../types/sankey-internal.js';\nimport { generateSankeyLayout } from '../utils/generate-sankey-layout.js';\n\nexport function useSankeyLayout(): SankeyLayoutModel {\n  const { width, height } = useGraphSize();\n  const graph = useContext(SankeyDataContext);\n  const nodesConfig = useContext(SankeyNodesContext);\n\n  return useMemo(\n    () =>\n      generateSankeyLayout(\n        graph,\n        width,\n        height,\n        nodesConfig.width,\n        nodesConfig.alignment,\n      ),\n    [graph, width, height, nodesConfig.width, nodesConfig.alignment],\n  );\n}\n"],
-  "mappings": "AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAEnC,SAAS,4BAA4B;AAE9B,SAAS,kBAAqC;AACnD,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AACvC,QAAM,QAAQ,WAAW,iBAAiB;AAC1C,QAAM,cAAc,WAAW,kBAAkB;AAEjD,SAAO;AAAA,IACL,MACE;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,IACF,CAAC,OAAO,OAAO,QAAQ,YAAY,OAAO,YAAY,SAAS;AAAA,EACjE;AACF;",
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { SankeyLayoutContext } from '../context/SankeyLayout.context.js';\nimport type { SankeyLayoutModel } from '../types/sankey-internal.js';\n\nexport const useSankeyLayout = (): SankeyLayoutModel =>\n  useContext(SankeyLayoutContext);\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AAG7B,MAAM,kBAAkB,MAC7B,WAAW,mBAAmB;",
   "names": []
 }

package/esm/charts/sankey-chart/hooks/use-sankey-overlay-events.js

@@ -0,0 +1,81 @@
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import { useSankeyLayout } from "./use-sankey-layout.js";
+import { useGraphSize } from "../../core/components/chart-layout/hooks/useGraphSize.js";
+import { throttleRaf } from "../../core/utils/throttleRaf.js";
+import { useClearHoveredShape, useSetHoveredShape } from "../store/store.js";
+import { findHoveredShape } from "../utils/find-hovered-shape.js";
+function isSameHoveredShape(prev, next) {
+  if (prev === next) {
+    return true;
+  }
+  if (prev === void 0 || next === void 0) {
+    return false;
+  }
+  if (prev.type === "node" && next.type === "node") {
+    return prev.node === next.node;
+  }
+  if (prev.type === "link" && next.type === "link") {
+    return prev.link === next.link;
+  }
+  return false;
+}
+function useSankeyOverlayEvents(overlay) {
+  const layout = useSankeyLayout();
+  const setHoveredShape = useSetHoveredShape();
+  const clearHoveredShape = useClearHoveredShape();
+  const { width, height } = useGraphSize();
+  const latestPointRef = useRef({ clientX: 0, clientY: 0 });
+  const lastHoveredRef = useRef(void 0);
+  const publishHoveredShape = useCallback(
+    (shape) => {
+      if (isSameHoveredShape(lastHoveredRef.current, shape)) {
+        return;
+      }
+      lastHoveredRef.current = shape;
+      if (shape) {
+        setHoveredShape(shape);
+      } else {
+        clearHoveredShape();
+      }
+    },
+    [setHoveredShape, clearHoveredShape]
+  );
+  const hitTest = useCallback(() => {
+    const { clientX, clientY } = latestPointRef.current;
+    const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(
+      clientX,
+      clientY
+    );
+    const point = { x: relativeX ?? 0, y: relativeY ?? 0 };
+    publishHoveredShape(findHoveredShape(layout, point));
+  }, [overlay, layout, publishHoveredShape]);
+  const throttledHitTest = useMemo(() => throttleRaf(hitTest), [hitTest]);
+  const onPointerMove = useCallback(
+    (event) => {
+      latestPointRef.current = {
+        clientX: event.clientX,
+        clientY: event.clientY
+      };
+      throttledHitTest();
+    },
+    [throttledHitTest]
+  );
+  const onPointerLeave = useCallback(() => {
+    publishHoveredShape(void 0);
+    overlay.clear();
+  }, [publishHoveredShape, overlay]);
+  useEffect(() => {
+    overlay.clear();
+  }, [overlay, width, height]);
+  return { onPointerMove, onPointerLeave };
+}
+export {
+  isSameHoveredShape,
+  useSankeyOverlayEvents
+};
+//# sourceMappingURL=use-sankey-overlay-events.js.map

package/esm/charts/sankey-chart/hooks/use-sankey-overlay-events.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/hooks/use-sankey-overlay-events.ts"],
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nimport { useSankeyLayout } from './use-sankey-layout.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport type { Overlay } from '../../core/components/overlay-tooltip/types.js';\nimport type { Point } from '../../core/types/point.js';\nimport { throttleRaf } from '../../core/utils/throttleRaf.js';\nimport { useClearHoveredShape, useSetHoveredShape } from '../store/store.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\nimport { findHoveredShape } from '../utils/find-hovered-shape.js';\n\nexport function isSameHoveredShape(\n  prev: SankeyHoveredShape | undefined,\n  next: SankeyHoveredShape | undefined,\n): boolean {\n  if (prev === next) {\n    return true;\n  }\n  if (prev === undefined || next === undefined) {\n    return false;\n  }\n  if (prev.type === 'node' && next.type === 'node') {\n    return prev.node === next.node;\n  }\n  if (prev.type === 'link' && next.type === 'link') {\n    return prev.link === next.link;\n  }\n  return false;\n}\n\nexport function useSankeyOverlayEvents(overlay: Overlay) {\n  const layout = useSankeyLayout();\n  const setHoveredShape = useSetHoveredShape();\n  const clearHoveredShape = useClearHoveredShape();\n  const { width, height } = useGraphSize();\n\n  // Written synchronously on every pointer move, read by the rAF-throttled\n  // flush below, so the flush always hit-tests the latest position instead of\n  // the position from whichever call happened to start the frame.\n  const latestPointRef = useRef({ clientX: 0, clientY: 0 });\n  const lastHoveredRef = useRef<SankeyHoveredShape | undefined>(undefined);\n\n  const publishHoveredShape = useCallback(\n    (shape: SankeyHoveredShape | undefined) => {\n      if (isSameHoveredShape(lastHoveredRef.current, shape)) {\n        return;\n      }\n      lastHoveredRef.current = shape;\n      if (shape) {\n        setHoveredShape(shape);\n      } else {\n        clearHoveredShape();\n      }\n    },\n    [setHoveredShape, clearHoveredShape],\n  );\n\n  const hitTest = useCallback(() => {\n    const { clientX, clientY } = latestPointRef.current;\n    const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(\n      clientX,\n      clientY,\n    );\n    const point: Point = { x: relativeX ?? 0, y: relativeY ?? 0 };\n    publishHoveredShape(findHoveredShape(layout, point));\n  }, [overlay, layout, publishHoveredShape]);\n\n  // Recreated only when `hitTest` itself changes identity (i.e. the layout\n  // recomputes), so the throttling isn't defeated by unrelated re-renders.\n  const throttledHitTest = useMemo(() => throttleRaf<void>(hitTest), [hitTest]);\n\n  const onPointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      latestPointRef.current = {\n        clientX: event.clientX,\n        clientY: event.clientY,\n      };\n      throttledHitTest();\n    },\n    [throttledHitTest],\n  );\n\n  const onPointerLeave = useCallback(() => {\n    publishHoveredShape(undefined);\n    overlay.clear();\n  }, [publishHoveredShape, overlay]);\n\n  // Nothing else invalidates the overlay's cached bounding rect here (unlike\n  // honeycomb, where the tooltip reducer does it): a resize must still clear\n  // it, or stale bounds would silently mis-map future pointer positions.\n  useEffect(() => {\n    overlay.clear();\n  }, [overlay, width, height]);\n\n  return { onPointerMove, onPointerLeave };\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB,0BAA0B;AAEzD,SAAS,wBAAwB;AAE1B,SAAS,mBACd,MACA,MACS;AACT,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,UAAa,SAAS,QAAW;AAC5C,WAAO;AAAA,EACT;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AACA,MAAI,KAAK,SAAS,UAAU,KAAK,SAAS,QAAQ;AAChD,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB,SAAkB;AACvD,QAAM,SAAS,gBAAgB;AAC/B,QAAM,kBAAkB,mBAAmB;AAC3C,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AAKvC,QAAM,iBAAiB,OAAO,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;AACxD,QAAM,iBAAiB,OAAuC,MAAS;AAEvE,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAA0C;AACzC,UAAI,mBAAmB,eAAe,SAAS,KAAK,GAAG;AACrD;AAAA,MACF;AACA,qBAAe,UAAU;AACzB,UAAI,OAAO;AACT,wBAAgB,KAAK;AAAA,MACvB,OAAO;AACL,0BAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,iBAAiB;AAAA,EACrC;AAEA,QAAM,UAAU,YAAY,MAAM;AAChC,UAAM,EAAE,SAAS,QAAQ,IAAI,eAAe;AAC5C,UAAM,EAAE,WAAW,UAAU,IAAI,QAAQ;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AACA,UAAM,QAAe,EAAE,GAAG,aAAa,GAAG,GAAG,aAAa,EAAE;AAC5D,wBAAoB,iBAAiB,QAAQ,KAAK,CAAC;AAAA,EACrD,GAAG,CAAC,SAAS,QAAQ,mBAAmB,CAAC;AAIzC,QAAM,mBAAmB,QAAQ,MAAM,YAAkB,OAAO,GAAG,CAAC,OAAO,CAAC;AAE5E,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAA6C;AAC5C,qBAAe,UAAU;AAAA,QACvB,SAAS,MAAM;AAAA,QACf,SAAS,MAAM;AAAA,MACjB;AACA,uBAAiB;AAAA,IACnB;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,wBAAoB,MAAS;AAC7B,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,qBAAqB,OAAO,CAAC;AAKjC,YAAU,MAAM;AACd,YAAQ,MAAM;AAAA,EAChB,GAAG,CAAC,SAAS,OAAO,MAAM,CAAC;AAE3B,SAAO,EAAE,eAAe,eAAe;AACzC;",
+  "names": []
+}

package/esm/charts/sankey-chart/providers/SankeyConfigProvider.js

@@ -1,11 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import { SankeyColorPaletteContext } from "../context/SankeyColorPalette.context.js";
 import { SankeyNodesContext } from "../context/SankeyNodes.context.js";
 import { SankeyTruncationModeContext } from "../context/SankeyTruncationMode.context.js";
 const SankeyConfigProvider = ({
   nodesConfig,
   truncationMode,
+  colorPalette,
   children
-}) => /* @__PURE__ */ jsx(SankeyTruncationModeContext.Provider, { value: truncationMode, children: /* @__PURE__ */ jsx(SankeyNodesContext.Provider, { value: nodesConfig, children }) });
+}) => /* @__PURE__ */ jsx(SankeyTruncationModeContext.Provider, { value: truncationMode, children: /* @__PURE__ */ jsx(SankeyColorPaletteContext.Provider, { value: colorPalette, children: /* @__PURE__ */ jsx(SankeyNodesContext.Provider, { value: nodesConfig, children }) }) });
 SankeyConfigProvider.displayName = "SankeyConfigProvider";
 export {
   SankeyConfigProvider

package/esm/charts/sankey-chart/providers/SankeyConfigProvider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/providers/SankeyConfigProvider.tsx"],
-  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { SankeyNodesContext } from '../context/SankeyNodes.context.js';\nimport { SankeyTruncationModeContext } from '../context/SankeyTruncationMode.context.js';\nimport type { SankeyChartNodesProps } from '../types/sankey-props.js';\n\ninterface SankeyConfigProviderProps {\n  nodesConfig: SankeyChartNodesProps;\n  truncationMode: TruncationMode;\n}\n\nexport const SankeyConfigProvider = ({\n  nodesConfig,\n  truncationMode,\n  children,\n}: PropsWithChildren<SankeyConfigProviderProps>) => (\n  <SankeyTruncationModeContext.Provider value={truncationMode}>\n    <SankeyNodesContext.Provider value={nodesConfig}>\n      {children}\n    </SankeyNodesContext.Provider>\n  </SankeyTruncationModeContext.Provider>\n);\n\nSankeyConfigProvider.displayName = 'SankeyConfigProvider';\n"],
-  "mappings": "AAkBI;AAfJ,SAAS,0BAA0B;AACnC,SAAS,mCAAmC;AAQrC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,gBAC3C,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,aACjC,UACH,GACF;AAGF,qBAAqB,cAAc;",
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { SankeyColorPaletteContext } from '../context/SankeyColorPalette.context.js';\nimport { SankeyNodesContext } from '../context/SankeyNodes.context.js';\nimport { SankeyTruncationModeContext } from '../context/SankeyTruncationMode.context.js';\nimport type { SankeyChartNodesProps } from '../types/sankey-props.js';\n\ninterface SankeyConfigProviderProps {\n  nodesConfig: SankeyChartNodesProps;\n  truncationMode: TruncationMode;\n  colorPalette: ColorPalette | CustomColorPalette;\n}\n\nexport const SankeyConfigProvider = ({\n  nodesConfig,\n  truncationMode,\n  colorPalette,\n  children,\n}: PropsWithChildren<SankeyConfigProviderProps>) => (\n  <SankeyTruncationModeContext.Provider value={truncationMode}>\n    <SankeyColorPaletteContext.Provider value={colorPalette}>\n      <SankeyNodesContext.Provider value={nodesConfig}>\n        {children}\n      </SankeyNodesContext.Provider>\n    </SankeyColorPaletteContext.Provider>\n  </SankeyTruncationModeContext.Provider>\n);\n\nSankeyConfigProvider.displayName = 'SankeyConfigProvider';\n"],
+  "mappings": "AA0BM;AAnBN,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,mCAAmC;AASrC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,4BAA4B,UAA5B,EAAqC,OAAO,gBAC3C,8BAAC,0BAA0B,UAA1B,EAAmC,OAAO,cACzC,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,aACjC,UACH,GACF,GACF;AAGF,qBAAqB,cAAc;",
   "names": []
 }

package/esm/charts/sankey-chart/providers/SankeyHoverStoreProvider.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { createStore } from "../../../core/store/store.js";
+import { INITIAL_HOVER_STATE } from "../constants.js";
+import { SankeyHoverStoreContext } from "../context/SankeyHoverStore.context.js";
+const SankeyHoverStoreProvider = ({ children }) => {
+  const storeRef = useRef(null);
+  storeRef.current ??= createStore(INITIAL_HOVER_STATE);
+  return /* @__PURE__ */ jsx(SankeyHoverStoreContext.Provider, { value: storeRef.current, children });
+};
+SankeyHoverStoreProvider.displayName = "SankeyHoverStoreProvider";
+export {
+  SankeyHoverStoreProvider
+};
+//# sourceMappingURL=SankeyHoverStoreProvider.js.map

package/esm/charts/sankey-chart/providers/SankeyHoverStoreProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/providers/SankeyHoverStoreProvider.tsx"],
+  "sourcesContent": ["import { type PropsWithChildren, useRef } from 'react';\n\nimport { createStore, type Store } from '../../../core/store/store.js';\nimport { INITIAL_HOVER_STATE } from '../constants.js';\nimport { SankeyHoverStoreContext } from '../context/SankeyHoverStore.context.js';\nimport type { SankeyHoverState } from '../types/sankey-hover.js';\n\nexport const SankeyHoverStoreProvider = ({ children }: PropsWithChildren) => {\n  const storeRef = useRef<Store<SankeyHoverState> | null>(null);\n\n  storeRef.current ??= createStore(INITIAL_HOVER_STATE);\n\n  return (\n    <SankeyHoverStoreContext.Provider value={storeRef.current}>\n      {children}\n    </SankeyHoverStoreContext.Provider>\n  );\n};\n\nSankeyHoverStoreProvider.displayName = 'SankeyHoverStoreProvider';\n"],
+  "mappings": "AAaI;AAbJ,SAAiC,cAAc;AAE/C,SAAS,mBAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AAGjC,MAAM,2BAA2B,CAAC,EAAE,SAAS,MAAyB;AAC3E,QAAM,WAAW,OAAuC,IAAI;AAE5D,WAAS,YAAY,YAAY,mBAAmB;AAEpD,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,SAAS,SAC/C,UACH;AAEJ;AAEA,yBAAyB,cAAc;",
+  "names": []
+}

package/esm/charts/sankey-chart/providers/SankeyLayoutProvider.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { SankeyLayoutContext } from "../context/SankeyLayout.context.js";
+import { useGenerateSankeyLayout } from "../hooks/use-generate-sankey-layout.js";
+const SankeyLayoutProvider = ({
+  children,
+  width,
+  height
+}) => {
+  const layout = useGenerateSankeyLayout(width, height);
+  return /* @__PURE__ */ jsx(SankeyLayoutContext.Provider, { value: layout, children });
+};
+SankeyLayoutProvider.displayName = "SankeyLayoutProvider";
+export {
+  SankeyLayoutProvider
+};
+//# sourceMappingURL=SankeyLayoutProvider.js.map

package/esm/charts/sankey-chart/providers/SankeyLayoutProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/providers/SankeyLayoutProvider.tsx"],
+  "sourcesContent": ["import { type PropsWithChildren } from 'react';\n\nimport { SankeyLayoutContext } from '../context/SankeyLayout.context.js';\nimport { useGenerateSankeyLayout } from '../hooks/use-generate-sankey-layout.js';\n\ninterface SankeyLayoutProviderProps {\n  width: number;\n  height: number;\n}\n\nexport const SankeyLayoutProvider = ({\n  children,\n  width,\n  height,\n}: Readonly<PropsWithChildren<SankeyLayoutProviderProps>>) => {\n  const layout = useGenerateSankeyLayout(width, height);\n\n  return (\n    <SankeyLayoutContext.Provider value={layout}>\n      {children}\n    </SankeyLayoutContext.Provider>\n  );\n};\n\nSankeyLayoutProvider.displayName = 'SankeyLayoutProvider';\n"],
+  "mappings": "AAkBI;AAhBJ,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AAOjC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAA8D;AAC5D,QAAM,SAAS,wBAAwB,OAAO,MAAM;AAEpD,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,QAClC,UACH;AAEJ;AAEA,qBAAqB,cAAc;",
+  "names": []
+}

package/esm/charts/sankey-chart/store/selectors.js

@@ -0,0 +1,9 @@
+import { useStoreSelector } from "../../../core/store/selector.js";
+import { SankeyHoverStoreContext } from "../context/SankeyHoverStore.context.js";
+const useSankeyHoverSelector = (selector) => useStoreSelector(SankeyHoverStoreContext, selector);
+const useSankeyHoveredShape = () => useSankeyHoverSelector((state) => state.hovered);
+export {
+  useSankeyHoverSelector,
+  useSankeyHoveredShape
+};
+//# sourceMappingURL=selectors.js.map

package/esm/charts/sankey-chart/store/selectors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/store/selectors.ts"],
+  "sourcesContent": ["import { useStoreSelector } from '../../../core/store/selector.js';\nimport { SankeyHoverStoreContext } from '../context/SankeyHoverStore.context.js';\nimport type { SankeyHoverState } from '../types/sankey-hover.js';\n\n/**\n * Compares by reference rather than deeply: a hovered shape holds layout nodes\n * whose `sourceLinks`/`targetLinks` reference back into the whole graph, so a\n * deep comparison would traverse it on every pointer move. Writers only publish\n * a new shape when the hovered identity actually changes.\n */\nexport const useSankeyHoverSelector = <T>(\n  selector: (state: SankeyHoverState) => T,\n): T => useStoreSelector(SankeyHoverStoreContext, selector);\n\nexport const useSankeyHoveredShape = () =>\n  useSankeyHoverSelector((state: SankeyHoverState) => state.hovered);\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AASjC,MAAM,yBAAyB,CACpC,aACM,iBAAiB,yBAAyB,QAAQ;AAEnD,MAAM,wBAAwB,MACnC,uBAAuB,CAAC,UAA4B,MAAM,OAAO;",
+  "names": []
+}

package/esm/charts/sankey-chart/store/store.js

@@ -0,0 +1,26 @@
+import { useCallback, useContext } from "react";
+import { SankeyHoverStoreContext } from "../context/SankeyHoverStore.context.js";
+const useSetState = () => {
+  const { setState } = useContext(SankeyHoverStoreContext);
+  return setState;
+};
+const useSetHoveredShape = () => {
+  const setState = useSetState();
+  return useCallback(
+    (shape) => {
+      setState((prev) => ({ ...prev, hovered: shape }));
+    },
+    [setState]
+  );
+};
+const useClearHoveredShape = () => {
+  const setState = useSetState();
+  return useCallback(() => {
+    setState((prev) => ({ ...prev, hovered: void 0 }));
+  }, [setState]);
+};
+export {
+  useClearHoveredShape,
+  useSetHoveredShape
+};
+//# sourceMappingURL=store.js.map

package/esm/charts/sankey-chart/store/store.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/store/store.ts"],
+  "sourcesContent": ["import { useCallback, useContext } from 'react';\n\nimport { SankeyHoverStoreContext } from '../context/SankeyHoverStore.context.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\n\nconst useSetState = () => {\n  const { setState } = useContext(SankeyHoverStoreContext);\n\n  return setState;\n};\n\nexport const useSetHoveredShape = () => {\n  const setState = useSetState();\n\n  return useCallback(\n    (shape: SankeyHoveredShape) => {\n      setState((prev) => ({ ...prev, hovered: shape }));\n    },\n    [setState],\n  );\n};\n\nexport const useClearHoveredShape = () => {\n  const setState = useSetState();\n\n  return useCallback(() => {\n    setState((prev) => ({ ...prev, hovered: undefined }));\n  }, [setState]);\n};\n"],
+  "mappings": "AAAA,SAAS,aAAa,kBAAkB;AAExC,SAAS,+BAA+B;AAGxC,MAAM,cAAc,MAAM;AACxB,QAAM,EAAE,SAAS,IAAI,WAAW,uBAAuB;AAEvD,SAAO;AACT;AAEO,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,SAAO;AAAA,IACL,CAAC,UAA8B;AAC7B,eAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,MAAM,EAAE;AAAA,IAClD;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AACF;AAEO,MAAM,uBAAuB,MAAM;AACxC,QAAM,WAAW,YAAY;AAE7B,SAAO,YAAY,MAAM;AACvB,aAAS,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAU,EAAE;AAAA,EACtD,GAAG,CAAC,QAAQ,CAAC;AACf;",
+  "names": []
+}

package/esm/charts/sankey-chart/types/sankey-hover.js

@@ -0,0 +1 @@
+//# sourceMappingURL=sankey-hover.js.map

package/esm/charts/sankey-chart/types/sankey-hover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/build-link-gradient.js

@@ -0,0 +1,16 @@
+import { color as d3Color } from "d3-color";
+function toRgbaWithOpacity(hexColor, opacity) {
+  const parsed = d3Color(hexColor);
+  return parsed !== null ? parsed.copy({ opacity }).formatRgb() : `rgba(0,0,0,${opacity})`;
+}
+function buildLinkGradient(ctx, sourceX, targetX, sourceColor, targetColor, opacity) {
+  const endX = sourceX === targetX ? targetX + 1 : targetX;
+  const gradient = ctx.createLinearGradient(sourceX, 0, endX, 0);
+  gradient.addColorStop(0, toRgbaWithOpacity(sourceColor, opacity));
+  gradient.addColorStop(1, toRgbaWithOpacity(targetColor, opacity));
+  return gradient;
+}
+export {
+  buildLinkGradient
+};
+//# sourceMappingURL=build-link-gradient.js.map

package/esm/charts/sankey-chart/utils/build-link-gradient.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/build-link-gradient.ts"],
+  "sourcesContent": ["import { color as d3Color } from 'd3-color';\n\nfunction toRgbaWithOpacity(hexColor: string, opacity: number): string {\n  const parsed = d3Color(hexColor);\n  return parsed !== null\n    ? parsed.copy({ opacity }).formatRgb()\n    : `rgba(0,0,0,${opacity})`;\n}\n\n/**\n * Creates a horizontal linear `CanvasGradient` that transitions from\n * `sourceColor` at `sourceX` to `targetColor` at `targetX`, with each color\n * stop at the given `opacity`.\n */\nexport function buildLinkGradient(\n  ctx: CanvasRenderingContext2D,\n  sourceX: number,\n  targetX: number,\n  sourceColor: string,\n  targetColor: string,\n  opacity: number,\n): CanvasGradient {\n  const endX = sourceX === targetX ? targetX + 1 : targetX;\n  const gradient = ctx.createLinearGradient(sourceX, 0, endX, 0);\n  gradient.addColorStop(0, toRgbaWithOpacity(sourceColor, opacity));\n  gradient.addColorStop(1, toRgbaWithOpacity(targetColor, opacity));\n  return gradient;\n}\n"],
+  "mappings": "AAAA,SAAS,SAAS,eAAe;AAEjC,SAAS,kBAAkB,UAAkB,SAAyB;AACpE,QAAM,SAAS,QAAQ,QAAQ;AAC/B,SAAO,WAAW,OACd,OAAO,KAAK,EAAE,QAAQ,CAAC,EAAE,UAAU,IACnC,cAAc,OAAO;AAC3B;AAOO,SAAS,kBACd,KACA,SACA,SACA,aACA,aACA,SACgB;AAChB,QAAM,OAAO,YAAY,UAAU,UAAU,IAAI;AACjD,QAAM,WAAW,IAAI,qBAAqB,SAAS,GAAG,MAAM,CAAC;AAC7D,WAAS,aAAa,GAAG,kBAAkB,aAAa,OAAO,CAAC;AAChE,WAAS,aAAa,GAAG,kBAAkB,aAAa,OAAO,CAAC;AAChE,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/find-hovered-shape.js

@@ -0,0 +1,75 @@
+import { getRelatedSankeyFlow } from "./get-related-sankey-flow.js";
+import { isResolvedNode } from "./is-resolved-sankey-node.js";
+const BISECTION_ITERATIONS = 24;
+function isPointInNode(node, point) {
+  const x0 = node.x0 ?? 0;
+  const x1 = node.x1 ?? 0;
+  const y0 = node.y0 ?? 0;
+  const y1 = node.y1 ?? 0;
+  return point.x >= x0 && point.x <= x1 && point.y >= y0 && point.y <= y1;
+}
+function cubicAt(p0, p1, p2, p3, t) {
+  const oneMinusT = 1 - t;
+  return oneMinusT * oneMinusT * oneMinusT * p0 + 3 * oneMinusT * oneMinusT * t * p1 + 3 * oneMinusT * t * t * p2 + t * t * t * p3;
+}
+function isPointInLinkRibbon(link, point) {
+  if (!isResolvedNode(link.source) || !isResolvedNode(link.target)) {
+    return false;
+  }
+  const sx = link.source.x1 ?? 0;
+  const sy = link.y0 ?? 0;
+  const tx = link.target.x0 ?? 0;
+  const ty = link.y1 ?? 0;
+  const mx = (sx + tx) / 2;
+  if (sx === tx || point.x < sx || point.x > tx) {
+    return false;
+  }
+  let lo = 0;
+  let hi = 1;
+  for (let i = 0; i < BISECTION_ITERATIONS; i++) {
+    const mid = (lo + hi) / 2;
+    const x = cubicAt(sx, mx, mx, tx, mid);
+    if (x < point.x) {
+      lo = mid;
+    } else {
+      hi = mid;
+    }
+  }
+  const t = (lo + hi) / 2;
+  const cy = cubicAt(sy, sy, ty, ty, t);
+  const dxdt = 3 * (mx - sx) * ((1 - t) * (1 - t) + t * t);
+  const dydt = 6 * t * (1 - t) * (ty - sy);
+  const slope = dxdt === 0 ? 0 : dydt / dxdt;
+  const halfWidth = Math.max(link.width ?? 0, 1) / 2;
+  return Math.abs(point.y - cy) <= halfWidth * Math.hypot(1, slope);
+}
+function findHoveredShape(layout, point) {
+  for (const node of layout.nodes) {
+    if (isPointInNode(node, point)) {
+      const { nodes: relatedNodes, links: relatedLinks } = getRelatedSankeyFlow(node);
+      return {
+        type: "node",
+        node,
+        relatedNodes,
+        relatedLinks
+      };
+    }
+  }
+  for (const link of layout.links) {
+    if (isResolvedNode(link.source) && isResolvedNode(link.target) && isPointInLinkRibbon(link, point)) {
+      return {
+        type: "link",
+        link,
+        source: link.source,
+        target: link.target
+      };
+    }
+  }
+  return void 0;
+}
+export {
+  findHoveredShape,
+  isPointInLinkRibbon,
+  isPointInNode
+};
+//# sourceMappingURL=find-hovered-shape.js.map

package/esm/charts/sankey-chart/utils/find-hovered-shape.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/find-hovered-shape.ts"],
+  "sourcesContent": ["import { getRelatedSankeyFlow } from './get-related-sankey-flow.js';\nimport { isResolvedNode } from './is-resolved-sankey-node.js';\nimport type { Point } from '../../core/types/point.js';\nimport type { SankeyHoveredShape } from '../types/sankey-hover.js';\nimport type {\n  SankeyLayoutLink,\n  SankeyLayoutModel,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\n\nconst BISECTION_ITERATIONS = 24;\n\nexport function isPointInNode(node: SankeyLayoutNode, point: Point): boolean {\n  const x0 = node.x0 ?? 0;\n  const x1 = node.x1 ?? 0;\n  const y0 = node.y0 ?? 0;\n  const y1 = node.y1 ?? 0;\n\n  return point.x >= x0 && point.x <= x1 && point.y >= y0 && point.y <= y1;\n}\n\nfunction cubicAt(\n  p0: number,\n  p1: number,\n  p2: number,\n  p3: number,\n  t: number,\n): number {\n  const oneMinusT = 1 - t;\n  return (\n    oneMinusT * oneMinusT * oneMinusT * p0 +\n    3 * oneMinusT * oneMinusT * t * p1 +\n    3 * oneMinusT * t * t * p2 +\n    t * t * t * p3\n  );\n}\n\nexport function isPointInLinkRibbon(\n  link: SankeyLayoutLink,\n  point: Point,\n): boolean {\n  if (!isResolvedNode(link.source) || !isResolvedNode(link.target)) {\n    return false;\n  }\n\n  const sx = link.source.x1 ?? 0;\n  const sy = link.y0 ?? 0;\n  const tx = link.target.x0 ?? 0;\n  const ty = link.y1 ?? 0;\n  const mx = (sx + tx) / 2;\n\n  if (sx === tx || point.x < sx || point.x > tx) {\n    return false;\n  }\n\n  // x(t) is monotone increasing for this control-point layout: the control\n  // points are (sx, mx, mx, tx), so x'(t) = 3 (mx - sx) ((1-t)^2 + t^2) and\n  // mx - sx = tx - mx > 0 (given sx < tx). That lets us bisect on t to find\n  // the point on the centerline directly below/above the cursor, rather than\n  // solving the cubic in closed form.\n  let lo = 0;\n  let hi = 1;\n  for (let i = 0; i < BISECTION_ITERATIONS; i++) {\n    const mid = (lo + hi) / 2;\n    const x = cubicAt(sx, mx, mx, tx, mid);\n    if (x < point.x) {\n      lo = mid;\n    } else {\n      hi = mid;\n    }\n  }\n  const t = (lo + hi) / 2;\n\n  const cy = cubicAt(sy, sy, ty, ty, t);\n  const dxdt = 3 * (mx - sx) * ((1 - t) * (1 - t) + t * t);\n  const dydt = 6 * t * (1 - t) * (ty - sy);\n  const slope = dxdt === 0 ? 0 : dydt / dxdt;\n\n  const halfWidth = Math.max(link.width ?? 0, 1) / 2;\n  // The centerline's slope stretches the vertical footprint of a\n  // perpendicular band of half-width `halfWidth`; multiplying by\n  // hypot(1, slope) converts back to a vertical tolerance so the hit test\n  // matches the stroked band rather than over-reporting on steep sections.\n  return Math.abs(point.y - cy) <= halfWidth * Math.hypot(1, slope);\n}\n\n/**\n * Finds the sankey shape under `point`, if any.\n *\n * Nodes are tested before links: node rects are small, deliberate targets\n * that the wider ribbons converging on them would otherwise swallow. Within\n * each category, the first match in layout order wins.\n */\nexport function findHoveredShape(\n  layout: SankeyLayoutModel,\n  point: Point,\n): SankeyHoveredShape | undefined {\n  for (const node of layout.nodes) {\n    if (isPointInNode(node, point)) {\n      const { nodes: relatedNodes, links: relatedLinks } =\n        getRelatedSankeyFlow(node);\n      return {\n        type: 'node',\n        node,\n        relatedNodes,\n        relatedLinks,\n      };\n    }\n  }\n\n  for (const link of layout.links) {\n    if (\n      isResolvedNode(link.source) &&\n      isResolvedNode(link.target) &&\n      isPointInLinkRibbon(link, point)\n    ) {\n      return {\n        type: 'link',\n        link,\n        source: link.source,\n        target: link.target,\n      };\n    }\n  }\n\n  return undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAS/B,MAAM,uBAAuB;AAEtB,SAAS,cAAc,MAAwB,OAAuB;AAC3E,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,MAAM;AAEtB,SAAO,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK;AACvE;AAEA,SAAS,QACP,IACA,IACA,IACA,IACA,GACQ;AACR,QAAM,YAAY,IAAI;AACtB,SACE,YAAY,YAAY,YAAY,KACpC,IAAI,YAAY,YAAY,IAAI,KAChC,IAAI,YAAY,IAAI,IAAI,KACxB,IAAI,IAAI,IAAI;AAEhB;AAEO,SAAS,oBACd,MACA,OACS;AACT,MAAI,CAAC,eAAe,KAAK,MAAM,KAAK,CAAC,eAAe,KAAK,MAAM,GAAG;AAChE,WAAO;AAAA,EACT;AAEA,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,KAAK,KAAK,OAAO,MAAM;AAC7B,QAAM,KAAK,KAAK,MAAM;AACtB,QAAM,MAAM,KAAK,MAAM;AAEvB,MAAI,OAAO,MAAM,MAAM,IAAI,MAAM,MAAM,IAAI,IAAI;AAC7C,WAAO;AAAA,EACT;AAOA,MAAI,KAAK;AACT,MAAI,KAAK;AACT,WAAS,IAAI,GAAG,IAAI,sBAAsB,KAAK;AAC7C,UAAM,OAAO,KAAK,MAAM;AACxB,UAAM,IAAI,QAAQ,IAAI,IAAI,IAAI,IAAI,GAAG;AACrC,QAAI,IAAI,MAAM,GAAG;AACf,WAAK;AAAA,IACP,OAAO;AACL,WAAK;AAAA,IACP;AAAA,EACF;AACA,QAAM,KAAK,KAAK,MAAM;AAEtB,QAAM,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC;AACpC,QAAM,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI;AACtD,QAAM,OAAO,IAAI,KAAK,IAAI,MAAM,KAAK;AACrC,QAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;AAEtC,QAAM,YAAY,KAAK,IAAI,KAAK,SAAS,GAAG,CAAC,IAAI;AAKjD,SAAO,KAAK,IAAI,MAAM,IAAI,EAAE,KAAK,YAAY,KAAK,MAAM,GAAG,KAAK;AAClE;AASO,SAAS,iBACd,QACA,OACgC;AAChC,aAAW,QAAQ,OAAO,OAAO;AAC/B,QAAI,cAAc,MAAM,KAAK,GAAG;AAC9B,YAAM,EAAE,OAAO,cAAc,OAAO,aAAa,IAC/C,qBAAqB,IAAI;AAC3B,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO,OAAO;AAC/B,QACE,eAAe,KAAK,MAAM,KAC1B,eAAe,KAAK,MAAM,KAC1B,oBAAoB,MAAM,KAAK,GAC/B;AACA,aAAO;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA,QAAQ,KAAK;AAAA,QACb,QAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/get-related-sankey-flow.js

@@ -0,0 +1,34 @@
+import { isResolvedNode } from "./is-resolved-sankey-node.js";
+const getUpstreamSteps = (node) => (node.targetLinks ?? []).flatMap(
+  (link) => isResolvedNode(link.source) ? [{ node: link.source, link }] : []
+);
+const getDownstreamSteps = (node) => (node.sourceLinks ?? []).flatMap(
+  (link) => isResolvedNode(link.target) ? [{ node: link.target, link }] : []
+);
+function collectFlow(start, getNextSteps) {
+  const nodes = /* @__PURE__ */ new Set();
+  const links = /* @__PURE__ */ new Set();
+  const queue = [start];
+  for (const current of queue) {
+    for (const step of getNextSteps(current)) {
+      links.add(step.link);
+      if (!nodes.has(step.node)) {
+        nodes.add(step.node);
+        queue.push(step.node);
+      }
+    }
+  }
+  return { nodes: [...nodes], links: [...links] };
+}
+function getRelatedSankeyFlow(node) {
+  const upstream = collectFlow(node, getUpstreamSteps);
+  const downstream = collectFlow(node, getDownstreamSteps);
+  const nodes = /* @__PURE__ */ new Set([...upstream.nodes, ...downstream.nodes]);
+  nodes.delete(node);
+  const links = /* @__PURE__ */ new Set([...upstream.links, ...downstream.links]);
+  return { nodes: [...nodes], links: [...links] };
+}
+export {
+  getRelatedSankeyFlow
+};
+//# sourceMappingURL=get-related-sankey-flow.js.map

package/esm/charts/sankey-chart/utils/get-related-sankey-flow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/get-related-sankey-flow.ts"],
+  "sourcesContent": ["import { isResolvedNode } from './is-resolved-sankey-node.js';\nimport type {\n  SankeyLayoutLink,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\n\n/** The transitive data flow reachable from a node: its related nodes and every link crossed while collecting them. */\nexport interface SankeyRelatedFlow {\n  nodes: SankeyLayoutNode[];\n  links: SankeyLayoutLink[];\n}\n\ninterface FlowStep {\n  node: SankeyLayoutNode;\n  link: SankeyLayoutLink;\n}\n\nconst getUpstreamSteps = (node: SankeyLayoutNode): FlowStep[] =>\n  (node.targetLinks ?? []).flatMap((link) =>\n    isResolvedNode(link.source) ? [{ node: link.source, link }] : [],\n  );\n\nconst getDownstreamSteps = (node: SankeyLayoutNode): FlowStep[] =>\n  (node.sourceLinks ?? []).flatMap((link) =>\n    isResolvedNode(link.target) ? [{ node: link.target, link }] : [],\n  );\n\nfunction collectFlow(\n  start: SankeyLayoutNode,\n  getNextSteps: (node: SankeyLayoutNode) => FlowStep[],\n): SankeyRelatedFlow {\n  const nodes = new Set<SankeyLayoutNode>();\n  const links = new Set<SankeyLayoutLink>();\n  const queue = [start];\n\n  for (const current of queue) {\n    for (const step of getNextSteps(current)) {\n      links.add(step.link);\n      if (!nodes.has(step.node)) {\n        nodes.add(step.node);\n        queue.push(step.node);\n      }\n    }\n  }\n\n  return { nodes: [...nodes], links: [...links] };\n}\n\n/**\n * Traverses the full data flow of `node`: every node feeding into it\n * (following `targetLinks` upstream) and every node it feeds into (following\n * `sourceLinks` downstream), transitively, plus every link crossed while\n * doing so, including links between two related nodes that never touch\n * `node` itself. `node` itself is excluded from `nodes`.\n *\n * The two directions are walked separately on purpose. A single undirected\n * traversal would step back down from an ancestor into that ancestor's other\n * branches and end up returning the whole connected component, pulling in\n * siblings that neither feed the hovered node nor are fed by it.\n */\nexport function getRelatedSankeyFlow(\n  node: SankeyLayoutNode,\n): SankeyRelatedFlow {\n  const upstream = collectFlow(node, getUpstreamSteps);\n  const downstream = collectFlow(node, getDownstreamSteps);\n\n  const nodes = new Set([...upstream.nodes, ...downstream.nodes]);\n  nodes.delete(node);\n\n  const links = new Set([...upstream.links, ...downstream.links]);\n\n  return { nodes: [...nodes], links: [...links] };\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAiB/B,MAAM,mBAAmB,CAAC,UACvB,KAAK,eAAe,CAAC,GAAG;AAAA,EAAQ,CAAC,SAChC,eAAe,KAAK,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,QAAQ,KAAK,CAAC,IAAI,CAAC;AACjE;AAEF,MAAM,qBAAqB,CAAC,UACzB,KAAK,eAAe,CAAC,GAAG;AAAA,EAAQ,CAAC,SAChC,eAAe,KAAK,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,QAAQ,KAAK,CAAC,IAAI,CAAC;AACjE;AAEF,SAAS,YACP,OACA,cACmB;AACnB,QAAM,QAAQ,oBAAI,IAAsB;AACxC,QAAM,QAAQ,oBAAI,IAAsB;AACxC,QAAM,QAAQ,CAAC,KAAK;AAEpB,aAAW,WAAW,OAAO;AAC3B,eAAW,QAAQ,aAAa,OAAO,GAAG;AACxC,YAAM,IAAI,KAAK,IAAI;AACnB,UAAI,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG;AACzB,cAAM,IAAI,KAAK,IAAI;AACnB,cAAM,KAAK,KAAK,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,OAAO,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,GAAG,KAAK,EAAE;AAChD;AAcO,SAAS,qBACd,MACmB;AACnB,QAAM,WAAW,YAAY,MAAM,gBAAgB;AACnD,QAAM,aAAa,YAAY,MAAM,kBAAkB;AAEvD,QAAM,QAAQ,oBAAI,IAAI,CAAC,GAAG,SAAS,OAAO,GAAG,WAAW,KAAK,CAAC;AAC9D,QAAM,OAAO,IAAI;AAEjB,QAAM,QAAQ,oBAAI,IAAI,CAAC,GAAG,SAAS,OAAO,GAAG,WAAW,KAAK,CAAC;AAE9D,SAAO,EAAE,OAAO,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,GAAG,KAAK,EAAE;AAChD;",
+  "names": []
+}

package/esm/charts/sankey-chart/utils/is-resolved-sankey-node.js

@@ -0,0 +1,5 @@
+const isResolvedNode = (endpoint) => typeof endpoint === "object";
+export {
+  isResolvedNode
+};
+//# sourceMappingURL=is-resolved-sankey-node.js.map

package/esm/charts/sankey-chart/utils/is-resolved-sankey-node.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/utils/is-resolved-sankey-node.ts"],
+  "sourcesContent": ["import type {\n  SankeyLayoutLink,\n  SankeyLayoutNode,\n} from '../types/sankey-internal.js';\n\ntype LinkEndpoint = SankeyLayoutLink['source'];\n\n/**\n * After the layout pass d3-sankey replaces the `source`/`target` ids with the\n * node objects themselves, but the vendored types still allow the id form.\n */\nexport const isResolvedNode = (\n  endpoint: LinkEndpoint,\n): endpoint is SankeyLayoutNode => typeof endpoint === 'object';\n"],
+  "mappings": "AAWO,MAAM,iBAAiB,CAC5B,aACiC,OAAO,aAAa;",
+  "names": []
+}

package/esm/charts/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-11-3 {
+._1sfgzlg0-3-12-1 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.js

@@ -38,7 +38,9 @@ const SingleValueRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId,
     "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails,
     applyThresholdBackground,
     ...restProps
   } = props;
@@ -83,7 +85,9 @@ const SingleValueRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       "data-dt-component": COMPONENT_NAME,
       ref,
       "aria-label": ariaLabel ?? SINGLE_VALUE_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       children: /* @__PURE__ */ jsx(
         SingleValueRenderer,
         {

package/esm/charts/single-value/SingleValue.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { SINGLE_VALUE_ARIA_LABEL } from './defaults.js';\nimport { useSingleValueConfig } from './hooks/use-single-value-config.js';\nimport { container } from './SingleValue.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport type { SingleValueRef } from './types/single-value-ref.js';\nimport type { SingleValueProps } from './types/single-value.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { normalizeConfig } from './utils/single-value-config.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { SingleValueRenderer } from '../core/components/single-value-renderer/SingleValueRenderer.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'SingleValue';\n\n/**\n * Single Value component\n */\nconst SingleValueRoot = /* @__PURE__ */ forwardRef<\n  SingleValueRef,\n  PropsWithChildren<SingleValueProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    prefixIcon,\n    children,\n    loading = false,\n    width,\n    height,\n    style: customerStyle,\n    className: customerClassNames,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-describedby': ariaDescribedBy,\n    applyThresholdBackground,\n    ...restProps\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const { slots, sparklineChildren } = iterateSlots(children);\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const config = useSingleValueConfig(restProps, slots);\n\n  const sparklineProps = slots.sparkline\n    ? {\n        data: slots.sparkline?.data ?? [],\n        ...config.sparkline,\n      }\n    : undefined;\n  const singleValueRef = useRef<HTMLDivElement>(null);\n\n  const ref = useMergeRefs<SingleValueRef | HTMLDivElement>([\n    forwardedRef,\n    singleValueRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.SingleValue,\n        ...normalizeConfig(config),\n      });\n    },\n  }));\n\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height);\n\n  const mergedStyle = {\n    ...customerStyle,\n    ...(chartWidth && { width: chartWidth }),\n    ...(chartHeight && { height: chartHeight }),\n  };\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      role=\"img\"\n      className={clsx(container, customerClassNames)}\n      style={mergedStyle}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      ref={ref}\n      aria-label={ariaLabel ?? SINGLE_VALUE_ARIA_LABEL}\n      aria-describedby={ariaDescribedBy}\n    >\n      <SingleValueRenderer\n        data={data}\n        prefixIcon={prefixIcon}\n        {...config}\n        sparklineProps={sparklineProps}\n        sparklineChildren={sparklineChildren}\n        trendProps={slots.trend}\n        emptyState={emptyState}\n        errorState={errorState}\n        loading={loading}\n        applyThresholdBackground={applyThresholdBackground}\n      >\n        {children}\n      </SingleValueRenderer>\n    </div>\n  );\n});\n\n(\n  SingleValueRoot as typeof SingleValueRoot & { displayName: string }\n).displayName = 'SingleValue';\n\n/**\n * The `SingleValue` is a simple and concise representation of a single data point\n * or metric , which can either be a text or a number.\n * @public\n */\nexport const SingleValue = Object.assign(SingleValueRoot, {\n  Sparkline,\n  Trend,\n  ColorRule,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "AA6GM;AA7GN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAKvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,EAAE,OAAO,kBAAkB,IAAI,aAAa,QAAQ;AAE1D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,SAAS,qBAAqB,WAAW,KAAK;AAEpD,QAAM,iBAAiB,MAAM,YACzB;AAAA,IACE,MAAM,MAAM,WAAW,QAAQ,CAAC;AAAA,IAChC,GAAG,OAAO;AAAA,EACZ,IACA;AACJ,QAAM,iBAAiB,OAAuB,IAAI;AAElD,QAAM,MAAM,aAA8C;AAAA,IACxD;AAAA,IACA;AAAA,EACF,CAAC;AAED,sBAAoB,cAAc,OAAO;AAAA,IACvC,WAAW,MAAM;AACf,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB,MAAM;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,EAAE;AAEF,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,cAAc,gBAAgB,MAAM;AAE1C,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAI,cAAc,EAAE,OAAO,WAAW;AAAA,IACtC,GAAI,eAAe,EAAE,QAAQ,YAAY;AAAA,EAC3C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,kBAAkB;AAAA,MAC7C,OAAO;AAAA,MACP,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB;AAAA,MACA,cAAY,aAAa;AAAA,MACzB,oBAAkB;AAAA,MAElB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,gBACA,cAAc;AAOT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  type PropsWithChildren,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport { SINGLE_VALUE_ARIA_LABEL } from './defaults.js';\nimport { useSingleValueConfig } from './hooks/use-single-value-config.js';\nimport { container } from './SingleValue.sty.js';\nimport { Sparkline } from './slots/Sparkline.js';\nimport { Toolbar } from './slots/Toolbar.js';\nimport { Trend } from './slots/Trend.js';\nimport type { SingleValueRef } from './types/single-value-ref.js';\nimport type { SingleValueProps } from './types/single-value.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { normalizeConfig } from './utils/single-value-config.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { Intent } from '../../core/slots/Intent/Intent.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\nimport { SingleValueRenderer } from '../core/components/single-value-renderer/SingleValueRenderer.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\nimport { ColorRule } from '../core/slots/ColorRule.js';\nimport { ChartType } from '../core/types/chart-types.js';\nimport { coerceSizeValue } from '../core/utils/coerceSizeValue.js';\n\nconst COMPONENT_NAME = 'SingleValue';\n\n/**\n * Single Value component\n */\nconst SingleValueRoot = /* @__PURE__ */ forwardRef<\n  SingleValueRef,\n  PropsWithChildren<SingleValueProps>\n>((props, forwardedRef) => {\n  const {\n    data,\n    prefixIcon,\n    children,\n    loading = false,\n    width,\n    height,\n    style: customerStyle,\n    className: customerClassNames,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    applyThresholdBackground,\n    ...restProps\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const { slots, sparklineChildren } = iterateSlots(children);\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const config = useSingleValueConfig(restProps, slots);\n\n  const sparklineProps = slots.sparkline\n    ? {\n        data: slots.sparkline?.data ?? [],\n        ...config.sparkline,\n      }\n    : undefined;\n  const singleValueRef = useRef<HTMLDivElement>(null);\n\n  const ref = useMergeRefs<SingleValueRef | HTMLDivElement>([\n    forwardedRef,\n    singleValueRef,\n  ]);\n\n  useImperativeHandle(forwardedRef, () => ({\n    getConfig: () => {\n      return JSON.stringify({\n        type: ChartType.SingleValue,\n        ...normalizeConfig(config),\n      });\n    },\n  }));\n\n  const chartWidth = coerceSizeValue(width);\n  const chartHeight = coerceSizeValue(height);\n\n  const mergedStyle = {\n    ...customerStyle,\n    ...(chartWidth && { width: chartWidth }),\n    ...(chartHeight && { height: chartHeight }),\n  };\n\n  return (\n    <div\n      {...behavioralTrackingProps}\n      role=\"img\"\n      className={clsx(container, customerClassNames)}\n      style={mergedStyle}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      data-testid={dataTestId}\n      data-dt-component={COMPONENT_NAME}\n      ref={ref}\n      aria-label={ariaLabel ?? SINGLE_VALUE_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n    >\n      <SingleValueRenderer\n        data={data}\n        prefixIcon={prefixIcon}\n        {...config}\n        sparklineProps={sparklineProps}\n        sparklineChildren={sparklineChildren}\n        trendProps={slots.trend}\n        emptyState={emptyState}\n        errorState={errorState}\n        loading={loading}\n        applyThresholdBackground={applyThresholdBackground}\n      >\n        {children}\n      </SingleValueRenderer>\n    </div>\n  );\n});\n\n(\n  SingleValueRoot as typeof SingleValueRoot & { displayName: string }\n).displayName = 'SingleValue';\n\n/**\n * The `SingleValue` is a simple and concise representation of a single data point\n * or metric , which can either be a text or a number.\n * @public\n */\nexport const SingleValue = Object.assign(SingleValueRoot, {\n  Sparkline,\n  Trend,\n  ColorRule,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "AAiHM;AAjHN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AACxB,SAAS,aAAa;AAGtB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,MAAM,iBAAiB;AAKvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM,EAAE,OAAO,kBAAkB,IAAI,aAAa,QAAQ;AAE1D,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM,SAAS,qBAAqB,WAAW,KAAK;AAEpD,QAAM,iBAAiB,MAAM,YACzB;AAAA,IACE,MAAM,MAAM,WAAW,QAAQ,CAAC;AAAA,IAChC,GAAG,OAAO;AAAA,EACZ,IACA;AACJ,QAAM,iBAAiB,OAAuB,IAAI;AAElD,QAAM,MAAM,aAA8C;AAAA,IACxD;AAAA,IACA;AAAA,EACF,CAAC;AAED,sBAAoB,cAAc,OAAO;AAAA,IACvC,WAAW,MAAM;AACf,aAAO,KAAK,UAAU;AAAA,QACpB,MAAM,UAAU;AAAA,QAChB,GAAG,gBAAgB,MAAM;AAAA,MAC3B,CAAC;AAAA,IACH;AAAA,EACF,EAAE;AAEF,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,cAAc,gBAAgB,MAAM;AAE1C,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAI,cAAc,EAAE,OAAO,WAAW;AAAA,IACtC,GAAI,eAAe,EAAE,QAAQ,YAAY;AAAA,EAC3C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,WAAW,KAAK,WAAW,kBAAkB;AAAA,MAC7C,OAAO;AAAA,MACP,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,qBAAmB;AAAA,MACnB;AAAA,MACA,cAAY,aAAa;AAAA,MACzB,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,gBAAc;AAAA,MAEd;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY,MAAM;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAGC,gBACA,cAAc;AAOT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-11-3";
+var container = "_1sfgzlg0-3-12-1";
 export {
   container
 };