@snksergio/design-system 0.19.1 → 0.30.2

package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.types.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from '../Icon';
+import { DateSeparatorChipVariantProps } from './date-separator-chip.styles';
+/** Variante visual do separador. */
+export type DateSeparatorChipVariant = NonNullable<DateSeparatorChipVariantProps["variant"]>;
+export interface DateSeparatorChipProps {
+    /** Texto centralizado da pílula (ex: "Hoje", "Conversa encerrada"). Obrigatório. */
+    label: string;
+    /**
+     * `date` (default) → só o chip pílula neutra centralizado (separador de data).
+     * `boundary` → chip entre 2 réguas finas (conversa encerrada/iniciada).
+     */
+    variant?: DateSeparatorChipVariant;
+    /**
+     * Ícone opcional à esquerda do label. Útil em `boundary`
+     * (ex: `line-check-circle` pra "conversa encerrada").
+     */
+    icon?: IconName;
+    /** className do container (root). */
+    className?: string;
+}
+//# sourceMappingURL=date-separator-chip.types.d.ts.map

package/dist-lib/src/components/ui/DateSeparatorChip/date-separator-chip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-separator-chip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DateSeparatorChip/date-separator-chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAElF,oCAAoC;AACpC,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAChD,6BAA6B,CAAC,SAAS,CAAC,CACzC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/DateSeparatorChip/index.d.ts

@@ -0,0 +1,5 @@
+export { DateSeparatorChip } from './date-separator-chip';
+export { dateSeparatorChipStyles } from './date-separator-chip.styles';
+export type { DateSeparatorChipVariantProps } from './date-separator-chip.styles';
+export type { DateSeparatorChipProps, DateSeparatorChipVariant, } from './date-separator-chip.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/DateSeparatorChip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DateSeparatorChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAClF,YAAY,EACV,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,6BAA6B,CAAC"}

package/dist-lib/src/components/ui/EmptyState/empty-state.d.ts

