From 487db7a7362e345af630a0132fc4908a891b6750 Mon Sep 17 00:00:00 2001
From: Eugene Kim <eugene02876@gmail.com>
Date: Tue, 7 May 2024 03:26:58 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=ED=8C=A8=ED=82=A4=EC=A7=80=20?=
 =?UTF-8?q?=EB=B0=B0=ED=8F=AC=20=EB=B2=84=EC=A0=84=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/wow-icons/package.json              |  2 +-
 packages/wow-tokens/package.json             |  2 +-
 packages/wow-ui/package.json                 |  4 +-
 packages/wow-ui/src/components/Box/index.tsx |  2 +-
 pnpm-lock.yaml                               | 42 ++++++++++++++------
 5 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/packages/wow-icons/package.json b/packages/wow-icons/package.json
index b6abd8a8..3754b031 100644
--- a/packages/wow-icons/package.json
+++ b/packages/wow-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wowds-icons",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "repository": {
     "type": "git",
diff --git a/packages/wow-tokens/package.json b/packages/wow-tokens/package.json
index f95ec001..ada10c0f 100644
--- a/packages/wow-tokens/package.json
+++ b/packages/wow-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wowds-tokens",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "",
   "repository": {
     "type": "git",
diff --git a/packages/wow-ui/package.json b/packages/wow-ui/package.json
index dbc7720d..55fd12b7 100644
--- a/packages/wow-ui/package.json
+++ b/packages/wow-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wowds-ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "",
   "author": "gdsc-hongik",
   "repository": {
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.3.3",
+    "@loadable/component": "^5.16.4",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
     "@storybook/addon-a11y": "^7.5.3",
@@ -51,6 +52,7 @@
     "@storybook/testing-library": "^0.2.2",
     "@turbo/gen": "^1.12.4",
     "@types/eslint": "^8.56.5",
+    "@types/loadable__component": "^5.13.9",
     "@types/node": "^20.11.24",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
diff --git a/packages/wow-ui/src/components/Box/index.tsx b/packages/wow-ui/src/components/Box/index.tsx
index c07bb4c7..d4471e4e 100644
--- a/packages/wow-ui/src/components/Box/index.tsx
+++ b/packages/wow-ui/src/components/Box/index.tsx
@@ -1,10 +1,10 @@
 import { ReactNode } from "react";
 import { css } from "@styled-system/css/css";
+import loadable from "@loadable/component";
 
 export interface ButtonProps {
   children: ReactNode;
 }
-
 const Box = ({ children }: ButtonProps) => {
   return (
     <button
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fa348643..62477c35 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -93,15 +93,6 @@ importers:
 
   apps/wow-docs:
     dependencies:
-      '@gdsc-hongik/wow-icons':
-        specifier: workspace:^
-        version: link:../../packages/wow-icons
-      '@gdsc-hongik/wow-tokens':
-        specifier: workspace:^
-        version: link:../../packages/wow-tokens
-      '@gdsc-hongik/wow-ui':
-        specifier: workspace:^
-        version: link:../../packages/wow-ui
       next:
         specifier: ^14.1.1
         version: 14.1.1(@babel/core@7.24.5)(react-dom@18.2.0)(react@18.2.0)
@@ -207,6 +198,9 @@ importers:
       '@chromatic-com/storybook':
         specifier: ^1.3.3
         version: 1.3.3(react@18.2.0)
+      '@loadable/component':
+        specifier: ^5.16.4
+        version: 5.16.4(react@18.2.0)
       '@repo/eslint-config':
         specifier: workspace:*
         version: link:../eslint-config
@@ -249,6 +243,9 @@ importers:
       '@types/eslint':
         specifier: ^8.56.5
         version: 8.56.5
+      '@types/loadable__component':
+        specifier: ^5.13.9
+        version: 5.13.9
       '@types/node':
         specifier: ^20.11.24
         version: 20.11.24
@@ -267,9 +264,6 @@ importers:
       eslint-plugin-storybook:
         specifier: ^0.6.15
         version: 0.6.15(eslint@8.57.0)(typescript@5.3.3)
-      next:
-        specifier: ^14.1.1
-        version: 14.1.1(@babel/core@7.24.5)(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -2698,6 +2692,18 @@ packages:
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
     dev: true
 
+  /@loadable/component@5.16.4(react@18.2.0):
+    resolution: {integrity: sha512-fJWxx9b5WHX90QKmizo9B+es2so8DnBthI1mbflwCoOyvzEwxiZ/SVDCTtXEnHG72/kGBdzr297SSIekYtzSOQ==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      react: ^16.3.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@babel/runtime': 7.23.2
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+      react-is: 16.13.1
+    dev: true
+
   /@manypkg/find-root@1.1.0:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
@@ -5370,6 +5376,12 @@ packages:
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
+  /@types/loadable__component@5.13.9:
+    resolution: {integrity: sha512-QWOtIkwZqHNdQj3nixQ8oyihQiTMKZLk/DNuvNxMSbTfxf47w+kqcbnxlUeBgAxdOtW0Dh48dTAIp83iJKtnrQ==}
+    dependencies:
+      '@types/react': 18.2.61
+    dev: true
+
   /@types/lodash@4.17.1:
     resolution: {integrity: sha512-X+2qazGS3jxLAIz5JDXDzglAF3KpijdhFxlf/V1+hEsOUc+HnWi81L/uv/EvGuV90WY+7mPGFCUDGfQC3Gj95Q==}
     dev: true
@@ -9678,6 +9690,12 @@ packages:
       minimalistic-crypto-utils: 1.0.1
     dev: true
 
+  /hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+    dependencies:
+      react-is: 16.13.1
+    dev: true
+
   /hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
     dev: true