Migrate to HeroUI ok

Author: simsine

.npmrc

@@ -1 +1 @@
-public-hoist-pattern[]=*@nextui-org/*
+public-hoist-pattern[]=*@heroui/*

app/(root)/arrangement/page.tsx

@@ -3,7 +3,7 @@ import EventCardPaginated from "@/app/(root)/arrangement/eventCardPaginated"
 import { type Metadata } from "next"
 import CalendarModal from "@/components/modals/calendarModal"
 import FloatingMenu from "@/components/floatingMenu"
-import { Card } from "@nextui-org/card"
+import { Card } from "@heroui/card"
 
 export const metadata: Metadata = {
     title: "Arrangementer | Root Linjeforening",

app/(root)/providers.tsx

@@ -1,20 +1,20 @@
 "use client"
 
-import { NextUIProvider } from "@nextui-org/react"
+import { HeroUIProvider } from "@heroui/react"
 import { ThemeProvider } from "next-themes"
 import { type ReactNode, useEffect } from "react"
 
 /**
  * En komponent som inneholder alle providers som skal brukes i nettsiden.
- * NextUIProvider er en provider som brukes av NextUI for å style komponenter.
+ * HeroUIProvider er en provider som brukes av HeroUI for å style komponenter.
  * ThemeProvider er en provider som brukes av next-themes for light mode og dark mode.
  * @param children Innholdet som skal rendres i komponenten
  * @see https://nextui.org/docs/frameworks/nextjs
  */
 export const Providers = ({ children }: { children: ReactNode }) => (
-    <NextUIProvider>
+    <HeroUIProvider>
         <ThemeProvider attribute={"class"} enableSystem>
             {children}
         </ThemeProvider>
-    </NextUIProvider>
+    </HeroUIProvider>
 )

components/buttons/button.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { Button as _Button, Link } from "@nextui-org/react"
+import { Button as _Button, Link } from "@heroui/react"
 import { LinkIcon } from "@heroicons/react/24/outline"
 import { defaultIconSize } from "@/components/icons/icon"
 

components/buttons/darkModeToggle.tsx

@@ -3,7 +3,7 @@
 import { useTheme } from "next-themes"
 import { MoonIcon, SunIcon } from "@heroicons/react/24/outline"
 import { useEffect, useState } from "react"
-import { Button, ButtonGroup } from "@nextui-org/button"
+import { Button, ButtonGroup } from "@heroui/button"
 import { defaultIconSize } from "@/components/icons/icon"
 
 const buttons = [

components/cards/infoCard.tsx

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react"
-import { Card, CardBody, CardFooter, CardHeader } from "@nextui-org/card"
+import { Card, CardBody, CardFooter, CardHeader } from "@heroui/card"
 
 interface EventCardProps extends ChildProps {
     cardTitle: string

components/cards/singleInfoCard.tsx

@@ -6,7 +6,7 @@ import { PortableText } from "@portabletext/react"
 import { components } from "@/sanity/lib/portabletext"
 import type { TypedObject } from "sanity"
 import ImageViewer from "@/components/imageViewer"
-import { Card, CardBody, CardFooter, CardHeader } from "@nextui-org/card"
+import { Card, CardBody, CardFooter, CardHeader } from "@heroui/card"
 
 interface SingleInfoCardProps extends ChildProps {
     image?: SanityImageObject

components/divider.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { Divider as _Divider } from "@nextui-org/react"
+import { Divider as _Divider } from "@heroui/react"
 
 export const Divider: Component = ({ className }) => (
     <_Divider className={`mx-auto w-3/4 ${className}`} />

components/dropdown/addToCalendarDropdown.tsx

@@ -3,7 +3,7 @@ import Dropdown, { type Key } from "@/components/dropdown/dropdown"
 import { ChevronDownIcon } from "@heroicons/react/24/outline"
 import { defaultIconSize } from "@/components/icons/icon"
 import { useMemo, useState } from "react"
-import { Tooltip } from "@nextui-org/react"
+import { Tooltip } from "@heroui/react"
 
 type CalendarKey = "google" | "outlook" | "apple" | "ics" | "copy"
 

components/dropdown/dropdown.tsx

@@ -6,7 +6,7 @@ import {
     DropdownMenu,
     DropdownItem,
     Button,
-} from "@nextui-org/react"
+} from "@heroui/react"
 
 export type Key = string | number