@@ -0,0 +1,12 @@
+import { EmptyStateProps } from './empty-state.types';
+/**
+ * EmptyState — estado vazio genérico reusável no app todo. Compõe `Icon`/lucide +
+ * `Button` (do DS) num bloco centralizado vertical e horizontalmente.
+ *
+ * Visual 100% via tokens DS (gap-gp-*, size-icon-*, text-title-*, text-body-*,
+ * text-fg-*, max-w-*). A ação aceita `{ label, onClick }` (vira Button)
+ * ou um `ReactNode` custom. Componente declarativo de display — sem foco próprio
+ * (o único interativo é o Button da ação, que já traz o Padrão 1).
+ */
+export declare function EmptyState({ icon, title, description, action, size, className, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist-lib/src/components/ui/EmptyState/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/EmptyState/empty-state.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAgD7E;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAW,EACX,SAAS,GACV,EAAE,eAAe,2CAiCjB"}

package/dist-lib/src/components/ui/EmptyState/empty-state.styles.d.ts

@@ -0,0 +1,83 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * EmptyState — estado vazio genérico reusável (sem dados, busca sem resultado,
+ * conversa não selecionada, lista vazia, etc.).
+ *
+ * Anatomia (só o wrapper; Button/Icon trazem os próprios estilos):
+ *   root        = coluna centralizada vertical/horizontal, texto centralizado
+ *   icon        = wrapper do ícone (size por `size`, cor fg-subtle); o ícone em si
+ *                 (LucideIcon ou ReactNode) herda o size via `[&_svg]:size-full`
+ *   title       = título forte (text-title-sm/md, fg-strong)
+ *   description = texto auxiliar (body-sm, fg-muted, largura máx 360px)
+ *   action      = slot do Button (margin-top de respiro)
+ *
+ * Sem color variants nem foco próprio: o único interativo é o `action` (Button do
+ * DS, que já traz Padrão 1). `disabled` não se aplica a este componente
+ * declarativo de display — por isso não há compoundVariant de disabled.
+ */
+export declare const emptyStateStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            icon: string;
+            title: string;
+        };
+        md: {
+            icon: string;
+            title: string;
+        };
+        lg: {
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    action: string;
+}, undefined, {
+    size: {
+        sm: {
+            icon: string;
+            title: string;
+        };
+        md: {
+            icon: string;
+            title: string;
+        };
+        lg: {
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    action: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            icon: string;
+            title: string;
+        };
+        md: {
+            icon: string;
+            title: string;
+        };
+        lg: {
+            icon: string;
+            title: string;
+        };
+    };
+}, {
+    root: string;
+    icon: string;
+    title: string;
+    description: string;
+    action: string;
+}, undefined, unknown, unknown, undefined>>;
+export type EmptyStateVariantProps = VariantProps<typeof emptyStateStyles>;
+//# sourceMappingURL=empty-state.styles.d.ts.map

package/dist-lib/src/components/ui/EmptyState/empty-state.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/EmptyState/empty-state.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2B3B,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist-lib/src/components/ui/EmptyState/empty-state.types.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from '../../../lib/lucide-types';
+import { ButtonProps } from '../Button';
+import { EmptyStateVariantProps } from './empty-state.styles';
+/** Tamanho do estado vazio (ícone + tipografia do título). */
+export type EmptyStateSize = NonNullable<EmptyStateVariantProps["size"]>;
+/**
+ * Ação declarativa do EmptyState — vira um `<Button>` do DS. `color`/`variant`
+ * são opcionais e repassados ao Button (default primary/filled).
+ */
+export interface EmptyStateAction {
+    /** Texto do botão. */
+    label: string;
+    /** Handler do clique. */
+    onClick: () => void;
+    /** Cor do Button (repassada). Default: brand/primary. */
+    color?: ButtonProps["color"];
+    /** Variante do Button (repassada). Default: filled. */
+    variant?: ButtonProps["variant"];
+}
+export interface EmptyStateProps {
+    /**
+     * Ícone do estado vazio. Aceita um componente lucide (`LucideIcon`, ex:
+     * `Inbox`) ou qualquer `ReactNode` (Icon do DS, ilustração, etc.). Quando
+     * componente, é renderizado com o tamanho do `size` aplicado; quando node,
+     * herda o tamanho do wrapper via `[&_svg]:size-full`.
+     */
+    icon?: LucideIcon | ReactNode;
+    /** Título principal (obrigatório). */
+    title: string;
+    /** Texto auxiliar opcional sob o título. */
+    description?: string;
+    /**
+     * Ação opcional. Aceita o objeto `{ label, onClick }` (vira um `<Button>` do
+     * DS) ou um `ReactNode` custom (ex: dois botões, link, etc.).
+     */
+    action?: EmptyStateAction | ReactNode;
+    /** Tamanho. `sm` · `md` (default) · `lg`. */
+    size?: EmptyStateSize;
+    /** className do container (root). */
+    className?: string;
+}
+//# sourceMappingURL=empty-state.types.d.ts.map

package/dist-lib/src/components/ui/EmptyState/empty-state.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/EmptyState/empty-state.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,8DAA8D;AAC9D,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC;AAEzE;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,uDAAuD;IACvD,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACtC,6CAA6C;IAC7C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/EmptyState/index.d.ts

@@ -0,0 +1,5 @@
+export { EmptyState } from './empty-state';
+export { emptyStateStyles } from './empty-state.styles';
+export type { EmptyStateVariantProps } from './empty-state.styles';
+export type { EmptyStateProps, EmptyStateAction, EmptyStateSize, } from './empty-state.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,GACf,MAAM,qBAAqB,CAAC"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.d.ts

@@ -0,0 +1,15 @@
+import { FileUploadFieldProps } from './file-upload-field.types';
+/**
+ * FileUploadField — captura de UM arquivo (dumb: só captura File + preview).
+ * O consumidor é responsável pelo upload. Composto de FormField + Button + Chip + Icon.
+ *
+ * - Estado VAZIO (`value == null`): dropzone `<button>` que abre o seletor nativo.
+ * - Estado COM-ARQUIVO: preview (thumbnail de imagem ou Chip de arquivo) + remover.
+ * - Rejeição por tipo/tamanho: arquivo NÃO vira value; dispara `onError("type"|"size")`.
+ *
+ * A11y: dropzone é `<button>` (Enter/Space abrem o seletor); input file hidden
+ * com id linkado ao FormField; thumbnail com `alt`; remover icon-only com aria-label.
+ * Drag & drop é fase 2 (não implementado — API preservada).
+ */
+export declare function FileUploadField({ value, onChange, accept, maxSizeMB, preview, fileName, label, required, state, errorMessage, helperText, onError, disabled, id, className, }: FileUploadFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-upload-field.d.ts.map

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,2BAA2B,CAAC;AA8BnC;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAgB,EAChB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,EAAE,EACF,SAAS,GACV,EAAE,oBAAoB,2CA2HtB"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.styles.d.ts

@@ -0,0 +1,66 @@
+/**
+ * FileUploadField styles — slots do widget renderizado dentro do FormField.
+ *
+ * - `dropzone`: estado VAZIO (value == null) — botão full-width clicável.
+ * - `dropIcon` / `dropText` / `dropHint`: conteúdo do dropzone.
+ * - `fileRow`: estado COM-ARQUIVO — preview + ação de remover.
+ * - `thumb`: preview de imagem.
+ * - `fileName`: nome do arquivo (truncate) no Chip de fallback.
+ *
+ * Focus do dropzone = Padrão 1 (botão estático): outline-none + ring-4.
+ * `disabled` é o último variant declarado (L-006) — vence na cascata de slots.
+ */
+export declare const fileUploadFieldStyles: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: {
+            dropzone: string;
+            fileRow: string;
+        };
+    };
+}, {
+    dropzone: string[];
+    dropIcon: string;
+    dropText: string;
+    dropHint: string;
+    fileRow: string[];
+    thumb: string[];
+    fileChipWrap: string;
+    fileName: string;
+    removeWrap: string;
+}, undefined, {
+    disabled: {
+        true: {
+            dropzone: string;
+            fileRow: string;
+        };
+    };
+}, {
+    dropzone: string[];
+    dropIcon: string;
+    dropText: string;
+    dropHint: string;
+    fileRow: string[];
+    thumb: string[];
+    fileChipWrap: string;
+    fileName: string;
+    removeWrap: string;
+}, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: {
+            dropzone: string;
+            fileRow: string;
+        };
+    };
+}, {
+    dropzone: string[];
+    dropIcon: string;
+    dropText: string;
+    dropHint: string;
+    fileRow: string[];
+    thumb: string[];
+    fileChipWrap: string;
+    fileName: string;
+    removeWrap: string;
+}, undefined, unknown, unknown, undefined>>;
+export type FileUploadFieldVariantProps = Parameters<typeof fileUploadFieldStyles>[0];
+//# sourceMappingURL=file-upload-field.styles.d.ts.map

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-field.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsChC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts

@@ -0,0 +1,41 @@
+import { FieldState } from '../FormField';
+/** Modo de preview do arquivo selecionado. `auto` infere por accept/MIME. */
+export type FileUploadPreview = "image" | "file" | "auto";
+/** Motivo da rejeição de um arquivo (não vira value). */
+export type FileUploadError = "type" | "size";
+export interface FileUploadFieldProps {
+    /**
+     * Arquivo atual. `File` (recém-selecionado), `string` (URL já hospedada),
+     * ou `null` (vazio). Componente é dumb: não faz upload, só captura/preview.
+     */
+    value: File | string | null;
+    /** Callback ao selecionar (`File`) ou remover (`null`). */
+    onChange: (file: File | null) => void;
+    /** Filtro do seletor nativo + validação de tipo (ex: `"image/*"`, `".pdf,.png"`). */
+    accept?: string;
+    /** Tamanho máximo em MB. Arquivo acima é rejeitado via `onError("size")`. */
+    maxSizeMB?: number;
+    /** Modo de preview. `auto` (default) infere por `accept`/MIME do value. */
+    preview?: FileUploadPreview;
+    /** Nome exibido quando `value` é uma URL (string). */
+    fileName?: string;
+    /** Label do campo (renderizado pelo FormField). */
+    label?: string;
+    /** Marca como obrigatório (asterisco no label). */
+    required?: boolean;
+    /** Estado semântico — `error` pinta borda/mensagem do FormField. */
+    state?: FieldState;
+    /** Mensagem exibida quando `state="error"`. */
+    errorMessage?: string;
+    /** Texto auxiliar abaixo do campo. */
+    helperText?: string;
+    /** Chamado quando um arquivo é rejeitado por tipo ou tamanho. */
+    onError?: (reason: FileUploadError) => void;
+    /** Desabilita o campo (dropzone e remover). */
+    disabled?: boolean;
+    /** id do input (linka label↔input via htmlFor). */
+    id?: string;
+    /** className do container externo (FormField). */
+    className?: string;
+}
+//# sourceMappingURL=file-upload-field.types.d.ts.map

