@snksergio/design-system 0.4.0 → 0.5.1

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

@@ -0,0 +1,104 @@
+export declare const filtersColumnStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            scroll?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            rail?: import('tailwind-merge').ClassNameValue;
+            railScroll?: import('tailwind-merge').ClassNameValue;
+            sectionTitle?: import('tailwind-merge').ClassNameValue;
+            railGroup?: import('tailwind-merge').ClassNameValue;
+            railGroupDivider?: import('tailwind-merge').ClassNameValue;
+            sectionDivider?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            scroll?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            rail?: import('tailwind-merge').ClassNameValue;
+            railScroll?: import('tailwind-merge').ClassNameValue;
+            sectionTitle?: import('tailwind-merge').ClassNameValue;
+            railGroup?: import('tailwind-merge').ClassNameValue;
+            railGroupDivider?: import('tailwind-merge').ClassNameValue;
+            sectionDivider?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    /** Aside raiz da versão expandida (280px). */
+    root: string;
+    /** Aside raiz da versão rail (64px). */
+    rail: string;
+    /** Container scrollável das seções (expandida). */
+    scroll: string;
+    /** Container scrollável (rail). */
+    railScroll: string;
+    /** Section wrapper (expandida). */
+    section: string;
+    /** Header de section (título all-caps). Combo: `caption-xs` (10/400)
+        + override `font-bold uppercase tracking-[0.06em]` pra pattern strong. */
+    sectionTitle: string;
+    /** Group wrapper (rail) — divider entre grupos. */
+    railGroup: string;
+    /** Modifier de divisor pros grupos não-primeiros (rail). */
+    railGroupDivider: string;
+    /** Modifier de divisor pras sections não-primeiras (expandida). */
+    sectionDivider: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            scroll?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            rail?: import('tailwind-merge').ClassNameValue;
+            railScroll?: import('tailwind-merge').ClassNameValue;
+            sectionTitle?: import('tailwind-merge').ClassNameValue;
+            railGroup?: import('tailwind-merge').ClassNameValue;
+            railGroupDivider?: import('tailwind-merge').ClassNameValue;
+            sectionDivider?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    /** Aside raiz da versão expandida (280px). */
+    root: string;
+    /** Aside raiz da versão rail (64px). */
+    rail: string;
+    /** Container scrollável das seções (expandida). */
+    scroll: string;
+    /** Container scrollável (rail). */
+    railScroll: string;
+    /** Section wrapper (expandida). */
+    section: string;
+    /** Header de section (título all-caps). Combo: `caption-xs` (10/400)
+        + override `font-bold uppercase tracking-[0.06em]` pra pattern strong. */
+    sectionTitle: string;
+    /** Group wrapper (rail) — divider entre grupos. */
+    railGroup: string;
+    /** Modifier de divisor pros grupos não-primeiros (rail). */
+    railGroupDivider: string;
+    /** Modifier de divisor pras sections não-primeiras (expandida). */
+    sectionDivider: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    /** Aside raiz da versão expandida (280px). */
+    root: string;
+    /** Aside raiz da versão rail (64px). */
+    rail: string;
+    /** Container scrollável das seções (expandida). */
+    scroll: string;
+    /** Container scrollável (rail). */
+    railScroll: string;
+    /** Section wrapper (expandida). */
+    section: string;
+    /** Header de section (título all-caps). Combo: `caption-xs` (10/400)
+        + override `font-bold uppercase tracking-[0.06em]` pra pattern strong. */
+    sectionTitle: string;
+    /** Group wrapper (rail) — divider entre grupos. */
+    railGroup: string;
+    /** Modifier de divisor pros grupos não-primeiros (rail). */
+    railGroupDivider: string;
+    /** Modifier de divisor pras sections não-primeiras (expandida). */
+    sectionDivider: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=filters-column.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters-column.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FiltersColumn/filters-column.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAE5B,8CAA8C;;IAE9C,wCAAwC;;IAExC,mDAAmD;;IAEnD,mCAAmC;;IAGnC,mCAAmC;;IAEnC;iFAC6E;;IAG7E,mDAAmD;;IAEnD,4DAA4D;;IAE5D,mEAAmE;;;;;;;;;;;;;;;;;IAnBnE,8CAA8C;;IAE9C,wCAAwC;;IAExC,mDAAmD;;IAEnD,mCAAmC;;IAGnC,mCAAmC;;IAEnC;iFAC6E;;IAG7E,mDAAmD;;IAEnD,4DAA4D;;IAE5D,mEAAmE;;;IAnBnE,8CAA8C;;IAE9C,wCAAwC;;IAExC,mDAAmD;;IAEnD,mCAAmC;;IAGnC,mCAAmC;;IAEnC;iFAC6E;;IAG7E,mDAAmD;;IAEnD,4DAA4D;;IAE5D,mEAAmE;;2CAGrE,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FilterGroupKey } from '../../chat-v2.types';
+/**
+ * Estado dos filtros — um Set de IDs por grupo. Centralizado no parent
+ * (`ChatV2`) e passado pra baixo.
+ */
+export type FiltersState = Record<FilterGroupKey, Set<string>>;
+export type FiltersColumnProps = {
+    filters: FiltersState;
+    onToggleFilter: (group: FilterGroupKey, id: string) => void;
+    className?: string;
+};
+//# sourceMappingURL=filters-column.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters-column.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FiltersColumn/filters-column.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/FiltersColumn/filters-rail.d.ts

