@flowtomic/ui 0.1.0 → 0.1.2

package/dist/components/molecules/data-display/data-table/data-table.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DataTable Component - Design System Flowtomic UI
+ *
+ * Componente de tabela avançado baseado em TanStack Table
+ * Integra funcionalidades avançadas (sorting, filtering, pagination)
+ * com a estrutura visual do table.tsx base
+ */
+import { flexRender, } from "@tanstack/react-table";
+import { useReactTableBack, useReactTableFront } from "flowtomic/logic";
+import { ArrowDown, ChevronsUpDown, HelpCircle } from "lucide-react";
+import React, { createContext, useContext, useMemo } from "react";
+import { cn } from "@/lib/utils";
+import { Badge, Checkbox, Input } from "../../../atoms";
+import { DataTablePagination } from "./data-table-pagination";
+// ============================================================================
+// Context
+// ============================================================================
+const DataTableContext = createContext({ size: "md" });
+const TableCardRoot = ({ children, className, size = "md", ...props }) => {
+    return (_jsx(DataTableContext.Provider, { value: { size }, children: _jsx("div", { ...props, className: cn("overflow-hidden rounded-xl bg-card shadow-sm ring-1 ring-border", className), children: children }) }));
+};
+const TableCardHeader = ({ title, badge, description, contentTrailing, className, }) => {
+    const { size } = useContext(DataTableContext);
+    return (_jsxs("div", { className: cn("relative flex flex-col items-start gap-4 border-b border-border bg-card px-4 md:flex-row", size === "sm" ? "py-4 md:px-5" : "py-5 md:px-6", className), children: [_jsxs("div", { className: "flex flex-1 flex-col gap-0.5", children: [title && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h2", { className: cn("font-semibold text-foreground", size === "sm" ? "text-base" : "text-lg"), children: title }), badge && (_jsx(Badge, { variant: "default", className: "text-xs", children: badge }))] })), description && _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), contentTrailing] }));
+};
+const TableRoot = ({ className, size = "md", ...props }) => {
+    const context = useContext(DataTableContext);
+    return (_jsx(DataTableContext.Provider, { value: { size: context?.size ?? size }, children: _jsx("div", { className: "overflow-x-auto", children: _jsx("table", { className: cn("w-full overflow-x-hidden", typeof className === "function" ? className({}) : className), ...props }) }) }));
+};
+const TableHeader = ({ children, bordered = true, className, ...props }) => {
+    const { size } = useContext(DataTableContext);
+    return (_jsx("thead", { ...props, className: cn("relative bg-muted", size === "sm" ? "h-9" : "h-11", bordered &&
+            "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border [&>tr>th]:focus-visible:after:bg-transparent", className), children: children }));
+};
+const TableHead = ({ className, tooltip, label, children, sortable = false, sorted = false, onSort, ...props }) => {
+    // Se tem children (conteúdo do TanStack Table), renderizar diretamente
+    const hasChildren = React.Children.count(children) > 0;
+    return (_jsx("th", { ...props, className: cn("relative p-0 px-6 py-2 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-inset", sortable && "cursor-pointer", className), onClick: sortable ? onSort : undefined, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "flex items-center gap-1", children: hasChildren ? (
+                    // Renderizar children diretamente (conteúdo do TanStack Table)
+                    typeof children === "string" ? (_jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-muted-foreground", children: children })) : (_jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-muted-foreground", children: children }))) : (
+                    // Renderizar label se não houver children
+                    label && (_jsx("span", { className: "text-xs font-semibold whitespace-nowrap text-muted-foreground", children: label }))) }), tooltip && (_jsxs("div", { className: "group relative", children: [_jsx(HelpCircle, { className: "h-4 w-4 cursor-pointer text-muted-foreground transition duration-100 ease-linear hover:text-foreground focus:text-foreground" }), _jsx("div", { className: "absolute bottom-full left-1/2 mb-2 hidden -translate-x-1/2 transform rounded bg-gray-900 px-2 py-1 text-xs text-white group-hover:block", children: tooltip })] })), sortable &&
+                    (sorted ? (_jsx(ArrowDown, { className: cn("h-3 w-3 stroke-[3px] text-muted-foreground", sorted === "asc" && "rotate-180") })) : (_jsx(ChevronsUpDown, { size: 12, strokeWidth: 3, className: "text-muted-foreground" })))] }) }));
+};
+const TableRow = ({ children, className, highlightSelectedRow = true, selected = false, ...props }) => {
+    const { size } = useContext(DataTableContext);
+    return (_jsx("tr", { ...props, className: cn("relative outline-ring transition-colors after:pointer-events-none hover:bg-muted focus-visible:outline-2 focus-visible:-outline-offset-2", size === "sm" ? "h-14" : "h-18", highlightSelectedRow && selected && "bg-muted", "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0", className), children: children }));
+};
+const TableCell = ({ className, children, ...props }) => {
+    const { size } = useContext(DataTableContext);
+    return (_jsx("td", { ...props, className: cn("relative text-sm text-muted-foreground outline-ring focus-visible:z-1 focus-visible:outline-2 focus-visible:-outline-offset-2", size === "sm" && "px-5 py-3", size === "md" && "px-6 py-4", className), children: children }));
+};
+const TableBody = ({ children, className, ...props }) => {
+    return (_jsx("tbody", { className: cn(className), ...props, children: children }));
+};
+// ============================================================================
+// DataTable Component
+// ============================================================================
+function DataTable({ title, data, columns, className, emptyMessage = "Nenhum item encontrado", loading = false, size = "md", enableRowSelection = false, onSelectionChange, enablePagination = true, paginationType = "text", pageSize = 10, pageSizeOptions = [20, 25, 50, 100, 200], enablePageSizeSelector = false, enableGlobalFilter = true, globalFilterPlaceholder = "Buscar...", enableSorting = true, initialSorting = [], initialColumnFilters = [], initialColumnVisibility = {}, paginationMode = "client", totalCount, onPaginationChange, sortingMode = "client", onSortingChange, headerActions, footerContent, }) {
+    // Adicionar coluna de seleção se habilitada e garantir que todas as colunas tenham id
+    const tableColumns = useMemo(() => {
+        // Garantir que todas as colunas tenham id
+        const columnsWithId = columns.map((column, index) => {
+            // Se a coluna já tem id, retornar como está
+            if (column.id) {
+                return column;
+            }
+            // Se não tem id mas tem accessorKey, usar o accessorKey como id
+            if ("accessorKey" in column && column.accessorKey && typeof column.accessorKey === "string") {
+                return { ...column, id: column.accessorKey };
+            }
+            // Se não tem id nem accessorKey, mas tem accessorFn, tentar inferir do header
+            if ("accessorFn" in column) {
+                const headerId = typeof column.header === "string"
+                    ? column.header.toLowerCase().replace(/\s+/g, "_")
+                    : `column_${index}`;
+                return { ...column, id: headerId };
+            }
+            // Se o header é string, usar como id base
+            if (typeof column.header === "string") {
+                return { ...column, id: column.header.toLowerCase().replace(/\s+/g, "_") };
+            }
+            // Último recurso: gerar id baseado no índice
+            return { ...column, id: `column_${index}` };
+        });
+        if (!enableRowSelection)
+            return columnsWithId;
+        const selectionColumn = {
+            id: "select",
+            header: ({ table }) => (_jsx("div", { className: "flex items-start", children: _jsx(Checkbox, { checked: table.getIsAllPageRowsSelected(), onCheckedChange: (checked) => table.toggleAllPageRowsSelected(checked), "aria-label": "Selecionar todos" }) })),
+            cell: ({ row }) => (_jsx("div", { className: "flex items-end", children: _jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (checked) => row.toggleSelected(checked), "aria-label": "Selecionar linha" }) })),
+            enableSorting: false,
+            enableHiding: false,
+        };
+        return [selectionColumn, ...columnsWithId];
+    }, [columns, enableRowSelection]);
+    // Usar hook apropriado baseado no modo
+    const useServerSide = paginationMode === "server" || sortingMode === "server";
+    const tableHookFront = useReactTableFront({
+        data,
+        columns: tableColumns,
+        enablePagination,
+        pageSize,
+        enableSorting,
+        initialSorting,
+        enableGlobalFilter,
+        initialColumnFilters,
+        initialColumnVisibility,
+        enableRowSelection,
+        onSelectionChange,
+    });
+    const tableHookBack = useReactTableBack({
+        data,
+        columns: tableColumns,
+        totalCount: totalCount ?? data.length,
+        enablePagination,
+        pageSize,
+        onPaginationChange,
+        enableSorting,
+        initialSorting,
+        onSortingChange,
+        initialColumnFilters,
+        initialColumnVisibility,
+        enableRowSelection,
+        onSelectionChange,
+    });
+    // Escolher hook baseado no modo (mas sempre chamar ambos para evitar problemas de hooks)
+    // O hook não usado será ignorado pelo React
+    const tableHook = useServerSide ? tableHookBack : tableHookFront;
+    const { table, globalFilter, setGlobalFilter, paginationInfo } = tableHook;
+    if (loading) {
+        return (_jsxs(TableCardRoot, { size: size, className: className, children: [title && _jsx(TableCardHeader, { title: title }), _jsx("div", { className: "p-6", children: _jsx("div", { className: "space-y-4", children: ["loading-row-0", "loading-row-1", "loading-row-2"].map((id) => (_jsxs("div", { className: "animate-pulse", children: [_jsx("div", { className: "h-4 bg-muted rounded w-3/4 mb-2" }), _jsx("div", { className: "h-4 bg-muted rounded w-1/2" })] }, id))) }) })] }));
+    }
+    return (_jsxs(TableCardRoot, { size: size, className: className, children: [(title || enableGlobalFilter || headerActions) && (_jsx(TableCardHeader, { title: title, contentTrailing: _jsxs("div", { className: "flex items-center gap-2", children: [enableGlobalFilter && (_jsx(Input, { placeholder: globalFilterPlaceholder, value: globalFilter, onChange: (e) => setGlobalFilter(e.target.value), className: "max-w-sm" })), headerActions] }) })), _jsx("div", { className: "overflow-x-auto", children: _jsxs(TableRoot, { size: size, children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
+                                    const columnDef = header.column.columnDef;
+                                    const isSortable = enableSorting && columnDef.enableSorting !== false;
+                                    const sorted = header.column.getIsSorted();
+                                    return (_jsx(TableHead, { sortable: isSortable, sorted: sorted === false ? false : sorted === "asc" ? "asc" : "desc", onSort: header.column.getToggleSortingHandler(), style: {
+                                            width: header.getSize() !== 150 ? header.getSize() : undefined,
+                                        }, children: !header.isPlaceholder && flexRender(columnDef.header, header.getContext()) }, header.id));
+                                }) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: table.getAllColumns().length, className: "text-center py-8 text-muted-foreground", children: emptyMessage }) })) : (table.getRowModel().rows.map((row) => (_jsx(TableRow, { selected: enableRowSelection ? row.getIsSelected() : false, highlightSelectedRow: enableRowSelection, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) })] }) }), (enablePagination || footerContent) && (_jsx(DataTablePagination, { table: table, size: size, paginationType: paginationType, enablePageSizeSelector: enablePageSizeSelector, pageSizeOptions: pageSizeOptions, footerContent: footerContent, paginationInfo: paginationInfo }))] }));
+}
+// ============================================================================
+// Exports
+// ============================================================================
+export { DataTable };

