@iclips/ui 1.4.12 → 2.0.0

package/dist/components/ui/data/table-pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pagination.cjs","sources":["../../../../src/components/ui/data/table-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils\";\nimport { Button } from \"../primitives/button\";\nimport {\n    Select,\n    SelectContent,\n    SelectItem,\n    SelectTrigger,\n    SelectValue,\n} from \"../forms/select\";\nimport {\n    ChevronLeft,\n    ChevronRight,\n    ChevronsLeft,\n    ChevronsRight,\n} from \"lucide-react\";\n\n// ============================================================================\n// TIPOS\n// ============================================================================\n\n/**\n * Labels para internacionalização\n */\nexport interface TablePaginationLabels {\n    /** \"Anterior\" */\n    previous?: string;\n    /** \"Próxima\" */\n    next?: string;\n    /** \"Primeira\" */\n    first?: string;\n    /** \"Última\" */\n    last?: string;\n    /** \"Mostrando\" */\n    showing?: string;\n    /** \"de\" */\n    of?: string;\n    /** \"resultados\" */\n    results?: string;\n    /** \"Itens por página\" */\n    itemsPerPage?: string;\n    /** \"Página\" */\n    page?: string;\n}\n\n/**\n\n * Props para o componente TablePagination\n *\n * @example\n * ```tsx\n * // Com hook useTablePagination\n * const pagination = useTablePagination(data, { pageSize: 10 });\n *\n * <TablePagination\n *   currentPage={pagination.currentPage}\n *   totalPages={pagination.totalPages}\n *   pageSize={pagination.pageSize}\n *   totalItems={pagination.totalItems}\n *   onPageChange={pagination.goToPage}\n *   onPageSizeChange={pagination.setPageSize}\n * />\n * ```\n */\nexport interface TablePaginationProps {\n    /** Número da página atual (1-indexed) */\n    currentPage: number;\n    /** Número total de páginas */\n    totalPages: number;\n    /** Tamanho da página atual */\n    pageSize: number;\n    /** Número total de itens */\n    totalItems: number;\n    /** Callback quando a página muda */\n    onPageChange: (page: number) => void;\n    /** Callback quando o tamanho da página muda */\n    onPageSizeChange?: (size: number) => void;\n    /** Opções de tamanho de página disponíveis */\n    pageSizeOptions?: number[];\n    /** Número máximo de botões de página visíveis */\n    maxVisiblePages?: number;\n    /** Mostrar informação \"Mostrando X de Y\" */\n    showInfo?: boolean;\n    /** Mostrar botões de número de página */\n    showPageNumbers?: boolean;\n    /** Mostrar seletor de tamanho de página */\n    showPageSizeSelector?: boolean;\n    /** Mostrar botões de primeira/última página */\n    showFirstLastButtons?: boolean;\n    /** Rótulos personalizados para i18n */\n    labels?: TablePaginationLabels;\n    /** className adicional */\n    className?: string;\n}\n\n// ============================================================================\n// VALORES PADRÃO\n// ============================================================================\n\nconst defaultLabels: Required<TablePaginationLabels> = {\n    previous: \"Anterior\",\n    next: \"Próxima\",\n    first: \"Primeira\",\n    last: \"Última\",\n    showing: \"Mostrando\",\n    of: \"de\",\n    results: \"resultados\",\n    itemsPerPage: \"Itens por página\",\n    page: \"Página\",\n};\n\nconst defaultPageSizeOptions = [10, 20, 30, 50, 100];\n\n// ============================================================================\n// HELPER FUNCTION\n// ============================================================================\n\n/**\n * Generate array of page numbers with ellipsis\n */\nfunction getPageNumbers(\n    currentPage: number,\n    totalPages: number,\n    maxVisible: number = 5\n): (number | \"ellipsis\")[] {\n    if (totalPages <= maxVisible) {\n        return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    const pages: (number | \"ellipsis\")[] = [];\n    const halfVisible = Math.floor(maxVisible / 2);\n\n    // Always show first page\n    pages.push(1);\n\n    // Calculate middle range\n    let start = Math.max(2, currentPage - halfVisible);\n    let end = Math.min(totalPages - 1, currentPage + halfVisible);\n\n    // Adjust if near start or end\n    if (currentPage <= halfVisible + 1) {\n        end = maxVisible - 1;\n    } else if (currentPage >= totalPages - halfVisible) {\n        start = totalPages - maxVisible + 2;\n    }\n\n    // Add ellipsis after first page if needed\n    if (start > 2) {\n        pages.push(\"ellipsis\");\n    }\n\n    // Add page numbers\n    for (let i = start; i <= end; i++) {\n        pages.push(i);\n    }\n\n    // Add ellipsis before last page if needed\n    if (end < totalPages - 1) {\n        pages.push(\"ellipsis\");\n    }\n\n    // Always show last page\n    if (totalPages > 1) {\n        pages.push(totalPages);\n    }\n\n    return pages;\n}\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\n/**\n * TablePagination Component\n * \n * A complete, ready-to-use pagination component for tables and data grids.\n * Integrates seamlessly with the `useTablePagination` hook.\n * \n * @example\n * ```tsx\n * import { useTablePagination, TablePagination, Table, TableBody, ... } from \"@iclips/ui\";\n * \n * function MyTable({ data }) {\n *   const pagination = useTablePagination(data, { pageSize: 10 });\n * \n *   return (\n *     <>\n *       <Table>\n *         <TableBody>\n *           {pagination.paginatedData.map(item => (\n *             <TableRow key={item.id}>...</TableRow>\n *           ))}\n *         </TableBody>\n *       </Table>\n * \n *       <TablePagination\n *         currentPage={pagination.currentPage}\n *         totalPages={pagination.totalPages}\n *         pageSize={pagination.pageSize}\n *         totalItems={pagination.totalItems}\n *         onPageChange={pagination.goToPage}\n *         onPageSizeChange={pagination.setPageSize}\n *       />\n *     </>\n *   );\n * }\n * ```\n * \n * @example\n * ```tsx\n * // Minimal usage (without page size selector)\n * <TablePagination\n *   currentPage={1}\n *   totalPages={10}\n *   pageSize={20}\n *   totalItems={200}\n *   onPageChange={(page) => setCurrentPage(page)}\n *   showPageSizeSelector={false}\n * />\n * ```\n */\nexport function TablePagination({\n    currentPage,\n    totalPages,\n    pageSize,\n    totalItems,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = defaultPageSizeOptions,\n    maxVisiblePages = 5,\n    showInfo = true,\n    showPageNumbers = true,\n    showPageSizeSelector = true,\n    showFirstLastButtons = true,\n    labels: customLabels,\n    className,\n}: TablePaginationProps) {\n    const labels = { ...defaultLabels, ...customLabels };\n    const pages = getPageNumbers(currentPage, totalPages, maxVisiblePages);\n\n    const startItem = (currentPage - 1) * pageSize + 1;\n    const endItem = Math.min(currentPage * pageSize, totalItems);\n\n    const hasPreviousPage = currentPage > 1;\n    const hasNextPage = currentPage < totalPages;\n\n    // Don't render if no pages\n    if (totalPages === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cn(\n                \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n                className\n            )}\n            role=\"navigation\"\n            aria-label=\"Paginação da tabela\"\n        >\n            {/* Left side: Info text */}\n            {showInfo && (\n                <p className=\"text-sm text-muted-foreground order-2 sm:order-1\">\n                    {labels.showing}{\" \"}\n                    <span className=\"font-medium text-foreground\">{startItem}</span>\n                    {\" - \"}\n                    <span className=\"font-medium text-foreground\">{endItem}</span>\n                    {\" \"}{labels.of}{\" \"}\n                    <span className=\"font-medium text-foreground\">{totalItems}</span>\n                    {\" \"}{labels.results}\n                </p>\n            )}\n\n            {/* Right side: Controls */}\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4 order-1 sm:order-2\">\n                {/* Page size selector */}\n                {showPageSizeSelector && onPageSizeChange && (\n                    <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                            {labels.itemsPerPage}\n                        </span>\n                        <Select\n                            value={String(pageSize)}\n                            onValueChange={(value) => onPageSizeChange(Number(value))}\n                        >\n                            <SelectTrigger className=\"h-8 w-[70px]\" aria-label={labels.itemsPerPage}>\n                                <SelectValue placeholder={pageSize} />\n                            </SelectTrigger>\n                            <SelectContent>\n                                {pageSizeOptions.map((option) => (\n                                    <SelectItem key={option} value={String(option)}>\n                                        {option}\n                                    </SelectItem>\n                                ))}\n                            </SelectContent>\n                        </Select>\n                    </div>\n                )}\n\n                {/* Page info for small screens */}\n                <span className=\"text-sm text-muted-foreground sm:hidden\">\n                    {labels.page} {currentPage} {labels.of} {totalPages}\n                </span>\n\n                {/* Navigation buttons */}\n                <div className=\"flex items-center gap-1\">\n                    {/* First page button */}\n                    {showFirstLastButtons && (\n                        <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-8 w-8\"\n                            onClick={() => onPageChange(1)}\n                            disabled={!hasPreviousPage}\n                            aria-label={labels.first}\n                        >\n                            <ChevronsLeft className=\"h-4 w-4\" />\n                        </Button>\n                    )}\n\n                    {/* Previous button */}\n                    <Button\n                        variant=\"outline\"\n                        size=\"icon\"\n                        className=\"h-8 w-8\"\n                        onClick={() => onPageChange(currentPage - 1)}\n                        disabled={!hasPreviousPage}\n                        aria-label={labels.previous}\n                    >\n                        <ChevronLeft className=\"h-4 w-4\" />\n                    </Button>\n\n                    {/* Page numbers */}\n                    {showPageNumbers && (\n                        <div className=\"hidden sm:flex items-center gap-1\">\n                            {pages.map((page, index) =>\n                                page === \"ellipsis\" ? (\n                                    <span\n                                        key={`ellipsis-${index}`}\n                                        className=\"flex items-center justify-center w-8 h-8 text-muted-foreground\"\n                                        aria-hidden\n                                    >\n                                        ...\n                                    </span>\n                                ) : (\n                                    <Button\n                                        key={page}\n                                        variant={currentPage === page ? \"default\" : \"outline\"}\n                                        size=\"icon\"\n                                        className=\"h-8 w-8\"\n                                        onClick={() => onPageChange(page)}\n                                        aria-label={`${labels.page} ${page}`}\n                                        aria-current={currentPage === page ? \"page\" : undefined}\n                                    >\n                                        {page}\n                                    </Button>\n                                )\n                            )}\n                        </div>\n                    )}\n\n                    {/* Next button */}\n                    <Button\n                        variant=\"outline\"\n                        size=\"icon\"\n                        className=\"h-8 w-8\"\n                        onClick={() => onPageChange(currentPage + 1)}\n                        disabled={!hasNextPage}\n                        aria-label={labels.next}\n                    >\n                        <ChevronRight className=\"h-4 w-4\" />\n                    </Button>\n\n                    {/* Last page button */}\n                    {showFirstLastButtons && (\n                        <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-8 w-8\"\n                            onClick={() => onPageChange(totalPages)}\n                            disabled={!hasNextPage}\n                            aria-label={labels.last}\n                        >\n                            <ChevronsRight className=\"h-4 w-4\" />\n                        </Button>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nTablePagination.displayName = \"TablePagination\";\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport { getPageNumbers };\n"],"names":["defaultLabels","defaultPageSizeOptions","getPageNumbers","currentPage","totalPages","maxVisible","_","i","pages","halfVisible","start","end","TablePagination","pageSize","totalItems","onPageChange","onPageSizeChange","pageSizeOptions","maxVisiblePages","showInfo","showPageNumbers","showPageSizeSelector","showFirstLastButtons","customLabels","className","labels","startItem","endItem","hasPreviousPage","hasNextPage","jsxs","cn","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","option","SelectItem","Button","ChevronsLeft","ChevronLeft","page","index","ChevronRight","ChevronsRight"],"mappings":"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"}

