@onivoro/server-html 0.0.5 → 0.1.1

package/dist/cjs/index.d.ts

@@ -0,0 +1,20 @@
+export * from './lib/deprecated/a.function';
+export * from './lib/deprecated/html-element-renderer.type';
+export * from './lib/deprecated/html.function';
+export * from './lib/deprecated/login-button.function';
+export * from './lib/deprecated/self-closing-html-element-renderer.type';
+export * from './lib/deprecated/self-closing-tag.function';
+export * from './lib/deprecated/tag.function';
+export * from './lib/deprecated/tags';
+export * from './lib/primitives/element.function';
+export * from './lib/primitives/elements';
+export * from './lib/primitives/format-attributes.function';
+export * from './lib/primitives/inline-style.function';
+export * from './lib/primitives/self-closing-element.function';
+export * from './lib/styles/button-styles.constant';
+export * from './lib/styles/font-styles.constant';
+export * from './lib/types/attributes.type';
+export * from './lib/types/element-renderer.type';
+export * from './lib/types/self-closing-element-renderer.type';
+export * from './lib/email-body.function';
+export * from './lib/table.function';

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib/deprecated/a.function"), exports);
+__exportStar(require("./lib/deprecated/html-element-renderer.type"), exports);
+__exportStar(require("./lib/deprecated/html.function"), exports);
+__exportStar(require("./lib/deprecated/login-button.function"), exports);
+__exportStar(require("./lib/deprecated/self-closing-html-element-renderer.type"), exports);
+__exportStar(require("./lib/deprecated/self-closing-tag.function"), exports);
+__exportStar(require("./lib/deprecated/tag.function"), exports);
+__exportStar(require("./lib/deprecated/tags"), exports);
+__exportStar(require("./lib/primitives/element.function"), exports);
+__exportStar(require("./lib/primitives/elements"), exports);
+__exportStar(require("./lib/primitives/format-attributes.function"), exports);
+__exportStar(require("./lib/primitives/inline-style.function"), exports);
+__exportStar(require("./lib/primitives/self-closing-element.function"), exports);
+__exportStar(require("./lib/styles/button-styles.constant"), exports);
+__exportStar(require("./lib/styles/font-styles.constant"), exports);
+__exportStar(require("./lib/types/attributes.type"), exports);
+__exportStar(require("./lib/types/element-renderer.type"), exports);
+__exportStar(require("./lib/types/self-closing-element-renderer.type"), exports);
+__exportStar(require("./lib/email-body.function"), exports);
+__exportStar(require("./lib/table.function"), exports);

package/{src/lib → dist/cjs/lib/deprecated}/a.function.js

@@ -6,4 +6,3 @@ function a(text, href, cssClass) {
     return `<a target="_blank" href="${href}" ${classExp}>${text}</a>`;
 }
 exports.a = a;
-//# sourceMappingURL=a.function.js.map

package/{src/lib → dist/cjs/lib/deprecated}/html-element-renderer.type.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=html-element-renderer.type.js.map

package/{src/lib → dist/cjs/lib/deprecated}/html.function.js

@@ -41,4 +41,3 @@ function html(title, subtitle, markup, logoUrl) {
     ]);
 }
 exports.html = html;
-//# sourceMappingURL=html.function.js.map

package/{src/lib → dist/cjs/lib/deprecated}/login-button.function.js

@@ -1,20 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loginButton = void 0;
-const elements_1 = require("./elements");
+const elements_1 = require("../primitives/elements");
+const button_styles_constant_1 = require("../styles/button-styles.constant");
 function loginButton(text, href, extraStyles) {
     return (0, elements_1.anchor)([text], {
         href,
         style: {
-            padding: '1rem 1.5rem',
-            border: 'solid 1px',
-            'border-radius': '4px',
-            display: 'inline-block',
-            'text-align': 'center',
-            'text-decoration': 'none',
+            ...button_styles_constant_1.buttonStyles,
             ...(extraStyles || {})
         }
     });
 }
 exports.loginButton = loginButton;
-//# sourceMappingURL=login-button.function.js.map

