@shoplflow/templates 0.2.45 → 0.2.47

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextProps, TooltipProps, IconButtonProps, IconButton, ChildrenProps, StackContainerOptionProps } from '@shoplflow/base';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, RefObject, Dispatch, SetStateAction, CSSProperties, ButtonHTMLAttributes } from 'react';
-import { Table as Table$1, ColumnDef, Header, RowData, ColumnFilter } from '@tanstack/react-table';
+import React__default, { ReactNode, ReactElement, ButtonHTMLAttributes, RefObject, Dispatch, SetStateAction, CSSProperties } from 'react';
+import { ColumnDef, RowSelectionState, SortingState, Header, Table as Table$1, RowData } from '@tanstack/react-table';
 export { createColumnHelper } from '@tanstack/react-table';
 import { IconSource } from '@shoplflow/shopl-assets';
 
@@ -71,21 +71,17 @@ declare const TitleGroup: {
     Description: ({ description, ...rest }: DescriptionProps) => react_jsx_runtime.JSX.Element;
 };
 
-type TableContextType<T extends object> = {
-    table: Table$1<T>;
-    headerRef: RefObject<HTMLDivElement>;
-    bodyRef: RefObject<HTMLDivElement>;
-    footerRef: RefObject<HTMLDivElement>;
-    tableScrollRef: RefObject<HTMLDivElement>;
-    selectedRows?: T[];
-    onClickRow?: (row?: T) => void;
-    hasToolbar?: boolean;
-    hasFilterBar?: boolean;
-    hasPagination?: boolean;
-    columnResizing?: boolean;
-    filterValue: string;
-    setFilterValue: Dispatch<SetStateAction<string>>;
+type TableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    leftSource?: ReactNode;
+    children: string;
+    rightSource?: ReactNode;
+};
+declare const TableButton: ({ children, leftSource, rightSource, ...buttonProps }: TableButtonProps) => react_jsx_runtime.JSX.Element;
+
+type TableBadgeProps = {
+    children: ReactNode;
 };
