next-recomponents 1.7.63 → 1.8.2

package/dist/index.js

@@ -2979,13 +2979,12 @@ __export(index_exports, {
   Pre: () => pre_default,
   Select: () => Select,
   Table: () => Table,
-  TableDos: () => TableDos,
+  Table3: () => Table3,
   TextArea: () => TextArea,
   regularExpresions: () => regular_expresions_default,
   useDates: () => useDates,
   useExcel: () => useExcel,
   useFormValues: () => useFormValues,
-  useModal: () => useModal,
   useResources: () => useResources
 });
 module.exports = __toCommonJS(index_exports);
@@ -10925,7 +10924,7 @@ function Container({
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
-          className: ` gap-2 bg-blue-400   text-white ${isSidebarOpen ? "px-[270px]" : "px-[60px]"} hidden sm:flex`,
+          className: ` gap-2 bg-gray-800 text-white ${isSidebarOpen ? "px-[270px]" : "px-[60px]"} hidden sm:flex`,
           children: navItems && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: [{ location: "/", name: "Home", icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HomeIcon, {}) }, navItems].flat().map((li, k) => {
             return li && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               import_link.default,
@@ -10950,7 +10949,7 @@ function Container({
           animate: {
             width: typeof window !== "undefined" && window.innerWidth < 768 ? isSidebarOpen ? "100%" : 0 : isSidebarOpen ? 250 : 60
           },
-          className: "bg-blue-400 text-white overflow-y-auto fixed md:static top-0 left-0 h-full z-50 md:z-auto transition-all duration-300 ease-in-out",
+          className: "bg-gray-800 text-white overflow-y-auto fixed md:static top-0 left-0 h-full z-50 md:z-auto transition-all duration-300 ease-in-out",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-4 ", children: menuList && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("ul", { className: "space-y-3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "li",
@@ -10976,14 +10975,7 @@ function Container({
                       icon,
                       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: " truncate", children: itemMenu == null ? void 0 : itemMenu.name })
                     ] }),
-                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                      "div",
-                      {
-                        title: `${itemMenu.name}`,
-                        className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1",
-                        children: icon
-                      }
-                    )
+                    !isSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-sm hover:bg-gray-200 hover:text-black rounded p-1", children: icon })
                   ]
                 }
               ) }, k);
@@ -11247,30 +11239,20 @@ function TD(_a) {
     },
     __spreadValues({}, (_b2 = symbols[item == null ? void 0 : item.name]) == null ? void 0 : _b2.props)
   ));
-  const typeOf = (value) => {
-    if (value instanceof Date) return "date";
-    if (typeof value === "number") return "number";
-    if (typeof value === "string") {
-      const d = new Date(value);
-      if (!isNaN(d.getTime())) return "date-string";
-      return "string";
-    }
-    return typeof value;
-  };
-  const result = typeOf(item == null ? void 0 : item.content);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "td",
-    __spreadProps(__spreadValues({}, props), {
+    {
       onDoubleClick: (e) => setIsHidded(!isHidded),
       className: [
         isHidded && color2,
-        !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis ",
-        " px-2 "
+        !isHidded && "whitespace-nowrap overflow-hidden text-ellipsis   ",
+        "border-b max-w-[200px] p-2 "
+        // ["number", "money"].includes(item?.cellTypeOf) && "text-right",
       ].join(" "),
       children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "div",
         {
-          className: symbols && (symbols == null ? void 0 : symbols[item == null ? void 0 : item.name]) ? symbols[item == null ? void 0 : item.name] : " flex   " + (result == "number" ? "justify-end" : "justify-start"),
+          className: symbols && symbols[item == null ? void 0 : item.name] && "flex justify-between ",
           children: symbols ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between gap-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: import_react23.default.Children.map(symbols[item == null ? void 0 : item.name], (child) => {
               if (import_react23.default.isValidElement(child)) {
@@ -11280,10 +11262,10 @@ function TD(_a) {
               return child;
             }) }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: !(newProps == null ? void 0 : newProps["row"]) && (item == null ? void 0 : item.content) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "", children: item == null ? void 0 : item.content })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: item == null ? void 0 : item.content })
         }
       )
-    })
+    }
   );
 }
 
@@ -11304,6 +11286,21 @@ function FilterOffIcon() {
     }
   );
 }
