npm - react-email - Versions diffs - 4.0.15 → 4.0.17 - Mend

react-email 4.0.15 → 4.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/CHANGELOG.md +18 -0
package/dist/cli/index.d.mts +1 -0
package/dist/cli/index.d.ts +1 -0
package/dist/cli/index.js +2785 -0
package/dist/cli/index.mjs +77 -47
package/dist/index.d.mts +20 -0
package/dist/index.d.ts +20 -0
package/dist/index.js +1410 -0
package/dist/index.mjs +21 -0
package/dist/package/index.d.mts +33 -0
package/dist/package/index.d.ts +33 -0
package/dist/package/index.js +62 -0
package/dist/package/index.mjs +7 -0
package/dist/preview/.next/BUILD_ID +1 -1
package/dist/preview/.next/app-build-manifest.json +10 -10
package/dist/preview/.next/app-path-routes-manifest.json +1 -1
package/dist/preview/.next/build-manifest.json +3 -3
package/dist/preview/.next/next-minimal-server.js.nft.json +1 -1
package/dist/preview/.next/next-server.js.nft.json +1 -1
package/dist/preview/.next/prerender-manifest.json +3 -3
package/dist/preview/.next/required-server-files.json +4 -4
package/dist/preview/.next/server/app/_not-found/page.js +1 -1
package/dist/preview/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
package/dist/preview/.next/server/app/favicon.ico/route.js +1 -1
package/dist/preview/.next/server/app/page.js +1 -1
package/dist/preview/.next/server/app/page.js.nft.json +1 -1
package/dist/preview/.next/server/app/page_client-reference-manifest.js +1 -1
package/dist/preview/.next/server/app/preview/[...slug]/page.js +17 -17
package/dist/preview/.next/server/app/preview/[...slug]/page.js.nft.json +1 -1
package/dist/preview/.next/server/app/preview/[...slug]/page_client-reference-manifest.js +1 -1
package/dist/preview/.next/server/app-paths-manifest.json +1 -1
package/dist/preview/.next/server/chunks/147.js +1 -0
package/dist/preview/.next/server/chunks/235.js +4 -4
package/dist/preview/.next/server/middleware-build-manifest.js +1 -1
package/dist/preview/.next/server/next-font-manifest.js +1 -1
package/dist/preview/.next/server/next-font-manifest.json +1 -1
package/dist/preview/.next/server/pages/500.html +1 -1
package/dist/preview/.next/server/pages-manifest.json +1 -1
package/dist/preview/.next/server/server-reference-manifest.js +1 -1
package/dist/preview/.next/server/server-reference-manifest.json +1 -1
package/dist/preview/.next/static/chunks/484-3d4d9735a701a476.js +1 -0
package/dist/preview/.next/static/chunks/app/layout-95b74654735388bd.js +1 -0
package/dist/preview/.next/static/chunks/app/page-2dbfb5b2dc4b1191.js +1 -0
package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-42afb14d97d633e3.js +1 -0
package/dist/preview/.next/static/chunks/main-app-976577a424e11c75.js +1 -0
package/dist/preview/.next/static/css/{35e8811589f0962b.css → 78c81281aa95270f.css} +1 -1
package/dist/preview/.next/static/media/8e9860b6e62d6359-s.woff2 +0 -0
package/dist/preview/.next/static/media/e4af272ccee01ff0-s.p.woff2 +0 -0
package/dist/preview/.next/trace +27 -27
package/dist/preview/.next/types/app/layout.ts +1 -1
package/dist/preview/.next/types/app/page.ts +1 -1
package/dist/preview/.next/types/app/preview/[...slug]/page.ts +1 -1
package/package.json +4 -3
package/src/app/layout.tsx +2 -2
package/src/app/preview/[...slug]/preview.tsx +1 -1
package/src/commands/testing/out/notifications/yelp-recent-login.html +1 -1
package/src/commands/testing/out/reset-password/twitch-reset-password.html +1 -1
package/src/components/shell.tsx +4 -1
package/src/components/sidebar/file-tree-directory-children.tsx +7 -2
package/src/package/body/dist/index.d.mts +6 -0
package/src/package/body/dist/index.d.ts +6 -0
package/src/package/body/dist/index.js +79 -0
package/src/package/body/dist/index.mjs +45 -0
package/src/package/button/dist/index.d.mts +6 -0
package/src/package/button/dist/index.d.ts +6 -0
package/src/package/button/dist/index.js +252 -0
package/src/package/button/dist/index.mjs +218 -0
package/src/package/code-block/dist/index.d.mts +4906 -0
package/src/package/code-block/dist/index.d.ts +4906 -0
package/src/package/code-block/dist/index.js +18205 -0
package/src/package/code-block/dist/index.mjs +18133 -0
package/src/package/code-inline/dist/index.d.mts +11 -0
package/src/package/code-inline/dist/index.d.ts +11 -0
package/src/package/code-inline/dist/index.js +106 -0
package/src/package/code-inline/dist/index.mjs +72 -0
package/src/package/column/dist/index.d.mts +6 -0
package/src/package/column/dist/index.d.ts +6 -0
package/src/package/column/dist/index.js +79 -0
package/src/package/column/dist/index.mjs +45 -0
package/src/package/components/dist/index.d.mts +20 -0
package/src/package/components/dist/index.d.ts +20 -0
package/src/package/components/dist/index.js +62 -0
package/src/package/components/dist/index.mjs +21 -0
package/src/package/container/dist/index.d.mts +6 -0
package/src/package/container/dist/index.d.ts +6 -0
package/src/package/container/dist/index.js +93 -0
package/src/package/container/dist/index.mjs +59 -0
package/src/package/font/dist/index.d.mts +25 -0
package/src/package/font/dist/index.d.ts +25 -0
package/src/package/font/dist/index.js +55 -0
package/src/package/font/dist/index.mjs +28 -0
package/src/package/head/dist/index.d.mts +6 -0
package/src/package/head/dist/index.d.ts +6 -0
package/src/package/head/dist/index.js +83 -0
package/src/package/head/dist/index.mjs +49 -0
package/src/package/heading/dist/index.d.mts +43 -0
package/src/package/heading/dist/index.d.ts +43 -0
package/src/package/heading/dist/index.js +113 -0
package/src/package/heading/dist/index.mjs +79 -0
package/src/package/hr/dist/index.d.mts +6 -0
package/src/package/hr/dist/index.d.ts +6 -0
package/src/package/hr/dist/index.js +89 -0
package/src/package/hr/dist/index.mjs +55 -0
package/src/package/html/dist/index.d.mts +6 -0
package/src/package/html/dist/index.d.ts +6 -0
package/src/package/html/dist/index.js +79 -0
package/src/package/html/dist/index.mjs +45 -0
package/src/package/img/dist/index.d.mts +6 -0
package/src/package/img/dist/index.d.ts +6 -0
package/src/package/img/dist/index.js +94 -0
package/src/package/img/dist/index.mjs +60 -0
package/src/package/link/dist/index.d.mts +6 -0
package/src/package/link/dist/index.d.ts +6 -0
package/src/package/link/dist/index.js +90 -0
package/src/package/link/dist/index.mjs +56 -0
package/src/package/markdown/dist/index.d.mts +15 -0
package/src/package/markdown/dist/index.d.ts +15 -0
package/src/package/markdown/dist/index.js +92 -0
package/src/package/markdown/dist/index.mjs +58 -0
package/src/package/preview/dist/index.d.mts +12 -0
package/src/package/preview/dist/index.d.ts +12 -0
package/src/package/preview/dist/index.js +108 -0
package/src/package/preview/dist/index.mjs +73 -0
package/src/package/render/dist/browser/index.d.mts +24 -0
package/src/package/render/dist/browser/index.d.ts +24 -0
package/src/package/render/dist/browser/index.js +250 -0
package/src/package/render/dist/browser/index.mjs +214 -0
package/src/package/render/dist/index.d.mts +23 -0
package/src/package/render/dist/index.d.ts +23 -0
package/src/package/render/dist/index.js +768 -0
package/src/package/render/dist/index.mjs +733 -0
package/src/package/render/dist/node/index.d.mts +27 -0
package/src/package/render/dist/node/index.d.ts +27 -0
package/src/package/render/dist/node/index.js +212 -0
package/src/package/render/dist/node/index.mjs +176 -0
package/src/package/row/dist/index.d.mts +10 -0
package/src/package/row/dist/index.d.ts +10 -0
package/src/package/row/dist/index.js +93 -0
package/src/package/row/dist/index.mjs +59 -0
package/src/package/section/dist/index.d.mts +6 -0
package/src/package/section/dist/index.d.ts +6 -0
package/src/package/section/dist/index.js +93 -0
package/src/package/section/dist/index.mjs +59 -0
package/src/package/tailwind/dist/index.d.ts +19 -0
package/src/package/tailwind/dist/index.js +48 -0
package/src/package/tailwind/dist/index.mjs +17167 -0
package/src/package/tailwind/dist/tailwindcss/config.d.ts +376 -0
package/src/package/tailwind/dist/tailwindcss/generated/.gitkeep +0 -0
package/src/package/tailwind/dist/tailwindcss/generated/colors.d.ts +298 -0
package/src/package/tailwind/dist/tailwindcss/generated/corePluginList.d.ts +1 -0
package/src/package/tailwind/dist/tailwindcss/generated/default-theme.d.ts +397 -0
package/src/package/tailwind/dist/tailwindcss/index.d.ts +11 -0
package/src/package/text/dist/index.d.mts +6 -0
package/src/package/text/dist/index.d.ts +6 -0
package/src/package/text/dist/index.js +89 -0
package/src/package/text/dist/index.mjs +55 -0
package/src/utils/__snapshots__/get-email-component.spec.ts.snap +1 -1
package/src/utils/caniemail/get-element-names.ts +9 -3
package/src/utils/contains-email-template.spec.ts +12 -0
package/src/utils/contains-email-template.ts +26 -9
package/src/utils/improve-error-with-sourcemap.ts +0 -1
package/src/utils/types/error-object.ts +1 -1
package/dist/preview/.next/server/chunks/488.js +0 -1
package/dist/preview/.next/static/chunks/484-21e30f98c67e8d58.js +0 -1
package/dist/preview/.next/static/chunks/app/layout-3044a159bf29302b.js +0 -1
package/dist/preview/.next/static/chunks/app/page-ed77f0af99f8ff62.js +0 -1
package/dist/preview/.next/static/chunks/app/preview/[...slug]/page-994a4d501e46f3f8.js +0 -1
package/dist/preview/.next/static/chunks/main-app-5bc2d814f500db60.js +0 -1
package/dist/preview/.next/static/media/6d93bde91c0c2823-s.woff2 +0 -0
package/dist/preview/.next/static/media/a34f9d1faa5f3315-s.p.woff2 +0 -0
/package/dist/preview/.next/static/{0LFN6rP55keVoTJYuP-4s → 9A_Lez8sdD6nDBcSehk5k}/_buildManifest.js +0 -0
/package/dist/preview/.next/static/{0LFN6rP55keVoTJYuP-4s → 9A_Lez8sdD6nDBcSehk5k}/_ssgManifest.js +0 -0

