@7onic-ui/react 0.3.9 → 0.3.11

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.11
 - [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-29 (v0.3.11)</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-2WIIXHOV.mjs

@@ -0,0 +1,148 @@
+"use client";
+import {
+  useFieldContext,
+  useFieldControl
+} from "./chunk-T5A4APEL.mjs";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/radio-group.tsx
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cva } from "class-variance-authority";
+var radioColorMap = {
+  default: {
+    border: "data-[state=checked]:border-foreground",
+    dot: "bg-foreground"
+  },
+  primary: {
+    border: "data-[state=checked]:border-primary",
+    dot: "bg-primary"
+  }
+};
+var RadioGroupContext = React.createContext({ size: "default", weight: "bold", color: "default" });
+var radioGroupVariants = cva("grid gap-3", {
+  variants: {
+    orientation: {
+      vertical: "grid-cols-1",
+      horizontal: "grid-flow-col auto-cols-max gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var RadioGroup = React.forwardRef(({ className, orientation, size = "default", weight = "bold", color = "default", disabled, ...props }, ref) => {
+  const fieldContext = useFieldContext();
+  const resolvedDisabled = disabled ?? fieldContext?.disabled;
+  useFieldControl("labelled", Boolean(fieldContext));
+  const labelledBy = fieldContext?.hasLabel && !props["aria-label"] ? fieldContext.labelId : void 0;
+  return /* @__PURE__ */ React.createElement(RadioGroupContext.Provider, { value: { size, weight, color, disabled: resolvedDisabled } }, /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      ref,
+      className: cn(radioGroupVariants({ orientation }), className),
+      orientation: orientation || void 0,
+      disabled: resolvedDisabled,
+      "aria-labelledby": labelledBy,
+      ...props
+    }
+  ));
+});
+RadioGroup.displayName = "RadioGroup";
+var radioItemVariants = cva(
+  [
+    "relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out",
+    "focus-visible:focus-ring",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    // Transparent hit area expansion via ::after
+    "after:absolute after:content-['']"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "w-3.5 h-3.5 after:-inset-[5px]",
+        // 14px circle → 24px click
+        default: "w-4 h-4 after:-inset-2",
+        // 16px circle → 32px click
+        lg: "w-5 h-5 after:-inset-2"
+        // 20px circle → 36px click
+      },
+      weight: {
+        thin: "border",
+        // 1px
+        bold: "border-2"
+        // 2px
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      weight: "bold"
+    }
+  }
+);
+var dotSizes = {
+  sm: "w-1.5 h-1.5",
+  // 6px
+  default: "w-2 h-2",
+  // 8px
+  lg: "w-2.5 h-2.5"
+  // 10px
+};
+var labelSizes = {
+  sm: "text-xs",
+  // 12px
+  default: "text-md",
+  // 14px
+  lg: "text-base"
+  // 16px
+};
+var gapSizes = {
+  sm: "gap-1.5",
+  default: "gap-2",
+  lg: "gap-2.5"
+};
+var RadioGroupItem = React.forwardRef(({ className, label, disabled, ...props }, ref) => {
+  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext);
+  const resolvedDisabled = disabled ?? groupDisabled;
+  const itemId = React.useId();
+  const radio = /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      id: label ? itemId : void 0,
+      disabled: resolvedDisabled,
+      className: cn(
+        radioItemVariants({ size, weight }),
+        radioColorMap[color].border,
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center animate-radio-enter" }, /* @__PURE__ */ React.createElement("div", { className: cn("rounded-full", radioColorMap[color].dot, dotSizes[size]) }))
+  );
+  if (!label) return radio;
+  return /* @__PURE__ */ React.createElement("div", { className: cn("group flex items-center", gapSizes[size]) }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, radio), /* @__PURE__ */ React.createElement(
+    "label",
+    {
+      htmlFor: itemId,
+      className: cn(
+        labelSizes[size],
+        "text-text-muted cursor-pointer select-none transition-colors duration-micro",
+        "group-hover:text-foreground",
+        resolvedDisabled && "opacity-50 cursor-not-allowed"
+      )
+    },
+    label
+  ));
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+
+export {
+  radioGroupVariants,
+  RadioGroup,
+  radioItemVariants,
+  RadioGroupItem
+};
+//# sourceMappingURL=chunk-2WIIXHOV.mjs.map

