@ncds/ui-admin 1.3.0 → 1.4.1

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

@@ -0,0 +1,28 @@
+import { Size } from '@ncds/ui/constant/size';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { OptionChangeHandler, OptionType, OptionValue } from '../../types/dropdown';
+export declare const defaultMaxHeight = 275;
+type BaseComboBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'>;
+export interface ComboBoxProps extends PropsWithChildren<BaseComboBoxProps> {
+    placeholder?: string;
+    hintText?: string;
+    destructive?: boolean;
+    size?: Extract<Size, 'xs' | 'sm'>;
+    optionItems?: OptionType[];
+    value?: OptionValue;
+    onChange?: OptionChangeHandler;
+    onSearch?: (searchValue: string) => void;
+    disabled?: boolean;
+    register?: UseFormRegisterReturn;
+    maxHeight?: number;
+    searchValue?: string;
+    label?: string;
+    required?: boolean;
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    onEdit?: () => void;
+}
+export declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ComboBox.d.ts.map

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

@@ -0,0 +1,3 @@
+export { ComboBox } from './ComboBox';
+export type { ComboBoxProps } from './ComboBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/date-picker/CustomInput.d.ts

@@ -0,0 +1,12 @@
+import { type InputHTMLAttributes } from 'react';
+import type { IconName } from '@ncds/ui-admin-icon/dynamic';
+import type { Size } from '../../../constant/size';
+interface CustomInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    disabled: boolean;
+    iconName: Extract<IconName, 'calendar' | 'clock'>;
+    iconSize: Extract<Size, 'xs' | 'sm'>;
+    placeholder?: string;
+}
+export declare const CustomInput: import("react").ForwardRefExoticComponent<CustomInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=CustomInput.d.ts.map

package/dist/types/src/components/date-picker/DatePicker.d.ts

@@ -6,6 +6,8 @@ export type DatePickerProps = {
     shouldFocus?: boolean;
     currentDate: string;
     datePickerOptions?: Options;
+    destructive?: string;
+    placeholder?: string;
     onChangeDate: (date: string) => void;
 } & Omit<DateTimePickerProps, 'size' | 'options' | 'value'>;
 export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;

package/dist/types/src/components/{input → file-upload}/FileInput.d.ts

@@ -1,4 +1,4 @@
-import { InputBaseProps } from './InputBase';
+import { InputBaseProps } from '../input/InputBase';
 export declare enum FileInputErrorType {
     ALREADY_UPLOADED = "ALREADY_UPLOADED",
     EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",

package/dist/types/src/components/file-upload/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/image-file-input/ImageFileInput.d.ts

@@ -0,0 +1,78 @@
+import { InputBaseProps } from '../input/InputBase';
+export declare enum ImageFileInputErrorType {
+    ALREADY_UPLOADED = "ALREADY_UPLOADED",
+    EXCEED_MAX_FILE_SIZE = "EXCEED_MAX_FILE_SIZE",
+    EXCEED_MAX_FILE_COUNT = "EXCEED_MAX_FILE_COUNT"
+}
+export interface InvalidFile extends Omit<File, 'constructor'> {
+    errorType: ImageFileInputErrorType;
+}
+export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
+    /**
+     * Accepted file types
+     * e.g. '.jpg,.png,.pdf' or 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files
+     */
+    maxFileCount?: number;
+    /**
+     * Maximum file size in bytes
+     */
+    maxFileSize?: number;
+    /**
+     * Current files (controlled mode)
+     */
+    value?: File[];
+    /**
+     * Callback when files change (controlled mode)
+     */
+    onChange?: (files: File[]) => void;
+    /**
+     * Callback when files are selected (uncontrolled mode)
+     */
+    onFileSelect?: (files: File[]) => void;
+    /**
+     * Callback when file selection fails
+     */
+    onFail?: (files: InvalidFile[]) => void;
+    /**
+     * Label shown on the button
+     */
+    buttonLabel?: string;
+    /**
+     * Label shown on the image preview
+     */
+    imagePreviewTooltipLabel?: string;
+    /**
+     * Hint text items to display as a list
+     */
+    hintItems?: string[];
+    /**
+     * Whether the input is required
+     */
+    isRequired?: boolean;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon?: boolean;
+    /**
+     * Hint text to display
+     */
+    hintText?: string;
+    /**
+     * Whether to show the file tag list
+     */
+    showFileTagList?: boolean;
+    /**
+     * Whether to show the hint text
+     */
+    showHintText?: boolean;
+    /**
+     * Whether to show the file input section
+     */
+    showFileInput?: boolean;
+}
+export declare const ImageFileInput: import("react").ForwardRefExoticComponent<ImageFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=ImageFileInput.d.ts.map

