npm - @snksergio/design-system - Versions diffs - 0.4.0 → 0.5.1 - Mend

@snksergio/design-system 0.4.0 → 0.5.1

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 (577) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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"}

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

@@ -0,0 +1,131 @@
+export declare const detailsColumnStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            body?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            handle?: import('tailwind-merge').ClassNameValue;
+            contactHead?: import('tailwind-merge').ClassNameValue;
+            contactName?: import('tailwind-merge').ClassNameValue;
+            tagsRow?: import('tailwind-merge').ClassNameValue;
+            tagsLabel?: import('tailwind-merge').ClassNameValue;
+            tagsChips?: import('tailwind-merge').ClassNameValue;
+            tagAddBtn?: import('tailwind-merge').ClassNameValue;
+            historyEmpty?: import('tailwind-merge').ClassNameValue;
+            historyList?: import('tailwind-merge').ClassNameValue;
+            historyItem?: import('tailwind-merge').ClassNameValue;
+            historyId?: import('tailwind-merge').ClassNameValue;
+            historyBody?: import('tailwind-merge').ClassNameValue;
+            historySubject?: import('tailwind-merge').ClassNameValue;
+            historyMeta?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            body?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            handle?: import('tailwind-merge').ClassNameValue;
+            contactHead?: import('tailwind-merge').ClassNameValue;
+            contactName?: import('tailwind-merge').ClassNameValue;
+            tagsRow?: import('tailwind-merge').ClassNameValue;
+            tagsLabel?: import('tailwind-merge').ClassNameValue;
+            tagsChips?: import('tailwind-merge').ClassNameValue;
+            tagAddBtn?: import('tailwind-merge').ClassNameValue;
+            historyEmpty?: import('tailwind-merge').ClassNameValue;
+            historyList?: import('tailwind-merge').ClassNameValue;
+            historyItem?: import('tailwind-merge').ClassNameValue;
+            historyId?: import('tailwind-merge').ClassNameValue;
+            historyBody?: import('tailwind-merge').ClassNameValue;
+            historySubject?: import('tailwind-merge').ClassNameValue;
+            historyMeta?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    /** Resize handle no left edge — 4px. */
+    handle: string;
+    header: string;
+    title: string;
+    body: string;
+    contactHead: string;
+    contactName: string;
+    tagsRow: string;
+    tagsLabel: string;
+    tagsChips: string;
+    tagAddBtn: string;
+    historyEmpty: string;
+    historyList: string;
+    historyItem: string;
+    historyId: string;
+    historyBody: string;
+    historySubject: string;
+    historyMeta: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            body?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            handle?: import('tailwind-merge').ClassNameValue;
+            contactHead?: import('tailwind-merge').ClassNameValue;
+            contactName?: import('tailwind-merge').ClassNameValue;
+            tagsRow?: import('tailwind-merge').ClassNameValue;
+            tagsLabel?: import('tailwind-merge').ClassNameValue;
+            tagsChips?: import('tailwind-merge').ClassNameValue;
+            tagAddBtn?: import('tailwind-merge').ClassNameValue;
+            historyEmpty?: import('tailwind-merge').ClassNameValue;
+            historyList?: import('tailwind-merge').ClassNameValue;
+            historyItem?: import('tailwind-merge').ClassNameValue;
+            historyId?: import('tailwind-merge').ClassNameValue;
+            historyBody?: import('tailwind-merge').ClassNameValue;
+            historySubject?: import('tailwind-merge').ClassNameValue;
+            historyMeta?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    /** Resize handle no left edge — 4px. */
+    handle: string;
+    header: string;
+    title: string;
+    body: string;
+    contactHead: string;
+    contactName: string;
+    tagsRow: string;
+    tagsLabel: string;
+    tagsChips: string;
+    tagAddBtn: string;
+    historyEmpty: string;
+    historyList: string;
+    historyItem: string;
+    historyId: string;
+    historyBody: string;
+    historySubject: string;
+    historyMeta: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    /** Resize handle no left edge — 4px. */
+    handle: string;
+    header: string;
+    title: string;
+    body: string;
+    contactHead: string;
+    contactName: string;
+    tagsRow: string;
+    tagsLabel: string;
+    tagsChips: string;
+    tagAddBtn: string;
+    historyEmpty: string;
+    historyList: string;
+    historyItem: string;
+    historyId: string;
+    historyBody: string;
+    historySubject: string;
+    historyMeta: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=details-column.styles.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"details-column.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailsColumn/details-column.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAG5B,wCAAwC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAxC,wCAAwC;;;;;;;;;;;;;;;;;;;;IAAxC,wCAAwC;;;;;;;;;;;;;;;;;;2CAwB1C,CAAC"}

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