package/dist/components/ui/data/table-pagination.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { cn as y } from "../utils.js";
+import { Button as h } from "../primitives/button.js";
+import { Select as S, SelectTrigger as I, SelectValue as T, SelectContent as $, SelectItem as z } from "../forms/select.js";
+import { ChevronsLeft as A, ChevronLeft as L, ChevronRight as R, ChevronsRight as g } from "lucide-react";
+const O = {
+  previous: "Anterior",
+  next: "Próxima",
+  first: "Primeira",
+  last: "Última",
+  showing: "Mostrando",
+  of: "de",
+  results: "resultados",
+  itemsPerPage: "Itens por página",
+  page: "Página"
+}, _ = [10, 20, 30, 50, 100];
+function q(i, s, n = 5) {
+  if (s <= n)
+    return Array.from({ length: s }, (c, f) => f + 1);
+  const t = [], a = Math.floor(n / 2);
+  t.push(1);
+  let o = Math.max(2, i - a), d = Math.min(s - 1, i + a);
+  i <= a + 1 ? d = n - 1 : i >= s - a && (o = s - n + 2), o > 2 && t.push("ellipsis");
+  for (let c = o; c <= d; c++)
+    t.push(c);
+  return d < s - 1 && t.push("ellipsis"), s > 1 && t.push(s), t;
+}
+function B({
+  currentPage: i,
+  totalPages: s,
+  pageSize: n,
+  totalItems: t,
+  onPageChange: a,
+  onPageSizeChange: o,
+  pageSizeOptions: d = _,
+  maxVisiblePages: c = 5,
+  showInfo: f = !0,
+  showPageNumbers: N = !0,
+  showPageSizeSelector: v = !0,
+  showFirstLastButtons: u = !0,
+  labels: b,
+  className: w
+}) {
+  const r = { ...O, ...b }, C = q(i, s, c), k = (i - 1) * n + 1, M = Math.min(i * n, t), p = i > 1, x = i < s;
+  return s === 0 ? null : /* @__PURE__ */ m(
+    "div",
+    {
+      className: y(
+        "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+        w
+      ),
+      role: "navigation",
+      "aria-label": "Paginação da tabela",
+      children: [
+        f && /* @__PURE__ */ m("p", { className: "text-sm text-muted-foreground order-2 sm:order-1", children: [
+          r.showing,
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: k }),
+          " - ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: M }),
+          " ",
+          r.of,
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: t }),
+          " ",
+          r.results
+        ] }),
+        /* @__PURE__ */ m("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4 order-1 sm:order-2", children: [
+          v && o && /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: r.itemsPerPage }),
+            /* @__PURE__ */ m(
+              S,
+              {
+                value: String(n),
+                onValueChange: (l) => o(Number(l)),
+                children: [
+                  /* @__PURE__ */ e(I, { className: "h-8 w-[70px]", "aria-label": r.itemsPerPage, children: /* @__PURE__ */ e(T, { placeholder: n }) }),
+                  /* @__PURE__ */ e($, { children: d.map((l) => /* @__PURE__ */ e(z, { value: String(l), children: l }, l)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground sm:hidden", children: [
+            r.page,
+            " ",
+            i,
+            " ",
+            r.of,
+            " ",
+            s
+          ] }),
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
+            u && /* @__PURE__ */ e(
+              h,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => a(1),
+                disabled: !p,
+                "aria-label": r.first,
+                children: /* @__PURE__ */ e(A, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => a(i - 1),
+                disabled: !p,
+                "aria-label": r.previous,
+                children: /* @__PURE__ */ e(L, { className: "h-4 w-4" })
+              }
+            ),
+            N && /* @__PURE__ */ e("div", { className: "hidden sm:flex items-center gap-1", children: C.map(
+              (l, j) => l === "ellipsis" ? /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "flex items-center justify-center w-8 h-8 text-muted-foreground",
+                  "aria-hidden": !0,
+                  children: "..."
+                },
+                `ellipsis-${j}`
+              ) : /* @__PURE__ */ e(
+                h,
+                {
+                  variant: i === l ? "default" : "outline",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => a(l),
+                  "aria-label": `${r.page} ${l}`,
+                  "aria-current": i === l ? "page" : void 0,
+                  children: l
+                },
+                l
+              )
+            ) }),
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => a(i + 1),
+                disabled: !x,
+                "aria-label": r.next,
+                children: /* @__PURE__ */ e(R, { className: "h-4 w-4" })
+              }
+            ),
+            u && /* @__PURE__ */ e(
+              h,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-8 w-8",
+                onClick: () => a(s),
+                disabled: !x,
+                "aria-label": r.last,
+                children: /* @__PURE__ */ e(g, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+B.displayName = "TablePagination";
+export {
+  B as TablePagination,
+  q as getPageNumbers
+};
+//# sourceMappingURL=table-pagination.js.map

package/dist/components/ui/data/table-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pagination.js","sources":["../../../../src/components/ui/data/table-pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../utils\";\nimport { Button } from \"../primitives/button\";\nimport {\n    Select,\n    SelectContent,\n    SelectItem,\n    SelectTrigger,\n    SelectValue,\n} from \"../forms/select\";\nimport {\n    ChevronLeft,\n    ChevronRight,\n    ChevronsLeft,\n    ChevronsRight,\n} from \"lucide-react\";\n\n// ============================================================================\n// TIPOS\n// ============================================================================\n\n/**\n * Labels para internacionalização\n */\nexport interface TablePaginationLabels {\n    /** \"Anterior\" */\n    previous?: string;\n    /** \"Próxima\" */\n    next?: string;\n    /** \"Primeira\" */\n    first?: string;\n    /** \"Última\" */\n    last?: string;\n    /** \"Mostrando\" */\n    showing?: string;\n    /** \"de\" */\n    of?: string;\n    /** \"resultados\" */\n    results?: string;\n    /** \"Itens por página\" */\n    itemsPerPage?: string;\n    /** \"Página\" */\n    page?: string;\n}\n\n/**\n\n * Props para o componente TablePagination\n *\n * @example\n * ```tsx\n * // Com hook useTablePagination\n * const pagination = useTablePagination(data, { pageSize: 10 });\n *\n * <TablePagination\n *   currentPage={pagination.currentPage}\n *   totalPages={pagination.totalPages}\n *   pageSize={pagination.pageSize}\n *   totalItems={pagination.totalItems}\n *   onPageChange={pagination.goToPage}\n *   onPageSizeChange={pagination.setPageSize}\n * />\n * ```\n */\nexport interface TablePaginationProps {\n    /** Número da página atual (1-indexed) */\n    currentPage: number;\n    /** Número total de páginas */\n    totalPages: number;\n    /** Tamanho da página atual */\n    pageSize: number;\n    /** Número total de itens */\n    totalItems: number;\n    /** Callback quando a página muda */\n    onPageChange: (page: number) => void;\n    /** Callback quando o tamanho da página muda */\n    onPageSizeChange?: (size: number) => void;\n    /** Opções de tamanho de página disponíveis */\n    pageSizeOptions?: number[];\n    /** Número máximo de botões de página visíveis */\n    maxVisiblePages?: number;\n    /** Mostrar informação \"Mostrando X de Y\" */\n    showInfo?: boolean;\n    /** Mostrar botões de número de página */\n    showPageNumbers?: boolean;\n    /** Mostrar seletor de tamanho de página */\n    showPageSizeSelector?: boolean;\n    /** Mostrar botões de primeira/última página */\n    showFirstLastButtons?: boolean;\n    /** Rótulos personalizados para i18n */\n    labels?: TablePaginationLabels;\n    /** className adicional */\n    className?: string;\n}\n\n// ============================================================================\n// VALORES PADRÃO\n// ============================================================================\n\nconst defaultLabels: Required<TablePaginationLabels> = {\n    previous: \"Anterior\",\n    next: \"Próxima\",\n    first: \"Primeira\",\n    last: \"Última\",\n    showing: \"Mostrando\",\n    of: \"de\",\n    results: \"resultados\",\n    itemsPerPage: \"Itens por página\",\n    page: \"Página\",\n};\n\nconst defaultPageSizeOptions = [10, 20, 30, 50, 100];\n\n// ============================================================================\n// HELPER FUNCTION\n// ============================================================================\n\n/**\n * Generate array of page numbers with ellipsis\n */\nfunction getPageNumbers(\n    currentPage: number,\n    totalPages: number,\n    maxVisible: number = 5\n): (number | \"ellipsis\")[] {\n    if (totalPages <= maxVisible) {\n        return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n\n    const pages: (number | \"ellipsis\")[] = [];\n    const halfVisible = Math.floor(maxVisible / 2);\n\n    // Always show first page\n    pages.push(1);\n\n    // Calculate middle range\n    let start = Math.max(2, currentPage - halfVisible);\n    let end = Math.min(totalPages - 1, currentPage + halfVisible);\n\n    // Adjust if near start or end\n    if (currentPage <= halfVisible + 1) {\n        end = maxVisible - 1;\n    } else if (currentPage >= totalPages - halfVisible) {\n        start = totalPages - maxVisible + 2;\n    }\n\n    // Add ellipsis after first page if needed\n    if (start > 2) {\n        pages.push(\"ellipsis\");\n    }\n\n    // Add page numbers\n    for (let i = start; i <= end; i++) {\n        pages.push(i);\n    }\n\n    // Add ellipsis before last page if needed\n    if (end < totalPages - 1) {\n        pages.push(\"ellipsis\");\n    }\n\n    // Always show last page\n    if (totalPages > 1) {\n        pages.push(totalPages);\n    }\n\n    return pages;\n}\n\n// ============================================================================\n// MAIN COMPONENT\n// ============================================================================\n\n/**\n * TablePagination Component\n * \n * A complete, ready-to-use pagination component for tables and data grids.\n * Integrates seamlessly with the `useTablePagination` hook.\n * \n * @example\n * ```tsx\n * import { useTablePagination, TablePagination, Table, TableBody, ... } from \"@iclips/ui\";\n * \n * function MyTable({ data }) {\n *   const pagination = useTablePagination(data, { pageSize: 10 });\n * \n *   return (\n *     <>\n *       <Table>\n *         <TableBody>\n *           {pagination.paginatedData.map(item => (\n *             <TableRow key={item.id}>...</TableRow>\n *           ))}\n *         </TableBody>\n *       </Table>\n * \n *       <TablePagination\n *         currentPage={pagination.currentPage}\n *         totalPages={pagination.totalPages}\n *         pageSize={pagination.pageSize}\n *         totalItems={pagination.totalItems}\n *         onPageChange={pagination.goToPage}\n *         onPageSizeChange={pagination.setPageSize}\n *       />\n *     </>\n *   );\n * }\n * ```\n * \n * @example\n * ```tsx\n * // Minimal usage (without page size selector)\n * <TablePagination\n *   currentPage={1}\n *   totalPages={10}\n *   pageSize={20}\n *   totalItems={200}\n *   onPageChange={(page) => setCurrentPage(page)}\n *   showPageSizeSelector={false}\n * />\n * ```\n */\nexport function TablePagination({\n    currentPage,\n    totalPages,\n    pageSize,\n    totalItems,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = defaultPageSizeOptions,\n    maxVisiblePages = 5,\n    showInfo = true,\n    showPageNumbers = true,\n    showPageSizeSelector = true,\n    showFirstLastButtons = true,\n    labels: customLabels,\n    className,\n}: TablePaginationProps) {\n    const labels = { ...defaultLabels, ...customLabels };\n    const pages = getPageNumbers(currentPage, totalPages, maxVisiblePages);\n\n    const startItem = (currentPage - 1) * pageSize + 1;\n    const endItem = Math.min(currentPage * pageSize, totalItems);\n\n    const hasPreviousPage = currentPage > 1;\n    const hasNextPage = currentPage < totalPages;\n\n    // Don't render if no pages\n    if (totalPages === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cn(\n                \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n                className\n            )}\n            role=\"navigation\"\n            aria-label=\"Paginação da tabela\"\n        >\n            {/* Left side: Info text */}\n            {showInfo && (\n                <p className=\"text-sm text-muted-foreground order-2 sm:order-1\">\n                    {labels.showing}{\" \"}\n                    <span className=\"font-medium text-foreground\">{startItem}</span>\n                    {\" - \"}\n                    <span className=\"font-medium text-foreground\">{endItem}</span>\n                    {\" \"}{labels.of}{\" \"}\n                    <span className=\"font-medium text-foreground\">{totalItems}</span>\n                    {\" \"}{labels.results}\n                </p>\n            )}\n\n            {/* Right side: Controls */}\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4 order-1 sm:order-2\">\n                {/* Page size selector */}\n                {showPageSizeSelector && onPageSizeChange && (\n                    <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm text-muted-foreground whitespace-nowrap\">\n                            {labels.itemsPerPage}\n                        </span>\n                        <Select\n                            value={String(pageSize)}\n                            onValueChange={(value) => onPageSizeChange(Number(value))}\n                        >\n                            <SelectTrigger className=\"h-8 w-[70px]\" aria-label={labels.itemsPerPage}>\n                                <SelectValue placeholder={pageSize} />\n                            </SelectTrigger>\n                            <SelectContent>\n                                {pageSizeOptions.map((option) => (\n                                    <SelectItem key={option} value={String(option)}>\n                                        {option}\n                                    </SelectItem>\n                                ))}\n                            </SelectContent>\n                        </Select>\n                    </div>\n                )}\n\n                {/* Page info for small screens */}\n                <span className=\"text-sm text-muted-foreground sm:hidden\">\n                    {labels.page} {currentPage} {labels.of} {totalPages}\n                </span>\n\n                {/* Navigation buttons */}\n                <div className=\"flex items-center gap-1\">\n                    {/* First page button */}\n                    {showFirstLastButtons && (\n                        <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-8 w-8\"\n                            onClick={() => onPageChange(1)}\n                            disabled={!hasPreviousPage}\n                            aria-label={labels.first}\n                        >\n                            <ChevronsLeft className=\"h-4 w-4\" />\n                        </Button>\n                    )}\n\n                    {/* Previous button */}\n                    <Button\n                        variant=\"outline\"\n                        size=\"icon\"\n                        className=\"h-8 w-8\"\n                        onClick={() => onPageChange(currentPage - 1)}\n                        disabled={!hasPreviousPage}\n                        aria-label={labels.previous}\n                    >\n                        <ChevronLeft className=\"h-4 w-4\" />\n                    </Button>\n\n                    {/* Page numbers */}\n                    {showPageNumbers && (\n                        <div className=\"hidden sm:flex items-center gap-1\">\n                            {pages.map((page, index) =>\n                                page === \"ellipsis\" ? (\n                                    <span\n                                        key={`ellipsis-${index}`}\n                                        className=\"flex items-center justify-center w-8 h-8 text-muted-foreground\"\n                                        aria-hidden\n                                    >\n                                        ...\n                                    </span>\n                                ) : (\n                                    <Button\n                                        key={page}\n                                        variant={currentPage === page ? \"default\" : \"outline\"}\n                                        size=\"icon\"\n                                        className=\"h-8 w-8\"\n                                        onClick={() => onPageChange(page)}\n                                        aria-label={`${labels.page} ${page}`}\n                                        aria-current={currentPage === page ? \"page\" : undefined}\n                                    >\n                                        {page}\n                                    </Button>\n                                )\n                            )}\n                        </div>\n                    )}\n\n                    {/* Next button */}\n                    <Button\n                        variant=\"outline\"\n                        size=\"icon\"\n                        className=\"h-8 w-8\"\n                        onClick={() => onPageChange(currentPage + 1)}\n                        disabled={!hasNextPage}\n                        aria-label={labels.next}\n                    >\n                        <ChevronRight className=\"h-4 w-4\" />\n                    </Button>\n\n                    {/* Last page button */}\n                    {showFirstLastButtons && (\n                        <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-8 w-8\"\n                            onClick={() => onPageChange(totalPages)}\n                            disabled={!hasNextPage}\n                            aria-label={labels.last}\n                        >\n                            <ChevronsRight className=\"h-4 w-4\" />\n                        </Button>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n\nTablePagination.displayName = \"TablePagination\";\n\n// ============================================================================\n// EXPORTS\n// ============================================================================\n\nexport { getPageNumbers };\n"],"names":["defaultLabels","defaultPageSizeOptions","getPageNumbers","currentPage","totalPages","maxVisible","_","i","pages","halfVisible","start","end","TablePagination","pageSize","totalItems","onPageChange","onPageSizeChange","pageSizeOptions","maxVisiblePages","showInfo","showPageNumbers","showPageSizeSelector","showFirstLastButtons","customLabels","className","labels","startItem","endItem","hasPreviousPage","hasNextPage","jsxs","cn","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","option","SelectItem","Button","ChevronsLeft","ChevronLeft","page","index","ChevronRight","ChevronsRight"],"mappings":"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"}

