chore(tailwindcss): improve tailwindcss implementation

Author: halvaradop

docs/src/ui/globals.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "fumadocs-ui/css/neutral.css";
 @import "fumadocs-ui/css/preset.css";
+@import "@halvaradop/tailwindcss-utilities";
+@import "@halvaradop/tailwindcss-animations";
 @import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));

package.json

@@ -5,7 +5,8 @@
   "type": "module",
   "description": "A monorepo project for managing multiple packages with features and utilities for TailwindCSS.",
   "scripts": {
-    "dev": "turbo dev --parallel --filter=!*page",
+    "dev": "turbo dev --parallel",
+    "dev:core": "turbo dev --parallel --filter=./packages/*",
     "dev:docs": "turbo dev --filter=docs",
     "build": "pnpm build:core && turbo run build --parallel --filter=!*core",
     "build:docs": "turbo run build --filter=docs",

packages/tailwindcss-animations/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@halvaradop/tailwindcss-animations",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A collection of utility classes and utilities for animations using Tailwind CSS",
   "type": "module",
   "scripts": {
-    "build": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/plugin.css --minify",
-    "dev": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/plugin.css --watch",
+    "build": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/index.css --minify",
+    "dev": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/index.css --watch",
     "clean": "npm run clean:dist && npm run clean:modules",
     "clean:dist": "rm -rf dist",
     "clean:modules": "rm -rf node_modules"
@@ -35,7 +35,9 @@
   },
   "homepage": "https://github.com/halvaradop/tailwindcss-utilities#readme",
   "exports": {
-    ".": "./dist/plugin.css"
+    ".": "./dist/index.css",
+    "./index.css": "./dist/index.css",
+    "./css/index.css": "./dist/index.css"
   },
   "files": [
     "dist"

packages/tailwindcss-animations/src/index.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 @theme {
     /**
         Animation Fill Mode

packages/tailwindcss-utilities/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@halvaradop/tailwindcss-utilities",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A TailwindCSS plugin that provides a set of utilities to enhance the default functionalities and offer additional customization options.",
   "type": "module",
   "scripts": {
-    "build": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/plugin.css --minify",
-    "dev": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/plugin.css --watch",
+    "build": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/index.css --minify",
+    "dev": "pnpm dlx @tailwindcss/cli -i ./src/index.css -o ./dist/index.css --watch",
     "clean": "npm run clean:dist && npm run clean:modules",
     "clean:dist": "rm -rf dist",
     "clean:modules": "rm -rf node_modules"
@@ -34,7 +34,9 @@
   },
   "homepage": "https://github.com/halvaradop/tailwindcss-utilities#readme",
   "exports": {
-    ".": "./dist/plugin.css"
+    ".": "./dist/index.css",
+    "./index.css": "./dist/index.css",
+    "./css/index.css": "./dist/index.css"
   },
   "files": [
     "dist"

packages/tailwindcss-utilities/src/index.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 @theme {
     /**
         Min Width

pnpm-workspace.yaml

@@ -1,3 +1,3 @@
 packages:
   - "packages/*"
-  - "app"
+  - "docs"