+function EditIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 576 512",
+      height: "20px",
+      width: "20px",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+    }
+  );
+}
 function MdLastPage() {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "svg",
@@ -43443,16 +43440,7 @@ function HTable(_a) {
         const regex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
         const isDate = !isObject2 && regex.test(`${d[key]}`);
         const cellTypeOf = isDate ? "date" : isObject2 ? "object" : typeOf;
-        const mapedIndex = mapedData.find(
-          (mpd) => {
-            var _a3, _b3;
-            return `${d.id}`.includes(
-              (_a3 = mpd == null ? void 0 : mpd.id) == null ? void 0 : _a3.content,
-              (_b3 = mpd == null ? void 0 : mpd._id) == null ? void 0 : _b3.content
-            );
-          }
-        );
-        const mapedContent = (_b2 = mapedIndex == null ? void 0 : mapedIndex[key]) == null ? void 0 : _b2.content;
+        const mapedContent = (_b2 = mapedData[trkey][key]) == null ? void 0 : _b2.content;
         const content = mapedContent || (cellTypeOf == "date" ? d[key].split("T").join(" ").split(".")[0] : cellTypeOf == "object" ? import_react25.default.isValidElement(d[key]) ? ((_c = d[key]) == null ? void 0 : _c.props).value : JSON.stringify(d[key]) : d[key]);
         const handler = import_react25.default.isValidElement(d[key]) ? d[key] : null;
         obj[key] = {
@@ -43515,12 +43503,12 @@ function HTable(_a) {
       ) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", __spreadProps(__spreadValues({}, props), { className: "w-full border-collapse table-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "bg-blue-400 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { children: head.map((h, key) => {
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("thead", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { children: head.map((h, key) => {
         var _a2;
-        return h != "_id" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "th",
           {
-            className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b ",
+            className: "whitespace-nowrap overflow-hidden text-ellipsis max-w-[200px] border-b p-2",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 "div",
@@ -43529,7 +43517,7 @@ function HTable(_a) {
                   onClick: (e) => {
                     setSelectedFilter(key == selectedFilter ? null : key);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "text-white w-full rounded  flex justify-center", children: [
+                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "text-white w-full bg-black rounded  flex justify-center", children: [
                     h,
                     " ",
                     !((_a2 = mapedData == null ? void 0 : mapedData.map((d) => {
@@ -43556,7 +43544,7 @@ function HTable(_a) {
         );
       }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tbody", { className: "divide-y divide-gray-200", children: mapedData.map((md, trKey) => {
-        var _a2, _b2, _c;
+        var _a2, _b2;
         const start = (page - 1) * maxItems;
         const end = page * maxItems;
         if (!hasFilters) {
@@ -43568,7 +43556,7 @@ function HTable(_a) {
             return null;
           }
         }
-        const dataKey = ((_b2 = md == null ? void 0 : md._id) == null ? void 0 : _b2.content) || ((_c = md == null ? void 0 : md.id) == null ? void 0 : _c.content) || trKey;
+        const dataKey = ((_b2 = md == null ? void 0 : md.id) == null ? void 0 : _b2.content) || trKey;
         return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "tr",
           {
@@ -43579,18 +43567,17 @@ function HTable(_a) {
             "data-key": dataKey,
             onClick: (e) => setSelected(trKey),
             className: [
-              "hover:bg-blue-100 ",
+              "hover:bg-green-100 ",
               color2,
-              selected == trKey && " bg-blue-200 hover:bg-blue-300"
+              selected == trKey && "bg-green-200 hover:bg-green-300"
             ].join(" "),
             children: head.map((h, tdKey) => {
-              var _a3, _b3;
+              var _a3;
               const item = md[h];
-              const id3 = trKey + "-" + (((_a3 = md == null ? void 0 : md["_id"]) == null ? void 0 : _a3.content) || ((_b3 = md == null ? void 0 : md.id) == null ? void 0 : _b3.content) || tdKey) + "-" + h;
-              return h != "_id" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              const id3 = trKey + "-" + (((_a3 = md == null ? void 0 : md.id) == null ? void 0 : _a3.content) || tdKey) + "-" + h;
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 TD,
                 {
-                  "data-key": id3,
                   index: trKey,
                   symbols,
                   item,
@@ -43605,11 +43592,18 @@ function HTable(_a) {
           dataKey
         );
       }) }),
-      totals && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tfoot", { className: "bg-blue-400 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { children: head.map((h, fkey) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "text-right border-b max-w-[200px] ", children: totals.includes(h) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between text-white w-full rounded ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-1", children: mapedTotals[h] })
-        ] }) }, fkey);
+      totals && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tfoot", { className: "bg-gray-800 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { children: head.map((h, fkey) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "th",
+          {
+            className: "text-right border-b max-w-[200px] p-2 ",
+            children: totals.includes(h) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between text-white w-full bg-black rounded ", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-1", children: symbols && symbols[h] && symbols[h] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-1", children: mapedTotals[h] })
+            ] })
+          },
+          fkey
+        );
       }) }) })
     ] })),
     isLoading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fixed top-0 left-0 w-full h-screen flex items-center justify-center bg-white bg-opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: loader }) })
@@ -44870,777 +44864,713 @@ function DocumentViewer({ item }) {
   ] });
 }
 
-// src/table2/index.tsx
-var import_react36 = require("react");
+// src/table3/index.tsx
+var import_react37 = __toESM(require("react"));
 
-// src/table2/context.tsx
+// src/table3/filter.tsx
 var import_react33 = require("react");
-function useTableContext({
-  data,
-  maxItems,
-  symbols,
-  handlers,
-  onSave,
-  exportName,
-  selectItems,
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Filter({
+  h,
+  objectData,
+  setObjectData,
+  setPage,
   colSizes
 }) {
-  function dataReduce(datums) {
-    return datums.map((row) => {
-      for (let key in row) {
-        if (typeof row[key] === "object") {
-          row[key] = JSON.stringify(row[key]);
-        }
-      }
-      return row;
-    }).reduce((acc, d) => {
-      const id3 = (d == null ? void 0 : d._id) || (d == null ? void 0 : d.id);
-      if (!id3) throw new Error("Data must have an '_id' or 'id' field");
-      acc[id3] = d;
-      acc[id3]._checkedItem = false;
-      return acc;
-    }, {});
-  }
-  const excel = useExcel();
-  const [defaultData, setDefaultData] = (0, import_react33.useState)(dataReduce(data));
-  const [page, setPage] = (0, import_react33.useState)(1);
-  const headers = (0, import_react33.useMemo)(() => {
-    return [...new Set(data.flatMap((d) => Object.keys(d)))];
-  }, [data]);
-  const list = (0, import_react33.useMemo)(() => {
-    return headers.reduce((acc, h) => {
-      acc[h] = [
-        ...new Set(
-          Object.values(defaultData).map((row) => {
-            const value = typeof row[h] === "object" ? JSON.stringify(row[h]) : row[h];
-            return value;
-          })
-        )
-      ];
-      return acc;
-    }, {});
-  }, [headers, defaultData]);
-  const [filters, setFilters] = (0, import_react33.useState)(
-    headers.reduce((acc, h) => {
-      acc[h] = list[h].reduce((ac, l) => {
-        ac[l] = true;
-        return ac;
-      }, {});
-      return acc;
-    }, {})
-  );
-  const bodyKeys = (0, import_react33.useMemo)(() => Object.keys(defaultData), [defaultData]);
-  const body = (0, import_react33.useMemo)(() => defaultData, [defaultData]);
-  const filteredBody = (0, import_react33.useMemo)(() => {
-    return bodyKeys.filter((key) => {
-      return headers.every((header) => {
-        var _a, _b;
-        return ((_b = filters == null ? void 0 : filters[`${header}`]) == null ? void 0 : _b[(_a = body == null ? void 0 : body[`${key}`]) == null ? void 0 : _a[`${header}`]]) !== false;
-      });
-    });
-  }, [filters, headers, defaultData]);
-  const paginatedBody = (0, import_react33.useMemo)(() => {
-    return filteredBody.filter((k, index) => {
-      if (maxItems === Infinity) return true;
-      const desde = (page - 1) * maxItems;
-      const hasta = desde + maxItems;
-      return index >= desde && index < hasta;
-    });
-  }, [filteredBody, page]);
-  const totalPages = (0, import_react33.useMemo)(
-    () => maxItems === Infinity ? 1 : Math.ceil(filteredBody.length / maxItems),
-    [filteredBody, maxItems]
-  );
-  (0, import_react33.useEffect)(() => {
-    const original = dataReduce(data);
-    const originalKeys = Object.keys(original);
-    setDefaultData((prevDefaultData) => {
-      var _a;
-      const newDefault = {};
-      for (let key of originalKeys) {
-        newDefault[key] = (_a = prevDefaultData == null ? void 0 : prevDefaultData[key]) != null ? _a : original[key];
-      }
-      return newDefault;
-    });
-  }, [data]);
-  return {
-    page,
-    setPage,
-    defaultData,
-    setDefaultData,
-    totalPages,
-    headers,
-    filters,
-    setFilters,
-    list,
-    filteredBody,
-    maxItems,
-    paginatedBody,
-    handlers,
-    symbols,
-    onSave,
-    exportName,
-    excel,
-    selectItems,
-    colSizes
-  };
-}
-
-// src/table2/icons.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-function FilterIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 576 512",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M3.9 22.9C10.5 8.9 24.5 0 40 0L472 0c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L396.4 195.6C316.2 212.1 256 283 256 368c0 27.4 6.3 53.4 17.5 76.5c-1.6-.8-3.2-1.8-4.7-2.9l-64-48c-8.1-6-12.8-15.5-12.8-25.6l0-79.1L9 65.3C-.7 53.4-2.8 36.8 3.9 22.9zM432 224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zm59.3 107.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L432 345.4l-36.7-36.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L409.4 368l-36.7 36.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L432 390.6l36.7 36.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L454.6 368l36.7-36.7z" })
-    }
-  );
-}
-function MdOutlineFirstPage() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 24 24",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fill: "none", d: "M24 0v24H0V0h24z", opacity: ".87" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M18.41 16.59 13.82 12l4.59-4.59L17 6l-6 6 6 6 1.41-1.41zM6 6h2v12H6V6z" })
-      ]
-    }
-  );
-}
-function MdOutlineLastPage() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 24 24",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fill: "none", d: "M0 0h24v24H0V0z", opacity: ".87" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M5.59 7.41 10.18 12l-4.59 4.59L7 18l6-6-6-6-1.41 1.41zM16 6h2v12h-2V6z" })
-      ]
-    }
+  const [visible, setVisible] = (0, import_react33.useState)(false);
+  const [text, setText] = (0, import_react33.useState)("");
+  const items = (0, import_react33.useMemo)(
+    () => [...new Set(Object.values(objectData).map((o) => o[h]))],
+    [objectData]
   );