package/src/package/font/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import * as React from 'react';
+type FallbackFont = "Arial" | "Helvetica" | "Verdana" | "Georgia" | "Times New Roman" | "serif" | "sans-serif" | "monospace" | "cursive" | "fantasy";
+type FontFormat = "woff" | "woff2" | "truetype" | "opentype" | "embedded-opentype" | "svg";
+type FontWeight = React.CSSProperties["fontWeight"];
+type FontStyle = React.CSSProperties["fontStyle"];
+interface FontProps {
+    /** The font you want to use. NOTE: Do not insert multiple fonts here, use fallbackFontFamily for that */
+    fontFamily: string;
+    /** An array is possible, but the order of the array is the priority order */
+    fallbackFontFamily: FallbackFont | FallbackFont[];
+    /** Not all clients support web fonts. For support check: https://www.caniemail.com/features/css-at-font-face/ */
+    webFont?: {
+        url: string;
+        format: FontFormat;
+    };
+    /** Default: 'normal' */
+    fontStyle?: FontStyle;
+    /** Default: 400 */
+    fontWeight?: FontWeight;
+}
+/** The component MUST be place inside the <head> tag */
+declare const Font: React.FC<Readonly<FontProps>>;
+export { Font, type FontProps };

package/src/package/font/dist/index.js ADDED Viewed

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Font: () => Font
+});
+module.exports = __toCommonJS(src_exports);
+// src/font.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Font = ({
+  fontFamily,
+  fallbackFontFamily,
+  webFont,
+  fontStyle = "normal",
+  fontWeight = 400
+}) => {
+  const src = webFont ? `src: url(${webFont.url}) format('${webFont.format}');` : "";
+  const style = `
+    @font-face {
+      font-family: '${fontFamily}';
+      font-style: ${fontStyle};
+      font-weight: ${fontWeight};
+      mso-font-alt: '${Array.isArray(fallbackFontFamily) ? fallbackFontFamily[0] : fallbackFontFamily}';
+      ${src}
+    }
+    * {
+      font-family: '${fontFamily}', ${Array.isArray(fallbackFontFamily) ? fallbackFontFamily.join(", ") : fallbackFontFamily};
+    }
+  `;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: style } });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Font
+});

