@pallasoft/ps-table-components 1.28.3 → 1.29.0

package/dist/components/ps-data-table.js

@@ -99,8 +99,8 @@ const PsDataTable = ({ caption, className, clearSelectionKey, columns, cursorPag
     const [openedGroupKeys, setOpenedGroupKeys] = (0, react_1.useState)([]);
     const [seenClearKey, setSeenClearKey] = (0, react_1.useState)(clearSelectionKey);
     const stickyRegionRef = (0, react_1.useRef)(null);
-    const stickySentinelRef = (0, react_1.useRef)(null);
     const stickyCardRef = (0, react_1.useRef)(null);
+    const stickyContentRef = (0, react_1.useRef)(null);
     const stickyHeadRef = (0, react_1.useRef)(null);
     const currentQuery = query ? query : uncontrolledQuery;
     if (seenClearKey !== clearSelectionKey) {
@@ -129,12 +129,12 @@ const PsDataTable = ({ caption, className, clearSelectionKey, columns, cursorPag
     const pins = ps_table_pin_service_1.PsTablePinService.leading(pinFirstColumn, Boolean(reorder), isSelectable);
     const placementOf = (column, columnIndex) => ps_design_system_1.PallasoftClassNameService.merge(column.hideBelow === undefined ? '' : table_breakpoint_1.PsTableHideBelowClasses[column.hideBelow], columnIndex === 0 ? pins.first : '', ps_table_pin_service_1.PsTablePinService.end(column.pinEnd === true));
     const overflow = (0, use_ps_table_overflow_1.usePsTableOverflow)(`${visibleColumns.map((column) => column.id).join(',')}:${rows.length}`);
-    const isStuck = (0, use_ps_sticky_head_1.usePsStickyHead)({
+    (0, use_ps_sticky_head_1.usePsStickyHead)({
         cardRef: stickyCardRef,
+        contentRef: stickyContentRef,
         headRef: stickyHeadRef,
         layoutKey: `${visibleColumns.map((column) => column.id).join(',')}:${rows.length}:${isLoading}`,
         regionRef: stickyRegionRef,
-        sentinelRef: stickySentinelRef,
         stickyTop,
     });
     const deferredSearch = (0, react_1.useDeferredValue)(search);
@@ -397,52 +397,54 @@ const PsDataTable = ({ caption, className, clearSelectionKey, columns, cursorPag
                     updateQuery({ search: next });
                     resetPage();
                 }, rows: rows, search: search, searchPlaceholder: searchPlaceholder })) : null, banner] }));
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: ps_design_system_1.PallasoftClassNameService.merge('flex min-w-0 flex-col gap-3', className), children: [stickyTop === undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [stickyLeading, topContent] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "aria-hidden": 'true', className: '-mb-3 h-0', ref: stickySentinelRef }), (0, jsx_runtime_1.jsxs)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('sticky z-sticky flex flex-col gap-3', stickyClassName), "data-stuck": isStuck, ref: stickyRegionRef, style: { top: stickyTop }, children: [stickyLeading, topContent] })] })), (0, jsx_runtime_1.jsxs)("div", { "aria-busy": isRefreshing, className: 'min-w-0 overflow-hidden rounded-[1.25rem] border border-line bg-surface', ref: stickyCardRef, children: [showsPagination &&
-                        paginationPosition !== ps_table_pagination_position_1.PsTablePaginationPosition.bottom &&
-                        rowCount > ps_table_pagination_config_1.PsTablePaginationConfig.topMinRows
-                        ? renderPagination('border-b border-t-0')
-                        : null, mobileLayout === 'cards' ? ((0, jsx_runtime_1.jsxs)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('sm:hidden', isRefreshing ? ps_table_body_classes_1.PsTableBodyClasses.refreshing : ''), children: [reorder && reorder.cardsReason ? ((0, jsx_runtime_1.jsx)("p", { className: 'border-b border-line px-4 py-2 text-xs text-ink/55', children: reorder.cardsReason })) : null, grouping
-                                ? groups.map((group, groupIndex) => {
-                                    const isExpanded = isGroupExpanded(group.key, groupIndex);
-                                    return ((0, jsx_runtime_1.jsxs)("div", { className: 'border-b border-line last:border-b-0', children: [(0, jsx_runtime_1.jsx)(ps_table_group_header_1.PsTableGroupHeader, { count: group.rows.length, isExpanded: isExpanded, label: grouping.getGroupLabel(group.key, group.rows), onToggle: () => toggleGroup(group.key, isExpanded), summary: grouping.renderGroupSummary
-                                                    ? grouping.renderGroupSummary(group.rows)
-                                                    : undefined }), (0, jsx_runtime_1.jsx)(ps_motion_components_1.PsCollapse, { isOpen: isExpanded && !closingGroupKeys.includes(group.key), children: renderCardList(group.rows, null) })] }, `group-${group.key}`));
-                                })
-                                : renderCardList(shouldVirtualize ? visibleRows.slice(0, cards.count) : visibleRows, visibleRows.length === 0 && isSearching ? ((0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { label: searchingLabel, skeletonRows: table_config_1.PsTableConfig.searchingSkeletonRows })) : visibleRows.length === 0 && isQueried ? ((0, jsx_runtime_1.jsxs)("div", { className: 'px-4 py-10 text-center', children: [(0, jsx_runtime_1.jsx)("p", { className: 'text-sm font-semibold text-ink', children: table_config_1.PsTableConfig.noMatchesTitle }), (0, jsx_runtime_1.jsx)("button", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_table_control_classes_1.PsTableControlClasses.textButton, 'mt-2 text-primary'), onClick: clearFilters, type: 'button', children: "Clear search and filters" })] })) : null), !grouping && shouldVirtualize && cards.count < visibleRows.length ? ((0, jsx_runtime_1.jsx)("div", { "aria-hidden": 'true', className: 'h-px', ref: cards.sentinelRef })) : null] })) : null, (0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('ps-scrollbar overflow-x-auto overflow-y-hidden overscroll-x-contain', isRefreshing ? ps_table_body_classes_1.PsTableBodyClasses.refreshing : '', mobileLayout === 'cards' ? 'hidden sm:block' : ''), "data-overflow-end": overflow.edges.end, "data-overflow-start": overflow.edges.start, onScroll: overflow.update, ref: overflow.ref, children: renderReorder((api) => ((0, jsx_runtime_1.jsxs)("table", { className: ps_design_system_1.PallasoftClassNameService.merge('w-full border-collapse text-left', layout === 'fixed' ? 'table-fixed' : ''), children: [caption ? (0, jsx_runtime_1.jsx)("caption", { className: 'sr-only', children: caption }) : null, (0, jsx_runtime_1.jsx)("thead", { className: ps_design_system_1.PallasoftClassNameService.merge('bg-mist/70 text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-ink/45', stickyTop === undefined
-                                        ? ''
-                                        : 'relative z-docked bg-surface will-change-transform [&_th]:border-b [&_th]:border-line [&>tr]:bg-mist/70'), ref: stickyHeadRef, children: (0, jsx_runtime_1.jsxs)("tr", { children: [reorder ? ((0, jsx_runtime_1.jsx)("th", { className: ps_design_system_1.PallasoftClassNameService.merge('w-9 min-w-9 pl-3 pr-0', pins.reorder), scope: 'col', children: reorder.enabled ? ((0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: reorder.columnLabel })) : reorder.disabledReason ? ((0, jsx_runtime_1.jsx)("span", { "aria-label": reorder.disabledReason, className: 'inline-flex cursor-help opacity-40', role: 'img', title: reorder.disabledReason, children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsDragGrip, {}) })) : null })) : null, isSelectable ? ((0, jsx_runtime_1.jsx)("th", { className: ps_design_system_1.PallasoftClassNameService.merge('w-10 min-w-10 pl-4 pr-0', pins.select), scope: 'col', children: (0, jsx_runtime_1.jsx)(ps_input_components_1.PsCheckbox, { isIndeterminate: !isPageSelected && pageIds.some((rowId) => selectedIdSet.has(rowId)), isSelected: isPageSelected, label: 'Select all rows on this page', onChange: togglePage }) })) : null, visibleColumns.map((column, columnIndex) => {
-                                                const align = column.align !== null && column.align !== undefined ? column.align : 'left';
-                                                const isSorted = sort !== null && sort.columnId === column.id;
-                                                return ((0, jsx_runtime_1.jsx)("th", { "aria-sort": isSorted
-                                                        ? sort.direction
-                                                        : column.sortValue && isQueryable
-                                                            ? 'none'
-                                                            : undefined, className: ps_design_system_1.PallasoftClassNameService.merge(densityClassNames[density].head, alignClassNames[align], placementOf(column, columnIndex), 'whitespace-nowrap'), scope: 'col', style: columnStyle(column, fittedWidths.get(column.id)), children: column.sortValue && isQueryable ? ((0, jsx_runtime_1.jsx)(ps_table_sort_header_1.PsTableSortHeader, { align: align, columnId: column.id, label: column.label, onSort: updateSort, sort: sort })) : (column.label) }, column.id));
-                                            })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { className: 'divide-y divide-line', ref: bodyRef, children: [visibleRows.length === 0 && isSearching ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, children: (0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { label: searchingLabel, skeletonRows: table_config_1.PsTableConfig.searchingSkeletonRows }) }) })) : null, visibleRows.length === 0 && isQueried && !isSearching ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsxs)("td", { className: 'px-4 py-12 text-center', colSpan: columnCount, children: [(0, jsx_runtime_1.jsx)("p", { className: 'text-sm font-semibold text-ink', children: table_config_1.PsTableConfig.noMatchesTitle }), (0, jsx_runtime_1.jsx)("p", { className: 'mt-1 text-sm text-ink/55', children: table_config_1.PsTableConfig.noMatchesDescription }), (0, jsx_runtime_1.jsx)("button", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_table_control_classes_1.PsTableControlClasses.textButton, 'mt-3 text-primary hover:underline'), onClick: clearFilters, type: 'button', children: "Clear search and filters" })] }) })) : null, grouping
-                                            ? groups.map((group, groupIndex) => {
-                                                const isExpanded = isGroupExpanded(group.key, groupIndex);
-                                                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, children: (0, jsx_runtime_1.jsx)(ps_table_group_header_1.PsTableGroupHeader, { count: group.rows.length, isExpanded: isExpanded, label: grouping.getGroupLabel(group.key, group.rows), onToggle: () => toggleGroup(group.key, isExpanded), summary: grouping.renderGroupSummary
-                                                                        ? grouping.renderGroupSummary(group.rows)
-                                                                        : undefined }) }) }), isExpanded
-                                                            ? renderEntries(api, group.rows.map((row, rowIndex) => ({
-                                                                motion: groupRowMotion(group.key, rowIndex),
-                                                                row,
-                                                            })))
-                                                            : null] }, `group-${group.key}`));
-                                            })
-                                            : shouldVirtualize
-                                                ? [
-                                                    (0, jsx_runtime_1.jsx)("tr", { "aria-hidden": 'true', children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, style: { height: virtualTop } }) }, 'virtual-top'),
-                                                    ...renderEntries(api, virtualItems.map((item) => ({
-                                                        row: visibleRows[item.index],
-                                                        virtualItem: item,
-                                                    }))),
-                                                    (0, jsx_runtime_1.jsx)("tr", { "aria-hidden": 'true', children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, style: { height: virtualBottom } }) }, 'virtual-bottom'),
-                                                ]
-                                                : renderEntries(api, visibleRows.map((row) => ({ row })))] }), hasFooter ? ((0, jsx_runtime_1.jsx)("tfoot", { className: 'border-t-2 border-line bg-mist/50 text-sm font-semibold text-ink', children: (0, jsx_runtime_1.jsxs)("tr", { children: [reorder ? (0, jsx_runtime_1.jsx)("td", { className: pins.reorder }) : null, isSelectable ? (0, jsx_runtime_1.jsx)("td", { className: pins.select }) : null, visibleColumns.map((column, columnIndex) => ((0, jsx_runtime_1.jsx)("td", { className: ps_design_system_1.PallasoftClassNameService.merge(densityClassNames[density].cell, placementOf(column, columnIndex), alignClassNames[column.align !== null && column.align !== undefined
-                                                    ? column.align
-                                                    : 'left'], 'whitespace-nowrap'), children: column.footer }, column.id)))] }) })) : null] }))) }), visibleRows.length > 0 && isSearching ? ((0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { className: 'border-t border-line py-3', label: searchingLabel })) : null, showsPagination && paginationPosition !== ps_table_pagination_position_1.PsTablePaginationPosition.top
-                        ? renderPagination('')
-                        : null] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: ps_design_system_1.PallasoftClassNameService.merge('flex min-w-0 flex-col gap-3', className), children: [stickyTop === undefined ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [stickyLeading, topContent] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('sticky z-sticky flex flex-col gap-3', stickyClassName), ref: stickyRegionRef, style: { top: stickyTop }, children: [stickyLeading, topContent] }) })), (0, jsx_runtime_1.jsx)("div", { className: 'min-w-0 overflow-clip rounded-[1.25rem]', children: (0, jsx_runtime_1.jsx)("div", { "aria-busy": isRefreshing, className: 'min-w-0 overflow-hidden rounded-[1.25rem] border border-line bg-surface', ref: stickyCardRef, children: (0, jsx_runtime_1.jsxs)("div", { ref: stickyContentRef, children: [showsPagination &&
+                                paginationPosition !== ps_table_pagination_position_1.PsTablePaginationPosition.bottom &&
+                                rowCount > ps_table_pagination_config_1.PsTablePaginationConfig.topMinRows
+                                ? renderPagination('border-b border-t-0')
+                                : null, mobileLayout === 'cards' ? ((0, jsx_runtime_1.jsxs)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('sm:hidden', isRefreshing ? ps_table_body_classes_1.PsTableBodyClasses.refreshing : ''), children: [reorder && reorder.cardsReason ? ((0, jsx_runtime_1.jsx)("p", { className: 'border-b border-line px-4 py-2 text-xs text-ink/55', children: reorder.cardsReason })) : null, grouping
+                                        ? groups.map((group, groupIndex) => {
+                                            const isExpanded = isGroupExpanded(group.key, groupIndex);
+                                            return ((0, jsx_runtime_1.jsxs)("div", { className: 'border-b border-line last:border-b-0', children: [(0, jsx_runtime_1.jsx)(ps_table_group_header_1.PsTableGroupHeader, { count: group.rows.length, isExpanded: isExpanded, label: grouping.getGroupLabel(group.key, group.rows), onToggle: () => toggleGroup(group.key, isExpanded), summary: grouping.renderGroupSummary
+                                                            ? grouping.renderGroupSummary(group.rows)
+                                                            : undefined }), (0, jsx_runtime_1.jsx)(ps_motion_components_1.PsCollapse, { isOpen: isExpanded && !closingGroupKeys.includes(group.key), children: renderCardList(group.rows, null) })] }, `group-${group.key}`));
+                                        })
+                                        : renderCardList(shouldVirtualize ? visibleRows.slice(0, cards.count) : visibleRows, visibleRows.length === 0 && isSearching ? ((0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { label: searchingLabel, skeletonRows: table_config_1.PsTableConfig.searchingSkeletonRows })) : visibleRows.length === 0 && isQueried ? ((0, jsx_runtime_1.jsxs)("div", { className: 'px-4 py-10 text-center', children: [(0, jsx_runtime_1.jsx)("p", { className: 'text-sm font-semibold text-ink', children: table_config_1.PsTableConfig.noMatchesTitle }), (0, jsx_runtime_1.jsx)("button", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_table_control_classes_1.PsTableControlClasses.textButton, 'mt-2 text-primary'), onClick: clearFilters, type: 'button', children: "Clear search and filters" })] })) : null), !grouping && shouldVirtualize && cards.count < visibleRows.length ? ((0, jsx_runtime_1.jsx)("div", { "aria-hidden": 'true', className: 'h-px', ref: cards.sentinelRef })) : null] })) : null, (0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('ps-scrollbar overflow-x-auto overflow-y-hidden overscroll-x-contain', isRefreshing ? ps_table_body_classes_1.PsTableBodyClasses.refreshing : '', mobileLayout === 'cards' ? 'hidden sm:block' : ''), "data-overflow-end": overflow.edges.end, "data-overflow-start": overflow.edges.start, onScroll: overflow.update, ref: overflow.ref, children: renderReorder((api) => ((0, jsx_runtime_1.jsxs)("table", { className: ps_design_system_1.PallasoftClassNameService.merge('w-full border-collapse text-left', layout === 'fixed' ? 'table-fixed' : ''), children: [caption ? (0, jsx_runtime_1.jsx)("caption", { className: 'sr-only', children: caption }) : null, (0, jsx_runtime_1.jsx)("thead", { className: ps_design_system_1.PallasoftClassNameService.merge('bg-mist/70 text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-ink/45', stickyTop === undefined
+                                                ? ''
+                                                : 'relative z-docked bg-surface will-change-transform [&_th]:border-b [&_th]:border-line [&>tr]:bg-mist/70'), ref: stickyHeadRef, children: (0, jsx_runtime_1.jsxs)("tr", { children: [reorder ? ((0, jsx_runtime_1.jsx)("th", { className: ps_design_system_1.PallasoftClassNameService.merge('w-9 min-w-9 pl-3 pr-0', pins.reorder), scope: 'col', children: reorder.enabled ? ((0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: reorder.columnLabel })) : reorder.disabledReason ? ((0, jsx_runtime_1.jsx)("span", { "aria-label": reorder.disabledReason, className: 'inline-flex cursor-help opacity-40', role: 'img', title: reorder.disabledReason, children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsDragGrip, {}) })) : null })) : null, isSelectable ? ((0, jsx_runtime_1.jsx)("th", { className: ps_design_system_1.PallasoftClassNameService.merge('w-10 min-w-10 pl-4 pr-0', pins.select), scope: 'col', children: (0, jsx_runtime_1.jsx)(ps_input_components_1.PsCheckbox, { isIndeterminate: !isPageSelected && pageIds.some((rowId) => selectedIdSet.has(rowId)), isSelected: isPageSelected, label: 'Select all rows on this page', onChange: togglePage }) })) : null, visibleColumns.map((column, columnIndex) => {
+                                                        const align = column.align !== null && column.align !== undefined
+                                                            ? column.align
+                                                            : 'left';
+                                                        const isSorted = sort !== null && sort.columnId === column.id;
+                                                        return ((0, jsx_runtime_1.jsx)("th", { "aria-sort": isSorted
+                                                                ? sort.direction
+                                                                : column.sortValue && isQueryable
+                                                                    ? 'none'
+                                                                    : undefined, className: ps_design_system_1.PallasoftClassNameService.merge(densityClassNames[density].head, alignClassNames[align], placementOf(column, columnIndex), 'whitespace-nowrap'), scope: 'col', style: columnStyle(column, fittedWidths.get(column.id)), children: column.sortValue && isQueryable ? ((0, jsx_runtime_1.jsx)(ps_table_sort_header_1.PsTableSortHeader, { align: align, columnId: column.id, label: column.label, onSort: updateSort, sort: sort })) : (column.label) }, column.id));
+                                                    })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { className: 'divide-y divide-line', ref: bodyRef, children: [visibleRows.length === 0 && isSearching ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, children: (0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { label: searchingLabel, skeletonRows: table_config_1.PsTableConfig.searchingSkeletonRows }) }) })) : null, visibleRows.length === 0 && isQueried && !isSearching ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsxs)("td", { className: 'px-4 py-12 text-center', colSpan: columnCount, children: [(0, jsx_runtime_1.jsx)("p", { className: 'text-sm font-semibold text-ink', children: table_config_1.PsTableConfig.noMatchesTitle }), (0, jsx_runtime_1.jsx)("p", { className: 'mt-1 text-sm text-ink/55', children: table_config_1.PsTableConfig.noMatchesDescription }), (0, jsx_runtime_1.jsx)("button", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_table_control_classes_1.PsTableControlClasses.textButton, 'mt-3 text-primary hover:underline'), onClick: clearFilters, type: 'button', children: "Clear search and filters" })] }) })) : null, grouping
+                                                    ? groups.map((group, groupIndex) => {
+                                                        const isExpanded = isGroupExpanded(group.key, groupIndex);
+                                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, children: (0, jsx_runtime_1.jsx)(ps_table_group_header_1.PsTableGroupHeader, { count: group.rows.length, isExpanded: isExpanded, label: grouping.getGroupLabel(group.key, group.rows), onToggle: () => toggleGroup(group.key, isExpanded), summary: grouping.renderGroupSummary
+                                                                                ? grouping.renderGroupSummary(group.rows)
+                                                                                : undefined }) }) }), isExpanded
+                                                                    ? renderEntries(api, group.rows.map((row, rowIndex) => ({
+                                                                        motion: groupRowMotion(group.key, rowIndex),
+                                                                        row,
+                                                                    })))
+                                                                    : null] }, `group-${group.key}`));
+                                                    })
+                                                    : shouldVirtualize
+                                                        ? [
+                                                            (0, jsx_runtime_1.jsx)("tr", { "aria-hidden": 'true', children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, style: { height: virtualTop } }) }, 'virtual-top'),
+                                                            ...renderEntries(api, virtualItems.map((item) => ({
+                                                                row: visibleRows[item.index],
+                                                                virtualItem: item,
+                                                            }))),
+                                                            (0, jsx_runtime_1.jsx)("tr", { "aria-hidden": 'true', children: (0, jsx_runtime_1.jsx)("td", { className: 'p-0', colSpan: columnCount, style: { height: virtualBottom } }) }, 'virtual-bottom'),
+                                                        ]
+                                                        : renderEntries(api, visibleRows.map((row) => ({ row })))] }), hasFooter ? ((0, jsx_runtime_1.jsx)("tfoot", { className: 'border-t-2 border-line bg-mist/50 text-sm font-semibold text-ink', children: (0, jsx_runtime_1.jsxs)("tr", { children: [reorder ? (0, jsx_runtime_1.jsx)("td", { className: pins.reorder }) : null, isSelectable ? (0, jsx_runtime_1.jsx)("td", { className: pins.select }) : null, visibleColumns.map((column, columnIndex) => ((0, jsx_runtime_1.jsx)("td", { className: ps_design_system_1.PallasoftClassNameService.merge(densityClassNames[density].cell, placementOf(column, columnIndex), alignClassNames[column.align !== null && column.align !== undefined
+                                                            ? column.align
+                                                            : 'left'], 'whitespace-nowrap'), children: column.footer }, column.id)))] }) })) : null] }))) }), visibleRows.length > 0 && isSearching ? ((0, jsx_runtime_1.jsx)(ps_table_searching_state_1.PsTableSearchingState, { className: 'border-t border-line py-3', label: searchingLabel })) : null, showsPagination && paginationPosition !== ps_table_pagination_position_1.PsTablePaginationPosition.top
+                                ? renderPagination('')
+                                : null] }) }) })] }));
 };
 exports.PsDataTable = PsDataTable;

