fix: export alias Input

.github/workflows/chromatic.yml

@@ -17,7 +17,7 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: 'Install Node'
+      - name: Install Node
         uses: actions/setup-node@v4
         with:
           node-version: '20.x'

package.json

@@ -44,6 +44,12 @@
     "react-router-dom": "^6.21.3",
     "vite-tsconfig-paths": "^4.2.2"
   },
+  "peerDependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "devDependencies": {
     "@commitlint/cli": "^18.4.4",
     "@commitlint/config-conventional": "^18.4.4",

src/components/common/Input/index.tsx

@@ -2,8 +2,8 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import * as React from 'react';
 
-export { default as InputGroup } from '@/components/common/Input/InputGroup';
-export { default as InputDesc } from '@/components/common/Input/InputDesc';
+export { default as InputGroup } from './InputGroup';
+export { default as InputDesc } from './InputDesc';
 
 export interface InputProps extends React.ComponentPropsWithoutRef<'input'> {}
 

vite.config.ts

@@ -30,6 +30,8 @@ export default defineConfig({
   assetsInclude: ['/sb-preview/runtime.js'],
   // Build
   build: {
+    ssr: true,
+
     lib: {
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'index',