@ncds/ui-admin 1.7.0 → 1.8.1

package/dist/temp/src/components/tooltip/Tooltip.js

@@ -1,63 +1,50 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertCircleFill, HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { ButtonCloseX } from '../button/ButtonCloseX';
-var ICON_SIZE_SM = 14;
-var ICON_SIZE_DEFAULT = 16;
-var MARGIN = 10;
-var DEFAULT_TOOLTIP_WIDTH = 200;
-var DEFAULT_TOOLTIP_HEIGHT = 60;
-var POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
+const ICON_SIZE_SM = 14;
+const ICON_SIZE_DEFAULT = 16;
+const MARGIN = 10;
+const DEFAULT_TOOLTIP_WIDTH = 200;
+const DEFAULT_TOOLTIP_HEIGHT = 60;
+const POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
 // 수직 위치(top/bottom)일 때 수평 정렬 보정
-var resolveVerticalAlignment = function (position, triggerRect, tooltipWidth, viewportWidth) {
-    var centerX = triggerRect.left + triggerRect.width / 2;
-    var tooltipHalfWidth = tooltipWidth / 2;
+const resolveVerticalAlignment = (position, triggerRect, tooltipWidth, viewportWidth) => {
+    const centerX = triggerRect.left + triggerRect.width / 2;
+    const tooltipHalfWidth = tooltipWidth / 2;
     if (centerX - tooltipHalfWidth < MARGIN) {
-        return "".concat(position, "-left");
+        return `${position}-left`;
     }
     if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
-        return "".concat(position, "-right");
+        return `${position}-right`;
     }
     return position;
 };
 // 해당 위치에 툴팁을 배치할 충분한 공간이 있는지 확인
