@fluityy/designsystem 0.2.19 → 0.2.20

package/dist/components/Ai/AiActionButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '../Button/Button';
+export interface AiActionButtonProps extends Omit<ButtonProps, "children" | "size"> {
+    /** Texto da tooltip e aria-label. */
+    label?: string;
+    /** Destaca o ícone como ativo. */
+    active?: boolean;
+}
+export declare const AiActionButton: import('react').ForwardRefExoticComponent<AiActionButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Ai/AiActionsMenu.d.ts

@@ -0,0 +1,15 @@
+export interface AiActionItem {
+    id: string;
+    label: string;
+    onSelect?: () => void;
+}
+export interface AiActionsMenuProps {
+    items?: AiActionItem[];
+    onAction?: (id: string) => void;
+    label?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+/** Menu de ações de IA acionado por botão sparkle. */
+export declare function AiActionsMenu({ items, onAction, label, loading, disabled, className, }: AiActionsMenuProps): import("react").JSX.Element;

package/dist/components/Ai/AiBadge.d.ts

@@ -0,0 +1,8 @@
+import { BadgeProps } from '../Badge/Badge';
+export type AiBadgeLabel = "AI" | "Gerado" | "Sugerido";
+export interface AiBadgeProps extends Omit<BadgeProps, "children"> {
+    label?: AiBadgeLabel;
+    showIcon?: boolean;
+}
+/** Badge para marcar conteúdo ou áreas assistidas por IA. */
+export declare const AiBadge: import('react').ForwardRefExoticComponent<AiBadgeProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/Ai/AiEmptyState.d.ts

@@ -0,0 +1,8 @@
+export interface AiEmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    suggestions?: string[];
+    onSuggestionClick?: (suggestion: string) => void;
+}
+/** Estado vazio de chat com sugestões de prompt. */
+export declare function AiEmptyState({ title, description, suggestions, onSuggestionClick, className, ...props }: AiEmptyStateProps): import("react").JSX.Element;

package/dist/components/Ai/AiIcon.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+declare const aiIconVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "loading" | "active" | "idle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AiIconProps extends VariantProps<typeof aiIconVariants> {
+    className?: string;
+}
+/** Ícone sparkle padronizado para ações de IA. */
+export declare function AiIcon({ size, state, className }: AiIconProps): import("react").JSX.Element;
+export {};

package/dist/components/Ai/AiInputActions.d.ts

@@ -0,0 +1,10 @@
+export interface AiInputActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/** Slot compound para adornments de IA no canto direito de um Input. */
+export declare function AiInputActions({ children, className, ...props }: AiInputActionsProps): import("react").JSX.Element;
+export interface AiInputFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/** Wrapper relative para Input + AiInputActions. */
+export declare function AiInputField({ children, className, ...props }: AiInputFieldProps): import("react").JSX.Element;

package/dist/components/Ai/AiMessage.d.ts

@@ -0,0 +1,51 @@
+export type AiMessageRole = "user" | "assistant";
+export type AiMessageTone = "solid" | "subtle" | "outline";
+export type AiMessageReceiptStatus = "sent" | "read";
+export interface AiMessageReceiptProps extends React.HTMLAttributes<HTMLSpanElement> {
+    status: AiMessageReceiptStatus;
+    onBrand?: boolean;
+}
+/** Indicador de confirmação de envio/leitura para mensagens enviadas. */
+export declare function AiMessageReceipt({ status, onBrand, className, ...props }: AiMessageReceiptProps): import("react").JSX.Element;
+export interface AiMessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    role?: AiMessageRole;
+    tone?: AiMessageTone;
+    author?: string;
+    timestamp?: string;
+    receiptStatus?: AiMessageReceiptStatus;
+    generated?: boolean;
+    /** Oculta meta e avatar; mantém alinhamento para bolhas consecutivas do mesmo remetente. */
+    grouped?: boolean;
+    showAvatar?: boolean;
+    showMeta?: boolean;
+    badge?: React.ReactNode;
+    maxWidthClassName?: string;
+    children: React.ReactNode;
+}
+export interface AiMessageGroupKey {
+    role: AiMessageRole;
+    author?: string;
+}
+/** Indica se a mensagem continua o mesmo bloco da anterior (mesmo papel/autor). */
+export declare function isAiMessageGrouped(current: AiMessageGroupKey, previous?: AiMessageGroupKey): boolean;
+/** Bubble de mensagem para interfaces de chat com IA. */
+export declare function AiMessage({ role, tone, author, timestamp, receiptStatus, generated, grouped, showAvatar, showMeta, badge, maxWidthClassName, children, className, ...props }: AiMessageProps): import("react").JSX.Element;
+export interface AiMessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    onCopy?: () => void;
+    onRegenerate?: () => void;
+    onFeedback?: (positive: boolean) => void;
+    align?: "start" | "end";
+    inset?: boolean;
+}
+/** Ações pós-resposta: copiar, regenerar, feedback. */
+export declare function AiMessageActions({ onCopy, onRegenerate, onFeedback, align, inset, className, ...props }: AiMessageActionsProps): import("react").JSX.Element;
+export declare function AiChatDayDivider({ label, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    label: string;
+}): import("react").JSX.Element;
+export declare function AiTypingIndicator({ label, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+}): import("react").JSX.Element;
+export declare function AiMessageAttachment({ name, meta, onClick, className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    name: string;
+    meta?: string;
+}): import("react").JSX.Element;

