@ncds/ui-admin 1.6.1 → 1.6.3

package/dist/cjs/assets/scripts/comboBox.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ComboBox = void 0;
-var _UnifiedSelectBox = require("./utils/selectbox/UnifiedSelectBox");
+var _UnifiedBoxManager = require("./utils/unifiedBox/UnifiedBoxManager");
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -80,7 +80,7 @@ var ComboBox = exports.ComboBox = /** @class */function () {
         (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, value);
       }
     });
-    this.unifiedSelectBox = new _UnifiedSelectBox.UnifiedSelectBox(element, unifiedConfig);
+    this.unifiedSelectBox = new _UnifiedBoxManager.UnifiedBoxManager(element, unifiedConfig);
     // 초기화 완료 (다음 이벤트 루프에서 실행)
     setTimeout(function () {
       _this.isInitializing = false;
@@ -235,7 +235,7 @@ var ComboBox = exports.ComboBox = /** @class */function () {
   };
   // ComboBox 특화 메서드들
   ComboBox.prototype.clearInput = function () {
-    // UnifiedSelectBox의 handleClearInput과 동일한 로직
+    // UnifiedBoxManager의 handleClearInput과 동일한 로직
     this.unifiedSelectBox.close();
   };
   ComboBox.prototype.getDebugInfo = function () {

package/dist/cjs/assets/scripts/selectBox.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectBox = void 0;
-var _UnifiedSelectBox = require("./utils/selectbox/UnifiedSelectBox");
+var _UnifiedBoxManager = require("./utils/unifiedBox/UnifiedBoxManager");
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -73,7 +73,7 @@ var SelectBox = exports.SelectBox = /** @class */function () {
         (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, realValue);
       }
     });
-    this.unifiedSelectBox = new _UnifiedSelectBox.UnifiedSelectBox(element, unifiedConfig);
+    this.unifiedSelectBox = new _UnifiedBoxManager.UnifiedBoxManager(element, unifiedConfig);
     // 초기화 완료 (다음 이벤트 루프에서 실행)
     setTimeout(function () {
       _this.isInitializing = false;

package/dist/cjs/assets/scripts/utils/{selectbox/SelectBoxController.js → unifiedBox/UnifiedBoxController.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SelectBoxController = void 0;
+exports.UnifiedBoxController = void 0;
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18,8 +18,8 @@ var __assign = void 0 && (void 0).__assign || function () {
  * SelectBox 통합 컨트롤러
  * 이벤트 처리, UI 상태 제어, 사용자 인터랙션 담당
  */
-var SelectBoxController = exports.SelectBoxController = /** @class */function () {
-  function SelectBoxController(config) {
+var UnifiedBoxController = exports.UnifiedBoxController = /** @class */function () {
+  function UnifiedBoxController(config) {
     this.isOpen = false;
     this.focusedIndex = -1;
     this.isKeyboardNavigation = false;
@@ -38,7 +38,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 상태 변경 리스너 (Observer Pattern)
    */
-  SelectBoxController.prototype.onStateChange = function (newState, changedFields) {
+  UnifiedBoxController.prototype.onStateChange = function (newState, changedFields) {
     var _a, _b;
     // 드롭다운 열기/닫기 상태 동기화
     if (changedFields.includes('isOpen')) {
@@ -64,7 +64,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 이벤트 핸들러 설정
    */
-  SelectBoxController.prototype.setupEventHandlers = function () {
+  UnifiedBoxController.prototype.setupEventHandlers = function () {
     var _this = this;
     // 외부 클릭 핸들러
     this.outsideClickHandler = function (e) {
@@ -94,7 +94,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 열기
    */
-  SelectBoxController.prototype.open = function () {
+  UnifiedBoxController.prototype.open = function () {
     var _a, _b;
     if (this.config.disabled || this.isOpen) return;
     this.config.model.setOpen(true);
@@ -107,7 +107,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 닫기
    */
-  SelectBoxController.prototype.close = function () {
+  UnifiedBoxController.prototype.close = function () {
     var _a, _b;
     if (!this.isOpen) return;
     this.config.model.setOpen(false);
@@ -120,7 +120,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 토글
    */
-  SelectBoxController.prototype.toggle = function () {
+  UnifiedBoxController.prototype.toggle = function () {
     if (this.isOpen) {
       this.close();
     } else {
@@ -130,7 +130,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 키보드 입력 처리
    */
-  SelectBoxController.prototype.handleKeyDown = function (event) {
+  UnifiedBoxController.prototype.handleKeyDown = function (event) {
     var state = this.config.model.getState();
     switch (event.key) {
       case 'ArrowDown':
@@ -173,7 +173,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 옵션 검색
    */
-  SelectBoxController.prototype.searchOption = function (char) {
+  UnifiedBoxController.prototype.searchOption = function (char) {
     var state = this.config.model.getState();
     var options = state.filteredOptions;
     var startIndex = this.focusedIndex >= 0 ? this.focusedIndex + 1 : 0;
@@ -192,13 +192,13 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 표시/숨김 업데이트
    */
-  SelectBoxController.prototype.updateDropdownVisibility = function (isOpen) {
+  UnifiedBoxController.prototype.updateDropdownVisibility = function (isOpen) {
     this.config.dropdownElement.style.display = isOpen ? 'block' : 'none';
   };
   /**
    * 옵션 표시 업데이트
    */
-  SelectBoxController.prototype.updateOptionsDisplay = function (state) {
+  UnifiedBoxController.prototype.updateOptionsDisplay = function (state) {
     var hasFilteredOptions = state.filteredOptions.length > 0;
     var countChanged = this.lastFilteredOptionsCount !== state.filteredOptions.length;
     // 빈 옵션일 때 해시 초기화 및 전체 렌더링
@@ -275,7 +275,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 포커스된 옵션 업데이트
    */
-  SelectBoxController.prototype.updateFocusedOption = function (focusedIndex) {
+  UnifiedBoxController.prototype.updateFocusedOption = function (focusedIndex) {
     this.optionElements.forEach(function (element, index) {
       if (index === focusedIndex) {
         element.classList.add('ncua-select-dropdown__option--focused');
@@ -290,7 +290,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 옵션 클릭 이벤트 핸들러 등록
    */
-  SelectBoxController.prototype.attachOptionEventHandlers = function () {
+  UnifiedBoxController.prototype.attachOptionEventHandlers = function () {
     var _this = this;
     // 기존 이벤트 리스너 제거
     this.removeOptionEventHandlers();
@@ -333,7 +333,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 옵션 이벤트 핸들러 제거
    */
-  SelectBoxController.prototype.removeOptionEventHandlers = function () {
+  UnifiedBoxController.prototype.removeOptionEventHandlers = function () {
     this.optionElements.forEach(function (element) {
       var clickHandler = element._clickHandler;
       var hoverHandler = element._hoverHandler;
@@ -350,7 +350,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 옵션 업데이트가 필요한지 판단
    */
-  SelectBoxController.prototype.shouldUpdateOptions = function (changedFields) {
+  UnifiedBoxController.prototype.shouldUpdateOptions = function (changedFields) {
     return changedFields.some(function (field) {
       return ['options', 'filteredOptions', 'selectedValues', 'showAllItems'].includes(field);
     });
@@ -358,20 +358,20 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 외부 클릭 감지 활성화
    */
-  SelectBoxController.prototype.enableOutsideClick = function () {
+  UnifiedBoxController.prototype.enableOutsideClick = function () {
     document.addEventListener('mousedown', this.outsideClickHandler);
   };
   /**
    * 외부 클릭 감지 비활성화
    */
-  SelectBoxController.prototype.disableOutsideClick = function () {
+  UnifiedBoxController.prototype.disableOutsideClick = function () {
     document.removeEventListener('mousedown', this.outsideClickHandler);
   };
   /**
    * 스크롤 잠금 활성화 (드롭다운 내부 스크롤은 허용)
    * ComboBox 또는 multiple 모드에서는 스크롤 잠금 비활성화
    */
-  SelectBoxController.prototype.enableScrollLock = function () {
+  UnifiedBoxController.prototype.enableScrollLock = function () {
     var _this = this;
     // ComboBox 또는 multiple 모드에서는 스크롤 잠금 비활성화
     if (this.config.type === 'combobox' || this.config.model.isMultiple()) {
@@ -437,7 +437,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 스크롤 가능한 부모 요소 찾기
    */
-  SelectBoxController.prototype.findScrollableParent = function (element, boundary) {
+  UnifiedBoxController.prototype.findScrollableParent = function (element, boundary) {
     var current = element;
     while (current && current !== boundary && boundary.contains(current)) {
       var computedStyle = window.getComputedStyle(current);
@@ -456,7 +456,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 스크롤 잠금 해제
    */
-  SelectBoxController.prototype.disableScrollLock = function () {
+  UnifiedBoxController.prototype.disableScrollLock = function () {
     if (this.scrollLockHandlers) {
       document.removeEventListener('wheel', this.scrollLockHandlers.wheel);
       document.removeEventListener('touchmove', this.scrollLockHandlers.touchmove);
@@ -467,7 +467,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 마우스 호버 처리 (외부에서 호출용)
    */
-  SelectBoxController.prototype.handleMouseHover = function (index) {
+  UnifiedBoxController.prototype.handleMouseHover = function (index) {
     if (!this.isKeyboardNavigation) {
       this.config.model.setFocusedIndex(index);
     }
@@ -475,7 +475,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 옵션 배열 업데이트
    */
-  SelectBoxController.prototype.updateOptions = function (options) {
+  UnifiedBoxController.prototype.updateOptions = function (options) {
     var _this = this;
     this.config.model.updateOptions(options);
     // 스크롤 리스너는 이미 등록되어 있으므로 제거/재등록 불필요
@@ -488,24 +488,24 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
       });
     }
   };
-  SelectBoxController.prototype.getIsOpen = function () {
+  UnifiedBoxController.prototype.getIsOpen = function () {
     return this.config.model.getState().isOpen;
   };
-  SelectBoxController.prototype.setFocus = function (index) {
+  UnifiedBoxController.prototype.setFocus = function (index) {
     this.config.model.setFocusedIndex(index);
   };
-  SelectBoxController.prototype.getFocusedIndex = function () {
+  UnifiedBoxController.prototype.getFocusedIndex = function () {
     return this.config.model.getState().focusedIndex;
   };
   /**
    * DropdownUtils 호환을 위한 정적 팩토리 메서드
    */
-  SelectBoxController.createFromDropdownConfig = function (config) {
+  UnifiedBoxController.createFromDropdownConfig = function (config) {
     // DropdownModel 생성
     var model = new (require('./DropdownModel').DropdownModel)(config.options || [], false);
     // DOMRenderer 생성
     var renderer = new (require('./DOMRenderer').DOMRenderer)();
-    // SelectBoxController 생성
+    // UnifiedBoxController 생성
     var controllerConfig = {
       triggerElement: config.triggerElement,
       dropdownElement: config.dropdownElement,
@@ -527,13 +527,13 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
         if (index >= 0) (_c = config.onOptionSelect) === null || _c === void 0 ? void 0 : _c.call(config, index);
       }
     };
-    return new SelectBoxController(controllerConfig);
+    return new UnifiedBoxController(controllerConfig);
   };
   /**
    * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
    * 단일 선택 모드에서만 적용
    */
-  SelectBoxController.prototype.adjustDropdownPosition = function () {
+  UnifiedBoxController.prototype.adjustDropdownPosition = function () {
     if (!this.config.dropdownElement || !this.config.triggerElement) return;
     // ComboBox 또는 multiple 모드에서는 위치 조정 비활성화
     if (this.config.type === 'combobox' || this.config.model.isMultiple()) {
@@ -558,7 +558,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 위치 계산 (React dropdownUtils.ts 로직 참고)
    */
-  SelectBoxController.prototype.calculateDropdownPosition = function () {
+  UnifiedBoxController.prototype.calculateDropdownPosition = function () {
     if (!this.config.triggerElement || !this.config.dropdownElement) {
       return {
         direction: 'down',
@@ -586,7 +586,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 예상 높이 계산
    */
-  SelectBoxController.prototype.estimateDropdownHeight = function () {
+  UnifiedBoxController.prototype.estimateDropdownHeight = function () {
     var itemHeight = 40; // 대략적인 옵션 항목 높이
     var itemCount = this.config.model.getState().filteredOptions.length || this.config.model.getState().options.length;
     return Math.min(itemCount * itemHeight, this.config.renderConfig.maxHeight);
@@ -594,7 +594,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 드롭다운 세부 위치 조정 (뷰포트 경계 처리)
    */
-  SelectBoxController.prototype.adjustDropdownPositionDetails = function (dropdownElement) {
+  UnifiedBoxController.prototype.adjustDropdownPositionDetails = function (dropdownElement) {
     var dropdownRect = dropdownElement.getBoundingClientRect();
     var viewportWidth = window.innerWidth;
     var viewportHeight = window.innerHeight;
@@ -617,7 +617,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 스크롤 바닥 감지 활성화
    */
-  SelectBoxController.prototype.enableScrollBottomDetection = function () {
+  UnifiedBoxController.prototype.enableScrollBottomDetection = function () {
     var _this = this;
     if (!this.config.onScrollBottom) return;
     // 이미 리스너가 등록되어 있으면 중복 등록 방지
@@ -647,7 +647,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 스크롤 바닥 감지 비활성화
    */
-  SelectBoxController.prototype.disableScrollBottomDetection = function () {
+  UnifiedBoxController.prototype.disableScrollBottomDetection = function () {
     if (this.scrollBottomHandler) {
       var optionsList = this.config.dropdownElement.querySelector('.ncua-select-dropdown__options');
       if (optionsList) {
@@ -659,7 +659,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * disabled 상태 설정
    */
-  SelectBoxController.prototype.setDisabled = function (disabled) {
+  UnifiedBoxController.prototype.setDisabled = function (disabled) {
     this.config.disabled = disabled;
     // disabled로 설정될 때 드롭다운이 열려있으면 닫기
     if (disabled && this.isOpen) {
@@ -669,7 +669,7 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
   /**
    * 정리
    */
-  SelectBoxController.prototype.destroy = function () {
+  UnifiedBoxController.prototype.destroy = function () {
     this.config.model.removeListener(this);
     this.disableOutsideClick();
     this.disableScrollLock();
@@ -677,5 +677,5 @@ var SelectBoxController = exports.SelectBoxController = /** @class */function ()
     this.disableScrollBottomDetection(); // 스크롤 감지 정리
     this.config.triggerElement.removeEventListener('keydown', this.keyDownHandler);
   };
-  return SelectBoxController;
+  return UnifiedBoxController;
 }();

package/dist/cjs/assets/scripts/utils/{selectbox/UnifiedSelectBox.js → unifiedBox/UnifiedBoxManager.js}

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UnifiedSelectBox = void 0;
+exports.UnifiedBoxManager = void 0;
 var _DOMRenderer = require("./DOMRenderer");
 var _DropdownModel = require("./DropdownModel");
-var _SelectBoxController = require("./SelectBoxController");
+var _UnifiedBoxController = require("./UnifiedBoxController");
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -142,11 +142,11 @@ var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack
   return to.concat(ar || Array.prototype.slice.call(from));
 };
 /**
- * 통합된 SelectBox 클래스
+ * 통합된 UnifiedBox 클래스
  * SelectBox와 ComboBox의 기능을 모두 포함
  */
-var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
-  function UnifiedSelectBox(element, config) {
+var UnifiedBoxManager = exports.UnifiedBoxManager = /** @class */function () {
+  function UnifiedBoxManager(element, config) {
     if (config === void 0) {
       config = {};
     }
@@ -169,7 +169,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     });
     this.initialize();
   }
-  UnifiedSelectBox.prototype.initialize = function () {
+  UnifiedBoxManager.prototype.initialize = function () {
     this.element.innerHTML = '';
     this.setupElementClasses();
     // 초기 옵션이 있는지 확인 (select 태그 등에서 파싱된 옵션이 있는 경우)
@@ -186,7 +186,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.model.setValue(this.config.value);
     }
   };
-  UnifiedSelectBox.prototype.setupElementClasses = function () {
+  UnifiedBoxManager.prototype.setupElementClasses = function () {
     var baseClass = this.config.type === 'combobox' ? 'ncua-combobox' : 'ncua-selectbox';
     this.element.className = "".concat(baseClass, " ").concat(baseClass, "--").concat(this.config.size);
     if (this.config.disabled) {
@@ -196,14 +196,14 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.element.classList.add("".concat(baseClass, "--multiple"));
     }
   };
-  UnifiedSelectBox.prototype.createUI = function () {
+  UnifiedBoxManager.prototype.createUI = function () {
     if (this.config.type === 'combobox') {
       this.createComboBoxUI();
     } else {
       this.createSelectBoxUI();
     }
   };
-  UnifiedSelectBox.prototype.createComboBoxUI = function () {
+  UnifiedBoxManager.prototype.createComboBoxUI = function () {
     var _this = this;
     // 컨텐츠 컨테이너
     var content = _DOMRenderer.DOMRenderer.createElementWithClass('div', 'ncua-combobox__content');
@@ -232,7 +232,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     // 드롭다운 생성
     this.createDropdown(content);
   };
-  UnifiedSelectBox.prototype.createSelectBoxUI = function () {
+  UnifiedBoxManager.prototype.createSelectBoxUI = function () {
     // 트리거 생성
     var trigger = _DOMRenderer.DOMRenderer.createElementWithClass('div', 'ncua-selectbox__content');
     trigger.setAttribute('tabindex', this.config.disabled ? '-1' : '0');
@@ -250,7 +250,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     // 드롭다운 생성
     this.createDropdown(this.element);
   };
-  UnifiedSelectBox.prototype.createDropdown = function (parent) {
+  UnifiedBoxManager.prototype.createDropdown = function (parent) {
     var _this = this;
     var dropdownStructure = this.renderer.createDropdownStructure({
       maxHeight: this.config.maxHeight || 275,
@@ -288,7 +288,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.dropdownElement.appendChild(this.footerElement);
     }
   };
-  UnifiedSelectBox.prototype.setupController = function () {
+  UnifiedBoxManager.prototype.setupController = function () {
     var _this = this;
     if (!this.triggerElement || !this.dropdownElement) {
       throw new Error('Trigger or dropdown element not found');
@@ -340,12 +340,12 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       },
       type: this.config.type // 타입 정보 전달
     };
-    this.controller = new _SelectBoxController.SelectBoxController(controllerConfig);
+    this.controller = new _UnifiedBoxController.UnifiedBoxController(controllerConfig);
   };
   /**
    * 디바운싱 타이머 취소
    */
-  UnifiedSelectBox.prototype.cancelDebounceTimer = function () {
+  UnifiedBoxManager.prototype.cancelDebounceTimer = function () {
     if (this.searchDebounceTimer) {
       clearTimeout(this.searchDebounceTimer);
       this.searchDebounceTimer = undefined;
@@ -353,7 +353,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     }
   };
   // 이벤트 핸들러들
-  UnifiedSelectBox.prototype.handleInput = function (value) {
+  UnifiedBoxManager.prototype.handleInput = function (value) {
     var _this = this;
     var _a, _b;
     this.cancelDebounceTimer();
@@ -419,7 +419,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       (_b = (_a = this.config).onSearch) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     }
   };
-  UnifiedSelectBox.prototype.handleInputClick = function () {
+  UnifiedBoxManager.prototype.handleInputClick = function () {
     var _a, _b;
     if (!this.config.disabled) {
       (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
@@ -431,7 +431,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       }
     }
   };
-  UnifiedSelectBox.prototype.handleClearInput = function () {
+  UnifiedBoxManager.prototype.handleClearInput = function () {
     this.cancelDebounceTimer();
     // input 필드 텍스트 지우기
     if (this.inputField) {
@@ -448,7 +448,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     }
     this.controller.close();
   };
-  UnifiedSelectBox.prototype.handleShowAll = function () {
+  UnifiedBoxManager.prototype.handleShowAll = function () {
     var _a, _b, _c, _d;
     return __awaiter(this, void 0, void 0, function () {
       var hasOptions;
@@ -475,7 +475,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       });
     });
   };
-  UnifiedSelectBox.prototype.handleSelectionChange = function (selectedValues) {
+  UnifiedBoxManager.prototype.handleSelectionChange = function (selectedValues) {
     var _a, _b;
     this.cancelDebounceTimer();
     var result = this.config.multiple ? selectedValues : selectedValues[0] || '';
@@ -493,7 +493,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.controller.close();
     }
   };
-  UnifiedSelectBox.prototype.updateSelectBoxValue = function () {
+  UnifiedBoxManager.prototype.updateSelectBoxValue = function () {
     var valueSpan = this.element.querySelector('.ncua-selectbox__value');
     if (valueSpan) {
       if (this.config.multiple) {
@@ -507,7 +507,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       }
     }
   };
-  UnifiedSelectBox.prototype.canToggleDropdown = function () {
+  UnifiedBoxManager.prototype.canToggleDropdown = function () {
     var _a;
     if (this.config.type === 'combobox') {
       // ComboBox의 경우: 인풋에 텍스트가 있으면 항상 토글 가능
@@ -517,7 +517,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     return true; // SelectBox는 항상 토글 가능
   };
   // 푸터 버튼 핸들러들
-  UnifiedSelectBox.prototype.handleSelectAll = function () {
+  UnifiedBoxManager.prototype.handleSelectAll = function () {
     var _a, _b;
     if (this.config.multiple) {
       this.model.toggleSelectAll();
@@ -526,7 +526,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       (_b = (_a = this.config).onSelectAll) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
   };
-  UnifiedSelectBox.prototype.handleComplete = function () {
+  UnifiedBoxManager.prototype.handleComplete = function () {
     var _a, _b, _c, _d;
     if (this.config.multiple || this.config.type === 'combobox') {
       var currentValues = this.model.getValue();
@@ -551,12 +551,12 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.controller.close();
     }
   };
-  UnifiedSelectBox.prototype.updateSelectAllButtonText = function () {
+  UnifiedBoxManager.prototype.updateSelectAllButtonText = function () {
     if (!this.config.multiple || !this.footerElement) return;
     this.renderer.updateSelectAllButtonText(this.footerElement, this.model.getSelectAllButtonText());
   };
   // Public API
-  UnifiedSelectBox.prototype.getValues = function () {
+  UnifiedBoxManager.prototype.getValues = function () {
     var selectedIds = this.model.getValue();
     var allOptions = this.getOptions();
     // selectedIds가 배열이 아닌 경우 배열로 변환
@@ -570,10 +570,10 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       return opt !== undefined;
     });
   };
-  UnifiedSelectBox.prototype.getOptions = function () {
+  UnifiedBoxManager.prototype.getOptions = function () {
     return this.config.options || [];
   };
-  UnifiedSelectBox.prototype.setValues = function (value) {
+  UnifiedBoxManager.prototype.setValues = function (value) {
     // 옵션 객체 배열에서 id 배열로 변환
     var ids = value.map(function (option) {
       return option.id;
@@ -595,13 +595,13 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       }
     }
   };
-  UnifiedSelectBox.prototype.updateOptions = function (newOptions) {
+  UnifiedBoxManager.prototype.updateOptions = function (newOptions) {
     // config.options도 업데이트 (getOptions()가 이를 반환하므로)
     this.config.options = __spreadArray([], newOptions, true);
     this.model.updateOptions(newOptions);
     this.controller.updateOptions(newOptions);
   };
-  UnifiedSelectBox.prototype.setDisabled = function (disabled) {
+  UnifiedBoxManager.prototype.setDisabled = function (disabled) {
     var _a, _b;
     this.config.disabled = disabled;
     var baseClass = this.config.type === 'combobox' ? 'ncua-combobox' : 'ncua-selectbox';
@@ -620,13 +620,13 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.triggerElement.setAttribute('tabindex', disabled ? '-1' : '0');
     }
   };
-  UnifiedSelectBox.prototype.open = function () {
+  UnifiedBoxManager.prototype.open = function () {
     this.controller.open();
   };
-  UnifiedSelectBox.prototype.close = function () {
+  UnifiedBoxManager.prototype.close = function () {
     this.controller.close();
   };
-  UnifiedSelectBox.prototype.focus = function () {
+  UnifiedBoxManager.prototype.focus = function () {
     var _a, _b;
     if (this.config.type === 'combobox') {
       (_a = this.inputField) === null || _a === void 0 ? void 0 : _a.focus();
@@ -634,14 +634,14 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       (_b = this.triggerElement) === null || _b === void 0 ? void 0 : _b.focus();
     }
   };
-  UnifiedSelectBox.prototype.destroy = function () {
+  UnifiedBoxManager.prototype.destroy = function () {
     this.cancelDebounceTimer();
     this.controller.destroy();
     this.renderer.clearCache();
     this.inputField = undefined;
   };
   // Multiple 모드 전용 메서드들
-  UnifiedSelectBox.prototype.selectAll = function () {
+  UnifiedBoxManager.prototype.selectAll = function () {
     var _a;
     if (this.config.multiple) {
       var allOptionIds = ((_a = this.config.options) === null || _a === void 0 ? void 0 : _a.map(function (option) {
@@ -650,15 +650,15 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
       this.model.setValue(allOptionIds);
     }
   };
-  UnifiedSelectBox.prototype.deselectAll = function () {
+  UnifiedBoxManager.prototype.deselectAll = function () {
     if (this.config.multiple) {
       this.model.setValue([]);
     }
   };
-  UnifiedSelectBox.prototype.isMultiple = function () {
+  UnifiedBoxManager.prototype.isMultiple = function () {
     return this.config.multiple || false;
   };
-  UnifiedSelectBox.prototype.toggleSelectAll = function () {
+  UnifiedBoxManager.prototype.toggleSelectAll = function () {
     var _a;
     if (!this.config.multiple) return;
     var currentValues = this.model.getValue();
@@ -674,7 +674,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
     }
   };
   // 디버깅용
-  UnifiedSelectBox.prototype.getDebugInfo = function () {
+  UnifiedBoxManager.prototype.getDebugInfo = function () {
     return {
       config: this.config,
       modelState: this.model.getDebugInfo(),
@@ -685,7 +685,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
    * 드롭다운을 스크롤의 바닥으로 이동
    * 전체 선택 시 추가 데이터 로드를 트리거하기 위해 사용
    */
-  UnifiedSelectBox.prototype.scrollToBottom = function () {
+  UnifiedBoxManager.prototype.scrollToBottom = function () {
     if (!this.dropdownElement) return;
     var optionsList = this.dropdownElement.querySelector('.ncua-select-dropdown__options');
     if (!optionsList) return;
@@ -696,7 +696,7 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
    * 전체 선택 버튼의 텍스트를 외부에서 변경
    * @param text 버튼에 표시할 텍스트
    */
-  UnifiedSelectBox.prototype.setSelectAllButtonText = function (text) {
+  UnifiedBoxManager.prototype.setSelectAllButtonText = function (text) {
     if (!this.config.multiple || !this.footerElement) return;
     this.renderer.updateSelectAllButtonText(this.footerElement, text);
   };
@@ -704,8 +704,8 @@ var UnifiedSelectBox = exports.UnifiedSelectBox = /** @class */function () {
    * 특정 인덱스의 옵션으로 포커스 이동
    * @param index 포커스를 이동할 옵션의 인덱스
    */
-  UnifiedSelectBox.prototype.setFocusIndex = function (index) {
+  UnifiedBoxManager.prototype.setFocusIndex = function (index) {
     this.controller.setFocus(index);
   };
-  return UnifiedSelectBox;
+  return UnifiedBoxManager;
 }();

package/dist/cjs/src/components/button/Button.js

@@ -47,7 +47,6 @@ var dotSize = exports.dotSize = {
   md: 'md'
 };
 var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  // NOTE: 엘리먼트 종류에 따라 props의 타입이 달라지므로 분리
   var _a = props.size,
     size = _a === void 0 ? 'md' : _a,
     children = props.children,