package/dist/cjs/lib/deprecated/self-closing-html-element-renderer.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{src/lib → dist/cjs/lib/deprecated}/self-closing-tag.function.js

@@ -6,4 +6,3 @@ function selfClosingTag(tag, cssClass, attributes, styles) {
     return (0, tag_function_1.tag)(tag, [], cssClass, attributes, styles).replace(`></${tag}>`, '/>');
 }
 exports.selfClosingTag = selfClosingTag;
-//# sourceMappingURL=self-closing-tag.function.js.map

package/{src/lib → dist/cjs/lib/deprecated}/tag.function.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tag = void 0;
-const format_attributes_function_1 = require("./format-attributes.function");
-const inline_style_function_1 = require("./inline-style.function");
+const format_attributes_function_1 = require("../primitives/format-attributes.function");
+const inline_style_function_1 = require("../primitives/inline-style.function");
 function tag(tag, content, cssClass, attributes, styles) {
     const classExp = cssClass ? ` class="${cssClass}"` : '';
     const attributesExp = attributes ? ` ${(0, format_attributes_function_1.formatAttributes)(attributes)}` : '';
@@ -10,4 +10,3 @@ function tag(tag, content, cssClass, attributes, styles) {
     return `<${tag}${classExp}${attributesExp}${styleExp}>${content.join?.('')}</${tag}>`;
 }
 exports.tag = tag;
-//# sourceMappingURL=tag.function.js.map

package/{src/lib → dist/cjs/lib/deprecated}/tags.js

@@ -25,4 +25,3 @@ exports._th = tag_function_1.tag.bind(null, 'th');
 exports._thead = tag_function_1.tag.bind(null, 'thead');
 exports._tr = tag_function_1.tag.bind(null, 'tr');
 exports._style = tag_function_1.tag.bind(null, 'style');
-//# sourceMappingURL=tags.js.map

package/{src → dist/cjs}/lib/email-body.function.d.ts

@@ -1,2 +1,2 @@
-import { TAttributes } from './attributes.type';
+import { TAttributes } from './types/attributes.type';
 export declare function emailBody(title: string, subtitle: string, markup: Array<string | number>, logoUrl?: string, extraStyles?: TAttributes['style']): string;

package/{src → dist/cjs}/lib/email-body.function.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.emailBody = void 0;
-const elements_1 = require("./elements");
+const elements_1 = require("./primitives/elements");
+const font_styles_constant_1 = require("./styles/font-styles.constant");
 function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
     return (0, elements_1.div)([
         (0, elements_1.div)([
@@ -15,15 +16,10 @@ function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
             (0, elements_1.div)(markup),
         ], {
             style: {
-                'font-family': `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important`,
-                'font-size': `1rem;`,
-                '-webkit-font-smoothing': `antialiased`,
-                '-moz-osx-font-smoothing': `grayscale`,
-                color: 'rgba(0, 0, 0, 0.6) !important',
+                ...font_styles_constant_1.fontStyles,
                 ...(extraStyles || {})
             }
         }),
     ]);
 }
 exports.emailBody = emailBody;
-//# sourceMappingURL=email-body.function.js.map

package/dist/cjs/lib/primitives/element.function.d.ts

@@ -0,0 +1,2 @@
+import { TAttributes } from "../types/attributes.type";
+export declare function element(tag: string, content: Array<string | number>, attributes?: TAttributes): string;

package/{src/lib → dist/cjs/lib/primitives}/element.function.js

@@ -11,4 +11,3 @@ function element(tag, content, attributes) {
     return `<${tag}${classExp}${attributesExp}${styleExp}>${content.join?.('')}</${tag}>`;
 }
 exports.element = element;
-//# sourceMappingURL=element.function.js.map

package/{src/lib → dist/cjs/lib/primitives}/elements.d.ts

@@ -1,7 +1,8 @@
-import { TElementRenderer } from "./element-renderer.type";
-import { TSelfClosingElementRenderer } from "./self-closing-element-renderer.type";
+import { TElementRenderer } from "../types/element-renderer.type";
+import { TSelfClosingElementRenderer } from "../types/self-closing-element-renderer.type";
 export declare const anchor: TElementRenderer;
 export declare const body: TElementRenderer;
