@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/temp/src/components/select-box/SelectBox.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef, useCallback, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { COLOR } from '../../../constant/color';
-import { useDropdown, useScrollLock } from '../../hooks/dropdown';
-import { useMultiSelect } from '../../utils/dropdown/multiSelect';
-import { SelectDropdown } from '../select-dropdown';
-import { HintText } from '../shared/hintText/HintText';
-import { Tag } from '../tag';
-const ICON_SIZE_XS = 14;
-const ICON_SIZE_SM = 16;
-const DEFAULT_MAX_HEIGHT = 275;
-function computeNewValue(option, value, multiple) {
-    if (multiple) {
-        const currentValues = Array.isArray(value) ? value : [];
-        if (currentValues.includes(option.id)) {
-            return currentValues.filter((v) => v !== option.id);
-        }
-        return [...currentValues, option.id];
-    }
-    return option.id;
-}
-function notifyRegister(register, newValue, multiple) {
-    if (!register?.onChange)
-        return;
-    register.onChange({
-        target: {
-            value: multiple ? JSON.stringify(newValue) : newValue,
-            name: register.name,
-        },
-    });
-}
-function DisplayValue({ displayValue }) {
-    if (typeof displayValue === 'string') {
-        return _jsx("span", { className: "ncua-selectbox__value-text", children: displayValue });
-    }
-    return (_jsxs("div", { className: "ncua-selectbox__value-container", children: [displayValue.icon && (_jsx("span", { className: "ncua-selectbox__value-icon", children: _jsx(displayValue.icon, { width: 16, height: 16 }) })), _jsx("span", { className: "ncua-selectbox__value-text", children: displayValue.label })] }));
-}
-const SelectBox = forwardRef(({ placeholder = '선택하세요', disabledPlaceholder = false, hintText, size = 'xs', type = 'default', autoWidth = true, destructive = false, value, optionItems = [], disabled = false, maxHeight = DEFAULT_MAX_HEIGHT, multiple = false, align = 'left', id, className, children, register, onChange, onEdit, ...props }, ref) => {
-    const internalRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const [selectedTags, setSelectedTags] = useState([]);
-    const selectedOption = useMemo(() => {
-        if (multiple)
-            return null;
-        return optionItems.find((option) => option.id === value);
-    }, [optionItems, value, multiple]);
-    const displayValue = useMemo(() => {
-        if (multiple) {
-            return placeholder;
-        }
-        return selectedOption ? selectedOption : placeholder;
-    }, [multiple, selectedOption, placeholder]);
-    const handleOptionSelect = (option) => {
-        if (disabled)
-            return;
-        const newValue = computeNewValue(option, value, multiple);
-        onChange?.(newValue);
-        notifyRegister(register, newValue, multiple);
-    };
-    const { isOpen, direction: dropdownDirection, focusedIndex, toggleDropdown, closeDropdown, handleKeyDown, handleOptionSelect: handleDropdownSelect, handleMouseMove, isKeyboardNavigation, setFocusedIndex, } = useDropdown({
-        triggerRef: internalRef,
-        dropdownRef,
-        maxHeight,
-        itemCount: optionItems.length,
-        optionItems,
-        disabled,
-        multiple,
-        onSelect: handleOptionSelect,
-    });
-    const activeDescendantId = useMemo(() => {
-        if (!isOpen || focusedIndex < 0 || focusedIndex >= optionItems.length) {
-            return undefined;
-        }
-        const focusedOption = optionItems[focusedIndex];
-        return `selectbox-options-${id || 'default'}-${focusedOption.id}`;
-    }, [isOpen, focusedIndex, optionItems, id]);
-    const handleOptionHover = useCallback((index) => {
-        handleMouseMove();
-        setFocusedIndex(index);
-    }, [handleMouseMove, setFocusedIndex]);
-    // Multiple select 관련 로직
-    const currentSelectedValues = multiple && Array.isArray(value) ? value : [];
-    const { buttonText: selectAllButtonText, toggleSelectAll, getSelectedTagsData, removeTag, } = useMultiSelect(currentSelectedValues, optionItems);
-    const handleSelectAll = () => {
-        if (!multiple || !onChange)
-            return;
-        const newSelectedValues = toggleSelectAll();
-        onChange(newSelectedValues);
-    };
-    const handleEdit = () => {
-        onEdit?.();
-    };
-    const handleComplete = () => {
-        if (multiple) {
-            const tags = getSelectedTagsData();
-            setSelectedTags(tags);
-        }
-        closeDropdown();
-    };
-    const handleRemoveTag = (tagId) => {
-        if (!onChange)
-            return;
-        if (multiple) {
-            const newSelectedValues = removeTag(tagId);
-            onChange(newSelectedValues);
-            setSelectedTags((prev) => prev.filter((tag) => tag.id !== tagId));
-        }
-    };
-    useScrollLock(isOpen, dropdownRef);
-    useLayoutEffect(() => {
-        if (autoWidth && isOpen && dropdownRef.current && internalRef.current) {
-            const dropdownWidth = dropdownRef.current.offsetWidth;
-            internalRef.current.style.width = `${dropdownWidth}px`;
-        }
-    }, [autoWidth, isOpen, optionItems]);
-    useImperativeHandle(ref, () => internalRef.current, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: internalRef, className: classNames('ncua-selectbox', `ncua-selectbox--${size}`, {
-                    'ncua-selectbox--open': isOpen,
-                    'ncua-selectbox--disabled': disabled,
-                    'ncua-selectbox--simple': type === 'simple',
-                    'ncua-selectbox--multiple': multiple,
-                    destructive: destructive,
-                }, className), ...props, children: [_jsxs("div", { className: classNames('ncua-selectbox__content'), onClick: toggleDropdown, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": `selectbox-options-${id || 'default'}`, "aria-disabled": disabled, "aria-label": selectedOption ? selectedOption.label : placeholder, "aria-activedescendant": activeDescendantId, children: [_jsxs("div", { className: "ncua-selectbox__content-inner", children: [_jsx("div", { className: "ncua-selectbox__value", children: _jsx(DisplayValue, { displayValue: displayValue }) }), _jsx(ChevronDown, { width: size === 'xs' ? ICON_SIZE_XS : ICON_SIZE_SM, height: size === 'xs' ? ICON_SIZE_XS : ICON_SIZE_SM, color: disabled ? COLOR.gray300 : COLOR.gray500, className: classNames('ncua-selectbox__arrow', {
-                                            'ncua-selectbox__arrow--up': isOpen,
-                                        }) })] }), _jsx(SelectDropdown, { ref: dropdownRef, isOpen: isOpen, direction: dropdownDirection, size: size, options: optionItems, value: value, focusedIndex: focusedIndex, maxHeight: maxHeight, listboxId: `selectbox-options-${id || 'default'}`, multiple: multiple, showFooterButtons: multiple, selectAllButtonText: selectAllButtonText, componentType: "selectbox", isKeyboardNavigation: isKeyboardNavigation, activeDescendantId: activeDescendantId, align: align, onOptionSelect: handleDropdownSelect, onMouseMove: handleMouseMove, onOptionHover: handleOptionHover, onSelectAll: handleSelectAll, onEdit: handleEdit, onComplete: handleComplete, children: children })] }), hintText && (_jsx(HintText, { destructive: destructive, className: "ncua-hint-text", children: hintText })), register && (_jsx("input", { type: "hidden", ...register, value: multiple ? JSON.stringify(value || []) : String(value || '') }))] }), selectedTags.length > 0 && (_jsx("div", { className: "ncua-selectbox__tags", children: selectedTags.map((tag) => (_jsx(Tag, { text: tag.label, size: "sm", close: true, onButtonClick: () => handleRemoveTag(tag.id) }, tag.id))) }))] }));
-});
-SelectBox.displayName = 'SelectBox';
-export { DEFAULT_MAX_HEIGHT, SelectBox };

