@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/data-display/Carousel/Carousel.types.d.ts

@@ -0,0 +1,76 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { CSSProperties, ReactNode } from 'react';
+export interface CarouselItem {
+    id: string;
+    content: ReactNode;
+    title?: string;
+    description?: string;
+    image?: string;
+    alt?: string;
+}
+export interface CarouselProps {
+    items: CarouselItem[];
+    variant?: 'default' | 'glass' | 'gradient' | 'elevated' | 'minimal' | 'cards';
+    size?: SizeValue;
+    color?: ColorValue;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    loop?: boolean;
+    showIndicators?: boolean;
+    showArrows?: boolean;
+    showThumbnails?: boolean;
+    fade?: boolean;
+    glow?: boolean;
+    pulse?: boolean;
+    glass?: boolean;
+    gradient?: boolean;
+    ripple?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    height?: number | string;
+    width?: number | string;
+    spacing?: number;
+    slidesPerView?: number;
+    centerMode?: boolean;
+    pauseOnHover?: boolean;
+    onClick?: (item: CarouselItem, index: number) => void;
+    onChange?: (index: number) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    indicatorPosition?: 'top' | 'bottom' | 'left' | 'right';
+    arrowPosition?: 'inside' | 'outside' | 'overlay';
+    animation?: 'slide' | 'fade' | 'zoom' | 'flip';
+}
+export interface CarouselIndicatorsProps {
+    count: number;
+    activeIndex: number;
+    onSelect: (index: number) => void;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    color?: ColorValue;
+    variant?: 'dots' | 'lines' | 'numbers';
+    className?: string;
+    style?: CSSProperties;
+}
+export interface CarouselArrowsProps {
+    onPrev: () => void;
+    onNext: () => void;
+    position?: 'inside' | 'outside' | 'overlay';
+    disabled?: boolean;
+    disablePrev?: boolean;
+    disableNext?: boolean;
+    color?: ColorValue;
+    size?: SizeValue;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface CarouselThumbnailsProps {
+    items: CarouselItem[];
+    activeIndex: number;
+    onSelect: (index: number) => void;
+    size?: SizeValue;
+    className?: string;
+    style?: CSSProperties;
+}
+//# sourceMappingURL=Carousel.types.d.ts.map

package/dist/types/components/data-display/Carousel/Carousel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Carousel/Carousel.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/data-display/Carousel/index.d.ts

@@ -0,0 +1,3 @@
+export { Carousel, CarouselArrows, CarouselIndicators, CarouselThumbnails } from './Carousel';
+export type { CarouselArrowsProps, CarouselIndicatorsProps, CarouselItem, CarouselProps, CarouselThumbnailsProps, } from './Carousel.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/data-display/Carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC9F,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,aAAa,EACb,uBAAuB,GACxB,MAAM,kBAAkB,CAAC"}

package/dist/types/components/data-display/Chart/Chart.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChartProps } from './Chart.types';
+export declare const Chart: React.FC<ChartProps>;
+//# sourceMappingURL=Chart.d.ts.map

package/dist/types/components/data-display/Chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/Chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0DhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyCtC,CAAC"}

package/dist/types/components/data-display/Chart/Chart.types.d.ts

