@selectwin/kit 0.1.183 → 0.1.185

package/dist/SelectConversation.d.ts

@@ -27,5 +27,12 @@ export interface SelectConversationBubbleProps {
     metaTone?: 'critical' | 'info';
     /** O texto. Sem texto (só um arquivo), o balão não é desenhado. */
     children?: ReactNode;
+    /**
+     * 0.1.184: a foto ou as iniciais de quem escreveu (`SelectAvatar`), ao lado da mensagem. Com ela, a mensagem vira a de
+     * uma linha do tempo (um chamado, um comentário): o nome em cima, em tamanho de texto, e o balão encostado no avatar.
+     */
+    avatar?: ReactNode;
+    /** 0.1.184: a hora ao lado do nome, em cima do balão ("Você · 26/10, 08:46"). */
+    time?: ReactNode;
 }
-export declare function SelectConversationBubble({ direction, author, label, attachment, meta, metaTone, children }: SelectConversationBubbleProps): import("react").JSX.Element;
+export declare function SelectConversationBubble({ direction, author, label, attachment, meta, metaTone, children, avatar, time }: SelectConversationBubbleProps): import("react").JSX.Element;

package/dist/SelectDnsRecords.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface SelectDnsRecord {
+    /** CNAME, TXT, A… */
+    type: string;
+    /** O host do registro (o campo "Nome"/"Host"/"Name" do provedor). */
+    name: string;
+    /** O conteúdo (o campo "Valor"/"Aponta para"/"Content"). */
+    value: string;
+    /** Uma marca curta embaixo do tipo ("Esta conta"), quando um registro precisa se distinguir dos outros. */
+    tag?: ReactNode;
+}
+type SelectDnsRecordsOwnProps = {
+    records: SelectDnsRecord[];
+    /** Os cabeçalhos, se o produto chamar os campos de outro jeito. */
+    labels?: {
+        type?: string;
+        name?: string;
+        value?: string;
+    };
+};
+export type SelectDnsRecordsProps = SelectDnsRecordsOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectDnsRecordsOwnProps>;
+export declare const SelectDnsRecords: import('react').ForwardRefExoticComponent<SelectDnsRecordsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectDnsRecordsOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/SelectFactStrip.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/** `done` = feito · `todo` = falta o lojista agir · `wait` = esperando (nada a fazer agora) · `critical` = errado. */
+export type SelectStripFactState = 'done' | 'todo' | 'wait' | 'critical';
+export interface SelectStripFact {
+    /** O rótulo (fato) ou o nome do passo. */
+    label: ReactNode;
+    /** O valor (fato) ou a situação do passo. */
+    value?: ReactNode;
+    /** A cor do valor: o prazo vencido (`caution`), o que deu errado (`critical`), o que fechou (`success`). */
+    tone?: 'caution' | 'critical' | 'success';
+    /** Com estado, o item vira passo: a marca redonda antes, o nome em negrito e a situação embaixo. */
+    state?: SelectStripFactState;
+}
+type SelectFactStripOwnProps = {
+    items: SelectStripFact[];
+};
+export type SelectFactStripProps = SelectFactStripOwnProps & Omit<ComponentPropsWithoutRef<'dl'>, keyof SelectFactStripOwnProps>;
+export declare const SelectFactStrip: import('react').ForwardRefExoticComponent<SelectFactStripOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref">, "items"> & import('react').RefAttributes<HTMLDListElement>>;
+export {};

package/dist/SelectModal.d.ts

@@ -1,11 +1,13 @@
 import { ReactNode } from 'react';
