@react-email/tailwind 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TailwindConfig } from 'tw-to-css';
+
+interface TailwindProps {
+    children: React.ReactNode;
+    config?: TailwindConfig;
+}
+declare const Tailwind: React.FC<Readonly<TailwindProps>>;
+
+export { Tailwind, TailwindProps };

package/dist/index.js

@@ -0,0 +1,63 @@
+"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, {
+  Tailwind: () => Tailwind
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/tailwind.tsx
+var React = __toESM(require("react"));
+var import_tw_to_css = require("tw-to-css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tailwind = ({
+  children,
+  config
+}) => {
+  const { twj } = (0, import_tw_to_css.tailwindToCSS)({ config });
+  const replaceTailwindStyles = (child) => {
+    if (!React.isValidElement(child)) {
+      return child;
+    }
+    const { className, children: childChildren, style, ...rest } = child.props;
+    return React.cloneElement(child, {
+      ...rest,
+      children: React.Children.map(childChildren, replaceTailwindStyles),
+      style: { ...style, ...className ? twj(className) : {} }
+    });
+  };
+  const tailwindStylesToCSS = React.Children.map(
+    children,
+    replaceTailwindStyles
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: tailwindStylesToCSS });
+};
+Tailwind.displayName = "Tailwind";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tailwind
+});

package/dist/index.mjs

@@ -0,0 +1,30 @@
+// src/tailwind.tsx
+import * as React from "react";
+import { tailwindToCSS } from "tw-to-css";
+import { Fragment, jsx } from "react/jsx-runtime";
+var Tailwind = ({
+  children,
+  config
+}) => {
+  const { twj } = tailwindToCSS({ config });
+  const replaceTailwindStyles = (child) => {
+    if (!React.isValidElement(child)) {
+      return child;
+    }
+    const { className, children: childChildren, style, ...rest } = child.props;
+    return React.cloneElement(child, {
+      ...rest,
+      children: React.Children.map(childChildren, replaceTailwindStyles),
+      style: { ...style, ...className ? twj(className) : {} }
+    });
+  };
+  const tailwindStylesToCSS = React.Children.map(
+    children,
+    replaceTailwindStyles
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: tailwindStylesToCSS });
+};
+Tailwind.displayName = "Tailwind";
+export {
+  Tailwind
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/tailwind",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A React component to wrap emails with Tailwind CSS",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -32,7 +32,7 @@
     "node": ">=16.0.0"
   },
   "dependencies": {
-    "tw-to-css": "0.0.2"
+    "tw-to-css": "0.0.3"
   },
   "devDependencies": {
     "@types/react": "18.0.20",