@@ -0,0 +1,109 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { CSSProperties } from 'react';
+export type ChartType = 'line' | 'bar' | 'area' | 'pie' | 'radar' | 'scatter' | 'composed';
+export interface ChartDataPoint {
+    [key: string]: string | number | null;
+}
+export interface ChartSeries {
+    dataKey: string;
+    name?: string;
+    color?: string;
+    type?: 'line' | 'bar' | 'area';
+    strokeWidth?: number;
+    fill?: string;
+    fillOpacity?: number;
+    strokeDasharray?: string;
+    dot?: boolean;
+    activeDot?: boolean;
+    label?: boolean;
+    stackId?: string;
+}
+export interface ChartProps {
+    data: ChartDataPoint[];
+    series?: ChartSeries[];
+    type?: ChartType;
+    variant?: 'default' | 'glass' | 'gradient' | 'elevated' | 'minimal' | 'neon';
+    size?: SizeValue;
+    color?: ColorValue;
+    height?: number;
+    width?: number | string;
+    glow?: boolean;
+    pulse?: boolean;
+    glass?: boolean;
+    gradient?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    title?: string;
+    subtitle?: string;
+    xAxisKey?: string;
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    showCartesianGrid?: boolean;
+    animate?: boolean;
+    animationDuration?: number;
+    onClick?: (data: ChartDataPoint) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    colors?: string[];
+    curved?: boolean;
+    stacked?: boolean;
+    percentage?: boolean;
+    showValues?: boolean;
+    responsive?: boolean;
+    innerRadius?: number;
+    centerLabel?: string | {
+        label: string;
+        value: string | number;
+    };
+    /** Formats numeric tooltip values and y-axis ticks (e.g. centavos → BRL). */
+    valueFormatter?: (value: number) => string;
+    /**
+     * Whether the value axis may place ticks between whole numbers. Default true.
+     *
+     * Set it false for a metric that only takes whole values — a COUNT. Recharts
+     * spaces ticks evenly across the domain, so a count topping out at 2 gets
+     * 0/0.5/1/1.5/2; an integer `valueFormatter` then renders that as
+     * `0, 1, 1, 2, 2`, and the axis reads as though it repeats itself (FUT-755).
+     * Formatting alone cannot fix it — the duplicate ticks are already chosen by
+     * the time the formatter runs.
+     */
+    allowDecimalTicks?: boolean;
+    /**
+     * Cap on how many category-axis labels are drawn. Default 8; above it every
+     * nth label is kept, the LAST one always among them. Recharts' own
+     * width-aware thinning still runs on top, so a narrow viewport drops more.
+     */
+    maxCategoryTicks?: number;
+    /** Category tick labels longer than this are truncated with an ellipsis. Default 12. */
+    tickLabelMaxChars?: number;
+    /**
+     * Take the height of the box this chart is placed in, rather than the size
+     * preset's fixed one.
+     *
+     * For a host that has already sized the chart's container — a dashboard cell
+     * with a chosen height, say. The preset is a sensible default precisely
+     * because most callers have NOT sized anything, so this is opt-in: without
+     * it a chart in a box with no definite height would collapse to nothing.
+     */
+    fillHeight?: boolean;
+    /** Bar corner radius in px (top corners only; stacked segments stay square). Default 3. */
+    barRadius?: number;
+    /**
+     * Cap on a single bar's thickness in px. Default 38 — it is also what keeps
+     * the first and last bar clear of the chart frame in a wide card.
+     */
+    maxBarWidth?: number;
+    'data-testid'?: string;
+}
+//# sourceMappingURL=Chart.types.d.ts.map

package/dist/types/components/data-display/Chart/Chart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/Chart.types.ts"],"names":[],"mappings":"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"}

