@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/temp/src/components/notification/FullWidthNotification.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangle, CheckCircle, InfoCircle, MessageChatSquare, XClose } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef, useEffect, useRef, useState } from 'react';
-import { COLOR } from '../../../constant/color';
-const iconMap = {
-    neutral: MessageChatSquare,
-    error: AlertTriangle,
-    warning: AlertTriangle,
-    success: CheckCircle,
-    info: InfoCircle,
-};
-const iconColorMap = {
-    neutral: 'gray700',
-    error: 'red500',
-    warning: 'orange500',
-    success: 'green600',
-    info: 'violet600',
-};
-const FullWidthNotification = forwardRef(({ title, supportingText, color = 'neutral', onClose, className, actions, autoClose = 0, supportTextLink, onHidePermanently, ...rest }, ref) => {
-    const [shouldRemove, setShouldRemove] = useState(false);
-    const closeIconSize = {
-        width: 20,
-        height: 20,
-    };
-    // autoClose 타이머 관리
-    const timerRef = useRef(null);
-    useEffect(() => {
-        // autoClose가 0보다 크면 무조건 타이머 설정
-        if (autoClose > 0) {
-            timerRef.current = setTimeout(() => {
-                if (onClose) {
-                    onClose();
-                }
-                // DOM에서 바로 제거
-                setShouldRemove(true);
-            }, autoClose);
-        }
-        // cleanup 함수: 컴포넌트 언마운트 시 타이머 정리
-        return () => {
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-                timerRef.current = null;
-            }
-        };
-    }, [autoClose, onClose]);
-    // DOM에서 완전히 제거
-    if (shouldRemove) {
-        return null;
-    }
-    return (_jsx("div", { ref: ref, className: classNames('ncua-full-width-notification', `ncua-full-width-notification--${color}`, className), role: "alert", ...rest, children: _jsx("div", { className: "ncua-full-width-notification__container", children: _jsxs("div", { className: "ncua-full-width-notification__content", children: [_jsxs("div", { className: "ncua-full-width-notification__content-wrapper", children: [(() => {
-                                const IconComponent = iconMap[color];
-                                return (_jsx(IconComponent, { width: 16, height: 16, color: COLOR[iconColorMap[color]], className: "ncua-full-width-notification__icon" }));
-                            })(), _jsxs("div", { className: "ncua-full-width-notification__text-container", children: [_jsx("span", { className: "ncua-full-width-notification__title", children: title }), !supportTextLink && supportingText && (_jsx("span", { className: "ncua-full-width-notification__supporting-text", children: supportingText })), supportTextLink && supportingText && (_jsx("a", { href: supportTextLink, className: "ncua-full-width-notification__link", children: _jsx("span", { className: "ncua-full-width-notification__supporting-text", children: supportingText }) }))] })] }), _jsxs("div", { className: "ncua-full-width-notification__actions-container", children: [actions && (_jsx("div", { className: "ncua-full-width-notification__actions", children: actions.map((action) => (_jsx("button", { onClick: action.onClick, className: classNames('ncua-notification__action-button', `ncua-notification__action-button--${action.hierarchy || 'text'}`), children: action.label }, `${action.label}-${action.hierarchy}`))) })), onHidePermanently && (_jsx("button", { type: "button", className: classNames('ncua-notification__action-button', 'ncua-notification__action-button--text', 'ncua-full-width-notification__link'), onClick: onHidePermanently, children: "\uB2E4\uC2DC\uBCF4\uC9C0 \uC54A\uAE30" })), onClose && (_jsx("button", { type: "button", className: "ncua-full-width-notification__close-button", onClick: onClose, "aria-label": "\uC54C\uB9BC \uB2EB\uAE30", children: _jsx(XClose, { ...closeIconSize, color: COLOR[iconColorMap[color]] }) }))] })] }) }) }));
-});
-export { FullWidthNotification };

package/dist/temp/src/components/notification/MessageNotification.d.ts