package/src/package/font/dist/index.mjs ADDED Viewed

@@ -0,0 +1,28 @@
+// src/font.tsx
+import { jsx } from "react/jsx-runtime";
+var Font = ({
+  fontFamily,
+  fallbackFontFamily,
+  webFont,
+  fontStyle = "normal",
+  fontWeight = 400
+}) => {
+  const src = webFont ? `src: url(${webFont.url}) format('${webFont.format}');` : "";
+  const style = `
+    @font-face {
+      font-family: '${fontFamily}';
+      font-style: ${fontStyle};
+      font-weight: ${fontWeight};
+      mso-font-alt: '${Array.isArray(fallbackFontFamily) ? fallbackFontFamily[0] : fallbackFontFamily}';
+      ${src}
+    }
+    * {
+      font-family: '${fontFamily}', ${Array.isArray(fallbackFontFamily) ? fallbackFontFamily.join(", ") : fallbackFontFamily};
+    }
+  `;
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: style } });
+};
+export {
+  Font
+};

package/src/package/head/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type HeadProps = Readonly<React.ComponentPropsWithoutRef<"head">>;
+declare const Head: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, "ref">> & React.RefAttributes<HTMLHeadElement>>;
+export { Head, type HeadProps };

package/src/package/head/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type HeadProps = Readonly<React.ComponentPropsWithoutRef<"head">>;
+declare const Head: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, "ref">> & React.RefAttributes<HTMLHeadElement>>;
+export { Head, type HeadProps };