package/dist/types/components/data-display/Chart/ChartComposables.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Tooltip } from 'recharts';
+/**
+ * Raw chart composables (Squire's ChartConfig pattern, MUI-themed): a
+ * responsive container plus themed tooltip/legend content renderers. The
+ * prop-driven `Chart` uses these internally; consumers building bespoke
+ * Recharts compositions can reuse them directly.
+ */
+/** Recharts' Tooltip/Legend re-exported so bespoke compositions can pair them
+ * with the themed content renderers below. */
+export declare const ChartTooltip: typeof Tooltip;
+export declare const ChartLegend: React.MemoExoticComponent<(outsideProps: import("recharts").LegendProps) => React.ReactPortal | null>;
+export interface ChartContainerProps {
+    /**
+     * A number of pixels, or a PERCENTAGE of the box this container is given.
+     *
+     * The difference is not cosmetic: Recharts sizes the chart from the number
+     * when it is one and only MEASURES its own box when it is a percentage
+     * (`calculateChartDimensions`). So a container stretched by its parent's
+     * layout goes on drawing a 300px chart inside a 600px box — visibly, as
+     * blank space under the plot — until the height is handed over as a percent.
+     */
+    height: number | `${number}%`;
+    width?: number | string;
+    responsive?: boolean;
+    children: React.ReactElement;
+    'data-testid'?: string;
+}
+/** Responsive wrapper for a Recharts chart element. */
+export declare const ChartContainer: React.FC<ChartContainerProps>;
+interface TooltipEntry {
+    name?: string | number;
+    value?: string | number;
+    color?: string;
+}
+export interface ChartTooltipContentProps {
+    active?: boolean;
+    label?: string | number;
+    payload?: TooltipEntry[];
+    /** Formats numeric values (e.g. centavos → BRL). */
+    valueFormatter?: (value: number) => string;
+}
+/** Theme-aware tooltip content (light/dark correct, semantic colors only). */
+export declare const ChartTooltipContent: React.FC<ChartTooltipContentProps>;
+export interface ChartLegendContentProps {
+    payload?: Array<{
+        value?: string | number;
+        color?: string;
+    }>;
+}
+/** Theme-aware legend content matching the tooltip's swatch styling. */
+export declare const ChartLegendContent: React.FC<ChartLegendContentProps>;
+export {};
+//# sourceMappingURL=ChartComposables.d.ts.map

package/dist/types/components/data-display/Chart/ChartComposables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartComposables.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/ChartComposables.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhE;;;;;GAKG;AAEH;8CAC8C;AAC9C,eAAO,MAAM,YAAY,gBAAU,CAAC;AACpC,eAAO,MAAM,WAAW,uGAAS,CAAC;AAElC,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;OAQG;IACH,MAAM,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmBxD,CAAC;AAEF,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,oDAAoD;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED,8EAA8E;AAC9E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmClE,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D;AAED,wEAAwE;AACxE,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiBhE,CAAC"}

package/dist/types/components/data-display/Chart/ChartSpec.types.d.ts

@@ -0,0 +1,69 @@
+import type { ColorValue } from '../../../tokens/scales';
+/**
+ * JSON-serializable chart specification — the declarative surface of the raw
+ * chart library. A `ChartSpec` plus plain data rows fully describes a rendered
+ * chart, so specs can be persisted, transmitted and authored by report
+ * builders or LLMs without touching component code. Colors are semantic theme
+ * tokens (never raw hex) so light/dark rendering stays correct.
+ */
+/** Built-in chart types. New types can be added via the renderer registry. */
+export type ChartSpecType = 'line' | 'bar' | 'area' | 'pie' | 'donut';
+/**
+ * Semantic color token resolved against the MUI palette at render time.
+ * Specs must not carry raw color values.
+ */
+/**
+ * The house vocabulary minus `neutral`: a data series is always an accent, and
+ * an unaccented series would be indistinguishable from the grid it sits on.
+ */
+export type ChartSemanticColor = ColorValue;
+/**
+ * Number formatting applied to tooltip values and the y axis.
+ * `brl` treats values as integer centavos (the repo-wide money convention)
+ * and renders them as reais, e.g. `123456` → `R$ 1.234,56`.
+ * `percent` treats values as fractions, e.g. `0.153` → `15,3%`.
+ */
+export type ChartNumberFormat = 'brl' | 'percent' | 'compact' | 'integer' | 'decimal';
+export interface ChartSpecSeries {
+    /** Row property holding this series' value. */
+    key: string;
+    /** Legend/tooltip label; defaults to `key`. */
+    label?: string;
+    /** Semantic color token; defaults to cycling the spec's color scheme. */
+    color?: ChartSemanticColor;
+}
+export interface ChartSpecAxis {
+    /** Row property plotted on the category (x) axis — for pie/donut, the slice name. */
+    key: string;
+    label?: string;
+}
+export interface ChartSpec {
+    type: ChartSpecType;
+    title?: string;
+    subtitle?: string;
+    xAxis: ChartSpecAxis;
+    yAxis?: {
+        label?: string;
+    };
+    /** At least one series. Pie/donut charts read slice values from the first series. */
+    series: ChartSpecSeries[];
+    /** Stack cartesian series instead of grouping them side by side. */
+    stacked?: boolean;
+    /** Show the legend (default true). */
+    legend?: boolean;
+    /** Show the tooltip (default true). */
+    tooltip?: boolean;
+    numberFormat?: ChartNumberFormat;
+    /** Palette cycled across series without an explicit color. */
+    colorScheme?: ChartSemanticColor[];
+    /** Smooth (monotone) lines/areas (default true). */
+    curved?: boolean;
+    /** Chart height in px; defaults to the host component's size. */
+    height?: number;
+    /** Center label rendered inside a donut chart. */
+    centerLabel?: string | {
+        label: string;
+        value: string | number;
+    };
+}
+//# sourceMappingURL=ChartSpec.types.d.ts.map

