@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/SankeyChart-m50vrsBS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart-m50vrsBS.cjs","names":["hashLabel","createContext","useState","useContext","useId","useState","createPortal","ChartTooltip","useRef","useState","useMemo","useState","useSyncExternalStore","useState","cn","ResponsiveContainer","RechartsSankey","_Fragment","Colors"],"sources":["../src/ds/components/SankeyChart/sankey-chart-utils.ts","../src/ds/components/SankeyChart/sankeyColor.ts","../src/ds/components/SankeyChart/sankey-context.tsx","../src/ds/components/SankeyChart/use-sankey-hover-tooltip.ts","../src/ds/components/SankeyChart/sankey-portal-tooltip.tsx","../src/ds/components/SankeyChart/use-sankey-chart-measurements.ts","../src/ds/components/SankeyChart/use-sankey-geometry-transition.ts","../src/ds/components/SankeyChart/sankey-chart.tsx"],"sourcesContent":["export type SankeyChartRecord = Record<string, unknown>;\n\nexport type SankeyChartColumn = {\n  id: string;\n  label: string;\n};\n\nexport type SankeyChartNode = {\n  id: string;\n  name: string;\n  label: string;\n  column: SankeyChartColumn;\n  value: string | number;\n  displayValue?: number;\n};\n\nexport type SankeyChartLink = {\n  id: string;\n  source: number;\n  target: number;\n  value: number;\n  displayValue: number;\n  sourceNode: SankeyChartNode;\n  targetNode: SankeyChartNode;\n  records: Array<SankeyChartRecord>;\n};\n\nexport type SankeyChartGraph = {\n  nodes: Array<SankeyChartNode>;\n  links: Array<SankeyChartLink>;\n};\n\nexport type FixedSankeyNodeGeometry = {\n  x: number;\n  centerY: number;\n  y: number;\n  height: number;\n};\n\nexport type FixedSankeyLinkGeometry = {\n  sourceX: number;\n  targetX: number;\n  sourceY: number;\n  targetY: number;\n  sourceWidth: number;\n  targetWidth: number;\n};\n\nexport type FixedSankeyGeometry = {\n  nodes: Map<string, FixedSankeyNodeGeometry>;\n  links: Map<string, FixedSankeyLinkGeometry>;\n};\n\nexport type SankeyChartNodeSelection = {\n  column: SankeyChartColumn;\n  value: string | number;\n};\n\nexport type SankeyChartCurveSelection = {\n  source: {\n    column: SankeyChartColumn;\n    value: string | number;\n  };\n  target: {\n    column: SankeyChartColumn;\n    value: string | number;\n  };\n  records: Array<SankeyChartRecord>;\n};\n\nconst EMPTY_GRAPH: SankeyChartGraph = { nodes: [], links: [] };\n\nexport function getSankeyChartValue(value: unknown): string | number | undefined {\n  if (typeof value === 'string') {\n    const trimmedValue = value.trim();\n    return trimmedValue.length > 0 ? trimmedValue : undefined;\n  }\n\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n\n  return undefined;\n}\n\nexport function reorderSankeyChartColumns(\n  columns: Array<SankeyChartColumn>,\n  startIndex: number,\n  endIndex: number,\n): Array<SankeyChartColumn> {\n  if (\n    startIndex === endIndex ||\n    startIndex < 0 ||\n    endIndex < 0 ||\n    startIndex >= columns.length ||\n    endIndex >= columns.length\n  ) {\n    return columns;\n  }\n\n  const reorderedColumns = [...columns];\n  const [movedColumn] = reorderedColumns.splice(startIndex, 1);\n  if (!movedColumn) return columns;\n  reorderedColumns.splice(endIndex, 0, movedColumn);\n  return reorderedColumns;\n}\n\nexport function buildSankeyChartGraph(\n  data: Array<SankeyChartRecord>,\n  columns: Array<SankeyChartColumn>,\n  getRecordWeight: (record: SankeyChartRecord) => number = () => 1,\n  getRecordNodeId?: (record: SankeyChartRecord, column: SankeyChartColumn) => string,\n  getRecordNodeLabel?: (record: SankeyChartRecord, column: SankeyChartColumn) => string,\n  getRecordNodeValue?: (record: SankeyChartRecord, column: SankeyChartColumn) => number,\n  getRecordLayoutWeight?: (record: SankeyChartRecord) => number,\n): SankeyChartGraph {\n  if (columns.length < 2 || data.length === 0) return EMPTY_GRAPH;\n\n  const nodes: Array<SankeyChartNode> = [];\n  const nodeIndexes = new Map<string, number>();\n  const linksById = new Map<string, SankeyChartLink>();\n\n  const getNode = (\n    column: SankeyChartColumn,\n    value: string | number,\n    label: string,\n    displayValue: number | undefined,\n  ): { node: SankeyChartNode; index: number } => {\n    const id = createNodeId(column.id, value);\n    const existingIndex = nodeIndexes.get(id);\n    const existingNode = existingIndex === undefined ? undefined : nodes[existingIndex];\n    if (existingIndex !== undefined && existingNode) return { node: existingNode, index: existingIndex };\n\n    const node: SankeyChartNode = { id, name: String(value), label, column, value, displayValue };\n    const index = nodes.length;\n    nodes.push(node);\n    nodeIndexes.set(id, index);\n    return { node, index };\n  };\n\n  for (let columnIndex = 0; columnIndex < columns.length - 1; columnIndex += 1) {\n    const sourceColumn = columns[columnIndex];\n    const targetColumn = columns[columnIndex + 1];\n    if (!sourceColumn || !targetColumn) continue;\n\n    for (const record of data) {\n      const displayWeight = getRecordWeight(record);\n      const layoutWeight = getRecordLayoutWeight?.(record) ?? displayWeight;\n      if (!Number.isFinite(displayWeight) || displayWeight < 0 || !Number.isFinite(layoutWeight) || layoutWeight < 0) {\n        continue;\n      }\n\n      const sourceRecordValue = getSankeyChartValue(record[sourceColumn.id]);\n      const targetRecordValue = getSankeyChartValue(record[targetColumn.id]);\n      if (sourceRecordValue === undefined || targetRecordValue === undefined) continue;\n\n      const sourceValue = getRecordNodeId\n        ? getSankeyChartValue(getRecordNodeId(record, sourceColumn))\n        : sourceRecordValue;\n      const targetValue = getRecordNodeId\n        ? getSankeyChartValue(getRecordNodeId(record, targetColumn))\n        : targetRecordValue;\n      if (sourceValue === undefined || targetValue === undefined) continue;\n\n      const sourceLabel = getRecordNodeLabel?.(record, sourceColumn) ?? String(sourceRecordValue);\n      const targetLabel = getRecordNodeLabel?.(record, targetColumn) ?? String(targetRecordValue);\n      const sourceDisplayValue = getRecordNodeValue?.(record, sourceColumn);\n      const targetDisplayValue = getRecordNodeValue?.(record, targetColumn);\n      const source = getNode(\n        sourceColumn,\n        sourceValue,\n        sourceLabel,\n        sourceDisplayValue !== undefined && Number.isFinite(sourceDisplayValue) && sourceDisplayValue >= 0\n          ? sourceDisplayValue\n          : undefined,\n      );\n      const target = getNode(\n        targetColumn,\n        targetValue,\n        targetLabel,\n        targetDisplayValue !== undefined && Number.isFinite(targetDisplayValue) && targetDisplayValue >= 0\n          ? targetDisplayValue\n          : undefined,\n      );\n      const id = `${source.node.id}->${target.node.id}`;\n      const existingLink = linksById.get(id);\n\n      if (existingLink) {\n        existingLink.value += layoutWeight;\n        existingLink.displayValue += displayWeight;\n        existingLink.records.push(record);\n      } else {\n        linksById.set(id, {\n          id,\n          source: source.index,\n          target: target.index,\n          value: layoutWeight,\n          displayValue: displayWeight,\n          sourceNode: source.node,\n          targetNode: target.node,\n          records: [record],\n        });\n      }\n    }\n  }\n\n  return { nodes, links: [...linksById.values()] };\n}\n\nexport const SANKEY_NODE_WIDTH = 7;\n\n// mono faces we ship advance at ~0.6em — 0.62 biases toward truncating early\nconst LABEL_CHARACTER_WIDTH_RATIO = 0.62;\nconst LABEL_GUTTER = 16;\nconst LABEL_ELLIPSIS = '…';\n\nexport type SankeyLabelWidths = {\n  centered: number;\n  edge: number;\n};\n\nexport function getSankeyLabelWidths({\n  chartWidth,\n  columnCount,\n  marginLeft,\n  marginRight,\n}: {\n  chartWidth: number;\n  columnCount: number;\n  marginLeft: number;\n  marginRight: number;\n}): SankeyLabelWidths {\n  if (chartWidth <= 0 || columnCount < 2) {\n    return { centered: Number.POSITIVE_INFINITY, edge: Number.POSITIVE_INFINITY };\n  }\n\n  const columnPitch = (chartWidth - marginLeft - marginRight - SANKEY_NODE_WIDTH) / (columnCount - 1);\n  const centered = Math.max(0, columnPitch - LABEL_GUTTER);\n  // edge columns anchor at start/end, so their label spreads toward one neighbour instead of two\n  const edge = Math.max(0, columnPitch + SANKEY_NODE_WIDTH / 2 - LABEL_GUTTER - centered / 2);\n\n  return { centered, edge };\n}\n\nexport function truncateSankeyLabel(\n  label: string,\n  {\n    fontSize,\n    maxWidth,\n    maxCharacters = Number.POSITIVE_INFINITY,\n  }: { fontSize: number; maxWidth: number; maxCharacters?: number },\n): string {\n  const widthLimit = Number.isFinite(maxWidth)\n    ? Math.floor(maxWidth / (fontSize * LABEL_CHARACTER_WIDTH_RATIO))\n    : Number.POSITIVE_INFINITY;\n  const limit = Math.min(widthLimit, maxCharacters);\n\n  if (label.length <= limit) return label;\n  if (limit <= 1) return LABEL_ELLIPSIS;\n\n  return `${label.slice(0, limit - 1).trimEnd()}${LABEL_ELLIPSIS}`;\n}\n\nexport function buildFixedSankeyGeometry(\n  graph: SankeyChartGraph,\n  {\n    top,\n    bottom,\n    left,\n    right,\n    nodePadding,\n  }: { top: number; bottom: number; left: number; right: number; nodePadding: number },\n): FixedSankeyGeometry {\n  const nodes = new Map<string, FixedSankeyNodeGeometry>();\n  const nodesByColumn = new Map<string, SankeyChartNode[]>();\n  const currentNodeWeights = getSankeyChartCurrentNodeWeights(graph);\n\n  for (const node of graph.nodes) {\n    const columnNodes = nodesByColumn.get(node.column.id) ?? [];\n    columnNodes.push(node);\n    nodesByColumn.set(node.column.id, columnNodes);\n  }\n\n  const columns = [...nodesByColumn.values()];\n  const slotHeights = columns.map(columnNodes =>\n    Math.max(0, (bottom - top - nodePadding * Math.max(0, columnNodes.length - 1)) / columnNodes.length),\n  );\n  const maximumNodeHeight = Math.min(...slotHeights) * 0.6;\n\n  columns.forEach((columnNodes, columnIndex) => {\n    const slotHeight = slotHeights[columnIndex] ?? 0;\n    const columnTotal = columnNodes.reduce(\n      (total, node) => total + (node.displayValue ?? currentNodeWeights.get(node.id) ?? 0),\n      0,\n    );\n    const x = columns.length > 1 ? left + ((right - left) * columnIndex) / (columns.length - 1) : left;\n\n    columnNodes.forEach((node, index) => {\n      const value = node.displayValue ?? currentNodeWeights.get(node.id) ?? 0;\n      const centerY = top + index * (slotHeight + nodePadding) + slotHeight / 2;\n      const height = columnTotal > 0 ? maximumNodeHeight * (value / columnTotal) : 0;\n      nodes.set(node.id, { x, centerY, y: centerY - height / 2, height });\n    });\n  });\n\n  const links = new Map<string, FixedSankeyLinkGeometry>();\n  const outgoingTotals = new Map<string, number>();\n  const incomingTotals = new Map<string, number>();\n  for (const link of graph.links) {\n    outgoingTotals.set(link.sourceNode.id, (outgoingTotals.get(link.sourceNode.id) ?? 0) + link.displayValue);\n    incomingTotals.set(link.targetNode.id, (incomingTotals.get(link.targetNode.id) ?? 0) + link.displayValue);\n  }\n  const sourceOffsets = new Map([...nodes].map(([id, geometry]) => [id, geometry.y]));\n  const targetOffsets = new Map([...nodes].map(([id, geometry]) => [id, geometry.y]));\n\n  for (const link of graph.links) {\n    const sourceGeometry = nodes.get(link.sourceNode.id);\n    const targetGeometry = nodes.get(link.targetNode.id);\n    if (!sourceGeometry || !targetGeometry) continue;\n    const sourceTotal = outgoingTotals.get(link.sourceNode.id) ?? 0;\n    const targetTotal = incomingTotals.get(link.targetNode.id) ?? 0;\n    const sourceWidth = sourceTotal > 0 ? sourceGeometry.height * (link.displayValue / sourceTotal) : 0;\n    const targetWidth = targetTotal > 0 ? targetGeometry.height * (link.displayValue / targetTotal) : 0;\n    const sourceOffset = sourceOffsets.get(link.sourceNode.id) ?? sourceGeometry.y;\n    const targetOffset = targetOffsets.get(link.targetNode.id) ?? targetGeometry.y;\n    links.set(link.id, {\n      // ribbons anchor to their own nodes' columns: depth-based layouts (like\n      // the underlying recharts sankey) would otherwise stretch links of a\n      // disconnected graph across the full chart width\n      sourceX: sourceGeometry.x + SANKEY_NODE_WIDTH,\n      targetX: targetGeometry.x,\n      sourceY: sourceOffset + sourceWidth / 2,\n      targetY: targetOffset + targetWidth / 2,\n      sourceWidth,\n      targetWidth,\n    });\n    sourceOffsets.set(link.sourceNode.id, sourceOffset + sourceWidth);\n    targetOffsets.set(link.targetNode.id, targetOffset + targetWidth);\n  }\n\n  return { nodes, links };\n}\n\nexport function getSankeyChartNodeWeights(graph: SankeyChartGraph): Map<string, number> {\n  const incomingWeights = new Map<string, number>();\n  const outgoingWeights = new Map<string, number>();\n\n  for (const link of graph.links) {\n    outgoingWeights.set(link.sourceNode.id, (outgoingWeights.get(link.sourceNode.id) ?? 0) + link.value);\n    incomingWeights.set(link.targetNode.id, (incomingWeights.get(link.targetNode.id) ?? 0) + link.value);\n  }\n\n  return new Map(\n    graph.nodes.map(node => [node.id, Math.max(incomingWeights.get(node.id) ?? 0, outgoingWeights.get(node.id) ?? 0)]),\n  );\n}\n\nfunction getSankeyChartCurrentNodeWeights(graph: SankeyChartGraph): Map<string, number> {\n  const incomingWeights = new Map<string, number>();\n  const outgoingWeights = new Map<string, number>();\n\n  for (const link of graph.links) {\n    outgoingWeights.set(link.sourceNode.id, (outgoingWeights.get(link.sourceNode.id) ?? 0) + link.displayValue);\n    incomingWeights.set(link.targetNode.id, (incomingWeights.get(link.targetNode.id) ?? 0) + link.displayValue);\n  }\n\n  return new Map(\n    graph.nodes.map(node => [node.id, Math.max(incomingWeights.get(node.id) ?? 0, outgoingWeights.get(node.id) ?? 0)]),\n  );\n}\n\nexport function getSankeyChartCurveSelection(link: SankeyChartLink): SankeyChartCurveSelection {\n  return {\n    source: { column: link.sourceNode.column, value: link.sourceNode.value },\n    target: { column: link.targetNode.column, value: link.targetNode.value },\n    records: link.records,\n  };\n}\n\nexport function getSankeyChartNodeSelection(node: SankeyChartNode): SankeyChartNodeSelection {\n  return { column: node.column, value: node.value };\n}\n\nfunction createNodeId(columnId: string, value: string | number) {\n  return JSON.stringify([columnId, typeof value, value]);\n}\n","import { hashLabel } from '@/lib/colors';\n\nexport const sankeySeriesColors: readonly string[] = [\n  'var(--chart-blue)',\n  'var(--chart-orange)',\n  'var(--chart-green)',\n  'var(--chart-purple)',\n  'var(--chart-pink)',\n  'var(--chart-red)',\n  'var(--chart-amber)',\n  'var(--chart-blue-deep)',\n];\n\nexport function buildSankeyColorMap(names: string[]) {\n  const colors: Record<string, string> = {};\n  for (const name of names) {\n    colors[name] = sankeySeriesColors[hashLabel(name) % sankeySeriesColors.length] ?? 'var(--chart-blue)';\n  }\n  return colors;\n}\n","import { createContext, useContext, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { buildSankeyChartGraph, reorderSankeyChartColumns } from './sankey-chart-utils';\nimport type { SankeyChartColumn, SankeyChartGraph, SankeyChartRecord } from './sankey-chart-utils';\nimport { buildSankeyColorMap } from './sankeyColor';\n\nexport type SankeyProps = {\n  data: Array<SankeyChartRecord>;\n  columns: Array<SankeyChartColumn>;\n  children: ReactNode;\n  columnOrder?: Array<string>;\n  onColumnOrderChange?: (columnOrder: Array<string>) => void;\n  visibleColumnIds?: Array<string>;\n  onVisibleColumnIdsChange?: (columnIds: Array<string>) => void;\n  getRecordWeight?: (record: SankeyChartRecord) => number;\n  getRecordLayoutWeight?: (record: SankeyChartRecord) => number;\n  getRecordNodeId?: (record: SankeyChartRecord, column: SankeyChartColumn) => string;\n  getRecordNodeLabel?: (record: SankeyChartRecord, column: SankeyChartColumn) => string;\n  getRecordNodeValue?: (record: SankeyChartRecord, column: SankeyChartColumn) => number;\n  getColumnColor?: (column: SankeyChartColumn) => string;\n};\n\nexport type SankeyControlColumn = SankeyChartColumn & {\n  visible: boolean;\n};\n\nexport type SankeyControls = {\n  columns: Array<SankeyControlColumn>;\n  toggleColumn: (columnId: string) => void;\n  reorderColumns: (sourceIndex: number, destinationIndex: number) => void;\n};\n\ntype SankeyRenderContext = {\n  graph: SankeyChartGraph;\n  enabledColumns: Array<SankeyChartColumn>;\n  colorMap: Record<string, string>;\n  usesFixedGeometry: boolean;\n};\n\nconst SankeyControlsContext = createContext<SankeyControls | undefined>(undefined);\nconst SankeyRenderContext = createContext<SankeyRenderContext | undefined>(undefined);\n\nexport function Sankey({\n  data,\n  columns,\n  children,\n  columnOrder,\n  onColumnOrderChange,\n  visibleColumnIds,\n  onVisibleColumnIdsChange,\n  getRecordWeight,\n  getRecordLayoutWeight,\n  getRecordNodeId,\n  getRecordNodeLabel,\n  getRecordNodeValue,\n  getColumnColor,\n}: SankeyProps) {\n  const columnIds = columns.map(column => column.id);\n  const [internalOrder, setInternalOrder] = useState(columnIds);\n  const [internalVisibleIds, setInternalVisibleIds] = useState(columnIds);\n  const orderedColumns = orderColumns(columns, columnOrder ?? internalOrder);\n  const visibleIds = new Set(visibleColumnIds ?? internalVisibleIds);\n  const enabledColumns = orderedColumns.filter(column => visibleIds.has(column.id));\n  const graph = buildSankeyChartGraph(\n    data,\n    enabledColumns,\n    getRecordWeight,\n    getRecordNodeId,\n    getRecordNodeLabel,\n    getRecordNodeValue,\n    getRecordLayoutWeight,\n  );\n  const defaultColorMap = buildSankeyColorMap(graph.nodes.map(node => String(node.value)));\n  const colorMap = Object.fromEntries(\n    graph.nodes.map(node => [\n      String(node.value),\n      getColumnColor?.(node.column) ?? defaultColorMap[String(node.value)] ?? 'var(--chart-blue)',\n    ]),\n  );\n\n  const setVisibleColumns = (nextIds: Array<string>) => {\n    if (visibleColumnIds === undefined) setInternalVisibleIds(nextIds);\n    onVisibleColumnIdsChange?.(nextIds);\n  };\n\n  const setColumnOrder = (nextOrder: Array<string>) => {\n    if (columnOrder === undefined) setInternalOrder(nextOrder);\n    onColumnOrderChange?.(nextOrder);\n  };\n\n  const toggleColumn = (columnId: string) => {\n    const nextIds = visibleIds.has(columnId)\n      ? orderedColumns.filter(column => visibleIds.has(column.id) && column.id !== columnId).map(column => column.id)\n      : orderedColumns.filter(column => visibleIds.has(column.id) || column.id === columnId).map(column => column.id);\n    setVisibleColumns(nextIds);\n  };\n\n  const reorderColumns = (sourceIndex: number, destinationIndex: number) => {\n    const reorderedEnabled = reorderSankeyChartColumns(enabledColumns, sourceIndex, destinationIndex);\n    const enabledIterator = reorderedEnabled[Symbol.iterator]();\n    const nextColumns = orderedColumns.map(column =>\n      visibleIds.has(column.id) ? (enabledIterator.next().value ?? column) : column,\n    );\n    setColumnOrder(nextColumns.map(column => column.id));\n  };\n\n  const controlColumns = orderedColumns.map(column => ({ ...column, visible: visibleIds.has(column.id) }));\n\n  return (\n    <SankeyControlsContext.Provider value={{ columns: controlColumns, toggleColumn, reorderColumns }}>\n      <SankeyRenderContext.Provider\n        value={{ graph, enabledColumns, colorMap, usesFixedGeometry: getRecordLayoutWeight !== undefined }}\n      >\n        {children}\n      </SankeyRenderContext.Provider>\n    </SankeyControlsContext.Provider>\n  );\n}\n\n// Context providers and their hooks intentionally share this module.\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useSankey() {\n  const context = useContext(SankeyControlsContext);\n  if (!context) throw new Error('useSankey must be used within Sankey');\n  return context;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useSankeyRenderContext() {\n  const context = useContext(SankeyRenderContext);\n  if (!context) throw new Error('SankeyChart must be used within Sankey');\n  return context;\n}\n\nfunction orderColumns(columns: Array<SankeyChartColumn>, order: Array<string>) {\n  const positions = new Map(order.map((id, index) => [id, index]));\n  return [...columns].sort(\n    (left, right) => (positions.get(left.id) ?? columns.length) - (positions.get(right.id) ?? columns.length),\n  );\n}\n","import { useId, useState } from 'react';\n\nexport type SankeyTooltipPosition = {\n  left: number;\n  top: number;\n  placement: 'above' | 'below';\n};\n\nexport const SANKEY_TOOLTIP_MAX_WIDTH_PX = 320;\n\nconst TOOLTIP_TOP_FLIP_THRESHOLD = 120;\nconst TOOLTIP_EDGE_INSET = 16;\nconst TOOLTIP_RIGHT_INSET = SANKEY_TOOLTIP_MAX_WIDTH_PX + TOOLTIP_EDGE_INSET;\n\nexport function useSankeyHoverTooltip(enabled: boolean) {\n  const id = useId();\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [position, setPosition] = useState<SankeyTooltipPosition>();\n\n  function showAt(target: Element) {\n    if (!enabled) return;\n    const rect = target.getBoundingClientRect();\n    const placement = rect.top < TOOLTIP_TOP_FLIP_THRESHOLD ? 'below' : 'above';\n    setPosition({\n      left: Math.min(\n        Math.max(rect.left, TOOLTIP_EDGE_INSET),\n        Math.max(window.innerWidth - TOOLTIP_RIGHT_INSET, TOOLTIP_EDGE_INSET),\n      ),\n      top: placement === 'above' ? rect.top - 8 : rect.bottom + 8,\n      placement,\n    });\n  }\n\n  return {\n    id,\n    position,\n    isVisible: Boolean(enabled && position && (isHovered || isFocused)),\n    showOnHover(target: Element) {\n      setIsHovered(true);\n      showAt(target);\n    },\n    hideOnLeave() {\n      setIsHovered(false);\n    },\n    showOnFocus(target: Element) {\n      setIsFocused(true);\n      showAt(target);\n    },\n    hideOnBlur() {\n      setIsFocused(false);\n    },\n  };\n}\n","import { createPortal } from 'react-dom';\n\nimport { SANKEY_TOOLTIP_MAX_WIDTH_PX } from './use-sankey-hover-tooltip';\nimport type { SankeyTooltipPosition } from './use-sankey-hover-tooltip';\nimport { ChartTooltip } from '@/ds/components/ChartTooltip';\n\nexport function SankeyPortalTooltip({\n  id,\n  title,\n  description,\n  position,\n  visible,\n}: {\n  id: string;\n  title: string;\n  description: string;\n  position: SankeyTooltipPosition | undefined;\n  visible: boolean;\n}) {\n  if (!visible || !position) return null;\n\n  return createPortal(\n    <ChartTooltip\n      aria-label={`${title}: ${description}`}\n      className=\"pointer-events-none fixed z-50 p-2\"\n      id={id}\n      role=\"tooltip\"\n      style={{\n        left: position.left,\n        maxWidth: `min(${SANKEY_TOOLTIP_MAX_WIDTH_PX}px, calc(100vw - 2rem))`,\n        top: position.top,\n        transform: position.placement === 'above' ? 'translateY(-100%)' : undefined,\n        width: 'max-content',\n      }}\n    >\n      <div className=\"text-column\">{title}</div>\n      <div className=\"whitespace-pre-wrap text-muted-foreground\">{description}</div>\n    </ChartTooltip>,\n    document.body,\n  );\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\nimport type { ComponentProps, CSSProperties } from 'react';\nimport type { Sankey as RechartsSankey } from 'recharts';\n\nimport { buildFixedSankeyGeometry, getSankeyLabelWidths, SANKEY_NODE_WIDTH } from './sankey-chart-utils';\nimport type { SankeyChartGraph } from './sankey-chart-utils';\n\ntype SankeyChartMeasurementsOptions = {\n  graph: SankeyChartGraph;\n  height: CSSProperties['height'];\n  margin: ComponentProps<typeof RechartsSankey>['margin'];\n  usesFixedGeometry: boolean;\n};\n\nexport function useSankeyChartMeasurements({\n  graph,\n  height,\n  margin,\n  usesFixedGeometry,\n}: SankeyChartMeasurementsOptions) {\n  const chartContainerRef = useRef<HTMLDivElement>(null);\n  const [measuredHeight, setMeasuredHeight] = useState(typeof height === 'number' ? height : 320);\n  const [measuredWidth, setMeasuredWidth] = useState(800);\n\n  useEffect(() => {\n    const element = chartContainerRef.current;\n    if (!element) return;\n\n    const updateDimensions = () => {\n      if (element.offsetHeight > 0) setMeasuredHeight(element.offsetHeight);\n      if (element.offsetWidth > 0) setMeasuredWidth(element.offsetWidth);\n    };\n\n    updateDimensions();\n    if (typeof ResizeObserver === 'undefined') return;\n\n    const observer = new ResizeObserver(updateDimensions);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [height]);\n\n  const fixedGeometry = useMemo(\n    () =>\n      usesFixedGeometry\n        ? buildFixedSankeyGeometry(graph, {\n            top: Number(margin?.top ?? 64),\n            bottom: measuredHeight - Number(margin?.bottom ?? 12),\n            left: Number(margin?.left ?? 160),\n            right: measuredWidth - Number(margin?.right ?? 160) - SANKEY_NODE_WIDTH,\n            nodePadding: 8,\n          })\n        : undefined,\n    [graph, margin?.bottom, margin?.left, margin?.right, margin?.top, measuredHeight, measuredWidth, usesFixedGeometry],\n  );\n\n  // recharts spaces columns by link depth, so the graph — not the enabled column list — sets the pitch\n  const labelWidths = getSankeyLabelWidths({\n    chartWidth: measuredWidth,\n    columnCount: new Set(graph.nodes.map(node => node.column.id)).size,\n    marginLeft: Number(margin?.left ?? 160),\n    marginRight: Number(margin?.right ?? 160),\n  });\n\n  return { chartContainerRef, fixedGeometry, labelWidths };\n}\n","import { useEffect, useState, useSyncExternalStore } from 'react';\n\nimport type { FixedSankeyGeometry, FixedSankeyLinkGeometry, FixedSankeyNodeGeometry } from './sankey-chart-utils';\n\nconst TRANSITION_DURATION_MS = 850;\n\ntype GeometryTransition = {\n  from: FixedSankeyGeometry;\n  to: FixedSankeyGeometry;\n  startedAt: number;\n};\n\nfunction mix(from: number, to: number, progress: number) {\n  return from + (to - from) * progress;\n}\n\nfunction interpolateNode(\n  from: FixedSankeyNodeGeometry,\n  to: FixedSankeyNodeGeometry,\n  progress: number,\n): FixedSankeyNodeGeometry {\n  return {\n    x: mix(from.x, to.x, progress),\n    y: mix(from.y, to.y, progress),\n    centerY: mix(from.centerY, to.centerY, progress),\n    height: mix(from.height, to.height, progress),\n  };\n}\n\nfunction interpolateLink(\n  from: FixedSankeyLinkGeometry,\n  to: FixedSankeyLinkGeometry,\n  progress: number,\n): FixedSankeyLinkGeometry {\n  return {\n    sourceX: mix(from.sourceX, to.sourceX, progress),\n    targetX: mix(from.targetX, to.targetX, progress),\n    sourceY: mix(from.sourceY, to.sourceY, progress),\n    targetY: mix(from.targetY, to.targetY, progress),\n    sourceWidth: mix(from.sourceWidth, to.sourceWidth, progress),\n    targetWidth: mix(from.targetWidth, to.targetWidth, progress),\n  };\n}\n\n/**\n * Preserves node identity while pairing replaced links by render order. That\n * synthetic pairing keeps every ribbon moving continuously through a reorder,\n * even though changing adjacency means the old and new links have different IDs.\n */\nexport function interpolateSankeyGeometry(\n  from: FixedSankeyGeometry,\n  to: FixedSankeyGeometry,\n  progress: number,\n): FixedSankeyGeometry {\n  const replacedPreviousLinks = [...from.links].filter(([id]) => !to.links.has(id)).map(([, link]) => link);\n  const nodes = new Map<string, FixedSankeyNodeGeometry>();\n  const links = new Map<string, FixedSankeyLinkGeometry>();\n\n  for (const [id, target] of to.nodes) {\n    nodes.set(id, interpolateNode(from.nodes.get(id) ?? target, target, progress));\n  }\n\n  let replacedLinkIndex = 0;\n  for (const [id, target] of to.links) {\n    const matchingSource = from.links.get(id);\n    const syntheticSource = matchingSource ? undefined : replacedPreviousLinks[replacedLinkIndex++];\n    links.set(id, interpolateLink(matchingSource ?? syntheticSource ?? target, target, progress));\n  }\n\n  return { nodes, links };\n}\n\nfunction prefersReducedMotion() {\n  return (\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  );\n}\n\nclass SankeyGeometryMotionStore {\n  private animationFrame = 0;\n  private key?: string;\n  private listeners = new Set<() => void>();\n  private snapshot?: FixedSankeyGeometry;\n  private target?: FixedSankeyGeometry;\n  private transition?: GeometryTransition;\n\n  constructor(key?: string, geometry?: FixedSankeyGeometry) {\n    this.key = key;\n    this.snapshot = geometry;\n    this.target = geometry;\n  }\n\n  getSnapshot = () => this.snapshot;\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  };\n\n  transitionTo(key: string | undefined, geometry: FixedSankeyGeometry | undefined) {\n    if (key === this.key && geometry === this.target) return;\n\n    const keyChanged = key !== this.key;\n    this.key = key;\n    this.target = geometry;\n\n    if (!keyChanged && geometry && this.transition) {\n      this.transition = { ...this.transition, to: geometry };\n      return;\n    }\n\n    cancelAnimationFrame(this.animationFrame);\n    this.animationFrame = 0;\n\n    if (!keyChanged || !geometry || !this.snapshot || prefersReducedMotion()) {\n      this.transition = undefined;\n      this.publish(geometry);\n      return;\n    }\n\n    this.transition = { from: this.snapshot, to: geometry, startedAt: performance.now() };\n    this.animationFrame = requestAnimationFrame(this.animate);\n  }\n\n  dispose() {\n    cancelAnimationFrame(this.animationFrame);\n    this.listeners.clear();\n  }\n\n  private animate = (now: number) => {\n    const transition = this.transition;\n    if (!transition) return;\n\n    const elapsed = Math.min((now - transition.startedAt) / TRANSITION_DURATION_MS, 1);\n    const progress = 1 - (1 - elapsed) ** 3;\n    this.publish(interpolateSankeyGeometry(transition.from, transition.to, progress));\n\n    if (elapsed < 1) {\n      this.animationFrame = requestAnimationFrame(this.animate);\n      return;\n    }\n\n    this.transition = undefined;\n    this.animationFrame = 0;\n  };\n\n  private publish(geometry: FixedSankeyGeometry | undefined) {\n    this.snapshot = geometry;\n    for (const listener of this.listeners) listener();\n  }\n}\n\nexport function useSankeyGeometryTransition({\n  geometry,\n  transitionKey,\n}: {\n  geometry?: FixedSankeyGeometry;\n  transitionKey?: string;\n}) {\n  const [store] = useState(() => new SankeyGeometryMotionStore(transitionKey, geometry));\n  const animatedGeometry = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);\n\n  useEffect(() => {\n    store.transitionTo(transitionKey, geometry);\n  }, [geometry, store, transitionKey]);\n\n  useEffect(() => () => store.dispose(), [store]);\n\n  return animatedGeometry;\n}\n","import { useState } from 'react';\nimport type { ComponentProps, CSSProperties, KeyboardEvent } from 'react';\nimport { ResponsiveContainer, Sankey as RechartsSankey } from 'recharts';\nimport {\n  getSankeyChartCurveSelection,\n  getSankeyChartNodeSelection,\n  getSankeyChartNodeWeights,\n  SANKEY_NODE_WIDTH,\n  truncateSankeyLabel,\n} from './sankey-chart-utils';\nimport type {\n  SankeyChartColumn,\n  SankeyChartCurveSelection,\n  SankeyChartNodeSelection,\n  SankeyLabelWidths,\n} from './sankey-chart-utils';\nimport { useSankeyRenderContext } from './sankey-context';\nimport { SankeyPortalTooltip } from './sankey-portal-tooltip';\nimport { useSankeyChartMeasurements } from './use-sankey-chart-measurements';\nimport { useSankeyGeometryTransition } from './use-sankey-geometry-transition';\nimport { useSankeyHoverTooltip } from './use-sankey-hover-tooltip';\nimport { CHART_LABEL_FONT_SIZE, CHART_TICK_FONT_SIZE, Colors } from '@/ds/tokens';\nimport { cn } from '@/lib/utils';\n\nconst NODE_LABEL_FONT_SIZE = CHART_TICK_FONT_SIZE;\nconst COLUMN_LABEL_FONT_SIZE = CHART_LABEL_FONT_SIZE;\n// pre-measurement cap, kept so wide charts read unchanged\nconst NODE_LABEL_MAX_CHARACTERS = 23;\n\nexport type SankeyChartProps = {\n  height?: CSSProperties['height'];\n  getNodeColor?: (selection: SankeyChartNodeSelection) => string;\n  getLinkColor?: (selection: SankeyChartCurveSelection) => string;\n  className?: string;\n  margin?: ComponentProps<typeof RechartsSankey>['margin'];\n  onCurveClick?: (selection: SankeyChartCurveSelection) => void;\n  onNodeClick?: (selection: SankeyChartNodeSelection) => void;\n  isNodeClickable?: (selection: SankeyChartNodeSelection) => boolean;\n  getColumnDescription?: (column: SankeyChartColumn) => string | undefined;\n  /** Suppress the built-in SVG column headers when the caller renders its own header row. */\n  hideColumnLabels?: boolean;\n  /** Animate fixed node and ribbon geometry when this perspective key changes. */\n  geometryTransitionKey?: string;\n};\n\nexport function SankeyChart({\n  height = 320,\n  className,\n  margin = { top: 64, right: 160, bottom: 12, left: 160 },\n  onCurveClick,\n  onNodeClick,\n  isNodeClickable,\n  getColumnDescription,\n  hideColumnLabels = false,\n  geometryTransitionKey,\n  getNodeColor,\n  getLinkColor,\n}: SankeyChartProps) {\n  const { graph, enabledColumns, colorMap, usesFixedGeometry } = useSankeyRenderContext();\n  const { chartContainerRef, fixedGeometry, labelWidths } = useSankeyChartMeasurements({\n    graph,\n    height,\n    margin,\n    usesFixedGeometry,\n  });\n  const animatedGeometry = useSankeyGeometryTransition({\n    geometry: fixedGeometry,\n    transitionKey: geometryTransitionKey,\n  });\n  const [hoveredSourceName, setHoveredSourceName] = useState<string>();\n  const [focusedSourceName, setFocusedSourceName] = useState<string>();\n  const activeSourceName = hoveredSourceName ?? focusedSourceName;\n  const firstColumnId = enabledColumns[0]?.id;\n  const lastColumnId = enabledColumns.at(-1)?.id;\n  const nodeWeights = getSankeyChartNodeWeights(graph);\n  // Each node's percentage is its share of its own column, so later columns\n  // with more counted traces than the first column never exceed 100%.\n  const columnTotals = new Map<string, number>();\n  for (const node of graph.nodes) {\n    const nodeValue = node.displayValue ?? nodeWeights.get(node.id) ?? 0;\n    columnTotals.set(node.column.id, (columnTotals.get(node.column.id) ?? 0) + nodeValue);\n  }\n\n  return (\n    <div className={cn('min-w-0', className)}>\n      {graph.links.length === 0 ? (\n        <div\n          className=\"flex items-center justify-center rounded-md border border-border text-caption text-muted-foreground\"\n          style={{ height }}\n        >\n          Select at least two columns with data to display a flow\n        </div>\n      ) : (\n        <div ref={chartContainerRef} style={{ height }}>\n          <ResponsiveContainer\n            width=\"100%\"\n            height=\"100%\"\n            initialDimension={{ width: 800, height: typeof height === 'number' ? height : 320 }}\n          >\n            <RechartsSankey\n              data={graph}\n              nodeWidth={SANKEY_NODE_WIDTH}\n              nodePadding={56}\n              margin={margin}\n              node={(props: SankeyNodeRendererProps) => {\n                const node = graph.nodes[props.index];\n                const showColumnLabel =\n                  !hideColumnLabels && node\n                    ? graph.nodes.findIndex(candidate => candidate.column.id === node.column.id) === props.index\n                    : false;\n                const nodeGeometry = node ? animatedGeometry?.nodes.get(node.id) : undefined;\n                const selection = node ? getSankeyChartNodeSelection(node) : undefined;\n                const clickable = Boolean(\n                  onNodeClick && selection && (isNodeClickable === undefined || isNodeClickable(selection)),\n                );\n                return (\n                  <SankeyNode\n                    {...props}\n                    x={nodeGeometry?.x ?? props.x}\n                    y={nodeGeometry?.y ?? props.y}\n                    height={nodeGeometry?.height ?? props.height}\n                    colorMap={colorMap}\n                    color={selection ? getNodeColor?.(selection) : undefined}\n                    columnLabel={node?.column.label}\n                    columnDescription={node ? getColumnDescription?.(node.column) : undefined}\n                    label={node?.label}\n                    nodeValue={node?.displayValue}\n                    layoutValue={nodeGeometry ? undefined : node ? nodeWeights.get(node.id) : undefined}\n                    columnTotal={node ? (columnTotals.get(node.column.id) ?? 0) : 0}\n                    showColumnLabel={showColumnLabel}\n                    isFirstColumn={node?.column.id === firstColumnId}\n                    isLastColumn={node?.column.id === lastColumnId}\n                    labelWidths={labelWidths}\n                    onFocusChange={setFocusedSourceName}\n                    onHoverChange={setHoveredSourceName}\n                    clickable={clickable}\n                    onSelect={() => {\n                      if (selection && clickable) onNodeClick?.(selection);\n                    }}\n                  />\n                );\n              }}\n              link={(props: SankeyLinkRendererProps) => {\n                const link = graph.links[props.index];\n                const selection = link ? getSankeyChartCurveSelection(link) : undefined;\n                const linkGeometry = link ? animatedGeometry?.links.get(link.id) : undefined;\n                const sourceX = linkGeometry?.sourceX ?? props.sourceX;\n                const targetX = linkGeometry?.targetX ?? props.targetX;\n                const fixedControlX = linkGeometry ? (sourceX + targetX) / 2 : undefined;\n                return (\n                  <SankeyLink\n                    {...props}\n                    sourceX={sourceX}\n                    targetX={targetX}\n                    sourceControlX={fixedControlX ?? props.sourceControlX}\n                    targetControlX={fixedControlX ?? props.targetControlX}\n                    sourceY={linkGeometry?.sourceY ?? props.sourceY}\n                    targetY={linkGeometry?.targetY ?? props.targetY}\n                    sourceWidth={linkGeometry?.sourceWidth}\n                    targetWidth={linkGeometry?.targetWidth}\n                    colorMap={colorMap}\n                    highlighted={String(props.payload.source.name ?? '') === activeSourceName}\n                    color={selection ? getLinkColor?.(selection) : undefined}\n                    sourceColor={selection ? getNodeColor?.(selection.source) : undefined}\n                    targetColor={selection ? getNodeColor?.(selection.target) : undefined}\n                    displayValue={link?.displayValue}\n                    layoutValue={link?.value}\n                    onHoverChange={setHoveredSourceName}\n                    clickable={onCurveClick !== undefined}\n                    onSelect={() => {\n                      if (link) onCurveClick?.(getSankeyChartCurveSelection(link));\n                    }}\n                  />\n                );\n              }}\n            />\n          </ResponsiveContainer>\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype SankeyNodeRendererProps = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  index: number;\n  payload: { name?: string | number; value?: string | number };\n};\n\ntype SankeyLinkRendererProps = {\n  sourceX: number;\n  targetX: number;\n  sourceY: number;\n  targetY: number;\n  sourceControlX: number;\n  targetControlX: number;\n  linkWidth: number;\n  index: number;\n  payload: { source: { name?: string | number }; target: { name?: string | number } };\n};\n\ntype SankeyNodeProps = SankeyNodeRendererProps & {\n  colorMap: Record<string, string>;\n  color?: string;\n  columnLabel?: string;\n  columnDescription?: string;\n  label?: string;\n  nodeValue?: number;\n  layoutValue?: number;\n  columnTotal: number;\n  showColumnLabel: boolean;\n  isFirstColumn: boolean;\n  isLastColumn: boolean;\n  labelWidths: SankeyLabelWidths;\n  clickable: boolean;\n  onFocusChange: (sourceName: string | undefined) => void;\n  onHoverChange: (sourceName: string | undefined) => void;\n  onSelect: () => void;\n};\n\nfunction SankeyNode({\n  x,\n  y,\n  width,\n  height,\n  payload,\n  colorMap,\n  color,\n  columnLabel,\n  columnDescription,\n  label,\n  nodeValue,\n  layoutValue,\n  columnTotal,\n  showColumnLabel,\n  isFirstColumn,\n  isLastColumn,\n  labelWidths,\n  clickable,\n  onFocusChange,\n  onHoverChange,\n  onSelect,\n}: SankeyNodeProps) {\n  const name = typeof payload.name === 'string' || typeof payload.name === 'number' ? String(payload.name) : '';\n  const displayLabel = label ?? name;\n  const descriptionIndex = displayLabel.indexOf('\\n');\n  const visibleDisplayLabel = descriptionIndex >= 0 ? displayLabel.slice(0, descriptionIndex) : displayLabel;\n  const description = descriptionIndex >= 0 ? displayLabel.slice(descriptionIndex + 1) : undefined;\n  const accessibleLabel = displayLabel.replaceAll('\\n', '. ');\n  const nodeLabelWidth = isFirstColumn || isLastColumn ? labelWidths.edge : labelWidths.centered;\n  const visibleLabel = truncateSankeyLabel(visibleDisplayLabel, {\n    fontSize: NODE_LABEL_FONT_SIZE,\n    maxWidth: nodeLabelWidth,\n    maxCharacters: NODE_LABEL_MAX_CHARACTERS,\n  });\n  const visibleColumnLabel = columnLabel\n    ? truncateSankeyLabel(columnLabel, { fontSize: COLUMN_LABEL_FONT_SIZE, maxWidth: nodeLabelWidth })\n    : undefined;\n  const tooltip = useSankeyHoverTooltip(description !== undefined);\n  const numericValue = nodeValue ?? (typeof payload.value === 'number' ? payload.value : Number(payload.value));\n  const value = Number.isFinite(numericValue) ? String(numericValue) : '';\n  const percentage =\n    columnTotal > 0 && Number.isFinite(numericValue) ? Math.round((numericValue / columnTotal) * 100) : 0;\n  const visibleHeight = scaleSankeyDimension(height, numericValue, layoutValue);\n  const visibleY = y + (height - visibleHeight) / 2;\n  const textAnchor = isFirstColumn ? 'start' : isLastColumn ? 'end' : 'middle';\n  const labelX = isFirstColumn ? x : isLastColumn ? x + width : x + width / 2;\n  const nodeFill = colorMap[name] ?? 'var(--chart-blue)';\n  const handleKeyDown = (event: KeyboardEvent<SVGGElement>) => {\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n    event.preventDefault();\n    onSelect();\n  };\n\n  return (\n    <>\n      {/* Rendered outside the interactive group so hovering the header never opens a theme tooltip. */}\n      {showColumnLabel && visibleColumnLabel && columnLabel ? (\n        <SankeyColumnHeader\n          x={labelX}\n          textAnchor={textAnchor}\n          fill={color ? Colors.foreground : nodeFill}\n          label={visibleColumnLabel}\n          fullLabel={columnLabel}\n          description={columnDescription}\n        />\n      ) : null}\n      <g\n        aria-describedby={description ? tooltip.id : undefined}\n        aria-label={`${accessibleLabel}: ${value} ${numericValue === 1 ? 'trace' : 'traces'} (${percentage}%)`}\n        className=\"outline-hidden focus-visible:[&>rect]:stroke-foreground focus-visible:[&>rect]:stroke-2\"\n        onClick={clickable ? onSelect : undefined}\n        onKeyDown={clickable ? handleKeyDown : undefined}\n        role={clickable ? 'button' : undefined}\n        onFocus={event => {\n          onFocusChange(name);\n          tooltip.showOnFocus(event.currentTarget);\n        }}\n        onBlur={() => {\n          onFocusChange(undefined);\n          tooltip.hideOnBlur();\n        }}\n        onMouseEnter={event => {\n          onHoverChange(name);\n          tooltip.showOnHover(event.currentTarget);\n        }}\n        onMouseLeave={() => {\n          onHoverChange(undefined);\n          tooltip.hideOnLeave();\n        }}\n        style={{ cursor: clickable ? 'pointer' : undefined }}\n        tabIndex={0}\n      >\n        {/* The custom tooltip covers described nodes; a native title there would stack a second popup. */}\n        {description ? null : <title>{displayLabel}</title>}\n        <rect x={x} y={visibleY} width={width} height={visibleHeight} rx={3} fill={color ?? nodeFill} />\n        <text\n          x={labelX}\n          y={y - 24}\n          textAnchor={textAnchor}\n          fill={Colors.foreground}\n          fontSize={NODE_LABEL_FONT_SIZE}\n          fontFamily=\"var(--font-mono)\"\n        >\n          {visibleLabel}\n        </text>\n        <text x={labelX} y={y - 8} textAnchor={textAnchor} fill={Colors['muted-foreground']} fontSize={9.5}>\n          {value} ({percentage}%)\n        </text>\n      </g>\n      {description ? (\n        <SankeyPortalTooltip\n          id={tooltip.id}\n          title={visibleDisplayLabel}\n          description={description}\n          position={tooltip.position}\n          visible={tooltip.isVisible}\n        />\n      ) : null}\n    </>\n  );\n}\n\n/**\n * Column header text. Inert for node tooltips, but when the caller supplies a\n * column description it opens its own portal tooltip on hover or focus.\n */\nfunction SankeyColumnHeader({\n  x,\n  textAnchor,\n  fill,\n  label,\n  fullLabel,\n  description,\n}: {\n  x: number;\n  textAnchor: 'start' | 'middle' | 'end';\n  fill: string;\n  label: string;\n  fullLabel: string;\n  description?: string;\n}) {\n  const tooltip = useSankeyHoverTooltip(description !== undefined);\n\n  return (\n    <>\n      <text\n        aria-describedby={description ? tooltip.id : undefined}\n        aria-label={description ? fullLabel : undefined}\n        role={description ? 'img' : undefined}\n        x={x}\n        y={18}\n        textAnchor={textAnchor}\n        fill={fill}\n        fontSize={COLUMN_LABEL_FONT_SIZE}\n        fontWeight={600}\n        tabIndex={description ? 0 : undefined}\n        onMouseEnter={description ? event => tooltip.showOnHover(event.currentTarget) : undefined}\n        onMouseLeave={description ? tooltip.hideOnLeave : undefined}\n        onFocus={description ? event => tooltip.showOnFocus(event.currentTarget) : undefined}\n        onBlur={description ? tooltip.hideOnBlur : undefined}\n      >\n        {/* The custom tooltip already names the column; a native title would stack a second popup. */}\n        {label === fullLabel || description ? null : <title>{fullLabel}</title>}\n        {label}\n      </text>\n      {description ? (\n        <SankeyPortalTooltip\n          id={tooltip.id}\n          title={fullLabel}\n          description={description}\n          position={tooltip.position}\n          visible={tooltip.isVisible}\n        />\n      ) : null}\n    </>\n  );\n}\n\nfunction scaleSankeyDimension(size: number, displayValue: number | undefined, layoutValue: number | undefined) {\n  if (displayValue === undefined || layoutValue === undefined || layoutValue <= 0) return size;\n  return size * Math.min(Math.max(displayValue / layoutValue, 0), 1);\n}\n\ntype SankeyLinkProps = SankeyLinkRendererProps & {\n  colorMap: Record<string, string>;\n  color?: string;\n  sourceColor?: string;\n  targetColor?: string;\n  highlighted: boolean;\n  displayValue?: number;\n  layoutValue?: number;\n  sourceWidth?: number;\n  targetWidth?: number;\n  clickable: boolean;\n  onHoverChange: (sourceName: string | undefined) => void;\n  onSelect: () => void;\n};\n\nfunction SankeyLink({\n  sourceX,\n  targetX,\n  sourceY,\n  targetY,\n  sourceControlX,\n  targetControlX,\n  linkWidth,\n  index,\n  payload,\n  colorMap,\n  color,\n  sourceColor,\n  targetColor,\n  highlighted,\n  displayValue,\n  layoutValue,\n  sourceWidth,\n  targetWidth,\n  clickable,\n  onHoverChange,\n  onSelect,\n}: SankeyLinkProps) {\n  const visibleWidth = scaleSankeyDimension(linkWidth, displayValue, layoutValue);\n  const sourceHalfWidth = Math.max(0, sourceWidth ?? visibleWidth) / 2;\n  const targetHalfWidth = Math.max(0, targetWidth ?? visibleWidth) / 2;\n  const path = [\n    `M${sourceX},${sourceY - sourceHalfWidth}`,\n    `C${sourceControlX},${sourceY - sourceHalfWidth} ${targetControlX},${targetY - targetHalfWidth} ${targetX},${targetY - targetHalfWidth}`,\n    `L${targetX},${targetY + targetHalfWidth}`,\n    `C${targetControlX},${targetY + targetHalfWidth} ${sourceControlX},${sourceY + sourceHalfWidth} ${sourceX},${sourceY + sourceHalfWidth}`,\n    'Z',\n  ].join(' ');\n  const sourceName = String(payload.source.name ?? '');\n  const targetName = String(payload.target.name ?? '');\n  const gradientId = `sankey-grad-${index}`;\n  const handleKeyDown = (event: KeyboardEvent<SVGPathElement>) => {\n    if (event.key !== 'Enter' && event.key !== ' ') return;\n    event.preventDefault();\n    onSelect();\n  };\n\n  return (\n    <g>\n      <defs>\n        <linearGradient id={gradientId} gradientUnits=\"userSpaceOnUse\" x1={sourceX} x2={targetX}>\n          <stop offset=\"0%\" stopColor={sourceColor ?? colorMap[sourceName] ?? 'var(--chart-blue)'} />\n          <stop offset=\"100%\" stopColor={targetColor ?? colorMap[targetName] ?? 'var(--chart-blue)'} />\n        </linearGradient>\n      </defs>\n      <path\n        d={path}\n        fill={color ?? `url(#${gradientId})`}\n        fillOpacity={highlighted ? 0.75 : 0.32}\n        stroke=\"none\"\n        role={clickable ? 'button' : undefined}\n        tabIndex={clickable ? 0 : undefined}\n        aria-label={clickable ? 'Select Sankey curve' : undefined}\n        onClick={clickable ? onSelect : undefined}\n        onKeyDown={clickable ? handleKeyDown : undefined}\n        onMouseEnter={() => onHoverChange(sourceName)}\n        onMouseLeave={() => onHoverChange(undefined)}\n        style={{ cursor: clickable ? 'pointer' : undefined, transition: 'fill-opacity 0.18s ease' }}\n      />\n    </g>\n  );\n}\n"],"mappings":"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"}

