analytica-frontend-lib 1.2.15 → 1.2.17

package/dist/Table/index.js

@@ -26,6 +26,7 @@ __export(Table_exports, {
   TableFooter: () => TableFooter,
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
+  TablePagination: () => TablePagination_default,
   TableRow: () => TableRow,
   default: () => Table_default,
   useTableSort: () => useTableSort
@@ -41,7 +42,7 @@ function cn(...inputs) {
 }
 
 // src/components/Table/Table.tsx
-var import_phosphor_react = require("phosphor-react");
+var import_phosphor_react2 = require("phosphor-react");
 
 // src/components/Text/Text.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -181,8 +182,128 @@ var Button = ({
 };
 var Button_default = Button;
 
-// src/components/Table/Table.tsx
+// src/components/Table/TablePagination.tsx
+var import_phosphor_react = require("phosphor-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var TablePagination = ({
+  totalItems,
+  currentPage,
+  totalPages,
+  itemsPerPage,
+  itemsPerPageOptions = [10, 20, 50, 100],
+  onPageChange,
+  onItemsPerPageChange,
+  itemLabel = "itens",
+  className,
+  ...props
+}) => {
+  const startItem = (currentPage - 1) * itemsPerPage + 1;
+  const handlePrevious = () => {
+    if (currentPage > 1) {
+      onPageChange(currentPage - 1);
+    }
+  };
+  const handleNext = () => {
+    if (currentPage < totalPages) {
+      onPageChange(currentPage + 1);
+    }
+  };
+  const handleItemsPerPageChange = (e) => {
+    if (onItemsPerPageChange) {
+      onItemsPerPageChange(Number(e.target.value));
+    }
+  };
+  const isFirstPage = currentPage === 1;
+  const isLastPage = currentPage === totalPages;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-col sm:flex-row items-center gap-3 sm:gap-4 w-full bg-background-50 rounded-xl p-4",
+        "sm:justify-between",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-800", children: [
+          startItem,
+          " de ",
+          totalItems,
+          " ",
+          itemLabel
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start", children: [
+          onItemsPerPageChange && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "select",
+              {
+                value: itemsPerPage,
+                onChange: handleItemsPerPageChange,
+                className: "w-24 h-9 py-0 px-3 pr-8 bg-background border border-border-300 rounded appearance-none cursor-pointer font-normal text-sm leading-[21px] text-text-900",
+                "aria-label": "Items por p\xE1gina",
+                children: itemsPerPageOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("option", { value: option, children: [
+                  option,
+                  " itens"
+                ] }, option))
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_phosphor_react.CaretDown,
+              {
+                size: 14,
+                weight: "regular",
+                className: "absolute right-3 top-1/2 -translate-y-1/2 text-background-600 pointer-events-none"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "font-normal text-xs leading-[14px] text-text-950", children: [
+            "P\xE1gina ",
+            currentPage,
+            " de ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "button",
+            {
+              onClick: handlePrevious,
+              disabled: isFirstPage,
+              className: cn(
+                "flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all",
+                isFirstPage ? "opacity-50 cursor-not-allowed" : "hover:bg-primary-950/10 cursor-pointer"
+              ),
+              "aria-label": "P\xE1gina anterior",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react.CaretLeft, { size: 12, weight: "bold", className: "text-primary-950" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Anterior" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "button",
+            {
+              onClick: handleNext,
+              disabled: isLastPage,
+              className: cn(
+                "flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all",
+                isLastPage ? "opacity-50 cursor-not-allowed" : "hover:bg-primary-950/10 cursor-pointer"
+              ),
+              "aria-label": "Pr\xF3xima p\xE1gina",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "font-medium text-xs leading-[14px] text-primary-950", children: "Pr\xF3xima" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react.CaretRight, { size: 12, weight: "bold", className: "text-primary-950" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+TablePagination.displayName = "TablePagination";
+var TablePagination_default = TablePagination;
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function useTableSort(data, options = {}) {
   const { syncWithUrl = false } = options;
   const getInitialState = () => {
@@ -299,7 +420,7 @@ var Table = (0, import_react.forwardRef)(
     const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;
     const showEmptyState = !hasSearchTerm && isTableBodyEmpty;
     if (showNoSearchResult) {
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           className: cn(
@@ -307,7 +428,7 @@ var Table = (0, import_react.forwardRef)(
             variant === "default" && "border border-border-200 rounded-xl"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "table",
               {
                 ref,
@@ -324,16 +445,16 @@ var Table = (0, import_react.forwardRef)(
                 })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "py-8 flex justify-center", children: noSearchResultImage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               NoSearchResult_default,
               {
                 image: noSearchResultImage,
                 title: noSearchResultTitle,
                 description: noSearchResultDescription
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-600 text-lg font-semibold mb-2", children: noSearchResultTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-500 text-sm", children: noSearchResultDescription })
             ] }) })
           ]
         }
@@ -342,9 +463,9 @@ var Table = (0, import_react.forwardRef)(
     const modifiedChildren = import_react.Children.map(children, (child) => {
       if ((0, import_react.isValidElement)(child) && child.type === TableBody && showEmptyState) {
         return (0, import_react.cloneElement)(child, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
-            onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TableRow, { variant, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TableCell, { colSpan: columnCount, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-600 text-base font-normal", children: emptyStateMessage }),
+            onEmptyStateButtonClick && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               Button_default,
               {
                 variant: "solid",
@@ -359,26 +480,28 @@ var Table = (0, import_react.forwardRef)(
       }
       return child;
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         className: cn(
           "relative w-full overflow-x-auto",
           variant === "default" && "border border-border-200 rounded-xl"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "table",
           {
             ref,
             className: cn(
-              "analytica-table w-full caption-bottom text-sm border-separate border-spacing-0",
+              variant === "default" && "analytica-table",
+              variant === "default" && "border-separate border-spacing-0",
+              "w-full caption-bottom text-sm",
               className
             ),
             ...props,
             children: [
               !import_react.Children.toArray(children).some(
                 (child) => (0, import_react.isValidElement)(child) && child.type === TableCaption
-              ) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("caption", { className: "sr-only", children: "My Table" }),
+              ) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("caption", { className: "sr-only", children: "My Table" }),
               modifiedChildren
             ]
           }
@@ -388,7 +511,7 @@ var Table = (0, import_react.forwardRef)(
   }
 );
 Table.displayName = "Table";
-var TableHeader = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var TableHeader = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "thead",
   {
     ref,
@@ -398,18 +521,22 @@ var TableHeader = (0, import_react.forwardRef)(({ className, ...props }, ref) =>
 ));
 TableHeader.displayName = "TableHeader";
 var TableBody = (0, import_react.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "tbody",
     {
       ref,
-      className: cn("[&_tr:last-child]:border-border-200", className),
+      className: cn(
+        "[&_tr:last-child]:border-border-200",
+        variant === "default" && "border-t border-border-200",
+        className
+      ),
       ...props
     }
   )
 );
 TableBody.displayName = "TableBody";
 var TableFooter = (0, import_react.forwardRef)(
-  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  ({ variant = "default", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "tfoot",
     {
       ref,
@@ -426,18 +553,22 @@ TableFooter.displayName = "TableFooter";
 var VARIANT_STATES_ROW = {
   default: {
     default: "border border-border-200",
+    defaultBorderless: "border-b border-border-200",
     borderless: ""
   },
   selected: {
     default: "border-b-2 border-indicator-primary",
+    defaultBorderless: "border-b border-indicator-primary",
     borderless: "bg-indicator-primary/10"
   },
   invalid: {
     default: "border-b-2 border-indicator-error",
+    defaultBorderless: "border-b border-indicator-error",
     borderless: "bg-indicator-error/10"
   },
   disabled: {
     default: "border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed",
+    defaultBorderless: "border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed",
     borderless: "bg-background-50 opacity-50 cursor-not-allowed"
   }
 };
@@ -449,7 +580,7 @@ var TableRow = (0, import_react.forwardRef)(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "tr",
       {
         ref,
@@ -481,7 +612,7 @@ var TableHead = (0, import_react.forwardRef)(
         onSort();
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "th",
       {
         ref,
@@ -492,11 +623,11 @@ var TableHead = (0, import_react.forwardRef)(
         ),
         onClick: handleClick,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          sortable && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col", children: [
-            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
-            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
+          sortable && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col", children: [
+            sortDirection === "asc" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretUp, { size: 16, weight: "fill", className: "text-text-800" }),
+            sortDirection === "desc" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretDown, { size: 16, weight: "fill", className: "text-text-800" })
           ] })
         ] })
       }
@@ -504,7 +635,7 @@ var TableHead = (0, import_react.forwardRef)(
   }
 );
 TableHead.displayName = "TableHead";
-var TableCell = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var TableCell = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "td",
   {
     ref,
@@ -516,7 +647,7 @@ var TableCell = (0, import_react.forwardRef)(({ className, ...props }, ref) => /
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var TableCaption = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "caption",
   {
     ref,
@@ -537,6 +668,7 @@ var Table_default = Table;
   TableFooter,
   TableHead,
   TableHeader,
+  TablePagination,
   TableRow,
   useTableSort
 });

package/dist/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Table/Table.tsx","../../src/utils/utils.ts","../../src/components/Text/Text.tsx","../../src/components/NoSearchResult/NoSearchResult.tsx","../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  TdHTMLAttributes,\n  ThHTMLAttributes,\n  useState,\n  useMemo,\n  useEffect,\n  Children,\n  isValidElement,\n  cloneElement,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { cn } from '../../utils/utils';\nimport { CaretUp, CaretDown } from 'phosphor-react';\nimport NoSearchResult from '../NoSearchResult/NoSearchResult';\nimport Button from '../Button/Button';\n\ntype TableVariant = 'default' | 'borderless';\ntype TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';\nexport type SortDirection = 'asc' | 'desc' | null;\n\nexport interface UseTableSortOptions {\n  /** Se true, sincroniza o estado de ordenação com os parâmetros da URL */\n  syncWithUrl?: boolean;\n}\n\n/**\n * Hook para gerenciar ordenação de dados da tabela\n *\n * @param data - Array de dados a serem ordenados\n * @param options - Opções de configuração do hook\n * @returns Objeto com dados ordenados, coluna/direção atual e função de sort\n *\n * @example\n * ```tsx\n * const activities = [\n *   { id: 1, name: 'Task A', date: '2024-01-01' },\n *   { id: 2, name: 'Task B', date: '2024-01-02' },\n * ];\n *\n * // Sem sincronização com URL\n * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities);\n *\n * // Com sincronização com URL\n * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities, { syncWithUrl: true });\n *\n * <TableHead\n *   sortDirection={sortColumn === 'name' ? sortDirection : null}\n *   onSort={() => handleSort('name')}\n * >\n *   Name\n * </TableHead>\n * ```\n */\nexport function useTableSort<T extends Record<string, unknown>>(\n  data: T[],\n  options: UseTableSortOptions = {}\n) {\n  const { syncWithUrl = false } = options;\n\n  // Inicializar estado a partir da URL se syncWithUrl estiver habilitado\n  const getInitialState = () => {\n    if (!syncWithUrl || globalThis.window === undefined) {\n      return { column: null, direction: null };\n    }\n\n    const params = new URLSearchParams(globalThis.location.search);\n    const sortBy = params.get('sortBy');\n    const sort = params.get('sort');\n\n    if (sortBy && sort && (sort === 'ASC' || sort === 'DESC')) {\n      return {\n        column: sortBy,\n        direction: sort.toLowerCase() as SortDirection,\n      };\n    }\n\n    return { column: null, direction: null };\n  };\n\n  const initialState = getInitialState();\n  const [sortColumn, setSortColumn] = useState<string | null>(\n    initialState.column\n  );\n  const [sortDirection, setSortDirection] = useState<SortDirection>(\n    initialState.direction\n  );\n\n  // Atualizar URL quando o estado de ordenação mudar\n  useEffect(() => {\n    if (!syncWithUrl || globalThis.window === undefined) return;\n\n    const url = new URL(globalThis.location.href);\n    const params = url.searchParams;\n\n    if (sortColumn && sortDirection) {\n      params.set('sortBy', sortColumn);\n      params.set('sort', sortDirection.toUpperCase());\n    } else {\n      params.delete('sortBy');\n      params.delete('sort');\n    }\n\n    // Atualizar URL sem recarregar a página\n    globalThis.history.replaceState({}, '', url.toString());\n  }, [sortColumn, sortDirection, syncWithUrl]);\n\n  const handleSort = (column: string) => {\n    if (sortColumn === column) {\n      if (sortDirection === 'asc') {\n        setSortDirection('desc');\n      } else if (sortDirection === 'desc') {\n        setSortColumn(null);\n        setSortDirection(null);\n      }\n    } else {\n      setSortColumn(column);\n      setSortDirection('asc');\n    }\n  };\n\n  const sortedData = useMemo(() => {\n    if (!sortColumn || !sortDirection) {\n      return data;\n    }\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortColumn as keyof T];\n      const bValue = b[sortColumn as keyof T];\n\n      if (typeof aValue === 'string' && typeof bValue === 'string') {\n        const comparison = aValue.localeCompare(bValue);\n        return sortDirection === 'asc' ? comparison : -comparison;\n      }\n\n      if (typeof aValue === 'number' && typeof bValue === 'number') {\n        return sortDirection === 'asc' ? aValue - bValue : bValue - aValue;\n      }\n\n      return 0;\n    });\n  }, [data, sortColumn, sortDirection]);\n\n  return { sortedData, sortColumn, sortDirection, handleSort };\n}\n\ninterface TableProps extends HTMLAttributes<HTMLTableElement> {\n  variant?: TableVariant;\n  /** Search term to detect if search is active */\n  searchTerm?: string;\n  /** Image source for no search result state */\n  noSearchResultImage?: string;\n  /** Title for no search result state */\n  noSearchResultTitle?: string;\n  /** Description for no search result state */\n  noSearchResultDescription?: string;\n  /** Message displayed when table is empty (no search active) */\n  emptyStateMessage?: string;\n  /** Text for the action button in empty state */\n  emptyStateButtonText?: string;\n  /** Callback when empty state button is clicked */\n  onEmptyStateButtonClick?: () => void;\n}\n\ninterface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  state?: TableRowState;\n}\n\nconst Table = forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      variant = 'default',\n      className,\n      children,\n      searchTerm,\n      noSearchResultImage,\n      noSearchResultTitle = 'Nenhum resultado encontrado',\n      noSearchResultDescription = 'Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.',\n      emptyStateMessage = 'Nenhum dado disponível no momento.',\n      emptyStateButtonText = 'Adicionar item',\n      onEmptyStateButtonClick,\n      ...props\n    },\n    ref\n  ) => {\n    // Detect if TableBody is empty\n    const isTableBodyEmpty = useMemo(() => {\n      let foundBody = false;\n      let empty = true;\n      Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === TableBody) {\n          foundBody = true;\n          const bodyProps = child.props as { children?: ReactNode };\n          if (Children.count(bodyProps?.children) > 0) {\n            empty = false;\n          }\n        }\n      });\n      return foundBody ? empty : false;\n    }, [children]);\n\n    // Calculate column count for colspan\n    const columnCount = useMemo(() => {\n      let count = 0;\n      Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === TableHeader) {\n          const headerProps = child.props as { children?: ReactNode };\n          Children.forEach(headerProps.children, (row) => {\n            if (isValidElement(row) && row.type === TableRow) {\n              const rowProps = row.props as { children?: ReactNode };\n              count = Children.count(rowProps.children);\n            }\n          });\n        }\n      });\n      return count || 1;\n    }, [children]);\n\n    // Determine which state to show\n    const hasSearchTerm = searchTerm && searchTerm.trim() !== '';\n    const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;\n    const showEmptyState = !hasSearchTerm && isTableBodyEmpty;\n\n    // Render NoSearchResult outside table\n    if (showNoSearchResult) {\n      return (\n        <div\n          className={cn(\n            'relative w-full overflow-x-auto',\n            variant === 'default' && 'border border-border-200 rounded-xl'\n          )}\n        >\n          <table\n            ref={ref}\n            className={cn(\n              'analytica-table w-full caption-bottom text-sm border-separate border-spacing-0',\n              className\n            )}\n            {...props}\n          >\n            {/* Render existing TableCaption (if any) and TableHeader */}\n            {Children.map(children, (child) => {\n              if (\n                isValidElement(child) &&\n                (child.type === TableCaption || child.type === TableHeader)\n              ) {\n                return child;\n              }\n              return null;\n            })}\n          </table>\n          {/* NoSearchResult outside table structure */}\n          <div className=\"py-8 flex justify-center\">\n            {noSearchResultImage ? (\n              <NoSearchResult\n                image={noSearchResultImage}\n                title={noSearchResultTitle}\n                description={noSearchResultDescription}\n              />\n            ) : (\n              <div className=\"text-center\">\n                <p className=\"text-text-600 text-lg font-semibold mb-2\">\n                  {noSearchResultTitle}\n                </p>\n                <p className=\"text-text-500 text-sm\">\n                  {noSearchResultDescription}\n                </p>\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    // Render Empty State inside TableBody\n    const modifiedChildren = Children.map(children, (child) => {\n      if (isValidElement(child) && child.type === TableBody && showEmptyState) {\n        return cloneElement(child as ReactElement<TableBodyProps>, {\n          children: (\n            <TableRow variant={variant}>\n              <TableCell colSpan={columnCount}>\n                <div className=\"flex flex-col items-center justify-center py-12 gap-4\">\n                  <p className=\"text-text-600 text-base font-normal\">\n                    {emptyStateMessage}\n                  </p>\n                  {onEmptyStateButtonClick && (\n                    <Button\n                      variant=\"solid\"\n                      action=\"primary\"\n                      size=\"medium\"\n                      onClick={onEmptyStateButtonClick}\n                    >\n                      {emptyStateButtonText}\n                    </Button>\n                  )}\n                </div>\n              </TableCell>\n            </TableRow>\n          ),\n        });\n      }\n      return child;\n    });\n\n    return (\n      <div\n        className={cn(\n          'relative w-full overflow-x-auto',\n          variant === 'default' && 'border border-border-200 rounded-xl'\n        )}\n      >\n        <table\n          ref={ref}\n          className={cn(\n            'analytica-table w-full caption-bottom text-sm border-separate border-spacing-0',\n            className\n          )}\n          {...props}\n        >\n          {/* Render fallback caption only if no TableCaption provided */}\n          {!Children.toArray(children).some(\n            (child) => isValidElement(child) && child.type === TableCaption\n          ) && <caption className=\"sr-only\">My Table</caption>}\n          {modifiedChildren}\n        </table>\n      </div>\n    );\n  }\n);\n\nTable.displayName = 'Table';\n\nconst TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('[&_tr:first-child]:border-0', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\ninterface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  variant?: TableVariant;\n}\n\nconst TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn('[&_tr:last-child]:border-border-200', className)}\n      {...props}\n    />\n  )\n);\nTableBody.displayName = 'TableBody';\n\ninterface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {\n  variant?: TableVariant;\n}\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ variant = 'default', className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\n        'bg-background-50 font-medium [&>tr]:last:border-b-0 px-6 py-3.5',\n        variant === 'default' && 'border-t border-border-200',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTableFooter.displayName = 'TableFooter';\n\nconst VARIANT_STATES_ROW = {\n  default: {\n    default: 'border border-border-200',\n    borderless: '',\n  },\n  selected: {\n    default: 'border-b-2 border-indicator-primary',\n    borderless: 'bg-indicator-primary/10',\n  },\n  invalid: {\n    default: 'border-b-2 border-indicator-error',\n    borderless: 'bg-indicator-error/10',\n  },\n  disabled: {\n    default:\n      'border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed',\n    borderless: 'bg-background-50 opacity-50 cursor-not-allowed',\n  },\n} as const;\n\ninterface TableRowPropsExtended extends TableRowProps {\n  variant?: TableVariant;\n  clickable?: boolean;\n}\n\nconst TableRow = forwardRef<HTMLTableRowElement, TableRowPropsExtended>(\n  (\n    {\n      variant = 'default',\n      state = 'default',\n      clickable = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <tr\n        ref={ref}\n        className={cn(\n          'transition-colors',\n          state === 'disabled' ? '' : 'hover:bg-muted/50',\n          state === 'disabled' || !clickable ? '' : 'cursor-pointer',\n          VARIANT_STATES_ROW[state][variant],\n          className\n        )}\n        aria-disabled={state === 'disabled'}\n        {...props}\n      />\n    );\n  }\n);\nTableRow.displayName = 'TableRow';\n\ninterface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /** Enable sorting on this column (default: true) */\n  sortable?: boolean;\n  /** Current sort direction for this column */\n  sortDirection?: SortDirection;\n  /** Callback when column header is clicked */\n  onSort?: () => void;\n}\n\nconst TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(\n  (\n    {\n      className,\n      sortable = true,\n      sortDirection = null,\n      onSort,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const handleClick = () => {\n      if (sortable && onSort) {\n        onSort();\n      }\n    };\n\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'h-10 px-6 py-3.5 text-left align-middle font-bold text-base text-text-800 tracking-[0.2px] leading-none [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] whitespace-nowrap',\n          sortable && 'cursor-pointer select-none hover:bg-muted/30',\n          className\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        <div className=\"flex items-center gap-2\">\n          {children}\n          {sortable && (\n            <div className=\"flex flex-col\">\n              {sortDirection === 'asc' && (\n                <CaretUp size={16} weight=\"fill\" className=\"text-text-800\" />\n              )}\n              {sortDirection === 'desc' && (\n                <CaretDown size={16} weight=\"fill\" className=\"text-text-800\" />\n              )}\n            </div>\n          )}\n        </div>\n      </th>\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\nconst TableCell = forwardRef<\n  HTMLTableCellElement,\n  TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-base font-normal text-text-800 leading-[150%] tracking-normal px-6 py-3.5 whitespace-nowrap',\n      className\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\n      'border-t border-border-200 text-sm text-text-800 px-6 py-3.5',\n      className\n    )}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport default Table;\nexport {\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { cn } from '../../utils/utils';\n\n/**\n * Base text component props\n */\ntype BaseTextProps = {\n  /** Content to be displayed */\n  children?: ReactNode;\n  /** Text size variant */\n  size?:\n    | '2xs'\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl';\n  /** Font weight variant */\n  weight?:\n    | 'hairline'\n    | 'light'\n    | 'normal'\n    | 'medium'\n    | 'semibold'\n    | 'bold'\n    | 'extrabold'\n    | 'black';\n  /** Color variant - white for light backgrounds, black for dark backgrounds */\n  color?: string;\n  /** Additional CSS classes to apply */\n  className?: string;\n};\n\n/**\n * Polymorphic text component props that ensures type safety based on the 'as' prop\n */\ntype TextProps<T extends ElementType = 'p'> = BaseTextProps & {\n  /** HTML tag to render */\n  as?: T;\n} & Omit<ComponentPropsWithoutRef<T>, keyof BaseTextProps>;\n\n/**\n * Text component for Analytica Ensino platforms\n *\n * A flexible polymorphic text component with multiple sizes, weights, and colors.\n * Automatically adapts to dark and light themes with full type safety.\n *\n * @param children - The content to display\n * @param size - The text size variant (2xs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl)\n * @param weight - The font weight variant (hairline, light, normal, medium, semibold, bold, extrabold, black)\n * @param color - The color variant - adapts to theme\n * @param as - The HTML tag to render - determines allowed attributes via TypeScript\n * @param className - Additional CSS classes\n * @param props - HTML attributes valid for the chosen tag only\n * @returns A styled text element with type-safe attributes\n *\n * @example\n * ```tsx\n * <Text size=\"lg\" weight=\"bold\" color=\"text-info-800\">\n *   This is a large, bold text\n * </Text>\n *\n * <Text as=\"a\" href=\"/link\" target=\"_blank\">\n *   Link with type-safe anchor attributes\n * </Text>\n *\n * <Text as=\"button\" onClick={handleClick} disabled>\n *   Button with type-safe button attributes\n * </Text>\n * ```\n */\nconst Text = <T extends ElementType = 'p'>({\n  children,\n  size = 'md',\n  weight = 'normal',\n  color = 'text-text-950',\n  as,\n  className = '',\n  ...props\n}: TextProps<T>) => {\n  let sizeClasses = '';\n  let weightClasses = '';\n\n  // Text size classes mapping\n  const sizeClassMap = {\n    '2xs': 'text-2xs',\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-md',\n    lg: 'text-lg',\n    xl: 'text-xl',\n    '2xl': 'text-2xl',\n    '3xl': 'text-3xl',\n    '4xl': 'text-4xl',\n    '5xl': 'text-5xl',\n    '6xl': 'text-6xl',\n  } as const;\n\n  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;\n\n  // Font weight classes mapping\n  const weightClassMap = {\n    hairline: 'font-hairline',\n    light: 'font-light',\n    normal: 'font-normal',\n    medium: 'font-medium',\n    semibold: 'font-semibold',\n    bold: 'font-bold',\n    extrabold: 'font-extrabold',\n    black: 'font-black',\n  } as const;\n\n  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;\n\n  const baseClasses = 'font-primary';\n  const Component = as ?? ('p' as ElementType);\n\n  return (\n    <Component\n      className={cn(baseClasses, sizeClasses, weightClasses, color, className)}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n","import Text from '../Text/Text';\n\nexport interface NoSearchResultProps {\n  /**\n   * Image source for the illustration\n   */\n  image: string;\n  /**\n   * Title text to display\n   * @default \"Nenhum resultado encontrado\"\n   */\n  title?: string;\n  /**\n   * Description text to display below the title\n   * @default \"Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.\"\n   */\n  description?: string;\n}\n\n/**\n * Component displayed when no search results are found\n * Shows an illustration with customizable title and description in horizontal layout\n *\n * @example\n * ```tsx\n * import { NoSearchResult } from 'analytica-frontend-lib';\n * import noSearchImage from './assets/no-search.png';\n *\n * <NoSearchResult\n *   image={noSearchImage}\n *   title=\"Nenhum resultado encontrado\"\n *   description=\"Tente usar outros filtros\"\n * />\n * ```\n */\nconst NoSearchResult = ({ image, title, description }: NoSearchResultProps) => {\n  const displayTitle = title || 'Nenhum resultado encontrado';\n  const displayDescription =\n    description ||\n    'Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.';\n\n  return (\n    <div className=\"flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96\">\n      {/* Illustration */}\n      <div className=\"w-72 h-72 flex-shrink-0 relative\">\n        <img\n          src={image}\n          alt=\"No search results\"\n          className=\"w-full h-full object-contain\"\n        />\n      </div>\n\n      {/* Text Content */}\n      <div className=\"flex flex-col items-start w-full max-w-md\">\n        {/* Header Container */}\n        <div className=\"flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl\">\n          {/* Title */}\n          <Text\n            as=\"h2\"\n            className=\"text-text-950 font-semibold text-3xl leading-tight w-full flex items-center\"\n          >\n            {displayTitle}\n          </Text>\n        </div>\n\n        {/* Description Container */}\n        <div className=\"flex flex-row justify-center items-center px-6 gap-2 w-full\">\n          {/* Description */}\n          <Text className=\"text-text-600 font-normal text-lg leading-relaxed w-full text-justify\">\n            {displayDescription}\n          </Text>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default NoSearchResult;\n","import { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/utils';\n\n/**\n * Lookup table for variant and action class combinations\n */\nconst VARIANT_ACTION_CLASSES = {\n  solid: {\n    primary:\n      'bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  outline: {\n    primary:\n      'bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  link: {\n    primary:\n      'bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n} as const;\n\n/**\n * Lookup table for size classes\n */\nconst SIZE_CLASSES = {\n  'extra-small': 'text-xs px-3.5 py-2',\n  small: 'text-sm px-4 py-2.5',\n  medium: 'text-md px-5 py-2.5',\n  large: 'text-lg px-6 py-3',\n  'extra-large': 'text-lg px-7 py-3.5',\n} as const;\n\n/**\n * Button component props interface\n */\ntype ButtonProps = {\n  /** Content to be displayed inside the button */\n  children: ReactNode;\n  /** Ícone à esquerda do texto */\n  iconLeft?: ReactNode;\n  /** Ícone à direita do texto */\n  iconRight?: ReactNode;\n  /** Size of the button */\n  size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n  /** Visual variant of the button */\n  variant?: 'solid' | 'outline' | 'link';\n  /** Action type of the button */\n  action?: 'primary' | 'positive' | 'negative';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Button component for Analytica Ensino platforms\n *\n * A flexible button component with multiple variants, sizes and actions.\n *\n * @param children - The content to display inside the button\n * @param size - The size variant (extra-small, small, medium, large, extra-large)\n * @param variant - The visual style variant (solid, outline, link)\n * @param action - The action type (primary, positive, negative)\n * @param className - Additional CSS classes\n * @param props - All other standard button HTML attributes\n * @returns A styled button element\n *\n * @example\n * ```tsx\n * <Button variant=\"solid\" action=\"primary\" size=\"medium\" onClick={() => console.log('clicked')}>\n *   Click me\n * </Button>\n * ```\n */\nconst Button = ({\n  children,\n  iconLeft,\n  iconRight,\n  size = 'medium',\n  variant = 'solid',\n  action = 'primary',\n  className = '',\n  disabled,\n  type = 'button',\n  ...props\n}: ButtonProps) => {\n  // Get classes from lookup tables\n  const sizeClasses = SIZE_CLASSES[size];\n  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];\n\n  const baseClasses =\n    'inline-flex items-center justify-center rounded-full cursor-pointer font-medium';\n\n  return (\n    <button\n      className={cn(baseClasses, variantClasses, sizeClasses, className)}\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      {iconLeft && <span className=\"mr-2 flex items-center\">{iconLeft}</span>}\n      {children}\n      {iconRight && <span className=\"ml-2 flex items-center\">{iconRight}</span>}\n    </button>\n  );\n};\n\nexport default Button;\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/components/Table/Table.tsx","../../src/utils/utils.ts","../../src/components/Text/Text.tsx","../../src/components/NoSearchResult/NoSearchResult.tsx","../../src/components/Button/Button.tsx","../../src/components/Table/TablePagination.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  TdHTMLAttributes,\n  ThHTMLAttributes,\n  useState,\n  useMemo,\n  useEffect,\n  Children,\n  isValidElement,\n  cloneElement,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { cn } from '../../utils/utils';\nimport { CaretUp, CaretDown } from 'phosphor-react';\nimport NoSearchResult from '../NoSearchResult/NoSearchResult';\nimport Button from '../Button/Button';\n\ntype TableVariant = 'default' | 'borderless';\ntype TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';\nexport type SortDirection = 'asc' | 'desc' | null;\n\nexport interface UseTableSortOptions {\n  /** Se true, sincroniza o estado de ordenação com os parâmetros da URL */\n  syncWithUrl?: boolean;\n}\n\n/**\n * Hook para gerenciar ordenação de dados da tabela\n *\n * @param data - Array de dados a serem ordenados\n * @param options - Opções de configuração do hook\n * @returns Objeto com dados ordenados, coluna/direção atual e função de sort\n *\n * @example\n * ```tsx\n * const activities = [\n *   { id: 1, name: 'Task A', date: '2024-01-01' },\n *   { id: 2, name: 'Task B', date: '2024-01-02' },\n * ];\n *\n * // Sem sincronização com URL\n * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities);\n *\n * // Com sincronização com URL\n * const { sortedData, sortColumn, sortDirection, handleSort } = useTableSort(activities, { syncWithUrl: true });\n *\n * <TableHead\n *   sortDirection={sortColumn === 'name' ? sortDirection : null}\n *   onSort={() => handleSort('name')}\n * >\n *   Name\n * </TableHead>\n * ```\n */\nexport function useTableSort<T extends Record<string, unknown>>(\n  data: T[],\n  options: UseTableSortOptions = {}\n) {\n  const { syncWithUrl = false } = options;\n\n  // Inicializar estado a partir da URL se syncWithUrl estiver habilitado\n  const getInitialState = () => {\n    if (!syncWithUrl || globalThis.window === undefined) {\n      return { column: null, direction: null };\n    }\n\n    const params = new URLSearchParams(globalThis.location.search);\n    const sortBy = params.get('sortBy');\n    const sort = params.get('sort');\n\n    if (sortBy && sort && (sort === 'ASC' || sort === 'DESC')) {\n      return {\n        column: sortBy,\n        direction: sort.toLowerCase() as SortDirection,\n      };\n    }\n\n    return { column: null, direction: null };\n  };\n\n  const initialState = getInitialState();\n  const [sortColumn, setSortColumn] = useState<string | null>(\n    initialState.column\n  );\n  const [sortDirection, setSortDirection] = useState<SortDirection>(\n    initialState.direction\n  );\n\n  // Atualizar URL quando o estado de ordenação mudar\n  useEffect(() => {\n    if (!syncWithUrl || globalThis.window === undefined) return;\n\n    const url = new URL(globalThis.location.href);\n    const params = url.searchParams;\n\n    if (sortColumn && sortDirection) {\n      params.set('sortBy', sortColumn);\n      params.set('sort', sortDirection.toUpperCase());\n    } else {\n      params.delete('sortBy');\n      params.delete('sort');\n    }\n\n    // Atualizar URL sem recarregar a página\n    globalThis.history.replaceState({}, '', url.toString());\n  }, [sortColumn, sortDirection, syncWithUrl]);\n\n  const handleSort = (column: string) => {\n    if (sortColumn === column) {\n      if (sortDirection === 'asc') {\n        setSortDirection('desc');\n      } else if (sortDirection === 'desc') {\n        setSortColumn(null);\n        setSortDirection(null);\n      }\n    } else {\n      setSortColumn(column);\n      setSortDirection('asc');\n    }\n  };\n\n  const sortedData = useMemo(() => {\n    if (!sortColumn || !sortDirection) {\n      return data;\n    }\n\n    return [...data].sort((a, b) => {\n      const aValue = a[sortColumn as keyof T];\n      const bValue = b[sortColumn as keyof T];\n\n      if (typeof aValue === 'string' && typeof bValue === 'string') {\n        const comparison = aValue.localeCompare(bValue);\n        return sortDirection === 'asc' ? comparison : -comparison;\n      }\n\n      if (typeof aValue === 'number' && typeof bValue === 'number') {\n        return sortDirection === 'asc' ? aValue - bValue : bValue - aValue;\n      }\n\n      return 0;\n    });\n  }, [data, sortColumn, sortDirection]);\n\n  return { sortedData, sortColumn, sortDirection, handleSort };\n}\n\ninterface TableProps extends HTMLAttributes<HTMLTableElement> {\n  variant?: TableVariant;\n  /** Search term to detect if search is active */\n  searchTerm?: string;\n  /** Image source for no search result state */\n  noSearchResultImage?: string;\n  /** Title for no search result state */\n  noSearchResultTitle?: string;\n  /** Description for no search result state */\n  noSearchResultDescription?: string;\n  /** Message displayed when table is empty (no search active) */\n  emptyStateMessage?: string;\n  /** Text for the action button in empty state */\n  emptyStateButtonText?: string;\n  /** Callback when empty state button is clicked */\n  onEmptyStateButtonClick?: () => void;\n}\n\ninterface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  state?: TableRowState;\n}\n\nconst Table = forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      variant = 'default',\n      className,\n      children,\n      searchTerm,\n      noSearchResultImage,\n      noSearchResultTitle = 'Nenhum resultado encontrado',\n      noSearchResultDescription = 'Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.',\n      emptyStateMessage = 'Nenhum dado disponível no momento.',\n      emptyStateButtonText = 'Adicionar item',\n      onEmptyStateButtonClick,\n      ...props\n    },\n    ref\n  ) => {\n    // Detect if TableBody is empty\n    const isTableBodyEmpty = useMemo(() => {\n      let foundBody = false;\n      let empty = true;\n      Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === TableBody) {\n          foundBody = true;\n          const bodyProps = child.props as { children?: ReactNode };\n          if (Children.count(bodyProps?.children) > 0) {\n            empty = false;\n          }\n        }\n      });\n      return foundBody ? empty : false;\n    }, [children]);\n\n    // Calculate column count for colspan\n    const columnCount = useMemo(() => {\n      let count = 0;\n      Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === TableHeader) {\n          const headerProps = child.props as { children?: ReactNode };\n          Children.forEach(headerProps.children, (row) => {\n            if (isValidElement(row) && row.type === TableRow) {\n              const rowProps = row.props as { children?: ReactNode };\n              count = Children.count(rowProps.children);\n            }\n          });\n        }\n      });\n      return count || 1;\n    }, [children]);\n\n    // Determine which state to show\n    const hasSearchTerm = searchTerm && searchTerm.trim() !== '';\n    const showNoSearchResult = hasSearchTerm && isTableBodyEmpty;\n    const showEmptyState = !hasSearchTerm && isTableBodyEmpty;\n\n    // Render NoSearchResult outside table\n    if (showNoSearchResult) {\n      return (\n        <div\n          className={cn(\n            'relative w-full overflow-x-auto',\n            variant === 'default' && 'border border-border-200 rounded-xl'\n          )}\n        >\n          <table\n            ref={ref}\n            className={cn(\n              'analytica-table w-full caption-bottom text-sm border-separate border-spacing-0',\n              className\n            )}\n            {...props}\n          >\n            {/* Render existing TableCaption (if any) and TableHeader */}\n            {Children.map(children, (child) => {\n              if (\n                isValidElement(child) &&\n                (child.type === TableCaption || child.type === TableHeader)\n              ) {\n                return child;\n              }\n              return null;\n            })}\n          </table>\n          {/* NoSearchResult outside table structure */}\n          <div className=\"py-8 flex justify-center\">\n            {noSearchResultImage ? (\n              <NoSearchResult\n                image={noSearchResultImage}\n                title={noSearchResultTitle}\n                description={noSearchResultDescription}\n              />\n            ) : (\n              <div className=\"text-center\">\n                <p className=\"text-text-600 text-lg font-semibold mb-2\">\n                  {noSearchResultTitle}\n                </p>\n                <p className=\"text-text-500 text-sm\">\n                  {noSearchResultDescription}\n                </p>\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    // Render Empty State inside TableBody\n    const modifiedChildren = Children.map(children, (child) => {\n      if (isValidElement(child) && child.type === TableBody && showEmptyState) {\n        return cloneElement(child as ReactElement<TableBodyProps>, {\n          children: (\n            <TableRow variant={variant}>\n              <TableCell colSpan={columnCount}>\n                <div className=\"flex flex-col items-center justify-center py-12 gap-4\">\n                  <p className=\"text-text-600 text-base font-normal\">\n                    {emptyStateMessage}\n                  </p>\n                  {onEmptyStateButtonClick && (\n                    <Button\n                      variant=\"solid\"\n                      action=\"primary\"\n                      size=\"medium\"\n                      onClick={onEmptyStateButtonClick}\n                    >\n                      {emptyStateButtonText}\n                    </Button>\n                  )}\n                </div>\n              </TableCell>\n            </TableRow>\n          ),\n        });\n      }\n      return child;\n    });\n\n    return (\n      <div\n        className={cn(\n          'relative w-full overflow-x-auto',\n          variant === 'default' && 'border border-border-200 rounded-xl'\n        )}\n      >\n        <table\n          ref={ref}\n          className={cn(\n            variant === 'default' && 'analytica-table',\n            variant === 'default' && 'border-separate border-spacing-0',\n            'w-full caption-bottom text-sm',\n            className\n          )}\n          {...props}\n        >\n          {/* Render fallback caption only if no TableCaption provided */}\n          {!Children.toArray(children).some(\n            (child) => isValidElement(child) && child.type === TableCaption\n          ) && <caption className=\"sr-only\">My Table</caption>}\n          {modifiedChildren}\n        </table>\n      </div>\n    );\n  }\n);\n\nTable.displayName = 'Table';\n\nconst TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('[&_tr:first-child]:border-0', className)}\n    {...props}\n  />\n));\nTableHeader.displayName = 'TableHeader';\n\ninterface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  variant?: TableVariant;\n}\n\nconst TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, variant = 'default', ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        '[&_tr:last-child]:border-border-200',\n        variant === 'default' && 'border-t border-border-200',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTableBody.displayName = 'TableBody';\n\ninterface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {\n  variant?: TableVariant;\n}\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  ({ variant = 'default', className, ...props }, ref) => (\n    <tfoot\n      ref={ref}\n      className={cn(\n        'bg-background-50 font-medium [&>tr]:last:border-b-0 px-6 py-3.5',\n        variant === 'default' && 'border-t border-border-200',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTableFooter.displayName = 'TableFooter';\n\nconst VARIANT_STATES_ROW = {\n  default: {\n    default: 'border border-border-200',\n    defaultBorderless: 'border-b border-border-200',\n    borderless: '',\n  },\n  selected: {\n    default: 'border-b-2 border-indicator-primary',\n    defaultBorderless: 'border-b border-indicator-primary',\n    borderless: 'bg-indicator-primary/10',\n  },\n  invalid: {\n    default: 'border-b-2 border-indicator-error',\n    defaultBorderless: 'border-b border-indicator-error',\n    borderless: 'bg-indicator-error/10',\n  },\n  disabled: {\n    default:\n      'border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed',\n    defaultBorderless:\n      'border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed',\n    borderless: 'bg-background-50 opacity-50 cursor-not-allowed',\n  },\n} as const;\n\ninterface TableRowPropsExtended extends TableRowProps {\n  variant?: TableVariant | 'defaultBorderless';\n  clickable?: boolean;\n}\n\nconst TableRow = forwardRef<HTMLTableRowElement, TableRowPropsExtended>(\n  (\n    {\n      variant = 'default',\n      state = 'default',\n      clickable = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <tr\n        ref={ref}\n        className={cn(\n          'transition-colors',\n          state === 'disabled' ? '' : 'hover:bg-muted/50',\n          state === 'disabled' || !clickable ? '' : 'cursor-pointer',\n          VARIANT_STATES_ROW[state][variant],\n          className\n        )}\n        aria-disabled={state === 'disabled'}\n        {...props}\n      />\n    );\n  }\n);\nTableRow.displayName = 'TableRow';\n\ninterface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /** Enable sorting on this column (default: true) */\n  sortable?: boolean;\n  /** Current sort direction for this column */\n  sortDirection?: SortDirection;\n  /** Callback when column header is clicked */\n  onSort?: () => void;\n}\n\nconst TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(\n  (\n    {\n      className,\n      sortable = true,\n      sortDirection = null,\n      onSort,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const handleClick = () => {\n      if (sortable && onSort) {\n        onSort();\n      }\n    };\n\n    return (\n      <th\n        ref={ref}\n        className={cn(\n          'h-10 px-6 py-3.5 text-left align-middle font-bold text-base text-text-800 tracking-[0.2px] leading-none [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] whitespace-nowrap',\n          sortable && 'cursor-pointer select-none hover:bg-muted/30',\n          className\n        )}\n        onClick={handleClick}\n        {...props}\n      >\n        <div className=\"flex items-center gap-2\">\n          {children}\n          {sortable && (\n            <div className=\"flex flex-col\">\n              {sortDirection === 'asc' && (\n                <CaretUp size={16} weight=\"fill\" className=\"text-text-800\" />\n              )}\n              {sortDirection === 'desc' && (\n                <CaretDown size={16} weight=\"fill\" className=\"text-text-800\" />\n              )}\n            </div>\n          )}\n        </div>\n      </th>\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\nconst TableCell = forwardRef<\n  HTMLTableCellElement,\n  TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] text-base font-normal text-text-800 leading-[150%] tracking-normal px-6 py-3.5 whitespace-nowrap',\n      className\n    )}\n    {...props}\n  />\n));\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = forwardRef<\n  HTMLTableCaptionElement,\n  HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\n      'border-t border-border-200 text-sm text-text-800 px-6 py-3.5',\n      className\n    )}\n    {...props}\n  />\n));\nTableCaption.displayName = 'TableCaption';\n\nexport { default as TablePagination } from './TablePagination';\nexport type { TablePaginationProps } from './TablePagination';\n\nexport default Table;\nexport {\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport { syncDropdownState } from './dropdown';\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.3 (4d) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.3 (4D) para cores de 6 dígitos\n      resultColor = `#${color}4d`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n","import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';\nimport { cn } from '../../utils/utils';\n\n/**\n * Base text component props\n */\ntype BaseTextProps = {\n  /** Content to be displayed */\n  children?: ReactNode;\n  /** Text size variant */\n  size?:\n    | '2xs'\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl';\n  /** Font weight variant */\n  weight?:\n    | 'hairline'\n    | 'light'\n    | 'normal'\n    | 'medium'\n    | 'semibold'\n    | 'bold'\n    | 'extrabold'\n    | 'black';\n  /** Color variant - white for light backgrounds, black for dark backgrounds */\n  color?: string;\n  /** Additional CSS classes to apply */\n  className?: string;\n};\n\n/**\n * Polymorphic text component props that ensures type safety based on the 'as' prop\n */\ntype TextProps<T extends ElementType = 'p'> = BaseTextProps & {\n  /** HTML tag to render */\n  as?: T;\n} & Omit<ComponentPropsWithoutRef<T>, keyof BaseTextProps>;\n\n/**\n * Text component for Analytica Ensino platforms\n *\n * A flexible polymorphic text component with multiple sizes, weights, and colors.\n * Automatically adapts to dark and light themes with full type safety.\n *\n * @param children - The content to display\n * @param size - The text size variant (2xs, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl)\n * @param weight - The font weight variant (hairline, light, normal, medium, semibold, bold, extrabold, black)\n * @param color - The color variant - adapts to theme\n * @param as - The HTML tag to render - determines allowed attributes via TypeScript\n * @param className - Additional CSS classes\n * @param props - HTML attributes valid for the chosen tag only\n * @returns A styled text element with type-safe attributes\n *\n * @example\n * ```tsx\n * <Text size=\"lg\" weight=\"bold\" color=\"text-info-800\">\n *   This is a large, bold text\n * </Text>\n *\n * <Text as=\"a\" href=\"/link\" target=\"_blank\">\n *   Link with type-safe anchor attributes\n * </Text>\n *\n * <Text as=\"button\" onClick={handleClick} disabled>\n *   Button with type-safe button attributes\n * </Text>\n * ```\n */\nconst Text = <T extends ElementType = 'p'>({\n  children,\n  size = 'md',\n  weight = 'normal',\n  color = 'text-text-950',\n  as,\n  className = '',\n  ...props\n}: TextProps<T>) => {\n  let sizeClasses = '';\n  let weightClasses = '';\n\n  // Text size classes mapping\n  const sizeClassMap = {\n    '2xs': 'text-2xs',\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-md',\n    lg: 'text-lg',\n    xl: 'text-xl',\n    '2xl': 'text-2xl',\n    '3xl': 'text-3xl',\n    '4xl': 'text-4xl',\n    '5xl': 'text-5xl',\n    '6xl': 'text-6xl',\n  } as const;\n\n  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;\n\n  // Font weight classes mapping\n  const weightClassMap = {\n    hairline: 'font-hairline',\n    light: 'font-light',\n    normal: 'font-normal',\n    medium: 'font-medium',\n    semibold: 'font-semibold',\n    bold: 'font-bold',\n    extrabold: 'font-extrabold',\n    black: 'font-black',\n  } as const;\n\n  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;\n\n  const baseClasses = 'font-primary';\n  const Component = as ?? ('p' as ElementType);\n\n  return (\n    <Component\n      className={cn(baseClasses, sizeClasses, weightClasses, color, className)}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n","import Text from '../Text/Text';\n\nexport interface NoSearchResultProps {\n  /**\n   * Image source for the illustration\n   */\n  image: string;\n  /**\n   * Title text to display\n   * @default \"Nenhum resultado encontrado\"\n   */\n  title?: string;\n  /**\n   * Description text to display below the title\n   * @default \"Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.\"\n   */\n  description?: string;\n}\n\n/**\n * Component displayed when no search results are found\n * Shows an illustration with customizable title and description in horizontal layout\n *\n * @example\n * ```tsx\n * import { NoSearchResult } from 'analytica-frontend-lib';\n * import noSearchImage from './assets/no-search.png';\n *\n * <NoSearchResult\n *   image={noSearchImage}\n *   title=\"Nenhum resultado encontrado\"\n *   description=\"Tente usar outros filtros\"\n * />\n * ```\n */\nconst NoSearchResult = ({ image, title, description }: NoSearchResultProps) => {\n  const displayTitle = title || 'Nenhum resultado encontrado';\n  const displayDescription =\n    description ||\n    'Não encontramos nenhum resultado com esse nome. Tente revisar a busca ou usar outra palavra-chave.';\n\n  return (\n    <div className=\"flex flex-row justify-center items-center gap-8 w-full max-w-4xl min-h-96\">\n      {/* Illustration */}\n      <div className=\"w-72 h-72 flex-shrink-0 relative\">\n        <img\n          src={image}\n          alt=\"No search results\"\n          className=\"w-full h-full object-contain\"\n        />\n      </div>\n\n      {/* Text Content */}\n      <div className=\"flex flex-col items-start w-full max-w-md\">\n        {/* Header Container */}\n        <div className=\"flex flex-row justify-between items-end px-6 pt-6 pb-4 w-full rounded-t-xl\">\n          {/* Title */}\n          <Text\n            as=\"h2\"\n            className=\"text-text-950 font-semibold text-3xl leading-tight w-full flex items-center\"\n          >\n            {displayTitle}\n          </Text>\n        </div>\n\n        {/* Description Container */}\n        <div className=\"flex flex-row justify-center items-center px-6 gap-2 w-full\">\n          {/* Description */}\n          <Text className=\"text-text-600 font-normal text-lg leading-relaxed w-full text-justify\">\n            {displayDescription}\n          </Text>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default NoSearchResult;\n","import { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { cn } from '../../utils/utils';\n\n/**\n * Lookup table for variant and action class combinations\n */\nconst VARIANT_ACTION_CLASSES = {\n  solid: {\n    primary:\n      'bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  outline: {\n    primary:\n      'bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n  link: {\n    primary:\n      'bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    positive:\n      'bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed',\n    negative:\n      'bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed',\n  },\n} as const;\n\n/**\n * Lookup table for size classes\n */\nconst SIZE_CLASSES = {\n  'extra-small': 'text-xs px-3.5 py-2',\n  small: 'text-sm px-4 py-2.5',\n  medium: 'text-md px-5 py-2.5',\n  large: 'text-lg px-6 py-3',\n  'extra-large': 'text-lg px-7 py-3.5',\n} as const;\n\n/**\n * Button component props interface\n */\ntype ButtonProps = {\n  /** Content to be displayed inside the button */\n  children: ReactNode;\n  /** Ícone à esquerda do texto */\n  iconLeft?: ReactNode;\n  /** Ícone à direita do texto */\n  iconRight?: ReactNode;\n  /** Size of the button */\n  size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n  /** Visual variant of the button */\n  variant?: 'solid' | 'outline' | 'link';\n  /** Action type of the button */\n  action?: 'primary' | 'positive' | 'negative';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\n/**\n * Button component for Analytica Ensino platforms\n *\n * A flexible button component with multiple variants, sizes and actions.\n *\n * @param children - The content to display inside the button\n * @param size - The size variant (extra-small, small, medium, large, extra-large)\n * @param variant - The visual style variant (solid, outline, link)\n * @param action - The action type (primary, positive, negative)\n * @param className - Additional CSS classes\n * @param props - All other standard button HTML attributes\n * @returns A styled button element\n *\n * @example\n * ```tsx\n * <Button variant=\"solid\" action=\"primary\" size=\"medium\" onClick={() => console.log('clicked')}>\n *   Click me\n * </Button>\n * ```\n */\nconst Button = ({\n  children,\n  iconLeft,\n  iconRight,\n  size = 'medium',\n  variant = 'solid',\n  action = 'primary',\n  className = '',\n  disabled,\n  type = 'button',\n  ...props\n}: ButtonProps) => {\n  // Get classes from lookup tables\n  const sizeClasses = SIZE_CLASSES[size];\n  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];\n\n  const baseClasses =\n    'inline-flex items-center justify-center rounded-full cursor-pointer font-medium';\n\n  return (\n    <button\n      className={cn(baseClasses, variantClasses, sizeClasses, className)}\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      {iconLeft && <span className=\"mr-2 flex items-center\">{iconLeft}</span>}\n      {children}\n      {iconRight && <span className=\"ml-2 flex items-center\">{iconRight}</span>}\n    </button>\n  );\n};\n\nexport default Button;\n","import { HTMLAttributes, ChangeEvent } from 'react';\nimport { CaretLeft, CaretRight, CaretDown } from 'phosphor-react';\nimport { cn } from '../../utils/utils';\n\nexport interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Total number of items\n   */\n  totalItems: number;\n  /**\n   * Current page (1-based)\n   */\n  currentPage: number;\n  /**\n   * Total number of pages\n   */\n  totalPages: number;\n  /**\n   * Items per page\n   */\n  itemsPerPage: number;\n  /**\n   * Available options for items per page\n   * @default [10, 20, 50, 100]\n   */\n  itemsPerPageOptions?: number[];\n  /**\n   * Callback when page changes\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when items per page changes\n   */\n  onItemsPerPageChange?: (itemsPerPage: number) => void;\n  /**\n   * Customizable label for items (e.g., \"escolas\", \"alunos\", \"atividades\")\n   * @default \"itens\"\n   */\n  itemLabel?: string;\n}\n\n/**\n * Table pagination component with navigation controls and items per page selector\n *\n * @example\n * ```tsx\n * import { TablePagination } from 'analytica-frontend-lib';\n *\n * <TablePagination\n *   totalItems={1000}\n *   currentPage={1}\n *   totalPages={10}\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[10, 20, 50, 100]}\n *   onPageChange={(page) => setCurrentPage(page)}\n *   onItemsPerPageChange={(items) => setItemsPerPage(items)}\n *   itemLabel=\"escolas\"\n * />\n * ```\n */\nconst TablePagination = ({\n  totalItems,\n  currentPage,\n  totalPages,\n  itemsPerPage,\n  itemsPerPageOptions = [10, 20, 50, 100],\n  onPageChange,\n  onItemsPerPageChange,\n  itemLabel = 'itens',\n  className,\n  ...props\n}: TablePaginationProps) => {\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n\n  const handlePrevious = () => {\n    if (currentPage > 1) {\n      onPageChange(currentPage - 1);\n    }\n  };\n\n  const handleNext = () => {\n    if (currentPage < totalPages) {\n      onPageChange(currentPage + 1);\n    }\n  };\n\n  const handleItemsPerPageChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    if (onItemsPerPageChange) {\n      onItemsPerPageChange(Number(e.target.value));\n    }\n  };\n\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col sm:flex-row items-center gap-3 sm:gap-4 w-full bg-background-50 rounded-xl p-4',\n        'sm:justify-between',\n        className\n      )}\n      {...props}\n    >\n      {/* Items count - isolado à esquerda no desktop */}\n      <span className=\"font-normal text-xs leading-[14px] text-text-800\">\n        {startItem} de {totalItems} {itemLabel}\n      </span>\n\n      {/* Grupo direita: selector + page info + botões */}\n      <div className=\"flex flex-wrap sm:flex-nowrap items-center gap-2 sm:gap-4 justify-center sm:justify-start\">\n        {/* Items per page selector */}\n        {onItemsPerPageChange && (\n          <div className=\"relative\">\n            <select\n              value={itemsPerPage}\n              onChange={handleItemsPerPageChange}\n              className=\"w-24 h-9 py-0 px-3 pr-8 bg-background border border-border-300 rounded appearance-none cursor-pointer font-normal text-sm leading-[21px] text-text-900\"\n              aria-label=\"Items por página\"\n            >\n              {itemsPerPageOptions.map((option) => (\n                <option key={option} value={option}>\n                  {option} itens\n                </option>\n              ))}\n            </select>\n            <CaretDown\n              size={14}\n              weight=\"regular\"\n              className=\"absolute right-3 top-1/2 -translate-y-1/2 text-background-600 pointer-events-none\"\n            />\n          </div>\n        )}\n\n        {/* Page info */}\n        <span className=\"font-normal text-xs leading-[14px] text-text-950\">\n          Página {currentPage} de {totalPages}\n        </span>\n\n        {/* Previous button */}\n        <button\n          onClick={handlePrevious}\n          disabled={isFirstPage}\n          className={cn(\n            'flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all',\n            isFirstPage\n              ? 'opacity-50 cursor-not-allowed'\n              : 'hover:bg-primary-950/10 cursor-pointer'\n          )}\n          aria-label=\"Página anterior\"\n        >\n          <CaretLeft size={12} weight=\"bold\" className=\"text-primary-950\" />\n          <span className=\"font-medium text-xs leading-[14px] text-primary-950\">\n            Anterior\n          </span>\n        </button>\n\n        {/* Next button */}\n        <button\n          onClick={handleNext}\n          disabled={isLastPage}\n          className={cn(\n            'flex flex-row justify-center items-center py-2 px-4 gap-2 rounded-3xl transition-all',\n            isLastPage\n              ? 'opacity-50 cursor-not-allowed'\n              : 'hover:bg-primary-950/10 cursor-pointer'\n          )}\n          aria-label=\"Próxima página\"\n        >\n          <span className=\"font-medium text-xs leading-[14px] text-primary-950\">\n            Próxima\n          </span>\n          <CaretRight size={12} weight=\"bold\" className=\"text-primary-950\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nTablePagination.displayName = 'TablePagination';\n\nexport default TablePagination;\n"],"mappings":"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","names":["import_phosphor_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}