@selectwin/kit 0.1.135 → 0.1.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +29 -29
  2. package/dist/SelectAssistant.d.ts +69 -0
  3. package/dist/SelectAvatar.d.ts +5 -0
  4. package/dist/SelectBreadcrumb.d.ts +16 -0
  5. package/dist/SelectBuilderWorkspace.d.ts +9 -2
  6. package/dist/SelectCard.d.ts +2 -0
  7. package/dist/SelectChannelPreview.d.ts +43 -0
  8. package/dist/SelectChoiceCard.d.ts +4 -2
  9. package/dist/SelectCombobox.d.ts +2 -1
  10. package/dist/SelectCopyRow.d.ts +2 -0
  11. package/dist/SelectDataTable.d.ts +16 -7
  12. package/dist/SelectDateField.d.ts +2 -0
  13. package/dist/SelectDetail.d.ts +7 -1
  14. package/dist/SelectField.d.ts +2 -1
  15. package/dist/SelectFileDropzone.d.ts +18 -0
  16. package/dist/SelectFilterChip.d.ts +4 -0
  17. package/dist/SelectIconPicker.d.ts +22 -0
  18. package/dist/SelectInsight.d.ts +142 -13
  19. package/dist/SelectModal.d.ts +3 -1
  20. package/dist/SelectNumberedList.d.ts +13 -0
  21. package/dist/SelectPage.d.ts +3 -0
  22. package/dist/SelectPasswordStrength.d.ts +4 -0
  23. package/dist/SelectRecordCard.d.ts +43 -2
  24. package/dist/SelectResendButton.d.ts +11 -1
  25. package/dist/SelectSearchMenu.d.ts +8 -1
  26. package/dist/SelectSegmented.d.ts +2 -0
  27. package/dist/SelectSortable.d.ts +28 -0
  28. package/dist/SelectSpotlight.d.ts +26 -2
  29. package/dist/SelectSteps.d.ts +14 -1
  30. package/dist/SelectTable.d.ts +2 -0
  31. package/dist/SelectTagSelect.d.ts +5 -0
  32. package/dist/SelectTokenTextarea.d.ts +31 -0
  33. package/dist/SelectUnitInput.d.ts +2 -0
  34. package/dist/chartUtils.d.ts +5 -0
  35. package/dist/icons.d.ts +30 -0
  36. package/dist/index.d.ts +21 -8
  37. package/dist/index.js +5995 -4486
  38. package/dist/style.css +1 -1
  39. package/package.json +64 -64
@@ -0,0 +1,13 @@
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ export type SelectNumberedListProps = Omit<ComponentPropsWithoutRef<'ol'>, 'children'> & {
3
+ children: ReactNode;
4
+ };
5
+ export declare function SelectNumberedList({ children, className, ...rest }: SelectNumberedListProps): import("react").JSX.Element;
6
+ type SelectNumberedItemOwnProps = {
7
+ /** Uma linha em destaque ("Analisa todo dia às 06:00"). */
8
+ title?: ReactNode;
9
+ children?: ReactNode;
10
+ };
11
+ export type SelectNumberedItemProps = SelectNumberedItemOwnProps & Omit<ComponentPropsWithoutRef<'li'>, keyof SelectNumberedItemOwnProps>;
12
+ export declare function SelectNumberedItem({ title, children, className, ...rest }: SelectNumberedItemProps): import("react").JSX.Element;
13
+ export {};
@@ -1,4 +1,5 @@
1
1
  import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ import { SelectBreadcrumbItem } from './SelectBreadcrumb';
2
3
  export interface SelectPageAction {
3
4
  content: string;
4
5
  onAction?: () => void;
@@ -18,6 +19,8 @@ type SelectPageOwnProps = {
18
19
  onAction: () => void;
19
20
  content?: string;
20
21
  };
22
+ /** Os níveis de CIMA da página, sobre o título ("Club › Cursos"); o título é o nível atual. */
23
+ breadcrumbs?: SelectBreadcrumbItem[];
21
24
  children: ReactNode;
22
25
  };
23
26
  export type SelectPageProps = SelectPageOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPageOwnProps>;