package/src/package/head/dist/index.js ADDED Viewed

@@ -0,0 +1,83 @@
+"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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Head: () => Head
+});
+module.exports = __toCommonJS(src_exports);
+// src/head.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Head = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("head", __spreadProps(__spreadValues({}, props), { ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { content: "text/html; charset=UTF-8", httpEquiv: "Content-Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("meta", { name: "x-apple-disable-message-reformatting" }),
+      children
+    ] }));
+  }
+);
+Head.displayName = "Head";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Head
+});

package/src/package/head/dist/index.mjs ADDED Viewed

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+// src/head.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Head = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ jsxs("head", __spreadProps(__spreadValues({}, props), { ref, children: [
+      /* @__PURE__ */ jsx("meta", { content: "text/html; charset=UTF-8", httpEquiv: "Content-Type" }),
+      /* @__PURE__ */ jsx("meta", { name: "x-apple-disable-message-reformatting" }),
+      children
+    ] }));
+  }
+);
+Head.displayName = "Head";
+export {
+  Head
+};

package/src/package/heading/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,43 @@
+import * as React$1 from 'react';
+type As<DefaultTag extends React.ElementType, T1 extends React.ElementType, T2 extends React.ElementType = T1, T3 extends React.ElementType = T1, T4 extends React.ElementType = T1, T5 extends React.ElementType = T1> = (React.ComponentPropsWithRef<DefaultTag> & {
+    as?: DefaultTag;
+}) | (React.ComponentPropsWithRef<T1> & {
+    as: T1;
+}) | (React.ComponentPropsWithRef<T2> & {
+    as: T2;
+}) | (React.ComponentPropsWithRef<T3> & {
+    as: T3;
+}) | (React.ComponentPropsWithRef<T4> & {
+    as: T4;
+}) | (React.ComponentPropsWithRef<T5> & {
+    as: T5;
+});
+interface Margin {
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mt?: number | string;
+    mr?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+}
+type HeadingAs = As<"h1", "h2", "h3", "h4", "h5", "h6">;
+type HeadingProps = HeadingAs & Margin;
+declare const Heading: React$1.ForwardRefExoticComponent<(Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | undefined;
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h2";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h3";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h4";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h5";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h6";
+} & Margin>, "ref">) & React$1.RefAttributes<HTMLHeadingElement>>;
+export { Heading, type HeadingAs, type HeadingProps };