package/dist/components/ui/data/table-types.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(c){const{currentPage:t,pageSize:a,totalItems:e}=c,n=Math.ceil(e/a),o=(t-1)*a,i=Math.min(o+a,e);return{totalPages:n,startIndex:o,endIndex:i,hasNextPage:t<n,hasPreviousPage:t>1}}exports.calculatePaginationMetadata=s;
+//# sourceMappingURL=table-types.cjs.map

package/dist/components/ui/data/table-types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-types.cjs","sources":["../../../../src/components/ui/data/table-types.ts"],"sourcesContent":["/**\n * Utility types for DataTable implementations\n * \n * These types provide standard interfaces for common DataTable patterns\n * like sorting, pagination, column definitions, and selection.\n */\n\nimport { type LucideIcon } from \"lucide-react\";\nimport type { EmptyStateAction, EmptyStateVariant } from \"../feedback/empty-state\";\n\n// ============================================================================\n// SORT TYPES\n// ============================================================================\n\n/**\n * Direction of sorting\n */\nexport type SortDirection = \"asc\" | \"desc\" | null;\n\n/**\n * Sort configuration for a table\n * \n * @example\n * ```tsx\n * const [sortConfig, setSortConfig] = useState<SortConfig<User>>({\n *   column: \"name\",\n *   direction: \"asc\"\n * });\n * ```\n */\nexport interface SortConfig<T> {\n  column: keyof T | null;\n  direction: SortDirection;\n}\n\n// ============================================================================\n// COLUMN TYPES\n// ============================================================================\n\n/**\n * Column definition for a DataTable\n * \n * @example\n * ```tsx\n * const columns: ColumnDef<User>[] = [\n *   {\n *     key: \"name\",\n *     header: \"Name\",\n *     sortable: true,\n *     width: \"200px\"\n *   },\n *   {\n *     key: \"email\",\n *     header: \"Email\",\n *     render: (value, row) => <a href={`mailto:${value}`}>{value}</a>\n *   }\n * ];\n * ```\n */\nexport interface ColumnDef<T extends object> {\n  /** Key of the data property to display */\n  key: keyof T;\n\n  /** Header label or React node */\n  header: string | React.ReactNode;\n\n  /** Whether this column is sortable */\n  sortable?: boolean;\n\n  /** Column width (CSS value) */\n  width?: string | number;\n\n  /** Text alignment */\n  align?: \"left\" | \"center\" | \"right\";\n\n  /** Custom render function for the cell content */\n  render?: (value: T[keyof T], row: T, index: number) => React.ReactNode;\n\n  /** Additional className for the cell */\n  className?: string;\n\n  /** Additional className for the header */\n  headerClassName?: string;\n\n  /**\n   * Callback chamado quando a célula é clicada.\n   * Quando definido, aplica automaticamente `cursor-pointer` e `hover:text-primary` na célula inteira.\n   *\n   * @example\n   * ```tsx\n   * {\n   *   key: \"id\",\n   *   header: \"ID\",\n   *   onCellClick: (value, row) => navigate(`/contratos/${row.id}`)\n   * }\n   * ```\n   */\n  onCellClick?: (value: T[keyof T], row: T, index: number) => void;\n}\n\n// ============================================================================\n// PAGINATION TYPES\n// ============================================================================\n\n/**\n * Pagination configuration\n * \n * @example\n * ```tsx\n * const [pagination, setPagination] = useState<PaginationConfig>({\n *   currentPage: 1,\n *   pageSize: 10,\n *   totalItems: 100\n * });\n * ```\n */\nexport interface PaginationConfig {\n  /** Current page number (1-indexed) */\n  currentPage: number;\n\n  /** Number of items per page */\n  pageSize: number;\n\n  /** Total number of items */\n  totalItems: number;\n\n  /** Callback when page changes */\n  onPageChange?: (page: number) => void;\n\n  /** Callback when page size changes */\n  onPageSizeChange?: (size: number) => void;\n}\n\n/**\n * Helper to calculate pagination metadata\n */\nexport interface PaginationMetadata {\n  totalPages: number;\n  startIndex: number;\n  endIndex: number;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n}\n\n// ============================================================================\n// SELECTION TYPES\n// ============================================================================\n\n/**\n * Selection state for table rows\n * \n * @example\n * ```tsx\n * const [selection, setSelection] = useState<SelectionState>({\n *   selectedIds: new Set([\"1\", \"2\"]),\n *   isAllSelected: false\n * });\n * ```\n */\nexport interface SelectionState {\n  /** Set of selected row IDs */\n  selectedIds: Set<string | number>;\n\n  /** Whether all rows are selected */\n  isAllSelected: boolean;\n}\n\n// ============================================================================\n// TABLE STATE TYPES\n// ============================================================================\n\n/**\n * Complete table state with all common features\n * \n * @example\n * ```tsx\n * const [tableState, setTableState] = useState<TableState<User>>({\n *   data: users,\n *   sort: { column: \"name\", direction: \"asc\" },\n *   pagination: { currentPage: 1, pageSize: 10, totalItems: 100 },\n *   selection: { selectedIds: new Set(), isAllSelected: false }\n * });\n * ```\n */\nexport interface TableState<T extends object> {\n  /** Table data */\n  data: T[];\n\n  /** Sort configuration */\n  sort?: SortConfig<T>;\n\n  /** Pagination configuration */\n  pagination?: PaginationConfig;\n\n  /** Selection state */\n  selection?: SelectionState;\n\n  /** Loading state */\n  isLoading?: boolean;\n\n  /** Error state */\n  error?: string | null;\n}\n\n// ============================================================================\n// FILTER TYPES\n// ============================================================================\n\n/**\n * Filter operator types\n */\nexport type FilterOperator =\n  | \"equals\"\n  | \"contains\"\n  | \"startsWith\"\n  | \"endsWith\"\n  | \"greaterThan\"\n  | \"greaterThanOrEqual\"\n  | \"lessThan\"\n  | \"lessThanOrEqual\"\n  | \"between\"\n  | \"in\";\n\n/**\n * Configuração para modo server-side\n * Quando fornecido, o componente delega filtros/paginação/ordenação para o servidor\n */\nexport interface ServerSideConfig<T extends object> {\n  /**\n   * Total de items no servidor (necessário para paginação correta)\n   */\n  totalItems: number;\n\n  /**\n   * Página atual do servidor (1-indexed)\n   * Quando fornecido, sincroniza o estado visual da paginação com o servidor\n   */\n  currentPage?: number;\n\n  /**\n   * Tamanho da página atual do servidor\n   * Quando fornecido, sincroniza o pageSize visual com o servidor\n   */\n  currentPageSize?: number;\n\n  /**\n   * Callback quando filtros ou busca mudam.\n   * `filters` continua `any[]` de propósito: é a fronteira pública onde o consumidor\n   * recebe as condições de filtro e monta a própria query server-side, indexando o\n   * array livremente. Trocar para `unknown[]`/`FilterCondition[]` mudaria a forma do\n   * tipo exportado e quebraria consumidores existentes.\n   */\n  onFilterChange?: (filters: any[], searchQuery: string) => Promise<void> | void; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  /**\n   * Callback quando ordenação muda\n   */\n  onSortChange?: (sortConfig: SortConfig<T>) => Promise<void> | void;\n\n  /**\n   * Callback quando página muda\n   */\n  onPageChange?: (page: number, pageSize: number) => Promise<void> | void;\n\n  /**\n   * Estado de loading externo (opcional - se não fornecido usa isLoading prop)\n   */\n  isLoadingData?: boolean;\n}\n\n/**\n * Filter configuration for a column\n * \n * @example\n * ```tsx\n * const filters: FilterConfig<User>[] = [\n *   {\n *     column: \"status\",\n *     operator: \"in\",\n *     value: [\"active\", \"pending\"]\n *   },\n *   {\n *     column: \"age\",\n *     operator: \"greaterThan\",\n *     value: 18\n *   }\n * ];\n * ```\n */\nexport interface FilterConfig<T> {\n  column: keyof T;\n  operator: FilterOperator;\n  /**\n   * Operando do filtro: string, número, boolean, Date ou array (operadores `in`/`between`).\n   * Continua `any` de propósito — `FilterConfig` é exportado e apertar para `unknown`\n   * forçaria casts em todo consumidor que lê `.value`. As comparações que usam esse\n   * valor ficam isoladas em `use-data-table.ts`.\n   */\n  value: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\n// ============================================================================\n// DRAG & DROP TYPES\n// ============================================================================\n\n/**\n * Configuration for draggable rows\n */\nexport interface DragDropConfig {\n  /** Whether drag and drop is enabled */\n  enabled: boolean;\n\n  /** Callback when a row is dropped */\n  onDrop?: (dragIndex: number, dropIndex: number) => void;\n\n  /** Custom drag handle component */\n  dragHandle?: React.ReactNode;\n}\n\n// ============================================================================\n// ROW EXPANSION TYPES\n// ============================================================================\n\n/**\n * Configuration for expandable rows\n * \n * @example\n * ```tsx\n * const expandConfig: RowExpansionConfig<User> = {\n *   enabled: true,\n *   expandedRows: new Set([\"1\", \"3\"]),\n *   renderExpandedContent: (row) => (\n *     <div>Details for {row.name}</div>\n *   )\n * };\n * ```\n */\nexport interface RowExpansionConfig<T extends object> {\n  /** Whether row expansion is enabled */\n  enabled: boolean;\n\n  /** Set of expanded row IDs */\n  expandedRows?: Set<string | number>;\n\n  /** Callback when row expansion changes */\n  onExpansionChange?: (rowId: string | number, isExpanded: boolean) => void;\n\n  /** Custom content to render when row is expanded */\n  renderExpandedContent?: (row: T, index: number) => React.ReactNode;\n}\n\n// ============================================================================\n// UTILITY FUNCTIONS TYPES\n// ============================================================================\n\n/**\n * Sort function type\n */\nexport type SortFunction<T extends object> = (a: T, b: T, config: SortConfig<T>) => number;\n\n/**\n * Filter function type\n */\nexport type FilterFunction<T extends object> = (row: T, filters: FilterConfig<T>[]) => boolean;\n\n/**\n * Helper function to calculate pagination metadata\n */\nexport function calculatePaginationMetadata(\n  config: PaginationConfig\n): PaginationMetadata {\n  const { currentPage, pageSize, totalItems } = config;\n  const totalPages = Math.ceil(totalItems / pageSize);\n  const startIndex = (currentPage - 1) * pageSize;\n  const endIndex = Math.min(startIndex + pageSize, totalItems);\n\n  return {\n    totalPages,\n    startIndex,\n    endIndex,\n    hasNextPage: currentPage < totalPages,\n    hasPreviousPage: currentPage > 1,\n  };\n}\n\n// ============================================================================\n// EMPTY STATE TYPES\n// ============================================================================\n\n// EmptyStateVariant and EmptyStateAction are defined in ./empty-state\n// and imported here for use in EmptyStateConfig (no re-export to avoid duplicates).\n\n/**\n * Configuration for table empty states\n * \n * Supports both simple (string-only) and rich (icon + actions) empty states.\n * \n * @example Simple usage:\n * ```tsx\n * emptyState={{\n *   title: \"Nenhum contrato encontrado\",\n *   description: \"Comece criando seu primeiro contrato.\"\n * }}\n * ```\n * \n * @example Rich usage with icon:\n * ```tsx\n * emptyState={{\n *   icon: FileText,\n *   title: \"Nenhum contrato cadastrado\",\n *   description: \"Crie contratos para gerenciar seus empenhos.\",\n *   variant: \"first-use\",\n *   primaryAction: {\n *     label: \"Criar Primeiro Contrato\",\n *     onClick: () => navigate('/contratos/novo')\n *   }\n * }}\n * ```\n * \n * @example With PNG illustration:\n * ```tsx\n * emptyState={{\n *   illustration: \"/illustrations/contract-agreement.png\",\n *   title: \"Nenhum contrato cadastrado\",\n *   description: \"Crie contratos para gerenciar seus empenhos.\",\n *   variant: \"first-use\",\n *   primaryAction: {\n *     label: \"Criar Primeiro Contrato\",\n *     onClick: () => navigate('/contratos/novo')\n *   }\n * }}\n * ```\n */\nexport interface EmptyStateConfig {\n  /** Icon component (Lucide icon) */\n  icon?: LucideIcon;\n  /** Illustration PNG from design system (alternative to icon) */\n  illustration?: string;\n  /** Title - short and situation-oriented */\n  title: string;\n  /** Description - explains value and next step */\n  description: string;\n  /** Semantic variant (affects icon styling) */\n  variant?: EmptyStateVariant;\n  /** Primary call-to-action button */\n  primaryAction?: EmptyStateAction;\n  /** Secondary action button */\n  secondaryAction?: EmptyStateAction;\n}"],"names":["calculatePaginationMetadata","config","currentPage","pageSize","totalItems","totalPages","startIndex","endIndex"],"mappings":"gFAgXO,SAASA,EACdC,EACoB,CACpB,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,WAAAC,CAAA,EAAeH,EACxCI,EAAa,KAAK,KAAKD,EAAaD,CAAQ,EAC5CG,GAAcJ,EAAc,GAAKC,EACjCI,EAAW,KAAK,IAAID,EAAaH,EAAUC,CAAU,EAE3D,MAAO,CACL,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,YAAaL,EAAcG,EAC3B,gBAAiBH,EAAc,CAAA,CAEnC"}

