docs(SwitchCase): auto-generated docs (toss#216)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: seungrodotlee <seungrodotlee@gmail.com>

Author: github-actions[bot]

.pnp.cjs

@@ -6,40 +6,39 @@
 
 ```ts
 function SwitchCase(
-  value: string | number | boolean,
-  caseBy: Record<string | number | boolean, () => JSX.Element>,
-  defaultComponent: () => JSX.Element
-): JSX.Element;
+  value: Case,
+  caseBy: Partial<{ [P in StringifiedValue<Case>]: () => ReactElement | null }>,
+  defaultComponent: () => ReactElement | null
+): ReactElement | null;
 ```
 
 ### Parameters
 
 <Interface
   required
   name="value"
-  type="string | number | boolean"
+  type="Case"
   description="The value to compare against. The component associated with the matching key in <code>caseBy</code> will be rendered."
 />
 
 <Interface
   required
   name="caseBy"
-  type="Record<string | number | boolean, () => JSX.Element>"
+  type="Partial<{ [P in StringifiedValue<Case>]: () => ReactElement | null }>"
   description="An object that maps values to components to render. The keys represent possible values, and the values are functions returning the corresponding components."
 />
 
 <Interface
-  required
   name="defaultComponent"
-  type="() => JSX.Element"
+  type="() => ReactElement | null"
   description="The component to render if <code>value</code> does not match any key in <code>caseBy</code>."
 />
 
 ### Return Value
 
 <Interface
   name=""
-  type="JSX.Element"
+  type="ReactElement | null"
   description="React component that conditionally renders based on cases."
 />
 

src/components/SwitchCase/SwitchCase.md

@@ -1,46 +1,45 @@
 # SwitchCase
 
-`SwitchCase`는 주어진 값에 기반하여 선언적으로 컴포넌트를 렌더링할 수 있는 컴포넌트예요, 마치 `switch-case` 문장과 비슷해요. 이는 특정 상태에 따라 다른 컴포넌트를 조건부로 렌더링해야 할 때 유용해요.
+`SwitchCase`는 주어진 값에 따라 선언적으로 컴포넌트를 렌더링할 수 있는 컴포넌트예요. 이는 `switch-case` 문과 유사해요. 특정 상태에 따라 다른 컴포넌트를 조건부로 렌더링해야 할 때 유용해요.
 
 ## 인터페이스
 
 ```ts
 function SwitchCase(
-  value: string | number | boolean,
-  caseBy: Record<string | number | boolean, () => JSX.Element>,
-  defaultComponent: () => JSX.Element
-): JSX.Element;
+  value: Case,
+  caseBy: Partial<{ [P in StringifiedValue<Case>]: () => ReactElement | null }>,
+  defaultComponent: () => ReactElement | null
+): ReactElement | null;
 ```
 
 ### 파라미터
 
 <Interface
   required
   name="value"
-  type="string | number | boolean"
+  type="Case"
   description="비교할 값이에요. <code>caseBy</code>에서 일치하는 키와 연결된 컴포넌트가 렌더링돼요."
 />
 
 <Interface
   required
   name="caseBy"
-  type="Record<string | number | boolean, () => JSX.Element>"
-  description="렌더링할 컴포넌트를 값으로 맵핑하는 객체예요. 키는 가능한 값을 나타내며, 값은 해당 컴포넌트를 반환하는 함수예요."
+  type="Partial<{ [P in StringifiedValue<Case>]: () => ReactElement | null }>"
+  description="렌더링할 컴포넌트를 값에 매핑하는 객체예요. 키는 가능한 값을 나타내고, 값은 해당 컴포넌트를 반환하는 함수예요."
 />
 
 <Interface
-  required
   name="defaultComponent"
-  type="() => JSX.Element"
+  type="() => ReactElement | null"
   description="<code>value</code>가 <code>caseBy</code>의 어떤 키와도 일치하지 않을 때 렌더링할 컴포넌트예요."
 />
 
 ### 반환 값
 
 <Interface
   name=""
-  type="JSX.Element"
-  description="케이스에 따라 조건부로 렌더링하는 리액트 컴포넌트예요."
+  type="ReactElement | null"
+  description="케이스에 따라 조건부로 렌더링되는 React 컴포넌트예요."
 />
 
 ## 예시
@@ -50,13 +49,13 @@ function App() {
   return (
     <SwitchCase
       value={status}
-      // 상태 값에 따라 TypeA, TypeB 또는 TypeC를 렌더링해요.
+      // status 값에 따라 TypeA, TypeB, 또는 TypeC를 렌더링해요.
       caseBy={{
         a: () => <TypeA />,
         b: () => <TypeB />,
         c: () => <TypeC />,
       }}
-      // 상태 값이 어떤 케이스와도 일치하지 않으면 Default를 렌더링해요.
+      // status 값이 어떤 케이스와도 일치하지 않을 때 Default를 렌더링해요.
       defaultComponent={() => <Default />}
     />
   );