react-pdf-levelup 2.0.33 → 3.0.34

package/dist/index.js

@@ -1,71 +1,165 @@
 // src/components/core/LayoutPDF.tsx
 import React from "react";
-import { Page, Document, StyleSheet, Text } from "@react-pdf/renderer";
+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__ */ 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}`,
-      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;
 
@@ -86,7 +180,7 @@ var Img_default = Img;
 
 // src/components/core/Position.tsx
 import React3 from "react";
-import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
+import { View as View2, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
 var styles3 = StyleSheet3.create({
   left: {
     textAlign: "left"
@@ -99,23 +193,23 @@ var styles3 = StyleSheet3.create({
   }
 });
 var Left = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.left, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.left, style] }, children);
 };
 var Right = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.right, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.right, style] }, children);
 };
 var Center = ({ children, style }) => {
-  return /* @__PURE__ */ React3.createElement(View, { style: [styles3.center, style] }, children);
+  return /* @__PURE__ */ React3.createElement(View2, { style: [styles3.center, style] }, children);
 };
 
 // src/components/core/Etiquetas.tsx
 import React4 from "react";
-import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
+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,
@@ -178,6 +272,16 @@ var styles4 = StyleSheet4.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 }) => {
@@ -228,10 +332,13 @@ var BR = ({ style }) => {
 var Span = ({ children, style }) => {
   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
 import React5 from "react";
-import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
+import { View as View4, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
 var styles5 = StyleSheet5.create({
   table: {
     width: "100%",
@@ -263,8 +370,8 @@ var styles5 = StyleSheet5.create({
     backgroundColor: "#eeeeee"
   }
 });
-var Table = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { style: [styles5.table, style] }, children);
-var Thead = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { 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 = React5.Children.toArray(children);
   const count = rows.length;
@@ -283,7 +390,7 @@ var Tr = ({
 }) => {
   const elements = React5.Children.toArray(children);
   const count = elements.length;
-  return /* @__PURE__ */ React5.createElement(View2, { 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 React5.cloneElement(child, { width, isLast, isLastRow, isOdd });
@@ -305,7 +412,7 @@ var Th = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
+  return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
 };
 var Td = ({
   children,
@@ -324,7 +431,7 @@ var Td = ({
     borderColor: "#000",
     ...height !== void 0 && { height }
   };
-  return /* @__PURE__ */ React5.createElement(View2, { style: [
+  return /* @__PURE__ */ React5.createElement(View4, { style: [
     styles5.text,
     isOdd && styles5.zebraOdd,
     { width: baseWidth },
@@ -335,7 +442,7 @@ var Td = ({
 
 // src/components/core/Grid.tsx
 import React6 from "react";
-import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
+import { View as View5, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
 var styles6 = StyleSheet6.create({
   container: {
     width: "100%",
@@ -363,83 +470,51 @@ var styles6 = StyleSheet6.create({
   col12: { width: "100%" }
 });
 var Container = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.container, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.container, style] }, children);
 };
 var Row = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.row, style] }, children);
+  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.row, style] }, children);
 };
 var Col1 = ({ children, style }) => {
-  return /* @__PURE__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { 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__ */ React6.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
-};
-
-// src/components/core/PageElements.tsx
-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,
-    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__ */ 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__ */ React7.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
+  return /* @__PURE__ */ React6.createElement(View5, { style: [styles6.col, styles6.col12, style] }, children);
 };
 
 // src/components/core/QR.tsx
-import React8 from "react";
-import { Image as Image3, StyleSheet as StyleSheet8, View as View5 } from "@react-pdf/renderer";
+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
@@ -520,7 +595,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
 };
 
 // src/components/core/QR.tsx
-var styles8 = StyleSheet8.create({
+var styles7 = StyleSheet7.create({
   qrContainer: {
     display: "flex",
     alignItems: "center",
@@ -579,14 +654,14 @@ var QR = ({
   const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
     value
   )}&size=${size}x${size}`;
-  return /* @__PURE__ */ React8.createElement(View5, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ React8.createElement(Image3, { 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
-import React9 from "react";
-import { View as View6, Text as Text5, StyleSheet as StyleSheet9 } from "@react-pdf/renderer";
-var styles9 = StyleSheet9.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
@@ -646,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 = React9.Children.map(children, (child, index) => {
-    if (React9.isValidElement(child)) {
-      return React9.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
@@ -656,12 +731,12 @@ var UL = ({ children, style, type = "disc" }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ React9.createElement(View6, { 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 = React9.Children.map(children, (child, index) => {
-    if (React9.isValidElement(child)) {
-      return React9.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,
@@ -670,7 +745,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ React9.createElement(View6, { 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;
@@ -680,11 +755,11 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
   } else {
     marker = getBulletPoint(bulletType);
   }
-  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));
+  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
-import { View as View7, Text as Text6, StyleSheet as StyleSheet10, Font } from "@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) => {
@@ -755,7 +830,6 @@ export {
   Container,
   Em,
   Font,
-  Footer,
   H1,
   H2,
   H3,
@@ -776,17 +850,17 @@ export {
   Small,
   Span,
   Strong,
-  StyleSheet10 as StyleSheet,
+  StyleSheet9 as StyleSheet,
   Table,
   Tbody,
   Td,
-  Text6 as Text,
+  Text5 as Text,
   Th,
   Thead,
   Tr,
   U,
   UL,
-  View7 as View,
+  View8 as View,
   decodeBase64Pdf_default as decodeBase64Pdf,
   generatePDF_default as generatePDF
 };

package/license

@@ -0,0 +1,17 @@
+MIT License
+Copyright (c) 2025 react-pdf-levelup
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf-levelup",
-  "version": "2.0.33",
+  "version": "3.0.34",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -17,7 +17,7 @@
     "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",
-    "demo": "ts-node ./src/useExample/index.ts"
+    "demo": "tsx ./src/useExample/index.ts"
   },
   "peerDependencies": {
     "@react-pdf/renderer": "^4.3.0",
@@ -28,9 +28,12 @@
   "dependencies": {
     "@babel/standalone": "^7.23.10",
     "@monaco-editor/react": "^4.7.0",
+    "canvas": "^3.1.2",
     "i": "^0.3.7",
+    "jsdom": "^26.1.0",
     "lucide-react": "^0.485.0",
     "npm": "^11.3.0",
+    "qr-code-styling": "^1.9.2",
     "react-router-dom": "^7.4.1",
     "rimraf": "^6.0.1",
     "ts-node": "^10.9.2"
@@ -38,6 +41,7 @@
   "devDependencies": {
     "@eslint/js": "^9.21.0",
     "@react-pdf/types": "^2.9.0",
+    "@types/jsdom": "^21.1.7",
     "@types/qrcode": "^1.5.5",
     "@types/react": "^18.2.56",
     "@types/react-dom": "^18.2.19",
@@ -49,6 +53,7 @@
     "json": "^11.0.0",
     "react-pdf-levelup": "^2.0.18",
     "tsup": "^8.4.0",
+    "tsx": "^4.20.3",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0"