@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-MXVO2KXV.js.map

@@ -1 +0,0 @@
-{"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-N554AFDB.js

@@ -1,123 +0,0 @@
-import {
-  Input
-} from "./chunk-OOKQ2LMM.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-FD4W36WR.js";
-
-// src/components/form/CepField/CepField.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { cepDigits, formatCep, isValidCep } from "@12-apps/forms-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function useCepLookup({
-  digits,
-  complete,
-  disabled,
-  debounceMs,
-  onLookup,
-  onResolved,
-  onNotFound
-}) {
-  const [status, setStatus] = useState("idle");
-  const lastQueriedRef = useRef("");
-  const seqRef = useRef(0);
-  const lookupRef = useRef(onLookup);
-  const resolvedRef = useRef(onResolved);
-  const notFoundRef = useRef(onNotFound);
-  lookupRef.current = onLookup;
-  resolvedRef.current = onResolved;
-  notFoundRef.current = onNotFound;
-  useEffect(() => {
-    if (!complete || disabled || !lookupRef.current) {
-      seqRef.current += 1;
-      setStatus("idle");
-      lastQueriedRef.current = "";
-      return;
-    }
-    if (lastQueriedRef.current === digits) return;
-    const mySeq = seqRef.current += 1;
-    const handle = setTimeout(() => {
-      lastQueriedRef.current = digits;
-      setStatus("loading");
-      void (async () => {
-        const address = await Promise.resolve().then(() => lookupRef.current?.(digits)).catch(() => null);
-        if (seqRef.current !== mySeq) return;
-        setStatus(address ? "found" : "notfound");
-        if (address) resolvedRef.current?.(address);
-        else notFoundRef.current?.();
-      })();
-    }, debounceMs);
-    return () => clearTimeout(handle);
-  }, [digits, complete, disabled, debounceMs]);
-  return status;
-}
-function CepStatus({
-  status,
-  testId,
-  suppressed,
-  copy
-}) {
-  const visible = !suppressed && status !== "idle";
-  return /* @__PURE__ */ jsx("span", { id: `${testId}-status`, role: "status", "aria-live": "polite", children: visible && /* @__PURE__ */ jsx(FormMessage, { error: status === "notfound", dataTestId: `${testId}-${status}`, children: copy[status] }) });
-}
-function CepField({
-  value,
-  onChange,
-  onLookup,
-  onResolved,
-  onNotFound,
-  label = "CEP",
-  placeholder = "00000-000",
-  error,
-  disabled = false,
-  debounceMs = 500,
-  name = "postalCode",
-  dataTestId,
-  copy
-}) {
-  const testId = dataTestId ?? `cep-field-${name}`;
-  const status = useCepLookup({
-    digits: cepDigits(value),
-    complete: isValidCep(value),
-    disabled,
-    debounceMs,
-    onLookup,
-    onResolved,
-    onNotFound
-  });
-  const handleChange = useCallback(
-    (event) => onChange(formatCep(event.target.value)),
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete: "postal-code",
-        placeholder,
-        value,
-        error: Boolean(error),
-        disabled,
-        loading: status === "loading",
-        onChange: handleChange,
-        "data-testid": testId,
-        "aria-describedby": `${testId}-status`,
-        "aria-busy": status === "loading"
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error }),
-    /* @__PURE__ */ jsx(CepStatus, { status, testId, suppressed: Boolean(error), copy })
-  ] });
-}
-
-export {
-  CepField
-};
-//# sourceMappingURL=chunk-N554AFDB.js.map