package/dist/Section-B8MIbDDs.cjs

@@ -0,0 +1,130 @@
+const require_settings_row = require("./settings-row-a7g1V6lB.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/components/Section/section-content.tsx
+function SectionContent(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_row.SettingsContainerLayout, {
+		...props,
+		layout: "section"
+	});
+}
+// src/ds/components/Section/section-description.tsx
+function SectionDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		variant: "caption",
+		tone: "muted",
+		"data-slot": "section-description",
+		className: require_utils.cn("max-w-[62ch] text-pretty", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-divider.tsx
+function SectionDivider({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: require_utils.cn("h-px bg-border", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-header.tsx
+function SectionHeader({ children, className, inset = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		"data-slot": "section-header",
+		className: require_utils.cn("group-data-[variant=default]/section:grid group-data-[variant=default]/section:grid-cols-[1fr_auto] group-data-[variant=default]/section:items-center", "group-data-[variant=flat]/section:flex group-data-[variant=flat]/section:min-w-0 group-data-[variant=flat]/section:flex-col group-data-[variant=flat]/section:gap-3 group-data-[variant=flat]/section:pb-3 sm:group-data-[variant=flat]/section:flex-row sm:group-data-[variant=flat]/section:items-start sm:group-data-[variant=flat]/section:justify-between sm:group-data-[variant=flat]/section:gap-4", "group-data-[variant=factory]/section:flex group-data-[variant=factory]/section:min-w-0 group-data-[variant=factory]/section:flex-col group-data-[variant=factory]/section:gap-2 sm:group-data-[variant=factory]/section:flex-row sm:group-data-[variant=factory]/section:items-start sm:group-data-[variant=factory]/section:justify-between sm:group-data-[variant=factory]/section:gap-4", inset && "px-4", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-header-text.tsx
+function SectionHeaderText({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "section-header-text",
+		className: require_utils.cn("flex min-w-0 flex-col gap-1.5", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-heading.tsx
+function SectionHeading({ headingLevel = "h2", children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(headingLevel, {
+		"data-slot": "section-heading",
+		className: require_utils.cn("group-data-[variant=default]/section:flex group-data-[variant=default]/section:items-center group-data-[variant=default]/section:gap-2 group-data-[variant=default]/section:text-subheading group-data-[variant=default]/section:text-muted-foreground group-data-[variant=default]/section:[&>svg]:size-[1.2em] group-data-[variant=default]/section:[&>svg]:opacity-50", "group-data-[variant=flat]/section:text-subheading group-data-[variant=flat]/section:text-balance group-data-[variant=flat]/section:text-foreground", "group-data-[variant=factory]/section:text-subheading group-data-[variant=factory]/section:text-balance group-data-[variant=factory]/section:text-foreground", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-root.tsx
+function SectionRoot({ variant = "default", children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		"data-slot": "section",
+		"data-variant": variant,
+		className: require_utils.cn("group/section", variant === "default" && "grid gap-3", variant === "flat" && "w-full min-w-0", variant === "factory" && "flex w-full min-w-0 flex-col gap-2", className),
+		...props,
+		children
+	});
+}
+function SubSectionRoot({ children, className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+		className: require_utils.cn("grid gap-2", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-row.tsx
+/** @deprecated Use SettingsRow from @mastra/playground-ui/new/settings for settings pages. */
+function SectionRow(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_row.SettingsRowLayout, {
+		...props,
+		layout: "section"
+	});
+}
+/** @deprecated Use SettingsRow with viewOnly from @mastra/playground-ui/new/settings. */
+function SectionViewOnlyRow(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_row.SettingsRowLayout, {
+		...props,
+		layout: "section",
+		viewOnly: true
+	});
+}
+/** @deprecated Use SettingsRow with tone="destructive" from @mastra/playground-ui/new/settings. */
+function SectionDestructiveRow(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_settings_row.SettingsRowLayout, {
+		...props,
+		layout: "section",
+		tone: "destructive"
+	});
+}
+// src/ds/components/Section/section.tsx
+function Section(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionRoot, { ...props });
+}
+Section.Header = SectionHeader;
+Section.HeaderText = SectionHeaderText;
+Section.Heading = SectionHeading;
+Section.Description = SectionDescription;
+Section.Content = SectionContent;
+Section.Row = SectionRow;
+Section.ViewOnlyRow = SectionViewOnlyRow;
+Section.DestructiveRow = SectionDestructiveRow;
+Section.Divider = SectionDivider;
+Object.defineProperty(exports, "Section", {
+	enumerable: true,
+	get: function() {
+		return Section;
+	}
+});
+Object.defineProperty(exports, "SectionRoot", {
+	enumerable: true,
+	get: function() {
+		return SectionRoot;
+	}
+});
+Object.defineProperty(exports, "SubSectionRoot", {
+	enumerable: true,
+	get: function() {
+		return SubSectionRoot;
+	}
+});
+
+//# sourceMappingURL=Section-B8MIbDDs.cjs.map

package/dist/Section-B8MIbDDs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section-B8MIbDDs.cjs","names":["SettingsContainerLayout","Txt","cn","cn","cn","cn","HeadingTag","cn","cn","SettingsRowLayout"],"sources":["../src/ds/components/Section/section-content.tsx","../src/ds/components/Section/section-description.tsx","../src/ds/components/Section/section-divider.tsx","../src/ds/components/Section/section-header.tsx","../src/ds/components/Section/section-header-text.tsx","../src/ds/components/Section/section-heading.tsx","../src/ds/components/Section/section-root.tsx","../src/ds/components/Section/section-row.tsx","../src/ds/components/Section/section.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { SettingsContainerLayout } from '@/ds/new/settings/settings-container';\n\nexport type SectionContentProps = ComponentProps<'div'>;\n\nexport function SectionContent(props: SectionContentProps) {\n  return <SettingsContainerLayout {...props} layout=\"section\" />;\n}\n","import type { ComponentProps } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SectionDescriptionProps = ComponentProps<'p'>;\n\nexport function SectionDescription({ className, ...props }: SectionDescriptionProps) {\n  return (\n    <Txt\n      variant=\"caption\"\n      tone=\"muted\"\n      data-slot=\"section-description\"\n      className={cn('max-w-[62ch] text-pretty', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionDividerProps = ComponentProps<'div'>;\n\nexport function SectionDivider({ className, ...props }: SectionDividerProps) {\n  return <div role=\"separator\" aria-orientation=\"horizontal\" className={cn('h-px bg-border', className)} {...props} />;\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderProps = ComponentProps<'header'> & {\n  inset?: boolean;\n};\n\nexport function SectionHeader({ children, className, inset = false, ...props }: SectionHeaderProps) {\n  return (\n    <header\n      data-slot=\"section-header\"\n      className={cn(\n        'group-data-[variant=default]/section:grid group-data-[variant=default]/section:grid-cols-[1fr_auto] group-data-[variant=default]/section:items-center',\n        'group-data-[variant=flat]/section:flex group-data-[variant=flat]/section:min-w-0 group-data-[variant=flat]/section:flex-col group-data-[variant=flat]/section:gap-3 group-data-[variant=flat]/section:pb-3 sm:group-data-[variant=flat]/section:flex-row sm:group-data-[variant=flat]/section:items-start sm:group-data-[variant=flat]/section:justify-between sm:group-data-[variant=flat]/section:gap-4',\n        'group-data-[variant=factory]/section:flex group-data-[variant=factory]/section:min-w-0 group-data-[variant=factory]/section:flex-col group-data-[variant=factory]/section:gap-2 sm:group-data-[variant=factory]/section:flex-row sm:group-data-[variant=factory]/section:items-start sm:group-data-[variant=factory]/section:justify-between sm:group-data-[variant=factory]/section:gap-4',\n        inset && 'px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderTextProps = ComponentProps<'div'>;\n\nexport function SectionHeaderText({ className, ...props }: SectionHeaderTextProps) {\n  return <div data-slot=\"section-header-text\" className={cn('flex min-w-0 flex-col gap-1.5', className)} {...props} />;\n}\n","import type { ComponentProps, ElementType } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeadingProps = ComponentProps<'h2'> & {\n  headingLevel?: 'h2' | 'h3' | 'h4';\n};\n\nexport function SectionHeading({ headingLevel = 'h2', children, className, ...props }: SectionHeadingProps) {\n  const HeadingTag: ElementType = headingLevel;\n\n  return (\n    <HeadingTag\n      data-slot=\"section-heading\"\n      className={cn(\n        'group-data-[variant=default]/section:flex group-data-[variant=default]/section:items-center group-data-[variant=default]/section:gap-2 group-data-[variant=default]/section:text-subheading group-data-[variant=default]/section:text-muted-foreground group-data-[variant=default]/section:[&>svg]:size-[1.2em] group-data-[variant=default]/section:[&>svg]:opacity-50',\n        'group-data-[variant=flat]/section:text-subheading group-data-[variant=flat]/section:text-balance group-data-[variant=flat]/section:text-foreground',\n        'group-data-[variant=factory]/section:text-subheading group-data-[variant=factory]/section:text-balance group-data-[variant=factory]/section:text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionVariant = 'default' | 'flat' | 'factory';\n\nexport type SectionRootProps = ComponentProps<'section'> & {\n  variant?: SectionVariant;\n};\n\nexport function SectionRoot({ variant = 'default', children, className, ...props }: SectionRootProps) {\n  return (\n    <section\n      data-slot=\"section\"\n      data-variant={variant}\n      className={cn(\n        'group/section',\n        variant === 'default' && 'grid gap-3',\n        variant === 'flat' && 'w-full min-w-0',\n        variant === 'factory' && 'flex w-full min-w-0 flex-col gap-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </section>\n  );\n}\n\nexport function SubSectionRoot({ children, className, ...props }: ComponentProps<'section'>) {\n  return (\n    <section className={cn('grid gap-2', className)} {...props}>\n      {children}\n    </section>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SettingsRowLayout } from '@/ds/new/settings/settings-row';\nimport type { SettingsRowProps } from '@/ds/new/settings/settings-row';\n\nexport type SectionRowProps = Omit<SettingsRowProps, 'tone' | 'viewOnly'>;\nexport type SectionViewOnlyRowProps = SectionRowProps & { children: ReactNode };\nexport type SectionDestructiveRowProps = SectionRowProps & { children: ReactNode };\n\n/** @deprecated Use SettingsRow from @mastra/playground-ui/new/settings for settings pages. */\nexport function SectionRow(props: SectionRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" />;\n}\n\n/** @deprecated Use SettingsRow with viewOnly from @mastra/playground-ui/new/settings. */\nexport function SectionViewOnlyRow(props: SectionViewOnlyRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" viewOnly />;\n}\n\n/** @deprecated Use SettingsRow with tone=\"destructive\" from @mastra/playground-ui/new/settings. */\nexport function SectionDestructiveRow(props: SectionDestructiveRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" tone=\"destructive\" />;\n}\n","import { SectionContent } from './section-content';\nimport { SectionDescription } from './section-description';\nimport { SectionDivider } from './section-divider';\nimport { SectionHeader } from './section-header';\nimport { SectionHeaderText } from './section-header-text';\nimport { SectionHeading } from './section-heading';\nimport { SectionRoot } from './section-root';\nimport type { SectionRootProps } from './section-root';\nimport { SectionDestructiveRow, SectionRow, SectionViewOnlyRow } from './section-row';\n\nexport { type SectionContentProps } from './section-content';\nexport { type SectionDescriptionProps } from './section-description';\nexport { type SectionDividerProps } from './section-divider';\nexport { type SectionHeaderProps } from './section-header';\nexport { type SectionHeaderTextProps } from './section-header-text';\nexport { type SectionHeadingProps } from './section-heading';\nexport { type SectionRootProps as SectionProps, type SectionVariant } from './section-root';\nexport { type SectionDestructiveRowProps, type SectionRowProps, type SectionViewOnlyRowProps } from './section-row';\n\nexport function Section(props: SectionRootProps) {\n  return <SectionRoot {...props} />;\n}\n\nSection.Header = SectionHeader;\nSection.HeaderText = SectionHeaderText;\nSection.Heading = SectionHeading;\nSection.Description = SectionDescription;\nSection.Content = SectionContent;\nSection.Row = SectionRow;\nSection.ViewOnlyRow = SectionViewOnlyRow;\nSection.DestructiveRow = SectionDestructiveRow;\nSection.Divider = SectionDivider;\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,OAA4B;CACzD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,yBAAD;EAAyB,GAAI;EAAO,QAAO;CAAW,CAAA;AAC/D;;ACDA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,SAAkC;CACnF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,SAAQ;EACR,MAAK;EACL,aAAU;EACV,WAAWC,cAAAA,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA8B;CAC3E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAWC,cAAAA,GAAG,kBAAkB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrH;;ACAA,SAAgB,cAAc,EAAE,UAAU,WAAW,QAAQ,OAAO,GAAG,SAA6B;CAClG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,aAAU;EACV,WAAWC,cAAAA,GACT,yJACA,6YACA,8XACA,SAAS,QACT,SACF;EACA,GAAI;EAEH;CACK,CAAA;AAEZ;;AClBA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CACjF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,aAAU;EAAsB,WAAWC,cAAAA,GAAG,iCAAiC,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrH;;ACAA,SAAgB,eAAe,EAAE,eAAe,MAAM,UAAU,WAAW,GAAG,SAA8B;CAG1G,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAD;EACE,aAAU;EACV,WAAWC,cAAAA,GACT,4WACA,sJACA,+JACA,SACF;EACA,GAAI;EAEH;CACS,CAAA;AAEhB;;ACfA,SAAgB,YAAY,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAA2B;CACpG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAWC,cAAAA,GACT,iBACA,YAAY,aAAa,cACzB,YAAY,UAAU,kBACtB,YAAY,aAAa,sCACzB,SACF;EACA,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAAoC;CAC3F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EAAS,WAAWA,cAAAA,GAAG,cAAc,SAAS;EAAG,GAAI;EAClD;CACM,CAAA;AAEb;;;ACzBA,SAAgB,WAAW,OAAwB;CACjD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,mBAAD;EAAmB,GAAI;EAAO,QAAO;CAAW,CAAA;AACzD;;AAGA,SAAgB,mBAAmB,OAAgC;CACjE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,mBAAD;EAAmB,GAAI;EAAO,QAAO;EAAU,UAAA;CAAU,CAAA;AAClE;;AAGA,SAAgB,sBAAsB,OAAmC;CACvE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,qBAAAA,mBAAD;EAAmB,GAAI;EAAO,QAAO;EAAU,MAAK;CAAe,CAAA;AAC5E;;ACFA,SAAgB,QAAQ,OAAyB;CAC/C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClC;AAEA,QAAQ,SAAS;AACjB,QAAQ,aAAa;AACrB,QAAQ,UAAU;AAClB,QAAQ,cAAc;AACtB,QAAQ,UAAU;AAClB,QAAQ,MAAM;AACd,QAAQ,cAAc;AACtB,QAAQ,iBAAiB;AACzB,QAAQ,UAAU"}

package/dist/Section-C9Fgv-IF.js

@@ -0,0 +1,113 @@
+import { a as SettingsContainerLayout, r as SettingsRowLayout } from "./settings-row-O9qu9rre.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { jsx } from "react/jsx-runtime";
+// src/ds/components/Section/section-content.tsx
+function SectionContent(props) {
+	return /* @__PURE__ */ jsx(SettingsContainerLayout, {
+		...props,
+		layout: "section"
+	});
+}
+// src/ds/components/Section/section-description.tsx
+function SectionDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Txt, {
+		variant: "caption",
+		tone: "muted",
+		"data-slot": "section-description",
+		className: cn("max-w-[62ch] text-pretty", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-divider.tsx
+function SectionDivider({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: cn("h-px bg-border", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-header.tsx
+function SectionHeader({ children, className, inset = false, ...props }) {
+	return /* @__PURE__ */ jsx("header", {
+		"data-slot": "section-header",
+		className: cn("group-data-[variant=default]/section:grid group-data-[variant=default]/section:grid-cols-[1fr_auto] group-data-[variant=default]/section:items-center", "group-data-[variant=flat]/section:flex group-data-[variant=flat]/section:min-w-0 group-data-[variant=flat]/section:flex-col group-data-[variant=flat]/section:gap-3 group-data-[variant=flat]/section:pb-3 sm:group-data-[variant=flat]/section:flex-row sm:group-data-[variant=flat]/section:items-start sm:group-data-[variant=flat]/section:justify-between sm:group-data-[variant=flat]/section:gap-4", "group-data-[variant=factory]/section:flex group-data-[variant=factory]/section:min-w-0 group-data-[variant=factory]/section:flex-col group-data-[variant=factory]/section:gap-2 sm:group-data-[variant=factory]/section:flex-row sm:group-data-[variant=factory]/section:items-start sm:group-data-[variant=factory]/section:justify-between sm:group-data-[variant=factory]/section:gap-4", inset && "px-4", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-header-text.tsx
+function SectionHeaderText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "section-header-text",
+		className: cn("flex min-w-0 flex-col gap-1.5", className),
+		...props
+	});
+}
+// src/ds/components/Section/section-heading.tsx
+function SectionHeading({ headingLevel = "h2", children, className, ...props }) {
+	return /* @__PURE__ */ jsx(headingLevel, {
+		"data-slot": "section-heading",
+		className: cn("group-data-[variant=default]/section:flex group-data-[variant=default]/section:items-center group-data-[variant=default]/section:gap-2 group-data-[variant=default]/section:text-subheading group-data-[variant=default]/section:text-muted-foreground group-data-[variant=default]/section:[&>svg]:size-[1.2em] group-data-[variant=default]/section:[&>svg]:opacity-50", "group-data-[variant=flat]/section:text-subheading group-data-[variant=flat]/section:text-balance group-data-[variant=flat]/section:text-foreground", "group-data-[variant=factory]/section:text-subheading group-data-[variant=factory]/section:text-balance group-data-[variant=factory]/section:text-foreground", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-root.tsx
+function SectionRoot({ variant = "default", children, className, ...props }) {
+	return /* @__PURE__ */ jsx("section", {
+		"data-slot": "section",
+		"data-variant": variant,
+		className: cn("group/section", variant === "default" && "grid gap-3", variant === "flat" && "w-full min-w-0", variant === "factory" && "flex w-full min-w-0 flex-col gap-2", className),
+		...props,
+		children
+	});
+}
+function SubSectionRoot({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("grid gap-2", className),
+		...props,
+		children
+	});
+}
+// src/ds/components/Section/section-row.tsx
+/** @deprecated Use SettingsRow from @mastra/playground-ui/new/settings for settings pages. */
+function SectionRow(props) {
+	return /* @__PURE__ */ jsx(SettingsRowLayout, {
+		...props,
+		layout: "section"
+	});
+}
+/** @deprecated Use SettingsRow with viewOnly from @mastra/playground-ui/new/settings. */
+function SectionViewOnlyRow(props) {
+	return /* @__PURE__ */ jsx(SettingsRowLayout, {
+		...props,
+		layout: "section",
+		viewOnly: true
+	});
+}
+/** @deprecated Use SettingsRow with tone="destructive" from @mastra/playground-ui/new/settings. */
+function SectionDestructiveRow(props) {
+	return /* @__PURE__ */ jsx(SettingsRowLayout, {
+		...props,
+		layout: "section",
+		tone: "destructive"
+	});
+}
+// src/ds/components/Section/section.tsx
+function Section(props) {
+	return /* @__PURE__ */ jsx(SectionRoot, { ...props });
+}
+Section.Header = SectionHeader;
+Section.HeaderText = SectionHeaderText;
+Section.Heading = SectionHeading;
+Section.Description = SectionDescription;
+Section.Content = SectionContent;
+Section.Row = SectionRow;
+Section.ViewOnlyRow = SectionViewOnlyRow;
+Section.DestructiveRow = SectionDestructiveRow;
+Section.Divider = SectionDivider;
+export { SectionRoot as n, SubSectionRoot as r, Section as t };
+
+//# sourceMappingURL=Section-C9Fgv-IF.js.map

package/dist/Section-C9Fgv-IF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section-C9Fgv-IF.js","names":["HeadingTag"],"sources":["../src/ds/components/Section/section-content.tsx","../src/ds/components/Section/section-description.tsx","../src/ds/components/Section/section-divider.tsx","../src/ds/components/Section/section-header.tsx","../src/ds/components/Section/section-header-text.tsx","../src/ds/components/Section/section-heading.tsx","../src/ds/components/Section/section-root.tsx","../src/ds/components/Section/section-row.tsx","../src/ds/components/Section/section.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { SettingsContainerLayout } from '@/ds/new/settings/settings-container';\n\nexport type SectionContentProps = ComponentProps<'div'>;\n\nexport function SectionContent(props: SectionContentProps) {\n  return <SettingsContainerLayout {...props} layout=\"section\" />;\n}\n","import type { ComponentProps } from 'react';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SectionDescriptionProps = ComponentProps<'p'>;\n\nexport function SectionDescription({ className, ...props }: SectionDescriptionProps) {\n  return (\n    <Txt\n      variant=\"caption\"\n      tone=\"muted\"\n      data-slot=\"section-description\"\n      className={cn('max-w-[62ch] text-pretty', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionDividerProps = ComponentProps<'div'>;\n\nexport function SectionDivider({ className, ...props }: SectionDividerProps) {\n  return <div role=\"separator\" aria-orientation=\"horizontal\" className={cn('h-px bg-border', className)} {...props} />;\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderProps = ComponentProps<'header'> & {\n  inset?: boolean;\n};\n\nexport function SectionHeader({ children, className, inset = false, ...props }: SectionHeaderProps) {\n  return (\n    <header\n      data-slot=\"section-header\"\n      className={cn(\n        'group-data-[variant=default]/section:grid group-data-[variant=default]/section:grid-cols-[1fr_auto] group-data-[variant=default]/section:items-center',\n        'group-data-[variant=flat]/section:flex group-data-[variant=flat]/section:min-w-0 group-data-[variant=flat]/section:flex-col group-data-[variant=flat]/section:gap-3 group-data-[variant=flat]/section:pb-3 sm:group-data-[variant=flat]/section:flex-row sm:group-data-[variant=flat]/section:items-start sm:group-data-[variant=flat]/section:justify-between sm:group-data-[variant=flat]/section:gap-4',\n        'group-data-[variant=factory]/section:flex group-data-[variant=factory]/section:min-w-0 group-data-[variant=factory]/section:flex-col group-data-[variant=factory]/section:gap-2 sm:group-data-[variant=factory]/section:flex-row sm:group-data-[variant=factory]/section:items-start sm:group-data-[variant=factory]/section:justify-between sm:group-data-[variant=factory]/section:gap-4',\n        inset && 'px-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </header>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeaderTextProps = ComponentProps<'div'>;\n\nexport function SectionHeaderText({ className, ...props }: SectionHeaderTextProps) {\n  return <div data-slot=\"section-header-text\" className={cn('flex min-w-0 flex-col gap-1.5', className)} {...props} />;\n}\n","import type { ComponentProps, ElementType } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionHeadingProps = ComponentProps<'h2'> & {\n  headingLevel?: 'h2' | 'h3' | 'h4';\n};\n\nexport function SectionHeading({ headingLevel = 'h2', children, className, ...props }: SectionHeadingProps) {\n  const HeadingTag: ElementType = headingLevel;\n\n  return (\n    <HeadingTag\n      data-slot=\"section-heading\"\n      className={cn(\n        'group-data-[variant=default]/section:flex group-data-[variant=default]/section:items-center group-data-[variant=default]/section:gap-2 group-data-[variant=default]/section:text-subheading group-data-[variant=default]/section:text-muted-foreground group-data-[variant=default]/section:[&>svg]:size-[1.2em] group-data-[variant=default]/section:[&>svg]:opacity-50',\n        'group-data-[variant=flat]/section:text-subheading group-data-[variant=flat]/section:text-balance group-data-[variant=flat]/section:text-foreground',\n        'group-data-[variant=factory]/section:text-subheading group-data-[variant=factory]/section:text-balance group-data-[variant=factory]/section:text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type SectionVariant = 'default' | 'flat' | 'factory';\n\nexport type SectionRootProps = ComponentProps<'section'> & {\n  variant?: SectionVariant;\n};\n\nexport function SectionRoot({ variant = 'default', children, className, ...props }: SectionRootProps) {\n  return (\n    <section\n      data-slot=\"section\"\n      data-variant={variant}\n      className={cn(\n        'group/section',\n        variant === 'default' && 'grid gap-3',\n        variant === 'flat' && 'w-full min-w-0',\n        variant === 'factory' && 'flex w-full min-w-0 flex-col gap-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </section>\n  );\n}\n\nexport function SubSectionRoot({ children, className, ...props }: ComponentProps<'section'>) {\n  return (\n    <section className={cn('grid gap-2', className)} {...props}>\n      {children}\n    </section>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { SettingsRowLayout } from '@/ds/new/settings/settings-row';\nimport type { SettingsRowProps } from '@/ds/new/settings/settings-row';\n\nexport type SectionRowProps = Omit<SettingsRowProps, 'tone' | 'viewOnly'>;\nexport type SectionViewOnlyRowProps = SectionRowProps & { children: ReactNode };\nexport type SectionDestructiveRowProps = SectionRowProps & { children: ReactNode };\n\n/** @deprecated Use SettingsRow from @mastra/playground-ui/new/settings for settings pages. */\nexport function SectionRow(props: SectionRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" />;\n}\n\n/** @deprecated Use SettingsRow with viewOnly from @mastra/playground-ui/new/settings. */\nexport function SectionViewOnlyRow(props: SectionViewOnlyRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" viewOnly />;\n}\n\n/** @deprecated Use SettingsRow with tone=\"destructive\" from @mastra/playground-ui/new/settings. */\nexport function SectionDestructiveRow(props: SectionDestructiveRowProps) {\n  return <SettingsRowLayout {...props} layout=\"section\" tone=\"destructive\" />;\n}\n","import { SectionContent } from './section-content';\nimport { SectionDescription } from './section-description';\nimport { SectionDivider } from './section-divider';\nimport { SectionHeader } from './section-header';\nimport { SectionHeaderText } from './section-header-text';\nimport { SectionHeading } from './section-heading';\nimport { SectionRoot } from './section-root';\nimport type { SectionRootProps } from './section-root';\nimport { SectionDestructiveRow, SectionRow, SectionViewOnlyRow } from './section-row';\n\nexport { type SectionContentProps } from './section-content';\nexport { type SectionDescriptionProps } from './section-description';\nexport { type SectionDividerProps } from './section-divider';\nexport { type SectionHeaderProps } from './section-header';\nexport { type SectionHeaderTextProps } from './section-header-text';\nexport { type SectionHeadingProps } from './section-heading';\nexport { type SectionRootProps as SectionProps, type SectionVariant } from './section-root';\nexport { type SectionDestructiveRowProps, type SectionRowProps, type SectionViewOnlyRowProps } from './section-row';\n\nexport function Section(props: SectionRootProps) {\n  return <SectionRoot {...props} />;\n}\n\nSection.Header = SectionHeader;\nSection.HeaderText = SectionHeaderText;\nSection.Heading = SectionHeading;\nSection.Description = SectionDescription;\nSection.Content = SectionContent;\nSection.Row = SectionRow;\nSection.ViewOnlyRow = SectionViewOnlyRow;\nSection.DestructiveRow = SectionDestructiveRow;\nSection.Divider = SectionDivider;\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,OAA4B;CACzD,OAAO,oBAAC,yBAAD;EAAyB,GAAI;EAAO,QAAO;CAAW,CAAA;AAC/D;;ACDA,SAAgB,mBAAmB,EAAE,WAAW,GAAG,SAAkC;CACnF,OACE,oBAAC,KAAD;EACE,SAAQ;EACR,MAAK;EACL,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;;ACXA,SAAgB,eAAe,EAAE,WAAW,GAAG,SAA8B;CAC3E,OAAO,oBAAC,OAAD;EAAK,MAAK;EAAY,oBAAiB;EAAa,WAAW,GAAG,kBAAkB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrH;;ACAA,SAAgB,cAAc,EAAE,UAAU,WAAW,QAAQ,OAAO,GAAG,SAA6B;CAClG,OACE,oBAAC,UAAD;EACE,aAAU;EACV,WAAW,GACT,yJACA,6YACA,8XACA,SAAS,QACT,SACF;EACA,GAAI;EAEH;CACK,CAAA;AAEZ;;AClBA,SAAgB,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CACjF,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAsB,WAAW,GAAG,iCAAiC,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrH;;ACAA,SAAgB,eAAe,EAAE,eAAe,MAAM,UAAU,WAAW,GAAG,SAA8B;CAG1G,OACE,oBAACA,cAAD;EACE,aAAU;EACV,WAAW,GACT,4WACA,sJACA,+JACA,SACF;EACA,GAAI;EAEH;CACS,CAAA;AAEhB;;ACfA,SAAgB,YAAY,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,SAA2B;CACpG,OACE,oBAAC,WAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GACT,iBACA,YAAY,aAAa,cACzB,YAAY,UAAU,kBACtB,YAAY,aAAa,sCACzB,SACF;EACA,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,SAAgB,eAAe,EAAE,UAAU,WAAW,GAAG,SAAoC;CAC3F,OACE,oBAAC,WAAD;EAAS,WAAW,GAAG,cAAc,SAAS;EAAG,GAAI;EAClD;CACM,CAAA;AAEb;;;ACzBA,SAAgB,WAAW,OAAwB;CACjD,OAAO,oBAAC,mBAAD;EAAmB,GAAI;EAAO,QAAO;CAAW,CAAA;AACzD;;AAGA,SAAgB,mBAAmB,OAAgC;CACjE,OAAO,oBAAC,mBAAD;EAAmB,GAAI;EAAO,QAAO;EAAU,UAAA;CAAU,CAAA;AAClE;;AAGA,SAAgB,sBAAsB,OAAmC;CACvE,OAAO,oBAAC,mBAAD;EAAmB,GAAI;EAAO,QAAO;EAAU,MAAK;CAAe,CAAA;AAC5E;;ACFA,SAAgB,QAAQ,OAAyB;CAC/C,OAAO,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;AAClC;AAEA,QAAQ,SAAS;AACjB,QAAQ,aAAa;AACrB,QAAQ,UAAU;AAClB,QAAQ,cAAc;AACtB,QAAQ,UAAU;AAClB,QAAQ,MAAM;AACd,QAAQ,cAAc;AACtB,QAAQ,iBAAiB;AACzB,QAAQ,UAAU"}