@@ -10,6 +10,10 @@ type SelectPasswordStrengthOwnProps = {
10
10
  value: string;
11
11
  /** Requirements checklist under the meter (e.g. "12 a 32 caracteres", "Número"). */
12
12
  rules?: SelectPasswordRule[];
13
+ /** `false` = só a lista de regras, sem a barra (o modal estreito). Vale só com `rules`. Padrão `true`. */
14
+ showMeter?: boolean;
15
+ /** As regras em 1 ou 2 colunas (2 no modal de trocar a senha). Padrão 1. */
16
+ columns?: 1 | 2;
13
17
  };
14
18
  export type SelectPasswordStrengthProps = SelectPasswordStrengthOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPasswordStrengthOwnProps>;
15
19
  export declare const SelectPasswordStrength: import('react').ForwardRefExoticComponent<SelectPasswordStrengthOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPasswordStrengthOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -12,6 +12,12 @@ type SelectRecordCardOwnProps = {
12
12
  /** Visual LARGO entre o cabeçalho e as badges — ocupa a linha inteira do card (ex.: o
13
13
  * SelectSplitChain do Repart). Para o glifo pequeno do canto use `media`. */
14
14
  body?: ReactNode;
15
+ /**
16
+ * As linhas "glifo + frase" do corpo — o que o card DIZ de relance, por extenso, quando o fato
17
+ * não cabe numa badge ("Plano Parceiro Premium", "Cadastro enviado em 25/09"). Vêm depois do
18
+ * `body` e antes das `tags`. É a mesma `SelectFactList` que se usa fora do card.
19
+ */
20
+ facts?: SelectFact[];
15
21
  /** Badges no meio do card (layout, escopo, canal…). */
16
22
  tags?: ReactNode;
17
23
  /** Rodapé à esquerda: bolinha + rótulo do estado. Sem `status` e sem `meta` o rodapé
@@ -34,9 +40,32 @@ type SelectRecordCardOwnProps = {
34
40
  */
35
41
  cover?: string | null;
36
42
  coverFallback?: ReactNode;
43
+ /**
44
+ * Faixa LARGA no topo, desenhada pelo app (a prévia de um template de checkout:
45
+ * `<SelectLayoutThumb fill … />`). Ocupa a largura do card numa altura fixa, para a grade não
46
+ * ficar com alturas diferentes; com ela o título usa a largura toda (sem o `media` do lado).
47
+ * `cover` vence quando os dois vêm.
48
+ */
49
+ preview?: ReactNode;
37
50
  };
38
51
  export type SelectRecordCardProps = SelectRecordCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRecordCardOwnProps>;
39
52
  export declare const SelectRecordCard: import('react').ForwardRefExoticComponent<SelectRecordCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRecordCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
53
+ /** Uma linha "glifo + frase". `tone` marca o fato que é alarme (o glifo acompanha a cor). */
54
+ export interface SelectFact {
55
+ /** O glifo do kit, como elemento (`<ClockIcon />`). */
56
+ icon: ReactNode;
57
+ text: ReactNode;
58
+ /** Chave estável quando a lista muda de tamanho (padrão: a posição). */
59
+ key?: string;
60
+ tone?: 'critical' | 'caution';
61
+ }
62
+ /**
63
+ * SelectFactList — as linhas "glifo + frase" de um card: o `facts` do SelectRecordCard, e o mesmo
64
+ * desenho dentro de uma SelectSection ("Divisões para esta empresa"). Lista vazia não desenha nada.
65
+ */
66
+ export declare function SelectFactList({ items }: {
67
+ items: SelectFact[];
68
+ }): import("react").JSX.Element | null;
40
69
  /**
41
70
  * SelectLayoutThumb — o mini-wireframe que abre o card de um template de checkout:
42
71
  * `steps` desenha etapas empilhadas (multi-step), `columns` desenha as colunas de uma
@@ -44,13 +73,25 @@ export declare const SelectRecordCard: import('react').ForwardRefExoticComponent
44
73
  * uma linha de tabela com bordas.
45
74
  */
46
75
  export type SelectLayoutThumbProps = {
47
- kind: 'steps' | 'columns';
76
+ /**
77
+ * `steps`/`columns`: o formato do checkout (em etapas / uma etapa). `stacked`/`floating` (0.1.141): o estilo do
78
+ * campo — o nome em cima da caixa, ou dentro dela (sobe ao digitar).
79
+ */
80
+ kind: 'steps' | 'columns' | 'stacked' | 'floating';
48
81
  /** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
49
82
  accent?: string;
83
+ /** Ocupa o espaço que recebe (a `preview` do SelectRecordCard) em vez do glifo de 52×40. */
84
+ fill?: boolean;
50
85
  } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
