react-pdf-levelup 2.0.28 → 2.0.33

package/dist/index.cjs

@@ -0,0 +1,881 @@
+"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"), 1);
+var import_renderer = require("@react-pdf/renderer");
+var styles = import_renderer.StyleSheet.create({
+  page: {
+    backgroundColor: "white",
+    padding: 30,
+    fontFamily: "Helvetica",
+    fontSize: 12,
+    lineHeight: 1.5
+  },
+  pageNumber: {
+    position: "absolute",
+    fontSize: 10,
+    top: 792 - 14,
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    color: "grey"
+  }
+});
+var LayoutPDF = ({
+  children,
+  size = "A4",
+  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: safeBackgroundColor,
+    padding,
+    ...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
+    }
+  )));
+};
+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({
+  image: {
+    width: "100%",
+    height: "auto",
+    marginBottom: 14
+  }
+});
+var Img = ({ src, style }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { 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({
+  left: {
+    textAlign: "left"
+  },
+  right: {
+    textAlign: "right"
+  },
+  center: {
+    textAlign: "center"
+  }
+});
+var Left = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
+};
+var Right = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
+};
+var Center = ({ children, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.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({
+  p: {
+    fontSize: 12,
+    marginBottom: 14,
+    lineHeight: 1.5
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 12
+  },
+  h2: {
+    fontSize: 20,
+    fontWeight: "bold",
+    marginBottom: 10
+  },
+  h3: {
+    fontSize: 18,
+    fontWeight: "bold",
+    marginBottom: 8
+  },
+  h4: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginBottom: 6
+  },
+  h5: {
+    fontSize: 14,
+    fontWeight: "bold",
+    marginBottom: 4
+  },
+  h6: {
+    fontSize: 12,
+    fontWeight: "bold",
+    marginBottom: 0
+  },
+  strong: {
+    fontWeight: "bold"
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  u: {
+    textDecoration: "underline"
+  },
+  small: {
+    fontSize: 10
+  },
+  blockquote: {
+    marginLeft: 20,
+    marginRight: 20,
+    fontStyle: "italic",
+    borderLeft: "4px solid #ccc",
+    paddingLeft: 10
+  },
+  mark: {
+    backgroundColor: "yellow"
+  },
+  A: {
+    color: "#3d65fd",
+    textDecoration: "none"
+  },
+  br: {
+    width: "100%",
+    height: 1,
+    marginTop: 7,
+    marginBottom: 7
+  }
+});
+var P = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
+};
+var H1 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
+};
+var H2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
+};
+var H3 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
+};
+var H4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
+};
+var H5 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
+};
+var H6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
+};
+var Strong = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
+};
+var Em = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
+};
+var U = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
+};
+var Small = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
+};
+var Blockquote = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
+};
+var Mark = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { 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);
+};
+var BR = ({ style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
+};
+var Span = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { 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({
+  table: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#000",
+    marginBottom: 20
+  },
+  thead: {
+    backgroundColor: "#ccc"
+  },
+  tr: {
+    flexDirection: "row"
+  },
+  textBold: {
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    fontWeight: "bold",
+    textAlign: "center",
+    paddingTop: 4
+  },
+  text: {
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    paddingTop: 4,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  zebraOdd: {
+    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 Tbody = ({ children, style }) => {
+  const rows = import_react5.default.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, {
+      isLastRow: idx === count - 1,
+      isOdd: idx % 2 === 1
+    })
+  ));
+};
+var Tr = ({
+  children,
+  style,
+  isLastRow = false,
+  isOdd = false
+}) => {
+  const elements = import_react5.default.Children.toArray(children);
+  const count = elements.length;
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { 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 });
+  }));
+};
+var Th = ({
+  children,
+  style,
+  width,
+  height,
+  colSpan,
+  isLast = false,
+  isLastRow = false
+}) => {
+  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
+  const borders = {
+    borderRightWidth: isLast ? 0 : 1,
+    borderBottomWidth: isLastRow ? 0 : 1,
+    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));
+};
+var Td = ({
+  children,
+  style,
+  width,
+  height,
+  colSpan,
+  isLast = false,
+  isLastRow = false,
+  isOdd = false
+}) => {
+  const baseWidth = typeof width === "string" && colSpan ? `${(parseFloat(width) * colSpan).toFixed(2)}%` : width;
+  const borders = {
+    borderRightWidth: isLast ? 0 : 1,
+    borderBottomWidth: isLastRow ? 0 : 1,
+    borderColor: "#000",
+    ...height !== void 0 && { height }
+  };
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [
+    styles5.text,
+    isOdd && styles5.zebraOdd,
+    { width: baseWidth },
+    borders,
+    style
+  ] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, 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({
+  container: {
+    width: "100%",
+    paddingHorizontal: 20
+  },
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginHorizontal: -5
+  },
+  col: {
+    paddingHorizontal: 5
+  },
+  col1: { width: "8.33%" },
+  col2: { width: "16.66%" },
+  col3: { width: "25%" },
+  col4: { width: "33.33%" },
+  col5: { width: "41.66%" },
+  col6: { width: "50%" },
+  col7: { width: "58.33%" },
+  col8: { width: "66.66%" },
+  col9: { width: "75%" },
+  col10: { width: "83.33%" },
+  col11: { width: "91.66%" },
+  col12: { width: "100%" }
+});
+var Container = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
+};
+var Row = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col8 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+var Col10 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { 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);
+};
+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"), 1);
+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);
+};
+
+// src/components/core/QR.tsx
+var import_react8 = __toESM(require("react"), 1);
+var import_renderer8 = require("@react-pdf/renderer");
+var import_react9 = require("react");
+
+// src/components/core/QRGenerator.tsx
+var import_qrcode = __toESM(require("qrcode"), 1);
+var generateQRAsBase64 = async ({
+  value,
+  size = 150,
+  colorDark = "#000000",
+  colorLight = "#ffffff",
+  margin = 0,
+  errorCorrectionLevel = "M"
+}) => {
+  try {
+    const options = {
+      errorCorrectionLevel,
+      type: "image/png",
+      quality: 0.92,
+      margin,
+      color: {
+        dark: colorDark,
+        light: colorLight
+      },
+      width: size
+    };
+    const qrDataUrl = import_qrcode.default.toDataURL(value, options);
+    return qrDataUrl;
+  } catch (error) {
+    console.error("Error generando QR:", error);
+    return "";
+  }
+};
+var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
+  return new Promise((resolve) => {
+    if (!qrDataUrl || !logoUrl) {
+      resolve(qrDataUrl);
+      return;
+    }
+    try {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      if (!ctx) {
+        resolve(qrDataUrl);
+        return;
+      }
+      const qrImage = new Image();
+      qrImage.crossOrigin = "anonymous";
+      qrImage.onload = () => {
+        canvas.width = qrImage.width;
+        canvas.height = qrImage.height;
+        ctx.drawImage(qrImage, 0, 0, canvas.width, canvas.height);
+        const logoImage = new Image();
+        logoImage.crossOrigin = "anonymous";
+        logoImage.onload = () => {
+          const x = (canvas.width - logoWidth) / 2;
+          const y = (canvas.height - logoHeight) / 2;
+          ctx.fillStyle = "#FFFFFF";
+          ctx.fillRect(x - 5, y - 5, logoWidth + 10, logoHeight + 10);
+          ctx.drawImage(logoImage, x, y, logoWidth, logoHeight);
+          const finalQrDataUrl = canvas.toDataURL("image/png");
+          resolve(finalQrDataUrl);
+        };
+        logoImage.onerror = () => {
+          console.error("Error cargando el logo");
+          resolve(qrDataUrl);
+        };
+        logoImage.src = logoUrl;
+      };
+      qrImage.onerror = () => {
+        console.error("Error cargando el QR");
+        resolve("");
+      };
+      qrImage.src = qrDataUrl;
+    } catch (error) {
+      console.error("Error procesando el QR con logo:", error);
+      resolve(qrDataUrl);
+    }
+  });
+};
+
+// src/components/core/QR.tsx
+var styles8 = import_renderer8.StyleSheet.create({
+  qrContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: 10
+  }
+});
+var errorLevelMap = {
+  0: "L",
+  1: "M",
+  2: "Q",
+  3: "H"
+};
+var QR = ({
+  value,
+  size = 150,
+  style,
+  colorDark = "#000000",
+  colorLight = "#ffffff",
+  margin = 0,
+  logo = "",
+  logoWidth = 30,
+  logoHeight = 30,
+  errorCorrectionLevel = "M"
+}) => {
+  const [qrDataUrl, setQrDataUrl] = (0, import_react9.useState)("");
+  (0, import_react9.useEffect)(() => {
+    const generateQR = async () => {
+      try {
+        const baseQrDataUrl = await generateQRAsBase64({
+          value,
+          size,
+          colorDark,
+          colorLight,
+          margin,
+          errorCorrectionLevel: typeof errorCorrectionLevel === "number" ? errorLevelMap[errorCorrectionLevel] || "M" : errorCorrectionLevel
+        });
+        if (logo && logoWidth && logoHeight) {
+          const qrWithLogo = await addLogoToQR(baseQrDataUrl, logo, logoWidth, logoHeight);
+          setQrDataUrl(qrWithLogo);
+        } else {
+          setQrDataUrl(baseQrDataUrl);
+        }
+      } catch (error) {
+        console.error("Error generando QR:", error);
+        const fallbackUrl2 = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
+          value
+        )}&size=${size}x${size}&color=${encodeURIComponent(colorDark.replace("#", ""))}&bgcolor=${encodeURIComponent(
+          colorLight.replace("#", "")
+        )}`;
+        setQrDataUrl(fallbackUrl2);
+      }
+    };
+    generateQR();
+  }, [value, size, colorDark, colorLight, margin, logo, logoWidth, logoHeight, errorCorrectionLevel]);
+  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 } }));
+};
+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({
+  ul: {
+    marginBottom: 10,
+    paddingLeft: 15
+  },
+  ol: {
+    marginBottom: 10,
+    paddingLeft: 15
+  },
+  li: {
+    marginBottom: 5,
+    flexDirection: "row"
+  },
+  bulletPoint: {
+    width: 15,
+    marginRight: 5,
+    fontSize: 12
+  },
+  itemContent: {
+    flex: 1
+  }
+});
+var getBulletPoint = (type = "disc") => {
+  switch (type) {
+    case "circle":
+      return "\u25CB";
+    case "square":
+      return "\u25A0";
+    case "disc":
+    default:
+      return "\u2022";
+  }
+};
+var getOrderedMarker = (index, type = "decimal", start = 1) => {
+  const actualIndex = start + index - 1;
+  switch (type) {
+    case "lower-alpha":
+      return String.fromCharCode(97 + actualIndex % 26) + ".";
+    case "upper-alpha":
+      return String.fromCharCode(65 + actualIndex % 26) + ".";
+    case "lower-roman":
+      return toRoman(actualIndex).toLowerCase() + ".";
+    case "upper-roman":
+      return toRoman(actualIndex) + ".";
+    case "decimal":
+    default:
+      return actualIndex + ".";
+  }
+};
+var toRoman = (num) => {
+  if (num <= 0 || num > 3999) return String(num);
+  const romanNumerals = [
+    ["", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"],
+    ["", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"],
+    ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM"],
+    ["", "M", "MM", "MMM"]
+  ];
+  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, {
+        bulletType: type,
+        isOrdered: false,
+        index: index + 1
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { 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, {
+        bulletType: type,
+        isOrdered: true,
+        index: index + 1,
+        start
+      });
+    }
+    return child;
+  });
+  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ol, style] }, childrenWithNumbers);
+};
+var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
+  let marker;
+  if (isOrdered) {
+    const actualIndex = value !== void 0 ? Number(value) : index;
+    marker = getOrderedMarker(actualIndex, bulletType, start);
+  } 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));
+};
+
+// src/components/core/index.tsx
+var import_renderer11 = require("@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);
+  if (document === void 0) {
+    console.error("document is undefined, only works in browser context");
+    return;
+  }
+  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
+var import_renderer10 = require("@react-pdf/renderer");
+var import_react11 = require("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 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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  A,
+  BR,
+  Blockquote,
+  Center,
+  Col1,
+  Col10,
+  Col11,
+  Col12,
+  Col2,
+  Col3,
+  Col4,
+  Col5,
+  Col6,
+  Col7,
+  Col8,
+  Col9,
+  Container,
+  Em,
+  Font,
+  Footer,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Header,
+  Img,
+  LI,
+  LayoutPDF,
+  Left,
+  Mark,
+  OL,
+  P,
+  QR,
+  Right,
+  Row,
+  Small,
+  Span,
+  Strong,
+  StyleSheet,
+  Table,
+  Tbody,
+  Td,
+  Text,
+  Th,
+  Thead,
+  Tr,
+  U,
+  UL,
+  View,
+  decodeBase64Pdf,
+  generatePDF
+});