chore(deps): update dependencies (#108)

* chore(deps): update dependencies

* chore(deps): upgrade dependencies

* fix(types): update import type

* chore(packages): upgrade `@halvaradop/tailwindcss` packages (#109)

* chore(utilities): upgrade `@halvaradop/tailwindcss-utilities`

* refactor(animation): upgrade `@halvaradop/tailwindcss-animations`

* chore(animations): add `animation-` utilities

- `animation-count-`
- `animation-fill-mode-`
- `animation-range-`
- `animation-timeline-`

* chore(app): implement the new version of the packages

- Remove unnecesary code
- Remove test in `animations` and `utilities` packages

* chore(docs): update `README.md` files

* chore(ui): update website (#110)

* chore(ui): update website

* chore(mdx): setup `mdx`

* chore(ui): update website

* chore: remove unnecessary code

* chore(deps): remove `shiki` dependency

Author: halvaradop

app/mdx-components.tsx

@@ -0,0 +1,5 @@
+import type { MDXComponents } from "mdx/types"
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+    return { ...components }
+}

app/next.config.mjs

@@ -0,0 +1,18 @@
+import type { NextConfig } from "next"
+import createMDX from "@next/mdx"
+import rehypeHighlight from "rehype-highlight"
+
+const nextConfig: NextConfig = {
+    pageExtensions: ["js", "jsx", "ts", "tsx", "md", "mdx"],
+    reactStrictMode: true,
+}
+
+const withMDX = createMDX({
+    extension: /\.mdx?$/,
+    options: {
+        remarkPlugins: [],
+        rehypePlugins: [rehypeHighlight],
+    },
+})
+
+export default withMDX(nextConfig)

app/next.config.ts

@@ -11,21 +11,27 @@
     "format:check": "prettier --check ."
   },
   "dependencies": {
-    "@halvaradop/ui-button": "^0.3.2",
-    "@halvaradop/ui-core": "^0.2.1",
+    "@halvaradop/ui-button": "0.4.0-beta.1",
+    "@halvaradop/ui-core": "^0.5.0",
+    "@mdx-js/loader": "^3.1.0",
+    "@mdx-js/react": "^3.1.0",
+    "@next/mdx": "^15.3.1",
     "framer-motion": "12.0.0-alpha.2",
-    "next": "15.1.0",
-    "react": "19.0.0-rc-66855b96-20241106",
-    "react-dom": "19.0.0-rc-66855b96-20241106"
+    "highlight.js": "^11.11.1",
+    "next": "15.2.4",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "rehype-highlight": "^7.0.2"
   },
   "devDependencies": {
     "@halvaradop/tailwindcss-animations": "workspace:*",
     "@halvaradop/tailwindcss-core": "workspace:*",
     "@halvaradop/tailwindcss-utilities": "workspace:*",
-    "@types/node": "^20.17.9",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "class-variance-authority": "^0.7.1",
-    "shiki": "^1.24.2"
+    "@tailwindcss/postcss": "^4.1.4",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^22.14.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.1",
+    "class-variance-authority": "^0.7.1"
   }
 }

app/package.json

@@ -1,7 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
     plugins: {
-        tailwindcss: {},
+        "@tailwindcss/postcss": {},
     },
 }