migrate to heroui

app/(admin)/admin/article/create/page.tsx

@@ -1,6 +1,6 @@
 import CreateArticleForm from "@/components/form/article/create-article-form";
 import FormArticle from "@/components/form/form-article";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function CreateArticle() {
   return (

app/(admin)/admin/article/generate/edit/[id]/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 import EditGeneratedArticleChecker from "@/components/form/article/edit-generated-article-checker-form";
 import EditGeneratedArticleContent from "@/components/form/article/edit-generated-article-content-form";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
-import { Tab, Tabs } from "@nextui-org/react";
+import { Tab, Tabs } from "@heroui/react";
 
 import { useParams } from "next/navigation";
 

app/(admin)/admin/article/generate/page.tsx

@@ -1,5 +1,5 @@
 import GenerateArticleForm from "@/components/form/article/generate-article-form";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function GenerateArticle() {
   return (

app/(admin)/admin/article/page.tsx

@@ -2,7 +2,7 @@
 import { AddIcon } from "@/components/icons";
 import ArticleTable from "@/components/table/article-table";
 import generatedArticleIds from "@/store/generated-article-store";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 

app/(admin)/admin/magazine/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MagazineTable from "@/components/table/magazine/magazine-table";
-import { Button } from "@nextui-org/react";
+import { Button } from "@heroui/react";
 import Link from "next/link";
 
 export default function MagazineTablePage() {

app/(admin)/admin/master-category/page.tsx

@@ -15,7 +15,7 @@ import {
   ModalHeader,
   Textarea,
   useDisclosure,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import * as z from "zod";

app/(admin)/admin/master-role/create/page.tsx

@@ -1,5 +1,5 @@
 import FormMasterUserRole from "@/components/form/form-master-user-role";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function CreateMasterUserRolePage() {
   return (

app/(admin)/admin/master-role/detail/[id]/page.tsx

@@ -1,5 +1,5 @@
 import FormDetailMasterUserRole from "@/components/form/form-detail-master-user-role";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function DetailMasterRolePage() {
   return (

app/(admin)/admin/master-role/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MasterRoleTable from "@/components/table/master-role-table";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";
 
 export default function MasterRolePage() {

app/(admin)/admin/master-user/create/page.tsx

@@ -1,5 +1,5 @@
 import FormMasterUser from "@/components/form/form-master-user";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function CreateMasterUserPage() {
   return (

app/(admin)/admin/master-user/edit/[id]/page.tsx

@@ -1,6 +1,6 @@
 import FormMasterUser from "@/components/form/form-master-user";
 import FormMasterUserEdit from "@/components/form/form-master-user-edit";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function CreateMasterUserPage() {
   return (

app/(admin)/admin/master-user/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MasterUserTable from "@/components/table/master-user-table";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";
 
 export default function MasterUserPage() {

app/(admin)/admin/static-page/create/page.tsx

@@ -1,5 +1,5 @@
 import StaticPageBuilder from "@/components/main/static-page/static-page-main";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function StaticPageGenerator() {
   return (

app/(admin)/admin/static-page/edit/[id]/page.tsx

@@ -1,5 +1,5 @@
 import StaticPageBuilderEdit from "@/components/form/static-page/static-page-edit-form";
-import { Card } from "@nextui-org/react";
+import { Card } from "@heroui/react";
 
 export default function StaticPageEdit() {
   return (

app/(admin)/admin/static-page/page.tsx

@@ -1,6 +1,6 @@
 import { AddIcon } from "@/components/icons";
 import StaticPageTable from "@/components/table/static-page-table";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import Link from "next/link";
 
 export default function StaticPageGeneratorList() {

app/(admin)/settings/page.tsx

@@ -3,7 +3,7 @@ import PasswordForm from "@/components/form/settings/password";
 import ProfileForm from "@/components/form/settings/profile";
 import { close, loading } from "@/config/swal";
 import { getProfile } from "@/service/master-user";
-import { Tab, Tabs } from "@nextui-org/react";
+import { Tab, Tabs } from "@heroui/react";
 import { useEffect, useState } from "react";
 
 export default function Settings() {

app/providers.tsx

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { NextUIProvider } from "@nextui-org/system";
+import { HeroUIProvider } from "@heroui/system";
 import { useRouter } from 'next/navigation'
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { ThemeProviderProps } from "next-themes/dist/types";
@@ -14,8 +14,8 @@ export function Providers({ children, themeProps }: ProvidersProps) {
 	const router = useRouter();
 
 	return (
-		<NextUIProvider navigate={router.push}>
+		<HeroUIProvider navigate={router.push}>
 			<NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
-		</NextUIProvider>
+		</HeroUIProvider>
 	);
 }

app/setup-password/page.tsx

@@ -1,7 +1,7 @@
 "use client";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import React, { useState } from "react";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import Link from "next/link";
 import Cookies from "js-cookie";
 import { close, error, loading } from "@/config/swal";

app/static/[slug]/page.tsx

@@ -2,7 +2,7 @@
 
 import { HumasLayout } from "@/components/layout/humas-layout";
 import { getCustomStaticDetailBySlug } from "@/service/static-page-service";
-import { Card, CircularProgress } from "@nextui-org/react";
+import { Card, CircularProgress } from "@heroui/react";
 import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
 

components/counter.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 
 export const Counter = () => {
 	const [count, setCount] = useState(0);

components/detail/ListNews.tsx

@@ -13,7 +13,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { SearchIcon } from "../icons";
 

components/form/article/create-article-form.tsx

@@ -12,14 +12,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@nextui-org/switch";
+import { Switch } from "@heroui/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -40,7 +40,7 @@ import {
   SelectItem,
   SelectSection,
   useDisclosure,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import GenerateSingleArticleForm from "./generate-ai-single-form";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";

components/form/article/edit-article-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@nextui-org/switch";
+import { Switch } from "@heroui/switch";
 import {
   createArticle,
   deleteArticleFiles,
@@ -24,7 +24,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Chip } from "@nextui-org/react";
+import { Chip } from "@heroui/react";
 import GenerateSingleArticleForm from "./generate-ai-single-form";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";

components/form/article/edit-generated-article-checker-form.tsx

@@ -1,7 +1,7 @@
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import JoditEditor from "jodit-react";
 import { useEffect, useRef, useState } from "react";
 import {
@@ -10,12 +10,12 @@ import {
   regenerateArticle,
   updateManualArticle,
 } from "@/service/generate-article";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
 import { useRouter } from "next/navigation";
 import { close, error, loading } from "@/config/swal";
-import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
+import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
 
 const formSchema = z.object({
   mainKeyword: z.string().min(2, {

components/form/article/edit-generated-article-content-form.tsx

@@ -1,14 +1,14 @@
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import JoditEditor from "jodit-react";
 import { useEffect, useRef, useState } from "react";
 import {
   getDetailArticle,
   updateManualArticle,
 } from "@/service/generate-article";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
 import { useRouter } from "next/navigation";

components/form/article/generate-ai-content-rewrite-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-ai-single-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-article-form.tsx

@@ -12,7 +12,7 @@ import {
   SelectSection,
   Selection,
   Spinner,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";

components/form/article/generate-bulk-article-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useState } from "react";
 import { Controller, useFieldArray, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-rewrite-form.tsx

@@ -6,7 +6,7 @@ import {
   SelectItem,
   SelectSection,
   Textarea,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-single-article-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { FormEvent, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/get-seo-score-form.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { error } from "@/config/swal";
 import { getSeoScore } from "@/service/generate-article";
-import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
+import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
 
 import { useEffect, useRef, useState } from "react";
 

components/form/article/speech-to-text-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { AddIcon, TimesIcon } from "@/components/icons";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import {
   Button,
   Checkbox,
@@ -9,7 +9,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 import { Suspense, useState } from "react";

components/form/form-article.tsx

@@ -10,7 +10,7 @@ import {
   Select,
   SelectItem,
   Selection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";

components/form/form-detail-article.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { error } from "@/config/swal";
 import { getSeoScore } from "@/service/generate-article";
-import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
+import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
 
 import { useEffect, useRef, useState } from "react";
 

components/form/form-detail-master-user-role.tsx

@@ -2,7 +2,7 @@
 import { error } from '@/config/swal';
 import { createMasterUserRole, getMasterUserRoleById } from '@/service/master-user-role';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Button, Card, Input, Textarea } from '@nextui-org/react';
+import { Button, Card, Input, Textarea } from "@heroui/react";
 import Link from 'next/link';
 import { usePathname, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';

components/form/form-edit-article.tsx

@@ -9,7 +9,7 @@ import {
   Select,
   SelectItem,
   Selection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";

components/form/form-master-user-edit.tsx

@@ -17,7 +17,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/form/form-master-user-role.tsx

@@ -15,7 +15,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/form/form-master-user.tsx

@@ -13,7 +13,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";

components/form/form-permohonan-informasi.tsx

@@ -1,8 +1,8 @@
 'use client'
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from '@nextui-org/button';
+import { Button } from "@heroui/button";
-import { Input } from '@nextui-org/input';
+import { Input } from "@heroui/input";
-import { Select, SelectItem, SelectSection } from '@nextui-org/react';
+import { Select, SelectItem, SelectSection } from "@heroui/react";
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -63,7 +63,7 @@ const FormApplication: React.FC = () => {
         //     </div>
         //     <button type="submit">Submit</button>
         // </form>
-        <div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
+        (<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
             <div className='text-xl font-bold'>Form Register Permohonan</div>
             <div>
                 <Input
@@ -468,7 +468,7 @@ const FormApplication: React.FC = () => {
                 </Select>
             </div>
             <Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
-        </div>
+        </div>)
     );
 };
 

components/form/form-permohonan-keberatan.tsx

@@ -1,8 +1,8 @@
 'use client'
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from '@nextui-org/button';
+import { Button } from "@heroui/button";
-import { Input } from '@nextui-org/input';
+import { Input } from "@heroui/input";
-import { Select, SelectItem, SelectSection } from '@nextui-org/react';
+import { Select, SelectItem, SelectSection } from "@heroui/react";
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -63,7 +63,7 @@ const FormObjectionRequest: React.FC = () => {
         //     </div>
         //     <button type="submit">Submit</button>
         // </form>
-        <div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
+        (<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
             <div className='text-xl font-bold'>Form Register Permohonan Keberatan</div>
             <div>
                 <Input
@@ -468,7 +468,7 @@ const FormObjectionRequest: React.FC = () => {
                 </Select>
             </div>
             <Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
-        </div>
+        </div>)
     );
 };
 

components/form/login.tsx

@@ -1,8 +1,8 @@
 "use client";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import React, { useState } from "react";
 import { EyeFilledIcon, EyeSlashFilledIcon } from "../icons";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import Link from "next/link";
 import Cookies from "js-cookie";
 import { close, error, loading } from "@/config/swal";

components/form/magazine/create-magazine-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@nextui-org/switch";
+import { Switch } from "@heroui/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -21,7 +21,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Checkbox, Chip } from "@nextui-org/react";
+import { Checkbox, Chip } from "@heroui/react";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";
 import { useRouter } from "next/navigation";

components/form/magazine/edit-magazine-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@nextui-org/switch";
+import { Switch } from "@heroui/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -21,7 +21,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Checkbox, Chip } from "@nextui-org/react";
+import { Checkbox, Chip } from "@heroui/react";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";
 import { useParams, useRouter } from "next/navigation";

components/form/magazine/magazine-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Input, Radio, RadioGroup, Select, SelectItem, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Input, Radio, RadioGroup, Select, SelectItem, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-menu/menu-data/menu-data-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-module/master-module-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-user-level/master-user-level-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/qudo-login.tsx

@@ -4,7 +4,7 @@ import Cookies from "js-cookie";
 import { EyeIconMdi, EyeOffIconMdi } from "@/components/icons";
 import { error, loading, close } from "@/config/swal";
 
-import { Button, Input } from "@nextui-org/react";
+import { Button, Input } from "@heroui/react";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { postSignIn } from "@/service/master-user";

components/form/settings/password.tsx

@@ -2,9 +2,9 @@
 import { useState } from "react";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import { EyeFilledIcon, EyeSlashFilledIcon } from "@/components/icons";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import PasswordChecklist from "react-password-checklist";
 import { savePassword } from "@/service/master-user";
 import { close, error, loading } from "@/config/swal";

components/form/settings/profile.tsx

@@ -5,9 +5,9 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Radio, RadioGroup } from "@nextui-org/react";
+import { Radio, RadioGroup } from "@heroui/react";
 import { updateProfile } from "@/service/master-user";
 import { close, error, loading } from "@/config/swal";
 

components/form/static-page/static-page-edit-form.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import { useCallback, useEffect, useState } from "react";
 import DOMPurify from "dompurify";
 import { Controller, useForm } from "react-hook-form";

components/landing/CategorySatker.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React from "react";
 import Link from "next/link";

components/landing/ENewsPolri.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Card, CardFooter } from "@nextui-org/react";
+import { Card, CardFooter } from "@heroui/react";
 import Image from "next/image";
 import { useEffect, useState } from "react";
 import { ChevronLeftWhite, ChevronRightIcon, EyeIcon } from "../icons";

components/landing/Footer.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import { MailIcon, SendIcon } from "../icons";
 import Link from "next/link";
 import { useTranslations } from "next-intl";

components/landing/HeaderNews.tsx

@@ -5,7 +5,7 @@ import {
   CardFooter,
   CircularProgress,
   ScrollShadow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Image from "next/image";
 import { ChevronLeftIcon, ChevronRightIcon, EyeIcon } from "../icons";
 import { Swiper, SwiperSlide, useSwiper } from "swiper/react";

components/landing/MediaSocial.tsx

@@ -17,7 +17,7 @@ import InstagramWidget from "../ui/social-media/instagram";
 import FacebookWidget from "../ui/social-media/facebook";
 import YoutubeWidget from "../ui/social-media/youtube";
 import { useState } from "react";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 
 export default function MediaSocial() {
   // const [limitedData, setLimitedData] = useState<any>([]);

components/landing/MedolUpdate.tsx

@@ -6,7 +6,7 @@ import {
   Image,
   Tab,
   Tabs,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import React, { useEffect, useState } from "react";
 import { Swiper, SwiperSlide } from "swiper/react";
 import "swiper/css";

components/landing/PolriApps.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React, { useEffect, useState } from "react";
 import Link from "next/link";

components/landing/RegionalNews.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React, { useEffect, useState } from "react";
 import Link from "next/link";

components/landing/SidebarNav.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button, LinkIcon, ScrollShadow } from "@nextui-org/react";
+import { Button, LinkIcon, ScrollShadow } from "@heroui/react";
 import React, { useEffect, useState } from "react";
 import { EyeIcon } from "../icons";
 import Image from "next/image";

components/layout/navbar/HumasNavbarWrapper.tsx

@@ -4,7 +4,7 @@ import {
   NavbarBrand,
   NavbarContent,
   NavbarItem,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 import {
   Avatar,
   Dropdown,
@@ -12,7 +12,7 @@ import {
   DropdownMenu,
   DropdownTrigger,
   ScrollShadow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import React from "react";
 import { ThemeSwitch } from "../../theme-switch";
 import Link from "next/link";

components/layout/navbar/NavbarHumas.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { siteConfig } from "@/config/site";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import {
   Navbar,
   NavbarContent,
@@ -8,14 +8,14 @@ import {
   NavbarMenu,
   NavbarMenuItem,
   NavbarMenuToggle,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Image from "next/image";
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
@@ -133,7 +133,7 @@ export default function NavbarHumas(props: { size: string }) {
   }, []);
 
   return (
-    <Navbar
+    (<Navbar
       isBordered
       maxWidth="full"
       height={size === "sm" ? "6rem" : "8rem"}
@@ -1088,7 +1088,7 @@ export default function NavbarHumas(props: { size: string }) {
                   // <Button className="bg-[#DD8306]" onPress={onLogout}>
                   //   Logout
                   // </Button>
-                  <Dropdown>
+                  (<Dropdown>
                     <DropdownTrigger>
                       <Button variant="bordered">Menu</Button>
                     </DropdownTrigger>
@@ -1110,7 +1110,7 @@ export default function NavbarHumas(props: { size: string }) {
                         Logout
                       </DropdownItem>
                     </DropdownMenu>
-                  </Dropdown>
+                  </Dropdown>)
                 ) : (
                   <Link href="/auth">
                     <Button
@@ -1240,6 +1240,6 @@ export default function NavbarHumas(props: { size: string }) {
           </div>
         </NavbarContent>
       </div>
-    </Navbar>
+    </Navbar>)
   );
 }

components/layout/navbar/NavbarPPID.tsx

@@ -1,18 +1,18 @@
 "use client";
-import { Link } from "@nextui-org/link";
+import { Link } from "@heroui/link";
 import {
   Navbar,
   NavbarContent,
   NavbarItem,
   NavbarMenuToggle,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,

components/layout/navbar/NavbarSatker.tsx

@@ -1,17 +1,17 @@
-import { Link } from "@nextui-org/link";
+import { Link } from "@heroui/link";
 import {
   Navbar,
   NavbarContent,
   NavbarItem,
   NavbarMenuToggle,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,

components/layout/navbar/PPIDAdminNavbarWrapper.tsx

@@ -3,14 +3,14 @@ import {
   NavbarBrand,
   NavbarContent,
   NavbarItem,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 import {
   Avatar,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import React, { Children } from "react";
 import { ThemeSwitch } from "../../theme-switch";

components/layout/portal-ppid/LatestNews.tsx

@@ -1,4 +1,4 @@
-import { Button } from '@nextui-org/button'
+import { Button } from "@heroui/button"
 import React from 'react'
 
 export default function LatestNews() {

components/layout/portal-ppid/MediaUpdate.tsx

@@ -1,5 +1,5 @@
 import { EyeIcon } from "@/components/icons";
-import { ScrollShadow } from "@nextui-org/react";
+import { ScrollShadow } from "@heroui/react";
 import React from "react";
 
 export default function MediaUpdate() {

components/layout/portal-ppid/PPIDPolda.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   Image,
   Input,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import PPIDSidebar from "./PPIDSidebar";
 import { SearchIcon } from "@/components/icons";

components/layout/portal-ppid/PPIDSatker.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react";
+import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@heroui/react";
 import Link from "next/link";
 import PPIDSidebar from "./PPIDSidebar";
 import { SearchIcon } from "@/components/icons";

components/layout/portal-ppid/PPIDSatkerSidebar.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Button, Input } from '@nextui-org/react'
+import { Button, Input } from "@heroui/react"
 import Link from 'next/link'
 
 export default function PPIDSatkerSidebar() {

components/layout/portal-ppid/PPIDSidebar.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button, Input, ScrollShadow } from "@nextui-org/react";
+import { Button, Input, ScrollShadow } from "@heroui/react";
 import React from "react";
 import Link from "next/link";
 

components/layout/portal-ppid/ppid-banner.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { SearchIcon } from "@/components/icons";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import { usePathname } from "next/navigation";
 
 interface PPIDBannerProps {
@@ -19,7 +19,36 @@ export default function PPIDBanner({ url }: PPIDBannerProps) {
   console.log(isPolri);
 
   return (
-    <div className=" bg-white relative">
+    // <div className='relative h-screen'>
+    //     <div className='relative w-full'>
+    //         <img
+    //             className='w-full opacity-100 dark:opacity-90'
+    //             src="banner-ppid.png"
+    //             alt="banner"
+    //         />
+    //     </div>
+    //     <div className='flex  flex-col items-center w-[100%] md:w-[80%] leading-10 h-auto absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center bg-inherit text-inherit md:text-white'>
+    //         <p className='text-lg md:text-xl lg:text-4xl font-bold leading-10'>
+    //             SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA  (HUMAS POLRI)
+    //         </p>
+    //         <p className='text-xs md:text-md lg:text-base pt-5'>
+    //             Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari <br /> implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
+    //         </p>
+    //         {/* <div className='pt-4 w-[50%]'>
+    //             <Input
+    //                 type="email"
+    //                 placeholder="Informasi Berkala"
+    //                 classNames={{
+    //                     inputWrapper: 'bg-white'
+    //                 }}
+    //                 startContent={
+    //                     <SearchIcons className=" text-default-400 pointer-events-none flex-shrink-0" />
+    //                 }
+    //             />
+    //         </div> */}
+    //     </div>
+    // </div>
+    (<div className=" bg-white relative">
       <div className="relative">
         <img
           src="/banner-ppid.png"
@@ -52,36 +81,6 @@ export default function PPIDBanner({ url }: PPIDBannerProps) {
           </div>
         </div>
       </div>
-    </div>
+    </div>)
-    // <div className='relative h-screen'>
-    //     <div className='relative w-full'>
-    //         <img
-    //             className='w-full opacity-100 dark:opacity-90'
-    //             src="banner-ppid.png"
-    //             alt="banner"
-    //         />
-    //     </div>
-    //     <div className='flex  flex-col items-center w-[100%] md:w-[80%] leading-10 h-auto absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center bg-inherit text-inherit md:text-white'>
-    //         <p className='text-lg md:text-xl lg:text-4xl font-bold leading-10'>
-    //             SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA  (HUMAS POLRI)
-    //         </p>
-    //         <p className='text-xs md:text-md lg:text-base pt-5'>
-    //             Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari <br /> implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
-    //         </p>
-    //         {/* <div className='pt-4 w-[50%]'>
-    //             <Input
-    //                 type="email"
-    //                 placeholder="Informasi Berkala"
-    //                 classNames={{
-
-    //                     inputWrapper: 'bg-white'
-    //                 }}
-    //                 startContent={
-    //                     <SearchIcons className=" text-default-400 pointer-events-none flex-shrink-0" />
-    //                 }
-    //             />
-    //         </div> */}
-    //     </div>
-    // </div>
   );
 }

components/layout/portal-ppid/ppid-navbar.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
-import { Link } from "@nextui-org/link";
+import { Link } from "@heroui/link";
 import {
     NavbarBrand,
     NavbarContent,
@@ -9,7 +9,7 @@ import {
     NavbarMenuItem,
     NavbarMenuToggle,
     Navbar as NextUINavbar
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 
 
 
@@ -25,7 +25,7 @@ import {
 import { ThemeSwitch } from "@/components/theme-switch";
 
 import { siteConfig } from "@/config/site";
-import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image } from "@nextui-org/react";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image } from "@heroui/react";
 import { useEffect, useState } from "react";
 
 export const PPIDNavbar = () => {

components/layout/sidebar/sidebar-closed-icon.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon";
 import { useSidebar } from "./sidebar-context";
-import { Tooltip } from "@nextui-org/react";
+import { Tooltip } from "@heroui/react";
 
 export default function ClosedSidebarIcon(props: {
   icon: string;

components/layout/sidebar/sidebar-collapse-items.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import clsx from "clsx";
-import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react";
+import { Accordion, AccordionItem, Tooltip } from "@heroui/react";
 
 import { ChevronUpIcon } from "../../icons";
 import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon";

components/layout/sidebar/sidebar-collapse-sub-items.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react";
+import { Accordion, AccordionItem, Tooltip } from "@heroui/react";
 import clsx from "clsx";
 import Link from "next/link";
 import { ChevronUpIcon } from "../../icons";

components/layout/sidebar/sidebar-mobile.tsx

@@ -1,5 +1,5 @@
 import { SidebarMenuTask } from "@/types/globals";
-import { Tooltip } from "@nextui-org/react";
+import { Tooltip } from "@heroui/react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/layout/sidebar/sidebar.tsx

@@ -1,5 +1,5 @@
 import { SidebarMenuTask } from "@/types/globals";
-import { Tooltip } from "@nextui-org/react";
+import { Tooltip } from "@heroui/react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/main/dashboard/dashboard-container.tsx

@@ -16,7 +16,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import ApexChartColumn from "./chart/column-chart";
 import ApexChartDonut from "./chart/donut-chart";
 import ApexChartLineArea from "./chart/line-area-chart";

components/main/detail/comment.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
 import React, { useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/main/detail/contact.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
-import { Select, SelectItem, SelectSection } from "@nextui-org/react";
+import { Select, SelectItem, SelectSection } from "@heroui/react";
 import React, { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
@@ -75,7 +75,7 @@ const Contact: React.FC = () => {
     //     </div>
     //     <button type="submit">Submit</button>
     // </form>
-    <div className=" bg-white text-black pb-5 md:pb-20">
+    (<div className=" bg-white text-black pb-5 md:pb-20">
       <p className="text-center text-md md:text-2xl text-[#DD8306] font-bold my-2 md:my-5 lg:my-10">
         Kontak Kami
       </p>
@@ -269,7 +269,7 @@ const Contact: React.FC = () => {
           </div>
         </div>
       </div>
-    </div>
+    </div>)
   );
 };
 

components/main/detail/e-magazine-detail.tsx

@@ -7,9 +7,9 @@ import {
   formatMonthString,
   formatTextToHtmlTag,
 } from "@/utils/global";
-import { BreadcrumbItem, Breadcrumbs } from "@nextui-org/breadcrumbs";
+import { BreadcrumbItem, Breadcrumbs } from "@heroui/breadcrumbs";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
-import { Accordion, AccordionItem } from "@nextui-org/react";
+import { Accordion, AccordionItem } from "@heroui/react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/main/detail/list-news.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   Input,
   Pagination,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import {
   CalendarIcon,
   Calender,

components/main/detail/propim.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Tab, Tabs } from '@nextui-org/react'
+import { Tab, Tabs } from "@heroui/react"
 
 export default function Task() {
     return (

components/main/detail/statistic-recap.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
+import { Card, CardBody, Tab, Tabs } from "@heroui/react"
 import React from 'react'
 
 export default function StatiticAndRecap() {

components/main/detail/structure.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
+import { Card, CardBody, Tab, Tabs } from "@heroui/react"
 
 export default function StrukturOrganisasi() {
     return (

components/main/detail/task-detail.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
+import { Card, CardBody, Tab, Tabs } from "@heroui/react"
 import React from 'react'
 
 export default function Task() {

components/main/detail/visi-misi.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
+import { Card, CardBody, Tab, Tabs } from "@heroui/react"
 import React from 'react'
 
 export default function VisiMisi() {

components/main/static-page/static-page-main.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Input, Textarea } from "@nextui-org/input";
+import { Input, Textarea } from "@heroui/input";
-import { Button, Card } from "@nextui-org/react";
+import { Button, Card } from "@heroui/react";
 import { useCallback, useEffect, useState } from "react";
 import DOMPurify from "dompurify";
 import { Controller, useForm } from "react-hook-form";

components/navbar.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Input } from "@nextui-org/input";
+import { Input } from "@heroui/input";
 import {
   NavbarBrand,
   NavbarContent,
@@ -8,7 +8,7 @@ import {
   NavbarMenuItem,
   NavbarMenuToggle,
   Navbar as NextUINavbar,
-} from "@nextui-org/navbar";
+} from "@heroui/navbar";
 
 import {
   ChevronDownIcon,
@@ -31,7 +31,7 @@ import {
   DropdownTrigger,
   Image,
   Link,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { useEffect, useState } from "react";
 
 export const Navbar = () => {

components/page/detail-news.tsx

@@ -19,11 +19,11 @@ import {
   SquareXIcon,
   UserIcon,
 } from "../icons";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import { useParams, usePathname } from "next/navigation";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import { image } from "@nextui-org/theme";
+import { image } from "@heroui/theme";
 import Cookies from "js-cookie";
 import { saveActivity } from "@/service/activity-log";
 

components/page/related-news.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Card, CardBody, CardFooter, Image } from "@nextui-org/react";
+import { Card, CardBody, CardFooter, Image } from "@heroui/react";
 import React, { useEffect, useState } from "react";
 import { EyeIcon, UnderLine } from "../icons";
 import { getListArticle } from "@/service/article";

components/page/sidebar-detail.tsx

@@ -8,7 +8,7 @@ import "swiper/css/effect-fade";
 import "swiper/css/pagination";
 import Link from "next/link";
 import { getListArticle } from "@/service/article";
-import { Card, CardFooter } from "@nextui-org/react";
+import { Card, CardFooter } from "@heroui/react";
 import { convertDateFormat, textEllipsis } from "@/utils/global";
 
 export default function SidebarDetail() {

components/table/article-table.tsx

@@ -14,7 +14,7 @@ import {
 } from "@/service/article";
 import { Article } from "@/types/globals";
 import { convertDateFormat } from "@/utils/global";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import {
   Chip,
   ChipProps,
@@ -33,7 +33,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import Link from "next/link";
 import { Key, useCallback, useEffect, useState } from "react";
 import Datepicker from "react-tailwindcss-datepicker";

components/table/disestages/article-draft-table.tsx

@@ -13,8 +13,8 @@ import {
   DropdownMenu,
   DropdownItem,
   Input,
-} from "@nextui-org/react";
+} from "@heroui/react";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import React, {
   Key,
   Suspense,

components/table/disestages/transcript-draft-table.tsx

@@ -13,8 +13,8 @@ import {
   DropdownMenu,
   DropdownItem,
   Input,
-} from "@nextui-org/react";
+} from "@heroui/react";
-import { Button } from "@nextui-org/button";
+import { Button } from "@heroui/button";
 import React, {
   Key,
   Suspense,

components/table/informasi-berkala-table.tsx

@@ -13,7 +13,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { EyeFilledIcon, SearchIcon } from "../icons";
 import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar";
 

components/table/informasi-dikecualikan.tsx

@@ -13,7 +13,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@nextui-org/react";
+} from "@heroui/react";
 import { EyeFilledIcon, SearchIcon } from "../icons";
 import PPIDSidebar from "../layout/portal-ppid/PPIDSidebar";