@7onic-ui/react 0.3.9 → 0.3.10

package/README.md

@@ -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.9
+- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.3.10
 - [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-27 (v0.3.9)</sub>
+  <sub>Last updated: 2026-10-27 (v0.3.10)</sub>
 </p>

package/dist/chart.mjs

@@ -1,17 +1,11 @@
 "use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
 
 // src/components/ui/chart.tsx
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/chart.tsx
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React.createContext(null);
 function useChart() {

package/dist/chart.mjs.map

@@ -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 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"]}
+{"version":3,"sources":["../src/components/ui/chart.tsx"],"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"],"mappings":"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","names":["config","props"]}

package/dist/chunk-234NAXGV.mjs

@@ -0,0 +1,252 @@
+"use client";
+import {
+  TypingIndicator
+} from "./chunk-S4T4PU7F.mjs";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-GD4YE5AE.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/chat-message.tsx
+import * as React from "react";
+var ChatMessageContext = React.createContext({
+  role: "assistant",
+  variant: "bubble",
+  color: "default",
+  size: "default",
+  radius: "2xl",
+  tail: true,
+  typing: false,
+  actions: void 0
+});
+var bubblePaddingMap = {
+  sm: "px-3 py-1.5",
+  default: "px-3.5 py-2",
+  lg: "px-4 py-2.5"
+};
+var bubbleTextMap = {
+  sm: "text-sm",
+  default: "text-md",
+  lg: "text-base"
+};
+var footerTextMap = {
+  sm: "text-2xs",
+  default: "text-2xs",
+  lg: "text-xs"
+};
+var rowGapMap = {
+  sm: "gap-2",
+  default: "gap-2.5",
+  lg: "gap-3"
+};
+var avatarGapMap = {
+  sm: "gap-1.5",
+  md: "gap-2.5",
+  lg: "gap-3"
+};
+var chatAvatarSizeMap = {
+  sm: "w-6 h-6",
+  // 24px
+  md: "w-7 h-7",
+  // 28px
+  lg: "w-8 h-8"
+  // 32px
+};
+var chatAvatarFontMap = {
+  sm: "text-2xs",
+  md: "text-2xs",
+  lg: "text-xs"
+};
+var bubbleRadiusTailMap = {
+  md: { assistant: "rounded-tl-md   rounded-tr-md   rounded-br-md   rounded-bl-none", user: "rounded-tl-md   rounded-tr-md   rounded-br-none rounded-bl-md" },
+  lg: { assistant: "rounded-tl-lg   rounded-tr-lg   rounded-br-lg   rounded-bl-none", user: "rounded-tl-lg   rounded-tr-lg   rounded-br-none rounded-bl-lg" },
+  xl: { assistant: "rounded-tl-xl   rounded-tr-xl   rounded-br-xl   rounded-bl-none", user: "rounded-tl-xl   rounded-tr-xl   rounded-br-none rounded-bl-xl" },
+  "2xl": { assistant: "rounded-tl-2xl  rounded-tr-2xl  rounded-br-2xl  rounded-bl-none", user: "rounded-tl-2xl  rounded-tr-2xl  rounded-br-none rounded-bl-2xl" }
+};
+var bubbleRadiusSymMap = {
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl"
+};
+function getBubbleColors(color, variant) {
+  if (variant === "flat") {
+    return color === "muted" ? "bg-background-muted text-foreground" : "text-foreground";
+  }
+  switch (color) {
+    case "default":
+      return "bg-background-paper border border-border text-foreground";
+    case "muted":
+      return "bg-background-muted text-foreground";
+    case "primary":
+      return "bg-primary text-primary-foreground";
+    case "dark":
+      return "bg-foreground text-background";
+  }
+}
+var builtInStatusLabels = {
+  sending: { label: "Sending...", className: "text-text-subtle" },
+  sent: { label: "Sent", className: "text-text-subtle" },
+  read: { label: "Read", className: "text-text-subtle" },
+  error: { label: "Failed", className: "text-error" }
+};
+var typingSizeMap = {
+  sm: "sm",
+  default: "sm",
+  lg: "default"
+};
+var typingMinWidthMap = {
+  sm: "min-w-12",
+  default: "min-w-12",
+  lg: "min-w-16"
+};
+var ChatMessage = React.forwardRef(
+  ({
+    className,
+    role = "assistant",
+    variant = "bubble",
+    color = "default",
+    size = "default",
+    radius = "2xl",
+    tail = true,
+    typing = false,
+    avatarSize,
+    actions,
+    children,
+    ...props
+  }, ref) => {
+    const ctx = React.useMemo(
+      () => ({ role, variant, color, size, radius, tail, typing, actions }),
+      [role, variant, color, size, radius, tail, typing, actions]
+    );
+    const gapClass = avatarSize ? avatarGapMap[avatarSize] : rowGapMap[size];
+    return /* @__PURE__ */ React.createElement(ChatMessageContext.Provider, { value: ctx }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(
+          "group/message flex items-end",
+          gapClass,
+          role === "user" && variant !== "flat" ? "flex-row-reverse" : "flex-row",
+          className
+        ),
+        ...props
+      },
+      children
+    ));
+  }
+);
+ChatMessage.displayName = "ChatMessage";
+function DefaultAiIcon() {
+  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-3/5 h-3/5", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: "M12 3l1.8 5.4 5.4 1.8-5.4 1.8L12 17.4l-1.8-5.4L4.8 10.2l5.4-1.8z" }), /* @__PURE__ */ React.createElement("path", { d: "M19.5 3.5l.8 2.4 2.4.8-2.4.8L19.5 10l-.8-2.5-2.4-.8 2.4-.8z", opacity: ".6" }), /* @__PURE__ */ React.createElement("path", { d: "M4.5 14.5l.7 2 2 .7-2 .7L4.5 20l-.7-2-2-.7 2-.7z", opacity: ".4" }));
+}
+var ChatMessageAvatar = React.forwardRef(
+  ({ className, size: avatarSize = "md", src, alt = "Avatar", initials, icon }, ref) => /* @__PURE__ */ React.createElement(
+    Avatar,
+    {
+      ref,
+      "aria-hidden": "true",
+      className: cn(chatAvatarSizeMap[avatarSize], "shrink-0", className)
+    },
+    src && /* @__PURE__ */ React.createElement(AvatarImage, { src, alt }),
+    /* @__PURE__ */ React.createElement(AvatarFallback, { className: cn("font-semibold", chatAvatarFontMap[avatarSize]) }, icon ?? (initials || /* @__PURE__ */ React.createElement(DefaultAiIcon, null)))
+  )
+);
+ChatMessageAvatar.displayName = "ChatMessageAvatar";
+var ChatMessageContent = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { role, variant, color, size, radius, tail, typing, actions } = React.useContext(ChatMessageContext);
+    const isTyping = !!typing;
+    const typingProps = typeof typing === "object" ? typing : {};
+    const isDarkBg = color === "primary" || color === "dark";
+    const invertDots = variant === "bubble" && isDarkBg;
+    const effectiveTail = variant === "flat" ? false : tail;
+    const radiusClasses = effectiveTail ? bubbleRadiusTailMap[radius][role] : bubbleRadiusSymMap[radius];
+    const bubble = /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(
+          bubbleTextMap[size],
+          variant === "bubble" && "max-w-[75%]",
+          isTyping && [typingMinWidthMap[size], "text-center"],
+          getBubbleColors(color, variant),
+          (variant === "bubble" || variant === "flat") && bubblePaddingMap[size],
+          (variant === "bubble" || variant === "flat" && color === "muted") && radiusClasses,
+          className
+        ),
+        ...props
+      },
+      isTyping ? /* @__PURE__ */ React.createElement(
+        TypingIndicator,
+        {
+          size: typingSizeMap[size],
+          color: "muted",
+          ...typingProps,
+          className: cn("align-middle", invertDots && "[&>div>div]:bg-current")
+        }
+      ) : children
+    );
+    if (!actions) return bubble;
+    return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-end gap-1.5", role === "user" && variant !== "flat" ? "flex-row-reverse" : "flex-row") }, bubble, /* @__PURE__ */ React.createElement("div", { className: cn(
+      "shrink-0 flex items-center gap-1 pb-0.5",
+      "opacity-0 group-hover/message:opacity-100",
+      "transition-opacity duration-normal"
+    ) }, actions));
+  }
+);
+ChatMessageContent.displayName = "ChatMessageContent";
+var ChatMessageFooter = React.forwardRef(
+  ({
+    className,
+    timestamp,
+    status,
+    role: roleProp,
+    size: sizeProp,
+    children,
+    ...props
+  }, ref) => {
+    const ctx = React.useContext(ChatMessageContext);
+    const role = roleProp ?? ctx.role;
+    const size = sizeProp ?? ctx.size;
+    const variant = ctx.variant;
+    const statusContent = React.useMemo(() => {
+      if (status == null) return null;
+      if (typeof status === "string" && status in builtInStatusLabels) {
+        const { label, className: cls } = builtInStatusLabels[status];
+        return /* @__PURE__ */ React.createElement("span", { className: cls }, label);
+      }
+      return status;
+    }, [status]);
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex items-center gap-1 select-none",
+          footerTextMap[size],
+          "text-text-subtle",
+          role === "user" && variant !== "flat" ? "justify-end" : "justify-start",
+          className
+        ),
+        ...props
+      },
+      children,
+      statusContent,
+      timestamp && /* @__PURE__ */ React.createElement("span", null, timestamp)
+    );
+  }
+);
+ChatMessageFooter.displayName = "ChatMessageFooter";
+
+export {
+  ChatMessage,
+  ChatMessageAvatar,
+  ChatMessageContent,
+  ChatMessageFooter
+};
+//# sourceMappingURL=chunk-234NAXGV.mjs.map

package/dist/chunk-234NAXGV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/chat-message.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from '@/lib/utils'\nimport { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'\nimport { TypingIndicator, type TypingIndicatorProps } from '@/components/ui/typing-indicator'\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type ChatMessageRole       = 'user' | 'assistant'\nexport type ChatMessageVariant    = 'bubble' | 'flat'\nexport type ChatMessageColor      = 'default' | 'muted' | 'primary' | 'dark'\nexport type ChatMessageSize       = 'sm' | 'default' | 'lg'\nexport type ChatMessageRadius     = 'md' | 'lg' | 'xl' | '2xl'\nexport type ChatMessageAvatarSize = 'sm' | 'md' | 'lg'\n\n/** Built-in status presets (pass as string to Footer.status for auto-rendering) */\nexport type ChatMessageStatus = 'sending' | 'sent' | 'read' | 'error'\n\n// ============================================================================\n// Context — propagates root props to sub-components\n// ============================================================================\n\ninterface ChatMessageContextValue {\n  role:    ChatMessageRole\n  variant: ChatMessageVariant\n  color:   ChatMessageColor\n  size:    ChatMessageSize\n  radius:  ChatMessageRadius\n  tail:    boolean\n  typing:  boolean | Omit<TypingIndicatorProps, 'className'>\n  actions?: React.ReactNode\n}\n\nconst ChatMessageContext = React.createContext<ChatMessageContextValue>({\n  role:    'assistant',\n  variant: 'bubble',\n  color:   'default',\n  size:    'default',\n  radius:  '2xl',\n  tail:    true,\n  typing:  false,\n  actions: undefined,\n})\n\n// ============================================================================\n// Size maps\n// ============================================================================\n\n/** Bubble padding per size */\nconst bubblePaddingMap: Record<ChatMessageSize, string> = {\n  sm:      'px-3 py-1.5',\n  default: 'px-3.5 py-2',\n  lg:      'px-4 py-2.5',\n}\n\n/** Bubble text class per size */\nconst bubbleTextMap: Record<ChatMessageSize, string> = {\n  sm:      'text-sm',\n  default: 'text-md',\n  lg:      'text-base',\n}\n\n/** Footer text size per size */\nconst footerTextMap: Record<ChatMessageSize, string> = {\n  sm:      'text-2xs',\n  default: 'text-2xs',\n  lg:      'text-xs',\n}\n\n/** Gap between avatar and content per message size */\nconst rowGapMap: Record<ChatMessageSize, string> = {\n  sm:      'gap-2',\n  default: 'gap-2.5',\n  lg:      'gap-3',\n}\n\n/** Gap override when avatarSize is explicitly set */\nconst avatarGapMap: Record<ChatMessageAvatarSize, string> = {\n  sm: 'gap-1.5',\n  md: 'gap-2.5',\n  lg: 'gap-3',\n}\n\n// ============================================================================\n// Chat avatar sizes (independent from message size)\n// ============================================================================\n\nconst chatAvatarSizeMap: Record<ChatMessageAvatarSize, string> = {\n  sm: 'w-6 h-6',   // 24px\n  md: 'w-7 h-7',   // 28px\n  lg: 'w-8 h-8',   // 32px\n}\n\nconst chatAvatarFontMap: Record<ChatMessageAvatarSize, string> = {\n  sm: 'text-2xs',\n  md: 'text-2xs',\n  lg: 'text-xs',\n}\n\n// ============================================================================\n// Bubble radius — static maps for Tailwind JIT scanner compatibility\n// ============================================================================\n\n/**\n * Asymmetric with tail: tail corner = rounded-none (0px).\n * assistant → tail at bottom-left | user → tail at bottom-right\n */\nconst bubbleRadiusTailMap: Record<ChatMessageRadius, Record<ChatMessageRole, string>> = {\n  md:    { assistant: 'rounded-tl-md   rounded-tr-md   rounded-br-md   rounded-bl-none', user: 'rounded-tl-md   rounded-tr-md   rounded-br-none rounded-bl-md'   },\n  lg:    { assistant: 'rounded-tl-lg   rounded-tr-lg   rounded-br-lg   rounded-bl-none', user: 'rounded-tl-lg   rounded-tr-lg   rounded-br-none rounded-bl-lg'   },\n  xl:    { assistant: 'rounded-tl-xl   rounded-tr-xl   rounded-br-xl   rounded-bl-none', user: 'rounded-tl-xl   rounded-tr-xl   rounded-br-none rounded-bl-xl'   },\n  '2xl': { assistant: 'rounded-tl-2xl  rounded-tr-2xl  rounded-br-2xl  rounded-bl-none', user: 'rounded-tl-2xl  rounded-tr-2xl  rounded-br-none rounded-bl-2xl'  },\n}\n\n/** Symmetric: all corners same radius */\nconst bubbleRadiusSymMap: Record<ChatMessageRadius, string> = {\n  md:    'rounded-md',\n  lg:    'rounded-lg',\n  xl:    'rounded-xl',\n  '2xl': 'rounded-2xl',\n}\n\n// ============================================================================\n// Bubble color helper — applies to both roles uniformly\n// ============================================================================\n\nfunction getBubbleColors(color: ChatMessageColor, variant: ChatMessageVariant): string {\n  if (variant === 'flat') {\n    return color === 'muted' ? 'bg-background-muted text-foreground' : 'text-foreground'\n  }\n  switch (color) {\n    case 'default': return 'bg-background-paper border border-border text-foreground'\n    case 'muted':   return 'bg-background-muted text-foreground'\n    case 'primary': return 'bg-primary text-primary-foreground'\n    case 'dark':    return 'bg-foreground text-background'\n  }\n}\n\n// ============================================================================\n// Built-in status labels\n// ============================================================================\n\nconst builtInStatusLabels: Record<string, { label: string; className: string }> = {\n  sending: { label: 'Sending...', className: 'text-text-subtle' },\n  sent:    { label: 'Sent',       className: 'text-text-subtle' },\n  read:    { label: 'Read',       className: 'text-text-subtle' },\n  error:   { label: 'Failed',     className: 'text-error' },\n}\n\n// ============================================================================\n// TypingIndicator size mapping (chat sizes → indicator sizes)\n// ============================================================================\n\nconst typingSizeMap: Record<ChatMessageSize, 'sm' | 'default' | 'lg'> = {\n  sm:      'sm',\n  default: 'sm',\n  lg:      'default',\n}\n\n/** Minimum bubble width when typing — accounts for dot size + padding per chat size */\nconst typingMinWidthMap: Record<ChatMessageSize, string> = {\n  sm:      'min-w-12',\n  default: 'min-w-12',\n  lg:      'min-w-16',\n}\n\n// ============================================================================\n// Props interfaces\n// ============================================================================\n\nexport interface ChatMessageRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Sender role — controls alignment (left=assistant, right=user) */\n  role?: ChatMessageRole\n  /** Bubble visual style */\n  variant?: ChatMessageVariant\n  /** Bubble background color */\n  color?: ChatMessageColor\n  /** Size scale — affects text and padding */\n  size?: ChatMessageSize\n  /** Bubble corner radius */\n  radius?: ChatMessageRadius\n  /** Asymmetric tail corner (radius=0 on the avatar side) */\n  tail?: boolean\n  /** Show typing indicator inside Content. Pass true for defaults, or TypingIndicatorProps for custom. */\n  typing?: boolean | Omit<TypingIndicatorProps, 'className'>\n  /** Avatar size — overrides default gap between avatar and bubble */\n  avatarSize?: ChatMessageAvatarSize\n  /** Action buttons revealed on hover */\n  actions?: React.ReactNode\n}\n\nexport interface ChatMessageAvatarProps {\n  /** Avatar size: sm(24px), md(28px), lg(32px) */\n  size?: ChatMessageAvatarSize\n  /** Image URL */\n  src?: string\n  /** Alt text for avatar image */\n  alt?: string\n  /** Initials to display when no image (1–2 characters) */\n  initials?: string\n  /** Custom icon or ReactNode to render inside the avatar */\n  icon?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ChatMessageContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface ChatMessageFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Pre-formatted timestamp string (e.g. \"12:34 PM\") */\n  timestamp?: string\n  /** Status: built-in preset ('sending' | 'sent' | 'read' | 'error') or custom ReactNode */\n  status?: React.ReactNode\n  /** Size override (defaults to context value from ChatMessage root) */\n  size?: ChatMessageSize\n}\n\n// ============================================================================\n// ChatMessage Root\n// ============================================================================\n\nconst ChatMessage = React.forwardRef<HTMLDivElement, ChatMessageRootProps>(\n  (\n    {\n      className,\n      role       = 'assistant',\n      variant    = 'bubble',\n      color      = 'default',\n      size       = 'default',\n      radius     = '2xl',\n      tail       = true,\n      typing     = false,\n      avatarSize,\n      actions,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const ctx = React.useMemo<ChatMessageContextValue>(\n      () => ({ role, variant, color, size, radius, tail, typing, actions }),\n      [role, variant, color, size, radius, tail, typing, actions]\n    )\n\n    const gapClass = avatarSize ? avatarGapMap[avatarSize] : rowGapMap[size]\n\n    return (\n      <ChatMessageContext.Provider value={ctx}>\n        <div\n          ref={ref}\n          className={cn(\n            'group/message flex items-end',\n            gapClass,\n            role === 'user' && variant !== 'flat' ? 'flex-row-reverse' : 'flex-row',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </ChatMessageContext.Provider>\n    )\n  }\n)\nChatMessage.displayName = 'ChatMessage'\n\n// ============================================================================\n// Default AI sparkle icon\n// ============================================================================\n\nfunction DefaultAiIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"w-3/5 h-3/5\" aria-hidden=\"true\">\n      <path d=\"M12 3l1.8 5.4 5.4 1.8-5.4 1.8L12 17.4l-1.8-5.4L4.8 10.2l5.4-1.8z\" />\n      <path d=\"M19.5 3.5l.8 2.4 2.4.8-2.4.8L19.5 10l-.8-2.5-2.4-.8 2.4-.8z\" opacity=\".6\" />\n      <path d=\"M4.5 14.5l.7 2 2 .7-2 .7L4.5 20l-.7-2-2-.7 2-.7z\" opacity=\".4\" />\n    </svg>\n  )\n}\n\n// ============================================================================\n// ChatMessageAvatar — wraps Avatar component with chat-specific sizes\n// ============================================================================\n\nconst ChatMessageAvatar = React.forwardRef<HTMLSpanElement, ChatMessageAvatarProps>(\n  ({ className, size: avatarSize = 'md', src, alt = 'Avatar', initials, icon }, ref) => (\n    <Avatar\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref={ref as any}\n      aria-hidden=\"true\"\n      className={cn(chatAvatarSizeMap[avatarSize], 'shrink-0', className)}\n    >\n      {src && <AvatarImage src={src} alt={alt} />}\n      <AvatarFallback className={cn('font-semibold', chatAvatarFontMap[avatarSize])}>\n        {icon ?? (initials || <DefaultAiIcon />)}\n      </AvatarFallback>\n    </Avatar>\n  )\n)\nChatMessageAvatar.displayName = 'ChatMessageAvatar'\n\n// ============================================================================\n// ChatMessageContent\n// ============================================================================\n\nconst ChatMessageContent = React.forwardRef<HTMLDivElement, ChatMessageContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const { role, variant, color, size, radius, tail, typing, actions } = React.useContext(ChatMessageContext)\n    const isTyping = !!typing\n    const typingProps = typeof typing === 'object' ? typing : {}\n\n    // Dark bubble backgrounds need inverted typing dot colors\n    const isDarkBg = color === 'primary' || color === 'dark'\n    const invertDots = variant === 'bubble' && isDarkBg\n\n    // flat variant never has a tail (asymmetric corner)\n    const effectiveTail = variant === 'flat' ? false : tail\n    const radiusClasses = effectiveTail\n      ? bubbleRadiusTailMap[radius][role]\n      : bubbleRadiusSymMap[radius]\n\n    const bubble = (\n      <div\n        ref={ref}\n        className={cn(\n          bubbleTextMap[size],\n          variant === 'bubble' && 'max-w-[75%]',\n          isTyping && [typingMinWidthMap[size], 'text-center'],\n          getBubbleColors(color, variant),\n          (variant === 'bubble' || variant === 'flat') && bubblePaddingMap[size],\n          (variant === 'bubble' || (variant === 'flat' && color === 'muted')) && radiusClasses,\n          className\n        )}\n        {...props}\n      >\n        {isTyping ? (\n          <TypingIndicator\n            size={typingSizeMap[size]}\n            color=\"muted\"\n            {...typingProps}\n            className={cn('align-middle', invertDots && '[&>div>div]:bg-current')}\n          />\n        ) : children}\n      </div>\n    )\n\n    if (!actions) return bubble\n\n    return (\n      <div className={cn('flex items-end gap-1.5', role === 'user' && variant !== 'flat' ? 'flex-row-reverse' : 'flex-row')}>\n        {bubble}\n        <div className={cn(\n          'shrink-0 flex items-center gap-1 pb-0.5',\n          'opacity-0 group-hover/message:opacity-100',\n          'transition-opacity duration-normal',\n        )}>\n          {actions}\n        </div>\n      </div>\n    )\n  }\n)\nChatMessageContent.displayName = 'ChatMessageContent'\n\n// ============================================================================\n// ChatMessageFooter\n// ============================================================================\n\nconst ChatMessageFooter = React.forwardRef<HTMLDivElement, ChatMessageFooterProps>(\n  (\n    {\n      className,\n      timestamp,\n      status,\n      role: roleProp,\n      size: sizeProp,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const ctx = React.useContext(ChatMessageContext)\n    const role    = roleProp ?? ctx.role\n    const size    = sizeProp ?? ctx.size\n    const variant = ctx.variant\n\n    // Resolve status: built-in preset string → label, or pass-through ReactNode\n    const statusContent = React.useMemo(() => {\n      if (status == null) return null\n      if (typeof status === 'string' && status in builtInStatusLabels) {\n        const { label, className: cls } = builtInStatusLabels[status]\n        return <span className={cls}>{label}</span>\n      }\n      return status\n    }, [status])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center gap-1 select-none',\n          footerTextMap[size],\n          'text-text-subtle',\n          role === 'user' && variant !== 'flat' ? 'justify-end' : 'justify-start',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {statusContent}\n        {timestamp && <span>{timestamp}</span>}\n      </div>\n    )\n  }\n)\nChatMessageFooter.displayName = 'ChatMessageFooter'\n\nexport {\n  ChatMessage,\n  ChatMessageAvatar,\n  ChatMessageContent,\n  ChatMessageFooter,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-53MIUPSY.mjs

@@ -0,0 +1,13 @@
+"use client";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-53MIUPSY.mjs.map

package/dist/chunk-53MIUPSY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["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":";;;AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAOjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}