@@ -1,41 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import type { SlotIconComponent } from '../../types/side-slot';
-import type { NotificationAction, NotificationColor } from './Notification';
-interface MessageNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
-    /**
-     * 알림 제목 텍스트
-     */
-    title: ReactNode;
-    /**
-     * 알림 본문 텍스트 (선택사항)
-     */
-    supportingText?: ReactNode;
-    /**
-     * 알림 아이콘 컴포넌트 (지정하지 않으면 color에 따라 기본 아이콘 사용)
-     */
-    icon?: SlotIconComponent;
-    /**
-     * 알림 색상 스타일
-     * @default 'neutral'
-     */
-    color?: NotificationColor;
-    /**
-     * 닫기 버튼 클릭 이벤트 핸들러
-     */
-    onClose?: () => void;
-    /**
-     * 추가 CSS 클래스
-     */
-    className?: string;
-    /**
-     * 액션 버튼 영역 (선택사항)
-     */
-    actions?: NotificationAction[];
-    /**
-     * 다시보지 않기 이벤트 핸들러 (선택사항)
-     */
-    onHidePermanently?: () => void;
-}
-declare const MessageNotification: import("react").ForwardRefExoticComponent<MessageNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { MessageNotificationProps };
-export { MessageNotification };

package/dist/temp/src/components/notification/MessageNotification.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, CheckCircle, Pin02, XClose } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { forwardRef } from 'react';
-import { COLOR } from '../../../constant/color';
-import { Button } from '../button';
-import { FeaturedIcon } from '../featured-icon/FeaturedIcon';
-const iconMap = {
-    neutral: Pin02,
-    error: AlertTriangle,
-    warning: AlertCircle,
-    success: CheckCircle,
-};
-const iconColorMap = {
-    neutral: 'gray700',
-    error: 'red500',
-    warning: 'orange500',
-    success: 'green600',
-};
-const MessageNotification = forwardRef(({ title, supportingText, icon: Icon, color = 'neutral', onClose, className, actions, onHidePermanently, ...rest }, ref) => {
-    // message 타입은 neutral, error, warning, success 4가지 색상만 지원
-    const validColor = color === 'info' ? 'neutral' : color;
-    const iconColor = validColor;
-    const featuredIconProps = {
-        icon: Icon || iconMap[validColor] || Pin02,
-        size: 'lg',
-        color: iconColor,
-        theme: 'light-circle',
-    };
-    const closeIconColor = COLOR[iconColorMap[validColor] || 'gray700'];
-    return (_jsx("div", { ref: ref, className: classNames('ncua-message-notification', `ncua-message-notification--${validColor}`, className), role: "alert", ...rest, children: _jsx("div", { className: "ncua-message-notification__container", children: _jsxs("div", { className: "ncua-message-notification__content", children: [_jsxs("div", { className: "ncua-message-notification__content-wrapper", children: [iconMap[validColor] && (_jsx(FeaturedIcon, { ...featuredIconProps, className: "ncua-message-notification__icon" })), _jsxs("div", { className: "ncua-message-notification__text-container", children: [_jsx("span", { className: "ncua-message-notification__title", children: title }), supportingText && _jsx("span", { className: "ncua-message-notification__supporting-text", children: supportingText })] })] }), _jsx("div", { className: "ncua-message-notification__actions-container", children: actions && (_jsx("div", { className: "ncua-message-notification__actions", children: actions.map((action) => (_jsx(Button, { size: "xs", hierarchy: action.hierarchy || 'text', label: action.label, onClick: action?.onClick }, `${action.label}-${action.hierarchy}`))) })) }), _jsxs("div", { className: "ncua-message-notification__footer-container", children: [onHidePermanently && (_jsx("button", { type: "button", className: classNames('ncua-notification__action-button', 'ncua-notification__action-button--link', 'ncua-message-notification__hide-link'), onClick: onHidePermanently, children: "\uB2E4\uC2DC \uBCF4\uC9C0 \uC54A\uAE30" })), onClose && (_jsx("button", { type: "button", className: "ncua-message-notification__close-button", onClick: onClose, "aria-label": "\uC54C\uB9BC \uB2EB\uAE30", children: _jsx(XClose, { width: 20, height: 20, color: closeIconColor }) }))] })] }) }) }));
-});
-MessageNotification.displayName = 'MessageNotification';
-export { MessageNotification };

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

