react-pdf-levelup 1.0.4 → 1.0.8

package/dist/index.cjs

@@ -0,0 +1,652 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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/PDF/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,
+  LayoutPDF: () => LayoutPDF_default,
+  Left: () => Left,
+  MakePDF: () => MakePDF_default,
+  Mark: () => Mark,
+  P: () => P,
+  Right: () => Right,
+  Row: () => Row,
+  Small: () => Small,
+  Span: () => Span,
+  Strong: () => Strong,
+  Table: () => Table,
+  Tbody: () => Tbody,
+  Td: () => Td,
+  Th: () => Th,
+  Thead: () => Thead,
+  Tr: () => Tr,
+  U: () => U
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/PDF/core/LayoutPDF.tsx
+var import_react = __toESM(require("react"), 1);
+var import_renderer = require("@react-pdf/renderer");
+import_renderer.Font.register({
+  family: "Times New Roman",
+  fonts: [
+    { src: "/fonts/TimesNewerRoman-Regular.otf", fontWeight: 400, fontStyle: "normal" },
+    { src: "/fonts/TimesNewerRoman-Bold.otf", fontWeight: 700, fontStyle: "normal" },
+    { src: "/fonts/TimesNewerRoman-Italic.otf", fontWeight: 400, fontStyle: "italic" },
+    { src: "/fonts/TimesNewerRoman-BoldItalic.otf", fontWeight: 700, fontStyle: "italic" }
+    // Bold Italic
+  ]
+});
+var PAPER_SIZES = {
+  A0: [2384, 3370],
+  // 841 × 1189 mm
+  A1: [1684, 2384],
+  // 594 × 841 mm
+  A2: [1191, 1684],
+  // 420 × 594 mm
+  A3: [842, 1191],
+  // 297 × 420 mm
+  A4: [595, 842],
+  // 210 × 297 mm
+  A5: [420, 595],
+  // 148 × 210 mm
+  A6: [298, 420],
+  // 105 × 148 mm
+  A7: [210, 298],
+  // 74 × 105 mm
+  A8: [147, 210],
+  // 52 × 74 mm
+  A9: [105, 147],
+  // 37 × 52 mm
+  A10: [74, 105]
+  // 26 × 37 mm
+};
+var styles = import_renderer.StyleSheet.create({
+  page: {
+    backgroundColor: "white",
+    padding: 72,
+    paddingBottom: 72 + 14,
+    fontFamily: "Times New Roman",
+    fontSize: 12,
+    lineHeight: 1.5,
+    position: "relative"
+  },
+  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 = 72,
+  paddingTop,
+  paddingRight,
+  paddingBottom,
+  paddingLeft,
+  style = {},
+  width,
+  height,
+  fontFamily = "Helvetica",
+  fontSize = 12,
+  lineHeight = 1.5
+}) => {
+  const pageStyle = __spreadValues(__spreadProps(__spreadValues({}, styles.page), {
+    backgroundColor,
+    fontFamily,
+    fontSize,
+    lineHeight
+  }), style);
+  if (paddingTop !== void 0 || paddingRight !== void 0 || paddingBottom !== void 0 || paddingLeft !== void 0) {
+    if (paddingTop !== void 0) pageStyle.paddingTop = paddingTop;
+    if (paddingRight !== void 0) pageStyle.paddingRight = paddingRight;
+    if (paddingBottom !== void 0) pageStyle.paddingBottom = paddingBottom;
+    if (paddingLeft !== void 0) pageStyle.paddingLeft = paddingLeft;
+  } else {
+    pageStyle.padding = padding;
+    if (showPageNumbers) {
+      pageStyle.paddingBottom = Number(padding) + 14;
+    }
+  }
+  let pageProps = {};
+  const customSize = PAPER_SIZES[size.toUpperCase()];
+  if (customSize) {
+    const [pageWidth, pageHeight] = customSize;
+    if (orientation === "landscape") {
+      pageProps = {
+        style: pageStyle,
+        size: [pageHeight, pageWidth]
+      };
+    } else {
+      pageProps = {
+        style: pageStyle,
+        size: [pageWidth, pageHeight]
+      };
+    }
+    console.log(`Using custom size for ${size}: ${JSON.stringify(pageProps.size)}`);
+  } else if (width && height) {
+    pageProps = {
+      style: pageStyle,
+      size: [width, height]
+    };
+  } else {
+    pageProps = {
+      size,
+      orientation,
+      style: pageStyle
+    };
+  }
+  let pageNumberStyle = __spreadValues({}, styles.pageNumber);
+  if (customSize) {
+    const [pageWidth, pageHeight] = customSize;
+    const actualHeight = orientation === "landscape" ? pageWidth : pageHeight;
+    pageNumberStyle = __spreadProps(__spreadValues({}, pageNumberStyle), {
+      top: actualHeight - 80
+    });
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, __spreadValues({}, pageProps), children, /* @__PURE__ */ import_react.default.createElement(
+    import_renderer.Text,
+    {
+      style: pageNumberStyle,
+      render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
+      fixed: true
+    }
+  )));
+};
+var LayoutPDF_default = LayoutPDF;
+
+// src/components/PDF/core/MakePDF.tsx
+var import_react2 = __toESM(require("react"), 1);
+var import_dynamic = __toESM(require("next/dynamic"), 1);
+var import_renderer2 = require("@react-pdf/renderer");
+var MakePDF = ({ namePDF = "documento.pdf", document, children = "Descargar PDF" }) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.BlobProvider, { document }, ({ blob, url, loading, error }) => {
+    if (loading) {
+      return "Cargando documento...";
+    }
+    if (error) {
+      return `Error: ${error.message}`;
+    }
+    let pdfURL = "";
+    if (blob !== null) {
+      pdfURL = URL.createObjectURL(blob);
+    }
+    return /* @__PURE__ */ import_react2.default.createElement("div", { className: "containerDownload" }, /* @__PURE__ */ import_react2.default.createElement("a", { href: pdfURL, download: namePDF }, children));
+  });
+};
+var MakePDF_default = (0, import_dynamic.default)(() => Promise.resolve(MakePDF), { ssr: false });
+
+// src/components/PDF/core/Img.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_renderer3 = require("@react-pdf/renderer");
+var styles2 = import_renderer3.StyleSheet.create({
+  image: {
+    width: "100%",
+    height: "auto",
+    marginBottom: 14
+  }
+});
+var Img = ({ src, alt, style }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.Image, { src, style: [styles2.image, style] });
+};
+var Img_default = Img;
+
+// src/components/PDF/core/Position.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_renderer4 = require("@react-pdf/renderer");
+var styles3 = import_renderer4.StyleSheet.create({
+  left: {
+    textAlign: "left"
+  },
+  right: {
+    textAlign: "right"
+  },
+  center: {
+    textAlign: "center"
+  }
+});
+var Left = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.View, { style: [styles3.left, style] }, children);
+};
+var Right = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.View, { style: [styles3.right, style] }, children);
+};
+var Center = ({ children, style }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.View, { style: [styles3.center, style] }, children);
+};
+
+// src/components/PDF/core/Etiquetas.tsx
+var import_react5 = __toESM(require("react"), 1);
+var import_renderer5 = require("@react-pdf/renderer");
+var styles4 = import_renderer5.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_react5.default.createElement(import_renderer5.Text, { style: [styles4.p, style] }, children);
+};
+var H1 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h1, style] }, children);
+};
+var H2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h2, style] }, children);
+};
+var H3 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h3, style] }, children);
+};
+var H4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h4, style] }, children);
+};
+var H5 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h5, style] }, children);
+};
+var H6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.h6, style] }, children);
+};
+var Strong = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.strong, style] }, children);
+};
+var Em = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.em, style] }, children);
+};
+var U = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.u, style] }, children);
+};
+var Small = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.small, style] }, children);
+};
+var Blockquote = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.blockquote, style] }, children);
+};
+var Mark = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.mark, style] }, children);
+};
+var A = ({ children, style, href }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Link, { src: href, style: [styles4.A, style] }, children);
+};
+var BR = ({ style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [styles4.br, style] }, "\n");
+};
+var Span = ({ children, style }) => {
+  return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: [style] }, children);
+};
+
+// src/components/PDF/core/Tablet.tsx
+var import_react6 = __toESM(require("react"), 1);
+var import_renderer6 = require("@react-pdf/renderer");
+var styles5 = import_renderer6.StyleSheet.create({
+  table: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#000",
+    overflow: "hidden",
+    marginBottom: 20
+  },
+  thead: {
+    backgroundColor: "#f0f0f0"
+  },
+  tbody: {},
+  tr: {
+    flexDirection: "row",
+    borderBottomWidth: 1,
+    borderColor: "#000"
+  },
+  th: {
+    paddingTop: 4,
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    fontWeight: "bold",
+    borderRight: 1,
+    borderColor: "#000",
+    textAlign: "center"
+  },
+  td: {
+    paddingTop: 4,
+    paddingLeft: 8,
+    paddingRight: 8,
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    borderRight: 1,
+    borderColor: "#000"
+  },
+  cellSmall: {
+    width: "25%"
+  },
+  cellMedium: {
+    width: "33.33%"
+  },
+  cellLarge: {
+    width: "50%"
+  }
+});
+var cellSizeMapping = {
+  small: styles5.cellSmall,
+  medium: styles5.cellMedium,
+  large: styles5.cellLarge
+};
+var Table = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.table, style] }, children);
+};
+var Thead = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.thead, style] }, children);
+};
+var Tbody = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.tbody, style] }, children);
+};
+var Tr = ({ children, style }) => {
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.tr, style] }, children);
+};
+var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
+  const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
+  const sizeStyle = cellSizeMapping[cellSize];
+  const customStyle = __spreadValues({
+    width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
+  }, height !== void 0 && { height });
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ import_react6.default.createElement(import_renderer6.Text, null, children));
+};
+var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
+  const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
+  const sizeStyle = cellSizeMapping[cellSize];
+  const customStyle = __spreadValues({
+    width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
+  }, height !== void 0 && { height });
+  return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ import_react6.default.createElement(import_renderer6.Text, null, children));
+};
+
+// src/components/PDF/core/Grid.tsx
+var import_react7 = __toESM(require("react"), 1);
+var import_renderer7 = require("@react-pdf/renderer");
+var styles6 = import_renderer7.StyleSheet.create({
+  container: {
+    width: "100%",
+    paddingHorizontal: 20
+  },
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginHorizontal: -5
+    // Negative margin to offset column padding
+  },
+  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_react7.default.createElement(import_renderer7.View, { style: [styles6.container, style] }, children);
+};
+var Row = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.row, style] }, children);
+};
+var Col1 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col1, style] }, children);
+};
+var Col2 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col2, style] }, children);
+};
+var Col3 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col3, style] }, children);
+};
+var Col4 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col4, style] }, children);
+};
+var Col5 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col5, style] }, children);
+};
+var Col6 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col6, style] }, children);
+};
+var Col7 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col7, style] }, children);
+};
+var Col8 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col8, style] }, children);
+};
+var Col9 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col9, style] }, children);
+};
+var Col10 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col10, style] }, children);
+};
+var Col11 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col11, style] }, children);
+};
+var Col12 = ({ children, style }) => {
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles6.col, styles6.col12, style] }, children);
+};
+
+// src/components/PDF/core/PageElements.tsx
+var import_react8 = __toESM(require("react"), 1);
+var import_renderer8 = require("@react-pdf/renderer");
+var styles7 = import_renderer8.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_react8.default.createElement(import_renderer8.View, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Text, null, children) : children);
+};
+var Footer = ({ children, style, fixed = false }) => {
+  return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Text, null, children) : children);
+};
+// 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,
+  Footer,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Header,
+  Img,
+  LayoutPDF,
+  Left,
+  MakePDF,
+  Mark,
+  P,
+  Right,
+  Row,
+  Small,
+  Span,
+  Strong,
+  Table,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr,
+  U
+});