@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/temp/src/utils/dropdown/dropdownUtils.js

@@ -1,25 +1,24 @@
 /**
  * 드롭다운 위치를 계산하는 유틸리티 함수
  */
-export var calculateDropdownPosition = function (_a) {
-    var triggerRef = _a.triggerRef, maxHeight = _a.maxHeight, itemCount = _a.itemCount, _b = _a.itemHeight, itemHeight = _b === void 0 ? 40 : _b, _c = _a.offset, offset = _c === void 0 ? 20 : _c;
-    if (!(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
-        return { direction: 'down', maxHeight: maxHeight };
+export const calculateDropdownPosition = ({ triggerRef, maxHeight, itemCount, itemHeight = 40, offset = 20, }) => {
+    if (!triggerRef?.current) {
+        return { direction: 'down', maxHeight };
     }
-    var rect = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current.getBoundingClientRect();
-    var viewportHeight = window.innerHeight;
-    var dropdownHeight = Math.min(maxHeight, itemCount * itemHeight);
+    const rect = triggerRef?.current.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const dropdownHeight = Math.min(maxHeight, itemCount * itemHeight);
     // 아래쪽 공간이 충분한지 확인
-    var spaceBelow = viewportHeight - rect.bottom;
+    const spaceBelow = viewportHeight - rect.bottom;
     if (spaceBelow < dropdownHeight + offset) {
-        return { direction: 'up', maxHeight: maxHeight };
+        return { direction: 'up', maxHeight };
     }
-    return { direction: 'down', maxHeight: maxHeight };
+    return { direction: 'down', maxHeight };
 };
 /**
  * 키보드 네비게이션을 위한 포커스 인덱스 계산
  */
-export var calculateNextFocusIndex = function (currentIndex, direction, validOptionsLength) {
+export const calculateNextFocusIndex = (currentIndex, direction, validOptionsLength) => {
     if (validOptionsLength === 0)
         return -1;
     if (direction === 'down') {
@@ -30,34 +29,34 @@ export var calculateNextFocusIndex = function (currentIndex, direction, validOpt
 /**
  * 드롭다운이 뷰포트를 벗어나지 않도록 위치 조정
  */
-export var adjustDropdownPosition = function (dropdownElement) {
-    var dropdownRect = dropdownElement.getBoundingClientRect();
-    var viewportWidth = window.innerWidth;
-    var viewportHeight = window.innerHeight;
+export const adjustDropdownPosition = (dropdownElement) => {
+    const dropdownRect = dropdownElement.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
     // 좌우 위치 조정
     if (dropdownRect.right > viewportWidth) {
-        var overflow = dropdownRect.right - viewportWidth;
-        dropdownElement.style.left = "".concat(-overflow - 10, "px");
+        const overflow = dropdownRect.right - viewportWidth;
+        dropdownElement.style.left = `${-overflow - 10}px`;
     }
     if (dropdownRect.left < 0) {
         dropdownElement.style.left = '10px';
     }
     // 상하 위치 조정 (이미 up/down 방향이 결정된 후 미세 조정)
     if (dropdownRect.bottom > viewportHeight) {
-        var overflow = dropdownRect.bottom - viewportHeight;
-        dropdownElement.style.maxHeight = "".concat(dropdownRect.height - overflow - 10, "px");
+        const overflow = dropdownRect.bottom - viewportHeight;
+        dropdownElement.style.maxHeight = `${dropdownRect.height - overflow - 10}px`;
     }
 };
 /**
  * 스크롤 가능한 부모 요소를 찾는 유틸리티 함수
  */
-export var findScrollableParent = function (element, boundary) {
-    var current = element;
+export const findScrollableParent = (element, boundary) => {
+    let current = element;
     while (current && current !== boundary && current !== document.body) {
-        var style = window.getComputedStyle(current);
-        var overflowY = style.overflowY;
+        const style = window.getComputedStyle(current);
+        const overflowY = style.overflowY;
         if (overflowY === 'scroll' || overflowY === 'auto') {
-            var scrollHeight = current.scrollHeight, clientHeight = current.clientHeight;
+            const { scrollHeight, clientHeight } = current;
             if (scrollHeight > clientHeight) {
                 return current;
             }
@@ -66,10 +65,10 @@ export var findScrollableParent = function (element, boundary) {
     }
     // boundary 자체가 스크롤 가능한지 확인
     if (current === boundary) {
-        var style = window.getComputedStyle(boundary);
-        var overflowY = style.overflowY;
+        const style = window.getComputedStyle(boundary);
+        const overflowY = style.overflowY;
         if (overflowY === 'scroll' || overflowY === 'auto') {
-            var scrollHeight = boundary.scrollHeight, clientHeight = boundary.clientHeight;
+            const { scrollHeight, clientHeight } = boundary;
             if (scrollHeight > clientHeight) {
                 return boundary;
             }

package/dist/temp/src/utils/dropdown/multiSelect.js

@@ -1,68 +1,66 @@
 /**
  * 전체 선택 상태를 확인하는 유틸 함수
  */
-export var isAllItemsSelected = function (selectedValues, options) {
+export const isAllItemsSelected = (selectedValues, options) => {
     if (options.length === 0)
         return false;
-    var validOptionIds = options.filter(function (option) { return !option.disabled; }).map(function (option) { return option.id; });
-    return validOptionIds.length > 0 && validOptionIds.every(function (id) { return selectedValues.includes(id); });
+    const validOptionIds = options.filter((option) => !option.disabled).map((option) => option.id);
+    return validOptionIds.length > 0 && validOptionIds.every((id) => selectedValues.includes(id));
 };
 /**
  * 전체 선택 버튼 텍스트를 반환하는 유틸 함수
  */
-export var getSelectAllButtonText = function (selectedValues, options, selectText, deselectText) {
-    if (selectText === void 0) { selectText = '전체 선택'; }
-    if (deselectText === void 0) { deselectText = '전체 해제'; }
+export const getSelectAllButtonText = (selectedValues, options, selectText = '전체 선택', deselectText = '전체 해제') => {
     return isAllItemsSelected(selectedValues, options) ? deselectText : selectText;
 };
 /**
  * 전체 선택/해제를 처리하는 유틸 함수
  */
-export var handleSelectAllItems = function (selectedValues, options) {
+export const handleSelectAllItems = (selectedValues, options) => {
     if (isAllItemsSelected(selectedValues, options)) {
         // 전체 해제: 빈 배열 반환
         return [];
     }
     // 전체 선택: 비활성화되지 않은 모든 옵션 ID 반환
-    return options.filter(function (option) { return !option.disabled; }).map(function (option) { return option.id; });
+    return options.filter((option) => !option.disabled).map((option) => option.id);
 };
 /**
  * 선택된 항목들을 태그 데이터로 변환하는 유틸 함수
  */
-export var getSelectedTags = function (selectedValues, options) {
+export const getSelectedTags = (selectedValues, options) => {
     return selectedValues
-        .map(function (value) {
-        var option = options.find(function (opt) { return opt.id === value; });
+        .map((value) => {
+        const option = options.find((opt) => opt.id === value);
         return option ? { id: option.id, label: option.label || String(option.id) } : null;
     })
-        .filter(function (tag) { return tag !== null; });
+        .filter((tag) => tag !== null);
 };
 /**
  * 태그 제거 시 선택값에서 해당 ID를 제거하는 유틸 함수
  */
-export var removeTagFromSelected = function (selectedValues, tagIdToRemove) {
-    return selectedValues.filter(function (id) { return id !== tagIdToRemove; });
+export const removeTagFromSelected = (selectedValues, tagIdToRemove) => {
+    return selectedValues.filter((id) => id !== tagIdToRemove);
 };
 /**
  * 전체 선택 관련 로직을 한 번에 처리하는 커스텀 훅
  */
-export var useMultiSelect = function (selectedValues, options, selectText, deselectText) {
-    var isAllSelected = isAllItemsSelected(selectedValues, options);
-    var buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
-    var toggleSelectAll = function () {
+export const useMultiSelect = (selectedValues, options, selectText, deselectText) => {
+    const isAllSelected = isAllItemsSelected(selectedValues, options);
+    const buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
+    const toggleSelectAll = () => {
         return handleSelectAllItems(selectedValues, options);
     };
-    var getSelectedTagsData = function () {
+    const getSelectedTagsData = () => {
         return getSelectedTags(selectedValues, options);
     };
-    var removeTag = function (tagId) {
+    const removeTag = (tagId) => {
         return removeTagFromSelected(selectedValues, tagId);
     };
     return {
-        isAllSelected: isAllSelected,
-        buttonText: buttonText,
-        toggleSelectAll: toggleSelectAll,
-        getSelectedTagsData: getSelectedTagsData,
-        removeTag: removeTag,
+        isAllSelected,
+        buttonText,
+        toggleSelectAll,
+        getSelectedTagsData,
+        removeTag,
     };
 };

package/dist/types/assets/scripts/index.d.ts

@@ -9,6 +9,7 @@ import { ProgressBar } from './progress-bar';
 import { SelectBox } from './selectBox';
 import { Slider } from './slider';
 import { Tab } from './tab';
+import { Table } from './table';
 import { Tag } from './tag';
 import { Tooltip } from './tooltip';
 declare global {
@@ -16,6 +17,7 @@ declare global {
         ncua: {
             Slider?: typeof Slider;
             Tab?: typeof Tab;
+            Table?: typeof Table;
             Tag?: typeof Tag;
             DatePicker?: typeof DatePicker;
             FeaturedIcon?: typeof FeaturedIcon;

package/dist/types/assets/scripts/table/Table.d.ts

@@ -0,0 +1,41 @@
+import type { TableOptions } from './const/types';
+export declare class Table {
+    private element;
+    private tableElement;
+    private theadElement;
+    private tbodyElement;
+    private options;
+    private sortState;
+    private selectedIndices;
+    private abortController;
+    constructor(options: TableOptions);
+    private createElement;
+    private createOuterElement;
+    private createTableElement;
+    private wrapWithScrollContainer;
+    private updateOuterClasses;
+    private createColGroup;
+    private createHeader;
+    private createHeaderCheckboxCell;
+    private createHeaderDataCell;
+    private renderBody;
+    private renderEmptyState;
+    private renderHorizontalBody;
+    private createRowCheckboxCell;
+    private createHorizontalRow;
+    private renderVerticalBody;
+    private createVerticalRow;
+    private createVerticalValueCell;
+    private handleSort;
+    private getNextSortDirection;
+    private updateSortIcons;
+    private getAriaSortValue;
+    private handleSelectAll;
+    private handleRowSelect;
+    private updateRowSelectionStyles;
+    private updateHeaderCheckbox;
+    getElement(): HTMLDivElement;
+    setData(data: Record<string, unknown>[]): void;
+    getSelectedIndices(): number[];
+    destroy(): void;
+}

package/dist/types/assets/scripts/table/const/classNames.d.ts

@@ -0,0 +1,27 @@
+export declare const TABLE_CLASS_NAMES: {
+    readonly table: "ncua-table";
+    readonly horizontal: "ncua-table--horizontal";
+    readonly vertical: "ncua-table--vertical";
+    readonly hoverable: "ncua-table--hoverable";
+    readonly fixedHeader: "ncua-table--fixed-header";
+    readonly scrollContainer: "ncua-table__scroll-container";
+    readonly tableElement: "ncua-table__table";
+    readonly header: "ncua-table__header";
+    readonly headerCell: "ncua-table__header-cell";
+    readonly headerCellSortable: "ncua-table__header-cell--sortable";
+    readonly sortIcon: "ncua-table__sort-icon";
+    readonly body: "ncua-table__body";
+    readonly row: "ncua-table__row";
+    readonly rowSelected: "ncua-table__row--selected";
+    readonly rowWarning: "ncua-table__row--warning";
+    readonly rowError: "ncua-table__row--error";
+    readonly cell: "ncua-table__cell";
+    readonly checkboxCell: "ncua-table__checkbox-cell";
+    readonly checkboxCellHeader: "ncua-table__checkbox-cell--header";
+    readonly checkboxCellBody: "ncua-table__checkbox-cell--body";
+    readonly footer: "ncua-table__footer";
+    readonly footerRow: "ncua-table__footer-row";
+    readonly pagination: "ncua-table__pagination";
+    readonly empty: "ncua-table__empty";
+    readonly required: "ncua-table__required";
+};

package/dist/types/assets/scripts/table/const/index.d.ts

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

package/dist/types/assets/scripts/table/const/types.d.ts

@@ -0,0 +1,23 @@
+export type TableType = 'horizontal' | 'vertical';
+export type SortDirection = 'asc' | 'desc' | 'none';
+export type RowStatus = 'warning' | 'error';
+export type TableColumn = {
+    key: string;
+    label: string;
+    width?: string;
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: Record<string, unknown>, rowIndex: number) => HTMLElement | string;
+};
+export type TableOptions = {
+    type?: TableType;
+    columns?: TableColumn[];
+    data?: Record<string, unknown>[];
+    hoverable?: boolean;
+    selectable?: boolean;
+    fixedHeader?: boolean;
+    maxHeight?: string;
+    emptyText?: string;
+    onSort?: (key: string, direction: SortDirection) => void;
+    onSelect?: (selectedIndices: number[]) => void;
+};

package/dist/types/assets/scripts/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './const/classNames';
+export * from './const/types';
+export { Table } from './Table';

package/dist/types/assets/scripts/tooltip/const/constants.d.ts

@@ -1,4 +1,4 @@
-import { TooltipOptions } from './types';
+import type { TooltipOptions } from './types';
 export declare const MARGIN = 10;
 export declare const DEFAULT_TOOLTIP_WIDTH = 200;
 export declare const DEFAULT_TOOLTIP_HEIGHT = 60;

package/dist/types/index.d.ts

@@ -1,29 +1,2 @@
-export * from './src/components/badge';
-export * from './src/components/breadcrumb';
-export * from './src/components/button';
-export * from './src/components/carousel';
-export * from './src/components/checkbox';
-export * from './src/components/date-picker';
-export * from './src/components/divider';
-export * from './src/components/dropdown';
-export * from './src/components/empty-state';
-export * from './src/components/featured-icon';
-export * from './src/components/input';
-export * from './src/components/modal';
-export * from './src/components/notification';
-export * from './src/components/pagination';
-export * from './src/components/progress-bar';
-export * from './src/components/progress-circle';
-export * from './src/components/radio';
-export * from './src/components/select';
-export * from './src/components/shared/hintText';
-export * from './src/components/shared/label';
-export * from './src/components/shared';
-export * from './src/components/slider';
-export * from './src/components/spinner';
-export * from './src/components/tab';
-export * from './src/components/tag';
-export * from './src/components/toggle';
-export * from './src/components/tooltip';
 export * from './src/components';
 export * from './src/hooks';

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

@@ -1,2 +1 @@
 export * from './Badge';
-export * from './BadgeGroup';

package/dist/{temp/src/components/badge → types/src/components/badge-group}/BadgeGroup.d.ts

@@ -1,7 +1,7 @@
 import type { ColorTone } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-import { type BadgeProps } from '.';
+import { type BadgeProps } from '../badge';
 type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
 type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
 type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {

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

@@ -0,0 +1 @@
+export * from './BadgeGroup';

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

@@ -1,4 +1,3 @@
 export * from './Button';
 export * from './ButtonCloseX';
-export * from './ButtonGroup';
 export * from './ButtonStepper';

package/dist/{temp/src/components/button → types/src/components/button-group}/ButtonGroup.d.ts

@@ -22,11 +22,12 @@ interface ButtonGroupProps {
     size?: ButtonGroupSize;
     children: React.ReactNode;
     hasBorder?: boolean;
+    fullWidth?: boolean;
     onlyIcon?: boolean;
     disabled?: boolean;
 }
 declare const ButtonGroup: {
-    ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, hasBorder, fullWidth, 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;
         key?: React.Key | null | undefined;
@@ -50,7 +51,7 @@ declare const ButtonGroup: {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
@@ -85,7 +86,7 @@ declare const ButtonGroup: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
@@ -106,7 +107,7 @@ declare const ButtonGroup: {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;

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

@@ -0,0 +1 @@
+export * from './ButtonGroup';

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

@@ -0,0 +1 @@
+export * from './CarouselArrow';

package/dist/{temp/src/components/carousel → types/src/components/carousel-number-group}/index.d.ts

@@ -1,2 +1 @@
-export * from './CarouselArrow';
 export * from './CarouselNumberGroup';

package/dist/types/src/components/data-grid/DataGrid.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import type { DataGridActionBarProps, DataGridFilterBarProps, DataGridPaginationProps, DataGridSearchFilterProps, DataGridSummaryProps, DataGridTableProps } from './DataGrid.types';
+export declare const DataGrid: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    variant?: import("./DataGrid.types").DataGridVariant | undefined;
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    SearchFilter: {
+        ({ children, className, ...rest }: DataGridSearchFilterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Summary: {
+        ({ children, className, ...rest }: DataGridSummaryProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FilterBar: {
+        ({ children, className, ...rest }: DataGridFilterBarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ActionBar: {
+        ({ children, className, position, align, ...rest }: DataGridActionBarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Table: import("react").ForwardRefExoticComponent<DataGridTableProps & import("react").RefAttributes<HTMLDivElement>>;
+    Pagination: {
+        ({ children, className, ...rest }: DataGridPaginationProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/types/src/components/data-grid/DataGrid.types.d.ts

@@ -0,0 +1,35 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { TableType } from '../table';
+export type DataGridVariant = 'search-result' | 'horizontal';
+export type ActionBarPosition = 'top' | 'bottom';
+export type ActionBarAlign = 'left' | 'right' | 'space-between';
+export type DataGridProps = Omit<ComponentProps<'div'>, 'ref'> & {
+    variant?: DataGridVariant;
+    children: ReactNode;
+};
+export type DataGridSearchFilterProps = ComponentProps<'div'> & {
+    children: ReactNode;
+};
+export type DataGridSummaryProps = ComponentProps<'div'> & {
+    children: ReactNode;
+};
+export type DataGridFilterBarProps = ComponentProps<'div'> & {
+    children: ReactNode;
+};
+export type DataGridActionBarProps = Omit<ComponentProps<'div'>, 'ref'> & {
+    children: ReactNode;
+    position?: ActionBarPosition;
+    align?: ActionBarAlign;
+};
+export type DataGridTableProps = {
+    children: ReactNode;
+    className?: string;
+    type?: TableType;
+    fixedHeader?: boolean;
+    maxHeight?: string | number;
+    hoverable?: boolean;
+    selectable?: boolean;
+};
+export type DataGridPaginationProps = ComponentProps<'div'> & {
+    children: ReactNode;
+};

package/dist/types/src/components/data-grid/index.d.ts

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

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

@@ -1,7 +1,7 @@
-import type { Options } from 'flatpickr/dist/types/options';
+import type { DateOption, Options } from 'flatpickr/dist/types/options';
 import { type DateTimePickerHandle, type DateTimePickerProps } from 'react-flatpickr';
 import type { Size } from '../../../constant/size';
-type DatePickerProps = {
+export type DatePickerProps = {
     size?: Extract<Size, 'xs' | 'sm'>;
     shouldFocus?: boolean;
     currentDate: string;
@@ -10,15 +10,19 @@ type DatePickerProps = {
     placeholder?: string;
     isEndDate?: boolean;
     className?: string;
+    /**
+     * 캘린더를 body에 포탈 마운트합니다.
+     * overflow: auto/scroll/hidden이 적용된 스크롤 컨테이너 안에서
+     * 캘린더가 잘리는 문제를 해결합니다.
+     */
+    portal?: boolean;
     onChangeDate: (date: string) => void;
     onValidationError?: (error: {
         date: Date;
-        minDate?: any;
-        maxDate?: any;
+        minDate?: DateOption;
+        maxDate?: DateOption;
         violations: Array<'minDate' | 'maxDate'>;
         previousDate?: Date;
     }) => void;
 } & Omit<DateTimePickerProps, 'size' | 'options' | 'value'>;
-declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;
-export { DatePicker };
-export type { DatePickerProps };
+export declare const DatePicker: import("react").ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & import("react").RefAttributes<DateTimePickerHandle>>;

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

@@ -1,4 +1,2 @@
 export * from './DatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDatePickerWithButtons';
 export * from './utils';

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

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

package/dist/{temp/src/components/tab → types/src/components/horizontal-tab}/HorizontalTab.d.ts

@@ -1,4 +1,4 @@
-import { type TabButtonProps, type TabSize, type TabType } from './TabButton';
+import { type TabButtonProps, type TabSize, type TabType } from '../tab/TabButton';
 type HorizontalTabProps = {
     type?: Exclude<TabType, 'line-vertical'>;
     size?: TabSize;

package/dist/types/src/components/horizontal-tab/index.d.ts

@@ -0,0 +1 @@
+export * from './HorizontalTab';

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

@@ -1,5 +1,5 @@
 import { type InvalidFile } from '../file-input/FileInput';
-import type { InputBaseProps } from '../input/InputBase';
+import type { InputBaseProps } from '../input-base/InputBase';
 export interface ImageFileInputProps extends Omit<InputBaseProps, 'clearText' | 'onClearText' | 'hintText' | 'value' | 'onChange'> {
     /**
      * Accepted file types

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

@@ -1,10 +1,14 @@
 export type { SideSlotType, SlotIconComponent } from '../types';
 export * from './badge';
-export * from './breadcrumb';
+export * from './badge-group';
+export * from './bread-crumb';
 export * from './button';
-export * from './carousel';
+export * from './button-group';
+export * from './carousel-arrow';
+export * from './carousel-number-group';
 export * from './checkbox';
-export * from './combobox';
+export * from './combo-box';
+export * from './data-grid';
 export * from './date-picker';
 export * from './divider';
 export * from './dot';
@@ -12,22 +16,30 @@ export * from './dropdown';
 export * from './empty-state';
 export * from './featured-icon';
 export * from './file-input';
+export * from './horizontal-tab';
 export * from './image-file-input';
-export * from './input';
+export * from './input-base';
 export * from './modal';
 export * from './notification';
+export * from './number-input';
 export * from './pagination';
+export * from './password-input';
 export * from './progress-bar';
 export * from './progress-circle';
 export * from './radio';
+export * from './range-date-picker';
+export * from './range-date-picker-with-buttons';
 export * from './select';
+export * from './select-box';
 export * from './select-dropdown';
-export * from './selectbox';
 export * from './shared';
 export * from './slider';
 export * from './spinner';
 export * from './switch';
 export * from './tab';
+export * from './table';
 export * from './tag';
+export * from './textarea';
 export * from './toggle';
 export * from './tooltip';
+export * from './vertical-tab';

package/dist/types/src/components/{input → input-base}/InputBase.d.ts

@@ -32,6 +32,7 @@ interface InputBaseCommonProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     hintText?: string;
     size?: Extract<Size, 'xs' | 'sm'>;
     disabled?: boolean;
+    fullWidth?: boolean;
     validation?: boolean;
     destructive?: boolean;
     leadingElement?: InputLeadingSlotType;

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

@@ -0,0 +1 @@
+export * from './InputBase';

package/dist/{temp/src/components/input → types/src/components/number-input}/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import { type InputBaseProps } from './InputBase';
+import { type InputBaseProps } from '../input-base/InputBase';
 type NumberInputProps = InputBaseProps & {
     minValue?: number;
     maxValue?: number;

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

@@ -0,0 +1 @@
+export * from './NumberInput';