@mastra/playground-ui 41.0.0 → 41.1.0-alpha.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @mastra/playground-ui
 
+## 41.1.0-alpha.1
+
+### Patch Changes
+
+- Updated dependencies:
+  - @mastra/core@1.51.1-alpha.1
+  - @mastra/client-js@1.32.1-alpha.1
+  - @mastra/react@1.2.6-alpha.1
+
+## 41.1.0-alpha.0
+
+### Minor Changes
+
+- Added a composable Sankey provider and chart with customizable controls through the `useSankey` hook, curve selection metadata, deterministic node colors, gradient ribbons, and connected hover feedback. ([#19472](https://github.com/mastra-ai/mastra/pull/19472))
+
+### Patch Changes
+
+- Added reusable Composer compound components for building controlled chat inputs. ([#19470](https://github.com/mastra-ai/mastra/pull/19470))
+
+- Updated dependencies [[`8a0d145`](https://github.com/mastra-ai/mastra/commit/8a0d145aadbdf7278665aceaaec364b35dd9bd94), [`bd2f1d2`](https://github.com/mastra-ai/mastra/commit/bd2f1d274d05e60e2366f005ea0d94d5cea0d5ff), [`21a0eb8`](https://github.com/mastra-ai/mastra/commit/21a0eb86746ba0b703acea360d4f84c6a5a493f2), [`de86fd7`](https://github.com/mastra-ai/mastra/commit/de86fd7119f0438381d1a642e3d258143c0b9c29), [`2fd1a51`](https://github.com/mastra-ai/mastra/commit/2fd1a510946ede90bd42de32c315f7586bfcfd20), [`2745031`](https://github.com/mastra-ai/mastra/commit/2745031d1d4a4978f037092da371428c32e2842a), [`db650ce`](https://github.com/mastra-ai/mastra/commit/db650ce490348914e85b93651d83acdf8f2a4c31), [`6354eeb`](https://github.com/mastra-ai/mastra/commit/6354eeb32efa9f5f68f51dda394e90e2ee76f1fb), [`21a0eb8`](https://github.com/mastra-ai/mastra/commit/21a0eb86746ba0b703acea360d4f84c6a5a493f2)]:
+  - @mastra/core@1.51.1-alpha.0
+  - @mastra/react@1.2.6-alpha.0
+  - @mastra/memory@1.23.1-alpha.0
+  - @mastra/client-js@1.32.1-alpha.0
+
 ## 41.0.0
 
 ### Minor Changes

package/dist/Composer.css

@@ -0,0 +1,25 @@
+@keyframes composer-sending {
+  0% {
+    transform: translate3d(0, 300%, 0);
+    opacity: 0;
+  }
+
+  15% {
+    opacity: 0.35;
+  }
+
+  85% {
+    opacity: 0.35;
+  }
+
+  100% {
+    transform: translate3d(0, -200%, 0);
+    opacity: 0;
+  }
+}
+
+.composer-sending {
+  animation: composer-sending 900ms cubic-bezier(0.22, 1, 0.36, 1) both;
+  will-change: transform, opacity;
+  backface-visibility: hidden;
+}

package/dist/components/Composer.cjs.js

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('../Composer.css');const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const scrollArea = require('../scroll-area-C3deZ3yj.cjs');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+
+const Composer = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("form", { ref, "data-slot": "composer", ...props, children }));
+Composer.displayName = "Composer";
+const ComposerBox = React.forwardRef(
+  ({ children, className, sendingPulseKey = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "composer-box",
+      className: utils_cn.cn(
+        "duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerSendingPulse, { pulseKey: sendingPulseKey }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10", children })
+      ]
+    }
+  )
+);
+ComposerBox.displayName = "ComposerBox";
+const ComposerAttachments = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-attachments",
+      className: utils_cn.cn("mx-auto w-full max-w-3xl pb-2", className),
+      ...props
+    }
+  )
+);
+ComposerAttachments.displayName = "ComposerAttachments";
+const ComposerInput = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { maxHeight: "212px", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ref,
+      "data-slot": "composer-input",
+      className: utils_cn.cn(
+        "min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+ComposerInput.displayName = "ComposerInput";
+const ComposerActions = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-actions",
+      className: utils_cn.cn("flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5", className),
+      ...props
+    }
+  )
+);
+ComposerActions.displayName = "ComposerActions";
+const ComposerGradientColumn = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex size-full flex-col -space-y-3", className), children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex-1 bg-accent1 blur-xl" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex-1 bg-accent1Dark blur-xl" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex-1 bg-accent1 blur-xl" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex-1 bg-accent1Darker blur-xl" })
+] });
+const ComposerSendingPulse = ({ pulseKey }) => {
+  if (pulseKey === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      "data-slot": "composer-sending-pulse",
+      className: "composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerGradientColumn, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerGradientColumn, { className: "-translate-y-2" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ComposerGradientColumn, {})
+      ]
+    },
+    pulseKey
+  );
+};
+
+exports.Composer = Composer;
+exports.ComposerActions = ComposerActions;
+exports.ComposerAttachments = ComposerAttachments;
+exports.ComposerBox = ComposerBox;
+exports.ComposerInput = ComposerInput;
+//# sourceMappingURL=Composer.cjs.js.map