package/dist/components/ui/data/table-types.js

@@ -0,0 +1,14 @@
+function i(s) {
+  const { currentPage: t, pageSize: a, totalItems: e } = s, n = Math.ceil(e / a), o = (t - 1) * a, c = Math.min(o + a, e);
+  return {
+    totalPages: n,
+    startIndex: o,
+    endIndex: c,
+    hasNextPage: t < n,
+    hasPreviousPage: t > 1
+  };
+}
+export {
+  i as calculatePaginationMetadata
+};
+//# sourceMappingURL=table-types.js.map

package/dist/components/ui/data/table-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-types.js","sources":["../../../../src/components/ui/data/table-types.ts"],"sourcesContent":["/**\n * Utility types for DataTable implementations\n * \n * These types provide standard interfaces for common DataTable patterns\n * like sorting, pagination, column definitions, and selection.\n */\n\nimport { type LucideIcon } from \"lucide-react\";\nimport type { EmptyStateAction, EmptyStateVariant } from \"../feedback/empty-state\";\n\n// ============================================================================\n// SORT TYPES\n// ============================================================================\n\n/**\n * Direction of sorting\n */\nexport type SortDirection = \"asc\" | \"desc\" | null;\n\n/**\n * Sort configuration for a table\n * \n * @example\n * ```tsx\n * const [sortConfig, setSortConfig] = useState<SortConfig<User>>({\n *   column: \"name\",\n *   direction: \"asc\"\n * });\n * ```\n */\nexport interface SortConfig<T> {\n  column: keyof T | null;\n  direction: SortDirection;\n}\n\n// ============================================================================\n// COLUMN TYPES\n// ============================================================================\n\n/**\n * Column definition for a DataTable\n * \n * @example\n * ```tsx\n * const columns: ColumnDef<User>[] = [\n *   {\n *     key: \"name\",\n *     header: \"Name\",\n *     sortable: true,\n *     width: \"200px\"\n *   },\n *   {\n *     key: \"email\",\n *     header: \"Email\",\n *     render: (value, row) => <a href={`mailto:${value}`}>{value}</a>\n *   }\n * ];\n * ```\n */\nexport interface ColumnDef<T extends object> {\n  /** Key of the data property to display */\n  key: keyof T;\n\n  /** Header label or React node */\n  header: string | React.ReactNode;\n\n  /** Whether this column is sortable */\n  sortable?: boolean;\n\n  /** Column width (CSS value) */\n  width?: string | number;\n\n  /** Text alignment */\n  align?: \"left\" | \"center\" | \"right\";\n\n  /** Custom render function for the cell content */\n  render?: (value: T[keyof T], row: T, index: number) => React.ReactNode;\n\n  /** Additional className for the cell */\n  className?: string;\n\n  /** Additional className for the header */\n  headerClassName?: string;\n\n  /**\n   * Callback chamado quando a célula é clicada.\n   * Quando definido, aplica automaticamente `cursor-pointer` e `hover:text-primary` na célula inteira.\n   *\n   * @example\n   * ```tsx\n   * {\n   *   key: \"id\",\n   *   header: \"ID\",\n   *   onCellClick: (value, row) => navigate(`/contratos/${row.id}`)\n   * }\n   * ```\n   */\n  onCellClick?: (value: T[keyof T], row: T, index: number) => void;\n}\n\n// ============================================================================\n// PAGINATION TYPES\n// ============================================================================\n\n/**\n * Pagination configuration\n * \n * @example\n * ```tsx\n * const [pagination, setPagination] = useState<PaginationConfig>({\n *   currentPage: 1,\n *   pageSize: 10,\n *   totalItems: 100\n * });\n * ```\n */\nexport interface PaginationConfig {\n  /** Current page number (1-indexed) */\n  currentPage: number;\n\n  /** Number of items per page */\n  pageSize: number;\n\n  /** Total number of items */\n  totalItems: number;\n\n  /** Callback when page changes */\n  onPageChange?: (page: number) => void;\n\n  /** Callback when page size changes */\n  onPageSizeChange?: (size: number) => void;\n}\n\n/**\n * Helper to calculate pagination metadata\n */\nexport interface PaginationMetadata {\n  totalPages: number;\n  startIndex: number;\n  endIndex: number;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n}\n\n// ============================================================================\n// SELECTION TYPES\n// ============================================================================\n\n/**\n * Selection state for table rows\n * \n * @example\n * ```tsx\n * const [selection, setSelection] = useState<SelectionState>({\n *   selectedIds: new Set([\"1\", \"2\"]),\n *   isAllSelected: false\n * });\n * ```\n */\nexport interface SelectionState {\n  /** Set of selected row IDs */\n  selectedIds: Set<string | number>;\n\n  /** Whether all rows are selected */\n  isAllSelected: boolean;\n}\n\n// ============================================================================\n// TABLE STATE TYPES\n// ============================================================================\n\n/**\n * Complete table state with all common features\n * \n * @example\n * ```tsx\n * const [tableState, setTableState] = useState<TableState<User>>({\n *   data: users,\n *   sort: { column: \"name\", direction: \"asc\" },\n *   pagination: { currentPage: 1, pageSize: 10, totalItems: 100 },\n *   selection: { selectedIds: new Set(), isAllSelected: false }\n * });\n * ```\n */\nexport interface TableState<T extends object> {\n  /** Table data */\n  data: T[];\n\n  /** Sort configuration */\n  sort?: SortConfig<T>;\n\n  /** Pagination configuration */\n  pagination?: PaginationConfig;\n\n  /** Selection state */\n  selection?: SelectionState;\n\n  /** Loading state */\n  isLoading?: boolean;\n\n  /** Error state */\n  error?: string | null;\n}\n\n// ============================================================================\n// FILTER TYPES\n// ============================================================================\n\n/**\n * Filter operator types\n */\nexport type FilterOperator =\n  | \"equals\"\n  | \"contains\"\n  | \"startsWith\"\n  | \"endsWith\"\n  | \"greaterThan\"\n  | \"greaterThanOrEqual\"\n  | \"lessThan\"\n  | \"lessThanOrEqual\"\n  | \"between\"\n  | \"in\";\n\n/**\n * Configuração para modo server-side\n * Quando fornecido, o componente delega filtros/paginação/ordenação para o servidor\n */\nexport interface ServerSideConfig<T extends object> {\n  /**\n   * Total de items no servidor (necessário para paginação correta)\n   */\n  totalItems: number;\n\n  /**\n   * Página atual do servidor (1-indexed)\n   * Quando fornecido, sincroniza o estado visual da paginação com o servidor\n   */\n  currentPage?: number;\n\n  /**\n   * Tamanho da página atual do servidor\n   * Quando fornecido, sincroniza o pageSize visual com o servidor\n   */\n  currentPageSize?: number;\n\n  /**\n   * Callback quando filtros ou busca mudam.\n   * `filters` continua `any[]` de propósito: é a fronteira pública onde o consumidor\n   * recebe as condições de filtro e monta a própria query server-side, indexando o\n   * array livremente. Trocar para `unknown[]`/`FilterCondition[]` mudaria a forma do\n   * tipo exportado e quebraria consumidores existentes.\n   */\n  onFilterChange?: (filters: any[], searchQuery: string) => Promise<void> | void; // eslint-disable-line @typescript-eslint/no-explicit-any\n\n  /**\n   * Callback quando ordenação muda\n   */\n  onSortChange?: (sortConfig: SortConfig<T>) => Promise<void> | void;\n\n  /**\n   * Callback quando página muda\n   */\n  onPageChange?: (page: number, pageSize: number) => Promise<void> | void;\n\n  /**\n   * Estado de loading externo (opcional - se não fornecido usa isLoading prop)\n   */\n  isLoadingData?: boolean;\n}\n\n/**\n * Filter configuration for a column\n * \n * @example\n * ```tsx\n * const filters: FilterConfig<User>[] = [\n *   {\n *     column: \"status\",\n *     operator: \"in\",\n *     value: [\"active\", \"pending\"]\n *   },\n *   {\n *     column: \"age\",\n *     operator: \"greaterThan\",\n *     value: 18\n *   }\n * ];\n * ```\n */\nexport interface FilterConfig<T> {\n  column: keyof T;\n  operator: FilterOperator;\n  /**\n   * Operando do filtro: string, número, boolean, Date ou array (operadores `in`/`between`).\n   * Continua `any` de propósito — `FilterConfig` é exportado e apertar para `unknown`\n   * forçaria casts em todo consumidor que lê `.value`. As comparações que usam esse\n   * valor ficam isoladas em `use-data-table.ts`.\n   */\n  value: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\n// ============================================================================\n// DRAG & DROP TYPES\n// ============================================================================\n\n/**\n * Configuration for draggable rows\n */\nexport interface DragDropConfig {\n  /** Whether drag and drop is enabled */\n  enabled: boolean;\n\n  /** Callback when a row is dropped */\n  onDrop?: (dragIndex: number, dropIndex: number) => void;\n\n  /** Custom drag handle component */\n  dragHandle?: React.ReactNode;\n}\n\n// ============================================================================\n// ROW EXPANSION TYPES\n// ============================================================================\n\n/**\n * Configuration for expandable rows\n * \n * @example\n * ```tsx\n * const expandConfig: RowExpansionConfig<User> = {\n *   enabled: true,\n *   expandedRows: new Set([\"1\", \"3\"]),\n *   renderExpandedContent: (row) => (\n *     <div>Details for {row.name}</div>\n *   )\n * };\n * ```\n */\nexport interface RowExpansionConfig<T extends object> {\n  /** Whether row expansion is enabled */\n  enabled: boolean;\n\n  /** Set of expanded row IDs */\n  expandedRows?: Set<string | number>;\n\n  /** Callback when row expansion changes */\n  onExpansionChange?: (rowId: string | number, isExpanded: boolean) => void;\n\n  /** Custom content to render when row is expanded */\n  renderExpandedContent?: (row: T, index: number) => React.ReactNode;\n}\n\n// ============================================================================\n// UTILITY FUNCTIONS TYPES\n// ============================================================================\n\n/**\n * Sort function type\n */\nexport type SortFunction<T extends object> = (a: T, b: T, config: SortConfig<T>) => number;\n\n/**\n * Filter function type\n */\nexport type FilterFunction<T extends object> = (row: T, filters: FilterConfig<T>[]) => boolean;\n\n/**\n * Helper function to calculate pagination metadata\n */\nexport function calculatePaginationMetadata(\n  config: PaginationConfig\n): PaginationMetadata {\n  const { currentPage, pageSize, totalItems } = config;\n  const totalPages = Math.ceil(totalItems / pageSize);\n  const startIndex = (currentPage - 1) * pageSize;\n  const endIndex = Math.min(startIndex + pageSize, totalItems);\n\n  return {\n    totalPages,\n    startIndex,\n    endIndex,\n    hasNextPage: currentPage < totalPages,\n    hasPreviousPage: currentPage > 1,\n  };\n}\n\n// ============================================================================\n// EMPTY STATE TYPES\n// ============================================================================\n\n// EmptyStateVariant and EmptyStateAction are defined in ./empty-state\n// and imported here for use in EmptyStateConfig (no re-export to avoid duplicates).\n\n/**\n * Configuration for table empty states\n * \n * Supports both simple (string-only) and rich (icon + actions) empty states.\n * \n * @example Simple usage:\n * ```tsx\n * emptyState={{\n *   title: \"Nenhum contrato encontrado\",\n *   description: \"Comece criando seu primeiro contrato.\"\n * }}\n * ```\n * \n * @example Rich usage with icon:\n * ```tsx\n * emptyState={{\n *   icon: FileText,\n *   title: \"Nenhum contrato cadastrado\",\n *   description: \"Crie contratos para gerenciar seus empenhos.\",\n *   variant: \"first-use\",\n *   primaryAction: {\n *     label: \"Criar Primeiro Contrato\",\n *     onClick: () => navigate('/contratos/novo')\n *   }\n * }}\n * ```\n * \n * @example With PNG illustration:\n * ```tsx\n * emptyState={{\n *   illustration: \"/illustrations/contract-agreement.png\",\n *   title: \"Nenhum contrato cadastrado\",\n *   description: \"Crie contratos para gerenciar seus empenhos.\",\n *   variant: \"first-use\",\n *   primaryAction: {\n *     label: \"Criar Primeiro Contrato\",\n *     onClick: () => navigate('/contratos/novo')\n *   }\n * }}\n * ```\n */\nexport interface EmptyStateConfig {\n  /** Icon component (Lucide icon) */\n  icon?: LucideIcon;\n  /** Illustration PNG from design system (alternative to icon) */\n  illustration?: string;\n  /** Title - short and situation-oriented */\n  title: string;\n  /** Description - explains value and next step */\n  description: string;\n  /** Semantic variant (affects icon styling) */\n  variant?: EmptyStateVariant;\n  /** Primary call-to-action button */\n  primaryAction?: EmptyStateAction;\n  /** Secondary action button */\n  secondaryAction?: EmptyStateAction;\n}"],"names":["calculatePaginationMetadata","config","currentPage","pageSize","totalItems","totalPages","startIndex","endIndex"],"mappings":"AAgXO,SAASA,EACdC,GACoB;AACpB,QAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GACxCI,IAAa,KAAK,KAAKD,IAAaD,CAAQ,GAC5CG,KAAcJ,IAAc,KAAKC,GACjCI,IAAW,KAAK,IAAID,IAAaH,GAAUC,CAAU;AAE3D,SAAO;AAAA,IACL,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAaL,IAAcG;AAAA,IAC3B,iBAAiBH,IAAc;AAAA,EAAA;AAEnC;"}