@@ -0,0 +1,7 @@
+import { FiltersColumnProps } from './filters-column.types';
+/**
+ * Coluna esquerda compacta (64px) — só ícones, divididos por grupo
+ * com divider top entre grupos. Consome `FILTER_GROUPS` (mocks).
+ */
+export declare function FiltersRail({ filters, onToggleFilter, className, }: FiltersColumnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filters-rail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters-rail.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/FiltersColumn/filters-rail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,kBAAkB,2CAuBpB"}

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

@@ -0,0 +1,4 @@
+export { FiltersColumn } from './filters-column';
+export { FiltersRail } from './filters-rail';
+export type { FiltersColumnProps, FiltersState, } from './filters-column.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { MessageBubble } from './message-bubble';
+export type { MessageBubbleProps } from './message-bubble.types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.d.ts

@@ -0,0 +1,7 @@
+import { MessageBubbleProps } from './message-bubble.types';
+/**
+ * Balão de mensagem. Variant `from` (me|them) controla cor + alinhamento.
+ * Status icons (Check / CheckCheck) renderizam apenas pra `from="me"`.
+ */
+export declare function MessageBubble({ msg }: MessageBubbleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message-bubble.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/MessageBubble/message-bubble.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,EAAE,kBAAkB,2CAoBxD"}

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.styles.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from '../../../../../utils/tv';
+export declare const messageBubbleStyles: import('tailwind-variants').TVReturnType<{
+    from: {
+        me: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+        them: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+    };
+}, {
+    /** Wrapper que controla o alinhamento horizontal (esquerda/direita). */
+    row: string;
+    /** Balão em si — variants definem cor + corner pointer. */
+    bubble: string;
+    /** Texto da mensagem. */
+    text: string;
+    /** Footer com horário + status icon. */
+    meta: string;
+    /** Span do horário (tabular-nums pra alinhar). */
+    time: string;
+}, undefined, {
+    from: {
+        me: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+        them: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+    };
+}, {
+    /** Wrapper que controla o alinhamento horizontal (esquerda/direita). */
+    row: string;
+    /** Balão em si — variants definem cor + corner pointer. */
+    bubble: string;
+    /** Texto da mensagem. */
+    text: string;
+    /** Footer com horário + status icon. */
+    meta: string;
+    /** Span do horário (tabular-nums pra alinhar). */
+    time: string;
+}, import('tailwind-variants').TVReturnType<{
+    from: {
+        me: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+        them: {
+            row: string;
+            bubble: string;
+            meta: string;
+        };
+    };
+}, {
+    /** Wrapper que controla o alinhamento horizontal (esquerda/direita). */
+    row: string;
+    /** Balão em si — variants definem cor + corner pointer. */
+    bubble: string;
+    /** Texto da mensagem. */
+    text: string;
+    /** Footer com horário + status icon. */
+    meta: string;
+    /** Span do horário (tabular-nums pra alinhar). */
+    time: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MessageBubbleVariants = VariantProps<typeof messageBubbleStyles>;
+//# sourceMappingURL=message-bubble.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/MessageBubble/message-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;IAE5B,wEAAwE;;IAExE,2DAA2D;;IAG3D,yBAAyB;;IAEzB,wCAAwC;;IAExC,kDAAkD;;;;;;;;;;;;;;;;IATlD,wEAAwE;;IAExE,2DAA2D;;IAG3D,yBAAyB;;IAEzB,wCAAwC;;IAExC,kDAAkD;;;;;;;;;;;;;;;;IATlD,wEAAwE;;IAExE,2DAA2D;;IAG3D,yBAAyB;;IAEzB,wCAAwC;;IAExC,kDAAkD;;2CAqBpD,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.types.d.ts

@@ -0,0 +1,5 @@
+import { Message } from '../../chat-v2.types';
+export type MessageBubbleProps = {
+    msg: Message;
+};
+//# sourceMappingURL=message-bubble.types.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/MessageBubble/message-bubble.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-bubble.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/MessageBubble/message-bubble.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,OAAO,CAAC;CACd,CAAC"}

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

@@ -0,0 +1,2 @@
+export { PersonAvatar, type PersonAvatarProps, type PersonAvatarSize, } from './person-avatar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/PersonAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,iBAAiB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/PersonAvatar/person-avatar.d.ts

@@ -0,0 +1,14 @@
+export type PersonAvatarSize = "sm" | "md" | "lg";
+export type PersonAvatarProps = {
+    initials: string;
+    /** Cor de fundo do avatar — hex/rgb/CSS color (vem do mock do contato). */
+    hex: string;
+    /** sm=28px / md=36px / lg=40px. Default: md. */
+    size?: PersonAvatarSize;
+};
+/**
+ * Avatar circular com `initials` em branco bold sobre `hex` como background.
+ * Usado em ConversationListItem, header de ConversationColumn e DetailsColumn.
+ */
+export declare function PersonAvatar({ initials, hex, size }: PersonAvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=person-avatar.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/PersonAvatar/person-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-avatar.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/PersonAvatar/person-avatar.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,GAAG,EAAE,MAAM,CAAC;IACZ,gDAAgD;IAChD,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAQF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAW,EAAE,EAAE,iBAAiB,2CAQ7E"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/QueueColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.d.ts

@@ -0,0 +1,7 @@
+import { QueueColumnProps } from './queue-column.types';
+/**
+ * Coluna da fila de conversas (340px). Header com toggle de filtros + título +
+ * badge de contagem; Search + chips Todas/Não lidas/Lidas; lista scrollável.
+ */
+export declare function QueueColumn({ activeId, onSelect, searchQuery, onSearchChange, queueFilter, onQueueFilterChange, filtersCollapsed, onToggleFilters, className, }: QueueColumnProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=queue-column.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-column.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/QueueColumn/queue-column.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,SAAS,GACV,EAAE,gBAAgB,2CAiHlB"}

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.styles.d.ts

@@ -0,0 +1,86 @@
+export declare const queueColumnStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            header?: import('tailwind-merge').ClassNameValue;
+            title?: import('tailwind-merge').ClassNameValue;
+            list?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            searchWrap?: import('tailwind-merge').ClassNameValue;
+            searchInner?: import('tailwind-merge').ClassNameValue;
+            searchIcon?: import('tailwind-merge').ClassNameValue;
+            searchInput?: import('tailwind-merge').ClassNameValue;
+            searchClear?: import('tailwind-merge').ClassNameValue;
+            chipsWrap?: import('tailwind-merge').ClassNameValue;
+            empty?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    header: string;
+    title: string;
+    searchWrap: string;
+    searchInner: string;
+    searchIcon: string;
+    searchInput: string;
+    searchClear: string;
+    chipsWrap: string;
+    list: string;
+    empty: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=queue-column.styles.d.ts.map

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

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

package/dist-lib/src/preview/pages/ChatV2/components/QueueColumn/queue-column.types.d.ts

@@ -0,0 +1,13 @@
+import { QueueFilter } from '../../chat-v2.types';
+export type QueueColumnProps = {
+    activeId: string;
+    onSelect: (id: string) => void;
+    searchQuery: string;
+    onSearchChange: (q: string) => void;
+    queueFilter: QueueFilter;
+    onQueueFilterChange: (f: QueueFilter) => void;
+    filtersCollapsed: boolean;
+    onToggleFilters: () => void;
+    className?: string;
+};
+//# sourceMappingURL=queue-column.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queue-column.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/QueueColumn/queue-column.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { RailItem, type RailItemProps } from './rail-item';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.d.ts

@@ -0,0 +1,12 @@
+import { FilterItem } from '../../chat-v2.types';
+export type RailItemProps = {
+    item: FilterItem;
+    isActive: boolean;
+    onClick: () => void;
+};
+/**
+ * Botão ícone compacto (32px) usado na `FiltersRail`. Suporta cor por
+ * `item.color`, ícone Lucide ou fallback dot, e badge "tem novidades".
+ */
+export declare function RailItem({ item, isActive, onClick }: RailItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rail-item.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/RailItem/rail-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGtD,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,aAAa,2CA4BlE"}

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.styles.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from '../../../../../utils/tv';
+export declare const railItemStyles: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, {
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            button: string;
+        };
+        false: {
+            button: string;
+        };
+    };
+}, {
+    button: string;
+    /** Badge dot 6px (top-right) pra "tem novidades". */
+    unreadDot: string;
+    /** Fallback dot (quando item não tem icon). */
+    fallbackDot: string;
+}, undefined, unknown, unknown, undefined>>;
+export type RailItemVariants = VariantProps<typeof railItemStyles>;
+//# sourceMappingURL=rail-item.styles.d.ts.map

package/dist-lib/src/preview/pages/ChatV2/components/RailItem/rail-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rail-item.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ChatV2/components/RailItem/rail-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,cAAc;;;;;;;;;;;IAMvB,qDAAqD;;IAGrD,+CAA+C;;;;;;;;;;;;;IAH/C,qDAAqD;;IAGrD,+CAA+C;;;;;;;;;;;;;IAH/C,qDAAqD;;IAGrD,+CAA+C;;2CAgBjD,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+export type UseResizableOptions = {
+    /** Largura inicial (em px) antes do localStorage hidratar. */
+    initial: number;
+    /** Largura mínima permitida (em px). */
+    min: number;
+    /** Largura máxima permitida (em px). */
+    max: number;
+    /** Chave no localStorage pra persistir o último valor entre sessões. */
+    storageKey: string;
+};
+export type UseResizableResult = {
+    /** Largura atual em px (controlada pelo drag + hidratação localStorage). */
+    width: number;
+    /** Handler pra começar o drag — atribuir em `onMouseDown` do handle. */
+    onResizeStart: (e: React.MouseEvent) => void;
+};
+/**
+ * Hook de drag-resize horizontal pra split-panes com persist em localStorage.
+ *
+ * Comportamento: o handle é assumido como estando no **left edge** do painel —
+ * arrastar pra esquerda (delta negativo em X) **aumenta** a largura. Reverter o
+ * sinal de `delta` no handler caso o handle esteja no right edge.
+ *
+ * Hidratação:
+ *  - No mount, tenta ler `localStorage[storageKey]` e validar dentro de
+ *    [min, max]. Se válido, usa esse valor; senão, usa `initial`.
+ *  - Após hidratação, qualquer mudança de `width` é salva (com check de
+ *    `hydrated.current` pra evitar overwrite do valor persistido com o
+ *    `initial` no primeiro paint).
+ *
+ * Cleanup:
+ *  - `mousemove`/`mouseup` são listeners globais durante o drag. `mouseup`
+ *    remove os 2 + restaura `cursor` e `user-select` do `<body>`.
+ */
+export declare function useResizable({ initial, min, max, storageKey, }: UseResizableOptions): UseResizableResult;
+//# sourceMappingURL=use-resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-resizable.d.ts","sourceRoot":"","sources":["../../../../../../src/preview/pages/ChatV2/hooks/use-resizable.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,GAAG,EACH,GAAG,EACH,UAAU,GACX,EAAE,mBAAmB,GAAG,kBAAkB,CAsD1C"}

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

@@ -0,0 +1,11 @@
+/**
+ * Barrel da showcase ChatV2.
+ *
+ * Uso pelo consumer:
+ *   import ChatV2 from "@snksergio/design-system/preview/chat";
+ *   // ou nominado:
+ *   import { ChatV2, type ChatV2Props } from "@snksergio/design-system/preview/chat";
+ */
+export { default, default as ChatV2 } from './ChatV2';
+export type * from './chat-v2.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ChatV2/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,mBAAmB,iBAAiB,CAAC"}

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

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

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

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

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts

@@ -0,0 +1,35 @@
+import { ClientRow } from '../TableDoc';
+export declare const CLIENTS_87: ClientRow[];
+export declare const STATUS_COLOR_MAP: Record<string, string>;
+export declare const STATUS_DOT: Record<string, string>;
+export declare const CATEGORY_KIND: Record<string, "warning" | "info" | "success">;
+export declare const STATUS_OPTIONS: {
+    value: string;
+    label: string;
+    color: string;
+}[];
+export declare const CATEGORY_OPTIONS: {
+    value: string;
+    label: string;
+    color: string;
+}[];
+export declare const AGENT_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const AGENTS_LOOKUP: {
+    [k: string]: {
+        name: string;
+        initials: string;
+        color: string;
+    };
+};
+export declare const KANBAN_COLUMNS: {
+    id: string;
+    label: string;
+    dotColor: string;
+}[];
+export declare const CITIES: string[];
+export declare function formatBRL(value: number): string;
+export declare function formatShortDate(ms: number): string;
+//# sourceMappingURL=clientes-showcase-mocks.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase-mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase-mocks.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase-mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,eAAO,MAAM,UAAU,EAAE,SAAS,EAOnB,CAAC;AAIhB,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK7C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAIxE,CAAC;AAIF,eAAO,MAAM,cAAc;;;;GAIxB,CAAC;AAEJ,eAAO,MAAM,gBAAgB;;;;GAI1B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;GAGvB,CAAC;AAIJ,eAAO,MAAM,aAAa;;;;;;CAazB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;GAIxB,CAAC;AAIJ,eAAO,MAAM,MAAM,UAWlB,CAAC;AAIF,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,UAMtC;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,UAMzC"}