Spaces:
Sleeping
Sleeping
add heroui
Browse files- bun.lock +0 -0
- package.json +2 -0
- src/app/globals.css +5 -0
- src/app/layout.tsx +5 -1
- src/app/providers.tsx +7 -0
- src/hero.ts +4 -0
bun.lock
CHANGED
|
The diff for this file is too large to render.
See raw diff
|
|
|
package.json
CHANGED
|
@@ -10,8 +10,10 @@
|
|
| 10 |
"format": "prettier --write ."
|
| 11 |
},
|
| 12 |
"dependencies": {
|
|
|
|
| 13 |
"@react-three/drei": "^10.7.4",
|
| 14 |
"@react-three/fiber": "^9.3.0",
|
|
|
|
| 15 |
"leva": "^0.10.0",
|
| 16 |
"next": "15.5.2",
|
| 17 |
"react": "19.1.0",
|
|
|
|
| 10 |
"format": "prettier --write ."
|
| 11 |
},
|
| 12 |
"dependencies": {
|
| 13 |
+
"@heroui/react": "^2.8.3",
|
| 14 |
"@react-three/drei": "^10.7.4",
|
| 15 |
"@react-three/fiber": "^9.3.0",
|
| 16 |
+
"framer-motion": "^12.23.12",
|
| 17 |
"leva": "^0.10.0",
|
| 18 |
"next": "15.5.2",
|
| 19 |
"react": "19.1.0",
|
src/app/globals.css
CHANGED
|
@@ -1,5 +1,10 @@
|
|
| 1 |
@import 'tailwindcss';
|
| 2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 3 |
::-webkit-scrollbar {
|
| 4 |
display: none;
|
| 5 |
}
|
|
|
|
| 1 |
@import 'tailwindcss';
|
| 2 |
|
| 3 |
+
@plugin '../hero.ts';
|
| 4 |
+
/* Note: You may need to change the path to fit your project structure */
|
| 5 |
+
@source '../../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';
|
| 6 |
+
@custom-variant dark (&:is(.dark *));
|
| 7 |
+
|
| 8 |
::-webkit-scrollbar {
|
| 9 |
display: none;
|
| 10 |
}
|
src/app/layout.tsx
CHANGED
|
@@ -1,5 +1,7 @@
|
|
| 1 |
import type { Metadata } from 'next';
|
| 2 |
|
|
|
|
|
|
|
| 3 |
import './globals.css';
|
| 4 |
|
| 5 |
export const metadata: Metadata = {
|
|
@@ -14,7 +16,9 @@ export default function RootLayout({
|
|
| 14 |
}>) {
|
| 15 |
return (
|
| 16 |
<html lang="en">
|
| 17 |
-
<body className={`antialiased`}>
|
|
|
|
|
|
|
| 18 |
</html>
|
| 19 |
);
|
| 20 |
}
|
|
|
|
| 1 |
import type { Metadata } from 'next';
|
| 2 |
|
| 3 |
+
import { Providers } from '@/app/providers';
|
| 4 |
+
|
| 5 |
import './globals.css';
|
| 6 |
|
| 7 |
export const metadata: Metadata = {
|
|
|
|
| 16 |
}>) {
|
| 17 |
return (
|
| 18 |
<html lang="en">
|
| 19 |
+
<body className={`antialiased`}>
|
| 20 |
+
<Providers>{children}</Providers>
|
| 21 |
+
</body>
|
| 22 |
</html>
|
| 23 |
);
|
| 24 |
}
|
src/app/providers.tsx
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
'use client';
|
| 2 |
+
|
| 3 |
+
import { HeroUIProvider } from '@heroui/react';
|
| 4 |
+
|
| 5 |
+
export const Providers = ({ children }: { children: React.ReactNode }) => {
|
| 6 |
+
return <HeroUIProvider className='h-full w-full'>{children}</HeroUIProvider>;
|
| 7 |
+
};
|
src/hero.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
// hero.ts
|
| 2 |
+
import { heroui } from '@heroui/react';
|
| 3 |
+
|
| 4 |
+
export default heroui();
|