package/dist/components/ui/data/table.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),p=require("react"),o=require("../utils.cjs");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const r=T(p),d=r.forwardRef(({className:e,...t},a)=>l.jsx("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:l.jsx("table",{ref:a,"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",e),...t})}));d.displayName="Table";const n=r.forwardRef(({className:e,...t},a)=>l.jsx("thead",{ref:a,"data-slot":"table-header",className:o.cn("[&_tr]:border-b",e),...t}));n.displayName="TableHeader";const c=r.forwardRef(({className:e,...t},a)=>l.jsx("tbody",{ref:a,"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",e),...t}));c.displayName="TableBody";const b=r.forwardRef(({className:e,...t},a)=>l.jsx("tfoot",{ref:a,"data-slot":"table-footer",className:o.cn("bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0",e),...t}));b.displayName="TableFooter";const i=r.forwardRef(({className:e,...t},a)=>l.jsx("tr",{ref:a,"data-slot":"table-row",className:o.cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...t}));i.displayName="TableRow";const f=r.forwardRef(({className:e,...t},a)=>l.jsx("th",{ref:a,"data-slot":"table-head",className:o.cn("text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap","[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));f.displayName="TableHead";const u=r.forwardRef(({className:e,...t},a)=>l.jsx("td",{ref:a,"data-slot":"table-cell",className:o.cn("p-2 align-middle","[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));u.displayName="TableCell";const m=r.forwardRef(({className:e,...t},a)=>l.jsx("caption",{ref:a,"data-slot":"table-caption",className:o.cn("text-muted-foreground mt-4 text-sm leading-relaxed",e),...t}));m.displayName="TableCaption";exports.Table=d;exports.TableBody=c;exports.TableCaption=m;exports.TableCell=u;exports.TableFooter=b;exports.TableHead=f;exports.TableHeader=n;exports.TableRow=i;
+//# sourceMappingURL=table.cjs.map

package/dist/components/ui/data/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs","sources":["../../../../src/components/ui/data/table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\n// ============================================================================\n// TIPOS\n// ============================================================================\n\nexport interface TableProps extends React.ComponentProps<\"table\"> {}\nexport interface TableHeaderProps extends React.ComponentProps<\"thead\"> {}\nexport interface TableBodyProps extends React.ComponentProps<\"tbody\"> {}\nexport interface TableFooterProps extends React.ComponentProps<\"tfoot\"> {}\nexport interface TableRowProps extends React.ComponentProps<\"tr\"> {}\nexport interface TableHeadProps extends React.ComponentProps<\"th\"> {}\nexport interface TableCellProps extends React.ComponentProps<\"td\"> {}\nexport interface TableCaptionProps extends React.ComponentProps<\"caption\"> {}\n\n// ============================================================================\n// COMPONENTES\n// ============================================================================\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        data-slot=\"table-container\"\n        className=\"relative w-full overflow-x-auto\"\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\"w-full caption-bottom text-sm\", className)}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <thead\n        ref={ref}\n        data-slot=\"table-header\"\n        className={cn(\"[&_tr]:border-b\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <tbody\n        ref={ref}\n        data-slot=\"table-body\"\n        className={cn(\"[&_tr:last-child]:border-0\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <tfoot\n        ref={ref}\n        data-slot=\"table-footer\"\n        className={cn(\n          \"bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  TableRowProps\n>(({ className, ...props }, ref) => {\n  return (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-head\"\n        className={cn(\n          \"text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap\",\n          \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <td\n        ref={ref}\n        data-slot=\"table-cell\"\n        className={cn(\n          \"p-2 align-middle\",\n          \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <caption\n        ref={ref}\n        data-slot=\"table-caption\"\n        className={cn(\"text-muted-foreground mt-4 text-sm leading-relaxed\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"ycAuBMA,EAAQC,EAAM,WAClB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,UAAU,kCAEV,SAAAA,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,YAAU,QACV,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CAAA,CACN,CAAA,CAIR,EACAH,EAAM,YAAc,QAEpB,MAAMO,EAAcN,EAAM,WACxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,YAAU,eACV,UAAWE,EAAAA,GAAG,kBAAmBJ,CAAS,EACzC,GAAGC,CAAA,CAAA,CAIZ,EACAI,EAAY,YAAc,cAE1B,MAAMC,EAAYP,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,YAAU,aACV,UAAWE,EAAAA,GAAG,6BAA8BJ,CAAS,EACpD,GAAGC,CAAA,CAAA,CAIZ,EACAK,EAAU,YAAc,YAExB,MAAMC,EAAcR,EAAM,WACxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,YAAU,eACV,UAAWE,EAAAA,GACT,4DACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAIZ,EACAM,EAAY,YAAc,cAE1B,MAAMC,EAAWT,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAExBC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,YACV,UAAWE,EAAAA,GACT,8EACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGT,EACDO,EAAS,YAAc,WAEvB,MAAMC,EAAYV,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,aACV,UAAWE,EAAAA,GACT,mFACA,sEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAIZ,EACAQ,EAAU,YAAc,YAExB,MAAMC,EAAYX,EAAM,WACtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,YAAU,aACV,UAAWE,EAAAA,GACT,mBACA,sEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAIZ,EACAS,EAAU,YAAc,YAExB,MAAMC,EAAeZ,EAAM,WACzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,IAAC,UAAA,CACC,IAAAD,EACA,YAAU,gBACV,UAAWE,EAAAA,GAAG,qDAAsDJ,CAAS,EAC5E,GAAGC,CAAA,CAAA,CAIZ,EACAU,EAAa,YAAc"}

package/dist/components/ui/data/table.js

@@ -0,0 +1,130 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as r } from "../utils.js";
+const d = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ l(
+        "table",
+        {
+          ref: t,
+          "data-slot": "table",
+          className: r("w-full caption-bottom text-sm", e),
+          ...a
+        }
+      )
+    }
+  )
+);
+d.displayName = "Table";
+const s = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "thead",
+    {
+      ref: t,
+      "data-slot": "table-header",
+      className: r("[&_tr]:border-b", e),
+      ...a
+    }
+  )
+);
+s.displayName = "TableHeader";
+const b = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "tbody",
+    {
+      ref: t,
+      "data-slot": "table-body",
+      className: r("[&_tr:last-child]:border-0", e),
+      ...a
+    }
+  )
+);
+b.displayName = "TableBody";
+const c = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "tfoot",
+    {
+      ref: t,
+      "data-slot": "table-footer",
+      className: r(
+        "bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0",
+        e
+      ),
+      ...a
+    }
+  )
+);
+c.displayName = "TableFooter";
+const n = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "tr",
+  {
+    ref: t,
+    "data-slot": "table-row",
+    className: r(
+      "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = "TableRow";
+const m = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "th",
+    {
+      ref: t,
+      "data-slot": "table-head",
+      className: r(
+        "text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        e
+      ),
+      ...a
+    }
+  )
+);
+m.displayName = "TableHead";
+const i = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "td",
+    {
+      ref: t,
+      "data-slot": "table-cell",
+      className: r(
+        "p-2 align-middle",
+        "[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        e
+      ),
+      ...a
+    }
+  )
+);
+i.displayName = "TableCell";
+const f = o.forwardRef(
+  ({ className: e, ...a }, t) => /* @__PURE__ */ l(
+    "caption",
+    {
+      ref: t,
+      "data-slot": "table-caption",
+      className: r("text-muted-foreground mt-4 text-sm leading-relaxed", e),
+      ...a
+    }
+  )
+);
+f.displayName = "TableCaption";
+export {
+  d as Table,
+  b as TableBody,
+  f as TableCaption,
+  i as TableCell,
+  c as TableFooter,
+  m as TableHead,
+  s as TableHeader,
+  n as TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/components/ui/data/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../src/components/ui/data/table.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\n// ============================================================================\n// TIPOS\n// ============================================================================\n\nexport interface TableProps extends React.ComponentProps<\"table\"> {}\nexport interface TableHeaderProps extends React.ComponentProps<\"thead\"> {}\nexport interface TableBodyProps extends React.ComponentProps<\"tbody\"> {}\nexport interface TableFooterProps extends React.ComponentProps<\"tfoot\"> {}\nexport interface TableRowProps extends React.ComponentProps<\"tr\"> {}\nexport interface TableHeadProps extends React.ComponentProps<\"th\"> {}\nexport interface TableCellProps extends React.ComponentProps<\"td\"> {}\nexport interface TableCaptionProps extends React.ComponentProps<\"caption\"> {}\n\n// ============================================================================\n// COMPONENTES\n// ============================================================================\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        data-slot=\"table-container\"\n        className=\"relative w-full overflow-x-auto\"\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\"w-full caption-bottom text-sm\", className)}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <thead\n        ref={ref}\n        data-slot=\"table-header\"\n        className={cn(\"[&_tr]:border-b\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <tbody\n        ref={ref}\n        data-slot=\"table-body\"\n        className={cn(\"[&_tr:last-child]:border-0\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <tfoot\n        ref={ref}\n        data-slot=\"table-footer\"\n        className={cn(\n          \"bg-muted/50 border-t font-semibold [&>tr]:last:border-b-0\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  TableRowProps\n>(({ className, ...props }, ref) => {\n  return (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-head\"\n        className={cn(\n          \"text-foreground h-10 px-2 text-left align-middle font-semibold whitespace-nowrap\",\n          \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <td\n        ref={ref}\n        data-slot=\"table-cell\"\n        className={cn(\n          \"p-2 align-middle\",\n          \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  }\n);\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <caption\n        ref={ref}\n        data-slot=\"table-caption\"\n        className={cn(\"text-muted-foreground mt-4 text-sm leading-relaxed\", className)}\n        {...props}\n      />\n    );\n  }\n);\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAuBA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAD;AAAA,UACA,aAAU;AAAA,UACV,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAH,EAAM,cAAc;AAEpB,MAAMO,IAAcN,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,mBAAmBJ,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAI,EAAY,cAAc;AAE1B,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAK,EAAU,cAAc;AAExB,MAAMC,IAAcR,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAM,EAAY,cAAc;AAE1B,MAAMC,IAAWT,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAExB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,aAAU;AAAA,IACV,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDO,EAAS,cAAc;AAEvB,MAAMC,IAAYV,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAQ,EAAU,cAAc;AAExB,MAAMC,IAAYX,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAS,EAAU,cAAc;AAExB,MAAMC,IAAeZ,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,aAAU;AAAA,MACV,WAAWE,EAAG,sDAAsDJ,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAU,EAAa,cAAc;"}

package/dist/components/ui/feedback/alert.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),u=require("class-variance-authority"),i=require("../utils.cjs");function g(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const l=g(d),f=u.cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"alert-variant-destructive",info:"alert-variant-info",success:"alert-variant-success",warning:"alert-variant-warning"}},defaultVariants:{variant:"default"}}),n=l.forwardRef(({className:t,variant:r,...e},a)=>s.jsx("div",{ref:a,"data-slot":"alert",role:"alert",className:i.cn(f({variant:r}),t),...e}));n.displayName="Alert";const c=l.forwardRef(({className:t,...r},e)=>s.jsx("div",{ref:e,"data-slot":"alert-title",className:i.cn("col-start-2 line-clamp-1 min-h-4 font-semibold leading-[1.2] tracking-tight",t),...r}));c.displayName="AlertTitle";const o=l.forwardRef(({className:t,...r},e)=>s.jsx("div",{ref:e,"data-slot":"alert-description",className:i.cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...r}));o.displayName="AlertDescription";exports.Alert=n;exports.AlertDescription=o;exports.AlertTitle=c;
+//# sourceMappingURL=alert.cjs.map

