fone-design-system_v2 1.0.1

package/dist/components/ui/Table/Table.d.ts

@@ -0,0 +1,103 @@
+import { default as React } from 'react';
+import { ColumnDef, ColumnFiltersState, ColumnSizingState, OnChangeFn, PaginationState, RowSelectionState, Updater } from '@tanstack/react-table';
+export interface TableProps<T extends object> {
+    /** 테이블 데이터 */
+    data: T[];
+    /** 테이블 컬럼 정의 */
+    columns: ColumnDef<T, unknown>[];
+    /** 셀 변경 핸들러 */
+    onChangeCell?: (rowIndex: number, columnId: keyof T, value: string) => void;
+    /** 체크박스 활성화 여부 */
+    checkbox?: boolean;
+    /** 체크박스 크기 */
+    checkboxSize?: "small" | "medium" | "large";
+    /** 체크박스 색상 */
+    checkboxColor?: string;
+    /** 체크박스 선택 데이터 */
+    setCheckedDatas?: (data: T[]) => void;
+    /** 정렬 on/off */
+    sorting?: boolean;
+    /** 페이지네이션 옵션
+     *
+     * pageIndex: 페이지 인덱스
+     * pageSize: 페이지 크기
+     *
+     * ex) {pageIndex: number, pageSize: number}
+     */
+    pagination?: PaginationState & {
+        total: number;
+    };
+    /** 페이지네이션 변경 핸들러 */
+    onPaginationChange?: (updater: Updater<PaginationState> & {
+        total: number;
+    }) => void;
+    /** 필터 상태 */
+    columnFilters?: ColumnFiltersState;
+    /** 필터 변경 핸들러 */
+    onColumnFiltersChange?: (filter: ColumnFiltersState) => void;
+    /** 로딩 상태 */
+    isLoading?: boolean;
+    /** 초기 로딩 상태 */
+    isInitialLoading?: boolean;
+    /** 테이블 클래스명 */
+    className?: string;
+    /** 행 갯수 */
+    rowHeight?: number;
+    /** 컬럼 리사이즈 활성화 여부 */
+    resize?: boolean;
+    /** 컬럼 리사이즈 변경 핸들러 */
+    onColumnSizingChange?: OnChangeFn<ColumnSizingState>;
+    /** 행 선택 변경 핸들러 */
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    /** 테이블 제목 */
+    title?: string;
+    /** 스크롤 핸들러 */
+    onScroll?: () => void;
+    /** pagination 모드 */
+    mode?: "infinite" | "pagination";
+    /** 선택 옵션 (type이 select일 때만 사용) */
+    selectOptions?: {
+        [key in keyof T]?: {
+            value: string;
+            label: string;
+        }[];
+    };
+    /** 모달 열림 핸들러 */
+    onModalOpen?: (params: {
+        rowIndex: number;
+        columnId: keyof T;
+        value: any;
+        onClose: () => void;
+        onChange: (value: any) => void;
+    }) => void;
+    /** 행 클릭 핸들러 */
+    onRowClick?: (rowValue: T) => void;
+    /** 저장 핸들러 */
+    onSave?: (rowValue: T[]) => void;
+    /** 삭제 핸들러 */
+    onDelete?: (rowValue: T[]) => void;
+    /** 추가 핸들러 */
+    addRow?: () => void;
+    /** 추가 버튼 */
+    addButton?: {
+        title: string;
+        onClick?: () => void;
+    }[];
+    /** 행 참조 */
+    rowRefs?: React.RefObject<HTMLTableRowElement[]>;
+}
+/**
+ * Tanstack Table을 사용한 공용 테이블 컴포넌트
+ *
+ * `columns`와 `data`를 넣어 테이블을 만들 수 있습니다.
+ *
+ * `columns`의 `header`는 테이블의 열 이름입니다.
+ *
+ * `data`의 키 값과 `columns`의 `accessorKey` 값이 같아야 해당 데이터가 표시됩니다.
+ *
+ * `data`의 각 요소는 `columns`의 각 요소와 매칭됩니다.
+ */
+export declare function Table<T extends object>({ data, columns, checkbox, checkboxSize, checkboxColor, sorting, setCheckedDatas, mode, pagination, onPaginationChange, isLoading, isInitialLoading, onScroll, className, resize, onColumnSizingChange, title, rowHeight, onRowClick, onSave, addButton, addRow, onDelete, rowRefs, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Table {
+    var displayName: string;
+}

package/dist/components/ui/Table/index.d.ts

@@ -0,0 +1,2 @@
+import { Table, TableProps } from './Table';
+export { Table, TableProps };

package/dist/components/ui/Table2/AddButton.d.ts

@@ -0,0 +1,15 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T> {
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    table: ReactTable<T>;
+    isPlusButton: boolean;
+    onAddFn?: () => void;
+    isAddRowActive?: boolean;
+    clickedRowIndex: number;
+    setClickedRowIndex: React.Dispatch<React.SetStateAction<number>>;
+    radio: boolean;
+    scrollAreaRef: React.RefObject<HTMLDivElement | null>;
+}
+declare const AddButton: <T>({ setTableData, setRowSelection, table, isPlusButton, onAddFn, isAddRowActive, clickedRowIndex, setClickedRowIndex, radio, scrollAreaRef, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default AddButton;

package/dist/components/ui/Table2/Box.d.ts

@@ -0,0 +1 @@
+export default function Box(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Table2/Buttons.d.ts

@@ -0,0 +1,23 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T> {
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    onRemoveRow?: () => void;
+    rowSelection: Record<string, boolean>;
+    tableData: T[];
+    onDelete?: (checkedRows: T[]) => void;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    table: ReactTable<T>;
+    onSave?: (checkedRows: T[], allRows: T[]) => void;
+    buttons: React.ReactNode;
+    isPlusButton: boolean;
+    onAddFn?: () => void;
+    isAddRowActive?: boolean;
+    clickedRowIndex: number;
+    setClickedRowIndex: React.Dispatch<React.SetStateAction<number>>;
+    onDelFn?: () => void;
+    deleteAllData?: boolean;
+    radio: boolean;
+    scrollAreaRef: React.RefObject<HTMLDivElement | null>;
+}
+declare const Buttons: <T>({ setTableData, rowSelection, tableData, onDelete, setRowSelection, table, onSave, buttons, isPlusButton, onAddFn, isAddRowActive, clickedRowIndex, setClickedRowIndex, onDelFn, deleteAllData, radio, scrollAreaRef, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default Buttons;

package/dist/components/ui/Table2/CelButton.d.ts

@@ -0,0 +1,12 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object> {
+    cell: TableCell<T, unknown>;
+    align?: "start" | "center" | "right";
+    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        columnId: string;
+        isActive: boolean;
+    }>>;
+}
+declare const CelButton: <T extends object>({ align, cell, setCurrentEditingCell, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CelButton;

package/dist/components/ui/Table2/Cell.d.ts

@@ -0,0 +1,23 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    cell: TableCell<T, unknown>;
+    idx: number;
+    isHover: boolean;
+    isClicked: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        columnId: string;
+        isActive: boolean;
+    }>>;
+    radio: boolean;
+    rowSelection: Record<string, boolean>;
+    pagination?: {
+        page: number;
+        size: number;
+    };
+    isScrollHighlighted: boolean;
+}
+declare const Cell: <T extends object>({ cell, idx, isHover, isClicked, setTableData, setRowSelection, setCurrentEditingCell, radio, rowSelection, pagination, isScrollHighlighted, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default Cell;

package/dist/components/ui/Table2/CellCheckbox.d.ts

@@ -0,0 +1,12 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    align?: "start" | "center" | "end" | "right";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    radio: boolean;
+}
+declare const CellCheckbox: <T extends object>({ cell, setTableData, setRowSelection, radio, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellCheckbox;

package/dist/components/ui/Table2/CellCheckboxN.d.ts

@@ -0,0 +1,6 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    cell: TableCell<T, unknown>;
+}
+declare const CellCheckboxN: <T extends object>({ cell }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellCheckboxN;

package/dist/components/ui/Table2/CellCustom.d.ts

@@ -0,0 +1,7 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    cell: TableCell<T, unknown>;
+}
+declare const CellCustom: <T extends object>({ cell }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellCustom;

package/dist/components/ui/Table2/CellDate.d.ts

@@ -0,0 +1,8 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object> {
+    cell: TableCell<T, unknown>;
+    align?: "start" | "center" | "end" | "right";
+    id: string;
+}
+declare const CellDate: <T extends object>({ id, align, cell }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellDate;

package/dist/components/ui/Table2/CellDatePicker.d.ts

@@ -0,0 +1,13 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    isSelected: boolean;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    isClicked: boolean;
+    radio: boolean;
+}
+declare const CellDatePicker: <T extends object>({ cell, isHover, setTableData, isSelected, setRowSelection, isClicked, radio, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellDatePicker;

package/dist/components/ui/Table2/CellFrontCheckbox.d.ts

@@ -0,0 +1,10 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object> {
+    cell: TableCell<T, unknown>;
+    align?: "start" | "center" | "end" | "right";
+    radio: boolean;
+    rowSelection: Record<string, boolean>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+}
+declare const CellFrontCheckbox: <T extends object>({ align, cell, radio, rowSelection, setRowSelection, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default CellFrontCheckbox;

package/dist/components/ui/Table2/CellInput.d.ts

@@ -0,0 +1,14 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    align?: "start" | "center" | "right" | "end";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    isClicked: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    radio: boolean;
+    type: string;
+}
+declare const CellInput: <T extends object>({ align, cell, isHover, isClicked, setTableData, setRowSelection, radio, type, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellInput;

package/dist/components/ui/Table2/CellModal.d.ts

@@ -0,0 +1,17 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    align?: "start" | "center" | "end" | "right";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    isSelected?: boolean;
+    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        columnId: string;
+        isActive: boolean;
+    }>>;
+    radio: boolean;
+}
+declare const CellModal: <T extends object>({ align, cell, isHover, setTableData, setRowSelection, setCurrentEditingCell, radio, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellModal;

package/dist/components/ui/Table2/CellSelect.d.ts

@@ -0,0 +1,15 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    align?: "start" | "center" | "end" | "right";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    isSelected?: boolean;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    isClicked: boolean;
+    radio: boolean;
+    isScrollHighlighted: boolean;
+}
+declare const CellSelect: <T extends object>({ align, cell, isHover, setTableData, isSelected, isClicked, setRowSelection, radio, isScrollHighlighted, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellSelect;

package/dist/components/ui/Table2/CellText.d.ts

@@ -0,0 +1,10 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    align?: "start" | "center" | "end" | "right";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    isClicked: boolean;
+}
+declare const CellText: <T extends object>({ align, cell, isHover, isClicked, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellText;

package/dist/components/ui/Table2/CellTextarea.d.ts

@@ -0,0 +1,13 @@
+import { Cell as TableCell } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    id: string;
+    align?: "start" | "center" | "right" | "end";
+    cell: TableCell<T, unknown>;
+    isHover: boolean;
+    isClicked: boolean;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    radio: boolean;
+}
+declare const CellTextarea: <T extends object>({ align, cell, isHover, isClicked, setTableData, setRowSelection, radio, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CellTextarea;

package/dist/components/ui/Table2/Header.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    table: ReactTable<T>;
+    headerGroupsLength: number;
+}
+declare const Header: React.ForwardRefExoticComponent<Props<any> & React.RefAttributes<HTMLDivElement>>;
+export default Header;

package/dist/components/ui/Table2/HeaderItem.d.ts

@@ -0,0 +1,8 @@
+import { Header } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    header: Header<T, unknown>;
+    idx: number;
+    headerGroupsLength: number;
+}
+declare const HeaderItem: <T extends object>({ header, idx, headerGroupsLength, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default HeaderItem;

package/dist/components/ui/Table2/Pagination.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface PaginationProps {
+    page: number;
+    totalPages: number;
+    totalElements: number;
+    size: number;
+    onPageChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

package/dist/components/ui/Table2/RemoveButton.d.ts

@@ -0,0 +1,15 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T> {
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    rowSelection: Record<string, boolean>;
+    tableData: T[];
+    onDelete?: (checkedRows: T[]) => void;
+    table: ReactTable<T>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    setIsWarning: React.Dispatch<React.SetStateAction<boolean>>;
+    setWarningText: React.Dispatch<React.SetStateAction<string>>;
+    onDelFn?: () => void;
+    deleteAllData?: boolean;
+}
+declare const RemoveButton: <T>({ rowSelection, table, tableData, setTableData, onDelete, setRowSelection, setIsWarning, setWarningText, onDelFn, deleteAllData, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default RemoveButton;

package/dist/components/ui/Table2/Row.d.ts

@@ -0,0 +1,24 @@
+import { Row as tableRow } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    row: tableRow<T>;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    onRowClick?: (row: T, rowIndex: number) => void;
+    onRowDoubleClick?: (row: T, rowIndex: number) => void;
+    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        columnId: string;
+        isActive: boolean;
+    }>>;
+    isScrollHighlighted?: boolean;
+    isClicked?: boolean;
+    radio: boolean;
+    rowSelection: Record<string, boolean>;
+    isClickedCheckbox: boolean;
+    pagination?: {
+        page: number;
+        size: number;
+    };
+}
+declare const Row: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
+export default Row;

package/dist/components/ui/Table2/Rows.d.ts

@@ -0,0 +1,25 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T extends object = any> {
+    table: ReactTable<T>;
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    isLoading: boolean;
+    onRowClick?: (row: T, rowIndex: number) => void;
+    onRowDoubleClick?: (row: T, rowIndex: number) => void;
+    scrollTo?: number;
+    clickedRowIndex: number;
+    setCurrentEditingCell: React.Dispatch<React.SetStateAction<{
+        rowIndex: number;
+        columnId: string;
+        isActive: boolean;
+    }>>;
+    radio: boolean;
+    rowSelection: Record<string, boolean>;
+    isClickedCheckbox: boolean;
+    pagination?: {
+        page: number;
+        size: number;
+    };
+}
+declare const Rows: import('react').ForwardRefExoticComponent<Props<any> & import('react').RefAttributes<HTMLDivElement>>;
+export default Rows;

package/dist/components/ui/Table2/SaveButton.d.ts

@@ -0,0 +1,11 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T> {
+    onSave?: (checkedRows: T[], allRows: T[]) => void;
+    rowSelection: Record<string, boolean>;
+    table: ReactTable<T>;
+    setIsWarning: React.Dispatch<React.SetStateAction<boolean>>;
+    setWarningText: React.Dispatch<React.SetStateAction<string>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+}
+declare const SaveButton: <T>({ rowSelection, onSave, table, setIsWarning, setWarningText, setRowSelection, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default SaveButton;

package/dist/components/ui/Table2/Table2.d.ts

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+import { ColumnDef as TanstackColumnDef } from '@tanstack/react-table';
+export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
+    width?: string;
+    align?: "start" | "center" | "right";
+    editable?: boolean;
+    type?: "input" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "text" | "date" | ((row: T) => "input" | "select" | "checkbox" | "checkboxN" | "datePicker" | "modal" | "button" | "custom" | "text" | "date") | string;
+    selectItems?: {
+        value: string | number;
+        label: string;
+    }[];
+    required?: boolean;
+    modalFn?: ((row: T) => void) | (() => void);
+    setSort?: React.Dispatch<React.SetStateAction<string[]>>;
+    button?: React.ReactNode | ((row: T) => React.ReactNode);
+    ellipsis?: boolean;
+    onCellChange?: (row: T) => void;
+    role?: "group";
+    select?: boolean;
+    all?: boolean;
+    tags?: (row: T) => React.ReactNode[];
+    disabled?: (row: T) => boolean | boolean;
+    uniqueCheck?: (rows: T[], currentRow: T) => boolean;
+    isOnly?: boolean;
+    maxLength?: number;
+    numRange?: number[];
+    component?: (row: T) => React.ReactNode;
+};
+export interface Table2Props<T extends object> {
+    data: T[] | undefined;
+    columns: ColumnDef<T>[];
+    No?: boolean;
+    checkbox?: boolean;
+    radio?: boolean;
+    onChecked?: (checkedRows: T[]) => void;
+    onDelete?: (checkedRows: T[]) => void;
+    onSave?: (checkedRows: T[], allRows: T[]) => void;
+    onRowClick?: (row: T, rowIndex: number) => void;
+    onRowDoubleClick?: (row: T, rowIndex: number) => void;
+    title?: string;
+    isTotal?: boolean;
+    deleteAllData?: boolean;
+    buttons?: React.ReactNode;
+    isLoading?: boolean;
+    isPlusButton?: boolean;
+    scrollTo?: number;
+    modalData?: {
+        [key: string]: any;
+    } | string;
+    onAddFn?: () => void;
+    pagination?: {
+        page: number;
+        size: number;
+        totalElements: number;
+        totalPages: number;
+        onPageChange: (page: number) => void;
+    };
+    isAddRowActive?: boolean;
+    onModalApplied?: () => void;
+    rowClickTriggerIdx?: number;
+    onDelFn?: () => void;
+    isClickedCheckbox?: boolean;
+    onTableDataChange?: (data: T[]) => void;
+    checkboxCheckedIdx?: number;
+    selectedItems?: any[];
+    setSelectedItems?: React.Dispatch<React.SetStateAction<any[]>>;
+}
+declare const Table2: <T extends object>({ data, columns, checkbox, radio, onChecked, onDelete, deleteAllData, onSave, onRowClick, onRowDoubleClick, title, isTotal, buttons, isLoading, isPlusButton, scrollTo, modalData, onAddFn, pagination, isAddRowActive, onModalApplied, rowClickTriggerIdx, onDelFn, isClickedCheckbox, onTableDataChange, checkboxCheckedIdx, No, selectedItems, setSelectedItems, }: Table2Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default Table2;

package/dist/components/ui/Table2/Title.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    title: string;
+}
+declare const Title: ({ title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Title;

package/dist/components/ui/Table2/TitleContainer.d.ts

@@ -0,0 +1,28 @@
+import { Table as ReactTable } from '@tanstack/react-table';
+interface Props<T> {
+    setTableData: React.Dispatch<React.SetStateAction<T[]>>;
+    onRemoveRow?: () => void;
+    rowSelection: Record<string, boolean>;
+    tableData: T[];
+    onDelete?: (checkedRows: T[]) => void;
+    setRowSelection: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    table: ReactTable<T>;
+    onSave?: (checkedRows: T[], allRows: T[]) => void;
+    title: string;
+    isTotal: boolean;
+    total: number;
+    buttons?: React.ReactNode;
+    isPlusButton: boolean;
+    titleRef: React.RefObject<HTMLDivElement | null>;
+    onAddFn?: () => void;
+    isAddRowActive?: boolean;
+    isPlusButtonDisabled?: boolean;
+    clickedRowIndex: number;
+    setClickedRowIndex: React.Dispatch<React.SetStateAction<number>>;
+    onDelFn?: () => void;
+    deleteAllData?: boolean;
+    radio: boolean;
+    scrollAreaRef: React.RefObject<HTMLDivElement | null>;
+}
+declare const TitleContainer: <T>({ setTableData, rowSelection, tableData, onDelete, setRowSelection, table, onSave, title, isTotal, total, buttons, isPlusButton, titleRef, onAddFn, isAddRowActive, clickedRowIndex, setClickedRowIndex, onDelFn, deleteAllData, radio, scrollAreaRef, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export default TitleContainer;

package/dist/components/ui/Table2/Total.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    total: number;
+}
+declare const Total: ({ total }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Total;

package/dist/components/ui/Table2/emptyMessage.d.ts

@@ -0,0 +1 @@
+export default function EmptyMessage(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Table2/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Table2, Table2Props } from './Table2';
+export { Table2, Table2Props };

package/dist/components/ui/Table2/useElementHeight.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useElementHeight: <T extends HTMLElement = HTMLDivElement>() => [RefObject<T>, number];
+export default useElementHeight;

package/dist/components/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { TabsProps as MuiTabsProps } from '@mui/material/Tabs';
+export interface TabsProps extends MuiTabsProps {
+    /** 현재 선택된 탭의 인덱스 */
+    value: number;
+    /** 탭 변경 이벤트 핸들러 */
+    onChange: (event: React.SyntheticEvent, newValue: number) => void;
+    /** 탭 방향 */
+    orientation?: "horizontal" | "vertical";
+    /** 탭 변형 */
+    variant?: "standard" | "scrollable" | "fullWidth";
+    /** 탭 항목 목록 */
+    items: {
+        label: string;
+        content: React.ReactNode;
+        key: string;
+        disabled?: boolean;
+        icon?: React.ReactNode;
+        iconPosition?: "start" | "end" | "top" | "bottom";
+    }[];
+    /** 탭 텍스트 색상 */
+    textColor?: "inherit" | "primary" | "secondary";
+    /** 탭 인디케이터 색상 */
+    indicatorColor?: "primary" | "secondary";
+    /** 탭 선택 포커스 여부 */
+    selectionFollowsFocus?: boolean;
+    /** MUI에서 제공하는 스타일 속성 */
+    sx?: SxProps<Theme>;
+}
+/** 콘텐츠를 구분하여 표시하는 탭 컴포넌트 */
+declare const Tabs: ({ value, onChange, orientation, variant, items, sx, textColor, indicatorColor, selectionFollowsFocus, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/dist/components/ui/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+import { default as Tabs, TabsProps } from './Tabs';
+export { Tabs, TabsProps };

package/dist/components/ui/Tag/Tag.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ChipProps } from '@mui/material/Chip';
+export interface TagProps extends ChipProps {
+    className?: string;
+    /** 태그의 스타일 */
+    variant?: "filled" | "outlined";
+    /** 태그의 크기 */
+    size?: "small" | "medium";
+    /** 태그의 라벨(텍스트) */
+    label: string;
+    /** 태그의 색상 */
+    color?: "default" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    disabled?: boolean;
+    component?: React.ElementType;
+    href?: string;
+}
+declare const Tag: ({ className, label, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export default Tag;