-}
-function GrFormNext() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 24 24",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("polyline", { fill: "none", strokeWidth: "2", points: "9 6 15 12 9 18" })
-    }
-  );
-}
-function GrFormPrevious() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 24 24",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        "polyline",
-        {
-          fill: "none",
-          strokeWidth: "2",
-          points: "9 6 15 12 9 18",
-          transform: "matrix(-1 0 0 1 24 0)"
-        }
-      )
-    }
-  );
-}
-function RiFileExcel2Fill() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 24 24",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM17 2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V2.99997ZM10.2 12L13 7.99997H10.6L9 10.2857L7.39999 7.99997H5L7.8 12L5 16H7.39999L9 13.7143L10.6 16H13L10.2 12Z" })
-    }
+  const [selected, setSelected] = (0, import_react33.useState)(items);
+  const itemsFiltered = (0, import_react33.useMemo)(
+    () => items.sort((a, b) => `${a}`.localeCompare(b)).filter((item) => {
+      if (!text) return true;
+      return `${item}`.toLowerCase().includes(text.toLowerCase());
+    }),
+    [items, text]
   );
-}
-function IoIosSave() {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 512 512",
-      height: "1rem",
-      width: "1rem",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
-      ]
+  function filtrar(itemsInterno = []) {
+    const array = Object.values(objectData);
+    let obj;
+    if (itemsInterno.length > 0) {
+      setSelected(items);
+      obj = array.map((row) => {
+        return (row == null ? void 0 : row._id) ? {
+          _id: row._id,
+          _visible: itemsInterno.includes(row[h])
+        } : { id: row.id, _visible: itemsInterno.includes(row[h]) };
+      });
+    } else {
+      obj = array.map((row) => {
+        return (row == null ? void 0 : row._id) ? {
+          _id: row._id,
+          _visible: itemsFiltered.length < items.length ? itemsFiltered.includes(row[h]) : selected.includes(row[h])
+        } : {
+          id: row.id,
+          _visible: itemsFiltered.length < items.length ? itemsFiltered.includes(row[h]) : selected.includes(row[h])
+        };
+      });
     }
-  );
-}
-
-// src/table2/v.table.body.tsx
-var import_react34 = __toESM(require("react"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Row = import_react34.default.memo(
-  ({ rowKey, context, handleCheck }) => {
-    const rowData = context.defaultData[rowKey];
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "hover:bg-gray-200", children: [
-      context.selectItems && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { className: "border-b", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        "input",
-        {
-          type: "checkbox",
-          className: "w-5 h-5 accent-green-500",
-          checked: !!(rowData == null ? void 0 : rowData._checkedItem),
-          onChange: (e) => handleCheck(rowKey, e.target.checked)
-        }
-      ) }),
-      context.headers.map((header, index) => {
-        var _a, _b, _c, _d;
-        if (header.startsWith("_")) return null;
-        const value = rowData[header];
-        if ((_a = context.handlers) == null ? void 0 : _a[header]) {
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "p-1 w-[100px]", children: import_react34.default.isValidElement(context.handlers[header]) && import_react34.default.cloneElement(context.handlers[header], {
-            value,
-            onChange: (e) => {
-              var _a2, _b2, _c2;
-              const result = (_c2 = (_b2 = (_a2 = context.handlers[header]) == null ? void 0 : _a2.props) == null ? void 0 : _b2.onChange) == null ? void 0 : _c2.call(_b2, e);
-              const newData = __spreadValues({}, context.defaultData);
-              for (let item in result) {
-                newData[rowKey][item] = result[item];
-              }
-              newData[rowKey][header] = e.target.value;
-              context.setDefaultData(newData);
-            }
-          }) }, index);
-        } else {
-          const updateRow = (data) => {
-            const newData = __spreadValues({}, context.defaultData);
-            for (let item in data) {
-              newData[rowKey][item] = data[item];
-            }
-            context.setDefaultData(newData);
-          };
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "p-1 w-[100px] border-b", children: ((_b = context.symbols) == null ? void 0 : _b[header]) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: import_react34.default.isValidElement((_c = context.symbols) == null ? void 0 : _c[header]) && import_react34.default.cloneElement((_d = context.symbols) == null ? void 0 : _d[header], {
-              row: rowData,
-              updateRow,
-              onClick: (e) => {
-                var _a2, _b2, _c2, _d2;
-                e.row = rowData;
-                e.updateRow = updateRow;
-                (_d2 = (_c2 = (_b2 = (_a2 = context.symbols) == null ? void 0 : _a2[header]) == null ? void 0 : _b2.props) == null ? void 0 : _c2.onClick) == null ? void 0 : _d2.call(_c2, e);
-              }
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full px-2 py-[3px] truncate", children: value })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full px-2 py-[3px]", children: value }) }, index);
-        }
-      })
-    ] });
-  },
-  (prev, next) => {
-    return prev.context.defaultData[prev.rowKey] === next.context.defaultData[next.rowKey];
+    setObjectData(obj);
+    setPage(1);
+    setVisible(false);
+    setText("");
   }
