@sonamu-kit/react-components 0.1.0 → 0.1.2

package/package.json

@@ -1,88 +1,117 @@
 {
   "name": "@sonamu-kit/react-components",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "author": "CartaNova <dev@cartanova.ai>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cartanova-ai/sonamu.git"
+  },
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/react-components.es.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./components": "./src/components/index.ts",
-    "./hooks": "./src/hooks/index.ts",
-    "./lib": "./src/lib/index.ts",
-    "./router": "./src/router/index.ts",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/react-components.es.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/react-components.es.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/react-components.es.js"
+    },
+    "./lib": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/react-components.es.js"
+    },
+    "./router": {
+      "types": "./dist/router/index.d.ts",
+      "import": "./dist/react-components.es.js"
+    },
     "./styles": "./src/styles/globals.css"
   },
-  "scripts": {
-    "dev": "tsc --watch",
-    "build": "tsc",
-    "lint": "eslint src"
-  },
   "dependencies": {
-    "@hookform/resolvers": "catalog:",
-    "@radix-ui/react-accordion": "catalog:",
-    "@radix-ui/react-alert-dialog": "catalog:",
-    "@radix-ui/react-aspect-ratio": "catalog:",
-    "@radix-ui/react-avatar": "catalog:",
-    "@radix-ui/react-checkbox": "catalog:",
-    "@radix-ui/react-collapsible": "catalog:",
-    "@radix-ui/react-context-menu": "catalog:",
-    "@radix-ui/react-dialog": "catalog:",
-    "@radix-ui/react-dropdown-menu": "catalog:",
-    "@radix-ui/react-hover-card": "catalog:",
-    "@radix-ui/react-label": "catalog:",
-    "@radix-ui/react-menubar": "catalog:",
-    "@radix-ui/react-navigation-menu": "catalog:",
-    "@radix-ui/react-popover": "catalog:",
-    "@radix-ui/react-progress": "catalog:",
-    "@radix-ui/react-radio-group": "catalog:",
-    "@radix-ui/react-scroll-area": "catalog:",
-    "@radix-ui/react-select": "catalog:",
-    "@radix-ui/react-separator": "catalog:",
-    "@radix-ui/react-slider": "catalog:",
-    "@radix-ui/react-slot": "catalog:",
-    "@radix-ui/react-switch": "catalog:",
-    "@radix-ui/react-tabs": "catalog:",
-    "@radix-ui/react-toast": "catalog:",
-    "@radix-ui/react-toggle": "catalog:",
-    "@radix-ui/react-toggle-group": "catalog:",
-    "@radix-ui/react-tooltip": "catalog:",
-    "@types/qs": "catalog:",
-    "class-variance-authority": "catalog:",
-    "clsx": "catalog:",
-    "cmdk": "catalog:",
-    "date-fns": "catalog:",
-    "embla-carousel-react": "catalog:",
-    "fast-deep-equal": "catalog:",
-    "inflection": "catalog:",
-    "input-otp": "catalog:",
-    "jotai": "catalog:",
-    "next-themes": "catalog:",
-    "qs": "catalog:",
-    "radashi": "catalog:",
-    "react-day-picker": "catalog:",
-    "react-hook-form": "catalog:",
-    "react-resizable-panels": "catalog:",
-    "sonner": "catalog:",
-    "tailwind-merge": "catalog:",
-    "vaul": "catalog:",
-    "zod": "catalog:"
+    "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@types/qs": "^6.9.7",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "fast-deep-equal": "^3.1.3",
+    "inflection": "^3.0.2",
+    "input-otp": "^1.4.2",
+    "jotai": "^2.14.0",
+    "next-themes": "^0.4.6",
+    "qs": "^6.11.0",
+    "radashi": "^12.2.0",
+    "react-day-picker": "^8.10.1",
+    "react-hook-form": "^7.66.1",
+    "react-resizable-panels": "^3.0.6",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.1.12"
   },
   "peerDependencies": {
-    "@tanstack/react-router": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:"
+    "@tanstack/react-router": "1.143.11",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@iconify/json": "catalog:",
-    "@tailwindcss/vite": "catalog:",
-    "@tanstack/react-router": "catalog:",
-    "@types/inflection": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "autoprefixer": "catalog:",
-    "postcss": "catalog:",
-    "tailwindcss": "catalog:",
-    "typescript": "catalog:",
-    "unplugin-icons": "catalog:"
+    "@iconify/json": "^2.2.421",
+    "@tailwindcss/vite": "^4.1.17",
+    "@tanstack/react-router": "1.143.11",
+    "@types/inflection": "^2.0.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "4.7.0",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.9.3",
+    "unplugin-icons": "0.20.2",
+    "vite": "7.3.0",
+    "vite-plugin-dts": "4.5.4",
+    "vite-tsconfig-paths": "^5.1.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint src",
+    "preview": "vite preview"
   }
-}
+}

package/COMPONENTS_LIST.md

