@acronis-platform/ui-react 5.5.0 → 5.5.2

package/dist/components/ui/chart/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":[],"sources":["../../../../src/components/ui/chart/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\nimport {\n  NameType,\n  Payload,\n  ValueType,\n} from 'recharts/types/component/DefaultTooltipContent';\nimport type { Props as LegendProps } from 'recharts/types/component/Legend';\nimport { TooltipContentProps } from 'recharts/types/component/Tooltip';\n\nimport { cn } from '@/lib/utils';\nimport { TruncateText } from '../truncate-text';\nimport {\n  CHART_DEFAULT_PALETTE,\n  CHART_DIVERGING_TOKENS,\n  CHART_STATUS_TOKENS,\n  resolveSeriesColor,\n  type ChartDivergingSide,\n  type ChartPalette,\n  type ChartSeriesTone,\n} from './chart-palette';\n\n/**\n * Normalize a config key / data name to a CSS-safe custom-property fragment.\n *\n * A `--color-<key>` custom property is invalid when `key` contains a space or\n * other ASCII special character — the browser discards it, and the element\n * falls back to SVG's default black. This function replaces every invalid ASCII\n * character with a hyphen, collapses runs, and trims leading/trailing hyphens.\n *\n * Non-ASCII code points (U+0080+) are **preserved**: CSS Syntax Level 3\n * §4.3.7 classifies them as valid ident-code-points, so `--color-日本` and\n * `--color-Москва` are legal custom properties. Replacing them would collapse\n * all-non-ASCII keys to the empty string and silently make distinct series\n * collide on `--color-`.\n *\n * For an already-CSS-safe key (ASCII letters, digits, `-`, `_`) the output is\n * identical (identity), so existing consumers are unaffected. If the entire\n * input collapses to an empty string (e.g. all ASCII special characters),\n * `--color-` is produced — an edge case with no worse outcome than before.\n *\n * The dev-mode warning fires **once per unique unsanitized key** per page load,\n * so render loops (hover, re-render) do not flood the console.\n */\n// Tracks keys that have already triggered a dev warning — one per page load.\nconst _toCssKeyWarned = new Set<string>();\n\nexport function toCssKey(key: string): string {\n  // Only strip ASCII characters that are not valid CSS ident chars.\n  // U+0080+ are preserved — they are valid per CSS Syntax L3 §4.3.7.\n  const safe = key\n    .replace(/[^€-￿a-zA-Z0-9_-]/g, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-|-$/g, '');\n\n  if (process.env.NODE_ENV !== 'production' && safe !== key && !_toCssKeyWarned.has(key)) {\n    _toCssKeyWarned.add(key);\n    console.warn(\n      `[ui-react] Chart config key \"${key}\" is not CSS-safe and was sanitized to \"${safe}\". ` +\n        `Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`\n    );\n  }\n\n  return safe;\n}\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n    /**\n     * Which stop of the container's `palette` this series paints with. Left\n     * unset, it is assigned from the series' position. See `ChartSeriesTone`.\n     *\n     * There is deliberately no free-form `color` here: every series colour\n     * comes from the chart's palette, so a chart cannot paint a hue the design\n     * system does not define. Pick a different palette on `ChartContainer`, or\n     * a different stop of it with this.\n     */\n    tone?: ChartSeriesTone;\n  };\n};\n\n/**\n * A `ChartConfig` with every series' palette colour filled in. This is what the\n * container puts on the context, so the plot, the tooltip rows and the legend\n * markers all read the same resolved colour.\n */\nexport type ResolvedChartConfig = {\n  [k in string]: ChartConfig[string] & { color: string };\n};\n\n/**\n * Resolve each series' colour out of `palette` — in the palette's defined\n * order, honouring any `tone` a series named.\n *\n * Exported for tests and for the widget editor, which needs the same resolved\n * map to detect duplicate colours (`findDuplicateTones`) without re-deriving it.\n */\nexport function resolveChartColors(\n  config: ChartConfig,\n  palette: ChartPalette\n): ResolvedChartConfig {\n  const entries = Object.entries(config);\n\n  // An aliased series (`tone: { sameAs }`) doesn't take a stop of its own — it\n  // is the same metric drawn a second way, so it must not consume a colour or\n  // shift the series after it along the palette.\n  const isAlias = (item: ChartConfig[string]) => Boolean(item.tone?.sameAs);\n  const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n  // Warn about overrides that are meaningless under a diverging palette.\n  // resolveSeriesColor issues the same warnings for every other palette type,\n  // but the diverging branch below bypasses it, so we replicate the check here\n  // to preserve the documented dev-warning contract (see ChartSeriesTone).\n  const warnDivergingMismatch = (tone: ChartSeriesTone | undefined) => {\n    if (process.env.NODE_ENV !== 'production' && tone) {\n      if (tone.status) {\n        console.warn(\n          `[ui-react] A chart series names a status (\"${tone.status}\") under the \"diverging\" palette, which has no status tones. Ignoring.`\n        );\n      } else if (typeof tone.slot === 'number') {\n        console.warn(\n          `[ui-react] A chart series pins slot ${tone.slot} under the \"diverging\" palette, whose stops are a ramp and are not individually selectable. Ignoring.`\n        );\n      }\n    }\n  };\n\n  if (palette.type === 'diverging') {\n    const interleavedStops = CHART_DIVERGING_TOKENS[palette.pair];\n    // Derive each side's three stops from the interleaved ramp (a at even\n    // indices, b at odd indices): a3, a2, a1 and b3, b2, b1.\n    const sideStops: Record<ChartDivergingSide, readonly string[]> = {\n      a: [interleavedStops[0], interleavedStops[2], interleavedStops[4]],\n      b: [interleavedStops[1], interleavedStops[3], interleavedStops[5]],\n    };\n\n    // First pass: assign sided series — group by side, each group walks its\n    // side's three stops strongest-first, wrapping if there are more than three.\n    const sideCounters: Record<ChartDivergingSide, number> = { a: 0, b: 0 };\n    const takenStops = new Set<string>();\n    for (const [key, item] of entries) {\n      if (isAlias(item) || !item.tone?.side) continue;\n      warnDivergingMismatch(item.tone);\n      const side = item.tone.side;\n      const stops = sideStops[side];\n      const stop = stops[sideCounters[side]++ % stops.length];\n      takenStops.add(stop);\n      resolved[key] = { ...item, color: stop };\n    }\n\n    // Second pass: assign un-sided series from the remaining interleaved stops,\n    // skipping any stop already claimed by a sided series. Fall back to the\n    // full interleaved ramp if all stops were consumed.\n    const available = interleavedStops.filter((s) => !takenStops.has(s));\n    const pool = available.length > 0 ? available : interleavedStops;\n    let unsidedIdx = 0;\n    for (const [key, item] of entries) {\n      if (isAlias(item) || item.tone?.side) continue;\n      warnDivergingMismatch(item.tone);\n      resolved[key] = { ...item, color: pool[unsidedIdx++ % pool.length] };\n    }\n  } else {\n    let index = 0;\n    for (const [key, item] of entries) {\n      if (isAlias(item)) continue;\n      resolved[key] = {\n        ...item,\n        color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\n      };\n    }\n  }\n\n  // An alias may point at another alias, in any order, so a single pass over\n  // the aliases can miss a chain that is fully resolvable. Keep sweeping the\n  // pending set until nothing more resolves; what is left is a cycle or a\n  // target that isn't in this config at all.\n  const pending = new Map<string, string>();\n  for (const [key, item] of entries) {\n    if (isAlias(item)) {\n      pending.set(key, item.tone!.sameAs as string);\n    }\n  }\n\n  let changed = true;\n  while (changed && pending.size > 0) {\n    changed = false;\n    for (const [key, target] of pending) {\n      const targetColor = resolved[target]?.color;\n      if (targetColor !== undefined) {\n        resolved[key] = { ...config[key], color: targetColor };\n        pending.delete(key);\n        changed = true;\n      }\n    }\n  }\n\n  for (const [key, target] of pending) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        `[ui-react] Chart series \"${key}\" aliases \"${target}\", which is not a palette-assigned series in this config. Falling back to neutral.`\n      );\n    }\n    resolved[key] = { ...config[key], color: CHART_STATUS_TOKENS.neutral };\n  }\n\n  // Rebuilt in the config's own order: the passes above visit non-aliases\n  // first, and callers (legend order, `Object.entries` consumers) rely on the\n  // order they wrote.\n  return Object.fromEntries(entries.map(([key]) => [key, resolved[key]]));\n}\n\ntype ChartContextProps = {\n  config: ResolvedChartConfig;\n};\n\nexport type ChartTooltipContentProps = Partial<\n  TooltipContentProps<ValueType, NameType>\n> & {\n  className?: string;\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  nameKey?: string;\n  labelKey?: string;\n  labelFormatter?: (\n    label: TooltipContentProps<number, string>['label'],\n    payload: TooltipContentProps<number, string>['payload']\n  ) => React.ReactNode;\n  formatter?: (\n    value: number | string,\n    name: string,\n    item: Payload<number | string, string>,\n    index: number,\n    payload: ReadonlyArray<Payload<number | string, string>>\n  ) => React.ReactNode;\n  labelClassName?: string;\n  color?: string;\n};\n\n/**\n * The legend text-size scale. `xs` is the size the legend has always rendered\n * at; the rest of the steps follow Tailwind's `text-*` scale.\n */\nexport type ChartLegendFontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';\n\n// A static lookup rather than a `text-${size}` template: Tailwind only emits a\n// utility it can read verbatim in the source.\nconst legendFontSizeClass: Record<ChartLegendFontSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n};\n\nexport type ChartLegendContentProps = {\n  className?: string;\n  hideIcon?: boolean;\n  verticalAlign?: LegendProps['verticalAlign'];\n  payload?: LegendPayload[];\n  nameKey?: string;\n  /**\n   * Font size of the legend text — labels, and the right-hand values of the\n   * `list` variant. Defaults to `'xs'`, the size the legend has always\n   * rendered at.\n   */\n  fontSize?: ChartLegendFontSize;\n  /**\n   * The series config the entries take their labels and icons from. Defaults to\n   * the enclosing `ChartContainer`'s — pass it only to render the legend *outside*\n   * the container, which a chart type has to do when the renderer can't lay a\n   * legend out inside its plot (see `Treemap`).\n   */\n  config?: ChartConfig;\n  /**\n   * `default` — the current horizontal wrap layout (one row of chips).\n   * `list` — a vertical list where each entry is `[dot] [label flex-1] [value]`,\n   * matching the Figma donut/radial widget legend. Use alongside a manually-built\n   * `payload` passed from outside the chart's recharts composition.\n   */\n  variant?: 'default' | 'list';\n  /**\n   * When `variant=\"list\"`, the field on `payload[i].payload` to display as the\n   * right-hand value. Typically the chart's `dataKey` (the numeric series field).\n   */\n  valueKey?: string;\n  /**\n   * Format the value shown in each list entry. When omitted the raw value is\n   * stringified with `String()`.\n   */\n  valueFormatter?: (value: string | number) => string;\n  /**\n   * Extra Tailwind class(es) applied to the right-hand value in a list entry,\n   * merged on top of the default colour (`text-[var(--ui-text-on-surface-link-idle)]`).\n   * Pass a replacement colour class to override the default; other utilities\n   * (e.g. `tabular-nums`) are additive and leave the default colour in place.\n   */\n  valueClassName?: string;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nexport interface ChartContainerProps extends React.ComponentProps<'div'> {\n  /**\n   * The series this chart draws, keyed by data field.\n   *\n   * Declare exactly what the chart plots. A stop is assigned by an entry's\n   * position here, not by which series end up rendered, so an entry for a\n   * series the chart doesn't draw still consumes a colour and shifts the ones\n   * that follow it. (That is deliberate: a series then keeps its colour when a\n   * sibling is toggled off, instead of the whole chart recolouring.)\n   */\n  config: ChartConfig;\n  /**\n   * The dataviz palette this chart's series are painted from. Series take a\n   * stop of it in the palette's defined order, or the one their `tone` names.\n   * Defaults to `categorical` — there is no \"no palette\" state.\n   */\n  palette?: ChartPalette;\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >['children'];\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\n  function ChartContainer(\n    { id, className, children, config, palette = CHART_DEFAULT_PALETTE, ...props },\n    ref\n  ) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n  // Resolved once and shared with the context, so the tooltip rows and legend\n  // markers read the same colors the plot paints with.\n  const resolvedConfig = React.useMemo(\n    () => resolveChartColors(config, palette),\n    [config, palette]\n  );\n\n  return (\n    <ChartContext.Provider value={{ config: resolvedConfig }}>\n      <div\n        ref={ref}\n        id={id}\n        data-slot=\"chart\"\n        data-chart={chartId}\n        // The `[stroke='#fff']` rules undo recharts' hardcoded white outlines —\n        // on pie/radial sectors, line dots and funnel trapezoids. They don't\n        // follow the theme, so in dark mode they read as a light hairline around\n        // every segment.\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-trapezoid[stroke='#fff']]:stroke-transparent\",\n          // A `<Brush>` traveller is the one `.recharts-layer` that is a real\n          // control (`role=\"slider\"`, tabbable, arrow-key driven), so the blanket\n          // `outline-hidden` above would leave it with no focus indicator. Restore\n          // one — the `:focus-visible` pseudo-class outranks that rule, so this\n          // wins regardless of the order Tailwind emits them in. An `outline`\n          // rather than the usual `ring`: box-shadow doesn't paint on SVG children.\n          '[&_.recharts-brush-traveller:focus-visible]:[outline:3px_solid_var(--ui-focus-primary)] [&_.recharts-brush-traveller:focus-visible]:[outline-offset:1px]',\n          // recharts anchors its axis tick text with the *direction-relative*\n          // SVG keywords (`text-anchor: start|end`, see `getTickTextAnchor` in\n          // `CartesianAxis`), while placing every mark at a computed physical\n          // coordinate. Inheriting `direction: rtl` therefore flips only the\n          // text: an `end`-anchored Y tick mirrors about its anchor and lands\n          // inside the plot (measured: +24px to +39px), rotated ticks shift\n          // ~+15px, and a `ReferenceLine` label at the right edge overflows the\n          // surface. Pinning the surface keeps the plot's own coordinate system\n          // consistent with the geometry recharts computed for it. The chrome\n          // that *should* mirror — tooltip and legend — is HTML outside\n          // `.recharts-surface`, so it is unaffected.\n          //\n          // `Treemap` is the exception: its cell labels are HTML in a\n          // `<foreignObject>` *inside* the surface, put there precisely so they\n          // mirror with the page (see `treemap.tsx`). That is ordinary flow\n          // layout, not a computed SVG coordinate, so the pin has to stop at the\n          // `<foreignObject>` boundary and hand the page's direction back.\n          '[&_.recharts-surface]:[direction:ltr] rtl:[&_.recharts-surface_foreignObject]:[direction:rtl]',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={resolvedConfig} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n  }\n);\n\nChartContainer.displayName = 'ChartContainer';\n\nconst ChartStyle = ({\n  id,\n  config,\n}: {\n  id: string;\n  config: ResolvedChartConfig;\n}) => {\n  const entries = Object.entries(config);\n\n  if (!entries.length) {\n    return null;\n  }\n\n  // One block, no light/dark split: every colour is now a `--ui-dataviz-*`\n  // token, and those are `light-dark()` pairs that follow `color-scheme`\n  // themselves. The old per-theme `[data-theme='dark']` duplication existed\n  // only for hand-written `theme: { light, dark }` config entries, which the\n  // palette replaced.\n  //\n  // Rendered as a text child (not dangerouslySetInnerHTML): React sets it via\n  // textContent, which the browser does not HTML-parse, so a `</style>` in a\n  // colour can't break out of the tag.\n  if (process.env.NODE_ENV !== 'production') {\n    const seen = new Map<string, string>();\n    for (const [key] of entries) {\n      const safe = toCssKey(key);\n      const prior = seen.get(safe);\n      if (prior !== undefined) {\n        console.warn(\n          `[ui-react] Chart config keys \"${prior}\" and \"${key}\" both sanitize to \"--color-${safe}\". ` +\n            `One will overwrite the other — use unique CSS-safe keys.`\n        );\n      } else {\n        seen.set(safe, key);\n      }\n    }\n  }\n\n  return (\n    <style>\n      {`[data-chart=${id}] {\\n${entries\n        .map(([key, itemConfig]) => `  --color-${toCssKey(key)}: ${itemConfig.color};`)\n        .join('\\n')}\\n}`}\n    </style>\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/** The `content` a caller passes to override the default tooltip (recharts' `Tooltip['content']`). */\nexport type ChartTooltipContentType = React.ComponentProps<\n  typeof ChartTooltip\n>['content'];\n\n/**\n * What `getPayloadConfigFromPayload` resolves a payload item to — the lookup can\n * miss, so every consumer has to cope with `undefined`. Derived from the helper\n * rather than restated, so the two can't drift.\n */\ntype ChartItemConfig = ReturnType<typeof getPayloadConfigFromPayload>;\n\n/** One row of the tooltip's payload, after the `active`/empty guard. */\ntype ChartTooltipItem = NonNullable<\n  ChartTooltipContentProps['payload']\n>[number];\n\n/**\n * One tooltip row. Its own three-way branching (caller formatter, config icon,\n * default dot) is what drove the nesting in `ChartTooltipContent`; as a\n * component the map body reads as a single element.\n */\nfunction ChartTooltipRow({\n  item,\n  index,\n  payload,\n  itemConfig,\n  indicatorColor,\n  hideIndicator,\n  formatter,\n}: {\n  item: ChartTooltipItem;\n  index: number;\n  payload: NonNullable<ChartTooltipContentProps['payload']>;\n  itemConfig: ChartItemConfig;\n  indicatorColor?: string;\n  hideIndicator: boolean;\n  formatter: ChartTooltipContentProps['formatter'];\n}) {\n  return (\n    <div className=\"flex w-full flex-wrap items-center gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\">\n      {formatter && item?.value !== undefined && item.name ? (\n        formatter(item.value, item.name, item, index, payload)\n      ) : (\n        <>\n          {itemConfig?.icon ? (\n            <itemConfig.icon />\n          ) : (\n            !hideIndicator && (\n              // A row is always dotted, whatever marker the legend\n              // gives that series.\n              <div\n                className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n                style={{ backgroundColor: indicatorColor }}\n              />\n            )\n          )}\n          {/*\n           * `gap-4` puts a floor under the name/value separation.\n           * `justify-between` alone only separates them while the\n           * container has free space to distribute — which the tooltip's\n           * `min-w-[8rem]` guarantees for a short value and not for a\n           * long one (a currency `tickFormatter`, a `labelFormatter`\n           * with units, a value plus its share), where the two would\n           * otherwise butt up against each other. A minimum, so a row\n           * with slack renders as before.\n           */}\n          <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n            <span className=\"text-muted-foreground\">\n              {itemConfig?.label || item.name}\n            </span>\n            {item.value != null && (\n              <span className=\"font-medium tabular-nums text-foreground\">\n                {item.value.toLocaleString()}\n              </span>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  label,\n  className,\n  hideLabel = false,\n  hideIndicator = false,\n  labelFormatter,\n  formatter,\n  labelClassName,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = (() => {\n      const v =\n        !labelKey && typeof label === 'string'\n          ? (config[label as keyof typeof config]?.label ?? label)\n          : itemConfig?.label;\n\n      return typeof v === 'string' || typeof v === 'number' ? v : undefined;\n    })();\n\n    if (labelFormatter) {\n      return (\n        <div className={cn('font-medium', labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'grid min-w-[8rem] items-start gap-1.5 rounded-[var(--ui-tooltip-container-border-radius)] border border-border bg-background px-[var(--ui-tooltip-container-padding-x)] py-[var(--ui-tooltip-container-padding-y)] text-xs text-foreground shadow-md',\n        className\n      )}\n    >\n      {tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n\n          return (\n            <ChartTooltipRow\n              key={key}\n              item={item}\n              index={index}\n              payload={payload}\n              itemConfig={getPayloadConfigFromPayload(config, item, key)}\n              indicatorColor={color || item.payload.fill || item.color}\n              hideIndicator={hideIndicator}\n              formatter={formatter}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/**\n * One entry in the `variant=\"list\"` legend: `[dot] [label flex-1] [value]`.\n *\n * The dot is always a circle, regardless of the series' recharts type — the\n * list layout is only used for polar charts (donut, radial) where the fill\n * marker matches the slice/arc color.\n */\nfunction ChartLegendListEntry({\n  item,\n  itemConfig,\n  fontSize,\n  valueKey,\n  valueFormatter,\n  valueClassName,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\n  fontSize: ChartLegendFontSize;\n  valueKey?: string;\n  valueFormatter?: (value: string | number) => string;\n  valueClassName?: string;\n}) {\n  const raw = valueKey\n    ? (item.payload as Record<string, unknown> | undefined)?.[valueKey]\n    : undefined;\n  const displayValue =\n    raw != null\n      ? valueFormatter\n        ? valueFormatter(raw as string | number)\n        : String(raw)\n      : undefined;\n  const label = itemConfig?.label ?? item.value;\n\n  return (\n    <div className=\"flex w-full items-start gap-2 overflow-hidden\">\n      <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {itemConfig?.icon ? (\n          <itemConfig.icon />\n        ) : (\n          <div\n            className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n            style={{ backgroundColor: item.color }}\n          />\n        )}\n        {typeof label === 'string' || typeof label === 'number' ? (\n          <TruncateText\n            className={cn(\n              'min-w-0 flex-1 text-foreground',\n              legendFontSizeClass[fontSize]\n            )}\n          >\n            {String(label)}\n          </TruncateText>\n        ) : (\n          <span\n            className={cn(\n              'min-w-0 flex-1 truncate text-foreground',\n              legendFontSizeClass[fontSize]\n            )}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n      {displayValue != null && (\n        <span\n          className={cn(\n            'shrink-0 font-semibold text-[var(--ui-text-on-surface-link-idle)]',\n            legendFontSizeClass[fontSize],\n            valueClassName\n          )}\n        >\n          {displayValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/**\n * One legend entry. Split out so the marker it has to derive from the payload\n * sits next to the markup that uses it, instead of above a nested map body.\n */\nfunction ChartLegendEntry({\n  item,\n  itemConfig,\n  hideIcon,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\n  hideIcon: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground'\n      )}\n    >\n      {itemConfig?.icon && !hideIcon ? (\n        <itemConfig.icon />\n      ) : (\n        <div\n          className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n          style={{ backgroundColor: item.color }}\n        />\n      )}\n      {/*\n       * Falls back to the series key, the way the tooltip row and the\n       * treemap's on-cell label both do. `label` is optional on a\n       * `ChartConfig` entry, and `getPayloadConfigFromPayload` can miss\n       * entirely, so without this an entry renders as a marker with no\n       * text — worst on the charts whose legend is the only place a series\n       * is named.\n       */}\n      {itemConfig?.label ?? item.value}\n    </div>\n  );\n}\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = 'bottom',\n  nameKey,\n  config: configFromProps,\n  variant = 'default',\n  fontSize = 'xs',\n  valueKey,\n  valueFormatter,\n  valueClassName,\n}: ChartLegendContentProps) {\n  // The context read directly rather than through `useChart()`: a caller that\n  // passes its own `config` is rendering the legend outside the container, where\n  // the context is absent by design rather than by mistake. Every other caller\n  // still gets `useChart()`'s error — the legend has no way to label itself\n  // without a config, and failing loudly beats rendering an empty row.\n  const contextConfig = React.useContext(ChartContext)?.config;\n  const config = configFromProps ?? contextConfig;\n\n  if (!config) {\n    throw new Error(\n      'ChartLegendContent must be used within a <ChartContainer /> or given a `config` prop'\n    );\n  }\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  if (variant === 'list') {\n    return (\n      <div data-slot=\"chart-legend\" className={cn('flex flex-col', className)}>\n        {payload.map((item) => {\n          const key = `${nameKey || item.dataKey || 'value'}`;\n          return (\n            <ChartLegendListEntry\n              key={item.value}\n              item={item}\n              itemConfig={getPayloadConfigFromPayload(config, item, key)}\n              fontSize={fontSize}\n              valueKey={valueKey}\n              valueFormatter={valueFormatter}\n              valueClassName={valueClassName}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"chart-legend\"\n      className={cn(\n        // Wraps rather than overflowing: a legend with many entries (a treemap's\n        // one-per-tile, a pie's one-per-slice) is wider than the chart on a narrow\n        // surface, and a row that can't wrap paints past the chart's edge. The\n        // column gap is unchanged, so a legend that already fits on one row keeps\n        // its exact layout.\n        'flex flex-wrap items-center justify-center gap-x-6 gap-y-2',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        // Stated on the wrapper even at the default ('xs'): default-variant\n        // entries take their size by inheritance, and a legend rendered outside\n        // a `ChartContainer` (see `Treemap`) has no container `text-xs` to fall\n        // back on.\n        legendFontSizeClass[fontSize],\n        className\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n\n        return (\n          <ChartLegendEntry\n            key={item.value}\n            item={item}\n            itemConfig={getPayloadConfigFromPayload(config, item, key)}\n            hideIcon={hideIcon}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload &&\n    typeof payload.payload === 'object' &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === 'string'\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart.js","names":[],"sources":["../../../../src/components/ui/chart/chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\nimport type { LegendPayload } from 'recharts/types/component/DefaultLegendContent';\nimport {\n  NameType,\n  Payload,\n  ValueType,\n} from 'recharts/types/component/DefaultTooltipContent';\nimport type { Props as LegendProps } from 'recharts/types/component/Legend';\nimport { TooltipContentProps } from 'recharts/types/component/Tooltip';\n\nimport { cn } from '@/lib/utils';\nimport { TruncateText } from '../truncate-text';\nimport {\n  CHART_DEFAULT_PALETTE,\n  CHART_DIVERGING_TOKENS,\n  CHART_STATUS_TOKENS,\n  resolveSeriesColor,\n  type ChartDivergingSide,\n  type ChartPalette,\n  type ChartSeriesTone,\n} from './chart-palette';\n\n/**\n * Normalize a config key / data name to a CSS-safe custom-property fragment.\n *\n * A `--color-<key>` custom property is invalid when `key` contains a space or\n * other ASCII special character — the browser discards it, and the element\n * falls back to SVG's default black. This function replaces every invalid ASCII\n * character with a hyphen, collapses runs, and trims leading/trailing hyphens.\n *\n * Non-ASCII code points (U+0080+) are **preserved**: CSS Syntax Level 3\n * §4.3.7 classifies them as valid ident-code-points, so `--color-日本` and\n * `--color-Москва` are legal custom properties. Replacing them would collapse\n * all-non-ASCII keys to the empty string and silently make distinct series\n * collide on `--color-`.\n *\n * For an already-CSS-safe key (ASCII letters, digits, `-`, `_`) the output is\n * identical (identity), so existing consumers are unaffected. If the entire\n * input collapses to an empty string (e.g. all ASCII special characters),\n * `--color-` is produced — an edge case with no worse outcome than before.\n *\n * The dev-mode warning fires **once per unique unsanitized key** per page load,\n * so render loops (hover, re-render) do not flood the console.\n */\n// Tracks keys that have already triggered a dev warning — one per page load.\nconst _toCssKeyWarned = new Set<string>();\n\nexport function toCssKey(key: string): string {\n  // Only strip ASCII characters that are not valid CSS ident chars.\n  // U+0080+ are preserved — they are valid per CSS Syntax L3 §4.3.7.\n  const safe = key\n    .replace(/[^€-￿a-zA-Z0-9_-]/g, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-|-$/g, '');\n\n  if (process.env.NODE_ENV !== 'production' && safe !== key && !_toCssKeyWarned.has(key)) {\n    _toCssKeyWarned.add(key);\n    console.warn(\n      `[ui-react] Chart config key \"${key}\" is not CSS-safe and was sanitized to \"${safe}\". ` +\n        `Use CSS-safe keys (ASCII letters, digits, hyphens, underscores, or non-ASCII characters) to avoid this.`\n    );\n  }\n\n  return safe;\n}\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n    /**\n     * Which stop of the container's `palette` this series paints with. Left\n     * unset, it is assigned from the series' position. See `ChartSeriesTone`.\n     *\n     * There is deliberately no free-form `color` here: every series colour\n     * comes from the chart's palette, so a chart cannot paint a hue the design\n     * system does not define. Pick a different palette on `ChartContainer`, or\n     * a different stop of it with this.\n     */\n    tone?: ChartSeriesTone;\n  };\n};\n\n/**\n * A `ChartConfig` with every series' palette colour filled in. This is what the\n * container puts on the context, so the plot, the tooltip rows and the legend\n * markers all read the same resolved colour.\n */\nexport type ResolvedChartConfig = {\n  [k in string]: ChartConfig[string] & { color: string };\n};\n\n/**\n * Resolve each series' colour out of `palette` — in the palette's defined\n * order, honouring any `tone` a series named.\n *\n * Exported for tests and for the widget editor, which needs the same resolved\n * map to detect duplicate colours (`findDuplicateTones`) without re-deriving it.\n */\nexport function resolveChartColors(\n  config: ChartConfig,\n  palette: ChartPalette\n): ResolvedChartConfig {\n  const entries = Object.entries(config);\n\n  // An aliased series (`tone: { sameAs }`) doesn't take a stop of its own — it\n  // is the same metric drawn a second way, so it must not consume a colour or\n  // shift the series after it along the palette.\n  const isAlias = (item: ChartConfig[string]) => Boolean(item.tone?.sameAs);\n  const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n  // Warn about overrides that are meaningless under a diverging palette.\n  // resolveSeriesColor issues the same warnings for every other palette type,\n  // but the diverging branch below bypasses it, so we replicate the check here\n  // to preserve the documented dev-warning contract (see ChartSeriesTone).\n  const warnDivergingMismatch = (tone: ChartSeriesTone | undefined) => {\n    if (process.env.NODE_ENV !== 'production' && tone) {\n      if (tone.status) {\n        console.warn(\n          `[ui-react] A chart series names a status (\"${tone.status}\") under the \"diverging\" palette, which has no status tones. Ignoring.`\n        );\n      } else if (typeof tone.slot === 'number') {\n        console.warn(\n          `[ui-react] A chart series pins slot ${tone.slot} under the \"diverging\" palette, whose stops are a ramp and are not individually selectable. Ignoring.`\n        );\n      }\n    }\n  };\n\n  if (palette.type === 'diverging') {\n    const interleavedStops = CHART_DIVERGING_TOKENS[palette.pair];\n    // Derive each side's three stops from the interleaved ramp (a at even\n    // indices, b at odd indices): a3, a2, a1 and b3, b2, b1.\n    const sideStops: Record<ChartDivergingSide, readonly string[]> = {\n      a: [interleavedStops[0], interleavedStops[2], interleavedStops[4]],\n      b: [interleavedStops[1], interleavedStops[3], interleavedStops[5]],\n    };\n\n    // First pass: assign sided series — group by side, each group walks its\n    // side's three stops strongest-first, wrapping if there are more than three.\n    const sideCounters: Record<ChartDivergingSide, number> = { a: 0, b: 0 };\n    const takenStops = new Set<string>();\n    for (const [key, item] of entries) {\n      if (isAlias(item) || !item.tone?.side) continue;\n      warnDivergingMismatch(item.tone);\n      const side = item.tone.side;\n      const stops = sideStops[side];\n      const stop = stops[sideCounters[side]++ % stops.length];\n      takenStops.add(stop);\n      resolved[key] = { ...item, color: stop };\n    }\n\n    // Second pass: assign un-sided series from the remaining interleaved stops,\n    // skipping any stop already claimed by a sided series. Fall back to the\n    // full interleaved ramp if all stops were consumed.\n    const available = interleavedStops.filter((s) => !takenStops.has(s));\n    const pool = available.length > 0 ? available : interleavedStops;\n    let unsidedIdx = 0;\n    for (const [key, item] of entries) {\n      if (isAlias(item) || item.tone?.side) continue;\n      warnDivergingMismatch(item.tone);\n      resolved[key] = { ...item, color: pool[unsidedIdx++ % pool.length] };\n    }\n  } else {\n    let index = 0;\n    for (const [key, item] of entries) {\n      if (isAlias(item)) continue;\n      resolved[key] = {\n        ...item,\n        color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\n      };\n    }\n  }\n\n  // An alias may point at another alias, in any order, so a single pass over\n  // the aliases can miss a chain that is fully resolvable. Keep sweeping the\n  // pending set until nothing more resolves; what is left is a cycle or a\n  // target that isn't in this config at all.\n  const pending = new Map<string, string>();\n  for (const [key, item] of entries) {\n    if (isAlias(item)) {\n      pending.set(key, item.tone!.sameAs as string);\n    }\n  }\n\n  let changed = true;\n  while (changed && pending.size > 0) {\n    changed = false;\n    for (const [key, target] of pending) {\n      const targetColor = resolved[target]?.color;\n      if (targetColor !== undefined) {\n        resolved[key] = { ...config[key], color: targetColor };\n        pending.delete(key);\n        changed = true;\n      }\n    }\n  }\n\n  for (const [key, target] of pending) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        `[ui-react] Chart series \"${key}\" aliases \"${target}\", which is not a palette-assigned series in this config. Falling back to neutral.`\n      );\n    }\n    resolved[key] = { ...config[key], color: CHART_STATUS_TOKENS.neutral };\n  }\n\n  // Rebuilt in the config's own order: the passes above visit non-aliases\n  // first, and callers (legend order, `Object.entries` consumers) rely on the\n  // order they wrote.\n  return Object.fromEntries(entries.map(([key]) => [key, resolved[key]]));\n}\n\ntype ChartContextProps = {\n  config: ResolvedChartConfig;\n};\n\nexport type ChartTooltipContentProps = Partial<\n  TooltipContentProps<ValueType, NameType>\n> & {\n  className?: string;\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  nameKey?: string;\n  labelKey?: string;\n  labelFormatter?: (\n    label: TooltipContentProps<number, string>['label'],\n    payload: TooltipContentProps<number, string>['payload']\n  ) => React.ReactNode;\n  formatter?: (\n    value: number | string,\n    name: string,\n    item: Payload<number | string, string>,\n    index: number,\n    payload: ReadonlyArray<Payload<number | string, string>>\n  ) => React.ReactNode;\n  labelClassName?: string;\n  color?: string;\n};\n\n/**\n * The legend text-size scale. `xs` is the size the legend has always rendered\n * at; the rest of the steps follow Tailwind's `text-*` scale.\n */\nexport type ChartLegendFontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';\n\n// A static lookup rather than a `text-${size}` template: Tailwind only emits a\n// utility it can read verbatim in the source.\nconst legendFontSizeClass: Record<ChartLegendFontSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n};\n\n// Fit whole rows at every supported font size: three wrapped rows plus the\n// normal legend's vertical padding/gaps, and eight rows in list mode.\nconst defaultLegendMaxHeightClass: Record<ChartLegendFontSize, string> = {\n  xs: 'max-h-[76px]',\n  sm: 'max-h-[88px]',\n  base: 'max-h-[100px]',\n  lg: 'max-h-[112px]',\n  xl: 'max-h-[112px]',\n};\n\nconst listLegendMaxHeightClass: Record<ChartLegendFontSize, string> = {\n  xs: 'max-h-[128px]',\n  sm: 'max-h-[160px]',\n  base: 'max-h-[192px]',\n  lg: 'max-h-[224px]',\n  xl: 'max-h-[224px]',\n};\n\nexport type ChartLegendContentProps = {\n  className?: string;\n  /** Accessible name for the legend group. */\n  ariaLabel?: string;\n  hideIcon?: boolean;\n  verticalAlign?: LegendProps['verticalAlign'];\n  payload?: LegendPayload[];\n  nameKey?: string;\n  /**\n   * Font size of the legend text — labels, and the right-hand values of the\n   * `list` variant. Defaults to `'xs'`, the size the legend has always\n   * rendered at.\n   */\n  fontSize?: ChartLegendFontSize;\n  /**\n   * The series config the entries take their labels and icons from. Defaults to\n   * the enclosing `ChartContainer`'s — pass it only to render the legend *outside*\n   * the container, which a chart type has to do when the renderer can't lay a\n   * legend out inside its plot (see `Treemap`).\n   */\n  config?: ChartConfig;\n  /**\n   * `default` — horizontal wrapped chips; scrolls after three rows (76px at\n   * `xs`). `list` — vertical `[dot] [label flex-1] [value]` rows; scrolls after\n   * eight rows (128px at `xs`). Both caps scale with `fontSize`; `className` can\n   * override the cap.\n   */\n  variant?: 'default' | 'list';\n  /**\n   * When `variant=\"list\"`, the field on `payload[i].payload` to display as the\n   * right-hand value. Typically the chart's `dataKey` (the numeric series field).\n   */\n  valueKey?: string;\n  /**\n   * Format the value shown in each list entry. When omitted the raw value is\n   * stringified with `String()`.\n   */\n  valueFormatter?: (value: string | number) => string;\n  /**\n   * Extra Tailwind class(es) applied to the right-hand value in a list entry,\n   * merged on top of the default colour (`text-[var(--ui-text-on-surface-link-idle)]`).\n   * Pass a replacement colour class to override the default; other utilities\n   * (e.g. `tabular-nums`) are additive and leave the default colour in place.\n   */\n  valueClassName?: string;\n};\n\n/** Accessible-name prop shared by chart components that render a legend. */\nexport interface ChartLegendAriaLabelProps {\n  /**\n   * Accessible name for this chart's legend. Defaults to `Chart legend`; give\n   * each chart a distinct name when several legends appear on the same page.\n   */\n  legendAriaLabel?: string;\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nexport interface ChartContainerProps extends React.ComponentProps<'div'> {\n  /**\n   * The series this chart draws, keyed by data field.\n   *\n   * Declare exactly what the chart plots. A stop is assigned by an entry's\n   * position here, not by which series end up rendered, so an entry for a\n   * series the chart doesn't draw still consumes a colour and shifts the ones\n   * that follow it. (That is deliberate: a series then keeps its colour when a\n   * sibling is toggled off, instead of the whole chart recolouring.)\n   */\n  config: ChartConfig;\n  /**\n   * The dataviz palette this chart's series are painted from. Series take a\n   * stop of it in the palette's defined order, or the one their `tone` names.\n   * Defaults to `categorical` — there is no \"no palette\" state.\n   */\n  palette?: ChartPalette;\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >['children'];\n}\n\nconst ChartContainer = React.forwardRef<HTMLDivElement, ChartContainerProps>(\n  function ChartContainer(\n    { id, className, children, config, palette = CHART_DEFAULT_PALETTE, ...props },\n    ref\n  ) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n  // Resolved once and shared with the context, so the tooltip rows and legend\n  // markers read the same colors the plot paints with.\n  const resolvedConfig = React.useMemo(\n    () => resolveChartColors(config, palette),\n    [config, palette]\n  );\n\n  return (\n    <ChartContext.Provider value={{ config: resolvedConfig }}>\n      <div\n        ref={ref}\n        id={id}\n        data-slot=\"chart\"\n        data-chart={chartId}\n        // The `[stroke='#fff']` rules undo recharts' hardcoded white outlines —\n        // on pie/radial sectors, line dots and funnel trapezoids. They don't\n        // follow the theme, so in dark mode they read as a light hairline around\n        // every segment.\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_.recharts-trapezoid[stroke='#fff']]:stroke-transparent\",\n          // A `<Brush>` traveller is the one `.recharts-layer` that is a real\n          // control (`role=\"slider\"`, tabbable, arrow-key driven), so the blanket\n          // `outline-hidden` above would leave it with no focus indicator. Restore\n          // one — the `:focus-visible` pseudo-class outranks that rule, so this\n          // wins regardless of the order Tailwind emits them in. An `outline`\n          // rather than the usual `ring`: box-shadow doesn't paint on SVG children.\n          '[&_.recharts-brush-traveller:focus-visible]:[outline:3px_solid_var(--ui-focus-primary)] [&_.recharts-brush-traveller:focus-visible]:[outline-offset:1px]',\n          // recharts anchors its axis tick text with the *direction-relative*\n          // SVG keywords (`text-anchor: start|end`, see `getTickTextAnchor` in\n          // `CartesianAxis`), while placing every mark at a computed physical\n          // coordinate. Inheriting `direction: rtl` therefore flips only the\n          // text: an `end`-anchored Y tick mirrors about its anchor and lands\n          // inside the plot (measured: +24px to +39px), rotated ticks shift\n          // ~+15px, and a `ReferenceLine` label at the right edge overflows the\n          // surface. Pinning the surface keeps the plot's own coordinate system\n          // consistent with the geometry recharts computed for it. The chrome\n          // that *should* mirror — tooltip and legend — is HTML outside\n          // `.recharts-surface`, so it is unaffected.\n          //\n          // `Treemap` is the exception: its cell labels are HTML in a\n          // `<foreignObject>` *inside* the surface, put there precisely so they\n          // mirror with the page (see `treemap.tsx`). That is ordinary flow\n          // layout, not a computed SVG coordinate, so the pin has to stop at the\n          // `<foreignObject>` boundary and hand the page's direction back.\n          '[&_.recharts-surface]:[direction:ltr] rtl:[&_.recharts-surface_foreignObject]:[direction:rtl]',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={resolvedConfig} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n  }\n);\n\nChartContainer.displayName = 'ChartContainer';\n\nconst ChartStyle = ({\n  id,\n  config,\n}: {\n  id: string;\n  config: ResolvedChartConfig;\n}) => {\n  const entries = Object.entries(config);\n\n  if (!entries.length) {\n    return null;\n  }\n\n  // One block, no light/dark split: every colour is now a `--ui-dataviz-*`\n  // token, and those are `light-dark()` pairs that follow `color-scheme`\n  // themselves. The old per-theme `[data-theme='dark']` duplication existed\n  // only for hand-written `theme: { light, dark }` config entries, which the\n  // palette replaced.\n  //\n  // Rendered as a text child (not dangerouslySetInnerHTML): React sets it via\n  // textContent, which the browser does not HTML-parse, so a `</style>` in a\n  // colour can't break out of the tag.\n  if (process.env.NODE_ENV !== 'production') {\n    const seen = new Map<string, string>();\n    for (const [key] of entries) {\n      const safe = toCssKey(key);\n      const prior = seen.get(safe);\n      if (prior !== undefined) {\n        console.warn(\n          `[ui-react] Chart config keys \"${prior}\" and \"${key}\" both sanitize to \"--color-${safe}\". ` +\n            `One will overwrite the other — use unique CSS-safe keys.`\n        );\n      } else {\n        seen.set(safe, key);\n      }\n    }\n  }\n\n  return (\n    <style>\n      {`[data-chart=${id}] {\\n${entries\n        .map(([key, itemConfig]) => `  --color-${toCssKey(key)}: ${itemConfig.color};`)\n        .join('\\n')}\\n}`}\n    </style>\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\n/** The `content` a caller passes to override the default tooltip (recharts' `Tooltip['content']`). */\nexport type ChartTooltipContentType = React.ComponentProps<\n  typeof ChartTooltip\n>['content'];\n\n/**\n * What `getPayloadConfigFromPayload` resolves a payload item to — the lookup can\n * miss, so every consumer has to cope with `undefined`. Derived from the helper\n * rather than restated, so the two can't drift.\n */\ntype ChartItemConfig = ReturnType<typeof getPayloadConfigFromPayload>;\n\n/** One row of the tooltip's payload, after the `active`/empty guard. */\ntype ChartTooltipItem = NonNullable<\n  ChartTooltipContentProps['payload']\n>[number];\n\n/**\n * One tooltip row. Its own three-way branching (caller formatter, config icon,\n * default dot) is what drove the nesting in `ChartTooltipContent`; as a\n * component the map body reads as a single element.\n */\nfunction ChartTooltipRow({\n  item,\n  index,\n  payload,\n  itemConfig,\n  indicatorColor,\n  hideIndicator,\n  formatter,\n}: {\n  item: ChartTooltipItem;\n  index: number;\n  payload: NonNullable<ChartTooltipContentProps['payload']>;\n  itemConfig: ChartItemConfig;\n  indicatorColor?: string;\n  hideIndicator: boolean;\n  formatter: ChartTooltipContentProps['formatter'];\n}) {\n  return (\n    <div className=\"flex w-full flex-wrap items-center gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\">\n      {formatter && item?.value !== undefined && item.name ? (\n        formatter(item.value, item.name, item, index, payload)\n      ) : (\n        <>\n          {itemConfig?.icon ? (\n            <itemConfig.icon />\n          ) : (\n            !hideIndicator && (\n              // A row is always dotted, whatever marker the legend\n              // gives that series.\n              <div\n                className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n                style={{ backgroundColor: indicatorColor }}\n              />\n            )\n          )}\n          {/*\n           * `gap-4` puts a floor under the name/value separation.\n           * `justify-between` alone only separates them while the\n           * container has free space to distribute — which the tooltip's\n           * `min-w-[8rem]` guarantees for a short value and not for a\n           * long one (a currency `tickFormatter`, a `labelFormatter`\n           * with units, a value plus its share), where the two would\n           * otherwise butt up against each other. A minimum, so a row\n           * with slack renders as before.\n           */}\n          <div className=\"flex flex-1 items-center justify-between gap-4 leading-none\">\n            <span className=\"text-muted-foreground\">\n              {itemConfig?.label || item.name}\n            </span>\n            {item.value != null && (\n              <span className=\"font-medium tabular-nums text-foreground\">\n                {item.value.toLocaleString()}\n              </span>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  label,\n  className,\n  hideLabel = false,\n  hideIndicator = false,\n  labelFormatter,\n  formatter,\n  labelClassName,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = (() => {\n      const v =\n        !labelKey && typeof label === 'string'\n          ? (config[label as keyof typeof config]?.label ?? label)\n          : itemConfig?.label;\n\n      return typeof v === 'string' || typeof v === 'number' ? v : undefined;\n    })();\n\n    if (labelFormatter) {\n      return (\n        <div className={cn('font-medium', labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'grid min-w-[8rem] items-start gap-1.5 rounded-[var(--ui-tooltip-container-border-radius)] border border-border bg-background px-[var(--ui-tooltip-container-padding-x)] py-[var(--ui-tooltip-container-padding-y)] text-xs text-foreground shadow-md',\n        className\n      )}\n    >\n      {tooltipLabel}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n\n          return (\n            <ChartTooltipRow\n              key={key}\n              item={item}\n              index={index}\n              payload={payload}\n              itemConfig={getPayloadConfigFromPayload(config, item, key)}\n              indicatorColor={color || item.payload.fill || item.color}\n              hideIndicator={hideIndicator}\n              formatter={formatter}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\n/**\n * One entry in the `variant=\"list\"` legend: `[dot] [label flex-1] [value]`.\n *\n * The dot is always a circle, regardless of the series' recharts type — the\n * list layout is used by part-to-whole charts where each entry has a fill color.\n */\nfunction ChartLegendListEntry({\n  item,\n  itemConfig,\n  fontSize,\n  valueKey,\n  valueFormatter,\n  valueClassName,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\n  fontSize: ChartLegendFontSize;\n  valueKey?: string;\n  valueFormatter?: (value: string | number) => string;\n  valueClassName?: string;\n}) {\n  const raw = valueKey\n    ? (item.payload as Record<string, unknown> | undefined)?.[valueKey]\n    : undefined;\n  const displayValue =\n    raw != null\n      ? valueFormatter\n        ? valueFormatter(raw as string | number)\n        : String(raw)\n      : undefined;\n  const label = itemConfig?.label ?? item.value;\n\n  return (\n    <div className=\"flex w-full shrink-0 items-start gap-2 overflow-hidden\">\n      <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n        {itemConfig?.icon ? (\n          <itemConfig.icon />\n        ) : (\n          <div\n            className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n            style={{ backgroundColor: item.color }}\n          />\n        )}\n        {typeof label === 'string' || typeof label === 'number' ? (\n          <TruncateText\n            className={cn(\n              'min-w-0 flex-1 text-foreground',\n              legendFontSizeClass[fontSize]\n            )}\n          >\n            {String(label)}\n          </TruncateText>\n        ) : (\n          <span\n            className={cn(\n              'min-w-0 flex-1 truncate text-foreground',\n              legendFontSizeClass[fontSize]\n            )}\n          >\n            {label}\n          </span>\n        )}\n      </div>\n      {displayValue != null && (\n        <span\n          className={cn(\n            'shrink-0 font-semibold text-[var(--ui-text-on-surface-link-idle)]',\n            legendFontSizeClass[fontSize],\n            valueClassName\n          )}\n        >\n          {displayValue}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/**\n * One legend entry. Split out so the marker it has to derive from the payload\n * sits next to the markup that uses it, instead of above a nested map body.\n */\nfunction ChartLegendEntry({\n  item,\n  itemConfig,\n  hideIcon,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\n  hideIcon: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground'\n      )}\n    >\n      {itemConfig?.icon && !hideIcon ? (\n        <itemConfig.icon />\n      ) : (\n        <div\n          className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n          style={{ backgroundColor: item.color }}\n        />\n      )}\n      {/*\n       * Falls back to the series key, the way the tooltip row and the\n       * treemap's on-cell label both do. `label` is optional on a\n       * `ChartConfig` entry, and `getPayloadConfigFromPayload` can miss\n       * entirely, so without this an entry renders as a marker with no\n       * text — worst on the charts whose legend is the only place a series\n       * is named.\n       */}\n      {itemConfig?.label ?? item.value}\n    </div>\n  );\n}\n\nfunction ChartLegendContent({\n  className,\n  ariaLabel = 'Chart legend',\n  hideIcon = false,\n  payload,\n  verticalAlign = 'bottom',\n  nameKey,\n  config: configFromProps,\n  variant = 'default',\n  fontSize = 'xs',\n  valueKey,\n  valueFormatter,\n  valueClassName,\n}: ChartLegendContentProps) {\n  // The context read directly rather than through `useChart()`: a caller that\n  // passes its own `config` is rendering the legend outside the container, where\n  // the context is absent by design rather than by mistake. Every other caller\n  // still gets `useChart()`'s error — the legend has no way to label itself\n  // without a config, and failing loudly beats rendering an empty row.\n  const contextConfig = React.useContext(ChartContext)?.config;\n  const config = configFromProps ?? contextConfig;\n  const legendRef = React.useRef<HTMLDivElement>(null);\n  const [isScrollable, setIsScrollable] = React.useState(false);\n\n  React.useEffect(() => {\n    const element = legendRef.current;\n    if (!element) return;\n\n    const measureOverflow = () => {\n      const next = element.scrollHeight > element.clientHeight;\n      setIsScrollable((current) => (current === next ? current : next));\n    };\n\n    measureOverflow();\n\n    const resizeObserver =\n      typeof ResizeObserver === 'undefined'\n        ? undefined\n        : new ResizeObserver(measureOverflow);\n    resizeObserver?.observe(element);\n\n    const mutationObserver =\n      typeof MutationObserver === 'undefined'\n        ? undefined\n        : new MutationObserver(measureOverflow);\n    mutationObserver?.observe(element, {\n      childList: true,\n      characterData: true,\n      subtree: true,\n    });\n\n    window.addEventListener('resize', measureOverflow);\n    return () => {\n      resizeObserver?.disconnect();\n      mutationObserver?.disconnect();\n      window.removeEventListener('resize', measureOverflow);\n    };\n  }, [className, fontSize, payload?.length, variant]);\n\n  if (!config) {\n    throw new Error(\n      'ChartLegendContent must be used within a <ChartContainer /> or given a `config` prop'\n    );\n  }\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  if (variant === 'list') {\n    return (\n      <div\n        data-slot=\"chart-legend\"\n        ref={legendRef}\n        role=\"group\"\n        aria-label={ariaLabel}\n        tabIndex={isScrollable ? 0 : undefined}\n        className={cn(\n          'flex flex-col overflow-y-auto focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)]',\n          listLegendMaxHeightClass[fontSize],\n          className\n        )}\n      >\n        {payload.map((item) => {\n          const key = `${nameKey || item.dataKey || 'value'}`;\n          return (\n            <ChartLegendListEntry\n              key={item.value}\n              item={item}\n              itemConfig={getPayloadConfigFromPayload(config, item, key)}\n              fontSize={fontSize}\n              valueKey={valueKey}\n              valueFormatter={valueFormatter}\n              valueClassName={valueClassName}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"chart-legend\"\n      ref={legendRef}\n      role=\"group\"\n      aria-label={ariaLabel}\n      tabIndex={isScrollable ? 0 : undefined}\n      className={cn(\n        // Wraps rather than overflowing: a legend with many entries (a treemap's\n        // one-per-tile, a pie's one-per-slice) is wider than the chart on a narrow\n        // surface, and a row that can't wrap paints past the chart's edge. The\n        // column gap is unchanged, so a legend that already fits on one row keeps\n        // its exact layout.\n        'flex flex-wrap items-center justify-center gap-x-6 gap-y-2 overflow-y-auto focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)]',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        defaultLegendMaxHeightClass[fontSize],\n        // Stated on the wrapper even at the default ('xs'): default-variant\n        // entries take their size by inheritance, and a legend rendered outside\n        // a `ChartContainer` (see `Treemap`) has no container `text-xs` to fall\n        // back on.\n        legendFontSizeClass[fontSize],\n        className\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n\n        return (\n          <ChartLegendEntry\n            key={item.value}\n            item={item}\n            itemConfig={getPayloadConfigFromPayload(config, item, key)}\n            hideIcon={hideIcon}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload &&\n    typeof payload.payload === 'object' &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === 'string'\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"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"}

