@dynatrace/strato-components 3.11.2 → 3.12.0

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

@@ -0,0 +1,94 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_sankey_overlay_events_exports = {};
+__export(use_sankey_overlay_events_exports, {
+  isSameHoveredShape: () => isSameHoveredShape,
+  useSankeyOverlayEvents: () => useSankeyOverlayEvents
+});
+module.exports = __toCommonJS(use_sankey_overlay_events_exports);
+var import_react = require("react");
+var import_use_sankey_layout = require("./use-sankey-layout.js");
+var import_useGraphSize = require("../../core/components/chart-layout/hooks/useGraphSize.js");
+var import_throttleRaf = require("../../core/utils/throttleRaf.js");
+var import_store = require("../store/store.js");
+var import_find_hovered_shape = require("../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 = (0, import_use_sankey_layout.useSankeyLayout)();
+  const setHoveredShape = (0, import_store.useSetHoveredShape)();
+  const clearHoveredShape = (0, import_store.useClearHoveredShape)();
+  const { width, height } = (0, import_useGraphSize.useGraphSize)();
+  const latestPointRef = (0, import_react.useRef)({ clientX: 0, clientY: 0 });
+  const lastHoveredRef = (0, import_react.useRef)(void 0);
+  const publishHoveredShape = (0, import_react.useCallback)(
+    (shape) => {
+      if (isSameHoveredShape(lastHoveredRef.current, shape)) {
+        return;
+      }
+      lastHoveredRef.current = shape;
+      if (shape) {
+        setHoveredShape(shape);
+      } else {
+        clearHoveredShape();
+      }
+    },
+    [setHoveredShape, clearHoveredShape]
+  );
+  const hitTest = (0, import_react.useCallback)(() => {
+    const { clientX, clientY } = latestPointRef.current;
+    const { relativeX, relativeY } = overlay.getAdjustedPositionsFromAbsolute(
+      clientX,
+      clientY
+    );
+    const point = { x: relativeX ?? 0, y: relativeY ?? 0 };
+    publishHoveredShape((0, import_find_hovered_shape.findHoveredShape)(layout, point));
+  }, [overlay, layout, publishHoveredShape]);
+  const throttledHitTest = (0, import_react.useMemo)(() => (0, import_throttleRaf.throttleRaf)(hitTest), [hitTest]);
+  const onPointerMove = (0, import_react.useCallback)(
+    (event) => {
+      latestPointRef.current = {
+        clientX: event.clientX,
+        clientY: event.clientY
+      };
+      throttledHitTest();
+    },
+    [throttledHitTest]
+  );
+  const onPointerLeave = (0, import_react.useCallback)(() => {
+    publishHoveredShape(void 0);
+    overlay.clear();
+  }, [publishHoveredShape, overlay]);
+  (0, import_react.useEffect)(() => {
+    overlay.clear();
+  }, [overlay, width, height]);
+  return { onPointerMove, onPointerLeave };
+}

package/charts/sankey-chart/providers/SankeyConfigProvider.d.ts

@@ -1,12 +1,14 @@
 import { type PropsWithChildren } from 'react';
 import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';
