@acronis-platform/ui-react 5.4.5 → 5.5.1

package/dist/llms/chart.md

@@ -104,6 +104,7 @@ the chart primitives (`BarChart`, `Bar`, …) directly from `recharts`.
 | `hideLabel` | `boolean` | `false` | no | Hide the tooltip's heading label. |
 | `hideIndicator` | `boolean` | `false` | no | Hide the per-series color dot in the tooltip. |
 | `hideIcon` | `boolean` | `false` | no | Hide the per-series icon in the legend (use the color swatch). |
+| `fontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text — labels, and the right-hand values of the list variant. |
 | `nameKey` | `string` | — | no | Config key to resolve each series' label from the payload. |
 | `labelKey` | `string` | — | no | Config key to resolve the tooltip's heading label. |
 
@@ -151,6 +152,15 @@ Scenario: Legend
   And a series icon replaces the swatch unless hideIcon is set
 ```
 
+```gherkin
+Scenario: Legend font size
+  Given no fontSize prop
+  Then the legend text renders at 'xs' (the historical size)
+  When fontSize is set to one of 'xs' | 'sm' | 'base' | 'lg' | 'xl'
+  Then the legend text renders at that step of the type scale
+  And the 'list' variant sizes both its labels and its right-hand values
+```
+
 ```gherkin
 Scenario: Default palette
   Given a ChartContainer with no explicit palette prop

package/dist/llms/composed-chart.md

@@ -222,6 +222,7 @@ across brands until the real data-viz palette lands.
 | `showGrid` | `boolean` | `true` | no | Render the CartesianGrid. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `showXAxis` | `boolean` | `true` | no | Render the X axis (its ticks and title). Set false to hide it. |
 | `showYAxis` | `boolean` | `true` | no | Render the Y axis (its ticks and title). Set false to hide it. |

package/dist/llms/confidence-cone.md

@@ -125,6 +125,7 @@ Make the actual and forecast lines meet by giving the hand-off point both an
 | `showGrid` | `boolean` | `true` | no | Render the CartesianGrid. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip (the band series is filtered out of it). |
 | `showLegend` | `boolean` | `true` | no | Render the legend (the band series is filtered out of it). |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `showXAxis` | `boolean` | `true` | no | Render the X axis (its ticks and title). Set false to hide it. |
 | `showYAxis` | `boolean` | `true` | no | Render the Y axis (its ticks and title). Set false to hide it. |

package/dist/llms/funnel-chart.md

@@ -160,6 +160,7 @@ names every stage. Turn them on when a funnel is shown without its legend.
 | `labelFormatter` | `(value: number | string, index?: number) => string` | — | no | Format the numeric part of a label. |
 | `percentFormatter` | `(value: number | string, index?: number) => string` | — | no | Format the conversion share behind the percent formats. Receives the share as a fraction (0.52); defaults to a one-decimal bare percentage ("52.0%"). Replace it for a locale that doesn't write a bare percent sign. |
 | `showLegend` | `boolean` | `true` | no | Render the stage list beside the plot — one two-column row per visible stage, a sibling of the plot rather than a renderer legend. On by default, because it is where the design's funnel names its stages. With it off the row centres its lone plot. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text (stage names and values). |
 | `legendValueFormatter` | `(value: string | number) => string` | — | no | Format the value in each legend row — the stage's dataKey number. Omit to stringify the raw value. |
 | `stageSettings` | `Record<string, { color?: string; hidden?: boolean }>` | — | no | Per-stage overrides keyed by the stage's nameKey value. `color` replaces that stage's palette stop, in the funnel and in its legend marker; `hidden` drops the stage from the funnel, its labels, the legend, and the conversion percentages. |
 | `showActiveShape` | `boolean` | `false` | no | Outline the hovered segment, rather than changing its fill, so it keeps the color that ties it to its legend entry and label. |

package/dist/llms/line-chart.md

@@ -118,6 +118,7 @@ across brands until the real data-viz palette lands.
 | `showGrid` | `boolean` | `true` | no | Render the CartesianGrid. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `showXAxis` | `boolean` | `true` | no | Render the X axis (its ticks and title). Set false to hide it. |
 | `showYAxis` | `boolean` | `true` | no | Render the Y axis (its ticks and title). Set false to hide it. |

package/dist/llms/pie-chart.md

@@ -115,6 +115,7 @@ real data-viz palette lands.
 | `sliceSettings` | `Record<string, { color?: string; hideLabel?: boolean; labelFormat?: PieChartLabelFormat }>` | — | no | Per-slice overrides keyed by the slice's nameKey value: its color, and whether/how its data label reads. A name with no entry keeps the chart-level behavior. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text (labels and values). |
 | `legendValueFormatter` | `(value: string | number) => string` | — | no | Format each slice's value in the list legend. Omit to stringify the raw value. |
 | `margin` | `{ top?: number; right?: number; bottom?: number; left?: number }` | — | no | Plot-area margin, in px. Omit to use the renderer's default (5 on every side). |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Takes precedence over tooltipFormat. Ignored when showTooltip is false. |

package/dist/llms/radar-chart.md

@@ -125,6 +125,7 @@ across brands until the real data-viz palette lands.
 | `margin` | `{ top?: number; right?: number; bottom?: number; left?: number }` | — | no | Plot-area margin, in px. Passing the object replaces all four sides; a side left out is `0`, not the default `5`, so name every side. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `animate` | `boolean` | `false` | no | Enable entrance animation. Off by default so output/baselines are unchanged. |
 | `animationDuration` | `number` | — | no | Animation duration in ms. |

package/dist/llms/radial-bar-chart.md

@@ -132,6 +132,7 @@ real data-viz palette lands.
 | `showBackground` | `boolean` | `true` | no | Render a muted background track behind each arc. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text (labels and values). |
 | `legendValueFormatter` | `(value: string | number) => string` | — | no | Format each arc's value in the list legend. Ignored in multi-metric mode (values are per-row, not per-series). |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `animate` | `boolean` | `false` | no | Enable entrance animation. Off by default so output/baselines are unchanged. |

package/dist/llms/scatter-chart.md

@@ -119,6 +119,7 @@ across brands until the real data-viz palette lands.
 | `showGrid` | `boolean` | `true` | no | Render the CartesianGrid. |
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `true` | no | Render the legend. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `showXAxis` | `boolean` | `true` | no | Render the X axis (its ticks and title). Set false to hide it. |
 | `showYAxis` | `boolean` | `true` | no | Render the Y axis (its ticks and title). Set false to hide it. |

package/dist/llms/treemap.md

@@ -108,6 +108,7 @@ so light/dark and brand overrides come for free.
 | `showTooltip` | `boolean` | `true` | no | Render the hover tooltip. |
 | `showLegend` | `boolean` | `false` | no | Render the legend — one entry per distinct leaf name. Off by default: a treemap labels its own cells. |
 | `legendPos` | `'top' | 'bottom'` | `'bottom'` | no | Which edge the legend sits on. |
+| `legendFontSize` | `'xs' | 'sm' | 'base' | 'lg' | 'xl'` | `'xs'` | no | Font size of the legend text. |
 | `tooltipContent` | `ReactElement | ((props) => ReactNode)` | — | no | Replace the default tooltip. Pass a configured ChartTooltipContent (from this library) — e.g. with a formatter / labelFormatter — to customize the tooltip content without composing recharts. Ignored when showTooltip is false. |
 | `animate` | `boolean` | `false` | no | Enable entrance animation. Off by default so output/baselines are unchanged. |
 | `animationDuration` | `number` | — | no | Animation duration in ms. |

package/dist/llms.txt

@@ -1,6 +1,6 @@
 # Acronis UI Kit for React — LLM Reference
 
-> `@acronis-platform/ui-react` v5.4.5
+> `@acronis-platform/ui-react` v5.5.1
 
 Machine-readable component reference compiled from framework-agnostic specs.
 Each entry links to a self-contained markdown file with props, behavior,

package/dist/src/components/ui/area-chart/area-chart.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ChartConfig, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCurveType, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition } from '../chart';
+import { ChartConfig, ChartLegendFontSize, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCurveType, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition } from '../chart';
 import * as React from 'react';
 declare const areaChartVariants: (props?: ({
     layout?: "single" | "stacked" | null | undefined;
@@ -92,6 +92,11 @@ export interface AreaChartProps extends Omit<React.ComponentProps<'div'>, 'child
      */
     projectionStart?: string | number;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /** Position of the value labels when `showLabels` is on. Defaults to `top`. */
     labelPosition?: CartesianLabelPosition;
 }

package/dist/src/components/ui/bar-chart/bar-chart.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { BarShapeProps } from 'recharts/types/cartesian/Bar';
-import { ChartLegend, ChartTooltip, ChartConfig, ChartPalette, ChartStatusTone, ChartReferenceLine, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCategoryRange, ChartDataLabelProps, CartesianLabelPosition } from '../chart';
+import { ChartLegend, ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, ChartStatusTone, ChartReferenceLine, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCategoryRange, ChartDataLabelProps, CartesianLabelPosition } from '../chart';
 import * as React from 'react';
 declare const barChartVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -99,8 +99,9 @@ export declare function NormalizedTooltipContent({ content, dataKeys, ...props }
  * in `dataKeys` order the legend would silently reorder itself depending on
  * which bar-styling props happen to be set.
  */
-export declare function NormalizedLegendContent({ dataKeys, ...props }: Partial<LegendRenderProps> & {
+export declare function NormalizedLegendContent({ dataKeys, fontSize, ...props }: Partial<LegendRenderProps> & {
     dataKeys: string[];
+    fontSize?: ChartLegendFontSize;
 }): import("react/jsx-runtime").JSX.Element;
 /** Paint overrides recharts spreads over a bar to mark it as the active one. */
 interface BarPaintOverride {
@@ -191,6 +192,11 @@ export interface BarChartVerticalProps extends Omit<React.ComponentProps<'div'>,
         opacity?: number;
     };
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Position of the value labels when `showLabels` is on. Defaults to the bar's
      * growing end (`top`), or the segment centre when the layout is stacked.

package/dist/src/components/ui/category-bar/category-bar.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ChartConfig, ChartPalette } from '../chart';
 import * as React from 'react';
 declare const categoryBarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface CategoryBarSegment {
     /** Key into `config` for this segment's label + color. */

package/dist/src/components/ui/chart/__stories__/palette-control.d.ts

@@ -46,3 +46,19 @@ export declare const paletteArgTypes: {
         };
     };
 };
+export declare const legendFontSizeArgTypes: {
+    legendFontSize: {
+        name: string;
+        description: string;
+        control: {
+            type: "select";
+        };
+        options: string[];
+        table: {
+            category: string;
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+};

package/dist/src/components/ui/chart/chart.d.ts

@@ -51,12 +51,23 @@ export type ChartTooltipContentProps = Partial<TooltipContentProps<ValueType, Na
     labelClassName?: string;
     color?: string;
 };
+/**
+ * The legend text-size scale. `xs` is the size the legend has always rendered
+ * at; the rest of the steps follow Tailwind's `text-*` scale.
+ */
+export type ChartLegendFontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl';
 export type ChartLegendContentProps = {
     className?: string;
     hideIcon?: boolean;
     verticalAlign?: LegendProps['verticalAlign'];
     payload?: LegendPayload[];
     nameKey?: string;
+    /**
+     * Font size of the legend text — labels, and the right-hand values of the
+     * `list` variant. Defaults to `'xs'`, the size the legend has always
+     * rendered at.
+     */
+    fontSize?: ChartLegendFontSize;
     /**
      * The series config the entries take their labels and icons from. Defaults to
      * the enclosing `ChartContainer`'s — pass it only to render the legend *outside*
@@ -118,5 +129,5 @@ declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 export type ChartTooltipContentType = React.ComponentProps<typeof ChartTooltip>['content'];
 declare function ChartTooltipContent({ active, payload, label, className, hideLabel, hideIndicator, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, config: configFromProps, variant, valueKey, valueFormatter, valueClassName, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, config: configFromProps, variant, fontSize, valueKey, valueFormatter, valueClassName, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
 export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/src/components/ui/chart/index.d.ts

@@ -1,5 +1,5 @@
 export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, resolveChartColors, toCssKey, } from './chart';
-export type { ChartConfig, ResolvedChartConfig, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, ChartTooltipContentType, } from './chart';
+export type { ChartConfig, ResolvedChartConfig, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, ChartLegendFontSize, ChartTooltipContentType, } from './chart';
 export { CHART_CATEGORICAL_TOKENS, CHART_SEQUENTIAL_TOKENS, CHART_DIVERGING_TOKENS, CHART_STATUS_TOKENS, CHART_DEFAULT_PALETTE, listPaletteStops, listPaletteChoices, resolveSeriesColor, findDuplicateTones, } from './chart-palette';
 export type { ChartPalette, ChartSeriesTone, ChartSequentialRamp, ChartDivergingPair, ChartDivergingSide, ChartStatusTone, ResolveSeriesColorOptions, } from './chart-palette';
 export { formatCompactNumber, formatPercent, createTickFormatter, resolveAxisDomain, resolveRotatedTickAnchor, resolveXAxisHeight, resolveXAxisTitle, resolveYAxisTitle, resolveCategoryRange, resolveAnimation, toLabelFormatter, resolveLabelFillClass, resolveCartesianLabelPosition, resolveBrushProps, resolveChartReferenceValue, resolveReferenceLineProps, toReferenceLineList, CHART_REFERENCE_LINE_STROKE, CHART_LABEL_MARGIN, CHART_LABEL_FILL_CLASS, CHART_LABEL_FILL_ON_SERIES_CLASS, CHART_LABEL_FONT_SIZE, CHART_BRUSH_HEIGHT, CHART_BRUSH_ARIA_LABEL, dropProjectionPayload, } from './chart-format';

package/dist/src/components/ui/composed-chart/composed-chart.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ChartConfig, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCategoryRange, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition, ChartYAxisTarget, SecondaryYAxisProps } from '../chart';
+import { ChartConfig, ChartLegendFontSize, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCategoryRange, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition, ChartYAxisTarget, SecondaryYAxisProps } from '../chart';
 import * as React from 'react';
 declare const composedChartVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -176,6 +176,11 @@ export interface ComposedChartProps extends Omit<React.ComponentProps<'div'>, 'c
     showLegend?: boolean;
     /** Which edge the legend sits on. Defaults to `bottom`. */
     legendPosition?: 'top' | 'bottom';
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Position of the value labels when `showLabels` is on. Defaults to each
      * series' growing end — `top` (or `right` when horizontal), and the centre of

package/dist/src/components/ui/confidence-cone/confidence-cone.d.ts

@@ -1,4 +1,4 @@
-import { ChartTooltip, ChartConfig, ChartPalette, CartesianChartProps, ChartAnimationProps } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, CartesianChartProps, ChartAnimationProps } from '../chart';
 import * as React from 'react';
 /**
  * Drop every synthetic cone-band range series from a recharts tooltip/legend
@@ -161,6 +161,11 @@ export interface ConfidenceConeBaseProps extends Omit<React.ComponentProps<'div'
      */
     showForecastRegion?: boolean;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
 }
 /**
  * Which columns to plot has to be spelled out one way or the other: the `series`

package/dist/src/components/ui/funnel-chart/funnel-chart.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ChartTooltip, ChartAnimationProps, ChartConfig, ChartPalette, TickFormatter } from '../chart';
+import { ChartTooltip, ChartAnimationProps, ChartConfig, ChartLegendFontSize, ChartPalette, TickFormatter } from '../chart';
 import * as React from 'react';
 declare const funnelChartVariants: (props?: ({
     lastShape?: "triangle" | "rectangle" | null | undefined;
@@ -267,6 +267,11 @@ export interface FunnelChartProps extends Omit<React.ComponentProps<'div'>, 'chi
      * carries no on-plot labels, so the legend is where the stages are named.
      */
     showLegend?: boolean;
+    /**
+     * Font size of the legend text (stage names and values). Defaults to `'xs'` —
+     * the size the legend has always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /** Format the value in each legend row — the stage's `dataKey` number. */
     legendValueFormatter?: (value: string | number) => string;
     /** Per-stage `color` / `hidden` overrides, keyed by the stage's `nameKey` value. */

package/dist/src/components/ui/grid/grid.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const gridVariants: (props?: ({
     cols?: 1 | 2 | 3 | 6 | 4 | 12 | null | undefined;
-    gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    gap?: "none" | "sm" | "lg" | "xl" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
     /**

package/dist/src/components/ui/line-chart/line-chart.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ChartTooltip, ChartConfig, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCurveType, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, CartesianChartProps, ChartAnimationProps, ChartBrushProps, ChartCurveType, ChartDataLabelProps, ChartReferenceLine, CartesianLabelPosition } from '../chart';
 import * as React from 'react';
 declare const lineChartVariants: (props?: ({
     curve?: "step" | "linear" | "monotone" | "natural" | "basis" | "stepBefore" | "stepAfter" | null | undefined;
@@ -124,6 +124,11 @@ export interface LineChartProps extends Omit<React.ComponentProps<'div'>, 'child
      */
     projectionStart?: string | number;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /** Position of the value labels when `showLabels` is on. Defaults to `top`. */
     labelPosition?: CartesianLabelPosition;
 }

package/dist/src/components/ui/pie-chart/pie-chart.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ChartTooltip, ChartConfig, ChartPalette, ChartTooltipContentProps, ChartAnimationProps, ChartDataLabelProps, PolarLabelPosition, TickFormatter } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, ChartTooltipContentProps, ChartAnimationProps, ChartDataLabelProps, PolarLabelPosition, TickFormatter } from '../chart';
 import * as React from 'react';
 declare const pieChartVariants: (props?: ({
     shape?: "donut" | "pie" | null | undefined;
@@ -142,6 +142,11 @@ export interface PieChartProps extends Omit<React.ComponentProps<'div'>, 'childr
     sliceSettings?: Record<string, PieChartSliceSettings>;
     showTooltip?: boolean;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text (labels and values). Defaults to `'xs'` —
+     * the size the legend has always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Format each slice's value in the list legend. When omitted the raw value is
      * stringified with `String()`.

package/dist/src/components/ui/progress-circle/progress-circle.d.ts

@@ -25,7 +25,7 @@ declare const SIZES: {
 };
 export type ProgressCircleSize = keyof typeof SIZES;
 declare const progressCircleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "tiny" | null | undefined;
+    size?: "sm" | "lg" | "md" | "tiny" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ProgressCircleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressCircleVariants> {
     /** Current progress; clamped to `[0, max]`. */

package/dist/src/components/ui/radar-chart/radar-chart.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { AxisDomainItem } from 'recharts';
-import { ChartTooltip, ChartConfig, ChartPalette, ChartAnimationProps, ChartDataLabelProps, CartesianLabelPosition } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, ChartAnimationProps, ChartDataLabelProps, CartesianLabelPosition } from '../chart';
 import * as React from 'react';
 declare const radarChartVariants: (props?: ({
     gridType?: "circle" | "polygon" | null | undefined;
@@ -251,6 +251,14 @@ export interface RadarChartProps extends Omit<React.ComponentProps<'div'>, 'chil
     };
     showTooltip?: boolean;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. A larger size grows the legend band the plot is centred
+     * above (the band is sized for `xs`; see `radarPlotBox`), so pair it with a
+     * taller `className` height if the legend crowds the web. See
+     * `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Replace the default tooltip. Pass a configured `ChartTooltipContent`
      * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —

package/dist/src/components/ui/radial-bar-chart/radial-bar-chart.d.ts

@@ -1,4 +1,4 @@
-import { ChartTooltip, ChartConfig, ChartPalette, ChartAnimationProps, ChartDataLabelProps, PolarLabelPosition, TickFormatter } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, ChartAnimationProps, ChartDataLabelProps, PolarLabelPosition, TickFormatter } from '../chart';
 import * as React from 'react';
 /** Row-per-arc datum: the `nameKey` label plus each metric's numeric value. */
 type RadialBarChartDatum = Record<string, string | number>;
@@ -229,6 +229,11 @@ export interface RadialBarChartProps extends Omit<React.ComponentProps<'div'>, '
     centerLabel?: RadialBarChartCenterLabel;
     showTooltip?: boolean;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text (labels and values). Defaults to `'xs'` —
+     * the size the legend has always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Format each arc's value in the list legend. In single-metric mode each arc
      * row gets its formatted value next to its label; in multi-metric mode values

package/dist/src/components/ui/scatter-chart/scatter-chart.d.ts

@@ -1,4 +1,4 @@
-import { ChartConfig, ChartPalette, CartesianChartProps, ChartAnimationProps } from '../chart';
+import { ChartConfig, ChartLegendFontSize, ChartPalette, CartesianChartProps, ChartAnimationProps } from '../chart';
 import * as React from 'react';
 export type ScatterMarkerShape = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
 export interface ScatterSeries {
@@ -35,6 +35,11 @@ export interface ScatterChartProps extends Omit<React.ComponentProps<'div'>, 'ch
     /** Marker shape for every point. */
     shape?: ScatterMarkerShape;
     showLegend?: boolean;
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
 }
 declare const ScatterChart: React.ForwardRefExoticComponent<Omit<ScatterChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScatterChart };

package/dist/src/components/ui/spinner/spinner.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "lg" | "xl" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
 }

package/dist/src/components/ui/stack/stack.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const stackVariants: (props?: ({
     direction?: "horizontal" | "vertical" | null | undefined;
-    gap?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    gap?: "none" | "xs" | "sm" | "lg" | "xl" | "md" | null | undefined;
     align?: "center" | "end" | "stretch" | "start" | null | undefined;
     justify?: "center" | "end" | "start" | "between" | null | undefined;
     wrap?: boolean | null | undefined;

package/dist/src/components/ui/treemap/treemap.d.ts

@@ -1,4 +1,4 @@
-import { ChartTooltip, ChartConfig, ChartPalette, ChartAnimationProps, TickFormatter } from '../chart';
+import { ChartTooltip, ChartConfig, ChartLegendFontSize, ChartPalette, ChartAnimationProps, TickFormatter } from '../chart';
 import * as React from 'react';
 /**
  * Where a cell's label block sits inside its rectangle. Named logically, not
@@ -110,6 +110,11 @@ export interface TreemapProps extends Omit<React.ComponentProps<'div'>, 'childre
     showLegend?: boolean;
     /** Which edge the legend sits on. */
     legendPos?: 'top' | 'bottom';
+    /**
+     * Font size of the legend text. Defaults to `'xs'` — the size the legend has
+     * always rendered at. See `ChartLegendFontSize`.
+     */
+    legendFontSize?: ChartLegendFontSize;
     /**
      * Replace the default tooltip. Pass a configured `ChartTooltipContent`
      * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —