@selectwin/kit 0.1.81 → 0.1.83

package/dist/SelectMarkStack.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+export interface SelectMark {
+    id: string;
+    /** Nome por extenso — vira o `title` (tooltip nativo) e o rótulo acessível. */
+    label: string;
+    /** Glifo da marca, quando o kit tem um. */
+    icon?: ReactNode;
+    /** Monograma de 1–3 letras, quando não tem (padrão: a primeira letra de `label`).
+     *  Com 3 letras a fonte encolhe sozinha — o círculo não muda de tamanho. */
+    initials?: string;
+}
+type SelectMarkStackOwnProps = {
+    marks: SelectMark[];
+    /** Quantas marcas antes do "+N" (padrão 4). */
+    max?: number;
+};
+export type SelectMarkStackProps = SelectMarkStackOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectMarkStackOwnProps>;
+export declare const SelectMarkStack: import('react').ForwardRefExoticComponent<SelectMarkStackOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectMarkStackOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectOfferPrice.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SelectOfferPriceOwnProps = {
+    /** O que o comprador paga, em CENTAVOS. Ausente = o bloco não é renderizado. */
+    price?: number | null;
+    /** O preço de antes, em CENTAVOS. Só entra quando maior que `price`. */
+    was?: number | null;
+    /** Esconde o selo de desconto (o card já diz isso de outro jeito). */
+    hideDiscount?: boolean;
+};
+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>>;
+export {};

package/dist/SelectRatingQuote.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+type SelectRatingQuoteOwnProps = {
+    /** Nota de 0 a `max`. Ausente = sem estrelas. */
+    stars?: number | null;
+    max?: number;
+    /** Título da avaliação (a frase curta que a pessoa deu ao depoimento). */
+    title?: ReactNode;
+    /** O depoimento. Cortado em 2 linhas. */
+    text?: ReactNode;
+};
+export type SelectRatingQuoteProps = SelectRatingQuoteOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRatingQuoteOwnProps>;
+export declare const SelectRatingQuote: import('react').ForwardRefExoticComponent<SelectRatingQuoteOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRatingQuoteOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectTable.d.ts

@@ -13,6 +13,9 @@ export interface SelectColumn {
     sortable?: boolean;
     sortDir?: 'asc' | 'desc' | null;
     onSort?: () => void;
+    /** Deixa a coluna fora do arrasto de largura (default: arrastável). Use em coluna que não é
+     *  conteúdo — a de ações, que tem tamanho de ícone e nada a revelar se esticada. */
+    resizable?: boolean;
 }
 type SelectTableOwnProps = {
     columns: SelectColumn[];
@@ -41,6 +44,19 @@ type SelectTableOwnProps = {
      *  filtros, não junto do título. Sem `filters` não existe faixa de consulta, então eles
      *  voltam para o lado do `action` (uma faixa só para a engrenagem seria vazia). */
     tools?: ReactNode;
+    /**
+     * Liga as alças de arrastar a largura da coluna (a barrinha na divisa do cabeçalho).
+     *
+     * A tabela NÃO guarda a largura: ela avisa, e quem chamou decide. É o mesmo arranjo do sort e
+     * da visibilidade — o primitivo desenha, a SelectDataTable é dona do estado e da persistência.
+     * O `width` que voltar entra como track fixo do grid, exatamente como um `width` declarado.
+     *
+     * Sem esta prop não há alça nenhuma: uma tabela que não sabe guardar a largura não deve
+     * oferecer o gesto, porque ele se desfaria no próximo render.
+     */
+    onColumnResize?: (index: number, width: string) => void;
+    /** Duplo clique na alça devolve a coluna ao tamanho automático. */
+    onColumnResizeReset?: (index: number) => void;
 };
 export type SelectTableProps = SelectTableOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTableOwnProps>;
 export declare const SelectTable: import('react').ForwardRefExoticComponent<SelectTableOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTableOwnProps> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -82,6 +82,9 @@ export { SelectDataTable, SELECT_COL_DATETIME, SELECT_COL_ID, useSelectPageSize
 export { SelectCardGrid } from './SelectCardGrid';
 export { SelectRecordCard, SelectLayoutThumb } from './SelectRecordCard';
 export { SelectSplitChain } from './SelectSplitChain';
+export { SelectOfferPrice } from './SelectOfferPrice';
+export { SelectRatingQuote } from './SelectRatingQuote';
+export { SelectMarkStack } from './SelectMarkStack';
 export { SelectPagination } from './SelectPagination';
 export { SelectFilterBar } from './SelectFilterBar';
 export { SelectTagSelect } from './SelectTagSelect';
@@ -212,6 +215,9 @@ export type { SelectTimelineItem, SelectTimelineTone } from './SelectTimeline';
 export type { SelectDataColumn } from './SelectDataTable';
 export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps } from './SelectRecordCard';
 export type { SelectSplitChainProps, SelectSplitNode } from './SelectSplitChain';
+export type { SelectOfferPriceProps } from './SelectOfferPrice';
+export type { SelectRatingQuoteProps } from './SelectRatingQuote';
+export type { SelectMarkStackProps, SelectMark } from './SelectMarkStack';
 export type { SelectListPagination } from './internal/listChrome';
 export type { SelectPaginationProps } from './SelectPagination';
 export type { SelectFilterDef } from './SelectFilterBar';