@plenustech/design-system 0.1.1

package/dist/reset.css

@@ -0,0 +1,79 @@
+/* ==========================================================================
+   Plenustech Design System — reset.css
+   Base de pagina, opcional. Importe em aplicacao nova, para herdar a
+   tipografia e o cromo do sistema:
+
+     import '@plenustech/design-system/reset.css';
+
+   Aplicacao existente pode dispensar: os componentes nao dependem daqui.
+   ========================================================================== */
+
+html {
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  background: var(--pl-bg);
+  color: var(--pl-text);
+  font-family: var(--pl-font-body);
+  font-size: var(--pl-type-body-size);
+  line-height: var(--pl-leading);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  font-family: var(--pl-font-heading);
+  font-weight: var(--pl-weight-semibold);
+  line-height: var(--pl-leading-tight);
+}
+
+p, figure, blockquote { margin: 0; }
+ul, ol { margin: 0; padding: 0; }
+img, svg, video { display: block; max-width: 100%; }
+
+a {
+  color: var(--pl-color-primary-active);
+  text-decoration: none;
+}
+
+a:hover { text-decoration: underline; }
+
+/* Controles nativos herdam a tipografia do contexto. */
+input, button, textarea, select {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+}
+
+select {
+  appearance: none;
+  -webkit-appearance: none;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2395989B' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");
+  background-repeat: no-repeat;
+  background-position: right 10px center;
+  padding-right: 30px;
+}
+
+::selection {
+  background: var(--pl-primary);
+  color: var(--pl-on-primary);
+}
+
+/* Foco visivel para o que a pagina traz. Os componentes do sistema definem o
+   proprio anel e nao dependem desta regra. */
+:focus-visible {
+  outline: 2px solid var(--pl-color-primary);
+  outline-offset: 2px;
+}
+
+::-webkit-scrollbar { width: 10px; height: 10px; }
+
+::-webkit-scrollbar-thumb {
+  background: var(--pl-border-strong);
+  border-radius: var(--pl-radius-md);
+  border: 3px solid transparent;
+  background-clip: content-box;
+}

package/dist/types/components/actions/Button/Button.d.ts