package/dist/components/molecules/data-display/data-table/index.d.ts

@@ -0,0 +1,5 @@
+export type { ColumnDef, ColumnFiltersState, PaginationState, SortingState, VisibilityState, } from "@tanstack/react-table";
+export type { Column, DataTableProps } from "./data-table";
+export { DataTable } from "./data-table";
+export { DataTablePagination, type DataTablePaginationProps, DataTablePaginationSkeleton, type DataTablePaginationSkeletonProps, } from "./data-table-pagination";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/data-table/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,2BAA2B,EAC3B,KAAK,gCAAgC,GACtC,MAAM,yBAAyB,CAAC"}

package/dist/components/molecules/data-display/data-table/index.js

@@ -0,0 +1,2 @@
+export { DataTable } from "./data-table";
+export { DataTablePagination, DataTablePaginationSkeleton, } from "./data-table-pagination";

package/dist/components/molecules/data-display/message/index.d.ts

@@ -0,0 +1,3 @@
+export type { MessageActionProps, MessageActionsProps, MessageAttachmentProps, MessageAttachmentsProps, MessageBranchContentProps, MessageBranchNextProps, MessageBranchPageProps, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelectorProps, MessageContentProps, MessageProps, MessageResponseProps, MessageToolbarProps, } from "./message";
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, } from "./message";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/message/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,kBAAkB,EAClB,0BAA0B,EAC1B,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,WAAW,CAAC"}

