@orianatech/pire 0.10.0 → 0.11.0

package/dist/components/data/BarChart.d.cts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.cjs';
+export interface BarChartProps extends ChartBaseProps {
+    /**
+     * `horizontal` puts categories down the side, which is what long ERP labels need — product
+     * names and account descriptions do not fit under a vertical bar without turning sideways.
+     * Use `vertical` when the categories are periods and reading left-to-right means time.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Stack the series into one bar per category, for parts of a total.
+     *
+     * Only the first segment and the total are easy to compare across categories, because the
+     * middle segments start at different offsets. If the comparison matters more than the total,
+     * leave this off and let the bars sit side by side.
+     */
+    stacked?: boolean;
+    /**
+     * Print each value beside its bar. Defaults on for a single series — where the chart is a
+     * ranking and the number is half the answer — and off beyond that, where a label per bar
+     * turns into noise. The tooltip and the data table always carry every value.
+     */
+    showValues?: boolean;
+}
+/**
+ * Magnitude and ranking — how big, and in what order.
+ *
+ * Laid out in HTML rather than SVG so category labels are real text: they wrap, truncate and
+ * inherit type tokens, none of which survives a scaled `viewBox`. The bar axis always starts at
+ * zero, since a bar encodes length, and a truncated axis overstates the difference.
+ */
+export declare function BarChart({ categories, series: rawSeries, title, description, formatValue, height, emptyState, showDataTable, orientation, stacked, showValues, className, style, ...rest }: BarChartProps): React.JSX.Element;

package/dist/components/data/BarChart.d.ts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.js';
+export interface BarChartProps extends ChartBaseProps {
+    /**
+     * `horizontal` puts categories down the side, which is what long ERP labels need — product
+     * names and account descriptions do not fit under a vertical bar without turning sideways.
+     * Use `vertical` when the categories are periods and reading left-to-right means time.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Stack the series into one bar per category, for parts of a total.
+     *
+     * Only the first segment and the total are easy to compare across categories, because the
+     * middle segments start at different offsets. If the comparison matters more than the total,
+     * leave this off and let the bars sit side by side.
+     */
+    stacked?: boolean;
+    /**
+     * Print each value beside its bar. Defaults on for a single series — where the chart is a
+     * ranking and the number is half the answer — and off beyond that, where a label per bar
+     * turns into noise. The tooltip and the data table always carry every value.
+     */
+    showValues?: boolean;
+}
+/**
+ * Magnitude and ranking — how big, and in what order.
+ *
+ * Laid out in HTML rather than SVG so category labels are real text: they wrap, truncate and
+ * inherit type tokens, none of which survives a scaled `viewBox`. The bar axis always starts at
+ * zero, since a bar encodes length, and a truncated axis overstates the difference.
+ */
+export declare function BarChart({ categories, series: rawSeries, title, description, formatValue, height, emptyState, showDataTable, orientation, stacked, showValues, className, style, ...rest }: BarChartProps): React.JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/data/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/data/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAQnD,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,WAAgC,EACnF,MAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAA0B,EAAE,OAAe,EACpF,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EACtC,EAAE,aAAa,qBAoFf"}

package/dist/components/data/ChartFrame.d.cts

