@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/types/src/components/modal/Modal.d.ts

@@ -1,79 +0,0 @@
-import { type ReactNode } from 'react';
-import type { SlotIconComponent } from '../../types/side-slot';
-import { type FeaturedIconColor, type FeaturedIconTheme } from '../featured-icon';
-type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
-type ModalActionsAlign = 'left' | 'center' | 'right' | 'stretch';
-type ModalActionsLayout = 'vertical' | 'horizontal' | 'checkbox';
-type ModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    size?: ModalSize;
-    children: ReactNode;
-    closeOnBackdropClick?: boolean;
-    closeOnEsc?: boolean;
-    className?: string;
-    zIndex?: number;
-};
-declare const Modal: {
-    ({ isOpen, onClose, children, size, closeOnBackdropClick, closeOnEsc, className, zIndex, ...restProps }: ModalProps): import("react").ReactPortal | null;
-    Header({ children, onClose, featuredIcon, title, subtitle, align, showDivider, hideCloseButton, }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
-    Content({ children, className }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
-    /**
-     * Modal.Actions - The actions area of the modal
-     *
-     * Examples:
-     *
-     * 1. Vertical layout (buttons stacked):
-     * <Modal.Actions layout="vertical" align="stretch">
-     *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
-     *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
-     * </Modal.Actions>
-     *
-     * 2. Horizontal layout (buttons side by side):
-     * <Modal.Actions layout="horizontal" align="stretch">
-     *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
-     *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
-     * </Modal.Actions>
-     *
-     * 3. Checkbox layout (checkbox on left, buttons on right):
-     * <Modal.Actions layout="checkbox" align="stretch" checkboxContent={
-     *   <>
-     *     <Checkbox text="Never show again" />
-     *     <a href="#">Settings</a>
-     *   </>
-     * }>
-     *   <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
-     *   <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
-     * </Modal.Actions>
-     */
-    Actions({ children, layout, showDivider, align, checkboxContent, className, }: ModalActionsProps): import("react/jsx-runtime").JSX.Element;
-};
-type ModalHeaderProps = {
-    children?: ReactNode;
-    onClose: () => void;
-    featuredIcon?: {
-        icon: SlotIconComponent;
-        color: FeaturedIconColor;
-        theme: FeaturedIconTheme;
-    };
-    align?: ModalHeaderAlign;
-    title?: string | ReactNode;
-    subtitle?: string | ReactNode;
-    showDivider?: boolean;
-    hideCloseButton?: boolean;
-};
-type ModalContentProps = {
-    children: ReactNode;
-    className?: string;
-};
-type ModalActionsProps = {
-    className?: string;
-    children: ReactNode;
-    layout?: ModalActionsLayout;
-    showDivider?: boolean;
-    align?: ModalActionsAlign;
-    checkboxContent?: ReactNode;
-};
-export type { ModalSize, ModalHeaderAlign, ModalActionsAlign, ModalActionsLayout, ModalProps, ModalHeaderProps, ModalContentProps, ModalActionsProps, };
-export { Modal };

package/dist/types/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/types/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/types/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/types/src/components/progress-bar/index.d.ts

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

package/dist/types/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/types/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/types/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/types/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 };

package/dist/types/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/types/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/types/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/types/src/components/switch/index.d.ts

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

package/dist/types/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/types/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/types/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/types/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;