package/dist/components/ps-report-table-skeleton.d.ts

@@ -0,0 +1,10 @@
+import { PsReportTableDensity } from '../constants/ps-report-table-density';
+import type { PsReportColumn } from '../interfaces/ps-report-column';
+export interface PsReportTableSkeletonProps<RowData> {
+    className?: string;
+    columns: PsReportColumn<RowData>[];
+    density?: PsReportTableDensity;
+    isFramed?: boolean;
+    rows?: number;
+}
+export declare const PsReportTableSkeleton: <RowData>({ className, columns, density, isFramed, rows, }: PsReportTableSkeletonProps<RowData>) => import("react").JSX.Element;

package/dist/components/ps-report-table-skeleton.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportTableSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_report_column_align_1 = require("../constants/ps-report-column-align");
+const ps_report_table_classes_1 = require("../constants/ps-report-table-classes");
+const ps_report_table_config_1 = require("../constants/ps-report-table-config");
+const ps_report_table_density_1 = require("../constants/ps-report-table-density");
+const ps_report_table_service_1 = require("../services/ps-report-table-service");
+const PsReportTableSkeleton = ({ className, columns, density = ps_report_table_density_1.PsReportTableDensity.normal, isFramed = true, rows = ps_report_table_config_1.PsReportTableConfig.skeletonRows, }) => {
+    const isEnd = (column) => ps_report_table_service_1.PsReportTableService.alignOf(column) === ps_report_column_align_1.PsReportColumnAlign.right;
+    const headClass = (column, index) => {
+        if (isEnd(column))
+            return ps_report_table_classes_1.PsReportTableClasses.skeleton.headEnd;
+        return index === 0
+            ? ps_report_table_classes_1.PsReportTableClasses.skeleton.headFirst
+            : ps_report_table_classes_1.PsReportTableClasses.skeleton.headOther;
+    };
+    const cellClass = (column, rowIndex, index) => isEnd(column)
+        ? ps_report_table_classes_1.PsReportTableClasses.skeleton.cellEnd
+        : ps_report_table_classes_1.PsReportTableClasses.skeleton.cellWidths[(rowIndex + index) % ps_report_table_classes_1.PsReportTableClasses.skeleton.cellWidths.length];
+    return ((0, jsx_runtime_1.jsx)(ps_core_components_1.PsSkeletonGroup, { className: ps_design_system_1.PallasoftClassNameService.merge(isFramed ? ps_report_table_classes_1.PsReportTableClasses.frame : ps_report_table_classes_1.PsReportTableClasses.skeleton.plain, className), children: (0, jsx_runtime_1.jsxs)("table", { className: ps_report_table_classes_1.PsReportTableClasses.table, children: [(0, jsx_runtime_1.jsx)("thead", { className: ps_report_table_classes_1.PsReportTableClasses.head, children: (0, jsx_runtime_1.jsx)("tr", { children: columns.map((column, index) => ((0, jsx_runtime_1.jsx)("th", { className: ps_report_table_classes_1.PsReportTableClasses.headCell[density], style: ps_report_table_service_1.PsReportTableService.indent(0, density), children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsSkeleton, { className: headClass(column, index) }) }, column.id))) }) }), (0, jsx_runtime_1.jsx)("tbody", { className: ps_report_table_classes_1.PsReportTableClasses.body, children: Array.from({ length: rows }, (_, rowIndex) => ((0, jsx_runtime_1.jsx)("tr", { children: columns.map((column, index) => ((0, jsx_runtime_1.jsx)("td", { className: ps_report_table_classes_1.PsReportTableClasses.cell[density], style: {
+                                ...ps_report_table_service_1.PsReportTableService.columnStyle(column),
+                                ...ps_report_table_service_1.PsReportTableService.indent(0, density),
+                            }, children: (0, jsx_runtime_1.jsx)(ps_core_components_1.PsSkeleton, { className: cellClass(column, rowIndex, index) }) }, column.id))) }, rowIndex))) })] }) }));
+};
+exports.PsReportTableSkeleton = PsReportTableSkeleton;

