@soyfri/shared-library 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/Tab-BxSxKJsP.js

@@ -0,0 +1,111 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Children, isValidElement, useState } from "react";
+import { Box, Tabs as Tabs$1, Tab as Tab$1 } from "@mui/material";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.js";
+const TAB_DISPLAY_MAP = {
+  horizontal: { display: "flex", flexDirection: "column" },
+  vertical: { display: "flex", flexDirection: "row" }
+};
+const Tabs = ({
+  children,
+  defaultValue,
+  onChangeValue,
+  centered = true,
+  orientation = "horizontal",
+  scrollButtons = "auto",
+  variant = "standard",
+  indicatorColor = "primary",
+  labelColor = "primary",
+  className,
+  allowScrollButtonsMobile = true,
+  keepMounted = false,
+  sx
+}) => {
+  var _a, _b;
+  const tabs = Children.toArray(children).filter(
+    (child) => {
+      var _a2;
+      return isValidElement(child) && ((_a2 = child.type) == null ? void 0 : _a2.displayName) === "Tab";
+    }
+  );
+  const firstValue = (_a = tabs[0]) == null ? void 0 : _a.props.value;
+  const [currentValue, setCurrentValue] = useState(
+    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
+  );
+  const handleChange = (_event, newValue) => {
+    setCurrentValue(newValue);
+    onChangeValue == null ? void 0 : onChangeValue(newValue);
+  };
+  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];
+  return /* @__PURE__ */ jsxs(Box, { sx: { display, flexDirection }, children: [
+    /* @__PURE__ */ jsx(
+      Tabs$1,
+      {
+        value: currentValue,
+        onChange: handleChange,
+        centered,
+        indicatorColor,
+        orientation,
+        scrollButtons,
+        variant,
+        className,
+        textColor: labelColor,
+        allowScrollButtonsMobile,
+        sx: mergeSx({}, sx),
+        children: tabs.map((tab, idx) => {
+          const {
+            label,
+            icon,
+            value = idx,
+            disabled,
+            wrapped,
+            iconPosition,
+            className: tabClassName,
+            sx: tabSx
+          } = tab.props;
+          return /* @__PURE__ */ jsx(
+            Tab$1,
+            {
+              label,
+              icon,
+              value,
+              disabled,
+              wrapped,
+              iconPosition,
+              className: tabClassName,
+              sx: tabSx
+            },
+            value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
+      var _a2;
+      const value = (_a2 = tab.props.value) != null ? _a2 : idx;
+      const isActive = value === currentValue;
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          role: "tabpanel",
+          sx: { display: isActive ? "block" : "none" },
+          "aria-hidden": !isActive,
+          children: tab.props.children
+        },
+        value
+      );
+    }) : tabs.map((tab, idx) => {
+      var _a2;
+      const value = (_a2 = tab.props.value) != null ? _a2 : idx;
+      if (value !== currentValue) return null;
+      return /* @__PURE__ */ jsx(Box, { role: "tabpanel", children: tab.props.children }, value);
+    }) })
+  ] });
+};
+const Tab = (_) => null;
+Tab.displayName = "Tab";
+export {
+  Tabs as T,
+  Tab as a
+};
+//# sourceMappingURL=Tab-BxSxKJsP.js.map

package/dist/Tab-BxSxKJsP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab-BxSxKJsP.js","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    setCurrentValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["_a","MuiTabs","MuiTab"],"mappings":";;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACkDO,MAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd;AACF,MAAM;;AAGJ,QAAM,OAAiC,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAChE,CAAC,UAAA;;AACC,4BAAe,KAAK,OACnBA,MAAA,MAAM,SAAN,gBAAAA,IAAyC,iBAAgB;AAAA;AAAA,EAAA;AAG9D,QAAM,cAAa,UAAK,CAAC,MAAN,mBAAS,MAAM;AAClC,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,QAAwB,aAA8B;AAC1E,oBAAgB,QAAQ;AACxB,mDAAgB;AAAA,EAClB;AAEA,QAAM,EAAE,SAAS,kBAAkB,gBAAgB,WAAW;AAE9D,8BACG,KAAA,EAAI,IAAI,EAAE,SAAS,iBAClB,UAAA;AAAA,IAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,IAAI,QAAQ,CAAA,GAAI,EAAE;AAAA,QAEjB,UAAA,KAAK,IAAI,CAAC,KAAK,QAAQ;AACtB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,IAAI;AAAA,UAAA,IACF,IAAI;AACR,iBACE;AAAA,YAACC;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,oBAAC,KAAA,EAAI,GAAG,GAAG,IAAI,EAAE,OAAO,OAAA,GACrB,UAAA,cACG,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,YAAM,WAAW,UAAU;AAC3B,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UAGL,IAAI,EAAE,SAAS,WAAW,UAAU,OAAA;AAAA,UACpC,eAAa,CAAC;AAAA,UAEb,cAAI,MAAM;AAAA,QAAA;AAAA,QAPN;AAAA,MAAA;AAAA,IAUX,CAAC,IACC,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQA,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,UAAI,UAAU,aAAc,QAAO;AACnC,iCACG,KAAA,EAAgB,MAAK,YACnB,UAAA,IAAI,MAAM,YADH,KAEV;AAAA,IAEJ,CAAC,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;AClJO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;"}

package/dist/Table-C2LbW0B1.js