-);
-function VTableBody({ context }) {
-  const handleCheck = (0, import_react34.useCallback)((key, checked) => {
-    context.setDefaultData((prev) => __spreadProps(__spreadValues({}, prev), {
-      [key]: __spreadProps(__spreadValues({}, prev[key]), { _checkedItem: checked })
-    }));
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tbody", { className: "bg-white", children: context.paginatedBody.map((key) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Row,
-    {
-      rowKey: key,
-      context,
-      handleCheck
-    },
-    key
-  )) });
-}
-
-// src/table2/v.table.head.filter.tsx
-var import_react35 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-function TH({
-  context,
-  h
-}) {
-  var _a;
-  if (!context) return null;
-  if (`${h}`.startsWith("_")) return;
-  const [search, setSearch] = (0, import_react35.useState)("");
-  const [visible, setVisible] = (0, import_react35.useState)(false);
-  const list = context.list[h];
-  const [prev, setPrev] = (0, import_react35.useState)(context.filters[h]);
-  const filteredList = (0, import_react35.useMemo)(() => {
-    return list.filter((item) => {
-      if (!search) return true;
-      return item == null ? void 0 : item.toString().toLowerCase().includes(search.toLowerCase());
-    });
-  }, [list, search]);
-  const colSize = ((_a = context == null ? void 0 : context.colSizes) == null ? void 0 : _a[h]) || 100;
-  const hasFilter = (0, import_react35.useMemo)(
-    () => !Object.values(context.filters[h]).every((p) => p === true),
-    [context.filters[h]]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { className: "p-1 relative", style: { zIndex: 9 }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: " min-w-[" + colSize + "px] resize-x overflow-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex justify-between gap-2 text-white   p-1 shadow rounded text-center w-full font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  const hidden = Object.values(objectData).filter((d) => d._visible === false).map((d) => d[h]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("th", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
-        onClick: (e) => setVisible(!visible),
-        className: "w-full text-center flex gap-2 justify-center cursor-pointer",
-        children: [
-          h,
-          " ",
-          hasFilter && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FilterIcon, {}) })
-        ]
+        className: " w-full h-screen top-0 left-0 fixed",
+        style: { zIndex: 9998 },
+        onClick: (e) => setVisible(!visible)
       }
     ) }),