+export declare const button: TElementRenderer;
 export declare const div: TElementRenderer;
 export declare const h1: TElementRenderer;
 export declare const h2: TElementRenderer;

package/{src/lib → dist/cjs/lib/primitives}/elements.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.style = exports.tr = exports.thead = exports.th = exports.td = exports.tbody = exports.tab = exports.pre = exports.p = exports.main = exports.img = exports.htm = exports.header = exports.head = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.div = exports.body = exports.anchor = void 0;
+exports.style = exports.tr = exports.thead = exports.th = exports.td = exports.tbody = exports.tab = exports.pre = exports.p = exports.main = exports.img = exports.htm = exports.header = exports.head = exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.div = exports.button = exports.body = exports.anchor = void 0;
 const element_function_1 = require("./element.function");
 const self_closing_element_function_1 = require("./self-closing-element.function");
-exports.anchor = element_function_1.element.bind(null, 'a');
+const button_styles_constant_1 = require("../styles/button-styles.constant");
+const anchor = (content, attributes) => (0, element_function_1.element)('a', content, { ...attributes, style: { ...button_styles_constant_1.buttonStyles, ...attributes?.style } });
+exports.anchor = anchor;
 exports.body = element_function_1.element.bind(null, 'body');
+const button = (content, attributes) => (0, element_function_1.element)('button', content, { ...attributes, style: { ...button_styles_constant_1.buttonStyles, ...attributes?.style } });
+exports.button = button;
 exports.div = element_function_1.element.bind(null, 'div');
 exports.h1 = element_function_1.element.bind(null, 'h1');
 exports.h2 = element_function_1.element.bind(null, 'h2');
@@ -25,5 +29,6 @@ exports.td = element_function_1.element.bind(null, 'td');
 exports.th = element_function_1.element.bind(null, 'th');
 exports.thead = element_function_1.element.bind(null, 'thead');
 exports.tr = element_function_1.element.bind(null, 'tr');
+// todo: make this take a Record<string, Record<string, string>> instead of the terrible raw string formatting used now
+// todo: apply kebab-casing to camelCased keys so that consumers can write { fontWeight: 600 } instead of {'font-weight': 600 } (do this for all style properties of primitives' attributes)
 exports.style = element_function_1.element.bind(null, 'style');
-//# sourceMappingURL=elements.js.map

package/{src/lib → dist/cjs/lib/primitives}/format-attributes.function.js

@@ -7,4 +7,3 @@ function formatAttributes(attributes) {
         .join(' ');
 }
 exports.formatAttributes = formatAttributes;
-//# sourceMappingURL=format-attributes.function.js.map

package/{src/lib → dist/cjs/lib/primitives}/inline-style.function.js

@@ -8,4 +8,3 @@ function inlineStyle(styles) {
     return `style="${rules}"`;
 }
 exports.inlineStyle = inlineStyle;
-//# sourceMappingURL=inline-style.function.js.map

package/{src/lib → dist/cjs/lib/primitives}/self-closing-element.function.d.ts

@@ -1,2 +1,2 @@
-import { TAttributes } from "./attributes.type";
+import { TAttributes } from "../types/attributes.type";
 export declare function selfClosingElement(tag: string, attributes: TAttributes): string;

package/{src/lib → dist/cjs/lib/primitives}/self-closing-element.function.js

@@ -6,4 +6,3 @@ function selfClosingElement(tag, attributes) {
     return (0, element_function_1.element)(tag, [], attributes).replace(`></${tag}>`, '/>');
 }
 exports.selfClosingElement = selfClosingElement;
-//# sourceMappingURL=self-closing-element.function.js.map

package/dist/cjs/lib/styles/button-styles.constant.d.ts

@@ -0,0 +1,11 @@
+export declare const buttonStyles: {
+    padding: string;
+    border: string;
+    'border-radius': string;
+    display: string;
+    'font-weight': string;
+    'text-align': string;
+    'text-decoration': string;
+    'box-sizing': string;
+    color: string;
+};

