npm - @7onic-ui/react - Versions diffs - 0.3.8 → 0.3.9 - Mend

@7onic-ui/react 0.3.8 → 0.3.9

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

Files changed (11) hide show

package/README.md CHANGED Viewed

@@ -324,7 +324,7 @@ your project's `.claude/`) or copy the files from
 - [x] Automated doc verification (8 checks, AST-powered, blocks publish on error)
 - [x] Automated component verification (7 checks — hardcoded colors, tokens, dark mode, dead code)
 - [x] Multilingual documentation — English, Japanese, Korean (powered by next-intl)
-- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.3.8
+- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.3.9
 - [x] AI integration — `llms.txt` standard, setup guides for Claude Code / Cursor / Copilot / ChatGPT
 - [x] MCP server — token search, component catalog, layout recipes, `validate_code` rule checking (en/ja/ko), Claude Code plugin one-command install
 - [x] AI Kit — `/7onic-setup` + `/7onic-design` skills and a design agent (plugin, `npx 7onic init --claude`, or manual copy)
@@ -355,5 +355,5 @@ MIT
 <p align="center">
   <strong>One JSON, every format — from Figma to production.</strong><br>
   Independently built.<br>
-  <sub>Last updated: 2026-10-22 (v0.3.8)</sub>
+  <sub>Last updated: 2026-10-27 (v0.3.9)</sub>
 </p>

package/dist/chart.js CHANGED Viewed