package/dist/temp/src/components/slider/Slider.d.ts

@@ -1,14 +0,0 @@
-import { type SliderOptions } from '../../../assets/scripts/slider';
-export type SliderLabelPosition = SliderOptions['labelPosition'];
-export interface SliderProps {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: number | [number, number];
-    onChange?: (value: number | [number, number]) => void;
-    labelPosition?: SliderLabelPosition;
-    disabled?: boolean;
-    className?: string;
-}
-export declare const Slider: ({ min, max, step, value, onChange, labelPosition, disabled, className, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
-export default Slider;

package/dist/temp/src/components/slider/Slider.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { Slider as NcuaSlider } from '../../../assets/scripts/slider';
-export const Slider = ({ min = 0, max = 100, step = 1, value = 0, onChange, labelPosition, disabled = false, className, }) => {
-    const containerRef = useRef(null);
-    const sliderInstanceRef = useRef(null);
-    useEffect(() => {
-        if (!containerRef.current)
-            return;
-        sliderInstanceRef.current = new NcuaSlider(containerRef.current, {
-            min,
-            max,
-            step,
-            value,
-            onChange,
-            labelPosition,
-            disabled,
-        });
-        return () => {
-            if (sliderInstanceRef.current) {
-                sliderInstanceRef.current.destroy();
-                sliderInstanceRef.current = null;
-            }
-        };
-    }, [typeof value, onChange, min, max, step, labelPosition]);
-    useEffect(() => {
-        if (sliderInstanceRef.current) {
-            sliderInstanceRef.current.setValue(value);
-        }
-    }, [sliderInstanceRef, value]);
-    useEffect(() => {
-        if (sliderInstanceRef.current) {
-            if (disabled) {
-                sliderInstanceRef.current.disable();
-            }
-            else {
-                sliderInstanceRef.current.enable();
-            }
-        }
-    }, [disabled]);
-    return _jsx("div", { ref: containerRef, className: `ncua-slider ${className || ''}` });
-};
-export default Slider;

package/dist/temp/src/components/spinner/Spinner.d.ts

@@ -1,9 +0,0 @@
-import type { ElementType, ReactNode } from 'react';
-interface SpinnerProps {
-    as?: ElementType;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    children?: ReactNode;
-    backdrop?: boolean;
-}
-export declare const Spinner: ({ as, size, children, backdrop }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/temp/src/components/switch/Switch.d.ts

@@ -1,22 +0,0 @@
-import { type ReactNode, type Ref } from 'react';
-import type { Size } from '../../../constant/size';
-type SwitchOption = {
-    label: ReactNode;
-    value: string | boolean;
-};
-type SwitchSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
-type SwitchProps = {
-    size?: SwitchSize;
-    left: SwitchOption;
-    right: SwitchOption;
-    onChange?: (value: string | boolean) => void;
-    name: string;
-    disabled?: boolean;
-    value?: string | boolean;
-    defaultValue?: string | boolean;
-    className?: string;
-    refs?: [Ref<HTMLInputElement>, Ref<HTMLInputElement>];
-};
-declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
-export type { SwitchSize, SwitchProps };
-export { Switch };

package/dist/temp/src/components/switch/index.d.ts

@@ -1,2 +0,0 @@
-export type { SwitchProps } from './Switch';
-export { Switch } from './Switch';

package/dist/temp/src/components/switch/index.js

@@ -1 +0,0 @@
-export { Switch } from './Switch';

package/dist/temp/src/components/table/types.js

@@ -1 +0,0 @@
-export {};

package/dist/temp/src/components/tag/Tag.d.ts

@@ -1,17 +0,0 @@
-import { type MouseEventHandler } from 'react';
-import type { Size } from '../../../constant/size';
-import type { SideSlotType } from '../../types/side-slot';
-interface TagProps {
-    size?: Extract<Size, 'sm' | 'md'>;
-    icon?: SideSlotType;
-    text: string;
-    count?: string;
-    close?: boolean;
-    children?: React.ReactNode;
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    maxLength?: number;
-}
-type CalculatedPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-declare const Tag: ({ size, icon, text, count, close, onButtonClick, maxLength }: TagProps) => import("react/jsx-runtime").JSX.Element;
-export type { CalculatedPosition };
-export { Tag };

package/dist/temp/src/components/tag/Tag.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XClose } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { useCallback, useRef, useState } from 'react';
-import { COLOR } from '../../../constant/color';
-import { Dot } from '../dot';
-const MARGIN = 10;
-const DEFAULT_TOOLTIP_WIDTH = 200;
-const DEFAULT_TOOLTIP_HEIGHT = 60;
-// 위치 계산 로직
-const calculateOptimalPosition = (triggerElement, tooltipElement) => {
-    const triggerRect = triggerElement.getBoundingClientRect();
-    const tooltipRect = tooltipElement.getBoundingClientRect();
-    const { innerWidth: viewportWidth, innerHeight: viewportHeight } = window;
-    const tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
-    const tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
-    const spaces = {
-        top: triggerRect.top,
-        bottom: viewportHeight - triggerRect.bottom,
-        left: triggerRect.left,
-        right: viewportWidth - triggerRect.right,
-    };
-    // 위/아래 공간을 먼저 확인하고 우선순위 결정
-    const hasTopSpace = spaces.top >= tooltipHeight + MARGIN;
-    // 위쪽 공간이 있으면 top 우선, 없으면 bottom 우선
-    const positions = hasTopSpace
-        ? ['top-right', 'top-left', 'bottom-right', 'bottom-left']
-        : ['bottom-right', 'bottom-left', 'top-right', 'top-left'];
-    for (const position of positions) {
-        const isTop = position.includes('top');
-        const isRight = position.includes('right');
-        const hasVerticalSpace = isTop ? spaces.top >= tooltipHeight + MARGIN : spaces.bottom >= tooltipHeight + MARGIN;
-        const hasHorizontalSpace = isRight
-            ? spaces.right >= tooltipWidth + MARGIN // right 정렬: 툴팁이 오른쪽으로 펼쳐짐
-            : spaces.left >= tooltipWidth + MARGIN; // left 정렬: 툴팁이 왼쪽으로 펼쳐짐
-        if (hasVerticalSpace && hasHorizontalSpace) {
-            return position;
-        }
-    }
-    // 모든 조건이 맞지 않으면 공간이 더 많은 쪽으로
-    const fallbackPosition = hasTopSpace ? 'top-right' : 'bottom-right';
-    return fallbackPosition;
-};
-const Tag = ({ size = 'sm', icon, text, count, close, onButtonClick, maxLength = 20 }) => {
-    const [isTooltipVisible, setIsTooltipVisible] = useState(false);
-    const [calculatedPosition, setCalculatedPosition] = useState('top-right');
-    const tagRef = useRef(null);
-    const tooltipRef = useRef(null);
-    const iconSize = {
-        sm: 14,
-        md: 16,
-    };
-    // 텍스트 길이 체크 및 말줄임 처리
-    const shouldTruncate = text.length > maxLength;
-    const displayText = shouldTruncate ? `${text.slice(0, maxLength - 2)}...` : text;
-    const handleMouseEnter = useCallback(() => {
-        if (shouldTruncate) {
-            setIsTooltipVisible(true);
-            // 간단한 위치 계산 - 기본값 사용
-            if (tagRef.current && tooltipRef.current) {
-                const optimalPosition = calculateOptimalPosition(tagRef.current, tooltipRef.current);
-                setCalculatedPosition(optimalPosition);
-            }
-            else {
-                // ref가 없으면 다음 렌더링 사이클에서 시도
-                setTimeout(() => {
-                    if (tagRef.current) {
-                        // tooltipRef가 없어도 tagRef만으로 계산
-                        const dummyTooltipElement = document.createElement('div');
-                        dummyTooltipElement.style.width = `${DEFAULT_TOOLTIP_WIDTH}px`;
-                        dummyTooltipElement.style.height = `${DEFAULT_TOOLTIP_HEIGHT}px`;
-                        const optimalPosition = calculateOptimalPosition(tagRef.current, dummyTooltipElement);
-                        setCalculatedPosition(optimalPosition);
-                    }
-                }, 0);
-            }
-        }
-    }, [shouldTruncate]);
-    const handleMouseLeave = useCallback(() => {
-        setIsTooltipVisible(false);
-    }, []);
-    const sideSlotRender = (slot) => {
-        if (slot.type === 'icon') {
-            const SlotIcon = slot.icon;
-            return _jsx(SlotIcon, { width: iconSize[size], height: iconSize[size], color: slot.color });
-        }
-        if (slot.type === 'dot') {
-            return _jsx(Dot, { color: slot.color, size: slot.size ?? 'sm' });
-        }
-        return slot.children;
-    };
-    return (_jsxs("span", { ref: tagRef, className: classNames('ncua-tag', `ncua-tag--${size}`, {
-            'ncua-tag--truncated': shouldTruncate,
-        }), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [icon && sideSlotRender(icon), _jsx("span", { className: "ncua-tag__text", children: displayText }), count && _jsx("span", { className: "ncua-tag__count", children: count }), close && (_jsx("button", { type: "button", className: "ncua-tag__close", onClick: onButtonClick, children: _jsx(XClose, { color: COLOR.gray300, width: iconSize[size], height: iconSize[size] }) })), shouldTruncate && isTooltipVisible && (_jsx("span", { ref: tooltipRef, className: classNames('ncua-tag__tooltip', `ncua-tag__tooltip--${calculatedPosition}`), children: _jsx("span", { className: "ncua-tag__tooltip-content", children: text }) }))] }));
-};
-export { Tag };

package/dist/temp/src/components/textarea/Textarea.d.ts

@@ -1,14 +0,0 @@
-import { type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
-interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
-    className?: string;
-    size?: Extract<Size, 'xs' | 'sm'>;
-    label?: string;
-    hintText?: string;
-    required?: boolean;
-    disabled?: boolean;
-    destructive?: boolean;
-    characterCount?: boolean;
-}
-export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export {};

package/dist/temp/src/components/textarea/Textarea.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { HintText } from '../shared/hintText/HintText';
-import { Label } from '../shared/label/Label';
-export const Textarea = forwardRef(({ className, size = 'xs', label, required, disabled, hintText, characterCount, destructive, ...props }, ref) => {
-    const textareaRef = useRef(null);
-    const [textCount, setTextCount] = useState(0);
-    const shouldShowHintArea = hintText || characterCount;
-    useEffect(() => {
-        if (textareaRef.current && characterCount) {
-            setTextCount(textareaRef.current.value.length);
-            const handleInput = () => {
-                setTextCount(textareaRef.current?.value.length ?? 0);
-            };
-            textareaRef.current.addEventListener('input', handleInput);
-            return () => {
-                textareaRef.current?.removeEventListener('input', handleInput);
-            };
-        }
-    }, [characterCount]);
-    return (_jsxs("div", { className: classNames('ncua-input', 'ncua-input--textarea', `ncua-input--textarea--${size}`, {
-            destructive: destructive,
-            'is-disabled': disabled,
-        }, className), children: [label && (_jsx(Label, { htmlFor: props.id, isRequired: required, children: label })), _jsx("textarea", { ref: (node) => {
-                    if (typeof ref === 'function') {
-                        ref(node);
-                    }
-                    else if (ref) {
-                        ref.current = node;
-                    }
-                    textareaRef.current = node;
-                }, className: "ncua-input__textarea", disabled: disabled, ...props }), shouldShowHintArea && (_jsxs("div", { className: "ncua-input__text-count-wrap", children: [hintText && (_jsx(HintText, { as: "div", destructive: destructive, children: hintText })), characterCount && (_jsx("div", { className: "ncua-input__text-count", children: _jsxs("span", { className: "ncua-input__text-count-text", children: [_jsx("span", { className: "ncua-input__text-count-text-count", children: textCount }), "/", props.maxLength ?? 0] }) }))] }))] }));
-});

package/dist/temp/src/components/tooltip/Tooltip.d.ts

@@ -1,15 +0,0 @@
-interface TooltipProps {
-    tooltipType?: 'white' | 'black';
-    iconType?: 'stroke' | 'fill';
-    position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'auto';
-    size?: 'sm' | 'md';
-    hideArrow?: boolean;
-    title?: string;
-    content?: React.ReactNode;
-    type?: 'long' | 'short';
-    className?: string;
-    iconColor?: string;
-    iconStyle?: 'help-circle' | 'alert-circle';
-}
-export declare const Tooltip: ({ tooltipType, iconType, position, size, title, content, hideArrow, type, iconColor, iconStyle, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,104 +0,0 @@
-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';
-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)일 때 수평 정렬 보정
-const resolveVerticalAlignment = (position, triggerRect, tooltipWidth, viewportWidth) => {
-    const centerX = triggerRect.left + triggerRect.width / 2;
-    const tooltipHalfWidth = tooltipWidth / 2;
-    if (centerX - tooltipHalfWidth < MARGIN) {
-        return `${position}-left`;
-    }
-    if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
-        return `${position}-right`;
-    }
-    return position;
-};
-// 해당 위치에 툴팁을 배치할 충분한 공간이 있는지 확인
-const hasEnoughSpace = (position, spaces, tooltipWidth, tooltipHeight) => {
-    const isVertical = position === 'bottom' || position === 'top';
-    const requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
-    return spaces[position] >= requiredSpace + MARGIN;
-};
-// 위치 계산 position='auto' 일 때 사용
-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,
-    };
-    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;
-        }
-        const isVertical = position === 'bottom' || position === 'top';
-        if (isVertical) {
-            return resolveVerticalAlignment(position, triggerRect, tooltipWidth, viewportWidth);
-        }
-        return position;
-    }
-    return preferredPosition;
-};
-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);
-        if (position === 'auto' && tooltipRef.current && tooltipBgRef.current) {
-            // 크기 측정을 위해 임시로 measuring 클래스 추가
-            setIsMeasuring(true);
-            // 다음 렌더링 사이클에서 크기 측정
-            setTimeout(() => {
-                if (tooltipRef.current && tooltipBgRef.current) {
-                    const optimalPosition = calculateOptimalPosition(tooltipRef.current, tooltipBgRef.current, 'bottom');
-                    setCalculatedPosition(optimalPosition);
-                    setIsMeasuring(false);
-                }
-            }, 0);
-        }
-    }, [position, isManuallyClose]);
-    const handleMouseLeave = useCallback(() => {
-        if (type === 'short') {
-            setIsVisible(false);
-        }
-        setIsManuallyClose(false);
-    }, [type]);
-    const handleCloseClick = useCallback(() => {
-        setIsVisible(false);
-        setIsManuallyClose(true);
-    }, []);
-    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", { 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/vertical-tab/VerticalTab.d.ts

