refactor: pull up common path

src/components/common/Checkbox/checkbox.test.tsx → src/components/Checkbox/Checkbox.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { describe, expect, it } from 'vitest';
 
 import { Checkbox, Label } from '../../';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Checkbox', () => {
   it('Checkbox icon must be customizable and work when clicked.', () => {

src/components/common/Dialog/dialog.test.tsx → src/components/Dialog/Dialog.test.tsx

@@ -17,7 +17,7 @@ import {
   InputGroup,
   Label,
 } from '../../';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Dialog', () => {
   it('Should appear DialogContent when click DialogToggle', () => {

src/components/common/Dropdown/dropdown.test.tsx → src/components/Dropdown/Dropdown.test.tsx

@@ -10,8 +10,8 @@ import {
   DropdownLabel,
   DropdownShortcut,
   DropdownToggle,
-} from '../../..';
-import { fireEvent, render, screen } from '../../../libs/test';
+} from '../';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('UI test', () => {
   it('Should appear DropdownContent when click DropdownToggle', () => {

src/components/common/Dropdown/Dropdown.tsx → src/components/Dropdown/Dropdown.tsx

@@ -1,4 +1,4 @@
-import { PortalProvider } from '@/components/portal/PortalProvider';
+import { PortalProvider } from '@/components/Portal/PortalProvider';
 import { AlignType } from '@/types/align';
 
 interface DropdownProps extends React.PropsWithChildren {

src/components/common/Dropdown/DropdownContent.tsx → src/components/Dropdown/DropdownContent.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import * as React from 'react';
 
-import { PortalContent } from '@/components/portal/PortalContent';
+import { PortalContent } from '@/components/Portal/PortalContent';
 
 interface ModalProps extends React.ComponentPropsWithoutRef<'div'> {
   width?: React.CSSProperties['width'];

src/components/common/Dropdown/DropdownItem.tsx → src/components/Dropdown/DropdownItem.tsx

@@ -2,7 +2,7 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as React from 'react';
 
-import { PortalContext } from '@/components/portal/PortalContext';
+import { PortalContext } from '@/components/Portal/PortalContext';
 import useContext from '@/hooks/useContext';
 import { composeEventHandlers } from '@/libs/event';
 

src/components/common/Dropdown/DropdownToggle.tsx → src/components/Dropdown/DropdownToggle.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
+import { PortalContext } from '@/components/Portal/PortalContext';
 import Slot from '@/components/Slot';
-import { PortalContext } from '@/components/portal/PortalContext';
 import useContext from '@/hooks/useContext';
 import { composeEventHandlers } from '@/libs/event';
 import { composeRefs } from '@/libs/ref';

src/components/common/HoverCard/HoverCard.tsx → src/components/HoverCard/HoverCard.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { PortalProvider } from '@/components/portal/PortalProvider';
+import { PortalProvider } from '@/components/Portal/PortalProvider';
 import { AlignType } from '@/types/align';
 
 import HoverCardContext from './HoverCardContext';

src/components/common/HoverCard/HoverCardContent.tsx → src/components/HoverCard/HoverCardContent.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { PortalContent } from '@/components/portal/PortalContent';
+import { PortalContent } from '@/components/Portal/PortalContent';
 import { composeEventHandlers, excludeTouchEventHandler } from '@/libs/event';
 
 import useHoverWaiting from './useHoverWaiting';

src/components/common/HoverCard/HoverCardToggle.tsx → src/components/HoverCard/HoverCardToggle.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { PortalContext } from '@/components/portal/PortalContext';
+import { PortalContext } from '@/components/Portal/PortalContext';
 import useContext from '@/hooks/useContext';
 import { composeEventHandlers, excludeTouchEventHandler } from '@/libs/event';
 import { composeRefs } from '@/libs/ref';

src/components/common/HoverCard/useHoverWaiting.ts → src/components/HoverCard/useHoverWaiting.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { PortalContext } from '@/components/portal/PortalContext';
+import { PortalContext } from '@/components/Portal/PortalContext';
 import useContext from '@/hooks/useContext';
 
 import HoverCardContext from './HoverCardContext';

src/components/common/Input/input.test.tsx → src/components/Input/Input.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { Input, InputGroup, Label } from '../..';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Input', () => {
   it('Fill out the Input', async () => {

src/components/portal/PortalContent.tsx → src/components/Portal/PortalContent.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import React from 'react';
 import { createPortal } from 'react-dom';
 
-import { usePortal } from '@/components/portal/usePortal';
+import { usePortal } from '@/components/Portal/usePortal';
 import useContext from '@/hooks/useContext';
 import { composeRefs } from '@/libs/ref';
 import { PositionType } from '@/types/position';

src/components/portal/usePortal.ts → src/components/Portal/usePortal.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { PortalContext } from '@/components/portal/PortalContext';
+import { PortalContext } from '@/components/Portal/PortalContext';
 import { PositionType } from '@/types/position';
 
 export const usePortal = ({ modalRef }: { modalRef: React.RefObject<HTMLDivElement> }) => {

src/components/common/Select/select.test.tsx → src/components/Select/Select.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { describe, expect, it } from 'vitest';
 
 import { Select, SelectContent, SelectDivider, SelectItem, SelectLabel, SelectToggle } from '../';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 const items = [
   {

src/components/common/Select/Select.tsx → src/components/Select/Select.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { PortalProvider } from '@/components/portal/PortalProvider';
+import { PortalProvider } from '@/components/Portal/PortalProvider';
 import { AlignType } from '@/types/align';
 
 import SelectContext from './SelectContext';

src/components/common/Select/SelectContent.tsx → src/components/Select/SelectContent.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import * as React from 'react';
 
-import { PortalContent } from '@/components/portal/PortalContent';
+import { PortalContent } from '@/components/Portal/PortalContent';
 
 interface ModalProps extends React.ComponentPropsWithoutRef<'div'> {
   width?: React.CSSProperties['width'];

src/components/common/Select/SelectItem.tsx → src/components/Select/SelectItem.tsx

@@ -2,7 +2,7 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as React from 'react';
 
-import { PortalContext } from '@/components/portal/PortalContext';
+import { PortalContext } from '@/components/Portal/PortalContext';
 import useContext from '@/hooks/useContext';
 import { composeEventHandlers } from '@/libs/event';
 

src/components/common/Select/SelectToggle.tsx → src/components/Select/SelectToggle.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
 import * as React from 'react';
 
+import { PortalContext } from '@/components/Portal/PortalContext';
 import Slot from '@/components/Slot';
-import { PortalContext } from '@/components/portal/PortalContext';
 import useContext from '@/hooks/useContext';
 import { composeEventHandlers } from '@/libs/event';
 import { composeRefs } from '@/libs/ref';

src/components/common/Switch/switch.test.tsx → src/components/Switch/Switch.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { Switch } from '../..';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Switch', () => {
   it('Should be change checked value when click the Switch', async () => {

src/components/common/Textarea/textarea.test.tsx → src/components/Textarea/Textarea.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { InputDesc, InputGroup, Label, Textarea } from '../..';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Textarea', () => {
   it('Fill out the Textarea', async () => {

src/components/common/Toast/toast.test.tsx → src/components/Toast/Toast.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { Button, Toaster, useToast } from '../..';
-import { fireEvent, render, screen, waitFor } from '../../../libs/test';
+import { fireEvent, render, screen, waitFor } from '../../libs/test';
 import { ToastData } from './type';
 
 const ToastForTest = ({ ...props }: Omit<ToastData, 'toastId'>) => {

src/components/common/Toggle/toggle.test.tsx → src/components/Toggle/Toggle.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { Toggle } from '../..';
-import { fireEvent, render, screen } from '../../../libs/test';
+import { fireEvent, render, screen } from '../../libs/test';
 
 describe('Toggle', () => {
   it('Should be changed style', async () => {

src/components/common/Tooltip/tooltip.test.tsx → src/components/Tooltip/Tooltip.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { expect, it } from 'vitest';
 
 import { Button, Tooltip } from '../..';
-import { fireEvent, render, screen, waitFor } from '../../../libs/test';
+import { fireEvent, render, screen, waitFor } from '../../libs/test';
 
 describe('Tooltip', () => {
   it('Show Tooltip message when hover component', async () => {

src/components/index.ts

@@ -1,2 +1,18 @@
-export * from './common';
-export { default as BMatesProvider } from './provider/StyledProvider';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './Dialog';
+export * from './Dropdown';
+export * from './HoverCard';
+export * from './Input';
+export * from './Label';
+export * from './Select';
+export * from './Switch';
+export * from './Textarea';
+export * from './Toast';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './Checkbox';
+
+export { default as BMatesProvider } from './Provider/StyledProvider';