package/src/package/heading/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+import * as React$1 from 'react';
+type As<DefaultTag extends React.ElementType, T1 extends React.ElementType, T2 extends React.ElementType = T1, T3 extends React.ElementType = T1, T4 extends React.ElementType = T1, T5 extends React.ElementType = T1> = (React.ComponentPropsWithRef<DefaultTag> & {
+    as?: DefaultTag;
+}) | (React.ComponentPropsWithRef<T1> & {
+    as: T1;
+}) | (React.ComponentPropsWithRef<T2> & {
+    as: T2;
+}) | (React.ComponentPropsWithRef<T3> & {
+    as: T3;
+}) | (React.ComponentPropsWithRef<T4> & {
+    as: T4;
+}) | (React.ComponentPropsWithRef<T5> & {
+    as: T5;
+});
+interface Margin {
+    m?: number | string;
+    mx?: number | string;
+    my?: number | string;
+    mt?: number | string;
+    mr?: number | string;
+    mb?: number | string;
+    ml?: number | string;
+}
+type HeadingAs = As<"h1", "h2", "h3", "h4", "h5", "h6">;
+type HeadingProps = HeadingAs & Margin;
+declare const Heading: React$1.ForwardRefExoticComponent<(Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | undefined;
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h2";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h3";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h4";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h5";
+} & Margin>, "ref"> | Omit<Readonly<React$1.ClassAttributes<HTMLHeadingElement> & React$1.HTMLAttributes<HTMLHeadingElement> & {
+    as: "h6";
+} & Margin>, "ref">) & React$1.RefAttributes<HTMLHeadingElement>>;
+export { Heading, type HeadingAs, type HeadingProps };

package/src/package/heading/dist/index.js ADDED Viewed