@@ -1,72 +0,0 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import type { ColorTone } from '../../../constant/color';
-import type { SlotIconComponent } from '../../types/side-slot';
-import type { ButtonTheme } from '../button';
-type NotificationType = 'floating' | 'full-width' | 'message';
-type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'info'>;
-type NotificationSize = 'desktop' | 'mobile';
-interface NotificationAction {
-    /**
-     * 액션 버튼 텍스트
-     */
-    label: string;
-    /**
-     * 액션 버튼 클릭 이벤트 핸들러
-     */
-    onClick?: () => void;
-    /**
-     * 액션 버튼 색상 (3가지만 지원)
-     */
-    hierarchy?: Extract<ButtonTheme, 'text' | 'text-gray'>;
-}
-interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
-    /**
-     * 알림 유형 (floating: 측면에 표시되는 알림, full-width: 전체 너비 알림)
-     * @default 'floating'
-     */
-    type?: NotificationType;
-    /**
-     * 알림 제목 텍스트
-     */
-    title: ReactNode;
-    /**
-     * 알림 본문 텍스트 (선택사항)
-     */
-    supportingText?: ReactNode;
-    /**
-     * 알림 아이콘 컴포넌트 (지정하지 않으면 variant에 따라 기본 아이콘 사용)
-     */
-    icon?: SlotIconComponent;
-    /**
-     * 알림 색상 스타일
-     * @default 'neutral'
-     */
-    color?: NotificationColor;
-    /**
-     * 닫기 버튼 클릭 이벤트 핸들러
-     */
-    onClose?: () => void;
-    /**
-     * 추가 CSS 클래스
-     */
-    className?: string;
-    /**
-     * 액션 버튼 영역 (선택사항)
-     * NotificationAction[]
-     */
-    actions?: NotificationAction[];
-    /**
-     * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
-     * floating 타입에서만 동작
-     * @default 0
-     */
-    autoClose?: number;
-    /**
-     * 다시보지 않기 이벤트 핸들러 (선택사항)
-     * message, full-width 타입에서 사용 가능
-     */
-    onHidePermanently?: () => void;
-}
-declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { NotificationType, NotificationColor, NotificationSize, NotificationAction, NotificationProps };
-export { Notification };

package/dist/temp/src/components/number-input/NumberInput.js

@@ -1,68 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useRef } from 'react';
-import { useMergeRefs } from '../../hooks';
-import { ButtonStepper } from '../button';
-import { InputBase } from '../input-base/InputBase';
-export const NumberInput = forwardRef(({ size = 'xs', minValue, maxValue, step = 1, stepperPosition, disabled, ...props }, ref) => {
-    const inputRef = useRef(null);
-    const mergedRef = useMergeRefs([ref, inputRef]);
-    const getCurrentValue = useCallback(() => {
-        const value = inputRef.current?.value;
-        return value ? Number.parseFloat(value) : 0;
-    }, []);
-    const updateValue = useCallback((newValue) => {
-        if (!inputRef.current)
-            return;
-        // min/max 범위 체크
-        let clampedValue = newValue;
-        if (minValue !== undefined && clampedValue < minValue) {
-            clampedValue = minValue;
-        }
-        if (maxValue !== undefined && clampedValue > maxValue) {
-            clampedValue = maxValue;
-        }
-        inputRef.current.value = clampedValue.toString();
-        // onChange 이벤트 트리거
-        const event = new Event('input', { bubbles: true });
-        inputRef.current.dispatchEvent(event);
-    }, [minValue, maxValue]);
-    const handleIncrement = useCallback(() => {
-        const currentValue = getCurrentValue();
-        const newValue = currentValue + step;
-        if (maxValue === undefined || newValue <= maxValue) {
-            updateValue(newValue);
-        }
-    }, [getCurrentValue, step, maxValue, updateValue]);
-    const handleDecrement = useCallback(() => {
-        const currentValue = getCurrentValue();
-        const newValue = currentValue - step;
-        if (minValue === undefined || newValue >= minValue) {
-            updateValue(newValue);
-        }
-    }, [getCurrentValue, step, minValue, updateValue]);
-    const handleKeyDown = useCallback((event) => {
-        if (disabled)
-            return;
-        if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            handleIncrement();
-        }
-        else if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            handleDecrement();
-        }
-        // 기존 onKeyDown prop이 있으면 호출
-        props.onKeyDown?.(event);
-    }, [disabled, handleIncrement, handleDecrement, props]);
-    const renderStepperButtonGroup = (position) => {
-        if (position !== stepperPosition) {
-            return null;
-        }
-        return (_jsxs("div", { className: "ncua-input__stepper-button-group", children: [_jsx(ButtonStepper, { size: size, direction: "up", onClick: handleIncrement, disabled: disabled }), _jsx(ButtonStepper, { size: size, direction: "down", onClick: handleDecrement, disabled: disabled })] }));
-    };
-    return (_jsx(InputBase, { type: "number", leadingElement: renderStepperButtonGroup('leading')
-            ? { type: 'custom', children: renderStepperButtonGroup('leading'), placement: 'inside' }
-            : props.leadingElement, trailingElement: renderStepperButtonGroup('trailing')
-            ? { type: 'custom', children: renderStepperButtonGroup('trailing'), placement: 'inside' }
-            : props.trailingElement, ref: mergedRef, size: size, disabled: disabled, min: minValue, max: maxValue, step: step, onKeyDown: handleKeyDown, className: "ncua-input__number", ...props }));
-});