@@ -1,106 +0,0 @@
-# shadcn/ui 컴포넌트 전체 리스트
-
-## ✅ 현재 추가된 컴포넌트 (48개)
-
-### Form & Input (12개)
-
-- ✅ Button
-- ✅ Form
-- ✅ Input
-- ✅ Textarea
-- ✅ Select
-- ✅ Checkbox
-- ✅ Radio Group
-- ✅ Label
-- ✅ Switch
-- ✅ Slider
-- ✅ Input OTP
-- ✅ Combobox
-
-### Data Display (7개)
-
-- ✅ Table
-- ✅ Card
-- ✅ Badge
-- ✅ Avatar
-- ✅ Separator
-- ✅ Skeleton
-- ✅ Progress
-
-### Feedback & Overlay (10개)
-
-- ✅ Dialog
-- ✅ Alert Dialog
-- ✅ Alert
-- ✅ Toast + Toaster
-- ✅ Tooltip
-- ✅ Popover
-- ✅ Sheet
-- ✅ Hover Card
-- ✅ Drawer
-
-### Navigation (6개)
-
-- ✅ Tabs
-- ✅ Pagination
-- ✅ Navigation Menu
-- ✅ Menubar
-- ✅ Breadcrumb
-- ✅ Command
-
-### Menus (2개)
-
-- ✅ Dropdown Menu
-- ✅ Context Menu
-
-### Date & Time (2개)
-
-- ✅ Calendar
-- ✅ Date Picker
-
-### Layout (5개)
-
-- ✅ Scroll Area
-- ✅ Accordion
-- ✅ Collapsible
-- ✅ Resizable
-- ✅ Aspect Ratio
-
-### Other (4개)
-
-- ✅ Carousel
-- ✅ Toggle
-- ✅ Toggle Group
-- ✅ Sonner (미사용 - drawer, toast 사용 권장)
-
----
-
-## 🎯 필요시 추가 가능한 컴포넌트
-
-**모든 필수 컴포넌트가 설치 완료되었습니다!** 🎉
-
-추가로 필요한 컴포넌트가 있으면 [shadcn/ui 공식 문서](https://ui.shadcn.com/docs/components)를 참고하세요.
-
----
-
-## 💡 새 컴포넌트 추가 시 주의사항
-
-추가 컴포넌트를 설치할 때:
-
-```bash
-cd packages/react-components
-npx shadcn@latest add [컴포넌트명] --yes
-```
-
-**설치 후 필수 작업:**
-
-1. 컴포넌트 파일에서 `@/lib/utils` → `../../lib/utils` 경로 수정
-2. 다른 컴포넌트 import도 `@/components/ui/xxx` → `./xxx` 상대 경로로 수정
-3. `src/components/index.ts`에 export 추가
-
-## 📚 참고
-
-- 공식 문서: https://ui.shadcn.com/docs/components
-- 모든 컴포넌트는 소스 코드로 추가되어 자유롭게 커스터마이징 가능
-- TypeScript 완벽 지원
-- Radix UI 기반으로 접근성(a11y) 우수

package/COMPONENTS_STATUS.md

@@ -1,114 +0,0 @@
-# shadcn/ui 컴포넌트 설치 현황
-
-## ✅ 설치 완료 (28개 컴포넌트)
-
-### Form & Input (9개)
-
-- ✅ Button
-- ✅ Form
-- ✅ Input
-- ✅ Textarea
-- ✅ Select
-- ✅ Checkbox
-- ✅ Radio Group
-- ✅ Label
-- ✅ Switch
-
-### Data Display (7개)
-
-- ✅ Table
-- ✅ Card
-- ✅ Badge
-- ✅ Avatar
-- ✅ Separator
-- ✅ Skeleton
-- ✅ Progress
-
-### Feedback & Overlay (7개)
-
-- ✅ Dialog
-- ✅ Alert Dialog
-- ✅ Toast + Toaster
-- ✅ Tooltip
-- ✅ Popover
-- ✅ Sheet
-
-### Navigation (2개)
-
-- ✅ Tabs
-- ✅ Pagination
-
-### Menus (1개)
-
-- ✅ Dropdown Menu
-
-### Date & Time (1개)
-
-- ✅ Calendar
-
-### Layout (1개)
-
-- ✅ Scroll Area
-
-### Hooks (1개)
-
-- ✅ useToast
-
-## 📦 사용 방법
-
-```typescript
-import {
-  Button,
-  Form,
-  Input,
-  Select,
-  Table,
-  Dialog,
-  Toast,
-} from "@sonamu-kit/react-components/components";
-
-import { useToast } from "@sonamu-kit/react-components/hooks";
-```
-
-## 💡 추가 가능한 컴포넌트
-
-필요시 아래 컴포넌트들을 추가로 설치할 수 있습니다:
-
-```bash
-cd packages/react-components
-
-# Navigation
-npx shadcn@latest add navigation-menu
-npx shadcn@latest add menubar
-npx shadcn@latest add breadcrumb
-npx shadcn@latest add command
-
-# More Components
-npx shadcn@latest add accordion
-npx shadcn@latest add collapsible
-npx shadcn@latest add context-menu
-npx shadcn@latest add hover-card
-npx shadcn@latest add slider
-npx shadcn@latest add date-picker
-npx shadcn@latest add toggle
-npx shadcn@latest add toggle-group
-npx shadcn@latest add aspect-ratio
-npx shadcn@latest add resizable
-npx shadcn@latest add sonner
-npx shadcn@latest add drawer
-npx shadcn@latest add carousel
-```
-
-## 🎯 다음 단계
-
-1. ✅ shadcn/ui 컴포넌트 추가 완료
-2. ⏳ react-hook-form 기반 useTypeForm 구현
-3. ⏳ useListParams URL 연동 구현
-4. ⏳ tanstack-router 설정
-5. ⏳ 실제 Admin 페이지에서 테스트
-
-## 📚 참고
-
-- 공식 문서: https://ui.shadcn.com/docs/components
-- 패키지 위치: `/packages/react-components/src/components/ui/`
-- Export: `/packages/react-components/src/components/index.ts`