package/dist/cjs/lib/styles/button-styles.constant.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonStyles = void 0;
+exports.buttonStyles = {
+    padding: '1rem 1.5rem',
+    border: 'solid 1px',
+    'border-radius': '4px',
+    display: 'inline-block',
+    'font-weight': '600',
+    'text-align': 'center',
+    'text-decoration': 'none',
+    'box-sizing': 'border-box',
+    color: 'inherit'
+};

package/dist/cjs/lib/styles/font-styles.constant.d.ts

@@ -0,0 +1,7 @@
+export declare const fontStyles: {
+    'font-family': string;
+    'font-size': string;
+    '-webkit-font-smoothing': string;
+    '-moz-osx-font-smoothing': string;
+    color: string;
+};

package/dist/cjs/lib/styles/font-styles.constant.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontStyles = void 0;
+exports.fontStyles = {
+    'font-family': `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important`,
+    'font-size': `1rem;`,
+    '-webkit-font-smoothing': `antialiased`,
+    '-moz-osx-font-smoothing': `grayscale`,
+    color: 'rgba(0, 0, 0, 0.5) !important',
+};

package/dist/cjs/lib/table.function.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.table = void 0;
+const elements_1 = require("./primitives/elements");
+const padding = '0.5rem';
+const color = 'inherit';
+function table(columns, rows) {
+    return (0, elements_1.tab)([
+        (0, elements_1.thead)([(0, elements_1.tr)(columns.map((c) => (0, elements_1.th)([c], { style: { 'text-align': 'left', padding, color } })), { style: { 'border-bottom-color': color, 'border-bottom-style': 'solid', 'border-top-style': 'none', 'border-left-style': 'none', 'border-right-style': 'none' } })]),
+        (0, elements_1.tbody)(rows.map((row, i) => (0, elements_1.tr)(row.map((cell) => (0, elements_1.td)([cell], { style: { padding, color } })), { style: { 'background-color': i % 2 ? '' : 'rgba(0, 0, 0, 0.2)', padding, color } }))),
+    ], { style: { 'border-collapse': 'collapse', width: '100%', color } });
+}
+exports.table = table;

package/{src/lib → dist/cjs/lib/types}/attributes.type.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=attributes.type.js.map

package/{src/lib → dist/cjs/lib/types}/element-renderer.type.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=element-renderer.type.js.map

package/{src/lib → dist/cjs/lib/types}/self-closing-element-renderer.type.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=self-closing-element-renderer.type.js.map

package/dist/esm/index.d.ts

@@ -0,0 +1,20 @@
+export * from './lib/deprecated/a.function';
+export * from './lib/deprecated/html-element-renderer.type';
+export * from './lib/deprecated/html.function';
+export * from './lib/deprecated/login-button.function';
+export * from './lib/deprecated/self-closing-html-element-renderer.type';
+export * from './lib/deprecated/self-closing-tag.function';
+export * from './lib/deprecated/tag.function';
+export * from './lib/deprecated/tags';
+export * from './lib/primitives/element.function';
+export * from './lib/primitives/elements';
+export * from './lib/primitives/format-attributes.function';
+export * from './lib/primitives/inline-style.function';
+export * from './lib/primitives/self-closing-element.function';
+export * from './lib/styles/button-styles.constant';
+export * from './lib/styles/font-styles.constant';
+export * from './lib/types/attributes.type';
+export * from './lib/types/element-renderer.type';
+export * from './lib/types/self-closing-element-renderer.type';
+export * from './lib/email-body.function';
+export * from './lib/table.function';

