@selectwin/kit 0.1.120 → 0.1.122

package/dist/SelectButton.d.ts

@@ -12,6 +12,10 @@ export interface SelectButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonE
     trailingIcon?: ReactNode;
     /** Size to content instead of filling the width (toolbars, inline actions). */
     inline?: boolean;
+    /** `critical` on a `secondary` button: the outlined button with red ink — the quiet
+     *  destructive action at the foot of a page ("Excluir produto"), where the solid `danger`
+     *  would shout louder than the page's own save. */
+    tone?: 'critical';
     children: ReactNode;
 }
 export declare const SelectButton: import('react').ForwardRefExoticComponent<SelectButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/SelectCombobox.d.ts

@@ -29,6 +29,11 @@ type SelectComboboxOwnProps = {
     /** Show the in-list search box (default true). Set false for a plain styled picker — the
      *  portal dropdown of SelectSelect without a search field (short option lists). */
     searchable?: boolean;
+    /** Aceita um valor que não está nas opções: o que foi digitado na busca vira a linha
+     *  `Usar "…"` (e o Enter escolhe). O valor livre continua aparecendo no gatilho. */
+    allowCustom?: boolean;
+    /** Rótulo da linha do valor livre. Padrão: `Usar "…"`. */
+    customLabel?: (query: string) => ReactNode;
 };
 export type SelectComboboxProps = SelectComboboxOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectComboboxOwnProps>;
 export declare const SelectCombobox: import('react').ForwardRefExoticComponent<SelectComboboxOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectComboboxOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/SelectCopyableId.d.ts

@@ -16,5 +16,8 @@ export interface SelectCopyableIdProps {
      *  tabela. 'always' mantém o botão sempre visível: use fora de tabelas (menus,
      *  mastheads), onde não há hover de linha para revelar o affordance. */
     reveal?: 'hover' | 'always';
+    /** 'inline' (padrão) é o id discreto de tabela. 'code' é o chip tracejado de um código que a
+     *  pessoa digita (cupom): monoespaçado, com o botão de copiar sempre visível. */
+    variant?: 'inline' | 'code';
 }
-export declare function SelectCopyableId({ value, children, truncate, label, fallback, to, reveal, }: SelectCopyableIdProps): import("react").JSX.Element;
+export declare function SelectCopyableId({ value, children, truncate, label, fallback, to, reveal, variant, }: SelectCopyableIdProps): import("react").JSX.Element;

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/SelectField.d.ts

@@ -11,6 +11,10 @@ type SelectLabelRowOwnProps = {
 };
 export type SelectLabelRowProps = SelectLabelRowOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectLabelRowOwnProps>;
 export declare const SelectLabelRow: import('react').ForwardRefExoticComponent<SelectLabelRowOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectLabelRowOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+/** O contador "24/40" da linha do rótulo (`showCount`). Sem teto não há o que contar. */