package/dist/components/ps-report-table.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+import { PsReportRowKind } from '../constants/ps-report-row-kind';
+import { PsReportRowTone } from '../constants/ps-report-row-tone';
+import { PsReportTableDensity } from '../constants/ps-report-table-density';
+import type { PsReportColumn } from '../interfaces/ps-report-column';
+export interface PsReportTableProps<RowData> {
+    caption: string;
+    className?: string;
+    columns: PsReportColumn<RowData>[];
+    density?: PsReportTableDensity;
+    emptyState?: ReactNode;
+    getLeadSpan?: (row: RowData) => number;
+    getRowId: (row: RowData) => string;
+    getRowKind?: (row: RowData) => PsReportRowKind;
+    getRowLevel?: (row: RowData) => number;
+    getRowTone?: (row: RowData) => PsReportRowTone;
+    isFirstColumnSticky?: boolean;
+    isFramed?: boolean;
+    isHeaderHidden?: boolean;
+    isHeaderSticky?: boolean;
+    isLoading?: boolean;
+    isRefreshing?: boolean;
+    maxHeight?: string;
+    minWidth?: string;
+    renderLead?: (row: RowData) => ReactNode;
+    rows: RowData[];
+}
+export declare const PsReportTable: <RowData>({ caption, className, columns, density, emptyState, getLeadSpan, getRowId, getRowKind, getRowLevel, getRowTone, isFirstColumnSticky, isFramed, isHeaderHidden, isHeaderSticky, isLoading, isRefreshing, maxHeight, minWidth, renderLead, rows, }: PsReportTableProps<RowData>) => import("react").JSX.Element;