-var hasEnoughSpace = function (position, spaces, tooltipWidth, tooltipHeight) {
-    var isVertical = position === 'bottom' || position === 'top';
-    var requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
+const hasEnoughSpace = (position, spaces, tooltipWidth, tooltipHeight) => {
+    const isVertical = position === 'bottom' || position === 'top';
+    const requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
     return spaces[position] >= requiredSpace + MARGIN;
 };
 // 위치 계산 position='auto' 일 때 사용
-var calculateOptimalPosition = function (triggerElement, tooltipElement, preferredPosition) {
-    if (preferredPosition === void 0) { preferredPosition = 'bottom'; }
-    var triggerRect = triggerElement.getBoundingClientRect();
-    var tooltipRect = tooltipElement.getBoundingClientRect();
-    var viewportWidth = window.innerWidth, viewportHeight = window.innerHeight;
-    var spaces = {
+const calculateOptimalPosition = (triggerElement, tooltipElement, preferredPosition = 'bottom') => {
+    const triggerRect = triggerElement.getBoundingClientRect();
+    const tooltipRect = tooltipElement.getBoundingClientRect();
+    const { innerWidth: viewportWidth, innerHeight: viewportHeight } = window;
+    const spaces = {
         top: triggerRect.top,
         bottom: viewportHeight - triggerRect.bottom,
         left: triggerRect.left,
         right: viewportWidth - triggerRect.right,
     };
-    var tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
-    var tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
-    for (var _i = 0, POSITION_PRIORITY_1 = POSITION_PRIORITY; _i < POSITION_PRIORITY_1.length; _i++) {
-        var position = POSITION_PRIORITY_1[_i];
+    const tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
+    const tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
+    for (const position of POSITION_PRIORITY) {
         if (!hasEnoughSpace(position, spaces, tooltipWidth, tooltipHeight)) {
             continue;
         }
-        var isVertical = position === 'bottom' || position === 'top';
+        const isVertical = position === 'bottom' || position === 'top';
         if (isVertical) {
             return resolveVerticalAlignment(position, triggerRect, tooltipWidth, viewportWidth);
         }
@@ -65,16 +52,15 @@ var calculateOptimalPosition = function (triggerElement, tooltipElement, preferr
     }
     return preferredPosition;
 };
-export var Tooltip = function (_a) {
-    var _b = _a.tooltipType, tooltipType = _b === void 0 ? 'black' : _b, _c = _a.iconType, iconType = _c === void 0 ? 'stroke' : _c, _d = _a.position, position = _d === void 0 ? 'auto' : _d, _e = _a.size, size = _e === void 0 ? 'sm' : _e, title = _a.title, content = _a.content, _f = _a.hideArrow, hideArrow = _f === void 0 ? false : _f, _g = _a.type, type = _g === void 0 ? 'short' : _g, _h = _a.iconColor, iconColor = _h === void 0 ? 'var(--gray-300)' : _h, _j = _a.iconStyle, iconStyle = _j === void 0 ? 'help-circle' : _j, className = _a.className;
-    var iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
-    var tooltipRef = useRef(null);
-    var tooltipBgRef = useRef(null);
-    var _k = useState(position === 'auto' ? 'bottom' : position), calculatedPosition = _k[0], setCalculatedPosition = _k[1];
-    var _l = useState(false), isVisible = _l[0], setIsVisible = _l[1];
-    var _m = useState(false), isManuallyClose = _m[0], setIsManuallyClose = _m[1];
-    var _o = useState(false), isMeasuring = _o[0], setIsMeasuring = _o[1];
-    var handleMouseEnter = useCallback(function () {
+export const Tooltip = ({ tooltipType = 'white', iconType = 'stroke', position = 'auto', size = 'sm', title, content, hideArrow = false, type = 'short', iconColor = 'var(--gray-300)', iconStyle = 'help-circle', className, }) => {
+    const iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
+    const tooltipRef = useRef(null);
+    const tooltipBgRef = useRef(null);
+    const [calculatedPosition, setCalculatedPosition] = useState(position === 'auto' ? 'bottom' : position);
+    const [isVisible, setIsVisible] = useState(false);
+    const [isManuallyClose, setIsManuallyClose] = useState(false);
+    const [isMeasuring, setIsMeasuring] = useState(false);
+    const handleMouseEnter = useCallback(() => {
         if (isManuallyClose)
             return;
         setIsVisible(true);
@@ -82,41 +68,37 @@ export var Tooltip = function (_a) {
             // 크기 측정을 위해 임시로 measuring 클래스 추가
             setIsMeasuring(true);
             // 다음 렌더링 사이클에서 크기 측정
-            setTimeout(function () {
+            setTimeout(() => {
                 if (tooltipRef.current && tooltipBgRef.current) {
-                    var optimalPosition = calculateOptimalPosition(tooltipRef.current, tooltipBgRef.current, 'bottom');
+                    const optimalPosition = calculateOptimalPosition(tooltipRef.current, tooltipBgRef.current, 'bottom');
                     setCalculatedPosition(optimalPosition);
                     setIsMeasuring(false);
                 }
             }, 0);
         }
     }, [position, isManuallyClose]);
-    var handleMouseLeave = useCallback(function () {
+    const handleMouseLeave = useCallback(() => {
         if (type === 'short') {
             setIsVisible(false);
         }
         setIsManuallyClose(false);
     }, [type]);
-    var handleCloseClick = useCallback(function () {
+    const handleCloseClick = useCallback(() => {
         setIsVisible(false);
         setIsManuallyClose(true);
     }, []);
-    var finalPosition = position === 'auto' ? calculatedPosition : position;
-    var tooltipClassName = useMemo(function () {
-        return classNames('ncua-tooltip', "ncua-tooltip--".concat(size), "ncua-tooltip--".concat(type), {
-            'ncua-tooltip--hidden-arrow': hideArrow,
-            'ncua-tooltip--stroke': iconType === 'stroke',
-            'ncua-tooltip--auto': position === 'auto',
-        }, className);
-    }, [size, type, hideArrow, iconType, position, className]);
-    var tooltipBgClassName = useMemo(function () {
-        return classNames('ncua-tooltip__bg', "ncua-tooltip__bg--".concat(tooltipType), "ncua-tooltip__bg--".concat(finalPosition), {
-            'ncua-tooltip__bg--visible': isVisible,
-            'ncua-tooltip__bg--measuring': isMeasuring,
-            'ncua-tooltip__bg--force-hidden': isManuallyClose,
-        });
-    }, [tooltipType, finalPosition, isVisible, isMeasuring, isManuallyClose]);
-    return (_jsxs("span", __assign({ ref: tooltipRef, className: tooltipClassName, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [iconStyle === 'help-circle' &&
+    const finalPosition = position === 'auto' ? calculatedPosition : position;
+    const tooltipClassName = useMemo(() => classNames('ncua-tooltip', `ncua-tooltip--${size}`, `ncua-tooltip--${type}`, {
+        'ncua-tooltip--hidden-arrow': hideArrow,
+        'ncua-tooltip--stroke': iconType === 'stroke',
+        'ncua-tooltip--auto': position === 'auto',
+    }, className), [size, type, hideArrow, iconType, position, className]);
+    const tooltipBgClassName = useMemo(() => classNames('ncua-tooltip__bg', `ncua-tooltip__bg--${tooltipType}`, `ncua-tooltip__bg--${finalPosition}`, {
+        'ncua-tooltip__bg--visible': isVisible,
+        'ncua-tooltip__bg--measuring': isMeasuring,
+        'ncua-tooltip__bg--force-hidden': isManuallyClose,
+    }), [tooltipType, finalPosition, isVisible, isMeasuring, isManuallyClose]);
+    return (_jsxs("span", { ref: tooltipRef, className: tooltipClassName, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [iconStyle === 'help-circle' &&
                 (iconType === 'stroke' ? (_jsx(HelpCircle, { width: iconSize, height: iconSize, color: iconColor })) : (_jsx(HelpCircleFill, { width: iconSize, height: iconSize, color: iconColor }))), iconStyle === 'alert-circle' &&
-                (iconType === 'stroke' ? (_jsx(AlertCircle, { width: iconSize, height: iconSize, color: iconColor })) : (_jsx(AlertCircleFill, { width: iconSize, height: iconSize, color: iconColor }))), _jsxs("span", __assign({ ref: tooltipBgRef, className: tooltipBgClassName }, { children: [title && _jsx("span", __assign({ className: "ncua-tooltip__title" }, { children: title })), content && _jsx("span", __assign({ className: "ncua-tooltip__content" }, { children: content })), type === 'long' && (_jsx(ButtonCloseX, { className: "ncua-tooltip__close-button", size: "xs", theme: tooltipType === 'white' ? 'dark' : 'light', onClick: handleCloseClick, "aria-label": "\uD234\uD301 \uB2EB\uAE30" }))] }))] })));
+                (iconType === 'stroke' ? (_jsx(AlertCircle, { width: iconSize, height: iconSize, color: iconColor })) : (_jsx(AlertCircleFill, { width: iconSize, height: iconSize, color: iconColor }))), _jsxs("span", { ref: tooltipBgRef, className: tooltipBgClassName, children: [title && _jsx("span", { className: "ncua-tooltip__title", children: title }), content && _jsx("span", { className: "ncua-tooltip__content", children: content }), type === 'long' && (_jsx(ButtonCloseX, { className: "ncua-tooltip__close-button", size: "xs", theme: tooltipType === 'white' ? 'dark' : 'light', onClick: handleCloseClick, "aria-label": "\uD234\uD301 \uB2EB\uAE30" }))] })] }));
 };

package/dist/temp/src/components/{tab → vertical-tab}/VerticalTab.d.ts

@@ -1,4 +1,4 @@
-import { type TabButtonProps } from './TabButton';
+import { type TabButtonProps } from '../tab/TabButton';
 export type VerticalTabProps = {
     type?: 'button-primary' | 'button-white' | 'line-vertical';
     breakPoint?: 'mobile' | 'pc';

package/dist/temp/src/components/vertical-tab/VerticalTab.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Select } from '../select/Select';
+import { TabButton } from '../tab/TabButton';
+export const VerticalTab = ({ type = 'button-primary', breakPoint = 'pc', activeTab, menus, onSelect, }) => {
+    const handleSelectChange = (e) => {
+        onSelect?.(e.target.value);
+    };
+    const optionItems = menus?.map((menu) => ({
+        id: menu.id || '',
+        label: menu.label || '',
+    })) || [];
+    if (breakPoint === 'mobile') {
+        return _jsx(Select, { value: activeTab, onChange: handleSelectChange, optionItems: optionItems, size: "md" });
+    }
+    return (_jsx("div", { className: classNames('ncua-vertical-tab', `ncua-vertical-tab--${type}`), children: menus?.map((menu) => {
+            const isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
+            return _jsx(TabButton, { ...menu, isActive: isActive, tabButtonType: type, size: "md" }, menu.id);
+        }) }));
+};

package/dist/temp/src/components/vertical-tab/index.d.ts

@@ -0,0 +1 @@
+export * from './VerticalTab';

package/dist/temp/src/components/vertical-tab/index.js

@@ -0,0 +1 @@
+export * from './VerticalTab';

package/dist/temp/src/constant/breakpoint.js

@@ -1,6 +1,6 @@
-export var BREAKPOINT = {
+export const BREAKPOINT = {
     mobile: '768px',
 };
-export var MEDIA_QUERY = {
-    mobile: "(max-width: ".concat(BREAKPOINT.mobile, ")"),
+export const MEDIA_QUERY = {
+    mobile: `(max-width: ${BREAKPOINT.mobile})`,
 };

package/dist/temp/src/constant/date-picker.js

@@ -1,4 +1,4 @@
-export var PERIOD_ITEM = {
+export const PERIOD_ITEM = {
     TODAY: {
         text: '오늘',
         period: 0,

package/dist/temp/src/constant/size.js

@@ -1 +1 @@
-export var MINIMUM_PC_SIZE = 768;
+export const MINIMUM_PC_SIZE = 768;

package/dist/temp/src/hooks/dropdown/useDropdown.js

@@ -6,36 +6,36 @@ import { useWindowResize } from './useWindowResize';
 /**
  * 드롭다운 기능을 통합한 커스텀 훅
  */
-export var useDropdown = function (config) {
-    var triggerRef = config.triggerRef, dropdownRef = config.dropdownRef, maxHeight = config.maxHeight, itemCount = config.itemCount, optionItems = config.optionItems, _a = config.disabled, disabled = _a === void 0 ? false : _a, _b = config.multiple, multiple = _b === void 0 ? false : _b, onSelect = config.onSelect, onChange = config.onChange;
-    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
-    var _d = useState(-1), focusedIndex = _d[0], setFocusedIndex = _d[1];
+export const useDropdown = (config) => {
+    const { triggerRef, dropdownRef, maxHeight, itemCount, optionItems, disabled = false, multiple = false, onSelect, onChange, } = config;
+    const [isOpen, setIsOpen] = useState(false);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
     // 드롭다운 위치 계산
-    var _e = useDropdownPosition({
-        triggerRef: triggerRef,
-        maxHeight: maxHeight,
-        itemCount: itemCount,
-    }), direction = _e.direction, updatePosition = _e.updatePosition;
+    const { direction, updatePosition } = useDropdownPosition({
+        triggerRef,
+        maxHeight,
+        itemCount,
+    });
     // 드롭다운 토글
-    var toggleDropdown = useCallback(function () {
+    const toggleDropdown = useCallback(() => {
         if (disabled)
             return;
-        var newIsOpen = !isOpen;
+        const newIsOpen = !isOpen;
         if (newIsOpen) {
             updatePosition();
             setFocusedIndex(-1);
         }
         setIsOpen(newIsOpen);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newIsOpen);
+        onChange?.(newIsOpen);
     }, [disabled, isOpen, updatePosition, onChange]);
     // 드롭다운 닫기
-    var closeDropdown = useCallback(function () {
+    const closeDropdown = useCallback(() => {
         setIsOpen(false);
         setFocusedIndex(-1);
-        onChange === null || onChange === void 0 ? void 0 : onChange(false);
+        onChange?.(false);
     }, [onChange]);
     // 옵션 선택 처리
-    var handleOptionSelect = useCallback(function (option) {
+    const handleOptionSelect = useCallback((option) => {
         onSelect(option);
         // multiple 모드가 아니어야 드롭다운을 닫음
         if (!multiple) {
@@ -43,42 +43,42 @@ export var useDropdown = function (config) {
         }
     }, [onSelect, closeDropdown, multiple]);
     // 키보드 이벤트 처리
-    var _f = useDropdownKeyboard({
-        isOpen: isOpen,
-        disabled: disabled,
-        focusedIndex: focusedIndex,
-        optionItems: optionItems,
+    const { handleKeyDown, handleMouseMove, isKeyboardNavigation } = useDropdownKeyboard({
+        isOpen,
+        disabled,
+        focusedIndex,
+        optionItems,
         onToggle: toggleDropdown,
         onSelect: handleOptionSelect,
         onClose: closeDropdown,
         onFocusChange: setFocusedIndex,
-        triggerRef: triggerRef,
-        dropdownRef: dropdownRef,
-    }), handleKeyDown = _f.handleKeyDown, handleMouseMove = _f.handleMouseMove, isKeyboardNavigation = _f.isKeyboardNavigation;
+        triggerRef,
+        dropdownRef,
+    });
     // 외부 클릭 감지
-    var refs = dropdownRef ? [triggerRef, dropdownRef] : [triggerRef];
+    const refs = dropdownRef ? [triggerRef, dropdownRef] : [triggerRef];
     useOutsideClick({
-        isOpen: isOpen,
-        refs: refs,
+        isOpen,
+        refs,
         onClose: closeDropdown,
     });
     // 윈도우 리사이즈 시 위치 재계산
     useWindowResize(updatePosition, isOpen, triggerRef.current);
     return {
         // 상태
-        isOpen: isOpen,
-        direction: direction,
-        focusedIndex: focusedIndex,
+        isOpen,
+        direction,
+        focusedIndex,
         // 액션
-        toggleDropdown: toggleDropdown,
-        closeDropdown: closeDropdown,
-        handleOptionSelect: handleOptionSelect,
-        handleKeyDown: handleKeyDown,
-        setFocusedIndex: setFocusedIndex,
+        toggleDropdown,
+        closeDropdown,
+        handleOptionSelect,
+        handleKeyDown,
+        setFocusedIndex,
         // 키보드 네비게이션
-        handleMouseMove: handleMouseMove,
-        isKeyboardNavigation: isKeyboardNavigation,
+        handleMouseMove,
+        isKeyboardNavigation,
         // 유틸리티
-        updatePosition: updatePosition,
+        updatePosition,
     };
 };

package/dist/temp/src/hooks/dropdown/useDropdownKeyboard.js

@@ -1,26 +1,26 @@
 import { useCallback, useRef } from 'react';
 import { calculateNextFocusIndex } from '../../utils/dropdown';
-var SCROLL_DELAY_MS = 100;
+const SCROLL_DELAY_MS = 100;
 /**
  * 드롭다운 키보드 네비게이션을 위한 커스텀 훅
  */
-export var useDropdownKeyboard = function (config) {
-    var isOpen = config.isOpen, disabled = config.disabled, focusedIndex = config.focusedIndex, optionItems = config.optionItems, onToggle = config.onToggle, onSelect = config.onSelect, onClose = config.onClose, onFocusChange = config.onFocusChange, triggerRef = config.triggerRef, dropdownRef = config.dropdownRef;
+export const useDropdownKeyboard = (config) => {
+    const { isOpen, disabled, focusedIndex, optionItems, onToggle, onSelect, onClose, onFocusChange, triggerRef, dropdownRef, } = config;
     // 키보드 네비게이션 플래그
-    var isKeyboardNavigationRef = useRef(false);
+    const isKeyboardNavigationRef = useRef(false);
     // 포커스된 옵션이 보이도록 스크롤 조정
-    var scrollToFocusedOption = useCallback(function (index) {
-        if (!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) || index < 0)
+    const scrollToFocusedOption = useCallback((index) => {
+        if (!dropdownRef?.current || index < 0)
             return;
-        var optionsList = dropdownRef.current.querySelector('.ncua-select-dropdown__options');
+        const optionsList = dropdownRef.current.querySelector('.ncua-select-dropdown__options');
         if (!optionsList)
             return;
-        var options = optionsList.querySelectorAll('.ncua-select-dropdown__option');
-        var focusedOption = options[index];
+        const options = optionsList.querySelectorAll('.ncua-select-dropdown__option');
+        const focusedOption = options[index];
         if (!focusedOption)
             return;
-        var optionsListRect = optionsList.getBoundingClientRect();
-        var focusedOptionRect = focusedOption.getBoundingClientRect();
+        const optionsListRect = optionsList.getBoundingClientRect();
+        const focusedOptionRect = focusedOption.getBoundingClientRect();
         // 옵션이 위쪽으로 벗어났을 때
         if (focusedOptionRect.top < optionsListRect.top) {
             optionsList.scrollTop = focusedOption.offsetTop;
@@ -30,7 +30,7 @@ export var useDropdownKeyboard = function (config) {
             optionsList.scrollTop = focusedOption.offsetTop + focusedOption.offsetHeight - optionsList.clientHeight;
         }
     }, [dropdownRef]);
-    var handleEnterOrSpace = useCallback(function (e) {
+    const handleEnterOrSpace = useCallback((e) => {
         e.preventDefault();
         if (!isOpen) {
             onToggle();
@@ -39,35 +39,34 @@ export var useDropdownKeyboard = function (config) {
             onSelect(optionItems[focusedIndex]);
         }
     }, [isOpen, focusedIndex, optionItems, onToggle, onSelect]);
-    var handleEscape = useCallback(function (e) {
-        var _a;
+    const handleEscape = useCallback((e) => {
         if (isOpen) {
             e.preventDefault();
             onClose();
-            (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            triggerRef?.current?.focus();
         }
     }, [isOpen, onClose, triggerRef]);
-    var handleArrowNavigation = useCallback(function (e, direction) {
+    const handleArrowNavigation = useCallback((e, direction) => {
         e.preventDefault();
         isKeyboardNavigationRef.current = true;
         if (isOpen) {
-            var nextIndex_1 = calculateNextFocusIndex(focusedIndex, direction, optionItems.length);
-            onFocusChange(nextIndex_1);
-            setTimeout(function () { return scrollToFocusedOption(nextIndex_1); }, SCROLL_DELAY_MS);
+            const nextIndex = calculateNextFocusIndex(focusedIndex, direction, optionItems.length);
+            onFocusChange(nextIndex);
+            setTimeout(() => scrollToFocusedOption(nextIndex), SCROLL_DELAY_MS);
         }
         else {
             onToggle();
         }
     }, [isOpen, focusedIndex, optionItems.length, onFocusChange, onToggle, scrollToFocusedOption]);
-    var handleHomeEnd = useCallback(function (e, targetIndex) {
+    const handleHomeEnd = useCallback((e, targetIndex) => {
         if (isOpen) {
             e.preventDefault();
             isKeyboardNavigationRef.current = true;
             onFocusChange(targetIndex);
-            setTimeout(function () { return scrollToFocusedOption(targetIndex); }, 0);
+            setTimeout(() => scrollToFocusedOption(targetIndex), 0);
         }
     }, [isOpen, onFocusChange, scrollToFocusedOption]);
-    var handleKeyDown = useCallback(function (e) {
+    const handleKeyDown = useCallback((e) => {
         if (disabled)
             return;
         switch (e.key) {
@@ -93,16 +92,16 @@ export var useDropdownKeyboard = function (config) {
         }
     }, [disabled, optionItems.length, handleEnterOrSpace, handleEscape, handleArrowNavigation, handleHomeEnd]);
     // 마우스 움직임 감지 함수
-    var handleMouseMove = useCallback(function () {
+    const handleMouseMove = useCallback(() => {
         isKeyboardNavigationRef.current = false;
     }, []);
     // 키보드 네비게이션 상태 확인 함수
-    var isKeyboardNavigation = useCallback(function () {
+    const isKeyboardNavigation = useCallback(() => {
         return isKeyboardNavigationRef.current;
     }, []);
     return {
-        handleKeyDown: handleKeyDown,
-        handleMouseMove: handleMouseMove,
-        isKeyboardNavigation: isKeyboardNavigation,
+        handleKeyDown,
+        handleMouseMove,
+        isKeyboardNavigation,
     };
 };

package/dist/temp/src/hooks/dropdown/useDropdownPosition.js

@@ -3,16 +3,16 @@ import { calculateDropdownPosition } from '../../utils/dropdown';
 /**
  * 드롭다운 위치 계산을 위한 커스텀 훅
  */
-export var useDropdownPosition = function (config) {
-    var _a = useState('down'), direction = _a[0], setDirection = _a[1];
-    var updatePosition = useCallback(function () {
-        var result = calculateDropdownPosition(config);
+export const useDropdownPosition = (config) => {
+    const [direction, setDirection] = useState('down');
+    const updatePosition = useCallback(() => {
+        const result = calculateDropdownPosition(config);
         setDirection(result.direction);
         return result;
     }, [config]);
     return {
-        direction: direction,
-        updatePosition: updatePosition,
-        setDirection: setDirection,
+        direction,
+        updatePosition,
+        setDirection,
     };
 };

package/dist/temp/src/hooks/dropdown/useOutsideClick.js

@@ -2,21 +2,21 @@ import { useEffect } from 'react';
 /**
  * 외부 클릭 감지를 위한 커스텀 훅
  */
-export var useOutsideClick = function (config) {
-    var isOpen = config.isOpen, refs = config.refs, onClose = config.onClose;
-    useEffect(function () {
+export const useOutsideClick = (config) => {
+    const { isOpen, refs, onClose } = config;
+    useEffect(() => {
         if (!isOpen)
             return;
-        var handleClickOutside = function (event) {
-            var target = event.target;
+        const handleClickOutside = (event) => {
+            const target = event.target;
             // 모든 ref들에 대해 클릭이 외부에서 발생했는지 확인
-            var isOutside = refs.every(function (ref) { return !ref.current || !ref.current.contains(target); });
+            const isOutside = refs.every((ref) => !ref.current || !ref.current.contains(target));
             if (isOutside) {
                 onClose();
             }
         };
         document.addEventListener('mousedown', handleClickOutside);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [isOpen, refs, onClose]);

package/dist/temp/src/hooks/dropdown/useScrollLock.js

@@ -1,14 +1,14 @@
 import { useEffect, useRef } from 'react';
 import { findScrollableParent } from '../../utils';
-var SCROLL_KEYS = ['PageUp', 'PageDown', 'Home', 'End', ' '];
+const SCROLL_KEYS = ['PageUp', 'PageDown', 'Home', 'End', ' '];
 /** 이벤트 대상이 드롭다운 내부에 있는지 확인 */
 function isInsideDropdown(target, dropdownRef) {
-    return !!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) && dropdownRef.current.contains(target);
+    return !!dropdownRef?.current && dropdownRef.current.contains(target);
 }
 /** 스크롤 가능한 요소의 경계에 도달했는지 확인하고, 도달했으면 이벤트 차단 */
 function preventScrollBeyondBounds(e, scrollableElement) {
-    var deltaY = e.deltaY;
-    var scrollTop = scrollableElement.scrollTop, scrollHeight = scrollableElement.scrollHeight, clientHeight = scrollableElement.clientHeight;
+    const { deltaY } = e;
+    const { scrollTop, scrollHeight, clientHeight } = scrollableElement;
     // 스크롤이 위쪽 끝에 도달했고 위로 스크롤하려는 경우
     if (scrollTop === 0 && deltaY < 0) {
         e.preventDefault();
@@ -22,21 +22,21 @@ function preventScrollBeyondBounds(e, scrollableElement) {
 /**
  * 페이지 스크롤을 잠그는 커스텀 훅 (드롭다운 내부 스크롤은 허용)
  */
-export var useScrollLock = function (isLocked, dropdownRef) {
-    var scrollPosition = useRef(0);
-    useEffect(function () {
+export const useScrollLock = (isLocked, dropdownRef) => {
+    const scrollPosition = useRef(0);
+    useEffect(() => {
         if (isLocked) {
             // 현재 스크롤 위치 저장
             scrollPosition.current = window.pageYOffset;
             // 스크롤 방지 함수 (드롭다운 내부는 스크롤 체이닝 방지)
-            var preventScroll_1 = function (e) {
+            const preventScroll = (e) => {
                 // 드롭다운 내부에서 발생하지 않은 이벤트는 차단
                 if (!isInsideDropdown(e.target, dropdownRef)) {
                     e.preventDefault();
                     return;
                 }
                 // 드롭다운 내부의 스크롤 가능한 요소 찾기
-                var scrollableElement = findScrollableParent(e.target, dropdownRef.current);
+                const scrollableElement = findScrollableParent(e.target, dropdownRef.current);
                 if (scrollableElement && e instanceof WheelEvent) {
                     preventScrollBeyondBounds(e, scrollableElement);
                     return;
@@ -47,7 +47,7 @@ export var useScrollLock = function (isLocked, dropdownRef) {
                 }
             };
             // 키보드 스크롤 방지 함수 (드롭다운 내부는 제외)
-            var preventKeyboardScroll_1 = function (e) {
+            const preventKeyboardScroll = (e) => {
                 if (isInsideDropdown(e.target, dropdownRef)) {
                     return;
                 }
@@ -56,14 +56,14 @@ export var useScrollLock = function (isLocked, dropdownRef) {
                 }
             };
             // 이벤트 리스너 추가
-            document.addEventListener('wheel', preventScroll_1, { passive: false });
-            document.addEventListener('touchmove', preventScroll_1, { passive: false });
-            document.addEventListener('keydown', preventKeyboardScroll_1);
-            return function () {
+            document.addEventListener('wheel', preventScroll, { passive: false });
+            document.addEventListener('touchmove', preventScroll, { passive: false });
+            document.addEventListener('keydown', preventKeyboardScroll);
+            return () => {
                 // 이벤트 리스너 제거
-                document.removeEventListener('wheel', preventScroll_1);
-                document.removeEventListener('touchmove', preventScroll_1);
-                document.removeEventListener('keydown', preventKeyboardScroll_1);
+                document.removeEventListener('wheel', preventScroll);
+                document.removeEventListener('touchmove', preventScroll);
+                document.removeEventListener('keydown', preventKeyboardScroll);
                 // 스크롤 위치 복원
                 window.scrollTo(0, scrollPosition.current);
             };