package/dist/types/components/data-display/Chart/ChartSpec.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartSpec.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/ChartSpec.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD;;;;;;GAMG;AAEH,8EAA8E;AAC9E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAEtE;;;GAGG;AACH;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3B,qFAAqF;IACrF,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAClE"}

package/dist/types/components/data-display/Chart/SpecChart.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ChartDataPoint } from './Chart.types';
+import type { ChartSpec } from './ChartSpec.types';
+export interface SpecChartProps {
+    /** Validated spec — parse untrusted JSON with `parseChartSpec` first. */
+    spec: ChartSpec;
+    data: ChartDataPoint[];
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Take the height of the box this chart is placed in — see `ChartProps`. */
+    fillHeight?: boolean;
+    loading?: boolean;
+    className?: string;
+    onClick?: (point: ChartDataPoint) => void;
+    'data-testid'?: string;
+}
+/**
+ * Renders a chart from a JSON-serializable {@link ChartSpec} plus plain data
+ * rows. Layered over the prop-driven `Chart` (one implementation); semantic
+ * color tokens resolve against the active MUI theme at render time.
+ */
+export declare const SpecChart: React.FC<SpecChartProps>;
+//# sourceMappingURL=SpecChart.d.ts.map

package/dist/types/components/data-display/Chart/SpecChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/SpecChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAsB,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIvE,MAAM,WAAW,cAAc;IAC7B,yEAAyE;IACzE,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8B9C,CAAC"}

package/dist/types/components/data-display/Chart/chart-axis.d.ts

@@ -0,0 +1,37 @@
+import type { ChartDataPoint, ChartProps } from './Chart.types';
+/**
+ * Thin a category axis to at most `maxTicks` labels, keeping every nth.
+ *
+ * The walk runs from the END so the last category is always labelled — the
+ * most recent day/bucket is the one a reader looks for first. Returns
+ * `undefined` when everything already fits, which leaves Recharts' own
+ * width-aware thinning in charge of the common small-data case.
+ *
+ * Also `undefined` when a value repeats: Recharts places an explicit tick by
+ * looking its value up in the scale, so a duplicate would land the label on
+ * the first row that carries it rather than on the row it was picked for.
+ */
+export declare function selectCategoryTicks(values: ReadonlyArray<string | number>, maxTicks: number): Array<string | number> | undefined;
+/** The category-axis values of `data`, in row order, skipping empty cells. */
+export declare function categoryValues(data: ReadonlyArray<ChartDataPoint>, xAxisKey: string): Array<string | number>;
+/** Shorten a tick label to `maxChars`, ellipsis included, never mid-render. */
+export declare function truncateTickLabel(value: unknown, maxChars: number): string;
+/** Resolved geometry for the shared cartesian axes. */
+export interface CartesianAxisConfig {
+    /** Gap between an axis line and its tick labels, px. */
+    tickMargin: number;
+    /** Explicit category ticks once thinning applies; `undefined` = Recharts decides. */
+    categoryTicks: Array<string | number> | undefined;
+    /** Category tick label formatter (truncation). */
+    tickFormatter: (value: unknown) => string;
+}
+/** Resolved geometry for bar series. */
+export interface BarGeometry {
+    /** Per-corner radius, top corners only; `0` for stacked segments. */
+    radius: number | [number, number, number, number];
+    /** Cap on a bar's thickness, px — also what keeps bars off the frame. */
+    maxBarSize: number;
+}
+export declare function resolveAxisConfig(props: ChartProps, tickMargin: number): CartesianAxisConfig;
+export declare function resolveBarGeometry(props: ChartProps): BarGeometry;
+//# sourceMappingURL=chart-axis.d.ts.map