package/dist/components/ps-report-table.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportTable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_report_row_kind_1 = require("../constants/ps-report-row-kind");
+const ps_report_row_tone_1 = require("../constants/ps-report-row-tone");
+const ps_report_table_classes_1 = require("../constants/ps-report-table-classes");
+const ps_report_table_config_1 = require("../constants/ps-report-table-config");
+const ps_report_table_density_1 = require("../constants/ps-report-table-density");
+const use_ps_table_overflow_1 = require("../hooks/use-ps-table-overflow");
+const ps_report_table_service_1 = require("../services/ps-report-table-service");
+const ps_report_table_skeleton_1 = require("./ps-report-table-skeleton");
+const PsReportTable = ({ caption, className, columns, density = ps_report_table_density_1.PsReportTableDensity.normal, emptyState, getLeadSpan, getRowId, getRowKind, getRowLevel, getRowTone, isFirstColumnSticky = false, isFramed = true, isHeaderHidden = false, isHeaderSticky = false, isLoading = false, isRefreshing = false, maxHeight, minWidth, renderLead, rows, }) => {
+    const overflow = (0, use_ps_table_overflow_1.usePsTableOverflow)(String(rows.length));
+    if (isLoading)
+        return ((0, jsx_runtime_1.jsx)(ps_report_table_skeleton_1.PsReportTableSkeleton, { className: className, columns: columns, density: density, isFramed: isFramed }));
+    const kindOf = (row) => getRowKind !== undefined ? getRowKind(row) : ps_report_row_kind_1.PsReportRowKind.data;
+    const toneOf = (row) => getRowTone !== undefined ? getRowTone(row) : ps_report_row_tone_1.PsReportRowTone.neutral;
+    const levelOf = (row) => ps_report_table_service_1.PsReportTableService.levelOf(getRowLevel !== undefined ? getRowLevel(row) : undefined);
+    const leadOf = (row) => (getLeadSpan !== undefined ? getLeadSpan(row) : 1);
+    const renderRow = (row) => {
+        const kind = kindOf(row);
+        const tone = toneOf(row);
+        const level = levelOf(row);
+        return ((0, jsx_runtime_1.jsx)("tr", { className: ps_report_table_classes_1.PsReportTableClasses.kind[kind], children: ps_report_table_service_1.PsReportTableService.cells(columns, leadOf(row)).map((plan) => {
+                const className = ps_design_system_1.PallasoftClassNameService.merge(ps_report_table_service_1.PsReportTableService.cellClass(plan.column, plan.index, density, tone, isFirstColumnSticky), plan.index === 0 ? ps_report_table_classes_1.PsReportTableClasses.rowHeader : '');
+                const style = {
+                    ...ps_report_table_service_1.PsReportTableService.columnStyle(plan.column),
+                    ...(plan.index === 0 ? ps_report_table_service_1.PsReportTableService.indent(level, density) : {}),
+                };
+                return plan.index === 0 ? ((0, jsx_runtime_1.jsx)("th", { className: className, colSpan: plan.colSpan, scope: kind === ps_report_row_kind_1.PsReportRowKind.group && plan.colSpan === columns.length
+                        ? 'colgroup'
+                        : 'row', style: style, children: plan.colSpan > 1 && renderLead !== undefined
+                        ? renderLead(row)
+                        : plan.column.render(row) }, plan.column.id)) : ((0, jsx_runtime_1.jsx)("td", { className: className, colSpan: plan.colSpan, style: style, children: plan.column.render(row) }, plan.column.id));
+            }) }, getRowId(row)));
+    };
+    const content = ((0, jsx_runtime_1.jsx)("div", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_report_table_classes_1.PsReportTableClasses.scroll, maxHeight !== undefined ? ps_report_table_classes_1.PsReportTableClasses.scrollBounded : '', isRefreshing ? ps_report_table_classes_1.PsReportTableClasses.refreshing : ''), "data-overflow-end": overflow.edges.end, "data-overflow-start": overflow.edges.start, onScroll: overflow.update, ref: overflow.ref, style: { maxHeight }, children: (0, jsx_runtime_1.jsxs)("table", { className: ps_report_table_classes_1.PsReportTableClasses.table, style: { minWidth }, children: [(0, jsx_runtime_1.jsx)("caption", { className: ps_report_table_classes_1.PsReportTableClasses.caption, children: caption }), (0, jsx_runtime_1.jsx)("thead", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_report_table_classes_1.PsReportTableClasses.head, isHeaderHidden ? ps_report_table_classes_1.PsReportTableClasses.headHidden : ''), children: (0, jsx_runtime_1.jsx)("tr", { children: columns.map((column, index) => ((0, jsx_runtime_1.jsx)("th", { className: ps_report_table_service_1.PsReportTableService.headClass(column, index, density, isHeaderSticky, isFirstColumnSticky), scope: 'col', style: {
+                                ...ps_report_table_service_1.PsReportTableService.columnStyle(column),
+                                ...ps_report_table_service_1.PsReportTableService.indent(0, density),
+                            }, children: column.label }, column.id))) }) }), (0, jsx_runtime_1.jsx)("tbody", { className: ps_report_table_classes_1.PsReportTableClasses.body, children: rows.length === 0 ? ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: ps_report_table_classes_1.PsReportTableClasses.empty, colSpan: columns.length, children: emptyState !== undefined ? emptyState : ps_report_table_config_1.PsReportTableConfig.emptyLabel }) })) : (rows.map(renderRow)) })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { "aria-busy": isRefreshing, className: ps_design_system_1.PallasoftClassNameService.merge(isFramed ? ps_report_table_classes_1.PsReportTableClasses.frame : ps_report_table_classes_1.PsReportTableClasses.framePlain, className), children: content }));
+};
+exports.PsReportTable = PsReportTable;