package/dist/types/src/components/image-file-input/components/ImagePreview.d.ts

@@ -0,0 +1,6 @@
+export interface ImagePreviewProps {
+    file: File;
+    onRemove: () => void;
+}
+export declare const ImagePreview: ({ file, onRemove }: ImagePreviewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImagePreview.d.ts.map

package/dist/types/src/components/image-file-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ImageFileInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts

@@ -3,6 +3,7 @@ export * from './breadcrumb';
 export * from './button';
 export * from './carousel';
 export * from './checkbox';
+export * from './combobox';
 export * from './date-picker';
 export * from './divider';
 export * from './dot';
@@ -17,9 +18,12 @@ export * from './progress-bar';
 export * from './progress-circle';
 export * from './radio';
 export * from './select';
+export * from './select-dropdown';
+export * from './selectbox';
 export * from './shared';
 export * from './slider';
 export * from './spinner';
+export * from './switch';
 export * from './tab';
 export * from './tag';
 export * from './toggle';

package/dist/types/src/components/input/InputBase.d.ts

@@ -37,6 +37,8 @@ interface InputBaseCommonProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     leadingElement?: InputLeadingSlotType;
     trailingElement?: InputTrailingSlotType;
     showHelpIcon?: boolean;
+    showTextCount?: boolean;
+    maxLength?: number;
 }
 interface NoneClearableInputBaseProps extends InputBaseCommonProps {
     clearText?: never;

package/dist/types/src/components/input/index.d.ts

@@ -1,5 +1,4 @@
 export * from './InputBase';
 export * from './PasswordInput';
 export * from './Textarea';
-export * from './FileInput';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 import { type IconName } from '@ncds/ui-admin-icon/dynamic';
 import { ReactNode } from 'react';
 import { FeaturedIconColor, FeaturedIconTheme } from '../featured-icon';
-export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
 export type ModalAlign = 'center' | 'right' | 'stretch';
 export type ModalActionsLayout = 'vertical' | 'horizontal' | 'checkbox';
@@ -13,9 +13,10 @@ export type ModalProps = {
     closeOnBackdropClick?: boolean;
     closeOnEsc?: boolean;
     className?: string;
+    zIndex?: number;
 };
 export declare const Modal: {
-    ({ isOpen, onClose, children, size, closeOnBackdropClick, closeOnEsc, className, ...restProps }: ModalProps): import("react").ReactPortal | null;
+    ({ 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 }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
     /**

package/dist/types/src/components/notification/FloatingNotification.d.ts

@@ -26,6 +26,11 @@ export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef
      * 버튼 영역 (선택사항)
      */
     actions?: NotificationAction[];
+    /**
+     * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
+     * @default 0
+     */
+    autoClose?: number;
 }
 export declare const FloatingNotification: import("react").ForwardRefExoticComponent<FloatingNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FloatingNotification.d.ts.map

package/dist/types/src/components/notification/FullWidthNotification.d.ts

@@ -10,7 +10,7 @@ export interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRe
      */
     supportingText?: ReactNode;
     /**
-     * 알림 색상 스타일
+     * 알림 색상 스타일 (neutral, error, warning, success, info)
      * @default 'neutral'
      */
     color?: NotificationColor;
@@ -26,6 +26,20 @@ export interface FullWidthNotificationProps extends Omit<ComponentPropsWithoutRe
      * 버튼 영역 (선택사항)
      */
     actions?: NotificationAction[];
+    /**
+     * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
+     * full-width 타입에서는 일반적으로 사용하지 않음 (중요한 공지사항이므로)
+     * @default 0
+     */
+    autoClose?: number;
+    /**
+     * info 링크 영역 (선택사항)
+     */
+    supportTextLink?: string;
+    /**
+     * 다시보지 않기 이벤트 핸들러 (선택사항)
+     */
+    onHidePermanently?: () => void;
 }
 export declare const FullWidthNotification: import("react").ForwardRefExoticComponent<FullWidthNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FullWidthNotification.d.ts.map

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

@@ -3,7 +3,7 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { ColorTone } from '../../../constant/color';
 import { ButtonTheme } from '../button';
 export type NotificationType = 'floating' | 'full-width';
-export type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
+export type NotificationColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'info'>;
 export type NotificationSize = 'desktop' | 'mobile';
 export interface NotificationAction {
     /**
@@ -17,7 +17,7 @@ export interface NotificationAction {
     /**
      * 액션 버튼 색상 (3가지만 지원)
      */
-    hierarchy?: Extract<ButtonTheme, 'link' | 'link-gray'>;
+    hierarchy?: Extract<ButtonTheme, 'text' | 'text-gray'>;
 }
 export interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
@@ -55,6 +55,12 @@ export interface NotificationProps extends Omit<ComponentPropsWithoutRef<'div'>,
      * NotificationAction[]
      */
     actions?: NotificationAction[];
+    /**
+     * 자동 닫기 시간 (밀리초 단위, 0이면 자동으로 닫히지 않음)
+     * floating 타입에서만 동작
+     * @default 0
+     */
+    autoClose?: number;
 }
 export declare const Notification: import("react").ForwardRefExoticComponent<NotificationProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Notification.d.ts.map

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

