next-recomponents 1.9.96 → 1.9.98

package/dist/index.js

@@ -35770,7 +35770,7 @@ function IHTable({
 }) {
   const [open, setOpen] = (0, import_react4.useState)(false);
   if (modal) {
-    buttons = { buttons, Modal: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Editar" }) };
+    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { children: "Editar" }) });
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -36805,12 +36805,12 @@ function Modal({ button, children, ref, title = "" }) {
       }
       return child;
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material3.Dialog, { open, onClose: hide, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material3.Dialog, { open, onClose: hide, fullWidth: true, maxWidth: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "m-auto p-5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           onClick: hide,
-          className: "absolute top-0 right-0 text-red-500 p-5 ",
+          className: "absolute top-0 right-0 text-red-500  ",
           children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon2, {})
         }
       ),

package/dist/index.mjs

@@ -35751,7 +35751,7 @@ function IHTable({
 }) {
   const [open, setOpen] = useState4(false);
   if (modal) {
-    buttons = { buttons, Modal: /* @__PURE__ */ jsx6(Button, { children: "Editar" }) };
+    buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ jsx6(Button, { children: "Editar" }) });
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {
@@ -36792,12 +36792,12 @@ function Modal({ button, children, ref, title = "" }) {
       }
       return child;
     }),
-    /* @__PURE__ */ jsx12(Dialog2, { open, onClose: hide, children: /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx12(Dialog2, { open, onClose: hide, fullWidth: true, maxWidth: "xl", children: /* @__PURE__ */ jsxs8("div", { className: "m-auto p-5", children: [
       /* @__PURE__ */ jsx12(
         "button",
         {
           onClick: hide,
-          className: "absolute top-0 right-0 text-red-500 p-5 ",
+          className: "absolute top-0 right-0 text-red-500  ",
           children: /* @__PURE__ */ jsx12(CloseIcon2, {})
         }
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "1.9.96",
+  "version": "1.9.98",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/modal/index.tsx

@@ -33,12 +33,12 @@ export default function Modal({ button, children, ref, title = "" }: Props) {
         }
         return child;
       })}
-      <Dialog open={open} onClose={hide}>
-        <div className="relative">
+      <Dialog open={open} onClose={hide} fullWidth maxWidth="xl">
+        <div className="m-auto p-5">
           {/* Botón de cerrar en la esquina superior derecha */}
           <button
             onClick={hide}
-            className="absolute top-0 right-0 text-red-500 p-5 "
+            className="absolute top-0 right-0 text-red-500  "
           >
             <CloseIcon />
           </button>

package/src/table/index.tsx

@@ -82,7 +82,7 @@ function IHTable({
 }: TableProps) {
   const [open, setOpen] = useState(false);
   if (modal) {
-    buttons = { buttons, Modal: <Button>Editar</Button> };
+    buttons = { ...buttons, Modal: <Button>Editar</Button> };
   }
   const handleOpen = () => setOpen(true);
   const handleClose = () => {