chore: 0.3.9 버전 배포 및 rollupOptions 수정

package.json

@@ -1,7 +1,7 @@
 {
   "name": "concept-be-design-system",
   "description": "컨셉비 디자인 시스템",
-  "version": "0.3.6",
+  "version": "0.3.9",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -26,8 +26,7 @@
     "publish:npm": "rm -rf dist && mkdir dist && tsc && vite build && cp -r ./src/assets ./dist && npm publish",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=chpt_ae88f34fc3fe003"
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@emotion/react": "^11.11.1",

src/App.tsx

@@ -1,9 +1,10 @@
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 import Child from './Child';
 import CheckboxContainer from './components/CheckboxContainer/CheckboxContainer';
 import Dropdown from './components/Dropdown/Dropdown';
 import RadioContainer from './components/RadioContainer/RadioContainer';
+import Tag from './components/Tag/Tag';
 import useCheckbox from './hooks/useCheckbox';
 import useDropdown from './hooks/useDropdown';
 import useRadio from './hooks/useRadio';
@@ -82,6 +83,7 @@ const App = () => {
       see: '',
       do: '',
     });
+  const [tags, setTags] = useState<string[]>(['a', 'b', 'c', 'd']);
 
   useEffect(() => {
     if (dropdownValue.do !== '') {
@@ -93,6 +95,11 @@ const App = () => {
 
   return (
     <>
+      {tags.map((tag) => (
+        <Tag onDelete={(name) => setTags(tags.filter((tag) => tag !== name))}>
+          {tag}
+        </Tag>
+      ))}
       <Child />
       <Dropdown
         selectedValue={dropdownValue.see}

vite.config.ts

@@ -22,14 +22,17 @@ export default defineConfig({
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'index',
       fileName: 'index',
-      formats: ['es', 'umd', 'cjs'],
+      formats: ['es', 'cjs'],
     },
 
     rollupOptions: {
-      external: ['react'],
+      external: ['react', 'react-dom', '@emotion/react', '@emotion/styled'],
       output: {
         globals: {
           react: 'React',
+          'react-dom': 'ReactDOM',
+          '@emotion/react': '@emotion/react',
+          '@emotion/styled': '@emotion/styled',
         },
       },
     },