+export declare function charCount(value: string, maxLength: number | undefined): ReactNode;
+/** Junta o contador à ação do rótulo — os dois cabem na mesma ponta da linha. */
+export declare function withCount(action: ReactNode, count: ReactNode): ReactNode;
 export interface SelectFieldProps {
     /** Field label. Omit when an outer row already labels the field. */
     label?: string;
@@ -55,6 +59,9 @@ export interface SelectFieldProps {
     id?: string;
     minLength?: number;
     maxLength?: number;
+    /** Contador "24/40" na linha do rótulo (exige `maxLength`). Para textos com teto que a pessoa
+     *  escreve — nome, título —, onde descobrir o limite pelo corte do teclado é pior que vê-lo chegar. */
+    showCount?: boolean;
     /** Numeric bounds (type="number"). */
     min?: number | string;
     max?: number | string;

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/SelectImageGalleryField.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface SelectGalleryItem {
+    /** Chave estável: a própria url de uma imagem hospedada, um id gerado para um arquivo. */
+    key: string;
+    /** Imagem já hospedada (https://…). */
+    url?: string;
+    /** Arquivo escolhido agora — sobe no salvar; a prévia é um object URL. */
+    file?: File;
+}
+/** Item de galeria para um arquivo recém-escolhido (chave única, estável enquanto ele existir). */
+export declare function galleryItemFromFile(file: File): SelectGalleryItem;
+/** Item de galeria para uma imagem que já está hospedada. */
+export declare function galleryItemFromUrl(url: string): SelectGalleryItem;
+type SelectImageGalleryFieldOwnProps = {
+    label?: ReactNode;
+    /** Ajuda contextual: o "!" ao lado do rótulo. */
+    help?: ReactNode;
+    items: SelectGalleryItem[];
+    onChange: (items: SelectGalleryItem[]) => void;
+    /** Teto de fotos (o botão de adicionar some ao chegar). Padrão 10. */
+    max?: number;
+    /** Tipos aceitos, ex. '.jpg,.jpeg,.png,.webp'. */
+    accept?: string;
+    /** Teto por arquivo, em MB. */
+    maxSizeMB?: number;
+    hint?: ReactNode;
+    error?: string;
+    /** Oferece "Colar link de imagem" (padrão true). */
+    allowUrl?: boolean;
+    /** Lado do quadrado de cada foto, em px (padrão 88). */
+    tileSize?: number;
+    /** Rótulo do quadrado de adicionar (padrão "Adicionar"). */
+    addLabel?: string;
+    /** Selo da primeira foto (padrão "Capa"); `null` tira o selo e o "Tornar capa" (foto única). */
+    coverLabel?: string | null;
+    disabled?: boolean;
+};
+export type SelectImageGalleryFieldProps = SelectImageGalleryFieldOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectImageGalleryFieldOwnProps>;
+export declare const SelectImageGalleryField: import('react').ForwardRefExoticComponent<SelectImageGalleryFieldOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectImageGalleryFieldOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+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/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/SelectOfferPrice.d.ts

@@ -11,6 +11,11 @@ type SelectOfferPriceOwnProps = {
     zeroLabel?: ReactNode;
     /** Nota discreta ao lado do preço (o prazo de entrega, por exemplo). */
     note?: ReactNode;
+    /** Texto miúdo ANTES do preço — "a partir de", quando o card resume vários preços pelo menor. */
+    prefix?: ReactNode;
+    /** Texto miúdo colado DEPOIS do preço — a cadência de uma assinatura ("/mês", "a cada 3 meses").
+     *  Fica antes do "de" riscado: é parte do preço, não do desconto. */
+    suffix?: ReactNode;
 };
 export type SelectOfferPriceProps = SelectOfferPriceOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectOfferPriceOwnProps>;
 export declare const SelectOfferPrice: import('react').ForwardRefExoticComponent<SelectOfferPriceOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectOfferPriceOwnProps> & 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/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/SelectSegmented.d.ts

@@ -13,6 +13,12 @@ type SelectSegmentedOwnProps = {
     ariaLabel?: string;
     /** Stretch to 100% width with equal-width segments (forms/tabs). Default: hugs labels. */
     fullWidth?: boolean;
+    /** Form label above the track (wraps the control in the field shell). */
+    label?: ReactNode;
+    /** Helper line under the track (only with `label`). */
+    hint?: ReactNode;
+    /** Freeze the choice: segments don't respond and the track dims. */
+    disabled?: boolean;
 };
 export type SelectSegmentedProps = SelectSegmentedOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSegmentedOwnProps>;
 export declare const SelectSegmented: import('react').ForwardRefExoticComponent<SelectSegmentedOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSegmentedOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

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' | '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/SelectTextarea.d.ts

@@ -20,6 +20,8 @@ type SelectTextareaOwnProps = {
     required?: boolean;
     disabled?: boolean;
     maxLength?: number;
+    /** Contador "96/400" na linha do rótulo (exige `maxLength`). */
+    showCount?: boolean;
     onBlur?: () => void;
     /** Control density. Default `md`; use `sm` in dense surfaces and modal/card forms. */
     size?: 'sm' | 'md';

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/SelectToggle.d.ts

@@ -2,6 +2,8 @@ import { ReactNode, ComponentPropsWithoutRef } from 'react';
 type SelectToggleListOwnProps = {
     children: ReactNode;
     scroll?: boolean;
+    /** Hairline ABOVE the first row too — for a list that follows other fields in a form. */
+    bordered?: boolean;
 };
 export type SelectToggleListProps = SelectToggleListOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectToggleListOwnProps>;
 export declare const SelectToggleList: import('react').ForwardRefExoticComponent<SelectToggleListOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectToggleListOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -11,6 +13,10 @@ type SelectToggleRowOwnProps = {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
+    /** Quiet line under the label — what turning it on DOES. */
+    description?: ReactNode;
+    /** Revealed under the row while `checked` (the fields the switch turns on). */
+    children?: ReactNode;
 };
 export type SelectToggleRowProps = SelectToggleRowOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectToggleRowOwnProps>;
 export declare const SelectToggleRow: import('react').ForwardRefExoticComponent<SelectToggleRowOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectToggleRowOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

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/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

@@ -106,6 +106,12 @@ export declare function MoneyReceiveIcon(): import("react").JSX.Element;
 export declare function ClipboardIcon(): import("react").JSX.Element;
 export declare function NoteIcon(): import("react").JSX.Element;
 export declare function DiscountIcon(): import("react").JSX.Element;
+/**
+ * Bilhete com o "%" — o glifo de UM cupom (o card da lista, a prévia do formulário). O
+ * `DiscountIcon` (o selo) continua sendo a SEÇÃO Cupons no menu: o recurso e o item dele
+ * não usam o mesmo desenho. Iconsax Linear "ticket-discount".
+ */
+export declare function TicketDiscountIcon(): import("react").JSX.Element;
 /**
  * Sinal saindo de um ponto — o glifo do RASTREIO (pixels do checkout). Não reaproveitar
  * `ChartLineIcon` aqui: aquele é o glifo do **Analytics** (item do menu lateral e empty
@@ -147,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

@@ -14,6 +14,7 @@ export { SelectDocumentField } from './SelectDocumentField';
 export { SelectFileDropzone } from './SelectFileDropzone';
 export { SelectImageUrlsField } from './SelectImageUrlsField';
 export { SelectImageUploadField } from './SelectImageUploadField';
+export { SelectImageGalleryField, galleryItemFromFile, galleryItemFromUrl } from './SelectImageGalleryField';
 export { SelectBankAccountField } from './SelectBankAccountField';
 export { SelectFieldGrid } from './SelectFieldGrid';
 export { SelectToggleList, SelectToggleRow } from './SelectToggle';
@@ -107,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';
@@ -160,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';
@@ -214,6 +231,7 @@ export type { SelectDateRangeFieldProps, SelectDateRangeValue } from './SelectDa
 export type { SelectFileDropzoneProps } from './SelectFileDropzone';
 export type { SelectImageUrlsFieldProps } from './SelectImageUrlsField';
 export type { SelectImageUploadFieldProps, SelectImageUploadMode } from './SelectImageUploadField';
+export type { SelectImageGalleryFieldProps, SelectGalleryItem } from './SelectImageGalleryField';
 export type { SelectFileTileProps } from './SelectFileTile';
 export type { SelectKeyValuePair, SelectKeyValueEditorProps } from './SelectKeyValueEditor';
 export type { SelectBankAccount, SelectBankOption } from './SelectBankAccountField';