otterp012

@over-ui/core

`core` 패키지는, `over-ui` 패키지 전체에서 사용하는 훅, 유틸, 타입을 모아둔 패키지입니다. 내부에서만 사용하는 패키지입니다.

@over-ui/portal

`portal` 패키지는, 컴포넌트에서 모달 기능을 사용할 때 필요한 포탈을 생성하는 컴포넌트입니다. 임의로 `container`를 지정해서 그 곳에 포탈을 열 수 있고, 지정되지 않았다면 기본값으로 `body`에 포탈이 생성됩니다

@over-ui/use-controlled

`useControlled` 패키지는, `over-ui` 에서 상태를 관리하는 훅입니다. 내부에서만 사용하는 패키지입니다.

@over-ui/merge-refs

`mergeRefs` 패키지는, `over-ui` 에서 `ref` 를 병합하기 위한 유틸함수입니다. 내부에서만 사용하는 패키지입니다.

@over-ui/focus-trap-layer

`focusTrapLayer` 패키지는, `over-ui`내부에서만 사용되는 패키지입니다.

@over-ui/use-id

`React 18`버전에서 등장한 `useId` 훅이 존재하지 않을 시 커스텀훅으로 대체하기 위한 훅입니다. `useId`가 존재한다면, `React.useId`를 사용하고 존재하지 않는다면 `useSafeId`를 사용해 고유한 `id`를 생성합니다.

@over-ui/dismissable-layer

`DismissableLayer`는 모달 컴포넌트의 닫히는 동작을 위해 만들어진 레이어 컴포넌트 입니다 모달을 만들 때 마다 처리에 대한 반복되는 부분이 발생하기때문에 관심사의 분리를 위해 구현하게 됐습니다 모달의 content가 되는 부분을 감싸서 `dismissableLayer가 아닌 부분을 클릭하거나, 포커스를 내보내거나, escape 키를 눌렀을 경우` onDismiss 함수를 실행시켜 모달을 닫는 방법으로 사용할 수 있습니다

@over-ui/toggle

``` yarn add @over-ui/toggle or npm install @over-ui/toggle ```

@over-ui/dialog

``` npm install @over-ui/dialog or yarn add @over-ui/dialog ```

@over-ui/create-roving-context

`createRovingContext` 패키지는, `over-ui` 패키기 내부에서 사용하는 훅입니다. `radio, toggle` 컴포넌트를 작성할 때의 접근성 규칙을 준수하기 위해 `roving TabIndex`를 구현합니다.

@over-ui/toggle-group

``` yarn add @over-ui/toggle-group or npm install @over-ui/toggle-group ```

@over-ui/alert-dialog

## Installation

@over-ui/use-outside-click

`use-outside-click` 패키지는, 내부에서만 사용하는 패키지입니다.

@over-ui/select

``` yarn add @over-ui/select or npm install @over-ui/select ```