@flowtomic/ui 0.1.0 → 0.1.1

package/dist/components/molecules/data-display/circular-progress-chart/circular-progress-chart.d.ts

@@ -0,0 +1,68 @@
+/**
+ * CircularProgressChart - Componente Visual
+ *
+ * Gráfico circular de progresso usando SVG puro
+ */
+export interface CircularProgressChartProps {
+    /**
+     * Valor atual (0-100)
+     */
+    value: number;
+    /**
+     * Valor máximo
+     * @default 100
+     */
+    max?: number;
+    /**
+     * Label central do gráfico
+     */
+    label?: string;
+    /**
+     * Título do card
+     */
+    title?: string;
+    /**
+     * Tamanho do gráfico em pixels
+     * @default 200
+     */
+    size?: number;
+    /**
+     * Espessura da linha do gráfico
+     * @default 12
+     */
+    strokeWidth?: number;
+    /**
+     * Cor da linha de progresso
+     * @default "hsl(var(--primary))"
+     */
+    progressColor?: string;
+    /**
+     * Cor da linha de fundo
+     * @default "hsl(var(--muted))"
+     */
+    trackColor?: string;
+    /**
+     * Cores para diferentes faixas de valor
+     */
+    colorRanges?: Array<{
+        min: number;
+        max: number;
+        color: string;
+    }>;
+    /**
+     * Legenda de cores (ex: Completed, In Progress, Pending)
+     */
+    legend?: Array<{
+        label: string;
+        color: string;
+    }>;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+/**
+ * Componente de gráfico circular de progresso
+ */
+export declare function CircularProgressChart({ value, max, label, title, size, strokeWidth, progressColor, trackColor, colorRanges, legend, className, }: CircularProgressChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=circular-progress-chart.d.ts.map

package/dist/components/molecules/data-display/circular-progress-chart/circular-progress-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress-chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/circular-progress-chart/circular-progress-chart.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;QAClB,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IAEH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,GAAS,EACT,KAAK,EACL,KAAK,EACL,IAAU,EACV,WAAgB,EAChB,aAAqC,EACrC,UAAgC,EAChC,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,0BAA0B,2CAsF5B"}

package/dist/components/molecules/data-display/circular-progress-chart/circular-progress-chart.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../atoms";
+/**
+ * Componente de gráfico circular de progresso
+ */
+export function CircularProgressChart({ value, max = 100, label, title, size = 200, strokeWidth = 12, progressColor = "hsl(var(--primary))", trackColor = "hsl(var(--muted))", colorRanges, legend, className, }) {
+    // Calcular porcentagem
+    const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
+    // Determinar cor baseado em ranges
+    let finalProgressColor = progressColor;
+    if (colorRanges) {
+        for (const range of colorRanges) {
+            if (percentage >= range.min && percentage <= range.max) {
+                finalProgressColor = range.color;
+                break;
+            }
+        }
+    }
+    // Calcular raio e circunferência
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const offset = circumference - (percentage / 100) * circumference;
+    return (_jsxs(Card, { className: className, children: [title && (_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) })), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsxs("svg", { width: size, height: size, className: "transform -rotate-90", children: [_jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: trackColor, strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: 0, className: "opacity-20" }), _jsx("circle", { cx: size / 2, cy: size / 2, r: radius, fill: "none", stroke: finalProgressColor, strokeWidth: strokeWidth, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", className: "transition-all duration-500 ease-in-out" })] }), label && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", style: { fontSize: size * 0.15 }, children: _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "font-bold text-foreground", children: [Math.round(percentage), "%"] }), label && _jsx("div", { className: "text-xs text-muted-foreground mt-1", children: label })] }) }))] }), legend && legend.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-4 justify-center mt-2", children: legend.map((item, index) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-3 h-3 rounded-full", style: { backgroundColor: item.color } }), _jsx("span", { className: "text-xs text-muted-foreground", children: item.label })] }, index))) }))] }) })] }));
+}

package/dist/components/molecules/data-display/circular-progress-chart/index.d.ts

@@ -0,0 +1,3 @@
+export type { CircularProgressChartProps } from "./circular-progress-chart";
+export { CircularProgressChart } from "./circular-progress-chart";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/circular-progress-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/circular-progress-chart/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/molecules/data-display/circular-progress-chart/index.js

@@ -0,0 +1 @@
+export { CircularProgressChart } from "./circular-progress-chart";

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

@@ -0,0 +1,48 @@
+/**
+ * DataTablePagination Component - Design System Flowtomic UI
+ *
+ * Componente de paginação para DataTable
+ * Suporta dois tipos de visualização: text e buttons
+ * Inclui seletor de tamanho de página opcional
+ */
+import type { Table } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+export interface DataTablePaginationProps<TData> {
+    /** Instância da tabela do TanStack Table */
+    table: Table<TData>;
+    /** Tamanho da tabela */
+    size?: "sm" | "md";
+    /** Tipo de visualização da paginação */
+    paginationType?: "text" | "buttons";
+    /** Habilitar seletor de tamanho de página */
+    enablePageSizeSelector?: boolean;
+    /** Opções de tamanho de página disponíveis */
+    pageSizeOptions?: number[];
+    /** Conteúdo customizado do footer */
+    footerContent?: ReactNode;
+    /** Classe CSS adicional */
+    className?: string;
+    /** Informações de paginação (para server-side, opcional) */
+    paginationInfo?: {
+        start: number;
+        end: number;
+        total: number;
+        pageCount: number;
+    };
+}
+declare function DataTablePagination<TData>({ table, size, paginationType, enablePageSizeSelector, pageSizeOptions, footerContent, className, paginationInfo, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTablePagination {
+    var displayName: string;
+}
+export interface DataTablePaginationSkeletonProps {
+    /** Tamanho da tabela */
+    size?: "sm" | "md";
+    /** Classe CSS adicional */
+    className?: string;
+}
+declare function DataTablePaginationSkeleton({ size, className }: DataTablePaginationSkeletonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DataTablePaginationSkeleton {
+    var displayName: string;
+}
+export { DataTablePagination, DataTablePaginationSkeleton };
+//# sourceMappingURL=data-table-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/data-table/data-table-pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,4CAA4C;IAC5C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,qCAAqC;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAqDD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,EAClC,KAAK,EACL,IAAW,EACX,cAAuB,EACvB,sBAA8B,EAC9B,eAAwC,EACxC,aAAa,EACb,SAAS,EACT,cAAc,GACf,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAuKjC;kBAhLQ,mBAAmB;;;AAwL5B,MAAM,WAAW,gCAAgC;IAC/C,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,2BAA2B,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,EAAE,gCAAgC,2CAoBhG;kBApBQ,2BAA2B;;;AA4BpC,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,CAAC"}

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

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { cn } from "@/lib/utils";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../atoms";
+// ============================================================================
+// Pagination Helpers
+// ============================================================================
+/**
+ * Gera array de números de página com ellipsis quando necessário
+ * Exemplo: [1, 2, 3, 4, 5, '...', 10]
+ */
+function generatePageNumbers(currentPage, totalPages) {
+    if (totalPages <= 1)
+        return [1];
+    if (totalPages <= 7) {
+        // Se tem 7 ou menos páginas, mostra todas
+        return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const pages = [];
+    const ellipsis = "...";
+    // Sempre mostrar primeira página
+    pages.push(1);
+    if (currentPage <= 4) {
+        // Páginas iniciais: 1, 2, 3, 4, 5, ..., 10
+        for (let i = 2; i <= 5; i++) {
+            pages.push(i);
+        }
+        pages.push(ellipsis);
+        pages.push(totalPages);
+    }
+    else if (currentPage >= totalPages - 3) {
+        // Páginas finais: 1, ..., 6, 7, 8, 9, 10
+        pages.push(ellipsis);
+        for (let i = totalPages - 4; i <= totalPages; i++) {
+            pages.push(i);
+        }
+    }
+    else {
+        // Páginas do meio: 1, ..., 4, 5, 6, ..., 10
+        pages.push(ellipsis);
+        for (let i = currentPage - 1; i <= currentPage + 1; i++) {
+            pages.push(i);
+        }
+        pages.push(ellipsis);
+        pages.push(totalPages);
+    }
+    return pages;
+}
+// ============================================================================
+// DataTablePagination Component
+// ============================================================================
+function DataTablePagination({ table, size = "md", paginationType = "text", enablePageSizeSelector = false, pageSizeOptions = [20, 25, 50, 100, 200], footerContent, className, paginationInfo, }) {
+    const pagination = table.getState().pagination;
+    const pageSize = pagination.pageSize;
+    // Usar paginationInfo se fornecido (server-side), senão calcular do table
+    const currentPageInfo = paginationInfo
+        ? paginationInfo
+        : {
+            start: table.getRowModel().rows.length > 0 ? pagination.pageIndex * pagination.pageSize + 1 : 0,
+            end: Math.min((pagination.pageIndex + 1) * pagination.pageSize, table.getFilteredRowModel().rows.length),
+            total: table.getFilteredRowModel().rows.length,
+            pageCount: Math.max(1, table.getPageCount()),
+        };
+    // Garantir que o pageSize atual esteja nas opções
+    const availablePageSizes = React.useMemo(() => {
+        const sizes = new Set(pageSizeOptions);
+        if (!sizes.has(pageSize)) {
+            sizes.add(pageSize);
+        }
+        return Array.from(sizes).sort((a, b) => a - b);
+    }, [pageSizeOptions, pageSize]);
+    if (footerContent) {
+        return (_jsx("div", { className: cn("flex items-center justify-between border-t border-border bg-card px-4", size === "sm" ? "py-3 md:px-5" : "py-4 md:px-6", className), children: footerContent }));
+    }
+    return (_jsxs("div", { className: cn("flex items-center justify-between border-t border-border bg-card px-4", size === "sm" ? "py-3 md:px-5" : "py-4 md:px-6", className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Mostrando", " ", currentPageInfo.start > 0 ? `${currentPageInfo.start} a ${currentPageInfo.end}` : 0, " de", " ", currentPageInfo.total, " itens"] }), enablePageSizeSelector && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Mostrar" }), _jsxs(Select, { value: pagination.pageSize.toString(), onValueChange: (value) => {
+                                    const newPageSize = Number(value);
+                                    table.setPageSize(newPageSize);
+                                    table.setPageIndex(0);
+                                }, children: [_jsx(SelectTrigger, { size: "sm", className: "w-[70px]", "aria-label": "Selecionar tamanho de p\u00E1gina", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: availablePageSizes.map((sizeOption) => (_jsx(SelectItem, { value: sizeOption.toString(), children: sizeOption }, sizeOption))) })] })] }))] }), paginationType === "text" ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), "aria-label": "P\u00E1gina anterior", children: "Anterior" }), _jsxs("span", { className: "text-sm text-muted-foreground", children: ["P\u00E1gina ", table.getState().pagination.pageIndex + 1, " de ", currentPageInfo.pageCount] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), "aria-label": "Pr\u00F3xima p\u00E1gina", children: "Pr\u00F3xima" })] })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), "aria-label": "P\u00E1gina anterior", children: "Anterior" }), generatePageNumbers(table.getState().pagination.pageIndex + 1, currentPageInfo.pageCount).map((page, index, array) => {
+                        if (page === "...") {
+                            // Criar key única baseada na posição e valores adjacentes
+                            const prevPage = index > 0 ? array[index - 1] : null;
+                            const nextPage = index < array.length - 1 ? array[index + 1] : null;
+                            const uniqueKey = `ellipsis-${prevPage ?? "start"}-${nextPage ?? "end"}`;
+                            return (_jsx("span", { className: "px-2 text-sm text-muted-foreground", "aria-hidden": "true", children: "..." }, uniqueKey));
+                        }
+                        const pageNumber = page;
+                        const isActive = pageNumber === table.getState().pagination.pageIndex + 1;
+                        return (_jsx(Button, { variant: isActive ? "default" : "outline", size: "sm", onClick: () => table.setPageIndex(pageNumber - 1), className: cn(isActive && "bg-muted text-foreground hover:bg-muted"), "aria-label": `Ir para página ${pageNumber}`, "aria-current": isActive ? "page" : undefined, children: pageNumber }, pageNumber));
+                    }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), "aria-label": "Pr\u00F3xima p\u00E1gina", children: "Pr\u00F3xima" })] }))] }));
+}
+DataTablePagination.displayName = "DataTablePagination";
+function DataTablePaginationSkeleton({ size = "md", className }) {
+    return (_jsxs("div", { className: cn("flex items-center justify-between border-t border-border bg-card px-4", size === "sm" ? "py-3 md:px-5" : "py-4 md:px-6", className), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-5 w-24 animate-pulse rounded bg-muted" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-9 w-20 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-5 w-24 animate-pulse rounded bg-muted" }), _jsx("div", { className: "h-9 w-20 animate-pulse rounded bg-muted" })] })] }));
+}
+DataTablePaginationSkeleton.displayName = "DataTablePaginationSkeleton";
+// ============================================================================
+// Exports
+// ============================================================================
+export { DataTablePagination, DataTablePaginationSkeleton };

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

@@ -0,0 +1,86 @@
+/**
+ * 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 { type ColumnDef, type ColumnFiltersState, type SortingState, type VisibilityState } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+export interface Column<T> {
+    key: keyof T;
+    label: string;
+    render?: (value: unknown, item: T) => ReactNode;
+    sortable?: boolean;
+    width?: string;
+    tooltip?: string;
+}
+export interface DataTableProps<T extends Record<string, unknown>> {
+    /** Título da tabela */
+    title?: string;
+    /** Dados da tabela */
+    data: T[];
+    /** Definição das colunas usando TanStack Table ColumnDef */
+    columns: ColumnDef<T, unknown>[];
+    /** Callback quando um item é editado */
+    onEdit?: (item: T) => void;
+    /** Callback quando um item é deletado */
+    onDelete?: (item: T) => void;
+    /** Callback quando um item é visualizado */
+    onView?: (item: T) => void;
+    /** Classe CSS adicional */
+    className?: string;
+    /** Mensagem quando não há dados */
+    emptyMessage?: string;
+    /** Estado de carregamento */
+    loading?: boolean;
+    /** Tamanho da tabela */
+    size?: "sm" | "md";
+    /** Habilitar seleção de linhas */
+    enableRowSelection?: boolean;
+    /** Callback quando a seleção muda */
+    onSelectionChange?: (selectedRows: T[]) => void;
+    /** Habilitar paginação */
+    enablePagination?: boolean;
+    /** Tipo de visualização da paginação */
+    paginationType?: "text" | "buttons";
+    /** Tamanho da página */
+    pageSize?: number;
+    /** Opções de tamanho de página disponíveis */
+    pageSizeOptions?: number[];
+    /** Habilitar seletor de tamanho de página */
+    enablePageSizeSelector?: boolean;
+    /** Habilitar filtro global */
+    enableGlobalFilter?: boolean;
+    /** Placeholder do filtro global */
+    globalFilterPlaceholder?: string;
+    /** Habilitar ordenação */
+    enableSorting?: boolean;
+    /** Estado inicial de ordenação */
+    initialSorting?: SortingState;
+    /** Estado inicial de filtros */
+    initialColumnFilters?: ColumnFiltersState;
+    /** Estado inicial de visibilidade de colunas */
+    initialColumnVisibility?: VisibilityState;
+    /** Modo de paginação: 'client' (frontend) ou 'server' (backend) */
+    paginationMode?: "client" | "server";
+    /** Total de itens (necessário para paginação server-side) */
+    totalCount?: number;
+    /** Callback quando paginação muda (para server-side) */
+    onPaginationChange?: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
+    /** Modo de ordenação: 'client' (frontend) ou 'server' (backend) */
+    sortingMode?: "client" | "server";
+    /** Callback quando ordenação muda (para server-side) */
+    onSortingChange?: (sorting: SortingState) => void;
+    /** Renderizar ações customizadas no header */
+    headerActions?: ReactNode;
+    /** Renderizar conteúdo customizado no footer */
+    footerContent?: ReactNode;
+}
+declare function DataTable<T extends Record<string, unknown>>({ title, data, columns, className, emptyMessage, loading, size, enableRowSelection, onSelectionChange, enablePagination, paginationType, pageSize, pageSizeOptions, enablePageSizeSelector, enableGlobalFilter, globalFilterPlaceholder, enableSorting, initialSorting, initialColumnFilters, initialColumnVisibility, paginationMode, totalCount, onPaginationChange, sortingMode, onSortingChange, headerActions, footerContent, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export { DataTable };
+export type { ColumnDef, ColumnFiltersState, PaginationState, SortingState, VisibilityState, } from "@tanstack/react-table";
+//# sourceMappingURL=data-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/data-table/data-table.tsx"],"names":[],"mappings":"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"}

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;wCAqBxB,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;AAcrE,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"}