open-index/open-npm huggingface dataset:
npm package: @petnow/ui
Description: 사내 웹 프로젝트에서 사용할 공용 컴포넌트 라이브러리입니다.
Latest version: 4.1.3

# @petnow/ui

사내 웹 프로젝트에서 사용할 공용 컴포넌트 라이브러리입니다.

## Storybook 배포주소

https://components.petnow.co/

## 프로젝트 구조

```
@petnow/ui
├── hooks - 해당 프로젝트에서 사용하는 custom hooks 모음
├── node_modules
├── public
├── src
|  ├── assets
|  ├── components - 공용 컴포넌트 모음
|  |  ├── autocomplete
|  |  ├── button
|  |  ├── card
|  |  ├── checkbox
|  |  ├── datepicker
|  |  ├── input
|  |  ├── modal
|  |  ├── radio
|  |  ├── select
|  |  └── tab
|  └── utils
├── test
|  └── __snapshots__ - 테스트 스냅샷 파일 저장소
```

## 사용방법

1. import index.css in your App/layout.js (Next.js)
2. import tailwind.css in your main CSS file

```tsx
import '@petnow/ui/dist/index.css'
```

```css
@import "@petnow/ui/tailwind.css";
```

2. Use Components

## Storybook local 실행 방법

1. dependencies 설치
```
pnpm i
```

2. storybook 실행
```
pnpm storybook
```

## 배포 방법

### NPM 배포 (OIDC Trusted Publishing)

이 패키지는 **npm Trusted Publishing (OIDC)** 으로 배포합니다. GitHub Actions에서 발급되는 OIDC 토큰을 사용하므로 `NPM_TOKEN` 같은 레지스트리 토큰을 저장/관리하지 않습니다.

**DEV**

1. PR 생성 후 main branch에 merge
2. DEV 배포 완료

**PROD**

1. PR 생성 후 main branch에 merge
2. semver 컨벤션에 맞춰 버전 작성 후 release 실시
3. PROD 배포 완료