package/dist/components/molecules/data-display/message/index.js

@@ -0,0 +1 @@
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageAttachments, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar, } from "./message";

package/dist/components/molecules/data-display/message/message.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Message Component - Flowtomic UI
+ *
+ * Componente de mensagem com branches e attachments
+ */
+import type { FileUIPart, UIMessage } from "ai";
+import type { ComponentProps, HTMLAttributes } from "react";
+import * as React from "react";
+import { Streamdown } from "streamdown";
+import { Button } from "../../../atoms";
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const Message: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageContent: React.ForwardRefExoticComponent<MessageContentProps & React.RefAttributes<HTMLDivElement>>;
+export type MessageActionsProps = ComponentProps<"div">;
+export declare const MessageActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type MessageActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const MessageAction: React.ForwardRefExoticComponent<Omit<MessageActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+};
+export declare const MessageBranch: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    defaultBranch?: number;
+    onBranchChange?: (branchIndex: number) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const MessageBranchContent: React.ForwardRefExoticComponent<MessageBranchContentProps & React.RefAttributes<HTMLDivElement>>;
+export type MessageBranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+};
+export declare const MessageBranchSelector: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    from: UIMessage["role"];
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
+export declare const MessageBranchPrevious: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type MessageBranchNextProps = ComponentProps<typeof Button>;
+export declare const MessageBranchNext: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
+export declare const MessageBranchPage: React.ForwardRefExoticComponent<MessageBranchPageProps & React.RefAttributes<HTMLSpanElement>>;
+export type MessageResponseProps = ComponentProps<typeof Streamdown>;
+export declare const MessageResponse: any;
+export type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
+    data: FileUIPart;
+    className?: string;
+    onRemove?: () => void;
+};
+export declare const MessageAttachment: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    data: FileUIPart;
+    className?: string;
+    onRemove?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageAttachmentsProps = ComponentProps<"div">;
+export declare const MessageAttachments: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type MessageToolbarProps = ComponentProps<"div">;
+export declare const MessageToolbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=message.d.ts.map