-export declare function SelectModal({ open, onClose, eyebrow, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, backdrop, theme, placement, headerAction, }: {
+export declare function SelectModal({ open, onClose, eyebrow, title, subtitle, badge, children, footer, aside, size, showClose, noise, dividedHeader, backdrop, theme, placement, headerAction, flush, }: {
     open: boolean;
     onClose: () => void;
     /** Uma linha de contexto acima do título ("Passo a passo · ponto 1 de 5"). */
     eyebrow?: ReactNode;
     title?: ReactNode;
     subtitle?: ReactNode;
+    /** 0.1.184: o selo da situação (`SelectBadge`), na linha do subtítulo, antes dele ("Aberto · Chamado · Estorno"). */
+    badge?: ReactNode;
     children?: ReactNode;
     footer?: ReactNode;
     /** Left rail content — switches the modal to the wide split layout. */
@@ -26,4 +28,10 @@ export declare function SelectModal({ open, onClose, eyebrow, title, subtitle, c
      * estreita ele desce para baixo do título, na largura toda. Só no layout padrão (sem `aside`).
      */
     headerAction?: ReactNode;
+    /**
+     * O corpo sem respiro (0.1.184): cada filho é uma FAIXA de ponta a ponta, separada da seguinte por um traço — a
+     * faixa de fatos, a conversa, a caixa de responder. Cada faixa traz o próprio respiro (`SelectBox padding`); a
+     * `SelectFactStrip` já vem com o dela.
+     */
+    flush?: boolean;
 }): import('react').ReactPortal | null;

package/dist/SelectStatusPage.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface SelectStatusPageMeta {
+    label: ReactNode;
+    /** O que aparece (mono). */
+    value: ReactNode;
+    /** O texto que o botão de copiar leva; sem ele, não há botão. */
+    copy?: string;
+}
+type SelectStatusPageOwnProps = {
+    /** O selo: "Erro 404", "Erro 500", "Sem acesso". */
+    badge: ReactNode;
+    /** A cor do selo. */
+    tone?: 'neutral' | 'info' | 'warning' | 'critical';
+    title: ReactNode;
+    /** Uma linha: o que aconteceu, em palavras de quem usa. */
+    description?: ReactNode;
+    /** Os botões (`SelectButton inline`): o principal primeiro. */
+    actions?: ReactNode;
+    /** A marca, em cima do card (o símbolo e o nome). */
+    brand?: ReactNode;
+    /** Os dados para o suporte, na faixa de baixo. */
+    meta?: SelectStatusPageMeta[];
+};
+export type SelectStatusPageProps = SelectStatusPageOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectStatusPageOwnProps | 'title'>;
+export declare const SelectStatusPage: import('react').ForwardRefExoticComponent<SelectStatusPageOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectStatusPageOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/index.d.ts

@@ -95,6 +95,12 @@ export type { SelectMailEditorProps } from './SelectMailEditor';
 export type { SelectInboxProps, SelectInboxToolbarProps, SelectInboxEmptyProps, SelectMailboxStatusTone, SelectMailAddress, SelectMailListItemProps, SelectMailReaderProps, SelectMailMessageProps, SelectMailAttachmentProps, SelectMailAttachmentState, SelectMailComposerProps, SelectMailUploadProps, SelectMailUploadState, SelectRecipientInputProps, SelectTemplateMenuItem, SelectTemplateMenuProps, } from './SelectMail';
 export type { SelectKanbanColumn, SelectKanbanProps, SelectKanbanCardProps } from './SelectKanban';
 export { SelectModal } from './SelectModal';
+export { SelectFactStrip } from './SelectFactStrip';
+export type { SelectStripFact, SelectStripFactState, SelectFactStripProps } from './SelectFactStrip';
+export { SelectDnsRecords } from './SelectDnsRecords';
+export type { SelectDnsRecord, SelectDnsRecordsProps } from './SelectDnsRecords';
+export { SelectStatusPage } from './SelectStatusPage';
+export type { SelectStatusPageMeta, SelectStatusPageProps } from './SelectStatusPage';
 export { SelectPopover } from './SelectPopover';
 export { SelectActionList } from './SelectActionList';
 export { SelectTooltip } from './SelectTooltip';