package/dist/types/components/data-display/Chart/chart-axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-axis.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-axis.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgChE;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,EAAE,MAAM,GACf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAUpC;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAC5B,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EACnC,QAAQ,EAAE,MAAM,GACf,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAOxB;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI1E;AAED,uDAAuD;AACvD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,aAAa,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAClD,kDAAkD;IAClD,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC;CAC3C;AAED,wCAAwC;AACxC,MAAM,WAAW,WAAW;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClD,yEAAyE;IACzE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAU5F;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,CAQjE"}

package/dist/types/components/data-display/Chart/chart-context.d.ts

@@ -0,0 +1,39 @@
+import type { Theme } from '@mui/material';
+import type { CSSProperties } from 'react';
+import type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';
+import { type BarGeometry, type CartesianAxisConfig } from './chart-axis';
+import { type SizeStyles } from './chart-internals';
+/**
+ * Everything the per-type renderers in `chart-renderers.tsx` read, resolved
+ * once from props + theme. Kept out of that file so each renderer is a small
+ * JSX function over already-decided values — palette, series, axis geometry,
+ * bar geometry — rather than a place where those decisions get made again
+ * slightly differently.
+ */
+export interface ChartRenderContext {
+    props: ChartProps;
+    theme: Theme;
+    sizeStyles: SizeStyles;
+    chartColors: string[];
+    chartSeries: ChartSeries[];
+    strokeType: 'monotone' | 'linear';
+    axisStyle: CSSProperties;
+    gridStroke: string;
+    /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */
+    gridOpacity: number;
+    axisConfig: CartesianAxisConfig;
+    barGeometry: BarGeometry;
+    animationDuration: number;
+    commonProps: {
+        data: ChartDataPoint[];
+        margin: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        };
+        onClick: (payload: unknown) => void;
+    };
+}
+export declare function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext;
+//# sourceMappingURL=chart-context.d.ts.map

package/dist/types/components/data-display/Chart/chart-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAyC,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACjH,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,mBAAmB,CAAC;AAE3B;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,mBAAmB,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE;QACX,IAAI,EAAE,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACzE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;KACrC,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,kBAAkB,CAiCrF"}

package/dist/types/components/data-display/Chart/chart-format.d.ts

@@ -0,0 +1,11 @@
+import type { ChartNumberFormat } from './ChartSpec.types';
+/**
+ * Format a chart value with one of the serializable number formats.
+ * `brl` expects integer centavos (repo-wide money convention); `percent`
+ * expects a fraction (0.15 → "15%"). Non-finite values render as an empty
+ * string so a null-ish row never draws "NaN" into a tooltip or axis.
+ */
+export declare function formatChartValue(value: number, format?: ChartNumberFormat): string;
+/** Curried {@link formatChartValue}, memo-friendly for tooltip/axis props. */
+export declare function chartValueFormatter(format?: ChartNumberFormat): (value: number) => string;
+//# sourceMappingURL=chart-format.d.ts.map

package/dist/types/components/data-display/Chart/chart-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-format.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAU3D;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,GAAE,iBAA6B,GAAG,MAAM,CAI7F;AAED,8EAA8E;AAC9E,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEzF"}

package/dist/types/components/data-display/Chart/chart-internals.d.ts