package/dist/constants/ps-report-column-align.d.ts

@@ -0,0 +1,6 @@
+export declare const PsReportColumnAlign: {
+    readonly center: "center";
+    readonly left: "left";
+    readonly right: "right";
+};
+export type PsReportColumnAlign = (typeof PsReportColumnAlign)[keyof typeof PsReportColumnAlign];

package/dist/constants/ps-report-column-align.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportColumnAlign = void 0;
+exports.PsReportColumnAlign = {
+    center: 'center',
+    left: 'left',
+    right: 'right',
+};

package/dist/constants/ps-report-row-kind.d.ts

@@ -0,0 +1,7 @@
+export declare const PsReportRowKind: {
+    readonly data: "data";
+    readonly group: "group";
+    readonly subtotal: "subtotal";
+    readonly total: "total";
+};
+export type PsReportRowKind = (typeof PsReportRowKind)[keyof typeof PsReportRowKind];

package/dist/constants/ps-report-row-kind.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportRowKind = void 0;
+exports.PsReportRowKind = {
+    data: 'data',
+    group: 'group',
+    subtotal: 'subtotal',
+    total: 'total',
+};

package/dist/constants/ps-report-row-tone.d.ts

@@ -0,0 +1,7 @@
+export declare const PsReportRowTone: {
+    readonly danger: "danger";
+    readonly muted: "muted";
+    readonly neutral: "neutral";
+    readonly primary: "primary";
+};
+export type PsReportRowTone = (typeof PsReportRowTone)[keyof typeof PsReportRowTone];

