podo-ui 0.3.6 → 0.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "podo-ui",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",
@@ -12,9 +12,55 @@
     "url": "https://github.com/hada0127/podo-ui/issues"
   },
   "homepage": "https://podoui.com",
+  "main": "dist/react.js",
+  "types": "dist/react.d.ts",
+  "files": [
+    "dist",
+    "scss",
+    "global.scss",
+    "mixin.scss",
+    "vite-fonts.scss",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "default": "./dist/react.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "default": "./dist/react.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js",
+      "default": "./dist/next.js"
+    },
+    "./react/atom/*": {
+      "types": "./dist/react/atom/*.d.ts",
+      "import": "./dist/react/atom/*.js",
+      "default": "./dist/react/atom/*.js"
+    },
+    "./react/molecule/*": {
+      "types": "./dist/react/molecule/*.d.ts",
+      "import": "./dist/react/molecule/*.js",
+      "default": "./dist/react/molecule/*.js"
+    },
+    "./global.scss": "./global.scss",
+    "./mixin.scss": "./mixin.scss",
+    "./vite-fonts.scss": "./vite-fonts.scss",
+    "./scss/*": "./scss/*",
+    "./package.json": "./package.json"
+  },
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles",
+    "copy:styles": "find react -name '*.scss' -exec sh -c 'mkdir -p \"dist/$(dirname \"{}\")\" && cp \"{}\" \"dist/{}\"' \\;",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build:lib",
     "start": "next start",
     "lint": "next lint",
     "icon": "node ./cli/icon-scss.js",

package/readme.md

@@ -34,7 +34,20 @@ import 'podo-ui/vite-fonts.scss'; // Vite 사용 시
 ### React 컴포넌트
 
 ```tsx
-import { Input, Textarea, Editor, Field } from 'podo-ui/react';
+// Atomic 컴포넌트
+import Input from 'podo-ui/react/atom/input';
+import Textarea from 'podo-ui/react/atom/textarea';
+import Editor from 'podo-ui/react/atom/editor';
+import EditorView from 'podo-ui/react/atom/editor-view';
+
+// Molecule 컴포넌트
+import Field from 'podo-ui/react/molecule/field';
+import Pagination from 'podo-ui/react/molecule/pagination';
+import Toast from 'podo-ui/react/molecule/toast';
+import ToastProvider from 'podo-ui/react/molecule/toast-provider';
+
+// SCSS 모듈도 함께 import (Next.js에서)
+import 'podo-ui/dist/react/atom/input.module.scss';
 ```
 
 ## 주요 기능

package/next.ts

@@ -1,21 +0,0 @@
-'use client';
-import dynamic from 'next/dynamic';
-
-import Input from './react/atom/input';
-import Textarea from './react/atom/textarea';
-import EditorView from './react/atom/editor-view';
-import Pagination from './react/molecule/pagination';
-import Field from './react/molecule/field';
-const Editor = dynamic(() => import('./react/atom/editor'), { ssr: false });
-
-const Form = {
-  Input,
-  Textarea,
-  Editor,
-  EditorView,
-  Field,
-};
-
-export default Form;
-
-export { Input, Textarea, Editor, EditorView, Pagination, Field };

package/react/atom/editor-view.tsx

@@ -1,17 +0,0 @@
-import styles from './editor-view.module.scss';
-
-interface Props {
-  value: string;
-  className?: string;
-}
-
-const EditorView = ({ value, className }: Props) => {
-  return (
-    <div
-      className={`${styles.editorView} ${className || ''}`}
-      dangerouslySetInnerHTML={{ __html: value }}
-    />
-  );
-};
-
-export default EditorView;