50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T5ad9,import * as React from 'react' import * as RechartsPrimitive from 'recharts' import { cva, type VariantProps } from 'class-variance-authority' import { cn, sanitizeCssValue } from '@/lib/utils' // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: '', dark: '.dark' } as const // --------------------------------------------------------------------------- // Chart annotation vocabulary (shared, unified across React/Recharts and // Vue/echarts — identical shape so the same annotation objects author in both). // --------------------------------------------------------------------------- export interface ChartReferenceLineSpec { axis: 'x' | 'y' value: number | string label?: string color?: string dash?: boolean } export interface ChartCalloutSpec { x: number | string y: number text: string placement?: 'top' | 'right' | 'bottom' | 'left' } export interface ChartArrowSpec { from: { x: number | string; y: number } to: { x: number | string; y: number } label?: string } export type ChartAnnotation = | ({ kind: 'referenceLine' } & ChartReferenceLineSpec) | ({ kind: 'callout' } & ChartCalloutSpec) | ({ kind: 'arrow' } & ChartArrowSpec) // Neubrutalism color palettes for charts export const CHART_PALETTES = { bold: [ 'hsl(var(--primary))', 'hsl(var(--secondary))', 'hsl(var(--accent))', 'hsl(var(--success))', 'hsl(var(--warning))', 'hsl(var(--info))', ], vibrant: [ 'hsl(0 84% 60%)', // Coral red 'hsl(174 62% 50%)', // Teal 'hsl(49 100% 60%)', // Yellow 'hsl(280 65% 60%)', // Purple 'hsl(145 63% 49%)', // Green 'hsl(212 100% 60%)', // Blue ], pastel: [ 'hsl(0 84% 75%)', // Light coral 'hsl(174 62% 70%)', // Light teal 'hsl(49 100% 75%)', // Light yellow 'hsl(280 65% 75%)', // Light purple 'hsl(145 63% 70%)', // Light green 'hsl(212 100% 75%)', // Light blue ], monochrome: [ 'hsl(var(--foreground))', 'hsl(var(--foreground) / 0.8)', 'hsl(var(--foreground) / 0.6)', 'hsl(var(--foreground) / 0.4)', 'hsl(var(--foreground) / 0.2)', 'hsl(var(--foreground) / 0.1)', ], } as const export type ChartPalette = keyof typeof CHART_PALETTES // Helper to get colors from a palette export function getChartColor(palette: ChartPalette, index: number): string { const colors = CHART_PALETTES[palette] return colors[index % colors.length] } // Generate ChartConfig from palette export function createChartConfig( keys: string[], labels: string[], palette: ChartPalette = 'bold' ): ChartConfig { const config: ChartConfig = {} keys.forEach((key, index) => { config[key] = { label: labels[index] || key, color: getChartColor(palette, index), } }) return config } export type ChartConfig = { [k in string]: { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) } type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error('useChart must be used within a ') } return context } const chartContainerVariants = cva( 'flex aspect-video justify-center overflow-hidden text-xs [&_.recharts-cartesian-axis-tick_text]:fill-foreground [&_.recharts-cartesian-grid_line[stroke="#ccc"]]:stroke-muted-foreground/30 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-muted-foreground [&_.recharts-polar-grid_[stroke="#ccc"]]:stroke-foreground [&_.recharts-reference-line_[stroke="#ccc"]]:stroke-foreground [&_.recharts-dot[stroke="#fff"]]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke="#fff"]]:stroke-foreground [&_.recharts-surface]:outline-hidden [&_.recharts-layer_path]:[fill-opacity:1] [&_.recharts-layer_path]:[stroke-width:3] [&_.recharts-layer_path]:[stroke:hsl(var(--foreground))]', { variants: { variant: { default: 'border-3 border-foreground bg-background p-4 shadow-[4px_4px_0px_hsl(var(--shadow-color))]', elevated: 'border-3 border-foreground bg-background p-4 shadow-[6px_6px_0px_hsl(var(--shadow-color))] hover:shadow-[8px_8px_0px_hsl(var(--shadow-color))] hover:translate-x-[-2px] hover:translate-y-[-2px] transition', flat: 'border-3 border-foreground bg-background p-4', filled: 'border-3 border-foreground bg-muted/30 p-4 shadow-[4px_4px_0px_hsl(var(--shadow-color))]', minimal: 'bg-background p-4', accent: 'border-3 border-foreground bg-accent/10 p-4 shadow-[4px_4px_0px_hsl(var(--accent))]', primary: 'border-3 border-foreground bg-primary/10 p-4 shadow-[4px_4px_0px_hsl(var(--primary))]', }, }, defaultVariants: { variant: 'default', }, } ) export interface ChartContainerProps extends React.ComponentProps<'div'>, VariantProps { config: ChartConfig children: React.ComponentProps['children'] /** Render a brutalist placeholder instead of the chart while data is pending. */ loading?: boolean /** Announced while `loading` is true. */ loadingLabel?: string /** Accessible label for the chart (required for screen readers) */ 'aria-label'?: string /** ID of element that labels this chart */ 'aria-labelledby'?: string } function ChartContainer({ id, className, children, config, variant, loading = false, loadingLabel, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...props }: ChartContainerProps) { const uniqueId = React.useId() const chartId = `chart-${id || uniqueId.replace(/:/g, '')}` return (

{loading ? ( ) : ( {children} )}

) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, configItem]) => configItem.theme || configItem.color ) if (!colorConfig.length) { return null } const safeId = id.replace(/[^a-zA-Z0-9_-]/g, '') return (