package/dist-lib/src/components/ui/FileUploadField/file-upload-field.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-field.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/file-upload-field.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,6EAA6E;AAC7E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,yDAAyD;AACzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/FileUploadField/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUploadField } from './file-upload-field';
+export type { FileUploadFieldProps, FileUploadPreview, FileUploadError, } from './file-upload-field.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/FileUploadField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FileUploadField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,MAAM,2BAA2B,CAAC"}

package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts

@@ -3,8 +3,11 @@ import { KpiDeltaProps } from './kpi.types';
  * KpiDelta — pílula de variação (sobre o Chip). Tom semântico explícito
  * (success/danger/neutral) + seta opcional. O tom é decisão do consumidor —
  * "subir" nem sempre é positivo (ex.: tempo de espera).
+ *
+ * `signed` deriva tom+seta do sinal do `value` ("-" → danger/down; senão
+ * success/up). `tone`/`direction` explícitos sempre vencem.
  */
-export declare function KpiDelta({ value, tone, direction, className, }: KpiDeltaProps): import("react/jsx-runtime").JSX.Element;
+export declare function KpiDelta({ value, tone, direction, signed, className, }: KpiDeltaProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace KpiDelta {
     var displayName: string;
 }

package/dist-lib/src/components/ui/Kpi/kpi-delta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kpi-delta.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi-delta.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAgB,EAChB,SAAS,EACT,SAAS,GACV,EAAE,aAAa,2CAkBf;yBAvBe,QAAQ"}
+{"version":3,"file":"kpi-delta.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi-delta.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,MAAc,EACd,SAAS,GACV,EAAE,aAAa,2CAuBf;yBA7Be,QAAQ"}

package/dist-lib/src/components/ui/Kpi/kpi.d.ts

@@ -4,7 +4,7 @@ import { KpiProps } from './kpi.types';
  * delta, hint, slot livre (sparkline/chart) e footnote. Use dentro de
  * `KpiGroup` pra rows/grids; dentro de `KpiGroup divided` ele vira "plain".
  */
-export declare function Kpi({ label, value, delta, hint, icon, tone, footnote, children, surface, className, }: KpiProps): import("react/jsx-runtime").JSX.Element;
+export declare function Kpi({ label, value, delta, hint, icon, tone, size, footnote, children, surface, className, }: KpiProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Kpi {
     var displayName: string;
 }

package/dist-lib/src/components/ui/Kpi/kpi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kpi.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,QAAQ,2CAyBV;yBApCe,GAAG"}
+{"version":3,"file":"kpi.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAgB,EAChB,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,QAAQ,2CAyBV;yBArCe,GAAG"}

package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts

@@ -1,4 +1,18 @@
 export declare const kpi: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+    };
     surface: {
         card: {
             root: string;
@@ -39,6 +53,20 @@ export declare const kpi: import('tailwind-variants').TVReturnType<{
     chart: string;
     footnote: string;
 }, undefined, {
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+    };
     surface: {
         card: {
             root: string;
@@ -79,6 +107,20 @@ export declare const kpi: import('tailwind-variants').TVReturnType<{
     chart: string;
     footnote: string;
 }, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            value: string;
+        };
+        md: {
+            value: string;
+        };
+        lg: {
+            value: string;
+        };
+        xl: {
+            value: string;
+        };
+    };
     surface: {
         card: {
             root: string;

package/dist-lib/src/components/ui/Kpi/kpi.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kpi.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoCd,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAoBnB,CAAC"}
+{"version":3,"file":"kpi.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA8Cd,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAoBnB,CAAC"}

package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts

@@ -4,10 +4,17 @@ export type KpiTone = "brand" | "success" | "warning" | "info" | "danger" | "neu
 export interface KpiDeltaProps {
     /** Texto do delta (ex.: "+18%", "-12s"). */
     value: ReactNode;
-    /** Tom da pílula. Default: "success". */
+    /** Tom da pílula. Default: "success" (ou derivado do sinal quando `signed`). */
     tone?: "success" | "danger" | "neutral";
     /** Mostra seta ↑/↓ antes do valor. */
     direction?: "up" | "down";
+    /**
+     * Deriva `tone` + `direction` do SINAL do `value` (string): começa com "-"
+     * → danger/down, senão success/up. Opt-in; `tone`/`direction` explícitos
+     * sempre vencem. Use quando o delta é literalmente positivo/negativo (ex.:
+     * "+458", "-12"); NÃO use quando "subir" não é bom (ex.: tempo de espera).
+     */
+    signed?: boolean;
     className?: string;
 }
 export interface KpiProps {
@@ -23,6 +30,11 @@ export interface KpiProps {
     icon?: ReactNode;
     /** Tom do container do ícone. Default: "neutral". */
     tone?: KpiTone;
+    /**
+     * Tamanho do valor de destaque (preset `stat-*`). Default "md" (24px) —
+     * idêntico ao comportamento anterior. Use "lg"/"xl" para KPIs hero.
+     */
+    size?: "sm" | "md" | "lg" | "xl";
     /** Nota no rodapé (com divisória acima). */
     footnote?: ReactNode;
     /** Slot livre (sparkline/chart) renderizado abaixo do valor. */

package/dist-lib/src/components/ui/Kpi/kpi.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kpi.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,kDAAkD;AAClD,MAAM,MAAM,OAAO,GACf,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"kpi.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Kpi/kpi.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,kDAAkD;AAClD,MAAM,MAAM,OAAO,GACf,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,gEAAgE;IAChE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/MarkdownText/index.d.ts

@@ -0,0 +1,5 @@
+export { MarkdownText } from './markdown-text';
+export { markdownTextStyles } from './markdown-text.styles';
+export type { MarkdownTextVariantProps } from './markdown-text.styles';
+export type { MarkdownTextProps } from './markdown-text.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/MarkdownText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-lib/src/components/ui/MarkdownText/markdown-text.d.ts

@@ -0,0 +1,14 @@
+import { MarkdownTextProps } from './markdown-text.types';
+/**
+ * MarkdownText — renderiza markdown estilo WhatsApp já SANITIZADO.
+ *
+ * Porta de `ui-igreen-hub/src/components/MarkdownWrapper`, sem dependência de
+ * `markdown-to-jsx`: parse manual para React nodes, então nenhum HTML cru é
+ * interpretado (a sintaxe não suportada vira texto literal — seguro por design).
+ *
+ * `inline=false` (default) → `<p>` preservando quebras de linha (`pre-wrap`).
+ * `inline=true` → `<span>` colapsando quebras (prévia truncável com line-clamp
+ * do consumer).
+ */
+export declare function MarkdownText({ children, inline, className, }: MarkdownTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=markdown-text.d.ts.map

package/dist-lib/src/components/ui/MarkdownText/markdown-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/markdown-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAmI/D;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAc,EACd,SAAS,GACV,EAAE,iBAAiB,2CAanB"}

package/dist-lib/src/components/ui/MarkdownText/markdown-text.styles.d.ts

@@ -0,0 +1,72 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * MarkdownText — renderiza markdown estilo WhatsApp (*bold*, _italic_,
+ * ~strike~, `mono`/```mono```, URLs autolinkadas) já SANITIZADO (parse manual
+ * para React nodes, sem `dangerouslySetInnerHTML`).
+ *
+ * Anatomia visual (só os wrappers; o conteúdo é texto puro):
+ *   root  = container do texto (text-body-sm). Em `inline=false` é `<p>` com
+ *           `whitespace-pre-wrap` (preserva quebras de linha do WhatsApp);
+ *           em `inline=true` é `<span>` com `whitespace-normal` (colapsa
+ *           quebras → prévia de última mensagem truncável via line-clamp do
+ *           consumer).
+ *   strong/em/strike = marcas inline; só peso/estilo/decoração tokenizáveis.
+ *   code  = trecho monoespaçado com fundo sutil (bg-bg-muted) e radius pequeno.
+ *   link  = URL clicável em cor de marca + underline; abre em nova aba com
+ *           rel=noopener noreferrer (segurança).
+ *
+ * Sem variantes de cor/foco (não é interativo além dos links, que herdam o
+ * foco padrão do `<a>`). `inline` é a única variante e controla a quebra de
+ * linha do root.
+ */
+export declare const markdownTextStyles: import('tailwind-variants').TVReturnType<{
+    inline: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    strong: string;
+    em: string;
+    strike: string;
+    code: string;
+    link: string;
+}, undefined, {
+    inline: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    strong: string;
+    em: string;
+    strike: string;
+    code: string;
+    link: string;
+}, import('tailwind-variants').TVReturnType<{
+    inline: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    strong: string;
+    em: string;
+    strike: string;
+    code: string;
+    link: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MarkdownTextVariantProps = VariantProps<typeof markdownTextStyles>;
+//# sourceMappingURL=markdown-text.styles.d.ts.map

package/dist-lib/src/components/ui/MarkdownText/markdown-text.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-text.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/markdown-text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkB7B,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist-lib/src/components/ui/MarkdownText/markdown-text.types.d.ts

@@ -0,0 +1,26 @@
+export interface MarkdownTextProps {
+    /**
+     * Texto-fonte em markdown estilo WhatsApp. Obrigatório.
+     *
+     * Sintaxe suportada:
+     *   - `*bold*`    → negrito (font-semibold)
+     *   - `_italic_`  → itálico
+     *   - `~strike~`  → tachado
+     *   - `` `mono` `` ou ```` ```mono``` ```` → monoespaçado com fundo sutil
+     *   - URLs (`http://`, `https://`, `www.`) → link em nova aba
+     *
+     * O conteúdo é parseado para React nodes (sem `dangerouslySetInnerHTML`),
+     * portanto qualquer HTML/markdown não suportado é renderizado como texto
+     * literal — seguro contra injeção.
+     */
+    children: string;
+    /**
+     * `true` → renderiza em `<span>` e colapsa quebras de linha em espaço
+     * (ideal para prévia de última mensagem truncável com `line-clamp` do
+     * consumer). `false` (default) → renderiza em `<p>` preservando quebras.
+     */
+    inline?: boolean;
+    /** className extra aplicado ao elemento raiz. */
+    className?: string;
+}
+//# sourceMappingURL=markdown-text.types.d.ts.map

package/dist-lib/src/components/ui/MarkdownText/markdown-text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-text.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/markdown-text.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist-lib/src/components/ui/MenuSidebar/sidebar-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CA4FrB"}
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MenuSidebar/sidebar-section.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CAyGrB"}