@ncds/ui-admin 0.0.32 → 0.0.34

package/dist/temp/docusaurus/src/components/Input.d.ts

@@ -0,0 +1,4 @@
+export { InputBase } from '../../../src/components/input/InputBase';
+export { PasswordInput } from '../../../src/components/input/PasswordInput';
+export { Textarea } from '../../../src/components/input/Textarea';
+//# sourceMappingURL=Input.d.ts.map

package/dist/temp/docusaurus/src/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/temp/docusaurus/src/components/Input.js

@@ -0,0 +1,3 @@
+export { InputBase } from '../../../src/components/input/InputBase';
+export { PasswordInput } from '../../../src/components/input/PasswordInput';
+export { Textarea } from '../../../src/components/input/Textarea';

package/dist/temp/docusaurus/src/components/InteractiveExample/index.d.ts

@@ -0,0 +1,19 @@
+import React, { CSSProperties } from 'react';
+export interface PropControl {
+    name: string;
+    type: 'string' | 'boolean' | 'select' | 'reactNode' | 'number' | 'object' | 'array';
+    default?: any;
+    options?: string[];
+    description?: string;
+    fields?: PropControl[];
+    isArray?: boolean;
+    itemType?: PropControl;
+}
+export interface InteractiveExampleProps {
+    component: React.ComponentType<any>;
+    initialProps: Record<string, any>;
+    controls: PropControl[];
+    previewStyle?: CSSProperties;
+}
+export default function InteractiveExample({ component: Component, initialProps, controls, previewStyle, }: InteractiveExampleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/temp/docusaurus/src/components/InteractiveExample/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../docusaurus/src/components/InteractiveExample/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAwC,MAAM,OAAO,CAAC;AAGnF,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpF,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EAAE,SAAS,EACpB,YAAY,EACZ,QAAQ,EACR,YAAiB,GAClB,EAAE,uBAAuB,2CAiXzB"}

package/dist/temp/docusaurus/src/components/InteractiveExample/index.js

@@ -0,0 +1,174 @@
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import CodeTabs from '../CodeTabs';
+export default function InteractiveExample(_a) {
+    var Component = _a.component, initialProps = _a.initialProps, controls = _a.controls, _b = _a.previewStyle, previewStyle = _b === void 0 ? {} : _b;
+    var _c = useState(initialProps), props = _c[0], setProps = _c[1];
+    var _d = useState(false), showCode = _d[0], setShowCode = _d[1];
+    var componentRef = useRef(null);
+    var _e = useState(''), htmlCode = _e[0], setHtmlCode = _e[1];
+    var handlePropChange = function (name, value) {
+        setProps(function (prev) {
+            var _a;
+            var newProps = __assign(__assign({}, prev), (_a = {}, _a[name] = value, _a));
+            return newProps;
+        });
+    };
+    var handleNumberChange = function (name, value) {
+        var numValue = value === '' ? 0 : Number(value);
+        if (!isNaN(numValue)) {
+            setProps(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = numValue, _a)));
+            });
+        }
+    };
+    var handleReactNodeChange = function (name, jsonString) {
+        try {
+            if (!jsonString.trim()) {
+                setProps(function (prev) {
+                    var _a;
+                    return (__assign(__assign({}, prev), (_a = {}, _a[name] = undefined, _a)));
+                });
+                return;
+            }
+            var processedJson = jsonString;
+            if (!jsonString.startsWith('{')) {
+                processedJson = "{".concat(processedJson);
+            }
+            if (!jsonString.endsWith('}')) {
+                processedJson = "".concat(processedJson, "}");
+            }
+            var parsedValue_1 = JSON.parse(processedJson);
+            setProps(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = parsedValue_1, _a)));
+            });
+        }
+        catch (error) {
+            setProps(function (prev) {
+                var _a;
+                return (__assign(__assign({}, prev), (_a = {}, _a[name] = jsonString, _a)));
+            });
+        }
+    };
+    var codeExample = useMemo(function () {
+        var formattedProps = Object.entries(props)
+            .map(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (typeof value === 'string') {
+                if (value.startsWith('{') && value.endsWith('}')) {
+                    try {
+                        var parsed = JSON.parse(value);
+                        return "".concat(key, "={").concat(JSON.stringify(parsed), "}");
+                    }
+                    catch (_b) {
+                        return "".concat(key, "=\"").concat(value, "\"");
+                    }
+                }
+                return "".concat(key, "=\"").concat(value, "\"");
+            }
+            else if (typeof value === 'boolean') {
+                return value ? "".concat(key) : '';
+            }
+            else if (value === null || value === undefined) {
+                return '';
+            }
+            else if (typeof value === 'object') {
+                return "".concat(key, "={").concat(JSON.stringify(value), "}");
+            }
+            else {
+                return "".concat(key, "={").concat(JSON.stringify(value), "}");
+            }
+        })
+            .filter(Boolean)
+            .join(' ');
+        // 컴포넌트 이름 추출
+        var componentName = Component.displayName || Component.name || 'Component';
+        return "<".concat(componentName, " ").concat(formattedProps, " />");
+    }, [props, Component]);
+    var toggleCodePanel = function () {
+        setShowCode(function (prev) { return !prev; });
+    };
+    // HTML 코드 추출
+    useEffect(function () {
+        var interval = setInterval(function () {
+            if (componentRef.current) {
+                var targetDiv = componentRef.current;
+                if (!targetDiv)
+                    return;
+                var extractedHtml = targetDiv.innerHTML;
+                setHtmlCode(extractedHtml);
+            }
+        }, 500);
+        return function () { return clearInterval(interval); };
+    }, []);
+    return (_jsxs("div", __assign({ className: "interactive-example" }, { children: [_jsx("div", __assign({ className: "preview-container", style: previewStyle }, { children: _jsx(Component, __assign({}, props)) })), showCode && (_jsxs("div", __assign({ className: "code-panel" }, { children: [_jsx("div", __assign({ ref: componentRef, style: { display: 'none', visibility: 'hidden' } }, { children: _jsx(Component, __assign({}, props)) })), _jsx(CodeTabs, { reactCode: codeExample, componentToConvert: _jsx(Component, __assign({}, props)) })] }))), _jsxs("div", __assign({ className: "controls-container" }, { children: [_jsxs("div", __assign({ className: "controls-header" }, { children: [_jsx("h3", { children: "Controls" }), _jsx("button", __assign({ className: "code-toggle-btn", onClick: toggleCodePanel }, { children: showCode ? 'Hide code' : 'Show code' }))] })), _jsx("div", __assign({ className: "controls-grid" }, { children: controls.map(function (control) {
+                            var _a;
+                            return (_jsxs("div", __assign({ className: "control-item" }, { children: [_jsxs("div", __assign({ className: "control-label" }, { children: [_jsx("span", __assign({ className: "control-name" }, { children: control.name })), _jsx("span", __assign({ className: "control-type" }, { children: control.type }))] })), control.description && _jsx("div", __assign({ className: "control-description" }, { children: control.description })), _jsxs("div", __assign({ className: "control-input" }, { children: [control.type === 'string' && (_jsx("input", { type: "text", value: props[control.name] || '', onChange: function (e) { return handlePropChange(control.name, e.target.value); }, className: "text-input" })), control.type === 'number' && (_jsx("input", { type: "number", value: (_a = props[control.name]) !== null && _a !== void 0 ? _a : '', onChange: function (e) { return handleNumberChange(control.name, e.target.value); }, className: "text-input" })), control.type === 'boolean' && (_jsxs("div", __assign({ className: "boolean-toggle" }, { children: [_jsx("button", __assign({ className: "toggle-btn ".concat(props[control.name] === false ? 'active' : ''), onClick: function () { return handlePropChange(control.name, false); } }, { children: "False" })), _jsx("button", __assign({ className: "toggle-btn ".concat(props[control.name] === true ? 'active' : ''), onClick: function () { return handlePropChange(control.name, true); } }, { children: "True" }))] }))), control.type === 'select' && control.options && (_jsxs("select", __assign({ value: props[control.name] || '', onChange: function (e) { return handlePropChange(control.name, e.target.value); }, className: "select-input" }, { children: [_jsx("option", __assign({ value: "" }, { children: "Choose option..." })), control.options.map(function (option) { return (_jsx("option", __assign({ value: option }, { children: option }), option)); })] }))), control.type === 'reactNode' && (_jsxs("div", { children: [_jsx("textarea", { value: typeof props[control.name] === 'object'
+                                                            ? JSON.stringify(props[control.name], null, 2)
+                                                            : props[control.name] || '', onChange: function (e) { return handleReactNodeChange(control.name, e.target.value); }, className: "textarea-input", placeholder: '\uC608: { "type": "icon", "icon": "arrow-left" }', rows: 3 }), _jsxs("div", __assign({ className: "help-text" }, { children: ["\uC544\uC774\uCF58 \uC608\uC2DC: ", "{ \"type\": \"icon\", \"icon\": \"arrow-left\" }"] }))] })), control.type === 'object' && control.fields && (_jsxs("div", __assign({ className: "object-control" }, { children: [(control.isArray ? props[control.name] || [] : [props[control.name]]).map(function (item, index) { return (_jsxs("div", __assign({ className: "object-item" }, { children: [control.fields.map(function (field) { return (_jsxs("div", __assign({ className: "field-item" }, { children: [_jsx("div", __assign({ className: "field-label" }, { children: field.name })), field.type === 'string' && (_jsx("input", { type: "text", value: (item === null || item === void 0 ? void 0 : item[field.name]) || '', onChange: function (e) {
+                                                                            var _a;
+                                                                            var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                            newValue[index] = __assign(__assign({}, newValue[index]), (_a = {}, _a[field.name] = e.target.value, _a));
+                                                                            handlePropChange(control.name, newValue);
+                                                                        }, className: "text-input" })), field.type === 'select' && field.options && (_jsxs("select", __assign({ value: (item === null || item === void 0 ? void 0 : item[field.name]) || '', onChange: function (e) {
+                                                                            var _a;
+                                                                            var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                            newValue[index] = __assign(__assign({}, newValue[index]), (_a = {}, _a[field.name] = e.target.value || undefined, _a));
+                                                                            handlePropChange(control.name, newValue);
+                                                                        }, className: "select-input" }, { children: [_jsx("option", __assign({ value: "" }, { children: "\uC120\uD0DD..." })), field.options.map(function (option) { return (_jsx("option", __assign({ value: option }, { children: option }), option)); })] })))] }), field.name)); }), control.isArray && (_jsx("button", __assign({ onClick: function () {
+                                                                    var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                    newValue.splice(index, 1);
+                                                                    handlePropChange(control.name, newValue);
+                                                                }, className: "remove-btn" }, { children: "\uC0AD\uC81C" })))] }), index)); }), control.isArray && (_jsx("button", __assign({ onClick: function () {
+                                                            var _a;
+                                                            var newItem = (_a = control.fields) === null || _a === void 0 ? void 0 : _a.reduce(function (acc, field) {
+                                                                var _a;
+                                                                return (__assign(__assign({}, acc), (_a = {}, _a[field.name] = field.default || '', _a)));
+                                                            }, {});
+                                                            handlePropChange(control.name, __spreadArray(__spreadArray([], (props[control.name] || []), true), [newItem], false));
+                                                        }, className: "add-btn" }, { children: "+ \uCD94\uAC00" })))] }))), control.type === 'array' && control.itemType && (_jsxs("div", __assign({ className: "array-control" }, { children: [(props[control.name] || []).map(function (item, index) { return (_jsxs("div", __assign({ className: "array-item" }, { children: [control.itemType.type === 'object' && control.itemType.fields && (_jsx("div", __assign({ className: "object-fields" }, { children: control.itemType.fields.map(function (field) { return (_jsxs("div", __assign({ className: "field-item" }, { children: [_jsx("div", __assign({ className: "field-label" }, { children: field.name })), field.type === 'string' && (_jsx("input", { type: "text", value: item[field.name] || '', onChange: function (e) {
+                                                                                var _a;
+                                                                                var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                                newValue[index] = __assign(__assign({}, newValue[index]), (_a = {}, _a[field.name] = e.target.value, _a));
+                                                                                handlePropChange(control.name, newValue);
+                                                                            }, className: "text-input" })), field.type === 'select' && field.options && (_jsxs("select", __assign({ value: item[field.name] || '', onChange: function (e) {
+                                                                                var _a;
+                                                                                var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                                newValue[index] = __assign(__assign({}, newValue[index]), (_a = {}, _a[field.name] = e.target.value || undefined, _a));
+                                                                                handlePropChange(control.name, newValue);
+                                                                            }, className: "select-input" }, { children: [_jsx("option", __assign({ value: "" }, { children: "\uC120\uD0DD..." })), field.options.map(function (option) { return (_jsx("option", __assign({ value: option }, { children: option }), option)); })] })))] }), field.name)); }) }))), _jsx("button", __assign({ onClick: function () {
+                                                                    var newValue = __spreadArray([], (props[control.name] || []), true);
+                                                                    newValue.splice(index, 1);
+                                                                    handlePropChange(control.name, newValue);
+                                                                }, className: "remove-btn" }, { children: "\uC0AD\uC81C" }))] }), index)); }), _jsxs("button", __assign({ onClick: function () {
+                                                            var _a, _b;
+                                                            var newItem = (_b = (_a = control.itemType) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, field) {
+                                                                var _a;
+                                                                return (__assign(__assign({}, acc), (_a = {}, _a[field.name] = field.default || '', _a)));
+                                                            }, {});
+                                                            handlePropChange(control.name, __spreadArray(__spreadArray([], (props[control.name] || []), true), [newItem], false));
+                                                        }, className: "add-btn" }, { children: [_jsx("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, { children: _jsx("path", { d: "M8 3v10M3 8h10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })), "\uCD94\uAC00"] }))] })))] }))] }), control.name));
+                        }) }))] }))] })));
+}

