export styles.css and tailwind.css for tailwind users

.gitignore

@@ -7,6 +7,7 @@ tmp
 /out-tsc
 site/vocs.config.tsx.timestamp*
 src/styles.css
+src/tailwind.css
 
 # dependencies
 node_modules

package.json

@@ -5,8 +5,8 @@
   "repository": "https://github.com/coinbase/onchainkit.git",
   "license": "MIT",
   "scripts": {
-    "build": "packemon build --addEngines --addFiles --declaration && npx packemon validate --no-license --no-people --no-repo && tailwindcss -o ./src/styles.css --minify",
-    "watch": "tailwind -o ./src/styles.css --watch",
+    "build": "packemon build --addEngines --addFiles --declaration && npx packemon validate --no-license --no-people --no-repo && tailwindcss -i ./src/styles/index.css -o ./src/tailwind.css --minify && tailwindcss -i ./src/styles/index-with-tailwind.css -o ./src/styles.css --minify",
+    "watch": "tailwind -i ./src/styles/index.css -o ./src/tailwind.css --watch",
     "check": "yarn format",
     "format": "prettier --log-level warn --write .",
     "format:check": "prettier --check .",
@@ -95,6 +95,7 @@
   "exports": {
     "./package.json": "./package.json",
     "./styles.css": "./src/styles.css",
+    "./tailwind.css": "./src/tailwind.css",
     ".": {
       "types": "./esm/index.d.ts",
       "module": "./esm/index.js",

src/styles/index-with-tailwind.css

@@ -0,0 +1,2 @@
+@import url('./tailwind-base.css');
+@import url('./index.css');

src/styles/index.css

@@ -0,0 +1 @@
+@import url('../token/components/TokenSelectDropdown.css');

src/styles/tailwind-base.css

@@ -0,0 +1 @@
+@tailwind base;