@@ -0,0 +1,53 @@
+import { type Theme } from '@mui/material';
+import type { CSSProperties } from 'react';
+import type { ChartProps, ChartSeries } from './Chart.types';
+/**
+ * Non-JSX internals of the prop-driven Chart: size/variant styling, palette
+ * resolution and series auto-detection. Split from Chart.tsx to keep every
+ * function inside the repo's complexity budget.
+ */
+export interface SizeStyles {
+    height: number;
+    fontSize: string;
+    /**
+     * Gap between an axis line and its tick labels, px.
+     *
+     * Recharts' default of 2 is not enough. The bottom VALUE tick is centred on
+     * the x-axis line, so its text box reaches ~0.79em BELOW that line, while
+     * the category labels begin 2px under the 6px tick mark — the two collide at
+     * the axis corner, at every viewport. Each value below is ~0.8em of its own
+     * font size, which clears the value label's descender with ~6px to spare.
+     */
+    tickMargin: number;
+}
+export declare function getSizeStyles(size: ChartProps['size'], height?: number): SizeStyles;
+export declare function getDefaultColors(theme: Theme, variant: ChartProps['variant'], colors?: string[]): string[];
+type SxStyles = Record<string, unknown>;
+interface VariantOptions {
+    variant: NonNullable<ChartProps['variant']>;
+    color: NonNullable<ChartProps['color']>;
+    glow: boolean;
+    pulse: boolean;
+    glass: boolean;
+    gradient: boolean;
+    disabled: boolean;
+}
+export declare function getVariantStyles(theme: Theme, options: VariantOptions): SxStyles;
+/** Explicit series, or one series per non-axis key found in the first row. */
+export declare function resolveSeries(data: ChartProps['data'], series: ChartSeries[] | undefined, xAxisKey: string, palette: string[]): ChartSeries[];
+interface AxisTextStyles {
+    axisStyle: CSSProperties;
+    gridStroke: string;
+    /**
+     * Multiplier applied to `gridStroke`'s own alpha. Gridlines must read one
+     * step BELOW the card border — the border is `divider`, so half of it —
+     * without being dashed at data weight. Expressing the step as an opacity
+     * rather than a second colour keeps it derived from the theme's divider
+     * whatever form that takes (rgba, hex, or a CSS variable, which the colour
+     * helpers cannot decompose).
+     */
+    gridOpacity: number;
+}
+export declare function getAxisStyles(theme: Theme, variant: ChartProps['variant'], fontSize: string): AxisTextStyles;
+export {};
+//# sourceMappingURL=chart-internals.d.ts.map

package/dist/types/components/data-display/Chart/chart-internals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-internals.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-internals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG7D;;;;GAIG;AAEH,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;;;;OAQG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAGnF;AAID,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAW1G;AAED,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExC,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5C,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiDD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,GAAG,QAAQ,CAWhF;AAED,8EAA8E;AAC9E,wBAAgB,aAAa,CAC3B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EACjC,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EAAE,GAChB,WAAW,EAAE,CAUf;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,CAa5G"}

package/dist/types/components/data-display/Chart/chart-renderers.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@mui/material';
+import React from 'react';
+import type { ChartProps } from './Chart.types';
+/** Render the Recharts element for the requested chart type. */
+export declare function renderChartByType(props: ChartProps, theme: Theme): React.ReactElement;
+//# sourceMappingURL=chart-renderers.d.ts.map

package/dist/types/components/data-display/Chart/chart-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-renderers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-renderers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAyS7D,gEAAgE;AAChE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAIrF"}

package/dist/types/components/data-display/Chart/chart-spec-registry.d.ts

@@ -0,0 +1,21 @@
+import type { ChartProps } from './Chart.types';
+import type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';
+/**
+ * Renderer registry — the seam that lets new chart types be added without
+ * touching consumers. A renderer maps a validated spec to the prop fragment
+ * specific to its chart type; shared props (data, axes, legend, tooltip,
+ * formatting) are derived once in `specToChartProps`.
+ */
+export interface ChartSpecRenderContext {
+    /**
+     * Resolve a semantic color token to a concrete theme color. `index` is the
+     * series position, used to cycle the spec's color scheme when the series
+     * has no explicit token.
+     */
+    resolveColor: (token: ChartSemanticColor | undefined, index: number) => string;
+}
+export type ChartSpecRenderer = (spec: ChartSpec, ctx: ChartSpecRenderContext) => Partial<ChartProps>;
+export declare function registerChartSpecRenderer(type: string, renderer: ChartSpecRenderer): void;
+export declare function getChartSpecRenderer(type: string): ChartSpecRenderer | undefined;
+export declare function getRegisteredChartSpecTypes(): string[];
+//# sourceMappingURL=chart-spec-registry.d.ts.map