package/dist/components/Ai/AiStatus.d.ts

@@ -0,0 +1,8 @@
+export type AiStatusVariant = "loading" | "ready" | "error" | "idle";
+export interface AiStatusProps {
+    variant?: AiStatusVariant;
+    message?: string;
+    className?: string;
+}
+/** Indicador compacto de estado de processamento IA. */
+export declare function AiStatus({ variant, message, className }: AiStatusProps): import("react").JSX.Element | null;

package/dist/components/Ai/AiSuggestionChip.d.ts

@@ -0,0 +1,5 @@
+export interface AiSuggestionChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+}
+/** Chip clicável com prompt sugerido para ações de IA. */
+export declare const AiSuggestionChip: import('react').ForwardRefExoticComponent<AiSuggestionChipProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Ai/AiTextareaToolbar.d.ts

@@ -0,0 +1,20 @@
+import { AiActionItem } from './AiActionsMenu';
+import { AiStatusVariant } from './AiStatus';
+export interface AiTextareaToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    onRefine?: () => void;
+    onExpand?: () => void;
+    onAction?: (id: string) => void;
+    actions?: AiActionItem[];
+    status?: AiStatusVariant;
+    statusMessage?: string;
+    loading?: boolean;
+    tokenCount?: number;
+    showMenu?: boolean;
+}
+/** Barra de ações de IA abaixo de um Textarea. */
+export declare function AiTextareaToolbar({ onRefine, onExpand, onAction, actions, status, statusMessage, loading, tokenCount, showMenu, className, children, ...props }: AiTextareaToolbarProps): import("react").JSX.Element;
+export interface AiTextareaFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/** Wrapper para Textarea + AiTextareaToolbar com borda unificada. */
+export declare function AiTextareaField({ children, className, ...props }: AiTextareaFieldProps): import("react").JSX.Element;

package/dist/components/Ai/AiThinking.d.ts

@@ -0,0 +1,5 @@
+export interface AiThinkingProps extends React.HTMLAttributes<HTMLDivElement> {
+    lines?: number;
+}
+/** Skeleton shimmer enquanto a IA gera uma resposta. */
+export declare function AiThinking({ lines, className, ...props }: AiThinkingProps): import("react").JSX.Element;

package/dist/components/Ai/PromptComposer.d.ts

@@ -0,0 +1,28 @@
+export interface PromptComposerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare function PromptComposer({ children, className, ...props }: PromptComposerProps): import("react").JSX.Element;
+export interface PromptComposerInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+export declare const PromptComposerInput: import('react').ForwardRefExoticComponent<PromptComposerInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export interface PromptComposerActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare function PromptComposerActions({ children, className, ...props }: PromptComposerActionsProps): import("react").JSX.Element;
+export interface PromptComposerModelProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    models?: {
+        value: string;
+        label: string;
+    }[];
+    className?: string;
+}
+export declare function PromptComposerModel({ value, onChange, models, className, }: PromptComposerModelProps): import("react").JSX.Element;
+export interface PromptComposerSendProps {
+    onClick?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    label?: string;
+}
+export declare function PromptComposerSend({ onClick, loading, disabled, label, }: PromptComposerSendProps): import("react").JSX.Element;

package/dist/components/Ai/index.d.ts

@@ -0,0 +1,12 @@
+export * from './AiIcon';
+export * from './AiActionButton';
+export * from './AiBadge';
+export * from './AiActionsMenu';
+export * from './AiStatus';
+export * from './AiSuggestionChip';
+export * from './AiInputActions';
+export * from './AiTextareaToolbar';
+export * from './PromptComposer';
+export * from './AiMessage';
+export * from './AiThinking';
+export * from './AiEmptyState';