package/dist/esm/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib/deprecated/a.function"), exports);
+__exportStar(require("./lib/deprecated/html-element-renderer.type"), exports);
+__exportStar(require("./lib/deprecated/html.function"), exports);
+__exportStar(require("./lib/deprecated/login-button.function"), exports);
+__exportStar(require("./lib/deprecated/self-closing-html-element-renderer.type"), exports);
+__exportStar(require("./lib/deprecated/self-closing-tag.function"), exports);
+__exportStar(require("./lib/deprecated/tag.function"), exports);
+__exportStar(require("./lib/deprecated/tags"), exports);
+__exportStar(require("./lib/primitives/element.function"), exports);
+__exportStar(require("./lib/primitives/elements"), exports);
+__exportStar(require("./lib/primitives/format-attributes.function"), exports);
+__exportStar(require("./lib/primitives/inline-style.function"), exports);
+__exportStar(require("./lib/primitives/self-closing-element.function"), exports);
+__exportStar(require("./lib/styles/button-styles.constant"), exports);
+__exportStar(require("./lib/styles/font-styles.constant"), exports);
+__exportStar(require("./lib/types/attributes.type"), exports);
+__exportStar(require("./lib/types/element-renderer.type"), exports);
+__exportStar(require("./lib/types/self-closing-element-renderer.type"), exports);
+__exportStar(require("./lib/email-body.function"), exports);
+__exportStar(require("./lib/table.function"), exports);

package/dist/esm/lib/deprecated/a.function.d.ts

@@ -0,0 +1 @@
+export declare function a(text: string, href: string, cssClass?: string): string;

package/dist/esm/lib/deprecated/a.function.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.a = void 0;
+function a(text, href, cssClass) {
+    const classExp = cssClass ? `class="${cssClass}"` : '';
+    return `<a target="_blank" href="${href}" ${classExp}>${text}</a>`;
+}
+exports.a = a;

package/dist/esm/lib/deprecated/html-element-renderer.type.d.ts

@@ -0,0 +1 @@
+export type THtmlElementRenderer = (content: Array<string | number>, cssClass?: string, attributes?: Record<string, any>, styles?: Record<string, string>) => string;

package/dist/esm/lib/deprecated/html-element-renderer.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/lib/deprecated/html.function.d.ts

@@ -0,0 +1 @@
+export declare function html(title: string, subtitle: string, markup: Array<string | number>, logoUrl?: string): string;

package/dist/esm/lib/deprecated/html.function.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.html = void 0;
+const tags_1 = require("./tags");
+function html(title, subtitle, markup, logoUrl) {
+    return (0, tags_1._htm)([
+        (0, tags_1._head)([
+            (0, tags_1._style)([
+                'body {',
+                'padding: 64px;',
+                `font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";`,
+                `font-size: 1rem;`,
+                `-webkit-font-smoothing: antialiased;`,
+                `-moz-osx-font-smoothing: grayscale;`,
+                'color: rgb(34, 30, 31);',
+                '}',
+                'h1, h2, h3, h4, pre { color: rgb(34, 30, 31) !important; }',
+                'td, th { text-align: left; padding: 8px;}',
+                'table { border-collapse: collapse; width: 100%;}',
+                'tbody { border-width: 1px; border-style: solid; border-left-style: none; border-right-style: none; }',
+                '.focal, a { padding: 12px 24px; font-weight: bold; display: block; text-align: center; border-radius: 4px; }',
+                '.mw-880 { max-width: 880px !important; margin: auto; }',
+                '.mw-440 { max-width: 440px !important; margin: auto; }',
+                'pre { padding: 12px 24px; font-weight: bold; display: block; text-align: center; border-radius: 4px; border: solid 1px; }',
+                'a { max-width: 240px; }',
+                '.bg-gray { background-color: #efefef; }',
+                '.drop-shadow, .button { filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3)); }',
+                '.button { text-decoration: none; margin: 32px 0; background-color: rgb(205, 62, 71); color: white !important; }',
+            ]),
+        ]),
+        (0, tags_1._body)([
+            (0, tags_1._header)([
+                logoUrl
+                    ? `<img height="64" width="auto" src="${logoUrl}" />`
+                    : undefined,
+                (0, tags_1._h1)([title]),
+                (0, tags_1._h2)([subtitle]),
+            ].filter(Boolean)),
+            (0, tags_1._main)(markup),
+        ]),
+    ]);
+}
+exports.html = html;

package/dist/esm/lib/deprecated/login-button.function.d.ts