package/dist/constants/ps-report-row-tone.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportRowTone = void 0;
+exports.PsReportRowTone = {
+    danger: 'danger',
+    muted: 'muted',
+    neutral: 'neutral',
+    primary: 'primary',
+};

package/dist/constants/ps-report-table-classes.d.ts

@@ -0,0 +1,52 @@
+export declare const PsReportTableClasses: {
+    readonly align: {
+        readonly center: "text-center";
+        readonly left: "text-left";
+        readonly right: "text-right tabular-nums";
+    };
+    readonly body: "divide-y divide-line/60";
+    readonly caption: "sr-only";
+    readonly cell: {
+        readonly compact: "py-1.5 pr-3 text-[0.8125rem] leading-5";
+        readonly normal: "py-3 pr-5 text-sm";
+    };
+    readonly empty: "px-4 py-10 text-center text-sm text-ink/55";
+    readonly framePlain: "min-w-0";
+    readonly frame: "min-w-0 overflow-hidden rounded-[1.25rem] border border-line bg-surface";
+    readonly head: "bg-mist/70 text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-ink/45";
+    readonly headCell: {
+        readonly compact: "py-2 pr-3 whitespace-nowrap";
+        readonly normal: "py-3.5 pr-5 whitespace-nowrap";
+    };
+    readonly headHidden: "sr-only";
+    readonly kind: {
+        readonly data: "text-ink";
+        readonly group: "bg-mist/40 font-semibold text-ink [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-mist-rgb)/0.4)]";
+        readonly subtotal: "border-t border-line font-semibold text-ink";
+        readonly total: "border-t-2 border-line bg-mist/50 font-semibold text-ink [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-mist-rgb)/0.5)]";
+    };
+    readonly nowrap: "whitespace-nowrap";
+    readonly refreshing: "opacity-60";
+    readonly rowHeader: "[font-weight:inherit]";
+    readonly scroll: "ps-scrollbar overflow-x-auto overscroll-x-contain";
+    readonly scrollBounded: "overflow-y-auto overscroll-contain";
+    readonly skeleton: {
+        readonly cellEnd: "ml-auto w-16";
+        readonly cellWidths: readonly ["w-3/4", "w-1/2"];
+        readonly headEnd: "ml-auto h-2.5 w-12";
+        readonly headFirst: "h-2.5 w-20";
+        readonly headOther: "h-2.5 w-14";
+        readonly plain: "min-w-0 overflow-hidden";
+    };
+    readonly stickyFirstBody: "ps-table-pin left-0";
+    readonly stickyFirstHead: "ps-table-pin left-0 top-0 z-[3]";
+    readonly stickyHead: "ps-table-pin top-0 z-[2]";
+    readonly table: "w-full border-collapse text-left";
+    readonly tone: {
+        readonly danger: "bg-danger-soft/60 text-danger [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-danger-soft-rgb)/0.6)]";
+        readonly muted: "text-ink/60";
+        readonly neutral: "";
+        readonly primary: "bg-primary/10 text-primary [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-primary-rgb)/0.1)]";
+    };
+    readonly truncate: "truncate";
+};