package/dist/components/ui/composed-chart/composed-chart.js

@@ -2,158 +2,160 @@
 import { cn as e } from "../../../lib/utils.js";
 import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, toCssKey as s } from "../chart/chart.js";
-import { CHART_LABEL_MARGIN as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveCartesianLabelPosition as ee, resolveCategoryRange as f, resolveChartReferenceValue as p, resolveLabelFillClass as te, resolveReferenceLineProps as ne, resolveRotatedTickAnchor as m, resolveXAxisTickLabels as re, resolveXAxisTitle as h, resolveYAxisTitle as g, toLabelFormatter as ie } from "../chart/chart-format.js";
-import { mergeXAxisLayoutMargin as ae, useXAxisLayout as oe } from "../chart/use-x-axis-layout.js";
-import * as se from "react";
-import { Fragment as ce, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Area as le, Bar as ue, Brush as de, CartesianGrid as fe, ComposedChart as pe, LabelList as me, Line as he, ReferenceArea as ge, ReferenceLine as _e, XAxis as y, YAxis as b } from "recharts";
+import { CHART_LABEL_MARGIN as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveCartesianLabelPosition as ee, resolveCategoryRange as f, resolveChartReferenceValue as p, resolveLabelFillClass as te, resolveReferenceLineProps as ne, resolveRotatedTickAnchor as re, resolveXAxisTickLabels as ie, resolveXAxisTitle as m, resolveYAxisTitle as h, toLabelFormatter as ae } from "../chart/chart-format.js";
+import { mergeXAxisLayoutMargin as oe, useXAxisLayout as se } from "../chart/use-x-axis-layout.js";
+import * as g from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Area as ce, Bar as le, Brush as ue, CartesianGrid as de, ComposedChart as fe, LabelList as pe, Line as me, ReferenceArea as he, ReferenceLine as ge, XAxis as b, YAxis as x } from "recharts";
 //#region src/components/ui/composed-chart/composed-chart.tsx
