react-pdf-levelup 2.0.14 → 2.0.17

package/dist/{index.cjs → index.mjs}

@@ -1,91 +1,7 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/core/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  A: () => A,
-  BR: () => BR,
-  Blockquote: () => Blockquote,
-  Center: () => Center,
-  Col1: () => Col1,
-  Col10: () => Col10,
-  Col11: () => Col11,
-  Col12: () => Col12,
-  Col2: () => Col2,
-  Col3: () => Col3,
-  Col4: () => Col4,
-  Col5: () => Col5,
-  Col6: () => Col6,
-  Col7: () => Col7,
-  Col8: () => Col8,
-  Col9: () => Col9,
-  Container: () => Container,
-  Em: () => Em,
-  Footer: () => Footer,
-  H1: () => H1,
-  H2: () => H2,
-  H3: () => H3,
-  H4: () => H4,
-  H5: () => H5,
-  H6: () => H6,
-  Header: () => Header,
-  Img: () => Img_default,
-  LI: () => LI,
-  LayoutPDF: () => LayoutPDF_default,
-  Left: () => Left,
-  Mark: () => Mark,
-  OL: () => OL,
-  P: () => P,
-  QR: () => QR_default,
-  Right: () => Right,
-  Row: () => Row,
-  Small: () => Small,
-  Span: () => Span,
-  Strong: () => Strong,
-  Table: () => Table,
-  Tbody: () => Tbody,
-  Td: () => Td,
-  Text: () => import_renderer10.Text,
-  Th: () => Th,
-  Thead: () => Thead,
-  Tr: () => Tr,
-  U: () => U,
-  UL: () => UL,
-  View: () => import_renderer10.View
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/components/core/LayoutPDF.tsx
-var import_react = __toESM(require("react"), 1);
-var import_renderer = require("@react-pdf/renderer");
-var styles = import_renderer.StyleSheet.create({
+import React from "react";
+import { Page, Document, StyleSheet, Text } from "@react-pdf/renderer";
+var styles = StyleSheet.create({
   page: {
     backgroundColor: "white",
     padding: 30,
@@ -96,7 +12,7 @@ var styles = import_renderer.StyleSheet.create({
   pageNumber: {
     position: "absolute",
     fontSize: 10,
-    bottom: 30,
+    top: 792 - 14,
     left: 0,
     right: 0,
     textAlign: "center",
@@ -109,15 +25,41 @@ var LayoutPDF = ({
   orientation = "portrait",
   backgroundColor = "white",
   showPageNumbers = true,
+  padding = 30,
   style = {}
 }) => {
+  let safeSize = size;
+  let safeOrientation = orientation;
+  let safeBackgroundColor = backgroundColor;
+  let safeShowPageNumbers = showPageNumbers;
+  try {
+    const validSizes = ["A4", "A3", "A5", "LETTER", "LEGAL", "TABLOID"];
+    if (typeof size === "string" && !validSizes.includes(size.toUpperCase())) {
+      console.warn(`Tama\xF1o de p\xE1gina inv\xE1lido: ${size}. Usando A4 como valor predeterminado.`);
+      safeSize = "A4";
+    }
+    if (orientation !== "portrait" && orientation !== "landscape") {
+      console.warn(`Orientaci\xF3n inv\xE1lida: ${orientation}. Usando portrait como valor predeterminado.`);
+      safeOrientation = "portrait";
+    }
+    if (typeof backgroundColor !== "string") {
+      console.warn(`Color de fondo inv\xE1lido: ${backgroundColor}. Usando white como valor predeterminado.`);
+      safeBackgroundColor = "white";
+    }
+    if (typeof showPageNumbers !== "boolean") {
+      safeShowPageNumbers = Boolean(showPageNumbers);
+    }
+  } catch (e) {
+    console.warn("Error procesando props en LayoutPDF:", e);
+  }
   const pageStyle = {
     ...styles.page,
-    backgroundColor,
+    backgroundColor: safeBackgroundColor,
+    padding,
     ...style
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size, orientation, style: pageStyle }, children, showPageNumbers && /* @__PURE__ */ import_react.default.createElement(
-    import_renderer.Text,
+  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ React.createElement(
+    Text,
     {
       style: styles.pageNumber,
       render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
@@ -128,9 +70,9 @@ var LayoutPDF = ({
 var LayoutPDF_default = LayoutPDF;
 
 // src/components/core/Img.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_renderer2 = require("@react-pdf/renderer");
-var styles2 = import_renderer2.StyleSheet.create({
+import React2 from "react";
+import { Image as Image2, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
+var styles2 = StyleSheet2.create({
   image: {
     width: "100%",
     height: "auto",
@@ -138,14 +80,14 @@ var styles2 = import_renderer2.StyleSheet.create({
   }
 });
 var Img = ({ src, style }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { src, style: [styles2.image, style] });
+  return /* @__PURE__ */ React2.createElement(Image2, { src, style: [styles2.image, style] });
 };
 var Img_default = Img;
 
 // src/components/core/Position.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_renderer3 = require("@react-pdf/renderer");
-var styles3 = import_renderer3.StyleSheet.create({
+import React3 from "react";
+import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
+var styles3 = StyleSheet3.create({
   left: {
     textAlign: "left"
   },
@@ -157,19 +99,19 @@ var styles3 = import_renderer3.StyleSheet.create({
   }
 });
 var Left = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.left, style] }, children);
 };
 var Right = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.right, style] }, children);
 };
 var Center = ({ children, style }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.center, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.center, style] }, children);
 };
 
 // src/components/core/Etiquetas.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_renderer4 = require("@react-pdf/renderer");
-var styles4 = import_renderer4.StyleSheet.create({
+import React4 from "react";
+import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
+var styles4 = StyleSheet4.create({
   p: {
     fontSize: 12,
     marginBottom: 14,
@@ -239,58 +181,58 @@ var styles4 = import_renderer4.StyleSheet.create({
   }
 });
 var P = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.p, style] }, children);
 };
 var H1 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h1, style] }, children);
 };
 var H2 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h2, style] }, children);
 };
 var H3 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h3, style] }, children);
 };
 var H4 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h4, style] }, children);
 };
 var H5 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h5, style] }, children);
 };
 var H6 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h6, style] }, children);
 };
 var Strong = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.strong, style] }, children);
 };
 var Em = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.em, style] }, children);
 };
 var U = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.u, style] }, children);
 };
 var Small = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.small, style] }, children);
 };
 var Blockquote = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.blockquote, style] }, children);
 };
 var Mark = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.mark, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.mark, style] }, children);
 };
 var A = ({ children, style, href }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Link, { src: href, style: [styles4.A, style] }, children);
