react-pdf-levelup 2.0.32 → 3.0.34

package/dist/index.js

@@ -1,166 +1,172 @@
-"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,
-  Font: () => import_renderer11.Font,
-  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,
-  StyleSheet: () => import_renderer11.StyleSheet,
-  Table: () => Table,
-  Tbody: () => Tbody,
-  Td: () => Td,
-  Text: () => import_renderer11.Text,
-  Th: () => Th,
-  Thead: () => Thead,
-  Tr: () => Tr,
-  U: () => U,
-  UL: () => UL,
-  View: () => import_renderer11.View,
-  decodeBase64Pdf: () => decodeBase64Pdf_default,
-  generatePDF: () => generatePDF_default
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/components/core/LayoutPDF.tsx
-var import_react = __toESM(require("react"));
-var import_renderer = require("@react-pdf/renderer");
-var styles = import_renderer.StyleSheet.create({
+import React from "react";
+import { Page, Document, StyleSheet, Text, View } from "@react-pdf/renderer";
+var styles = StyleSheet.create({
   page: {
     backgroundColor: "white",
     padding: 30,
     fontFamily: "Helvetica",
-    fontSize: 12,
-    lineHeight: 1.5
+    fontSize: 14
   },
-  pageNumber: {
+  footer: {
     position: "absolute",
-    fontSize: 10,
-    top: 792 - 14,
     left: 0,
     right: 0,
-    textAlign: "center",
-    color: "grey"
+    textAlign: "center"
   }
 });
 var LayoutPDF = ({
   children,
   size = "A4",
-  orientation = "portrait",
+  orientation = "vertical",
   backgroundColor = "white",
-  showPageNumbers = true,
   padding = 30,
-  style = {}
+  margen = "normal",
+  style = {},
+  footer,
+  lines = footer ? 2 : 1
 }) => {
+  const LINE_HEIGHT = 20;
+  const FOOTER_PADDING = 10;
+  const footerHeight = lines * LINE_HEIGHT + FOOTER_PADDING;
+  const getMargins = (margen2, pageSize) => {
+    const normalizedSize = pageSize.toUpperCase();
+    switch (margen2) {
+      case "apa":
+        if (normalizedSize === "LETTER" || normalizedSize === "LEGAL") {
+          return {
+            paddingTop: 72,
+            paddingRight: 72,
+            paddingBottom: 72,
+            paddingLeft: 72
+          };
+        }
+        return {
+          paddingTop: 72,
+          paddingRight: 72,
+          paddingBottom: 72,
+          paddingLeft: 72
+        };
+      case "estrecho":
+        return {
+          paddingTop: 36,
+          paddingRight: 36,
+          paddingBottom: 36,
+          paddingLeft: 36
+        };
+      case "ancho":
+        return {
+          paddingTop: 108,
+          paddingRight: 108,
+          paddingBottom: 108,
+          paddingLeft: 108
+        };
+      case "normal":
+      default:
+        return {
+          paddingTop: padding,
+          paddingRight: padding,
+          paddingBottom: padding,
+          paddingLeft: padding
+        };
+    }
+  };
   let safeSize = size;
   let safeOrientation = orientation;
   let safeBackgroundColor = backgroundColor;
-  let safeShowPageNumbers = showPageNumbers;
+  let safeLines = Math.max(1, Math.min(lines, 10));
+  let safeMargen = margen;
   try {
-    const validSizes = ["A4", "A3", "A5", "LETTER", "LEGAL", "TABLOID"];
+    const validSizes = ["A0", "A1", "A2", "A3", "A4", "A5", "A6", "A7", "A8", "A9", "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.`);
+      console.warn(`Invalid page size: ${size}. Using A4 as default.`);
       safeSize = "A4";
     }
-    if (orientation !== "portrait" && orientation !== "landscape") {
-      console.warn(`Orientaci\xF3n inv\xE1lida: ${orientation}. Usando portrait como valor predeterminado.`);
-      safeOrientation = "portrait";
+    if (orientation !== "vertical" && orientation !== "horizontal") {
+      console.warn(`Invalid orientation: ${orientation}. Using vertical as default.`);
+      safeOrientation = "vertical";
     }
     if (typeof backgroundColor !== "string") {
-      console.warn(`Color de fondo inv\xE1lido: ${backgroundColor}. Usando white como valor predeterminado.`);
+      console.warn(`Invalid background color: ${backgroundColor}. Using white as default.`);
       safeBackgroundColor = "white";
     }
-    if (typeof showPageNumbers !== "boolean") {
-      safeShowPageNumbers = Boolean(showPageNumbers);
+    const validMargins = ["apa", "normal", "estrecho", "ancho"];
+    if (!validMargins.includes(margen)) {
+      console.warn(`Invalid margin type: ${margen}. Using normal as default.`);
+      safeMargen = "normal";
+    }
+    if (typeof lines !== "number" || lines < 1) {
+      console.warn(`Invalid lines value: ${lines}. Using 1 as default.`);
+      safeLines = 1;
     }
   } catch (e) {
-    console.warn("Error procesando props en LayoutPDF:", e);
+    console.warn("Error processing props in LayoutPDF:", e);
   }
+  const transformOrientation = (orientation2) => {
+    switch (orientation2) {
+      case "vertical":
+        return "portrait";
+      case "horizontal":
+        return "landscape";
+      default:
+        console.warn(`Unrecognized orientation: ${orientation2}. Using portrait as default.`);
+        return "portrait";
+    }
+  };
+  const getFooterPosition = (pageSize, orientation2, footerHeight2) => {
+    const pageDimensions = {
+      A0: { width: 841, height: 1189 },
+      A1: { width: 594, height: 841 },
+      A2: { width: 420, height: 594 },
+      A3: { width: 297, height: 420 },
+      A4: { width: 210, height: 297 },
+      A5: { width: 148, height: 210 },
+      A6: { width: 105, height: 148 },
+      A7: { width: 74, height: 105 },
+      A8: { width: 52, height: 74 },
+      A9: { width: 37, height: 52 },
+      LETTER: { width: 216, height: 279 },
+      LEGAL: { width: 216, height: 356 },
+      TABLOID: { width: 279, height: 432 }
+    };
+    const mmToPoints = 2.834645669;
+    const dimensions = pageDimensions[pageSize.toUpperCase()];
+    if (!dimensions) {
+      return orientation2 === "landscape" ? 595 - footerHeight2 - 10 : 842 - footerHeight2 - 10;
+    }
+    const heightInPoints = dimensions.height * mmToPoints;
+    const widthInPoints = dimensions.width * mmToPoints;
+    return orientation2 === "landscape" ? widthInPoints - footerHeight2 - 10 : heightInPoints - footerHeight2 - 10;
+  };
+  const pdfOrientation = transformOrientation(safeOrientation);
+  const margins = getMargins(safeMargen, safeSize);
+  const footerTop = getFooterPosition(safeSize, pdfOrientation, footerHeight);
   const pageStyle = {
     ...styles.page,
     backgroundColor: safeBackgroundColor,
-    padding,
+    ...margins,
+    paddingBottom: margins.paddingBottom + footerHeight,
     ...style
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ import_react.default.createElement(
-    import_renderer.Text,
-    {
-      style: styles.pageNumber,
-      render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
-      fixed: true
-    }
-  )));
+  const footerStyle = {
+    ...styles.footer,
+    top: footerTop,
+    height: footerHeight,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: 10,
+    color: "grey"
+  };
+  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ React.createElement(View, { style: { paddingBottom: footerHeight } }, children), /* @__PURE__ */ React.createElement(View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ React.createElement(Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` }))));
 };
 var LayoutPDF_default = LayoutPDF;
 
 // src/components/core/Img.tsx
-var import_react2 = __toESM(require("react"));
-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",
@@ -168,14 +174,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"));
-var import_renderer3 = require("@react-pdf/renderer");
-var styles3 = import_renderer3.StyleSheet.create({
+import React3 from "react";
+import { View as View2, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
+var styles3 = StyleSheet3.create({
   left: {
     textAlign: "left"
   },
@@ -187,23 +193,23 @@ 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(View2, { 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(View2, { 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(View2, { style: [styles3.center, style] }, children);
 };
 
 // src/components/core/Etiquetas.tsx
-var import_react4 = __toESM(require("react"));
-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, View as View3 } from "@react-pdf/renderer";
+var styles4 = StyleSheet4.create({
   p: {
     fontSize: 12,
-    marginBottom: 14,
-    lineHeight: 1.5
+    marginBottom: 5,
+    lineHeight: 1.2
   },
   h1: {
     fontSize: 24,
@@ -266,61 +272,74 @@ var styles4 = import_renderer4.StyleSheet.create({
     height: 1,
     marginTop: 7,
     marginBottom: 7
+  },
+  header: {
+    position: "absolute",
+    top: 20,
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    fontSize: 10,
+    color: "#666",
+    paddingHorizontal: 40
   }
 });
 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);
+};
+var Header = ({ children, style, fixed = false }) => {
+  return /* @__PURE__ */ React4.createElement(View3, { style: [styles4.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React4.createElement(Text2, null, children) : children);
 };
 
 // src/components/core/Tablet.tsx
-var import_react5 = __toESM(require("react"));
-var import_renderer5 = require("@react-pdf/renderer");
-var styles5 = import_renderer5.StyleSheet.create({
+import React5 from "react";
+import { View as View4, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
+var styles5 = StyleSheet5.create({
   table: {
     width: "100%",
     borderWidth: 1,
@@ -351,13 +370,13 @@ var styles5 = import_renderer5.StyleSheet.create({
     backgroundColor: "#eeeeee"
   }
 });
-var Table = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children);
-var Thead = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children);
+var Table = ({ children, style }) => /* @__PURE__ */ React5.createElement(View4, { style: [styles5.table, style] }, children);
+var Thead = ({ children, style }) => /* @__PURE__ */ React5.createElement(View4, { style: [styles5.thead, style] }, children);
 var Tbody = ({ children, style }) => {
-  const rows = import_react5.default.Children.toArray(children);
+  const rows = React5.Children.toArray(children);
   const count = rows.length;
-  return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, rows.map(
-    (row, idx) => import_react5.default.cloneElement(row, {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, rows.map(
+    (row, idx) => React5.cloneElement(row, {
       isLastRow: idx === count - 1,
       isOdd: idx % 2 === 1
     })
@@ -369,12 +388,12 @@ var Tr = ({
   isLastRow = false,
   isOdd = false
 }) => {
-  const elements = import_react5.default.Children.toArray(children);
+  const elements = React5.Children.toArray(children);
   const count = elements.length;
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, elements.map((child, idx) => {
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.tr, style] }, elements.map((child, idx) => {
     const isLast = idx === count - 1;
     const width = `${(100 / count).toFixed(2)}%`;
-    return import_react5.default.cloneElement(child, { width, isLast, isLastRow, isOdd });
+    return React5.cloneElement(child, { width, isLast, isLastRow, isOdd });
   }));
 };
 var Th = ({
@@ -393,7 +412,7 @@ var Th = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 var Td = ({
   children,
@@ -412,19 +431,19 @@ var Td = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [
+  return /* @__PURE__ */ React5.createElement(View4, { style: [
     styles5.text,
     isOdd && styles5.zebraOdd,
     { width: baseWidth },
     borders,
     style
-  ] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
+  ] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 
 // src/components/core/Grid.tsx
-var import_react6 = __toESM(require("react"));
-var import_renderer6 = require("@react-pdf/renderer");
-var styles6 = import_renderer6.StyleSheet.create({
+import React6 from "react";
+import { View as View5, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
+var styles6 = StyleSheet6.create({
   container: {
     width: "100%",
     paddingHorizontal: 20
@@ -451,87 +470,55 @@ 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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(View5, { 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);
-};
-
-// src/components/core/PageElements.tsx
-var import_react7 = __toESM(require("react"));
-var import_renderer7 = require("@react-pdf/renderer");
-var styles7 = import_renderer7.StyleSheet.create({
-  header: {
-    position: "absolute",
-    top: 20,
-    left: 0,
-    right: 0,
-    textAlign: "center",
-    fontSize: 10,
-    color: "#666",
-    paddingHorizontal: 40
-  },
-  footer: {
-    position: "absolute",
-    bottom: 20,
-    left: 0,
-    right: 0,
-    textAlign: "center",
-    fontSize: 10,
-    color: "#666",
-    paddingHorizontal: 40
-  }
-});
-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);
-};
-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__ */ React6.createElement(View5, { style: [styles6.col, styles6.col12, style] }, children);
 };
 
 // src/components/core/QR.tsx
-var import_react8 = __toESM(require("react"));
-var import_renderer8 = require("@react-pdf/renderer");
-var import_react9 = require("react");
+import React7 from "react";
+import { Image as Image3, StyleSheet as StyleSheet7, View as View6 } from "@react-pdf/renderer";
+import { useEffect, useState } from "react";
 
 // src/components/core/QRGenerator.tsx
-var import_qrcode = __toESM(require("qrcode"));
+import QRCode from "qrcode";
 var generateQRAsBase64 = async ({
   value,
   size = 150,
@@ -552,7 +539,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);
@@ -608,7 +595,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
 };
 
 // src/components/core/QR.tsx
-var styles8 = import_renderer8.StyleSheet.create({
+var styles7 = StyleSheet7.create({
   qrContainer: {
     display: "flex",
     alignItems: "center",
@@ -634,8 +621,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({
@@ -667,14 +654,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__ */ React7.createElement(View6, { style: [styles7.qrContainer, style] }, /* @__PURE__ */ React7.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"));
-var import_renderer9 = require("@react-pdf/renderer");
-var styles9 = import_renderer9.StyleSheet.create({
+import React8 from "react";
+import { View as View7, Text as Text4, StyleSheet as StyleSheet8 } from "@react-pdf/renderer";
+var styles8 = StyleSheet8.create({
   ul: {
     marginBottom: 10,
     paddingLeft: 15
@@ -734,9 +721,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 = React8.Children.map(children, (child, index) => {
+    if (React8.isValidElement(child)) {
+      return React8.cloneElement(child, {
         bulletType: type,
         isOrdered: false,
         index: index + 1
@@ -744,12 +731,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__ */ React8.createElement(View7, { style: [styles8.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 = React8.Children.map(children, (child, index) => {
+    if (React8.isValidElement(child)) {
+      return React8.cloneElement(child, {
         bulletType: type,
         isOrdered: true,
         index: index + 1,
@@ -758,7 +745,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__ */ React8.createElement(View7, { style: [styles8.ol, style] }, childrenWithNumbers);
 };
 var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
   let marker;
@@ -768,11 +755,11 @@ 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__ */ React8.createElement(View7, { style: [styles8.li, style] }, /* @__PURE__ */ React8.createElement(Text4, { style: styles8.bulletPoint }, marker), /* @__PURE__ */ React8.createElement(View7, { style: styles8.itemContent }, typeof children === "string" ? /* @__PURE__ */ React8.createElement(Text4, null, children) : children));
 };
 
 // src/components/core/index.tsx
-var import_renderer11 = require("@react-pdf/renderer");
+import { View as View8, Text as Text5, StyleSheet as StyleSheet9, Font } from "@react-pdf/renderer";
 
 // src/functions/decodeBase64Pdf.ts
 var decodeBase64Pdf = (base64, fileName) => {
@@ -802,15 +789,15 @@ var decodeBase64Pdf = (base64, fileName) => {
 var decodeBase64Pdf_default = decodeBase64Pdf;
 
 // src/functions/generatePDF.ts
-var import_renderer10 = require("@react-pdf/renderer");
-var import_react11 = require("react");
+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 = (0, import_react11.createElement)(Template, { data });
-    const stream = await (0, import_renderer10.renderToStream)(MyDocument);
+    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));
@@ -823,8 +810,7 @@ var generatePDF = async ({ template: Template, data }) => {
   }
 };
 var generatePDF_default = generatePDF;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   A,
   BR,
   Blockquote,
@@ -844,7 +830,6 @@ var generatePDF_default = generatePDF;
   Container,
   Em,
   Font,
-  Footer,
   H1,
   H2,
   H3,
@@ -852,30 +837,30 @@ var generatePDF_default = generatePDF;
   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,
   Span,
   Strong,
-  StyleSheet,
+  StyleSheet9 as StyleSheet,
   Table,
   Tbody,
   Td,
-  Text,
+  Text5 as Text,
   Th,
   Thead,
   Tr,
   U,
   UL,
-  View,
-  decodeBase64Pdf,
-  generatePDF
-});
+  View8 as View,
+  decodeBase64Pdf_default as decodeBase64Pdf,
+  generatePDF_default as generatePDF
+};