@selectwin/kit 0.1.121 → 0.1.123

package/dist/SelectDataTable.d.ts

@@ -62,7 +62,7 @@ export interface SelectDataColumn<T> {
  * guards mirror SelectMoney — storage unavailable = in-memory only.
  */
 export declare function useSelectPageSize(key: string, fallback: number, options?: number[]): [number, (size: number) => void];
-export declare function SelectDataTable<T>({ columns, items, getId, loading, empty, pagination, onRowClick, title, help, description, action, filters, columnsKey, getChildren, defaultExpanded, }: {
+export declare function SelectDataTable<T>({ columns, items, getId, loading, empty, pagination, onRowClick, title, help, description, action, filters, columnsKey, getChildren, defaultExpanded, compactRow, compactQuery, onCompactRowClick, }: {
     columns: SelectDataColumn<T>[];
     items: T[];
     getId: (item: T) => string;
@@ -118,4 +118,16 @@ export declare function SelectDataTable<T>({ columns, items, getId, loading, emp
     /** Mães abertas no primeiro render (padrão: todas fechadas). Avaliado por item, então vale
      *  também para a mãe que só chega na página seguinte. */
     defaultExpanded?: (item: T) => boolean;
+    /**
+     * A linha no CELULAR. Com ela, abaixo de `compactQuery` a tabela troca a grade de colunas por
+     * uma linha só por item (o que esta função desenhar: foto, valor, status) — mesma casca, mesmas
+     * faixas de título/filtros e o mesmo rodapé de paginação; somem só o cabeçalho de colunas e o
+     * seletor de colunas. Sem ela, a tabela rola na horizontal como sempre.
+     */
+    compactRow?: (item: T) => ReactNode;
+    /** Media query do modo compacto. Padrão `(max-width: 40rem)`. */
+    compactQuery?: string;
+    /** Clique na linha COMPACTA (padrão: `onRowClick`). Existe porque a linha larga costuma ter
+     *  controles nas células (copiar id, menu) e por isso não é clicável — a compacta, sem eles, é. */
+    onCompactRowClick?: (item: T) => void;
 }): import("react").JSX.Element;

package/dist/SelectFeeBreakdown.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface SelectFeeLine {
     label: string;
     /** Deduction in CENTS (positive number = subtracted from gross). */
@@ -10,5 +11,10 @@ export interface SelectFeeBreakdownProps {
     netCents?: number;
     grossLabel?: string;
     netLabel?: string;
+    /** Desenha, acima das linhas, a barra do bruto partida em líquido (verde, com o valor dentro) e
+     *  taxas (hachurado), mais a legenda com o % das taxas — "para onde foi o dinheiro". */
+    bar?: boolean;
+    /** Texto dentro da faixa do líquido (padrão: `netLabel · valor`). */
+    barLabel?: ReactNode;
 }
 export declare const SelectFeeBreakdown: import('react').ForwardRefExoticComponent<SelectFeeBreakdownProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectFeeBreakdownProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectFunnel.d.ts

@@ -1,8 +1,11 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { SelectFunnelStage } from './chartUtils';
 type SelectFunnelOwnProps = {
     stages: SelectFunnelStage[];
     format?: (n: number) => string;
+    palette?: 'ramp' | 'mono';
+    /** Texto da conversão de uma etapa sobre a anterior (padrão "56%"). */
+    convLabel?: (pct: number, index: number) => ReactNode;
 };
 export type SelectFunnelProps = SelectFunnelOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectFunnelOwnProps>;
 export declare const SelectFunnel: import('react').ForwardRefExoticComponent<SelectFunnelOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectFunnelOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectIconTile.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SelectIconTileTone = 'neutral' | 'success' | 'critical' | 'warning' | 'info' | 'pro';
+type SelectIconTileOwnProps = {
+    icon: ReactNode;
+    tone?: SelectIconTileTone;
+    /** sm 1.75rem · md 2.125rem · lg 2.5rem. */
+    size?: 'sm' | 'md' | 'lg';
+};
+export type SelectIconTileProps = SelectIconTileOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectIconTileOwnProps>;
+export declare const SelectIconTile: import('react').ForwardRefExoticComponent<SelectIconTileOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectIconTileOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/SelectJourney.d.ts

@@ -0,0 +1,32 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SelectJourneyState = 'done' | 'current' | 'upcoming' | 'failed';
+export type SelectJourneyTone = 'brand' | 'success' | 'critical' | 'warning';
+export interface SelectJourneyStep {
+    key?: string;
+    label: ReactNode;
+    /** Linha sob o rótulo ("Processada em 1,4 s"). */
+    description?: ReactNode;
+    /** Quando: hora, data, "em 22 dias". Na trilha vertical fica à direita. */
+    meta?: ReactNode;
+    state: SelectJourneyState;
+    /** Cor do marcador deste passo (padrão: o `accent` da jornada; `failed` é sempre crítico). */
+    tone?: SelectJourneyTone;
+    /** Glifo dentro do marcador de um passo por vir (o relógio de um ciclo agendado). */
+    icon?: ReactNode;
+}
+type SelectJourneyOwnProps = {
+    steps: SelectJourneyStep[];
+    /** Cor dos passos feitos e das linhas já percorridas. Padrão `brand`. */
+    accent?: 'brand' | 'success';
+    align?: 'start' | 'center';
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: 'auto' | 'horizontal' | 'vertical';
+    /** Um marco entre dois passos: `after` é o índice do passo à esquerda dele. */
+    marker?: {
+        after: number;
+        label: ReactNode;
+    };
+};
+export type SelectJourneyProps = SelectJourneyOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectJourneyOwnProps>;
+export declare const SelectJourney: import('react').ForwardRefExoticComponent<SelectJourneyOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectJourneyOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectLayout.d.ts

@@ -13,9 +13,15 @@ type SelectStackOwnProps = {
     inlineAlign?: CrossAlign;
     as?: LayoutEl;
     className?: string;
+    /**
+     * Take the whole height of the parent (a card body stretched to its grid neighbour). With
+     * `align="space-between"` the first child sits at the top and the last at the bottom, so the
+     * extra room lands BETWEEN them instead of as an empty band under the content.
+     */
+    fill?: boolean;
 };
 export type SelectStackProps = SelectStackOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectStackOwnProps>;
-export declare function SelectStack({ children, gap, align, inlineAlign, as, className, ...rest }: SelectStackProps): import("react").JSX.Element;
+export declare function SelectStack({ children, gap, align, inlineAlign, as, className, fill, ...rest }: SelectStackProps): import("react").JSX.Element;
 type SelectInlineOwnProps = {
     children: ReactNode;
     gap?: SelectSpace;

package/dist/SelectListCard.d.ts

@@ -10,9 +10,12 @@ type SelectListCardOwnProps = {
 };
 export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
 export declare const SelectListCard: import('react').ForwardRefExoticComponent<SelectListCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectListCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
-export declare function SelectListRow({ media, title, secondary, action, muted, onClick, }: {
+export declare function SelectListRow({ media, mediaSize, title, secondary, action, muted, onClick, }: {
     /** Leading visual — an icon or SelectAvatar. */
     media?: ReactNode;
+    /** `icon` (padrão) encaixa um glifo cru numa caixa de 1.25rem; `auto` deixa o visual com o
+     *  tamanho dele — um SelectIconTile, um SelectThumbnail, um SelectAvatar maior. */
+    mediaSize?: 'icon' | 'auto';
     title: ReactNode;
     /** Sub-text under the title (e.g. an email under a name). */
     secondary?: ReactNode;
@@ -22,4 +25,12 @@ export declare function SelectListRow({ media, title, secondary, action, muted,
     muted?: boolean;
     onClick?: () => void;
 }): import("react").JSX.Element;
+/**
+ * SelectListLabel — o rótulo de um GRUPO dentro da caixa de linhas ("O que mais conta neste
+ * motivo" / "Outros comprovantes"): caixa alta pequena, sem ação. Separa as linhas sem abrir um
+ * segundo card.
+ */
+export declare function SelectListLabel({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
 export {};

package/dist/SelectMiniStats.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface SelectMiniStat {
+    key?: string;
+    label: ReactNode;
+    value: ReactNode;
+}
+type SelectMiniStatsOwnProps = {
+    items: SelectMiniStat[];
+    order?: 'label-first' | 'value-first';
+};
+export type SelectMiniStatsProps = SelectMiniStatsOwnProps & Omit<ComponentPropsWithoutRef<'dl'>, keyof SelectMiniStatsOwnProps>;
+export declare const SelectMiniStats: import('react').ForwardRefExoticComponent<SelectMiniStatsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref">, keyof SelectMiniStatsOwnProps> & import('react').RefAttributes<HTMLDListElement>>;
+export {};

package/dist/SelectNote.d.ts

@@ -3,6 +3,8 @@ type SelectNoteOwnProps = {
     children: ReactNode;
     tone?: 'neutral' | 'info' | 'warning' | 'critical';
     hideIcon?: boolean;
+    icon?: ReactNode;
+    title?: ReactNode;
 };
 export type SelectNoteProps = SelectNoteOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectNoteOwnProps>;
 export declare const SelectNote: import('react').ForwardRefExoticComponent<SelectNoteOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectNoteOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectPaymentCard.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type SelectPaymentCardOwnProps = {
+    /** Bandeira como a API grava (`visa`, `mastercard`, `elo`…). */
+    brand?: string;
+    lastDigits?: string;
+    /** Linha sob o número ("3x de R$ 99,00"). */
+    caption?: ReactNode;
+};
+export type SelectPaymentCardProps = SelectPaymentCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPaymentCardOwnProps>;
+export declare const SelectPaymentCard: import('react').ForwardRefExoticComponent<SelectPaymentCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPaymentCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectPips.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type SelectPipsOwnProps = {
+    /** Quantos pontos existem. */
+    total: number;
+    /** Quantos estão cheios. */
+    value: number;
+    /** Texto ao lado (padrão "2 de 3"); `null` esconde. */
+    label?: ReactNode;
+    tone?: 'success' | 'brand';
+};
+export type SelectPipsProps = SelectPipsOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectPipsOwnProps>;
+export declare const SelectPips: import('react').ForwardRefExoticComponent<SelectPipsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectPipsOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/SelectProgressBar.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export type SelectProgressTone = 'brand' | 'success' | 'warning' | 'critical';
+/** `neutral` é a barra que não julga (o risco de uma sessão que já acabou); `info`, a azul. */
+export type SelectProgressTone = 'brand' | 'success' | 'warning' | 'critical' | 'info' | 'neutral';
 type SelectProgressBarOwnProps = {
     /** De 0 a `max`. */
     value?: number;

package/dist/SelectProgressList.d.ts

@@ -14,11 +14,17 @@ export interface SelectProgressItem {
     /** Override this row's bar colour. */
     color?: string;
 }
-export declare function SelectProgressList({ items, format, color, emptyText, }: {
+export declare function SelectProgressList({ items, format, color, emptyText, spread, }: {
     items: SelectProgressItem[];
     format?: (n: number) => string;
     /** One colour for every bar (else the chart ramp, one hue per row). */
     color?: string;
     emptyText?: string;
+    /**
+     * Grow into the free height of a flex-column parent and space the rows EVENLY (first at the
+     * top, last at the bottom). For a card stretched to its neighbour's height in a grid row: the
+     * extra room is shared between the rows instead of piling up as an empty band.
+     */
+    spread?: boolean;
 }): import("react").JSX.Element;
 export {};

package/dist/SelectRing.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SelectRingTone = 'brand' | 'success' | 'warning' | 'critical' | 'info' | 'neutral';
+type SelectRingOwnProps = {
+    /** Quanto do anel pinta, de 0 a `max`. */
+    value: number;
+    max?: number;
+    /** Diâmetro em px na raiz de 16px (renderizado em rem, acompanha a escala fluida). Padrão 64. */
+    size?: number;
+    /** Espessura do traço em px. Padrão ≈ 11% do diâmetro. */
+    thickness?: number;
+    tone?: SelectRingTone;
+    /** O valor grande no centro ("19 h", "76", "23"). */
+    label?: ReactNode;
+    /** A linha pequena sob ele ("restantes", "min"). */
+    caption?: ReactNode;
+    /** Sobre fundo escuro (SelectSpotlight `inverse`): o trilho vira um branco translúcido. */
+    inverse?: boolean;
+    /** Nome acessível — sem ele, o anel é decorativo (o texto ao lado já diz o número). */
+    ariaLabel?: string;
+};
+export type SelectRingProps = SelectRingOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRingOwnProps>;
+export declare const SelectRing: import('react').ForwardRefExoticComponent<SelectRingOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRingOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectShareBar.d.ts

@@ -2,10 +2,14 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export interface SelectShareItem {
     label: string;
     value: number;
+    /** Chave estável da parte (o que `onSelect` devolve). Padrão: o `label`. */
+    key?: string;
     /** Segment + dot color (else the chart ramp, in order). */
     color?: string;
     /** Shown before the % in the legend (e.g. the amount). */
     valueText?: ReactNode;
+    /** Na legenda em fichas: o número em negrito ao lado do rótulo (a contagem). */
+    count?: ReactNode;
 }
 type SelectShareBarOwnProps = {
     items: SelectShareItem[];
@@ -13,7 +17,15 @@ type SelectShareBarOwnProps = {
     label?: ReactNode;
     /** Right side of that line (a total, a scope like "aprovado"). */
     aside?: ReactNode;
+    legend?: 'list' | 'chips';
+    size?: 'sm' | 'md';
+    /** Torna fichas e faixas clicáveis. */
+    onSelect?: (key: string) => void;
+    /** A parte escolhida (as outras esmaecem). */
+    selected?: string | null;
+    /** Linha discreta sob a legenda. */
+    hint?: ReactNode;
 };
 export type SelectShareBarProps = SelectShareBarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectShareBarOwnProps>;
-export declare function SelectShareBar({ items, label, aside, className, ...rest }: SelectShareBarProps): import("react").JSX.Element | null;
+export declare function SelectShareBar({ items, label, aside, legend, size, onSelect, selected, hint, className, ...rest }: SelectShareBarProps): import("react").JSX.Element | null;
 export {};

package/dist/SelectSpotlight.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'success' | 'neutral';
+type SelectSpotlightOwnProps = {
+    tone?: SelectSpotlightTone;
+    media?: ReactNode;
+    /** Rótulo pequeno acima do título ("Ação recomendada"). */
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    actionsPlacement?: 'below' | 'end';
+    aside?: ReactNode;
+    children?: ReactNode;
+};
+export type SelectSpotlightProps = SelectSpotlightOwnProps & Omit<ComponentPropsWithoutRef<'section'>, keyof SelectSpotlightOwnProps | 'title'>;
+export declare const SelectSpotlight: import('react').ForwardRefExoticComponent<SelectSpotlightOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof SelectSpotlightOwnProps> & import('react').RefAttributes<HTMLElement>>;
+export {};

package/dist/SelectTaskCard.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type SelectTaskCardOwnProps = {
+    tone?: 'critical' | 'warning' | 'neutral';
+    /** Visual da cabeça (um SelectRing de prazo, um SelectIconTile). */
+    media?: ReactNode;
+    title: ReactNode;
+    subtitle?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+};
+export type SelectTaskCardProps = SelectTaskCardOwnProps & Omit<ComponentPropsWithoutRef<'article'>, keyof SelectTaskCardOwnProps | 'title'>;
+export declare const SelectTaskCard: import('react').ForwardRefExoticComponent<SelectTaskCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof SelectTaskCardOwnProps> & import('react').RefAttributes<HTMLElement>>;
+export {};

package/dist/SelectThumbnail.d.ts

@@ -3,6 +3,9 @@ type SelectThumbnailOwnProps = {
     src?: string;
     alt?: string;
     size?: number;
+    /** Quantos itens a MAIS esta imagem representa: um selo "+N" no canto (a cobrança com 3
+     *  produtos mostra a foto do primeiro e "+2"). 0/ausente = sem selo. */
+    count?: number;
 };
 export type SelectThumbnailProps = SelectThumbnailOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectThumbnailOwnProps>;
 export declare const SelectThumbnail: import('react').ForwardRefExoticComponent<SelectThumbnailOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectThumbnailOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/SelectTimeline.d.ts

@@ -6,10 +6,14 @@ export interface SelectTimelineItem {
     description?: ReactNode;
     content?: ReactNode;
     tone?: SelectTimelineTone;
+    /** Selo ao lado do título. */
+    badge?: ReactNode;
 }
 type SelectTimelineOwnProps = {
     items: SelectTimelineItem[];
+    markers?: 'outcome' | 'each';
+    timePosition?: 'end' | 'start';
 };
 export type SelectTimelineProps = SelectTimelineOwnProps & Omit<ComponentPropsWithoutRef<'ul'>, keyof SelectTimelineOwnProps>;
-export declare const SelectTimeline: import('react').ForwardRefExoticComponent<SelectTimelineOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "items"> & import('react').RefAttributes<HTMLUListElement>>;
+export declare const SelectTimeline: import('react').ForwardRefExoticComponent<SelectTimelineOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, keyof SelectTimelineOwnProps> & import('react').RefAttributes<HTMLUListElement>>;
 export {};

package/dist/SelectZoomThumbnail.d.ts

@@ -1,7 +1,9 @@
-export declare function SelectZoomThumbnail({ src, alt, size, title, }: {
+export declare function SelectZoomThumbnail({ src, alt, size, title, count, }: {
     src?: string;
     alt?: string;
     size?: number;
     /** Heading on the zoom modal (defaults to `alt`). */
     title?: string;
+    /** Selo "+N" (ver SelectThumbnail). */
+    count?: number;
 }): import("react").JSX.Element;

package/dist/chartTip.d.ts

@@ -23,4 +23,15 @@ type ChartTooltipOwnProps = {
 };
 export type ChartTooltipProps = ChartTooltipOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ChartTooltipOwnProps>;
 export declare function ChartTooltip({ tip, className, ...rest }: ChartTooltipProps): import("react").JSX.Element | null;
+/**
+ * The same tip, but floating over the PAGE: a fixed layer portalled to `document.body`, with
+ * `tip.x/y` in VIEWPORT coordinates (`getBoundingClientRect`). For charts whose container clips —
+ * a heatmap that scrolls sideways is `overflow: auto`, so a tip inside it was cut and pushed a
+ * scrollbar into the card. The layer is the tip's offsetParent, so the horizontal clamp keeps it
+ * inside the viewport. Any scroll hides it (the point moved under the cursor).
+ */
+export declare function FloatingChartTooltip({ tip, onDismiss }: {
+    tip: ChartTipState | null;
+    onDismiss: () => void;
+}): import('react').ReactPortal | null;
 export {};

package/dist/chartUtils.d.ts

@@ -77,4 +77,8 @@ export interface SelectDonutSegment {
 export interface SelectFunnelStage {
     label: string;
     value: number;
+    /** Cor da barra desta etapa (vence a paleta do funil). */
+    color?: string;
+    /** Destaca a conversão desta etapa (a maior perda do funil): texto crítico com ▼. */
+    flag?: boolean;
 }

package/dist/icons.d.ts

@@ -153,4 +153,25 @@ export declare function AwardIcon(): import("react").JSX.Element;
 export declare function UsersIcon(): import("react").JSX.Element;
 /** Três círculos sobrepostos (Iconsax colorfilter) — cor, identidade visual. */
 export declare function PaletteIcon(): import("react").JSX.Element;
+/** Duas barras (Iconsax pause) — pausar uma cobrança recorrente. */
+export declare function PauseIcon(): import("react").JSX.Element;
+/** Seta voltando em volta (Iconsax arrow-rotate-left) — o ESTORNO: o dinheiro que volta. Não é o
+ *  `RefreshIcon` (recarregar), que desenha o mesmo gesto para "de novo". */
+export declare function RefundIcon(): import("react").JSX.Element;
+/** Recibo com linhas (Iconsax receipt-text) — o comprovante de uma cobrança. */
+export declare function ReceiptIcon(): import("react").JSX.Element;
+/** Balão de conversa (Iconsax message) — falar com o cliente (WhatsApp, conversa). */
+export declare function ChatIcon(): import("react").JSX.Element;
+/** Estrela com rastro (Iconsax magic-star) — uma RECOMENDAÇÃO: o que costuma resolver. */
+export declare function SparkleIcon(): import("react").JSX.Element;
+/** Bandeira (Iconsax flag) — o motivo alegado numa contestação. */
+export declare function FlagIcon(): import("react").JSX.Element;
+/** Pino de mapa (Iconsax location) — um endereço. */
+export declare function LocationIcon(): import("react").JSX.Element;
+/** X num círculo (Iconsax close-circle) — encerrar, cancelar de vez. */
+export declare function CloseCircleIcon(): import("react").JSX.Element;
+/** Raio (Iconsax flash) — o que é instantâneo: oferecer Pix no lugar do cartão. */
+export declare function FlashIcon(): import("react").JSX.Element;
+/** Documento com texto (Iconsax document-text) — nota fiscal, documento anexado. */
+export declare function DocumentTextIcon(): import("react").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -108,6 +108,22 @@ export { SelectDonut } from './SelectDonut';
 export { SelectColumnChart } from './SelectColumnChart';
 export { SelectChartLegend } from './SelectChartLegend';
 export { SelectShareBar } from './SelectShareBar';
+export { SelectRing } from './SelectRing';
+export type { SelectRingProps, SelectRingTone } from './SelectRing';
+export { SelectJourney } from './SelectJourney';
+export type { SelectJourneyProps, SelectJourneyStep, SelectJourneyState, SelectJourneyTone } from './SelectJourney';
+export { SelectPips } from './SelectPips';
+export type { SelectPipsProps } from './SelectPips';
+export { SelectIconTile } from './SelectIconTile';
+export type { SelectIconTileProps, SelectIconTileTone } from './SelectIconTile';
+export { SelectSpotlight } from './SelectSpotlight';
+export type { SelectSpotlightProps, SelectSpotlightTone } from './SelectSpotlight';
+export { SelectTaskCard } from './SelectTaskCard';
+export type { SelectTaskCardProps } from './SelectTaskCard';
+export { SelectMiniStats } from './SelectMiniStats';
+export type { SelectMiniStatsProps, SelectMiniStat } from './SelectMiniStats';
+export { SelectPaymentCard } from './SelectPaymentCard';
+export type { SelectPaymentCardProps } from './SelectPaymentCard';
 export { SelectFunnel } from './SelectFunnel';
 export { SelectGauge } from './SelectGauge';
 export { SelectHeatmap } from './SelectHeatmap';
@@ -161,7 +177,7 @@ export type { SelectSetupGuideProps, SelectSetupGroup, SelectSetupStep, SelectSe
 export { SelectTour } from './SelectTour';
 export type { SelectTourProps, SelectTourStep } from './SelectTour';
 export { SelectPlanCard } from './SelectPlanCard';
-export { SelectListCard, SelectListRow } from './SelectListCard';
+export { SelectListCard, SelectListRow, SelectListLabel } from './SelectListCard';
 export { SelectThumbnail } from './SelectThumbnail';
 export { SelectZoomThumbnail } from './SelectZoomThumbnail';
 export { SelectMediaCell } from './SelectMediaCell';