@popsure/dirty-swan 0.58.5 → 0.58.7

package/dist/cjs/index.js

@@ -2549,7 +2549,7 @@ var Bold = (function (props) {
 });
 
 var Bone = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { clipPath: "url(#bone_svg__a)", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M4.4 15.6a2.188 2.188 0 1 1 .821-4.017.625.625 0 0 0 .781-.084l5.499-5.498a.625.625 0 0 0 .083-.781 2.187 2.187 0 1 1 4.018-.821 2.188 2.188 0 1 1-.822 4.017.625.625 0 0 0-.78.083l-5.5 5.499a.625.625 0 0 0-.083.781A2.188 2.188 0 1 1 4.4 15.6Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "bone_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { clipPath: "url(#bone_svg__a)", children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, d: "M5.28 18.72a2.626 2.626 0 1 1 .985-4.82.75.75 0 0 0 .938-.1L13.8 7.2a.75.75 0 0 0 .1-.937 2.625 2.625 0 1 1 4.821-.986 2.625 2.625 0 1 1-.985 4.821.75.75 0 0 0-.938.1l-6.598 6.598a.75.75 0 0 0-.1.938 2.624 2.624 0 1 1-4.82.985Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "bone_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var BookOpen = (function (props) {
@@ -2613,7 +2613,7 @@ var CarTraffic = (function (props) {
 });
 
 var Car = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", clipPath: "url(#car_svg__a)", children: [jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "M1.25 8.75h17.5M17.5 13.75v1.875a.624.624 0 0 1-.625.625H15a.624.624 0 0 1-.625-.625V13.75M5.625 13.75v1.875A.625.625 0 0 1 5 16.25H3.125a.625.625 0 0 1-.625-.625V13.75" }), jsxRuntime.jsx("path", { strokeWidth: 1.3, d: "M5 11.25h1.25M13.75 11.25H15" }), jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "m17.5 8.75-2.335-5.254a.625.625 0 0 0-.571-.371H5.406a.625.625 0 0 0-.57.371L2.5 8.75v5h15v-5Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "car_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", clipPath: "url(#car_svg__a)", children: [jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "M1.5 10.5h21M21 16.5v2.25a.75.75 0 0 1-.75.75H18a.75.75 0 0 1-.75-.75V16.5M6.75 16.5v2.25a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75V16.5" }), jsxRuntime.jsx("path", { strokeWidth: 1.3, d: "M6 13.5h1.5M16.5 13.5H18" }), jsxRuntime.jsx("path", { strokeWidth: 1.8, d: "m21 10.5-2.802-6.305a.75.75 0 0 0-.686-.445H6.489a.75.75 0 0 0-.686.445L3 10.5v6h18v-6Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "car_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var Cast = (function (props) {
@@ -2973,7 +2973,7 @@ var FileIcon = (function (props) {
 });
 
 var Files = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#files_svg__a)", children: [jsxRuntime.jsx("path", { d: "M13.125 17.5h-8.75a.625.625 0 0 1-.625-.625V5.625A.625.625 0 0 1 4.375 5h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625Z" }), jsxRuntime.jsx("path", { d: "M6.25 5V3.125a.625.625 0 0 1 .625-.625h6.25l3.125 3.125v8.75a.624.624 0 0 1-.625.625H13.75M6.875 11.875h3.75M6.875 14.375h3.75" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "files_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, clipPath: "url(#files_svg__a)", children: [jsxRuntime.jsx("path", { d: "M15.75 21H5.25a.75.75 0 0 1-.75-.75V6.75A.75.75 0 0 1 5.25 6h7.5l3.75 3.75v10.5a.75.75 0 0 1-.75.75Z" }), jsxRuntime.jsx("path", { d: "M7.5 6V3.75A.75.75 0 0 1 8.25 3h7.5l3.75 3.75v10.5a.75.75 0 0 1-.75.75H16.5M8.25 14.25h4.5M8.25 17.25h4.5" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "files_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var Film = (function (props) {
@@ -3089,7 +3089,7 @@ var HospitalBuilding = (function (props) {
 });
 
 var Id = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#id_svg__a)", children: [jsxRuntime.jsx("path", { d: "M11.875 8.75H15M11.875 11.25H15M16.875 3.75H3.125a.625.625 0 0 0-.625.625v11.25c0 .345.28.625.625.625h13.75c.345 0 .625-.28.625-.625V4.375a.625.625 0 0 0-.625-.625Z" }), jsxRuntime.jsx("path", { d: "M7.5 11.25a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75ZM5 13.125c.277-1.078 1.335-1.875 2.5-1.875s2.223.796 2.5 1.875" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "id_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#id_svg__a)", children: [jsxRuntime.jsx("path", { d: "M14.25 10.5H18M14.25 13.5H18M20.25 4.5H3.75a.75.75 0 0 0-.75.75v13.5c0 .414.336.75.75.75h16.5a.75.75 0 0 0 .75-.75V5.25a.75.75 0 0 0-.75-.75Z" }), jsxRuntime.jsx("path", { d: "M9 13.5A2.25 2.25 0 1 0 9 9a2.25 2.25 0 0 0 0 4.5ZM6 15.75c.333-1.294 1.602-2.25 3-2.25s2.668.955 3 2.25" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "id_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var ImagePicture = (function (props) {
@@ -3433,7 +3433,7 @@ var Progress = (function (props) {
 });
 
 var Prohibit = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#prohibit_svg__a)", children: [jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.303 15.303 4.697 4.697" }), jsxRuntime.jsx("path", { strokeMiterlimit: 10, d: "M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "prohibit_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 2, clipPath: "url(#prohibit_svg__a)", children: [jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18.364 18.364 5.636 5.637" }), jsxRuntime.jsx("path", { strokeMiterlimit: 10, d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "prohibit_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var QrCode = (function (props) {
@@ -3453,7 +3453,7 @@ var Radio$1 = (function (props) {
 });
 
 var Receipt = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#receipt_svg__a)", children: jsxRuntime.jsx("path", { d: "M6.25 8.125h7.5M6.25 10.625h7.5M2.5 16.25V4.375a.625.625 0 0 1 .625-.625h13.75a.625.625 0 0 1 .625.625V16.25L15 15l-2.5 1.25L10 15l-2.5 1.25L5 15l-2.5 1.25Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "receipt_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, clipPath: "url(#receipt_svg__a)", children: jsxRuntime.jsx("path", { d: "M7.5 9.75h9M7.5 12.75h9M3 19.5V5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 .75.75V19.5L18 18l-3 1.5-3-1.5-3 1.5L6 18l-3 1.5Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "receipt_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var RefreshCcw = (function (props) {
@@ -3557,7 +3557,7 @@ var Sidebar = (function (props) {
 });
 
 var Signature = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#signature_svg__a)", children: jsxRuntime.jsx("path", { d: "M1.875 14h16.25M1.875 17.5s9.025-15 4.212-15C2.505 2.5 2.467 17.587 10 8.14c0 0 .634 3.081 2.127 3.11.603.012 1.348-.493 2.248-1.875 0 0 0 1.875 3.75 1.875" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "signature_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#signature_svg__a)", children: jsxRuntime.jsx("path", { d: "M2.25 16.8h19.5M2.25 21S13.08 3 7.304 3C3.007 3 2.961 21.104 12 9.768c0 0 .76 3.697 2.553 3.732.724.014 1.617-.592 2.697-2.25 0 0 0 2.25 4.5 2.25" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "signature_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var SkipBack = (function (props) {
@@ -3601,7 +3601,7 @@ var Square = (function (props) {
 });
 
 var Stamp = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.8, clipPath: "url(#stamp_svg__a)", children: jsxRuntime.jsx("path", { d: "M3.125 17.5h13.75M8.931 10.625 7.542 4.141a1.875 1.875 0 0 1 1.833-2.266h1.25a1.875 1.875 0 0 1 1.834 2.266l-1.39 6.484M16.25 10.625H3.75a.625.625 0 0 0-.625.625v3.125c0 .345.28.625.625.625h12.5c.345 0 .625-.28.625-.625V11.25a.625.625 0 0 0-.625-.625Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "stamp_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, clipPath: "url(#stamp_svg__a)", children: jsxRuntime.jsx("path", { d: "M3.75 21h16.5M10.717 12.75 9.051 4.969A2.25 2.25 0 0 1 11.25 2.25h1.5a2.25 2.25 0 0 1 2.2 2.719l-1.667 7.781M19.5 12.75h-15a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75Z" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "stamp_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) }));
 });
 
 var StarFilledIcon = (function (props) {
@@ -3689,7 +3689,7 @@ var TrailerParts = (function (props) {
 });
 
 var Translation = (function (props) {
-    return React.createElement(IconWrapper, props, jsxRuntime.jsxs("g", { stroke: "currentColor", strokeWidth: 1.8, clipPath: "url(#translation_svg__a)", children: [jsxRuntime.jsx("circle", { cx: 11.25, cy: 8.75, r: 7.083 }), jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M11.667 1.667c-2.808 2.237-3.842 5.888-3.102 9.166" }), jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M10.833 1.667c4.445 3.541 4.445 10.625 0 14.166M5 6.667h12.5M5 10.833h12.5" }), jsxRuntime.jsx("path", { fill: "#fff", strokeLinecap: "round", strokeLinejoin: "round", d: "M10 16.146c0 .276-.109.541-.301.736a1.022 1.022 0 0 1-.728.305H3.724l-2.058 1.146v-6.458c0-.276.109-.541.302-.737.193-.195.454-.305.727-.305h6.276c.273 0 .535.11.728.305.192.196.3.46.3.737v4.27Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "translation_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) }));
+    return React.createElement(IconWrapper, props, jsxRuntime.jsx("circle", { cx: 13.5, cy: 10.5, r: 8.5, stroke: "currentColor", strokeWidth: 2 }), jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M14 2c-3.37 2.685-4.61 7.066-3.722 11" }), jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 2, d: "M13 2c5.333 4.25 5.333 12.75 0 17M6 8h15M6 13h15" }), jsxRuntime.jsx("path", { fill: "#fff", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 19.375c0 .331-.13.65-.362.884a1.227 1.227 0 0 1-.873.366H4.47L2 22v-7.75c0-.332.13-.65.362-.884.231-.234.545-.366.873-.366h7.53c.328 0 .642.132.873.366.232.235.362.553.362.884v5.125Z" }));
 });
 
 var Trash2Icon = (function (props) {
@@ -16329,14 +16329,19 @@ var IconRenderer = function (_a) {
 
 var CTACell = function (_a) {
     var _b;
-    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
+    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId, onClick = _a.onClick;
     var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
-    return (jsxRuntime.jsxs("div", { className: classNames$1(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16 w100 wmx3', (_b = {
+    return (jsxRuntime.jsxs("div", { className: classNames$1(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsxRuntime.jsx(Button, __assign({}, onClick ? { onClick: onClick } : {
+                as: 'a',
+                href: href,
+                target: '_blank',
+                rel: 'noopener noreferrer',
+            }, { className: classNames$1('mt16 w100 wmx3', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles$6.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
+                    _b)), children: buttonCaption }))] }));
 };
 
 var CardCell = function (_a) {
@@ -16399,7 +16404,7 @@ var isBaseCell = function (tableCellData) {
 };
 
 var TableSection = function (_a) {
-    var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, _c = _a.hideRows, hideRows = _c === void 0 ? [] : _c, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
     var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
     var isBelowDesktop = useMediaQuery('BELOW_DESKTOP');
     var getModalTitleFromColumnHeader = function (cellIndex) {
@@ -16425,6 +16430,7 @@ var TableSection = function (_a) {
         return titleFromRow;
     };
     var isVisibleColumn = React.useCallback(function (cellIndex) { return !hideColumns.includes(cellIndex); }, [hideColumns]);
+    var isVisibleRow = React.useCallback(function (rowIndex) { return !hideRows.includes(rowIndex); }, [hideRows]);
     return (jsxRuntime.jsxs("table", { className: classNames$1(className, 'w100', styles$3.table), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
                         var isFirstCellInRow = cellIndex === 0;
                         var cellReplacementData = (tableCellData.cellId &&
@@ -16438,7 +16444,7 @@ var TableSection = function (_a) {
                         });
                         return (isVisibleColumn(cellIndex) && (jsxRuntime.jsx(TableCell, __assign({ isBelowDesktop: isBelowDesktop, isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, cellProps, { imageComponent: imageComponent }), cellIndex)));
                     }) }) })), jsxRuntime.jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
-                    return rowIndex > 0 && (jsxRuntime.jsx("tr", { className: styles$3.tr, children: row.map(function (tableCellData, cellIndex) {
+                    return rowIndex > 0 && isVisibleRow(rowIndex) && (jsxRuntime.jsx("tr", { className: styles$3.tr, children: row.map(function (tableCellData, cellIndex) {
                             var key = "".concat(rowIndex, "-").concat(cellIndex);
                             var isFirstCellInRow = cellIndex === 0;
                             var titleFromRow = getModalTitleFromRowHeader(row);
@@ -16500,8 +16506,8 @@ var Collapsible = function (_a) {
 
 var TableContents = function (_a) {
     var _b, _c;
-    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
-    var _e = React.useState(null), isSectionOpen = _e[0], setOpenSection = _e[1];
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, _e = _a.hideRows, hideRows = _e === void 0 ? [] : _e, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var _f = React.useState(null), isSectionOpen = _f[0], setOpenSection = _f[1];
     var firstHeadRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
     var tableWidth = isMobile ? "".concat((firstHeadRow === null || firstHeadRow === void 0 ? void 0 : firstHeadRow.length) * 50, "%") : '';
     var handleToggleSection = function (index) {
@@ -16509,6 +16515,8 @@ var TableContents = function (_a) {
             return currentSection === index ? null : index;
         });
     };
+    // Calculate global row offset for each section
+    var globalRowOffset = 0;
     return (jsxRuntime.jsx("div", { style: { width: tableWidth }, children: tableData.map(function (_a, index) {
             var rows = _a.rows, _b = _a.section, section = _b === void 0 ? {} : _b;
             var isFirstSection = index === 0;
@@ -16517,14 +16525,21 @@ var TableContents = function (_a) {
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
             var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
-            return ((isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
+            // Calculate section-specific hideRows based on global offset
+            var sectionHideRows = hideRows
+                .map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
+                .filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
+            var result = (isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
                                     wrapper: 'bg-purple-50 pl16',
                                     icon: classNames$1(styles$2.cardIcon, 'tc-grey-900'),
                                 }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
-                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, children: jsxRuntime.jsx(TableSection, { className: classNames$1(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray$1([firstHeadRow], rows, true), hideColumns: hideColumns, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index)));
+                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, children: jsxRuntime.jsx(TableSection, { className: classNames$1(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray$1([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index));
+            // Update global offset for next section (excluding header row for non-first sections)
+            globalRowOffset += rows.length;
+            return result;
         }) }));
 };
 
@@ -16620,20 +16635,20 @@ var defaultTextOverrides = {
 };
 var Table = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
-    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _l = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _l === void 0 ? 0 : _l, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title;
+    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, _l = _a.hideRows, hideRows = _l === void 0 ? [] : _l, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _m = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _m === void 0 ? 0 : _m, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title;
     var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
     var isMobile = useMediaQuery('BELOW_MOBILE');
-    var _m = React.useState(null), infoModalData = _m[0], setInfoModalData = _m[1];
-    var _o = React.useState(true), shouldHideDetails = _o[0], setShouldHideDetails = _o[1];
+    var _o = React.useState(null), infoModalData = _o[0], setInfoModalData = _o[1];
+    var _p = React.useState(true), shouldHideDetails = _p[0], setShouldHideDetails = _p[1];
     var containerRef = React.useRef(null);
     var headerRef = React.useRef(null);
     var columnsLength = tableData[0].rows[0].length;
     useScrollSync(headerRef, containerRef, !isMobile);
-    var _p = useTableNavigation({
+    var _q = useTableNavigation({
         enabled: isMobile,
         containerRef: containerRef,
         onSelectionChanged: onSelectionChanged,
-    }), activeSection = _p.activeSection, navigateTable = _p.navigateTable;
+    }), activeSection = _q.activeSection, navigateTable = _q.navigateTable;
     var titleCell = __assign({ text: '' }, ((_d = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[0]) || {});
     var currentActiveSection = (_g = (_f = (_e = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _e === void 0 ? void 0 : _e.rows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[activeSection];
     var currentActiveSectionReplacements = (currentActiveSection.cellId &&
@@ -16654,7 +16669,7 @@ var Table = function (_a) {
                                     });
                                 },
                             }
-                            : {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })] })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$4.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$4.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, openModal: handleOpenModal, tableCellRows: [(_j = (_h = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _h === void 0 ? void 0 : _h.rows) === null || _j === void 0 ? void 0 : _j[0]], title: title, imageComponent: imageComponent }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$4.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideColumns: hideColumns, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent }) }), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 1 && hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
+                            : {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })] })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$4.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$4.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, hideRows: hideRows, openModal: handleOpenModal, tableCellRows: [(_j = (_h = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _h === void 0 ? void 0 : _h.rows) === null || _j === void 0 ? void 0 : _j[0]], title: title, imageComponent: imageComponent }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$4.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideColumns: hideColumns, hideDetails: hideDetails, hideRows: hideRows, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent }) }), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 1 && hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
                     buttonWrapper: 'm8 mt32',
                     title: 'd-flex gap8 ai-center jc-center fw-bold',
                     wrapper: 'bg-grey-200',