package/dist/components/molecules/data-display/message/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/message/message.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,MAAM,EAA4D,MAAM,gBAAgB,CAAC;AAGlG,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO;UAHZ,SAAS,CAAC,MAAM,CAAC;wCAexB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,4FAe1B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,6JAM1B,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,2GAwBzB,CAAC;AAwBF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,aAAa;oBAJR,MAAM;qBACL,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;wCAsC/C,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,kGA8BhC,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;UAH1B,SAAS,CAAC,MAAM,CAAC;wCAwBxB,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,sKAoBhC,CAAC;AAGH,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,iBAAiB,sKAmB7B,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAErE,eAAO,MAAM,iBAAiB,gGAc7B,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAgBrE,eAAO,MAAM,eAAe,EAAE,GAG7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;UALtB,UAAU;gBACJ,MAAM;eACP,MAAM,IAAI;wCAyEtB,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,6JAgB9B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,6JAU1B,CAAC"}

package/dist/components/molecules/data-display/message/message.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, PaperclipIcon, XIcon } from "lucide-react";
+import * as React from "react";
+import { createContext, memo, useContext, useEffect, useState } from "react";
+import { Streamdown } from "streamdown";
+import { cn } from "@/lib/utils";
+import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../atoms";
+import { ButtonGroup, ButtonGroupText } from "../../forms/button-group";
+export const Message = React.forwardRef(({ className, from, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("group flex w-full max-w-[80%] gap-2", from === "user" ? "is-user ml-auto justify-end" : "is-assistant", className), ...props })));
+Message.displayName = "Message";
+export const MessageContent = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("is-user:dark flex w-fit flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children })));
+MessageContent.displayName = "MessageContent";
+export const MessageActions = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center gap-1", className), ...props, children: children })));
+MessageActions.displayName = "MessageActions";
+export const MessageAction = React.forwardRef(({ tooltip, children, label, variant = "ghost", size = "icon-sm", ...props }, ref) => {
+    const button = (_jsxs(Button, { ref: ref, size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+});
+MessageAction.displayName = "MessageAction";
+const MessageBranchContext = createContext(null);
+const useMessageBranch = () => {
+    const context = useContext(MessageBranchContext);
+    if (!context) {
+        throw new Error("MessageBranch components must be used within MessageBranch");
+    }
+    return context;
+};
+export const MessageBranch = React.forwardRef(({ defaultBranch = 0, onBranchChange, className, ...props }, ref) => {
+    const [currentBranch, setCurrentBranch] = useState(defaultBranch);
+    const [branches, setBranches] = useState([]);
+    const handleBranchChange = (newBranch) => {
+        setCurrentBranch(newBranch);
+        onBranchChange?.(newBranch);
+    };
+    const goToPrevious = () => {
+        const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
+        handleBranchChange(newBranch);
+    };
+    const goToNext = () => {
+        const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
+        handleBranchChange(newBranch);
+    };
+    const contextValue = {
+        currentBranch,
+        totalBranches: branches.length,
+        goToPrevious,
+        goToNext,
+        branches,
+        setBranches,
+    };
+    return (_jsx(MessageBranchContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, className: cn("grid w-full gap-2 [&>div]:pb-0", className), ...props }) }));
+});
+MessageBranch.displayName = "MessageBranch";
+export const MessageBranchContent = React.forwardRef(({ children, ...props }, ref) => {
+    const { currentBranch, setBranches, branches } = useMessageBranch();
+    const childrenArray = Array.isArray(children) ? children : [children];
+    // Use useEffect to update branches when they change
+    useEffect(() => {
+        if (branches.length !== childrenArray.length) {
+            setBranches(childrenArray);
+        }
+    }, [childrenArray, branches, setBranches]);
+    return (_jsx(_Fragment, { children: childrenArray.map((branch, index) => (_jsx("div", { ref: ref, className: cn("grid gap-2 overflow-hidden [&>div]:pb-0", index === currentBranch ? "block" : "hidden"), ...props, children: branch }, branch.key || index))) }));
+});
+MessageBranchContent.displayName = "MessageBranchContent";
+export const MessageBranchSelector = React.forwardRef(({ className, from, ...props }, ref) => {
+    const { totalBranches } = useMessageBranch();
+    // Don't render if there's only one branch
+    if (totalBranches <= 1) {
+        return null;
+    }
+    return (_jsx(ButtonGroup, { ref: ref, className: cn("[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md", className), orientation: "horizontal", ...props }));
+});
+MessageBranchSelector.displayName = "MessageBranchSelector";
+export const MessageBranchPrevious = React.forwardRef(({ children, ...props }, ref) => {
+    const { goToPrevious, totalBranches } = useMessageBranch();
+    return (_jsx(Button, { ref: ref, "aria-label": "Previous branch", disabled: totalBranches <= 1, onClick: goToPrevious, size: "icon-sm", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronLeftIcon, { size: 14 }) }));
+});
+MessageBranchPrevious.displayName = "MessageBranchPrevious";
+export const MessageBranchNext = React.forwardRef(({ children, className, ...props }, ref) => {
+    const { goToNext, totalBranches } = useMessageBranch();
+    return (_jsx(Button, { ref: ref, "aria-label": "Next branch", disabled: totalBranches <= 1, onClick: goToNext, size: "icon-sm", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronRightIcon, { size: 14 }) }));
+});
+MessageBranchNext.displayName = "MessageBranchNext";
+export const MessageBranchPage = React.forwardRef(({ className, ...props }, ref) => {
+    const { currentBranch, totalBranches } = useMessageBranch();
+    return (_jsxs(ButtonGroupText, { ref: ref, className: cn("border-none bg-transparent text-muted-foreground shadow-none", className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
+});
+MessageBranchPage.displayName = "MessageBranchPage";
+const MessageResponseComponent = React.forwardRef(({ className, ...props }, _ref) => {
+    const { ref: _, ...streamdownProps } = props;
+    return (_jsx(Streamdown, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), ...streamdownProps }));
+});
+MessageResponseComponent.displayName = "MessageResponse";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const MessageResponse = memo(MessageResponseComponent, (prevProps, nextProps) => prevProps.children === nextProps.children);
+export const MessageAttachment = React.forwardRef(({ data, className, onRemove, ...props }, ref) => {
+    const filename = data.filename || "";
+    const mediaType = data.mediaType?.startsWith("image/") && data.url ? "image" : "file";
+    const isImage = mediaType === "image";
+    const attachmentLabel = filename || (isImage ? "Image" : "Attachment");
+    return (_jsx("div", { ref: ref, className: cn("group relative size-24 overflow-hidden rounded-lg", className), ...props, children: isImage ? (_jsxs(_Fragment, { children: [_jsx("img", { alt: filename || "attachment", className: "size-full object-cover", height: 100, src: data.url, width: 100 }), onRemove && (_jsxs(Button, { "aria-label": "Remove attachment", className: "absolute top-2 right-2 size-6 rounded-full bg-background/80 p-0 opacity-0 backdrop-blur-sm transition-opacity hover:bg-background group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
+                        e.stopPropagation();
+                        onRemove();
+                    }, type: "button", variant: "ghost", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Remove" })] }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("div", { className: "flex size-full shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(PaperclipIcon, { className: "size-4" }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: attachmentLabel }) })] }), onRemove && (_jsxs(Button, { "aria-label": "Remove attachment", className: "size-6 shrink-0 rounded-full p-0 opacity-0 transition-opacity hover:bg-accent group-hover:opacity-100 [&>svg]:size-3", onClick: (e) => {
+                        e.stopPropagation();
+                        onRemove();
+                    }, type: "button", variant: "ghost", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Remove" })] }))] })) }));
+});
+MessageAttachment.displayName = "MessageAttachment";
+export const MessageAttachments = React.forwardRef(({ children, className, ...props }, ref) => {
+    if (!children) {
+        return null;
+    }
+    return (_jsx("div", { ref: ref, className: cn("ml-auto flex w-fit flex-wrap items-start gap-2", className), ...props, children: children }));
+});
+MessageAttachments.displayName = "MessageAttachments";
+export const MessageToolbar = React.forwardRef(({ className, children, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("mt-4 flex w-full items-center justify-between gap-4", className), ...props, children: children })));
+MessageToolbar.displayName = "MessageToolbar";

package/dist/components/molecules/data-display/project-list/index.d.ts

@@ -0,0 +1,3 @@
+export type { Project, ProjectListProps } from "./project-list";
+export { ProjectList } from "./project-list";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/project-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/project-list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/molecules/data-display/project-list/index.js

@@ -0,0 +1 @@
+export { ProjectList } from "./project-list";

package/dist/components/molecules/data-display/project-list/project-list.d.ts

@@ -0,0 +1,46 @@
+/**
+ * ProjectList - Componente Visual
+ *
+ * Lista de projetos com ícones, datas e ações
+ */
+import type React from "react";
+export interface Project {
+    id: string;
+    name: string;
+    dueDate: string | Date;
+    icon?: React.ReactNode;
+    iconColor?: string;
+    status?: "active" | "pending" | "completed" | "on-hold";
+}
+export interface ProjectListProps {
+    /**
+     * Lista de projetos
+     */
+    projects: Project[];
+    /**
+     * Título do card
+     */
+    title?: string;
+    /**
+     * Callback quando um projeto é clicado
+     */
+    onProjectClick?: (project: Project) => void;
+    /**
+     * Callback quando o botão "New" é clicado
+     */
+    onAddNew?: () => void;
+    /**
+     * Texto do botão de adicionar
+     * @default "+ New"
+     */
+    addButtonText?: string;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de lista de projetos
+ */
+export declare function ProjectList({ projects, title, onProjectClick, onAddNew, addButtonText, className, }: ProjectListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=project-list.d.ts.map

package/dist/components/molecules/data-display/project-list/project-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/project-list/project-list.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CACzD;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,EAAE,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAiB,EACjB,cAAc,EACd,QAAQ,EACR,aAAuB,EACvB,SAAS,GACV,EAAE,gBAAgB,2CAkFlB"}

package/dist/components/molecules/data-display/project-list/project-list.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProjectList - Componente Visual
+ *
+ * Lista de projetos com ícones, datas e ações
+ */
+import { Calendar, Plus } from "lucide-react";
+import { cn } from "@/lib/utils";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "../../../atoms";
+/**
+ * Formata data para exibição
+ */
+function formatDate(date) {
+    const d = typeof date === "string" ? new Date(date) : date;
+    return d.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+    });
+}
+/**
+ * Componente de lista de projetos
+ */
+export function ProjectList({ projects, title = "Project", onProjectClick, onAddNew, addButtonText = "+ New", className, }) {
+    return (_jsxs(Card, { className: className, children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { children: title }), onAddNew && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: onAddNew, children: [_jsx(Plus, { className: "h-4 w-4 mr-1" }), addButtonText] }))] }), _jsx(CardContent, { children: _jsx("div", { className: "space-y-3", children: projects.length === 0 ? (_jsx("div", { className: "text-center text-muted-foreground py-8", children: "No projects" })) : (projects.map((project) => (_jsxs("div", { ...(onProjectClick
+                            ? {
+                                role: "button",
+                                tabIndex: 0,
+                                onClick: () => onProjectClick(project),
+                                onKeyDown: (e) => {
+                                    if (e.key === "Enter" || e.key === " ") {
+                                        e.preventDefault();
+                                        onProjectClick(project);
+                                    }
+                                },
+                            }
+                            : {}), className: cn("flex items-center gap-3 p-3 rounded-lg border transition-colors", onProjectClick &&
+                            "cursor-pointer hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring"), children: [project.icon && (_jsx("div", { className: cn("flex items-center justify-center w-10 h-10 rounded", project.iconColor || "bg-primary/10"), style: project.iconColor ? { backgroundColor: project.iconColor } : undefined, children: project.icon })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: project.name }), _jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground mt-1", children: [_jsx(Calendar, { className: "h-3 w-3" }), _jsxs("span", { children: ["Due date: ", formatDate(project.dueDate)] })] })] }), project.status && (_jsx(Badge, { variant: project.status === "completed"
+                                    ? "default"
+                                    : project.status === "active"
+                                        ? "secondary"
+                                        : "outline", children: project.status }))] }, project.id)))) }) })] }));
+}