package/dist/components/Composer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComponentPropsWithoutRef<'textarea'>>(\n  ({ className, ...props }, ref) => (\n    <ScrollArea maxHeight=\"212px\">\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":["forwardRef","jsx","jsxs","cn","ScrollArea"],"mappings":"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"}

package/dist/components/Composer.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/Composer/index'
+export {}

package/dist/components/Composer.es.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { S as ScrollArea } from '../scroll-area-DcY6f0GS.js';
+import { c as cn } from '../cn-BakJzhuv.js';
+
+import '../Composer.css';const Composer = forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx("form", { ref, "data-slot": "composer", ...props, children }));
+Composer.displayName = "Composer";
+const ComposerBox = forwardRef(
+  ({ children, className, sendingPulseKey = 0, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "composer-box",
+      className: cn(
+        "duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ComposerSendingPulse, { pulseKey: sendingPulseKey }),
+        /* @__PURE__ */ jsx("div", { className: "relative z-10", children })
+      ]
+    }
+  )
+);
+ComposerBox.displayName = "ComposerBox";
+const ComposerAttachments = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-attachments",
+      className: cn("mx-auto w-full max-w-3xl pb-2", className),
+      ...props
+    }
+  )
+);
+ComposerAttachments.displayName = "ComposerAttachments";
+const ComposerInput = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea, { maxHeight: "212px", children: /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      "data-slot": "composer-input",
+      className: cn(
+        "min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+ComposerInput.displayName = "ComposerInput";
+const ComposerActions = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "region",
+      "data-slot": "composer-actions",
+      className: cn("flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5", className),
+      ...props
+    }
+  )
+);
+ComposerActions.displayName = "ComposerActions";
+const ComposerGradientColumn = ({ className }) => /* @__PURE__ */ jsxs("div", { className: cn("flex size-full flex-col -space-y-3", className), children: [
+  /* @__PURE__ */ jsx("div", { className: "w-full flex-1 bg-accent1 blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "w-full flex-1 bg-accent1Dark blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "w-full flex-1 bg-accent1 blur-xl" }),
+  /* @__PURE__ */ jsx("div", { className: "w-full flex-1 bg-accent1Darker blur-xl" })
+] });
+const ComposerSendingPulse = ({ pulseKey }) => {
+  if (pulseKey === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      "data-slot": "composer-sending-pulse",
+      className: "composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu",
+      children: [
+        /* @__PURE__ */ jsx(ComposerGradientColumn, {}),
+        /* @__PURE__ */ jsx(ComposerGradientColumn, { className: "-translate-y-2" }),
+        /* @__PURE__ */ jsx(ComposerGradientColumn, {})
+      ]
+    },
+    pulseKey
+  );
+};
+
+export { Composer, ComposerActions, ComposerAttachments, ComposerBox, ComposerInput };
+//# sourceMappingURL=Composer.es.js.map

