mehdi-simple-tailwind-button 0.1.1

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface SimpleButtonProps {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary';
+}
+declare const SimpleButton: React.FC<SimpleButtonProps>;
+
+export { SimpleButton, type SimpleButtonProps };

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+interface SimpleButtonProps {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary';
+}
+declare const SimpleButton: React.FC<SimpleButtonProps>;
+
+export { SimpleButton, type SimpleButtonProps };

package/dist/index.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+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.tsx
+var index_exports = {};
+__export(index_exports, {
+  SimpleButton: () => SimpleButton
+});
+module.exports = __toCommonJS(index_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var SimpleButton = ({
+  children,
+  variant = "primary"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: `
+        px-6 py-3 rounded-lg font-medium transition-all
+        ${variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700 shadow-lg" : "bg-gray-200 text-gray-800 hover:bg-gray-300"}
+      `,
+      children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleButton
+});

package/dist/index.mjs

@@ -0,0 +1,22 @@
+"use client";
+
+// src/index.tsx
+import { jsx } from "react/jsx-runtime";
+var SimpleButton = ({
+  children,
+  variant = "primary"
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: `
+        px-6 py-3 rounded-lg font-medium transition-all
+        ${variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700 shadow-lg" : "bg-gray-200 text-gray-800 hover:bg-gray-300"}
+      `,
+      children
+    }
+  );
+};
+export {
+  SimpleButton
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "mehdi-simple-tailwind-button",
+  "version": "0.1.1",
+  "description": "Simple Tailwind button component",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "tailwindcss": "^3.0.0 || ^4.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "tsup": "^8",
+    "typescript": "^5"
+  },
+  "keywords": [
+    "react",
+    "tailwind",
+    "button",
+    "component"
+  ],
+  "author": "Mehdi Akbari",
+  "license": "MIT"
+}