@ncds/ui-admin 0.0.32 → 0.0.34

package/dist/temp/docusaurus/src/step-guide-example/GoToStep.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../src/components/button/Button';
+import { ExampleContainer } from './component/ExampleContainer';
+import { loadScript } from './util';
+import { useEffect, useState } from 'react';
+var GoToStep = function () {
+    var _a = useState(null), stepGuide = _a[0], setStepGuide = _a[1];
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        var stepGuide = window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                steps: [
+                    {
+                        title: 'Step 1',
+                        description: 'Step 1 description',
+                        element: '#step1-goto',
+                        position: 'bottom',
+                    },
+                    {
+                        title: 'Step 2',
+                        description: 'Step 2 description',
+                        element: '#step2-goto',
+                        position: 'bottom',
+                    },
+                    {
+                        title: 'Step 3',
+                        description: 'Step 3 description',
+                        element: '#step3-goto',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+        setStepGuide(stepGuide);
+    };
+    return (_jsxs(ExampleContainer, __assign({ title: "\uC2A4\uD15D \uC774\uB3D9", description: "`stepGuide.goToStep(stepIndex)` \uBA54\uC11C\uB4DC\uB97C \uD638\uCD9C\uD558\uC5EC \uC2A4\uD15D\uC744 \uC774\uB3D9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: [_jsx(Button, { label: "\uC138\uBC88\uC9F8 \uC2A4\uD15D\uC73C\uB85C \uC774\uB3D9", onClick: function () {
+                    if (!stepGuide)
+                        return;
+                    stepGuide.goToStep(2);
+                }, style: { position: 'relative', zIndex: 3 } }), _jsxs("div", __assign({ style: { display: 'flex', gap: '20px', marginBlockStart: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-goto", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-goto", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step3-goto", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uC138 \uBC88\uC9F8 \uB2E8\uACC4" }))] }))] })));
+};
+export default GoToStep;

package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.d.ts

@@ -0,0 +1,3 @@
+declare const NoTargetElement: () => import("react/jsx-runtime").JSX.Element;
+export default NoTargetElement;
+//# sourceMappingURL=NoTargetElement.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoTargetElement.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/NoTargetElement.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe,+CAsEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.js

