@onivoro/server-html 0.1.0 → 0.1.1

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 → 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 → 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 → 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 → dist/cjs}/lib/deprecated/login-button.function.js

@@ -13,4 +13,3 @@ function loginButton(text, href, 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 → 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 → dist/cjs}/lib/deprecated/tag.function.js

@@ -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 → 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.js

@@ -23,4 +23,3 @@ function emailBody(title, subtitle, markup, logoUrl, extraStyles = {}) {
     ]);
 }
 exports.emailBody = emailBody;
-//# sourceMappingURL=email-body.function.js.map

package/{src → 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 → dist/cjs}/lib/primitives/elements.js

@@ -32,4 +32,3 @@ 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 → 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 → 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 → 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/{src → dist/cjs}/lib/styles/button-styles.constant.js

@@ -12,4 +12,3 @@ exports.buttonStyles = {
     'box-sizing': 'border-box',
     color: 'inherit'
 };
-//# sourceMappingURL=button-styles.constant.js.map

package/{src → dist/cjs}/lib/styles/font-styles.constant.js

@@ -8,4 +8,3 @@ exports.fontStyles = {
     '-moz-osx-font-smoothing': `grayscale`,
     color: 'rgba(0, 0, 0, 0.5) !important',
 };
-//# sourceMappingURL=font-styles.constant.js.map

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

@@ -11,4 +11,3 @@ function table(columns, rows) {
     ], { style: { 'border-collapse': 'collapse', width: '100%', color } });
 }
 exports.table = table;
-//# sourceMappingURL=table.function.js.map

package/{src → 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 → 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 → 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;

package/dist/esm/lib/primitives/elements.d.ts

@@ -0,0 +1,26 @@
+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;
+export declare const h3: TElementRenderer;
+export declare const h4: TElementRenderer;
+export declare const h5: TElementRenderer;
+export declare const h6: TElementRenderer;
+export declare const head: TElementRenderer;
+export declare const header: TElementRenderer;
+export declare const htm: TElementRenderer;
+export declare const img: TSelfClosingElementRenderer;
+export declare const main: TElementRenderer;
+export declare const p: TElementRenderer;
+export declare const pre: TElementRenderer;
+export declare const tab: TElementRenderer;
+export declare const tbody: TElementRenderer;
+export declare const td: TElementRenderer;
+export declare const th: TElementRenderer;
+export declare const thead: TElementRenderer;
+export declare const tr: TElementRenderer;
+export declare const style: any;

package/dist/esm/lib/primitives/elements.js

@@ -0,0 +1,34 @@
+"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.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");
+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');
+exports.h3 = element_function_1.element.bind(null, 'h3');
+exports.h4 = element_function_1.element.bind(null, 'h4');
+exports.h5 = element_function_1.element.bind(null, 'h5');
+exports.h6 = element_function_1.element.bind(null, 'h6');
+exports.head = element_function_1.element.bind(null, 'head');
+exports.header = element_function_1.element.bind(null, 'header');
+exports.htm = element_function_1.element.bind(null, 'html');
+exports.img = self_closing_element_function_1.selfClosingElement.bind(null, 'img');
+exports.main = element_function_1.element.bind(null, 'main');
+exports.p = element_function_1.element.bind(null, 'p');
+exports.pre = element_function_1.element.bind(null, 'pre');
+exports.tab = element_function_1.element.bind(null, 'table');
+exports.tbody = element_function_1.element.bind(null, 'tbody');
+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');

package/dist/esm/lib/primitives/format-attributes.function.d.ts

@@ -0,0 +1 @@
+export declare function formatAttributes(attributes: Record<string, any>): string;

package/dist/esm/lib/primitives/format-attributes.function.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatAttributes = void 0;
+function formatAttributes(attributes) {
+    return Object.entries(attributes)
+        .map(([k, v]) => `${k}="${v}"`)
+        .join(' ');
+}
+exports.formatAttributes = formatAttributes;

package/dist/esm/lib/primitives/inline-style.function.d.ts

@@ -0,0 +1 @@
+export declare function inlineStyle(styles: Record<string, string>): string;

package/dist/esm/lib/primitives/inline-style.function.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inlineStyle = void 0;
+function inlineStyle(styles) {
+    const rules = Object.entries(styles)
+        .map(([k, v]) => `${k}: ${v};`)
+        .join(' ');
+    return `style="${rules}"`;
+}
+exports.inlineStyle = inlineStyle;

package/dist/esm/lib/primitives/self-closing-element.function.d.ts

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

package/dist/esm/lib/primitives/self-closing-element.function.js

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/lib/table.function.d.ts

@@ -0,0 +1 @@
+export declare function table(columns: string[], rows: Array<any[]>): string;