@@ -0,0 +1,9 @@
+import { type ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'soft' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/actions/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button.js';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './Button.js';

package/dist/types/components/charts/ChartArea/ChartArea.d.ts

@@ -0,0 +1,35 @@
+import { type AxisLabelAngle, type AxisVisibility, type ChartCurve, type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartAreaSeries extends SeriesAppearance {
+    label: string;
+    values: readonly (number | null)[];
+}
+export interface ChartAreaProps {
+    accent?: string;
+    categories: readonly string[];
+    curve?: ChartCurve;
+    defaultHiddenSeries?: readonly string[];
+    emptyMessage?: string;
+    formatValue?: (value: number) => string;
+    /**
+     * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca
+     * que nao parte do zero exagera a diferenca; para medidas que nao se comparam
+     * a ele — um ano, uma temperatura — desligue.
+     */
+    includeZero?: boolean;
+    height?: ChartHeight;
+    hiddenSeries?: readonly string[];
+    labelAngle?: AxisLabelAngle;
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSeriesChange?: (hidden: readonly string[]) => void;
+    series: readonly ChartAreaSeries[];
+    showDataLabels?: boolean;
+    showDots?: boolean;
+    stacked?: boolean;
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+export declare function ChartArea({ accent, categories, curve, defaultHiddenSeries, emptyMessage, formatValue, height, includeZero, hiddenSeries, labelAngle, legend, legendAlign, onHiddenSeriesChange, series, showDataLabels, showDots, stacked, title, xAxis, yAxis, yAxisRight, }: ChartAreaProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartArea/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartArea } from './ChartArea.js';
+export type { ChartAreaProps, ChartAreaSeries } from './ChartArea.js';

package/dist/types/components/charts/ChartBar/ChartBar.d.ts

@@ -0,0 +1,31 @@
+import { type AxisLabelAngle, type AxisVisibility, type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export type ChartBarOrientation = 'vertical' | 'horizontal';
+export interface ChartBarSeries extends SeriesAppearance {
+    label: string;
+    values: readonly number[];
+}
+export interface ChartBarProps {
+    accent?: string;
+    categories: readonly string[];
+    defaultHiddenSeries?: readonly string[];
+    emptyMessage?: string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenSeries?: readonly string[];
+    labelAngle?: AxisLabelAngle;
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSeriesChange?: (hidden: readonly string[]) => void;
+    /** Indice da categoria sob o ponteiro, ou `null` ao sair dela. */
+    onHoverCategory?: (index: number | null) => void;
+    orientation?: ChartBarOrientation;
+    series: readonly ChartBarSeries[];
+    showDataLabels?: boolean;
+    stacked?: boolean;
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+export declare function ChartBar({ accent, categories, defaultHiddenSeries, emptyMessage, formatValue, height, hiddenSeries, labelAngle, legend, legendAlign, onHiddenSeriesChange, onHoverCategory, orientation, series, showDataLabels, stacked, title, xAxis, yAxis, yAxisRight, }: ChartBarProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartBar } from './ChartBar.js';
+export type { ChartBarOrientation, ChartBarProps, ChartBarSeries } from './ChartBar.js';

package/dist/types/components/charts/ChartCombo/ChartCombo.d.ts

@@ -0,0 +1,44 @@
+import { type AxisLabelAngle, type AxisVisibility, type ChartCurve, type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export type ChartComboKind = 'bar' | 'line';
+/**
+ * Eixo de valor a que a serie pertence. A escolha e sempre do produto: o
+ * grafico nunca parte a escala por conta propria.
+ */
+export type ChartComboAxis = 'left' | 'right';
+export interface ChartComboSeries extends SeriesAppearance {
+    axis?: ChartComboAxis;
+    kind: ChartComboKind;
+    label: string;
+    values: readonly (number | null)[];
+}
+export interface ChartComboProps {
+    accent?: string;
+    categories: readonly string[];
+    curve?: ChartCurve;
+    defaultHiddenSeries?: readonly string[];
+    emptyMessage?: string;
+    formatRightValue?: (value: number) => string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenSeries?: readonly string[];
+    labelAngle?: AxisLabelAngle;
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSeriesChange?: (hidden: readonly string[]) => void;
+    /** Indice da categoria sob o ponteiro, ou `null` ao sair dela. */
+    onHoverCategory?: (index: number | null) => void;
+    series: readonly ChartComboSeries[];
+    showDataLabels?: boolean;
+    showDots?: boolean;
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+/**
+ * Barras e linhas sobre o mesmo eixo de categorias. Uma serie declara a que
+ * eixo de valor pertence; sem nenhuma a direita, o dominio e unico e o eixo
+ * direito espelha o esquerdo.
+ */
+export declare function ChartCombo({ accent, categories, curve, defaultHiddenSeries, emptyMessage, formatRightValue, formatValue, height, hiddenSeries, labelAngle, legend, legendAlign, onHiddenSeriesChange, onHoverCategory, series, showDataLabels, showDots, title, xAxis, yAxis, yAxisRight, }: ChartComboProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartCombo/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartCombo } from './ChartCombo.js';
+export type { ChartComboAxis, ChartComboKind, ChartComboProps, ChartComboSeries } from './ChartCombo.js';

package/dist/types/components/charts/ChartDonut/ChartDonut.d.ts

@@ -0,0 +1,31 @@
+import { type ChartHeight, type ChartLegendAlign, type ChartLegendPosition, type ChartSlice } from '../core/index.js';
+export type { ChartSlice as ChartDonutSlice };
+export interface ChartDonutProps {
+    accent?: string;
+    /** Texto sob o valor do centro, trocado pelo rotulo da fatia sob o ponteiro. */
+    centerLabel?: string;
+    defaultHiddenSlices?: readonly string[];
+    emptyMessage?: string;
+    formatPercent?: (ratio: number) => string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenSlices?: readonly string[];
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSlicesChange?: (hidden: readonly string[]) => void;
+    /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */
+    onHoverSlice?: (slice: ChartSlice | null) => void;
+    /** Rotulo da fatia que reune as pequenas. */
+    otherLabel?: string;
+    /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */
+    sliceRadius?: number;
+    showCenter?: boolean;
+    showLegendValues?: boolean;
+    slices: readonly ChartSlice[];
+    /** Fracao do total abaixo da qual a fatia entra no agrupamento. */
+    smallSliceThreshold?: number;
+    /** Espessura do anel, como fracao do raio. */
+    thickness?: number;
+    title: string;
+}
+export declare function ChartDonut({ accent, centerLabel, defaultHiddenSlices, emptyMessage, formatPercent, formatValue, height, hiddenSlices, legend, legendAlign, onHiddenSlicesChange, onHoverSlice, otherLabel, showCenter, showLegendValues, sliceRadius, slices, smallSliceThreshold, thickness, title, }: ChartDonutProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartDonut/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartDonut } from './ChartDonut.js';
+export type { ChartDonutProps, ChartDonutSlice } from './ChartDonut.js';

package/dist/types/components/charts/ChartLine/ChartLine.d.ts

@@ -0,0 +1,34 @@
+import { type AxisLabelAngle, type AxisVisibility, type ChartCurve, type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartLineSeries extends SeriesAppearance {
+    label: string;
+    values: readonly (number | null)[];
+}
+export interface ChartLineProps {
+    accent?: string;
+    categories: readonly string[];
+    curve?: ChartCurve;
+    defaultHiddenSeries?: readonly string[];
+    emptyMessage?: string;
+    formatValue?: (value: number) => string;
+    /**
+     * Inclui o zero no dominio do eixo de valor. Ligado por padrao, porque marca
+     * que nao parte do zero exagera a diferenca; para medidas que nao se comparam
+     * a ele — um ano, uma temperatura — desligue.
+     */
+    includeZero?: boolean;
+    height?: ChartHeight;
+    hiddenSeries?: readonly string[];
+    labelAngle?: AxisLabelAngle;
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSeriesChange?: (hidden: readonly string[]) => void;
+    series: readonly ChartLineSeries[];
+    showDataLabels?: boolean;
+    showDots?: boolean;
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+export declare function ChartLine({ accent, categories, curve, defaultHiddenSeries, emptyMessage, formatValue, height, includeZero, hiddenSeries, labelAngle, legend, legendAlign, onHiddenSeriesChange, series, showDataLabels, showDots, title, xAxis, yAxis, yAxisRight, }: ChartLineProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartLine/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartLine } from './ChartLine.js';
+export type { ChartLineProps, ChartLineSeries } from './ChartLine.js';

package/dist/types/components/charts/ChartPie/ChartPie.d.ts

@@ -0,0 +1,27 @@
+import { type ChartHeight, type ChartLegendAlign, type ChartLegendPosition, type ChartSlice } from '../core/index.js';
+export type { ChartSlice as ChartPieSlice };
+export interface ChartPieProps {
+    accent?: string;
+    defaultHiddenSlices?: readonly string[];
+    emptyMessage?: string;
+    formatPercent?: (ratio: number) => string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenSlices?: readonly string[];
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSlicesChange?: (hidden: readonly string[]) => void;
+    /** Fatia sob o ponteiro, ja agrupada, ou `null` ao sair dela. */
+    onHoverSlice?: (slice: ChartSlice | null) => void;
+    /** Rotulo da fatia que reune as pequenas. */
+    otherLabel?: string;
+    showDataLabels?: boolean;
+    showLegendValues?: boolean;
+    /** Raio dos cantos de cada fatia. Sem valor, o token de raio pequeno. */
+    sliceRadius?: number;
+    slices: readonly ChartSlice[];
+    /** Fracao do total abaixo da qual a fatia entra no agrupamento. */
+    smallSliceThreshold?: number;
+    title: string;
+}
+export declare function ChartPie({ accent, defaultHiddenSlices, emptyMessage, formatPercent, formatValue, height, hiddenSlices, legend, legendAlign, onHiddenSlicesChange, onHoverSlice, otherLabel, showDataLabels, showLegendValues, sliceRadius, slices, smallSliceThreshold, title, }: ChartPieProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartPie/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartPie } from './ChartPie.js';
+export type { ChartPieProps, ChartPieSlice } from './ChartPie.js';

package/dist/types/components/charts/ChartRadial/ChartRadial.d.ts

@@ -0,0 +1,32 @@
+import { type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartRadialTrack extends SeriesAppearance {
+    label: string;
+    /** Meta da medida. Sem ela, a meta e o maior valor entre os aneis. */
+    max?: number;
+    value: number;
+}
+export interface ChartRadialProps {
+    accent?: string;
+    /** Texto sob o valor do centro. Sem ele, o rotulo do primeiro anel. */
+    centerLabel?: string;
+    defaultHiddenTracks?: readonly string[];
+    emptyMessage?: string;
+    /** Angulo final da volta, em graus a partir do topo. Meia-lua usa 180. */
+    endAngle?: number;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenTracks?: readonly string[];
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenTracksChange?: (hidden: readonly string[]) => void;
+    showCenter?: boolean;
+    startAngle?: number;
+    /** Raio das pontas do arco. Sem valor, o token de raio pequeno. */
+    trackRadius?: number;
+    /** Espessura de cada anel, em pixels. */
+    thickness?: number;
+    title: string;
+    tracks: readonly ChartRadialTrack[];
+}
+export declare function ChartRadial({ accent, centerLabel, defaultHiddenTracks, emptyMessage, endAngle, formatValue, height, hiddenTracks, legend, legendAlign, onHiddenTracksChange, showCenter, startAngle, thickness, trackRadius, title, tracks, }: ChartRadialProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartRadial/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartRadial } from './ChartRadial.js';
+export type { ChartRadialProps, ChartRadialTrack } from './ChartRadial.js';

package/dist/types/components/charts/ChartSankey/ChartSankey.d.ts

@@ -0,0 +1,41 @@
+import { type ChartHeight } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartSankeyNode extends SeriesAppearance {
+    label: string;
+}
+export interface ChartSankeyFlow {
+    source: string;
+    target: string;
+    value: number;
+}
+/** Onde os nos sem saida se encostam, conforme a referencia. */
+export type ChartSankeyAlign = 'left' | 'right' | 'center' | 'justify';
+/** De onde a ligacao tira a cor: do no de origem, do de destino, ou de nenhum. */
+export type ChartSankeyFlowColor = 'source' | 'target' | 'neutral';
+/**
+ * Onde o valor da ligacao e escrito. O rotulo do no ocupa a faixa logo a
+ * direita dele, entao `end` e o unico que nunca disputa espaco com o rotulo da
+ * propria origem.
+ */
+export type ChartSankeyFlowValuePosition = 'start' | 'middle' | 'end';
+export interface ChartSankeyProps {
+    accent?: string;
+    /** Mensagem quando o fluxo tem ciclo, que um diagrama de fluxo nao representa. */
+    cyclicMessage?: string;
+    emptyMessage?: string;
+    flowColor?: ChartSankeyFlowColor;
+    flowValuePosition?: ChartSankeyFlowValuePosition;
+    flows: readonly ChartSankeyFlow[];
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    nodeAlign?: ChartSankeyAlign;
+    /** Ordem e aparencia dos nos. Sem ela, os nos saem das proprias ligacoes. */
+    nodes?: readonly ChartSankeyNode[];
+    /** Folga vertical entre dois nos da mesma coluna. */
+    nodePadding?: number;
+    nodeWidth?: number;
+    showFlowValues?: boolean;
+    showLabels?: boolean;
+    title: string;
+}
+export declare function ChartSankey({ accent, cyclicMessage, emptyMessage, flowColor, flowValuePosition, flows, formatValue, height, nodeAlign, nodes, nodePadding, nodeWidth, showFlowValues, showLabels, title, }: ChartSankeyProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartSankey/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartSankey } from './ChartSankey.js';
+export type { ChartSankeyAlign, ChartSankeyFlow, ChartSankeyFlowColor, ChartSankeyFlowValuePosition, ChartSankeyNode, ChartSankeyProps, } from './ChartSankey.js';

package/dist/types/components/charts/ChartScatter/ChartScatter.d.ts

@@ -0,0 +1,37 @@
+import { type AxisVisibility, type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartScatterPoint {
+    label?: string;
+    x: number;
+    y: number;
+    z?: number;
+}
+export interface ChartScatterSeries extends SeriesAppearance {
+    label: string;
+    points: readonly ChartScatterPoint[];
+}
+export interface ChartScatterProps {
+    accent?: string;
+    defaultHiddenSeries?: readonly string[];
+    emptyMessage?: string;
+    formatX?: (value: number) => string;
+    formatY?: (value: number) => string;
+    formatZ?: (value: number) => string;
+    /**
+     * Inclui o zero no dominio dos eixos. Ligado por padrao, porque barra que nao
+     * parte do zero exagera a diferenca; para medidas que nao se comparam a ele —
+     * um ano, uma temperatura — desligue.
+     */
+    includeZero?: boolean;
+    height?: ChartHeight;
+    hiddenSeries?: readonly string[];
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    onHiddenSeriesChange?: (hidden: readonly string[]) => void;
+    series: readonly ChartScatterSeries[];
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+export declare function ChartScatter({ accent, defaultHiddenSeries, emptyMessage, formatX, formatY, formatZ, height, includeZero, hiddenSeries, legend, legendAlign, onHiddenSeriesChange, series, title, xAxis, yAxis, yAxisRight, }: ChartScatterProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartScatter/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartScatter } from './ChartScatter.js';
+export type { ChartScatterPoint, ChartScatterProps, ChartScatterSeries } from './ChartScatter.js';

package/dist/types/components/charts/ChartSunburst/ChartSunburst.d.ts

@@ -0,0 +1,27 @@
+import { type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance } from '../palette/index.js';
+export interface ChartSunburstNode extends SeriesAppearance {
+    children?: readonly ChartSunburstNode[];
+    label: string;
+    value?: number;
+}
+export interface ChartSunburstProps {
+    accent?: string;
+    defaultHiddenGroups?: readonly string[];
+    emptyMessage?: string;
+    formatPercent?: (ratio: number) => string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    hiddenGroups?: readonly string[];
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    nodes: readonly ChartSunburstNode[];
+    onHiddenGroupsChange?: (hidden: readonly string[]) => void;
+    /** Folga entre dois aneis vizinhos. */
+    ringGap?: number;
+    /** Raio das pontas de cada arco. Sem valor, o token de raio pequeno. */
+    sliceRadius?: number;
+    showLabels?: boolean;
+    title: string;
+}
+export declare function ChartSunburst({ accent, defaultHiddenGroups, emptyMessage, formatPercent, formatValue, height, hiddenGroups, legend, legendAlign, nodes, onHiddenGroupsChange, ringGap, showLabels, sliceRadius, title, }: ChartSunburstProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartSunburst/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartSunburst } from './ChartSunburst.js';
+export type { ChartSunburstNode, ChartSunburstProps } from './ChartSunburst.js';

package/dist/types/components/charts/ChartTooltip/ChartTooltip.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+export interface ChartTooltipRow {
+    color?: string;
+    /** Realca a linha, como a serie sob o ponteiro entre as demais. */
+    emphasis?: boolean;
+    label: string;
+    values: readonly number[];
+}
+/** Como a linha de total resume uma coluna. A soma raramente serve a todas. */
+export type ChartTooltipTotal = 'sum' | 'average' | 'none' | ((values: readonly number[]) => number);
+export interface ChartTooltipColumn {
+    format?: (value: number) => string;
+    total?: ChartTooltipTotal;
+}
+export interface ChartTooltipComputed {
+    /** Coluna que serve de base. A ultima por padrao, que e a de valor. */
+    column?: number;
+    /** Valor da linha, a partir do valor dela e do total da coluna base. */
+    compute?: (value: number, total: number) => number;
+    format?: (value: number) => string;
+}
+export interface ChartTooltipProps {
+    children: ReactNode;
+    columns?: readonly ChartTooltipColumn[];
+    /** Coluna ao fim. Percentual sobre a base por padrao; `none` a dispensa. */
+    computed?: ChartTooltipComputed | 'none';
+    rows: readonly ChartTooltipRow[];
+    showTotal?: boolean;
+    subtitle?: string;
+    title?: string;
+    totalLabel?: string;
+}
+/**
+ * Leitura das medidas sob o ponteiro, em portal sobre a pagina. Ele acompanha o
+ * cursor enquanto este percorre a area e sai a qualquer outra interacao.
+ *
+ * Nao conhece grafico algum: recebe linhas e colunas, e quem as monta e quem o
+ * usa. E decorativo para leitor de tela: o desenho e `role="img"`, apresentado
+ * como imagem unica, e a leitura medida a medida cabe a visao em tabela.
+ */
+export declare function ChartTooltip({ children, columns, computed, rows, showTotal, subtitle, title, totalLabel, }: ChartTooltipProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartTooltip } from './ChartTooltip.js';
+export type { ChartTooltipColumn, ChartTooltipComputed, ChartTooltipProps, ChartTooltipRow, ChartTooltipTotal, } from './ChartTooltip.js';

package/dist/types/components/charts/ChartTreemap/ChartTreemap.d.ts

@@ -0,0 +1,30 @@
+import { type ChartHeight, type ChartLegendAlign, type ChartLegendPosition } from '../core/index.js';
+import { type SeriesAppearance, type SeriesIntent } from '../palette/index.js';
+export interface ChartTreemapNode extends SeriesAppearance {
+    children?: readonly ChartTreemapNode[];
+    label: string;
+    value?: number;
+}
+export interface ChartTreemapProps {
+    accent?: string;
+    defaultHiddenGroups?: readonly string[];
+    emptyMessage?: string;
+    formatValue?: (value: number) => string;
+    /** Folga entre dois retangulos vizinhos. */
+    gap?: number;
+    height?: ChartHeight;
+    hiddenGroups?: readonly string[];
+    /**
+     * Nome de cada intencao na legenda. Informado, a legenda deixa de listar os
+     * grupos e passa a nomear as cores: e o caso do mapa colorido por status,
+     * onde o que a legenda explica e o significado da cor, nao a categoria.
+     */
+    intentLabels?: Partial<Record<SeriesIntent, string>>;
+    legend?: ChartLegendPosition;
+    legendAlign?: ChartLegendAlign;
+    nodes: readonly ChartTreemapNode[];
+    onHiddenGroupsChange?: (hidden: readonly string[]) => void;
+    showDataLabels?: boolean;
+    title: string;
+}
+export declare function ChartTreemap({ accent, defaultHiddenGroups, emptyMessage, formatValue, gap, height, hiddenGroups, intentLabels, legend, legendAlign, nodes, onHiddenGroupsChange, showDataLabels, title, }: ChartTreemapProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartTreemap/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartTreemap } from './ChartTreemap.js';
+export type { ChartTreemapNode, ChartTreemapProps } from './ChartTreemap.js';

package/dist/types/components/charts/ChartWaterfall/ChartWaterfall.d.ts

@@ -0,0 +1,24 @@
+import { type AxisLabelAngle, type AxisVisibility, type ChartHeight } from '../core/index.js';
+import { type SeriesIntent } from '../palette/index.js';
+export interface ChartWaterfallStep {
+    color?: string;
+    intent?: SeriesIntent;
+    label: string;
+    total?: boolean;
+    value: number;
+}
+export interface ChartWaterfallProps {
+    emptyMessage?: string;
+    formatValue?: (value: number) => string;
+    height?: ChartHeight;
+    labelAngle?: AxisLabelAngle;
+    /** Indice do passo sob o ponteiro, ou `null` ao sair dele. */
+    onHoverStep?: (index: number | null) => void;
+    showDataLabels?: boolean;
+    steps: readonly ChartWaterfallStep[];
+    title: string;
+    xAxis?: AxisVisibility;
+    yAxis?: AxisVisibility;
+    yAxisRight?: AxisVisibility;
+}
+export declare function ChartWaterfall({ emptyMessage, formatValue, height, labelAngle, onHoverStep, showDataLabels, steps, title, xAxis, yAxis, yAxisRight, }: ChartWaterfallProps): import("react").JSX.Element;

package/dist/types/components/charts/ChartWaterfall/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartWaterfall } from './ChartWaterfall.js';
+export type { ChartWaterfallProps, ChartWaterfallStep } from './ChartWaterfall.js';

package/dist/types/components/charts/core/Axis.d.ts

@@ -0,0 +1,18 @@
+import type { AxisLabelRotation } from './cartesianLayout.js';
+export type AxisOrientation = 'bottom' | 'left' | 'right';
+export interface AxisTick {
+    label: string;
+    position: number;
+}
+export interface AxisProps {
+    hideLine?: boolean;
+    labelRotation?: AxisLabelRotation;
+    length: number;
+    orientation: AxisOrientation;
+    ticks: readonly AxisTick[];
+}
+/**
+ * Eixo de um grafico cartesiano. Recebe as marcas ja posicionadas: a conversao
+ * de valor em pixel pertence a escala, nao ao desenho.
+ */
+export declare function Axis({ hideLine, labelRotation, length, orientation, ticks }: AxisProps): import("react").JSX.Element;

package/dist/types/components/charts/core/BandCursor.d.ts

@@ -0,0 +1,15 @@
+import type { ChartPlot } from './cartesianLayout.js';
+export type BandOrientation = 'vertical' | 'horizontal';
+export interface BandCursorProps {
+    /** Comeco da faixa no eixo de categorias. */
+    offset: number;
+    orientation?: BandOrientation;
+    plot: ChartPlot;
+    /** Largura da faixa, que e a banda da escala de categorias. */
+    size: number;
+}
+/**
+ * Realce da faixa sob o ponteiro, atras das marcas. Na vertical ele e uma
+ * coluna e na horizontal uma linha: so o eixo troca.
+ */
+export declare function BandCursor({ offset, orientation, plot, size }: BandCursorProps): import("react").JSX.Element;