package/dist/components/ui/feedback/alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.cjs","sources":["../../../../src/components/ui/feedback/alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive: \"alert-variant-destructive\",\n        // CSS-variable–based variants: adapt automatically in dark/light mode\n        // via alert-theme.css (uses --info, --success, --warning, --destructive semantic vars)\n        info: \"alert-variant-info\",\n        success: \"alert-variant-success\",\n        warning: \"alert-variant-warning\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"alert\"\n    role=\"alert\"\n    className={cn(alertVariants({ variant }), className)}\n    {...props}\n  />\n));\nAlert.displayName = \"Alert\";\n\nconst AlertTitle = React.forwardRef<HTMLDivElement, React.ComponentProps<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-semibold leading-[1.2] tracking-tight\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nAlertTitle.displayName = \"AlertTitle\";\n\nconst AlertDescription = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"alert-description\"\n    className={cn(\n      \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n      className,\n    )}\n    {...props}\n  />\n));\nAlertDescription.displayName = \"AlertDescription\";\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","jsx","cn","AlertTitle","AlertDescription"],"mappings":"keAKMA,EAAgBC,EAAAA,IACpB,oOACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YAAa,4BAGb,KAAM,qBACN,QAAS,wBACT,QAAS,uBAAA,CACX,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEMC,EAAQC,EAAM,WAGlB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,GAAGC,GAASC,IACnCC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,YAAU,QACV,KAAK,QACL,UAAWE,EAAAA,GAAGT,EAAc,CAAE,QAAAK,CAAA,CAAS,EAAGD,CAAS,EAClD,GAAGE,CAAA,CACN,CACD,EACDJ,EAAM,YAAc,QAEpB,MAAMQ,EAAaP,EAAM,WACvB,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,YAAU,cACV,UAAWE,EAAAA,GACT,8EACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,EACAI,EAAW,YAAc,aAEzB,MAAMC,EAAmBR,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,YAAU,oBACV,UAAWE,EAAAA,GACT,iGACAL,CAAA,EAED,GAAGE,CAAA,CACN,CACD,EACDK,EAAiB,YAAc"}