@@ -0,0 +1,15 @@
+import { Conversation, ConversationDetail } from '../../chat-v2.types';
+export type SectionsState = Record<"contact" | "ticket" | "history", boolean>;
+export type DetailsColumnProps = {
+    conversation: Conversation;
+    detail: ConversationDetail;
+    openSections: SectionsState;
+    onToggleSection: (id: keyof SectionsState) => void;
+    onClose: () => void;
+    width: number;
+    onResizeStart: (e: React.MouseEvent) => void;
+    /** Em mobile: botão de voltar pro chat. Desktop esconde. */
+    onBackToChat?: () => void;
+    className?: string;
+};
+//# sourceMappingURL=details-column.types.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"details-column.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailsColumn/details-column.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,aAAa,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/DetailsColumn/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { DetailsColumn } from './details-column';
+export type { DetailsColumnProps, SectionsState, } from './details-column.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/DetailsColumn/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/DetailsColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,kBAAkB,EAClB,aAAa,GACd,MAAM,wBAAwB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/filter-row.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { FilterItem } from '../../chat-v2.types';
+export type FilterRowProps = {
+    item: FilterItem;
+    isActive: boolean;
+    onClick: () => void;
+};
+/**
+ * Row clicável da `FiltersColumn` expandida. Layout: leading (icon ou dot) +
+ * label (ellipsis) + dot unread opcional + count tabular.
+ */
+export declare function FilterRow({ item, isActive, onClick }: FilterRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filter-row.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/filter-row.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filter-row.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FilterRow/filter-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,cAAc,2CA+BpE"}

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/filter-row.styles.d.ts ADDED Viewed

@@ -0,0 +1,67 @@
+import { VariantProps } from '../../../../../utils/tv';
+export declare const filterRowStyles: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Leading slot (icon ou dot fallback). */
+    leading: string;
+    /** Label do filtro (ellipsis). */
+    label: string;
+    /** Dot brand 6px pra "tem novidades". */
+    unreadDot: string;
+    /** Contador à direita. */
+    count: string;
+    /** Dot fallback (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, {
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Leading slot (icon ou dot fallback). */
+    leading: string;
+    /** Label do filtro (ellipsis). */
+    label: string;
+    /** Dot brand 6px pra "tem novidades". */
+    unreadDot: string;
+    /** Contador à direita. */
+    count: string;
+    /** Dot fallback (quando item não tem icon). */
+    fallbackDot: string;
+}, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Leading slot (icon ou dot fallback). */
+    leading: string;
+    /** Label do filtro (ellipsis). */
+    label: string;
+    /** Dot brand 6px pra "tem novidades". */
+    unreadDot: string;
+    /** Contador à direita. */
+    count: string;
+    /** Dot fallback (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, unknown, unknown, undefined>>;
+export type FilterRowVariants = VariantProps<typeof filterRowStyles>;
+//# sourceMappingURL=filter-row.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/filter-row.styles.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filter-row.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FilterRow/filter-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,eAAe;;;;;;;;;;;IAOxB,2CAA2C;;IAE3C,kCAAkC;;IAGlC,yCAAyC;;IAEzC,0BAA0B;;IAE1B,+CAA+C;;;;;;;;;;;;;IAT/C,2CAA2C;;IAE3C,kCAAkC;;IAGlC,yCAAyC;;IAEzC,0BAA0B;;IAE1B,+CAA+C;;;;;;;;;;;;;IAT/C,2CAA2C;;IAE3C,kCAAkC;;IAGlC,yCAAyC;;IAEzC,0BAA0B;;IAE1B,+CAA+C;;2CAgBjD,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { FilterRow, type FilterRowProps } from './filter-row';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/FilterRow/index.d.ts.map ADDED Viewed

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

package/dist-lib/src/preview/pages/ChatV2/components/FiltersColumn/filters-column.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FiltersColumnProps } from './filters-column.types';
+/**
+ * Coluna esquerda expandida (280px) com as 4 seções de filtros definidas
+ * em `FILTER_GROUPS` (mocks).
+ */
+export declare function FiltersColumn({ filters, onToggleFilter, className, }: FiltersColumnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filters-column.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/FiltersColumn/filters-column.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"filters-column.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FiltersColumn/filters-column.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,wBAAwB,CAAC;AAE/E;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAmBpB"}