@@ -0,0 +1 @@
+export declare function loginButton(text: string, href: string, extraStyles?: Record<string, string>): string;

package/dist/esm/lib/deprecated/login-button.function.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loginButton = void 0;
+const elements_1 = require("../primitives/elements");
+const button_styles_constant_1 = require("../styles/button-styles.constant");
+function loginButton(text, href, extraStyles) {
+    return (0, elements_1.anchor)([text], {
+        href,
+        style: {
+            ...button_styles_constant_1.buttonStyles,
+            ...(extraStyles || {})
+        }
+    });
+}
+exports.loginButton = loginButton;

package/dist/esm/lib/deprecated/self-closing-html-element-renderer.type.d.ts

@@ -0,0 +1 @@
+export type TSelfClosingHtmlElementRenderer = (cssClass?: string, attributes?: Record<string, any>, styles?: Record<string, string>) => string;

package/dist/esm/lib/deprecated/self-closing-html-element-renderer.type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/esm/lib/deprecated/self-closing-tag.function.d.ts

@@ -0,0 +1 @@
+export declare function selfClosingTag(tag: string, cssClass?: string, attributes?: Record<string, any>, styles?: Record<string, string>): string;

package/dist/esm/lib/deprecated/self-closing-tag.function.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selfClosingTag = void 0;
+const tag_function_1 = require("./tag.function");
+function selfClosingTag(tag, cssClass, attributes, styles) {
+    return (0, tag_function_1.tag)(tag, [], cssClass, attributes, styles).replace(`></${tag}>`, '/>');
+}
+exports.selfClosingTag = selfClosingTag;

package/dist/esm/lib/deprecated/tag.function.d.ts

@@ -0,0 +1 @@
+export declare function tag(tag: string, content: Array<string | number>, cssClass?: string, attributes?: Record<string, any>, styles?: Record<string, string>): string;

package/dist/esm/lib/deprecated/tag.function.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tag = void 0;
+const format_attributes_function_1 = require("../primitives/format-attributes.function");
+const inline_style_function_1 = require("../primitives/inline-style.function");
+function tag(tag, content, cssClass, attributes, styles) {
+    const classExp = cssClass ? ` class="${cssClass}"` : '';
+    const attributesExp = attributes ? ` ${(0, format_attributes_function_1.formatAttributes)(attributes)}` : '';
+    const styleExp = styles ? ` ${(0, inline_style_function_1.inlineStyle)(styles)}` : '';
+    return `<${tag}${classExp}${attributesExp}${styleExp}>${content.join?.('')}</${tag}>`;
+}
+exports.tag = tag;

package/dist/esm/lib/deprecated/tags.d.ts

@@ -0,0 +1,24 @@
+import { THtmlElementRenderer } from "./html-element-renderer.type";
+import { TSelfClosingHtmlElementRenderer } from "./self-closing-html-element-renderer.type";
+export declare const _body: THtmlElementRenderer;
+export declare const _div: THtmlElementRenderer;
+export declare const _h1: THtmlElementRenderer;
+export declare const _h2: THtmlElementRenderer;
+export declare const _h3: THtmlElementRenderer;
+export declare const _h4: THtmlElementRenderer;
+export declare const _h5: THtmlElementRenderer;
+export declare const _h6: THtmlElementRenderer;
+export declare const _head: THtmlElementRenderer;
+export declare const _header: THtmlElementRenderer;
+export declare const _htm: THtmlElementRenderer;
+export declare const _img: TSelfClosingHtmlElementRenderer;
+export declare const _main: THtmlElementRenderer;
+export declare const _p: THtmlElementRenderer;
+export declare const _pre: THtmlElementRenderer;
+export declare const _tab: THtmlElementRenderer;
+export declare const _tbody: THtmlElementRenderer;
+export declare const _td: THtmlElementRenderer;
+export declare const _th: THtmlElementRenderer;
+export declare const _thead: THtmlElementRenderer;
+export declare const _tr: THtmlElementRenderer;
+export declare const _style: any;