-    visible && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "relative w-full justify-center flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "div",
         {
-          className: "fixed top-0 left-0 w-screen h-screen ",
-          style: { zIndex: 10 },
-          onClick: (e) => setVisible(!visible)
+          style: {
+            minWidth: "100px",
+            maxWidth: `${((colSizes == null ? void 0 : colSizes[h]) || 0) + 100}px`,
+            width: `${colSizes == null ? void 0 : colSizes[h]}px`
+          },
+          className: `resize-x overflow-auto   text-center flex justify-evenly p-1 items-center`,
+          onClick: (e) => setVisible(!visible),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: h }),
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FilterOffIcon, {}) })
+          ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      visible && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
-          className: "absolute border shadow rounded w-[300px] flex flex-col gap-2 bg-white p-2 text-sm resize-x  overflow-auto",
-          style: { zIndex: 11 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-            "form",
-            {
-              onSubmit: (e) => {
-                e.preventDefault();
-                setSearch("");
-                setVisible(false);
-                context.setPage(1);
-                const p = __spreadValues({}, Object.keys(prev).reduce((acc, i) => {
-                  if (search != "") {
-                    acc[i] = i.toString().toLowerCase().includes(search.toLowerCase()) ? prev[i] : false;
-                  } else {
-                    acc[i] = prev[i];
+          className: "border shadow rounded bg-white p-1 absolute fixed text-black",
+          style: { zIndex: 9999 },
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-1 w-[300px] min-w-[300px] resize-x overflow-auto", children: [
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+              "div",
+              {
+                className: "p-1 flex items-center justify-between px-2 bg-red-200 border shadow rounded",
+                onClick: (e) => {
+                  filtrar(items);
+                },
+                children: [
+                  "Borrar Filtro",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FilterOffIcon, {}) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              "input",
+              {
+                className: "border shadow rounded p-2 w-full",
+                type: "search",
+                onChange: (e) => setText(`${e.target.value}`),
+                value: text,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    setSelected(
+                      items.filter(
+                        (i) => `${i}`.toLowerCase().includes(`${text}`.toLowerCase())
+                      )
+                    );
+                    filtrar();
                   }
-                  return acc;
-                }, {}));
-                setPrev(p);
-                context.setFilters((nf) => {
-                  return __spreadProps(__spreadValues({}, nf), { [h]: p });
-                });
-              },
-              children: [
-                hasFilter && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-                  "button",
-                  {
-                    type: "button",
-                    className: "border p-2 flex  justify-center  gap-2 w-full  items-center text-red-500",
-                    onClick: (e) => {
-                      const p = __spreadValues({}, Object.keys(context.filters[h]).reduce((acc, i) => {
-                        acc[i] = true;
-                        return acc;
-                      }, {}));
-                      setPrev(p);
-                      context.setFilters((nf) => {
-                        return __spreadProps(__spreadValues({}, nf), { [h]: p });
-                      });
-                      setVisible(false);
-                    },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FilterIcon, {}),
-                      " Quitar Filtro"
-                    ]
+                }
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "flex gap-1 cursor-pointer px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !Boolean(selected.length < items.length),
+                  onChange: (e) => {
+                    if (selected.length < items.length) {
+                      setSelected(items);
+                    } else {
+                      setSelected([]);
+                    }
                   }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                }
+              ),
+              "(Seleccionar Todo)"
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "overflow-auto  flex gap-1 flex-col p-1 border shadow rounded h-[300px]", children: itemsFiltered.map((item) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "hover:bg-gray-100  ", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "flex gap-1 cursor-pointer truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "input",
                   {
-                    className: "border p-1 w-full p-2",
-                    placeholder: "Buscar...",
-                    type: "search",
-                    onChange: (e) => setSearch(e.target.value),
-                    value: search
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-                  "div",
-                  {
-                    className: "w-full h-[300px] p-2 ",
-                    style: { overflowY: "auto" },
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex gap-2  truncate", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                          "input",
-                          {
-                            type: "checkbox",
-                            checked: Object.keys(prev).filter((v) => {
-                              return v.toString().toLowerCase().includes(search.toLowerCase());
-                            }).every((v) => prev[v] === true),
-                            onChange: (e) => {
-                              setPrev((preveN) => {
-                                return __spreadValues({}, Object.keys(preveN).reduce((acc, i) => {
-                                  if (search != "") {
-                                    acc[i] = i.toString().toLowerCase().includes(search.toLowerCase()) ? !preveN[i] : false;
-                                  } else {
-                                    acc[i] = e.target.checked;
-                                  }
-                                  return acc;
-                                }, {}));
-                              });
-                            }
-                          }
-                        ),
-                        "(Seleccionar Todo)"
-                      ] }),
-                      filteredList.map((item, i) => {
-                        const checked = prev[item];
-                        const visibles = Array.from(context.filters[h]);
-                        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex gap-2 truncate", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                            "input",
-                            {
-                              type: "checkbox",
-                              checked,
-                              onChange: (e) => {
-                                setPrev((preveN) => {
-                                  return __spreadProps(__spreadValues({}, preveN), { [item]: !checked });
-                                });
-                              }
-                            }
-                          ),
-                          item != null ? item : "(Vacio)"
-                        ] }, item + i);
-                      })
-                    ]
+                    type: "checkbox",
+                    disabled: hidden.includes(item) && items.includes(item),
+                    checked: selected.includes(item),
+                    onChange: (e) => {
+                      const newSelected = [...selected];
+                      const index = newSelected.indexOf(item);
+                      if (index >= 0) {
+                        newSelected.splice(index, 1);
+                      } else {
+                        newSelected.push(item);
+                      }
+                      setSelected(newSelected);
+                    }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-between py-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      className: "p-1 bg-red-500 text-white border shadow rounded",
-                      onClick: (e) => setVisible(!visible),
-                      children: "Cancelar"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                    "button",
-                    {
-                      type: "submit",
-                      className: "p-1 bg-blue-500 text-white border shadow rounded",
-                      children: "Aceptar"
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
+                item || "(Vacias)"
+              ] }) }, item);
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex justify-between px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "button",
+                {
+                  className: "p-1 shadow rounded border bg-red-500 text-white",
+                  onClick: (e) => {
+                    setText("");
+                    setVisible(false);
+                  },
+                  children: "Cancelar"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                "button",
+                {
+                  className: "p-1 shadow rounded border bg-blue-500 text-white",
+                  onClick: (e) => {
+                    filtrar();
+                  },
+                  children: "Aceptar"
+                }
+              )
+            ] })
+          ] })
         }
       )
     ] })
-  ] }) });
+  ] });
 }
 
-// src/table2/v.table.head.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-function THead({ context }) {
-  return context && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("thead", { className: "bg-blue-400", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: "", children: [
-    context.selectItems && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { className: "border-b", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex justify-between gap-2 text-white  p-1 shadow rounded text-center w-full font-bold text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { className: "w-full text-center flex items-center justify-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+// src/table3/head.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function TableHead({
+  headers,
+  selectItems,
+  setObjectData,
+  objectData,
+  page,
+  setPage,
+  maxItems,
+  colSizes,
+  modal
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "bg-blue-500 text-white font-bold", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { children: "-" }),
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "input",
       {
+        className: "m-2",
         type: "checkbox",
-        className: "w-5 h-5 accent-green-500",
-        defaultChecked: false,
+        checked: Object.values(objectData).every(
+          (d) => d._selected === true
+        ),
         onChange: (e) => {
-          const newData = Object.keys(context.defaultData).map(
-            (key) => {
-              const row = context.defaultData[key];
-              return __spreadProps(__spreadValues({}, row), {
-                _checkedItem: e.target.checked
-              });
+          const newVal = Object.values(objectData).map((d) => {
+            if (d == null ? void 0 : d._id) {
+              return {
+                _id: d._id,
+                _selected: e.target.checked
+              };
+            } else {
+              return {
+                id: d.id,
+                _selected: e.target.checked
+              };
             }
-          );
-          context.setDefaultData(newData);
+          });
+          setObjectData(newVal);
         }
       }
-    ) }) }) }) }),
-    context.headers.map((h) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TH, { h, context }, h);
+    ) }),
+    Object.values(headers).map((h) => {
+      if (h.startsWith("_")) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        Filter,
+        {
+          objectData,
+          h,
+          setObjectData,
+          setPage,
+          colSizes
+        },
+        h
+      );
     })
   ] }) });
 }
 