package/dist/chunk-2WIIXHOV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { cva } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\nimport { useFieldContext, useFieldControl } from './field'\n\n// Color maps for checked state\nconst radioColorMap = {\n  default: {\n    border: 'data-[state=checked]:border-foreground',\n    dot: 'bg-foreground',\n  },\n  primary: {\n    border: 'data-[state=checked]:border-primary',\n    dot: 'bg-primary',\n  },\n} as const\n\nexport type RadioColor = keyof typeof radioColorMap\n\n// Context to pass size, weight, color from RadioGroup to RadioGroupItem\ntype RadioGroupContextValue = {\n  size: 'sm' | 'default' | 'lg'\n  weight: 'thin' | 'bold'\n  color: RadioColor\n  disabled?: boolean\n}\nconst RadioGroupContext = React.createContext<RadioGroupContextValue>({ size: 'default', weight: 'bold', color: 'default' })\n\n// RadioGroup container\nconst radioGroupVariants = cva('grid gap-3', {\n  variants: {\n    orientation: {\n      vertical: 'grid-cols-1',\n      horizontal: 'grid-flow-col auto-cols-max gap-4',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n})\n\nexport interface RadioGroupProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  size?: 'sm' | 'default' | 'lg'\n  weight?: 'thin' | 'bold'\n  /** Checked state color */\n  color?: RadioColor\n}\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  RadioGroupProps\n>(({ className, orientation, size = 'default', weight = 'bold', color = 'default', disabled, ...props }, ref) => {\n  const fieldContext = useFieldContext()\n  const resolvedDisabled = disabled ?? fieldContext?.disabled\n  // Inside a Field the FieldLabel names the radio group (items keep their own labels)\n  useFieldControl('labelled', Boolean(fieldContext))\n  const labelledBy = fieldContext?.hasLabel && !props['aria-label'] ? fieldContext.labelId : undefined\n\n  return (\n    <RadioGroupContext.Provider value={{ size, weight, color, disabled: resolvedDisabled }}>\n      <RadioGroupPrimitive.Root\n        ref={ref}\n        className={cn(radioGroupVariants({ orientation }), className)}\n        orientation={orientation || undefined}\n        disabled={resolvedDisabled}\n        aria-labelledby={labelledBy}\n        {...props}\n      />\n    </RadioGroupContext.Provider>\n  )\n})\nRadioGroup.displayName = 'RadioGroup'\n\n// RadioGroupItem circle variants\nconst radioItemVariants = cva(\n  [\n    'relative shrink-0 rounded-full border-border hover:border-border-strong transition-all duration-micro ease-out',\n    'focus-visible:focus-ring',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    // Transparent hit area expansion via ::after\n    \"after:absolute after:content-['']\",\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'w-3.5 h-3.5 after:-inset-[5px]',     // 14px circle → 24px click\n        default: 'w-4 h-4 after:-inset-2',          // 16px circle → 32px click\n        lg: 'w-5 h-5 after:-inset-2',               // 20px circle → 36px click\n      },\n      weight: {\n        thin: 'border',   // 1px\n        bold: 'border-2', // 2px\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      weight: 'bold',\n    },\n  }\n)\n\n// Dot sizes per radio size\nconst dotSizes = {\n  sm: 'w-1.5 h-1.5',       // 6px\n  default: 'w-2 h-2',      // 8px\n  lg: 'w-2.5 h-2.5',       // 10px\n}\n\n// Label font sizes\nconst labelSizes = {\n  sm: 'text-xs',       // 12px\n  default: 'text-md',  // 14px\n  lg: 'text-base',     // 16px\n}\n\n// Gap between radio and label\nconst gapSizes = {\n  sm: 'gap-1.5',\n  default: 'gap-2',\n  lg: 'gap-2.5',\n}\n\nexport interface RadioGroupItemProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {\n  label?: string\n}\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  RadioGroupItemProps\n>(({ className, label, disabled, ...props }, ref) => {\n  const { size, weight, color, disabled: groupDisabled } = React.useContext(RadioGroupContext)\n  const resolvedDisabled = disabled ?? groupDisabled\n  const itemId = React.useId()\n\n  const radio = (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      id={label ? itemId : undefined}\n      disabled={resolvedDisabled}\n      className={cn(\n        radioItemVariants({ size, weight }),\n        radioColorMap[color].border,\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center animate-radio-enter\">\n        <div className={cn('rounded-full', radioColorMap[color].dot, dotSizes[size])} />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n\n  if (!label) return radio\n\n  return (\n    <div className={cn('group flex items-center', gapSizes[size])}>\n      <div className=\"flex items-center\">\n        {radio}\n      </div>\n      <label\n        htmlFor={itemId}\n        className={cn(\n          labelSizes[size],\n          'text-text-muted cursor-pointer select-none transition-colors duration-micro',\n          'group-hover:text-foreground',\n          resolvedDisabled && 'opacity-50 cursor-not-allowed'\n        )}\n      >\n        {label}\n      </label>\n    </div>\n  )\n})\nRadioGroupItem.displayName = 'RadioGroupItem'\n\nexport { RadioGroup, RadioGroupItem, radioGroupVariants, radioItemVariants }\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":[]}

package/dist/chunk-BN5BEA3V.mjs