+  return /* @__PURE__ */ React4.createElement(Link, { src: href, style: [styles4.A, style] }, children);
 };
 var BR = ({ style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.br, style] }, "\n");
 };
 var Span = ({ children, style }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
+  return /* @__PURE__ */ React4.createElement(Text2, { style: [style] }, children);
 };
 
 // src/components/core/Tablet.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_renderer5 = require("@react-pdf/renderer");
-var styles5 = import_renderer5.StyleSheet.create({
+import React5 from "react";
+import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
+var styles5 = StyleSheet5.create({
   table: {
     width: "100%",
     borderWidth: 1,
@@ -341,16 +283,16 @@ var cellSizeMapping = {
   large: styles5.cellLarge
 };
 var Table = ({ children, style }) => {
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children);
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.table, style] }, children);
 };
 var Thead = ({ children, style }) => {
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children);
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.thead, style] }, children);
 };
 var Tbody = ({ children, style }) => {
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tbody, style] }, children);
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tbody, style] }, children);
 };
 var Tr = ({ children, style }) => {
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, children);
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tr, style] }, children);
 };
 var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
   const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
@@ -359,7 +301,7 @@ var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
     width: width || spanWidth || sizeStyle?.width,
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
   const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
@@ -368,13 +310,13 @@ var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
     width: width || spanWidth || sizeStyle?.width,
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 
 // src/components/core/Grid.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_renderer6 = require("@react-pdf/renderer");
-var styles6 = import_renderer6.StyleSheet.create({
+import React6 from "react";
+import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
+var styles6 = StyleSheet6.create({
   container: {
     width: "100%",
     paddingHorizontal: 20
@@ -401,52 +343,52 @@ var styles6 = import_renderer6.StyleSheet.create({
   col12: { width: "100%" }
 });
 var Container = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.container, style] }, children);
 };
 var Row = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.row, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.row, style] }, children);
 };
 var Col1 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col1, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col1, style] }, children);
 };
 var Col2 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col2, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col2, style] }, children);
 };
 var Col3 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col3, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col3, style] }, children);
 };
 var Col4 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col4, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col4, style] }, children);
 };
 var Col5 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col5, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col5, style] }, children);
 };
 var Col6 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col6, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col6, style] }, children);
 };
 var Col7 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col7, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col7, style] }, children);
 };
 var Col8 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col8, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col8, style] }, children);
 };
 var Col9 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col9, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col9, style] }, children);
 };
 var Col10 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col10, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col10, style] }, children);
 };
 var Col11 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col11, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col11, style] }, children);
 };
 var Col12 = ({ children, style }) => {
-  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
 };
 
 // src/components/core/PageElements.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_renderer7 = require("@react-pdf/renderer");