@@ -0,0 +1,531 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { Children, isValidElement, useState, useEffect } from "react";
+import { TableContainer, Table as Table$1, TableHead, TableRow, TableCell, Checkbox, Typography, TableBody, Box, Select, MenuItem, IconButton, Button, Snackbar } from "@mui/material";
+import MuiAlert from "@mui/material/Alert";
+import DownloadOutlinedIcon from "@mui/icons-material/DownloadOutlined";
+import FirstPageIcon from "@mui/icons-material/FirstPage";
+import LastPageIcon from "@mui/icons-material/LastPage";
+import KeyboardArrowLeftIcon from "@mui/icons-material/KeyboardArrowLeft";
+import KeyboardArrowRightIcon from "@mui/icons-material/KeyboardArrowRight";
+const exportToCSV = (options) => {
+  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;
+  if (!data || data.length === 0) {
+    setSnackbarMessage("No hay datos para exportar a CSV.");
+    setSnackbarSeverity("warning");
+    setSnackbarOpen(true);
+    return;
+  }
+  setSnackbarMessage("Exportando datos a CSV...");
+  setSnackbarSeverity("info");
+  setSnackbarOpen(true);
+  try {
+    const columnsToExport = exportColumns ? columns.filter((col) => exportColumns.includes(col.props.name)) : columns;
+    const headers = columnsToExport.map((col) => `"${col.props.name.replace(/"/g, '""')}"`).join(",");
+    const csvRows = data.map((row) => {
+      const values = columnsToExport.map((col) => {
+        const field = col.props.field;
+        let cellValue;
+        if (Array.isArray(field)) {
+          cellValue = row[field[0]];
+        } else {
+          cellValue = row[field];
+        }
+        let formattedValue = String(cellValue || "");
+        if (formattedValue.includes(",") || formattedValue.includes('"') || formattedValue.includes("\n")) {
+          formattedValue = `"${formattedValue.replace(/"/g, '""')}"`;
+        }
+        return formattedValue;
+      });
+      return values.join(",");
+    });
+    const csvContent = [headers, ...csvRows].join("\n");
+    const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+    const link = document.createElement("a");
+    if (link.download !== void 0) {
+      const url = URL.createObjectURL(blob);
+      link.setAttribute("href", url);
+      link.setAttribute("download", fileName + ".csv");
+      link.style.visibility = "hidden";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+      setSnackbarMessage("¡Exportación a CSV completada!");
+      setSnackbarSeverity("success");
+    } else {
+      setSnackbarMessage("Tu navegador no soporta la descarga directa para CSV. Por favor, copia el contenido manualmente.");
+      setSnackbarSeverity("error");
+    }
+  } catch (error) {
+    console.error("Error al exportar los datos a CSV:", error);
+    setSnackbarMessage("Error al exportar los datos a CSV.");
+    setSnackbarSeverity("error");
+  } finally {
+    setSnackbarOpen(true);
+  }
+};
+const exportToExcel = (options) => {
+  const { data, columns, fileName, exportColumns, setSnackbarOpen, setSnackbarMessage, setSnackbarSeverity } = options;
+  if (!data || data.length === 0) {
+    setSnackbarMessage("No hay datos para exportar a Excel.");
+    setSnackbarSeverity("warning");
+    setSnackbarOpen(true);
+    return;
+  }
+  setSnackbarMessage("Exportando datos a Excel (XLSX)...");
+  setSnackbarSeverity("info");
+  setSnackbarOpen(true);
+  try {
+    const columnsToExport = exportColumns ? columns.filter((col) => exportColumns.includes(col.props.name)) : columns;
+    let tableHTML = `
+      <html xmlns:o="urn:schemas-microsoft-com:office:office"
+      xmlns:x="urn:schemas-microsoft-com:office:excel"
+      xmlns="http://www.w3.org/TR/REC-html40">
+      <head>
+          <meta charset="utf-8" />
+          <!--[if gte mso 9]><xml>
+          <x:ExcelWorkbook>
+              <x:ExcelWorksheets>
+                  <x:ExcelWorksheet>
+                      <x:Name>Hoja1</x:Name>
+                      <x:WorksheetOptions>
+                          <x:DisplayGridlines/>
+                      </x:WorksheetOptions>
+                  </x:ExcelWorksheet>
+              </x:ExcelWorksheets>
+          </x:ExcelWorkbook>
+          </xml><![endif]-->
+      </head>
+      <body>
+          <table>
+              <thead>
+                  <tr>
+                      ${columnsToExport.map((col) => `<th>${col.props.name}</th>`).join("")}
+                  </tr>
+              </thead>
+              <tbody>
+                  ${data.map((row) => `
+                      <tr>
+                          ${columnsToExport.map((col) => {
+      const field = col.props.field;
+      let cellValue;
+      if (Array.isArray(field)) {
+        cellValue = row[field[0]];
+      } else {
+        cellValue = row[field];
+      }
+      return `<td>${String(cellValue || "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</td>`;
+    }).join("")}
+                      </tr>
+                  `).join("")}
+              </tbody>
+          </table>
+      </body>
+      </html>
+    `;
+    const blob = new Blob([tableHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8;" });
+    const link = document.createElement("a");
+    if (link.download !== void 0) {
+      const url = URL.createObjectURL(blob);
+      link.setAttribute("href", url);
+      link.setAttribute("download", fileName + ".xlsx");
+      link.style.visibility = "hidden";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+      setSnackbarMessage("¡Exportación a Excel (XLSX) completada!");
+      setSnackbarSeverity("success");
+    } else {
+      setSnackbarMessage("Tu navegador no soporta la descarga directa para Excel (XLSX). Por favor, copia el contenido manualmente.");
+      setSnackbarSeverity("error");
+    }
+  } catch (error) {
+    console.error("Error al exportar los datos a Excel (XLSX):", error);
+    setSnackbarMessage("Error al exportar los datos a Excel (XLSX).");
+    setSnackbarSeverity("error");
+  } finally {
+    setSnackbarOpen(true);
+  }
+};
+const EmptyImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAAC3CAYAAABjVdCWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABakSURBVHgB7Z3bbhPX98c3DuejCxSVqiWmFVRqBUkEEr1AanIBUq9KnqDhCYAnAJ7gB09AeALSKwRFwogbLpACFFBVqdSB0tKWgsO5DSX/9ZnM9n/iOIntOe2ZWR9p6kPcENvznXXYa6+1xCi5YHx8vCI3Z+QYlOPYwMDAKaPETskoeeGQmREPHDdKIqiA8sONwP2aURJBBZQTxGWrys2wHMfkGDKKoiiKoiiKoiiKoihKay5dunTo8uXLZZMgmoVTcsO7d++OvH37tt8kiApIUUKgAlKUECwxSqx8//33g+JafLNkyRJ88yvLli0bGxoaqhslNBcuXDgkn+sR+1ju909PT9fkbuPzlc97OM7PO5cCkmDyyNTU1Hdff/11zaSIiOfc2rVrD3344Yfe4+fPn5vffvutJner8sWelC+2ZpSuOX/+fGXp0qUV+1jE8z8R0VnjlzXJ4/rBgwdvGKUzLl68eJkrv0kR+ff/d+PGjelmXr16NX379u3pq1evTsvfeUaORIPePJPG964xUAxIKrUiWjm6c+fOOT9btWqV+eKLL8yePXu4HZHH43zxcowYJXOogGJAUqnf4rYhlvngZ7xm//79CGnwvffewxr9okLqHnHfEo8tcxED+SddYw+MH7B7PrD/FL7wgEkIhCDCqCwkoFY8ffqUGEnjpC45d+5ceXh4OFER5SaJQEBp7/f09JwrlUonJZHQCCCTSiggZrEsZ3DTuuX169fm3r175q+//jLyHkZVSEqipJlEwPo8efJkOgpIODx8+NAmHC6TtjWKUyw1SmRQi7VixYqKxDMmCnABbawkbt2gWKVBEVJNfnRSXNJRo6ROLgUkF+8JE1hMSwpqsT755BMTB4iIQ+KkioiJhMNxifVGZR3krLp36aGVCBFB6lpOZpIHJglsnETSQdA4KSVUQBHBoijrOrbqICkQEsmG+/fvc78qVunkgQMHqkZJBBVQBPgLp798+eWXptPUdZRgjbBKIqSa0TgpEVRAEYD1EcszEiZ1HSWsJ2GR/vzzz5o8PCXu3Xfq3sWDCigCul04jRuNk+LHGQHJl11pfk5OyJpxnCgWTuMGIf3++++ekN68eTMmT53WOCkaEhWQxAnl58+fD8ptvwS7vf5tRX600D520tGUNV8plUrVdevWVY1DYH327t0b2dpP3GicFC2xCgjBvHjxgnL9b2SN5JAvlrDU5KiKmE6vXbs21b0eWB+KQEVAJmuQuZuYmCBeqsnDk+LeVdW965xYBORbmW/NTMPzOLukVOU4u379+lGTApTXUEmddOo6SjROCkdkAvKtzRH2wZh4RdOKmlik4SQtEhvh2MuT1MJp3CCkBw8ekLnj/ig7OzVOWpzQAkpZOM14V9Akkg9pLZwmQSBO4oJ0WuOk+QklIHHVjjsinCA1OU7G6dbZsh12lbqWuo4Sf2+SxkkL0JWA/BiHaWgV4y6xWSPXFk7jJhAn1Yxu9JtFRwLy3TVrdbJATXz5w1GmvmkdOzU1Ne7iwmncWCFR6aBx0gxtC4iFTjlxLhu3rU5L5Is+ISI6aSIgCwuncfP27Vsv2eDHSVV56mxR46S2BCRW51tZx2ForUuxTqfgehwO69KxcLpv376KxFhGaRknFapx5KIC8hMFJ0xG4Wr57NkzSli4X5cLQddf7qtXr+i3UMniwmnc0DSSAtZHjx7VRUR1LjDyWZkooeuOnIs35PeeFg/AiYaJCwoo6+IRy2mePHnCTlETBfyuHTt2mDymrqMiGCeBrM1FLiTALd+1a1ckbnmov2O+H7C247ttmQTL8+uvv5qo+Pfff72TIy8Lp3HDZ4WIENN///3X6O8QJXJxP9bX15fqOdpSQH7CYNxkOOZ5/PixZ4GiYnJy0tDvQK1P5xAj4d7hAmORIhRSfffu3alW8bbsTOpn27KcMPAsRlRwBYUtW7YYpXO46LBbd2BgwKxZs8YrZI3o4lYeHx+vmBSZ05XHj3sqJsMQ80QpIL5stissXapdwMLAZ8iBJbeNIzdu3Eg8Y0KQ6oV+lgXCdcty0sAStfXh98XVrqqI2Ab7iOnly5cmDOVyuWZSZJb0Jd1Lec6IcQiSAZIa9a5W//zzj8kKnBy2l5vSGpIM4oKZ999/33RJ6jFQwyfxEwcjxiEQzN27d82mTZs8/3ndunUmK3By3Llzx1sf+eyzz4wyl5UrV5qQpL4W1HDhRDzHjWMgno8++sgz91kSD2CBSHkjoJ9//tkocyHVHWaNSGKnmyZlgjHQoHEIXLbVq1dnPvbo7+/3Gnrgiiqz4XMJk9KWZFHNpIwnILYnGMeKRFn1z0P8QOZu69ataoWaoLTqjz/+CCWgUqnkhgtHww/jGHb1Og/09vZ6V1tOGmUGLijLly83YUi7qQx4AhIlf2WU2MAKffzxx2qFfLiQ4KJTlRCC+vbt21Ov+i5JtqhMfzajxApWiJNGrdCMe85FJWSRqRPV2CV5IyqeBFAr9P9QhRDS+jiRgYOSxD8qoIRQKzRTWEp8G3aLgwsZOCAGqhglEawV+vHHH01RwfpQUBoWFzJwUBJT2GeUxMAK1ev1xoazIkHsQ13hihUrTFhcyMABAsr0toWsUeRYiFR+2NjHx4kMHJRoVWWURMEKsUWiSFYoioXTAE5YH6CYtGKURAlaoaI0KOG9RrUwLjFUeXJy8gQjcvynKgu8vGanthM34frRnMREhO4QSwlbncCJ9emnn5o8g/Uh+xZi28IsJIZirlTb2WO7YU+E5BX3ivgQEcfZsE03S0ZJBawQvbUREdseaL2VV2jCiPWJqjtP2BIgX3wjIqjL8rn/wj64VhMS2/pd8j9PGwdhK8POnTtNVia/dYsdv8hJxtWxCCxbtszbC8TRjai2bdtGGtvEQMf91NWFSxmuzGzZKNKWcduEkaQCPRE6ERHCiUk8MDI1NTUoRqXt6R4IqGY0kaC0AOsoJ9ScvUy4n+zV6rbJCpsjbU8EFpU3b97cdmORsO5bG1TkOCMi722nn7paIMWDGIwFXqwDC54E/rhYuFvNQkFQ/BxxIQZeR8sv1ng66RnOfi9S+fzb7a4PxWh9ZkFzHfm76IF+eKHXqQUqMAiF2jxiMNwoRIBVIMbAtVzMwiAkBBfsQgr8DjYR4p4tBiKiCWa7RNBHoRNGEPdCIlpKjjxkXy4lQ3DSM52beahc9TnJaXrYzYmJwGyvN7t7GEEhJpJAsFg3V/5d27iyHRJw4ZoZkfdUm8+d4xJTmFEURSYonHK5bPr6+mLJcOLScWDFEJKdtxpVW+SkXLgguHMioiut1oyWsqBklFxDivynn37yBLNv377Etspb62QnNoQVEuJJwQJ5MNJULggD8n5mGRwERKmDUfIHgf7t27c962OzXmlgO5Faa4RlovqiU7cxLfH4MFia1m/Hgk+W5MNVC5RDSBBcu3atEeO4sCBtm8yT2bt+/XrHGwvTcN+CMBv4xYsXs0qIlmKSJNNQM5qJyw3U15FZiyvOCQOJBypMSGAgcLJ17ZJwBq4l7969wwoN28dW0mqFcgLiITVNnZ3LZVBYI+Ix/tZ2cWQ6xiEa8dgHnoDENF0xSuYh3uGEZItEFnrq8TcidGKbduYFuTJeRlzJo437/hNqgTIOloeTEPFkaY6RFRFrQYuJKOUkQgNJvDX6KHoC8hMJuh6UUWzMkzXxWIIimm9ekCvi8RkUN67CHU9Afm5brVAGYY0H8XACZnmCnhURI22osWvGtffW09MzyG0jLyhx0HdGyRSkgVkgJduWhz7ivIfPP//cK2ptXpt0zAIZ2823ISBJz40ZJVOQNCCblbXZSQvBtm9mQjXHQ64JyLaDawhI3LiamanMVjIAq/pYoDxuxOM9NQ+KdtA9nW2BQMzSWaOkQicVyQiHkhhihjyCWCj9mZycbDznmgUSyiQSZglI0tlVo6RCJ9uaHz586C2S5mV+Uit4f2zOIyvnoHg85DvrnyUgv1y7ahRnsdanCD0UKDglFoqqm08MlOdU52k2zm2wPiQO8mx9LFgh9i65Ol9WtFKZIyAJ3kaNLqo6C2s+RerggxUKxkIuQWfUOQJiUVWUddoozkGdGxXJRbA+Frshz8XGk6KT91pusBArdMqoFXIOqg7yMLm8U+gjzv4mB+ltKSC1Qm6CBcp7p9ZWsCnQxUkWjAaad4ufWiG34ArMJrQiuW8WLhp0jqJOzjXmFZBvhRbtzKgkA1fgIlofC+/dQTeusuAm8w0bNpwSEWmVtgMgoHYaFeYVFlVfvXplXGPRLg2lUumYUVKHBcU8FY12ChePTAqI6gRNKKQLC4mU92d5v09YSN932sUnCdrqEyQJhRPyBdaMkgqcOEVMHgTh4kFbK9eqEtoSEAmFnp6eYaOkAmX9RbY+FmriOqlaT4K2O9UxnFWskMZDKaAWaAY+A8dS2fWOWj36WTndM6QoM3QmIJB46KimthXFq4XrXEDEQyKiYU0qKEVnyZIlnQsI6J/gJxW01CcBaMbeqtVT0SAD59LmOjEik123uyepIArUzFwCEDy7uAaSNHwGK1asMA5RCzUvwt8CftgoscIiIntiigzWByvsWDo/nIBg/fr1o0ZFFCucNFQju7q1OQnYULdmzRrjEgyni2RikYooftjKwADfooL75lp3HlnUjUZAoCKKFwpJHd2VmQhUo1OR7RjRCQgQUalUGjCanYucLVu2OLkrMylcExBroSzpRD50kuycmLYBXSeKFiwQWxqKGAfhvtHq17EYaIL/xDK1lXUiecNDKqLoIJFAHERjkaLBe3bQffOqcWIbe+yLCHdOpz5ERG9vr9dUvmjcv3/fm9rgEpKBi1dAgI8oV45h7a0QDfQFKJobR+IE9801CyRhSpXbWAVk2bBhwwm50fq5kODG0SNtYmLCFAU6sTIvyCVsAoH7iQgI5AoypnFReHDjOKmKYIVIHvz999/Oum+QmICAuEis0XZ16boHK7R169ZCWCGGJ3/wwQfGQRoDGBIVkEVdunBghR48eJDrAlOqLrA+XCxcQ+KfdCxQkIBLpztcOwQrxIQGZqTmlZs3bzoX+/hU/XGoHqkJCHyXbkTuHlZr1Bnbtm3zbvPoyuG6seblWuwDzfOzUhWQhRIgtUadwxzRvLlypK0ZIuao9Zkzzd4JAYFao85hox2u3PXr13ORleNCcPfuXW+olmMb5zz89HUt+JwzArL41mjg9evX2rikDZgXxIGIsgwXAN7Dpk2bXCzb8ZD09ZwOvc4JCFikmpqa0oruNsEKUWx6584dk0WseMQDcdZ1A1t9EMRJASmdQzwEWRORFQ/um+PTJ0ab3TdQAeUIK6Jr165lIrHA38jfytQFUvNM4HMVcd9aJrhUQDkDEbH5zl7VXYVsG3+jHRqG+0bRKCls1yB54DfQmYMKKIcQE7FOxNXdxXUiRHLr1i1P7PytwOSFHTt2NH7uEq2SBxYVUE5BQPv27fPWiVyxRlgdRM32bP624MhK2zCEFDY0iwjrVK/XzePHj70tHUnBkorf76MlKqAcwzrR/v37Gy4dCYY0hMS/yb+N1UHYe/funTNtIthxp1lEJBrYSIiAEA8i4jGiihuxPgsWPquACgAn7Z49e7z7V69eTUxIWBz+LayOFTNrVq1obpgYFNGjR4/mLBQzMwkRxbmATOyzkPUBndpUEDiBbcxx7949zyLR8ZQTGgsVVcdPay3oY4C1QLwIZ7Hf36rnG1XnlPXMJxKeR1xseYijYylDFBZ7jQqoYFghASc6qWOsBPGIPagEaPeEpOUwWw+Ia7hFNBSBYkGCMc5itPr3EAezYRciLhExF7jVuk8zzgqI0RE6kSBebBkQIACsBtbJBulYKE5KDiZEWBANB+MWmZaA4KiE6FQ0FjJwzSd/J70fohYRiQPmArfzWmcFJG9igisa7oUSP9b6WDgpEYm9DYLosGRWXGFAuK3GV3Ya20QpIhH0YVmXaquUzGULNHb//v0j+ME6YDd5+MyxKtCNVWkXLF6rxALWr1OsiLjodttHm3YDYlGr7b7e2SzcgQMHquLCnXR9RV3pDk52dtRSgdBq4xwCWr16tekUKyKydF1Q9dsNtM0S4zgXLlw4IR/kca6C5XLZKNmH+IbOQmxdqFQqC76224VT4ircuXYtkR/3DLWTOAjivIDg/PnzFXEpDsmb7DMJs3bt2n7x0fuNEhlsliPx0O6+nzAiosKb7eEL0a14IBMCShv58vol4zQid7+R2KxilMShCoGjGzZv3jyviMKIBxKLgcQVO2QyChMnxDc+Sk87EZDXu0G3nScL7nu3LjwWjAl3zYQVDySW3pIT75zJgcXzy9o5WDgclC9gRO5+pZYpfqyAurFEtse2/R1RiAc0PxyCoJh8N29QhPSNPBw0SiyEEZH9f+R3VCnTsf2tw6DFpBHhu3mnJDAeEiFtNzPjLsfkSqe9HSImjDuHiCYmJqpRiAdic6kuXbp0RFQezF6NyDEaeHzl4MGDo6YA+K4e1ukro9YpMsIkFuS7OLFr167QPdpjc+HkyntTbiYDT43IcSXwuDBtq4Ku3tOnT8s9PT2D8vkMmpnYSVPkXYIVomKCJEGnyOd/4ocffjBhRZRYUH/x4sVpsTiaNm8iKCgRE+tcg0bpCLvJrktO7d69+5jpEk0ipIzvi4+ZwChM3+Xrx+UTYfVrhm9hWONh0RQRdbFL9eitW7fKIqLDpguSTCJoMN0muHx+QmKYtSc/KWFHZVY1MTGXVatW1Tdu3Ejzj24+mxER0RnTBepSZRRx/ShvqvjJiT4RVaVo8RQXEqbF0bfAtp0aHx/vF5f4stztOE3H7xJrNrR9+/a2RagCyhmsR4moKr7rlzth+aLB3b0ilnmsVTpaRFQRl+5yN65vpyJSARWEgLAq8rASEFfFOIwvGNzWKyKKeRscNpOUiFRAiicuOUHLCMoXVa88zX3cIB7Hvo/Ery30XDKWQOS2tmzZshsS29RMl4QRkVCVxMLQYi9SASlt8fr168rbt28r3PeFVfatmYcvunmR17ImWPdfW7O3EsfV3rx5U4+qMqCZMCISa/feYlZIBaTknm5FRPZzYGCgttBrVEBKIehURLiUfX192xd7nRaTKoUAS8LkQ7qNLvZau9XBtIFaIKVQiCUq+5ZovtR+XVy3gcVcN4taIKVQiDDqvnUZa/FjxDPUrnhALZBSWG7evHlKLNER7vtu27CIR4dbK0q74NKRYDCKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoiiKoiiKouQe3ZG6CPRAe/PmzazGgrY/WuA1lXn+35bPN1MqlTb4vda6+fsm2nwpTQvn9DizPdqC0KvN3l+5cmXL/0+ZIbcCohEgt5zsgUaA3m3TCeu9zv6M+34nzti7cWaRwHTyoLDq/tEQdLB5IreIMo9izJyAONFfvnxZsX2eRQy9tgWt35ZWT37HQYQBy1dDdDzmYNZslkTmvIAQx7Nnz0b8ZuiDOmyqECAghESDj+/abSifBs4LaHJyclzniBYb+f6HXBVRJlw4sUCH7AxRf+6Numg5xnfxGGlyc/ny5WNhJjTETSaTCAzmlaC0MZLDzIzgYDpAOcmRHEpn+KMpvcOPgeo2/uF+2HEmaZDrNDZCk8xPOTCWY9atUJYvb4N/3z5nmsZ2VEzBCZz4HsEEQOA1E00/8zJuNiWeNWG0i64DdYhNj1ua14Qsi60BBdPmUdFqTaed1wTXfSDOeT154/8ANcR0wNYxDgsAAAAASUVORK5CYII=";
+const Alert = React__default.forwardRef(function Alert2(props, ref) {
+  return /* @__PURE__ */ jsx(MuiAlert, __spreadValues({ elevation: 6, ref, variant: "filled" }, props));
+});
+function Table({
+  data,
+  children,
+  currentPage,
+  pageSize,
+  totalPages,
+  previousPage: _previousPage,
+  nextPage: _nextPage,
+  pageSizeSelectorValue = 10,
+  onPageChange,
+  onPageSizeChange,
+  visiblePageNumbers = 5,
+  enableCSVExport = false,
+  csvExportFileName = "data.csv",
+  csvExportButtonText = "Exportar CSV",
+  csvExportColumns,
+  enableExcelExport = false,
+  excelExportFileName = "data.xlsx",
+  excelExportButtonText = "Exportar Excel",
+  excelExportColumns,
+  enableRowSelection = false,
+  rowIdentifier,
+  onSelectionChange,
+  showPageSizeSelector = true,
+  emptyTitle = "No hay datos disponibles",
+  emptyMessage,
+  emptyImageSrc = /* @__PURE__ */ jsx(Box, { mb: 2, children: /* @__PURE__ */ jsx("img", { src: EmptyImage, alt: "No data", style: { maxWidth: "150px", opacity: 0.6 } }) })
+}) {
+  const columns = Children.toArray(children).filter(
+    (child) => isValidElement(child) && child.type.displayName === "Column"
+  );
+  const [snackbarOpen, setSnackbarOpen] = useState(false);
+  const [snackbarMessage, setSnackbarMessage] = useState("");
+  const [snackbarSeverity, setSnackbarSeverity] = useState("info");
+  const [selectedRows, setSelectedRows] = useState([]);
+  useEffect(() => {
+    setSelectedRows([]);
+  }, [data, currentPage, pageSize]);
+  useEffect(() => {
+    onSelectionChange == null ? void 0 : onSelectionChange(selectedRows);
+  }, [selectedRows, onSelectionChange]);
+  const handleSnackbarClose = (_event, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setSnackbarOpen(false);
+  };
+  const isControlled = typeof onPageChange === "function" && typeof currentPage === "number";
+  const [internalPage, setInternalPage] = useState(1);
+  const [internalPageSize, setInternalPageSize] = useState(pageSizeSelectorValue);
+  const activePage = isControlled ? currentPage : internalPage;
+  const activePageSize = isControlled ? pageSize : internalPageSize;
+  const paginatedData = isControlled ? data : data.slice((activePage - 1) * activePageSize, activePage * activePageSize);
+  const effectiveTotalPages = isControlled ? totalPages : Math.ceil(data.length / activePageSize);
+  const handlePageChange = (newPage) => {
+    if (newPage < 1 || newPage > effectiveTotalPages) return;
+    if (isControlled) onPageChange == null ? void 0 : onPageChange(newPage);
+    else setInternalPage(newPage);
+  };
+  const handlePageSizeChange = (newSize) => {
+    if (isControlled) {
+      onPageSizeChange == null ? void 0 : onPageSizeChange(newSize);
+      onPageChange == null ? void 0 : onPageChange(1);
+    } else {
+      setInternalPageSize(newSize);
+      setInternalPage(1);
+    }
+  };
+  const getPageNumbers = () => {
+    const pages = [];
+    const maxPages = effectiveTotalPages;
+    const current = activePage;
+    const half = Math.floor(visiblePageNumbers / 2);
+    let startPage = Math.max(1, current - half);
+    let endPage = Math.min(maxPages, current + half);
+    if (endPage - startPage + 1 < visiblePageNumbers) {
+      if (startPage === 1) {
+        endPage = Math.min(maxPages, startPage + visiblePageNumbers - 1);
+      } else if (endPage === maxPages) {
+        startPage = Math.max(1, maxPages - visiblePageNumbers + 1);
+      }
+    }
+    for (let i = startPage; i <= endPage; i++) {
+      pages.push(i);
+    }
+    return pages;
+  };
+  const pageNumbers = getPageNumbers();
+  const handleSelectAllClick = (event) => {
+    if (!rowIdentifier) {
+      console.warn("`rowIdentifier` prop is required for row selection.");
+      return;
+    }
+    if (event.target.checked) {
+      const newSelecteds = [...selectedRows];
+      paginatedData.forEach((row) => {
+        const rowId = row[rowIdentifier];
+        if (!newSelecteds.some((selectedRow) => selectedRow[rowIdentifier] === rowId)) {
+          newSelecteds.push(row);
+        }
+      });
+      setSelectedRows(newSelecteds);
+    } else {
+      const newSelecteds = selectedRows.filter(
+        (selectedRow) => !paginatedData.some((row) => row[rowIdentifier] === selectedRow[rowIdentifier])
+      );
+      setSelectedRows(newSelecteds);
+    }
+  };
+  const handleRowClick = (_event, row) => {
+    if (!rowIdentifier) {
+      console.warn("`rowIdentifier` prop is required for row selection.");
+      return;
+    }
+    const rowId = row[rowIdentifier];
+    const selectedIndex = selectedRows.findIndex((selectedRow) => selectedRow[rowIdentifier] === rowId);
+    let newSelected = [];
+    if (selectedIndex === -1) {
+      newSelected = newSelected.concat(selectedRows, row);
+    } else if (selectedIndex === 0) {
+      newSelected = newSelected.concat(selectedRows.slice(1));
+    } else if (selectedIndex === selectedRows.length - 1) {
+      newSelected = newSelected.concat(selectedRows.slice(0, -1));
+    } else if (selectedIndex > 0) {
+      newSelected = newSelected.concat(
+        selectedRows.slice(0, selectedIndex),
+        selectedRows.slice(selectedIndex + 1)
+      );
+    }
+    setSelectedRows(newSelected);
+  };
+  const isSelected = (row) => {
+    if (!rowIdentifier) return false;
+    return selectedRows.some((selectedRow) => selectedRow[rowIdentifier] === row[rowIdentifier]);
+  };
+  const numSelectedOnPage = paginatedData.filter(isSelected).length;
+  const isAllSelectedOnPage = paginatedData.length > 0 && numSelectedOnPage === paginatedData.length;
+  const isIndeterminateOnPage = numSelectedOnPage > 0 && numSelectedOnPage < paginatedData.length;
+  return /* @__PURE__ */ jsxs(TableContainer, { children: [
+    /* @__PURE__ */ jsxs(Table$1, { sx: { minWidth: 650 }, "aria-label": "custom table", style: paginatedData.length === 0 ? { display: "none" } : {}, children: [
+      /* @__PURE__ */ jsx(TableHead, { sx: { backgroundColor: "#fff" }, children: /* @__PURE__ */ jsxs(TableRow, { children: [
+        enableRowSelection && /* @__PURE__ */ jsxs(TableCell, { padding: "checkbox", sx: { width: "50px" }, children: [
+          " ",
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              color: "primary",
+              indeterminate: isIndeterminateOnPage,
+              checked: isAllSelectedOnPage,
+              onChange: handleSelectAllClick,
+              inputProps: { "aria-label": "select all desserts" }
+            }
+          )
+        ] }),
+        columns.map((column, index) => /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            sx: {
+              fontSize: "12px",
+              color: (theme) => theme.palette.text.secondary,
+              width: column.props.width || "auto",
+              // APLICA EL ANCHO AQUÍ
+              whiteSpace: "nowrap"
+              // Evita que el texto se ajuste si la columna es pequeña
+            },
+            children: /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "12px" }, children: column.props.name })
+          },
+          index
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx(TableBody, { sx: { borderRadius: "10px", overflow: "hidden" }, children: paginatedData.map((row, rowIndex) => {
+        const isRowSelected = enableRowSelection && isSelected(row);
+        return /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            sx: { backgroundColor: "#F8F8F8", "&:last-child td, &:last-child th": { border: 0 }, "&:hover": { backgroundColor: () => "#FFF" } },
+            selected: isRowSelected,
+            children: [
+              enableRowSelection && /* @__PURE__ */ jsxs(TableCell, { padding: "checkbox", sx: { width: "50px" }, children: [
+                " ",
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    color: "primary",
+                    checked: isRowSelected,
+                    onClick: (event) => handleRowClick(event, row),
+                    inputProps: { "aria-labelledby": `table-checkbox-${rowIndex}` }
+                  }
+                )
+              ] }),
+              columns.map((column, colIndex) => {
+                const { field, children: cellRenderer } = column.props;
+                let fieldData;
+                if (Array.isArray(field)) {
+                  if (field.length === 0) {
+                    fieldData = __spreadValues({}, row);
+                  } else {
+                    fieldData = field.reduce((acc, currentField) => {
+                      acc[currentField] = row[currentField];
+                      return acc;
+                    }, {});
+                  }
+                } else {
+                  fieldData = { [field]: row[field] };
+                }
+                return /* @__PURE__ */ jsx(
+                  TableCell,
+                  {
+                    sx: {
+                      fontSize: "14px",
+                      width: column.props.width || "auto",
+                      // APLICA EL ANCHO AQUÍ TAMBIÉN
+                      whiteSpace: "nowrap",
+                      // Asegura que el contenido no se rompa prematuramente
+                      padding: "12px 16px",
+                      // Asegura un padding consistente
+                      borderBottom: "none"
+                    },
+                    children: cellRenderer(fieldData)
+                  },
+                  colIndex
+                );
+              })
+            ]
+          },
+          rowIndex
+        );
+      }) })
+    ] }),
+    paginatedData.length === 0 && /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", p: 4, children: [
+      emptyImageSrc,
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#878E9A", fontSize: "18px", fontWeight: "600", children: emptyTitle || "No hay datos disponibles para mostrar." }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#878E9A", fontSize: "14px", mt: 1, children: emptyMessage || "Intente ajustar sus filtros o agregar nuevos datos." })
+    ] }),
+    (effectiveTotalPages > 0 || enableCSVExport || enableExcelExport || enableRowSelection && selectedRows.length > 0) && /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", p: 2, children: [
+      effectiveTotalPages > 0 && showPageSizeSelector && /* @__PURE__ */ jsx(
+        Select,
+        {
+          size: "small",
+          value: activePageSize,
+          onChange: (e) => handlePageSizeChange(Number(e.target.value)),
+          children: [1, 2, 3, 5, 10, 20, 50, 100].map((size) => /* @__PURE__ */ jsxs(MenuItem, { value: size, children: [
+            "Mostrar ",
+            size
+          ] }, size))
+        }
+      ),
+      effectiveTotalPages > 0 && /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          alignItems: "center",
+          gap: 0.5,
+          sx: { flexGrow: 1, justifyContent: "center" },
+          children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handlePageChange(1),
+                disabled: activePage <= 1,
+                size: "small",
+                color: "primary",
+                children: /* @__PURE__ */ jsx(FirstPageIcon, { fontSize: "small" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handlePageChange(activePage - 1),
+                disabled: activePage <= 1,
+                size: "small",
+                color: "primary",
+                children: /* @__PURE__ */ jsx(KeyboardArrowLeftIcon, { fontSize: "small" })
+              }
+            ),
+            pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => handlePageChange(pageNumber),
+                variant: activePage === pageNumber ? "contained" : "text",
+                size: "small",
+                sx: { minWidth: "32px", height: "32px" },
+                children: pageNumber
+              },
+              pageNumber
+            )),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handlePageChange(activePage + 1),
+                disabled: activePage >= effectiveTotalPages,
+                size: "small",
+                color: "primary",
+                children: /* @__PURE__ */ jsx(KeyboardArrowRightIcon, { fontSize: "small" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: () => handlePageChange(effectiveTotalPages),
+                disabled: activePage >= effectiveTotalPages,
+                size: "small",
+                color: "primary",
+                children: /* @__PURE__ */ jsx(LastPageIcon, { fontSize: "small" })
+              }
+            )
+          ]
+        }
+      ),
+      enableRowSelection && selectedRows.length > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", sx: { mr: 2 }, children: [
+        selectedRows.length,
+        " seleccionados"
+      ] }),
+      (enableCSVExport || enableExcelExport) && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
+        enableCSVExport && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            color: "primary",
+            onClick: () => exportToCSV({
+              data,
+              columns,
+              fileName: csvExportFileName,
+              exportColumns: csvExportColumns,
+              setSnackbarOpen,
+              setSnackbarMessage,
+              setSnackbarSeverity
+            }),
+            size: "small",
+            startIcon: /* @__PURE__ */ jsx(DownloadOutlinedIcon, {}),
+            children: csvExportButtonText
+          }
+        ),
+        enableExcelExport && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            color: "primary",
+            onClick: () => exportToExcel({
+              data,
+              columns,
+              fileName: excelExportFileName,
+              exportColumns: excelExportColumns,
+              setSnackbarOpen,
+              setSnackbarMessage,
+              setSnackbarSeverity
+            }),
+            size: "small",
+            startIcon: /* @__PURE__ */ jsx(DownloadOutlinedIcon, {}),
+            children: excelExportButtonText
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Snackbar, { open: snackbarOpen, autoHideDuration: 3e3, onClose: handleSnackbarClose, anchorOrigin: { vertical: "bottom", horizontal: "center" }, children: /* @__PURE__ */ jsx(Alert, { onClose: handleSnackbarClose, severity: snackbarSeverity, sx: { width: "100%" }, children: snackbarMessage }) })
+  ] });
+}
+export {
+  Table as T
+};
+//# sourceMappingURL=Table-C2LbW0B1.js.map