-var ve = t("", {
+var _e = t("", {
 	variants: { orientation: {
 		vertical: "",
 		horizontal: ""
 	} },
 	defaultVariants: { orientation: "vertical" }
-}), ye = 100, be = 50, x = "secondary", xe = {
+}), ve = 100, ye = 50, S = "secondary", be = {
 	top: 5,
 	right: 5,
 	bottom: 5,
 	left: 5
-}, Se = .85, Ce = { top: 16 }, S = se.forwardRef(({ className: t, config: S, palette: we, data: C, series: w, xKey: T, referenceLine: E, referenceArea: D, orientation: O = "vertical", xAxisLabel: Te, yAxisLabel: k, xUnit: Ee, yUnit: De, curve: A = "monotone", barRadius: Oe = 4, barSize: ke, barGap: Ae, barCategoryGap: je, showBackground: Me = !1, backgroundFill: Ne = "var(--ui-background-surface-secondary)", showActiveBar: Pe = !1, fillOpacity: Fe = .3, strokeWidth: j, showDots: Ie = !1, showActiveDots: Le, connectNulls: Re = !1, margin: M, showGrid: ze = !0, showTooltip: Be = !0, tooltipCursor: Ve = !0, showLegend: He = !0, legendPosition: N = "bottom", legendFontSize: Ue, showXAxis: We = !0, showYAxis: Ge = !0, xTickFormatter: P, yTickFormatter: F, xAxisAngle: I, xAxisInterval: L, yAxisTickCount: R, yAxisDomain: Ke, yAxisOrientation: z, showSecondaryYAxis: B = !0, secondaryYAxisLabel: V, secondaryYUnit: H, secondaryYTickFormatter: U, secondaryYAxisTickCount: W, secondaryYAxisDomain: qe, gridDashed: Je, gridHorizontal: Ye, gridVertical: Xe, tooltipContent: Ze, animate: Qe, animationDuration: $e, animationBegin: et, animationEasing: tt, showLabels: G = !1, labelPosition: nt, labelFormatter: rt, showBrush: it = !1, brushHeight: at, brushAriaLabel: ot, ...st }, ct) => {
+}, xe = .85, Se = { top: 16 }, C = g.forwardRef(({ className: t, config: C, palette: Ce, data: w, series: T, xKey: E, referenceLine: D, referenceArea: O, orientation: k = "vertical", xAxisLabel: A, yAxisLabel: j, xUnit: we, yUnit: Te, curve: M = "monotone", barRadius: Ee = 4, barSize: De, barGap: Oe, barCategoryGap: ke, showBackground: Ae = !1, backgroundFill: je = "var(--ui-background-surface-secondary)", showActiveBar: Me = !1, fillOpacity: Ne = .3, strokeWidth: N, showDots: Pe = !1, showActiveDots: Fe, connectNulls: Ie = !1, margin: P, showGrid: Le = !0, showTooltip: Re = !0, tooltipCursor: ze = !0, showLegend: Be = !0, legendPosition: F = "bottom", legendFontSize: I, legendAriaLabel: L, showXAxis: R = !0, showYAxis: z = !0, xTickFormatter: B, yTickFormatter: V, xAxisAngle: H, xAxisInterval: U, yAxisTickCount: Ve, yAxisDomain: He, yAxisOrientation: W, showSecondaryYAxis: Ue = !0, secondaryYAxisLabel: G, secondaryYUnit: We, secondaryYTickFormatter: Ge, secondaryYAxisTickCount: Ke, secondaryYAxisDomain: qe, gridDashed: Je, gridHorizontal: Ye, gridVertical: Xe, tooltipContent: Ze, animate: Qe, animationDuration: $e, animationBegin: et, animationEasing: tt, showLabels: nt = !1, labelPosition: rt, labelFormatter: it, showBrush: at = !1, brushHeight: ot, brushAriaLabel: st, ...ct }, lt) => {
 	let K = l({
 		animate: Qe,
 		animationDuration: $e,
 		animationBegin: et,
 		animationEasing: tt
-	}), q = O === "horizontal", lt = h(Te), J = w.some((e) => e.yAxis === "secondary"), ut = w.some((e) => e.yAxis !== "secondary"), Y = J && !ut, X = z ?? "left", dt = X === "left" ? "right" : "left", ft = g(k, q ? "left" : X), pt = g(V, dt), mt = h(V, "insideTop"), ht = u(Ke), gt = u(qe), Z = (e) => {
-		let t = e === "secondary" ? x : void 0;
+	}), q = k === "horizontal", ut = m(A), J = T.some((e) => e.yAxis === "secondary"), dt = T.some((e) => e.yAxis !== "secondary"), Y = J && !dt, ft = W ?? "left", pt = ft === "left" ? "right" : "left", mt = h(j, q ? "left" : ft), ht = h(G, pt), gt = m(G, "insideTop"), _t = u(He), vt = u(qe), X = (e) => {
+		let t = e === "secondary" ? S : void 0;
 		return q ? { xAxisId: t } : { yAxisId: t };
-	}, _t = Y ? Z("secondary") : {}, vt = re(q ? [] : C.map((e) => e[T]), P), yt = se.useRef(null), Q = oe(yt, I, Te, vt.join("\0")), bt = E ? Array.isArray(E) ? E : [E] : [], xt = (D ? Array.isArray(D) ? D : [D] : []).map((e) => ({
+	}, yt = Y ? X("secondary") : {}, bt = ie(q ? [] : w.map((e) => e[E]), B), Z = g.useRef(null), Q = se(Z, H, A, bt.join("\0")), xt = D ? Array.isArray(D) ? D : [D] : [], St = (O ? Array.isArray(O) ? O : [O] : []).map((e) => ({
 		area: e,
-		range: f(e, C, T)
-	})).filter((e) => e.range !== void 0), St = Y ? "secondary" : "primary", Ct = (e) => e.yAxis ?? "primary", wt = new Map(w.map((e) => [e.key, Ct(e)])), Tt = (e) => w.filter((t) => Ct(t) === e).map((e) => e.key), Et = new Set(w.filter((e) => e.legendType === "none").map((e) => e.key)), $ = (e) => C[e]?.[T] ?? void 0, Dt = bt.map((e) => {
+		range: f(e, w, E)
+	})).filter((e) => e.range !== void 0), Ct = Y ? "secondary" : "primary", wt = (e) => e.yAxis ?? "primary", Tt = new Map(T.map((e) => [e.key, wt(e)])), Et = (e) => T.filter((t) => wt(t) === e).map((e) => e.key), Dt = new Set(T.filter((e) => e.legendType === "none").map((e) => e.key)), $ = (e) => w[e]?.[E] ?? void 0, Ot = xt.map((e) => {
 		let t = e.category === void 0 ? void 0 : f({
 			from: e.category,
 			to: e.category
-		}, C, T), n = e.yAxis ?? (typeof e.average == "string" ? wt.get(e.average) ?? St : St), r = p(e, C, Tt(n)), i = t ? $(t[0]) : void 0;
+		}, w, E), n = e.yAxis ?? (typeof e.average == "string" ? Tt.get(e.average) ?? Ct : Ct), r = p(e, w, Et(n)), i = t ? $(t[0]) : void 0;
 		return {
 			line: e,
 			lineAxis: n,
 			position: r === void 0 ? i === void 0 ? void 0 : q ? { y: i } : { x: i } : q ? { x: r } : { y: r },
 			isVerticalRule: r !== void 0 === q
 		};
-	}).filter((e) => e.position !== void 0), Ot = G ? c : void 0, kt = Dt.some((e) => e.line.label && e.isVerticalRule) ? Ce : void 0, At = M || Ot || kt ? {
-		...M ? xe : {},
+	}).filter((e) => e.position !== void 0), kt = nt ? c : void 0, At = Ot.some((e) => e.line.label && e.isVerticalRule) ? Se : void 0, jt = P || kt || At ? {
+		...P ? be : {},
+		...At,
 		...kt,
-		...Ot,
-		...M
-	} : void 0, jt = ae(At, Q.margin), Mt = /* @__PURE__ */ new Map();
-	w.forEach((e, t) => {
-		e.stackId && e.type !== "line" && Mt.set(`${e.type}-${e.stackId}`, t);
+		...P
+	} : void 0, Mt = oe(jt, Q.margin), Nt = /* @__PURE__ */ new Map();
+	T.forEach((e, t) => {
+		e.stackId && e.type !== "line" && Nt.set(`${e.type}-${e.stackId}`, t);
 	});
-	let Nt = () => /* @__PURE__ */ v(ce, { children: [
-		/* @__PURE__ */ _(y, {
+	let Pt = () => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(b, {
 			type: "number",
-			hide: !We || Y,
+			hide: !R || Y,
 			tickLine: !1,
 			axisLine: !1,
-			unit: Ee,
-			tickFormatter: P,
-			angle: I,
-			interval: L,
-			textAnchor: m(I),
-			tickCount: R,
-			domain: ht,
+			unit: we,
+			tickFormatter: B,
+			angle: H,
+			interval: U,
+			textAnchor: re(H),
+			tickCount: Ve,
+			domain: _t,
 			height: Q.height,
-			label: lt
+			label: ut
 		}),
-		/* @__PURE__ */ _(b, {
-			dataKey: T,
+		/* @__PURE__ */ v(x, {
+			dataKey: E,
 			type: "category",
-			hide: !Ge,
+			hide: !z,
 			tickLine: !1,
 			axisLine: !1,
-			tickFormatter: F,
-			width: k ? 96 : 80,
-			label: ft
+			tickFormatter: V,
+			width: j ? 96 : 80,
+			label: mt
 		}),
-		J && /* @__PURE__ */ _(y, {
-			xAxisId: x,
+		J && /* @__PURE__ */ v(b, {
+			xAxisId: S,
 			type: "number",
-			hide: !B,
+			hide: !Ue,
 			orientation: "top",
 			tickLine: !1,
 			axisLine: !1,
-			unit: H,
-			tickFormatter: U,
-			tickCount: W,
-			domain: gt,
-			label: mt
+			unit: We,
+			tickFormatter: Ge,
+			tickCount: Ke,
+			domain: vt,
+			label: gt
 		})
-	] }), Pt = () => /* @__PURE__ */ v(ce, { children: [
-		/* @__PURE__ */ _(y, {
-			dataKey: T,
+	] }), Ft = () => /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(b, {
+			dataKey: E,
 			type: "category",
-			hide: !We,
+			hide: !R,
 			tickLine: !1,
 			axisLine: !1,
 			tickMargin: 8,
-			tickFormatter: P,
-			angle: I,
-			interval: L,
-			textAnchor: m(I),
+			tickFormatter: B,
+			angle: H,
+			interval: U,
+			textAnchor: re(H),
 			height: Q.height,
-			label: lt
+			label: ut
 		}),
-		/* @__PURE__ */ _(b, {
+		/* @__PURE__ */ v(x, {
 			type: "number",
-			hide: !Ge || Y,
-			...z ? { orientation: z } : {},
+			hide: !z || Y,
+			...W ? { orientation: W } : {},
 			tickLine: !1,
 			axisLine: !1,
-			unit: De,
-			tickFormatter: F,
-			tickCount: R,
-			domain: ht,
-			width: k ? 72 : void 0,
-			label: ft
+			unit: Te,
+			tickFormatter: V,
+			tickCount: Ve,
+			domain: _t,
+			width: j ? 72 : void 0,
+			label: mt
 		}),
-		J && /* @__PURE__ */ _(b, {
-			yAxisId: x,
+		J && /* @__PURE__ */ v(x, {
+			yAxisId: S,
 			type: "number",
-			hide: !B,
-			orientation: dt,
+			hide: !Ue,
+			orientation: pt,
 			tickLine: !1,
 			axisLine: !1,
-			unit: H,
-			tickFormatter: U,
-			tickCount: W,
-			domain: gt,
-			width: V ? 72 : void 0,
-			label: pt
+			unit: We,
+			tickFormatter: Ge,
+			tickCount: Ke,
+			domain: vt,
+			width: G ? 72 : void 0,
+			label: ht
 		})
-	] }), Ft = Et.size > 0 ? (e) => /* @__PURE__ */ _(i, {
-		verticalAlign: N,
-		fontSize: Ue,
-		payload: e.payload?.filter((e) => !Et.has(String(e.dataKey)))
-	}) : /* @__PURE__ */ _(i, {
-		verticalAlign: N,
-		fontSize: Ue
-	}), It = (e, t) => {
-		let n = e.color ?? `var(--color-${s(e.key)})`, r = ye + t, i = Z(e.yAxis), a = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, o = e.fillOpacity ?? Fe, c = e.connectNulls ?? Re, l = e.showDots ?? Ie, u = e.showActiveDots ?? Le, d = e.legendType ? { legendType: e.legendType } : {}, f = ee({
-			labelPosition: nt,
+	] }), It = Dt.size > 0 ? (e) => /* @__PURE__ */ v(i, {
+		verticalAlign: F,
+		fontSize: I,
+		ariaLabel: L,
+		payload: e.payload?.filter((e) => !Dt.has(String(e.dataKey)))
+	}) : /* @__PURE__ */ v(i, {
+		verticalAlign: F,
+		fontSize: I,
+		ariaLabel: L
+	}), Lt = (e, t) => {
+		let n = e.color ?? `var(--color-${s(e.key)})`, r = ve + t, i = X(e.yAxis), a = e.stackId && e.type !== "line" ? `${e.type}-${e.stackId}` : void 0, o = e.fillOpacity ?? Ne, c = e.connectNulls ?? Ie, l = e.showDots ?? Pe, u = e.showActiveDots ?? Fe, d = e.legendType ? { legendType: e.legendType } : {}, f = ee({
+			labelPosition: rt,
 			isStacked: a !== void 0,
 			growingEnd: q ? "right" : "top"
-		}), p = G ? /* @__PURE__ */ _(me, {
+		}), p = nt ? /* @__PURE__ */ v(pe, {
 			dataKey: e.key,
 			position: f,
-			formatter: ie(rt),
+			formatter: ae(it),
 			className: te(f, { translucentSeries: e.type === "area" }),
 			fontSize: 12
 		}) : null;
 		if (e.type === "bar") {
-			let o = e.barRadius ?? Oe, s = a === void 0 || Mt.get(a) === t, c = e.showBackground ?? Me, l = e.showActiveBar ?? Pe;
-			return /* @__PURE__ */ _(ue, {
+			let o = e.barRadius ?? Ee, s = a === void 0 || Nt.get(a) === t, c = e.showBackground ?? Ae, l = e.showActiveBar ?? Me;
+			return /* @__PURE__ */ v(le, {
 				dataKey: e.key,
 				...i,
 				fill: n,
@@ -177,17 +179,17 @@ var ve = t("", {
 					strokeDasharray: e.strokeDasharray,
 					...e.strokeWidth === void 0 ? {} : { strokeWidth: e.strokeWidth }
 				},
-				...c ? { background: { fill: Ne } } : {},
-				...l ? { activeBar: { fillOpacity: Se } } : {},
+				...c ? { background: { fill: je } } : {},
+				...l ? { activeBar: { fillOpacity: xe } } : {},
 				...d,
 				...K,
 				children: p
 			}, e.key);
 		}
 		if (e.type === "area") {
-			let t = e.strokeWidth ?? j, s = t === void 0 ? {} : { strokeWidth: t };
-			return /* @__PURE__ */ _(le, {
-				type: e.curve ?? A,
+			let t = e.strokeWidth ?? N, s = t === void 0 ? {} : { strokeWidth: t };
+			return /* @__PURE__ */ v(ce, {
+				type: e.curve ?? M,
 				dataKey: e.key,
 				...i,
 				stroke: n,
@@ -205,12 +207,12 @@ var ve = t("", {
 				children: p
 			}, e.key);
 		}
-		return /* @__PURE__ */ _(he, {
-			type: e.curve ?? A,
+		return /* @__PURE__ */ v(me, {
+			type: e.curve ?? M,
 			dataKey: e.key,
 			...i,
 			stroke: n,
-			strokeWidth: e.strokeWidth ?? j ?? 2,
+			strokeWidth: e.strokeWidth ?? N ?? 2,
 			dot: l ? { r: 3 } : !1,
 			zIndex: r,
 			...e.strokeDasharray === void 0 ? {} : { strokeDasharray: e.strokeDasharray },
@@ -220,10 +222,10 @@ var ve = t("", {
 			...K,
 			children: p
 		}, e.key);
-	}, Lt = ({ area: e, range: t }, n) => {
+	}, Rt = ({ area: e, range: t }, n) => {
 		let [r, i] = t;
-		return /* @__PURE__ */ _(ge, {
-			..._t,
+		return /* @__PURE__ */ v(he, {
+			...yt,
 			...q ? {
 				y1: $(r),
 				y2: $(i)
@@ -233,7 +235,7 @@ var ve = t("", {
 			},
 			fill: "var(--ui-background-surface-secondary)",
 			fillOpacity: .6,
-			zIndex: be,
+			zIndex: ye,
 			ifOverflow: "extendDomain",
 			label: e.label ? {
 				value: e.label,
@@ -242,53 +244,53 @@ var ve = t("", {
 				fontSize: 12
 			} : void 0
 		}, `${e.label ?? "area"}-${n}`);
-	}, Rt = ({ line: e, lineAxis: t, position: n, isVerticalRule: r }, i) => /* @__PURE__ */ _(_e, {
-		...t === "secondary" && J ? Z("secondary") : {},
+	}, zt = ({ line: e, lineAxis: t, position: n, isVerticalRule: r }, i) => /* @__PURE__ */ v(ge, {
+		...t === "secondary" && J ? X("secondary") : {},
 		...n,
 		...ne(e.label, e.labelPosition ?? (r ? "top" : "insideTopRight"))
 	}, `${e.label ?? "ref"}-${i}`);
-	return /* @__PURE__ */ _("div", {
-		ref: ct,
-		"data-orientation": O,
-		className: e(ve({ orientation: O }), t),
-		...st,
-		children: /* @__PURE__ */ _(n, {
-			ref: yt,
-			config: S,
-			palette: we,
+	return /* @__PURE__ */ v("div", {
+		ref: lt,
+		"data-orientation": k,
+		className: e(_e({ orientation: k }), t),
+		...ct,
+		children: /* @__PURE__ */ v(n, {
+			ref: Z,
+			config: C,
+			palette: Ce,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ v(pe, {
-				data: C,
+			children: /* @__PURE__ */ y(fe, {
+				data: w,
 				layout: q ? "vertical" : "horizontal",
-				barSize: ke,
-				barGap: Ae,
-				barCategoryGap: je,
-				margin: jt,
+				barSize: De,
+				barGap: Oe,
+				barCategoryGap: ke,
+				margin: Mt,
 				children: [
-					ze && /* @__PURE__ */ _(fe, {
-						..._t,
+					Le && /* @__PURE__ */ v(de, {
+						...yt,
 						horizontal: Ye ?? !q,
 						vertical: Xe ?? q,
 						strokeDasharray: Je ? "3 3" : void 0
 					}),
-					q ? Nt() : Pt(),
-					Be && /* @__PURE__ */ _(a, {
-						...Ve ? {} : { cursor: !1 },
-						content: Ze ?? /* @__PURE__ */ _(o, {})
+					q ? Pt() : Ft(),
+					Re && /* @__PURE__ */ v(a, {
+						...ze ? {} : { cursor: !1 },
+						content: Ze ?? /* @__PURE__ */ v(o, {})
 					}),
-					He && /* @__PURE__ */ _(r, {
-						verticalAlign: N,
-						content: Ft
+					Be && /* @__PURE__ */ v(r, {
+						verticalAlign: F,
+						content: It
 					}),
-					w.map(It),
-					xt.map(Lt),
-					Dt.map(Rt),
-					it && /* @__PURE__ */ _(de, {
-						dataKey: T,
-						tickFormatter: q ? F : P,
+					T.map(Lt),
+					St.map(Rt),
+					Ot.map(zt),
+					at && /* @__PURE__ */ v(ue, {
+						dataKey: E,
+						tickFormatter: q ? V : B,
 						...d({
-							brushHeight: at,
-							brushAriaLabel: ot
+							brushHeight: ot,
+							brushAriaLabel: st
 						})
 					})
 				]
@@ -296,8 +298,8 @@ var ve = t("", {
 		})
 	});
 });
-S.displayName = "ComposedChart";
+C.displayName = "ComposedChart";
 //#endregion
-export { S as ComposedChart, ve as composedChartVariants };
+export { C as ComposedChart, _e as composedChartVariants };
 
 //# sourceMappingURL=composed-chart.js.map