@ncds/ui-admin 1.6.4 → 1.7.0

package/dist/types/assets/scripts/utils/unifiedBox/unifiedBoxManager.d.ts

@@ -0,0 +1,95 @@
+import { OptionValue } from '../../../../src/types';
+import { DropdownOption } from './dropdownModel';
+export interface UnifiedBoxManagerConfig {
+    options?: DropdownOption[];
+    placeholder?: string;
+    value?: OptionValue;
+    onChange?: (value: OptionValue) => void;
+    onSearch?: (searchValue: string) => void | Promise<void>;
+    onEdit?: () => void;
+    onSelectAll?: () => void;
+    onSearchAll?: () => void;
+    onComplete?: () => void;
+    onScrollBottom?: () => void;
+    searchDebounceMs?: number;
+    maxHeight?: number;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    label?: string;
+    required?: boolean;
+    type?: 'selectbox' | 'combobox';
+}
+/**
+ * 통합된 UnifiedBox 클래스
+ * SelectBox와 ComboBox의 기능을 모두 포함
+ */
+export declare class UnifiedBoxManager {
+    private element;
+    private config;
+    private model;
+    private renderer;
+    private controller;
+    private inputField?;
+    private debouncedSearch;
+    private lastSearchValue;
+    private hasInitialOptions;
+    private isComboBox;
+    private baseClass;
+    private dropdownElement?;
+    private triggerElement?;
+    private footerElement?;
+    private arrowElement?;
+    constructor(element: HTMLElement, config?: UnifiedBoxManagerConfig);
+    private initialize;
+    private setupElementClasses;
+    private createUI;
+    private createComboBoxUI;
+    private createSelectBoxUI;
+    private createDropdown;
+    private setupController;
+    private handleInput;
+    private handleInputClick;
+    private handleClearInput;
+    private handleShowAll;
+    private handleSelectionChange;
+    private updateSelectBoxValue;
+    private canToggleDropdown;
+    private handleSelectAll;
+    private handleComplete;
+    private updateSelectAllButtonText;
+    getValues(): DropdownOption[];
+    getOptions(): DropdownOption[];
+    setValues(value: DropdownOption[]): void;
+    updateOptions(newOptions: DropdownOption[]): void;
+    setDisabled(disabled: boolean): void;
+    open(): void;
+    close(): void;
+    focus(): void;
+    destroy(): void;
+    selectAll(): void;
+    deselectAll(): void;
+    isMultiple(): boolean;
+    toggleSelectAll(): void;
+    getDebugInfo(): {
+        config: UnifiedBoxManagerConfig;
+        modelState: any;
+        isOpen: boolean;
+    };
+    /**
+     * 드롭다운을 스크롤의 바닥으로 이동
+     * 전체 선택 시 추가 데이터 로드를 트리거하기 위해 사용
+     */
+    scrollToBottom(): void;
+    /**
+     * 전체 선택 버튼의 텍스트를 외부에서 변경
+     * @param text 버튼에 표시할 텍스트
+     */
+    setSelectAllButtonText(text: string): void;
+    /**
+     * 특정 인덱스의 옵션으로 포커스 이동
+     * @param index 포커스를 이동할 옵션의 인덱스
+     */
+    setFocusIndex(index: number): void;
+}

package/dist/types/constant/color.d.ts

@@ -34,4 +34,3 @@ export declare const COLOR: {
 };
 export type ColorKeyType = keyof typeof COLOR;
 export type ColorTone = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled' | 'info';
-//# sourceMappingURL=color.d.ts.map

package/dist/types/constant/size.d.ts

@@ -1,2 +1 @@
 export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-//# sourceMappingURL=size.d.ts.map

package/dist/types/index.d.ts

@@ -27,4 +27,3 @@ export * from './src/components/toggle';
 export * from './src/components/tooltip';
 export * from './src/components';
 export * from './src/hooks';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/badge/Badge.d.ts