@@ -0,0 +1,113 @@
+"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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Heading: () => Heading
+});
+module.exports = __toCommonJS(src_exports);
+// src/heading.tsx
+var React = __toESM(require("react"));
+// src/utils/spaces.ts
+var withMargin = (props) => {
+  const nonEmptyStyles = [
+    withSpace(props.m, ["margin"]),
+    withSpace(props.mx, ["marginLeft", "marginRight"]),
+    withSpace(props.my, ["marginTop", "marginBottom"]),
+    withSpace(props.mt, ["marginTop"]),
+    withSpace(props.mr, ["marginRight"]),
+    withSpace(props.mb, ["marginBottom"]),
+    withSpace(props.ml, ["marginLeft"])
+  ].filter((s) => Object.keys(s).length);
+  const mergedStyles = nonEmptyStyles.reduce((acc, style) => {
+    return __spreadValues(__spreadValues({}, acc), style);
+  }, {});
+  return mergedStyles;
+};
+var withSpace = (value, properties) => {
+  return properties.reduce((styles, property) => {
+    if (!isNaN(parseFloat(value))) {
+      return __spreadProps(__spreadValues({}, styles), { [property]: `${value}px` });
+    }
+    return styles;
+  }, {});
+};
+// src/heading.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Heading = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { as: Tag = "h1", children, style, m, mx, my, mt, mr, mb, ml } = _b, props = __objRest(_b, ["as", "children", "style", "m", "mx", "my", "mt", "mr", "mb", "ml"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Tag,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        style: __spreadValues(__spreadValues({}, withMargin({ m, mx, my, mt, mr, mb, ml })), style),
+        children
+      })
+    );
+  }
+);
+Heading.displayName = "Heading";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Heading
+});

package/src/package/heading/dist/index.mjs ADDED Viewed

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+// src/heading.tsx
+import * as React from "react";
+// src/utils/spaces.ts
+var withMargin = (props) => {
+  const nonEmptyStyles = [
+    withSpace(props.m, ["margin"]),
+    withSpace(props.mx, ["marginLeft", "marginRight"]),
+    withSpace(props.my, ["marginTop", "marginBottom"]),
+    withSpace(props.mt, ["marginTop"]),
+    withSpace(props.mr, ["marginRight"]),
+    withSpace(props.mb, ["marginBottom"]),
+    withSpace(props.ml, ["marginLeft"])
+  ].filter((s) => Object.keys(s).length);
+  const mergedStyles = nonEmptyStyles.reduce((acc, style) => {
+    return __spreadValues(__spreadValues({}, acc), style);
+  }, {});
+  return mergedStyles;
+};
+var withSpace = (value, properties) => {
+  return properties.reduce((styles, property) => {
+    if (!isNaN(parseFloat(value))) {
+      return __spreadProps(__spreadValues({}, styles), { [property]: `${value}px` });
+    }
+    return styles;
+  }, {});
+};
+// src/heading.tsx
+import { jsx } from "react/jsx-runtime";
+var Heading = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { as: Tag = "h1", children, style, m, mx, my, mt, mr, mb, ml } = _b, props = __objRest(_b, ["as", "children", "style", "m", "mx", "my", "mt", "mr", "mb", "ml"]);
+    return /* @__PURE__ */ jsx(
+      Tag,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        style: __spreadValues(__spreadValues({}, withMargin({ m, mx, my, mt, mr, mb, ml })), style),
+        children
+      })
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};

package/src/package/hr/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type HrProps = Readonly<React.ComponentPropsWithoutRef<"hr">>;
+declare const Hr: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref">> & React.RefAttributes<HTMLHRElement>>;
+export { Hr, type HrProps };

package/src/package/hr/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type HrProps = Readonly<React.ComponentPropsWithoutRef<"hr">>;
+declare const Hr: React.ForwardRefExoticComponent<Readonly<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref">> & React.RefAttributes<HTMLHRElement>>;
+export { Hr, type HrProps };

package/src/package/hr/dist/index.js ADDED Viewed

@@ -0,0 +1,89 @@
+"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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Hr: () => Hr
+});
+module.exports = __toCommonJS(src_exports);
+// src/hr.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Hr = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { style } = _b, props = __objRest(_b, ["style"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "hr",
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        style: __spreadValues({
+          width: "100%",
+          border: "none",
+          borderTop: "1px solid #eaeaea"
+        }, style)
+      })
+    );
+  }
+);
+Hr.displayName = "Hr";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Hr
+});