npm - @acronis-platform/ui-react - Versions diffs - 0.58.0 → 0.61.0 - Mend

@acronis-platform/ui-react 0.58.0 → 0.61.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

package/dist/components/ui/composed-chart/composed-chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"composed-chart.js","sources":["../../../../src/components/ui/composed-chart/composed-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n Area,\n Bar,\n CartesianGrid,\n ComposedChart as RechartsComposedChart,\n Line,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n ChartContainer,\n ChartLegend,\n ChartLegendContent,\n ChartTooltip,\n ChartTooltipContent,\n type ChartConfig,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. A composed\n// chart's defining trait is that each series picks its own render type\n// (bar / line / area) over one shared category axis — so, like ScatterChart,\n// there's no single visual \"mode\" to model as a CVA variant (the skill's\n// \"per-series type\"). The variation lives in the `series[].type` list instead.\nexport type ComposedSeriesType = 'bar' \| 'line' \| 'area';\n\nexport interface ComposedSeries {\n /** Column key to plot — must match a `config` entry; drives its `--color-<key>` paint. /\n key: string;\n /* How this series renders. /\n type: ComposedSeriesType;\n}\n\nexport interface ComposedChartProps\n extends Omit<React.ComponentProps<'div'>, 'children'> {\n /* Row-per-category data. Each object holds `xKey` + one numeric field per series. /\n data: ReadonlyArray<Record<string, string \| number>>;\n /\n Per-series map of `label` / `color`, keyed by `series[].key` (imported from\n * the shared `Chart` primitives). Turned into `--color-<key>` custom\n * properties. Colors are caller-supplied — reference an existing semantic\n * `--ui-` token; there is no chart palette tier yet.\n /\n config: ChartConfig;\n /** Series to plot, each `{ key, type }` — one bar/line/area per entry. Each key must exist in `config` and every data row. /\n series: ComposedSeries[];\n /* Category axis key (the shared dimension across rows, e.g. `\"month\"`). /\n xKey: string;\n /* Title rendered beneath the horizontal (X) axis. /\n xAxisLabel?: string;\n /* Title rendered beside the vertical (Y) axis (rotated). /\n yAxisLabel?: string;\n /* Unit suffix appended to Y-axis tick values (recharts `unit`; the X axis is categorical). /\n yUnit?: string;\n /* Interpolation for the line and area series. /\n curve?: 'linear' \| 'monotone' \| 'step';\n /* Corner radius on the growing end of bar series. /\n barRadius?: number;\n /* Flat-fill opacity for area series. /\n fillOpacity?: number;\n showGrid?: boolean;\n showTooltip?: boolean;\n showLegend?: boolean;\n /\n Replace the default tooltip. Pass a configured `ChartTooltipContent`\n * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /\n * `indicator` — to customize formatting, per-series rows, or extra fields\n * without composing recharts yourself. Ignored when `showTooltip` is false.\n /\n tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n}\n\nconst ComposedChart = React.forwardRef<HTMLDivElement, ComposedChartProps>(\n (\n {\n className,\n config,\n data,\n series,\n xKey,\n xAxisLabel,\n yAxisLabel,\n yUnit,\n curve = 'monotone',\n barRadius = 4,\n fillOpacity = 0.3,\n showGrid = true,\n showTooltip = true,\n showLegend = true,\n tooltipContent,\n ...props\n },\n ref\n ) => {\n // Axis titles: the X title sits below the ticks; the Y title is rotated in\n // the left gutter. Passed to recharts' native `label` (themed via the\n // `.recharts-label` fill selector on the container).\n const xAxisTitle = xAxisLabel\n ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n : undefined;\n const yAxisTitle = yAxisLabel\n ? {\n value: yAxisLabel,\n angle: -90,\n position: 'insideLeft' as const,\n style: { textAnchor: 'middle' as const },\n }\n : undefined;\n\n return (\n <div ref={ref} className={cn(className)} {...props}>\n <ChartContainer\n config={config}\n className=\"size-full [&_.recharts-label]:fill-foreground\"\n >\n <RechartsComposedChart data={data as readonly unknown[]}>\n {showGrid && <CartesianGrid vertical={false} />}\n <XAxis\n dataKey={xKey}\n type=\"category\"\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n height={xAxisLabel ? 48 : undefined}\n label={xAxisTitle}\n />\n <YAxis\n type=\"number\"\n tickLine={false}\n axisLine={false}\n unit={yUnit}\n width={yAxisLabel ? 72 : undefined}\n label={yAxisTitle}\n />\n {showTooltip && (\n <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n )}\n {showLegend && <ChartLegend content={<ChartLegendContent />} />}\n {/ Rendered in the caller's `series` order — recharts paints children\n back-to-front, so later entries sit on top. Order them so thin\n marks (a line) come after the areas/bars they should overlay. */}\n {series.map((s) => {\n const color = `var(--color-${s.key})`;\n if (s.type === 'bar') {\n return (\n <Bar\n key={s.key}\n dataKey={s.key}\n fill={color}\n radius={\n barRadius > 0\n ? [barRadius, barRadius, 0, 0]\n : undefined\n }\n isAnimationActive={false}\n />\n );\n }\n if (s.type === 'area') {\n return (\n <Area\n key={s.key}\n type={curve}\n dataKey={s.key}\n stroke={color}\n fill={color}\n fillOpacity={fillOpacity}\n isAnimationActive={false}\n />\n );\n }\n return (\n <Line\n key={s.key}\n type={curve}\n dataKey={s.key}\n stroke={color}\n strokeWidth={2}\n dot={false}\n isAnimationActive={false}\n />\n );\n })}\n </RechartsComposedChart>\n </ChartContainer>\n </div>\n );\n }\n);\nComposedChart.displayName = 'ComposedChart';\n\nexport { ComposedChart };\n"],"names":["ComposedChart","React","className","config","data","series","xKey","xAxisLabel","yAxisLabel","yUnit","curve","barRadius","fillOpacity","showGrid","showTooltip","showLegend","tooltipContent","props","ref","xAxisTitle","yAxisTitle","jsx","cn","ChartContainer","jsxs","RechartsComposedChart","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","s","color","Bar","Area","Line"],"mappings":"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"}
1	+ {"version":3,"file":"composed-chart.js","sources":["../../../../src/components/ui/composed-chart/composed-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n Area,\n Bar,\n Brush,\n CartesianGrid,\n ComposedChart as RechartsComposedChart,\n LabelList,\n Line,\n ReferenceArea,\n ReferenceLine,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n CHART_LABEL_FONT_SIZE,\n CHART_LABEL_MARGIN,\n ChartContainer,\n ChartLegend,\n ChartLegendContent,\n ChartTooltip,\n ChartTooltipContent,\n resolveAnimation,\n resolveAxisDomain,\n resolveBrushProps,\n resolveCartesianLabelPosition,\n resolveCategoryRange,\n resolveChartReferenceValue,\n resolveLabelFillClass,\n resolveReferenceLineProps,\n resolveRotatedTickAnchor,\n resolveXAxisHeight,\n resolveXAxisTitle,\n resolveYAxisTitle,\n toLabelFormatter,\n type ChartConfig,\n type ChartLegendContentProps,\n type CartesianChartProps,\n type ChartAnimationProps,\n type ChartBrushProps,\n type ChartCategoryRange,\n type ChartDataLabelProps,\n type ChartReferenceLine,\n type CartesianLabelPosition,\n type ChartYAxisTarget,\n type SecondaryYAxisProps,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. A composed\n// chart's defining trait is that each series picks its own render type\n// (bar / line / area) over one shared category axis, so the mark mix is not a\n// variant — it lives in the `series[].type` list. `orientation` is: it is the\n// same one-axis choice `BarChart` models (which way the marks grow), and it\n// re-roles both axes. The class stays empty because the recharts SVG — not CSS —\n// draws the series; CVA is kept so the variant set is a first-class,\n// spec-conformant part of the API (matched against ui-spec's api.yaml enums) and\n// exposed via `VariantProps`. The resolved value is mirrored onto\n// `data-orientation` for styling hooks and tests.\nconst composedChartVariants = cva('', {\n variants: {\n orientation: {\n vertical: '',\n horizontal: '',\n },\n },\n defaultVariants: {\n orientation: 'vertical',\n },\n});\n\nexport type ComposedSeriesType = 'bar' \| 'line' \| 'area';\n\n/** Interpolation for a line or area series. /\nexport type ComposedCurveType = 'linear' \| 'monotone' \| 'step';\n\n/\n How a series is marked in the legend. Deliberately narrower than recharts'\n * icon set: `ChartLegendContent` draws its own marker and reads only whether the\n * entry is a `line` (a rule, dashed when the series is) or anything else (a\n * swatch), so the wider union would advertise icons that never render. `none`\n * keeps the series off the legend entirely.\n /\nexport type ComposedSeriesLegendType = 'line' \| 'rect' \| 'none';\n\n/* Plot-area inset, in px. Any side left out keeps the chart's own default. /\nexport interface ComposedChartMargin {\n top?: number;\n right?: number;\n bottom?: number;\n left?: number;\n}\n\n// recharts 3 paints graphical items into z-index layers keyed by their type\n// (Area 100, Bar 300, Line 400), so JSX order alone decides nothing across\n// types — an area would always sit under the bars however the caller ordered\n// `series`. Giving each entry an explicit z-index from its index restores\n// \"later entry paints on top\". The band stays under the axis layer (500).\nconst SERIES_Z_INDEX_BASE = 100;\n\n// A reference band is a backdrop, so it has to sit under the marks. That is\n// recharts' own arrangement (its band defaults to 100, below Bar's 300), but\n// pulling the series down into the 100s to order them by array index lands them\n// on the band's layer — where the band, rendered later, would paint over them.\n// Below the series and above the grid (-100) restores the intent. A reference\n// line* keeps its own default (400): a rule reads as an annotation on top.\nconst REFERENCE_AREA_Z_INDEX = 50;\n\n// recharts keys every axis by id, defaulting to `0` on both the axis and each\n// graphical item. The primary value axis keeps that implicit id rather than\n// taking an explicit one, so a chart with no secondary series renders\n// byte-identically — and `CartesianGrid` (whose own ids default to `0`) keeps\n// drawing its lines against the primary scale, which is the only readable\n// choice: gridlines from two different scales would cross at meaningless\n// heights.\nconst SECONDARY_VALUE_AXIS_ID = 'secondary';\n\n// recharts' own plot inset, spelled out so a caller-supplied `margin` can\n// override one side without erasing the other three.\nconst DEFAULT_CHART_MARGIN = { top: 5, right: 5, bottom: 5, left: 5 } as const;\n\n/** Fill opacity of a hovered bar when `showActiveBar` is on. /\nconst ACTIVE_BAR_FILL_OPACITY = 0.85;\n\n// Headroom for the caption a vertical reference rule hangs above the plot. Sized\n// to the 12px caption plus its descender, matching CHART_LABEL_MARGIN's top.\nconst REFERENCE_LABEL_MARGIN = { top: 16 } as const;\n\nexport interface ComposedSeries {\n /* Column key to plot — must match a `config` entry; drives its `--color-<key>` paint. /\n key: string;\n /* How this series renders. /\n type: ComposedSeriesType;\n /\n Which value axis this series is measured against. Defaults to `primary`.\n * The secondary axis is rendered only when at least one series selects it — use\n * it when a series carries a different unit or magnitude (a rate next to a\n * count) that a shared scale would flatten.\n /\n yAxis?: ChartYAxisTarget;\n /\n Paint for this series, overriding its `config` color. Reference an existing\n * semantic `--ui-` token; there is no chart palette tier yet.\n /\n color?: string;\n /*\n Stack this series with every other series of the same mark type carrying\n * the same id. Bars stack with bars and areas with areas — the ids are\n * namespaced per type, so one id can't merge a bar into an area stack. Ignored\n * on a line series, which recharts does not stack.\n /\n stackId?: string;\n /* Interpolation, overriding the chart's `curve`. Line and area series only. /\n curve?: ComposedCurveType;\n /\n Stroke width, overriding the chart's `strokeWidth` on a line or area series.\n * On a bar it sizes the dashed outline `strokeDasharray` draws — a bar has no\n * other stroke, so the chart-level default never reaches one and this is the\n * only way to set it.\n /\n strokeWidth?: number;\n /\n Dash pattern for the stroke (an SVG `stroke-dasharray`, e.g. `'5 5'`) — the\n * conventional way to mark a series as a projection. On a bar series it draws a\n * dashed outline in the series colour.\n /\n strokeDasharray?: string;\n /* Render a dot at each point, overriding the chart's `showDots`. Line and area series only. /\n showDots?: boolean;\n /* Render the hover dot, overriding the chart's `showActiveDots`. Line and area series only. /\n showActiveDots?: boolean;\n /* Bridge `null` gaps instead of breaking the series, overriding `connectNulls`. /\n connectNulls?: boolean;\n /* Corner radius on the growing end, overriding the chart's `barRadius`. Bar series only. /\n barRadius?: number;\n /* Fixed bar thickness in px, overriding the chart's `barSize`. Bar series only. /\n barSize?: number;\n /* Highlight this bar on hover, overriding the chart's `showActiveBar`. Bar series only. /\n showActiveBar?: boolean;\n /* Draw a full-height track behind this series' bars, overriding `showBackground`. Bar series only. /\n showBackground?: boolean;\n /* Fill opacity, overriding the chart's `fillOpacity` (which applies to area series). /\n fillOpacity?: number;\n /* How this series is marked in the legend — `none` keeps it off the legend. /\n legendType?: ComposedSeriesLegendType;\n}\n\n/\n A dashed rule on the chart. Either a position on the value axis (a fixed\n * `value`, or the mean of one/every series via `average`) or, with `category`, a\n * rule across the category axis at one category — the \"today\" divider between\n * actuals and forecast. A value position wins if both are given.\n /\nexport interface ComposedChartReferenceLine extends ChartReferenceLine {\n /\n Category to draw the rule at — the category's own value (an `xKey` cell) or\n * its 0-based row index.\n /\n category?: string \| number;\n /\n Which value axis the rule is measured against, on a chart carrying two.\n * Defaults to the axis of the series named by `average`, and to `primary`\n * otherwise — so a target read off the secondary scale lands on it rather\n * than being plotted against the primary one. `average: true` then pools only\n * the series on this axis, never two scales at once. Inert while no series\n * selects the secondary axis.\n /\n yAxis?: ChartYAxisTarget;\n}\n\n/* A shaded band behind a range of categories. /\nexport interface ComposedChartReferenceArea extends ChartCategoryRange {\n /* Caption above the band. /\n label?: string;\n}\n\nexport interface ComposedChartProps\n extends Omit<React.ComponentProps<'div'>, 'children'>,\n VariantProps<typeof composedChartVariants>,\n CartesianChartProps,\n SecondaryYAxisProps,\n ChartAnimationProps,\n ChartBrushProps,\n ChartDataLabelProps {\n /* Row-per-category data. Each object holds `xKey` + one numeric field per series (`null` breaks a line/area unless `connectNulls`). /\n data: ReadonlyArray<Record<string, string \| number \| null>>;\n /\n Per-series map of `label` / `color`, keyed by `series[].key` (imported from\n * the shared `Chart` primitives). Turned into `--color-<key>` custom\n * properties. Colors are caller-supplied — reference an existing semantic\n * `--ui-` token; there is no chart palette tier yet.\n /\n config: ChartConfig;\n /*\n Series to plot, each `{ key, type }` plus any per-series style override —\n * one bar/line/area per entry. Each key must exist in `config` and every data\n * row. Every styling prop on the chart is the default a series overrides here.\n /\n series: ComposedSeries[];\n /* Category axis key (the shared dimension across rows, e.g. `\"month\"`). /\n xKey: string;\n /\n One or more dashed reference lines — on a value axis (`value` / `average`,\n * placed by the entry's `yAxis`) or across the category axis (`category`).\n * Pass a single object or an array.\n /\n referenceLine?: ComposedChartReferenceLine \| ComposedChartReferenceLine[];\n /\n One or more shaded bands behind a range of categories — e.g. a forecast\n * period. Pass a single object or an array to draw several.\n /\n referenceArea?: ComposedChartReferenceArea \| ComposedChartReferenceArea[];\n /* Unit suffix on the value-axis tick values when it is X (`orientation=\"horizontal\"`). /\n xUnit?: string;\n /* Interpolation for the line and area series. /\n curve?: ComposedCurveType;\n /* Corner radius on the growing end of bar series. /\n barRadius?: number;\n /* Fixed bar thickness, in px. Unset, recharts sizes bars from the available width. /\n barSize?: number;\n /* Gap between bars of the same category, in px or a percentage string. /\n barGap?: number \| string;\n /* Gap between category groups, in px or a percentage string. /\n barCategoryGap?: number \| string;\n /* Draw a full-height track behind every bar. /\n showBackground?: boolean;\n /* Fill for the track background. Defaults to the secondary surface. /\n backgroundFill?: string;\n /* Highlight the hovered bar. /\n showActiveBar?: boolean;\n /* Flat-fill opacity for area series. /\n fillOpacity?: number;\n /* Stroke width for the line series. Areas keep recharts' thinner outline unless set. /\n strokeWidth?: number;\n /* Render a dot at each point of the line and area series. /\n showDots?: boolean;\n /* Render the hover dot on the line and area series. Unset, recharts' own default applies. /\n showActiveDots?: boolean;\n /* Bridge `null` gaps in the data instead of breaking the line/area. /\n connectNulls?: boolean;\n /* Plot-area inset. Any side left out keeps the chart's own default. /\n margin?: ComposedChartMargin;\n /* Draw the hover cursor (the band/rule under the tooltip). Defaults to `true`. /\n tooltipCursor?: boolean;\n showLegend?: boolean;\n /* Which edge the legend sits on. Defaults to `bottom`. /\n legendPosition?: 'top' \| 'bottom';\n /\n Position of the value labels when `showLabels` is on. Defaults to each\n * series' growing end — `top` (or `right` when horizontal), and the centre of\n * a stacked segment, which has no free space at its end.\n /\n labelPosition?: CartesianLabelPosition;\n}\n\n// recharts types a legend's `content` as an element or* a render function.\n// Naming that union is what lets the content be built above the returned tree\n// (see `legendContent`) without hand-typing the props the render form is given.\ntype LegendContentType = NonNullable<\n React.ComponentProps<typeof ChartLegend>['content']\n>;\n\nconst ComposedChart = React.forwardRef<HTMLDivElement, ComposedChartProps>(\n (\n {\n className,\n config,\n data,\n series,\n xKey,\n referenceLine,\n referenceArea,\n orientation = 'vertical',\n xAxisLabel,\n yAxisLabel,\n xUnit,\n yUnit,\n curve = 'monotone',\n barRadius = 4,\n barSize,\n barGap,\n barCategoryGap,\n showBackground = false,\n backgroundFill = 'var(--ui-background-surface-secondary)',\n showActiveBar = false,\n fillOpacity = 0.3,\n strokeWidth,\n showDots = false,\n showActiveDots,\n connectNulls = false,\n margin,\n showGrid = true,\n showTooltip = true,\n tooltipCursor = true,\n showLegend = true,\n legendPosition = 'bottom',\n showXAxis = true,\n showYAxis = true,\n xTickFormatter,\n yTickFormatter,\n xAxisAngle,\n xAxisInterval,\n yAxisTickCount,\n yAxisDomain,\n yAxisOrientation,\n showSecondaryYAxis = true,\n secondaryYAxisLabel,\n secondaryYUnit,\n secondaryYTickFormatter,\n secondaryYAxisTickCount,\n secondaryYAxisDomain,\n gridDashed,\n gridHorizontal,\n gridVertical,\n tooltipContent,\n animate,\n animationDuration,\n animationBegin,\n animationEasing,\n showLabels = false,\n labelPosition,\n labelFormatter,\n showBrush = false,\n brushHeight,\n brushAriaLabel,\n ...props\n },\n ref\n ) => {\n const animation = resolveAnimation({\n animate,\n animationDuration,\n animationBegin,\n animationEasing,\n });\n // Our `orientation` is the direction the marks grow; recharts' `layout` is\n // the opposite axis. Horizontal puts the categories on Y and the values on X,\n // which re-roles every axis prop below.\n const isHorizontal = orientation === 'horizontal';\n // Axis titles: the X title sits below the ticks; the Y title is rotated in\n // the side gutter. Passed to recharts' native `label` (themed via the\n // `.recharts-label` fill selector on the container).\n const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n // The secondary axis is derived from the series, not from a flag of its own:\n // that keeps a series from pointing at an id no axis declares, where recharts\n // falls back to an implicit axis — the series still scales off its own data, but\n // silently loses the domain/tickCount/formatter/unit that axis was configured\n // with, and renders no chrome for it.\n const hasSecondaryValueAxis = series.some((s) => s.yAxis === 'secondary');\n // The mirror case the `series` opt-in can't rule out on its own: every series\n // asks for the secondary axis, leaving the primary one with nothing measured\n // against it. recharts gives an axis with no graphical items no ticks at all, so\n // it paints a blank gutter and `CartesianGrid` — which follows it — collapses to\n // the two plot boundaries. Hand the gutter and the grid to the axis that does\n // have the series. Both conditionals are inert on every other chart shape, so\n // single-axis output is untouched.\n const hasPrimarySeries = series.some((s) => s.yAxis !== 'secondary');\n const primaryValueAxisIsOrphaned = hasSecondaryValueAxis && !hasPrimarySeries;\n const primaryOrientation = yAxisOrientation ?? 'left';\n const secondaryOrientation = primaryOrientation === 'left' ? 'right' : 'left';\n\n // The category axis is pinned to the left when the marks grow horizontally,\n // so its title is angled for that side whatever `yAxisOrientation` says.\n const yAxisTitle = resolveYAxisTitle(\n yAxisLabel,\n isHorizontal ? 'left' : primaryOrientation\n );\n const secondaryYAxisTitle = resolveYAxisTitle(\n secondaryYAxisLabel,\n secondaryOrientation\n );\n // Horizontal puts the second scale on a top X axis, where a rotated title\n // would read sideways over the plot.\n const secondaryXAxisTitle = resolveXAxisTitle(\n secondaryYAxisLabel,\n 'insideTop'\n );\n\n const yDomain = resolveAxisDomain(yAxisDomain);\n const secondaryYDomain = resolveAxisDomain(secondaryYAxisDomain);\n\n // Which axis a series (or the grid, or a reference element) binds to. The\n // value axis is Y by default and X when horizontal; the primary one keeps\n // recharts' implicit id `0` — `resolveDefaultProps` fills the `undefined` in —\n // so a series that opts out of the secondary axis passes exactly what it\n // passed before that axis existed.\n const valueAxisBinding = (target: ChartYAxisTarget \| undefined) => {\n const id = target === 'secondary' ? SECONDARY_VALUE_AXIS_ID : undefined;\n return isHorizontal ? { xAxisId: id } : { yAxisId: id };\n };\n // Spread (rather than passed as an `undefined` prop) so the primary case\n // reorders nothing: see the `orientation` note on the primary axis below.\n const orphanedAxisBinding = primaryValueAxisIsOrphaned\n ? valueAxisBinding('secondary')\n : {};\n\n const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n const referenceLines = referenceLine\n ? Array.isArray(referenceLine)\n ? referenceLine\n : [referenceLine]\n : [];\n const referenceAreas = (\n referenceArea\n ? Array.isArray(referenceArea)\n ? referenceArea\n : [referenceArea]\n : []\n )\n .map((area) => ({ area, range: resolveCategoryRange(area, data, xKey) }))\n .filter(\n (\n entry\n ): entry is { area: ComposedChartReferenceArea; range: [number, number] } =>\n entry.range !== undefined\n );\n // A reference rule belongs to one scale, so both halves of it — which keys\n // an `average` pools, and which axis the result is plotted against — have to\n // agree. When the primary axis is orphaned every series is on the secondary\n // one, so that becomes the default rather than leaving `average: true` with\n // an empty key set.\n const defaultReferenceAxis: ChartYAxisTarget = primaryValueAxisIsOrphaned\n ? 'secondary'\n : 'primary';\n const seriesAxisOf = (s: ComposedSeries) => s.yAxis ?? 'primary';\n const seriesAxisByKey = new Map(series.map((s) => [s.key, seriesAxisOf(s)]));\n const seriesKeysOn = (target: ChartYAxisTarget) =>\n series.filter((s) => seriesAxisOf(s) === target).map((s) => s.key);\n const hiddenLegendKeys = new Set(\n series.filter((s) => s.legendType === 'none').map((s) => s.key)\n );\n // The axis position a band/rule is placed at. `?? undefined` because a row\n // whose category cell is null has no position on the axis — recharts types\n // its reference coordinates as `string \| number`.\n const categoryAt = (row: number) => data[row]?.[xKey] ?? undefined;\n\n // Resolved up here, not inside the map, because the plot margin below has to\n // know whether any rule will hang a caption above the plot.\n const resolvedReferenceLines = referenceLines\n .map((line) => {\n // A category rule is placed by the category's own value, so an index\n // bound is resolved back to it first.\n const categoryRange =\n line.category !== undefined\n ? resolveCategoryRange(\n { from: line.category, to: line.category },\n data,\n xKey\n )\n : undefined;\n // An `average` naming one series is read off that series' own scale\n // unless the caller says otherwise; anything else falls back to the\n // chart's default axis.\n const lineAxis =\n line.yAxis ??\n (typeof line.average === 'string'\n ? (seriesAxisByKey.get(line.average) ?? defaultReferenceAxis)\n : defaultReferenceAxis);\n const value = resolveChartReferenceValue(line, data, seriesKeysOn(lineAxis));\n const category = categoryRange\n ? categoryAt(categoryRange[0])\n : undefined;\n // The value position wins when both are given; a category that resolves\n // to nothing (an unknown bound) draws no rule.\n const position =\n value !== undefined\n ? isHorizontal\n ? { x: value }\n : { y: value }\n : category !== undefined\n ? isHorizontal\n ? { y: category }\n : { x: category }\n : undefined;\n // A value rule runs across the value axis, so it is drawn vertical\n // exactly when the values are on X — and a category rule the other way\n // round.\n const isVerticalRule = (value !== undefined) === isHorizontal;\n return { line, lineAxis, position, isVerticalRule };\n })\n .filter(\n (\n entry\n ): entry is typeof entry & { position: Record<string, string \| number> } =>\n entry.position !== undefined\n );\n\n // Line/area series don't clamp their labels to the plot (see\n // CHART_LABEL_MARGIN); a composed chart can hold either. A caller-supplied\n // margin overrides that per side rather than replacing it, so asking for one\n // wider gutter can't silently drop the label headroom.\n const labelMargin = showLabels ? CHART_LABEL_MARGIN : undefined;\n // A vertical rule hangs its caption off the top end, outside the plot, where\n // recharts' 5px inset clips it — the same headroom problem CHART_LABEL_MARGIN\n // solves for data labels, so it is reserved the same way rather than left for\n // the caller to discover and pass a `margin` for.\n const referenceLabelMargin = resolvedReferenceLines.some(\n (entry) => entry.line.label && entry.isVerticalRule\n )\n ? REFERENCE_LABEL_MARGIN\n : undefined;\n const resolvedMargin =\n margin \|\| labelMargin \|\| referenceLabelMargin\n ? {\n ...(margin ? DEFAULT_CHART_MARGIN : {}),\n ...referenceLabelMargin,\n ...labelMargin,\n ...margin,\n }\n : undefined;\n\n // Only the segment at the growing end of a stack rounds its corners — the\n // ones below it butt against the next segment.\n const lastIndexInStack = new Map<string, number>();\n series.forEach((s, index) => {\n if (s.stackId && s.type !== 'line') {\n lastIndexInStack.set(`${s.type}-${s.stackId}`, index);\n }\n });\n\n // Everything from here to the `return` is lifted out of the returned tree\n // only to keep it readable as a flat list of chart children. Nothing in\n // recharts forces the `render` helpers to be plain functions: axes and\n // series register themselves with the chart's store, and `<Cell>` is the\n // only child still looked up by element type — a component wrapper renders\n // fine (see AreaChart's `AreaFillGradients`). They stay functions because\n // they are declared inside the render body, where a component would get a\n // fresh element type on every render and remount its subtree.\n\n // The two orientations stay two whole blocks rather than one parameterised\n // axis pair: they swap which axis is `type=\"number\"` and which carries the\n // categories, and they differ in props recharts treats as present-but-\n // undefined vs absent (see the `orientation` note below), which a shared\n // element would have to reintroduce prop by prop anyway.\n\n // Horizontal marks put the values on X, so the value-axis props\n // (unit/tickCount/domain) belong on the X axis here — recharts ignores them\n // on the category axis.\n const renderHorizontalAxes = () => (\n <>\n <XAxis\n type=\"number\"\n hide={!showXAxis \|\| primaryValueAxisIsOrphaned}\n tickLine={false}\n axisLine={false}\n unit={xUnit}\n tickFormatter={xTickFormatter}\n angle={xAxisAngle}\n interval={xAxisInterval}\n textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n tickCount={yAxisTickCount}\n domain={yDomain}\n height={xAxisHeight}\n label={xAxisTitle}\n />\n <YAxis\n dataKey={xKey}\n type=\"category\"\n hide={!showYAxis}\n // `yAxisOrientation` picks the side of the value* axis, which\n // is X here — a left/right choice it has no room for, and one\n // the secondary axis already spends on the top edge. Moving the\n // category axis with it instead would satisfy the prop name and\n // break its contract, so it stays inert in this orientation.\n tickLine={false}\n axisLine={false}\n tickFormatter={yTickFormatter}\n width={yAxisLabel ? 96 : 80}\n label={yAxisTitle}\n />\n {hasSecondaryValueAxis && (\n <XAxis\n xAxisId={SECONDARY_VALUE_AXIS_ID}\n type=\"number\"\n hide={!showSecondaryYAxis}\n orientation=\"top\"\n tickLine={false}\n axisLine={false}\n unit={secondaryYUnit}\n tickFormatter={secondaryYTickFormatter}\n tickCount={secondaryYAxisTickCount}\n domain={secondaryYDomain}\n label={secondaryXAxisTitle}\n />\n )}\n </>\n );\n\n const renderVerticalAxes = () => (\n <>\n <XAxis\n dataKey={xKey}\n type=\"category\"\n hide={!showXAxis}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n tickFormatter={xTickFormatter}\n angle={xAxisAngle}\n interval={xAxisInterval}\n textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n height={xAxisHeight}\n label={xAxisTitle}\n />\n <YAxis\n type=\"number\"\n hide={!showYAxis \|\| primaryValueAxisIsOrphaned}\n // Spread only when set. `orientation={undefined}` would resolve to the\n // same `left`, but the key's presence moves it ahead of `width` in the\n // props object recharts spreads onto its tick labels — reordering the\n // SVG attributes of every existing chart for no functional gain.\n {...(yAxisOrientation ? { orientation: yAxisOrientation } : {})}\n tickLine={false}\n axisLine={false}\n unit={yUnit}\n tickFormatter={yTickFormatter}\n tickCount={yAxisTickCount}\n domain={yDomain}\n width={yAxisLabel ? 72 : undefined}\n label={yAxisTitle}\n />\n {hasSecondaryValueAxis && (\n <YAxis\n yAxisId={SECONDARY_VALUE_AXIS_ID}\n type=\"number\"\n hide={!showSecondaryYAxis}\n orientation={secondaryOrientation}\n tickLine={false}\n axisLine={false}\n unit={secondaryYUnit}\n tickFormatter={secondaryYTickFormatter}\n tickCount={secondaryYAxisTickCount}\n domain={secondaryYDomain}\n width={secondaryYAxisLabel ? 72 : undefined}\n label={secondaryYAxisTitle}\n />\n )}\n </>\n );\n\n // recharts keeps a `legendType=\"none\"` series in the legend payload (it only\n // drops its icon), so hiding an entry is this filter's job — the same guard\n // `BarChart` applies to its synthetic series. Only wired up when a series\n // asks for it, so every other chart keeps the plain content element.\n const legendContent: LegendContentType =\n hiddenLegendKeys.size > 0\n ? (legendProps) => (\n <ChartLegendContent\n verticalAlign={legendPosition}\n payload={\n legendProps.payload?.filter(\n (item) => !hiddenLegendKeys.has(String(item.dataKey))\n ) as ChartLegendContentProps['payload']\n }\n />\n )\n : <ChartLegendContent verticalAlign={legendPosition} />;\n\n const renderSeries = (s: ComposedSeries, index: number) => {\n const color = s.color ?? `var(--color-${s.key})`;\n const zIndex = SERIES_Z_INDEX_BASE + index;\n const axisBinding = valueAxisBinding(s.yAxis);\n const stackId =\n s.stackId && s.type !== 'line' ? `${s.type}-${s.stackId}` : undefined;\n const seriesFillOpacity = s.fillOpacity ?? fillOpacity;\n const seriesConnectNulls = s.connectNulls ?? connectNulls;\n const seriesShowDots = s.showDots ?? showDots;\n const seriesShowActiveDots = s.showActiveDots ?? showActiveDots;\n const seriesLegendType = s.legendType ? { legendType: s.legendType } : {};\n // A stacked segment has no free space at its growing end (the next\n // segment is drawn there), so its labels centre in their own\n // segment instead.\n const seriesLabelPosition = resolveCartesianLabelPosition({\n labelPosition,\n isStacked: stackId !== undefined,\n growingEnd: isHorizontal ? 'right' : 'top',\n });\n const label = showLabels ? (\n <LabelList\n dataKey={s.key}\n position={seriesLabelPosition}\n formatter={toLabelFormatter(labelFormatter)}\n className={resolveLabelFillClass(seriesLabelPosition, {\n translucentSeries: s.type === 'area',\n })}\n fontSize={CHART_LABEL_FONT_SIZE}\n />\n ) : null;\n\n if (s.type === 'bar') {\n const radius = s.barRadius ?? barRadius;\n const rounded =\n stackId === undefined \|\| lastIndexInStack.get(stackId) === index;\n const barBackground = s.showBackground ?? showBackground;\n // recharts spreads the active option over the bar's own props, so\n // an explicit `undefined` fill would wipe the series color (an\n // unfilled path paints black) — only dim it.\n const barActive = s.showActiveBar ?? showActiveBar;\n return (\n <Bar\n key={s.key}\n dataKey={s.key}\n {...axisBinding}\n fill={color}\n radius={\n radius > 0 && rounded\n ? isHorizontal\n ? [0, radius, radius, 0]\n : [radius, radius, 0, 0]\n : undefined\n }\n zIndex={zIndex}\n {...(stackId ? { stackId } : {})}\n {...(s.barSize !== undefined ? { barSize: s.barSize } : {})}\n {...(s.fillOpacity !== undefined\n ? { fillOpacity: s.fillOpacity }\n : {})}\n // A bar has no outline of its own, so a dash pattern brings\n // one with it — in the series colour, at the series' stroke\n // width if it set one.\n {...(s.strokeDasharray !== undefined\n ? {\n stroke: color,\n strokeDasharray: s.strokeDasharray,\n ...(s.strokeWidth !== undefined\n ? { strokeWidth: s.strokeWidth }\n : {}),\n }\n : {})}\n {...(barBackground ? { background: { fill: backgroundFill } } : {})}\n {...(barActive\n ? { activeBar: { fillOpacity: ACTIVE_BAR_FILL_OPACITY } }\n : {})}\n {...seriesLegendType}\n {...animation}\n >\n {label}\n </Bar>\n );\n }\n if (s.type === 'area') {\n const width = s.strokeWidth ?? strokeWidth;\n const areaStrokeWidth =\n width !== undefined ? { strokeWidth: width } : {};\n return (\n <Area\n key={s.key}\n type={s.curve ?? curve}\n dataKey={s.key}\n {...axisBinding}\n stroke={color}\n fill={color}\n fillOpacity={seriesFillOpacity}\n zIndex={zIndex}\n {...(stackId ? { stackId } : {})}\n // Areas keep recharts' own thinner outline unless a width is\n // asked for: the chart-level default exists for the lines,\n // where 2px is this suite's stroke.\n {...areaStrokeWidth}\n {...(s.strokeDasharray !== undefined\n ? { strokeDasharray: s.strokeDasharray }\n : {})}\n dot={seriesShowDots ? { r: 3 } : false}\n {...(seriesShowActiveDots !== undefined\n ? { activeDot: seriesShowActiveDots ? { r: 5 } : false }\n : {})}\n connectNulls={seriesConnectNulls}\n {...seriesLegendType}\n {...animation}\n >\n {label}\n </Area>\n );\n }\n return (\n <Line\n key={s.key}\n type={s.curve ?? curve}\n dataKey={s.key}\n {...axisBinding}\n stroke={color}\n strokeWidth={s.strokeWidth ?? strokeWidth ?? 2}\n dot={seriesShowDots ? { r: 3 } : false}\n zIndex={zIndex}\n {...(s.strokeDasharray !== undefined\n ? { strokeDasharray: s.strokeDasharray }\n : {})}\n {...(seriesShowActiveDots !== undefined\n ? { activeDot: seriesShowActiveDots ? { r: 5 } : false }\n : {})}\n connectNulls={seriesConnectNulls}\n {...seriesLegendType}\n {...animation}\n >\n {label}\n </Line>\n );\n };\n\n const renderReferenceArea = (\n { area, range }: (typeof referenceAreas)[number],\n index: number\n ) => {\n const [start, end] = range;\n return (\n <ReferenceArea\n key={`${area.label ?? 'area'}-${index}`}\n {...orphanedAxisBinding}\n // Bands run along the category axis: X by default, Y when the\n // marks grow horizontally.\n {...(isHorizontal\n ? { y1: categoryAt(start), y2: categoryAt(end) }\n : { x1: categoryAt(start), x2: categoryAt(end) })}\n fill=\"var(--ui-background-surface-secondary)\"\n fillOpacity={0.6}\n zIndex={REFERENCE_AREA_Z_INDEX}\n ifOverflow=\"extendDomain\"\n label={\n area.label\n ? {\n value: area.label,\n position: 'insideTop',\n fill: 'var(--ui-text-on-surface-secondary)',\n fontSize: 12,\n }\n : undefined\n }\n />\n );\n };\n\n const renderReferenceLine = (\n {\n line,\n lineAxis,\n position,\n isVerticalRule,\n }: (typeof resolvedReferenceLines)[number],\n index: number\n ) => (\n <ReferenceLine\n key={`${line.label ?? 'ref'}-${index}`}\n // Binding to an id no axis declares makes recharts invent an\n // implicit one (see `hasSecondaryValueAxis`), so the request is\n // only honored once a series has brought that axis into being.\n {...(lineAxis === 'secondary' && hasSecondaryValueAxis\n ? valueAxisBinding('secondary')\n : {})}\n {...position}\n // Caption at the top of the rule by default: above the right\n // end of a horizontal one, above the top of a vertical one\n // (which the plot margin reserves room for — see\n // REFERENCE_LABEL_MARGIN). A config's own `labelPosition`\n // overrides that, as on the other cartesian charts.\n {...resolveReferenceLineProps(\n line.label,\n line.labelPosition ?? (isVerticalRule ? 'top' : 'insideTopRight')\n )}\n />\n );\n\n return (\n <div\n ref={ref}\n data-orientation={orientation}\n className={cn(composedChartVariants({ orientation }), className)}\n {...props}\n >\n <ChartContainer\n config={config}\n className=\"size-full [&_.recharts-label]:fill-foreground\"\n >\n <RechartsComposedChart\n data={data as readonly unknown[]}\n layout={isHorizontal ? 'vertical' : 'horizontal'}\n barSize={barSize}\n barGap={barGap}\n barCategoryGap={barCategoryGap}\n margin={resolvedMargin}\n >\n {showGrid && (\n <CartesianGrid\n // Spread only when the primary axis has no series (see above) —\n // an explicit `undefined` id resolves to the same `0` but\n // reorders the grid's SVG attributes on every existing chart.\n {...orphanedAxisBinding}\n horizontal={gridHorizontal ?? !isHorizontal}\n vertical={gridVertical ?? isHorizontal}\n strokeDasharray={gridDashed ? '3 3' : undefined}\n />\n )}\n {isHorizontal ? renderHorizontalAxes() : renderVerticalAxes()}\n {showTooltip && (\n <ChartTooltip\n {...(tooltipCursor ? {} : { cursor: false })}\n content={tooltipContent ?? <ChartTooltipContent />}\n />\n )}\n {showLegend && (\n <ChartLegend\n verticalAlign={legendPosition}\n content={legendContent}\n />\n )}\n {/* Rendered back-to-front in the caller's `series` order — later\n entries sit on top. Order them so thin marks (a line) come after\n the areas/bars they should overlay. */}\n {series.map(renderSeries)}\n {referenceAreas.map(renderReferenceArea)}\n {resolvedReferenceLines.map(renderReferenceLine)}\n {showBrush && (\n <Brush\n dataKey={xKey}\n // The brush slices rows by index, so its captions come from\n // whichever axis holds the categories — Y when horizontal.\n tickFormatter={isHorizontal ? yTickFormatter : xTickFormatter}\n {...resolveBrushProps({ brushHeight, brushAriaLabel })}\n />\n )}\n </RechartsComposedChart>\n </ChartContainer>\n </div>\n );\n }\n);\nComposedChart.displayName = 'ComposedChart';\n\nexport { ComposedChart, composedChartVariants };\n"],"names":["composedChartVariants","cva","SERIES_Z_INDEX_BASE","REFERENCE_AREA_Z_INDEX","SECONDARY_VALUE_AXIS_ID","DEFAULT_CHART_MARGIN","ACTIVE_BAR_FILL_OPACITY","REFERENCE_LABEL_MARGIN","ComposedChart","React","className","config","data","series","xKey","referenceLine","referenceArea","orientation","xAxisLabel","yAxisLabel","xUnit","yUnit","curve","barRadius","barSize","barGap","barCategoryGap","showBackground","backgroundFill","showActiveBar","fillOpacity","strokeWidth","showDots","showActiveDots","connectNulls","margin","showGrid","showTooltip","tooltipCursor","showLegend","legendPosition","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","yAxisOrientation","showSecondaryYAxis","secondaryYAxisLabel","secondaryYUnit","secondaryYTickFormatter","secondaryYAxisTickCount","secondaryYAxisDomain","gridDashed","gridHorizontal","gridVertical","tooltipContent","animate","animationDuration","animationBegin","animationEasing","showLabels","labelPosition","labelFormatter","showBrush","brushHeight","brushAriaLabel","props","ref","animation","resolveAnimation","isHorizontal","xAxisTitle","resolveXAxisTitle","hasSecondaryValueAxis","s","hasPrimarySeries","primaryValueAxisIsOrphaned","primaryOrientation","secondaryOrientation","yAxisTitle","resolveYAxisTitle","secondaryYAxisTitle","secondaryXAxisTitle","yDomain","resolveAxisDomain","secondaryYDomain","valueAxisBinding","target","id","orphanedAxisBinding","xAxisHeight","resolveXAxisHeight","referenceLines","referenceAreas","area","resolveCategoryRange","entry","defaultReferenceAxis","seriesAxisOf","seriesAxisByKey","seriesKeysOn","hiddenLegendKeys","categoryAt","row","_a","resolvedReferenceLines","line","categoryRange","lineAxis","value","resolveChartReferenceValue","category","labelMargin","CHART_LABEL_MARGIN","referenceLabelMargin","resolvedMargin","lastIndexInStack","index","renderHorizontalAxes","jsxs","Fragment","jsx","XAxis","resolveRotatedTickAnchor","YAxis","renderVerticalAxes","legendContent","legendProps","ChartLegendContent","item","renderSeries","color","zIndex","axisBinding","stackId","seriesFillOpacity","seriesConnectNulls","seriesShowDots","seriesShowActiveDots","seriesLegendType","seriesLabelPosition","resolveCartesianLabelPosition","label","LabelList","toLabelFormatter","resolveLabelFillClass","CHART_LABEL_FONT_SIZE","radius","rounded","barBackground","barActive","Bar","width","areaStrokeWidth","Area","Line","renderReferenceArea","range","start","end","ReferenceArea","renderReferenceLine","position","isVerticalRule","ReferenceLine","resolveReferenceLineProps","cn","ChartContainer","RechartsComposedChart","CartesianGrid","ChartTooltip","ChartTooltipContent","ChartLegend","Brush","resolveBrushProps"],"mappings":"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"}

