@flowtomic/logic 0.1.0

package/dist/hooks/useMoblile/useMobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=useMobile.d.ts.map

package/dist/hooks/useMoblile/useMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMoblile/useMobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/useMoblile/useMobile.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/hooks/useReactTableBack/index.d.ts

@@ -0,0 +1,3 @@
+export type { UseReactTableBackOptions, UseReactTableBackReturn } from "./useReactTableBack";
+export { useReactTableBack } from "./useReactTableBack";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useReactTableBack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactTableBack/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/hooks/useReactTableBack/index.js

@@ -0,0 +1 @@
+export { useReactTableBack } from "./useReactTableBack";

package/dist/hooks/useReactTableBack/useReactTableBack.d.ts

@@ -0,0 +1,102 @@
+/**
+ * useReactTableBack - Headless UI Hook
+ *
+ * Hook headless para TanStack Table com paginação e ordenação no backend (server-side).
+ * Fornece apenas: lógica, estado, processamento e API
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * @example
+ * ```tsx
+ * function MyTable() {
+ *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableBack({
+ *     data: pageData,
+ *     columns: columnDefs,
+ *     totalCount: 1000,
+ *     onPaginationChange: ({ pageIndex, pageSize }) => {
+ *       fetchData({ page: pageIndex + 1, pageSize });
+ *     },
+ *     onSortingChange: (sorting) => {
+ *       fetchData({ sorting });
+ *     },
+ *   })
+ *
+ *   return (
+ *     <table>
+ *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
+ *     </table>
+ *   )
+ * }
+ * ```
+ */
+import { type ColumnDef, type ColumnFiltersState, type PaginationState, type SortingState, type Table, type VisibilityState } from "@tanstack/react-table";
+export interface UseReactTableBackOptions<T extends Record<string, unknown>> {
+    /** Dados da tabela (apenas da página atual) */
+    data: T[];
+    /** Definição das colunas */
+    columns: ColumnDef<T, unknown>[];
+    /** Total de itens no servidor (necessário para calcular páginas) */
+    totalCount: number;
+    /** Habilitar paginação */
+    enablePagination?: boolean;
+    /** Tamanho da página */
+    pageSize?: number;
+    /** Callback quando paginação muda */
+    onPaginationChange?: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
+    /** Habilitar ordenação */
+    enableSorting?: boolean;
+    /** Estado inicial de ordenação */
+    initialSorting?: SortingState;
+    /** Callback quando ordenação muda */
+    onSortingChange?: (sorting: SortingState) => void;
+    /** Estado inicial de filtros de coluna */
+    initialColumnFilters?: ColumnFiltersState;
+    /** Estado inicial de visibilidade de colunas */
+    initialColumnVisibility?: VisibilityState;
+    /** Habilitar seleção de linhas */
+    enableRowSelection?: boolean;
+    /** Callback quando a seleção muda */
+    onSelectionChange?: (selectedRows: T[]) => void;
+}
+export interface UseReactTableBackReturn<T extends Record<string, unknown>> {
+    /** Instância do TanStack Table */
+    table: Table<T>;
+    /** Estado de ordenação */
+    sorting: SortingState;
+    /** Função para atualizar ordenação */
+    setSorting: (sorting: SortingState | ((prev: SortingState) => SortingState)) => void;
+    /** Estado de paginação */
+    pagination: PaginationState;
+    /** Função para atualizar paginação */
+    setPagination: (pagination: PaginationState | ((prev: PaginationState) => PaginationState)) => void;
+    /** Estado de filtros de coluna */
+    columnFilters: ColumnFiltersState;
+    /** Função para atualizar filtros de coluna */
+    setColumnFilters: (filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)) => void;
+    /** Estado de filtro global (não usado em server-side, mas mantido para compatibilidade) */
+    globalFilter: string;
+    /** Função para atualizar filtro global (não usado em server-side, mas mantido para compatibilidade) */
+    setGlobalFilter: (filter: string) => void;
+    /** Estado de visibilidade de colunas */
+    columnVisibility: VisibilityState;
+    /** Função para atualizar visibilidade de colunas */
+    setColumnVisibility: (visibility: VisibilityState | ((prev: VisibilityState) => VisibilityState)) => void;
+    /** Estado de seleção de linhas */
+    rowSelection: Record<string, boolean>;
+    /** Função para atualizar seleção de linhas */
+    setRowSelection: (selection: Record<string, boolean> | ((prev: Record<string, boolean>) => Record<string, boolean>)) => void;
+    /** Informações de paginação calculadas */
+    paginationInfo: {
+        start: number;
+        end: number;
+        total: number;
+        pageCount: number;
+    };
+}
+/**
+ * Hook Headless UI para TanStack Table com paginação/ordenação server-side
+ */
+export declare function useReactTableBack<T extends Record<string, unknown>>(options: UseReactTableBackOptions<T>): UseReactTableBackReturn<T>;
+//# sourceMappingURL=useReactTableBack.d.ts.map