package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+/**
+ * 아이콘 선택 기능을 가진 고차 컴포넌트
+ *
+ * 이 컴포넌트는 leadingIconName과 trailingIconName props를 받아
+ * 실제 컴포넌트가 사용할 수 있는 leadingIcon과 trailingIcon 객체로 변환합니다.
+ *
+ * @param Component 래핑할 대상 컴포넌트
+ * @returns 아이콘 선택 기능이 추가된 새 컴포넌트
+ */
+export declare function withSlotSelection<P>(Component: React.ComponentType<P>): {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * 아이콘 선택 옵션 목록
+ * 여러 컴포넌트에서 재사용 가능한 아이콘 옵션 목록
+ */
+export declare const ICON_SELECT_OPTIONS: string[];
+export declare const ButtonDemo: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BadgeDemo: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const SelectDemo: any;
+export declare const TooltipDemo: any;
+export declare const TextareaDemo: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerDemo: any;
+export declare const CarouselNumberGroupDemo: any;
+export declare const CarouselArrowDemo: any;
+export declare const SpinnerDemo: any;
+export declare const PaginationDemo: any;
+export declare const ToggleDemo: any;
+export declare const RadioDemo: any;
+export declare const InputDemo: any;
+export declare const ProgressBarDemo: any;
+export declare const ButtonGroupDemo: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxDemo: any;
+export declare const HorizontalTabDemo: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalTabDemo: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressCircleDemo: any;
+export declare const BadgeGroupDemo: ({ label, groupLabel, type, color, size, leadingIconType, groupIconType, ...props }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InteractiveIconWrapper.d.ts.map

package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveIconWrapper.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/InteractiveIconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YAE1B,GAAG;;EAqC9C;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,UAA2E,CAAC;AAG5G,eAAO,MAAM,UAAU;YA9CqB,GAAG;;CA8CI,CAAC;AAGpD,eAAO,MAAM,SAAS;YAjDsB,GAAG;;CAiDE,CAAC;AAIlD,eAAO,MAAM,UAAU,KAAgB,CAAC;AAGxC,eAAO,MAAM,WAAW,KAAiB,CAAC;AAG1C,eAAO,MAAM,YAAY,yDAQxB,CAAC;AAIF,eAAO,MAAM,cAAc,KAAoB,CAAC;AAGhD,eAAO,MAAM,uBAAuB,KAA6B,CAAC;AAGlE,eAAO,MAAM,iBAAiB,KAAuB,CAAC;AAGtD,eAAO,MAAM,WAAW,KAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,KAAoB,CAAC;AAGhD,eAAO,MAAM,UAAU,KAAgB,CAAC;AAGxC,eAAO,MAAM,SAAS,KAAe,CAAC;AAGtC,eAAO,MAAM,SAAS,KAAmB,CAAC;AAG1C,eAAO,MAAM,eAAe,KAAqB,CAAC;AAGlD,eAAO,MAAM,eAAe,yDA+E3B,CAAC;AAIF,eAAO,MAAM,YAAY,KAAkB,CAAC;AAkC5C,eAAO,MAAM,iBAAiB,yDAc7B,CAAC;AAIF,eAAO,MAAM,eAAe,yDAe3B,CAAC;AAIF,eAAO,MAAM,kBAAkB,KAAwB,CAAC;AAGxD,eAAO,MAAM,cAAc,uFASxB,GAAG,4CAsBL,CAAC"}

package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.js

@@ -0,0 +1,211 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from './Badge';
+import { BadgeGroup } from './BadgeGroup';
+import { Button } from './Button';
+import { ButtonGroup } from './ButtonGroup';
+import { CarouselArrow } from './CarouselArrow';
+import { CarouselNumberGroup } from './CarouselNumberGroup';
+import Checkbox from './Checkbox';
+import { DatePicker } from './DatePicker';
+import HorizontalTab from './HorizontalTab';
+import { InputBase, Textarea } from './Input';
+import { Pagination } from './PaginationExample';
+import ProgressBar from './ProgressBar';
+import ProgressCircle from './ProgressCircle';
+import Radio from './Radio';
+import Select from './Select';
+import { Spinner } from './Spinner';
+import Toggle from './Toggle';
+import { Tooltip } from './TooltipExample';
+import VerticalTab from './VerticalTab';
+/**
+ * 아이콘 선택 기능을 가진 고차 컴포넌트
+ *
+ * 이 컴포넌트는 leadingIconName과 trailingIconName props를 받아
+ * 실제 컴포넌트가 사용할 수 있는 leadingIcon과 trailingIcon 객체로 변환합니다.
+ *
+ * @param Component 래핑할 대상 컴포넌트
+ * @returns 아이콘 선택 기능이 추가된 새 컴포넌트
+ */
+export function withSlotSelection(Component) {
+    // 원래 컴포넌트의 이름을 유지하기 위해 displayName을 복사
+    var WrappedComponent = function (props) {
+        var leadingIconType = props.leadingIconType, trailingIconType = props.trailingIconType, restProps = __rest(props, ["leadingIconType", "trailingIconType"]);
+        // 최종 전달할 props
+        var finalProps = __assign({}, restProps);
+        // leadingIcon 처리
+        if (leadingIconType && leadingIconType !== 'none') {
+            if (leadingIconType === 'icon') {
+                finalProps.leadingIcon = {
+                    type: 'icon',
+                    icon: 'arrow-left',
+                };
+            }
+            else if (leadingIconType === 'dot') {
+                finalProps.leadingIcon = { type: 'dot' };
+            }
+        }
+        // trailingIcon 처리
+        if (trailingIconType && trailingIconType !== 'none') {
+            if (trailingIconType === 'icon') {
+                finalProps.trailingIcon = { type: 'icon', icon: 'arrow-left' };
+            }
+            else if (trailingIconType === 'dot') {
+                finalProps.trailingIcon = { type: 'dot' };
+            }
+        }
+        // 고유한 키를 사용하여 컴포넌트 강제 리렌더링
+        var uniqueKey = "component-".concat(leadingIconType || 'none', "-").concat(trailingIconType || 'none', "-").concat(Math.random());
+        return _jsx(Component, __assign({}, finalProps), uniqueKey);
+    };
+    // 원래 컴포넌트의 displayName을 유지
+    WrappedComponent.displayName = Component.displayName || Component.name;
+    return WrappedComponent;
+}
+/**
+ * 아이콘 선택 옵션 목록
+ * 여러 컴포넌트에서 재사용 가능한 아이콘 옵션 목록
+ */
+export var ICON_SELECT_OPTIONS = ['none', 'arrow-left', 'arrow-right', 'plus', 'minus', 'check', 'heart'];
+// 데모용 컴포넌트들 (미리 래핑된 버전)
+export var ButtonDemo = withSlotSelection(Button);
+ButtonDemo.displayName = 'ButtonDemo';
+export var BadgeDemo = withSlotSelection(Badge);
+BadgeDemo.displayName = 'BadgeDemo';
+// 아이콘을 사용하지 않는 컴포넌트들도 Demo 접미사로 표시되도록 설정
+export var SelectDemo = Select;
+SelectDemo.displayName = 'SelectDemo';
+export var TooltipDemo = Tooltip;
+TooltipDemo.displayName = 'TooltipDemo';
+export var TextareaDemo = function (props) {
+    var _a = props.size, size = _a === void 0 ? 'md' : _a, restProps = __rest(props, ["size"]);
+    return (_jsx("div", __assign({ style: { width: '320px', maxWidth: '100%' } }, { children: _jsx(Textarea, __assign({ size: size, style: { flex: 1 } }, restProps)) })));
+};
+TextareaDemo.displayName = 'TextareaDemo';
+export var DatePickerDemo = DatePicker;
+DatePickerDemo.displayName = 'DatePickerDemo';
+export var CarouselNumberGroupDemo = CarouselNumberGroup;
+CarouselNumberGroupDemo.displayName = 'CarouselNumberGroupDemo';
+export var CarouselArrowDemo = CarouselArrow;
+CarouselArrowDemo.displayName = 'CarouselArrowDemo';
+export var SpinnerDemo = Spinner;
+SpinnerDemo.displayName = 'SpinnerDemo';
+export var PaginationDemo = Pagination;
+PaginationDemo.displayName = 'PaginationDemo';
+export var ToggleDemo = Toggle;
+ToggleDemo.displayName = 'ToggleDemo';
+export var RadioDemo = Radio;
+RadioDemo.displayName = 'RadioDemo';
+export var InputDemo = InputBase;
+InputDemo.displayName = 'InputDemo';
+export var ProgressBarDemo = ProgressBar;
+ProgressBarDemo.displayName = 'ProgressBarDemo';
+export var ButtonGroupDemo = function (props) {
+    var item1 = props.item1, item2 = props.item2, item3 = props.item3, item1IconName = props.item1IconName, item2IconName = props.item2IconName, item3IconName = props.item3IconName, _a = props.item1IconPosition, item1IconPosition = _a === void 0 ? 'leading' : _a, _b = props.item2IconPosition, item2IconPosition = _b === void 0 ? 'leading' : _b, _c = props.item3IconPosition, item3IconPosition = _c === void 0 ? 'trailing' : _c, restProps = __rest(props, ["item1", "item2", "item3", "item1IconName", "item2IconName", "item3IconName", "item1IconPosition", "item2IconPosition", "item3IconPosition"]);
+    // 각 버튼의 아이콘 설정
+    var item1Props = __assign({}, (item1 || { label: '버튼 1' }));
+    var item2Props = __assign({}, (item2 || { label: '버튼 2' }));
+    var item3Props = __assign({}, (item3 || { label: '버튼 3' }));
+    // 아이콘 설정
+    if (item1IconName && item1IconName !== 'none') {
+        item1Props.icon = {
+            type: 'icon',
+            icon: item1IconName,
+            position: item1IconPosition,
+        };
+    }
+    if (item2IconName && item2IconName !== 'none') {
+        item2Props.icon = {
+            type: 'icon',
+            icon: item2IconName,
+            position: item2IconPosition,
+        };
+    }
+    if (item3IconName && item3IconName !== 'none') {
+        item3Props.icon = {
+            type: 'icon',
+            icon: item3IconName,
+            position: item3IconPosition,
+        };
+    }
+    // 고유한 키 생성
+    var key = "button-group-".concat(Date.now(), "-").concat(Math.random());
+    return (_jsx("div", __assign({ style: { backgroundColor: '#fff', padding: '10px' } }, { children: _jsxs(ButtonGroup, __assign({ size: restProps.size, hasBorder: restProps.hasBorder, onlyIcon: restProps.onlyIcon, disabled: restProps.disabled }, { children: [_jsx(ButtonGroup.Item, { as: "button", label: item1Props.label, icon: item1Props.icon, disabled: item1Props.disabled, isCurrent: item1Props.isCurrent }), _jsx(ButtonGroup.Item, { as: "button", label: item2Props.label, icon: item2Props.icon, disabled: item2Props.disabled, isCurrent: item2Props.isCurrent }), _jsx(ButtonGroup.Item, { as: "button", label: item3Props.label, icon: item3Props.icon, disabled: item3Props.disabled, isCurrent: item3Props.isCurrent })] }), key) })));
+};
+ButtonGroupDemo.displayName = 'ButtonGroupDemo';
+export var CheckboxDemo = Checkbox;
+CheckboxDemo.displayName = 'CheckboxDemo';
+// 탭 메뉴 생성 유틸리티 함수
+var createTabMenus = function (props) {
+    var menus = [];
+    var menuCount = props.menuCount ? parseInt(props.menuCount, 10) : 3;
+    for (var i = 1; i <= menuCount; i++) {
+        var menuItem = {
+            id: "tab".concat(i),
+            label: props["menuLabel".concat(i)] || "\uD0ED ".concat(i),
+        };
+        // 뱃지 추가 (있는 경우)
+        if (props["menuBadge".concat(i)]) {
+            menuItem.badgeInfo = {
+                label: props["menuBadge".concat(i)],
+                color: props["menuBadgeColor".concat(i)] || 'gray',
+            };
+        }
+        // 링크 추가 (있는 경우)
+        if (props["menuHref".concat(i)]) {
+            menuItem.href = props["menuHref".concat(i)];
+            menuItem.target = props["menuTarget".concat(i)] || undefined;
+        }
+        menus.push(menuItem);
+    }
+    return menus;
+};
+export var HorizontalTabDemo = function (props) {
+    var _a = props.activeTab, activeTab = _a === void 0 ? 'tab1' : _a, restProps = __rest(props, ["activeTab"]);
+    var menus = createTabMenus(restProps);
+    return (_jsx(HorizontalTab, { type: restProps.type || 'button-primary', size: restProps.size || 'md', fullWidth: restProps.fullWidth, activeTab: activeTab, menus: menus, onClick: function (id) { return console.log("Tab clicked: ".concat(id)); } }));
+};
+HorizontalTabDemo.displayName = 'HorizontalTabDemo';
+export var VerticalTabDemo = function (props) {
+    var _a = props.activeTab, activeTab = _a === void 0 ? 'tab1' : _a, restProps = __rest(props, ["activeTab"]);
+    var menus = createTabMenus(restProps);
+    return (_jsx("div", __assign({ style: { width: restProps.fullWidth ? '100%' : '200px' } }, { children: _jsx(VerticalTab, { type: restProps.type || 'button-primary', breakPoint: restProps.breakPoint, activeTab: activeTab, menus: menus, onClick: function (id) { return console.log("Tab clicked: ".concat(id)); } }) })));
+};
+VerticalTabDemo.displayName = 'VerticalTabDemo';
+export var ProgressCircleDemo = ProgressCircle;
+ProgressCircleDemo.displayName = 'ProgressCircleDemo';
+export var BadgeGroupDemo = function (_a) {
+    var label = _a.label, groupLabel = _a.groupLabel, type = _a.type, color = _a.color, size = _a.size, _b = _a.leadingIconType, leadingIconType = _b === void 0 ? 'none' : _b, _c = _a.groupIconType, groupIconType = _c === void 0 ? 'none' : _c, props = __rest(_a, ["label", "groupLabel", "type", "color", "size", "leadingIconType", "groupIconType"]);
+    var getIconProps = function (type) {
+        if (type === 'icon') {
+            return { type: 'icon', icon: 'arrow-right', size: 14 };
+        }
+        if (type === 'dot') {
+            return { type: 'dot', color: 'success', size: 'sm' };
+        }
+        return undefined;
+    };
+    return (_jsx(BadgeGroup, __assign({ label: label, groupLabel: groupLabel, color: color, size: size, leadingIcon: getIconProps(leadingIconType), groupIcon: getIconProps(groupIconType) }, props)));
+};

package/dist/temp/docusaurus/src/components/Modal.d.ts

@@ -0,0 +1,8 @@
+import { Modal, ModalProps } from '../../../src/components/modal/Modal';
+import React from 'react';
+type InlineModalProps = Omit<ModalProps, 'children'> & {
+    children: React.ReactNode;
+};
+export declare const InlineModal: ({ children, ...restProps }: InlineModalProps) => import("react/jsx-runtime").JSX.Element;
+export { Modal };
+//# sourceMappingURL=Modal.d.ts.map

package/dist/temp/docusaurus/src/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,WAAW,+BAAgC,gBAAgB,4CAEvE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/temp/docusaurus/src/components/Modal.js

@@ -0,0 +1,30 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Modal } from '../../../src/components/modal/Modal';
+import classNames from 'classnames';
+export var InlineModal = function (_a) {
+    var children = _a.children, restProps = __rest(_a, ["children"]);
+    return _jsx("div", __assign({ className: classNames('ncua-modal', "ncua-modal--".concat(restProps.size || 'md')) }, { children: children }));
+};
+export { Modal };

package/dist/temp/docusaurus/src/components/Notification.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/components/notification/Notification';
+//# sourceMappingURL=Notification.d.ts.map

package/dist/temp/docusaurus/src/components/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/Notification.tsx"],"names":[],"mappings":"AAAA,cAAc,mDAAmD,CAAC"}

package/dist/temp/docusaurus/src/components/Notification.js

@@ -0,0 +1 @@
+export * from '../../../src/components/notification/Notification';

package/dist/temp/docusaurus/src/components/PaginationExample.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from '../../../src/components/pagination/Pagination';
+//# sourceMappingURL=PaginationExample.d.ts.map

package/dist/temp/docusaurus/src/components/PaginationExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationExample.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/PaginationExample.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC"}

package/dist/temp/docusaurus/src/components/PaginationExample.js

@@ -0,0 +1 @@
+export { Pagination } from '../../../src/components/pagination/Pagination';

package/dist/temp/docusaurus/src/components/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBar } from '../../../src/components/progress-bar/ProgressBar';
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/temp/docusaurus/src/components/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,eAAe,WAAW,CAAC"}