package/dist/constants/ps-report-table-classes.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportTableClasses = void 0;
+const ps_report_column_align_1 = require("./ps-report-column-align");
+const ps_report_row_kind_1 = require("./ps-report-row-kind");
+const ps_report_row_tone_1 = require("./ps-report-row-tone");
+const ps_report_table_density_1 = require("./ps-report-table-density");
+exports.PsReportTableClasses = {
+    align: {
+        [ps_report_column_align_1.PsReportColumnAlign.center]: 'text-center',
+        [ps_report_column_align_1.PsReportColumnAlign.left]: 'text-left',
+        [ps_report_column_align_1.PsReportColumnAlign.right]: 'text-right tabular-nums',
+    },
+    body: 'divide-y divide-line/60',
+    caption: 'sr-only',
+    cell: {
+        [ps_report_table_density_1.PsReportTableDensity.compact]: 'py-1.5 pr-3 text-[0.8125rem] leading-5',
+        [ps_report_table_density_1.PsReportTableDensity.normal]: 'py-3 pr-5 text-sm',
+    },
+    empty: 'px-4 py-10 text-center text-sm text-ink/55',
+    framePlain: 'min-w-0',
+    frame: 'min-w-0 overflow-hidden rounded-[1.25rem] border border-line bg-surface',
+    head: 'bg-mist/70 text-[0.68rem] font-semibold uppercase tracking-[0.18em] text-ink/45',
+    headCell: {
+        [ps_report_table_density_1.PsReportTableDensity.compact]: 'py-2 pr-3 whitespace-nowrap',
+        [ps_report_table_density_1.PsReportTableDensity.normal]: 'py-3.5 pr-5 whitespace-nowrap',
+    },
+    headHidden: 'sr-only',
+    kind: {
+        [ps_report_row_kind_1.PsReportRowKind.data]: 'text-ink',
+        [ps_report_row_kind_1.PsReportRowKind.group]: 'bg-mist/40 font-semibold text-ink [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-mist-rgb)/0.4)]',
+        [ps_report_row_kind_1.PsReportRowKind.subtotal]: 'border-t border-line font-semibold text-ink',
+        [ps_report_row_kind_1.PsReportRowKind.total]: 'border-t-2 border-line bg-mist/50 font-semibold text-ink [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-mist-rgb)/0.5)]',
+    },
+    nowrap: 'whitespace-nowrap',
+    refreshing: 'opacity-60',
+    rowHeader: '[font-weight:inherit]',
+    scroll: 'ps-scrollbar overflow-x-auto overscroll-x-contain',
+    scrollBounded: 'overflow-y-auto overscroll-contain',
+    skeleton: {
+        cellEnd: 'ml-auto w-16',
+        cellWidths: ['w-3/4', 'w-1/2'],
+        headEnd: 'ml-auto h-2.5 w-12',
+        headFirst: 'h-2.5 w-20',
+        headOther: 'h-2.5 w-14',
+        plain: 'min-w-0 overflow-hidden',
+    },
+    stickyFirstBody: 'ps-table-pin left-0',
+    stickyFirstHead: 'ps-table-pin left-0 top-0 z-[3]',
+    stickyHead: 'ps-table-pin top-0 z-[2]',
+    table: 'w-full border-collapse text-left',
+    tone: {
+        [ps_report_row_tone_1.PsReportRowTone.danger]: 'bg-danger-soft/60 text-danger [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-danger-soft-rgb)/0.6)]',
+        [ps_report_row_tone_1.PsReportRowTone.muted]: 'text-ink/60',
+        [ps_report_row_tone_1.PsReportRowTone.neutral]: '',
+        [ps_report_row_tone_1.PsReportRowTone.primary]: 'bg-primary/10 text-primary [--ps-table-pin-fill:inset_0_0_0_100vmax_rgb(var(--ps-color-primary-rgb)/0.1)]',
+    },
+    truncate: 'truncate',
+};