package/dist/types/components/data-display/Chart/chart-spec-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-spec-registry.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-spec-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;GAKG;AAEH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChF;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC;AAItG,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAEzF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAEhF;AAED,wBAAgB,2BAA2B,IAAI,MAAM,EAAE,CAEtD"}

package/dist/types/components/data-display/Chart/chart-spec.d.ts

@@ -0,0 +1,31 @@
+import type { ChartDataPoint, ChartProps } from './Chart.types';
+import type { ChartSemanticColor, ChartSpec } from './ChartSpec.types';
+import { type ChartSpecRenderContext } from './chart-spec-registry';
+/**
+ * BREAKING FOR STORED SPECS, not just for types.
+ *
+ * A chart spec is DATA — it is authored as JSON and can be persisted — and this
+ * list is validated at runtime, so a saved spec carrying `"error"` now throws
+ * `ChartSpecError` instead of silently drawing. That is the right failure (the
+ * alternative is a series quietly losing its colour), but unlike the rest of
+ * this migration a type-check will not find the affected specs: anything stored
+ * outside the repo has to be rewritten `error` → `danger`.
+ */
+export declare const CHART_SEMANTIC_COLORS: readonly ChartSemanticColor[];
+/** Error thrown when an unknown/invalid spec is parsed. Message is written to
+ * be actionable for programmatic authors (builders, LLMs). */
+export declare class ChartSpecError extends Error {
+    constructor(message: string);
+}
+/**
+ * Validate an untrusted value (e.g. JSON from storage or an LLM) into a
+ * `ChartSpec`. Throws {@link ChartSpecError} with an actionable message on
+ * the first problem found.
+ */
+export declare function parseChartSpec(input: unknown): ChartSpec;
+/**
+ * Derive the prop-driven `Chart` props for a validated spec. The spec API is
+ * layered on top of the existing component — one rendering implementation.
+ */
+export declare function specToChartProps(spec: ChartSpec, data: ChartDataPoint[], ctx: ChartSpecRenderContext): ChartProps;
+//# sourceMappingURL=chart-spec.d.ts.map

package/dist/types/components/data-display/Chart/chart-spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chart/chart-spec.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAmB,MAAM,mBAAmB,CAAC;AAExF,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAC;AAE/B;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,kBAAkB,EAO9D,CAAC;AAIF;8DAC8D;AAC9D,qBAAa,cAAe,SAAQ,KAAK;gBAC3B,OAAO,EAAE,MAAM;CAI5B;AAqFD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAuBxD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,cAAc,EAAE,EACtB,GAAG,EAAE,sBAAsB,GAC1B,UAAU,CAuBZ"}

package/dist/types/components/data-display/Chart/index.d.ts

@@ -0,0 +1,12 @@
+export { Chart } from './Chart';
+export type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';
+export { SpecChart } from './SpecChart';
+export type { SpecChartProps } from './SpecChart';
+export type { ChartNumberFormat, ChartSemanticColor, ChartSpec, ChartSpecAxis, ChartSpecSeries, ChartSpecType, } from './ChartSpec.types';
+export { CHART_SEMANTIC_COLORS, ChartSpecError, parseChartSpec, specToChartProps } from './chart-spec';
+export { chartValueFormatter, formatChartValue } from './chart-format';
+export { getChartSpecRenderer, getRegisteredChartSpecTypes, registerChartSpecRenderer, } from './chart-spec-registry';
+export type { ChartSpecRenderContext, ChartSpecRenderer } from './chart-spec-registry';
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from './ChartComposables';
+export type { ChartContainerProps, ChartLegendContentProps, ChartTooltipContentProps, } from './ChartComposables';
+//# sourceMappingURL=index.d.ts.map