51
86
  export declare const SelectLayoutThumb: import('react').ForwardRefExoticComponent<{
52
- kind: "steps" | "columns";
87
+ /**
88
+ * `steps`/`columns`: o formato do checkout (em etapas / uma etapa). `stacked`/`floating` (0.1.141): o estilo do
89
+ * campo — o nome em cima da caixa, ou dentro dela (sobe ao digitar).
90
+ */
91
+ kind: "steps" | "columns" | "stacked" | "floating";
53
92
  /** A cor principal do template na faixa de destaque (0.1.132). Padrão: a primária da casa. */
54
93
  accent?: string;
94
+ /** Ocupa o espaço que recebe (a `preview` do SelectRecordCard) em vez do glifo de 52×40. */
95
+ fill?: boolean;
55
96
  } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
56
97
  export {};
@@ -1,9 +1,19 @@
1
- import { ComponentPropsWithoutRef } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  type SelectResendButtonOwnProps = {
3
3
  onResend: () => void;
4
+ /** Espera de cada reenvio quando o botão conta sozinho (sem `remaining`). Padrão 30. */
4
5
  seconds?: number;
5
6
  idleLabel?: string;
7
+ /** Segundos até o próximo envio ser aceito, vindos de quem chama (0 = agora). Liga o modo controlado. */
8
+ remaining?: number;
9
+ /** O reenvio está indo: o botão desabilita e diz `sendingLabel`. */
10
+ sending?: boolean;
11
+ sendingLabel?: string;
12
+ /** O texto da esquerda da linha ("Não chegou?"). Sem ele, só o botão. */
13
+ hint?: ReactNode;
6
14
  };
7
15
  export type SelectResendButtonProps = SelectResendButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectResendButtonOwnProps>;
16
+ /** 173 → "2:53"; 9 → "0:09". */
17
+ export declare function formatResendWait(seconds: number): string;
8
18
  export declare const SelectResendButton: import('react').ForwardRefExoticComponent<SelectResendButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectResendButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
9
19
  export {};
@@ -11,9 +11,16 @@ export declare function SelectSearchMenu({ search, onSearchChange, searchPlaceho
11
11
  width?: string;
12
12
  children?: ReactNode;
13
13
  }): import("react").JSX.Element;
