@opsnow-mcp/opsnow-mcp-common-ui-server 1.0.39 → 1.0.41

package/build/components/examples/opsnow-common-chart-examples-data.js

@@ -1,11 +1,8 @@
-// 고유한 일반 ID를 생성하는 함수입니다.
+// 예제별 chartId 접미사 — 순번이라 빌드마다 결과가 같다
+let generalIdSeq = 0;
 function generateUniqueGeneralId() {
-    // slice(2, 9)를 사용하는 이유는 Math.random()의 소수점 이하 부분(랜덤값)을 36진수 문자열로 변환한 뒤,
-    // 앞의 '0.'을 제외하고 7자리만 잘라서 사용하기 위함입니다.
-    // 예: Math.random() = 0.123456789 -> toString(36) = '0.4fzyo5j' -> slice(2, 9) = '4fzyo5j'
-    const random = Math.random().toString(36).slice(2, 9);
-    const timestamp = Date.now().toString(36);
-    return `${timestamp}-${random}`;
+    generalIdSeq += 1;
+    return `ex${generalIdSeq.toString().padStart(3, '0')}`;
 }
 // Chart 컴포넌트 예제 데이터
 export const GaugeChartExamples = [
@@ -65,7 +62,7 @@ export const GaugeChartExamples = [
     `,
         code: `<OpsnowCommonGaugeChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartValue={chartValue}
       />`
@@ -154,7 +151,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartLocaleProps={chartLocaleProps()}
@@ -227,7 +224,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         onChartClick={selectItem}
@@ -297,7 +294,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
       />`
@@ -386,7 +383,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCustomCategory={chartCustomCategory}
@@ -453,7 +450,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
       />`
@@ -508,7 +505,7 @@ export const PieChartExamples = [
     `,
         code: `<OpsnowCommonPieChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCustomCategory={chartCustomCategory}
@@ -516,7 +513,7 @@ export const PieChartExamples = [
     },
     {
         title: '파이 차트 - 다운로드',
-        description: 'ref를 사용하여 파이 차트를 다양한 형식으로 다운로드하는 예제입니다. 다운로드 시에는 chartRef가 아닌 React ref를 사용해야 합니다. downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
+        description: 'ref를 사용하여 파이 차트를 다양한 형식으로 다운로드하는 예제입니다. 차트 ref는 ref prop으로 넘깁니다(chartRef라는 prop은 없음). downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
         code_props_usage: `
       const chartId = 'pie-chart-download-${generateUniqueGeneralId()}'
       const chartRef = useRef(null)
@@ -540,7 +537,6 @@ export const PieChartExamples = [
         { service: 'RDS', cost: 8200 },
         { service: 'S3', cost: 4300 }
       ])
-      const [chartCategory] = useState(['EC2', 'RDS', 'S3'])
 
       // 다운로드 핸들러
       const handleDownload = () => {
@@ -563,7 +559,6 @@ export const PieChartExamples = [
         ref={chartRef}
         chartId={chartId}
         chartProps={chartProps}
-        chartCategory={chartCategory}
         chartData={chartData}
       />`
     },
@@ -680,7 +675,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -772,7 +767,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -866,7 +861,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -967,7 +962,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -1031,7 +1026,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -1103,7 +1098,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -1229,7 +1224,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -1322,7 +1317,7 @@ export const BarChartExamples = [
     `,
         code: `<OpsnowCommonBarChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -1330,7 +1325,7 @@ export const BarChartExamples = [
     },
     {
         title: '바 차트 - 다운로드 (기본)',
-        description: 'ref를 사용하여 바 차트를 다양한 형식으로 다운로드하는 예제입니다. 다운로드 시에는 chartRef가 아닌 React ref를 사용해야 합니다. downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
+        description: 'ref를 사용하여 바 차트를 다양한 형식으로 다운로드하는 예제입니다. 차트 ref는 ref prop으로 넘깁니다(chartRef라는 prop은 없음). downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
         code_props_usage: `
       const chartId = 'bar-chart-download-${generateUniqueGeneralId()}'
       const chartRef = useRef(null)
@@ -1505,7 +1500,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -1552,7 +1547,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -1673,7 +1668,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -1776,7 +1771,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -1889,7 +1884,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -1980,7 +1975,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -2068,7 +2063,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -2202,7 +2197,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -2303,7 +2298,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -2376,7 +2371,7 @@ export const LineChartExamples = [
     `,
         code: `<OpsnowCommonLineChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -2385,7 +2380,7 @@ export const LineChartExamples = [
     },
     {
         title: '라인 차트 - 다운로드',
-        description: 'ref를 사용하여 라인 차트를 다양한 형식으로 다운로드하는 예제입니다. 다운로드 시에는 chartRef가 아닌 React ref를 사용해야 합니다. downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
+        description: 'ref를 사용하여 라인 차트를 다양한 형식으로 다운로드하는 예제입니다. 차트 ref는 ref prop으로 넘깁니다(chartRef라는 prop은 없음). downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
         code_props_usage: `
       const chartId = 'line-chart-download-${generateUniqueGeneralId()}'
       const chartRef = useRef(null)
@@ -2544,7 +2539,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -2635,7 +2630,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -2729,7 +2724,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -2813,7 +2808,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -2910,7 +2905,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -2994,7 +2989,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3069,7 +3064,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3188,7 +3183,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3309,7 +3304,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3404,7 +3399,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3488,7 +3483,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3559,7 +3554,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3657,7 +3652,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3739,7 +3734,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3807,7 +3802,7 @@ export const StackChartExamples = [
     `,
         code: `<OpsnowCommonStackChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -3817,7 +3812,7 @@ export const StackChartExamples = [
     },
     {
         title: '스택 차트 - 다운로드',
-        description: 'ref를 사용하여 스택 차트를 다양한 형식으로 다운로드하는 예제입니다. 다운로드 시에는 chartRef가 아닌 React ref를 사용해야 합니다. downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
+        description: 'ref를 사용하여 스택 차트를 다양한 형식으로 다운로드하는 예제입니다. 차트 ref는 ref prop으로 넘깁니다(chartRef라는 prop은 없음). downloadFile(fileName, fileType, fileOption?)을 호출합니다.',
         code_props_usage: `
       const chartId = 'stack-chart-download-${generateUniqueGeneralId()}'
       const chartRef = useRef(null)
@@ -4076,7 +4071,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -4218,7 +4213,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -4368,7 +4363,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -4499,7 +4494,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -4687,7 +4682,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -4878,7 +4873,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5019,7 +5014,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5149,7 +5144,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5277,7 +5272,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5407,7 +5402,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5533,7 +5528,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5645,7 +5640,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5788,7 +5783,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -5960,7 +5955,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -6097,7 +6092,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -6290,7 +6285,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -6505,7 +6500,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartCategory={chartCategory}
@@ -6615,7 +6610,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -6734,7 +6729,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -6830,7 +6825,7 @@ export const XyMultiChartExamples = [
     `,
         code: `<OpsnowCommonXyMultiChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartCategory={chartCategory}
         chartData={chartData}
@@ -7432,7 +7427,7 @@ export const BubbleChartExamples = [
     `,
         code: `<OpsnowCommonBubbleChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartLocaleMessage={chartLocaleMessage}
@@ -7489,7 +7484,7 @@ export const BubbleChartExamples = [
     `,
         code: `<OpsnowCommonBubbleChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartLocaleMessage={chartLocaleMessage}
@@ -7534,7 +7529,7 @@ export const BubbleChartExamples = [
     `,
         code: `<OpsnowCommonBubbleChart
         chartId={chartId}
-        chartRef={chartRef}
+        ref={chartRef}
         chartProps={chartProps}
         chartData={chartData}
         chartLocaleMessage={chartLocaleMessage}
@@ -7599,14 +7594,14 @@ export const BubbleChartExamples = [
         {/* Before — extraMin/extraMax 없음 */}
         <OpsnowCommonBubbleChart
           chartId={chartIdA}
-          chartRef={chartRefA}
+          ref={chartRefA}
           chartProps={chartPropsA}
           chartData={chartData}
         />
         {/* After — extraMin/extraMax=0.1 (가장자리 여백) */}
         <OpsnowCommonBubbleChart
           chartId={chartIdB}
-          chartRef={chartRefB}
+          ref={chartRefB}
           chartProps={chartPropsB}
           chartData={chartData}
         />

package/build/components/examples/opsnow-common-forms-examples-data.js

@@ -1135,16 +1135,6 @@ export const CollapseExamples = [
   <div>This is the content inside the collapse component.</div>
 </OpsnowCommonCollapse>`,
         description: '기본 Collapse 예제입니다.'
-    },
-    {
-        title: 'controlled-collapse',
-        code: `<OpsnowCommonCollapse
-  label="Toggle ContentToggle ContentToggle ContentToggle ContentToggle ContentToggle ContentToggle ContentToggle ContentToggle Content"
-  defaultExpanded
->
-  <div>This is the content inside the collapse component.</div>
-</OpsnowCommonCollapse>`,
-        description: 'defaultExpanded 속성이 설정된 Collapse 예제입니다.'
     }
 ];
 export const SliderExamples = [
@@ -1782,7 +1772,7 @@ const [customRate, setCustomRate] = useState(null)  // 앵커 통화 1단위당
   }}
 />`,
         description: "환율 직접 입력(시뮬레이션) 예제입니다 (2.0.11+). 시뮬레이션 섹션은 showDetail && simulationAnchorCurrency 지정 && 앵커 !== 선택 통화 3조건으로만 노출되며, 선택 통화가 USD여도 앵커가 다르면 노출됩니다. 입력 라벨은 '1 {simulationAnchorCurrency} = [입력] {선택 통화}'이고 입력창에 현재 환율 placeholder는 없습니다. onCustomRateChange의 context.currency는 적용·초기화·통화 변경 모두 항상 simulationAnchorCurrency이며, 값은 적용/Enter 시 입력값·초기화/통화 변경 시 null로 통지됩니다(입력 중 미호출). defaultTargetCurrency·simulationTarget은 @deprecated로 무시되니 앵커는 simulationAnchorCurrency로 지정하세요. [검색 키워드: 환율 시뮬레이션, 직접 입력, what-if, 커스텀 환율, showDetail, simulationAnchorCurrency, customRate]"
-    },
+    }
 ];
 export const ToggleButtonExamples = [
     {