build: config setting

.gitignore

@@ -1 +1,2 @@
-node_modules
+node_modules
+dist

package.json

@@ -1,9 +1,24 @@
 {
   "name": "tailwind-box",
   "version": "1.0.0",
-  "main": "index.js",
-  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "scripts": {
+    "build": "yarn build:cjs && yarn build:esm",
+    "build:cjs": "tsc --p ./tsconfig.cjs.json",
+    "build:esm": "tsc --p ./tsconfig.esm.json"
+  },
+  "author": {
+    "name": "jnoncode"
+  },
   "devDependencies": {
     "typescript": "^5.6.3"
-  }
+  },
+  "license": "MIT"
 }

tsconfig.cjs.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "./dist/cjs",
+    "declaration": true,
+    "declarationDir": "./dist/cjs"
+  },
+  "include": ["src/**/*"]
+}

tsconfig.esm.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "node",
+    "outDir": "./dist/esm",
+    "declaration": true,
+    "declarationDir": "./dist/esm"
+  },
+  "include": ["src/**/*"]
+}

tsconfig.json

@@ -1,12 +1,6 @@
 {
   "compilerOptions": {
-    "module": "esnext",
-    "moduleResolution": "node",
     "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "outDir": "./dist",
-    "declaration": true,
-    "declarationDir": "./dist"
-  },
-  "include": ["src/**/*"]
+    "allowSyntheticDefaultImports": true
+  }
 }