+import type { ColorPalette, CustomColorPalette } from '../../core/types/color-palette.js';
 import type { SankeyChartNodesProps } from '../types/sankey-props.js';
 interface SankeyConfigProviderProps {
     nodesConfig: SankeyChartNodesProps;
     truncationMode: TruncationMode;
+    colorPalette: ColorPalette | CustomColorPalette;
 }
 export declare const SankeyConfigProvider: {
-    ({ nodesConfig, truncationMode, children, }: PropsWithChildren<SankeyConfigProviderProps>): import("react").JSX.Element;
+    ({ nodesConfig, truncationMode, colorPalette, children, }: PropsWithChildren<SankeyConfigProviderProps>): import("react").JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -21,11 +21,13 @@ __export(SankeyConfigProvider_exports, {
 });
 module.exports = __toCommonJS(SankeyConfigProvider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_SankeyColorPalette_context = require("../context/SankeyColorPalette.context.js");
 var import_SankeyNodes_context = require("../context/SankeyNodes.context.js");
 var import_SankeyTruncationMode_context = require("../context/SankeyTruncationMode.context.js");
 const SankeyConfigProvider = ({
   nodesConfig,
   truncationMode,
+  colorPalette,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyTruncationMode_context.SankeyTruncationModeContext.Provider, { value: truncationMode, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyNodes_context.SankeyNodesContext.Provider, { value: nodesConfig, children }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyTruncationMode_context.SankeyTruncationModeContext.Provider, { value: truncationMode, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyColorPalette_context.SankeyColorPaletteContext.Provider, { value: colorPalette, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyNodes_context.SankeyNodesContext.Provider, { value: nodesConfig, children }) }) });
 SankeyConfigProvider.displayName = "SankeyConfigProvider";

package/charts/sankey-chart/providers/SankeyHoverStoreProvider.d.ts

@@ -0,0 +1,6 @@
+import { type PropsWithChildren } from 'react';
+export declare const SankeyHoverStoreProvider: {
+    ({ children }: PropsWithChildren): import("react").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=SankeyHoverStoreProvider.d.ts.map

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

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyHoverStoreProvider_exports = {};
+__export(SankeyHoverStoreProvider_exports, {
+  SankeyHoverStoreProvider: () => SankeyHoverStoreProvider
+});
+module.exports = __toCommonJS(SankeyHoverStoreProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_store = require("../../../core/store/store.js");
+var import_constants = require("../constants.js");
+var import_SankeyHoverStore_context = require("../context/SankeyHoverStore.context.js");
+const SankeyHoverStoreProvider = ({ children }) => {
+  const storeRef = (0, import_react.useRef)(null);
+  storeRef.current ??= (0, import_store.createStore)(import_constants.INITIAL_HOVER_STATE);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyHoverStore_context.SankeyHoverStoreContext.Provider, { value: storeRef.current, children });
+};
+SankeyHoverStoreProvider.displayName = "SankeyHoverStoreProvider";

package/charts/sankey-chart/providers/SankeyLayoutProvider.d.ts

@@ -0,0 +1,11 @@
+import { type PropsWithChildren } from 'react';
+interface SankeyLayoutProviderProps {
+    width: number;
+    height: number;
+}
+export declare const SankeyLayoutProvider: {
+    ({ children, width, height, }: Readonly<PropsWithChildren<SankeyLayoutProviderProps>>): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=SankeyLayoutProvider.d.ts.map

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

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyLayoutProvider_exports = {};
+__export(SankeyLayoutProvider_exports, {
+  SankeyLayoutProvider: () => SankeyLayoutProvider
+});
+module.exports = __toCommonJS(SankeyLayoutProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_SankeyLayout_context = require("../context/SankeyLayout.context.js");
+var import_use_generate_sankey_layout = require("../hooks/use-generate-sankey-layout.js");
+const SankeyLayoutProvider = ({
+  children,
+  width,
+  height
+}) => {
+  const layout = (0, import_use_generate_sankey_layout.useGenerateSankeyLayout)(width, height);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyLayout_context.SankeyLayoutContext.Provider, { value: layout, children });
+};
+SankeyLayoutProvider.displayName = "SankeyLayoutProvider";

package/charts/sankey-chart/store/selectors.d.ts

@@ -0,0 +1,10 @@
+import type { SankeyHoverState } from '../types/sankey-hover.js';
+/**
+ * Compares by reference rather than deeply: a hovered shape holds layout nodes
+ * whose `sourceLinks`/`targetLinks` reference back into the whole graph, so a
+ * deep comparison would traverse it on every pointer move. Writers only publish
+ * a new shape when the hovered identity actually changes.
+ */
+export declare const useSankeyHoverSelector: <T>(selector: (state: SankeyHoverState) => T) => T;
+export declare const useSankeyHoveredShape: () => import("../types/sankey-hover.js").SankeyHoveredShape | undefined;
+//# sourceMappingURL=selectors.d.ts.map

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

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var selectors_exports = {};
+__export(selectors_exports, {
+  useSankeyHoverSelector: () => useSankeyHoverSelector,
+  useSankeyHoveredShape: () => useSankeyHoveredShape
+});
+module.exports = __toCommonJS(selectors_exports);
+var import_selector = require("../../../core/store/selector.js");
+var import_SankeyHoverStore_context = require("../context/SankeyHoverStore.context.js");
+const useSankeyHoverSelector = (selector) => (0, import_selector.useStoreSelector)(import_SankeyHoverStore_context.SankeyHoverStoreContext, selector);
+const useSankeyHoveredShape = () => useSankeyHoverSelector((state) => state.hovered);

package/charts/sankey-chart/store/store.d.ts

@@ -0,0 +1,4 @@
+import type { SankeyHoveredShape } from '../types/sankey-hover.js';
+export declare const useSetHoveredShape: () => (shape: SankeyHoveredShape) => void;
+export declare const useClearHoveredShape: () => () => void;
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var store_exports = {};
+__export(store_exports, {
+  useClearHoveredShape: () => useClearHoveredShape,
+  useSetHoveredShape: () => useSetHoveredShape
+});
+module.exports = __toCommonJS(store_exports);
+var import_react = require("react");
+var import_SankeyHoverStore_context = require("../context/SankeyHoverStore.context.js");
+const useSetState = () => {
+  const { setState } = (0, import_react.useContext)(import_SankeyHoverStore_context.SankeyHoverStoreContext);
+  return setState;
+};
+const useSetHoveredShape = () => {
+  const setState = useSetState();
+  return (0, import_react.useCallback)(
+    (shape) => {
+      setState((prev) => ({ ...prev, hovered: shape }));
+    },
+    [setState]
+  );
+};
+const useClearHoveredShape = () => {
+  const setState = useSetState();
+  return (0, import_react.useCallback)(() => {
+    setState((prev) => ({ ...prev, hovered: void 0 }));
+  }, [setState]);
+};

package/charts/sankey-chart/types/sankey-hover.d.ts

@@ -0,0 +1,28 @@
+import type { SankeyLayoutLink, SankeyLayoutNode } from './sankey-internal.js';
+/**
+ * The shape currently hovered in the sankey graph area.
+ *
+ * A hovered node carries `relatedNodes` (every node upstream or downstream of
+ * it, i.e. its whole data flow through the graph) and `relatedLinks` (every
+ * link crossed while collecting `relatedNodes`, including links between two
+ * related nodes that never touch the hovered node itself; see
+ * `getRelatedSankeyFlow`). A hovered link carries its connected
+ * source/target nodes, so consumers can highlight the full neighborhood from
+ * either variant.
+ */
+export type SankeyHoveredShape = {
+    type: 'node';
+    node: SankeyLayoutNode;
+    relatedNodes: SankeyLayoutNode[];
+    relatedLinks: SankeyLayoutLink[];
+} | {
+    type: 'link';
+    link: SankeyLayoutLink;
+    source: SankeyLayoutNode;
+    target: SankeyLayoutNode;
+};
+/** The hover store's state shape. */
+export interface SankeyHoverState {
+    hovered: SankeyHoveredShape | undefined;
+}
+//# sourceMappingURL=sankey-hover.d.ts.map

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

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sankey_hover_exports = {};
+module.exports = __toCommonJS(sankey_hover_exports);

package/charts/sankey-chart/types/sankey-props.d.ts

@@ -6,6 +6,7 @@ import type { MaskingProps } from '../../../core/types/masking-props.js';
 import type { StylingProps } from '../../../core/types/styling-props.js';
 import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';
 import type { ChartData } from '../../core/types/chart-data.js';
+import type { ColorPalette, CustomColorPalette } from '../../core/types/color-palette.js';
 /**
  * @internal
  */
@@ -33,6 +34,11 @@ export interface SankeyChartBaseProps extends MaskingProps, StylingProps, DataTe
      * @defaultValue 'middle'
      */
     truncationMode?: TruncationMode;
+    /**
+     * The color palette used for node coloring.
+     * @defaultValue 'categorical'
+     */
+    colorPalette?: ColorPalette | CustomColorPalette;
     children?: ReactNode;
 }
 /**

package/charts/sankey-chart/utils/build-link-gradient.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Creates a horizontal linear `CanvasGradient` that transitions from
+ * `sourceColor` at `sourceX` to `targetColor` at `targetX`, with each color
+ * stop at the given `opacity`.
+ */
+export declare function buildLinkGradient(ctx: CanvasRenderingContext2D, sourceX: number, targetX: number, sourceColor: string, targetColor: string, opacity: number): CanvasGradient;
+//# sourceMappingURL=build-link-gradient.d.ts.map

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

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var build_link_gradient_exports = {};
+__export(build_link_gradient_exports, {
+  buildLinkGradient: () => buildLinkGradient
+});
+module.exports = __toCommonJS(build_link_gradient_exports);
+var import_d3_color = require("d3-color");
+function toRgbaWithOpacity(hexColor, opacity) {
+  const parsed = (0, import_d3_color.color)(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;
+}

package/charts/sankey-chart/utils/find-hovered-shape.d.ts

@@ -0,0 +1,14 @@
+import type { Point } from '../../core/types/point.js';
+import type { SankeyHoveredShape } from '../types/sankey-hover.js';
+import type { SankeyLayoutLink, SankeyLayoutModel, SankeyLayoutNode } from '../types/sankey-internal.js';
+export declare function isPointInNode(node: SankeyLayoutNode, point: Point): boolean;
+export declare function isPointInLinkRibbon(link: SankeyLayoutLink, point: Point): boolean;
+/**
+ * Finds the sankey shape under `point`, if any.
+ *
+ * Nodes are tested before links: node rects are small, deliberate targets
+ * that the wider ribbons converging on them would otherwise swallow. Within
+ * each category, the first match in layout order wins.
+ */
+export declare function findHoveredShape(layout: SankeyLayoutModel, point: Point): SankeyHoveredShape | undefined;
+//# sourceMappingURL=find-hovered-shape.d.ts.map

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

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var find_hovered_shape_exports = {};
+__export(find_hovered_shape_exports, {
+  findHoveredShape: () => findHoveredShape,
+  isPointInLinkRibbon: () => isPointInLinkRibbon,
+  isPointInNode: () => isPointInNode
+});
+module.exports = __toCommonJS(find_hovered_shape_exports);
+var import_get_related_sankey_flow = require("./get-related-sankey-flow.js");
+var import_is_resolved_sankey_node = require("./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 (!(0, import_is_resolved_sankey_node.isResolvedNode)(link.source) || !(0, import_is_resolved_sankey_node.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 } = (0, import_get_related_sankey_flow.getRelatedSankeyFlow)(node);
+      return {
+        type: "node",
+        node,
+        relatedNodes,
+        relatedLinks
+      };
+    }
+  }
+  for (const link of layout.links) {
+    if ((0, import_is_resolved_sankey_node.isResolvedNode)(link.source) && (0, import_is_resolved_sankey_node.isResolvedNode)(link.target) && isPointInLinkRibbon(link, point)) {
+      return {
+        type: "link",
+        link,
+        source: link.source,
+        target: link.target
+      };
+    }
+  }
+  return void 0;
+}

package/charts/sankey-chart/utils/get-related-sankey-flow.d.ts

@@ -0,0 +1,20 @@
+import type { SankeyLayoutLink, SankeyLayoutNode } from '../types/sankey-internal.js';
+/** The transitive data flow reachable from a node: its related nodes and every link crossed while collecting them. */
+export interface SankeyRelatedFlow {
+    nodes: SankeyLayoutNode[];
+    links: SankeyLayoutLink[];
+}
+/**
+ * Traverses the full data flow of `node`: every node feeding into it
+ * (following `targetLinks` upstream) and every node it feeds into (following
+ * `sourceLinks` downstream), transitively, plus every link crossed while
+ * doing so, including links between two related nodes that never touch
+ * `node` itself. `node` itself is excluded from `nodes`.
+ *
+ * The two directions are walked separately on purpose. A single undirected
+ * traversal would step back down from an ancestor into that ancestor's other
+ * branches and end up returning the whole connected component, pulling in
+ * siblings that neither feed the hovered node nor are fed by it.
+ */
+export declare function getRelatedSankeyFlow(node: SankeyLayoutNode): SankeyRelatedFlow;
+//# sourceMappingURL=get-related-sankey-flow.d.ts.map

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

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var get_related_sankey_flow_exports = {};
+__export(get_related_sankey_flow_exports, {
+  getRelatedSankeyFlow: () => getRelatedSankeyFlow
+});
+module.exports = __toCommonJS(get_related_sankey_flow_exports);
+var import_is_resolved_sankey_node = require("./is-resolved-sankey-node.js");
+const getUpstreamSteps = (node) => (node.targetLinks ?? []).flatMap(
+  (link) => (0, import_is_resolved_sankey_node.isResolvedNode)(link.source) ? [{ node: link.source, link }] : []
+);
+const getDownstreamSteps = (node) => (node.sourceLinks ?? []).flatMap(
+  (link) => (0, import_is_resolved_sankey_node.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] };
+}

package/charts/sankey-chart/utils/is-resolved-sankey-node.d.ts

@@ -0,0 +1,9 @@
+import type { SankeyLayoutLink, SankeyLayoutNode } from '../types/sankey-internal.js';
+type LinkEndpoint = SankeyLayoutLink['source'];
+/**
+ * After the layout pass d3-sankey replaces the `source`/`target` ids with the
+ * node objects themselves, but the vendored types still allow the id form.
+ */
+export declare const isResolvedNode: (endpoint: LinkEndpoint) => endpoint is SankeyLayoutNode;
+export {};
+//# sourceMappingURL=is-resolved-sankey-node.d.ts.map

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

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var is_resolved_sankey_node_exports = {};
+__export(is_resolved_sankey_node_exports, {
+  isResolvedNode: () => isResolvedNode
+});
+module.exports = __toCommonJS(is_resolved_sankey_node_exports);
+const isResolvedNode = (endpoint) => typeof endpoint === "object";

package/charts/single-value/SingleValue.css

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