@acronis-platform/ui-react 4.0.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"chart.js","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 {\n  CHART_DEFAULT_PALETTE,\n  CHART_STATUS_TOKENS,\n  resolveSeriesColor,\n  type ChartPalette,\n  type ChartSeriesTone,\n} from './chart-palette';\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  let index = 0;\n  const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n  for (const [key, item] of entries) {\n    if (isAlias(item)) {\n      continue;\n    }\n    resolved[key] = {\n      ...item,\n      color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\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\nexport type ChartLegendContentProps = {\n  className?: string;\n  hideIcon?: boolean;\n  verticalAlign?: LegendProps['verticalAlign'];\n  payload?: LegendPayload[];\n  nameKey?: string;\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\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\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  palette = CHART_DEFAULT_PALETTE,\n  ...props\n}: ChartContainerProps) {\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        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\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  return (\n    <style>\n      {`[data-chart=${id}] {\\n${entries\n        .map(([key, itemConfig]) => `  --color-${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  valueKey,\n  valueFormatter,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\n  valueKey?: string;\n  valueFormatter?: (value: string | number) => 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\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        <span className=\"min-w-0 flex-1 truncate text-xs text-foreground\">\n          {itemConfig?.label ?? item.value}\n        </span>\n      </div>\n      {displayValue != null && (\n        <span className=\"shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]\">\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  valueKey,\n  valueFormatter,\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 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              valueKey={valueKey}\n              valueFormatter={valueFormatter}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div\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        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"],"names":["resolveChartColors","config","palette","entries","isAlias","item","_a","index","resolved","key","resolveSeriesColor","pending","changed","target","targetColor","CHART_STATUS_TOKENS","ChartContext","React","useChart","context","ChartContainer","id","className","children","CHART_DEFAULT_PALETTE","props","uniqueId","chartId","resolvedConfig","jsx","jsxs","cn","ChartStyle","RechartsPrimitive","itemConfig","ChartTooltip","ChartTooltipRow","payload","indicatorColor","hideIndicator","formatter","Fragment","ChartTooltipContent","active","label","hideLabel","labelFormatter","labelClassName","color","nameKey","labelKey","tooltipLabel","getPayloadConfigFromPayload","value","v","ChartLegend","ChartLegendListEntry","valueKey","valueFormatter","raw","displayValue","ChartLegendEntry","hideIcon","ChartLegendContent","verticalAlign","configFromProps","variant","contextConfig","payloadPayload","configLabelKey"],"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 {\n  CHART_DEFAULT_PALETTE,\n  CHART_STATUS_TOKENS,\n  resolveSeriesColor,\n  type ChartPalette,\n  type ChartSeriesTone,\n} from './chart-palette';\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  let index = 0;\n  const resolved: Record<string, ChartConfig[string] & { color: string }> = {};\n\n  for (const [key, item] of entries) {\n    if (isAlias(item)) {\n      continue;\n    }\n    resolved[key] = {\n      ...item,\n      color: resolveSeriesColor(palette, { index: index++, tone: item.tone }),\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\nexport type ChartLegendContentProps = {\n  className?: string;\n  hideIcon?: boolean;\n  verticalAlign?: LegendProps['verticalAlign'];\n  payload?: LegendPayload[];\n  nameKey?: string;\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\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  palette = CHART_DEFAULT_PALETTE,\n  ...props\n}: ChartContainerProps) {\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        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\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  return (\n    <style>\n      {`[data-chart=${id}] {\\n${entries\n        .map(([key, itemConfig]) => `  --color-${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  valueKey,\n  valueFormatter,\n  valueClassName,\n}: {\n  item: LegendPayload;\n  itemConfig: ChartItemConfig;\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\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        <span className=\"min-w-0 flex-1 truncate text-xs text-foreground\">\n          {itemConfig?.label ?? item.value}\n        </span>\n      </div>\n      {displayValue != null && (\n        <span\n          className={cn(\n            'shrink-0 text-xs font-semibold text-[var(--ui-text-on-surface-link-idle)]',\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  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              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        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":";;;;;;;AAuDA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAU,OAAO,QAAQ,CAAM,GAK/B,KAAW,MAA8B,EAAQ,EAAK,MAAM,QAC9D,IAAQ,GACN,IAAoE,CAAC;CAE3E,KAAK,IAAM,CAAC,GAAK,MAAS,GACpB,EAAQ,CAAI,MAGhB,EAAS,KAAO;EACd,GAAG;EACH,OAAO,EAAmB,GAAS;GAAE,OAAO;GAAS,MAAM,EAAK;EAAK,CAAC;CACxE;CAOF,IAAM,oBAAU,IAAI,IAAoB;CACxC,KAAK,IAAM,CAAC,GAAK,MAAS,GACxB,AAAI,EAAQ,CAAI,KACd,EAAQ,IAAI,GAAK,EAAK,KAAM,MAAgB;CAIhD,IAAI,IAAU;CACd,OAAO,KAAW,EAAQ,OAAO,IAAG;EAClC,IAAU;EACV,KAAK,IAAM,CAAC,GAAK,MAAW,GAAS;GACnC,IAAM,IAAc,EAAS,EAAO,EAAE;GACtC,AAAI,MAAgB,KAAA,MAClB,EAAS,KAAO;IAAE,GAAG,EAAO;IAAM,OAAO;GAAY,GACrD,EAAQ,OAAO,CAAG,GAClB,IAAU;EAEd;CACF;CAEA,KAAK,IAAM,CAAC,GAAK,MAAW,GAM1B,AALA,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,4BAA4B,EAAI,aAAa,EAAO,mFACtD,GAEF,EAAS,KAAO;EAAE,GAAG,EAAO;EAAM,OAAO,EAAoB;CAAQ;CAMvE,OAAO,OAAO,YAAY,EAAQ,KAAK,CAAC,OAAS,CAAC,GAAK,EAAS,EAAI,CAAC,CAAC;AACxE;AAoEA,IAAM,IAAe,EAAM,cAAwC,IAAI;AAEvE,SAAS,IAAW;CAClB,IAAM,IAAU,EAAM,WAAW,CAAY;CAE7C,IAAI,CAAC,GACH,MAAU,MAAM,mDAAmD;CAGrE,OAAO;AACT;AAwBA,SAAS,EAAe,EACtB,OACA,cACA,aACA,WACA,aAAU,GACV,GAAG,KACmB;CACtB,IAAM,IAAW,EAAM,MAAM,GACvB,IAAU,SAAS,KAAM,EAAS,QAAQ,MAAM,EAAE,KAGlD,IAAiB,EAAM,cACrB,EAAmB,GAAQ,CAAO,GACxC,CAAC,GAAQ,CAAO,CAClB;CAEA,OACE,kBAAC,EAAa,UAAd;EAAuB,OAAO,EAAE,QAAQ,EAAe;EACrD,UAAA,kBAAC,OAAD;GACM;GACJ,aAAU;GACV,cAAY;GAKZ,WAAW,EACT,ytBAOA,4JAkBA,iGACA,CACF;GACA,GAAI;GArCN,UAAA,CAuCE,kBAAC,GAAD;IAAY,IAAI;IAAS,QAAQ;GAAiB,CAAA,GAClD,kBAAC,EAAkB,qBAAnB,EACG,YACoC,CAAA,CACpC;;CACgB,CAAA;AAE3B;AAEA,IAAM,KAAc,EAClB,OACA,gBAII;CACJ,IAAM,IAAU,OAAO,QAAQ,CAAM;CAerC,OAbK,EAAQ,SAcX,kBAAC,SAAD,EAAA,UACG,eAAe,EAAG,OAAO,EACvB,KAAK,CAAC,GAAK,OAAgB,aAAa,EAAI,IAAI,EAAW,MAAM,EAAE,CAAC,CACpE,KAAK,IAAI,EAAE,KACT,CAAA,IAjBA;AAmBX,GAEM,IAAe,EAAkB;AAwBvC,SAAS,EAAgB,EACvB,SACA,UACA,YACA,eACA,mBACA,kBACA,gBASC;CACD,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,KAAa,GAAM,UAAU,KAAA,KAAa,EAAK,OAC9C,EAAU,EAAK,OAAO,EAAK,MAAM,GAAM,GAAO,CAAO,IAErD,kBAAA,GAAA,EAAA,UAAA,CACG,GAAY,OACX,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,CAAC,KAGC,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,EAAe;EAC1C,CAAA,GAaL,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,GAAY,SAAS,EAAK;GACvB,CAAA,GACL,EAAK,SAAS,QACb,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,EAAK,MAAM,eAAe;GACvB,CAAA,CAEL;EACL,CAAA,CAAA,EAAA,CAAA;CAED,CAAA;AAET;AAEA,SAAS,EAAoB,EAC3B,WACA,YACA,UACA,cACA,eAAY,IACZ,mBAAgB,IAChB,mBACA,cACA,mBACA,UACA,YACA,eAC2B;CAC3B,IAAM,EAAE,cAAW,EAAS,GAEtB,IAAe,EAAM,cAAc;EACvC,IAAI,KAAa,CAAC,GAAS,QACzB,OAAO;EAGT,IAAM,CAAC,KAAQ,GACT,IAAM,GAAG,KAAY,GAAM,WAAW,GAAM,QAAQ,WACpD,IAAa,EAA4B,GAAQ,GAAM,CAAG,GAC1D,WAAe;GACnB,IAAM,IACJ,CAAC,KAAY,OAAO,KAAU,WACzB,EAAO,EAA6B,EAAE,SAAS,IAChD,GAAY;GAElB,OAAO,OAAO,KAAM,YAAY,OAAO,KAAM,WAAW,IAAI,KAAA;EAC9D,EAAA,CAAG;EAcH,OAZI,IAEA,kBAAC,OAAD;GAAK,WAAW,EAAG,eAAe,CAAc;GAC7C,UAAA,EAAe,GAAO,CAAO;EAC3B,CAAA,IAIJ,IAIE,kBAAC,OAAD;GAAK,WAAW,EAAG,eAAe,CAAc;GAAI,UAAA;EAAW,CAAA,IAH7D;CAIX,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAMD,OAJI,CAAC,KAAU,CAAC,GAAS,SAChB,OAIP,kBAAC,OAAD;EACE,WAAW,EACT,wPACA,CACF;EAJF,UAAA,CAMG,GACD,kBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,EAAQ,KAAK,GAAM,MAAU;IAC5B,IAAM,IAAM,GAAG,KAAW,EAAK,QAAQ,EAAK,WAAW;IAEvD,OACE,kBAAC,GAAD;KAEQ;KACC;KACE;KACT,YAAY,EAA4B,GAAQ,GAAM,CAAG;KACzD,gBAAgB,KAAS,EAAK,QAAQ,QAAQ,EAAK;KACpC;KACJ;IACZ,GARM,CAQN;GAEL,CAAC;EACE,CAAA,CACF;;AAET;AAEA,IAAM,IAAc,EAAkB;AAStC,SAAS,EAAqB,EAC5B,SACA,eACA,aACA,mBACA,qBAOC;CACD,IAAM,IAAM,IACP,EAAK,UAAkD,KACxD,KAAA,GACE,IACJ,KAAO,OAIH,KAAA,IAHA,IACE,EAAe,CAAsB,IACrC,OAAO,CAAG;CAGlB,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,GAAY,OACX,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,kBAAC,OAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,EAAK,MAAM;GACtC,CAAA,GAEH,kBAAC,QAAD;IAAM,WAAU;IACb,UAAA,GAAY,SAAS,EAAK;GACvB,CAAA,CACH;EACJ,CAAA,GAAA,KAAgB,QACf,kBAAC,QAAD;GACE,WAAW,EACT,6EACA,CACF;GAEC,UAAA;EACG,CAAA,CAEL;;AAET;AAMA,SAAS,EAAiB,EACxB,SACA,eACA,eAKC;CACD,OACE,kBAAC,OAAD;EACE,WAAW,EACT,iFACF;EAHF,UAAA,CAKG,GAAY,QAAQ,CAAC,IACpB,kBAAC,EAAW,MAAZ,CAAkB,CAAA,IAElB,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,iBAAiB,EAAK,MAAM;EACtC,CAAA,GAUF,GAAY,SAAS,EAAK,KACxB;;AAET;AAEA,SAAS,EAAmB,EAC1B,cACA,cAAW,IACX,YACA,mBAAgB,UAChB,YACA,QAAQ,GACR,aAAU,WACV,aACA,mBACA,qBAC0B;CAM1B,IAAM,IAAgB,EAAM,WAAW,CAAY,CAAC,EAAE,QAChD,IAAS,KAAmB;CAElC,IAAI,CAAC,GACH,MAAU,MACR,sFACF;CA2BF,OAxBK,GAAS,SAIV,MAAY,SAEZ,kBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,EAAG,iBAAiB,CAAS;EACnE,UAAA,EAAQ,KAAK,MAAS;GACrB,IAAM,IAAM,GAAG,KAAW,EAAK,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEQ;IACN,YAAY,EAA4B,GAAQ,GAAM,CAAG;IAC/C;IACM;IACA;GACjB,GANM,EAAK,KAMX;EAEL,CAAC;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAMT,8DACA,MAAkB,QAAQ,SAAS,QACnC,CACF;EAEC,UAAA,EAAQ,KAAK,MAAS;GACrB,IAAM,IAAM,GAAG,KAAW,EAAK,WAAW;GAE1C,OACE,kBAAC,GAAD;IAEQ;IACN,YAAY,EAA4B,GAAQ,GAAM,CAAG;IAC/C;GACX,GAJM,EAAK,KAIX;EAEL,CAAC;CACE,CAAA,IAjDE;AAmDX;AAGA,SAAS,EACP,GACA,GACA,GACA;CACA,IAAI,OAAO,KAAY,aAAY,GACjC;CAGF,IAAM,IACJ,aAAa,KACb,OAAO,EAAQ,WAAY,YAC3B,EAAQ,YAAY,OAChB,EAAQ,UACR,KAAA,GAEF,IAAyB;CAiB7B,OAdE,KAAO,KACP,OAAO,EAAQ,MAAiC,WAEhD,IAAiB,EAAQ,KAEzB,KACA,KAAO,KACP,OAAO,EAAe,MAAwC,aAE9D,IAAiB,EACf,KAIG,KAAkB,IACrB,EAAO,KACP,EAAO;AACb"}