@snksergio/design-system 0.4.0 → 0.5.1

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.styles.d.ts

@@ -0,0 +1,232 @@
+/**
+ * Styles compartilhados das partes do TableToolbar.
+ * Cada `tv()` corresponde a um sub-componente em `parts/`.
+ *
+ * Specs alinhadas com `.tbl-toolbar` do design-and-table-v2.
+ */
+/**
+ * Gaps responsivos:
+ *   - Mobile (< md): gap menor pra search + 2 botões caberem na mesma linha
+ *   - Desktop (≥ md): gap mais respirado (16px root, 10px left, 8px actions)
+ */
+export declare const toolbarRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarLeft: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarDivider: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "w-[1px] h-[24px] bg-border-default shrink-0 mx-[6px] self-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "w-[1px] h-[24px] bg-border-default shrink-0 mx-[6px] self-center", unknown, unknown, undefined>>;
+/**
+ * Mobile (< md): fluido (`flex-1`) — ocupa o espaço restante, sem aumentar/diminuir width no foco.
+ * Desktop (≥ md): width fixo 200px rest → 300px no focus-within OU quando tem valor.
+ *
+ * O `focus-within:` desktop expande automaticamente quando o input está focado.
+ * A variant `expanded: true` mantém expandido mesmo sem foco (quando há valor).
+ */
+export declare const toolbarSearch: import('tailwind-variants').TVReturnType<{
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSearchInput: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Dot indicator (filtros aplicados) — pequeno círculo brand no canto superior direito.
+ *
+ * NOTA: `ToolbarToolButton` agora compõe o `Button` do DS — seu estilo vem do
+ * Button (color/variant/size). Esse helper só pinta o ponto de "tem aplicado".
+ */
+export declare const toolbarToolDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSegmented: import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSegmentedButton: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabs: import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabWrap: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabButton: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Botão "X" pra fechar tab custom — escondido por trás do tab (margin -18px),
+ * desliza pra fora ao hover do wrap.
+ */
+export declare const toolbarTabClose: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Espaçamento: toolbar → 16px → divider (border-top) → 16px → chips.
+ * `mt-pad-3xl` afasta o border-top da toolbar; `pt-pad-3xl` afasta o
+ * conteúdo interno (chips) do border.
+ */
+export declare const toolbarApplied: import('tailwind-variants').TVReturnType<{
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center flex-wrap gap-gp-md", {
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex items-center flex-wrap gap-gp-md", unknown, unknown, undefined>>;
+export declare const toolbarAppliedChip: import('tailwind-variants').TVReturnType<{
+    interactive: {
+        true: string[];
+    };
+}, undefined, string[], {
+    interactive: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    interactive: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipRemove: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "font-semibold text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "font-semibold text-fg-default", unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipOp: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-fg-muted text-caption-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-fg-muted text-caption-sm", unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipValue: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedClearLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Spec alinhada com `.tbl-bulk-bar` do design-and-table-v2:
+ *   - padding 10px 14px, gap 12px, radius xl (12px)
+ *   - bg-brand-subtle + border-brand + fg-brand
+ *   - flex-wrap pra mobile cair em coluna naturalmente
+ */
+export declare const bulkBarRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarClear: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=table-toolbar.styles.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/table-toolbar.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAGH;;;;GAIG;AACH,eAAO,MAAM,WAAW,sMAKtB,CAAC;AAEH,eAAO,MAAM,WAAW,sMAMtB,CAAC;AAEH,eAAO,MAAM,cAAc,sMAMzB,CAAC;AAGH,eAAO,MAAM,cAAc,0TAEzB,CAAC;AAGH;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;IAgBtB,kGAAkG;;;;;;IAAlG,kGAAkG;;;;;;IAAlG,kGAAkG;;;;;qDAOpG,CAAC;AAEH,eAAO,MAAM,kBAAkB,sMAM7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,sMAMzB,CAAC;AAGH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;qDAa3B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAuBjC,CAAC;AAGH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;qDActB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiBzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAoB3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,eAAe,sMAU1B,CAAC;AAGH;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAGvB;;;OAGG;;;;;;IAHH;;;OAGG;;;;;;IAHH;;;OAGG;;;;;oFASL,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;qDAmB7B,CAAC;AAEH,eAAO,MAAM,wBAAwB,sMASnC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oPAEjC,CAAC;AAEH,eAAO,MAAM,oBAAoB,oPAE/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,sMAOlC,CAAC;AAEH,eAAO,MAAM,uBAAuB,sMASlC,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,WAAW,sMAMtB,CAAC;AAEH,eAAO,MAAM,YAAY,sMAOvB,CAAC;AAEH,eAAO,MAAM,cAAc,sMAKzB,CAAC;AAEH,eAAO,MAAM,YAAY,sMAUvB,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+/** Direção de ordenação compartilhada pelos popovers/hooks do toolbar.
+ *  Fonte única de verdade — re-exportado por `sort-popover` e `use-toolbar-sort`. */
+export type SortDirection = "asc" | "desc";
+/** Item segmentado (usado por density-toggle, view-mode-toggle) */
+export type ToolbarSegmentedItem<TValue extends string = string> = {
+    value: TValue;
+    /** Conteúdo do botão (geralmente ícone). Texto opcional via aria-label */
+    children: ReactNode;
+    label?: string;
+    disabled?: boolean;
+};
+/** View tab (Todos/Meus/Ativos…) */
+export type ToolbarTab = {
+    id: string;
+    name: ReactNode;
+    /** Tabs custom mostram X de close no hover */
+    custom?: boolean;
+};
+/** Operador de filtro suportado pelo applied chips */
+export type AppliedFilterOp = "eq" | "neq" | "contains" | "gt" | "lt" | string;
+/** Filtro aplicado (chip individual) */
+export type AppliedFilter = {
+    id: string;
+    /** Label legível da coluna (ex "Status") */
+    columnLabel: ReactNode;
+    /** Operador (resolvido pra símbolo internamente: eq → "=", contains → "contém"…) */
+    op: AppliedFilterOp;
+    /**
+     * Valor já formatado pra exibição. String/ReactNode = 1 tag. Array de
+     * ReactNode = múltiplas tags lado a lado (ex: "Ativo" "Pendente" "Pausado").
+     */
+    value: ReactNode | ReactNode[];
+};
+//# sourceMappingURL=table-toolbar.types.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/table-toolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;qFACqF;AACrF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,mEAAmE;AACnE,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,eAAe,GACvB,IAAI,GACJ,KAAK,GACL,UAAU,GACV,IAAI,GACJ,IAAI,GACJ,MAAM,CAAC;AAEX,wCAAwC;AACxC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,WAAW,EAAE,SAAS,CAAC;IACvB,oFAAoF;IACpF,EAAE,EAAE,eAAe,CAAC;IACpB;;;OAGG;IACH,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAChC,CAAC"}

package/dist-lib/src/hooks/useTheme.d.ts

@@ -0,0 +1,19 @@
+export type Theme = "light" | "dark" | "system";
+/**
+ * Hook único de tema do app.
+ *
+ *   - 3 valores: `"light"` | `"dark"` | `"system"` (segue prefers-color-scheme).
+ *   - Persiste em `localStorage["igreen-ds-theme"]`.
+ *   - Sincroniza múltiplas instâncias na mesma tab via `CustomEvent` e entre
+ *     tabs via `storage` event. Pode ser chamado em qualquer page/component
+ *     sem precisar de Context Provider.
+ *   - Aplica `.dark` no `<html>` com observador de `prefers-color-scheme`
+ *     quando theme=`"system"`.
+ */
+export declare function useTheme(): {
+    readonly theme: Theme;
+    readonly setTheme: (next: Theme) => void;
+    readonly isDark: boolean;
+    readonly toggle: () => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist-lib/src/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ;;8BAkBc,KAAK;;;EAsC1C"}

package/dist-lib/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist-lib/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAoH7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist-lib/src/preview/mocks/app-shell-mocks.d.ts

@@ -0,0 +1,16 @@
+import { SidebarContext } from '../../components/ui/MenuSidebar';
+import { HeaderCommandGroup, HeaderMessage, HeaderNotification, HeaderThemeOption } from '../../components/ui/Header';
+import { AppShellUser, AppShellLayoutOption } from '../../components/ui/AppShell';
+/**
+ * Mocks compartilhados pelo AppShellDoc + pages de showcase que precisam de uma
+ * "casca de app realista". Em produção, esses dados viriam do backend/contexto da
+ * app — aqui são estáticos pra demonstração consistente.
+ */
+export declare const APP_SHELL_CONTEXTS: SidebarContext[];
+export declare const APP_SHELL_COMMANDS: HeaderCommandGroup[];
+export declare const APP_SHELL_NOTIFICATIONS: HeaderNotification[];
+export declare const APP_SHELL_MESSAGES: HeaderMessage[];
+export declare const APP_SHELL_THEME_OPTIONS: HeaderThemeOption[];
+export declare const APP_SHELL_USER: AppShellUser;
+export declare const APP_SHELL_LAYOUT_OPTIONS: AppShellLayoutOption[];
+//# sourceMappingURL=app-shell-mocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-mocks.d.ts","sourceRoot":"","sources":["../../../../src/preview/mocks/app-shell-mocks.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAEtC;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAsH9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAgBlD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,EAwCvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAK7C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,EAItD,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,YAI5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,oBAAoB,EAG1D,CAAC"}

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 'lucide-react';
+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,cAAc,CAAC;AAI/C,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"}