Add "use client" directive (#228)

* feat: add use client directive

* chore: remove website from changeset ignored packages

* chore: add changeset

Author: morellodev

.changeset/config.json

@@ -7,5 +7,5 @@
   "access": "restricted",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
-  "ignore": ["playground", "website"]
+  "ignore": ["playground"]
 }

.changeset/popular-moles-punch.md

@@ -0,0 +1,5 @@
+---
+"react-awesome-reveal": minor
+---
+
+Add RSC frameworks support

packages/lib/src/Reveal.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { ClassNames } from "@emotion/react";
 import type { Keyframes, SerializedStyles } from "@emotion/serialize";
 import { Children, type CSSProperties, isValidElement, useMemo } from "react";

packages/lib/src/components/AttentionSeeker.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { Keyframes } from "@emotion/serialize";
 import { type CSSProperties, useMemo } from "react";
 

packages/lib/src/components/Bounce.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import {

packages/lib/src/components/Fade.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import {

packages/lib/src/components/Flip.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { type CSSProperties, useMemo } from "react";
 
 import {

packages/lib/src/components/Hinge.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { CSSProperties } from "react";
 
 import { hinge } from "../animations/specials";

packages/lib/src/components/JackInTheBox.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { jackInTheBox } from "../animations/specials";
 import { Reveal, type RevealProps } from "../Reveal";
 

packages/lib/src/components/Roll.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import { rollIn, rollOut } from "../animations/specials";

packages/lib/src/components/Rotate.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import type { Keyframes } from "@emotion/serialize";
 import { type CSSProperties, useMemo } from "react";
 

packages/lib/src/components/Slide.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import {

packages/lib/src/components/Zoom.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 
 import {