@@ -0,0 +1,63 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { loadScript } from './util';
+import { ExampleContainer } from './component/ExampleContainer';
+import { useEffect } from 'react';
+var NoTargetElement = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                steps: [
+                    {
+                        title: '첫 번째 단계',
+                        description: '현재 1/4 단계입니다.',
+                        element: '#step1-no-target',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '두 번째 단계',
+                        description: '현재 2/4 단계입니다.',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '세 번째 단계',
+                        description: '현재 3/4 단계입니다.',
+                        element: '#step3-no-target',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '마지막 단계',
+                        description: '현재 4/4 단계입니다.',
+                        element: '#step4-no-target',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uC694\uC18C \uC5C6\uC774 \uC0AC\uC6A9\uD558\uAE30", description: "`options.steps` \uBC30\uC5F4\uC758 \uC694\uC18C\uC758 `element` \uC18D\uC131\uC744 \uC81C\uAC70\uD558\uBA74 \uC694\uC18C \uC5C6\uC774 \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px', marginBlockStart: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-no-target", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-no-target", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step3-no-target", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uC138 \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step4-no-target", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB9C8\uC9C0\uB9C9 \uB2E8\uACC4" }))] })) })));
+};
+export default NoTargetElement;

package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.d.ts

@@ -0,0 +1,3 @@
+declare const NotUseAnimation: () => import("react/jsx-runtime").JSX.Element;
+export default NotUseAnimation;
+//# sourceMappingURL=NotUseAnimation.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotUseAnimation.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/NotUseAnimation.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe,+CAiDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExampleContainer } from './component/ExampleContainer';
+import { loadScript } from './util';
+import { useEffect } from 'react';
+var NotUseAnimation = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                useAnimation: false,
+                steps: [
+                    {
+                        title: 'Step 1',
+                        description: 'Step 1 description',
+                        element: '#step1-anim',
+                        position: 'bottom',
+                    },
+                    {
+                        title: 'Step 2',
+                        description: 'Step 2 description',
+                        element: '#step2-anim',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uC560\uB2C8\uBA54\uC774\uC158 \uC0AC\uC6A9 \uC548\uD568", description: "`options.useAnimation` \uC18D\uC131\uC744 `false`\uB85C \uC124\uC815\uD558\uBA74 \uC560\uB2C8\uBA54\uC774\uC158\uC774 \uC0AC\uC6A9\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-anim", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-anim", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" }))] })) })));
+};
+export default NotUseAnimation;

package/dist/temp/docusaurus/src/step-guide-example/PositionExample.d.ts

@@ -0,0 +1,3 @@
+declare const PositionExample: () => import("react/jsx-runtime").JSX.Element;
+export default PositionExample;
+//# sourceMappingURL=PositionExample.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/PositionExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionExample.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/PositionExample.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe,+CAqDpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/PositionExample.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExampleContainer } from './component/ExampleContainer';
+import { loadScript } from './util';
+import { useEffect } from 'react';
+var PositionExample = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                steps: [
+                    {
+                        title: '오른쪽 위치',
+                        description: '툴팁이 요소의 오른쪽에 표시됩니다.',
+                        element: '#position-right',
+                        position: 'right',
+                    },
+                    {
+                        title: '아래쪽 위치',
+                        description: '툴팁이 요소의 아래쪽에 표시됩니다.',
+                        element: '#position-bottom',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uC704\uCE58 \uBCC0\uACBD", description: "`options.steps` \uBC30\uC5F4\uC758 \uC694\uC18C\uC758 \uAC01 \uC2A4\uD15D\uC758 `position` \uC18D\uC131\uC744 \uCD94\uAC00\uD558\uC5EC \uD234\uD301\uC758 \uC704\uCE58\uB97C \uBCC0\uACBD\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px', marginBlockStart: '20px' } }, { children: [_jsx("div", __assign({ id: "position-right", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uC624\uB978\uCABD \uC704\uCE58" })), _jsx("div", __assign({ id: "position-bottom", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uC544\uB798\uCABD \uC704\uCE58" }))] })) })));
+};
+export default PositionExample;

package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.d.ts

@@ -0,0 +1,3 @@
+declare const SetBtnLabel: () => import("react/jsx-runtime").JSX.Element;
+export default SetBtnLabel;
+//# sourceMappingURL=SetBtnLabel.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetBtnLabel.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/SetBtnLabel.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW,+CAqDhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExampleContainer } from './component/ExampleContainer';
+import { loadScript } from './util';
+import { useEffect } from 'react';
+var SetBtnLabel = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                steps: [
+                    {
+                        title: 'Step 1',
+                        description: 'Step 1 description',
+                        element: '#step1-label',
+                        position: 'bottom',
+                    },
+                    {
+                        title: 'Step 2',
+                        description: 'Step 2 description',
+                        element: '#step2-label',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uBC84\uD2BC \uB808\uC774\uBE14 \uC124\uC815", description: "`options.buttonLabel` \uC18D\uC131\uC744 \uCD94\uAC00\uD558\uC5EC \uBC84\uD2BC \uB808\uC774\uBE14\uC744 \uC124\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-label", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-label", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" }))] })) })));
+};
+export default SetBtnLabel;

package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.d.ts

@@ -0,0 +1,3 @@
+declare const SkipBtn: () => import("react/jsx-runtime").JSX.Element;
+export default SkipBtn;
+//# sourceMappingURL=SkipBtn.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipBtn.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/SkipBtn.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO,+CAuDZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExampleContainer } from './component/ExampleContainer';
+import { loadScript } from './util';
+import { useEffect } from 'react';
+var SkipBtn = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                hideSkip: false,
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                    skip: '다음에 보기',
+                },
+                steps: [
+                    {
+                        title: 'Step 1',
+                        description: 'Step 1 description',
+                        element: '#step1-skip',
+                        position: 'bottom',
+                    },
+                    {
+                        title: 'Step 2',
+                        description: 'Step 2 description',
+                        element: '#step2-skip',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uC2A4\uD0B5 \uBC84\uD2BC \uC124\uC815", description: "`options.hideSkip` \uC18D\uC131\uC744 `false`\uB85C \uC124\uC815\uD558\uBA74 \uC2A4\uD0B5 \uBC84\uD2BC\uC774 \uD45C\uC2DC\uB429\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-skip", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-skip", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" }))] })) })));
+};
+export default SkipBtn;

package/dist/temp/docusaurus/src/step-guide-example/StepCount.d.ts

@@ -0,0 +1,3 @@
+declare const StepCount: () => import("react/jsx-runtime").JSX.Element;
+export default StepCount;
+//# sourceMappingURL=StepCount.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/StepCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepCount.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/StepCount.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS,+CAwEd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/StepCount.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { loadScript } from './util';
+import { ExampleContainer } from './component/ExampleContainer';
+import { useEffect } from 'react';
+var StepCount = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                hideStepCount: false,
+                steps: [
+                    {
+                        title: '첫 번째 단계',
+                        description: '현재 1/4 단계입니다.',
+                        element: '#step1-count',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '두 번째 단계',
+                        description: '현재 2/4 단계입니다.',
+                        element: '#step2-count',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '세 번째 단계',
+                        description: '현재 3/4 단계입니다.',
+                        element: '#step3-count',
+                        position: 'bottom',
+                    },
+                    {
+                        title: '마지막 단계',
+                        description: '현재 4/4 단계입니다.',
+                        element: '#step4-count',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "\uC2A4\uD15D \uCE74\uC6B4\uD2B8", description: "`options.hideStepCount` \uC18D\uC131\uC744 `false`\uB85C \uC124\uC815\uD558\uBA74 \uC2A4\uD15D \uCE74\uC6B4\uD2B8\uAC00 \uD45C\uC2DC\uB429\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsxs("div", __assign({ style: { display: 'flex', gap: '20px', marginBlockStart: '20px' } }, { children: [_jsx("div", __assign({ id: "step1-count", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step2-count", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB450 \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step3-count", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uC138 \uBC88\uC9F8 \uB2E8\uACC4" })), _jsx("div", __assign({ id: "step4-count", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uB9C8\uC9C0\uB9C9 \uB2E8\uACC4" }))] })) })));
+};
+export default StepCount;

package/dist/temp/docusaurus/src/step-guide-example/UseHtml.d.ts

@@ -0,0 +1,3 @@
+declare const UseHtml: () => import("react/jsx-runtime").JSX.Element;
+export default UseHtml;
+//# sourceMappingURL=UseHtml.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/UseHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseHtml.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/step-guide-example/UseHtml.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO,+CA4CZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/UseHtml.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { loadScript } from './util';
+import { ExampleContainer } from './component/ExampleContainer';
+import { useEffect } from 'react';
+var UseHtml = function () {
+    useEffect(function () {
+        var _a = loadScript(), script = _a.script, link = _a.link;
+        return function () {
+            document.body.removeChild(script);
+            document.head.removeChild(link);
+        };
+    }, []);
+    var handleClickSample = function () {
+        window.stepGuide({
+            el: document.body,
+            options: {
+                buttonLabel: {
+                    prev: '이전',
+                    next: '다음',
+                    done: '종료',
+                },
+                steps: [
+                    {
+                        title: 'Step 1',
+                        description: '<p style="color: red; font-size: 20px;">Step 1 description</p>',
+                        element: '#step1-html',
+                        position: 'bottom',
+                    },
+                ],
+            },
+        });
+    };
+    return (_jsx(ExampleContainer, __assign({ title: "HTML \uC0AC\uC6A9", description: "`options.steps` \uBC30\uC5F4\uC758 \uC694\uC18C\uC758 `description`, `title` \uC18D\uC131\uC5D0 HTML\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", handleClickSample: handleClickSample }, { children: _jsx("div", __assign({ style: { display: 'flex', gap: '20px', marginBlockStart: '20px' } }, { children: _jsx("div", __assign({ id: "step1-html", style: { background: '#fff', padding: '20px', border: '1px solid #ccc' } }, { children: "\uCCAB \uBC88\uC9F8 \uB2E8\uACC4" })) })) })));
+};
+export default UseHtml;

package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.d.ts

@@ -0,0 +1,7 @@
+export declare const ExampleContainer: ({ title, description, children, handleClickSample, }: {
+    title: string;
+    description: string;
+    children: React.ReactNode;
+    handleClickSample: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExampleContainer.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleContainer.d.ts","sourceRoot":"","sources":["../../../../../../docusaurus/src/step-guide-example/component/ExampleContainer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;WAMpB,MAAM;iBACA,MAAM;cACT,MAAM,SAAS;uBACN,MAAM,IAAI;6CAe9B,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../../src/components/button';
+export var ExampleContainer = function (_a) {
+    var title = _a.title, description = _a.description, children = _a.children, handleClickSample = _a.handleClickSample;
+    var wrapStyle = {
+        padding: '10px',
+        backgroundColor: 'var(--gray-50)',
+    };
+    return (_jsxs("article", __assign({ style: wrapStyle }, { children: [_jsx(Button, { label: "Run Example", onClick: handleClickSample }), _jsx("h3", __assign({ style: { marginTop: '10px' } }, { children: title })), _jsx("p", { children: description }), children] })));
+};

package/dist/temp/docusaurus/src/step-guide-example/util/index.d.ts

@@ -0,0 +1,5 @@
+export declare const loadScript: () => {
+    script: HTMLScriptElement;
+    link: HTMLLinkElement;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/temp/docusaurus/src/step-guide-example/util/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../docusaurus/src/step-guide-example/util/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;CAiBtB,CAAC"}

package/dist/temp/docusaurus/src/step-guide-example/util/index.js

@@ -0,0 +1,16 @@
+export var loadScript = function () {
+    // 외부 스크립트 로드
+    var script = document.createElement('script');
+    script.src = 'https://fe-sdk.cdn-nhncommerce.com/@ncds/stepGuide.js';
+    script.async = true;
+    document.body.appendChild(script);
+    // 외부 스타일시트 로드
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://fe-sdk.cdn-nhncommerce.com/@ncds/step-guide.css';
+    document.head.appendChild(link);
+    return {
+        script: script,
+        link: link,
+    };
+};

package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="@docusaurus/plugin-content-blog" />
+/// <reference types="react" />
+import type { Props } from '@theme/BlogArchivePage';
+declare function BlogArchive({ archive }: Props): JSX.Element;
+export default BlogArchive;
+//# sourceMappingURL=index.d.ts.map

package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../docusaurus/src/theme/BlogArchivePage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAKpD,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2DpD;AAED,eAAe,WAAW,CAAC"}

package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from '@docusaurus/Link';
+import { translate } from '@docusaurus/Translate';
+import Layout from '@theme/Layout';
+import styles from './styles.module.css';
+// 블로그 아카이브 페이지 (연도별 구분 없이 표시)
+function BlogArchive(_a) {
+    var archive = _a.archive;
+    var title = translate({
+        id: 'theme.blog.archive.title',
+        message: 'Archive',
+        description: 'The page & hero title of the blog archive page',
+    });
+    var description = translate({
+        id: 'theme.blog.archive.description',
+        message: 'Archive',
+        description: 'The page & hero description of the blog archive page',
+    });
+    // Flatten all blog posts (remove year grouping)
+    var allPosts = [];
+    // Process archive data to flatten the structure
+    for (var year in archive) {
+        if (Object.prototype.hasOwnProperty.call(archive, year)) {
+            var yearData = archive[year];
+            if (yearData && yearData.posts) {
+                allPosts.push.apply(allPosts, yearData.posts);
+            }
+        }
+    }
+    return (_jsx(Layout, __assign({ title: title, description: description }, { children: _jsx("div", __assign({ className: "container margin-vert--lg" }, { children: _jsx("div", __assign({ className: "row" }, { children: _jsxs("div", __assign({ className: "col col--12" }, { children: [_jsx("h1", __assign({ className: styles.title }, { children: title })), _jsx("main", __assign({ className: "margin-vert--lg" }, { children: _jsx("ul", __assign({ className: styles.archiveList }, { children: allPosts.map(function (post) {
+                                    var _a;
+                                    return (_jsxs("li", __assign({ className: styles.archiveItem }, { children: [_jsx(Link, __assign({ to: post.metadata.permalink }, { children: _jsx("h2", __assign({ className: styles.archiveItemTitle }, { children: post.metadata.title })) })), _jsx("time", __assign({ className: styles.archiveItemDate, dateTime: post.metadata.date }, { children: new Date(post.metadata.date).toLocaleDateString() })), ((_a = post.metadata.authors) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx("div", __assign({ className: styles.archiveItemAuthors }, { children: post.metadata.authors.map(function (author) { return (_jsx("div", __assign({ className: styles.archiveItemAuthor }, { children: author.name }), author.name)); }) }))) : null] }), post.metadata.permalink));
+                                }) })) }))] })) })) })) })));
+}
+export default BlogArchive;