@ncds/ui-admin 1.6.2 → 1.6.3

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

@@ -134,13 +134,13 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
 };
 import { DOMRenderer } from './DOMRenderer';
 import { DropdownModel } from './DropdownModel';
-import { SelectBoxController } from './SelectBoxController';
+import { UnifiedBoxController } from './UnifiedBoxController';
 /**
- * 통합된 SelectBox 클래스
+ * 통합된 UnifiedBox 클래스
  * SelectBox와 ComboBox의 기능을 모두 포함
  */
-var UnifiedSelectBox = /** @class */function () {
-  function UnifiedSelectBox(element, config) {
+var UnifiedBoxManager = /** @class */function () {
+  function UnifiedBoxManager(element, config) {
     if (config === void 0) {
       config = {};
     }
@@ -163,7 +163,7 @@ var UnifiedSelectBox = /** @class */function () {
     });
     this.initialize();
   }
-  UnifiedSelectBox.prototype.initialize = function () {
+  UnifiedBoxManager.prototype.initialize = function () {
     this.element.innerHTML = '';
     this.setupElementClasses();
     // 초기 옵션이 있는지 확인 (select 태그 등에서 파싱된 옵션이 있는 경우)
@@ -180,7 +180,7 @@ var 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) {
@@ -190,14 +190,14 @@ var 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.createElementWithClass('div', 'ncua-combobox__content');
@@ -226,7 +226,7 @@ var UnifiedSelectBox = /** @class */function () {
     // 드롭다운 생성
     this.createDropdown(content);
   };
-  UnifiedSelectBox.prototype.createSelectBoxUI = function () {
+  UnifiedBoxManager.prototype.createSelectBoxUI = function () {
     // 트리거 생성
     var trigger = DOMRenderer.createElementWithClass('div', 'ncua-selectbox__content');
     trigger.setAttribute('tabindex', this.config.disabled ? '-1' : '0');
@@ -244,7 +244,7 @@ var 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,
@@ -282,7 +282,7 @@ var 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');
@@ -334,12 +334,12 @@ var UnifiedSelectBox = /** @class */function () {
       },
       type: this.config.type // 타입 정보 전달
     };
-    this.controller = new SelectBoxController(controllerConfig);
+    this.controller = new UnifiedBoxController(controllerConfig);
   };
   /**
    * 디바운싱 타이머 취소
    */
-  UnifiedSelectBox.prototype.cancelDebounceTimer = function () {
+  UnifiedBoxManager.prototype.cancelDebounceTimer = function () {
     if (this.searchDebounceTimer) {
       clearTimeout(this.searchDebounceTimer);
       this.searchDebounceTimer = undefined;
@@ -347,7 +347,7 @@ var UnifiedSelectBox = /** @class */function () {
     }
   };
   // 이벤트 핸들러들
-  UnifiedSelectBox.prototype.handleInput = function (value) {
+  UnifiedBoxManager.prototype.handleInput = function (value) {
     var _this = this;
     var _a, _b;
     this.cancelDebounceTimer();
@@ -413,7 +413,7 @@ var 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();
@@ -425,7 +425,7 @@ var UnifiedSelectBox = /** @class */function () {
       }
     }
   };
-  UnifiedSelectBox.prototype.handleClearInput = function () {
+  UnifiedBoxManager.prototype.handleClearInput = function () {
     this.cancelDebounceTimer();
     // input 필드 텍스트 지우기
     if (this.inputField) {
@@ -442,7 +442,7 @@ var 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;
@@ -469,7 +469,7 @@ var 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] || '';
@@ -487,7 +487,7 @@ var 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) {
@@ -501,7 +501,7 @@ var UnifiedSelectBox = /** @class */function () {
       }
     }
   };
-  UnifiedSelectBox.prototype.canToggleDropdown = function () {
+  UnifiedBoxManager.prototype.canToggleDropdown = function () {
     var _a;
     if (this.config.type === 'combobox') {
       // ComboBox의 경우: 인풋에 텍스트가 있으면 항상 토글 가능
@@ -511,7 +511,7 @@ var UnifiedSelectBox = /** @class */function () {
     return true; // SelectBox는 항상 토글 가능
   };
   // 푸터 버튼 핸들러들
-  UnifiedSelectBox.prototype.handleSelectAll = function () {
+  UnifiedBoxManager.prototype.handleSelectAll = function () {
     var _a, _b;
     if (this.config.multiple) {
       this.model.toggleSelectAll();
@@ -520,7 +520,7 @@ var 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();
@@ -545,12 +545,12 @@ var 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가 배열이 아닌 경우 배열로 변환
@@ -564,10 +564,10 @@ var 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;
@@ -589,13 +589,13 @@ var 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';
@@ -614,13 +614,13 @@ var 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();
@@ -628,14 +628,14 @@ var 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) {
@@ -644,15 +644,15 @@ var 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();
@@ -668,7 +668,7 @@ var UnifiedSelectBox = /** @class */function () {
     }
   };
   // 디버깅용
-  UnifiedSelectBox.prototype.getDebugInfo = function () {
+  UnifiedBoxManager.prototype.getDebugInfo = function () {
     return {
       config: this.config,
       modelState: this.model.getDebugInfo(),
@@ -679,7 +679,7 @@ var 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;
@@ -690,7 +690,7 @@ var 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);
   };
@@ -698,9 +698,9 @@ var UnifiedSelectBox = /** @class */function () {
    * 특정 인덱스의 옵션으로 포커스 이동
    * @param index 포커스를 이동할 옵션의 인덱스
    */
-  UnifiedSelectBox.prototype.setFocusIndex = function (index) {
+  UnifiedBoxManager.prototype.setFocusIndex = function (index) {
     this.controller.setFocus(index);
   };
-  return UnifiedSelectBox;
+  return UnifiedBoxManager;
 }();
-export { UnifiedSelectBox };
+export { UnifiedBoxManager };

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

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

package/dist/esm/src/components/checkbox/CheckboxInput.js

@@ -19,9 +19,6 @@ var __rest = this && this.__rest || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef, useEffect, useRef } from 'react';
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export var CheckboxInput = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

package/dist/esm/src/components/date-picker/DatePicker.js

@@ -124,6 +124,9 @@ export var DatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
     var instance = flatpickrInstanceRef.current;
     if (!instance) return;
     if (!input || input.trim() === '') {
+      target.value = '';
+      instance.setDate('', false);
+      onChangeDate('');
       return;
     }
     // 숫자가 최소 하나는 포함되어야 함 (하이픈만 있는 경우 방지)

package/dist/esm/src/components/dot/Dot.js

@@ -17,8 +17,8 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
 import classNames from 'classnames';
+import { forwardRef } from 'react';
 export var Dot = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.color,
     color = _b === void 0 ? 'success' : _b,

package/dist/esm/src/components/pagination/Pagination.js

@@ -56,7 +56,7 @@ export var Pagination = function (_a) {
       setStart(newStart);
     }
     if (currentPage < start) {
-      setStart(start - pageCount);
+      setStart(Math.max(1, start - pageCount));
     }
     if (currentPage === 1) {
       setStart(1);

package/dist/esm/src/components/select/Select.js

@@ -20,9 +20,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { forwardRef } from 'react';
 import { HintText } from '../shared/hintText/HintText';
-/**
- * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export var Select = /*#__PURE__*/forwardRef(function (_a, ref) {
   var placeholder = _a.placeholder,
     _b = _a.disabledPlaceholder,

package/dist/esm/src/components/switch/Switch.js

@@ -10,7 +10,7 @@ var __assign = this && this.__assign || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useState, forwardRef } from 'react';
+import { forwardRef, useState } from 'react';
 export var Switch = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

package/dist/esm/src/components/tab/HorizontalTab.js

@@ -41,7 +41,7 @@ export var HorizontalTab = function (_a) {
       spaceBetween: getTabGap(type)
     }, {
       children: menus.map(function (menu) {
-        var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
         return _jsx(SwiperSlide, __assign({
           className: "ncua-horizontal-tab__item"
         }, {

package/dist/esm/src/components/tab/VerticalTab.js

@@ -41,7 +41,7 @@ export var VerticalTab = function (_a) {
     className: classNames('ncua-vertical-tab', "ncua-vertical-tab--".concat(type))
   }, {
     children: menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
-      var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+      var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
       return _jsx(TabButton, __assign({}, menu, {
         isActive: isActive,
         tabButtonType: type,

package/dist/types/assets/scripts/comboBox.d.ts

@@ -1,7 +1,7 @@
 import { Size } from '@ncds/ui-admin/constant/size';
 import { OptionValue } from '../../src/types';
-import { DropdownOption } from './utils/selectbox/DropdownModel';
-import { UnifiedSelectBoxConfig } from './utils/selectbox/UnifiedSelectBox';
+import { DropdownOption } from './utils/unifiedBox/DropdownModel';
+import { UnifiedBoxManagerConfig } from './utils/unifiedBox/UnifiedBoxManager';
 export interface ComboBoxOptionType {
     id: string | number;
     label: string;
@@ -66,7 +66,7 @@ export declare class ComboBox {
     destroy(): void;
     clearInput(): void;
     getDebugInfo(): {
-        config: UnifiedSelectBoxConfig;
+        config: UnifiedBoxManagerConfig;
         modelState: any;
         isOpen: boolean;
     };

package/dist/types/assets/scripts/modal/const/types.d.ts

@@ -1,6 +1,6 @@
 import { ModalSize, ModalHeaderAlign, ModalActionsLayout } from '../../../../src/components/modal/Modal';
 import { FeaturedIconOptions } from '../../featuredIcon';
-export type { ModalSize, ModalHeaderAlign, ModalAlign, ModalActionsLayout, ModalProps as ReactModalProps, ModalHeaderProps as ReactModalHeaderProps, ModalContentProps as ReactModalContentProps, ModalActionsProps as ReactModalActionsProps, } from '../../../../src/components/modal/Modal';
+export type { ModalSize, ModalHeaderAlign, ModalActionsAlign, ModalActionsLayout, ModalProps as ReactModalProps, ModalHeaderProps as ReactModalHeaderProps, ModalContentProps as ReactModalContentProps, ModalActionsProps as ReactModalActionsProps, } from '../../../../src/components/modal/Modal';
 export type { FeaturedIconOptions } from '../../featuredIcon';
 export interface ModalProps {
     isOpen?: boolean;

package/dist/types/assets/scripts/selectBox.d.ts

@@ -1,5 +1,5 @@
 import { OptionValue } from '../../src/types';
-import { DropdownOption } from './utils/selectbox/DropdownModel';
+import { DropdownOption } from './utils/unifiedBox/DropdownModel';
 export interface SelectBoxOptionType {
     id: string | number;
     text: string;

package/dist/types/assets/scripts/utils/{selectbox/SelectBoxController.d.ts → unifiedBox/UnifiedBoxController.d.ts}

@@ -1,6 +1,6 @@
 import { DOMRenderer, DropdownRenderConfig } from './DOMRenderer';
 import { DropdownModel, DropdownState, StateChangeListener } from './DropdownModel';
-export interface SelectBoxControllerConfig {
+export interface UnifiedBoxControllerConfig {
     triggerElement: HTMLElement;
     dropdownElement: HTMLElement;
     model: DropdownModel;
@@ -19,7 +19,7 @@ export interface SelectBoxControllerConfig {
  * SelectBox 통합 컨트롤러
  * 이벤트 처리, UI 상태 제어, 사용자 인터랙션 담당
  */
-export declare class SelectBoxController implements StateChangeListener {
+export declare class UnifiedBoxController implements StateChangeListener {
     private config;
     private isOpen;
     private focusedIndex;
@@ -34,7 +34,7 @@ export declare class SelectBoxController implements StateChangeListener {
     private lastFilteredOptionsHash;
     private scrollBottomHandler?;
     private lastScrollBottomTime;
-    constructor(config: SelectBoxControllerConfig);
+    constructor(config: UnifiedBoxControllerConfig);
     /**
      * 상태 변경 리스너 (Observer Pattern)
      */
@@ -133,7 +133,7 @@ export declare class SelectBoxController implements StateChangeListener {
         onOptionSelect?: (index: number) => void;
         onKeyboardNavigation?: (isKeyboard: boolean) => void;
         canToggle?: () => boolean;
-    }): SelectBoxController;
+    }): UnifiedBoxController;
     /**
      * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
      * 단일 선택 모드에서만 적용
@@ -168,4 +168,4 @@ export declare class SelectBoxController implements StateChangeListener {
      */
     destroy(): void;
 }
-//# sourceMappingURL=SelectBoxController.d.ts.map
+//# sourceMappingURL=UnifiedBoxController.d.ts.map

package/dist/types/assets/scripts/utils/{selectbox/UnifiedSelectBox.d.ts → unifiedBox/UnifiedBoxManager.d.ts}

@@ -1,6 +1,6 @@
 import { OptionValue } from '../../../../src/types';
 import { DropdownOption } from './DropdownModel';
-export interface UnifiedSelectBoxConfig {
+export interface UnifiedBoxManagerConfig {
     options?: DropdownOption[];
     placeholder?: string;
     value?: OptionValue;
@@ -22,10 +22,10 @@ export interface UnifiedSelectBoxConfig {
     type?: 'selectbox' | 'combobox';
 }
 /**
- * 통합된 SelectBox 클래스
+ * 통합된 UnifiedBox 클래스
  * SelectBox와 ComboBox의 기능을 모두 포함
  */
-export declare class UnifiedSelectBox {
+export declare class UnifiedBoxManager {
     private element;
     private config;
     private model;
@@ -40,7 +40,7 @@ export declare class UnifiedSelectBox {
     private triggerElement?;
     private footerElement?;
     private arrowElement?;
-    constructor(element: HTMLElement, config?: UnifiedSelectBoxConfig);
+    constructor(element: HTMLElement, config?: UnifiedBoxManagerConfig);
     private initialize;
     private setupElementClasses;
     private createUI;
@@ -76,7 +76,7 @@ export declare class UnifiedSelectBox {
     isMultiple(): boolean;
     toggleSelectAll(): void;
     getDebugInfo(): {
-        config: UnifiedSelectBoxConfig;
+        config: UnifiedBoxManagerConfig;
         modelState: any;
         isOpen: boolean;
     };
@@ -96,4 +96,4 @@ export declare class UnifiedSelectBox {
      */
     setFocusIndex(index: number): void;
 }
-//# sourceMappingURL=UnifiedSelectBox.d.ts.map
+//# sourceMappingURL=UnifiedBoxManager.d.ts.map

package/dist/types/src/components/badge/BadgeGroup.d.ts

@@ -1,7 +1,7 @@
+import { type BadgeProps } from '.';
 import type { ColorTone } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-import { type BadgeProps } from '.';
 export type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
 export type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
 export type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {

package/dist/types/src/components/button/Button.d.ts

@@ -2,7 +2,7 @@ import { type ComponentProps, type ReactNode } from 'react';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
 import { type DotProps } from '../dot';
-type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
+export type ButtonProps = Omit<ComponentProps<'button'>, 'ref'> & {
     label: ReactNode;
     className?: string;
     hierarchy?: ButtonTheme;
@@ -14,21 +14,21 @@ type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentPr
     children?: ReactNode;
     underline?: boolean;
 };
-type ButtonElementProps = CommonButtonProps<Exclude<keyof HTMLElementTagNameMap, 'a'>> & {
-    as?: Exclude<keyof HTMLElementTagNameMap, 'a'>;
-    href?: never;
-};
-type AnchorElementProps = CommonButtonProps<'a'> & {
-    as: 'a';
-    href: string;
-    target?: HTMLAnchorElement['target'];
-};
-export type ButtonProps = ButtonElementProps | AnchorElementProps;
 export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'text' | 'text-gray' | 'text-red' | 'destructive';
 export type ButtonSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 export declare const svgSize: Record<ButtonSize, number>;
 export declare const iconOnlySvgSize: Record<ButtonSize, number>;
 export declare const dotSize: Record<ButtonSize, DotProps['size']>;
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    label: ReactNode;
+    className?: string | undefined;
+    hierarchy?: ButtonTheme | undefined;
+    disabled?: boolean | undefined;
+    leadingIcon?: SideSlotType | undefined;
+    trailingIcon?: SideSlotType | undefined;
+    onlyIcon?: boolean | undefined;
+    size?: ButtonSize | undefined;
+    children?: ReactNode;
+    underline?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/checkbox/Checkbox.d.ts

@@ -1,9 +1,8 @@
-import { ChangeEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { CheckboxInputProps } from './CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/src/components/checkbox/CheckboxInput.d.ts

@@ -6,8 +6,5 @@ export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>,
     destructive?: boolean;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/types/src/components/combobox/ComboBox.d.ts

@@ -1,10 +1,10 @@
 import type { Size } from '@ncds/ui/constant/size';
-import { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
+import { type ComponentPropsWithRef, ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
 import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
 export declare const defaultMaxHeight = 275;
-type BaseComboBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'>;
-export interface ComboBoxProps extends PropsWithChildren<BaseComboBoxProps> {
+export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
+    children?: ReactNode;
     placeholder?: string;
     hintText?: string;
     destructive?: boolean;
@@ -24,5 +24,4 @@ export interface ComboBoxProps extends PropsWithChildren<BaseComboBoxProps> {
     onEdit?: () => void;
 }
 export declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=ComboBox.d.ts.map

package/dist/types/src/components/dot/Dot.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { Size } from '../../../constant/size';
 import { ColorTone } from '../../../constant/color';
+import { Size } from '../../../constant/size';
 export type DotColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
 export type DotSize = Extract<Size, 'sm' | 'md' | 'lg'>;
 export interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {

package/dist/types/src/components/dropdown/Dropdown.d.ts

@@ -3,10 +3,6 @@ export type AvatarTrigger = {
     type: 'avatar';
     avatar: string;
 };
-export type TextTrigger = {
-    type: 'text';
-    title: string;
-};
 export type ButtonTrigger = {
     type: 'button';
     text: string;
@@ -44,7 +40,7 @@ export type TextHeader = {
 };
 export type DropdownHeaderType = AvatarHeader | TextHeader;
 export type DropdownProps = {
-    trigger: AvatarTrigger | TextTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
+    trigger: AvatarTrigger | ButtonTrigger | IconTrigger | CustomTrigger;
     opened?: boolean;
     closeOnClickOutside?: boolean;
     closeOnClickItem?: boolean;