14
- export declare function SelectSearchMenuOption({ label, secondary, selected, disabled, onSelect, }: {
14
+ /** Um grupo de opções com cabeçalho ("Cliente", "Pedido"). Grupo sem opção não desenha nada. */
15
+ export declare function SelectSearchMenuGroup({ label, children }: {
16
+ label: ReactNode;
17
+ children?: ReactNode;
18
+ }): import("react").JSX.Element | null;
19
+ export declare function SelectSearchMenuOption({ label, secondary, trailing, selected, disabled, onSelect, }: {
15
20
  label: ReactNode;
16
21
  secondary?: ReactNode;
22
+ /** O valor à direita do rótulo (o exemplo "Ana"), discreto e cortado com reticências. */
23
+ trailing?: ReactNode;
17
24
  selected?: boolean;
18
25
  disabled?: boolean;
19
26
  onSelect: () => void;
@@ -19,6 +19,8 @@ type SelectSegmentedOwnProps = {
19
19
  hint?: ReactNode;
20
20
  /** Freeze the choice: segments don't respond and the track dims. */
21
21
  disabled?: boolean;
22
+ /** A recusa da escolha (0.1.141): a trilha com o contorno de erro e a frase embaixo, no lugar do `hint`. */
23
+ error?: ReactNode;
22
24
  };
23
25
  export type SelectSegmentedProps = SelectSegmentedOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSegmentedOwnProps>;
24
26
  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>>;
@@ -0,0 +1,28 @@
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ type SelectSortableItemOwnProps = {
3
+ /** O item que está sendo arrastado: sobe por cima dos outros, com sombra. */
4
+ dragging?: boolean;
5
+ /** O lugar vazio do item enquanto uma prévia (`SelectDragPreview`) segue o cursor: fica apagado. */
6
+ ghost?: boolean;
7
+ };
8
+ export type SelectSortableItemProps = SelectSortableItemOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSortableItemOwnProps>;
9
+ export declare const SelectSortableItem: import('react').ForwardRefExoticComponent<SelectSortableItemOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSortableItemOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
10
+ type SelectDragHandleOwnProps = {
11
+ /** Durante o arrasto, o cursor de "segurando". */
12
+ dragging?: boolean;
13
+ /**
14
+ * `floating`: a pílula sobre a borda de cima do item (a grade de cards), que aparece com o mouse em cima ou o
15
+ * foco dentro do `SelectSortableItem` — e sempre, num aparelho de toque. Padrão `inline` (na linha).
16
+ */
17
+ variant?: 'inline' | 'floating';
18
+ /** O nome para o leitor de tela (padrão "Arrastar para reordenar"). */
19
+ label?: string;
20
+ };
21
+ export type SelectDragHandleProps = SelectDragHandleOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectDragHandleOwnProps | 'children'>;
22
+ /** A alça: 6 pontos, 24×24, `touch-action: none` (sem ele, no toque o gesto vira rolagem e nada arrasta). */
23
+ export declare const SelectDragHandle: import('react').ForwardRefExoticComponent<SelectDragHandleOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | keyof SelectDragHandleOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
24
+ /** A prévia que segue o cursor (o `DragOverlay` do app): a alça e o nome do item, numa pílula. */
25
+ export declare function SelectDragPreview({ children }: {
26
+ children?: ReactNode;
27
+ }): import("react").JSX.Element;
28
+ export {};
@@ -1,5 +1,18 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  export type SelectSpotlightTone = 'inverse' | 'critical' | 'warning' | 'info' | 'success' | 'neutral';
3
+ /**
4
+ * Um FATO ao lado do texto do destaque (0.1.137): um rótulo, um número grande (com um prefixo discreto — "até") e
5
+ * uma legenda; ou, no lugar do número, um conteúdo próprio (`content`: uma barra de progresso).
6
+ */
7
+ export interface SelectSpotlightFact {
8
+ label: ReactNode;
9
+ /** Texto pequeno antes do número ("até"). */
10
+ prefix?: ReactNode;
11
+ value?: ReactNode;
12
+ caption?: ReactNode;
13
+ /** No lugar do número: um conteúdo próprio, numa coluna de largura fixa. */
14
+ content?: ReactNode;
15
+ }
3
16
  type SelectSpotlightOwnProps = {
4
17
  tone?: SelectSpotlightTone;
5
18
  media?: ReactNode;
@@ -10,8 +23,19 @@ type SelectSpotlightOwnProps = {
10
23
  actions?: ReactNode;
11
24
  actionsPlacement?: 'below' | 'end';
12
25
  aside?: ReactNode;
13
- /** `md` (padrão, o topo da página) ou `sm` (compacto, dentro de outro card). */
14
- size?: 'md' | 'sm';
26
+ /**
27
+ * Fatos em colunas à direita do texto, cada uma com um fio à esquerda ("Vendas para recuperar · até R$ 8.322").
28
+ * No card estreito elas descem para baixo do texto, uma por linha.
29
+ */
30
+ facts?: ReadonlyArray<SelectSpotlightFact>;
31
+ /**
32
+ * `half` (padrão): o aside divide a largura com o texto (uma SelectJourney). `compact` (0.1.136): uma coluna
33
+ * estreita com um fio à esquerda — um medidor, um resumo curto — e o texto fica com o resto.
34
+ */
35
+ asideSize?: 'half' | 'compact';
36
+ /** `md` (padrão, o topo da página), `sm` (compacto, dentro de outro card) ou `lg` (0.1.136: o resumo que abre
37
+ * uma tela — título maior e mais respiro). */
38
+ size?: 'md' | 'sm' | 'lg';
15
39
  /** Card estreito: por padrão o `media` fica numa linha e o texto desce. Com `mediaInline` ele
16
40
  * continua AO LADO do texto — para um media pequeno (o avatar da pessoa), em que a linha só dele
17
41
  * seria espaço perdido. O `aside` desce do mesmo jeito. */
@@ -1,8 +1,14 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- /** Um passo: só o rótulo, ou rótulo + descrição (a descrição só aparece na vertical). */
2
+ /** O estado de um passo. `error` = um passo que precisa voltar (o documento recusado). */
3
+ export type SelectStepState = 'done' | 'current' | 'error' | 'pending';
4
+ /**
5
+ * Um passo: só o rótulo, ou rótulo + descrição (a descrição só aparece na vertical) + o
6
+ * `state`, que vence o que sai do `current` (antes = feito, ele = atual, depois = pendente).
7
+ */
3
8
  export type SelectStepItem = string | {
4
9
  label: string;
5
10
  description?: string;
11
+ state?: SelectStepState;
6
12
  };
7
13
  type SelectStepsOwnProps = {
8
14
  steps: SelectStepItem[];
@@ -12,6 +18,13 @@ type SelectStepsOwnProps = {
12
18
  onSelect?: (index: number) => void;
13
19
  /** 'horizontal' (padrão) = barra; 'vertical' = trilha lateral com descrições. */
14
20
  orientation?: 'horizontal' | 'vertical';
21
+ /**
22
+ * Na horizontal, o traço que liga um passo ao seguinte (cheio depois de um passo feito). Sem
23
+ * espaço, os rótulos encolhem com reticências (o atual nunca); no celular a barra vira só os
24
+ * números ligados de ponta a ponta — os rótulos ficam para o leitor de tela, e quem usa a barra
25
+ * diz a etapa atual no cabeçalho ("Etapa 4 de 6").
26
+ */
27
+ connected?: boolean;
15
28
  };
16
29
  export type SelectStepsProps = SelectStepsOwnProps & Omit<ComponentPropsWithoutRef<'ol'>, keyof SelectStepsOwnProps>;
17
30
  export declare const SelectSteps: import('react').ForwardRefExoticComponent<SelectStepsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">, keyof SelectStepsOwnProps> & import('react').RefAttributes<HTMLOListElement>>;
@@ -16,6 +16,8 @@ export interface SelectColumn {
16
16
  /** Deixa a coluna fora do arrasto de largura (default: arrastável). Use em coluna que não é
17
17
  * conteúdo — a de ações, que tem tamanho de ícone e nada a revelar se esticada. */
18
18
  resizable?: boolean;
19
+ /** Destaca a coluna inteira (o cabeçalho e as células) — a que está em conflito (0.1.141). */
20
+ tone?: 'critical' | 'caution' | 'info';
19
21
  }
20
22
  type SelectTableOwnProps = {
21
23
  columns: SelectColumn[];
@@ -27,6 +27,11 @@ type SelectTagSelectOwnProps = {
27
27
  * `selected`, reenviado sem ninguém ver. Agora vira um chip tracejado com este rótulo (padrão: o próprio valor).
28
28
  */
29
29
  unknownLabel?: (value: string) => ReactNode;
30
+ /** As opções ainda chegando (0.1.141): o controle diz `loadingLabel` e não abre — sem o "Carregando…" no placeholder. */
31
+ loading?: boolean;
32
+ loadingLabel?: string;
33
+ /** Só leitura (quem não pode mudar): os chips ficam, sem o X, e o controle não abre. */
34
+ disabled?: boolean;
30
35
  };
31
36
  export type SelectTagSelectProps = SelectTagSelectOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectTagSelectOwnProps>;
32
37
  export declare const SelectTagSelect: import('react').ForwardRefExoticComponent<SelectTagSelectOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectTagSelectOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,31 @@
1
+ import { ReactNode } from 'react';
2
+ /** `{caminho}`, `{{caminho}}` e `{ caminho }` — o grupo 1 é o caminho. */
3
+ export declare const SELECT_TOKEN_PATTERN: RegExp;
4
+ export interface SelectTokenTextareaHandle {
5
+ /** Põe `{caminho}` onde o cursor estava (ou no fim) e devolve o foco à caixa. */
6
+ insertToken: (path: string) => void;
7
+ focus: () => void;
8
+ }
9
+ export interface SelectTokenTextareaProps {
10
+ label?: string;
11
+ value: string;
12
+ onChange: (value: string) => void;
13
+ /** O nome que a ficha mostra para cada caminho. */
14
+ labelOf: (path: string) => string;
15
+ /** O padrão do dado no texto (global, grupo 1 = caminho). Padrão `SELECT_TOKEN_PATTERN`. */
16
+ pattern?: RegExp;
17
+ labelAction?: ReactNode;
18
+ help?: ReactNode;
19
+ hint?: string;
20
+ error?: string;
21
+ placeholder?: string;
22
+ /** Altura mínima em linhas. Padrão 4. */
23
+ rows?: number;
24
+ disabled?: boolean;
25
+ onBlur?: () => void;
26
+ size?: 'sm' | 'md';
27
+ className?: string;
28
+ }
29
+ /** O DOM da caixa (ou um pedaço dele) de volta para o texto: a ficha vira o `{caminho}` que ela era. */
30
+ export declare function readTokenText(root: Node): string;
31
+ export declare const SelectTokenTextarea: import('react').ForwardRefExoticComponent<SelectTokenTextareaProps & import('react').RefAttributes<SelectTokenTextareaHandle>>;
@@ -11,6 +11,8 @@ type SelectUnitInputOwnProps = {
11
11
  disabled?: boolean;
12
12
  min?: number;
13
13
  max?: number;
14
+ /** Aceita decimais com vírgula (texto com teclado decimal, não `type=number`). */
15
+ decimal?: boolean;
14
16
  };
15
17
  export type SelectUnitInputProps = SelectUnitInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectUnitInputOwnProps>;
16
18
  export declare const SelectUnitInput: import('react').ForwardRefExoticComponent<SelectUnitInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectUnitInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -56,7 +56,12 @@ export declare const CHART_PAD: {
56
56
  };
57
57
  export interface SelectChartSeries {
58
58
  name: string;
59
+ /** Os números da série. No SelectLineChart, `NaN` é um ponto SEM dado: a linha quebra ali (um dia em que a série
60
+ * não existia) em vez de ligar os vizinhos e inventar o caminho. */
59
61
  data: number[];
62
+ /** SelectLineChart: o texto pronto de cada ponto ("58%", "R$ 1.234,00") — o tooltip mostra ele no lugar de
63
+ * `format` quando quem mandou o número também mandou como lê-lo. */
64
+ valueLabels?: ReadonlyArray<string | null | undefined>;
60
65
  color?: string;
61
66
  /** SelectColumnChart: paint the bars with diagonal stripes of `color` instead of the solid
62
67
  * gradient — the second encoding for "not happened yet" (scheduled, projected), so the
package/dist/icons.d.ts CHANGED
@@ -174,4 +174,34 @@ export declare function CloseCircleIcon(): import("react").JSX.Element;
174
174
  export declare function FlashIcon(): import("react").JSX.Element;
175
175
  /** Documento com texto (Iconsax document-text) — nota fiscal, documento anexado. */
176
176
  export declare function DocumentTextIcon(): import("react").JSX.Element;
177
+ /** O Lince — o olho de felino (a pupila em fenda). Desenho próprio: a marca do motor de inteligência do lojista. */
178
+ export declare function LinceIcon(): import("react").JSX.Element;
179
+ export declare function TrendUpIcon(): import("react").JSX.Element;
180
+ export declare function LampIcon(): import("react").JSX.Element;
181
+ export declare function DatabaseIcon(): import("react").JSX.Element;
182
+ /** Câmera (Iconsax camera) — a selfie e a foto do documento tiradas na hora. */
183
+ export declare function CameraIcon(): import("react").JSX.Element;
184
+ /** Documento com foto (Iconsax personalcard) — RG, CNH. */
185
+ export declare function IdCardIcon(): import("react").JSX.Element;
186
+ /** Escudo com visto (Iconsax shield-tick) — o que foi preenchido está guardado. Não é o `ShieldIcon`
187
+ * (a verificação em duas etapas). */
188
+ export declare function ShieldTickIcon(): import("react").JSX.Element;
189
+ /** Seta para cima e à direita — abrir fora, "ver no checkout". */
190
+ export declare function ArrowUpRightIcon(): import("react").JSX.Element;
191
+ /** Sacola de compras — o pedido, o produto (mesma geometria do checkout). */
192
+ export declare function BagIcon(): import("react").JSX.Element;
193
+ /** Página com cabeçalho e coluna — o layout de uma tela (o formato do checkout). */
194
+ export declare function LayoutIcon(): import("react").JSX.Element;
195
+ /** Alvo — o objetivo, a conversão que se mede. */
196
+ export declare function TargetIcon(): import("react").JSX.Element;
197
+ /** Presente — o brinde, o bônus (mesma geometria do checkout). */
198
+ export declare function GiftIcon(): import("react").JSX.Element;
199
+ /** Fone com microfone — o atendimento, o suporte (mesma geometria do checkout). */
200
+ export declare function HeadsetIcon(): import("react").JSX.Element;
201
+ /** WhatsApp no traço da casa (não a marca colorida) — o canal da mensagem, o selo de atendimento. */
202
+ export declare function WhatsAppIcon(): import("react").JSX.Element;
203
+ /** Imagem (Iconsax gallery) — o bloco de imagem de um e-mail, a foto de um produto. */
204
+ export declare function ImageIcon(): import("react").JSX.Element;
205
+ /** Alça de arrastar (6 pontos) — a de toda lista e grade que se reordena. Preenchido: pontos não têm traço. */
206
+ export declare function GripIcon(): import("react").JSX.Element;
177
207
  export {};
package/dist/index.d.ts CHANGED
@@ -42,7 +42,8 @@ export { SelectOptionList, SelectOptionRow } from './SelectOptionList';
42
42
  export { SelectIdentityFooter } from './SelectIdentityFooter';
43
43
  export { SelectOtpInput } from './SelectOtpInput';
44
44
  export { SelectBackLink } from './SelectBackLink';
45
- export { SelectResendButton } from './SelectResendButton';
45
+ export { SelectResendButton, formatResendWait } from './SelectResendButton';
46
+ export type { SelectResendButtonProps } from './SelectResendButton';
46
47
  export { SelectRetryStatus, type SelectRetryStatusProps, type SelectRetryPhase } from './SelectRetryStatus';
47
48
  export { SelectPasswordStrength, passwordScore, type SelectPasswordRule } from './SelectPasswordStrength';
48
49
  export { SelectLoader, type SelectLoaderProps } from './SelectLoader';
@@ -86,7 +87,12 @@ export { SelectFormModal } from './SelectFormModal';
86
87
  export { detectSelectTheme } from './detectSelectTheme';
87
88
  export { SelectDataTable, SELECT_COL_DATETIME, SELECT_COL_ID, useSelectPageSize } from './SelectDataTable';
88
89
  export { SelectCardGrid } from './SelectCardGrid';
89
- export { SelectRecordCard, SelectLayoutThumb } from './SelectRecordCard';
90
+ export { SelectRecordCard, SelectLayoutThumb, SelectFactList } from './SelectRecordCard';
91
+ export { SelectBreadcrumb } from './SelectBreadcrumb';
92
+ export { SelectSortableItem, SelectDragHandle, SelectDragPreview } from './SelectSortable';
93
+ export { SelectTokenTextarea, SELECT_TOKEN_PATTERN, readTokenText } from './SelectTokenTextarea';
94
+ export { SelectPreviewStage, SelectDeviceFrame, SelectMessageBubble, SelectMailPreview } from './SelectChannelPreview';
95
+ export { SelectIconPicker, type SelectIconOption } from './SelectIconPicker';
90
96
  export { SelectSplitChain } from './SelectSplitChain';
91
97
  export { SelectOfferPrice } from './SelectOfferPrice';
92
98
  export { SelectRatingQuote } from './SelectRatingQuote';
@@ -101,7 +107,11 @@ export { SelectMoney, SelectSensitiveValue, SelectMetricDelta, SelectHideMoneyTo
101
107
  export { SelectBalanceCard } from './SelectBalanceCard';
102
108
  export { SelectFeeBreakdown } from './SelectFeeBreakdown';
103
109
  export { SelectKpiCard } from './SelectKpiCard';
104
- export { SelectInsight, formatInsightImpact } from './SelectInsight';
110
+ export { SelectInsight, SelectInsightList, SelectInsightRow, formatInsightImpact } from './SelectInsight';
111
+ export { SelectAssistant, SelectChatMessage, SelectChatTurn, SelectChatTyping } from './SelectAssistant';
112
+ export { SelectNumberedList, SelectNumberedItem } from './SelectNumberedList';
113
+ export type { SelectNumberedListProps, SelectNumberedItemProps } from './SelectNumberedList';
114
+ export type { SelectAssistantProps, SelectAssistantSuggestion, SelectChatMessageProps, SelectChatTurnProps, SelectChatTypingProps } from './SelectAssistant';
105
115
  export { SelectChartCard } from './SelectChartCard';
106
116
  export { SelectSparkline } from './SelectSparkline';
107
117
  export { SelectBarChart } from './SelectBarChart';
@@ -121,7 +131,7 @@ export type { SelectPipsProps } from './SelectPips';
121
131
  export { SelectIconTile } from './SelectIconTile';
122
132
  export type { SelectIconTileProps, SelectIconTileTone } from './SelectIconTile';
123
133
  export { SelectSpotlight } from './SelectSpotlight';
124
- export type { SelectSpotlightProps, SelectSpotlightTone } from './SelectSpotlight';
134
+ export type { SelectSpotlightProps, SelectSpotlightTone, SelectSpotlightFact } from './SelectSpotlight';
125
135
  export { SelectTaskCard } from './SelectTaskCard';
126
136
  export type { SelectTaskCardProps } from './SelectTaskCard';
127
137
  export { SelectMiniStats } from './SelectMiniStats';
@@ -169,14 +179,14 @@ export { SelectVenn } from './SelectVenn';
169
179
  export { SelectCirclePack } from './SelectCirclePack';
170
180
  export { SelectNetwork } from './SelectNetwork';
171
181
  export { SelectCombobox } from './SelectCombobox';
172
- export { SelectSearchMenu, SelectSearchMenuOption } from './SelectSearchMenu';
182
+ export { SelectSearchMenu, SelectSearchMenuOption, SelectSearchMenuGroup } from './SelectSearchMenu';
173
183
  export { SelectThemeSwitcher, resolveSelectTheme } from './SelectThemeSwitcher';
174
184
  export { SelectDetailList, SelectDetailRow } from './SelectDetail';
175
185
  export { SelectAddButton } from './SelectAddButton';
176
186
  export { SelectAddCard } from './SelectAddCard';
177
187
  export type { SelectAddCardProps } from './SelectAddCard';
178
188
  export { SelectSteps } from './SelectSteps';
179
- export type { SelectStepsProps, SelectStepItem } from './SelectSteps';
189
+ export type { SelectStepsProps, SelectStepItem, SelectStepState } from './SelectSteps';
180
190
  export { SelectSetupGuide, SelectSetupNext } from './SelectSetupGuide';
181
191
  export type { SelectSetupGuideProps, SelectSetupGroup, SelectSetupStep, SelectSetupStepStatus } from './SelectSetupGuide';
182
192
  export { SelectTour } from './SelectTour';
@@ -250,8 +260,11 @@ export type { SelectRowAction } from './SelectRowActions';
250
260
  export type { SelectStatusMeta } from './SelectStatusBadge';
251
261
  export type { SelectTimelineItem, SelectTimelineTone } from './SelectTimeline';
252
262
  export type { SelectDataColumn } from './SelectDataTable';
253
- export type { SelectInsightProps, SelectInsightData, SelectInsightBlock, SelectInsightValue, SelectInsightItem, SelectInsightAction, SelectInsightLabels, SelectInsightLocale, } from './SelectInsight';
254
- export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps } from './SelectRecordCard';
263
+ export type { SelectInsightProps, SelectInsightRowProps, SelectInsightListProps, SelectInsightActionLink, SelectInsightData, SelectInsightBlock, SelectInsightValue, SelectInsightItem, SelectInsightAction, SelectInsightLabels, SelectInsightLocale, SelectInsightOutcome, } from './SelectInsight';
264
+ export type { SelectRecordCardProps, SelectRecordCardTone, SelectLayoutThumbProps, SelectFact } from './SelectRecordCard';
265
+ export type { SelectBreadcrumbProps, SelectBreadcrumbItem } from './SelectBreadcrumb';
266
+ export type { SelectSortableItemProps, SelectDragHandleProps } from './SelectSortable';
267
+ export type { SelectTokenTextareaProps, SelectTokenTextareaHandle } from './SelectTokenTextarea';
255
268
  export type { SelectSplitChainProps, SelectSplitNode } from './SelectSplitChain';
256
269
  export type { SelectOfferPriceProps } from './SelectOfferPrice';
257
270
  export type { SelectRatingQuoteProps } from './SelectRatingQuote';