chore: Added a way to manually test the hooks in dev.

dev/App.tsx

@@ -1,25 +1,19 @@
 import type { Component } from 'solid-js'
-import logo from './logo.svg'
-import styles from './App.module.css'
+import './app.css'
+
+// Hooks
+import { useClickOutside } from '../src'
 
 const App: Component = () => {
+  let ref = useClickOutside(() => {
+    alert('I have clicked outside')
+  })
+
   return (
-    <div class={styles.App}>
-      <header class={styles.header}>
-        <img src={logo} class={styles.logo} alt="logo" />
-        <h1></h1>
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          class={styles.link}
-          href="https://github.com/solidjs/solid"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn Solid
-        </a>
-      </header>
+    <div class="">
+      <p class="bg-green-500" ref={ref}>
+        Hello world!
+      </p>
     </div>
   )
 }

dev/app.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package.json

@@ -56,15 +56,18 @@
     "@types/node": "^22.7.4",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^8.7.0",
+    "autoprefixer": "^10.4.20",
     "concurrently": "^9.0.1",
     "esbuild": "^0.24.0",
     "esbuild-plugin-solid": "^0.6.0",
     "eslint": "^9.11.1",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-no-only-tests": "^3.3.0",
     "jsdom": "^25.0.1",
+    "postcss": "^8.4.47",
     "prettier": "3.3.3",
     "solid-js": "^1.9.1",
+    "tailwindcss": "^3.4.13",
     "tsup": "^8.3.0",
     "tsup-preset-solid": "^2.2.0",
     "typescript": "^5.6.2",

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./dev/**/*.{html,js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}