package/dist/components/molecules/data-display/reminder-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { Reminder, ReminderCardProps } from "./reminder-card";
+export { ReminderCard } from "./reminder-card";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/reminder-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/reminder-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/molecules/data-display/reminder-card/index.js

@@ -0,0 +1 @@
+export { ReminderCard } from "./reminder-card";

package/dist/components/molecules/data-display/reminder-card/reminder-card.d.ts

@@ -0,0 +1,43 @@
+/**
+ * ReminderCard - Componente Visual
+ *
+ * Card de lembretes com horário e botão de ação
+ */
+export interface Reminder {
+    id: string;
+    title: string;
+    time: string;
+    description?: string;
+}
+export interface ReminderCardProps {
+    /**
+     * Lista de lembretes
+     */
+    reminders: Reminder[];
+    /**
+     * Título do card
+     */
+    title?: string;
+    /**
+     * Texto do botão de ação principal
+     * @default "Start Meeting"
+     */
+    actionButtonText?: string;
+    /**
+     * Callback quando o botão de ação é clicado
+     */
+    onStartMeeting?: (reminder: Reminder) => void;
+    /**
+     * Callback quando um lembrete é dispensado
+     */
+    onDismiss?: (reminder: Reminder) => void;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de card de lembretes
+ */
+export declare function ReminderCard({ reminders, title, actionButtonText, onStartMeeting, onDismiss, className, }: ReminderCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=reminder-card.d.ts.map

package/dist/components/molecules/data-display/reminder-card/reminder-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reminder-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/reminder-card/reminder-card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAmB,EACnB,gBAAkC,EAClC,cAAc,EACd,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,2CAgEnB"}

package/dist/components/molecules/data-display/reminder-card/reminder-card.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ReminderCard - Componente Visual
+ *
+ * Card de lembretes com horário e botão de ação
+ */
+import { Clock, X } from "lucide-react";
+import { Button, Card, CardContent, CardHeader, CardTitle } from "../../../atoms";
+/**
+ * Componente de card de lembretes
+ */
+export function ReminderCard({ reminders, title = "Reminders", actionButtonText = "Start Meeting", onStartMeeting, onDismiss, className, }) {
+    if (!reminders || reminders.length === 0) {
+        return (_jsxs(Card, { className: className, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) }), _jsx(CardContent, { children: _jsx("div", { className: "text-center text-muted-foreground py-8", children: "No reminders" }) })] }));
+    }
+    // Mostrar apenas o primeiro lembrete (ou todos se necessário)
+    const _primaryReminder = reminders[0];
+    return (_jsxs(Card, { className: className, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) }), _jsx(CardContent, { children: _jsx("div", { className: "space-y-4", children: reminders.map((reminder) => (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium text-sm", children: reminder.title }), reminder.description && (_jsx("div", { className: "text-xs text-muted-foreground mt-1", children: reminder.description }))] }), onDismiss && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0", onClick: () => onDismiss(reminder), children: _jsx(X, { className: "h-4 w-4" }) }))] }), _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Clock, { className: "h-4 w-4" }), _jsx("span", { children: reminder.time })] }), onStartMeeting && (_jsx(Button, { onClick: () => onStartMeeting(reminder), className: "w-full", size: "sm", children: actionButtonText }))] }, reminder.id))) }) })] }));
+}

