nextui -> heroui

Author: ken-matsui

app/_components/footer.tsx

@@ -1,4 +1,4 @@
-import { Link } from "@nextui-org/react";
+import { Link } from "@heroui/react";
 
 export function Footer() {
     return (

app/_components/header.tsx

@@ -8,7 +8,7 @@ import {
     NavbarBrand,
     NavbarContent,
     NavbarItem,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import NextLink from "next/link";
 
 import { Logo } from "./logo";

app/_components/loading.tsx

@@ -1,4 +1,4 @@
-import { Spinner } from "@nextui-org/react";
+import { Spinner } from "@heroui/react";
 
 export function Loading() {
     return (

app/_components/search.tsx

@@ -2,7 +2,7 @@
 
 import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Input } from "@nextui-org/react";
+import { Input } from "@heroui/react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 

app/packages/[group]/[name]/_components/pack.tsx

@@ -1,4 +1,4 @@
-import { Chip, Code, Divider, Link } from "@nextui-org/react";
+import { Chip, Code, Divider, Link } from "@heroui/react";
 import ReactMarkdown from "react-markdown";
 import { format } from "timeago.js";
 import type { GetPackageByNameAndVersionQuery } from "~/graphql";

app/page.tsx

@@ -1,6 +1,6 @@
 import { faArrowRight, faDownload } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Button, Link } from "@nextui-org/react";
+import { Button, Link } from "@heroui/react";
 import type { Metadata } from "next";
 import Image from "next/image";
 

app/providers.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import { NextUIProvider } from "@nextui-org/react";
+import { HeroUIProvider } from "@heroui/react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 
 export function Providers({ children }: { children: React.ReactNode }) {
     return (
-        <NextUIProvider>
+        <HeroUIProvider>
             <NextThemesProvider attribute="class" defaultTheme="dark">
                 {children}
             </NextThemesProvider>
-        </NextUIProvider>
+        </HeroUIProvider>
     );
 }

app/search/_components/pagination.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Pagination as NextUIPagination } from "@nextui-org/react";
+import { Pagination as NextUIPagination } from "@heroui/react";
 import { useRouter } from "next/navigation";
 
 type Props = {

app/search/page.tsx

@@ -1,4 +1,4 @@
-import { Card, CardBody, CardHeader } from "@nextui-org/react";
+import { Card, CardBody, CardHeader } from "@heroui/react";
 import type { Metadata, ResolvingMetadata } from "next";
 import NextLink from "next/link";
 import { PER_PAGE } from "../_lib/constants";

package.json

@@ -21,7 +21,7 @@
         "@fortawesome/free-brands-svg-icons": "^6.7.2",
         "@fortawesome/free-solid-svg-icons": "^6.7.2",
         "@fortawesome/react-fontawesome": "^0.2.2",
-        "@nextui-org/react": "^2.6.11",
+        "@heroui/react": "2.8.1",
         "@vercel/analytics": "^1.5.0",
         "@vercel/speed-insights": "^1.2.0",
         "framer-motion": "^12.22.0",