@react-email/button 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+declare type RootProps = React.ComponentPropsWithoutRef<'a'>;
+interface ButtonProps extends RootProps {
+}
+declare const Button: React.ForwardRefExoticComponent<Readonly<ButtonProps> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { Button, ButtonProps };

package/dist/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/button.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = React.forwardRef(
+  ({ children, style, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+    ref: forwardedRef,
+    dangerouslySetInnerHTML: {
+      __html: `<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span>${children}</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]-->`
+    },
+    style,
+    ...props
+  })
+);
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

package/dist/index.mjs

@@ -0,0 +1,17 @@
+// src/button.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Button = React.forwardRef(
+  ({ children, style, ...props }, forwardedRef) => /* @__PURE__ */ jsx("a", {
+    ref: forwardedRef,
+    dangerouslySetInnerHTML: {
+      __html: `<!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt" hidden>&nbsp;</i><![endif]--><span>${children}</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden>&nbsp;</i><![endif]-->`
+    },
+    style,
+    ...props
+  })
+);
+Button.displayName = "Button";
+export {
+  Button
+};

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@react-email/button",
+  "version": "0.0.1",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --external react --watch",
+    "lint": "TIMING=1 eslint src/**/*.ts* --fix",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "@types/react": "18.0.20",
+    "@types/react-dom": "18.0.6",
+    "eslint": "8.23.1",
+    "eslint-config-custom": "*",
+    "react": "18.2.0",
+    "tsconfig": "*",
+    "tsup": "6.2.3",
+    "typescript": "4.8.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/readme.md

@@ -0,0 +1,50 @@
+![React Email button cover](../../.github/static/button.png)
+
+<div align="center"><strong>@react-email/button</strong></div>
+<div align="center">A React button component to help build emails.</div>
+<br />
+<div align="center">
+<a href="https://react.email">Website</a> 
+<span> · </span>
+<a href="https://react.email">Documentation</a> 
+<span> · </span>
+<a href="https://react.email">Twitter</a>
+</div>
+
+## Installation
+
+#### With yarn
+
+```sh
+yarn add -E @react-email/button
+```
+
+#### With NPM
+
+```sh
+npm install --save-exact @react-email/button
+```
+
+## Getting Started
+
+Add the `Button` to your app first.
+
+```jsx
+import { Button } from '@react-email/button';
+
+const App = () => {
+  return (
+    <div>
+      <Button href="https://react.email">Button</Button>
+    </div>
+  );
+};
+```
+
+## Documentation
+
+Find the full API reference on [official documentation](https://react.email).
+
+## License
+
+MIT License