package/dist/temp/src/components/pagination/NavButton.d.ts

@@ -1,31 +0,0 @@
-import type { SlotIconComponent } from '../../types/side-slot';
-declare const NAV_BUTTON_CONFIG: {
-    readonly first: {
-        readonly label: "처음";
-        readonly className: "ncua-pagination__first";
-        readonly getIcon: (_isPC: boolean) => SlotIconComponent;
-    };
-    readonly prev: {
-        readonly label: "이전";
-        readonly className: "ncua-pagination__before";
-        readonly getIcon: (isPC: boolean) => SlotIconComponent;
-    };
-    readonly next: {
-        readonly label: "다음";
-        readonly className: "ncua-pagination__next";
-        readonly getIcon: (isPC: boolean) => SlotIconComponent;
-    };
-    readonly last: {
-        readonly label: "마지막";
-        readonly className: "ncua-pagination__last";
-        readonly getIcon: (_isPC: boolean) => SlotIconComponent;
-    };
-};
-export declare const NavButton: ({ type, breakPoint, noPrev, noNext, onClick, }: {
-    type: keyof typeof NAV_BUTTON_CONFIG;
-    breakPoint: 'pc' | 'mo';
-    noPrev: boolean;
-    noNext: boolean;
-    onClick: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/temp/src/components/pagination/NavButton.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ArrowLeft, ArrowRight, ChevronLeft, ChevronLeftDouble, ChevronRight, ChevronRightDouble, } from '@ncds/ui-admin-icon';
-import { Button } from '../button';
-const ICON_SIZE_PC = 16;
-const ICON_SIZE_MOBILE = 20;
-const NAV_BUTTON_CONFIG = {
-    first: {
-        label: '처음',
-        className: 'ncua-pagination__first',
-        getIcon: (_isPC) => ChevronLeftDouble,
-    },
-    prev: {
-        label: '이전',
-        className: 'ncua-pagination__before',
-        getIcon: (isPC) => (isPC ? ChevronLeft : ArrowLeft),
-    },
-    next: {
-        label: '다음',
-        className: 'ncua-pagination__next',
-        getIcon: (isPC) => (isPC ? ChevronRight : ArrowRight),
-    },
-    last: {
-        label: '마지막',
-        className: 'ncua-pagination__last',
-        getIcon: (_isPC) => ChevronRightDouble,
-    },
-};
-export const NavButton = ({ type, breakPoint, noPrev, noNext, onClick, }) => {
-    const config = NAV_BUTTON_CONFIG[type];
-    const isNavigationButton = type === 'first' || type === 'prev' || type === 'next' || type === 'last';
-    const isFirstOrPrev = type === 'first' || type === 'prev';
-    const isNextOrLast = type === 'next' || type === 'last';
-    const disabled = (isFirstOrPrev ? noPrev : false) || (isNextOrLast ? noNext : false);
-    const isPC = breakPoint === 'pc';
-    // key를 제외한 공통 props
-    const buttonProps = {
-        label: config.label,
-        className: config.className,
-        onlyIcon: true,
-        leadingIcon: {
-            type: 'icon',
-            icon: config.getIcon(isPC),
-            size: isPC ? ICON_SIZE_PC : ICON_SIZE_MOBILE,
-            color: disabled ? 'gray200' : 'gray700',
-        },
-        hierarchy: 'secondary-gray',
-        size: (isPC ? 'xs' : 'sm'),
-        disabled,
-        onClick,
-    };
-    // key 값 별도 계산
-    const buttonKey = isNavigationButton ? `${breakPoint}-${type}` : undefined;
-    return _jsx(Button, { ...buttonProps }, buttonKey);
-};

package/dist/temp/src/components/progress-bar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ProgressBar';
-export * from './types';

package/dist/temp/src/components/progress-bar/index.js

@@ -1,2 +0,0 @@
-export * from './ProgressBar';
-export * from './types';

package/dist/temp/src/components/progress-bar/types.js

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

package/dist/temp/src/components/radio/RadioInput.d.ts

@@ -1,8 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
-import type { Size } from '../../../constant/size';
-export interface RadioInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
-    size?: Extract<Size, 'xs' | 'sm'>;
-    destructive?: boolean;
-    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/temp/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.d.ts

@@ -1,71 +0,0 @@
-import { type Dispatch, type SetStateAction } from 'react';
-import { PERIOD_ITEM, type PeriodItemMap } from '../../constant/date-picker';
-import { type RangeDatePickerProps } from '../range-date-picker/RangeDatePicker';
-type PeriodKeyType = keyof typeof PERIOD_ITEM;
-type RangeDatePickerWithButtonsProps<T extends PeriodItemMap = typeof PERIOD_ITEM> = {
-    useYesterdayAsEndDate?: boolean;
-    currentButtonId: keyof T & string;
-    setCurrentButtonId: Dispatch<SetStateAction<keyof T & string>>;
-    periodKeys: (keyof T & string)[];
-    periodItems?: T;
-    size?: 'xs' | 'sm';
-} & RangeDatePickerProps;
-declare const RangeDatePickerWithButtons: <T extends PeriodItemMap = {
-    TODAY: {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    YESTERDAY: {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '3DAYS': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '7DAYS': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '1WEEK': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '15DAYS': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '1MONTHS': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '3MONTHS': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    '1YEAR': {
-        text: string;
-        period: number;
-        unit: string;
-    };
-    ENTIRE: {
-        text: string;
-        period: number;
-        unit: null;
-    };
-    NONE: {
-        text: string;
-        period: number;
-        unit: null;
-    };
-}>({ useYesterdayAsEndDate, size, currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, periodItems, onDateValidation, }: RangeDatePickerWithButtonsProps<T>) => import("react/jsx-runtime").JSX.Element;
-export type { PeriodKeyType };
-export { RangeDatePickerWithButtons };

package/dist/temp/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { PERIOD_ITEM } from '../../constant/date-picker';
-import { getDateFormat, getSubtractDate } from '../../utils/date-picker';
-import { ButtonGroup } from '../button-group';
-import { RangeDatePicker } from '../range-date-picker/RangeDatePicker';
-const RangeDatePickerWithButtons = ({ useYesterdayAsEndDate = false, size = 'xs', currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, periodItems, onDateValidation, }) => {
-    const items = (periodItems ?? PERIOD_ITEM);
-    const setCalculatedDate = () => {
-        const currentPeriodItem = items[currentButtonId];
-        if (!currentPeriodItem) {
-            return;
-        }
-        if (currentButtonId === 'ENTIRE') {
-            startDateOptions.onChangeDate('');
-            endDateOptions.onChangeDate('');
-            return;
-        }
-        const startDate = getDateFormat(getSubtractDate({
-            period: currentPeriodItem.period,
-            unit: currentPeriodItem.unit,
-        }));
-        startDateOptions.onChangeDate(startDate);
-        const endDate = useYesterdayAsEndDate
-            ? getDateFormat(getSubtractDate({
-                period: 1,
-                unit: 'days',
-            }))
-            : getDateFormat();
-        endDateOptions.onChangeDate(endDate);
-    };
-    const handleOnChangeDate = (date, type) => {
-        type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);
-        currentButtonId && setCurrentButtonId('NONE');
-    };
-    useEffect(() => {
-        if (currentButtonId !== 'NONE') {
-            setCalculatedDate();
-        }
-    }, [currentButtonId]);
-    return (_jsxs("div", { className: "ncua-range-date-picker-with-buttons", children: [_jsx(ButtonGroup, { size: size, children: periodKeys.map((key) => (_jsx(ButtonGroup.Item, { isCurrent: currentButtonId === key, label: items[key].text, onClick: () => setCurrentButtonId(key) }, key))) }), _jsx(RangeDatePicker, { startDateOptions: { ...startDateOptions, onChangeDate: (date) => handleOnChangeDate(date, 'START') }, endDateOptions: { ...endDateOptions, onChangeDate: (date) => handleOnChangeDate(date, 'END') }, validationOption: validationOption, onDateValidation: onDateValidation, size: size })] }));
-};
-export { RangeDatePickerWithButtons };

package/dist/temp/src/components/select/Select.d.ts

@@ -1,16 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionType } from '../../types/dropdown';
-export interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, 'size'> {
-    placeholder?: string;
-    disabledPlaceholder?: boolean;
-    hintText?: string;
-    destructive?: boolean;
-    size?: Extract<Size, 'xs' | 'sm' | 'md'>;
-    optionItems?: OptionType[];
-    register?: UseFormRegisterReturn;
-    type?: 'default' | 'simple';
-    children?: ReactNode;
-}
-export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

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

@@ -1,10 +0,0 @@
-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';
-export const Select = forwardRef(({ placeholder, disabledPlaceholder = false, id, className, hintText, children, size = 'xs', type = 'default', destructive = false, value, optionItems, register, disabled = false, ...props }, ref) => {
-    return (_jsxs("span", { className: classNames('ncua-select', {
-            destructive: destructive,
-            'ncua-select--simple': type === 'simple',
-        }, className, `ncua-select--${size}`), children: [_jsx("span", { className: "ncua-select__content", children: _jsxs("select", { value: value, ref: ref, id: id, className: classNames('ncua-select__tag', className), disabled: disabled, ...register, ...props, children: [placeholder && (_jsx("option", { value: "", selected: true, disabled: disabledPlaceholder, children: placeholder })), optionItems?.map((item) => (_jsx("option", { value: item.id, children: item.label }, item.id))), children] }) }), hintText && (_jsx(HintText, { destructive: destructive, className: "ncua-hint-text", children: hintText }))] }));
-});

package/dist/temp/src/components/select-box/SelectBox.d.ts

@@ -1,27 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from 'react';
-import type { UseFormRegisterReturn } from 'react-hook-form';
-import type { Size } from '../../../constant/size';
-import type { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
-declare const DEFAULT_MAX_HEIGHT = 275;
-type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> & {
-    children?: ReactNode;
-    placeholder?: string;
-    disabledPlaceholder?: boolean;
-    hintText?: string;
-    destructive?: boolean;
-    size?: Extract<Size, 'xs' | 'sm' | 'md'>;
-    autoWidth?: boolean;
-    type?: 'default' | 'simple';
-    optionItems?: OptionType[];
-    value?: OptionValue;
-    onChange?: OptionChangeHandler;
-    disabled?: boolean;
-    register?: UseFormRegisterReturn;
-    maxHeight?: number;
-    multiple?: boolean;
-    onEdit?: () => void;
-    align?: 'left' | 'right';
-};
-declare const SelectBox: import("react").ForwardRefExoticComponent<Omit<SelectBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export type { SelectBoxProps };
-export { DEFAULT_MAX_HEIGHT, SelectBox };