package/dist/chunk-N554AFDB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CepField/CepField.tsx"],"sourcesContent":["'use client';\n\nimport type { CepFieldCopy } from \"../../../copy\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { cepDigits, formatCep, isValidCep } from '@12-apps/forms-core';\n\nimport { FormControl, FormLabel, FormMessage } from '../Form';\nimport { Input } from '../Input';\nimport type { CepAddress, CepFieldProps, CepLookupStatus } from './CepField.types';\n\n/** Everything {@link useCepLookup} needs, so the hook signature stays flat. */\ninterface LookupOptions {\n  digits: string;\n  complete: boolean;\n  disabled: boolean;\n  debounceMs: number;\n  onLookup?: (cep: string) => Promise<CepAddress | null>;\n  onResolved?: (address: CepAddress) => void;\n  onNotFound?: () => void;\n}\n\n/**\n * Debounced, race-safe CEP resolution.\n *\n * Two guards earn their keep here: a monotonic sequence id, bumped\n * synchronously on every new query, so a slow response for a since-edited CEP\n * can never land; and a \"last queried\" marker, so re-rendering (or the caller\n * re-masking the same value) never re-hits the provider.\n */\nfunction useCepLookup({\n  digits,\n  complete,\n  disabled,\n  debounceMs,\n  onLookup,\n  onResolved,\n  onNotFound,\n}: LookupOptions): CepLookupStatus {\n  const [status, setStatus] = useState<CepLookupStatus>('idle');\n  const lastQueriedRef = useRef('');\n  const seqRef = useRef(0);\n  // Latest callbacks, read at call time — keeps them out of the effect deps so\n  // an inline arrow from the caller doesn't re-trigger the lookup every render.\n  const lookupRef = useRef(onLookup);\n  const resolvedRef = useRef(onResolved);\n  const notFoundRef = useRef(onNotFound);\n  lookupRef.current = onLookup;\n  resolvedRef.current = onResolved;\n  notFoundRef.current = onNotFound;\n\n  useEffect(() => {\n    if (!complete || disabled || !lookupRef.current) {\n      // Editing away from a complete CEP drops any stale status and forgets the\n      // last query, so re-typing the same CEP resolves again.\n      seqRef.current += 1;\n      setStatus('idle');\n      lastQueriedRef.current = '';\n      return;\n    }\n    if (lastQueriedRef.current === digits) return;\n\n    const mySeq = (seqRef.current += 1);\n    const handle = setTimeout(() => {\n      lastQueriedRef.current = digits;\n      setStatus('loading');\n      void (async () => {\n        // A failing lookup is treated exactly like \"not found\" — the user types\n        // the address instead. Never surfaced as a crash. Going through\n        // `Promise.resolve().then` rather than calling directly covers the two\n        // failure modes an `await … .catch()` misses: a lookup that throws\n        // SYNCHRONOUSLY, and one that returns something other than a promise.\n        const address = await Promise.resolve()\n          .then(() => lookupRef.current?.(digits))\n          .catch(() => null);\n        if (seqRef.current !== mySeq) return;\n        setStatus(address ? 'found' : 'notfound');\n        // A miss is reported too, so a caller that filled from a PREVIOUS CEP\n        // can undo it rather than leaving that address under this CEP.\n        if (address) resolvedRef.current?.(address);\n        else notFoundRef.current?.();\n      })();\n    }, debounceMs);\n\n    return () => clearTimeout(handle);\n  }, [digits, complete, disabled, debounceMs]);\n\n  return status;\n}\n\n/**\n * The lookup outcome as a live region, so screen readers announce it without\n * stealing focus. Silent while idle, and while the caller is showing its own\n * validation error (which would otherwise stack two messages).\n */\nfunction CepStatus({\n  status,\n  testId,\n  suppressed,\n  copy,\n}: {\n  status: CepLookupStatus;\n  testId: string;\n  suppressed: boolean;\n  copy: CepFieldCopy;\n}): React.ReactElement {\n  const visible = !suppressed && status !== 'idle';\n  return (\n    <span id={`${testId}-status`} role=\"status\" aria-live=\"polite\">\n      {visible && (\n        <FormMessage error={status === 'notfound'} dataTestId={`${testId}-${status}`}>\n          {copy[status as Exclude<CepLookupStatus, 'idle'>]}\n        </FormMessage>\n      )}\n    </span>\n  );\n}\n\n/**\n * A CEP input that fills the rest of the address in.\n *\n * The pattern every Brazilian form has used for twenty years: type eight\n * digits, and logradouro/bairro/cidade/UF arrive on their own. This is the\n * reusable half — masking, validation, debouncing, race-safety and status —\n * with the actual lookup injected via `onLookup`, so the same component serves\n * a supplier form, a store-location form or a delivery checkout without\n * knowing anything about providers or auth.\n *\n * Resolution is best-effort by design. A provider outage, an unknown CEP or a\n * timeout leaves the field exactly as usable as a plain text input — the user\n * types the address themselves. Autofill never blocks.\n *\n * @example\n * ```tsx\n * <CepField\n *   value={cep}\n *   onChange={setCep}\n *   onLookup={(c) => fetch(`/api/…/lookup/cep/${c}`).then((r) => r.json()).then((b) => b.data)}\n *   onResolved={(a) => { setStreet(a.street ?? ''); setCity(a.city ?? ''); }}\n * />\n * ```\n */\nexport function CepField({\n  value,\n  onChange,\n  onLookup,\n  onResolved,\n  onNotFound,\n  label = 'CEP',\n  placeholder = '00000-000',\n  error,\n  disabled = false,\n  debounceMs = 500,\n  name = 'postalCode',\n  dataTestId,\n  copy,\n}: CepFieldProps): React.ReactElement {\n  const testId = dataTestId ?? `cep-field-${name}`;\n\n  const status = useCepLookup({\n    digits: cepDigits(value),\n    complete: isValidCep(value),\n    disabled,\n    debounceMs,\n    onLookup,\n    onResolved,\n    onNotFound,\n  });\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => onChange(formatCep(event.target.value)),\n    [onChange],\n  );\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        placeholder={placeholder}\n        value={value}\n        error={Boolean(error)}\n        disabled={disabled}\n        loading={status === 'loading'}\n        onChange={handleChange}\n        data-testid={testId}\n        aria-describedby={`${testId}-status`}\n        aria-busy={status === 'loading'}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n      <CepStatus status={status} testId={testId} suppressed={Boolean(error)} copy={copy} />\n    </FormControl>\n  );\n}\n\nexport default CepField;\n"],"mappings":"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","names":[]}