package/dist/components/ui/feedback/alert.js

@@ -0,0 +1,67 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as s from "react";
+import { cva as o } from "class-variance-authority";
+import { cn as i } from "../utils.js";
+const n = o(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "alert-variant-destructive",
+        // CSS-variable–based variants: adapt automatically in dark/light mode
+        // via alert-theme.css (uses --info, --success, --warning, --destructive semantic vars)
+        info: "alert-variant-info",
+        success: "alert-variant-success",
+        warning: "alert-variant-warning"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), d = s.forwardRef(({ className: t, variant: a, ...r }, l) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: l,
+    "data-slot": "alert",
+    role: "alert",
+    className: i(n({ variant: a }), t),
+    ...r
+  }
+));
+d.displayName = "Alert";
+const c = s.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: r,
+      "data-slot": "alert-title",
+      className: i(
+        "col-start-2 line-clamp-1 min-h-4 font-semibold leading-[1.2] tracking-tight",
+        t
+      ),
+      ...a
+    }
+  )
+);
+c.displayName = "AlertTitle";
+const g = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: r,
+    "data-slot": "alert-description",
+    className: i(
+      "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+      t
+    ),
+    ...a
+  }
+));
+g.displayName = "AlertDescription";
+export {
+  d as Alert,
+  g as AlertDescription,
+  c as AlertTitle
+};
+//# sourceMappingURL=alert.js.map