-// src/table2/v.table.pagination.tsx
+// src/table3/body.tsx
+var import_react35 = require("react");
+
+// src/table3/tr.tsx
+var import_react34 = __toESM(require("react"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function TR({
+  handlers,
+  setObjectData,
+  id: id3,
+  row,
+  headers,
+  selectItems,
+  colSizes,
+  modal,
+  modalRef,
+  dialogRow,
+  setDialogRow,
+  index,
+  selected,
+  setSelected,
+  onChange
+}) {
+  const color2 = selected == index ? "bg-blue-600 text-white hover:bg-blue-800" : index % 2 == 0 ? "bg-white" : "bg-blue-50";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "tr",
+    {
+      className: ` hover:bg-blue-100 ${color2} cursor-pointer`,
+      onClick: (e) => {
+        setSelected(selected == index ? -1 : index);
+      },
+      children: [
+        modal && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "button",
+          {
+            className: "p-1 border shadow-rounded bg-blue-500 rounded text-white",
+            onClick: (e) => {
+              var _a;
+              (_a = modalRef.current) == null ? void 0 : _a.showModal();
+              setDialogRow(row);
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EditIcon, {})
+          }
+        ) }),
+        selectItems && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: Boolean(row == null ? void 0 : row._selected),
+            onChange: (e) => {
+              if (row == null ? void 0 : row._id) {
+                setObjectData({ _id: +id3, _selected: e.target.checked });
+              } else {
+                setObjectData({ id: +id3, _selected: e.target.checked });
+              }
+            }
+          }
+        ) }),
+        headers.map((h) => {
+          var _a, _b, _c, _d;
+          const colSize = colSizes == null ? void 0 : colSizes[h];
+          if (h.startsWith("_")) {
+            return null;
+          } else if (handlers == null ? void 0 : handlers[h]) {
+            const original = handlers[h];
+            const cloned = import_react34.default.cloneElement(original, __spreadValues({
+              // si es controlado por value → actualiza con row[h]
+              value: ((_a = original.props) == null ? void 0 : _a.value) !== void 0 ? row[h] : void 0,
+              // si usa children → actualiza con row[h] también
+              children: ((_b = original.props) == null ? void 0 : _b.children) ? typeof original.props.children == "object" ? (_c = original.props) == null ? void 0 : _c.children : row == null ? void 0 : row[h] : null
+            }, Object.keys(__spreadProps(__spreadValues({}, original.props), {
+              onChange: (_d = original.props) == null ? void 0 : _d.onChange
+            })).filter((action) => action.startsWith("on")).reduce((acc, action) => {
+              acc[action] = (e) => {
+                var _a2, _b2;
+                e.row = row;
+                const userResponse = ((_b2 = (_a2 = original.props) == null ? void 0 : _a2[action]) == null ? void 0 : _b2.call(_a2, e)) || {};
+                const newObject = (row == null ? void 0 : row._id) ? __spreadValues({
+                  _id: row == null ? void 0 : row._id,
+                  [h]: e.target.value,
+                  _updated: true,
+                  _visible: true
+                }, userResponse) : __spreadValues({
+                  id: (row == null ? void 0 : row.id) || null,
+                  [h]: e.target.value,
+                  _updated: true,
+                  _visible: true
+                }, userResponse);
+                const finalResponse = action == "onChange" && onChange ? onChange(__spreadProps(__spreadValues({}, e), { row: __spreadValues(__spreadValues({}, e.row), newObject) })) : {};
+                setObjectData(__spreadValues(__spreadValues({}, newObject), finalResponse));
+              };
+              return acc;
+            }, {})));
+            return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: `text-black `, children: cloned }, h);
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("td", { className: `text-center border max-w-[${colSize}px]`, children: row[h] }, h);
+        })
+      ]
+    },
+    id3
+  );
+}
+
+// src/table3/body.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function TableBody({
+  objectData,
+  setObjectData,
+  headers,
+  handlers,
+  selectItems,
+  page,
+  maxItems,
+  colSizes,
+  modal,
+  modalRef,
+  dialogRow,
+  setDialogRow,
+  onChange
+}) {
+  const [selected, setSelected] = (0, import_react35.useState)(-1);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { children: Object.keys(objectData).reverse().filter((id3) => {
+    var _a;
+    return ((_a = objectData[id3]) == null ? void 0 : _a._visible) === true;
+  }).filter((_id, key) => {
+    if (!maxItems) return true;
+    const start = (page - 1) * maxItems;
+    const end = page * maxItems;
+    return key >= start && key < end;
+  }).map((id3, index) => {
+    const row = objectData[id3];
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      TR,
+      __spreadValues({}, {
+        headers,
+        index,
+        setObjectData,
+        id: id3,
+        row,
+        handlers,
+        selectItems,
+        colSizes,
+        modal,
+        modalRef,
+        dialogRow,
+        setDialogRow,
+        setSelected,
+        selected,
+        onChange
+      }),
+      id3
+    );
+  }) });
+}
+
+// src/table3/panel.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function VtablePagination({
-  context
+function Panel({
+  page,
+  setPage,
+  onSave,
+  objectData,
+  exportName,
+  totalPages
 }) {
-  return context && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex justify-center p-2 bg-gray-100 ", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2", children: [
-    context.maxItems != Infinity && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  const excel = useExcel();
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2 bg-gray-100 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-1 ", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
         "button",
         {
-          onClick: () => context.setPage(1),
-          className: "border shadow rounded p-1 bg-gray-200 hover:bg-gray-300",
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MdOutlineFirstPage, {})
+          className: "p-2 border shadow rounded bg-blue-500 text-white flex items-center gap-1 text-md",
+          onClick: (e) => {
+            onSave == null ? void 0 : onSave(Object.values(objectData).reverse());
+          },
+          children: [
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SaveIcon, {}),
+            "Guardar"
+          ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      exportName && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
         "button",
         {
-          className: "border shadow rounded p-1 bg-gray-200 hover:bg-gray-300",
-          onClick: () => context.setPage((page) => page > 1 ? page - 1 : page),
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GrFormPrevious, {})
+          className: "p-2 border shadow rounded bg-green-800 text-white flex items-center gap-1 text-md",
+          onClick: (e) => {
+            excel.export(
+              Object.values(objectData).reverse().map((d) => {
+                const _a = d, { _visible, _id, _selected } = _a, data = __objRest(_a, ["_visible", "_id", "_selected"]);
+                return data;
+              }),
+              exportName + ".xlsx"
+            );
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ExcelIcon, {}),
+            "Exportar"
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1 items-center justify-center text-xs font-bold bg-white border rounded py-1 px-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex gap-2 items-center text-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: () => setPage(1), disabled: page === 1, children: "\u23EE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: () => setPage(page - 1), disabled: page === 1, children: "\u25C0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "text-sm", children: [
         "P\xE1gina ",
-        context.page,
-        " de ",
-        context.totalPages
+        page,
+        " / ",
+        totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { children: [
-        "Mostrando ",
-        context.filteredBody.length,
-        " de",
-        " ",
-        Object.values(context.defaultData).length,
-        " Elementos"
-      ] })
-    ] }),
-    context.maxItems != Infinity && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
-          className: "border shadow rounded p-1 bg-gray-200 hover:bg-gray-300",
-          onClick: () => context.setPage(
-            (page) => page < context.totalPages ? page + 1 : page
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GrFormNext, {})
+          onClick: () => setPage(page + 1),
+          disabled: page === totalPages,
+          children: "\u25B6"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "button",
         {
-          className: "border shadow rounded p-1 bg-gray-200 hover:bg-gray-300",
-          onClick: () => context.setPage(context.totalPages),
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MdOutlineLastPage, {})
+          onClick: () => setPage(totalPages),
+          disabled: page === totalPages,
+          children: "\u23ED"
         }
       )
     ] })
-  ] }) });
+  ] });
 }
 
-// src/table2/v.table.tsx
+// src/table3/footer.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-function VTable2(_a) {
-  var _b = _a, {
-    context
-  } = _b, props = __objRest(_b, [
-    "context"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "border shadow rounded m-1 flex flex-col ", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex gap-2 ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex justify-start gap-2 p-2 bg-gray-100 ", children: [
-        (context == null ? void 0 : context.onSave) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          "button",
-          {
-            className: "p-1 bg-blue-700 text-white border shadow rounded flex gap-1 items-center",
-            onClick: (e) => {
-              var _a2;
-              return (_a2 = context == null ? void 0 : context.onSave) == null ? void 0 : _a2.call(context, Object.values(context.defaultData));
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IoIosSave, {}),
-              "Guardar"
-            ]
-          }
-        ),
-        context.exportName && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          "button",
-          {
-            className: "p-1 bg-green-700 text-white border shadow rounded flex gap-1 items-center",
-            onClick: () => {
-              const cleanedData = Object.values(context.defaultData).map(
-                (row) => {
-                  const newRow = {};
-                  for (const key in row) {
-                    if (!key.startsWith("_")) {
-                      newRow[key] = row[key];
-                    }
-                  }
-                  return newRow;
-                }
-              );
-              context.excel.export(cleanedData, context.exportName + ".xlsx");
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RiFileExcel2Fill, {}),
-              "Exportar"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(VtablePagination, { context })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("table", __spreadProps(__spreadValues({}, props), { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(THead, { context }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(VTableBody, { context })
-    ] }))
-  ] });
+function TableFooter({
+  objectData,
+  headers,
+  footer,
+  selectItems,
+  modal
+}) {
+  function operacion(tipo, header) {
+    switch (tipo) {
+      case "count":
+        return Object.values(objectData).filter(
+          (data) => data._visible === true
+        ).length;
+      case "sum":
+        return Object.values(objectData).filter((data) => data._visible === true).reduce((acc, data) => acc + (data == null ? void 0 : data[header]), 0);
+      case "avg":
+        return Object.values(objectData).filter((data) => data._visible === true).reduce((acc, data) => acc + (data == null ? void 0 : data[header]), 0) / Object.values(objectData).filter(
+          (data) => data._visible === true
+        ).length;
+      default:
+        return null;
+    }
+  }
+  return footer && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("tr", { className: "bg-blue-500 text-white", children: [
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("th", {}),
+    modal && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("th", {}),
+    headers.map((header) => {
+      if (header.startsWith("_")) {
+        return null;
+      } else if (footer == null ? void 0 : footer[header]) {
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("th", { children: operacion(footer[header], header) }, header);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("th", {}, header);
+    })
+  ] }) });
 }
 
-// src/table2/h.table.tsx
+// src/table3/dialog.tsx
+var import_react36 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
-function HTable2({ context }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, {});
+function Dialog({
+  modalRef,
+  children,
+  dialogRow,
+  setDialogRow,
+  setObjectData
+}) {
+  const show = () => {
+    var _a;
+    return (_a = modalRef.current) == null ? void 0 : _a.showModal();
+  };
+  const hide = () => {
+    var _a;
+    return (_a = modalRef.current) == null ? void 0 : _a.close();
+  };
+  const clonedModal = (0, import_react36.useMemo)(() => {
+    if (dialogRow && import_react36.default.isValidElement(children)) {
+      return import_react36.default.cloneElement(children, {
+        key: JSON.stringify(dialogRow),
+        row: dialogRow,
+        show,
+        hide,
+        update: setObjectData
+      });
+    }
+    return null;
+  }, [dialogRow, children]);
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    "dialog",
+    {
+      ref: modalRef,
+      className: "p-6 rounded-xl shadow-2xl backdrop:bg-black/50  w-[100%] h-screen",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "button",
+            {
+              onClick: () => {
+                var _a;
+                return (_a = modalRef.current) == null ? void 0 : _a.close();
+              },
+              className: "text-white hover:text-gray-100 text-xl border shadow rounded p-1 bg-red-500",
+              children: "\u2715"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-gray-700", children: clonedModal })
+      ]
+    }
+  );
 }
+var dialog_default = Dialog;
 
-// src/table2/index.tsx
+// src/table3/index.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-function TableDos(_a) {
+function Table3(_a) {
   var _b = _a, {
     data,
-    maxItems = Infinity,
-    symbols = {},
-    handlers = {},
+    selectItems,
+    maxItems,
     onSave,
     exportName,
-    selectItems,
-    colSizes
+    colSizes,
+    modal,
+    header,
+    footer,
+    onChange
   } = _b, props = __objRest(_b, [
     "data",
+    "selectItems",
     "maxItems",
-    "symbols",
-    "handlers",
     "onSave",
     "exportName",
-    "selectItems",
-    "colSizes"
+    "colSizes",
+    "modal",
+    "header",
+    "footer",
+    "onChange"
   ]);
-  if (data.length == 0) return null;
-  const [myData, setMyData] = (0, import_react36.useState)(data);
-  const isArray = Array.isArray(data);
-  const context = useTableContext({
-    data: myData,
-    maxItems,
-    symbols,
+  const [handlers, setHandlers] = (0, import_react37.useState)({});
+  const [page, setPage] = (0, import_react37.useState)(1);
+  function dataReducer(a, b) {
+    if (b == null) return {};
+    if (Array.isArray(b)) {
+      const obj = b.reduce((acc, bb) => {
+        var _a2, _b2, _c, _d, _e, _f, _g;
+        const id3 = (bb == null ? void 0 : bb.id) || (bb == null ? void 0 : bb._id);
+        if (!id3) throw new Error("Se necesita el id o _id");
+        const cc = ((_a2 = a == null ? void 0 : a[id3]) == null ? void 0 : _a2._updated) ? __spreadProps(__spreadValues(__spreadValues({}, bb), a == null ? void 0 : a[id3]), {
+          _selected: bb == null ? void 0 : bb._selected,
+          _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
+        }) : __spreadProps(__spreadValues({}, bb), {
+          _selected: bb == null ? void 0 : bb._selected,
+          _visible: (bb == null ? void 0 : bb._visible) == false ? false : true
+        });
+        const newHandlers = __spreadValues({}, handlers);
+        for (let item in cc) {
+          const isReactComponent = import_react37.default.isValidElement(cc[item]);
+          if (isReactComponent) {
+            newHandlers[item] = cc[item];
+            const value = ((_c = (_b2 = cc[item]) == null ? void 0 : _b2.props) == null ? void 0 : _c.value) || (typeof ((_e = (_d = cc[item]) == null ? void 0 : _d.props) == null ? void 0 : _e.children) !== "object" ? (_g = (_f = cc[item]) == null ? void 0 : _f.props) == null ? void 0 : _g.children : "");
+            cc[item] = value || "";
+          }
+        }
+        setHandlers(newHandlers);
+        acc[id3] = __spreadValues(__spreadValues({}, bb), cc);
+        return acc;
+      }, {});
+      return obj;
+    } else {
+      const newA = __spreadValues({}, a);
+      const id3 = (b == null ? void 0 : b.id) || (b == null ? void 0 : b._id);
+      if (!id3) throw new Error("Se necesita el id o _id para actualizar");
+      newA[id3] = __spreadValues(__spreadValues({}, newA[id3]), b);
+      return newA;
+    }
+  }
+  const [objectData, setObjectData] = (0, import_react37.useReducer)(dataReducer, null);
+  (0, import_react37.useEffect)(() => {
+    setObjectData(data);
+    setPage(1);
+  }, [data]);
+  const headers = (0, import_react37.useMemo)(() => {
+    if (!objectData) return [];
+    return [
+      ...new Set(
+        Object.values(objectData).map((o) => Object.keys(o)).flat()
+      )
+    ];
+  }, [objectData]);
+  const totalPages = (0, import_react37.useMemo)(() => {
+    if (!objectData) return 0;
+    return maxItems ? Math.ceil(Object.keys(objectData).length / maxItems) : 1;
+  }, [objectData, maxItems]);
+  const modalRef = (0, import_react37.useRef)(null);
+  const [dialogRow, setDialogRow] = (0, import_react37.useState)({});
+  const context = __spreadValues({
+    objectData,
+    headers,
     handlers,
-    onSave,
+    setObjectData,
+    page,
+    setPage,
+    totalPages,
     exportName,
+    onSave,
+    modalRef,
+    modal,
+    dialogRow,
+    setDialogRow,
     selectItems,
-    colSizes
-  });
-  (0, import_react36.useEffect)(() => {
-    setMyData(data);
-  }, [data]);
-  if (!context) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_jsx_runtime35.Fragment, { children: isArray ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(VTable2, __spreadValues({ context }, props)) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HTable2, { context }) });
-}
-
-// src/use-modal/index.tsx
-var import_react37 = require("react");
-var import_react_dom = require("react-dom");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-function useModal() {
-  const modalRef = (0, import_react37.useRef)(null);
-  const [mounted, setMounted] = (0, import_react37.useState)(false);
-  (0, import_react37.useEffect)(() => setMounted(true), []);
-  const show = () => {
-    requestAnimationFrame(() => {
-      const dlg = modalRef.current;
-      if (!dlg) return;
-      if (typeof dlg.showModal === "function") {
-        try {
-          if (!dlg.open) dlg.showModal();
-        } catch (e) {
-          dlg.setAttribute("open", "");
-        }
-      } else {
-        dlg.setAttribute("open", "");
+    maxItems,
+    colSizes,
+    header,
+    footer,
+    onChange
+  }, props);
+  (0, import_react37.useEffect)(() => {
+    if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
+      const newDialogRow = objectData[dialogRow == null ? void 0 : dialogRow.id] || objectData[dialogRow == null ? void 0 : dialogRow._id];
+      setDialogRow(newDialogRow);
+    }
+  }, [objectData]);
+  const style = (props == null ? void 0 : props.style) ? __spreadProps(__spreadValues({}, props.style), { tableLayout: "fixed" }) : { tableLayout: "fixed" };
+  if (!objectData) return null;
+  console.log({ objectData });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      dialog_default,
+      {
+        modalRef,
+        dialogRow,
+        setDialogRow,
+        setObjectData,
+        children: modal
       }
-    });
-  };
-  const hide = () => {
-    const dlg = modalRef.current;
-    if (!dlg) return;
-    if (typeof dlg.close === "function") dlg.close();
-    else dlg.removeAttribute("open");
-  };
-  const Modal2 = (_a) => {
-    var _b = _a, {
-      className,
-      children,
-      title
-    } = _b, props = __objRest(_b, [
-      "className",
-      "children",
-      "title"
-    ]);
-    if (!mounted) return null;
-    const dialog = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-      "dialog",
-      __spreadProps(__spreadValues({
-        ref: modalRef,
-        className: (className != null ? className : "") + " p-6 rounded-2xl shadow-2xl bg-white max-w-lg w-[90%]"
-      }, props), {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex justify-between items-center border-b pb-2 mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "text-lg font-semibold text-gray-800", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              "button",
-              {
-                onClick: hide,
-                className: "text-gray-500 hover:text-gray-800 text-2xl font-bold",
-                children: "\xD7"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-2 text-gray-800", children })
-        ]
-      })
-    );
-    return (0, import_react_dom.createPortal)(dialog, document.body);
-  };
-  return { show, hide, Modal: Modal2 };
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Panel, __spreadValues({}, context)),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", __spreadProps(__spreadValues({}, props), { style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableHead, __spreadValues({}, context)),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, __spreadValues({}, context)),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableFooter, __spreadValues({}, context))
+    ] }))
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -45655,13 +45585,12 @@ function useModal() {
   Pre,
   Select,
   Table,
-  TableDos,
+  Table3,
   TextArea,
   regularExpresions,
   useDates,
   useExcel,
   useFormValues,
-  useModal,
   useResources
 });
 /*! Bundled license information: