--- ## AreaChart Area chart for trends with volume emphasis — filled regions under each series, optionally stacked. Zero-dependency SVG on the design- token palette, responsive, dark-mode aware, with a screen-reader data-table fallback. **Import:** `import { AreaChart } from '@urbicon-ui/blocks';` ### Examples ```svelte ``` ### Api | Prop | Type | Required | Default | Description | | --- | --- | :---: | --- | --- | | data | `CartesianDatum[]` | yes | | Ordered categories with per-series values. | | ...HTMLAttributes | `HTMLAttributes` | no | | HTML attributes (excluding: 'children') | | ariaLabel | `string` | no | | Accessible label; a summary is generated when omitted. | | class | `string` | no | | Extra classes merged onto the wrapper. | | fillOpacity | `number` | no | 0.2 (overlay) / 0.85 (stacked) | Opacity of the area fill (0–1). | | formatValue | `(value: number) => string` | no | | Format values for axis labels, tooltips, and the data table. | | height | `number` | no | 240 | Height property for the AreaChart component | | locale | `string` | no | | BCP-47 locale for the default number formatter. | | margin | `ChartMargin` | no | | Plot margins; merged over the defaults. | | preset | `string` | no | | Apply a named preset registered on ``. | | series | `ChartSeries[]` | no | | Series metadata (labels + colors); defaults to one per value column. | | showGrid | `boolean` | no | true | Render horizontal gridlines. | | showLegend | `boolean` | no | true | Show the series legend (only renders with >1 series). | | slotClasses | `ChartSlotClasses` | no | | Per-slot class overrides. | | stacked | `boolean` | no | false | Stack series cumulatively instead of overlaying them. | | unstyled | `boolean` | no | | Remove all default tv classes. | | width | `number` | no | | Fixed width in px; omit for responsive width. | Inherited from: - Omit, 'children'> (omit-pattern)