@@ -302,7 +302,7 @@ function ChartTooltipContent({
           "div",
           {
             className: cn(
-              "flex flex-1 justify-between leading-none",
+              "flex flex-1 justify-between gap-4 leading-none",
               nestLabel ? "items-end" : "items-center"
             )
           },

package/dist/chart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/ui/chart.tsx","../src/lib/utils.ts"],"sourcesContent":["'use client'\n/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable react-hooks/exhaustive-deps /\n\nimport as React from 'react'\nimport * as RechartsPrimitive from 'recharts'\nimport { cn } from '@/lib/utils'\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n // Hover fade state\n hoverFade: boolean\n activeIndex: number \| null\n setActiveIndex: (index: number \| null) => void\n // Series-level hover fade (used by ChartLine)\n activeDataKey: string \| null\n setActiveDataKey: (key: string \| null) => void\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />')\n }\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n hoverFade = false,\n ...props\n}: React.ComponentProps<'div'> & {\n config: ChartConfig\n /** Enable hover-to-highlight: hovered bar group stays full opacity, others fade. /\n hoverFade?: boolean\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children']\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null)\n const [activeDataKey, setActiveDataKey] = React.useState<string \| null>(null)\n\n return (\n <ChartContext.Provider value={{ config, hoverFade, activeIndex, setActiveIndex, activeDataKey, setActiveDataKey }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n onMouseLeave={hoverFade ? () => { setActiveIndex(null); setActiveDataKey(null) } : undefined}\n className={cn(\n 'flex aspect-video w-full justify-center text-xs outline-none [&_]:outline-none',\n // Responsive axis tick font-size — consumed by ChartXAxis / ChartYAxis via var()\n '[--chart-axis-fs:var(--font-size-2xs)] sm:[--chart-axis-fs:var(--font-size-xs)]',\n // Recharts element overrides — use arbitrary properties for v3/v4 compat\n '[&_.recharts-cartesian-axis-tick_text]:[fill:var(--color-text-muted)]',\n \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-cartesian-grid_line]:[stroke-dasharray:3_3]',\n '[&_.recharts-curve.recharts-tooltip-cursor]:[stroke:var(--color-border)]',\n \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-layer]:outline-none',\n \"[&_.recharts-polar-grid_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-radial-bar-background-sector]:[fill:var(--color-background-muted)]',\n '[&_.recharts-rectangle.recharts-tooltip-cursor]:[fill:transparent]',\n \"[&_.recharts-reference-line_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-sector]:outline-none',\n \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-surface]:outline-none',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\n// Tooltip fade-in keyframe — injected once per chart via ChartStyle\nconst CHART_TOOLTIP_KEYFRAME = '@keyframes chart-tooltip-in{from{opacity:0}to{opacity:1}}'\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n const colorCss = colorConfig.length\n ? Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join('\\n')}\n}\n`\n )\n .join('\\n')\n : ''\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: CHART_TOOLTIP_KEYFRAME + colorCss,\n }}\n />\n )\n}\n\n// ─── ChartBar ─────────────────────────────────────────────────────────────────\n\nexport type ChartBarRadius = 'none' \| 'sm' \| 'base' \| 'md' \| 'lg'\nexport type ChartBarVariant = 'solid' \| 'outline'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\n// Matches --opacity-35 token (0.35).\nconst CHART_HOVER_FADE_OPACITY = 0.35\n\n// Fade transition for hover effect — uses --duration-fast token via CSS variable\nconst CHART_FADE_TRANSITION = { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } as const\n\n// TOKEN-EXCEPTION: Recharts Bar radius is an SVG attribute — CSS variables not supported.\n// Values mirror --radius-* tokens from variables.css.\nconst CHART_BAR_RADIUS_MAP: Record<ChartBarRadius, number> = {\n none: 0, // --radius-none: 0px\n sm: 2, // --radius-sm: 2px\n base: 4, // --radius-base: 4px\n md: 6, // --radius-md: 6px\n lg: 8, // --radius-lg: 8px\n}\n\ntype ChartBarProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Bar>, 'radius'> & {\n /** Named radius token. Auto-adapts corners based on layout and stack position. /\n radius?: ChartBarRadius\n /* 'horizontal' rounds the right side (away from Y-axis). Default: 'vertical' /\n layout?: 'vertical' \| 'horizontal'\n /* 'bottom' rounds the bottom corners (base of a stack). Default: 'top' /\n stackPosition?: 'top' \| 'bottom'\n /* 'outline' renders a thick border with a semi-transparent fill. Default: 'solid' /\n variant?: ChartBarVariant\n}\n\nfunction ChartBar({\n radius = 'none',\n layout = 'vertical',\n stackPosition = 'top',\n variant = 'solid',\n fill,\n stackId,\n ...props\n}: ChartBarProps) {\n const { hoverFade, activeIndex, setActiveIndex } = useChart()\n const r = CHART_BAR_RADIUS_MAP[radius]\n const isStacked = !!stackId \|\| stackPosition === 'bottom'\n const appliedRadius: number \| [number, number, number, number] =\n r === 0 ? 0\n : variant === 'outline' && !isStacked ? r // outline standalone: all 4 corners (works for negative bars too)\n : layout === 'horizontal' && stackPosition === 'bottom' ? 0 // stacked horiz inner: all flat (connects to next bar)\n : layout === 'horizontal' ? [0, r, r, 0] // horiz tip: right corners\n : stackPosition === 'bottom' ? 0 // vertical stacked base: all flat (sits on axis, top connects to next bar)\n : [r, r, 0, 0] // default vertical: top corners only\n\n // TOKEN-EXCEPTION: SVG stroke is centered by default (half inside, half outside).\n // Custom shape renders an inset rect so the stroke stays fully inside the bar bounds.\n const outlineShape = React.useCallback((shapeProps: RechartsPrimitive.BarShapeProps & { x?: number; y?: number; width?: number; height?: number; index?: number }) => {\n const x = shapeProps.x ?? 0\n const y = shapeProps.y ?? 0\n const width = shapeProps.width ?? 0\n const height = shapeProps.height ?? 0\n if (!width \|\| !height \|\| width <= 0 \|\| height <= 0) return <g />\n const sw = 2\n const inset = sw / 2\n const rx = typeof appliedRadius === 'number' ? Math.max(0, appliedRadius - inset) : 0\n // Hover fade: modulate base outline opacity (fill: 0.4, stroke: 1.0)\n const fadeMultiplier = hoverFade && activeIndex !== null && shapeProps.index !== activeIndex ? CHART_HOVER_FADE_OPACITY : 1\n return (\n <rect\n x={x + inset}\n y={y + inset}\n width={Math.max(0, width - sw)}\n height={Math.max(0, height - sw)}\n rx={rx}\n fill={fill}\n fillOpacity={0.4 fadeMultiplier}\n stroke={fill}\n strokeOpacity={fadeMultiplier}\n strokeWidth={sw}\n style={hoverFade ? CHART_FADE_TRANSITION : undefined}\n />\n )\n }, [appliedRadius, fill, hoverFade, activeIndex])\n\n // Solid variant hover-fade shape: renders Rectangle with per-bar opacity\n const solidHoverShape = React.useCallback((shapeProps: any) => {\n const opacity = activeIndex === null ? 1 : shapeProps.index === activeIndex ? 1 : CHART_HOVER_FADE_OPACITY\n return (\n <RechartsPrimitive.Rectangle\n {...shapeProps}\n fillOpacity={opacity}\n style={CHART_FADE_TRANSITION}\n />\n )\n }, [activeIndex])\n\n // Determine which shape function to use\n const useOutline = variant === 'outline' && !isStacked\n const needsHoverShape = hoverFade && variant === 'solid' && !useOutline\n\n return (\n <RechartsPrimitive.Bar\n radius={appliedRadius}\n fill={fill}\n stackId={stackId}\n // Disable Recharts animation to prevent label/total flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(useOutline && { shape: outlineShape as any })}\n {...(needsHoverShape && { shape: solidHoverShape as any })}\n {...(hoverFade && { onMouseEnter: (_: unknown, index: number) => setActiveIndex(index) })}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\n// Wrapper: kill position-slide so tooltip appears at the hovered bar instantly.\n// Smooth appearance is handled by CSS fade on ChartTooltipContent instead.\nfunction ChartTooltip(props: React.ComponentProps<typeof RechartsPrimitive.Tooltip>) {\n return <RechartsPrimitive.Tooltip animationDuration={0} {...props} />\n}\n\n// Recharts 3.x injects these props at runtime via content render prop.\n// We define explicit types instead of deriving from RechartsPrimitive.Tooltip.\ntype TooltipPayloadItem = {\n dataKey?: string \| number\n name?: string\n value?: number \| string\n type?: string\n color?: string\n payload?: Record<string, unknown>\n fill?: string\n}\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n active?: boolean\n payload?: TooltipPayloadItem[]\n label?: string\n labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode\n labelClassName?: string\n formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode\n color?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: 'line' \| 'dot' \| 'dashed'\n nameKey?: string\n labelKey?: string\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n className,\n indicator = 'dot',\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\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 !labelKey && typeof label === 'string'\n ? config[label as keyof typeof config]?.label \|\| label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn('font-semibold', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn('font-semibold', labelClassName)}>{value}</div>\n }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== 'dot'\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1.5 text-xs shadow-xl',\n className\n )}\n style={{ animation: 'chart-tooltip-in var(--duration-slow) ease-out' }}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload\n .filter((item: TooltipPayloadItem) => item.type !== 'none')\n .map((item: TooltipPayloadItem, index: number) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| (item.payload as Record<string, unknown>)?.fill as string \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n 'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-text-muted',\n indicator === 'dot' && 'items-center'\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload as Record<string, unknown>)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n 'shrink-0 rounded-sm',\n {\n 'h-2.5 w-2.5': indicator === 'dot',\n 'w-1': indicator === 'line',\n 'w-0 border-[1.5px] border-dashed bg-transparent':\n indicator === 'dashed',\n 'my-0.5': nestLabel && indicator === 'dashed',\n }\n )}\n style={{\n backgroundColor: indicator === 'dashed' ? 'transparent' : indicatorColor,\n borderColor: indicatorColor,\n }}\n />\n )\n )}\n <div\n className={cn(\n 'flex flex-1 justify-between leading-none',\n nestLabel ? 'items-end' : 'items-center'\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-text-muted\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-semibold text-foreground tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\n// Recharts 3.x legend payload type\ntype LegendPayloadItem = {\n value?: string\n type?: string\n color?: string\n dataKey?: string\n}\n\ntype ChartLegendContentProps = React.ComponentProps<'div'> & {\n payload?: LegendPayloadItem[]\n verticalAlign?: 'top' \| 'middle' \| 'bottom'\n align?: 'left' \| 'center' \| 'right'\n /** Recharts passes layout when Legend uses layout prop /\n layout?: 'horizontal' \| 'vertical'\n hideIcon?: boolean\n nameKey?: string\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n align = 'center',\n layout = 'horizontal',\n nameKey,\n}: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n const isVertical = layout === 'vertical'\n\n return (\n <div\n className={cn(\n 'flex gap-4',\n isVertical\n ? 'flex-col items-start gap-1.5'\n : [\n 'items-center',\n align === 'left' ? 'justify-start' : align === 'right' ? 'justify-end' : 'justify-center',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n ],\n className\n )}\n >\n {payload\n .filter((item: LegendPayloadItem) => item.type !== 'none')\n .map((item: LegendPayloadItem) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className=\"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-text-muted\"\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-sm\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n <span className=\"text-foreground\">{itemConfig?.label}</span>\n </div>\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\n// ─── ChartXAxis / ChartYAxis ──────────────────────────────────────────────────\n\n// TOKEN-EXCEPTION: Recharts ignores CSS overrides on axis tick text.\n// Wrapper components apply design-token styles via inline style to ensure override.\nconst CHART_AXIS_TICK_STYLE = { style: { fontSize: 'var(--chart-axis-fs)', fill: 'var(--color-text-subtle)' } } as const\n\ntype ChartXAxisProps = React.ComponentProps<typeof RechartsPrimitive.XAxis>\ntype ChartYAxisProps = React.ComponentProps<typeof RechartsPrimitive.YAxis>\n\nconst CHART_XAXIS_PADDING = { left: 16, right: 16 } as const\n\nfunction ChartXAxis({ tick, padding, ...props }: ChartXAxisProps) {\n return <RechartsPrimitive.XAxis tick={tick ?? CHART_AXIS_TICK_STYLE} padding={padding ?? CHART_XAXIS_PADDING} {...props} />\n}\n\nfunction ChartYAxis({ tick, width = 'auto', ...props }: ChartYAxisProps) {\n return <RechartsPrimitive.YAxis tick={tick ?? CHART_AXIS_TICK_STYLE} width={width} {...props} />\n}\n\n// ─── ChartLine ───────────────────────────────────────────────────────────────\n\nexport type ChartLineType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartLineVariant = 'solid' \| 'dashed'\n\n// TOKEN-EXCEPTION: SVG strokeDasharray requires numeric values — CSS variables not supported.\nconst CHART_LINE_DASH = '5 5' as const\n\n// TOKEN-EXCEPTION: SVG r / strokeWidth are geometric attributes — CSS variables not supported.\n// Dot: r=3 strokeWidth=2, ActiveDot: r=5 strokeWidth=2\nconst CHART_DOT_PROPS = { r: 3, strokeWidth: 2 } as const\nconst CHART_ACTIVE_DOT_PROPS = { r: 5, strokeWidth: 2 } as const\n\ntype ChartLineProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Line>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartLineType\n /* Line style. 'dashed' applies stroke-dasharray. Default: 'solid' /\n variant?: ChartLineVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n}\n\nfunction ChartLine({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n stroke,\n dataKey,\n ...props\n}: ChartLineProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n // When dashed, override strokeDasharray on dots so they remain solid circles.\n const dotProps = showDot\n ? variant === 'dashed' ? { ...CHART_DOT_PROPS, strokeDasharray: '0' } : CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? variant === 'dashed' ? { ...CHART_ACTIVE_DOT_PROPS, strokeDasharray: '0' } : CHART_ACTIVE_DOT_PROPS\n : false\n\n return (\n <RechartsPrimitive.Line\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n strokeWidth={2}\n strokeDasharray={variant === 'dashed' ? CHART_LINE_DASH : undefined}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n )\n}\n\n// ─── ChartArea ───────────────────────────────────────────────────────────────\n\nexport type ChartAreaType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartAreaVariant = 'solid' \| 'gradient'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\nconst CHART_AREA_DEFAULT_OPACITY = 0.4\n\ntype ChartAreaProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Area>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartAreaType\n /* Fill style. 'gradient' auto-generates an SVG linearGradient. Default: 'solid' /\n variant?: ChartAreaVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n /* Fill opacity for this area (0–1). Default: 0.4 /\n fillOpacity?: number\n}\n\nfunction ChartArea({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n fillOpacity = CHART_AREA_DEFAULT_OPACITY,\n stroke,\n fill,\n dataKey,\n ...props\n}: ChartAreaProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n const dotProps = showDot\n ? CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? CHART_ACTIVE_DOT_PROPS\n : false\n\n // Gradient variant: use unique ID referencing dataKey\n const gradientId = `area-gradient-${String(dataKey)}`\n const effectiveFill = variant === 'gradient' ? `url(#${gradientId})` : (fill \|\| stroke)\n const effectiveFillOpacity = variant === 'gradient' ? 1 : fillOpacity\n\n return (\n <>\n {variant === 'gradient' && (\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n {/ TOKEN-EXCEPTION: SVG stop attributes require inline values /}\n <stop offset=\"5%\" stopColor={fill \|\| stroke} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={fill \|\| stroke} stopOpacity={0} />\n </linearGradient>\n </defs>\n )}\n <RechartsPrimitive.Area\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n fill={effectiveFill}\n fillOpacity={effectiveFillOpacity opacity}\n strokeWidth={2}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n </>\n )\n}\n\n// ─── ChartPie ────────────────────────────────────────────────────────────────\n\nexport type ChartPieVariant = 'pie' \| 'donut'\nexport type ChartPieLabel = 'none' \| 'outside' \| 'inside'\nexport type ChartPieLabelContent = 'value' \| 'percent'\n\n// TOKEN-EXCEPTION: SVG outerRadius expansion on hover — numeric constant.\nconst CHART_PIE_ACTIVE_OFFSET = 8\n\n// TOKEN-EXCEPTION: SVG innerRadius for donut variant — numeric constant.\nconst CHART_PIE_DONUT_INNER_RADIUS = 60\n\n// TOKEN-EXCEPTION: SVG outside label line — numeric constants.\nconst CHART_PIE_LABEL_RADIAL = 16 // radial segment length from slice edge\nconst CHART_PIE_LABEL_HORIZ = 20 // horizontal segment length\n\n// TOKEN-EXCEPTION: SVG inside label skip angle — numeric constant.\nconst CHART_PIE_SKIP_ANGLE = 15 // hide label for slices smaller than this (degrees)\n\ntype ChartPieProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Pie>, 'label' \| 'labelLine' \| 'activeShape'> & {\n /** 'donut' applies innerRadius automatically. Default: 'pie' /\n variant?: ChartPieVariant\n /* Label position. Default: 'none' /\n label?: ChartPieLabel\n /* Label display content. Default: 'value' /\n labelContent?: ChartPieLabelContent\n /* Hover expand effect. Default: true /\n activeShape?: boolean\n /* Override inner radius (default: 0 for pie, 60 for donut) /\n innerRadius?: number\n /* Padding angle between slices (degrees). Default: 0 /\n paddingAngle?: number\n /* Corner radius for slices. Default: 0 /\n cornerRadius?: number\n}\n\nfunction ChartPie({\n variant = 'pie',\n label: labelMode = 'none',\n labelContent = 'value',\n activeShape: showActiveShape = true,\n innerRadius,\n paddingAngle = 0,\n cornerRadius = 0,\n startAngle = 90,\n endAngle = -270,\n ...props\n}: ChartPieProps) {\n // Resolve inner radius: explicit prop > variant default\n const resolvedInnerRadius = innerRadius ?? (variant === 'donut' ? CHART_PIE_DONUT_INNER_RADIUS : 0)\n\n // Active shape: render Sector with expanded outer radius on hover\n const activeShapeConfig = showActiveShape\n ? (props: any) => (\n <RechartsPrimitive.Sector\n {...props}\n outerRadius={props.outerRadius + CHART_PIE_ACTIVE_OFFSET}\n />\n )\n : undefined\n\n // Resolve display text from labelContent\n const getDisplayText = (entry: any) =>\n labelContent === 'percent'\n ? `${(entry.percent 100).toFixed(0)}%`\n : entry.value\n\n // Label rendering\n const labelConfig = labelMode === 'outside'\n ? (entry: any) => {\n const RADIAN = Math.PI / 180\n const { cx, cy, midAngle, outerRadius, fill } = entry\n\n // Point on slice edge\n const sx = cx + outerRadius * Math.cos(-midAngle * RADIAN)\n const sy = cy + outerRadius * Math.sin(-midAngle * RADIAN)\n\n // End of radial segment\n const mx = cx + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.cos(-midAngle * RADIAN)\n const my = cy + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.sin(-midAngle * RADIAN)\n\n // Horizontal elbow direction\n const isRight = mx > cx\n const ex = mx + (isRight ? CHART_PIE_LABEL_HORIZ : -CHART_PIE_LABEL_HORIZ)\n\n return (\n <g>\n <polyline\n points={`${sx},${sy} ${mx},${my} ${ex},${my}`}\n fill=\"none\"\n stroke={fill}\n strokeWidth={1}\n strokeOpacity={0.5}\n />\n <text\n x={ex + (isRight ? 4 : -4)}\n y={my}\n textAnchor={isRight ? 'start' : 'end'}\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'var(--color-text-muted)' }}\n >\n {getDisplayText(entry)}\n </text>\n </g>\n )\n }\n : labelMode === 'inside'\n ? (entry: any) => {\n // Skip label for small slices\n const angle = Math.abs(entry.endAngle - entry.startAngle)\n if (angle < CHART_PIE_SKIP_ANGLE) return null\n\n const RADIAN = Math.PI / 180\n const { cx, cy, innerRadius: ir, outerRadius: or, midAngle } = entry\n // Pie: push toward outer edge (0.65). Donut ring: use midpoint (0.5)\n const ratio = ir > 0 ? 0.5 : 0.65\n const radius = ir + (or - ir) * ratio\n const x = cx + radius * Math.cos(-midAngle * RADIAN)\n const y = cy + radius * Math.sin(-midAngle * RADIAN)\n\n return (\n <text\n x={x}\n y={y}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'white', fontWeight: 600 }}\n >\n {getDisplayText(entry)}\n </text>\n )\n }\n : false\n\n return (\n <RechartsPrimitive.Pie\n innerRadius={resolvedInnerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n startAngle={startAngle}\n endAngle={endAngle}\n label={labelConfig as any}\n labelLine={false}\n activeShape={activeShapeConfig as any}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport {\n ChartContainer,\n ChartContainer as Chart,\n ChartBar,\n ChartLine,\n ChartArea,\n ChartPie,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartXAxis,\n ChartYAxis,\n ChartStyle,\n useChart,\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/*\n Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["config","props"]}
1	+ {"version":3,"sources":["../src/components/ui/chart.tsx","../src/lib/utils.ts"],"sourcesContent":["'use client'\n/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable react-hooks/exhaustive-deps /\n\nimport as React from 'react'\nimport * as RechartsPrimitive from 'recharts'\nimport { cn } from '@/lib/utils'\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n // Hover fade state\n hoverFade: boolean\n activeIndex: number \| null\n setActiveIndex: (index: number \| null) => void\n // Series-level hover fade (used by ChartLine)\n activeDataKey: string \| null\n setActiveDataKey: (key: string \| null) => void\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />')\n }\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n hoverFade = false,\n ...props\n}: React.ComponentProps<'div'> & {\n config: ChartConfig\n /** Enable hover-to-highlight: hovered bar group stays full opacity, others fade. /\n hoverFade?: boolean\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children']\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null)\n const [activeDataKey, setActiveDataKey] = React.useState<string \| null>(null)\n\n return (\n <ChartContext.Provider value={{ config, hoverFade, activeIndex, setActiveIndex, activeDataKey, setActiveDataKey }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n onMouseLeave={hoverFade ? () => { setActiveIndex(null); setActiveDataKey(null) } : undefined}\n className={cn(\n 'flex aspect-video w-full justify-center text-xs outline-none [&_]:outline-none',\n // Responsive axis tick font-size — consumed by ChartXAxis / ChartYAxis via var()\n '[--chart-axis-fs:var(--font-size-2xs)] sm:[--chart-axis-fs:var(--font-size-xs)]',\n // Recharts element overrides — use arbitrary properties for v3/v4 compat\n '[&_.recharts-cartesian-axis-tick_text]:[fill:var(--color-text-muted)]',\n \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-cartesian-grid_line]:[stroke-dasharray:3_3]',\n '[&_.recharts-curve.recharts-tooltip-cursor]:[stroke:var(--color-border)]',\n \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-layer]:outline-none',\n \"[&_.recharts-polar-grid_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-radial-bar-background-sector]:[fill:var(--color-background-muted)]',\n '[&_.recharts-rectangle.recharts-tooltip-cursor]:[fill:transparent]',\n \"[&_.recharts-reference-line_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-sector]:outline-none',\n \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-surface]:outline-none',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\n// Tooltip fade-in keyframe — injected once per chart via ChartStyle\nconst CHART_TOOLTIP_KEYFRAME = '@keyframes chart-tooltip-in{from{opacity:0}to{opacity:1}}'\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n const colorCss = colorConfig.length\n ? Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join('\\n')}\n}\n`\n )\n .join('\\n')\n : ''\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: CHART_TOOLTIP_KEYFRAME + colorCss,\n }}\n />\n )\n}\n\n// ─── ChartBar ─────────────────────────────────────────────────────────────────\n\nexport type ChartBarRadius = 'none' \| 'sm' \| 'base' \| 'md' \| 'lg'\nexport type ChartBarVariant = 'solid' \| 'outline'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\n// Matches --opacity-35 token (0.35).\nconst CHART_HOVER_FADE_OPACITY = 0.35\n\n// Fade transition for hover effect — uses --duration-fast token via CSS variable\nconst CHART_FADE_TRANSITION = { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } as const\n\n// TOKEN-EXCEPTION: Recharts Bar radius is an SVG attribute — CSS variables not supported.\n// Values mirror --radius-* tokens from variables.css.\nconst CHART_BAR_RADIUS_MAP: Record<ChartBarRadius, number> = {\n none: 0, // --radius-none: 0px\n sm: 2, // --radius-sm: 2px\n base: 4, // --radius-base: 4px\n md: 6, // --radius-md: 6px\n lg: 8, // --radius-lg: 8px\n}\n\ntype ChartBarProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Bar>, 'radius'> & {\n /** Named radius token. Auto-adapts corners based on layout and stack position. /\n radius?: ChartBarRadius\n /* 'horizontal' rounds the right side (away from Y-axis). Default: 'vertical' /\n layout?: 'vertical' \| 'horizontal'\n /* 'bottom' rounds the bottom corners (base of a stack). Default: 'top' /\n stackPosition?: 'top' \| 'bottom'\n /* 'outline' renders a thick border with a semi-transparent fill. Default: 'solid' /\n variant?: ChartBarVariant\n}\n\nfunction ChartBar({\n radius = 'none',\n layout = 'vertical',\n stackPosition = 'top',\n variant = 'solid',\n fill,\n stackId,\n ...props\n}: ChartBarProps) {\n const { hoverFade, activeIndex, setActiveIndex } = useChart()\n const r = CHART_BAR_RADIUS_MAP[radius]\n const isStacked = !!stackId \|\| stackPosition === 'bottom'\n const appliedRadius: number \| [number, number, number, number] =\n r === 0 ? 0\n : variant === 'outline' && !isStacked ? r // outline standalone: all 4 corners (works for negative bars too)\n : layout === 'horizontal' && stackPosition === 'bottom' ? 0 // stacked horiz inner: all flat (connects to next bar)\n : layout === 'horizontal' ? [0, r, r, 0] // horiz tip: right corners\n : stackPosition === 'bottom' ? 0 // vertical stacked base: all flat (sits on axis, top connects to next bar)\n : [r, r, 0, 0] // default vertical: top corners only\n\n // TOKEN-EXCEPTION: SVG stroke is centered by default (half inside, half outside).\n // Custom shape renders an inset rect so the stroke stays fully inside the bar bounds.\n const outlineShape = React.useCallback((shapeProps: RechartsPrimitive.BarShapeProps & { x?: number; y?: number; width?: number; height?: number; index?: number }) => {\n const x = shapeProps.x ?? 0\n const y = shapeProps.y ?? 0\n const width = shapeProps.width ?? 0\n const height = shapeProps.height ?? 0\n if (!width \|\| !height \|\| width <= 0 \|\| height <= 0) return <g />\n const sw = 2\n const inset = sw / 2\n const rx = typeof appliedRadius === 'number' ? Math.max(0, appliedRadius - inset) : 0\n // Hover fade: modulate base outline opacity (fill: 0.4, stroke: 1.0)\n const fadeMultiplier = hoverFade && activeIndex !== null && shapeProps.index !== activeIndex ? CHART_HOVER_FADE_OPACITY : 1\n return (\n <rect\n x={x + inset}\n y={y + inset}\n width={Math.max(0, width - sw)}\n height={Math.max(0, height - sw)}\n rx={rx}\n fill={fill}\n fillOpacity={0.4 fadeMultiplier}\n stroke={fill}\n strokeOpacity={fadeMultiplier}\n strokeWidth={sw}\n style={hoverFade ? CHART_FADE_TRANSITION : undefined}\n />\n )\n }, [appliedRadius, fill, hoverFade, activeIndex])\n\n // Solid variant hover-fade shape: renders Rectangle with per-bar opacity\n const solidHoverShape = React.useCallback((shapeProps: any) => {\n const opacity = activeIndex === null ? 1 : shapeProps.index === activeIndex ? 1 : CHART_HOVER_FADE_OPACITY\n return (\n <RechartsPrimitive.Rectangle\n {...shapeProps}\n fillOpacity={opacity}\n style={CHART_FADE_TRANSITION}\n />\n )\n }, [activeIndex])\n\n // Determine which shape function to use\n const useOutline = variant === 'outline' && !isStacked\n const needsHoverShape = hoverFade && variant === 'solid' && !useOutline\n\n return (\n <RechartsPrimitive.Bar\n radius={appliedRadius}\n fill={fill}\n stackId={stackId}\n // Disable Recharts animation to prevent label/total flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(useOutline && { shape: outlineShape as any })}\n {...(needsHoverShape && { shape: solidHoverShape as any })}\n {...(hoverFade && { onMouseEnter: (_: unknown, index: number) => setActiveIndex(index) })}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\n// Wrapper: kill position-slide so tooltip appears at the hovered bar instantly.\n// Smooth appearance is handled by CSS fade on ChartTooltipContent instead.\nfunction ChartTooltip(props: React.ComponentProps<typeof RechartsPrimitive.Tooltip>) {\n return <RechartsPrimitive.Tooltip animationDuration={0} {...props} />\n}\n\n// Recharts 3.x injects these props at runtime via content render prop.\n// We define explicit types instead of deriving from RechartsPrimitive.Tooltip.\ntype TooltipPayloadItem = {\n dataKey?: string \| number\n name?: string\n value?: number \| string\n type?: string\n color?: string\n payload?: Record<string, unknown>\n fill?: string\n}\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n active?: boolean\n payload?: TooltipPayloadItem[]\n label?: string\n labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode\n labelClassName?: string\n formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode\n color?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: 'line' \| 'dot' \| 'dashed'\n nameKey?: string\n labelKey?: string\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n className,\n indicator = 'dot',\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\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 !labelKey && typeof label === 'string'\n ? config[label as keyof typeof config]?.label \|\| label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn('font-semibold', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn('font-semibold', labelClassName)}>{value}</div>\n }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== 'dot'\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1.5 text-xs shadow-xl',\n className\n )}\n style={{ animation: 'chart-tooltip-in var(--duration-slow) ease-out' }}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload\n .filter((item: TooltipPayloadItem) => item.type !== 'none')\n .map((item: TooltipPayloadItem, index: number) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| (item.payload as Record<string, unknown>)?.fill as string \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n 'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-text-muted',\n indicator === 'dot' && 'items-center'\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload as Record<string, unknown>)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n 'shrink-0 rounded-sm',\n {\n 'h-2.5 w-2.5': indicator === 'dot',\n 'w-1': indicator === 'line',\n 'w-0 border-[1.5px] border-dashed bg-transparent':\n indicator === 'dashed',\n 'my-0.5': nestLabel && indicator === 'dashed',\n }\n )}\n style={{\n backgroundColor: indicator === 'dashed' ? 'transparent' : indicatorColor,\n borderColor: indicatorColor,\n }}\n />\n )\n )}\n <div\n className={cn(\n 'flex flex-1 justify-between gap-4 leading-none',\n nestLabel ? 'items-end' : 'items-center'\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-text-muted\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-semibold text-foreground tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\n// Recharts 3.x legend payload type\ntype LegendPayloadItem = {\n value?: string\n type?: string\n color?: string\n dataKey?: string\n}\n\ntype ChartLegendContentProps = React.ComponentProps<'div'> & {\n payload?: LegendPayloadItem[]\n verticalAlign?: 'top' \| 'middle' \| 'bottom'\n align?: 'left' \| 'center' \| 'right'\n /** Recharts passes layout when Legend uses layout prop /\n layout?: 'horizontal' \| 'vertical'\n hideIcon?: boolean\n nameKey?: string\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n align = 'center',\n layout = 'horizontal',\n nameKey,\n}: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n const isVertical = layout === 'vertical'\n\n return (\n <div\n className={cn(\n 'flex gap-4',\n isVertical\n ? 'flex-col items-start gap-1.5'\n : [\n 'items-center',\n align === 'left' ? 'justify-start' : align === 'right' ? 'justify-end' : 'justify-center',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n ],\n className\n )}\n >\n {payload\n .filter((item: LegendPayloadItem) => item.type !== 'none')\n .map((item: LegendPayloadItem) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className=\"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-text-muted\"\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-sm\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n <span className=\"text-foreground\">{itemConfig?.label}</span>\n </div>\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\n// ─── ChartXAxis / ChartYAxis ──────────────────────────────────────────────────\n\n// TOKEN-EXCEPTION: Recharts ignores CSS overrides on axis tick text.\n// Wrapper components apply design-token styles via inline style to ensure override.\nconst CHART_AXIS_TICK_STYLE = { style: { fontSize: 'var(--chart-axis-fs)', fill: 'var(--color-text-subtle)' } } as const\n\ntype ChartXAxisProps = React.ComponentProps<typeof RechartsPrimitive.XAxis>\ntype ChartYAxisProps = React.ComponentProps<typeof RechartsPrimitive.YAxis>\n\nconst CHART_XAXIS_PADDING = { left: 16, right: 16 } as const\n\nfunction ChartXAxis({ tick, padding, ...props }: ChartXAxisProps) {\n return <RechartsPrimitive.XAxis tick={tick ?? CHART_AXIS_TICK_STYLE} padding={padding ?? CHART_XAXIS_PADDING} {...props} />\n}\n\nfunction ChartYAxis({ tick, width = 'auto', ...props }: ChartYAxisProps) {\n return <RechartsPrimitive.YAxis tick={tick ?? CHART_AXIS_TICK_STYLE} width={width} {...props} />\n}\n\n// ─── ChartLine ───────────────────────────────────────────────────────────────\n\nexport type ChartLineType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartLineVariant = 'solid' \| 'dashed'\n\n// TOKEN-EXCEPTION: SVG strokeDasharray requires numeric values — CSS variables not supported.\nconst CHART_LINE_DASH = '5 5' as const\n\n// TOKEN-EXCEPTION: SVG r / strokeWidth are geometric attributes — CSS variables not supported.\n// Dot: r=3 strokeWidth=2, ActiveDot: r=5 strokeWidth=2\nconst CHART_DOT_PROPS = { r: 3, strokeWidth: 2 } as const\nconst CHART_ACTIVE_DOT_PROPS = { r: 5, strokeWidth: 2 } as const\n\ntype ChartLineProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Line>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartLineType\n /* Line style. 'dashed' applies stroke-dasharray. Default: 'solid' /\n variant?: ChartLineVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n}\n\nfunction ChartLine({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n stroke,\n dataKey,\n ...props\n}: ChartLineProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n // When dashed, override strokeDasharray on dots so they remain solid circles.\n const dotProps = showDot\n ? variant === 'dashed' ? { ...CHART_DOT_PROPS, strokeDasharray: '0' } : CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? variant === 'dashed' ? { ...CHART_ACTIVE_DOT_PROPS, strokeDasharray: '0' } : CHART_ACTIVE_DOT_PROPS\n : false\n\n return (\n <RechartsPrimitive.Line\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n strokeWidth={2}\n strokeDasharray={variant === 'dashed' ? CHART_LINE_DASH : undefined}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n )\n}\n\n// ─── ChartArea ───────────────────────────────────────────────────────────────\n\nexport type ChartAreaType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartAreaVariant = 'solid' \| 'gradient'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\nconst CHART_AREA_DEFAULT_OPACITY = 0.4\n\ntype ChartAreaProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Area>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartAreaType\n /* Fill style. 'gradient' auto-generates an SVG linearGradient. Default: 'solid' /\n variant?: ChartAreaVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n /* Fill opacity for this area (0–1). Default: 0.4 /\n fillOpacity?: number\n}\n\nfunction ChartArea({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n fillOpacity = CHART_AREA_DEFAULT_OPACITY,\n stroke,\n fill,\n dataKey,\n ...props\n}: ChartAreaProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n const dotProps = showDot\n ? CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? CHART_ACTIVE_DOT_PROPS\n : false\n\n // Gradient variant: use unique ID referencing dataKey\n const gradientId = `area-gradient-${String(dataKey)}`\n const effectiveFill = variant === 'gradient' ? `url(#${gradientId})` : (fill \|\| stroke)\n const effectiveFillOpacity = variant === 'gradient' ? 1 : fillOpacity\n\n return (\n <>\n {variant === 'gradient' && (\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n {/ TOKEN-EXCEPTION: SVG stop attributes require inline values /}\n <stop offset=\"5%\" stopColor={fill \|\| stroke} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={fill \|\| stroke} stopOpacity={0} />\n </linearGradient>\n </defs>\n )}\n <RechartsPrimitive.Area\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n fill={effectiveFill}\n fillOpacity={effectiveFillOpacity opacity}\n strokeWidth={2}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n </>\n )\n}\n\n// ─── ChartPie ────────────────────────────────────────────────────────────────\n\nexport type ChartPieVariant = 'pie' \| 'donut'\nexport type ChartPieLabel = 'none' \| 'outside' \| 'inside'\nexport type ChartPieLabelContent = 'value' \| 'percent'\n\n// TOKEN-EXCEPTION: SVG outerRadius expansion on hover — numeric constant.\nconst CHART_PIE_ACTIVE_OFFSET = 8\n\n// TOKEN-EXCEPTION: SVG innerRadius for donut variant — numeric constant.\nconst CHART_PIE_DONUT_INNER_RADIUS = 60\n\n// TOKEN-EXCEPTION: SVG outside label line — numeric constants.\nconst CHART_PIE_LABEL_RADIAL = 16 // radial segment length from slice edge\nconst CHART_PIE_LABEL_HORIZ = 20 // horizontal segment length\n\n// TOKEN-EXCEPTION: SVG inside label skip angle — numeric constant.\nconst CHART_PIE_SKIP_ANGLE = 15 // hide label for slices smaller than this (degrees)\n\ntype ChartPieProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Pie>, 'label' \| 'labelLine' \| 'activeShape'> & {\n /** 'donut' applies innerRadius automatically. Default: 'pie' /\n variant?: ChartPieVariant\n /* Label position. Default: 'none' /\n label?: ChartPieLabel\n /* Label display content. Default: 'value' /\n labelContent?: ChartPieLabelContent\n /* Hover expand effect. Default: true /\n activeShape?: boolean\n /* Override inner radius (default: 0 for pie, 60 for donut) /\n innerRadius?: number\n /* Padding angle between slices (degrees). Default: 0 /\n paddingAngle?: number\n /* Corner radius for slices. Default: 0 /\n cornerRadius?: number\n}\n\nfunction ChartPie({\n variant = 'pie',\n label: labelMode = 'none',\n labelContent = 'value',\n activeShape: showActiveShape = true,\n innerRadius,\n paddingAngle = 0,\n cornerRadius = 0,\n startAngle = 90,\n endAngle = -270,\n ...props\n}: ChartPieProps) {\n // Resolve inner radius: explicit prop > variant default\n const resolvedInnerRadius = innerRadius ?? (variant === 'donut' ? CHART_PIE_DONUT_INNER_RADIUS : 0)\n\n // Active shape: render Sector with expanded outer radius on hover\n const activeShapeConfig = showActiveShape\n ? (props: any) => (\n <RechartsPrimitive.Sector\n {...props}\n outerRadius={props.outerRadius + CHART_PIE_ACTIVE_OFFSET}\n />\n )\n : undefined\n\n // Resolve display text from labelContent\n const getDisplayText = (entry: any) =>\n labelContent === 'percent'\n ? `${(entry.percent 100).toFixed(0)}%`\n : entry.value\n\n // Label rendering\n const labelConfig = labelMode === 'outside'\n ? (entry: any) => {\n const RADIAN = Math.PI / 180\n const { cx, cy, midAngle, outerRadius, fill } = entry\n\n // Point on slice edge\n const sx = cx + outerRadius * Math.cos(-midAngle * RADIAN)\n const sy = cy + outerRadius * Math.sin(-midAngle * RADIAN)\n\n // End of radial segment\n const mx = cx + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.cos(-midAngle * RADIAN)\n const my = cy + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.sin(-midAngle * RADIAN)\n\n // Horizontal elbow direction\n const isRight = mx > cx\n const ex = mx + (isRight ? CHART_PIE_LABEL_HORIZ : -CHART_PIE_LABEL_HORIZ)\n\n return (\n <g>\n <polyline\n points={`${sx},${sy} ${mx},${my} ${ex},${my}`}\n fill=\"none\"\n stroke={fill}\n strokeWidth={1}\n strokeOpacity={0.5}\n />\n <text\n x={ex + (isRight ? 4 : -4)}\n y={my}\n textAnchor={isRight ? 'start' : 'end'}\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'var(--color-text-muted)' }}\n >\n {getDisplayText(entry)}\n </text>\n </g>\n )\n }\n : labelMode === 'inside'\n ? (entry: any) => {\n // Skip label for small slices\n const angle = Math.abs(entry.endAngle - entry.startAngle)\n if (angle < CHART_PIE_SKIP_ANGLE) return null\n\n const RADIAN = Math.PI / 180\n const { cx, cy, innerRadius: ir, outerRadius: or, midAngle } = entry\n // Pie: push toward outer edge (0.65). Donut ring: use midpoint (0.5)\n const ratio = ir > 0 ? 0.5 : 0.65\n const radius = ir + (or - ir) * ratio\n const x = cx + radius * Math.cos(-midAngle * RADIAN)\n const y = cy + radius * Math.sin(-midAngle * RADIAN)\n\n return (\n <text\n x={x}\n y={y}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'white', fontWeight: 600 }}\n >\n {getDisplayText(entry)}\n </text>\n )\n }\n : false\n\n return (\n <RechartsPrimitive.Pie\n innerRadius={resolvedInnerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n startAngle={startAngle}\n endAngle={endAngle}\n label={labelConfig as any}\n labelLine={false}\n activeShape={activeShapeConfig as any}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport {\n ChartContainer,\n ChartContainer as Chart,\n ChartBar,\n ChartLine,\n ChartArea,\n ChartPie,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartXAxis,\n ChartYAxis,\n ChartStyle,\n useChart,\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/*\n Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["config","props"]}

package/dist/chart.mjs CHANGED Viewed

@@ -256,7 +256,7 @@ function ChartTooltipContent({
           "div",
           {
             className: cn(
-              "flex flex-1 justify-between leading-none",
+              "flex flex-1 justify-between gap-4 leading-none",
               nestLabel ? "items-end" : "items-center"
             )
           },

package/dist/chart.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/ui/chart.tsx","../src/lib/utils.ts"],"sourcesContent":["'use client'\n/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable react-hooks/exhaustive-deps /\n\nimport as React from 'react'\nimport * as RechartsPrimitive from 'recharts'\nimport { cn } from '@/lib/utils'\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n // Hover fade state\n hoverFade: boolean\n activeIndex: number \| null\n setActiveIndex: (index: number \| null) => void\n // Series-level hover fade (used by ChartLine)\n activeDataKey: string \| null\n setActiveDataKey: (key: string \| null) => void\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />')\n }\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n hoverFade = false,\n ...props\n}: React.ComponentProps<'div'> & {\n config: ChartConfig\n /** Enable hover-to-highlight: hovered bar group stays full opacity, others fade. /\n hoverFade?: boolean\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children']\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null)\n const [activeDataKey, setActiveDataKey] = React.useState<string \| null>(null)\n\n return (\n <ChartContext.Provider value={{ config, hoverFade, activeIndex, setActiveIndex, activeDataKey, setActiveDataKey }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n onMouseLeave={hoverFade ? () => { setActiveIndex(null); setActiveDataKey(null) } : undefined}\n className={cn(\n 'flex aspect-video w-full justify-center text-xs outline-none [&_]:outline-none',\n // Responsive axis tick font-size — consumed by ChartXAxis / ChartYAxis via var()\n '[--chart-axis-fs:var(--font-size-2xs)] sm:[--chart-axis-fs:var(--font-size-xs)]',\n // Recharts element overrides — use arbitrary properties for v3/v4 compat\n '[&_.recharts-cartesian-axis-tick_text]:[fill:var(--color-text-muted)]',\n \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-cartesian-grid_line]:[stroke-dasharray:3_3]',\n '[&_.recharts-curve.recharts-tooltip-cursor]:[stroke:var(--color-border)]',\n \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-layer]:outline-none',\n \"[&_.recharts-polar-grid_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-radial-bar-background-sector]:[fill:var(--color-background-muted)]',\n '[&_.recharts-rectangle.recharts-tooltip-cursor]:[fill:transparent]',\n \"[&_.recharts-reference-line_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-sector]:outline-none',\n \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-surface]:outline-none',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\n// Tooltip fade-in keyframe — injected once per chart via ChartStyle\nconst CHART_TOOLTIP_KEYFRAME = '@keyframes chart-tooltip-in{from{opacity:0}to{opacity:1}}'\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n const colorCss = colorConfig.length\n ? Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join('\\n')}\n}\n`\n )\n .join('\\n')\n : ''\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: CHART_TOOLTIP_KEYFRAME + colorCss,\n }}\n />\n )\n}\n\n// ─── ChartBar ─────────────────────────────────────────────────────────────────\n\nexport type ChartBarRadius = 'none' \| 'sm' \| 'base' \| 'md' \| 'lg'\nexport type ChartBarVariant = 'solid' \| 'outline'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\n// Matches --opacity-35 token (0.35).\nconst CHART_HOVER_FADE_OPACITY = 0.35\n\n// Fade transition for hover effect — uses --duration-fast token via CSS variable\nconst CHART_FADE_TRANSITION = { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } as const\n\n// TOKEN-EXCEPTION: Recharts Bar radius is an SVG attribute — CSS variables not supported.\n// Values mirror --radius-* tokens from variables.css.\nconst CHART_BAR_RADIUS_MAP: Record<ChartBarRadius, number> = {\n none: 0, // --radius-none: 0px\n sm: 2, // --radius-sm: 2px\n base: 4, // --radius-base: 4px\n md: 6, // --radius-md: 6px\n lg: 8, // --radius-lg: 8px\n}\n\ntype ChartBarProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Bar>, 'radius'> & {\n /** Named radius token. Auto-adapts corners based on layout and stack position. /\n radius?: ChartBarRadius\n /* 'horizontal' rounds the right side (away from Y-axis). Default: 'vertical' /\n layout?: 'vertical' \| 'horizontal'\n /* 'bottom' rounds the bottom corners (base of a stack). Default: 'top' /\n stackPosition?: 'top' \| 'bottom'\n /* 'outline' renders a thick border with a semi-transparent fill. Default: 'solid' /\n variant?: ChartBarVariant\n}\n\nfunction ChartBar({\n radius = 'none',\n layout = 'vertical',\n stackPosition = 'top',\n variant = 'solid',\n fill,\n stackId,\n ...props\n}: ChartBarProps) {\n const { hoverFade, activeIndex, setActiveIndex } = useChart()\n const r = CHART_BAR_RADIUS_MAP[radius]\n const isStacked = !!stackId \|\| stackPosition === 'bottom'\n const appliedRadius: number \| [number, number, number, number] =\n r === 0 ? 0\n : variant === 'outline' && !isStacked ? r // outline standalone: all 4 corners (works for negative bars too)\n : layout === 'horizontal' && stackPosition === 'bottom' ? 0 // stacked horiz inner: all flat (connects to next bar)\n : layout === 'horizontal' ? [0, r, r, 0] // horiz tip: right corners\n : stackPosition === 'bottom' ? 0 // vertical stacked base: all flat (sits on axis, top connects to next bar)\n : [r, r, 0, 0] // default vertical: top corners only\n\n // TOKEN-EXCEPTION: SVG stroke is centered by default (half inside, half outside).\n // Custom shape renders an inset rect so the stroke stays fully inside the bar bounds.\n const outlineShape = React.useCallback((shapeProps: RechartsPrimitive.BarShapeProps & { x?: number; y?: number; width?: number; height?: number; index?: number }) => {\n const x = shapeProps.x ?? 0\n const y = shapeProps.y ?? 0\n const width = shapeProps.width ?? 0\n const height = shapeProps.height ?? 0\n if (!width \|\| !height \|\| width <= 0 \|\| height <= 0) return <g />\n const sw = 2\n const inset = sw / 2\n const rx = typeof appliedRadius === 'number' ? Math.max(0, appliedRadius - inset) : 0\n // Hover fade: modulate base outline opacity (fill: 0.4, stroke: 1.0)\n const fadeMultiplier = hoverFade && activeIndex !== null && shapeProps.index !== activeIndex ? CHART_HOVER_FADE_OPACITY : 1\n return (\n <rect\n x={x + inset}\n y={y + inset}\n width={Math.max(0, width - sw)}\n height={Math.max(0, height - sw)}\n rx={rx}\n fill={fill}\n fillOpacity={0.4 fadeMultiplier}\n stroke={fill}\n strokeOpacity={fadeMultiplier}\n strokeWidth={sw}\n style={hoverFade ? CHART_FADE_TRANSITION : undefined}\n />\n )\n }, [appliedRadius, fill, hoverFade, activeIndex])\n\n // Solid variant hover-fade shape: renders Rectangle with per-bar opacity\n const solidHoverShape = React.useCallback((shapeProps: any) => {\n const opacity = activeIndex === null ? 1 : shapeProps.index === activeIndex ? 1 : CHART_HOVER_FADE_OPACITY\n return (\n <RechartsPrimitive.Rectangle\n {...shapeProps}\n fillOpacity={opacity}\n style={CHART_FADE_TRANSITION}\n />\n )\n }, [activeIndex])\n\n // Determine which shape function to use\n const useOutline = variant === 'outline' && !isStacked\n const needsHoverShape = hoverFade && variant === 'solid' && !useOutline\n\n return (\n <RechartsPrimitive.Bar\n radius={appliedRadius}\n fill={fill}\n stackId={stackId}\n // Disable Recharts animation to prevent label/total flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(useOutline && { shape: outlineShape as any })}\n {...(needsHoverShape && { shape: solidHoverShape as any })}\n {...(hoverFade && { onMouseEnter: (_: unknown, index: number) => setActiveIndex(index) })}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\n// Wrapper: kill position-slide so tooltip appears at the hovered bar instantly.\n// Smooth appearance is handled by CSS fade on ChartTooltipContent instead.\nfunction ChartTooltip(props: React.ComponentProps<typeof RechartsPrimitive.Tooltip>) {\n return <RechartsPrimitive.Tooltip animationDuration={0} {...props} />\n}\n\n// Recharts 3.x injects these props at runtime via content render prop.\n// We define explicit types instead of deriving from RechartsPrimitive.Tooltip.\ntype TooltipPayloadItem = {\n dataKey?: string \| number\n name?: string\n value?: number \| string\n type?: string\n color?: string\n payload?: Record<string, unknown>\n fill?: string\n}\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n active?: boolean\n payload?: TooltipPayloadItem[]\n label?: string\n labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode\n labelClassName?: string\n formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode\n color?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: 'line' \| 'dot' \| 'dashed'\n nameKey?: string\n labelKey?: string\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n className,\n indicator = 'dot',\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\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 !labelKey && typeof label === 'string'\n ? config[label as keyof typeof config]?.label \|\| label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn('font-semibold', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn('font-semibold', labelClassName)}>{value}</div>\n }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== 'dot'\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1.5 text-xs shadow-xl',\n className\n )}\n style={{ animation: 'chart-tooltip-in var(--duration-slow) ease-out' }}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload\n .filter((item: TooltipPayloadItem) => item.type !== 'none')\n .map((item: TooltipPayloadItem, index: number) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| (item.payload as Record<string, unknown>)?.fill as string \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n 'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-text-muted',\n indicator === 'dot' && 'items-center'\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload as Record<string, unknown>)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n 'shrink-0 rounded-sm',\n {\n 'h-2.5 w-2.5': indicator === 'dot',\n 'w-1': indicator === 'line',\n 'w-0 border-[1.5px] border-dashed bg-transparent':\n indicator === 'dashed',\n 'my-0.5': nestLabel && indicator === 'dashed',\n }\n )}\n style={{\n backgroundColor: indicator === 'dashed' ? 'transparent' : indicatorColor,\n borderColor: indicatorColor,\n }}\n />\n )\n )}\n <div\n className={cn(\n 'flex flex-1 justify-between leading-none',\n nestLabel ? 'items-end' : 'items-center'\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-text-muted\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-semibold text-foreground tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\n// Recharts 3.x legend payload type\ntype LegendPayloadItem = {\n value?: string\n type?: string\n color?: string\n dataKey?: string\n}\n\ntype ChartLegendContentProps = React.ComponentProps<'div'> & {\n payload?: LegendPayloadItem[]\n verticalAlign?: 'top' \| 'middle' \| 'bottom'\n align?: 'left' \| 'center' \| 'right'\n /** Recharts passes layout when Legend uses layout prop /\n layout?: 'horizontal' \| 'vertical'\n hideIcon?: boolean\n nameKey?: string\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n align = 'center',\n layout = 'horizontal',\n nameKey,\n}: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n const isVertical = layout === 'vertical'\n\n return (\n <div\n className={cn(\n 'flex gap-4',\n isVertical\n ? 'flex-col items-start gap-1.5'\n : [\n 'items-center',\n align === 'left' ? 'justify-start' : align === 'right' ? 'justify-end' : 'justify-center',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n ],\n className\n )}\n >\n {payload\n .filter((item: LegendPayloadItem) => item.type !== 'none')\n .map((item: LegendPayloadItem) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className=\"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-text-muted\"\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-sm\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n <span className=\"text-foreground\">{itemConfig?.label}</span>\n </div>\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\n// ─── ChartXAxis / ChartYAxis ──────────────────────────────────────────────────\n\n// TOKEN-EXCEPTION: Recharts ignores CSS overrides on axis tick text.\n// Wrapper components apply design-token styles via inline style to ensure override.\nconst CHART_AXIS_TICK_STYLE = { style: { fontSize: 'var(--chart-axis-fs)', fill: 'var(--color-text-subtle)' } } as const\n\ntype ChartXAxisProps = React.ComponentProps<typeof RechartsPrimitive.XAxis>\ntype ChartYAxisProps = React.ComponentProps<typeof RechartsPrimitive.YAxis>\n\nconst CHART_XAXIS_PADDING = { left: 16, right: 16 } as const\n\nfunction ChartXAxis({ tick, padding, ...props }: ChartXAxisProps) {\n return <RechartsPrimitive.XAxis tick={tick ?? CHART_AXIS_TICK_STYLE} padding={padding ?? CHART_XAXIS_PADDING} {...props} />\n}\n\nfunction ChartYAxis({ tick, width = 'auto', ...props }: ChartYAxisProps) {\n return <RechartsPrimitive.YAxis tick={tick ?? CHART_AXIS_TICK_STYLE} width={width} {...props} />\n}\n\n// ─── ChartLine ───────────────────────────────────────────────────────────────\n\nexport type ChartLineType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartLineVariant = 'solid' \| 'dashed'\n\n// TOKEN-EXCEPTION: SVG strokeDasharray requires numeric values — CSS variables not supported.\nconst CHART_LINE_DASH = '5 5' as const\n\n// TOKEN-EXCEPTION: SVG r / strokeWidth are geometric attributes — CSS variables not supported.\n// Dot: r=3 strokeWidth=2, ActiveDot: r=5 strokeWidth=2\nconst CHART_DOT_PROPS = { r: 3, strokeWidth: 2 } as const\nconst CHART_ACTIVE_DOT_PROPS = { r: 5, strokeWidth: 2 } as const\n\ntype ChartLineProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Line>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartLineType\n /* Line style. 'dashed' applies stroke-dasharray. Default: 'solid' /\n variant?: ChartLineVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n}\n\nfunction ChartLine({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n stroke,\n dataKey,\n ...props\n}: ChartLineProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n // When dashed, override strokeDasharray on dots so they remain solid circles.\n const dotProps = showDot\n ? variant === 'dashed' ? { ...CHART_DOT_PROPS, strokeDasharray: '0' } : CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? variant === 'dashed' ? { ...CHART_ACTIVE_DOT_PROPS, strokeDasharray: '0' } : CHART_ACTIVE_DOT_PROPS\n : false\n\n return (\n <RechartsPrimitive.Line\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n strokeWidth={2}\n strokeDasharray={variant === 'dashed' ? CHART_LINE_DASH : undefined}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n )\n}\n\n// ─── ChartArea ───────────────────────────────────────────────────────────────\n\nexport type ChartAreaType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartAreaVariant = 'solid' \| 'gradient'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\nconst CHART_AREA_DEFAULT_OPACITY = 0.4\n\ntype ChartAreaProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Area>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartAreaType\n /* Fill style. 'gradient' auto-generates an SVG linearGradient. Default: 'solid' /\n variant?: ChartAreaVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n /* Fill opacity for this area (0–1). Default: 0.4 /\n fillOpacity?: number\n}\n\nfunction ChartArea({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n fillOpacity = CHART_AREA_DEFAULT_OPACITY,\n stroke,\n fill,\n dataKey,\n ...props\n}: ChartAreaProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n const dotProps = showDot\n ? CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? CHART_ACTIVE_DOT_PROPS\n : false\n\n // Gradient variant: use unique ID referencing dataKey\n const gradientId = `area-gradient-${String(dataKey)}`\n const effectiveFill = variant === 'gradient' ? `url(#${gradientId})` : (fill \|\| stroke)\n const effectiveFillOpacity = variant === 'gradient' ? 1 : fillOpacity\n\n return (\n <>\n {variant === 'gradient' && (\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n {/ TOKEN-EXCEPTION: SVG stop attributes require inline values /}\n <stop offset=\"5%\" stopColor={fill \|\| stroke} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={fill \|\| stroke} stopOpacity={0} />\n </linearGradient>\n </defs>\n )}\n <RechartsPrimitive.Area\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n fill={effectiveFill}\n fillOpacity={effectiveFillOpacity opacity}\n strokeWidth={2}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n </>\n )\n}\n\n// ─── ChartPie ────────────────────────────────────────────────────────────────\n\nexport type ChartPieVariant = 'pie' \| 'donut'\nexport type ChartPieLabel = 'none' \| 'outside' \| 'inside'\nexport type ChartPieLabelContent = 'value' \| 'percent'\n\n// TOKEN-EXCEPTION: SVG outerRadius expansion on hover — numeric constant.\nconst CHART_PIE_ACTIVE_OFFSET = 8\n\n// TOKEN-EXCEPTION: SVG innerRadius for donut variant — numeric constant.\nconst CHART_PIE_DONUT_INNER_RADIUS = 60\n\n// TOKEN-EXCEPTION: SVG outside label line — numeric constants.\nconst CHART_PIE_LABEL_RADIAL = 16 // radial segment length from slice edge\nconst CHART_PIE_LABEL_HORIZ = 20 // horizontal segment length\n\n// TOKEN-EXCEPTION: SVG inside label skip angle — numeric constant.\nconst CHART_PIE_SKIP_ANGLE = 15 // hide label for slices smaller than this (degrees)\n\ntype ChartPieProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Pie>, 'label' \| 'labelLine' \| 'activeShape'> & {\n /** 'donut' applies innerRadius automatically. Default: 'pie' /\n variant?: ChartPieVariant\n /* Label position. Default: 'none' /\n label?: ChartPieLabel\n /* Label display content. Default: 'value' /\n labelContent?: ChartPieLabelContent\n /* Hover expand effect. Default: true /\n activeShape?: boolean\n /* Override inner radius (default: 0 for pie, 60 for donut) /\n innerRadius?: number\n /* Padding angle between slices (degrees). Default: 0 /\n paddingAngle?: number\n /* Corner radius for slices. Default: 0 /\n cornerRadius?: number\n}\n\nfunction ChartPie({\n variant = 'pie',\n label: labelMode = 'none',\n labelContent = 'value',\n activeShape: showActiveShape = true,\n innerRadius,\n paddingAngle = 0,\n cornerRadius = 0,\n startAngle = 90,\n endAngle = -270,\n ...props\n}: ChartPieProps) {\n // Resolve inner radius: explicit prop > variant default\n const resolvedInnerRadius = innerRadius ?? (variant === 'donut' ? CHART_PIE_DONUT_INNER_RADIUS : 0)\n\n // Active shape: render Sector with expanded outer radius on hover\n const activeShapeConfig = showActiveShape\n ? (props: any) => (\n <RechartsPrimitive.Sector\n {...props}\n outerRadius={props.outerRadius + CHART_PIE_ACTIVE_OFFSET}\n />\n )\n : undefined\n\n // Resolve display text from labelContent\n const getDisplayText = (entry: any) =>\n labelContent === 'percent'\n ? `${(entry.percent 100).toFixed(0)}%`\n : entry.value\n\n // Label rendering\n const labelConfig = labelMode === 'outside'\n ? (entry: any) => {\n const RADIAN = Math.PI / 180\n const { cx, cy, midAngle, outerRadius, fill } = entry\n\n // Point on slice edge\n const sx = cx + outerRadius * Math.cos(-midAngle * RADIAN)\n const sy = cy + outerRadius * Math.sin(-midAngle * RADIAN)\n\n // End of radial segment\n const mx = cx + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.cos(-midAngle * RADIAN)\n const my = cy + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.sin(-midAngle * RADIAN)\n\n // Horizontal elbow direction\n const isRight = mx > cx\n const ex = mx + (isRight ? CHART_PIE_LABEL_HORIZ : -CHART_PIE_LABEL_HORIZ)\n\n return (\n <g>\n <polyline\n points={`${sx},${sy} ${mx},${my} ${ex},${my}`}\n fill=\"none\"\n stroke={fill}\n strokeWidth={1}\n strokeOpacity={0.5}\n />\n <text\n x={ex + (isRight ? 4 : -4)}\n y={my}\n textAnchor={isRight ? 'start' : 'end'}\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'var(--color-text-muted)' }}\n >\n {getDisplayText(entry)}\n </text>\n </g>\n )\n }\n : labelMode === 'inside'\n ? (entry: any) => {\n // Skip label for small slices\n const angle = Math.abs(entry.endAngle - entry.startAngle)\n if (angle < CHART_PIE_SKIP_ANGLE) return null\n\n const RADIAN = Math.PI / 180\n const { cx, cy, innerRadius: ir, outerRadius: or, midAngle } = entry\n // Pie: push toward outer edge (0.65). Donut ring: use midpoint (0.5)\n const ratio = ir > 0 ? 0.5 : 0.65\n const radius = ir + (or - ir) * ratio\n const x = cx + radius * Math.cos(-midAngle * RADIAN)\n const y = cy + radius * Math.sin(-midAngle * RADIAN)\n\n return (\n <text\n x={x}\n y={y}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'white', fontWeight: 600 }}\n >\n {getDisplayText(entry)}\n </text>\n )\n }\n : false\n\n return (\n <RechartsPrimitive.Pie\n innerRadius={resolvedInnerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n startAngle={startAngle}\n endAngle={endAngle}\n label={labelConfig as any}\n labelLine={false}\n activeShape={activeShapeConfig as any}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport {\n ChartContainer,\n ChartContainer as Chart,\n ChartBar,\n ChartLine,\n ChartArea,\n ChartPie,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartXAxis,\n ChartYAxis,\n ChartStyle,\n useChart,\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/*\n Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":["config","props"]}
1	+ {"version":3,"sources":["../src/components/ui/chart.tsx","../src/lib/utils.ts"],"sourcesContent":["'use client'\n/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable react-hooks/exhaustive-deps /\n\nimport as React from 'react'\nimport * as RechartsPrimitive from 'recharts'\nimport { cn } from '@/lib/utils'\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n \| { color?: string; theme?: never }\n \| { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n // Hover fade state\n hoverFade: boolean\n activeIndex: number \| null\n setActiveIndex: (index: number \| null) => void\n // Series-level hover fade (used by ChartLine)\n activeDataKey: string \| null\n setActiveDataKey: (key: string \| null) => void\n}\n\nconst ChartContext = React.createContext<ChartContextProps \| null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n if (!context) {\n throw new Error('useChart must be used within a <ChartContainer />')\n }\n return context\n}\n\nfunction ChartContainer({\n id,\n className,\n children,\n config,\n hoverFade = false,\n ...props\n}: React.ComponentProps<'div'> & {\n config: ChartConfig\n /** Enable hover-to-highlight: hovered bar group stays full opacity, others fade. /\n hoverFade?: boolean\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >['children']\n}) {\n const uniqueId = React.useId()\n const chartId = `chart-${id \|\| uniqueId.replace(/:/g, '')}`\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null)\n const [activeDataKey, setActiveDataKey] = React.useState<string \| null>(null)\n\n return (\n <ChartContext.Provider value={{ config, hoverFade, activeIndex, setActiveIndex, activeDataKey, setActiveDataKey }}>\n <div\n data-slot=\"chart\"\n data-chart={chartId}\n onMouseLeave={hoverFade ? () => { setActiveIndex(null); setActiveDataKey(null) } : undefined}\n className={cn(\n 'flex aspect-video w-full justify-center text-xs outline-none [&_]:outline-none',\n // Responsive axis tick font-size — consumed by ChartXAxis / ChartYAxis via var()\n '[--chart-axis-fs:var(--font-size-2xs)] sm:[--chart-axis-fs:var(--font-size-xs)]',\n // Recharts element overrides — use arbitrary properties for v3/v4 compat\n '[&_.recharts-cartesian-axis-tick_text]:[fill:var(--color-text-muted)]',\n \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-cartesian-grid_line]:[stroke-dasharray:3_3]',\n '[&_.recharts-curve.recharts-tooltip-cursor]:[stroke:var(--color-border)]',\n \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-layer]:outline-none',\n \"[&_.recharts-polar-grid_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-radial-bar-background-sector]:[fill:var(--color-background-muted)]',\n '[&_.recharts-rectangle.recharts-tooltip-cursor]:[fill:transparent]',\n \"[&_.recharts-reference-line_[stroke='#ccc']]:[stroke:var(--color-border)]\",\n '[&_.recharts-sector]:outline-none',\n \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n '[&_.recharts-surface]:outline-none',\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n}\n\n// Tooltip fade-in keyframe — injected once per chart via ChartStyle\nconst CHART_TOOLTIP_KEYFRAME = '@keyframes chart-tooltip-in{from{opacity:0}to{opacity:1}}'\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme \|\| config.color\n )\n\n const colorCss = colorConfig.length\n ? Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] \|\|\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join('\\n')}\n}\n`\n )\n .join('\\n')\n : ''\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: CHART_TOOLTIP_KEYFRAME + colorCss,\n }}\n />\n )\n}\n\n// ─── ChartBar ─────────────────────────────────────────────────────────────────\n\nexport type ChartBarRadius = 'none' \| 'sm' \| 'base' \| 'md' \| 'lg'\nexport type ChartBarVariant = 'solid' \| 'outline'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\n// Matches --opacity-35 token (0.35).\nconst CHART_HOVER_FADE_OPACITY = 0.35\n\n// Fade transition for hover effect — uses --duration-fast token via CSS variable\nconst CHART_FADE_TRANSITION = { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } as const\n\n// TOKEN-EXCEPTION: Recharts Bar radius is an SVG attribute — CSS variables not supported.\n// Values mirror --radius-* tokens from variables.css.\nconst CHART_BAR_RADIUS_MAP: Record<ChartBarRadius, number> = {\n none: 0, // --radius-none: 0px\n sm: 2, // --radius-sm: 2px\n base: 4, // --radius-base: 4px\n md: 6, // --radius-md: 6px\n lg: 8, // --radius-lg: 8px\n}\n\ntype ChartBarProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Bar>, 'radius'> & {\n /** Named radius token. Auto-adapts corners based on layout and stack position. /\n radius?: ChartBarRadius\n /* 'horizontal' rounds the right side (away from Y-axis). Default: 'vertical' /\n layout?: 'vertical' \| 'horizontal'\n /* 'bottom' rounds the bottom corners (base of a stack). Default: 'top' /\n stackPosition?: 'top' \| 'bottom'\n /* 'outline' renders a thick border with a semi-transparent fill. Default: 'solid' /\n variant?: ChartBarVariant\n}\n\nfunction ChartBar({\n radius = 'none',\n layout = 'vertical',\n stackPosition = 'top',\n variant = 'solid',\n fill,\n stackId,\n ...props\n}: ChartBarProps) {\n const { hoverFade, activeIndex, setActiveIndex } = useChart()\n const r = CHART_BAR_RADIUS_MAP[radius]\n const isStacked = !!stackId \|\| stackPosition === 'bottom'\n const appliedRadius: number \| [number, number, number, number] =\n r === 0 ? 0\n : variant === 'outline' && !isStacked ? r // outline standalone: all 4 corners (works for negative bars too)\n : layout === 'horizontal' && stackPosition === 'bottom' ? 0 // stacked horiz inner: all flat (connects to next bar)\n : layout === 'horizontal' ? [0, r, r, 0] // horiz tip: right corners\n : stackPosition === 'bottom' ? 0 // vertical stacked base: all flat (sits on axis, top connects to next bar)\n : [r, r, 0, 0] // default vertical: top corners only\n\n // TOKEN-EXCEPTION: SVG stroke is centered by default (half inside, half outside).\n // Custom shape renders an inset rect so the stroke stays fully inside the bar bounds.\n const outlineShape = React.useCallback((shapeProps: RechartsPrimitive.BarShapeProps & { x?: number; y?: number; width?: number; height?: number; index?: number }) => {\n const x = shapeProps.x ?? 0\n const y = shapeProps.y ?? 0\n const width = shapeProps.width ?? 0\n const height = shapeProps.height ?? 0\n if (!width \|\| !height \|\| width <= 0 \|\| height <= 0) return <g />\n const sw = 2\n const inset = sw / 2\n const rx = typeof appliedRadius === 'number' ? Math.max(0, appliedRadius - inset) : 0\n // Hover fade: modulate base outline opacity (fill: 0.4, stroke: 1.0)\n const fadeMultiplier = hoverFade && activeIndex !== null && shapeProps.index !== activeIndex ? CHART_HOVER_FADE_OPACITY : 1\n return (\n <rect\n x={x + inset}\n y={y + inset}\n width={Math.max(0, width - sw)}\n height={Math.max(0, height - sw)}\n rx={rx}\n fill={fill}\n fillOpacity={0.4 fadeMultiplier}\n stroke={fill}\n strokeOpacity={fadeMultiplier}\n strokeWidth={sw}\n style={hoverFade ? CHART_FADE_TRANSITION : undefined}\n />\n )\n }, [appliedRadius, fill, hoverFade, activeIndex])\n\n // Solid variant hover-fade shape: renders Rectangle with per-bar opacity\n const solidHoverShape = React.useCallback((shapeProps: any) => {\n const opacity = activeIndex === null ? 1 : shapeProps.index === activeIndex ? 1 : CHART_HOVER_FADE_OPACITY\n return (\n <RechartsPrimitive.Rectangle\n {...shapeProps}\n fillOpacity={opacity}\n style={CHART_FADE_TRANSITION}\n />\n )\n }, [activeIndex])\n\n // Determine which shape function to use\n const useOutline = variant === 'outline' && !isStacked\n const needsHoverShape = hoverFade && variant === 'solid' && !useOutline\n\n return (\n <RechartsPrimitive.Bar\n radius={appliedRadius}\n fill={fill}\n stackId={stackId}\n // Disable Recharts animation to prevent label/total flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(useOutline && { shape: outlineShape as any })}\n {...(needsHoverShape && { shape: solidHoverShape as any })}\n {...(hoverFade && { onMouseEnter: (_: unknown, index: number) => setActiveIndex(index) })}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\n// Wrapper: kill position-slide so tooltip appears at the hovered bar instantly.\n// Smooth appearance is handled by CSS fade on ChartTooltipContent instead.\nfunction ChartTooltip(props: React.ComponentProps<typeof RechartsPrimitive.Tooltip>) {\n return <RechartsPrimitive.Tooltip animationDuration={0} {...props} />\n}\n\n// Recharts 3.x injects these props at runtime via content render prop.\n// We define explicit types instead of deriving from RechartsPrimitive.Tooltip.\ntype TooltipPayloadItem = {\n dataKey?: string \| number\n name?: string\n value?: number \| string\n type?: string\n color?: string\n payload?: Record<string, unknown>\n fill?: string\n}\n\ntype ChartTooltipContentProps = React.ComponentProps<'div'> & {\n active?: boolean\n payload?: TooltipPayloadItem[]\n label?: string\n labelFormatter?: (value: unknown, payload: TooltipPayloadItem[]) => React.ReactNode\n labelClassName?: string\n formatter?: (value: unknown, name: string, item: TooltipPayloadItem, index: number, payload: Record<string, unknown>) => React.ReactNode\n color?: string\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: 'line' \| 'dot' \| 'dashed'\n nameKey?: string\n labelKey?: string\n}\n\nfunction ChartTooltipContent({\n active,\n payload,\n className,\n indicator = 'dot',\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\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 !labelKey && typeof label === 'string'\n ? config[label as keyof typeof config]?.label \|\| label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn('font-semibold', labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn('font-semibold', labelClassName)}>{value}</div>\n }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])\n\n if (!active \|\| !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== 'dot'\n\n return (\n <div\n className={cn(\n 'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1.5 text-xs shadow-xl',\n className\n )}\n style={{ animation: 'chart-tooltip-in var(--duration-slow) ease-out' }}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload\n .filter((item: TooltipPayloadItem) => item.type !== 'none')\n .map((item: TooltipPayloadItem, index: number) => {\n const key = `${nameKey \|\| item.name \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color \|\| (item.payload as Record<string, unknown>)?.fill as string \|\| item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n 'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-text-muted',\n indicator === 'dot' && 'items-center'\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload as Record<string, unknown>)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n 'shrink-0 rounded-sm',\n {\n 'h-2.5 w-2.5': indicator === 'dot',\n 'w-1': indicator === 'line',\n 'w-0 border-[1.5px] border-dashed bg-transparent':\n indicator === 'dashed',\n 'my-0.5': nestLabel && indicator === 'dashed',\n }\n )}\n style={{\n backgroundColor: indicator === 'dashed' ? 'transparent' : indicatorColor,\n borderColor: indicatorColor,\n }}\n />\n )\n )}\n <div\n className={cn(\n 'flex flex-1 justify-between gap-4 leading-none',\n nestLabel ? 'items-end' : 'items-center'\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-text-muted\">\n {itemConfig?.label \|\| item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-semibold text-foreground tabular-nums\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\n// Recharts 3.x legend payload type\ntype LegendPayloadItem = {\n value?: string\n type?: string\n color?: string\n dataKey?: string\n}\n\ntype ChartLegendContentProps = React.ComponentProps<'div'> & {\n payload?: LegendPayloadItem[]\n verticalAlign?: 'top' \| 'middle' \| 'bottom'\n align?: 'left' \| 'center' \| 'right'\n /** Recharts passes layout when Legend uses layout prop /\n layout?: 'horizontal' \| 'vertical'\n hideIcon?: boolean\n nameKey?: string\n}\n\nfunction ChartLegendContent({\n className,\n hideIcon = false,\n payload,\n verticalAlign = 'bottom',\n align = 'center',\n layout = 'horizontal',\n nameKey,\n}: ChartLegendContentProps) {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n const isVertical = layout === 'vertical'\n\n return (\n <div\n className={cn(\n 'flex gap-4',\n isVertical\n ? 'flex-col items-start gap-1.5'\n : [\n 'items-center',\n align === 'left' ? 'justify-start' : align === 'right' ? 'justify-end' : 'justify-center',\n verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n ],\n className\n )}\n >\n {payload\n .filter((item: LegendPayloadItem) => item.type !== 'none')\n .map((item: LegendPayloadItem) => {\n const key = `${nameKey \|\| item.dataKey \|\| 'value'}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className=\"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-text-muted\"\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-sm\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n <span className=\"text-foreground\">{itemConfig?.label}</span>\n </div>\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\n// ─── ChartXAxis / ChartYAxis ──────────────────────────────────────────────────\n\n// TOKEN-EXCEPTION: Recharts ignores CSS overrides on axis tick text.\n// Wrapper components apply design-token styles via inline style to ensure override.\nconst CHART_AXIS_TICK_STYLE = { style: { fontSize: 'var(--chart-axis-fs)', fill: 'var(--color-text-subtle)' } } as const\n\ntype ChartXAxisProps = React.ComponentProps<typeof RechartsPrimitive.XAxis>\ntype ChartYAxisProps = React.ComponentProps<typeof RechartsPrimitive.YAxis>\n\nconst CHART_XAXIS_PADDING = { left: 16, right: 16 } as const\n\nfunction ChartXAxis({ tick, padding, ...props }: ChartXAxisProps) {\n return <RechartsPrimitive.XAxis tick={tick ?? CHART_AXIS_TICK_STYLE} padding={padding ?? CHART_XAXIS_PADDING} {...props} />\n}\n\nfunction ChartYAxis({ tick, width = 'auto', ...props }: ChartYAxisProps) {\n return <RechartsPrimitive.YAxis tick={tick ?? CHART_AXIS_TICK_STYLE} width={width} {...props} />\n}\n\n// ─── ChartLine ───────────────────────────────────────────────────────────────\n\nexport type ChartLineType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartLineVariant = 'solid' \| 'dashed'\n\n// TOKEN-EXCEPTION: SVG strokeDasharray requires numeric values — CSS variables not supported.\nconst CHART_LINE_DASH = '5 5' as const\n\n// TOKEN-EXCEPTION: SVG r / strokeWidth are geometric attributes — CSS variables not supported.\n// Dot: r=3 strokeWidth=2, ActiveDot: r=5 strokeWidth=2\nconst CHART_DOT_PROPS = { r: 3, strokeWidth: 2 } as const\nconst CHART_ACTIVE_DOT_PROPS = { r: 5, strokeWidth: 2 } as const\n\ntype ChartLineProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Line>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartLineType\n /* Line style. 'dashed' applies stroke-dasharray. Default: 'solid' /\n variant?: ChartLineVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n}\n\nfunction ChartLine({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n stroke,\n dataKey,\n ...props\n}: ChartLineProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n // When dashed, override strokeDasharray on dots so they remain solid circles.\n const dotProps = showDot\n ? variant === 'dashed' ? { ...CHART_DOT_PROPS, strokeDasharray: '0' } : CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? variant === 'dashed' ? { ...CHART_ACTIVE_DOT_PROPS, strokeDasharray: '0' } : CHART_ACTIVE_DOT_PROPS\n : false\n\n return (\n <RechartsPrimitive.Line\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n strokeWidth={2}\n strokeDasharray={variant === 'dashed' ? CHART_LINE_DASH : undefined}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n )\n}\n\n// ─── ChartArea ───────────────────────────────────────────────────────────────\n\nexport type ChartAreaType = 'linear' \| 'monotone' \| 'step' \| 'natural'\nexport type ChartAreaVariant = 'solid' \| 'gradient'\n\n// TOKEN-EXCEPTION: SVG fillOpacity requires numeric value.\nconst CHART_AREA_DEFAULT_OPACITY = 0.4\n\ntype ChartAreaProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Area>, 'type' \| 'dot' \| 'activeDot'> & {\n /* Curve interpolation type. Default: 'monotone' /\n type?: ChartAreaType\n /* Fill style. 'gradient' auto-generates an SVG linearGradient. Default: 'solid' /\n variant?: ChartAreaVariant\n /* Show data point dots. Default: true /\n dot?: boolean\n /* Show highlighted dot on hover. Default: true /\n activeDot?: boolean\n /* Fill opacity for this area (0–1). Default: 0.4 /\n fillOpacity?: number\n}\n\nfunction ChartArea({\n type = 'monotone',\n variant = 'solid',\n dot: showDot = true,\n activeDot: showActiveDot = true,\n fillOpacity = CHART_AREA_DEFAULT_OPACITY,\n stroke,\n fill,\n dataKey,\n ...props\n}: ChartAreaProps) {\n const { hoverFade, activeDataKey, setActiveDataKey } = useChart()\n\n const isFaded = hoverFade && activeDataKey !== null && activeDataKey !== dataKey\n const opacity = isFaded ? CHART_HOVER_FADE_OPACITY : 1\n\n const dotProps = showDot\n ? CHART_DOT_PROPS\n : false\n const activeDotProps = showActiveDot\n ? CHART_ACTIVE_DOT_PROPS\n : false\n\n // Gradient variant: use unique ID referencing dataKey\n const gradientId = `area-gradient-${String(dataKey)}`\n const effectiveFill = variant === 'gradient' ? `url(#${gradientId})` : (fill \|\| stroke)\n const effectiveFillOpacity = variant === 'gradient' ? 1 : fillOpacity\n\n return (\n <>\n {variant === 'gradient' && (\n <defs>\n <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n {/ TOKEN-EXCEPTION: SVG stop attributes require inline values /}\n <stop offset=\"5%\" stopColor={fill \|\| stroke} stopOpacity={0.8} />\n <stop offset=\"95%\" stopColor={fill \|\| stroke} stopOpacity={0} />\n </linearGradient>\n </defs>\n )}\n <RechartsPrimitive.Area\n type={type}\n dataKey={dataKey}\n stroke={stroke}\n fill={effectiveFill}\n fillOpacity={effectiveFillOpacity opacity}\n strokeWidth={2}\n dot={dotProps}\n activeDot={activeDotProps}\n strokeOpacity={opacity}\n // Disable Recharts animation to prevent flicker on hover\n {...(hoverFade && { isAnimationActive: false })}\n {...(hoverFade && { onMouseEnter: () => setActiveDataKey(dataKey as string) })}\n style={hoverFade ? { transition: 'fill-opacity var(--duration-fast) ease-out, stroke-opacity var(--duration-fast) ease-out' } : undefined}\n {...props}\n />\n </>\n )\n}\n\n// ─── ChartPie ────────────────────────────────────────────────────────────────\n\nexport type ChartPieVariant = 'pie' \| 'donut'\nexport type ChartPieLabel = 'none' \| 'outside' \| 'inside'\nexport type ChartPieLabelContent = 'value' \| 'percent'\n\n// TOKEN-EXCEPTION: SVG outerRadius expansion on hover — numeric constant.\nconst CHART_PIE_ACTIVE_OFFSET = 8\n\n// TOKEN-EXCEPTION: SVG innerRadius for donut variant — numeric constant.\nconst CHART_PIE_DONUT_INNER_RADIUS = 60\n\n// TOKEN-EXCEPTION: SVG outside label line — numeric constants.\nconst CHART_PIE_LABEL_RADIAL = 16 // radial segment length from slice edge\nconst CHART_PIE_LABEL_HORIZ = 20 // horizontal segment length\n\n// TOKEN-EXCEPTION: SVG inside label skip angle — numeric constant.\nconst CHART_PIE_SKIP_ANGLE = 15 // hide label for slices smaller than this (degrees)\n\ntype ChartPieProps = Omit<React.ComponentProps<typeof RechartsPrimitive.Pie>, 'label' \| 'labelLine' \| 'activeShape'> & {\n /** 'donut' applies innerRadius automatically. Default: 'pie' /\n variant?: ChartPieVariant\n /* Label position. Default: 'none' /\n label?: ChartPieLabel\n /* Label display content. Default: 'value' /\n labelContent?: ChartPieLabelContent\n /* Hover expand effect. Default: true /\n activeShape?: boolean\n /* Override inner radius (default: 0 for pie, 60 for donut) /\n innerRadius?: number\n /* Padding angle between slices (degrees). Default: 0 /\n paddingAngle?: number\n /* Corner radius for slices. Default: 0 /\n cornerRadius?: number\n}\n\nfunction ChartPie({\n variant = 'pie',\n label: labelMode = 'none',\n labelContent = 'value',\n activeShape: showActiveShape = true,\n innerRadius,\n paddingAngle = 0,\n cornerRadius = 0,\n startAngle = 90,\n endAngle = -270,\n ...props\n}: ChartPieProps) {\n // Resolve inner radius: explicit prop > variant default\n const resolvedInnerRadius = innerRadius ?? (variant === 'donut' ? CHART_PIE_DONUT_INNER_RADIUS : 0)\n\n // Active shape: render Sector with expanded outer radius on hover\n const activeShapeConfig = showActiveShape\n ? (props: any) => (\n <RechartsPrimitive.Sector\n {...props}\n outerRadius={props.outerRadius + CHART_PIE_ACTIVE_OFFSET}\n />\n )\n : undefined\n\n // Resolve display text from labelContent\n const getDisplayText = (entry: any) =>\n labelContent === 'percent'\n ? `${(entry.percent 100).toFixed(0)}%`\n : entry.value\n\n // Label rendering\n const labelConfig = labelMode === 'outside'\n ? (entry: any) => {\n const RADIAN = Math.PI / 180\n const { cx, cy, midAngle, outerRadius, fill } = entry\n\n // Point on slice edge\n const sx = cx + outerRadius * Math.cos(-midAngle * RADIAN)\n const sy = cy + outerRadius * Math.sin(-midAngle * RADIAN)\n\n // End of radial segment\n const mx = cx + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.cos(-midAngle * RADIAN)\n const my = cy + (outerRadius + CHART_PIE_LABEL_RADIAL) * Math.sin(-midAngle * RADIAN)\n\n // Horizontal elbow direction\n const isRight = mx > cx\n const ex = mx + (isRight ? CHART_PIE_LABEL_HORIZ : -CHART_PIE_LABEL_HORIZ)\n\n return (\n <g>\n <polyline\n points={`${sx},${sy} ${mx},${my} ${ex},${my}`}\n fill=\"none\"\n stroke={fill}\n strokeWidth={1}\n strokeOpacity={0.5}\n />\n <text\n x={ex + (isRight ? 4 : -4)}\n y={my}\n textAnchor={isRight ? 'start' : 'end'}\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'var(--color-text-muted)' }}\n >\n {getDisplayText(entry)}\n </text>\n </g>\n )\n }\n : labelMode === 'inside'\n ? (entry: any) => {\n // Skip label for small slices\n const angle = Math.abs(entry.endAngle - entry.startAngle)\n if (angle < CHART_PIE_SKIP_ANGLE) return null\n\n const RADIAN = Math.PI / 180\n const { cx, cy, innerRadius: ir, outerRadius: or, midAngle } = entry\n // Pie: push toward outer edge (0.65). Donut ring: use midpoint (0.5)\n const ratio = ir > 0 ? 0.5 : 0.65\n const radius = ir + (or - ir) * ratio\n const x = cx + radius * Math.cos(-midAngle * RADIAN)\n const y = cy + radius * Math.sin(-midAngle * RADIAN)\n\n return (\n <text\n x={x}\n y={y}\n textAnchor=\"middle\"\n dominantBaseline=\"central\"\n style={{ fontSize: 'var(--font-size-xs)', fill: 'white', fontWeight: 600 }}\n >\n {getDisplayText(entry)}\n </text>\n )\n }\n : false\n\n return (\n <RechartsPrimitive.Pie\n innerRadius={resolvedInnerRadius}\n paddingAngle={paddingAngle}\n cornerRadius={cornerRadius}\n startAngle={startAngle}\n endAngle={endAngle}\n label={labelConfig as any}\n labelLine={false}\n activeShape={activeShapeConfig as any}\n {...props}\n />\n )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport {\n ChartContainer,\n ChartContainer as Chart,\n ChartBar,\n ChartLine,\n ChartArea,\n ChartPie,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartXAxis,\n ChartYAxis,\n ChartStyle,\n useChart,\n}\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/*\n Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAIA,YAAY,WAAW;AACvB,YAAY,uBAAuB;;;ACLnC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAOjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADDA,IAAM,SAAS,EAAE,OAAO,IAAI,MAAM,QAAQ;AAuB1C,IAAM,eAAqB,oBAAwC,IAAI;AAEvE,SAAS,WAAW;AAClB,QAAM,UAAgB,iBAAW,YAAY;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,mDAAmD;AAAA,EACrE;AACA,SAAO;AACT;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAOG;AACD,QAAM,WAAiB,YAAM;AAC7B,QAAM,UAAU,SAAS,MAAM,SAAS,QAAQ,MAAM,EAAE,CAAC;AACzD,QAAM,CAAC,aAAa,cAAc,IAAU,eAAwB,IAAI;AACxE,QAAM,CAAC,eAAe,gBAAgB,IAAU,eAAwB,IAAI;AAE5E,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,QAAQ,WAAW,aAAa,gBAAgB,eAAe,iBAAiB,KAC9G;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,cAAc,YAAY,MAAM;AAAE,uBAAe,IAAI;AAAG,yBAAiB,IAAI;AAAA,MAAE,IAAI;AAAA,MACnF,WAAW;AAAA,QACT;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,IAEJ,oCAAC,cAAW,IAAI,SAAS,QAAgB;AAAA,IACzC,oCAAmB,uCAAlB,MACE,QACH;AAAA,EACF,CACF;AAEJ;AAGA,IAAM,yBAAyB;AAE/B,IAAM,aAAa,CAAC,EAAE,IAAI,OAAO,MAA2C;AAC1E,QAAM,cAAc,OAAO,QAAQ,MAAM,EAAE;AAAA,IACzC,CAAC,CAAC,EAAEA,OAAM,MAAMA,QAAO,SAASA,QAAO;AAAA,EACzC;AAEA,QAAM,WAAW,YAAY,SACzB,OAAO,QAAQ,MAAM,EAClB;AAAA,IACC,CAAC,CAAC,OAAO,MAAM,MAAM;AAAA,EAC7B,MAAM,gBAAgB,EAAE;AAAA,EACxB,YACC,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AAC1B,YAAM,QACJ,WAAW,QAAQ,KAAsC,KACzD,WAAW;AACb,aAAO,QAAQ,aAAa,GAAG,KAAK,KAAK,MAAM;AAAA,IACjD,CAAC,EACA,KAAK,IAAI,CAAC;AAAA;AAAA;AAAA,EAGL,EACC,KAAK,IAAI,IACZ;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,yBAAyB;AAAA,QACvB,QAAQ,yBAAyB;AAAA,MACnC;AAAA;AAAA,EACF;AAEJ;AASA,IAAM,2BAA2B;AAGjC,IAAM,wBAAwB,EAAE,YAAY,2FAA2F;AAIvI,IAAM,uBAAuD;AAAA,EAC3D,MAAM;AAAA;AAAA,EACN,IAAM;AAAA;AAAA,EACN,MAAM;AAAA;AAAA,EACN,IAAM;AAAA;AAAA,EACN,IAAM;AAAA;AACR;AAaA,SAAS,SAAS;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,WAAW,aAAa,eAAe,IAAI,SAAS;AAC5D,QAAM,IAAI,qBAAqB,MAAM;AACrC,QAAM,YAAY,CAAC,CAAC,WAAW,kBAAkB;AACjD,QAAM,gBACJ,MAAM,IAA8C,IAClD,YAAY,aAAa,CAAC,YAAwB,IAClD,WAAW,gBAAgB,kBAAkB,WAAW,IACxD,WAAW,eAAuC,CAAC,GAAG,GAAG,GAAG,CAAC,IAC7D,kBAAkB,WAAgC,IACA,CAAC,GAAG,GAAG,GAAG,CAAC;AAIjE,QAAM,eAAqB,kBAAY,CAAC,eAA8H;AACpK,UAAM,IAAI,WAAW,KAAK;AAC1B,UAAM,IAAI,WAAW,KAAK;AAC1B,UAAM,QAAQ,WAAW,SAAS;AAClC,UAAM,SAAS,WAAW,UAAU;AACpC,QAAI,CAAC,SAAS,CAAC,UAAU,SAAS,KAAK,UAAU,EAAG,QAAO,oCAAC,SAAE;AAC9D,UAAM,KAAK;AACX,UAAM,QAAQ,KAAK;AACnB,UAAM,KAAK,OAAO,kBAAkB,WAAW,KAAK,IAAI,GAAG,gBAAgB,KAAK,IAAI;AAEpF,UAAM,iBAAiB,aAAa,gBAAgB,QAAQ,WAAW,UAAU,cAAc,2BAA2B;AAC1H,WACE;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,IAAI;AAAA,QACP,GAAG,IAAI;AAAA,QACP,OAAO,KAAK,IAAI,GAAG,QAAQ,EAAE;AAAA,QAC7B,QAAQ,KAAK,IAAI,GAAG,SAAS,EAAE;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,aAAa,MAAM;AAAA,QACnB,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,aAAa;AAAA,QACb,OAAO,YAAY,wBAAwB;AAAA;AAAA,IAC7C;AAAA,EAEJ,GAAG,CAAC,eAAe,MAAM,WAAW,WAAW,CAAC;AAGhD,QAAM,kBAAwB,kBAAY,CAAC,eAAoB;AAC7D,UAAM,UAAU,gBAAgB,OAAO,IAAI,WAAW,UAAU,cAAc,IAAI;AAClF,WACE;AAAA,MAAmB;AAAA,MAAlB;AAAA,QACE,GAAG;AAAA,QACJ,aAAa;AAAA,QACb,OAAO;AAAA;AAAA,IACT;AAAA,EAEJ,GAAG,CAAC,WAAW,CAAC;AAGhB,QAAM,aAAa,YAAY,aAAa,CAAC;AAC7C,QAAM,kBAAkB,aAAa,YAAY,WAAW,CAAC;AAE7D,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MAEC,GAAI,aAAa,EAAE,mBAAmB,MAAM;AAAA,MAC5C,GAAI,cAAc,EAAE,OAAO,aAAoB;AAAA,MAC/C,GAAI,mBAAmB,EAAE,OAAO,gBAAuB;AAAA,MACvD,GAAI,aAAa,EAAE,cAAc,CAAC,GAAY,UAAkB,eAAe,KAAK,EAAE;AAAA,MACtF,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,aAAa,OAA+D;AACnF,SAAO,oCAAmB,2BAAlB,EAA0B,mBAAmB,GAAI,GAAG,OAAO;AACrE;AA6BA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,EAAE,OAAO,IAAI,SAAS;AAE5B,QAAM,eAAqB,cAAQ,MAAM;AACvC,QAAI,aAAa,CAAC,SAAS,QAAQ;AACjC,aAAO;AAAA,IACT;AAEA,UAAM,CAAC,IAAI,IAAI;AACf,UAAM,MAAM,GAAG,YAAY,MAAM,WAAW,MAAM,QAAQ,OAAO;AACjE,UAAM,aAAa,4BAA4B,QAAQ,MAAM,GAAG;AAChE,UAAM,QACJ,CAAC,YAAY,OAAO,UAAU,WAC1B,OAAO,KAA4B,GAAG,SAAS,QAC/C,YAAY;AAElB,QAAI,gBAAgB;AAClB,aACE,oCAAC,SAAI,WAAW,GAAG,iBAAiB,cAAc,KAC/C,eAAe,OAAO,OAAO,CAChC;AAAA,IAEJ;AAEA,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,WAAO,oCAAC,SAAI,WAAW,GAAG,iBAAiB,cAAc,KAAI,KAAM;AAAA,EACrE,GAAG,CAAC,OAAO,gBAAgB,SAAS,WAAW,gBAAgB,QAAQ,QAAQ,CAAC;AAEhF,MAAI,CAAC,UAAU,CAAC,SAAS,QAAQ;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,QAAQ,WAAW,KAAK,cAAc;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,WAAW,iDAAiD;AAAA;AAAA,IAEpE,CAAC,YAAY,eAAe;AAAA,IAC7B,oCAAC,SAAI,WAAU,kBACZ,QACE,OAAO,CAAC,SAA6B,KAAK,SAAS,MAAM,EACzD,IAAI,CAAC,MAA0B,UAAkB;AAChD,YAAM,MAAM,GAAG,WAAW,KAAK,QAAQ,KAAK,WAAW,OAAO;AAC9D,YAAM,aAAa,4BAA4B,QAAQ,MAAM,GAAG;AAChE,YAAM,iBAAiB,SAAU,KAAK,SAAqC,QAAkB,KAAK;AAElG,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,KAAK;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA,cAAc,SAAS;AAAA,UACzB;AAAA;AAAA,QAEC,aAAa,MAAM,UAAU,UAAa,KAAK,OAC9C,UAAU,KAAK,OAAO,KAAK,MAAM,MAAM,OAAO,KAAK,OAAkC,IAErF,0DACG,YAAY,OACX,oCAAC,WAAW,MAAX,IAAgB,IAEjB,CAAC,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,eAAe,cAAc;AAAA,gBAC7B,OAAO,cAAc;AAAA,gBACrB,mDACE,cAAc;AAAA,gBAChB,UAAU,aAAa,cAAc;AAAA,cACvC;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,iBAAiB,cAAc,WAAW,gBAAgB;AAAA,cAC1D,aAAa;AAAA,YACf;AAAA;AAAA,QACF,GAGJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,YAAY,cAAc;AAAA,YAC5B;AAAA;AAAA,UAEA,oCAAC,SAAI,WAAU,kBACZ,YAAY,eAAe,MAC5B,oCAAC,UAAK,WAAU,qBACb,YAAY,SAAS,KAAK,IAC7B,CACF;AAAA,UACC,KAAK,SACJ,oCAAC,UAAK,WAAU,0DACb,KAAK,MAAM,eAAe,CAC7B;AAAA,QAEJ,CACF;AAAA,MAEJ;AAAA,IAEJ,CAAC,CACL;AAAA,EACF;AAEJ;AAEA,IAAM,cAAgC;AAoBtC,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AACF,GAA4B;AAC1B,QAAM,EAAE,OAAO,IAAI,SAAS;AAE5B,MAAI,CAAC,SAAS,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,WAAW;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aACI,iCACA;AAAA,UACE;AAAA,UACA,UAAU,SAAS,kBAAkB,UAAU,UAAU,gBAAgB;AAAA,UACzE,kBAAkB,QAAQ,SAAS;AAAA,QACrC;AAAA,QACJ;AAAA,MACF;AAAA;AAAA,IAEC,QACE,OAAO,CAAC,SAA4B,KAAK,SAAS,MAAM,EACxD,IAAI,CAAC,SAA4B;AAChC,YAAM,MAAM,GAAG,WAAW,KAAK,WAAW,OAAO;AACjD,YAAM,aAAa,4BAA4B,QAAQ,MAAM,GAAG;AAEhE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,KAAK;AAAA,UACV,WAAU;AAAA;AAAA,QAET,YAAY,QAAQ,CAAC,WACpB,oCAAC,WAAW,MAAX,IAAgB,IAEjB;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,iBAAiB,KAAK;AAAA,YACxB;AAAA;AAAA,QACF;AAAA,QAEF,oCAAC,UAAK,WAAU,qBAAmB,YAAY,KAAM;AAAA,MACvD;AAAA,IAEJ,CAAC;AAAA,EACL;AAEJ;AAGA,SAAS,4BACP,QACA,SACA,KACA;AACA,MAAI,OAAO,YAAY,YAAY,YAAY,MAAM;AACnD,WAAO;AAAA,EACT;AAEA,QAAM,iBACJ,aAAa,WACb,OAAO,QAAQ,YAAY,YAC3B,QAAQ,YAAY,OAChB,QAAQ,UACR;AAEN,MAAI,iBAAyB;AAE7B,MACE,OAAO,WACP,OAAO,QAAQ,GAA2B,MAAM,UAChD;AACA,qBAAiB,QAAQ,GAA2B;AAAA,EACtD,WACE,kBACA,OAAO,kBACP,OAAO,eAAe,GAAkC,MAAM,UAC9D;AACA,qBAAiB,eACf,GACF;AAAA,EACF;AAEA,SAAO,kBAAkB,SACrB,OAAO,cAAc,IACrB,OAAO,GAA0B;AACvC;AAMA,IAAM,wBAAwB,EAAE,OAAO,EAAE,UAAU,wBAAwB,MAAM,2BAA2B,EAAE;AAK9G,IAAM,sBAAsB,EAAE,MAAM,IAAI,OAAO,GAAG;AAElD,SAAS,WAAW,EAAE,MAAM,SAAS,GAAG,MAAM,GAAoB;AAChE,SAAO,oCAAmB,yBAAlB,EAAwB,MAAM,QAAQ,uBAAuB,SAAS,WAAW,qBAAsB,GAAG,OAAO;AAC3H;AAEA,SAAS,WAAW,EAAE,MAAM,QAAQ,QAAQ,GAAG,MAAM,GAAoB;AACvE,SAAO,oCAAmB,yBAAlB,EAAwB,MAAM,QAAQ,uBAAuB,OAAe,GAAG,OAAO;AAChG;AAQA,IAAM,kBAAkB;AAIxB,IAAM,kBAAkB,EAAE,GAAG,GAAG,aAAa,EAAE;AAC/C,IAAM,yBAAyB,EAAE,GAAG,GAAG,aAAa,EAAE;AAatD,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK,UAAU;AAAA,EACf,WAAW,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,EAAE,WAAW,eAAe,iBAAiB,IAAI,SAAS;AAEhE,QAAM,UAAU,aAAa,kBAAkB,QAAQ,kBAAkB;AACzE,QAAM,UAAU,UAAU,2BAA2B;AAGrD,QAAM,WAAW,UACb,YAAY,WAAW,EAAE,GAAG,iBAAiB,iBAAiB,IAAI,IAAI,kBACtE;AACJ,QAAM,iBAAiB,gBACnB,YAAY,WAAW,EAAE,GAAG,wBAAwB,iBAAiB,IAAI,IAAI,yBAC7E;AAEJ,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,iBAAiB,YAAY,WAAW,kBAAkB;AAAA,MAC1D,KAAK;AAAA,MACL,WAAW;AAAA,MACX,eAAe;AAAA,MAEd,GAAI,aAAa,EAAE,mBAAmB,MAAM;AAAA,MAC5C,GAAI,aAAa,EAAE,cAAc,MAAM,iBAAiB,OAAiB,EAAE;AAAA,MAC5E,OAAO,YAAY,EAAE,YAAY,+CAA+C,IAAI;AAAA,MACnF,GAAG;AAAA;AAAA,EACN;AAEJ;AAQA,IAAM,6BAA6B;AAenC,SAAS,UAAU;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,KAAK,UAAU;AAAA,EACf,WAAW,gBAAgB;AAAA,EAC3B,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,EAAE,WAAW,eAAe,iBAAiB,IAAI,SAAS;AAEhE,QAAM,UAAU,aAAa,kBAAkB,QAAQ,kBAAkB;AACzE,QAAM,UAAU,UAAU,2BAA2B;AAErD,QAAM,WAAW,UACb,kBACA;AACJ,QAAM,iBAAiB,gBACnB,yBACA;AAGJ,QAAM,aAAa,iBAAiB,OAAO,OAAO,CAAC;AACnD,QAAM,gBAAgB,YAAY,aAAa,QAAQ,UAAU,MAAO,QAAQ;AAChF,QAAM,uBAAuB,YAAY,aAAa,IAAI;AAE1D,SACE,0DACG,YAAY,cACX,oCAAC,cACC,oCAAC,oBAAe,IAAI,YAAY,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,OAEtD,oCAAC,UAAK,QAAO,MAAK,WAAW,QAAQ,QAAQ,aAAa,KAAK,GAC/D,oCAAC,UAAK,QAAO,OAAM,WAAW,QAAQ,QAAQ,aAAa,GAAG,CAChE,CACF,GAEF;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,aAAa,uBAAuB;AAAA,MACpC,aAAa;AAAA,MACb,KAAK;AAAA,MACL,WAAW;AAAA,MACX,eAAe;AAAA,MAEd,GAAI,aAAa,EAAE,mBAAmB,MAAM;AAAA,MAC5C,GAAI,aAAa,EAAE,cAAc,MAAM,iBAAiB,OAAiB,EAAE;AAAA,MAC5E,OAAO,YAAY,EAAE,YAAY,2FAA2F,IAAI;AAAA,MAC/H,GAAG;AAAA;AAAA,EACN,CACF;AAEJ;AASA,IAAM,0BAA0B;AAGhC,IAAM,+BAA+B;AAGrC,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAG9B,IAAM,uBAAuB;AAmB7B,SAAS,SAAS;AAAA,EAChB,UAAU;AAAA,EACV,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf,aAAa,kBAAkB;AAAA,EAC/B;AAAA,EACA,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,WAAW;AAAA,EACX,GAAG;AACL,GAAkB;AAEhB,QAAM,sBAAsB,gBAAgB,YAAY,UAAU,+BAA+B;AAGjG,QAAM,oBAAoB,kBACtB,CAACC,WACC;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAGA;AAAA,MACJ,aAAaA,OAAM,cAAc;AAAA;AAAA,EACnC,IAEF;AAGJ,QAAM,iBAAiB,CAAC,UACtB,iBAAiB,YACb,IAAI,MAAM,UAAU,KAAK,QAAQ,CAAC,CAAC,MACnC,MAAM;AAGZ,QAAM,cAAc,cAAc,YAC9B,CAAC,UAAe;AACd,UAAM,SAAS,KAAK,KAAK;AACzB,UAAM,EAAE,IAAI,IAAI,UAAU,aAAa,KAAK,IAAI;AAGhD,UAAM,KAAK,KAAK,cAAc,KAAK,IAAI,CAAC,WAAW,MAAM;AACzD,UAAM,KAAK,KAAK,cAAc,KAAK,IAAI,CAAC,WAAW,MAAM;AAGzD,UAAM,KAAK,MAAM,cAAc,0BAA0B,KAAK,IAAI,CAAC,WAAW,MAAM;AACpF,UAAM,KAAK,MAAM,cAAc,0BAA0B,KAAK,IAAI,CAAC,WAAW,MAAM;AAGpF,UAAM,UAAU,KAAK;AACrB,UAAM,KAAK,MAAM,UAAU,wBAAwB,CAAC;AAEpD,WACE,oCAAC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAAA,QAC3C,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,eAAe;AAAA;AAAA,IACjB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,MAAM,UAAU,IAAI;AAAA,QACvB,GAAG;AAAA,QACH,YAAY,UAAU,UAAU;AAAA,QAChC,kBAAiB;AAAA,QACjB,OAAO,EAAE,UAAU,uBAAuB,MAAM,0BAA0B;AAAA;AAAA,MAEzE,eAAe,KAAK;AAAA,IACvB,CACF;AAAA,EAEJ,IACA,cAAc,WACZ,CAAC,UAAe;AAEd,UAAM,QAAQ,KAAK,IAAI,MAAM,WAAW,MAAM,UAAU;AACxD,QAAI,QAAQ,qBAAsB,QAAO;AAEzC,UAAM,SAAS,KAAK,KAAK;AACzB,UAAM,EAAE,IAAI,IAAI,aAAa,IAAI,aAAa,IAAI,SAAS,IAAI;AAE/D,UAAM,QAAQ,KAAK,IAAI,MAAM;AAC7B,UAAM,SAAS,MAAM,KAAK,MAAM;AAChC,UAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AACnD,UAAM,IAAI,KAAK,SAAS,KAAK,IAAI,CAAC,WAAW,MAAM;AAEnD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,YAAW;AAAA,QACX,kBAAiB;AAAA,QACjB,OAAO,EAAE,UAAU,uBAAuB,MAAM,SAAS,YAAY,IAAI;AAAA;AAAA,MAExE,eAAe,KAAK;AAAA,IACvB;AAAA,EAEJ,IACA;AAEN,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa;AAAA,MACZ,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["config","props"]}

package/dist/index.js CHANGED Viewed

@@ -2530,7 +2530,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, radiu
       onCloseAutoFocus?.(e);
     },
     className: cn(
-      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+      "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
       flush ? "py-1" : "p-1",
       contentRadiusMap[radius],
       className
@@ -2669,7 +2669,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
     {
       ref,
       className: cn(
-        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        "z-popover min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap[radius],
         className
@@ -2872,7 +2872,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
         onCloseAutoFocus?.(e);
       },
       className: cn(
-        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
+        "relative z-popover min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap2[contentRadius],
         position === "popper" && "max-h-[var(--radix-select-content-available-height)]",
@@ -4029,7 +4029,8 @@ var tabsTriggerVariants = (0, import_class_variance_authority20.cva)(
   [
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "transition-all duration-micro ease-out cursor-pointer",
-    "focus-visible:focus-ring",
+    // Keyboard-only focus ring: see pointer tracking in TabsTrigger
+    "[&:focus-visible:not([data-pointer-focus])]:focus-ring",
     "disabled:pointer-events-none disabled:text-text-subtle disabled:opacity-50"
   ].join(" "),
   {
@@ -4133,9 +4134,10 @@ var pillItemRadiusClasses = {
   "3xl": "rounded-2xl",
   full: "rounded-full"
 };
-var TabsTrigger = React24.forwardRef(({ className, children, ...props }, ref) => {
+var TabsTrigger = React24.forwardRef(({ className, children, onPointerDown, onKeyDown, onBlur, ...props }, ref) => {
   const { variant, size, fitted, color, radius } = useTabsStyleContext();
   const resolvedSize = size || "default";
+  const [pointerFocus, setPointerFocus] = React24.useState(false);
   return /* @__PURE__ */ React24.createElement(
     TabsPrimitive.Trigger,
     {
@@ -4148,6 +4150,19 @@ var TabsTrigger = React24.forwardRef(({ className, children, ...props }, ref) =>
         variant === "pill" && pillItemRadiusClasses[radius || "md"],
         className
       ),
+      "data-pointer-focus": pointerFocus ? "" : void 0,
+      onPointerDown: (event) => {
+        setPointerFocus(true);
+        onPointerDown?.(event);
+      },
+      onKeyDown: (event) => {
+        setPointerFocus(false);
+        onKeyDown?.(event);
+      },
+      onBlur: (event) => {
+        setPointerFocus(false);
+        onBlur?.(event);
+      },
       ...props
     },
     children
@@ -5589,7 +5604,7 @@ var ANIMATION_CLASSES3 = {
   right: "data-[state=open]:animate-popover-right-enter data-[state=closed]:animate-popover-right-exit"
 };
 var popoverContentVariants = (0, import_class_variance_authority25.cva)(
-  "relative z-popover font-normal select-none w-auto max-w-[calc(100vw-16px)] outline-none",
+  "relative z-popover flex flex-col font-normal select-none w-auto max-w-[calc(100vw-16px)] max-h-[var(--radix-popover-content-available-height)] outline-none",
   {
     variants: {
       variant: {
@@ -5646,7 +5661,7 @@ var PopoverContent = React30.forwardRef(({ className, variant = "default", size,
       },
       closeIcon || /* @__PURE__ */ React30.createElement(DefaultCloseIcon3, { className: "icon-sm" })
     ),
-    children,
+    /* @__PURE__ */ React30.createElement("div", { className: "min-h-0 overflow-y-auto -m-1 p-1" }, children),
     showArrow && variant === "default" && /* @__PURE__ */ React30.createElement(
       "div",
       {