package/dist/temp/docusaurus/src/components/ProgressBar.js

@@ -0,0 +1,2 @@
+import { ProgressBar } from '../../../src/components/progress-bar/ProgressBar';
+export default ProgressBar;

package/dist/temp/docusaurus/src/components/ProgressCircle.d.ts

@@ -0,0 +1,3 @@
+import { ProgressCircle } from '../../../src/components/progress-circle/ProgressCircle';
+export default ProgressCircle;
+//# sourceMappingURL=ProgressCircle.d.ts.map

package/dist/temp/docusaurus/src/components/ProgressCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAExF,eAAe,cAAc,CAAC"}

package/dist/temp/docusaurus/src/components/ProgressCircle.js

@@ -0,0 +1,2 @@
+import { ProgressCircle } from '../../../src/components/progress-circle/ProgressCircle';
+export default ProgressCircle;

package/dist/temp/docusaurus/src/components/Radio.d.ts

@@ -0,0 +1,4 @@
+import { RadioProps } from '@ncds/ui-admin/src/components/radio';
+declare const Radio: (props: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/temp/docusaurus/src/components/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAG1F,QAAA,MAAM,KAAK,UAAW,UAAU,4CAG/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/temp/docusaurus/src/components/Radio.js

@@ -0,0 +1,20 @@
+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 { Radio as RadioComponent } from '@ncds/ui-admin/src/components/radio';
+import { useState } from 'react';
+var Radio = function (props) {
+    var _a;
+    var _b = useState(false), checked = _b[0], setChecked = _b[1];
+    return _jsx(RadioComponent, __assign({}, props, { checked: (_a = props.checked) !== null && _a !== void 0 ? _a : checked, onChange: function () { return setChecked(!checked); } }));
+};
+export default Radio;

package/dist/temp/docusaurus/src/components/RangeDatePicker.d.ts

@@ -0,0 +1,2 @@
+export { RangeDatePicker } from '../../../src/components/date-picker';
+//# sourceMappingURL=RangeDatePicker.d.ts.map

package/dist/temp/docusaurus/src/components/RangeDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../../../docusaurus/src/components/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/temp/docusaurus/src/components/RangeDatePicker.js

@@ -0,0 +1 @@
+export { RangeDatePicker } from '../../../src/components/date-picker';

package/dist/temp/docusaurus/src/components/RangeDatePickerWithButtons.d.ts

@@ -0,0 +1,2 @@
+export { RangeDatePickerWithButtons } from '../../../src/components/date-picker';
+//# sourceMappingURL=RangeDatePickerWithButtons.d.ts.map