package/dist/components/Composer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/composer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { ScrollArea } from '../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './composer-sending.css';\n\nexport type ComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const Composer = forwardRef<HTMLFormElement, ComposerProps>(({ children, ...props }, ref) => (\n  <form ref={ref} data-slot=\"composer\" {...props}>\n    {children}\n  </form>\n));\nComposer.displayName = 'Composer';\n\nexport interface ComposerBoxProps extends ComponentPropsWithoutRef<'div'> {\n  sendingPulseKey?: number;\n}\n\nexport const ComposerBox = forwardRef<HTMLDivElement, ComposerBoxProps>(\n  ({ children, className, sendingPulseKey = 0, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"composer-box\"\n      className={cn(\n        'duration-normal @container relative mx-auto mt-auto w-full max-w-3xl overflow-hidden rounded-[22px] border border-border2/40 bg-surface3 transition-colors focus-within:border-border2',\n        className,\n      )}\n      {...props}\n    >\n      <ComposerSendingPulse pulseKey={sendingPulseKey} />\n      <div className=\"relative z-10\">{children}</div>\n    </div>\n  ),\n);\nComposerBox.displayName = 'ComposerBox';\n\nexport const ComposerAttachments = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-attachments\"\n      className={cn('mx-auto w-full max-w-3xl pb-2', className)}\n      {...props}\n    />\n  ),\n);\nComposerAttachments.displayName = 'ComposerAttachments';\n\nexport const ComposerInput = forwardRef<HTMLTextAreaElement, ComponentPropsWithoutRef<'textarea'>>(\n  ({ className, ...props }, ref) => (\n    <ScrollArea maxHeight=\"212px\">\n      <textarea\n        ref={ref}\n        data-slot=\"composer-input\"\n        className={cn(\n          'min-h-17 field-sizing-content w-full resize-none bg-transparent px-3 pt-3 pb-2 text-ui-lg leading-ui-lg text-neutral6 outline-hidden placeholder:text-neutral3 focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nComposerInput.displayName = 'ComposerInput';\n\nexport const ComposerActions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"region\"\n      data-slot=\"composer-actions\"\n      className={cn('flex flex-wrap-reverse items-center justify-between gap-2 px-1.5 pb-1.5', className)}\n      {...props}\n    />\n  ),\n);\nComposerActions.displayName = 'ComposerActions';\n\nconst ComposerGradientColumn = ({ className }: { className?: string }) => (\n  <div className={cn('flex size-full flex-col -space-y-3', className)}>\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Dark blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1 blur-xl\" />\n    <div className=\"w-full flex-1 bg-accent1Darker blur-xl\" />\n  </div>\n);\n\nconst ComposerSendingPulse = ({ pulseKey }: { pulseKey: number }) => {\n  if (pulseKey === 0) return null;\n\n  return (\n    <div\n      key={pulseKey}\n      aria-hidden=\"true\"\n      data-slot=\"composer-sending-pulse\"\n      className=\"composer-sending pointer-events-none absolute top-0 left-[-10%] z-0 flex h-10 w-[120%] transform-gpu\"\n    >\n      <ComposerGradientColumn />\n      <ComposerGradientColumn className=\"-translate-y-2\" />\n      <ComposerGradientColumn />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/SankeyChart.cjs.js