@@ -0,0 +1,195 @@
+"use client";
+import {
+  cn
+} from "./chunk-53MIUPSY.mjs";
+
+// src/components/ui/table.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+var TableContext = React.createContext({ size: "default", variant: "default", stickyHeader: false });
+var cellPaddingMap = {
+  sm: "px-3 py-2 text-sm",
+  default: "px-4 py-3 text-sm",
+  lg: "px-6 py-4 text-base"
+};
+var headPaddingMap = {
+  sm: "px-3 py-2 text-xs",
+  default: "px-4 py-3 text-xs",
+  lg: "px-6 py-3.5 text-sm"
+};
+var checkboxPaddingMap = {
+  sm: "[&:has([role=checkbox])]:pl-1 [&:has([role=checkbox])]:pr-0",
+  default: "[&:has([role=checkbox])]:pl-2 [&:has([role=checkbox])]:pr-0",
+  lg: "[&:has([role=checkbox])]:pl-3 [&:has([role=checkbox])]:pr-0"
+};
+var tableVariants = cva(
+  "w-full caption-bottom text-sm",
+  {
+    variants: {
+      variant: {
+        default: "",
+        bordered: "border border-border",
+        striped: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Table = React.forwardRef(
+  ({ className, size = "default", variant = "default", stickyHeader = false, wrapperClassName, ...props }, ref) => /* @__PURE__ */ React.createElement(TableContext.Provider, { value: { size, variant, stickyHeader } }, /* @__PURE__ */ React.createElement("div", { className: cn("relative w-full overflow-auto", wrapperClassName) }, /* @__PURE__ */ React.createElement(
+    "table",
+    {
+      ref,
+      className: cn(tableVariants({ variant }), className),
+      ...props
+    }
+  )))
+);
+Table.displayName = "Table";
+var TableHeader = React.forwardRef(({ className, ...props }, ref) => {
+  const { stickyHeader } = React.useContext(TableContext);
+  return /* @__PURE__ */ React.createElement(
+    "thead",
+    {
+      ref,
+      className: cn(
+        "[&_tr]:border-b [&_tr]:border-border",
+        stickyHeader && "sticky top-0 z-10 bg-background",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TableHeader.displayName = "TableHeader";
+var TableBody = React.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React.useContext(TableContext);
+  return /* @__PURE__ */ React.createElement(
+    "tbody",
+    {
+      ref,
+      className: cn(
+        "[&_tr:last-child]:border-b-0",
+        variant === "striped" && "[&_tr:nth-child(even)]:bg-background-muted",
+        className
+      ),
+      ...props
+    }
+  );
+});
+TableBody.displayName = "TableBody";
+var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t border-border bg-background-muted/50 font-normal [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React.forwardRef(
+  ({ className, interactive = false, selected = false, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "tr",
+    {
+      ref,
+      "data-selected": selected || void 0,
+      className: cn(
+        "border-b border-border transition-colors duration-fast",
+        interactive && "hover:bg-background-muted/50 cursor-pointer",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var defaultSortIcons = {
+  asc: /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 15l7-7 7 7" })),
+  desc: /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })),
+  default: /* @__PURE__ */ React.createElement("svg", { className: "icon-xs", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" }))
+};
+var TableHead = React.forwardRef(
+  ({ className, align = "left", sortable = false, sortDirection = null, onSort, sortIcon, children, ...props }, ref) => {
+    const { size } = React.useContext(TableContext);
+    const icons = { ...defaultSortIcons, ...sortIcon };
+    const content = sortable ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex items-center gap-1.5 hover:text-foreground transition-colors duration-fast group",
+        onClick: onSort
+      },
+      children,
+      /* @__PURE__ */ React.createElement("span", { className: cn(
+        "shrink-0 transition-colors duration-fast",
+        sortDirection ? "text-foreground" : "text-text-muted"
+      ) }, sortDirection === "asc" ? icons.asc : sortDirection === "desc" ? icons.desc : icons.default)
+    ) : children;
+    return /* @__PURE__ */ React.createElement(
+      "th",
+      {
+        ref,
+        className: cn(
+          "text-left align-middle font-semibold text-text-muted whitespace-nowrap",
+          headPaddingMap[size],
+          checkboxPaddingMap[size],
+          align === "center" && "text-center",
+          align === "right" && "text-right",
+          sortable && "select-none",
+          className
+        ),
+        "aria-sort": sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : void 0,
+        ...props
+      },
+      content
+    );
+  }
+);
+TableHead.displayName = "TableHead";
+var TableCell = React.forwardRef(
+  ({ className, align = "left", ...props }, ref) => {
+    const { size } = React.useContext(TableContext);
+    return /* @__PURE__ */ React.createElement(
+      "td",
+      {
+        ref,
+        className: cn(
+          "text-foreground align-middle",
+          cellPaddingMap[size],
+          checkboxPaddingMap[size],
+          align === "center" && "text-center",
+          align === "right" && "text-right",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-text-muted", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+};
+//# sourceMappingURL=chunk-BN5BEA3V.mjs.map