package/dist/chunk-OOKQ2LMM.js

@@ -1,250 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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":";AAAA,SAAS,kBAAkB,gBAAgB,QAAQ,iBAAiB;AACpE,OAAO,WAAW;;;ACDlB,SAAS,OAAO,iBAAiB;AAQjC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhB,IAAM,gBAAgB,CAAC,YAA8D;AAC1F,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAIO,IAAM,WAAW;AAAA,EACtB,IAAI,EAAE,MAAM,SAAkB,IAAI,EAAE,yBAAyB,EAAE,SAAS,WAAW,EAAE,EAAE;AAAA,EACvF,IAAI,EAAE,MAAM,QAAiB;AAAA,EAC7B,IAAI,EAAE,MAAM,SAAkB;AAAA,EAC9B,IAAI,EAAE,MAAM,UAAmB,IAAI,EAAE,yBAAyB,EAAE,SAAS,YAAY,EAAE,EAAE;AAAA,EACzF,IAAI,EAAE,MAAM,UAAmB,IAAI,EAAE,yBAAyB,EAAE,SAAS,YAAY,EAAE,EAAE;AAC3F;AAEO,IAAM,aAAa,CAAC,WAA6B;AAAA,EACtD,wBAAwB;AAAA,IACtB,WAAW,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC7D,iBAAiB;AAAA,MACf,WAAW,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC/D;AAAA,EACF;AACF;AAIO,IAAM,cAAc,CAAC,WAA6B;AAAA,EACvD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,cAAc,MAAM,QAAQ,GAAG;AAAA,IAC/B,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACvC,SAAS;AAAA,IACT,WAAW,GAAG,cAAc;AAAA,IAC5B,eAAe;AAAA,IACf,QAAQ;AAAA,EACV;AACF;AAEO,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EAC/D,yBAAyB;AAAA,IACvB,WAAW;AAAA,IACX,0BAA0B;AAAA,MACxB,WAAW;AAAA,MACX,iBAAiB,MAAM,QAAQ,WAAW;AAAA,MAC1C,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,IAAM,kBAAkB,CAAC,OAAc,YAAsC;AAClF,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,QACtD,WAAW;AAAA,UACT,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,UAC3D,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACpD;AAAA,QACA,iBAAiB;AAAA,UACf,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,UAC1D,aAAa,MAAM,QAAQ,QAAQ;AAAA,UACnC,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,QAChE;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,YAAY;AAAA,UACV,mBAAmB,MAAM,MAAM,QAAQ,SAAS,IAAI;AAAA,QACtD;AAAA,QACA,qCAAqC;AAAA,UACnC,mBAAmB,MAAM,QAAQ,QAAQ;AAAA,QAC3C;AAAA,QACA,WAAW;AAAA,UACT,mBAAmB,MAAM,QAAQ,QAAQ;AAAA,QAC3C;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO,eAAe,KAAK;AAAA,IAC7B;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIA,IAAM,iBAAiB,CAAC,WAA6B;AAAA,EACnD,YAAY,2BAA2B,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC,KAAK,MAAM,MAAM,QAAQ,UAAU,MAAM,GAAG,CAAC;AAAA,EAC1H,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY,2BAA2B,MAAM,QAAQ,QAAQ,IAAI,KAAK,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClG,MAAM;AAAA,IACN,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,YAAY,2BAA2B,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC,KAAK,MAAM,MAAM,QAAQ,UAAU,MAAM,IAAI,CAAC;AAAA,EAC9H;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY,2BAA2B,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC,KAAK,MAAM,MAAM,QAAQ,UAAU,MAAM,GAAG,CAAC;AAAA,IAC1H,aAAa;AAAA,MACX,YAAY,2BAA2B,MAAM,QAAQ,QAAQ,IAAI,KAAK,MAAM,QAAQ,UAAU,IAAI;AAAA,IACpG;AAAA,EACF;AACF;AAEO,IAAM,iBAAiB,CAAC,WAA6B;AAAA,EAC1D,cAAc;AAAA,IACZ,aAAa,MAAM,MAAM,QAAQ,SAAS,IAAI;AAAA,EAChD;AAAA,EACA,oBAAoB;AAAA,IAClB,aAAa,MAAM,QAAQ,QAAQ;AAAA,EACrC;AAAA,EACA,0BAA0B;AAAA,IACxB,aAAa,MAAM,QAAQ,QAAQ;AAAA,IACnC,aAAa;AAAA,EACf;AAAA,EACA,wBAAwB;AAAA,IACtB,aAAa,MAAM,QAAQ,MAAM;AAAA,EACnC;AACF;AAEO,IAAM,eAAe,CAAC,WAA6B;AAAA,EACxD,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI;AAAA,EACvD,WAAW;AAAA,IACT,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI;AAAA,EACzD;AAAA,EACA,iBAAiB;AAAA,IACf,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,IAAI;AAAA,EACzD;AACF;;;ADlIQ;AAlCR,IAAM,kBAAkB,OAAO,WAAW;AAAA,EACxC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,MAAM;AAAA,EAEzB,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,IAAI,GAC9B;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,cAAc,OAAO;AAAA,MAC9B,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,MACrD;AAAA,MACA;AAAA,MASA,YAAY;AAAA,QACV,eAAe;AAAA,QACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,MAC/D;AAAA,MACA,YAAY;AAAA,QACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,QAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,MAC5E;AAAA,MACC,GAAG,SAAS,IAAI;AAAA,MAChB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAc;","names":[]}