@@ -0,0 +1,362 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const recharts = require('recharts');
+const spacings = require('../spacings-BP8L49kn.cjs');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+
+const EMPTY_GRAPH = { nodes: [], links: [] };
+function getSankeyChartValue(value) {
+  if (typeof value === "string") {
+    const trimmedValue = value.trim();
+    return trimmedValue.length > 0 ? trimmedValue : void 0;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  return void 0;
+}
+function reorderSankeyChartColumns(columns, startIndex, endIndex) {
+  if (startIndex === endIndex || startIndex < 0 || endIndex < 0 || startIndex >= columns.length || endIndex >= columns.length) {
+    return columns;
+  }
+  const reorderedColumns = [...columns];
+  const [movedColumn] = reorderedColumns.splice(startIndex, 1);
+  if (!movedColumn) return columns;
+  reorderedColumns.splice(endIndex, 0, movedColumn);
+  return reorderedColumns;
+}
+function buildSankeyChartGraph(data, columns) {
+  if (columns.length < 2 || data.length === 0) return EMPTY_GRAPH;
+  const nodes = [];
+  const nodeIndexes = /* @__PURE__ */ new Map();
+  const linksById = /* @__PURE__ */ new Map();
+  const getNode = (column, value) => {
+    const id = createNodeId(column.id, value);
+    const existingIndex = nodeIndexes.get(id);
+    const existingNode = existingIndex === void 0 ? void 0 : nodes[existingIndex];
+    if (existingIndex !== void 0 && existingNode) return { node: existingNode, index: existingIndex };
+    const node = { id, name: String(value), column, value };
+    const index = nodes.length;
+    nodes.push(node);
+    nodeIndexes.set(id, index);
+    return { node, index };
+  };
+  for (let columnIndex = 0; columnIndex < columns.length - 1; columnIndex += 1) {
+    const sourceColumn = columns[columnIndex];
+    const targetColumn = columns[columnIndex + 1];
+    if (!sourceColumn || !targetColumn) continue;
+    for (const record of data) {
+      const sourceValue = getSankeyChartValue(record[sourceColumn.id]);
+      const targetValue = getSankeyChartValue(record[targetColumn.id]);
+      if (sourceValue === void 0 || targetValue === void 0) continue;
+      const source = getNode(sourceColumn, sourceValue);
+      const target = getNode(targetColumn, targetValue);
+      const id = `${source.node.id}->${target.node.id}`;
+      const existingLink = linksById.get(id);
+      if (existingLink) {
+        existingLink.value += 1;
+        existingLink.records.push(record);
+      } else {
+        linksById.set(id, {
+          id,
+          source: source.index,
+          target: target.index,
+          value: 1,
+          sourceNode: source.node,
+          targetNode: target.node,
+          records: [record]
+        });
+      }
+    }
+  }
+  return { nodes, links: [...linksById.values()] };
+}
+function getSankeyChartCurveSelection(link) {
+  return {
+    source: { column: link.sourceNode.column, value: link.sourceNode.value },
+    target: { column: link.targetNode.column, value: link.targetNode.value },
+    records: link.records
+  };
+}
+function createNodeId(columnId, value) {
+  return JSON.stringify([columnId, typeof value, value]);
+}
+
+const MIN_HUE_DISTANCE = 26;
+function normalizeHue(hue) {
+  return (hue % 360 + 360) % 360;
+}
+function hashHue(value) {
+  let hash = 2166136261;
+  for (let index = 0; index < value.length; index += 1) {
+    hash ^= value.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return normalizeHue(hash);
+}
+function supportsOklch() {
+  return typeof CSS !== "undefined" && CSS.supports?.("color", "oklch(62% 0.14 180)") === true;
+}
+function nodeColor(hue) {
+  const normalizedHue = normalizeHue(hue);
+  return supportsOklch() ? `oklch(68% 0.13 ${normalizedHue})` : `hsl(${normalizedHue} 42% 62%)`;
+}
+function nodeColorVivid(hue) {
+  const normalizedHue = normalizeHue(hue);
+  return supportsOklch() ? `oklch(74% 0.18 ${normalizedHue})` : `hsl(${normalizedHue} 55% 68%)`;
+}
+function buildSankeyHueMap(names) {
+  const entries = [...new Set(names)].map((name) => ({ name, hue: hashHue(name) })).sort((left, right) => left.hue - right.hue || left.name.localeCompare(right.name));
+  for (let pass = 0; pass < 3; pass += 1) {
+    for (let iteration = 0; iteration < entries.length * 8; iteration += 1) {
+      entries.sort((left, right) => left.hue - right.hue || left.name.localeCompare(right.name));
+      let adjusted = false;
+      for (let index = 0; index < entries.length; index += 1) {
+        const current = entries[index];
+        const next = entries[(index + 1) % entries.length];
+        if (!current || !next) continue;
+        const distance = normalizeHue(next.hue - current.hue);
+        if (distance >= MIN_HUE_DISTANCE - Number.EPSILON) continue;
+        const adjustment = (MIN_HUE_DISTANCE - distance) / 2;
+        current.hue = normalizeHue(current.hue - adjustment);
+        next.hue = normalizeHue(next.hue + adjustment);
+        adjusted = true;
+      }
+      if (!adjusted) break;
+    }
+  }
+  return Object.fromEntries(entries.map(({ name, hue }) => [name, normalizeHue(hue)]));
+}
+
+const SankeyControlsContext = React.createContext(void 0);
+const SankeyRenderContext = React.createContext(void 0);
+function Sankey({
+  data,
+  columns,
+  children,
+  columnOrder,
+  onColumnOrderChange,
+  visibleColumnIds,
+  onVisibleColumnIdsChange
+}) {
+  const columnIds = columns.map((column) => column.id);
+  const [internalOrder, setInternalOrder] = React.useState(columnIds);
+  const [internalVisibleIds, setInternalVisibleIds] = React.useState(columnIds);
+  const orderedColumns = orderColumns(columns, columnOrder ?? internalOrder);
+  const visibleIds = new Set(visibleColumnIds ?? internalVisibleIds);
+  const enabledColumns = orderedColumns.filter((column) => visibleIds.has(column.id));
+  const graph = buildSankeyChartGraph(data, enabledColumns);
+  const hueMap = buildSankeyHueMap(graph.nodes.map((node) => String(node.value)));
+  const setVisibleColumns = (nextIds) => {
+    if (visibleColumnIds === void 0) setInternalVisibleIds(nextIds);
+    onVisibleColumnIdsChange?.(nextIds);
+  };
+  const setColumnOrder = (nextOrder) => {
+    if (columnOrder === void 0) setInternalOrder(nextOrder);
+    onColumnOrderChange?.(nextOrder);
+  };
+  const toggleColumn = (columnId) => {
+    const nextIds = visibleIds.has(columnId) ? orderedColumns.filter((column) => visibleIds.has(column.id) && column.id !== columnId).map((column) => column.id) : orderedColumns.filter((column) => visibleIds.has(column.id) || column.id === columnId).map((column) => column.id);
+    setVisibleColumns(nextIds);
+  };
+  const reorderColumns = (sourceIndex, destinationIndex) => {
+    const reorderedEnabled = reorderSankeyChartColumns(enabledColumns, sourceIndex, destinationIndex);
+    const enabledIterator = reorderedEnabled[Symbol.iterator]();
+    const nextColumns = orderedColumns.map(
+      (column) => visibleIds.has(column.id) ? enabledIterator.next().value ?? column : column
+    );
+    setColumnOrder(nextColumns.map((column) => column.id));
+  };
+  const controlColumns = orderedColumns.map((column) => ({ ...column, visible: visibleIds.has(column.id) }));
+  return /* @__PURE__ */ jsxRuntime.jsx(SankeyControlsContext.Provider, { value: { columns: controlColumns, toggleColumn, reorderColumns }, children: /* @__PURE__ */ jsxRuntime.jsx(SankeyRenderContext.Provider, { value: { graph, enabledColumns, hueMap }, children }) });
+}
+function useSankey() {
+  const context = React.useContext(SankeyControlsContext);
+  if (!context) throw new Error("useSankey must be used within Sankey");
+  return context;
+}
+function useSankeyRenderContext() {
+  const context = React.useContext(SankeyRenderContext);
+  if (!context) throw new Error("SankeyChart must be used within Sankey");
+  return context;
+}
+function orderColumns(columns, order) {
+  const positions = new Map(order.map((id, index) => [id, index]));
+  return [...columns].sort(
+    (left, right) => (positions.get(left.id) ?? columns.length) - (positions.get(right.id) ?? columns.length)
+  );
+}
+
+function SankeyChart({ height = 320, className, onCurveClick }) {
+  const { graph, enabledColumns, hueMap } = useSankeyRenderContext();
+  const [hoveredSourceName, setHoveredSourceName] = React.useState();
+  const lastColumnId = enabledColumns.at(-1)?.id;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("min-w-0", className), children: graph.links.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "flex items-center justify-center rounded-md border border-border1 text-ui-sm text-neutral3",
+      style: { height },
+      children: "Select at least two columns with data to display a flow"
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    recharts.ResponsiveContainer,
+    {
+      width: "100%",
+      height: "100%",
+      initialDimension: { width: 800, height: typeof height === "number" ? height : 320 },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        recharts.Sankey,
+        {
+          data: graph,
+          nodeWidth: 7,
+          nodePadding: 18,
+          margin: { top: 40, right: 120, bottom: 12, left: 120 },
+          node: (props) => {
+            const node = graph.nodes[props.index];
+            const showColumnLabel = node ? graph.nodes.findIndex((candidate) => candidate.column.id === node.column.id) === props.index : false;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              SankeyNode,
+              {
+                ...props,
+                hueMap,
+                columnLabel: node?.column.label,
+                showColumnLabel,
+                isLastColumn: node?.column.id === lastColumnId,
+                onHoverChange: setHoveredSourceName
+              }
+            );
+          },
+          link: (props) => {
+            const link = graph.links[props.index];
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              SankeyLink,
+              {
+                ...props,
+                hueMap,
+                highlighted: String(props.payload.source.name ?? "") === hoveredSourceName,
+                onHoverChange: setHoveredSourceName,
+                clickable: onCurveClick !== void 0,
+                onSelect: () => {
+                  if (link) onCurveClick?.(getSankeyChartCurveSelection(link));
+                }
+              }
+            );
+          }
+        }
+      )
+    }
+  ) }) });
+}
+function SankeyNode({
+  x,
+  y,
+  width,
+  height,
+  payload,
+  hueMap,
+  columnLabel,
+  showColumnLabel,
+  isLastColumn,
+  onHoverChange
+}) {
+  const name = typeof payload.name === "string" || typeof payload.name === "number" ? String(payload.name) : "";
+  const value = typeof payload.value === "string" || typeof payload.value === "number" ? String(payload.value) : "";
+  const labelX = isLastColumn ? x - 8 : x + width + 8;
+  const textAnchor = isLastColumn ? "end" : "start";
+  const hue = hueMap[name] ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { onMouseEnter: () => onHoverChange(name), onMouseLeave: () => onHoverChange(void 0), children: [
+    showColumnLabel && columnLabel ? /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + width / 2, y: 18, textAnchor: "middle", fill: spacings.Colors.neutral5, fontSize: 12, fontWeight: 600, children: columnLabel }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width, height, rx: 3, fill: nodeColor(hue) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "text",
+      {
+        x: labelX,
+        y: y + height / 2 - 4,
+        textAnchor,
+        fill: spacings.Colors.neutral5,
+        fontSize: 12.5,
+        fontFamily: "var(--font-mono)",
+        paintOrder: "stroke",
+        stroke: spacings.Colors.surface1,
+        strokeWidth: 3,
+        strokeLinejoin: "round",
+        children: name
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: labelX, y: y + height / 2 + 10, textAnchor, fill: spacings.Colors.neutral3, fontSize: 10.5, children: value })
+  ] });
+}
+function SankeyLink({
+  sourceX,
+  targetX,
+  sourceY,
+  targetY,
+  sourceControlX,
+  targetControlX,
+  linkWidth,
+  index,
+  payload,
+  hueMap,
+  highlighted,
+  clickable,
+  onHoverChange,
+  onSelect
+}) {
+  const halfWidth = Math.max(0, linkWidth) / 2;
+  const path = [
+    `M${sourceX},${sourceY - halfWidth}`,
+    `C${sourceControlX},${sourceY - halfWidth} ${targetControlX},${targetY - halfWidth} ${targetX},${targetY - halfWidth}`,
+    `L${targetX},${targetY + halfWidth}`,
+    `C${targetControlX},${targetY + halfWidth} ${sourceControlX},${sourceY + halfWidth} ${sourceX},${sourceY + halfWidth}`,
+    "Z"
+  ].join(" ");
+  const sourceName = String(payload.source.name ?? "");
+  const targetName = String(payload.target.name ?? "");
+  const gradientId = `sankey-grad-${index}`;
+  const vividGradientId = `${gradientId}-vivid`;
+  const handleKeyDown = (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    onSelect();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: sourceX, x2: targetX, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: nodeColor(hueMap[sourceName] ?? 0) }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: nodeColor(hueMap[targetName] ?? 0) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: vividGradientId, gradientUnits: "userSpaceOnUse", x1: sourceX, x2: targetX, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: nodeColorVivid(hueMap[sourceName] ?? 0) }),
+        /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: nodeColorVivid(hueMap[targetName] ?? 0) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: path,
+        fill: `url(#${highlighted ? vividGradientId : gradientId})`,
+        fillOpacity: highlighted ? 0.75 : 0.32,
+        stroke: "none",
+        role: clickable ? "button" : void 0,
+        tabIndex: clickable ? 0 : void 0,
+        "aria-label": clickable ? "Select Sankey curve" : void 0,
+        onClick: clickable ? onSelect : void 0,
+        onKeyDown: clickable ? handleKeyDown : void 0,
+        onMouseEnter: () => onHoverChange(sourceName),
+        onMouseLeave: () => onHoverChange(void 0),
+        style: { cursor: clickable ? "pointer" : void 0, transition: "fill-opacity 0.18s ease" }
+      }
+    )
+  ] });
+}
+
+exports.Sankey = Sankey;
+exports.SankeyChart = SankeyChart;
+exports.buildSankeyChartGraph = buildSankeyChartGraph;
+exports.getSankeyChartCurveSelection = getSankeyChartCurveSelection;
+exports.getSankeyChartValue = getSankeyChartValue;
+exports.reorderSankeyChartColumns = reorderSankeyChartColumns;
+exports.useSankey = useSankey;
+//# sourceMappingURL=SankeyChart.cjs.js.map