@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/preview/mocks/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Barrel agregador de mocks reutilizáveis.
+ *
+ * Acessível pelo consumer via:
+ *   import { APP_SHELL_CONTEXTS, chatMocks, clientesMocks } from "@snksergio/design-system/preview/mocks";
+ *
+ * Os mocks de showcases específicas (ChatV2, ClientesShowcase) ficam em
+ * namespaces dedicados para evitar colisão de nomes (ex: ambos têm STATUS_DOT).
+ */
+export * from './app-shell-mocks';
+export * as chatMocks from '../pages/ChatV2/chat-v2-mocks';
+export * as clientesMocks from '../pages/ClientesShowcase/clientes-showcase-mocks';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/mocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/preview/mocks/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,cAAc,mBAAmB,CAAC;AAGlC,OAAO,KAAK,SAAS,MAAM,+BAA+B,CAAC;AAG3D,OAAO,KAAK,aAAa,MAAM,mDAAmD,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/ChatV2.d.ts

@@ -0,0 +1,2 @@
+export default function ChatV2(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatV2.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/ChatV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatV2.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/ChatV2.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA6J7B"}

package/dist-lib/src/preview/pages/ChatV2/chat-v2-mocks.d.ts

@@ -0,0 +1,22 @@
+import { ChannelId, Conversation, ConversationDetail, ConversationStatus, FilterGroupKey, FilterItem, Message } from './chat-v2.types';
+export declare const CHANNEL_LABEL: Record<ChannelId, string>;
+export declare const CHANNEL_HEX: Record<ChannelId, string>;
+export declare const STATUS_DOT: Record<ConversationStatus, string>;
+export declare const CONVERSATIONS: Conversation[];
+export declare const STATUS_WORKFLOW: FilterItem[];
+export declare const CHANNELS_LIST: FilterItem[];
+export declare const CATEGORIES_LIST: FilterItem[];
+export declare const STATUS_INNER_LIST: FilterItem[];
+/**
+ * Fonte única dos grupos de filtros. Consumido por `FiltersColumn` (com
+ * `title`) e `FiltersRail` (sem `title`, divisor entre grupos).
+ */
+export declare const FILTER_GROUPS: {
+    group: FilterGroupKey;
+    title: string;
+    items: FilterItem[];
+}[];
+export declare const CONVERSATION_DETAILS: Record<string, ConversationDetail>;
+export declare const DEFAULT_DETAIL: ConversationDetail;
+export declare const SAMPLE_MESSAGES: Message[];
+//# sourceMappingURL=chat-v2-mocks.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/chat-v2-mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-v2-mocks.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/chat-v2-mocks.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,OAAO,EACR,MAAM,iBAAiB,CAAC;AAIzB,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMjD,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAIzD,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,YAAY,EAqCvC,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,UAAU,EAIvC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,UAAU,EAMrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,UAAU,EAIvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,UAAU,EAIzC,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE;IAC1B,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB,EAKA,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAcnE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,kBAQ5B,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,OAAO,EAOpC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/chat-v2.styles.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Layout root da página Chat V2 — 4 colunas side-by-side em desktop,
+ * fullscreen overlays em mobile (<md), controladas por `mobileView`.
+ */
+export declare const chatV2Styles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            filtersWrap?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            filtersWrap?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */
+    root: string;
+    /** Wrapper dos filtros (col 1) — escondido em mobile. */
+    filtersWrap: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            root?: import('tailwind-merge').ClassNameValue;
+            filtersWrap?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */
+    root: string;
+    /** Wrapper dos filtros (col 1) — escondido em mobile. */
+    filtersWrap: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */
+    root: string;
+    /** Wrapper dos filtros (col 1) — escondido em mobile. */
+    filtersWrap: string;
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * Helpers de className pros 3 estados de mobile view (list/chat/details).
+ * Cada coluna recebe a classe correspondente; em desktop ficam sem efeito.
+ */
+export declare const mobileOverlay: {
+    readonly active: "max-md:absolute max-md:inset-0 max-md:w-full max-md:rounded-radius-none max-md:border-0";
+    readonly hidden: "max-md:hidden";
+};
+//# sourceMappingURL=chat-v2.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/chat-v2.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-v2.styles.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/chat-v2.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;IAErB,yFAAyF;;IAEzF,yDAAyD;;;;;;;;;;IAFzD,yFAAyF;;IAEzF,yDAAyD;;;IAFzD,yFAAyF;;IAEzF,yDAAyD;;2CAG3D,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,aAAa;;;CAGhB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/chat-v2.types.d.ts

@@ -0,0 +1,54 @@
+import { LucideIcon } from '../../../lib/lucide-types';
+export type ChannelId = "whatsapp" | "telegram" | "instagram" | "webchat" | "email";
+export type ConvTagKind = "warning" | "info" | "success";
+export type ConversationStatus = "attending" | "waiting" | "ai";
+export type Conversation = {
+    id: string;
+    name: string;
+    initials: string;
+    avatarHex: string;
+    channel: ChannelId;
+    tag: string;
+    tagKind: ConvTagKind;
+    status: ConversationStatus;
+    statusLabel: string;
+    last: string;
+    time: string;
+    unread: number;
+};
+export type ConversationHistoryItem = {
+    id: string;
+    subject: string;
+    date: string;
+    status: string;
+};
+export type ConversationDetail = {
+    phone: string;
+    email: string;
+    firstContact: string;
+    assignedTo: string;
+    createdAt: string;
+    extraTags: string[];
+    history: ConversationHistoryItem[];
+};
+export type FilterGroupKey = "status" | "channels" | "categories" | "innerStatus";
+export type FilterItem = {
+    id: string;
+    name: string;
+    count: number;
+    hasUnread?: boolean;
+    /** Cor do dot/ícone leading — aceita CSS var ou hex. */
+    color?: string;
+    /** Componente lucide opcional pra leading. */
+    icon?: LucideIcon;
+};
+export type MessageStatus = "sent" | "read";
+export type Message = {
+    id: number;
+    from: "me" | "them";
+    text: string;
+    time: string;
+    status?: MessageStatus;
+};
+export type QueueFilter = "all" | "unread" | "read";
+//# sourceMappingURL=chat-v2.types.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/chat-v2.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-v2.types.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/chat-v2.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,MAAM,SAAS,GACjB,UAAU,GACV,UAAU,GACV,WAAW,GACX,SAAS,GACT,OAAO,CAAC;AAIZ,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,uBAAuB,EAAE,CAAC;CACpC,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAElF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAIF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC;AAIF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ChannelDot/channel-dot.d.ts

@@ -0,0 +1,12 @@
+import { ChannelId } from '../../chat-v2.types';
+export type ChannelDotProps = {
+    channel: ChannelId;
+    /** Quando true, mostra apenas o dot (sem label). Default: false. */
+    dotOnly?: boolean;
+};
+/**
+ * Dot 8px + label do canal. Cor vem de `CHANNEL_HEX`. Usado em
+ * `ConversationListItem`, header de `ConversationColumn` e tooltips.
+ */
+export declare function ChannelDot({ channel, dotOnly }: ChannelDotProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=channel-dot.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ChannelDot/channel-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-dot.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ChannelDot/channel-dot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,OAAe,EAAE,EAAE,eAAe,2CAcvE"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationActionsMenu/conversation-actions-menu.d.ts

@@ -0,0 +1,16 @@
+export type ConversationActionsMenuProps = {
+    /** Quando true, adiciona "Resolver" no topo do dropdown (mobile compact). */
+    showResolveInMenu?: boolean;
+    onResolve?: () => void;
+    onCall?: () => void;
+    onVideo?: () => void;
+    onAddTag?: () => void;
+    onAssign?: () => void;
+    onArchive?: () => void;
+};
+/**
+ * Dropdown "..." do header da conversa com 5–6 ações (Ligar, Vídeo, Tag,
+ * Atribuir, Arquivar; opcionalmente Resolver no topo pra mobile).
+ */
+export declare function ConversationActionsMenu({ showResolveInMenu, onResolve, onCall, onVideo, onAddTag, onAssign, onArchive, }: ConversationActionsMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conversation-actions-menu.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationActionsMenu/conversation-actions-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-actions-menu.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationActionsMenu/conversation-actions-menu.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,4BAA4B,GAAG;IACzC,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,iBAAyB,EACzB,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,4BAA4B,2CAyC9B"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationActionsMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ConversationActionsMenu, type ConversationActionsMenuProps, } from './conversation-actions-menu';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationActionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationActionsMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,6BAA6B,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.d.ts

@@ -0,0 +1,8 @@
+import { ConversationColumnProps } from './conversation-column.types';
+/**
+ * Coluna central. Header com avatar + nome + meta (id/canal/status) + ações,
+ * thread scrollável com `DateSeparator` + `MessageBubble`, composer com Input
+ * + botões. Estado local: texto digitado + lista de mensagens.
+ */
+export declare function ConversationColumn({ conversation, detailsOpen, onToggleDetails, onBackToList, className, }: ConversationColumnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conversation-column.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-column.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAE3E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,2CAsKzB"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.styles.d.ts

@@ -0,0 +1,86 @@
+export declare const conversationColumnStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            headerActions?: import('tailwind-merge').ClassNameValue;
+            headerName?: import('tailwind-merge').ClassNameValue;
+            headerInfo?: import('tailwind-merge').ClassNameValue;
+            headerTitleRow?: import('tailwind-merge').ClassNameValue;
+            headerMetaRow?: import('tailwind-merge').ClassNameValue;
+            statusInner?: import('tailwind-merge').ClassNameValue;
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            thread?: import('tailwind-merge').ClassNameValue;
+            composer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            headerActions?: import('tailwind-merge').ClassNameValue;
+            headerName?: import('tailwind-merge').ClassNameValue;
+            headerInfo?: import('tailwind-merge').ClassNameValue;
+            headerTitleRow?: import('tailwind-merge').ClassNameValue;
+            headerMetaRow?: import('tailwind-merge').ClassNameValue;
+            statusInner?: import('tailwind-merge').ClassNameValue;
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            thread?: import('tailwind-merge').ClassNameValue;
+            composer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    headerInfo: string;
+    headerTitleRow: string;
+    headerName: string;
+    headerMetaRow: string;
+    headerActions: string;
+    statusInner: string;
+    statusDot: string;
+    thread: string;
+    composer: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            headerActions?: import('tailwind-merge').ClassNameValue;
+            headerName?: import('tailwind-merge').ClassNameValue;
+            headerInfo?: import('tailwind-merge').ClassNameValue;
+            headerTitleRow?: import('tailwind-merge').ClassNameValue;
+            headerMetaRow?: import('tailwind-merge').ClassNameValue;
+            statusInner?: import('tailwind-merge').ClassNameValue;
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            thread?: import('tailwind-merge').ClassNameValue;
+            composer?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    headerInfo: string;
+    headerTitleRow: string;
+    headerName: string;
+    headerMetaRow: string;
+    headerActions: string;
+    statusInner: string;
+    statusDot: string;
+    thread: string;
+    composer: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    header: string;
+    headerInfo: string;
+    headerTitleRow: string;
+    headerName: string;
+    headerMetaRow: string;
+    headerActions: string;
+    statusInner: string;
+    statusDot: string;
+    thread: string;
+    composer: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=conversation-column.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-column.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBnC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.types.d.ts

@@ -0,0 +1,10 @@
+import { Conversation } from '../../chat-v2.types';
+export type ConversationColumnProps = {
+    conversation: Conversation;
+    detailsOpen: boolean;
+    onToggleDetails: () => void;
+    /** Visível só em mobile (max-md:flex). Desktop esconde. */
+    onBackToList?: () => void;
+    className?: string;
+};
+//# sourceMappingURL=conversation-column.types.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-column.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationColumn/conversation-column.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/index.d.ts

@@ -0,0 +1,3 @@
+export { ConversationColumn } from './conversation-column';
+export type { ConversationColumnProps } from './conversation-column.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationColumn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.d.ts

@@ -0,0 +1,7 @@
+import { ConversationListItemProps } from './conversation-list-item.types';
+/**
+ * Item da fila de conversas. Avatar (36px) à esquerda + 3 rows de info à direita.
+ * Variant `isActive` adiciona strip lateral brand de 3px + bg muted.
+ */
+export declare function ConversationListItem({ conv, isActive, onSelect, }: ConversationListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=conversation-list-item.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAEhF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,2CAqC3B"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.styles.d.ts

@@ -0,0 +1,100 @@
+import { VariantProps } from '../../../../../utils/tv';
+export declare const conversationListItemStyles: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    /** Card raiz (button) — flex horizontal com avatar + conteúdo. */
+    root: string;
+    /** Coluna direita (3 rows). */
+    content: string;
+    /** Row 1 — nome + horário. */
+    rowTop: string;
+    /** Nome (ellipsis). */
+    name: string;
+    /** Horário. */
+    time: string;
+    /** Row 2 — preview + badge unread. */
+    rowMid: string;
+    /** Preview da última mensagem (ellipsis). */
+    preview: string;
+    /** Badge contador de não lidas — `caption-xs` (10/400) + override
+        `font-bold leading-none` pra centralizar o número dentro do círculo.
+        Tabular-nums alinha dígitos verticalmente em badges com counters dinâmicos. */
+    unread: string;
+    /** Row 3 — canal + tag + ID. */
+    rowBot: string;
+    /** ID da conversa (canto inferior direito). */
+    id: string;
+}, undefined, {
+    isActive: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    /** Card raiz (button) — flex horizontal com avatar + conteúdo. */
+    root: string;
+    /** Coluna direita (3 rows). */
+    content: string;
+    /** Row 1 — nome + horário. */
+    rowTop: string;
+    /** Nome (ellipsis). */
+    name: string;
+    /** Horário. */
+    time: string;
+    /** Row 2 — preview + badge unread. */
+    rowMid: string;
+    /** Preview da última mensagem (ellipsis). */
+    preview: string;
+    /** Badge contador de não lidas — `caption-xs` (10/400) + override
+        `font-bold leading-none` pra centralizar o número dentro do círculo.
+        Tabular-nums alinha dígitos verticalmente em badges com counters dinâmicos. */
+    unread: string;
+    /** Row 3 — canal + tag + ID. */
+    rowBot: string;
+    /** ID da conversa (canto inferior direito). */
+    id: string;
+}, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+}, {
+    /** Card raiz (button) — flex horizontal com avatar + conteúdo. */
+    root: string;
+    /** Coluna direita (3 rows). */
+    content: string;
+    /** Row 1 — nome + horário. */
+    rowTop: string;
+    /** Nome (ellipsis). */
+    name: string;
+    /** Horário. */
+    time: string;
+    /** Row 2 — preview + badge unread. */
+    rowMid: string;
+    /** Preview da última mensagem (ellipsis). */
+    preview: string;
+    /** Badge contador de não lidas — `caption-xs` (10/400) + override
+        `font-bold leading-none` pra centralizar o número dentro do círculo.
+        Tabular-nums alinha dígitos verticalmente em badges com counters dinâmicos. */
+    unread: string;
+    /** Row 3 — canal + tag + ID. */
+    rowBot: string;
+    /** ID da conversa (canto inferior direito). */
+    id: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ConversationListItemVariants = VariantProps<typeof conversationListItemStyles>;
+//# sourceMappingURL=conversation-list-item.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list-item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,0BAA0B;;;;;;;;;;IAEnC,kEAAkE;;IAMlE,+BAA+B;;IAE/B,8BAA8B;;IAE9B,uBAAuB;;IAEvB,eAAe;;IAEf,sCAAsC;;IAEtC,6CAA6C;;IAG7C;;sFAEkF;;IAGlF,gCAAgC;;IAEhC,+CAA+C;;;;;;;;;;;;IA1B/C,kEAAkE;;IAMlE,+BAA+B;;IAE/B,8BAA8B;;IAE9B,uBAAuB;;IAEvB,eAAe;;IAEf,sCAAsC;;IAEtC,6CAA6C;;IAG7C;;sFAEkF;;IAGlF,gCAAgC;;IAEhC,+CAA+C;;;;;;;;;;;;IA1B/C,kEAAkE;;IAMlE,+BAA+B;;IAE/B,8BAA8B;;IAE9B,uBAAuB;;IAEvB,eAAe;;IAEf,sCAAsC;;IAEtC,6CAA6C;;IAG7C;;sFAEkF;;IAGlF,gCAAgC;;IAEhC,+CAA+C;;2CAoBjD,CAAC;AAEH,MAAM,MAAM,4BAA4B,GAAG,YAAY,CACrD,OAAO,0BAA0B,CAClC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.types.d.ts

@@ -0,0 +1,7 @@
+import { Conversation } from '../../chat-v2.types';
+export type ConversationListItemProps = {
+    conv: Conversation;
+    isActive: boolean;
+    onSelect: (id: string) => void;
+};
+//# sourceMappingURL=conversation-list-item.types.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-list-item.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationListItem/conversation-list-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/index.d.ts

@@ -0,0 +1,3 @@
+export { ConversationListItem } from './conversation-list-item';
+export type { ConversationListItemProps } from './conversation-list-item.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/ConversationListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/ConversationListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/DateSeparator/date-separator.d.ts

@@ -0,0 +1,10 @@
+export type DateSeparatorProps = {
+    /** Texto exibido — ex: "Hoje", "Ontem", "12 mar 2024". */
+    label: string;
+};
+/**
+ * Pílula centralizada com label de data entre grupos de mensagens.
+ * Visual: chip arredondado com `bg-bg-muted`, tipografia tabular.
+ */
+export declare function DateSeparator({ label }: DateSeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-separator.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DateSeparator/date-separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-separator.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DateSeparator/date-separator.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAQ1D"}

package/dist-lib/src/preview/pages/ChatV2/components/DetailField/detail-field.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type DetailFieldProps = {
+    /** Label à esquerda (text-fg-muted). */
+    label: string;
+    /** Valor à direita — string, número ou ReactNode (Chip, link, etc). */
+    value: ReactNode;
+};
+/**
+ * Row label : value usada nas seções de detalhes (Contato, Atendimento).
+ * Layout flex baseline justify-between, quebra de palavra no valor.
+ */
+export declare function DetailField({ label, value }: DetailFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=detail-field.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DetailField/detail-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-field.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailField/detail-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CAS7D"}

package/dist-lib/src/preview/pages/ChatV2/components/DetailSection/detail-section.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type DetailSectionProps = {
+    title: string;
+    open: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+};
+/**
+ * Seção colapsável da `DetailsColumn` (Contato / Atendimento / Histórico).
+ * Header clicável com chevron rotativo + corpo só monta quando `open`.
+ */
+export declare function DetailSection({ title, open, onToggle, children, }: DetailSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=detail-section.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DetailSection/detail-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailSection/detail-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAqBpB"}

package/dist-lib/src/preview/pages/ChatV2/components/DetailSection/index.d.ts

@@ -0,0 +1,2 @@
+export { DetailSection, type DetailSectionProps } from './detail-section';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DetailSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/DetailsColumn/details-column.d.ts

@@ -0,0 +1,8 @@
+import { DetailsColumnProps } from './details-column.types';
+/**
+ * Coluna direita: header com título + close, resize handle no left edge (4px),
+ * body scrollável com 3 accordions (Contato, Atendimento, Histórico).
+ * Width controlado pelo hook `useResizable` no parent.
+ */
+export declare function DetailsColumn({ conversation, detail, openSections, onToggleSection, onClose, width, onResizeStart, onBackToChat, className, }: DetailsColumnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=details-column.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DetailsColumn/details-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-column.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailsColumn/details-column.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,eAAe,EACf,OAAO,EACP,KAAK,EACL,aAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CAmHpB"}