@@ -1,10 +1,10 @@
-import { ColorTone } from '../../../constant/color';
-import { Size } from '../../../constant/size';
-import { SideSlotType } from '../../types/side-slot';
-export type BadgeType = 'pill-outline' | 'pill-dark-color';
-export type BadgeColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
-export type BadgeSize = Extract<Size, 'xs' | 'sm' | 'md'>;
-export type BadgeProps = {
+import type { ColorTone } from '../../../constant/color';
+import type { Size } from '../../../constant/size';
+import type { SideSlotType } from '../../types/side-slot';
+type BadgeType = 'pill-outline' | 'pill-dark-color';
+type BadgeColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
+type BadgeSize = Extract<Size, 'xs' | 'sm' | 'md'>;
+type BadgeProps = {
     label: string;
     type?: BadgeType;
     color?: BadgeColor;
@@ -13,5 +13,6 @@ export type BadgeProps = {
     trailingIcon?: SideSlotType;
     size?: BadgeSize;
 };
-export declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Badge.d.ts.map
+declare const Badge: ({ label, type, color, className, leadingIcon, trailingIcon, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export { Badge };
+export type { BadgeType, BadgeColor, BadgeSize, BadgeProps };

package/dist/types/src/components/badge/BadgeGroup.d.ts

@@ -1,10 +1,10 @@
-import { type BadgeProps } from '.';
 import type { ColorTone } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-export type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
-export type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
-export type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {
+import { type BadgeProps } from '.';
+type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
+type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
+type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {
     groupLabel: string;
     groupIcon?: SideSlotType;
     groupClassName?: string;
@@ -13,5 +13,6 @@ export type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {
     href?: string;
     target?: string;
 };
-export declare const BadgeGroup: ({ groupLabel, groupIcon, groupClassName, color, size, href, target, ...props }: BadgeGroupProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BadgeGroup.d.ts.map
+declare const BadgeGroup: ({ groupLabel, groupIcon, groupClassName, color, size, href, target, ...props }: BadgeGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { BadgeGroup };
+export type { BadgeGroupSize, BadgeGroupColor, BadgeGroupProps };

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

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

package/dist/types/src/components/badge/utils.d.ts

@@ -1,7 +1,8 @@
 import type { SideSlotType } from '../../types/side-slot';
-export type SideSlotRenderProps = {
+type SideSlotRenderProps = {
     slot: SideSlotType;
     defaultIconSize: number;
 };
-export declare const sideSlotRender: ({ slot, defaultIconSize }: SideSlotRenderProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-//# sourceMappingURL=utils.d.ts.map
+declare const sideSlotRender: ({ slot, defaultIconSize }: SideSlotRenderProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export { sideSlotRender };
+export type { SideSlotRenderProps };

package/dist/types/src/components/breadcrumb/BreadCrumb.d.ts

@@ -1,10 +1,11 @@
-export interface BreadcrumbItemProps {
+interface BreadcrumbItemProps {
     href?: string;
     label: string;
 }
-export interface BreadcrumbProps {
+interface BreadcrumbProps {
     items: BreadcrumbItemProps[];
     className?: string;
 }
-export declare const BreadCrumb: ({ items, className }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=BreadCrumb.d.ts.map
+declare const BreadCrumb: ({ items, className }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element | null;
+export { BreadCrumb };
+export type { BreadcrumbItemProps, BreadcrumbProps };

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

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

package/dist/types/src/components/button/Button.d.ts

@@ -7,6 +7,7 @@ export type ButtonProps = Omit<ComponentProps<'button'>, 'ref'> & {
     className?: string;
     hierarchy?: ButtonTheme;
     disabled?: boolean;
+    loading?: boolean;
     leadingIcon?: SideSlotType;
     trailingIcon?: SideSlotType;
     onlyIcon?: boolean;
@@ -24,6 +25,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     className?: string | undefined;
     hierarchy?: ButtonTheme | undefined;
     disabled?: boolean | undefined;
+    loading?: boolean | undefined;
     leadingIcon?: SideSlotType | undefined;
     trailingIcon?: SideSlotType | undefined;
     onlyIcon?: boolean | undefined;
@@ -31,4 +33,3 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<impo
     children?: ReactNode;
     underline?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/button/ButtonCloseX.d.ts

@@ -1,9 +1,10 @@
 import type { Size } from '../../../constant/size';
-export type ButtonCloseXProps = {
+type ButtonCloseXProps = {
     size: Extract<Size, 'xs' | 'sm' | 'md' | 'lg'>;
     theme?: 'dark' | 'light';
     onClick?: () => void;
     className?: string;
 };
-export declare const ButtonCloseX: ({ size, theme, className, onClick }: ButtonCloseXProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonCloseX.d.ts.map
+declare const ButtonCloseX: ({ size, theme, className, onClick }: ButtonCloseXProps) => import("react/jsx-runtime").JSX.Element;
+export { ButtonCloseX };
+export type { ButtonCloseXProps };

package/dist/types/src/components/button/ButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import React, { type ComponentProps } from 'react';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-export type ButtonGroupSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
+type ButtonGroupSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 interface SideCommon {
     position?: 'leading' | 'trailing';
 }
@@ -15,9 +15,9 @@ interface ButtonGroupItemCommonProps {
     disabled?: boolean;
     isCurrent?: boolean;
 }
-export interface ButtonGroupItemProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
+interface ButtonGroupItemProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
 }
-export interface ButtonGroupProps {
+interface ButtonGroupProps {
     className?: string;
     size?: ButtonGroupSize;
     children: React.ReactNode;
@@ -25,7 +25,7 @@ export interface ButtonGroupProps {
     onlyIcon?: boolean;
     disabled?: boolean;
 }
-export declare const ButtonGroup: {
+declare const ButtonGroup: {
     ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
     Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, className, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
@@ -163,7 +163,7 @@ export declare const ButtonGroup: {
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
         onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLButtonElement> | undefined;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
         onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
@@ -213,8 +213,6 @@ export declare const ButtonGroup: {
         onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
@@ -309,5 +307,5 @@ export declare const ButtonGroup: {
         disabled: boolean | undefined;
     }, HTMLButtonElement>;
 };
-export {};
-//# sourceMappingURL=ButtonGroup.d.ts.map
+export { ButtonGroup };
+export type { ButtonGroupSize, ButtonGroupItemProps, ButtonGroupProps };

package/dist/types/src/components/button/ButtonStepper.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '../../../constant/size';
+import type { Size } from '../../../constant/size';
 export type ButtonStepperProps = {
     size: Extract<Size, 'xs' | 'sm'>;
     direction: 'up' | 'down';
@@ -7,4 +7,3 @@ export type ButtonStepperProps = {
     className?: string;
 };
 export declare const ButtonStepper: ({ size, direction, disabled, onClick, className }: ButtonStepperProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ButtonStepper.d.ts.map

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

@@ -2,4 +2,3 @@ export * from './Button';
 export * from './ButtonCloseX';
 export * from './ButtonGroup';
 export * from './ButtonStepper';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/carousel/CarouselArrow.d.ts

@@ -1,10 +1,8 @@
 type CarouselArrowProps = {
     type?: 'default' | 'line';
     className?: string;
-    size: 'md';
     chevron: 'left' | 'right';
     onClick?: () => void;
 };
-export declare const CarouselArrow: ({ type, className, size, chevron, onClick }: CarouselArrowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarouselArrow: ({ type, className, chevron, onClick }: CarouselArrowProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=CarouselArrow.d.ts.map

package/dist/types/src/components/carousel/CarouselNumberGroup.d.ts

@@ -1,10 +1,8 @@
 type CarouselNumberGroupProps = {
     framed?: boolean;
-    size?: 'sm';
     color?: 'light' | 'dark';
     currentPage: number;
     totalPage: number;
 };
-export declare const CarouselNumberGroup: ({ framed, size, color, currentPage, totalPage, }: CarouselNumberGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarouselNumberGroup: ({ framed, color, currentPage, totalPage, }: CarouselNumberGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=CarouselNumberGroup.d.ts.map

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

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

package/dist/types/src/components/checkbox/Checkbox.d.ts

@@ -1,8 +1,7 @@
-import { ReactNode } from 'react';
-import { CheckboxInputProps } from './CheckboxInput';
+import { type ReactNode } from 'react';
+import { type CheckboxInputProps } from './CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
 }
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/src/components/checkbox/CheckboxInput.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent, ComponentPropsWithRef } from 'react';
-import { Size } from '../../../constant/size';
+import { type ChangeEvent, type ComponentPropsWithRef } from 'react';
+import type { Size } from '../../../constant/size';
 export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size' | 'ref'> {
     size?: Extract<Size, 'xs' | 'sm'>;
     indeterminate?: boolean;
@@ -7,4 +7,3 @@ export interface CheckboxInputProps extends Omit<ComponentPropsWithRef<'input'>,
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=CheckboxInput.d.ts.map

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

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

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

@@ -1,9 +1,9 @@
-import type { Size } from '@ncds/ui/constant/size';
-import { type ComponentPropsWithRef, ReactNode } from 'react';
+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';
-export declare const defaultMaxHeight = 275;
-export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
+declare const defaultMaxHeight = 275;
+interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
     children?: ReactNode;
     placeholder?: string;
     hintText?: string;
@@ -23,5 +23,6 @@ export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size'
     showFooterButtons?: boolean;
     onEdit?: () => void;
 }
-export declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ComboBox.d.ts.map
+declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { defaultMaxHeight, ComboBox };
+export type { ComboBoxProps };

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

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

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

@@ -6,6 +6,5 @@ interface CustomInputProps extends InputHTMLAttributes<HTMLInputElement> {
     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
+declare const CustomInput: import("react").ForwardRefExoticComponent<CustomInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { CustomInput };

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

@@ -1,7 +1,7 @@
-import { Options } from 'flatpickr/dist/types/options';
-import { DateTimePickerHandle, DateTimePickerProps } from 'react-flatpickr';
-import { Size } from '../../../constant/size';
-export type DatePickerProps = {
+import type { Options } from 'flatpickr/dist/types/options';
+import { type DateTimePickerHandle, type DateTimePickerProps } from 'react-flatpickr';
+import type { Size } from '../../../constant/size';
+type DatePickerProps = {
     size?: Extract<Size, 'xs' | 'sm'>;
     shouldFocus?: boolean;
     currentDate: string;
@@ -19,5 +19,6 @@ export type DatePickerProps = {
         previousDate?: Date;
     }) => void;
 } & Omit<DateTimePickerProps, 'size' | 'options' | 'value'>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;
-//# sourceMappingURL=DatePicker.d.ts.map
+declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;
+export { DatePicker };
+export type { DatePickerProps };

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

@@ -1,6 +1,6 @@
-import { unitOfTime } from 'moment';
-import { DatePickerProps } from './DatePicker';
-export type RangeDatePickerProps = {
+import { type unitOfTime } from 'moment';
+import { type DatePickerProps } from './DatePicker';
+type RangeDatePickerProps = {
     startDateOptions: DatePickerProps;
     endDateOptions: DatePickerProps;
     validationOption?: {
@@ -21,5 +21,6 @@ export type RangeDatePickerProps = {
     }) => void;
     size?: 'xs' | 'sm';
 };
-export declare const RangeDatePicker: import("react").ForwardRefExoticComponent<RangeDatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=RangeDatePicker.d.ts.map
+declare const RangeDatePicker: import("react").ForwardRefExoticComponent<RangeDatePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+export { RangeDatePicker };
+export type { RangeDatePickerProps };

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

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from 'react';
 import { PERIOD_ITEM, type PeriodItemMap } from '../../constant/date-picker';
 import { type RangeDatePickerProps } from './RangeDatePicker';
-export type PeriodKeyType = keyof typeof PERIOD_ITEM;
+type PeriodKeyType = keyof typeof PERIOD_ITEM;
 type RangeDatePickerWithButtonsProps<T extends PeriodItemMap = typeof PERIOD_ITEM> = {
     useYesterdayAsEndDate?: boolean;
     currentButtonId: keyof T & string;
@@ -10,7 +10,7 @@ type RangeDatePickerWithButtonsProps<T extends PeriodItemMap = typeof PERIOD_ITE
     periodItems?: T;
     size?: 'xs' | 'sm';
 } & RangeDatePickerProps;
-export declare const RangeDatePickerWithButtons: <T extends PeriodItemMap = {
+declare const RangeDatePickerWithButtons: <T extends PeriodItemMap = {
     TODAY: {
         text: string;
         period: number;
@@ -67,5 +67,5 @@ export declare const RangeDatePickerWithButtons: <T extends PeriodItemMap = {
         unit: null;
     };
 }>({ useYesterdayAsEndDate, size, currentButtonId, setCurrentButtonId, startDateOptions, endDateOptions, validationOption, periodKeys, periodItems, onDateValidation, }: RangeDatePickerWithButtonsProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=RangeDatePickerWithButtons.d.ts.map
+export type { PeriodKeyType };
+export { RangeDatePickerWithButtons };

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

@@ -2,4 +2,3 @@ export * from './DatePicker';
 export * from './RangeDatePicker';
 export * from './RangeDatePickerWithButtons';
 export * from './utils';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 export declare function getToday(): Date;
 export declare function getDateFormat(date?: Date | string): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/components/divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type DividerType = 'text' | 'heading' | 'button' | 'button-group' | 'button-icon' | 'button-group-icon';
 export type DividerStyle = 'single-line' | 'background-fill';
 export interface DividerProps {
@@ -13,4 +13,3 @@ export interface DividerProps {
  * @returns {ReactNode}
  */
 export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Divider.d.ts.map

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

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

package/dist/types/src/components/dot/Dot.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
-import { ColorTone } from '../../../constant/color';
-import { Size } from '../../../constant/size';
-export type DotColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
-export type DotSize = Extract<Size, 'sm' | 'md' | 'lg'>;
-export interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+import { type HTMLAttributes } from 'react';
+import type { ColorTone } from '../../../constant/color';
+import type { Size } from '../../../constant/size';
+type DotColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled'>;
+type DotSize = Extract<Size, 'sm' | 'md' | 'lg'>;
+interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /**
      * The color of the dot
      * @default 'success'
@@ -19,5 +19,6 @@ export interface DotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>
      */
     className?: string;
 }
-export declare const Dot: import("react").ForwardRefExoticComponent<DotProps & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=Dot.d.ts.map
+declare const Dot: import("react").ForwardRefExoticComponent<DotProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type { DotColor, DotSize, DotProps };
+export { Dot };

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

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

package/dist/types/src/components/dropdown/Dropdown.d.ts

@@ -50,4 +50,3 @@ export type DropdownProps = {
     className?: string;
 };
 export declare const Dropdown: ({ trigger, align, header, groups, className, opened, closeOnClickItem, closeOnClickOutside, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Dropdown.d.ts.map

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

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

package/dist/types/src/components/empty-state/EmptyState.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../button/Button';
-export interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
+import { type ButtonProps } from '../button/Button';
+interface ButtonOptions extends Pick<ButtonProps, 'hierarchy' | 'size' | 'leadingIcon' | 'trailingIcon'> {
     label: string;
     onClick?: () => void;
     disabled?: boolean;
@@ -9,6 +9,6 @@ interface EmptyStateProps {
     description: string;
     buttons?: ButtonOptions | ButtonOptions[];
 }
-export declare const EmptyState: ({ title, description, buttons }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=EmptyState.d.ts.map
+declare const EmptyState: ({ title, description, buttons }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export type { ButtonOptions };
+export { EmptyState };

package/dist/types/src/components/empty-state/index.d.ts

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

package/dist/types/src/components/featured-icon/FeaturedIcon.d.ts

@@ -1,14 +1,15 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 import type { SlotIconComponent } from '../../types/side-slot';
-export type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
-export type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';
-export type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';
-export interface FeaturedIconProps extends Omit<ComponentPropsWithoutRef<'div'>, 'color'> {
+type FeaturedIconTheme = 'light-circle' | 'dark-circle' | 'outline-circle' | 'square-outline';
+type FeaturedIconColor = 'neutral' | 'error' | 'warning' | 'success';
+type FeaturedIconSize = 'sm' | 'md' | 'lg' | 'xl';
+interface FeaturedIconProps extends Omit<ComponentPropsWithoutRef<'div'>, 'color'> {
     icon: SlotIconComponent;
     theme?: FeaturedIconTheme;
     color?: FeaturedIconColor;
     size?: FeaturedIconSize;
     className?: string;
 }
-export declare const FeaturedIcon: import("react").ForwardRefExoticComponent<FeaturedIconProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=FeaturedIcon.d.ts.map
+declare const FeaturedIcon: import("react").ForwardRefExoticComponent<FeaturedIconProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { FeaturedIconTheme, FeaturedIconColor, FeaturedIconSize, FeaturedIconProps };
+export { FeaturedIcon };

package/dist/types/src/components/featured-icon/index.d.ts

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

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

@@ -59,4 +59,3 @@ export interface FileInputProps extends Omit<InputBaseProps, 'clearText' | 'onCl
     hintText?: string;
 }
 export declare const FileInput: import("react").ForwardRefExoticComponent<FileInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=FileInput.d.ts.map

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

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

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

@@ -68,4 +68,3 @@ export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' |
     showFileInput?: boolean;
 }
 export declare const ImageFileInput: import("react").ForwardRefExoticComponent<ImageFileInputProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=ImageFileInput.d.ts.map