@12-apps/ui 5.0.0 → 5.0.1

package/dist/chunk-MXVO2KXV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/Chart.tsx","../src/components/data-display/Chart/ChartComposables.tsx","../src/components/data-display/Chart/chart-internals.ts","../src/components/data-display/Chart/chart-renderers.tsx","../src/components/data-display/Chart/chart-axis.ts","../src/components/data-display/Chart/chart-context.ts","../src/components/data-display/Chart/SpecChart.tsx","../src/components/data-display/Chart/chart-format.ts","../src/components/data-display/Chart/chart-spec-registry.ts","../src/components/data-display/Chart/chart-spec.ts"],"sourcesContent":["import { Box, CircularProgress, Paper, Typography, useTheme, type Theme } from '@mui/material';\nimport React from 'react';\n\nimport type { ChartProps } from './Chart.types';\nimport { ChartContainer } from './ChartComposables';\nimport { getSizeStyles, getVariantStyles } from './chart-internals';\nimport { renderChartByType } from './chart-renderers';\nimport { muiColor } from '../../../tokens/scales';\n\n/**\n * Prop-driven Recharts wrapper (line/bar/area/pie/radar/scatter/composed)\n * with MUI-themed chrome. The serializable-spec API (`SpecChart`) layers on\n * top of this component; type-specific rendering lives in\n * `chart-renderers.tsx` and styling in `chart-internals.ts`.\n */\n\nfunction variantSx(theme: Theme, props: ChartProps): Record<string, unknown> {\n  return getVariantStyles(theme, {\n    variant: props.variant ?? 'default',\n    color: props.color ?? 'primary',\n    glow: props.glow ?? false,\n    pulse: props.pulse ?? false,\n    glass: props.glass ?? false,\n    gradient: props.gradient ?? false,\n    disabled: props.disabled ?? false,\n  });\n}\n\ninterface HeaderProps {\n  title?: string;\n  subtitle?: string;\n  neon: boolean;\n  dataTestId: string;\n}\n\nfunction ChartHeader({ title, subtitle, neon, dataTestId }: HeaderProps): React.ReactElement | null {\n  if (!title && !subtitle) return null;\n  return (\n    <Box sx={{ mb: 2 }} data-testid={`${dataTestId}-header`}>\n      {title && (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${dataTestId}-title`}\n          sx={{ color: neon ? '#00ffff' : 'text.primary', fontWeight: 600 }}\n        >\n          {title}\n        </Typography>\n      )}\n      {subtitle && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${dataTestId}-subtitle`}\n          sx={{ color: neon ? 'rgba(0, 255, 255, 0.7)' : 'text.secondary' }}\n        >\n          {subtitle}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport const Chart: React.FC<ChartProps> = (props) => {\n  const theme = useTheme();\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const styles = variantSx(theme, props);\n  const dataTestId = props['data-testid'] ?? 'chart';\n\n  if (props.loading) {\n    return (\n      <Paper\n        data-testid={`${dataTestId}-loading`}\n        sx={{ ...styles, ...sizeStyles, display: 'flex', justifyContent: 'center', alignItems: 'center' }}\n      >\n        <CircularProgress color={muiColor(props.color ?? 'primary', 'inherit')} data-testid={`${dataTestId}-loading-spinner`} />\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper\n      data-testid={dataTestId}\n      className={props.className}\n      sx={{ p: 2, ...styles, ...props.style }}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      <ChartHeader\n        title={props.title}\n        subtitle={props.subtitle}\n        neon={props.variant === 'neon'}\n        dataTestId={dataTestId}\n      />\n      <ChartContainer\n        responsive={props.responsive ?? true}\n        width={props.width ?? '100%'}\n        height={props.fillHeight === true ? '100%' : sizeStyles.height}\n        data-testid={`${dataTestId}-container`}\n      >\n        {renderChartByType(props, theme)}\n      </ChartContainer>\n    </Paper>\n  );\n};\n","import { Box, Paper, Typography, useTheme } from '@mui/material';\nimport React from 'react';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\n/**\n * Raw chart composables (Squire's ChartConfig pattern, MUI-themed): a\n * responsive container plus themed tooltip/legend content renderers. The\n * prop-driven `Chart` uses these internally; consumers building bespoke\n * Recharts compositions can reuse them directly.\n */\n\n/** Recharts' Tooltip/Legend re-exported so bespoke compositions can pair them\n * with the themed content renderers below. */\nexport const ChartTooltip = Tooltip;\nexport const ChartLegend = Legend;\n\nexport interface ChartContainerProps {\n  /**\n   * A number of pixels, or a PERCENTAGE of the box this container is given.\n   *\n   * The difference is not cosmetic: Recharts sizes the chart from the number\n   * when it is one and only MEASURES its own box when it is a percentage\n   * (`calculateChartDimensions`). So a container stretched by its parent's\n   * layout goes on drawing a 300px chart inside a 600px box — visibly, as\n   * blank space under the plot — until the height is handed over as a percent.\n   */\n  height: number | `${number}%`;\n  width?: number | string;\n  responsive?: boolean;\n  children: React.ReactElement;\n  'data-testid'?: string;\n}\n\n/** Responsive wrapper for a Recharts chart element. */\nexport const ChartContainer: React.FC<ChartContainerProps> = ({\n  height,\n  width = '100%',\n  responsive = true,\n  children,\n  'data-testid': dataTestId,\n}) => {\n  if (!responsive) {\n    return (\n      <Box sx={{ width, height }} data-testid={dataTestId}>\n        {children}\n      </Box>\n    );\n  }\n  return (\n    <ResponsiveContainer width=\"100%\" height={height} data-testid={dataTestId}>\n      {children}\n    </ResponsiveContainer>\n  );\n};\n\ninterface TooltipEntry {\n  name?: string | number;\n  value?: string | number;\n  color?: string;\n}\n\nexport interface ChartTooltipContentProps {\n  active?: boolean;\n  label?: string | number;\n  payload?: TooltipEntry[];\n  /** Formats numeric values (e.g. centavos → BRL). */\n  valueFormatter?: (value: number) => string;\n}\n\n/** Theme-aware tooltip content (light/dark correct, semantic colors only). */\nexport const ChartTooltipContent: React.FC<ChartTooltipContentProps> = ({\n  active,\n  label,\n  payload,\n  valueFormatter,\n}) => {\n  const theme = useTheme();\n  if (!active || !payload || payload.length === 0) return null;\n  const formatValue = (value: TooltipEntry['value']): string | number => {\n    if (typeof value === 'number' && valueFormatter) return valueFormatter(value);\n    return value ?? '';\n  };\n  return (\n    <Paper elevation={4} sx={{ px: 1.5, py: 1, border: `1px solid ${theme.palette.divider}` }}>\n      {label !== undefined && label !== '' && (\n        <Typography variant=\"caption\" sx={{ color: 'text.secondary', display: 'block', mb: 0.5 }}>\n          {label}\n        </Typography>\n      )}\n      {payload.map((entry, index) => (\n        <Box key={index} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n          <Box\n            component=\"span\"\n            sx={{ width: 10, height: 10, borderRadius: '2px', backgroundColor: entry.color, flexShrink: 0 }}\n          />\n          <Typography variant=\"body2\" sx={{ color: 'text.secondary' }}>\n            {entry.name}\n          </Typography>\n          <Typography variant=\"body2\" sx={{ ml: 'auto', fontWeight: 600 }}>\n            {formatValue(entry.value)}\n          </Typography>\n        </Box>\n      ))}\n    </Paper>\n  );\n};\n\nexport interface ChartLegendContentProps {\n  payload?: Array<{ value?: string | number; color?: string }>;\n}\n\n/** Theme-aware legend content matching the tooltip's swatch styling. */\nexport const ChartLegendContent: React.FC<ChartLegendContentProps> = ({ payload }) => {\n  if (!payload || payload.length === 0) return null;\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', gap: 2, pt: 1 }}>\n      {payload.map((entry, index) => (\n        <Box key={index} sx={{ display: 'flex', alignItems: 'center', gap: 0.75 }}>\n          <Box\n            component=\"span\"\n            sx={{ width: 10, height: 10, borderRadius: '2px', backgroundColor: entry.color, flexShrink: 0 }}\n          />\n          <Typography variant=\"caption\" sx={{ color: 'text.secondary' }}>\n            {entry.value}\n          </Typography>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n","import { alpha, type Theme } from '@mui/material';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { accentFor} from '../../../tokens/scales';\n\n/**\n * Non-JSX internals of the prop-driven Chart: size/variant styling, palette\n * resolution and series auto-detection. Split from Chart.tsx to keep every\n * function inside the repo's complexity budget.\n */\n\nexport interface SizeStyles {\n  height: number;\n  fontSize: string;\n  /**\n   * Gap between an axis line and its tick labels, px.\n   *\n   * Recharts' default of 2 is not enough. The bottom VALUE tick is centred on\n   * the x-axis line, so its text box reaches ~0.79em BELOW that line, while\n   * the category labels begin 2px under the 6px tick mark — the two collide at\n   * the axis corner, at every viewport. Each value below is ~0.8em of its own\n   * font size, which clears the value label's descender with ~6px to spare.\n   */\n  tickMargin: number;\n}\n\nconst SIZE_PRESETS: Record<NonNullable<ChartProps['size']>, SizeStyles> = {\n  xs: { height: 200, fontSize: '0.75rem', tickMargin: 10 },\n  sm: { height: 300, fontSize: '0.875rem', tickMargin: 12 },\n  md: { height: 400, fontSize: '1rem', tickMargin: 14 },\n  lg: { height: 500, fontSize: '1.125rem', tickMargin: 16 },\n  xl: { height: 600, fontSize: '1.25rem', tickMargin: 18 },\n};\n\nexport function getSizeStyles(size: ChartProps['size'], height?: number): SizeStyles {\n  const preset = SIZE_PRESETS[size ?? 'md'] ?? SIZE_PRESETS.md;\n  return { ...preset, height: height ?? preset.height };\n}\n\nconst NEON_PALETTE = ['#00ffff', '#ff00ff', '#ffff00', '#00ff00', '#ff0080', '#8000ff'];\n\nexport function getDefaultColors(theme: Theme, variant: ChartProps['variant'], colors?: string[]): string[] {\n  if (colors) return colors;\n  if (variant === 'neon') return NEON_PALETTE;\n  return [\n    theme.palette.primary.main,\n    theme.palette.secondary.main,\n    theme.palette.success.main,\n    theme.palette.warning.main,\n    theme.palette.error.main,\n    theme.palette.info.main,\n  ];\n}\n\ntype SxStyles = Record<string, unknown>;\n\ninterface VariantOptions {\n  variant: NonNullable<ChartProps['variant']>;\n  color: NonNullable<ChartProps['color']>;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  disabled: boolean;\n}\n\nfunction effectStyles(theme: Theme, options: VariantOptions): SxStyles {\n  const accent = accentFor(theme, options.color).main;\n  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};\n  const pulse = options.pulse\n    ? {\n        animation: 'pulse 2s infinite',\n        '@keyframes pulse': {\n          '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n          '70%': { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },\n          '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n        },\n      }\n    : {};\n  return { ...glow, ...pulse };\n}\n\nfunction variantSurface(theme: Theme, options: VariantOptions): SxStyles {\n  switch (options.variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      };\n    case 'gradient':\n      return {\n        background: options.gradient\n          ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})`\n          : theme.palette.background.paper,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[4] };\n    case 'minimal':\n      return { border: 'none', backgroundColor: 'transparent' };\n    case 'neon':\n      return {\n        backgroundColor: '#000',\n        border: `1px solid ${alpha('#00ffff', 0.3)}`,\n        '& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line': {\n          stroke: alpha('#00ffff', 0.1),\n        },\n      };\n    default:\n      return { backgroundColor: theme.palette.background.paper };\n  }\n}\n\nexport function getVariantStyles(theme: Theme, options: VariantOptions): SxStyles {\n  return {\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    opacity: options.disabled ? 0.5 : 1,\n    pointerEvents: options.disabled ? ('none' as const) : ('auto' as const),\n    ...effectStyles(theme, options),\n    ...variantSurface(theme, options),\n  };\n}\n\n/** Explicit series, or one series per non-axis key found in the first row. */\nexport function resolveSeries(\n  data: ChartProps['data'],\n  series: ChartSeries[] | undefined,\n  xAxisKey: string,\n  palette: string[],\n): ChartSeries[] {\n  if (series) return series;\n  if (data.length === 0) return [];\n  return Object.keys(data[0] ?? {})\n    .filter((key) => key !== xAxisKey)\n    .map((key, index) => ({\n      dataKey: key,\n      name: key,\n      color: palette[index % palette.length],\n    }));\n}\n\ninterface AxisTextStyles {\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /**\n   * Multiplier applied to `gridStroke`'s own alpha. Gridlines must read one\n   * step BELOW the card border — the border is `divider`, so half of it —\n   * without being dashed at data weight. Expressing the step as an opacity\n   * rather than a second colour keeps it derived from the theme's divider\n   * whatever form that takes (rgba, hex, or a CSS variable, which the colour\n   * helpers cannot decompose).\n   */\n  gridOpacity: number;\n}\n\nexport function getAxisStyles(theme: Theme, variant: ChartProps['variant'], fontSize: string): AxisTextStyles {\n  const neon = variant === 'neon';\n  return {\n    axisStyle: {\n      fontSize,\n      fill: neon ? '#00ffff' : theme.palette.text.secondary,\n      // Ticks are columns of digits: they have to line up between rows.\n      fontVariantNumeric: 'tabular-nums',\n    },\n    gridStroke: neon ? alpha('#00ffff', 0.1) : theme.palette.divider,\n    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.\n    gridOpacity: neon ? 1 : 0.5,\n  };\n}\n","import type { Theme } from '@mui/material';\nimport React from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  ComposedChart,\n  Legend,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { ChartLegendContent, ChartTooltipContent } from './ChartComposables';\nimport { buildChartContext, type ChartRenderContext } from './chart-context';\n\n/**\n * Per-type Recharts renderers for the prop-driven Chart, dispatched from a\n * registry keyed by `ChartProps['type']`. Each renderer reads a prepared\n * {@link ChartRenderContext} so every function stays small.\n */\n\nfunction chartExtras(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showTooltip !== false) {\n    nodes.push(\n      <Tooltip key=\"tooltip\" content={<ChartTooltipContent valueFormatter={props.valueFormatter} />} />,\n    );\n  }\n  if (props.showLegend !== false) {\n    nodes.push(<Legend key=\"legend\" content={<ChartLegendContent />} />);\n  }\n  return nodes;\n}\n\n/**\n * Gridlines: solid, and one step below the card border. A dashed line at the\n * border's own weight competes with the data drawn over it.\n */\nfunction chartGrid(ctx: ChartRenderContext): React.ReactElement {\n  return <CartesianGrid key=\"grid\" stroke={ctx.gridStroke} strokeOpacity={ctx.gridOpacity} />;\n}\n\nfunction cartesianAxes(ctx: ChartRenderContext): React.ReactNode[] {\n  const { props, axisConfig } = ctx;\n  const nodes: React.ReactNode[] = [];\n  if (props.showCartesianGrid !== false) nodes.push(chartGrid(ctx));\n  nodes.push(\n    <XAxis\n      key=\"x\"\n      dataKey={props.xAxisKey ?? 'name'}\n      style={ctx.axisStyle}\n      label={props.xAxisLabel}\n      tickMargin={axisConfig.tickMargin}\n      ticks={axisConfig.categoryTicks}\n      tickFormatter={axisConfig.tickFormatter}\n    />,\n    <YAxis\n      key=\"y\"\n      style={ctx.axisStyle}\n      label={props.yAxisLabel}\n      // Sized from its own widest tick: a fixed 60px lets \"R$ 1.234,56\" spill\n      // out of the card, which is the other way axis text ends up on top of\n      // something.\n      width=\"auto\"\n      tickMargin={axisConfig.tickMargin}\n      tickFormatter={props.valueFormatter}\n      allowDecimals={props.allowDecimalTicks !== false}\n    />,\n  );\n  return nodes;\n}\n\nfunction renderLine(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <LineChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Line\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          strokeWidth={s.strokeWidth ?? 2}\n          dot={s.dot !== false}\n          activeDot={s.activeDot !== false ? { r: 8 } : false}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </LineChart>\n  );\n}\n\nfunction renderBar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <BarChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Bar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          radius={ctx.barGeometry.radius}\n          maxBarSize={ctx.barGeometry.maxBarSize}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </BarChart>\n  );\n}\n\nfunction renderArea(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <AreaChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Area\n          key={s.dataKey}\n          type={ctx.strokeType}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          stackId={ctx.props.stacked ? 'stack' : undefined}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </AreaChart>\n  );\n}\n\nfunction pieCenterLabel(ctx: ChartRenderContext): React.ReactNode {\n  const { centerLabel } = ctx.props;\n  const innerRadius = ctx.props.innerRadius ?? 0;\n  if (!centerLabel || innerRadius <= 0) return null;\n  const fill = ctx.props.variant === 'neon' ? '#00ffff' : ctx.theme.palette.text.primary;\n  return (\n    <text\n      x=\"50%\"\n      y=\"50%\"\n      textAnchor=\"middle\"\n      dominantBaseline=\"middle\"\n      style={{ fontSize: ctx.sizeStyles.fontSize, fill, fontWeight: 600 }}\n    >\n      {typeof centerLabel === 'string' ? (\n        centerLabel\n      ) : (\n        <>\n          <tspan\n            x=\"50%\"\n            dy=\"-0.6em\"\n            style={{ fontSize: '0.875em', fontWeight: 500, fill: ctx.theme.palette.text.secondary }}\n          >\n            {centerLabel.label}\n          </tspan>\n          <tspan x=\"50%\" dy=\"1.4em\" style={{ fontSize: '1.5em', fontWeight: 700 }}>\n            {centerLabel.value}\n          </tspan>\n        </>\n      )}\n    </text>\n  );\n}\n\nfunction renderPie(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <PieChart>\n      {chartExtras(ctx)}\n      <Pie\n        data={props.data}\n        dataKey={ctx.chartSeries[0]?.dataKey ?? 'value'}\n        nameKey={props.xAxisKey ?? 'name'}\n        cx=\"50%\"\n        cy=\"50%\"\n        outerRadius={ctx.sizeStyles.height / 3}\n        innerRadius={props.innerRadius ?? 0}\n        fill={ctx.chartColors[0]}\n        label={props.showValues ?? false}\n        animationDuration={ctx.animationDuration}\n      >\n        {props.data.map((entry, index) => (\n          <Cell key={`cell-${index}`} fill={ctx.chartColors[index % ctx.chartColors.length]} />\n        ))}\n      </Pie>\n      {pieCenterLabel(ctx)}\n    </PieChart>\n  );\n}\n\nfunction renderRadar(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <RadarChart {...ctx.commonProps}>\n      <PolarGrid stroke={ctx.gridStroke} />\n      <PolarAngleAxis dataKey={ctx.props.xAxisKey ?? 'name'} style={ctx.axisStyle} />\n      <PolarRadiusAxis style={ctx.axisStyle} />\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => (\n        <Radar\n          key={s.dataKey}\n          dataKey={s.dataKey}\n          name={s.name}\n          stroke={s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fill={s.fill ?? s.color ?? ctx.chartColors[index % ctx.chartColors.length]}\n          fillOpacity={s.fillOpacity ?? 0.6}\n          animationDuration={ctx.animationDuration}\n        />\n      ))}\n    </RadarChart>\n  );\n}\n\nfunction renderScatter(ctx: ChartRenderContext): React.ReactElement {\n  const { props } = ctx;\n  return (\n    <ScatterChart {...ctx.commonProps}>\n      {props.showCartesianGrid !== false && chartGrid(ctx)}\n      <XAxis\n        dataKey={props.xAxisKey ?? 'name'}\n        style={ctx.axisStyle}\n        label={props.xAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      <YAxis\n        dataKey={ctx.chartSeries[0]?.dataKey}\n        style={ctx.axisStyle}\n        label={props.yAxisLabel}\n        tickMargin={ctx.axisConfig.tickMargin}\n      />\n      {chartExtras(ctx)}\n      <Scatter\n        name={ctx.chartSeries[0]?.name ?? 'Data'}\n        data={props.data}\n        fill={ctx.chartColors[0]}\n        animationDuration={ctx.animationDuration}\n      />\n    </ScatterChart>\n  );\n}\n\nfunction composedSeries(ctx: ChartRenderContext, s: ChartSeries, index: number): React.ReactElement {\n  const color = s.color ?? ctx.chartColors[index % ctx.chartColors.length];\n  if (s.type === 'bar') {\n    return (\n      <Bar\n        key={s.dataKey}\n        dataKey={s.dataKey}\n        name={s.name}\n        fill={color}\n        radius={ctx.barGeometry.radius}\n        maxBarSize={ctx.barGeometry.maxBarSize}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  if (s.type === 'area') {\n    return (\n      <Area\n        key={s.dataKey}\n        type={ctx.strokeType}\n        dataKey={s.dataKey}\n        name={s.name}\n        stroke={color}\n        fill={color}\n        fillOpacity={0.6}\n        animationDuration={ctx.animationDuration}\n      />\n    );\n  }\n  return (\n    <Line\n      key={s.dataKey}\n      type={ctx.strokeType}\n      dataKey={s.dataKey}\n      name={s.name}\n      stroke={color}\n      animationDuration={ctx.animationDuration}\n    />\n  );\n}\n\nfunction renderComposed(ctx: ChartRenderContext): React.ReactElement {\n  return (\n    <ComposedChart {...ctx.commonProps}>\n      {cartesianAxes(ctx)}\n      {chartExtras(ctx)}\n      {ctx.chartSeries.map((s, index) => composedSeries(ctx, s, index))}\n    </ComposedChart>\n  );\n}\n\nconst RENDERERS: Record<string, (ctx: ChartRenderContext) => React.ReactElement> = {\n  line: renderLine,\n  bar: renderBar,\n  area: renderArea,\n  pie: renderPie,\n  radar: renderRadar,\n  scatter: renderScatter,\n  composed: renderComposed,\n};\n\n/** Render the Recharts element for the requested chart type. */\nexport function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement {\n  const renderer = RENDERERS[props.type ?? 'line'];\n  const ctx = buildChartContext(props, theme);\n  return renderer ? renderer(ctx) : <></>;\n}\n","import type { ChartDataPoint, ChartProps } from './Chart.types';\n\n/**\n * Cartesian axis + bar geometry: the rules that keep a chart readable rather\n * than merely correct (FUT-391 visual pass).\n *\n * Three of them are pass/fail by looking at the rendered chart:\n *\n * - **No overlapping text.** The bottom value tick sits ON the x-axis line and\n *   the first category tick sits ON the y-axis line, so the two labels meet at\n *   the corner. Recharts' default `tickMargin` of 2 leaves the category label's\n *   cap height inside the value label's descender — a few px of overlap at\n *   every viewport. The margin has to clear the value label's box, which grows\n *   with the font, hence a per-size value ({@link SIZE_PRESETS}).\n * - **Skip every nth tick, always keep the last, truncate at ~12 chars.** With\n *   more categories than fit, Recharts thins them only when it can measure text\n *   (never server-side, where `getStringSize` returns 0 and every label renders\n *   on top of its neighbour). Thinning here is deterministic and viewport-free.\n * - **Bars rounded, capped, never touching the frame.** A two-category bar\n *   chart in a wide card draws 150px slabs flush against the axis; the cap is\n *   what turns them back into bars.\n */\n\n/** Category ticks kept before thinning starts. */\nconst DEFAULT_MAX_CATEGORY_TICKS = 8;\n/** Category tick labels longer than this are truncated with an ellipsis. */\nconst DEFAULT_TICK_LABEL_MAX_CHARS = 12;\n/** Bar corner radius, px. */\nconst DEFAULT_BAR_RADIUS = 3;\n/** Cap on a single bar's thickness, px. */\nconst DEFAULT_MAX_BAR_WIDTH = 38;\n\n/**\n * Thin a category axis to at most `maxTicks` labels, keeping every nth.\n *\n * The walk runs from the END so the last category is always labelled — the\n * most recent day/bucket is the one a reader looks for first. Returns\n * `undefined` when everything already fits, which leaves Recharts' own\n * width-aware thinning in charge of the common small-data case.\n *\n * Also `undefined` when a value repeats: Recharts places an explicit tick by\n * looking its value up in the scale, so a duplicate would land the label on\n * the first row that carries it rather than on the row it was picked for.\n */\nexport function selectCategoryTicks(\n  values: ReadonlyArray<string | number>,\n  maxTicks: number,\n): Array<string | number> | undefined {\n  if (maxTicks < 1 || values.length <= maxTicks) return undefined;\n  if (new Set(values).size !== values.length) return undefined;\n  const step = Math.ceil(values.length / maxTicks);\n  const kept: Array<string | number> = [];\n  for (let index = values.length - 1; index >= 0; index -= step) {\n    const value = values[index];\n    if (value !== undefined) kept.push(value);\n  }\n  return kept.reverse();\n}\n\n/** The category-axis values of `data`, in row order, skipping empty cells. */\nexport function categoryValues(\n  data: ReadonlyArray<ChartDataPoint>,\n  xAxisKey: string,\n): Array<string | number> {\n  const values: Array<string | number> = [];\n  for (const row of data) {\n    const value = row[xAxisKey];\n    if (value !== null && value !== undefined) values.push(value);\n  }\n  return values;\n}\n\n/** Shorten a tick label to `maxChars`, ellipsis included, never mid-render. */\nexport function truncateTickLabel(value: unknown, maxChars: number): string {\n  const text = value === null || value === undefined ? '' : String(value);\n  if (maxChars < 1 || text.length <= maxChars) return text;\n  return `${text.slice(0, maxChars - 1)}…`;\n}\n\n/** Resolved geometry for the shared cartesian axes. */\nexport interface CartesianAxisConfig {\n  /** Gap between an axis line and its tick labels, px. */\n  tickMargin: number;\n  /** Explicit category ticks once thinning applies; `undefined` = Recharts decides. */\n  categoryTicks: Array<string | number> | undefined;\n  /** Category tick label formatter (truncation). */\n  tickFormatter: (value: unknown) => string;\n}\n\n/** Resolved geometry for bar series. */\nexport interface BarGeometry {\n  /** Per-corner radius, top corners only; `0` for stacked segments. */\n  radius: number | [number, number, number, number];\n  /** Cap on a bar's thickness, px — also what keeps bars off the frame. */\n  maxBarSize: number;\n}\n\nexport function resolveAxisConfig(props: ChartProps, tickMargin: number): CartesianAxisConfig {\n  const maxChars = props.tickLabelMaxChars ?? DEFAULT_TICK_LABEL_MAX_CHARS;\n  return {\n    tickMargin,\n    categoryTicks: selectCategoryTicks(\n      categoryValues(props.data, props.xAxisKey ?? 'name'),\n      props.maxCategoryTicks ?? DEFAULT_MAX_CATEGORY_TICKS,\n    ),\n    tickFormatter: (value: unknown) => truncateTickLabel(value, maxChars),\n  };\n}\n\nexport function resolveBarGeometry(props: ChartProps): BarGeometry {\n  const radius = props.barRadius ?? DEFAULT_BAR_RADIUS;\n  return {\n    // A stacked segment rounded on its top corners tears a notch out of the\n    // segment above it, so stacks stay square.\n    radius: props.stacked ? 0 : [radius, radius, 0, 0],\n    maxBarSize: props.maxBarWidth ?? DEFAULT_MAX_BAR_WIDTH,\n  };\n}\n","import type { Theme } from '@mui/material';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';\nimport { resolveAxisConfig, resolveBarGeometry, type BarGeometry, type CartesianAxisConfig } from './chart-axis';\nimport {\n  getAxisStyles,\n  getDefaultColors,\n  getSizeStyles,\n  resolveSeries,\n  type SizeStyles,\n} from './chart-internals';\n\n/**\n * Everything the per-type renderers in `chart-renderers.tsx` read, resolved\n * once from props + theme. Kept out of that file so each renderer is a small\n * JSX function over already-decided values — palette, series, axis geometry,\n * bar geometry — rather than a place where those decisions get made again\n * slightly differently.\n */\nexport interface ChartRenderContext {\n  props: ChartProps;\n  theme: Theme;\n  sizeStyles: SizeStyles;\n  chartColors: string[];\n  chartSeries: ChartSeries[];\n  strokeType: 'monotone' | 'linear';\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */\n  gridOpacity: number;\n  axisConfig: CartesianAxisConfig;\n  barGeometry: BarGeometry;\n  animationDuration: number;\n  commonProps: {\n    data: ChartDataPoint[];\n    margin: { top?: number; right?: number; bottom?: number; left?: number };\n    onClick: (payload: unknown) => void;\n  };\n}\n\nexport function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext {\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const chartColors = getDefaultColors(theme, props.variant ?? 'default', props.colors);\n  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(\n    theme,\n    props.variant ?? 'default',\n    sizeStyles.fontSize,\n  );\n  const handleChartClick = (payload: unknown): void => {\n    const chartData = payload as { activePayload?: Array<{ payload: ChartDataPoint }> };\n    if (props.onClick && chartData?.activePayload?.[0]) {\n      props.onClick(chartData.activePayload[0].payload);\n    }\n  };\n  return {\n    props,\n    theme,\n    sizeStyles,\n    chartColors,\n    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? 'name', chartColors),\n    strokeType: (props.curved ?? true) ? 'monotone' : 'linear',\n    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },\n    gridStroke,\n    gridOpacity,\n    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),\n    barGeometry: resolveBarGeometry(props),\n    animationDuration: (props.animate ?? true) ? (props.animationDuration ?? 1500) : 0,\n    commonProps: {\n      data: props.data,\n      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },\n      onClick: handleChartClick,\n    },\n  };\n}\n","import { useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { Chart } from './Chart';\nimport type { ChartDataPoint } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';\nimport { CHART_SEMANTIC_COLORS, specToChartProps } from './chart-spec';\nimport { accentFor } from '../../../tokens/scales';\n\nexport interface SpecChartProps {\n  /** Validated spec — parse untrusted JSON with `parseChartSpec` first. */\n  spec: ChartSpec;\n  data: ChartDataPoint[];\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  /** Take the height of the box this chart is placed in — see `ChartProps`. */\n  fillHeight?: boolean;\n  loading?: boolean;\n  className?: string;\n  onClick?: (point: ChartDataPoint) => void;\n  'data-testid'?: string;\n}\n\n/**\n * Renders a chart from a JSON-serializable {@link ChartSpec} plus plain data\n * rows. Layered over the prop-driven `Chart` (one implementation); semantic\n * color tokens resolve against the active MUI theme at render time.\n */\nexport const SpecChart: React.FC<SpecChartProps> = ({\n  spec,\n  data,\n  size,\n  fillHeight,\n  loading,\n  className,\n  onClick,\n  'data-testid': dataTestId = 'spec-chart',\n}) => {\n  const theme = useTheme();\n  const chartProps = React.useMemo(() => {\n    const scheme: readonly ChartSemanticColor[] =\n      spec.colorScheme && spec.colorScheme.length > 0 ? spec.colorScheme : CHART_SEMANTIC_COLORS;\n    const resolveColor = (token: ChartSemanticColor | undefined, index: number): string =>\n      accentFor(theme, token ?? scheme[index % scheme.length] ?? 'primary').main;\n    return specToChartProps(spec, data, { resolveColor });\n  }, [spec, data, theme]);\n\n  return (\n    <Chart\n      {...chartProps}\n      size={size}\n      fillHeight={fillHeight}\n      loading={loading}\n      className={className}\n      onClick={onClick}\n      data-testid={dataTestId}\n    />\n  );\n};\n","import type { ChartNumberFormat } from './ChartSpec.types';\n\nconst formatters: Record<ChartNumberFormat, Intl.NumberFormat> = {\n  brl: new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }),\n  percent: new Intl.NumberFormat('pt-BR', { style: 'percent', maximumFractionDigits: 1 }),\n  compact: new Intl.NumberFormat('pt-BR', { notation: 'compact', maximumFractionDigits: 1 }),\n  integer: new Intl.NumberFormat('pt-BR', { maximumFractionDigits: 0 }),\n  decimal: new Intl.NumberFormat('pt-BR', { maximumFractionDigits: 2 }),\n};\n\n/**\n * Format a chart value with one of the serializable number formats.\n * `brl` expects integer centavos (repo-wide money convention); `percent`\n * expects a fraction (0.15 → \"15%\"). Non-finite values render as an empty\n * string so a null-ish row never draws \"NaN\" into a tooltip or axis.\n */\nexport function formatChartValue(value: number, format: ChartNumberFormat = 'decimal'): string {\n  if (!Number.isFinite(value)) return '';\n  if (format === 'brl') return formatters.brl.format(value / 100);\n  return formatters[format].format(value);\n}\n\n/** Curried {@link formatChartValue}, memo-friendly for tooltip/axis props. */\nexport function chartValueFormatter(format?: ChartNumberFormat): (value: number) => string {\n  return (value: number) => formatChartValue(value, format);\n}\n","import type { ChartProps, ChartSeries } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';\n\n/**\n * Renderer registry — the seam that lets new chart types be added without\n * touching consumers. A renderer maps a validated spec to the prop fragment\n * specific to its chart type; shared props (data, axes, legend, tooltip,\n * formatting) are derived once in `specToChartProps`.\n */\n\nexport interface ChartSpecRenderContext {\n  /**\n   * Resolve a semantic color token to a concrete theme color. `index` is the\n   * series position, used to cycle the spec's color scheme when the series\n   * has no explicit token.\n   */\n  resolveColor: (token: ChartSemanticColor | undefined, index: number) => string;\n}\n\nexport type ChartSpecRenderer = (spec: ChartSpec, ctx: ChartSpecRenderContext) => Partial<ChartProps>;\n\nconst registry = new Map<string, ChartSpecRenderer>();\n\nexport function registerChartSpecRenderer(type: string, renderer: ChartSpecRenderer): void {\n  registry.set(type, renderer);\n}\n\nexport function getChartSpecRenderer(type: string): ChartSpecRenderer | undefined {\n  return registry.get(type);\n}\n\nexport function getRegisteredChartSpecTypes(): string[] {\n  return [...registry.keys()];\n}\n\nfunction toChartSeries(spec: ChartSpec, ctx: ChartSpecRenderContext): ChartSeries[] {\n  return spec.series.map((series, index) => ({\n    dataKey: series.key,\n    name: series.label ?? series.key,\n    color: ctx.resolveColor(series.color, index),\n  }));\n}\n\nfunction cartesianRenderer(chartType: 'line' | 'bar' | 'area'): ChartSpecRenderer {\n  return (spec, ctx) => ({\n    type: chartType,\n    series: toChartSeries(spec, ctx),\n    stacked: spec.stacked ?? false,\n    curved: spec.curved ?? true,\n  });\n}\n\nconst pieRenderer: ChartSpecRenderer = (spec, ctx) => ({\n  type: 'pie',\n  series: toChartSeries(spec, ctx),\n  // Slice colors cycle the resolved scheme; the pie renderer reads them from\n  // the `colors` prop rather than per-series colors.\n  colors: spec.series.length\n    ? Array.from({ length: 12 }, (_, index) => ctx.resolveColor(undefined, index))\n    : undefined,\n});\n\nconst donutRenderer: ChartSpecRenderer = (spec, ctx) => ({\n  ...pieRenderer(spec, ctx),\n  // Proportional to the pie's outer radius (height / 3 in the Chart renderer).\n  innerRadius: Math.round((spec.height ?? 400) / 6),\n  centerLabel: spec.centerLabel,\n});\n\nregisterChartSpecRenderer('line', cartesianRenderer('line'));\nregisterChartSpecRenderer('bar', cartesianRenderer('bar'));\nregisterChartSpecRenderer('area', cartesianRenderer('area'));\nregisterChartSpecRenderer('pie', pieRenderer);\nregisterChartSpecRenderer('donut', donutRenderer);\n","import type { ChartDataPoint, ChartProps } from './Chart.types';\nimport type { ChartSemanticColor, ChartSpec, ChartSpecSeries } from './ChartSpec.types';\nimport { chartValueFormatter } from './chart-format';\nimport {\n  getChartSpecRenderer,\n  getRegisteredChartSpecTypes,\n  type ChartSpecRenderContext,\n} from './chart-spec-registry';\n\n/**\n * BREAKING FOR STORED SPECS, not just for types.\n *\n * A chart spec is DATA — it is authored as JSON and can be persisted — and this\n * list is validated at runtime, so a saved spec carrying `\"error\"` now throws\n * `ChartSpecError` instead of silently drawing. That is the right failure (the\n * alternative is a series quietly losing its colour), but unlike the rest of\n * this migration a type-check will not find the affected specs: anything stored\n * outside the repo has to be rewritten `error` → `danger`.\n */\nexport const CHART_SEMANTIC_COLORS: readonly ChartSemanticColor[] = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'danger',\n  'info',\n];\n\nconst NUMBER_FORMATS = ['brl', 'percent', 'compact', 'integer', 'decimal'];\n\n/** Error thrown when an unknown/invalid spec is parsed. Message is written to\n * be actionable for programmatic authors (builders, LLMs). */\nexport class ChartSpecError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ChartSpecError';\n  }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction assertColor(value: unknown, where: string): void {\n  if (value === undefined) return;\n  if (!CHART_SEMANTIC_COLORS.includes(value as ChartSemanticColor)) {\n    throw new ChartSpecError(\n      `${where} must be a semantic color token (${CHART_SEMANTIC_COLORS.join(', ')}), got ${JSON.stringify(value)}. Raw color values are not allowed.`,\n    );\n  }\n}\n\nfunction parseAxis(value: unknown): { key: string; label?: string } {\n  if (!isRecord(value) || typeof value.key !== 'string' || value.key.length === 0) {\n    throw new ChartSpecError('\"xAxis\" must be an object with a non-empty string \"key\" naming the row property for the category axis.');\n  }\n  if (value.label !== undefined && typeof value.label !== 'string') {\n    throw new ChartSpecError('\"xAxis.label\" must be a string when provided.');\n  }\n  return { key: value.key, label: value.label };\n}\n\nfunction parseSeries(value: unknown): ChartSpecSeries[] {\n  if (!Array.isArray(value) || value.length === 0) {\n    throw new ChartSpecError('\"series\" must be a non-empty array of { key, label?, color? } objects.');\n  }\n  return value.map((entry, index) => {\n    if (!isRecord(entry) || typeof entry.key !== 'string' || entry.key.length === 0) {\n      throw new ChartSpecError(`\"series[${index}]\" must be an object with a non-empty string \"key\" naming the row property holding its values.`);\n    }\n    assertColor(entry.color, `\"series[${index}].color\"`);\n    if (entry.label !== undefined && typeof entry.label !== 'string') {\n      throw new ChartSpecError(`\"series[${index}].label\" must be a string when provided.`);\n    }\n    return { key: entry.key, label: entry.label, color: entry.color as ChartSemanticColor | undefined };\n  });\n}\n\nfunction assertFieldType(\n  spec: Record<string, unknown>,\n  field: string,\n  expected: 'string' | 'boolean' | 'number',\n): void {\n  const value = spec[field];\n  if (value !== undefined && typeof value !== expected) {\n    throw new ChartSpecError(`\"${field}\" must be a ${expected} when provided.`);\n  }\n}\n\nfunction parseColorScheme(value: unknown): ChartSemanticColor[] | undefined {\n  if (value === undefined) return undefined;\n  if (!Array.isArray(value) || value.length === 0) {\n    throw new ChartSpecError('\"colorScheme\" must be a non-empty array of semantic color tokens when provided.');\n  }\n  value.forEach((token, index) => assertColor(token, `\"colorScheme[${index}]\"`));\n  return value as ChartSemanticColor[];\n}\n\nfunction parseOptionalFields(spec: Record<string, unknown>): Partial<ChartSpec> {\n  for (const field of ['title', 'subtitle'] as const) assertFieldType(spec, field, 'string');\n  for (const field of ['stacked', 'legend', 'tooltip', 'curved'] as const) {\n    assertFieldType(spec, field, 'boolean');\n  }\n  assertFieldType(spec, 'height', 'number');\n  if (spec.numberFormat !== undefined && !NUMBER_FORMATS.includes(spec.numberFormat as string)) {\n    throw new ChartSpecError(\n      `\"numberFormat\" must be one of ${NUMBER_FORMATS.join(', ')}, got ${JSON.stringify(spec.numberFormat)}.`,\n    );\n  }\n  return {\n    title: spec.title as string | undefined,\n    subtitle: spec.subtitle as string | undefined,\n    stacked: spec.stacked as boolean | undefined,\n    legend: spec.legend as boolean | undefined,\n    tooltip: spec.tooltip as boolean | undefined,\n    curved: spec.curved as boolean | undefined,\n    height: spec.height as number | undefined,\n    numberFormat: spec.numberFormat as ChartSpec['numberFormat'],\n    colorScheme: parseColorScheme(spec.colorScheme),\n  };\n}\n\n/**\n * Validate an untrusted value (e.g. JSON from storage or an LLM) into a\n * `ChartSpec`. Throws {@link ChartSpecError} with an actionable message on\n * the first problem found.\n */\nexport function parseChartSpec(input: unknown): ChartSpec {\n  if (!isRecord(input)) {\n    throw new ChartSpecError('A chart spec must be a JSON object.');\n  }\n  const type = input.type;\n  if (typeof type !== 'string' || !getChartSpecRenderer(type)) {\n    throw new ChartSpecError(\n      `\"type\" must be one of the registered chart types (${getRegisteredChartSpecTypes().join(', ')}), got ${JSON.stringify(type)}.`,\n    );\n  }\n  const yAxis = input.yAxis;\n  if (yAxis !== undefined && (!isRecord(yAxis) || (yAxis.label !== undefined && typeof yAxis.label !== 'string'))) {\n    throw new ChartSpecError('\"yAxis\" must be an object with an optional string \"label\" when provided.');\n  }\n  const centerLabel = input.centerLabel;\n  return {\n    ...parseOptionalFields(input),\n    type: type as ChartSpec['type'],\n    xAxis: parseAxis(input.xAxis),\n    yAxis: yAxis as ChartSpec['yAxis'],\n    series: parseSeries(input.series),\n    centerLabel: centerLabel as ChartSpec['centerLabel'],\n  };\n}\n\n/**\n * Derive the prop-driven `Chart` props for a validated spec. The spec API is\n * layered on top of the existing component — one rendering implementation.\n */\nexport function specToChartProps(\n  spec: ChartSpec,\n  data: ChartDataPoint[],\n  ctx: ChartSpecRenderContext,\n): ChartProps {\n  const renderer = getChartSpecRenderer(spec.type);\n  if (!renderer) {\n    throw new ChartSpecError(\n      `Unknown chart type \"${spec.type}\". Registered types: ${getRegisteredChartSpecTypes().join(', ')}.`,\n    );\n  }\n  return {\n    data,\n    title: spec.title,\n    subtitle: spec.subtitle,\n    xAxisKey: spec.xAxis.key,\n    xAxisLabel: spec.xAxis.label,\n    yAxisLabel: spec.yAxis?.label,\n    showLegend: spec.legend ?? true,\n    showTooltip: spec.tooltip ?? true,\n    height: spec.height,\n    valueFormatter: chartValueFormatter(spec.numberFormat),\n    // An integer metric is a COUNT: half a row does not exist, so the axis must\n    // not offer half-steps it would then round into duplicates (FUT-755).\n    allowDecimalTicks: spec.numberFormat !== 'integer',\n    ...renderer(spec, ctx),\n  };\n}\n"],"mappings":"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","names":["Box","Paper","Typography","useTheme","Legend","Tooltip","jsx","jsxs","Tooltip","Legend","jsx","jsxs","Box","Typography","useTheme","Paper","useTheme","jsx","useTheme"]}

package/dist/chunk-OOKQ2LMM.js

@@ -0,0 +1,250 @@
+// src/components/form/Input/Input.tsx
+import { CircularProgress, InputAdornment, styled, TextField } from "@mui/material";
+import React from "react";
+
+// src/components/form/Input/Input.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var pulseAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 1;
+  }
+  70% {
+    box-shadow: 0 0 0 10px currentColor;
+    opacity: 0;
+  }
+  100% {
+    box-shadow: 0 0 0 0 currentColor;
+    opacity: 0;
+  }
+`;
+var muiVariantFor = (variant) => {
+  switch (variant) {
+    case "underline":
+      return "standard";
+    case "glass":
+    case "gradient":
+      return "outlined";
+    default:
+      return variant;
+  }
+};
+var SIZE_MAP = {
+  xs: { size: "small", sx: { "& .MuiInputBase-input": { padding: "6px 10px" } } },
+  sm: { size: "small" },
+  md: { size: "medium" },
+  lg: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "16px 14px" } } },
+  xl: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "20px 16px" } } }
+};
+var glowStyles = (theme) => ({
+  "& .MuiInputBase-root": {
+    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,
+    "&.Mui-focused": {
+      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`
+    }
+  }
+});
+var pulseStyles = (theme) => ({
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: "50%",
+    left: "0",
+    right: "0",
+    height: "56px",
+    transform: "translateY(-50%)",
+    borderRadius: theme.spacing(0.5),
+    backgroundColor: theme.palette.primary.main,
+    opacity: 0.3,
+    animation: `${pulseAnimation} 2s infinite`,
+    pointerEvents: "none",
+    zIndex: -1
+  }
+});
+var floatingLabelStyles = (theme) => ({
+  "& .MuiInputLabel-root": {
+    transform: "translate(14px, 16px) scale(1)",
+    "&.MuiInputLabel-shrink": {
+      transform: "translate(14px, -9px) scale(0.75)",
+      backgroundColor: theme.palette.background.paper,
+      padding: "0 4px"
+    }
+  }
+});
+var inputBaseStyles = (theme, variant) => {
+  switch (variant) {
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+        "&:hover": {
+          backgroundColor: alpha(theme.palette.background.paper, 0.15),
+          borderColor: alpha(theme.palette.primary.main, 0.3)
+        },
+        "&.Mui-focused": {
+          backgroundColor: alpha(theme.palette.background.paper, 0.2),
+          borderColor: theme.palette.primary.main,
+          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`
+        }
+      };
+    case "underline":
+      return {
+        "&:before": {
+          borderBottomColor: alpha(theme.palette.divider, 0.42)
+        },
+        "&:hover:not(.Mui-disabled):before": {
+          borderBottomColor: theme.palette.primary.main
+        },
+        "&:after": {
+          borderBottomColor: theme.palette.primary.main
+        }
+      };
+    case "gradient":
+      return gradientStyles(theme);
+    default:
+      return {};
+  }
+};
+var gradientStyles = (theme) => ({
+  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
+  border: `2px solid transparent`,
+  backgroundOrigin: "border-box",
+  backgroundClip: "padding-box, border-box",
+  position: "relative",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderRadius: "inherit",
+    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
+    mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+    maskComposite: "exclude",
+    padding: "2px",
+    zIndex: -1
+  },
+  "&:hover": {
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`
+  },
+  "&.Mui-focused": {
+    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,
+    "&::before": {
+      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
+    }
+  }
+});
+var outlinedStyles = (theme) => ({
+  "& fieldset": {
+    borderColor: alpha(theme.palette.divider, 0.23)
+  },
+  "&:hover fieldset": {
+    borderColor: theme.palette.primary.main
+  },
+  "&.Mui-focused fieldset": {
+    borderColor: theme.palette.primary.main,
+    borderWidth: 2
+  },
+  "&.Mui-error fieldset": {
+    borderColor: theme.palette.error.main
+  }
+});
+var filledStyles = (theme) => ({
+  backgroundColor: alpha(theme.palette.action.hover, 0.04),
+  "&:hover": {
+    backgroundColor: alpha(theme.palette.action.hover, 0.08)
+  },
+  "&.Mui-focused": {
+    backgroundColor: alpha(theme.palette.action.hover, 0.12)
+  }
+});
+
+// src/components/form/Input/Input.tsx
+import { jsx } from "react/jsx-runtime";
+var StyledTextField = styled(TextField, {
+  shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
+})(({ theme, customVariant, floating, glow, pulse, loading }) => ({
+  position: "relative",
+  opacity: loading ? 0.7 : 1,
+  ...glow ? glowStyles(theme) : {},
+  ...pulse ? pulseStyles(theme) : {},
+  ...floating ? floatingLabelStyles(theme) : {},
+  "& .MuiInputBase-root": {
+    transition: "all 0.3s ease",
+    ...inputBaseStyles(theme, customVariant)
+  },
+  "& .MuiOutlinedInput-root": outlinedStyles(theme),
+  "& .MuiFilledInput-root": filledStyles(theme)
+}));
+var EndAdornment = ({
+  loading,
+  endAdornment
+}) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) });
+  }
+  if (!endAdornment) return null;
+  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
+};
+var interactionProps = (loading, onClick, disabled) => ({
+  disabled: loading || disabled,
+  onClick: loading ? void 0 : onClick
+});
+var Input = React.forwardRef(
+  ({
+    variant = "outlined",
+    size = "md",
+    label,
+    error,
+    helperText,
+    startAdornment,
+    endAdornment,
+    fullWidth = true,
+    floating = false,
+    glow = false,
+    pulse = false,
+    loading = false,
+    onClick,
+    onFocus,
+    onBlur,
+    "data-testid": dataTestId,
+    "aria-label": ariaLabel,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(
+    StyledTextField,
+    {
+      ref,
+      variant: muiVariantFor(variant),
+      customVariant: variant,
+      floating,
+      glow,
+      pulse,
+      loading,
+      label,
+      error,
+      helperText,
+      fullWidth,
+      ...interactionProps(loading, onClick, props.disabled),
+      onFocus,
+      onBlur,
+      inputProps: {
+        "data-testid": dataTestId,
+        ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+      },
+      InputProps: {
+        startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+        endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+      },
+      ...SIZE_MAP[size],
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-OOKQ2LMM.js.map

package/dist/chunk-OOKQ2LMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx","../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { CircularProgress, InputAdornment, styled, TextField } from '@mui/material';\nimport React from 'react';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\n\nconst StyledTextField = styled(TextField, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? 0.7 : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={20} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => (\n    <StyledTextField\n      ref={ref}\n      variant={muiVariantFor(variant)}\n      customVariant={variant}\n      floating={floating}\n      glow={glow}\n      pulse={pulse}\n      loading={loading}\n      label={label}\n      error={error}\n      helperText={helperText}\n      fullWidth={fullWidth}\n      {...interactionProps(loading, onClick, props.disabled)}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      /*\n       * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n       * Spread with the rest it lands on the FormControl DIV that TextField\n       * renders as its root, which carries no role — so the field itself kept\n       * no accessible name, and a source grep saying \"this input is labelled\"\n       * disagreed with the DOM. The reports search box and the block-title\n       * inputs were both named in source and anonymous to a screen reader.\n       */\n      inputProps={{\n        'data-testid': dataTestId,\n        ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n      }}\n      InputProps={{\n        startAdornment: startAdornment && (\n          <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n        ),\n        endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n      }}\n      {...SIZE_MAP[size]}\n      {...props}\n    />\n  ),\n);\n\nInput.displayName = 'Input';\n","import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { InputProps } from './Input.types';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Our four variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): 'outlined' | 'filled' | 'standard' => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant as 'outlined' | 'filled' | 'standard';\n  }\n};\n\n// MUI gives a text field two heights, so the five house stops are drawn as two\n// plus padding: `xs` tightens below small, `lg`/`xl` open up above medium.\nexport const SIZE_MAP = {\n  xs: { size: 'small' as const, sx: { '& .MuiInputBase-input': { padding: '6px 10px' } } },\n  sm: { size: 'small' as const },\n  md: { size: 'medium' as const },\n  lg: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '16px 14px' } } },\n  xl: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '20px 16px' } } },\n};\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: '56px',\n    transform: 'translateY(-50%)',\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: 'translate(14px, 16px) scale(1)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(14px, -9px) scale(0.75)',\n      backgroundColor: theme.palette.background.paper,\n      padding: '0 4px',\n    },\n  },\n});\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.15),\n          borderColor: alpha(theme.palette.primary.main, 0.3),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.2),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: alpha(theme.palette.divider, 0.42),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n  border: `2px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: '2px',\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`,\n  },\n  '&.Mui-focused': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,\n    '&::before': {\n      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: alpha(theme.palette.divider, 0.23),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: 2,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, 0.04),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.08),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.12),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-OZCEKQIX.js

@@ -0,0 +1,46 @@
+// src/tokens/scales.ts
+var SIZE_VALUES = ["xs", "sm", "md", "lg", "xl"];
+var COLOR_VALUES = [
+  "primary",
+  "secondary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "neutral"
+];
+var muiSize = (size) => {
+  if (size === "xs" || size === "sm") return "small";
+  return size === "md" ? "medium" : "large";
+};
+function muiColor(color, neutralAs) {
+  if (color === "danger") return "error";
+  return color === "neutral" ? neutralAs : color;
+}
+var paletteKey = (color) => color === "danger" ? "error" : color === "neutral" ? "grey" : color;
+function accentFor(theme, color) {
+  if (color === "neutral") {
+    const grey = theme.palette.grey;
+    return {
+      // Explicit fallbacks: the ramp is indexed, and under
+      // `noUncheckedIndexedAccess` every stop is `string | undefined`.
+      main: grey[600] ?? "#757575",
+      light: grey[400] ?? "#bdbdbd",
+      dark: grey[800] ?? "#424242",
+      // Grey 600 carries white text in both themes.
+      contrastText: "#fff"
+    };
+  }
+  const key = color === "danger" ? "error" : color;
+  return theme.palette[key];
+}
+
+export {
+  SIZE_VALUES,
+  COLOR_VALUES,
+  muiSize,
+  muiColor,
+  paletteKey,
+  accentFor
+};
+//# sourceMappingURL=chunk-OZCEKQIX.js.map

package/dist/chunk-OZCEKQIX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material';\n\n/**\n * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.\n *\n * Before this file the package had both halves of every argument at once: 26\n * components sized themselves `xs|sm|md|lg|xl` and four used MUI's\n * `small|medium|large`; 14 coloured themselves `danger|neutral` and 15 used\n * MUI's `error`. Nothing enforced either, because most of these props were\n * spelled out as inline unions and a couple were plain `string`.\n *\n * That is not a tidiness problem. A caller learns the vocabulary from whichever\n * component they used first, and the wrong half is not rejected — it reaches MUI\n * as an unknown value and silently falls back. `Chip` shipped with `color?:\n * string` and MUI's `small|medium`, so `color=\"danger\"` rendered grey and\n * `size=\"sm\"` rendered medium; twelve live call sites were doing exactly that,\n * and every test passed because they all asserted on text.\n *\n * So the vocabulary is declared once, here, and components derive from it.\n *\n * DERIVE, DON'T COPY — AND TAKE THE WHOLE VOCABULARY. Every size prop is\n * `SizeValue` and every colour prop is `ColorValue`, with no `Extract` and no\n * `Exclude`. Handing a component a slice was tried and undone: it is the same\n * fragmentation wearing the canonical type's name, and it leaves a caller having\n * to remember which components accept `xs` and which accept `info`. Where the\n * underlying widget draws fewer steps than five, that is a rendering detail and\n * belongs at the MUI boundary below — not in the prop's type.\n *\n * A component whose size or colour is not this concept at all keeps its own type\n * — `Scrollbar`'s `thin|medium|thick` is a track width, `Sheet`'s `full` is a\n * viewport fraction, `LazyImage`'s size is pixels. Forcing those into the scale\n * would be consistency for its own sake.\n */\n\n/**\n * The house size scale.\n *\n * Abbreviated, because that is what 26 of the 30 components with a real size\n * already used and what every caller has been taught to write.\n *\n * Declared as the array and the type together so the two cannot disagree. The\n * runtime list is what Storybook `argTypes.options` and the demo grids iterate;\n * spelled by hand in each story it drifts, and it had — twelve colour lists\n * omitted `info`, so the control that documents the vocabulary offered a\n * component less than the component accepted.\n */\nexport type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'] as const satisfies readonly SizeValue[];\n\n/**\n * The house colour vocabulary.\n *\n * `danger` and `neutral` are OURS; the rest are MUI's own names already. That\n * sentence started life in `Button.tsx`, which is the component most callers\n * meet first and therefore the one that taught the vocabulary — so it is the one\n * the rest of the package follows.\n *\n * Components that hand these to MUI translate at the boundary (`danger` →\n * `error`, `neutral` → `default` or `inherit` depending on what the underlying\n * component calls its unaccented state). The translation must be a real mapping\n * and never a cast: a cast is precisely what let `danger` through untouched and\n * had MUI fall back to grey.\n *\n * Array and type declared together, for the reason given on {@link SIZE_VALUES}.\n */\nexport type ColorValue =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'danger'\n  | 'neutral';\n\nexport const COLOR_VALUES = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'neutral',\n] as const satisfies readonly ColorValue[];\n\n/* ── Array and union, pinned to each other ────────────────────────────────── */\n\n/**\n * The arrays above are written out rather than derived, because deriving the\n * union from the array (`(typeof COLOR_VALUES)[number]`) costs the alias its\n * name: TypeScript resolves the indexed access eagerly, and every error in the\n * package stops saying `not assignable to type 'ColorValue'` and starts dumping\n * seven string literals. In a package whose entire purpose is teaching this\n * vocabulary, the name in the error message is worth keeping.\n *\n * Writing both means they could disagree, so both directions are checked here.\n * `satisfies` above catches an entry that is not a member. These catch the other\n * half — a member missing from the array — which `satisfies` cannot see and\n * which is the direction that actually bit: twelve story control lists offered\n * six colours for a vocabulary of seven, so `info` was undocumented everywhere.\n *\n * A gap makes the assignment below fail, and the error names the missing member.\n */\ntype Missing<Union extends string, Listed extends string> = Exclude<Union, Listed>;\n\nconst _allSizesListed: Missing<SizeValue, (typeof SIZE_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nconst _allColorsListed: Missing<ColorValue, (typeof COLOR_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nvoid _allSizesListed;\nvoid _allColorsListed;\n\n/* ── The MUI boundary ─────────────────────────────────────────────────────── */\n\n/** What MUI calls a size. Three entries against our five. */\nexport type MuiSize = 'small' | 'medium' | 'large';\n\n/**\n * The house scale collapsed onto MUI's three.\n *\n * Five onto three loses information, and it loses it at the ends on purpose:\n * `xs`/`sm` both draw small and `lg`/`xl` both draw large, because MUI has no\n * fourth and fifth step to give them. A component that genuinely needs five\n * distinct sizes styles them itself rather than routing through here — this is\n * for the ones that just forward the prop.\n */\nexport const muiSize = (size: SizeValue): MuiSize => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** What MUI calls a semantic colour on most components. */\nexport type MuiColor = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * The house vocabulary translated for MUI, with the caller naming its neutral.\n *\n * `neutral` is the awkward one: MUI spells the unaccented state `default` on a\n * chip, `inherit` on a button and an icon button, and `grey` in the palette. So\n * the caller passes the word its own MUI component uses rather than this\n * pretending there is one answer.\n *\n * A MAPPING, NEVER A CAST. The cast is what let `danger` reach MUI untouched and\n * silently fall back to grey.\n */\nexport function muiColor<N extends string>(color: ColorValue, neutralAs: N): MuiColor | N {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? neutralAs : color;\n}\n\n/**\n * The house vocabulary as a `theme.palette` key.\n *\n * Separate from {@link muiColor} because the palette has no `default` and no\n * `inherit` — an unaccented colour there is `grey`.\n */\nexport type PaletteKey = MuiColor | 'grey';\n\nexport const paletteKey = (color: ColorValue): PaletteKey =>\n  color === 'danger' ? 'error' : color === 'neutral' ? 'grey' : color;\n\n/**\n * A `ColorValue` resolved to a four-stop accent from the theme.\n *\n * `paletteKey` is not enough on its own for anything that reads `.main`: MUI's\n * palette has no neutral `PaletteColor`, and `palette.grey` is a 50–900 ramp\n * with no `main`, `light`, `dark` or `contrastText` on it at all. So `neutral`\n * is resolved from the ramp here, once, instead of every component discovering\n * the same hole and branching around it.\n *\n * Typed against the theme structurally so this file does not drag in MUI's\n * `Theme` and become a dependency of everything that imports a token.\n */\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAgDO,IAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AA2BjD,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+CO,IAAM,UAAU,CAAC,SAA6B;AACnD,MAAI,SAAS,QAAQ,SAAS,KAAM,QAAO;AAC3C,SAAO,SAAS,OAAO,WAAW;AACpC;AAgBO,SAAS,SAA2B,OAAmB,WAA4B;AACxF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUO,IAAM,aAAa,CAAC,UACzB,UAAU,WAAW,UAAU,UAAU,YAAY,SAAS;AAqBzD,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/chunk-P3IPM2SZ.js

@@ -0,0 +1,114 @@
+// src/components/form/ToggleGroup/ToggleGroup.tsx
+import { alpha, Box, ToggleButton, ToggleButtonGroup, useTheme } from "@mui/material";
+import { styled } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[700],
+      dark: theme.palette.grey[800],
+      light: theme.palette.grey[500],
+      contrastText: theme.palette.getContrastText(theme.palette.grey[700])
+    };
+  }
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  const palette = colorMap[color] || theme.palette.primary;
+  return {
+    main: palette.main,
+    dark: palette.dark || palette.main,
+    light: palette.light || palette.main,
+    contrastText: palette.contrastText || theme.palette.getContrastText(palette.main)
+  };
+};
+var StyledToggleGroup = styled(ToggleButtonGroup, {
+  shouldForwardProp: (prop) => !["customColor", "customSize", "glass"].includes(prop)
+})(({ theme, glass }) => ({
+  backgroundColor: glass ? alpha(theme.palette.background.paper, 0.1) : "transparent",
+  backdropFilter: glass ? "blur(20px)" : "none",
+  borderRadius: theme.spacing(1),
+  padding: glass ? 4 : 0,
+  border: glass ? `1px solid ${alpha(theme.palette.divider, 0.2)}` : "none",
+  "& .MuiToggleButtonGroup-grouped": {
+    margin: theme.spacing(0.5),
+    border: 0,
+    borderRadius: `${theme.shape.borderRadius}px !important`
+  }
+}));
+var ToggleGroup = forwardRef(
+  ({
+    variant = "single",
+    color = "primary",
+    size = "md",
+    options,
+    glass = false,
+    gradient = false,
+    value,
+    onChange,
+    dataTestId = "toggle-group",
+    ...props
+  }, ref) => {
+    const theme = useTheme();
+    const colorPalette = getColorFromTheme(theme, color);
+    const sizeMap = {
+      xs: { padding: "4px 8px", fontSize: "0.75rem" },
+      sm: { padding: "6px 12px", fontSize: "0.875rem" },
+      md: { padding: "8px 16px", fontSize: "1rem" },
+      lg: { padding: "10px 20px", fontSize: "1.125rem" },
+      xl: { padding: "12px 24px", fontSize: "1.25rem" }
+    };
+    return /* @__PURE__ */ jsx(
+      StyledToggleGroup,
+      {
+        ref,
+        customColor: color,
+        customSize: size,
+        glass,
+        value,
+        onChange,
+        exclusive: variant === "exclusive" || variant === "single",
+        "data-testid": dataTestId,
+        ...props,
+        children: options.map((option) => /* @__PURE__ */ jsx(
+          ToggleButton,
+          {
+            value: option.value,
+            disabled: option.disabled,
+            "data-testid": `${dataTestId}-item-${option.value}`,
+            sx: {
+              textTransform: "none",
+              fontWeight: 500,
+              transition: "all 0.3s ease",
+              ...sizeMap[size],
+              "&.Mui-selected": {
+                backgroundColor: colorPalette.main,
+                color: colorPalette.contrastText,
+                ...gradient && {
+                  background: `linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark})`
+                }
+              }
+            },
+            children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+              option.icon,
+              option.label
+            ] })
+          },
+          option.value
+        ))
+      }
+    );
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+
+export {
+  ToggleGroup
+};
+//# sourceMappingURL=chunk-P3IPM2SZ.js.map