+declare const TableBadge: ({ children }: TableBadgeProps) => react_jsx_runtime.JSX.Element;
 
 type TableProps<T extends object> = {
     data: T[];
@@ -96,10 +92,43 @@ type TableProps<T extends object> = {
     manualFiltering?: boolean;
     manualSorting?: boolean;
     selectedRows?: T[];
-    onSelectedRowsChange?: (rows: T[]) => void;
+    onSelectedRowsChange?: (rows: T[], rowState?: RowSelectionState) => void;
     onClickRow?: (data?: T) => void;
+    /**
+     * 초기 페이지 사이즈
+     * 기본값은 100으로 설정되어 있음
+     */
+    initPageSize?: number;
+    noBorder?: boolean;
+    isLoading?: boolean;
+    /**
+     * 행의 고유 ID를 반환하는 함수
+     * 필터링/정렬 시 행 선택 상태를 유지하기 위해 사용
+     */
+    getRowId?: (row: T) => string;
+    /**
+     * 외부에서 정렬 상태를 제어할 때 사용
+     */
+    globalSorting?: SortingState;
+    /**
+     * 외부에서 필터를 조작하고 싶은 경우 사용
+     */
+    outsideFilters?: OutsideFilter[];
+    /**
+     * data 등 페이지 영향 상태가 바뀔 때 pageIndex를 0으로 자동 리셋할지 여부
+     * 기본값은 true (TanStack Table 기본 동작)
+     * 행 삭제 후 현재 페이지를 유지해야 하는 경우 false로 설정
+     */
+    autoResetPageIndex?: boolean;
 };
+type TableBodyRowStyle = React.CSSProperties | ((rowIndex: number, row: any) => React.CSSProperties);
 type TableMainProps = {
+    enableDragDrop?: boolean;
+    /**
+     * 드래그 핸들의 너비
+     * 기본값은 40px로 설정되어 있음
+     */
+    dragColWidth?: 32 | 40;
     fixedColumns?: FixedColumn[];
     useVirtualization?: boolean;
     useColumnVirtualization?: boolean;
@@ -109,6 +138,14 @@ type TableMainProps = {
     children?: ReactNode;
     maxHeight?: string;
     emptyRowCount?: number;
+    virtualOverscan?: number;
+    onRowReorder?: (newOrder: any[]) => void;
+    footerRowProps?: {
+        style?: React.CSSProperties;
+    };
+    headerRowStyle?: React.CSSProperties | ((rowIndex: number, row: any) => React.CSSProperties);
+    bodyRowStyle?: TableBodyRowStyle;
+    containerStyle?: React.CSSProperties;
 };
 type TableToolbarProps = {
     filterAccessor?: string;
@@ -138,6 +175,7 @@ type FixedColumn = {
 type TablePaginationProps = {
     total: number;
     defaultPageSize: number;
+    /** @deprecated 2026-04-16 leftSource를 사용하세요. */
     children?: ReactNode;
     pageSizeList?: Array<{
         key: string;
@@ -150,7 +188,43 @@ type TablePaginationProps = {
     notSizeOption?: boolean;
     resetDependencies?: any[];
     currentPage?: number;
+    /**
+     * 하단 스크롤만 사용할 경우 false로 설정
+     * 기본값은 true로 설정되어 있음
+     */
+    showPagination?: boolean;
     sizeVar?: 'S' | 'XS';
+    leftSource?: ReactNode;
+    hasPaddingInline?: boolean;
+};
+type OutsideFilter = {
+    id: string;
+    value?: string;
+    label?: string;
+};
+type TableFilterBarProps = {
+    onReset?: () => void;
+    onRemoveFilter?: (id: string, value?: string) => void;
+};
+
+type TableContextType<T extends object> = {
+    table: Table$1<T>;
+    headerRef: RefObject<HTMLDivElement>;
+    bodyRef: RefObject<HTMLDivElement>;
+    footerRef: RefObject<HTMLDivElement>;
+    tableScrollRef: RefObject<HTMLDivElement>;
+    selectedRows?: T[];
+    onClickRow?: (row?: T) => void;
+    hasToolbar?: boolean;
+    hasFilterBar?: boolean;
+    hasPagination?: boolean;
+    columnResizing?: boolean;
+    filterValue: string;
+    setFilterValue: Dispatch<SetStateAction<string>>;
+    outsideFilters?: OutsideFilter[];
+    hasFooter?: boolean;
+    isLoading?: boolean;
+    isVirtualTableLayout?: boolean;
 };
 
 type FilterChangeHandler = (value: string) => void;
@@ -166,7 +240,7 @@ type GlobalFilterChangeHandler = (value: string) => void;
  * @property {(value: string) => void} [onFilterChange] - 필터 값 변경 핸들러
  * @property {(order: 'asc' | 'desc' | undefined) => void} [onSortChange] - 정렬 순서 변경 핸들러
  * @property {(value: string) => void} [onGlobalFilterChange] - 전역 필터 값 변경 핸들러
- * @property {boolean} [activeHover] - 행 호버 효과 활성화 여부
+ * @property {boolean | ((row: TData) => boolean)} [activeHover] - 셀 `data-no-hover` (행 호버 스타일 분기). 함수면 행 데이터로 판별
  */
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
@@ -186,12 +260,18 @@ declare module '@tanstack/react-table' {
         cellProps?: {
             style?: CSSProperties;
         };
+        footerProps?: {
+            style?: CSSProperties;
+        };
         onFilterChange?: FilterChangeHandler;
         onSortChange?: SortChangeHandler;
         onGlobalFilterChange?: GlobalFilterChangeHandler;
-        activeHover?: boolean;
+        activeHover?: boolean | ((row: TData) => boolean);
         hiddenColumn?: boolean;
         isLastColumn?: boolean;
+        /** 필터 메뉴 너비: 'trigger'면 헤더 트리거 너비 고정(기본), 'auto'면 라벨이 길 때 100% 사용 */
+        filterMenuWidth?: 'trigger' | 'auto';
+        delegateSortToSingleLeaf?: boolean;
     }
 }
 /**
@@ -209,7 +289,39 @@ declare module '@tanstack/react-table' {
  * @param {Function} [props.onClickRow] - 행 클릭 시 호출되는 콜백 함수
  * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
  */
-declare const Table: <T extends object>({ data, columns, columnResizing, children, manualPagination, manualFiltering, manualSorting, selectedRows, onSelectedRowsChange, onClickRow, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends object>({ data, columns, columnResizing, children, manualPagination, manualFiltering, manualSorting, selectedRows, onSelectedRowsChange, onClickRow, initPageSize, noBorder, isLoading, getRowId, globalSorting, outsideFilters, autoResetPageIndex, }: TableProps<T>) => JSX.Element;
+
+declare const TableColumnVisibility: () => react_jsx_runtime.JSX.Element;
+
+type TableEmptyProps = {
+    children?: React__default.ReactNode;
+    minHeight?: string;
+};
+declare const TableEmpty: ({ children, minHeight }: TableEmptyProps) => react_jsx_runtime.JSX.Element;
+
+type TableFilterBarRef = {
+    resetFilters: () => void;
+};
+/**
+ * 테이블 필터 바 컴포넌트
+ * @component
+ * @returns {JSX.Element} 필터 바 렌더링
+ */
+declare const TableFilterBar: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<TableFilterBarProps & React$1.RefAttributes<TableFilterBarRef>>>;
+
+/**
+ * 테이블의 메인 렌더링을 처리하는 컴포넌트
+ * @component
+ * @param {Object} props - 컴포넌트 props
+ * @param {Array<string>} [props.fixedColumns=[]] - 고정/핀 처리할 컬럼 ID 배열
+ * @param {boolean} [props.useVirtualization=true] - 대용량 데이터 처리를 위한 가상화 사용 여부
+ * @param {boolean} [props.isSticky=true] - 스크롤 시 헤더 고정 여부
+ * @param {number} [props.stickyHeaderTopPosition=120] - 고정 헤더의 상단 위치(픽셀)
+ * @param {ReactNode} props.children - 테이블 내부에 렌더링할 자식 컴포넌트
+ * @param {number} [props.emptyRowCount=8] - 빈 행 수
+ * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
+ */
+declare const TableMain: (props: TableMainProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * 테이블의 페이지네이션을 처리하는 컴포넌트
@@ -217,14 +329,15 @@ declare const Table: <T extends object>({ data, columns, columnResizing, childre
  * @param {Object} props - 컴포넌트 props
  * @param {number} props.total - 전체 데이터 수
  * @param {number} props.defaultPageSize - 기본 페이지 크기
- * @param {ReactNode} props.children - 페이지네이션 내부에 렌더링할 자식 컴포넌트
+ * @param {ReactNode} [props.leftSource] - 페이지네이션 좌측 슬롯
+ * @param {ReactNode} [props.children] - (deprecated) 페이지네이션 내부 자식 슬롯
  * @param {number[]} [props.pageSizeList] - 페이지 크기 선택 옵션 리스트
  * @param {Function} [props.setCurrentPage] - 현재 페이지 변경 콜백 함수
  * @param {boolean} [props.notSizeOption] - 페이지 크기 선택 옵션 표시 여부
  * @param {number} [props.currentPage] - 현재 페이지 인덱스
  * @returns {JSX.Element} 렌더링된 페이지네이션 컴포넌트
  */
-declare const TablePagination: ({ total, defaultPageSize, children, pageSizeList, setCurrentPage, notSizeOption, currentPage, sizeVar, }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: ({ total, defaultPageSize, leftSource, children, pageSizeList, setCurrentPage, notSizeOption, currentPage, showPagination, sizeVar, hasPaddingInline, }: TablePaginationProps) => JSX.Element;
 
 /**
  * 테이블의 툴바를 렌더링하는 컴포넌트
@@ -240,48 +353,6 @@ declare const TablePagination: ({ total, defaultPageSize, children, pageSizeList
  */
 declare const TableToolbar: ({ children, filterAccessor, height, padding, totalCount, }: TableToolbarProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * 테이블의 메인 렌더링을 처리하는 컴포넌트
- * @component
- * @param {Object} props - 컴포넌트 props
- * @param {Array<string>} [props.fixedColumns=[]] - 고정/핀 처리할 컬럼 ID 배열
- * @param {boolean} [props.useVirtualization=true] - 대용량 데이터 처리를 위한 가상화 사용 여부
- * @param {boolean} [props.isSticky=true] - 스크롤 시 헤더 고정 여부
- * @param {number} [props.stickyHeaderTopPosition=120] - 고정 헤더의 상단 위치(픽셀)
- * @param {ReactNode} props.children - 테이블 내부에 렌더링할 자식 컴포넌트
- * @param {number} [props.emptyRowCount=8] - 빈 행 수
- * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
- */
-declare const TableMain: ({ fixedColumns, useVirtualization, isSticky, stickyHeaderTopPosition, children, maxHeight, emptyRowCount, }: TableMainProps) => react_jsx_runtime.JSX.Element;
-
-type TableEmptyProps = {
-    children?: React__default.ReactNode;
-};
-declare const TableEmpty: ({ children }: TableEmptyProps) => react_jsx_runtime.JSX.Element;
-
-declare const TableColumnVisibility: () => react_jsx_runtime.JSX.Element;
-
-/**
- * 테이블 필터 바 컴포넌트
- * @component
- * @returns {JSX.Element} 필터 바 렌더링
- */
-declare const TableFilterBar: React$1.MemoExoticComponent<({ outsideFilters }: {
-    outsideFilters?: ColumnFilter[];
-}) => react_jsx_runtime.JSX.Element>;
-
-type TableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    leftSource?: ReactNode;
-    children: string;
-    rightSource?: ReactNode;
-};
-declare const TableButton: ({ children, leftSource, rightSource, ...buttonProps }: TableButtonProps) => react_jsx_runtime.JSX.Element;
-
-type TableBadgeProps = {
-    children: ReactNode;
-};
-declare const TableBadge: ({ children }: TableBadgeProps) => react_jsx_runtime.JSX.Element;
-
 type TableComponentType = typeof Table & {
     Toolbar: typeof TableToolbar;
     FilterBar: typeof TableFilterBar;
@@ -343,4 +414,4 @@ declare const AttachmentItem: React__default.FC<AttachmentItemProps> & {
     Thumbnail: typeof AttachmentThumbnail;
 };
 
-export { ActionsProps, AttachmentItem, AttachmentItemData, AttachmentItemMulti, AttachmentItemMultiProps, AttachmentItemProps, AttachmentItemSingle, AttachmentItemSingleProps, AttachmentList, AttachmentListProps, AttachmentThumbnail, AttachmentThumbnailProps, DescriptionProps, FixedColumn, PinningPosition, TableComponent as Table, TableBadge, TableButton, TableContextType, TableHeadCellProps, TableMainProps, TablePaginationProps, TableProps, TableToolbarProps, TitleGroup, TitleGroupHeaderProps, TitleGroupHelpIconProps, TitleGroupProps };
+export { ActionsProps, AttachmentItem, AttachmentItemData, AttachmentItemMulti, AttachmentItemMultiProps, AttachmentItemProps, AttachmentItemSingle, AttachmentItemSingleProps, AttachmentList, AttachmentListProps, AttachmentThumbnail, AttachmentThumbnailProps, DescriptionProps, FixedColumn, OutsideFilter, PinningPosition, TableComponent as Table, TableBadge, TableBodyRowStyle, TableButton, TableContextType, TableFilterBarProps, TableFilterBarRef, TableHeadCellProps, TableMainProps, TablePaginationProps, TableProps, TableToolbarProps, TitleGroup, TitleGroupHeaderProps, TitleGroupHelpIconProps, TitleGroupProps };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextProps, TooltipProps, IconButtonProps, IconButton, ChildrenProps, StackContainerOptionProps } from '@shoplflow/base';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, RefObject, Dispatch, SetStateAction, CSSProperties, ButtonHTMLAttributes } from 'react';
-import { Table as Table$1, ColumnDef, Header, RowData, ColumnFilter } from '@tanstack/react-table';
+import React__default, { ReactNode, ReactElement, ButtonHTMLAttributes, RefObject, Dispatch, SetStateAction, CSSProperties } from 'react';
+import { ColumnDef, RowSelectionState, SortingState, Header, Table as Table$1, RowData } from '@tanstack/react-table';
 export { createColumnHelper } from '@tanstack/react-table';
 import { IconSource } from '@shoplflow/shopl-assets';
 
@@ -71,21 +71,17 @@ declare const TitleGroup: {
     Description: ({ description, ...rest }: DescriptionProps) => react_jsx_runtime.JSX.Element;
 };
 
-type TableContextType<T extends object> = {
-    table: Table$1<T>;
-    headerRef: RefObject<HTMLDivElement>;
-    bodyRef: RefObject<HTMLDivElement>;
-    footerRef: RefObject<HTMLDivElement>;
-    tableScrollRef: RefObject<HTMLDivElement>;
-    selectedRows?: T[];
-    onClickRow?: (row?: T) => void;
-    hasToolbar?: boolean;
-    hasFilterBar?: boolean;
-    hasPagination?: boolean;
-    columnResizing?: boolean;
-    filterValue: string;
-    setFilterValue: Dispatch<SetStateAction<string>>;
+type TableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    leftSource?: ReactNode;
+    children: string;
+    rightSource?: ReactNode;
+};
+declare const TableButton: ({ children, leftSource, rightSource, ...buttonProps }: TableButtonProps) => react_jsx_runtime.JSX.Element;
+
+type TableBadgeProps = {
+    children: ReactNode;
 };
+declare const TableBadge: ({ children }: TableBadgeProps) => react_jsx_runtime.JSX.Element;
 
 type TableProps<T extends object> = {
     data: T[];
@@ -96,10 +92,43 @@ type TableProps<T extends object> = {
     manualFiltering?: boolean;
     manualSorting?: boolean;
     selectedRows?: T[];
-    onSelectedRowsChange?: (rows: T[]) => void;
+    onSelectedRowsChange?: (rows: T[], rowState?: RowSelectionState) => void;
     onClickRow?: (data?: T) => void;
+    /**
+     * 초기 페이지 사이즈
+     * 기본값은 100으로 설정되어 있음
+     */
+    initPageSize?: number;
+    noBorder?: boolean;
+    isLoading?: boolean;
+    /**
+     * 행의 고유 ID를 반환하는 함수
+     * 필터링/정렬 시 행 선택 상태를 유지하기 위해 사용
+     */
+    getRowId?: (row: T) => string;
+    /**
+     * 외부에서 정렬 상태를 제어할 때 사용
+     */
+    globalSorting?: SortingState;
+    /**
+     * 외부에서 필터를 조작하고 싶은 경우 사용
+     */
+    outsideFilters?: OutsideFilter[];
+    /**
+     * data 등 페이지 영향 상태가 바뀔 때 pageIndex를 0으로 자동 리셋할지 여부
+     * 기본값은 true (TanStack Table 기본 동작)
+     * 행 삭제 후 현재 페이지를 유지해야 하는 경우 false로 설정
+     */
+    autoResetPageIndex?: boolean;
 };
+type TableBodyRowStyle = React.CSSProperties | ((rowIndex: number, row: any) => React.CSSProperties);
 type TableMainProps = {
+    enableDragDrop?: boolean;
+    /**
+     * 드래그 핸들의 너비
+     * 기본값은 40px로 설정되어 있음
+     */
+    dragColWidth?: 32 | 40;
     fixedColumns?: FixedColumn[];
     useVirtualization?: boolean;
     useColumnVirtualization?: boolean;
@@ -109,6 +138,14 @@ type TableMainProps = {
     children?: ReactNode;
     maxHeight?: string;
     emptyRowCount?: number;
+    virtualOverscan?: number;
+    onRowReorder?: (newOrder: any[]) => void;
+    footerRowProps?: {
+        style?: React.CSSProperties;
+    };
+    headerRowStyle?: React.CSSProperties | ((rowIndex: number, row: any) => React.CSSProperties);
+    bodyRowStyle?: TableBodyRowStyle;
+    containerStyle?: React.CSSProperties;
 };
 type TableToolbarProps = {
     filterAccessor?: string;
@@ -138,6 +175,7 @@ type FixedColumn = {
 type TablePaginationProps = {
     total: number;
     defaultPageSize: number;
+    /** @deprecated 2026-04-16 leftSource를 사용하세요. */
     children?: ReactNode;
     pageSizeList?: Array<{
         key: string;
@@ -150,7 +188,43 @@ type TablePaginationProps = {
     notSizeOption?: boolean;
     resetDependencies?: any[];
     currentPage?: number;
+    /**
+     * 하단 스크롤만 사용할 경우 false로 설정
+     * 기본값은 true로 설정되어 있음
+     */
+    showPagination?: boolean;
     sizeVar?: 'S' | 'XS';
+    leftSource?: ReactNode;
+    hasPaddingInline?: boolean;
+};
+type OutsideFilter = {
+    id: string;
+    value?: string;
+    label?: string;
+};
+type TableFilterBarProps = {
+    onReset?: () => void;
+    onRemoveFilter?: (id: string, value?: string) => void;
+};
+
+type TableContextType<T extends object> = {
+    table: Table$1<T>;
+    headerRef: RefObject<HTMLDivElement>;
+    bodyRef: RefObject<HTMLDivElement>;
+    footerRef: RefObject<HTMLDivElement>;
+    tableScrollRef: RefObject<HTMLDivElement>;
+    selectedRows?: T[];
+    onClickRow?: (row?: T) => void;
+    hasToolbar?: boolean;
+    hasFilterBar?: boolean;
+    hasPagination?: boolean;
+    columnResizing?: boolean;
+    filterValue: string;
+    setFilterValue: Dispatch<SetStateAction<string>>;
+    outsideFilters?: OutsideFilter[];
+    hasFooter?: boolean;
+    isLoading?: boolean;
+    isVirtualTableLayout?: boolean;
 };
 
 type FilterChangeHandler = (value: string) => void;
@@ -166,7 +240,7 @@ type GlobalFilterChangeHandler = (value: string) => void;
  * @property {(value: string) => void} [onFilterChange] - 필터 값 변경 핸들러
  * @property {(order: 'asc' | 'desc' | undefined) => void} [onSortChange] - 정렬 순서 변경 핸들러
  * @property {(value: string) => void} [onGlobalFilterChange] - 전역 필터 값 변경 핸들러
- * @property {boolean} [activeHover] - 행 호버 효과 활성화 여부
+ * @property {boolean | ((row: TData) => boolean)} [activeHover] - 셀 `data-no-hover` (행 호버 스타일 분기). 함수면 행 데이터로 판별
  */
 declare module '@tanstack/react-table' {
     interface TableMeta<TData extends RowData> {
@@ -186,12 +260,18 @@ declare module '@tanstack/react-table' {
         cellProps?: {
             style?: CSSProperties;
         };
+        footerProps?: {
+            style?: CSSProperties;
+        };
         onFilterChange?: FilterChangeHandler;
         onSortChange?: SortChangeHandler;
         onGlobalFilterChange?: GlobalFilterChangeHandler;
-        activeHover?: boolean;
+        activeHover?: boolean | ((row: TData) => boolean);
         hiddenColumn?: boolean;
         isLastColumn?: boolean;
+        /** 필터 메뉴 너비: 'trigger'면 헤더 트리거 너비 고정(기본), 'auto'면 라벨이 길 때 100% 사용 */
+        filterMenuWidth?: 'trigger' | 'auto';
+        delegateSortToSingleLeaf?: boolean;
     }
 }
 /**
@@ -209,7 +289,39 @@ declare module '@tanstack/react-table' {
  * @param {Function} [props.onClickRow] - 행 클릭 시 호출되는 콜백 함수
  * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
  */
-declare const Table: <T extends object>({ data, columns, columnResizing, children, manualPagination, manualFiltering, manualSorting, selectedRows, onSelectedRowsChange, onClickRow, }: TableProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Table: <T extends object>({ data, columns, columnResizing, children, manualPagination, manualFiltering, manualSorting, selectedRows, onSelectedRowsChange, onClickRow, initPageSize, noBorder, isLoading, getRowId, globalSorting, outsideFilters, autoResetPageIndex, }: TableProps<T>) => JSX.Element;
+
+declare const TableColumnVisibility: () => react_jsx_runtime.JSX.Element;
+
+type TableEmptyProps = {
+    children?: React__default.ReactNode;
+    minHeight?: string;
+};
+declare const TableEmpty: ({ children, minHeight }: TableEmptyProps) => react_jsx_runtime.JSX.Element;
+
+type TableFilterBarRef = {
+    resetFilters: () => void;
+};
+/**
+ * 테이블 필터 바 컴포넌트
+ * @component
+ * @returns {JSX.Element} 필터 바 렌더링
+ */
+declare const TableFilterBar: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<TableFilterBarProps & React$1.RefAttributes<TableFilterBarRef>>>;
+
+/**
+ * 테이블의 메인 렌더링을 처리하는 컴포넌트
+ * @component
+ * @param {Object} props - 컴포넌트 props
+ * @param {Array<string>} [props.fixedColumns=[]] - 고정/핀 처리할 컬럼 ID 배열
+ * @param {boolean} [props.useVirtualization=true] - 대용량 데이터 처리를 위한 가상화 사용 여부
+ * @param {boolean} [props.isSticky=true] - 스크롤 시 헤더 고정 여부
+ * @param {number} [props.stickyHeaderTopPosition=120] - 고정 헤더의 상단 위치(픽셀)
+ * @param {ReactNode} props.children - 테이블 내부에 렌더링할 자식 컴포넌트
+ * @param {number} [props.emptyRowCount=8] - 빈 행 수
+ * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
+ */
+declare const TableMain: (props: TableMainProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * 테이블의 페이지네이션을 처리하는 컴포넌트
@@ -217,14 +329,15 @@ declare const Table: <T extends object>({ data, columns, columnResizing, childre
  * @param {Object} props - 컴포넌트 props
  * @param {number} props.total - 전체 데이터 수
  * @param {number} props.defaultPageSize - 기본 페이지 크기
- * @param {ReactNode} props.children - 페이지네이션 내부에 렌더링할 자식 컴포넌트
+ * @param {ReactNode} [props.leftSource] - 페이지네이션 좌측 슬롯
+ * @param {ReactNode} [props.children] - (deprecated) 페이지네이션 내부 자식 슬롯
  * @param {number[]} [props.pageSizeList] - 페이지 크기 선택 옵션 리스트
  * @param {Function} [props.setCurrentPage] - 현재 페이지 변경 콜백 함수
  * @param {boolean} [props.notSizeOption] - 페이지 크기 선택 옵션 표시 여부
  * @param {number} [props.currentPage] - 현재 페이지 인덱스
  * @returns {JSX.Element} 렌더링된 페이지네이션 컴포넌트
  */
-declare const TablePagination: ({ total, defaultPageSize, children, pageSizeList, setCurrentPage, notSizeOption, currentPage, sizeVar, }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: ({ total, defaultPageSize, leftSource, children, pageSizeList, setCurrentPage, notSizeOption, currentPage, showPagination, sizeVar, hasPaddingInline, }: TablePaginationProps) => JSX.Element;
 
 /**
  * 테이블의 툴바를 렌더링하는 컴포넌트
@@ -240,48 +353,6 @@ declare const TablePagination: ({ total, defaultPageSize, children, pageSizeList
  */
 declare const TableToolbar: ({ children, filterAccessor, height, padding, totalCount, }: TableToolbarProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * 테이블의 메인 렌더링을 처리하는 컴포넌트
- * @component
- * @param {Object} props - 컴포넌트 props
- * @param {Array<string>} [props.fixedColumns=[]] - 고정/핀 처리할 컬럼 ID 배열
- * @param {boolean} [props.useVirtualization=true] - 대용량 데이터 처리를 위한 가상화 사용 여부
- * @param {boolean} [props.isSticky=true] - 스크롤 시 헤더 고정 여부
- * @param {number} [props.stickyHeaderTopPosition=120] - 고정 헤더의 상단 위치(픽셀)
- * @param {ReactNode} props.children - 테이블 내부에 렌더링할 자식 컴포넌트
- * @param {number} [props.emptyRowCount=8] - 빈 행 수
- * @returns {JSX.Element} 렌더링된 테이블 컴포넌트
- */
-declare const TableMain: ({ fixedColumns, useVirtualization, isSticky, stickyHeaderTopPosition, children, maxHeight, emptyRowCount, }: TableMainProps) => react_jsx_runtime.JSX.Element;
-
-type TableEmptyProps = {
-    children?: React__default.ReactNode;
-};
-declare const TableEmpty: ({ children }: TableEmptyProps) => react_jsx_runtime.JSX.Element;
-
-declare const TableColumnVisibility: () => react_jsx_runtime.JSX.Element;
-
-/**
- * 테이블 필터 바 컴포넌트
- * @component
- * @returns {JSX.Element} 필터 바 렌더링
- */
-declare const TableFilterBar: React$1.MemoExoticComponent<({ outsideFilters }: {
-    outsideFilters?: ColumnFilter[];
-}) => react_jsx_runtime.JSX.Element>;
-
-type TableButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    leftSource?: ReactNode;
-    children: string;
-    rightSource?: ReactNode;
-};
-declare const TableButton: ({ children, leftSource, rightSource, ...buttonProps }: TableButtonProps) => react_jsx_runtime.JSX.Element;
-
-type TableBadgeProps = {
-    children: ReactNode;
-};
-declare const TableBadge: ({ children }: TableBadgeProps) => react_jsx_runtime.JSX.Element;
-
 type TableComponentType = typeof Table & {
     Toolbar: typeof TableToolbar;
     FilterBar: typeof TableFilterBar;
@@ -343,4 +414,4 @@ declare const AttachmentItem: React__default.FC<AttachmentItemProps> & {
     Thumbnail: typeof AttachmentThumbnail;
 };
 
-export { ActionsProps, AttachmentItem, AttachmentItemData, AttachmentItemMulti, AttachmentItemMultiProps, AttachmentItemProps, AttachmentItemSingle, AttachmentItemSingleProps, AttachmentList, AttachmentListProps, AttachmentThumbnail, AttachmentThumbnailProps, DescriptionProps, FixedColumn, PinningPosition, TableComponent as Table, TableBadge, TableButton, TableContextType, TableHeadCellProps, TableMainProps, TablePaginationProps, TableProps, TableToolbarProps, TitleGroup, TitleGroupHeaderProps, TitleGroupHelpIconProps, TitleGroupProps };
+export { ActionsProps, AttachmentItem, AttachmentItemData, AttachmentItemMulti, AttachmentItemMultiProps, AttachmentItemProps, AttachmentItemSingle, AttachmentItemSingleProps, AttachmentList, AttachmentListProps, AttachmentThumbnail, AttachmentThumbnailProps, DescriptionProps, FixedColumn, OutsideFilter, PinningPosition, TableComponent as Table, TableBadge, TableBodyRowStyle, TableButton, TableContextType, TableFilterBarProps, TableFilterBarRef, TableHeadCellProps, TableMainProps, TablePaginationProps, TableProps, TableToolbarProps, TitleGroup, TitleGroupHeaderProps, TitleGroupHelpIconProps, TitleGroupProps };