package/dist/hooks/useReactTableBack/useReactTableBack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactTableBack.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactTableBack/useReactTableBack.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useReactTableBack/useReactTableBack.js

@@ -0,0 +1,124 @@
+/**
+ * useReactTableBack - Headless UI Hook
+ *
+ * Hook headless para TanStack Table com paginação e ordenação no backend (server-side).
+ * Fornece apenas: lógica, estado, processamento e API
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * @example
+ * ```tsx
+ * function MyTable() {
+ *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableBack({
+ *     data: pageData,
+ *     columns: columnDefs,
+ *     totalCount: 1000,
+ *     onPaginationChange: ({ pageIndex, pageSize }) => {
+ *       fetchData({ page: pageIndex + 1, pageSize });
+ *     },
+ *     onSortingChange: (sorting) => {
+ *       fetchData({ sorting });
+ *     },
+ *   })
+ *
+ *   return (
+ *     <table>
+ *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
+ *     </table>
+ *   )
+ * }
+ * ```
+ */
+import { getCoreRowModel, useReactTable, } from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+/**
+ * Hook Headless UI para TanStack Table com paginação/ordenação server-side
+ */
+export function useReactTableBack(options) {
+    const { data, columns, totalCount, enablePagination = true, pageSize = 10, onPaginationChange, enableSorting = true, initialSorting = [], onSortingChange, initialColumnFilters = [], initialColumnVisibility = {}, enableRowSelection = false, onSelectionChange, } = options;
+    const [sorting, setSorting] = useState(initialSorting);
+    const [columnFilters, setColumnFilters] = useState(initialColumnFilters);
+    const [globalFilter, setGlobalFilter] = useState("");
+    const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
+    const [rowSelection, setRowSelection] = useState({});
+    const [pagination, setPagination] = useState({
+        pageIndex: 0,
+        pageSize,
+    });
+    // Notificar mudanças de paginação (server-side)
+    useEffect(() => {
+        if (enablePagination && onPaginationChange) {
+            onPaginationChange({
+                pageIndex: pagination.pageIndex,
+                pageSize: pagination.pageSize,
+            });
+        }
+    }, [pagination, enablePagination, onPaginationChange]);
+    // Notificar mudanças de ordenação (server-side)
+    useEffect(() => {
+        if (enableSorting && onSortingChange) {
+            onSortingChange(sorting);
+        }
+    }, [sorting, enableSorting, onSortingChange]);
+    const table = useReactTable({
+        data,
+        columns,
+        state: {
+            sorting: enableSorting ? sorting : undefined,
+            columnFilters,
+            columnVisibility,
+            rowSelection: enableRowSelection ? rowSelection : undefined,
+            pagination: enablePagination ? pagination : undefined,
+        },
+        onSortingChange: enableSorting ? setSorting : undefined,
+        onColumnFiltersChange: setColumnFilters,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,
+        onPaginationChange: enablePagination ? setPagination : undefined,
+        getCoreRowModel: getCoreRowModel(),
+        enableSorting,
+        enableRowSelection,
+        // Server-side: manual pagination e sorting
+        manualPagination: enablePagination,
+        manualSorting: enableSorting,
+        // Total de páginas calculado do totalCount
+        pageCount: enablePagination && totalCount !== undefined
+            ? Math.ceil(totalCount / pagination.pageSize)
+            : undefined,
+    });
+    // Notificar mudanças na seleção
+    useEffect(() => {
+        if (onSelectionChange && enableRowSelection) {
+            const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+            onSelectionChange(selectedRows);
+        }
+    }, [table, onSelectionChange, enableRowSelection]);
+    // Calcular informações de paginação
+    const paginationInfo = useMemo(() => {
+        const start = pagination.pageIndex * pagination.pageSize + 1;
+        const end = Math.min((pagination.pageIndex + 1) * pagination.pageSize, totalCount);
+        return {
+            start,
+            end,
+            total: totalCount,
+            pageCount: enablePagination && totalCount !== undefined
+                ? Math.ceil(totalCount / pagination.pageSize)
+                : 1,
+        };
+    }, [pagination, totalCount, enablePagination]);
+    return {
+        table,
+        sorting,
+        setSorting,
+        pagination,
+        setPagination,
+        columnFilters,
+        setColumnFilters,
+        globalFilter,
+        setGlobalFilter,
+        columnVisibility,
+        setColumnVisibility,
+        rowSelection,
+        setRowSelection,
+        paginationInfo,
+    };
+}