package/dist/esm/lib/deprecated/tags.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._style = exports._tr = exports._thead = exports._th = exports._td = exports._tbody = exports._tab = exports._pre = exports._p = exports._main = exports._img = exports._htm = exports._header = exports._head = exports._h6 = exports._h5 = exports._h4 = exports._h3 = exports._h2 = exports._h1 = exports._div = exports._body = void 0;
+const self_closing_tag_function_1 = require("./self-closing-tag.function");
+const tag_function_1 = require("./tag.function");
+exports._body = tag_function_1.tag.bind(null, 'body');
+exports._div = tag_function_1.tag.bind(null, 'div');
+exports._h1 = tag_function_1.tag.bind(null, 'h1');
+exports._h2 = tag_function_1.tag.bind(null, 'h2');
+exports._h3 = tag_function_1.tag.bind(null, 'h3');
+exports._h4 = tag_function_1.tag.bind(null, 'h4');
+exports._h5 = tag_function_1.tag.bind(null, 'h5');
+exports._h6 = tag_function_1.tag.bind(null, 'h6');
+exports._head = tag_function_1.tag.bind(null, 'head');
+exports._header = tag_function_1.tag.bind(null, 'header');
+exports._htm = tag_function_1.tag.bind(null, 'html');
+exports._img = self_closing_tag_function_1.selfClosingTag.bind(null, 'img');
+exports._main = tag_function_1.tag.bind(null, 'main');
+exports._p = tag_function_1.tag.bind(null, 'p');
+exports._pre = tag_function_1.tag.bind(null, 'pre');
+exports._tab = tag_function_1.tag.bind(null, 'table');
+exports._tbody = tag_function_1.tag.bind(null, 'tbody');
+exports._td = tag_function_1.tag.bind(null, 'td');
+exports._th = tag_function_1.tag.bind(null, 'th');
+exports._thead = tag_function_1.tag.bind(null, 'thead');
+exports._tr = tag_function_1.tag.bind(null, 'tr');
+exports._style = tag_function_1.tag.bind(null, 'style');

package/dist/esm/lib/email-body.function.d.ts

@@ -0,0 +1,2 @@
+import { TAttributes } from './types/attributes.type';
+export declare function emailBody(title: string, subtitle: string, markup: Array<string | number>, logoUrl?: string, extraStyles?: TAttributes['style']): string;

package/dist/esm/lib/email-body.function.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emailBody = void 0;
+const elements_1 = require("./primitives/elements");
+const font_styles_constant_1 = require("./styles/font-styles.constant");
+function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
+    return (0, elements_1.div)([
+        (0, elements_1.div)([
+            (0, elements_1.div)([
+                logoUrl
+                    ? `<img height="64" width="auto" src="${logoUrl}" />`
+                    : undefined,
+                title ? (0, elements_1.h1)([title]) : undefined,
+                subtitle ? (0, elements_1.h2)([subtitle]) : undefined,
+            ].filter(Boolean)),
+            (0, elements_1.div)(markup),
+        ], {
+            style: {
+                ...font_styles_constant_1.fontStyles,
+                ...(extraStyles || {})
+            }
+        }),
+    ]);
+}
+exports.emailBody = emailBody;

package/dist/esm/lib/primitives/element.function.d.ts

@@ -0,0 +1,2 @@
+import { TAttributes } from "../types/attributes.type";
+export declare function element(tag: string, content: Array<string | number>, attributes?: TAttributes): string;

package/dist/esm/lib/primitives/element.function.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.element = void 0;
+const format_attributes_function_1 = require("./format-attributes.function");
+const inline_style_function_1 = require("./inline-style.function");
+function element(tag, content, attributes) {
+    const { cssClass = '', style = undefined, ...attrs } = attributes || {};
+    const classExp = cssClass ? ` class="${cssClass}"` : '';
+    const attributesExp = attrs ? ` ${(0, format_attributes_function_1.formatAttributes)(attrs)}` : '';
+    const styleExp = style ? ` ${(0, inline_style_function_1.inlineStyle)(style)}` : '';
+    return `<${tag}${classExp}${attributesExp}${styleExp}>${content.join?.('')}</${tag}>`;
+}
+exports.element = element;