package/dist/components/molecules/data-display/sources/index.d.ts

@@ -0,0 +1,3 @@
+export type { SourceProps, SourcesContentProps, SourcesProps, SourcesTriggerProps, } from "./sources";
+export { Source, Sources, SourcesContent, SourcesTrigger } from "./sources";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/sources/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/sources/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,GACpB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/molecules/data-display/sources/index.js

@@ -0,0 +1 @@
+export { Source, Sources, SourcesContent, SourcesTrigger } from "./sources";

package/dist/components/molecules/data-display/sources/sources.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Sources Component - Flowtomic UI
+ *
+ * Componente de sources collapsible
+ */
+import type { ComponentProps } from "react";
+import * as React from "react";
+import { CollapsibleContent, CollapsibleTrigger } from "../../../atoms";
+export type SourcesProps = ComponentProps<"div">;
+export declare const Sources: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+    count: number;
+};
+export declare const SourcesTrigger: React.ForwardRefExoticComponent<Omit<SourcesTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const SourcesContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type SourceProps = ComponentProps<"a">;
+export declare const Source: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=sources.d.ts.map

package/dist/components/molecules/data-display/sources/sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/sources/sources.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAErF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,mKAQnB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAC5E,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,cAAc,4GAW1B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE5E,eAAO,MAAM,cAAc,4OAY1B,CAAC;AAGF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9C,eAAO,MAAM,MAAM,kLAkBlB,CAAC"}