package/dist/constants/ps-report-table-config.d.ts

@@ -0,0 +1,9 @@
+export declare const PsReportTableConfig: {
+    readonly baseIndentRem: {
+        readonly compact: 0.75;
+        readonly normal: 1.25;
+    };
+    readonly emptyLabel: "Nothing to show";
+    readonly indentRem: 1.25;
+    readonly skeletonRows: 6;
+};

package/dist/constants/ps-report-table-config.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportTableConfig = void 0;
+exports.PsReportTableConfig = {
+    baseIndentRem: { compact: 0.75, normal: 1.25 },
+    emptyLabel: 'Nothing to show',
+    indentRem: 1.25,
+    skeletonRows: 6,
+};

package/dist/constants/ps-report-table-density.d.ts

@@ -0,0 +1,5 @@
+export declare const PsReportTableDensity: {
+    readonly compact: "compact";
+    readonly normal: "normal";
+};
+export type PsReportTableDensity = (typeof PsReportTableDensity)[keyof typeof PsReportTableDensity];

package/dist/constants/ps-report-table-density.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsReportTableDensity = void 0;
+exports.PsReportTableDensity = {
+    compact: 'compact',
+    normal: 'normal',
+};

package/dist/constants/ps-table-sticky-config.d.ts

@@ -1,4 +1,4 @@
 export declare const PsTableStickyConfig: {
     readonly cardGapPx: 12;
-    readonly cardRadius: "1.25rem";
+    readonly inputTolerancePx: 0.5;
 };

package/dist/constants/ps-table-sticky-config.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsTableStickyConfig = void 0;
 exports.PsTableStickyConfig = {
     cardGapPx: 12,
-    cardRadius: '1.25rem',
+    inputTolerancePx: 0.5,
 };