chore: add shared package - tailwind config

apps/web/package.json

@@ -39,6 +39,7 @@
   },
   "devDependencies": {
     "@tech-companies-portugal/typescript": "*",
+    "@tech-companies-portugal/tailwind": "*",
     "@types/node": "^20",
     "@types/react": "19.0.2",
     "@types/react-dom": "19.0.2",

apps/web/tailwind.config.ts

@@ -1,21 +1,9 @@
+import baseConfig from "@tech-companies-portugal/tailwind";
 import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
 
 const config = {
-  content: [
-    "./pages/**/*.{ts,tsx}",
-    "./components/**/*.{ts,tsx}",
-    "./app/**/*.{ts,tsx}",
-    "./src/**/*.{ts,tsx}",
-  ],
   theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
     extend: {
       fontFamily: {
         sans: ["var(--font-geist-sans)", ...fontFamily.sans],
@@ -64,6 +52,7 @@ const config = {
     },
   },
   plugins: [require("tailwindcss-animate")],
-} satisfies Config;
+  presets: [baseConfig],
+} satisfies Pick<Config, "theme" | "plugins" | "presets">;
 
 export default config;

package.json

@@ -2,7 +2,11 @@
   "name": "tech-companies-portugal",
   "private": true,
   "author": "Alexandre Marques",
-  "workspaces": ["apps/*", "tooling/*", "packages/*"],
+  "workspaces": [
+    "apps/*",
+    "tooling/*",
+    "packages/*"
+  ],
   "description": "Monorepo for the Tech Companies in Portugal",
   "scripts": {
     "build": "turbo build",
@@ -24,4 +28,4 @@
     "turbo": "2.3.3"
   },
   "packageManager": "npm@10.9.0"
-}
+}

tooling/tailwind/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@tech-companies-portugal/tailwind",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "clean": "git clean -xdf .turbo",
+    "lint": "biome check . --write"
+  },
+  "devDependencies": {
+    "@tech-companies-portugal/typescript": "*",
+    "tailwindcss": "^3.3.0"
+  },
+  "exports": {
+    ".": "./tailwind.config.ts"
+  }
+}

tooling/tailwind/tailwind.config.ts

@@ -0,0 +1,22 @@
+import type { Config } from "tailwindcss";
+
+const config = {
+  content: [
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config;
+
+export default config;

tooling/tailwind/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "@tech-companies-portugal/typescript/base.json",
+  "include": ["tailwind.config.ts"],
+  "exclude": ["dist", "build", "node_modules"]
+}

tooling/typescript/package.json

@@ -4,11 +4,12 @@
   "version": "0.0.0",
   "scripts": {
     "clean": "git clean -xdf .turbo",
-    "lint": "biome lint . --write"
+    "lint": "biome check . --write"
   },
   "files": [
     "base.json",
     "react-lib.json",
-    "nextjs.json"
+    "nextjs.json",
+    "tsup.config.json"
   ]
 }

tooling/typescript/tsup.config.json

@@ -0,0 +1,14 @@
+{
+  "entry": [
+    "index.ts"
+  ],
+  "format": [
+    "cjs",
+    "esm"
+  ],
+  "dts": true,
+  "splitting": false,
+  "sourcemap": false,
+  "clean": true,
+  "minify": true
+}