package/dist/components/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const badgeVariants: (props?: ({
-    variant?: "primary" | "outline" | "accent" | "danger" | "neutral" | "accent-bold" | "success" | "warning" | null | undefined;
+    variant?: "primary" | "outline" | "accent" | "danger" | "success" | "warning" | "neutral" | "accent-bold" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {

package/dist/components/Chat/ChatComposer.d.ts

@@ -0,0 +1,77 @@
+import { IconPaperclip, IconMoodSmile, IconPhoto, IconMicrophone, IconPlus } from '@tabler/icons-react';
+export interface ChatComposerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * Container pill do input de chat. Unifica borda, foco e background.
+ * Layout interno: flex-col — use ChatComposerReply no topo e ChatComposerRow
+ * como linha principal de ações + input.
+ */
+export declare function ChatComposer({ children, className, ...props }: ChatComposerProps): import("react").JSX.Element;
+export interface ChatComposerReplyProps extends React.HTMLAttributes<HTMLDivElement> {
+    author: string;
+    message: string;
+    onDismiss?: () => void;
+}
+/** Faixa de prévia de resposta exibida dentro da pill, acima do input. */
+export declare function ChatComposerReply({ author, message, onDismiss, className, ...props }: ChatComposerReplyProps): import("react").JSX.Element;
+export interface ChatComposerRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * Linha horizontal dentro do ChatComposer.
+ * Alinha verticalmente pelo centro (bottom) para suportar multi-line.
+ */
+export declare function ChatComposerRow({ children, className, ...props }: ChatComposerRowProps): import("react").JSX.Element;
+export interface ChatComposerInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Altura máxima em px antes de rolar (default: 160). */
+    maxHeight?: number;
+}
+/** Textarea auto-crescente. Usa flex-1 para preencher a linha. */
+export declare const ChatComposerInput: import('react').ForwardRefExoticComponent<ChatComposerInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export interface ChatComposerModelOption {
+    value: string;
+    label: string;
+}
+export interface ChatComposerModelProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    options?: ChatComposerModelOption[];
+    className?: string;
+}
+/**
+ * Seletor de modelo/velocidade compacto, estilo inline "Fast ▾".
+ * Renderiza um `<select>` nativo estilizado para manter acessibilidade.
+ */
+export declare function ChatComposerModel({ value, onChange, options, className, }: ChatComposerModelProps): import("react").JSX.Element;
+export interface ChatComposerActionProps {
+    icon: React.ReactNode;
+    label: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+/** Botão de ação circular inline (anexo, emoji, foto, mic, +, etc.). */
+export declare function ChatComposerAction({ icon, label, onClick, active, disabled, className, }: ChatComposerActionProps): import("react").JSX.Element;
+/** Separador visual entre grupos de ações. */
+export declare function ChatComposerDivider({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export interface ChatComposerSendProps {
+    onClick?: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+}
+/** Botão de envio circular usando o Button do DS (variant="primary" size="icon"). */
+export declare function ChatComposerSend({ onClick, loading, disabled, label, className, }: ChatComposerSendProps): import("react").JSX.Element;
+export interface ChatComposerToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/** Barra inferior opcional para ações extras abaixo da pill. */
+export declare function ChatComposerToolbar({ children, className, ...props }: ChatComposerToolbarProps): import("react").JSX.Element;
+/** Grupo de actions dentro da toolbar ou da row. */
+export declare function ChatComposerActions({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export { IconPaperclip as ChatComposerIconAttach, IconMoodSmile as ChatComposerIconEmoji, IconPhoto as ChatComposerIconPhoto, IconMicrophone as ChatComposerIconMic, IconPlus as ChatComposerIconPlus, };

package/dist/components/Chat/index.d.ts

@@ -0,0 +1 @@
+export * from './ChatComposer';

package/dist/components/Input/Input.d.ts

@@ -5,5 +5,17 @@ export declare const inputVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
     label?: string;
+    /** Prefixo textual exibido no início do campo (ex.: R$, https://). */
+    inputPrefix?: React.ReactNode;
+    /** Sufixo textual exibido no fim do campo (ex.: kg, %). */
+    inputSuffix?: React.ReactNode;
+    /** Adornment customizado no início do campo. */
+    startAdornment?: React.ReactNode;
+    /** Adornment customizado no fim do campo (ignorado em type=password). */
+    endAdornment?: React.ReactNode;
+    /** Estado semântico do campo para feedback visual. */
+    status?: "default" | "success" | "warning" | "error";
+    /** Mensagem de apoio/estado abaixo do campo. */
+    message?: string;
 }
 export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/index.d.ts

@@ -29,4 +29,6 @@ export * from './Textarea/Textarea';
 export * from './CodeBlock/CodeBlock';
 export * from './Chart';
 export * from './ProfileSettingsModal/ProfileSettingsModal';
+export * from './Ai';
+export * from './Chat';
 export * from '../theme/ThemeProvider';