@@ -1,9 +0,0 @@
-import { type TabButtonProps } from '../tab/TabButton';
-export type VerticalTabProps = {
-    type?: 'button-primary' | 'button-white' | 'line-vertical';
-    breakPoint?: 'mobile' | 'pc';
-    activeTab?: string;
-    menus?: TabButtonProps[];
-    onSelect?: (value: string) => void;
-};
-export declare const VerticalTab: ({ type, breakPoint, activeTab, menus, onSelect, }: VerticalTabProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +0,0 @@
-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/types/assets/scripts/baseBox.d.ts

@@ -1,55 +0,0 @@
-import { OptionValue } from '../../src/types';
-import { DropdownOption } from './utils/unifiedBox/dropdownModel';
-import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-/**
- * SelectBox와 ComboBox의 공통 기능을 담는 베이스 클래스
- */
-export declare abstract class BaseBox {
-    protected element: HTMLElement;
-    protected unifiedSelectBox: UnifiedBoxManager;
-    protected targetSelect: HTMLSelectElement | null;
-    protected isInitializing: boolean;
-    protected lastValue: OptionValue;
-    /** 서브클래스에서 기본 placeholder를 지정 */
-    protected abstract get defaultPlaceholder(): string;
-    constructor(element: HTMLElement);
-    /** 초기화 완료 처리 (서브클래스 생성자 마지막에 호출) */
-    protected completeInitialization(): void;
-    /**
-     * 타겟 select 요소 찾기
-     */
-    protected findTargetSelect(element: HTMLElement): HTMLSelectElement | null;
-    /**
-     * HTML에서 속성 파싱
-     */
-    protected parseAttributesFromHTML(): {
-        placeholder?: string;
-        value?: string;
-        disabled?: boolean;
-        size?: 'xs' | 'sm' | 'md';
-    };
-    /**
-     * 값 변환 훅 - SelectBox에서 originalValue 매핑을 위해 오버라이드
-     * 기본 동작: 그대로 문자열 변환
-     */
-    protected resolveValue(value: string | number): string;
-    /**
-     * 타겟 select와 동기화 (Single 모드)
-     */
-    protected syncWithTargetSelect(value: string | number): void;
-    /**
-     * 타겟 select와 동기화 (Multiple 모드)
-     */
-    protected syncWithTargetSelectMultiple(values: (string | number)[]): void;
-    getOptions(): DropdownOption[];
-    updateOptions(newOptions: DropdownOption[]): void;
-    setDisabled(disabled: boolean): void;
-    open(): void;
-    close(): void;
-    focus(): void;
-    destroy(): void;
-    selectAll(): void;
-    deselectAll(): void;
-    isMultiple(): boolean;
-    toggleSelectAll(): void;
-}