Refactor import @nextui-org/react to fix #189 (#192)

Author: sensasi-delight

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "editor.tabSize": 2,
   "editor.detectIndentation": false,
-  "editor.insertSpaces": true
+  "editor.insertSpaces": true,
+  "cSpell.words": ["dexie", "nextui"]
 }

src/app/(authenticated user)/dashboard/page.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react'
 import { Card, CardBody } from '@nextui-org/card'
-import { Select, SelectItem } from '@nextui-org/react'
+import { Select, SelectItem } from '@nextui-org/select'
 
 import LineChart from '@/components/line-chart'
 import BarChart from '@/components/bar-chart'

src/app/(authenticated user)/data/products/(form)/_components/page-template.tsx

@@ -1,13 +1,8 @@
 'use client'
 
 // vendors
-import {
-  Button,
-  Card,
-  CardBody,
-  CardFooter,
-  CardHeader,
-} from '@nextui-org/react'
+import { Button } from '@nextui-org/button'
+import { Card, CardBody, CardFooter, CardHeader } from '@nextui-org/card'
 // sub-components
 import { ProductForm } from '@/app/(authenticated user)/data/products/(form)/_components/product-form'
 import { useHook as updateUseHook } from '../[uuid]/_hook'

src/app/(authenticated user)/data/products/(form)/_components/product-form/icon-button-input-content.tsx

@@ -2,7 +2,8 @@
 import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 import type { LucideProps } from 'lucide-react'
 // vendors
-import { Button, ButtonProps, Tooltip } from '@nextui-org/react'
+import { Button, ButtonProps } from '@nextui-org/button'
+import { Tooltip } from '@nextui-org/tooltip'
 
 export function IconButtonInputContent({
   text,

src/app/(authenticated user)/data/products/(form)/_components/product-form/product-form.tsx

@@ -5,9 +5,8 @@ import {
   Autocomplete,
   AutocompleteItem,
   AutocompleteSection,
-  Input,
-  Textarea,
-} from '@nextui-org/react'
+} from '@nextui-org/autocomplete'
+import { Input, Textarea } from '@nextui-org/input'
 import { CameraIcon, InfoIcon } from 'lucide-react'
 import BarcodeReader from 'react-barcode-reader'
 // components

src/app/(authenticated user)/data/products/_components/product-card/product-card.tsx

@@ -3,18 +3,16 @@
 // types
 import type { Product } from '@/models/table-types/product'
 // vendors
+import { Button } from '@nextui-org/button'
+import { Card, CardBody, type CardProps } from '@nextui-org/card'
+import { Chip } from '@nextui-org/chip'
 import {
-  Card,
-  CardBody,
-  Image,
-  CardProps,
-  Chip,
-  Button,
   Dropdown,
   DropdownTrigger,
   DropdownMenu,
   DropdownItem,
-} from '@nextui-org/react'
+} from '@nextui-org/dropdown'
+import { Image } from '@nextui-org/image'
 import { EditIcon, MoreVerticalIcon, TrashIcon } from 'lucide-react'
 import Link from 'next/link'
 // etc

src/app/(authenticated user)/data/products/page.tsx

@@ -1,17 +1,12 @@
 'use client'
 
 // vendors
-import {
-  Button,
-  // ButtonGroup,
-  Card,
-  CardBody,
-  Chip,
-  Input,
-  Link,
-  Select,
-  SelectItem,
-} from '@nextui-org/react'
+import { Button } from '@nextui-org/button'
+import { Card, CardBody } from '@nextui-org/card'
+import { Chip } from '@nextui-org/chip'
+import { Input } from '@nextui-org/input'
+import { Link } from '@nextui-org/link'
+import { Select, SelectItem } from '@nextui-org/select'
 import {
   Barcode,
   // LayoutGridIcon, List,

src/app/(authenticated user)/data/users/(form)/_components/form.tsx

@@ -1,7 +1,11 @@
 'use client'
 
-import { Button, Checkbox, CheckboxGroup, Input } from '@nextui-org/react'
+// vendors
+import { Button } from '@nextui-org/button'
+import { Checkbox, CheckboxGroup } from '@nextui-org/checkbox'
 import { Controller } from 'react-hook-form'
+import { Input } from '@nextui-org/input'
+//
 import { Role } from '@/enums/role'
 import { PERMISSION_TEMPLATES } from '@/data/permission-templates'
 import { useHook as useCreateHook } from '../create/hook'

src/app/(authenticated user)/data/users/page.tsx

@@ -1,20 +1,23 @@
 'use client'
 
-import PageUrlEnum from '@/enums/page-url'
-import Link from 'next/link'
+// vendors
+import { Button } from '@nextui-org/button'
+import { Chip } from '@nextui-org/chip'
+import { Switch } from '@nextui-org/switch'
 import {
-  Button,
-  Chip,
-  Switch,
   Table,
   TableBody,
   TableCell,
   TableColumn,
   TableHeader,
   TableRow,
-} from '@nextui-org/react'
-import { useHook } from './hook'
+} from '@nextui-org/table'
+import Link from 'next/link'
+// icons
 import { EditIcon } from 'lucide-react'
+//
+import { useHook } from './hook'
+import PageUrlEnum from '@/enums/page-url'
 
 export default function Page() {
   const { users, setUserActiveStatus } = useHook()

src/app/(authenticated user)/data/warehouses/(form)/create/page.tsx

@@ -1,15 +1,9 @@
 'use client'
 
 // vendors
-import {
-  Button,
-  Card,
-  CardBody,
-  CardFooter,
-  CardHeader,
-  Input,
-  Textarea,
-} from '@nextui-org/react'
+import { Button } from '@nextui-org/button'
+import { Card, CardBody, CardFooter, CardHeader } from '@nextui-org/card'
+import { Input, Textarea } from '@nextui-org/input'
 import { useRouter } from 'next/navigation'
 import { Controller, useForm } from 'react-hook-form'
 // functions