package/dist/hooks/useReactTableFront/index.d.ts

@@ -0,0 +1,3 @@
+export type { UseReactTableFrontOptions, UseReactTableFrontReturn } from "./useReactTableFront";
+export { useReactTableFront } from "./useReactTableFront";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useReactTableFront/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactTableFront/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/hooks/useReactTableFront/index.js

@@ -0,0 +1 @@
+export { useReactTableFront } from "./useReactTableFront";

package/dist/hooks/useReactTableFront/useReactTableFront.d.ts

@@ -0,0 +1,90 @@
+/**
+ * useReactTableFront - Headless UI Hook
+ *
+ * Hook headless para TanStack Table com paginação e ordenação no frontend (client-side).
+ * Fornece apenas: lógica, estado, processamento e API
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * @example
+ * ```tsx
+ * function MyTable() {
+ *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableFront({
+ *     data: allData,
+ *     columns: columnDefs,
+ *     enablePagination: true,
+ *     enableSorting: true,
+ *   })
+ *
+ *   return (
+ *     <table>
+ *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
+ *     </table>
+ *   )
+ * }
+ * ```
+ */
+import { type ColumnDef, type ColumnFiltersState, type PaginationState, type SortingState, type Table, type VisibilityState } from "@tanstack/react-table";
+export interface UseReactTableFrontOptions<T extends Record<string, unknown>> {
+    /** Dados da tabela */
+    data: T[];
+    /** Definição das colunas */
+    columns: ColumnDef<T, unknown>[];
+    /** Habilitar paginação */
+    enablePagination?: boolean;
+    /** Tamanho da página */
+    pageSize?: number;
+    /** Habilitar ordenação */
+    enableSorting?: boolean;
+    /** Estado inicial de ordenação */
+    initialSorting?: SortingState;
+    /** Habilitar filtro global */
+    enableGlobalFilter?: boolean;
+    /** Estado inicial de filtros de coluna */
+    initialColumnFilters?: ColumnFiltersState;
+    /** Estado inicial de visibilidade de colunas */
+    initialColumnVisibility?: VisibilityState;
+    /** Habilitar seleção de linhas */
+    enableRowSelection?: boolean;
+    /** Callback quando a seleção muda */
+    onSelectionChange?: (selectedRows: T[]) => void;
+}
+export interface UseReactTableFrontReturn<T extends Record<string, unknown>> {
+    /** Instância do TanStack Table */
+    table: Table<T>;
+    /** Estado de ordenação */
+    sorting: SortingState;
+    /** Função para atualizar ordenação */
+    setSorting: (sorting: SortingState | ((prev: SortingState) => SortingState)) => void;
+    /** Estado de paginação */
+    pagination: PaginationState;
+    /** Função para atualizar paginação */
+    setPagination: (pagination: PaginationState | ((prev: PaginationState) => PaginationState)) => void;
+    /** Estado de filtros de coluna */
+    columnFilters: ColumnFiltersState;
+    /** Função para atualizar filtros de coluna */
+    setColumnFilters: (filters: ColumnFiltersState | ((prev: ColumnFiltersState) => ColumnFiltersState)) => void;
+    /** Estado de filtro global */
+    globalFilter: string;
+    /** Função para atualizar filtro global */
+    setGlobalFilter: (filter: string) => void;
+    /** Estado de visibilidade de colunas */
+    columnVisibility: VisibilityState;
+    /** Função para atualizar visibilidade de colunas */
+    setColumnVisibility: (visibility: VisibilityState | ((prev: VisibilityState) => VisibilityState)) => void;
+    /** Estado de seleção de linhas */
+    rowSelection: Record<string, boolean>;
+    /** Função para atualizar seleção de linhas */
+    setRowSelection: (selection: Record<string, boolean> | ((prev: Record<string, boolean>) => Record<string, boolean>)) => void;
+    /** Informações de paginação calculadas */
+    paginationInfo: {
+        start: number;
+        end: number;
+        total: number;
+        pageCount: number;
+    };
+}
+/**
+ * Hook Headless UI para TanStack Table com paginação/ordenação client-side
+ */
+export declare function useReactTableFront<T extends Record<string, unknown>>(options: UseReactTableFrontOptions<T>): UseReactTableFrontReturn<T>;
+//# sourceMappingURL=useReactTableFront.d.ts.map