@@ -20,14 +20,11 @@ declare const NAV_BUTTON_CONFIG: {
         readonly getIcon: (isPC: boolean) => string;
     };
 };
-export declare const NavButton: ({ type, as, breakPoint, noPrev, noNext, href, target, onClick, }: {
+export declare const NavButton: ({ type, breakPoint, noPrev, noNext, onClick, }: {
     type: keyof typeof NAV_BUTTON_CONFIG;
-    as: 'button' | 'a';
     breakPoint: 'pc' | 'mo';
     noPrev: boolean;
     noNext: boolean;
-    href: string;
-    target: string;
     onClick: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-type CommonPaginationProps = {
+type PaginationProps = {
     className?: string;
     totalCount: number;
     itemCountPerPage?: number;
@@ -7,17 +7,6 @@ type CommonPaginationProps = {
     breakPoint?: 'pc' | 'mo';
     onPageChange?: (page: number) => void;
 };
-type PaginationButtonProps = CommonPaginationProps & {
-    as?: 'button';
-    href?: never;
-    target?: never;
-};
-type PaginationAnchorProps = CommonPaginationProps & {
-    as: 'a';
-    href: string;
-    target?: string;
-};
-type PaginationProps = PaginationButtonProps | PaginationAnchorProps;
-export declare const Pagination: ({ className, totalCount, itemCountPerPage, pageCount, currentPage, as, breakPoint, onPageChange, ...restProps }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ className, totalCount, itemCountPerPage, pageCount, currentPage, breakPoint, onPageChange, ...restProps }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/types/src/components/progress-bar/ProgressBar.d.ts

@@ -1,7 +1,3 @@
-export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
-export interface ProgressBarProps {
-    label?: ProgressLabel;
-    value: number;
-}
-export declare const ProgressBar: ({ label, value }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+import type { ProgressBarProps } from './types';
+export declare const ProgressBar: ({ label, value, segments, showZeroLabel, valueToPercent, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProgressBar.d.ts.map

package/dist/types/src/components/progress-bar/components/SegmentBar.d.ts

@@ -0,0 +1,8 @@
+import type { ProcessedSegment } from '../types';
+interface SegmentBarProps {
+    segments: ProcessedSegment[];
+    shouldSpaceOut: boolean;
+}
+export declare const SegmentBar: ({ segments, shouldSpaceOut }: SegmentBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SegmentBar.d.ts.map

package/dist/types/src/components/progress-bar/components/SegmentLabels.d.ts

@@ -0,0 +1,16 @@
+import type { ProcessedSegment, ProgressLabel } from '../types';
+interface SegmentLabelsProps {
+    segments: ProcessedSegment[];
+    segmentCount: number;
+    showZeroLabel?: boolean;
+}
+export declare const SegmentLabels: ({ segments, segmentCount, showZeroLabel }: SegmentLabelsProps) => import("react/jsx-runtime").JSX.Element | null;
+interface SingleLabelProps {
+    labelType: ProgressLabel;
+    displayValue: string;
+    totalValue?: number;
+    showZeroLabel?: boolean;
+}
+export declare const SingleLabel: ({ labelType, displayValue, totalValue, showZeroLabel }: SingleLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SegmentLabels.d.ts.map

package/dist/types/src/components/progress-bar/hooks/useProgressBar.d.ts

@@ -0,0 +1,14 @@
+import type { ProgressLabel, ProgressSegment, ProcessedSegment } from '../types';
+interface UseProgressBarResult {
+    totalValue: number;
+    displayValue: string;
+    processedSegments: ProcessedSegment[];
+    effectiveLabel?: ProgressLabel;
+    progressValueStyle?: React.CSSProperties;
+    hasSegments: boolean;
+    segmentCount: number;
+    shouldSpaceOut: boolean;
+}
+export declare const useProgressBar: (label?: ProgressLabel, value?: number, segments?: ProgressSegment[], valueToPercent?: boolean) => UseProgressBarResult;
+export {};
+//# sourceMappingURL=useProgressBar.d.ts.map

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

@@ -1,2 +1,3 @@
 export * from './ProgressBar';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/progress-bar/types.d.ts

@@ -0,0 +1,16 @@
+export type ProgressLabel = 'right' | 'bottom' | 'top-float' | 'bottom-float';
+export interface ProgressSegment {
+    value: number;
+    color?: string;
+}
+export interface ProcessedSegment extends ProgressSegment {
+    width: number;
+}
+export interface ProgressBarProps {
+    label?: ProgressLabel;
+    value?: number;
+    segments?: ProgressSegment[];
+    showZeroLabel?: boolean;
+    valueToPercent?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/src/components/progress-bar/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 색상 이름을 fill 색상 클래스명으로 변환
+ */
+export declare const getFillColorClass: (color?: string) => string;
+/**
+ * 색상 이름을 label 색상 클래스명으로 변환
+ */
+export declare const getLabelColorClass: (color?: string) => string;
+/**
+ * 값을 0-100 범위로 제한
+ */
+export declare const clampValue: (value: number) => number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/components/radio/Radio.d.ts

@@ -1,10 +1,9 @@
-import { ChangeEvent, MutableRefObject, ReactNode, RefCallback } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { RadioInputProps } from './RadioInput';
 export interface RadioProps extends Omit<RadioInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
-    radioRef?: RefCallback<HTMLInputElement> | MutableRefObject<HTMLInputElement | null>;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const Radio: ({ size, text, supportText, disabled, checked, className, radioRef, onChange, ...props }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Radio.d.ts.map

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

@@ -1,11 +1,8 @@
 import { Size } from '@ncds/ui/constant/size';
 import { ComponentPropsWithRef, PropsWithChildren } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
+import { OptionType } from '../../types/dropdown';
 type BaseSelectProps = Omit<ComponentPropsWithRef<'select'>, 'size'>;
-export type OptionType = {
-    id: string | number;
-    label: string;
-};
 export interface SelectProps extends PropsWithChildren<BaseSelectProps> {
     placeholder?: string;
     disabledPlaceholder?: boolean;

package/dist/types/src/components/select-dropdown/SelectDropdown.d.ts

@@ -0,0 +1,28 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { DropdownDirection, OptionSelectHandler, OptionType, OptionValue } from '../../types/dropdown';
+export type { DropdownDirection };
+export type SelectDropdownProps = ComponentPropsWithRef<'div'> & {
+    isOpen: boolean;
+    direction?: DropdownDirection;
+    size?: 'xs' | 'sm' | 'md';
+    options: OptionType[];
+    value?: OptionValue;
+    focusedIndex: number;
+    maxHeight?: number;
+    listboxId?: string;
+    onOptionSelect: OptionSelectHandler;
+    onMouseMove?: () => void;
+    isKeyboardNavigation?: () => boolean;
+    onOptionHover?: (validIndex: number) => void;
+    children?: ReactNode;
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    selectAllButtonText?: string;
+    onSelectAll?: () => void;
+    onEdit?: () => void;
+    onComplete?: () => void;
+    activeDescendantId?: string;
+    componentType?: 'selectbox' | 'combobox';
+};
+export declare const SelectDropdown: import("react").ForwardRefExoticComponent<Omit<SelectDropdownProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SelectDropdown.d.ts.map

package/dist/types/src/components/select-dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectDropdown, type DropdownDirection, type SelectDropdownProps } from './SelectDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/selectbox/SelectBox.d.ts

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

package/dist/types/src/components/selectbox/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectBox, type SelectBoxProps } from './SelectBox';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,22 @@
+import { ReactNode, Ref } from 'react';
+import { Size } from 'ui-admin/constant/size';
+type SwitchOption = {
+    label: ReactNode;
+    value: string | boolean;
+};
+export type SwitchSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
+export 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>];
+};
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/tab/HorizontalTab.d.ts

@@ -5,7 +5,6 @@ export type HorizontalTabProps = {
     activeTab?: string;
     fullWidth?: boolean;
     menus?: Array<TabButtonProps>;
-    onClick?: (id: string) => void;
 };
-export declare const HorizontalTab: ({ type, size, activeTab, onClick, fullWidth, menus, }: HorizontalTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalTab: ({ type, size, activeTab, fullWidth, menus, }: HorizontalTabProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HorizontalTab.d.ts.map

package/dist/types/src/components/tab/TabButton.d.ts

@@ -2,7 +2,7 @@ import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
 import { BadgeProps } from '../badge/Badge';
 export type TabSize = 'sm' | 'md' | 'lg';
 export type TabType = 'button-primary' | 'button-white' | 'underline' | 'underline-fill' | 'line-vertical';
-interface CommonProps {
+type BaseTabButtonProps = {
     id?: string;
     label: string;
     size?: TabSize;
@@ -11,16 +11,13 @@ interface CommonProps {
     badgeInfo?: BadgeProps;
     className?: string;
     children?: ReactNode;
-    onClick?: () => void;
-}
-export type TabButtonAsButtonProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
-export type TabButtonAsLinkProps = CommonProps & {
-    href: string;
-    target?: '_self' | '_blank';
-} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'>;
-export type TabButtonProps = (TabButtonAsButtonProps & {
-    href?: never;
-}) | TabButtonAsLinkProps;
-export declare const TabButton: ({ label, size, tabButtonType, type, isActive, badgeInfo, className, children, ...props }: TabButtonProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type TabButtonAsButtonProps = BaseTabButtonProps & {
+    onClose?: (id: string) => void;
+    onClick?: (id: string) => void;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>;
+export type TabButtonAsLinkProps = BaseTabButtonProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+export type TabButtonProps = TabButtonAsButtonProps | TabButtonAsLinkProps;
+export declare const TabButton: ({ id, label, size, tabButtonType, type, isActive, badgeInfo, className, children, ...props }: TabButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TabButton.d.ts.map

package/dist/types/src/components/tab/VerticalTab.d.ts

@@ -4,7 +4,7 @@ export type VerticalTabProps = {
     breakPoint?: 'mobile' | 'pc';
     activeTab?: string;
     menus?: Array<TabButtonProps>;
-    onClick?: (id: string) => void;
+    onSelect?: (value: string) => void;
 };
-export declare const VerticalTab: ({ type, breakPoint, activeTab, menus, onClick, }: VerticalTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalTab: ({ type, breakPoint, activeTab, menus, onSelect, }: VerticalTabProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VerticalTab.d.ts.map

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

@@ -9,7 +9,9 @@ interface TagProps {
     close?: boolean;
     children?: React.ReactNode;
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    maxLength?: number;
 }
-export declare const Tag: ({ size, icon, text, count, close, onButtonClick }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export type CalculatedPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export declare const Tag: ({ size, icon, text, count, close, onButtonClick, maxLength }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1,12 +1,14 @@
 interface TooltipProps {
     tooltipType?: 'white' | 'black';
     iconType?: 'stroke' | 'fill';
-    position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'auto';
     size?: 'sm' | 'md';
     hideArrow?: boolean;
     title?: string;
     content?: string;
+    type?: 'long' | 'short';
+    className?: string;
 }
-export declare const Tooltip: ({ tooltipType, iconType, position, size, title, content, hideArrow, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ tooltipType, iconType, position, size, title, content, hideArrow, type, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map