package/dist/components/ui/confidence-cone/confidence-cone.js CHANGED Viewed

@@ -1,195 +1,329 @@
-import { jsx as e, jsxs as M } from "react/jsx-runtime";
-import * as c from "react";
-import { ComposedChart as X, CartesianGrid as Y, XAxis as z, YAxis as G, ReferenceArea as S, ReferenceLine as q, Area as T, Line as F } from "recharts";
-import { cn as H } from "../../../lib/utils.js";
-import { ChartContainer as I, ChartTooltip as b, ChartTooltipContent as J, ChartLegend as P, ChartLegendContent as Q } from "../chart/chart.js";
-const u = "__cone";
-function m(t) {
-  return t == null ? void 0 : t.filter((a) => a.dataKey !== u);
+import { jsx as r, jsxs as x, Fragment as E } from "react/jsx-runtime";
+import * as m from "react";
+import { ComposedChart as Fe, CartesianGrid as Ke, Text as Re, XAxis as Le, YAxis as Ne, ReferenceArea as Me, ReferenceLine as B, Area as z, Line as H } from "recharts";
+import { cn as Oe } from "../../../lib/utils.js";
+import { resolveAnimation as Xe, resolveRotatedTickAnchor as _e, CHART_LABEL_FONT_SIZE as Se, resolveXAxisTitle as Ee, resolveXAxisHeight as Be, resolveYAxisTitle as ze, resolveAxisDomain as He } from "../chart/chart-format.js";
+import { ChartContainer as je, ChartTooltip as j, ChartTooltipContent as we, ChartLegend as Ie, ChartLegendContent as Pe } from "../chart/chart.js";
+const w = "__cone", A = (t) => `${w}:${t}`;
+function I(t) {
+  return t == null ? void 0 : t.filter(
+    (o) => !(typeof o.dataKey == "string" && o.dataKey.startsWith(w))
+  );
 }
-function U(t) {
+function We(t, o) {
+  return t == null ? void 0 : t.filter(
+    (n) => typeof n.dataKey == "string" && o.includes(n.dataKey)
+  );
+}
+function Ye(t) {
   return function(n) {
-    const r = {
+    const l = {
       ...n,
-      payload: m(n.payload)
+      payload: I(n.payload)
     };
-    return typeof t == "function" ? c.createElement(
+    return typeof t == "function" ? m.createElement(
       t,
-      r
-    ) : c.cloneElement(t, r);
+      l
+    ) : m.cloneElement(t, l);
+  };
+}
+function Ge(t, o, n) {
+  return t.filter((l) => o.some(({ forecastKey: c }) => typeof l[c] == "number")).map((l) => l[n]);
+}
+function Ze(t, o, n) {
+  return function({
+    payload: c,
+    index: v,
+    ...y
+  }) {
+    const f = c == null ? void 0 : c.value;
+    return /* @__PURE__ */ r(
+      Re,
+      {
+        ...y,
+        style: f != null && t.has(f) ? { fontStyle: "italic", fill: o } : void 0,
+        children: n && f != null ? n(f, v) : f
+      }
+    );
   };
 }
-const V = c.forwardRef(
+const qe = m.forwardRef(
   ({
     className: t,
-    config: a,
+    config: o,
     data: n,
-    xKey: r,
-    actualKey: i,
-    forecastKey: p,
-    lowerKey: x,
-    upperKey: D,
-    xAxisLabel: s,
-    yAxisLabel: f,
-    yUnit: N,
-    strokeWidth: v = 2,
-    showForecastRegion: L = !0,
-    showGrid: O = !0,
-    showTooltip: R = !0,
-    showLegend: _ = !0,
-    tooltipContent: d,
-    ...$
-  }, B) => {
-    var C, g;
-    const y = c.useMemo(
-      () => d ? U(d) : void 0,
-      [d]
-    ), E = s ? { value: s, position: "insideBottom", offset: 0 } : void 0, j = f ? {
-      value: f,
-      angle: -90,
-      position: "insideLeft",
-      style: { textAnchor: "middle" }
-    } : void 0, w = n.map((o) => {
-      const A = o[x], k = o[D];
-      return {
-        ...o,
-        [u]: typeof A == "number" && typeof k == "number" ? [A, k] : void 0
-      };
-    }), l = L ? (C = n.find((o) => typeof o[p] == "number")) == null ? void 0 : C[r] : void 0, h = (g = n[n.length - 1]) == null ? void 0 : g[r];
-    return /* @__PURE__ */ e("div", { ref: B, className: H(t), ...$, children: /* @__PURE__ */ e(
-      I,
+    xKey: l,
+    series: c,
+    actualKey: v,
+    forecastKey: y,
+    lowerKey: f,
+    upperKey: C,
+    xAxisLabel: $,
+    yAxisLabel: D,
+    yUnit: P,
+    actualType: F = "area",
+    strokeWidth: K = 2,
+    showDots: p = !1,
+    styleForecastTicks: W = !1,
+    referenceLine: h,
+    showForecastRegion: Y = !0,
+    showGrid: G = !0,
+    showTooltip: Z = !0,
+    showLegend: q = !0,
+    showXAxis: J = !0,
+    showYAxis: Q = !0,
+    xTickFormatter: R,
+    yTickFormatter: U,
+    xAxisAngle: g,
+    xAxisInterval: V,
+    yAxisTickCount: ee,
+    yAxisDomain: te,
+    gridDashed: re,
+    gridHorizontal: oe,
+    gridVertical: ne,
+    tooltipContent: T,
+    animate: ae,
+    animationDuration: le,
+    animationBegin: ce,
+    animationEasing: ie,
+    ...se
+  }, ue) => {
+    var O, X;
+    const s = m.useMemo(() => c != null && c.length ? c : !v || !y ? [] : [{ actualKey: v, forecastKey: y, lowerKey: f, upperKey: C }], [c, v, y, f, C]), b = Xe({
+      animate: ae,
+      animationDuration: le,
+      animationBegin: ce,
+      animationEasing: ie
+    }), L = m.useMemo(
+      () => T ? Ye(T) : void 0,
+      [T]
+    ), fe = Ee($), de = ze(D), me = He(te), ve = m.useMemo(() => {
+      let e;
+      for (const { actualKey: a, forecastKey: i } of s) {
+        const u = o[a], d = o[i];
+        !u || !d || (e ?? (e = { ...o }), e[i] = {
+          label: d.label,
+          icon: d.icon,
+          ...u.theme ? { theme: u.theme } : { color: u.color }
+        });
+      }
+      return e ?? o;
+    }, [o, s]), ye = Be($, g), pe = n.map((e) => {
+      const a = { ...e };
+      for (const { actualKey: i, lowerKey: u, upperKey: d } of s) {
+        if (!u || !d) continue;
+        const _ = e[u], S = e[d];
+        a[A(i)] = typeof _ == "number" && typeof S == "number" ? [_, S] : void 0;
+      }
+      return a;
+    }), N = Ge(n, s, l), k = Y ? N[0] : void 0, M = (O = n[n.length - 1]) == null ? void 0 : O[l], he = Ze(
+      new Set(N),
+      `var(--color-${(X = s[0]) == null ? void 0 : X.actualKey})`,
+      R
+    ), ke = h ? Array.isArray(h) ? h : [h] : [], ge = () => /* @__PURE__ */ x(E, { children: [
+      /* @__PURE__ */ r(
+        Le,
+        {
+          dataKey: l,
+          type: "category",
+          hide: !J,
+          tickLine: !1,
+          axisLine: !1,
+          tickMargin: 8,
+          tickFormatter: R,
+          tick: W ? he : void 0,
+          angle: g,
+          interval: V,
+          textAnchor: _e(g),
+          height: ye,
+          label: fe
+        }
+      ),
+      /* @__PURE__ */ r(
+        Ne,
+        {
+          type: "number",
+          hide: !Q,
+          tickLine: !1,
+          axisLine: !1,
+          unit: P,
+          tickFormatter: U,
+          tickCount: ee,
+          domain: me,
+          width: D ? 72 : void 0,
+          label: de
+        }
+      )
+    ] }), Te = () => /* @__PURE__ */ x(E, { children: [
+      k != null && M != null && /* @__PURE__ */ r(
+        Me,
+        {
+          x1: k,
+          x2: M,
+          fill: "var(--ui-background-surface-secondary)",
+          fillOpacity: 0.5,
+          ifOverflow: "extendDomain"
+        }
+      ),
+      k != null && /* @__PURE__ */ r(
+        B,
+        {
+          x: k,
+          stroke: "var(--ui-border-on-surface-border)",
+          strokeDasharray: "4 4"
+        }
+      )
+    ] }), be = (e, a) => /* @__PURE__ */ r(
+      B,
       {
-        config: a,
+        y: e.value,
+        stroke: "var(--ui-text-on-surface-secondary)",
+        strokeDasharray: "4 4",
+        ifOverflow: "extendDomain",
+        label: e.label ? {
+          value: e.label,
+          position: "insideTopRight",
+          fill: "var(--ui-text-on-surface-secondary)",
+          fontSize: Se
+        } : void 0
+      },
+      `${e.label ?? "threshold"}-${a}`
+    ), xe = () => L ? (
+      // Strips the synthetic band before the caller's tooltip sees it — the
+      // `__cone` series feeds the Area, not the tooltip.
+      /* @__PURE__ */ r(j, { content: L })
+    ) : /* @__PURE__ */ r(
+      j,
+      {
+        content: (e) => /* @__PURE__ */ r(
+          we,
+          {
+            active: e.active,
+            label: e.label,
+            payload: I(e.payload)
+          }
+        )
+      }
+    ), Ae = () => /* @__PURE__ */ r(
+      Ie,
+      {
+        content: (e) => /* @__PURE__ */ r(
+          Pe,
+          {
+            verticalAlign: e.verticalAlign,
+            payload: We(
+              e.payload,
+              s.map((a) => a.actualKey)
+            )
+          }
+        )
+      }
+    ), Ce = ({
+      actualKey: e,
+      lowerKey: a,
+      upperKey: i
+    }) => a && i ? /* @__PURE__ */ r(
+      z,
+      {
+        "data-slot": "confidence-cone-band",
+        dataKey: A(e),
+        type: "monotone",
+        stroke: "none",
+        fill: `var(--color-${e})`,
+        fillOpacity: 0.15,
+        connectNulls: !1,
+        dot: !1,
+        activeDot: !1,
+        ...b,
+        legendType: "none",
+        tooltipType: "none"
+      },
+      A(e)
+    ) : null, $e = ({ actualKey: e }) => {
+      const a = F === "line" ? H : z, i = F === "line" ? void 0 : { fill: `var(--color-${e})`, fillOpacity: 0.15 }, u = p ? {
+        r: 3,
+        fill: `var(--color-${e})`,
+        fillOpacity: 1,
+        stroke: `var(--color-${e})`,
+        strokeWidth: 2
+      } : !1;
+      return /* @__PURE__ */ r(
+        a,
+        {
+          dataKey: e,
+          type: "monotone",
+          stroke: `var(--color-${e})`,
+          strokeWidth: K,
+          ...i,
+          dot: u,
+          activeDot: p ? { r: 5 } : !1,
+          connectNulls: !0,
+          ...b,
+          legendType: "rect"
+        },
+        e
+      );
+    }, De = ({
+      actualKey: e,
+      forecastKey: a
+    }) => {
+      const i = p ? {
+        r: 3,
+        fill: "var(--ui-background-surface-primary)",
+        stroke: `var(--color-${e})`,
+        strokeWidth: 2,
+        strokeDasharray: "none"
+      } : !1;
+      return /* @__PURE__ */ r(
+        H,
+        {
+          dataKey: a,
+          type: "monotone",
+          stroke: `var(--color-${e})`,
+          strokeWidth: K,
+          strokeDasharray: "5 5",
+          dot: i,
+          activeDot: p ? { r: 5 } : !1,
+          connectNulls: !0,
+          ...b
+        },
+        a
+      );
+    };
+    return /* @__PURE__ */ r("div", { ref: ue, className: Oe(t), ...se, children: /* @__PURE__ */ r(
+      je,
+      {
+        config: ve,
         className: "size-full [&_.recharts-label]:fill-foreground",
-        children: /* @__PURE__ */ M(X, { data: w, children: [
-          O && /* @__PURE__ */ e(Y, { vertical: !1 }),
-          /* @__PURE__ */ e(
-            z,
+        children: /* @__PURE__ */ x(Fe, { data: pe, children: [
+          G && /* @__PURE__ */ r(
+            Ke,
             {
-              dataKey: r,
-              type: "category",
-              tickLine: !1,
-              axisLine: !1,
-              tickMargin: 8,
-              height: s ? 48 : void 0,
-              label: E
+              horizontal: oe ?? !0,
+              vertical: ne ?? !1,
+              strokeDasharray: re ? "3 3" : void 0
             }
           ),
-          /* @__PURE__ */ e(
-            G,
-            {
-              type: "number",
-              tickLine: !1,
-              axisLine: !1,
-              unit: N,
-              width: f ? 72 : void 0,
-              label: j
-            }
-          ),
-          l != null && h != null && /* @__PURE__ */ e(
-            S,
-            {
-              x1: l,
-              x2: h,
-              fill: "var(--ui-background-surface-secondary)",
-              fillOpacity: 0.5,
-              ifOverflow: "extendDomain"
-            }
-          ),
-          l != null && /* @__PURE__ */ e(
-            q,
-            {
-              x: l,
-              stroke: "var(--ui-border-on-surface-border)",
-              strokeDasharray: "4 4"
-            }
-          ),
-          R && (y ? (
-            // Strips the synthetic band before the caller's tooltip sees it
-            // — the `__cone` series feeds the Area, not the tooltip.
-            /* @__PURE__ */ e(b, { content: y })
-          ) : /* @__PURE__ */ e(
-            b,
-            {
-              content: (o) => /* @__PURE__ */ e(
-                J,
-                {
-                  active: o.active,
-                  label: o.label,
-                  payload: m(
-                    o.payload
-                  )
-                }
-              )
-            }
-          )),
-          _ && /* @__PURE__ */ e(
-            P,
-            {
-              content: (o) => /* @__PURE__ */ e(
-                Q,
-                {
-                  verticalAlign: o.verticalAlign,
-                  payload: m(
-                    o.payload
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            T,
-            {
-              dataKey: u,
-              type: "monotone",
-              stroke: "none",
-              fill: `var(--color-${i})`,
-              fillOpacity: 0.15,
-              connectNulls: !1,
-              dot: !1,
-              activeDot: !1,
-              isAnimationActive: !1,
-              legendType: "none",
-              tooltipType: "none"
-            }
-          ),
-          /* @__PURE__ */ e(
-            T,
-            {
-              dataKey: i,
-              type: "monotone",
-              stroke: `var(--color-${i})`,
-              strokeWidth: v,
-              fill: `var(--color-${i})`,
-              fillOpacity: 0.15,
-              dot: !1,
-              activeDot: !1,
-              connectNulls: !0,
-              isAnimationActive: !1
-            }
-          ),
-          /* @__PURE__ */ e(
-            F,
-            {
-              dataKey: p,
-              type: "monotone",
-              stroke: `var(--color-${i})`,
-              strokeWidth: v,
-              strokeDasharray: "5 5",
-              dot: !1,
-              connectNulls: !0,
-              isAnimationActive: !1
-            }
-          )
+          ge(),
+          Te(),
+          ke.map(be),
+          Z && xe(),
+          q && Ae(),
+          s.map(Ce),
+          s.map($e),
+          s.map(De)
         ] })
       }
     ) });
   }
 );
-V.displayName = "ConfidenceCone";
+qe.displayName = "ConfidenceCone";
 export {
-  V as ConfidenceCone,
-  U as createConeTooltip,
-  m as dropConeBand
+  qe as ConfidenceCone,
+  Ye as createConeTooltip,
+  Ze as createForecastTick,
+  I as dropConeBand,
+  Ge as forecastPeriodX,
+  We as keepMetricSeries
 };
 //# sourceMappingURL=confidence-cone.js.map