@@ -0,0 +1,62 @@
+import type * as React from 'react';
+import type { ChartSeries } from './chartGeometry.cjs';
+/** Props every chart shares. Each chart adds its own encoding options on top. */
+export interface ChartBaseProps {
+    /**
+     * What the chart shows, in a sentence. Required: a chart with no accessible name is
+     * an unlabelled image, and the visible title cannot be relied on — charts are often
+     * placed under a heading that already says something different.
+     */
+    'aria-label': string;
+    /** Category axis labels. `series[].values` line up with these by index. */
+    categories: string[];
+    series: ChartSeries[];
+    /** Shown above the plot. With a single series this is what names it, in place of a legend. */
+    title?: React.ReactNode;
+    /** Sits under the title in secondary ink — units, period, source. */
+    description?: React.ReactNode;
+    /**
+     * Formats every number that reaches a human: axis ticks, tooltips, the data table.
+     * Pire does not format — only the app knows the currency, the locale and the precision.
+     */
+    formatValue?: (value: number) => string;
+    /** Plot height in pixels. Width always fills the container. */
+    height?: number;
+    /** Replaces the plot when there is nothing to draw. */
+    emptyState?: React.ReactNode;
+    /** Renders the underlying table visibly beneath the plot, instead of only for screen readers. */
+    showDataTable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** One swatch in the legend. What it identifies differs by chart — see `ChartFrameProps.legend`. */
+export interface ChartLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface ChartFrameProps extends Pick<ChartBaseProps, 'title' | 'description' | 'categories' | 'series' | 'showDataTable' | 'className' | 'style'> {
+    label: string;
+    formatValue: (value: number) => string;
+    /**
+     * Rendered only when there are at least two entries — one thing needs no key to tell it from
+     * the others, and the title already names it.
+     *
+     * The chart decides what an entry stands for: bars and lines colour by series, a donut colours
+     * by segment. Passing the list ready-made keeps that decision with the chart that made it.
+     */
+    legend?: ChartLegendItem[];
+    children: React.ReactNode;
+}
+/** Legend entries for a chart that colours by series — bars and lines. */
+export declare function seriesLegend(series: ChartSeries[]): ChartLegendItem[];
+/** Falls back to the browser's grouping so large figures stay readable without configuration. */
+export declare const defaultFormatValue: (value: number) => string;
+/**
+ * The shell around every Pire chart: heading, legend, plot, and the data table.
+ *
+ * The table is always in the DOM. A chart summarised in prose tells a screen-reader user what
+ * someone else concluded; the table gives them the same numbers everyone else is looking at.
+ * `showDataTable` only decides whether it is also visible.
+ */
+export declare function ChartFrame({ label, title, description, categories, series, formatValue, legend, showDataTable, className, style, children, }: ChartFrameProps): React.JSX.Element;

package/dist/components/data/ChartFrame.d.ts

@@ -0,0 +1,63 @@
+import type * as React from 'react';
+import type { ChartSeries } from './chartGeometry.js';
+/** Props every chart shares. Each chart adds its own encoding options on top. */
+export interface ChartBaseProps {
+    /**
+     * What the chart shows, in a sentence. Required: a chart with no accessible name is
+     * an unlabelled image, and the visible title cannot be relied on — charts are often
+     * placed under a heading that already says something different.
+     */
+    'aria-label': string;
+    /** Category axis labels. `series[].values` line up with these by index. */
+    categories: string[];
+    series: ChartSeries[];
+    /** Shown above the plot. With a single series this is what names it, in place of a legend. */
+    title?: React.ReactNode;
+    /** Sits under the title in secondary ink — units, period, source. */
+    description?: React.ReactNode;
+    /**
+     * Formats every number that reaches a human: axis ticks, tooltips, the data table.
+     * Pire does not format — only the app knows the currency, the locale and the precision.
+     */
+    formatValue?: (value: number) => string;
+    /** Plot height in pixels. Width always fills the container. */
+    height?: number;
+    /** Replaces the plot when there is nothing to draw. */
+    emptyState?: React.ReactNode;
+    /** Renders the underlying table visibly beneath the plot, instead of only for screen readers. */
+    showDataTable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/** One swatch in the legend. What it identifies differs by chart — see `ChartFrameProps.legend`. */
+export interface ChartLegendItem {
+    key: string;
+    label: string;
+    color: string;
+}
+export interface ChartFrameProps extends Pick<ChartBaseProps, 'title' | 'description' | 'categories' | 'series' | 'showDataTable' | 'className' | 'style'> {
+    label: string;
+    formatValue: (value: number) => string;
+    /**
+     * Rendered only when there are at least two entries — one thing needs no key to tell it from
+     * the others, and the title already names it.
+     *
+     * The chart decides what an entry stands for: bars and lines colour by series, a donut colours
+     * by segment. Passing the list ready-made keeps that decision with the chart that made it.
+     */
+    legend?: ChartLegendItem[];
+    children: React.ReactNode;
+}
+/** Legend entries for a chart that colours by series — bars and lines. */
+export declare function seriesLegend(series: ChartSeries[]): ChartLegendItem[];
+/** Falls back to the browser's grouping so large figures stay readable without configuration. */
+export declare const defaultFormatValue: (value: number) => string;
+/**
+ * The shell around every Pire chart: heading, legend, plot, and the data table.
+ *
+ * The table is always in the DOM. A chart summarised in prose tells a screen-reader user what
+ * someone else concluded; the table gives them the same numbers everyone else is looking at.
+ * `showDataTable` only decides whether it is also visible.
+ */
+export declare function ChartFrame({ label, title, description, categories, series, formatValue, legend, showDataTable, className, style, children, }: ChartFrameProps): React.JSX.Element;
+//# sourceMappingURL=ChartFrame.d.ts.map

package/dist/components/data/ChartFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../../src/components/data/ChartFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,iFAAiF;AACjF,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qEAAqE;IACrE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,iGAAiG;IACjG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,oGAAoG;AACpG,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAgB,SAC/B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,GACpF,WAAW,GAAG,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,0EAA0E;AAC1E,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAIrE;AAED,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,UAAW,MAAM,KAAG,MAAgC,CAAC;AAEpF;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EACjF,SAAS,EAAE,KAAK,EAAE,QAAQ,GAC3B,EAAE,eAAe,qBAuDjB"}

package/dist/components/data/DonutChart.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.cjs';
+export interface DonutChartProps extends ChartBaseProps {
+    /**
+     * What sits in the hole. Defaults to the total of every segment, which is the number a
+     * part-to-whole chart is implicitly about. Hovering a segment replaces it with that segment.
+     */
+    centerLabel?: React.ReactNode;
+    /** Caption under the centre figure — "Total", "Invoiced", whatever the total means. */
+    centerCaption?: React.ReactNode;
+    /** Ring thickness in pixels. Thinner reads as a gauge, thicker as a pie. */
+    thickness?: number;
+}
+/**
+ * Part-to-whole, at a glance.
+ *
+ * **Use this only when the reader needs the rough shape of a split, not the ranking.** People
+ * compare angles far worse than they compare lengths, so any question of the form "which is
+ * bigger" or "by how much" is a `BarChart`. Six segments is the ceiling, and it is a ceiling
+ * rather than a target: past three or four the small slices stop being readable at all.
+ *
+ * Unlike the other charts, colour here follows the *segment*, not the series — a donut draws one
+ * series, and its categories are what need telling apart. Pass exactly one series; anything after
+ * the first is ignored, with a dev warning.
+ */
+export declare function DonutChart({ categories, series, title, description, formatValue, height, emptyState, showDataTable, centerLabel, centerCaption, thickness, className, style, ...rest }: DonutChartProps): React.JSX.Element;

package/dist/components/data/DonutChart.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.js';
+export interface DonutChartProps extends ChartBaseProps {
+    /**
+     * What sits in the hole. Defaults to the total of every segment, which is the number a
+     * part-to-whole chart is implicitly about. Hovering a segment replaces it with that segment.
+     */
+    centerLabel?: React.ReactNode;
+    /** Caption under the centre figure — "Total", "Invoiced", whatever the total means. */
+    centerCaption?: React.ReactNode;
+    /** Ring thickness in pixels. Thinner reads as a gauge, thicker as a pie. */
+    thickness?: number;
+}
+/**
+ * Part-to-whole, at a glance.
+ *
+ * **Use this only when the reader needs the rough shape of a split, not the ranking.** People
+ * compare angles far worse than they compare lengths, so any question of the form "which is
+ * bigger" or "by how much" is a `BarChart`. Six segments is the ceiling, and it is a ceiling
+ * rather than a target: past three or four the small slices stop being readable at all.
+ *
+ * Unlike the other charts, colour here follows the *segment*, not the series — a donut draws one
+ * series, and its categories are what need telling apart. Pass exactly one series; anything after
+ * the first is ignored, with a dev warning.
+ */
+export declare function DonutChart({ categories, series, title, description, formatValue, height, emptyState, showDataTable, centerLabel, centerCaption, thickness, className, style, ...rest }: DonutChartProps): React.JSX.Element;
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/components/data/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/data/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAmB,MAAM,cAAc,CAAC;AAKpE,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uFAAuF;IACvF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,WAAgC,EAAE,MAAY,EACtF,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,SAAc,EACrE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAC1B,EAAE,eAAe,qBAwFjB"}

package/dist/components/data/LineChart.d.cts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.cjs';
+export interface LineChartProps extends ChartBaseProps {
+    /**
+     * Tint the area under each line. Reads well for one series; with several the fills overlap
+     * and the lower ones are read as smaller than they are, so it is ignored past the first.
+     */
+    showArea?: boolean;
+    /**
+     * Draw a dot at every point. On by default under about twenty points, where the dots show
+     * where the real readings are rather than implying data between them.
+     */
+    showMarkers?: boolean;
+    /**
+     * Let the axis start above zero, so a small movement in a large number stays visible.
+     *
+     * Legitimate for a line, which encodes change rather than length — but it does exaggerate,
+     * so leave it off whenever the size of the number is part of the point.
+     */
+    zoomToData?: boolean;
+}
+/**
+ * Change over time.
+ *
+ * Drawn in SVG at measured pixel coordinates rather than a scaled `viewBox`: scaling a viewBox
+ * to fit stretches the type and turns markers into ellipses. Gaps in a series break the line
+ * instead of interpolating across them — a missing month is not a straight line through it.
+ */
+export declare function LineChart({ categories, series: rawSeries, title, description, formatValue, height, emptyState, showDataTable, showArea, showMarkers, zoomToData, className, style, ...rest }: LineChartProps): React.JSX.Element;

package/dist/components/data/LineChart.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { ChartBaseProps } from './ChartFrame.js';
+export interface LineChartProps extends ChartBaseProps {
+    /**
+     * Tint the area under each line. Reads well for one series; with several the fills overlap
+     * and the lower ones are read as smaller than they are, so it is ignored past the first.
+     */
+    showArea?: boolean;
+    /**
+     * Draw a dot at every point. On by default under about twenty points, where the dots show
+     * where the real readings are rather than implying data between them.
+     */
+    showMarkers?: boolean;
+    /**
+     * Let the axis start above zero, so a small movement in a large number stays visible.
+     *
+     * Legitimate for a line, which encodes change rather than length — but it does exaggerate,
+     * so leave it off whenever the size of the number is part of the point.
+     */
+    zoomToData?: boolean;
+}
+/**
+ * Change over time.
+ *
+ * Drawn in SVG at measured pixel coordinates rather than a scaled `viewBox`: scaling a viewBox
+ * to fit stretches the type and turns markers into ellipses. Gaps in a series break the line
+ * instead of interpolating across them — a missing month is not a straight line through it.
+ */
+export declare function LineChart({ categories, series: rawSeries, title, description, formatValue, height, emptyState, showDataTable, showArea, showMarkers, zoomToData, className, style, ...rest }: LineChartProps): React.JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/data/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/data/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAOnD,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoCD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,WAAgC,EACnF,MAAY,EAAE,UAAU,EAAE,aAAa,EAAE,QAAgB,EAAE,WAAW,EAAE,UAAkB,EAC1F,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAC1B,EAAE,cAAc,qBAwIhB"}

package/dist/components/data/chartGeometry.d.cts

@@ -0,0 +1,67 @@
+/**
+ * Scale maths and slot assignment shared by the chart components.
+ *
+ * Kept free of React and of the DOM so the arithmetic — which is where charts go quietly
+ * wrong — can be tested directly rather than through a rendered SVG.
+ */
+/** One measured thing, drawn across every category. */
+export interface ChartSeries {
+    /** Stable across re-renders and across filter changes. Colour follows this, not position. */
+    id: string;
+    /** Shown in the legend, the tooltip and the data table. */
+    label: string;
+    /** One entry per category, in the same order. `null` is a gap in the data, never a zero. */
+    values: (number | null)[];
+    /**
+     * Pin this series to a specific `--viz` slot, 1–6. Without it slots are handed out in
+     * order. Use it when the same entity appears on several charts and must keep one colour.
+     */
+    colorIndex?: number;
+}
+/** How many distinct series colours the palette defines. Validated as a set; do not extend. */
+export declare const VIZ_SLOT_COUNT = 6;
+export interface ChartScale {
+    min: number;
+    max: number;
+    /** Ascending, always including `min` and `max`. */
+    ticks: number[];
+}
+/**
+ * A rounded axis covering `values`.
+ *
+ * `startAtZero` defaults to true because a bar's length is only readable when the axis starts
+ * at zero — a truncated bar axis exaggerates differences, which is the commonest way a chart
+ * misleads. Lines may pass false, since a line encodes change rather than magnitude.
+ */
+export declare function linearScale(values: (number | null | undefined)[], tickCount?: number, startAtZero?: boolean): ChartScale;
+/** Where `value` sits on `scale`, as 0–1 from the axis minimum. */
+export declare function scalePosition(value: number, scale: ChartScale): number;
+/**
+ * The CSS colour for a series.
+ *
+ * Slots are handed out in declaration order and never cycled: past the sixth, identity by
+ * colour alone stops being reliable, so the overflow folds into one "other" neutral instead
+ * of inventing a seventh hue. Aggregate upstream when you have more than six.
+ */
+export declare function seriesColor(series: ChartSeries, index: number): string;
+/** Dev-only nudge: more series than the palette can tell apart is a data-shape problem. */
+export declare function warnOnSlotOverflow(series: ChartSeries[], chartLabel: string): void;
+/**
+ * Dev-only checks specific to a donut, where the failure modes are about shape rather than count.
+ *
+ * Negative values are the important one: an arc length cannot be negative, so a refund or a
+ * reversal silently draws as its own absolute value and the chart reads as confidently wrong.
+ */
+export declare function warnOnDonutShape(series: ChartSeries[], categoryCount: number, chartLabel: string): void;
+/** Sum of a category's values across series, skipping gaps. Used for stacked totals. */
+export declare function stackTotal(series: ChartSeries[], categoryIndex: number): number;
+/** Every plotted number in one flat list — what the scale is derived from. */
+export declare function flatValues(series: ChartSeries[]): (number | null)[];
+/**
+ * Trims each series to the category count.
+ *
+ * A series longer than the axis would otherwise plot points past the last category, stacked on
+ * top of each other at an undefined position. Shorter series need no padding — reading past the
+ * end already yields `undefined`, which every call site treats as a gap.
+ */
+export declare function alignToCategories(series: ChartSeries[], categoryCount: number): ChartSeries[];

package/dist/components/data/chartGeometry.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Scale maths and slot assignment shared by the chart components.
+ *
+ * Kept free of React and of the DOM so the arithmetic — which is where charts go quietly
+ * wrong — can be tested directly rather than through a rendered SVG.
+ */
+/** One measured thing, drawn across every category. */
+export interface ChartSeries {
+    /** Stable across re-renders and across filter changes. Colour follows this, not position. */
+    id: string;
+    /** Shown in the legend, the tooltip and the data table. */
+    label: string;
+    /** One entry per category, in the same order. `null` is a gap in the data, never a zero. */
+    values: (number | null)[];
+    /**
+     * Pin this series to a specific `--viz` slot, 1–6. Without it slots are handed out in
+     * order. Use it when the same entity appears on several charts and must keep one colour.
+     */
+    colorIndex?: number;
+}
+/** How many distinct series colours the palette defines. Validated as a set; do not extend. */
+export declare const VIZ_SLOT_COUNT = 6;
+export interface ChartScale {
+    min: number;
+    max: number;
+    /** Ascending, always including `min` and `max`. */
+    ticks: number[];
+}
+/**
+ * A rounded axis covering `values`.
+ *
+ * `startAtZero` defaults to true because a bar's length is only readable when the axis starts
+ * at zero — a truncated bar axis exaggerates differences, which is the commonest way a chart
+ * misleads. Lines may pass false, since a line encodes change rather than magnitude.
+ */
+export declare function linearScale(values: (number | null | undefined)[], tickCount?: number, startAtZero?: boolean): ChartScale;
+/** Where `value` sits on `scale`, as 0–1 from the axis minimum. */
+export declare function scalePosition(value: number, scale: ChartScale): number;
+/**
+ * The CSS colour for a series.
+ *
+ * Slots are handed out in declaration order and never cycled: past the sixth, identity by
+ * colour alone stops being reliable, so the overflow folds into one "other" neutral instead
+ * of inventing a seventh hue. Aggregate upstream when you have more than six.
+ */
+export declare function seriesColor(series: ChartSeries, index: number): string;
+/** Dev-only nudge: more series than the palette can tell apart is a data-shape problem. */
+export declare function warnOnSlotOverflow(series: ChartSeries[], chartLabel: string): void;
+/**
+ * Dev-only checks specific to a donut, where the failure modes are about shape rather than count.
+ *
+ * Negative values are the important one: an arc length cannot be negative, so a refund or a
+ * reversal silently draws as its own absolute value and the chart reads as confidently wrong.
+ */
+export declare function warnOnDonutShape(series: ChartSeries[], categoryCount: number, chartLabel: string): void;
+/** Sum of a category's values across series, skipping gaps. Used for stacked totals. */
+export declare function stackTotal(series: ChartSeries[], categoryIndex: number): number;
+/** Every plotted number in one flat list — what the scale is derived from. */
+export declare function flatValues(series: ChartSeries[]): (number | null)[];
+/**
+ * Trims each series to the category count.
+ *
+ * A series longer than the axis would otherwise plot points past the last category, stacked on
+ * top of each other at an undefined position. Shorter series need no padding — reading past the
+ * end already yields `undefined`, which every call site treats as a gap.
+ */
+export declare function alignToCategories(series: ChartSeries[], categoryCount: number): ChartSeries[];
+//# sourceMappingURL=chartGeometry.d.ts.map

package/dist/components/data/chartGeometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartGeometry.d.ts","sourceRoot":"","sources":["../../../src/components/data/chartGeometry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,uDAAuD;AACvD,MAAM,WAAW,WAAW;IAC1B,6FAA6F;IAC7F,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,+FAA+F;AAC/F,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAYD;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,SAAI,EAAE,WAAW,UAAO,GACvE,UAAU,CA4BZ;AAED,mEAAmE;AACnE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAGtE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtE;AAWD,2FAA2F;AAC3F,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CASlF;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAC/D,IAAI,CAmBN;AAED,wFAAwF;AACxF,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,MAAM,CAE/E;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAEnE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,WAAW,EAAE,CAI7F"}

package/dist/components.css

@@ -548,6 +548,96 @@
    the real header stays mounted above — which is what stops the grid resizing mid-reload. */
 .pire-table-loading{display:flex;flex-direction:column}
 
+/* ---- Charts --------------------------------------------------------------- */
+/* width:100% is load-bearing, not cosmetic. Bar lengths are percentages of the track, and a
+   percentage cannot resolve against an indefinite width — drop the chart into a flex container
+   with `align-items:flex-start` and every bar collapses to its 2px floor. */
+.pire-chart{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;min-width:0;width:100%}
+.pire-chart-head{display:flex;flex-direction:column;gap:var(--sp-1)}
+.pire-chart-title{font:var(--type-body-strong);color:var(--text-primary)}
+.pire-chart-desc{font:var(--type-caption);color:var(--text-secondary)}
+.pire-chart-empty{padding:var(--sp-10);text-align:center;color:var(--text-secondary);font:var(--type-body)}
+
+/* Legend text stays in ink; the swatch beside it is what carries identity. Colouring the label
+   to match its series is the commonest way a chart fails contrast. */
+.pire-chart-legend{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin:0;padding:0;list-style:none}
+.pire-chart-legend-item{display:inline-flex;align-items:center;gap:var(--sp-2);font:var(--type-caption);color:var(--text-secondary)}
+.pire-chart-swatch{width:10px;height:10px;border-radius:var(--radius-1);flex:0 0 auto}
+
+/* ---- Charts: bars --------------------------------------------------------- */
+.pire-chart-bars{display:flex;gap:var(--sp-2)}
+.pire-chart-bars[data-orientation="horizontal"]{flex-direction:column}
+.pire-chart-bars[data-orientation="vertical"]{flex-direction:row;align-items:stretch;height:var(--pire-chart-height)}
+
+.pire-chart-group{display:flex;min-width:0}
+.pire-chart-bars[data-orientation="horizontal"] .pire-chart-group{align-items:center;gap:var(--sp-3)}
+.pire-chart-bars[data-orientation="vertical"] .pire-chart-group{flex:1 1 0;flex-direction:column-reverse;justify-content:flex-start;gap:var(--sp-2);min-width:0}
+
+.pire-chart-cat{font:var(--type-caption);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.pire-chart-bars[data-orientation="horizontal"] .pire-chart-cat{flex:0 0 auto;width:var(--pire-chart-cat-width,120px);text-align:right}
+.pire-chart-bars[data-orientation="vertical"] .pire-chart-cat{text-align:center;width:100%}
+
+.pire-chart-val{font:var(--type-caption);font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}
+.pire-chart-bars[data-orientation="horizontal"] .pire-chart-val{flex:0 0 auto;text-align:right;min-width:64px}
+/* Rides on top of its own bar, so the figure moves with the mark it describes. */
+.pire-chart-barval{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-block-end:var(--sp-1);font:var(--type-caption);font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}
+
+/* The 2px gap is the spacer that keeps adjacent fills from reading as one mark. */
+.pire-chart-track{display:flex;gap:var(--sp-0h);flex:1 1 auto;min-width:0}
+.pire-chart-bars[data-orientation="horizontal"] .pire-chart-track{flex-direction:column;min-height:12px}
+/* The top padding is where a vertical bar's own value label sits — without it the tallest
+   bar's figure is clipped by the top of the plot. */
+.pire-chart-bars[data-orientation="vertical"] .pire-chart-track{flex-direction:row;align-items:flex-end;justify-content:center;flex:1 1 auto;min-height:0;padding-block-start:var(--sp-5)}
+.pire-chart-bars[data-stacked="true"][data-orientation="horizontal"] .pire-chart-track{flex-direction:row}
+/* flex-start, not the centre the unstacked rule sets: under column-reverse the main axis starts
+   at the bottom, which is where a stack has to sit. Centred, the whole column floats off its
+   own zero line and the shortest stacks drift furthest. */
+.pire-chart-bars[data-stacked="true"][data-orientation="vertical"] .pire-chart-track{flex-direction:column-reverse;align-items:stretch;justify-content:flex-start}
+
+/* Only the data end is rounded. Rounding the baseline end would lift the mark off its own
+   zero line and read as a value slightly above zero. */
+.pire-chart-bar{position:relative;background:var(--pire-bar-color);flex:0 0 auto}
+.pire-chart-bars[data-orientation="horizontal"] .pire-chart-bar{width:var(--pire-bar-size);min-height:10px;flex:1 1 auto;border-radius:0 var(--radius-2) var(--radius-2) 0;min-width:2px}
+.pire-chart-bars[data-orientation="vertical"] .pire-chart-bar{height:var(--pire-bar-size);flex:1 1 auto;max-width:40px;border-radius:var(--radius-2) var(--radius-2) 0 0;min-height:2px}
+.pire-chart-bars[data-stacked="true"][data-orientation="horizontal"] .pire-chart-bar{flex:0 0 var(--pire-bar-size);width:auto;border-radius:0}
+.pire-chart-bars[data-stacked="true"][data-orientation="vertical"] .pire-chart-bar{flex:0 0 var(--pire-bar-size);height:auto;border-radius:0}
+
+/* ---- Charts: lines -------------------------------------------------------- */
+.pire-chart-lines{position:relative;width:100%;min-width:0}
+.pire-chart-svg{display:block;overflow:visible}
+.pire-chart-grid line{stroke:var(--viz-grid);stroke-width:1}
+.pire-chart-tick text{font:var(--type-micro);fill:var(--text-tertiary);font-variant-numeric:tabular-nums}
+.pire-chart-line path{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.pire-chart-area{opacity:.14}
+/* A ring in the surface colour keeps overlapping markers from merging into one blob. */
+.pire-chart-marker circle{stroke:var(--surface-card);stroke-width:2}
+
+/* ---- Charts: hover -------------------------------------------------------- */
+.pire-chart-hover{position:absolute;display:flex}
+.pire-chart-band{position:relative;flex:1 1 0}
+.pire-chart-band::before{content:"";position:absolute;inset-block:0;left:50%;width:1px;background:var(--border-strong);opacity:0}
+.pire-chart-band:hover::before{opacity:1}
+
+/* CSS-only, because the plot is aria-hidden and the data table already carries every value —
+   this is a pointer affordance, not the accessible path to the numbers. */
+.pire-chart-tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-2);box-shadow:var(--shadow-2);font:var(--type-caption);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;z-index:1}
+.pire-chart-tip-row{font-variant-numeric:tabular-nums;color:var(--text-secondary)}
+.pire-chart-band:hover .pire-chart-tip,.pire-chart-bar:hover .pire-chart-tip{opacity:1}
+.pire-chart-bar .pire-chart-tip{bottom:auto;top:50%;left:100%;transform:translate(var(--sp-2),-50%)}
+
+/* ---- Charts: donut -------------------------------------------------------- */
+.pire-chart-donut{position:relative;display:flex;align-items:center;justify-content:center}
+.pire-chart-arc{fill:none;transition:opacity var(--dur-base) var(--ease-standard)}
+.pire-chart-arc[data-hovered="true"]{opacity:.78}
+.pire-chart-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none}
+.pire-chart-donut-value{font:var(--type-numeric);font-variant-numeric:tabular-nums;color:var(--text-primary)}
+.pire-chart-donut-caption{font:var(--type-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
+
+.pire-chart-table table{width:100%;border-collapse:collapse;font:var(--type-caption)}
+.pire-chart-table caption{text-align:left;padding-block-end:var(--sp-2);color:var(--text-secondary)}
+.pire-chart-table th,.pire-chart-table td{padding:var(--sp-1) var(--sp-2);border-block-end:1px solid var(--border-subtle);text-align:left;color:var(--text-primary)}
+.pire-chart-table td{font-variant-numeric:tabular-nums}
+
 /* ---- Reduced motion --------------------------------------------------- */
 @media (prefers-reduced-motion: reduce){.pire-modal,.pire-toast,.pire-popover,.pire-tooltip,.pire-sidepanel{animation:none}
 /* The skeleton also drops its background sweep, not just the animation: an infinite shimmer is

package/dist/i18n/messages.d.cts

@@ -73,6 +73,12 @@ export interface PireMessages {
     fileUploadUploading: string;
     /** Instruction inside the drop surface. */
     fileDropZonePrompt: string;
+    /** Heading of the category column in a chart's data table. */
+    chartCategoryHeader: string;
+    /** Cell text where a chart series has no reading for a category. Never "0" — a gap is not a zero. */
+    chartNoValue: string;
+    /** Shown in place of the plot when a chart has nothing to draw. */
+    chartEmpty: string;
 }
 export declare const enMessages: PireMessages;
 export declare const esMessages: PireMessages;

package/dist/i18n/messages.d.ts

@@ -73,6 +73,12 @@ export interface PireMessages {
     fileUploadUploading: string;
     /** Instruction inside the drop surface. */
     fileDropZonePrompt: string;
+    /** Heading of the category column in a chart's data table. */
+    chartCategoryHeader: string;
+    /** Cell text where a chart series has no reading for a category. Never "0" — a gap is not a zero. */
+    chartNoValue: string;
+    /** Shown in place of the plot when a chart has nothing to draw. */
+    chartEmpty: string;
 }
 export declare const enMessages: PireMessages;
 export declare const esMessages: PireMessages;

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAE1B,qEAAqE;IACrE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,gBAAgB,EAAE,MAAM,CAAC;IAEzB,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IAEvB,6DAA6D;IAC7D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kEAAkE;IAClE,uBAAuB,EAAE,MAAM,CAAC;IAChC,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC;IAExB,qEAAqE;IACrE,sBAAsB,EAAE,MAAM,CAAC;IAC/B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,qBAAqB,EAAE,MAAM,CAAC;IAE9B,oDAAoD;IACpD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uEAAuE;IACvE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,qBAAqB,EAAE,MAAM,CAAC;IAE9B,mDAAmD;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAE9B,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC;IAErB,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,EAAE,YA8CxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YA8CxB,CAAC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAE1B,qEAAqE;IACrE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,gBAAgB,EAAE,MAAM,CAAC;IAEzB,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IAEvB,6DAA6D;IAC7D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kEAAkE;IAClE,uBAAuB,EAAE,MAAM,CAAC;IAChC,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC;IAExB,qEAAqE;IACrE,sBAAsB,EAAE,MAAM,CAAC;IAC/B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,qBAAqB,EAAE,MAAM,CAAC;IAE9B,oDAAoD;IACpD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uEAAuE;IACvE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,qBAAqB,EAAE,MAAM,CAAC;IAE9B,mDAAmD;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAE9B,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC;IAErB,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,wEAAwE;IACxE,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAE3B,8DAA8D;IAC9D,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qGAAqG;IACrG,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,YAkDxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAkDxB,CAAC"}