-var styles7 = import_renderer7.StyleSheet.create({
+import React7 from "react";
+import { Text as Text4, View as View4, StyleSheet as StyleSheet7 } from "@react-pdf/renderer";
+var styles7 = StyleSheet7.create({
   header: {
     position: "absolute",
     top: 20,
@@ -469,19 +411,19 @@ var styles7 = import_renderer7.StyleSheet.create({
   }
 });
 var Header = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
+  return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
 };
 var Footer = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
+  return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
 };
 
 // src/components/core/QR.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_renderer8 = require("@react-pdf/renderer");
-var import_react9 = require("react");
+import React8 from "react";
+import { Image as Image3, StyleSheet as StyleSheet8, View as View5 } from "@react-pdf/renderer";
+import { useEffect, useState } from "react";
 
 // src/components/core/QRGenerator.tsx
-var import_qrcode = __toESM(require("qrcode"), 1);
+import QRCode from "qrcode";
 var generateQRAsBase64 = async ({
   value,
   size = 150,
@@ -502,7 +444,7 @@ var generateQRAsBase64 = async ({
       },
       width: size
     };
-    const qrDataUrl = import_qrcode.default.toDataURL(value, options);
+    const qrDataUrl = QRCode.toDataURL(value, options);
     return qrDataUrl;
   } catch (error) {
     console.error("Error generando QR:", error);
@@ -558,7 +500,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
 };
 
 // src/components/core/QR.tsx
-var styles8 = import_renderer8.StyleSheet.create({
+var styles8 = StyleSheet8.create({
   qrContainer: {
     display: "flex",
     alignItems: "center",
@@ -584,8 +526,8 @@ var QR = ({
   logoHeight = 30,
   errorCorrectionLevel = "M"
 }) => {
-  const [qrDataUrl, setQrDataUrl] = (0, import_react9.useState)("");
-  (0, import_react9.useEffect)(() => {
+  const [qrDataUrl, setQrDataUrl] = useState("");
+  useEffect(() => {
     const generateQR = async () => {
       try {
         const baseQrDataUrl = await generateQRAsBase64({
@@ -617,14 +559,14 @@ var QR = ({
   const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
     value
   )}&size=${size}x${size}`;
-  return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
+  return /* @__PURE__ */ React8.createElement(View5, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ React8.createElement(Image3, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
 };
 var QR_default = QR;
 
 // src/components/core/Lista.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_renderer9 = require("@react-pdf/renderer");
-var styles9 = import_renderer9.StyleSheet.create({
+import React9 from "react";
+import { View as View6, Text as Text5, StyleSheet as StyleSheet9 } from "@react-pdf/renderer";
+var styles9 = StyleSheet9.create({
   ul: {
     marginBottom: 10,
     paddingLeft: 15
@@ -684,9 +626,9 @@ var toRoman = (num) => {
   return romanNumerals[3][Math.floor(num / 1e3)] + romanNumerals[2][Math.floor(num % 1e3 / 100)] + romanNumerals[1][Math.floor(num % 100 / 10)] + romanNumerals[0][num % 10];
 };
 var UL = ({ children, style, type = "disc" }) => {
-  const childrenWithBullets = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithBullets = React9.Children.map(children, (child, index) => {
+    if (React9.isValidElement(child)) {
+      return React9.cloneElement(child, {
         bulletType: type,
         isOrdered: false,
         index: index + 1
@@ -694,12 +636,12 @@ var UL = ({ children, style, type = "disc" }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ul, style] }, childrenWithBullets);
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ul, style] }, childrenWithBullets);
 };
 var OL = ({ children, style, type = "decimal", start = 1 }) => {
-  const childrenWithNumbers = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithNumbers = React9.Children.map(children, (child, index) => {
+    if (React9.isValidElement(child)) {
+      return React9.cloneElement(child, {
         bulletType: type,
         isOrdered: true,
         index: index + 1,
@@ -708,7 +650,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ol, style] }, childrenWithNumbers);
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ol, style] }, childrenWithNumbers);
 };
 var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
   let marker;
@@ -718,13 +660,58 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
   } else {
     marker = getBulletPoint(bulletType);
   }
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.li, style] }, /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, { style: styles9.bulletPoint }, marker), /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: styles9.itemContent }, typeof children === "string" ? /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, null, children) : children));
+  return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.li, style] }, /* @__PURE__ */ React9.createElement(Text5, { style: styles9.bulletPoint }, marker), /* @__PURE__ */ React9.createElement(View6, { style: styles9.itemContent }, typeof children === "string" ? /* @__PURE__ */ React9.createElement(Text5, null, children) : children));
 };
 
 // src/components/core/index.tsx
-var import_renderer10 = require("@react-pdf/renderer");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+import { View as View7, Text as Text6 } from "@react-pdf/renderer";
+
+// src/functions/decodeBase64Pdf.ts
+var decodeBase64Pdf = (base64, fileName) => {
+  const byteCharacters = atob(base64);
+  const byteNumbers = new Array(byteCharacters.length);
+  for (let i = 0; i < byteCharacters.length; i++) {
+    byteNumbers[i] = byteCharacters.charCodeAt(i);
+  }
+  const byteArray = new Uint8Array(byteNumbers);
+  const blob = new Blob([byteArray], { type: "application/pdf" });
+  const blobUrl = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = blobUrl;
+  link.download = fileName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  window.open(blobUrl, "_blank");
+  setTimeout(() => {
+    URL.revokeObjectURL(blobUrl);
+  }, 100);
+};
+var decodeBase64Pdf_default = decodeBase64Pdf;
+
+// src/functions/generatePDF.ts
+import { renderToStream } from "@react-pdf/renderer";
+import { createElement } from "react";
+var generatePDF = async ({ template: Template, data }) => {
+  try {
+    if (!Template) {
+      throw new Error("Template not provided");
+    }
+    const MyDocument = createElement(Template, { data });
+    const stream = await renderToStream(MyDocument);
+    const base64String = await new Promise((resolve, reject) => {
+      const chunks = [];
+      stream.on("data", (chunk) => chunks.push(chunk));
+      stream.on("end", () => resolve(Buffer.concat(chunks).toString("base64")));
+      stream.on("error", (error) => reject(error));
+    });
+    return base64String;
+  } catch (error) {
+    throw new Error("Error generating PDF: " + (error instanceof Error ? error.message : "Unknown error"));
+  }
+};
+var generatePDF_default = generatePDF;
+export {
   A,
   BR,
   Blockquote,
@@ -751,14 +738,14 @@ var import_renderer10 = require("@react-pdf/renderer");
   H5,
   H6,
   Header,
-  Img,
+  Img_default as Img,
   LI,
-  LayoutPDF,
+  LayoutPDF_default as LayoutPDF,
   Left,
   Mark,
   OL,
   P,
-  QR,
+  QR_default as QR,
   Right,
   Row,
   Small,
@@ -767,11 +754,13 @@ var import_renderer10 = require("@react-pdf/renderer");
   Table,
   Tbody,
   Td,
-  Text,
+  Text6 as Text,
   Th,
   Thead,
   Tr,
   U,
   UL,
-  View
-});
+  View7 as View,
+  decodeBase64Pdf_default as decodeBase64Pdf,
+  generatePDF_default as generatePDF
+};

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "react-pdf-levelup",
-  "version": "2.0.14",
-  "type": "module",
+  "version": "2.0.17",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -16,7 +15,8 @@
     "update-jsx": "node ./fn/updateTsconfig.js",
     "clean-dist": "rimraf dist",
     "build-lib": "npm run clean-dist && tsup",
-    "publicar": "npm run upVersion && npm run update-jsx && npm run build-lib && npm publish"
+    "publicar": "npm run upVersion && npm run update-jsx && npm run build-lib && npm publish",
+    "demo": "ts-node ./src/functions/generarExample/template.ts"
   },
   "dependencies": {
     "@babel/standalone": "^7.23.10",
@@ -27,9 +27,10 @@
     "qrcode": "^1.5.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-pdf-levelup": "^2.0.12",
+    "react-pdf-levelup": "^2.0.14",
     "react-router-dom": "^7.4.1",
-    "rimraf": "^6.0.1"
+    "rimraf": "^6.0.1",
+    "ts-node": "^10.9.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.21.0",