package/dist/hooks/useReactTableFront/useReactTableFront.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactTableFront.d.ts","sourceRoot":"","sources":["../../../src/hooks/useReactTableFront/useReactTableFront.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useReactTableFront/useReactTableFront.js

@@ -0,0 +1,112 @@
+/**
+ * useReactTableFront - Headless UI Hook
+ *
+ * Hook headless para TanStack Table com paginação e ordenação no frontend (client-side).
+ * Fornece apenas: lógica, estado, processamento e API
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * @example
+ * ```tsx
+ * function MyTable() {
+ *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableFront({
+ *     data: allData,
+ *     columns: columnDefs,
+ *     enablePagination: true,
+ *     enableSorting: true,
+ *   })
+ *
+ *   return (
+ *     <table>
+ *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
+ *     </table>
+ *   )
+ * }
+ * ```
+ */
+import { getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+/**
+ * Hook Headless UI para TanStack Table com paginação/ordenação client-side
+ */
+export function useReactTableFront(options) {
+    const { data, columns, enablePagination = true, pageSize = 10, enableSorting = true, initialSorting = [], enableGlobalFilter = true, initialColumnFilters = [], initialColumnVisibility = {}, enableRowSelection = false, onSelectionChange, } = options;
+    const [sorting, setSorting] = useState(initialSorting);
+    const [columnFilters, setColumnFilters] = useState(initialColumnFilters);
+    const [globalFilter, setGlobalFilter] = useState("");
+    const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
+    const [rowSelection, setRowSelection] = useState({});
+    const [pagination, setPagination] = useState({
+        pageIndex: 0,
+        pageSize,
+    });
+    const table = useReactTable({
+        data,
+        columns,
+        state: {
+            sorting: enableSorting ? sorting : undefined,
+            columnFilters,
+            globalFilter: enableGlobalFilter ? globalFilter : undefined,
+            columnVisibility,
+            rowSelection: enableRowSelection ? rowSelection : undefined,
+            pagination: enablePagination ? pagination : undefined,
+        },
+        onSortingChange: enableSorting ? setSorting : undefined,
+        onColumnFiltersChange: setColumnFilters,
+        onGlobalFilterChange: enableGlobalFilter ? setGlobalFilter : undefined,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,
+        onPaginationChange: enablePagination ? setPagination : undefined,
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,
+        getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,
+        enableSorting,
+        enableRowSelection,
+        manualPagination: false,
+        manualSorting: false,
+    });
+    // Notificar mudanças na seleção
+    useEffect(() => {
+        if (onSelectionChange && enableRowSelection) {
+            const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
+            onSelectionChange(selectedRows);
+        }
+    }, [table, onSelectionChange, enableRowSelection]);
+    // Calcular informações de paginação
+    const paginationInfo = useMemo(() => {
+        const filteredCount = table.getFilteredRowModel().rows.length;
+        // Se a paginação estiver desabilitada, retornar valores padrão
+        if (!enablePagination) {
+            return {
+                start: 1,
+                end: filteredCount,
+                total: filteredCount,
+                pageCount: 1,
+            };
+        }
+        const start = pagination.pageIndex * pagination.pageSize + 1;
+        const end = Math.min((pagination.pageIndex + 1) * pagination.pageSize, filteredCount);
+        return {
+            start,
+            end,
+            total: filteredCount,
+            pageCount: table.getPageCount(),
+        };
+    }, [table, pagination, enablePagination]);
+    return {
+        table,
+        sorting,
+        setSorting,
+        pagination,
+        setPagination,
+        columnFilters,
+        setColumnFilters,
+        globalFilter,
+        setGlobalFilter,
+        columnVisibility,
+        setColumnVisibility,
+        rowSelection,
+        setRowSelection,
+        paginationInfo,
+    };
+}

package/dist/hooks/useResizable/index.d.ts

@@ -0,0 +1,3 @@
+export { useResizable } from "./useResizable";
+export type { UseResizableOptions, UseResizableReturn } from "./useResizable";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useResizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/useResizable/index.js

@@ -0,0 +1 @@
+export { useResizable } from "./useResizable";

package/dist/hooks/useResizable/useResizable.d.ts

@@ -0,0 +1,37 @@
+/**
+ * useResizable - Headless UI Hook
+ *
+ * Fornece apenas: lógica, estado, processamento e API para componentes resizable
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * Padrão Headless UI: você controla o markup e styles
+ */
+import type React from "react";
+import type { ImperativePanelHandle } from "react-resizable-panels";
+export interface UseResizableOptions {
+    sidebarOpen: boolean;
+    setSidebarOpen: (open: boolean) => void;
+    side?: "left" | "right";
+    persistKey?: string;
+    defaultSidebarPct?: number;
+    minPx?: number;
+    maxPct?: number;
+    maxPxCap?: number;
+    mobileDrawer?: boolean;
+    tinySizePx?: number;
+    snapThreshold?: number;
+}
+export interface UseResizableReturn {
+    handleDoubleClick: () => void;
+    shouldUseMobileDrawer: boolean;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    autoSaveId: string;
+    handleLayout: (sizes: number[]) => void;
+    sidebarPanelRef: React.RefObject<ImperativePanelHandle>;
+    sidebarSize: number;
+    minSize: number;
+    maxSize: number;
+    handleResizeEnd: () => void;
+}
+export declare function useResizable({ sidebarOpen, setSidebarOpen, side, persistKey, defaultSidebarPct, minPx, maxPct, maxPxCap, mobileDrawer, tinySizePx, snapThreshold, }: UseResizableOptions): UseResizableReturn;
+//# sourceMappingURL=useResizable.d.ts.map

package/dist/hooks/useResizable/useResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizable/useResizable.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,cAAc,EACd,IAAa,EACb,UAAsB,EACtB,iBAAwB,EACxB,KAAW,EACX,MAAY,EACZ,QAAc,EACd,YAAmB,EACnB,UAAU,EACV,aAAkB,GACnB,EAAE,mBAAmB,GAAG,kBAAkB,CA0H1C"}

package/dist/hooks/useResizable/useResizable.js

@@ -0,0 +1,116 @@
+/**
+ * useResizable - Headless UI Hook
+ *
+ * Fornece apenas: lógica, estado, processamento e API para componentes resizable
+ * NÃO fornece: markup, styles ou implementações pré-construídas
+ *
+ * Padrão Headless UI: você controla o markup e styles
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useResizable({ sidebarOpen, setSidebarOpen, side = "left", persistKey = "default", defaultSidebarPct = 0.28, minPx = 250, maxPct = 0.6, maxPxCap = 500, mobileDrawer = true, tinySizePx, snapThreshold = 50, }) {
+    const containerRef = useRef(null);
+    const sidebarPanelRef = useRef(null);
+    const [isMobile, setIsMobile] = useState(false);
+    const [sidebarSize, setSidebarSize] = useState(defaultSidebarPct * 100);
+    // Detectar mobile
+    useEffect(() => {
+        const checkMobile = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        checkMobile();
+        window.addEventListener("resize", checkMobile);
+        return () => window.removeEventListener("resize", checkMobile);
+    }, []);
+    // Carregar tamanho persistido
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const storageKey = `resizable-sidebar-${persistKey}`;
+        const saved = localStorage.getItem(storageKey);
+        if (saved) {
+            try {
+                const parsed = JSON.parse(saved);
+                if (typeof parsed.size === "number" && parsed.size > 0 && parsed.size < 100) {
+                    setSidebarSize(parsed.size);
+                }
+            }
+            catch {
+                // Ignorar erros de parsing
+            }
+        }
+    }, [persistKey]);
+    // Salvar tamanho no localStorage
+    const saveSize = useCallback((size) => {
+        if (typeof window === "undefined")
+            return;
+        const storageKey = `resizable-sidebar-${persistKey}`;
+        localStorage.setItem(storageKey, JSON.stringify({ size, timestamp: Date.now() }));
+    }, [persistKey]);
+    // Calcular tamanhos
+    const minSize = useMemo(() => {
+        if (!containerRef.current)
+            return (minPx / 1920) * 100; // Assumir largura padrão
+        const containerWidth = containerRef.current.offsetWidth;
+        return (minPx / containerWidth) * 100;
+    }, [minPx]);
+    const maxSize = useMemo(() => {
+        if (!containerRef.current)
+            return maxPct * 100;
+        const containerWidth = containerRef.current.offsetWidth;
+        const maxPx = Math.min(maxPxCap, containerWidth * maxPct);
+        return (maxPx / containerWidth) * 100;
+    }, [maxPct, maxPxCap]);
+    // Handler para toggle do sidebar (double click)
+    const handleDoubleClick = useCallback(() => {
+        if (sidebarOpen) {
+            // Colapsar
+            sidebarPanelRef.current?.collapse();
+            setSidebarOpen(false);
+        }
+        else {
+            // Expandir
+            sidebarPanelRef.current?.expand();
+            setSidebarOpen(true);
+        }
+    }, [sidebarOpen, setSidebarOpen]);
+    // Handler para mudanças de layout
+    const handleLayout = useCallback((sizes) => {
+        if (sizes.length > 0) {
+            const newSize = side === "left" ? sizes[0] : sizes[sizes.length - 1];
+            setSidebarSize(newSize);
+            saveSize(newSize);
+        }
+    }, [side, saveSize]);
+    // Handler para fim do resize (snap automático)
+    const handleResizeEnd = useCallback(() => {
+        if (!tinySizePx || !containerRef.current)
+            return;
+        const containerWidth = containerRef.current.offsetWidth;
+        const currentSizePx = (sidebarSize / 100) * containerWidth;
+        const tinySizePercent = (tinySizePx / containerWidth) * 100;
+        // Verificar se está próximo do tamanho tiny
+        if (Math.abs(currentSizePx - tinySizePx) <= snapThreshold &&
+            currentSizePx < tinySizePx + snapThreshold) {
+            // Snap para tiny
+            const targetSize = tinySizePercent;
+            setSidebarSize(targetSize);
+            saveSize(targetSize);
+            sidebarPanelRef.current?.resize(targetSize);
+        }
+    }, [sidebarSize, tinySizePx, snapThreshold, saveSize]);
+    const shouldUseMobileDrawer = mobileDrawer && isMobile;
+    const autoSaveId = `resizable-${persistKey}`;
+    return {
+        handleDoubleClick,
+        shouldUseMobileDrawer,
+        containerRef,
+        autoSaveId,
+        handleLayout,
+        sidebarPanelRef: sidebarPanelRef,
+        sidebarSize,
+        minSize,
+        maxSize,
+        handleResizeEnd,
+    };
+}

package/dist/hooks/useStatCard/index.d.ts

@@ -0,0 +1,3 @@
+export type { StatCardData, TrendInfo, UseStatCardReturn } from "./useStatCard";
+export { useStatCard } from "./useStatCard";
+//# sourceMappingURL=index.d.ts.map