jattac.libs.web.responsive-table 0.12.0-rc.4 → 0.13.0

package/dist/index.es.js

@@ -6,7 +6,7 @@ function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
 
-  if (!css || typeof document === 'undefined') { return; }
+  if (typeof document === 'undefined') { return; }
 
   var head = document.head || document.getElementsByTagName('head')[0];
   var style = document.createElement('style');
@@ -29,9 +29,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$2 = ".ResponsiveTable-module_responsiveTable__4y-Od{--table-border-color:#e0e0e0;--table-header-bg:#f8f9fa;--table-row-hover-bg:#f1f3f5;--table-row-stripe-bg:#fafbfc;--card-bg:#fff;--card-border-color:#d1d5db;--card-shadow:0 2px 8px rgba(0,0,0,.06);--text-color:#212529;--text-color-muted:#6c757d;--interactive-color:#0056b3;--primary-color:#007bff;--rt-mobile-card-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.04);--rt-mobile-card-radius:16px;--rt-mobile-bg-wash:#f1f5f9;--rt-mobile-label-color:#475569;--rt-mobile-value-color:#1e293b}.ResponsiveTable-module_tableContainer__VjWjH{border:1px solid var(--table-border-color);border-radius:8px;overflow-x:auto;width:100%}.ResponsiveTable-module_responsiveTable__4y-Od{background-color:var(--card-bg);border-collapse:collapse;color:var(--text-color);width:100%}.ResponsiveTable-module_responsiveTable__4y-Od thead th{background-color:var(--table-header-bg);border-bottom:2px solid var(--table-border-color);color:var(--text-color-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;z-index:1}.ResponsiveTable-module_responsiveTable__4y-Od td{border-bottom:1px solid var(--table-border-color);font-size:.9rem;padding:1rem;text-align:left}.ResponsiveTable-module_responsiveTable__4y-Od tr:last-child td{border-bottom:none}.ResponsiveTable-module_responsiveTable__4y-Od tr:nth-child(2n){background-color:var(--table-row-stripe-bg)}.ResponsiveTable-module_responsiveTable__4y-Od tr:hover{background-color:var(--table-row-hover-bg)}.ResponsiveTable-module_cardContainer__Het4h{background-color:var(--rt-mobile-bg-wash);border-radius:var(--rt-mobile-card-radius);display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.ResponsiveTable-module_card__b-U2v{background-color:var(--card-bg);border:1px solid var(--card-border-color);border-bottom:3px solid var(--primary-color);border-radius:var(--rt-mobile-card-radius);box-shadow:var(--rt-mobile-card-shadow);overflow:hidden;padding:1rem;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.ResponsiveTable-module_card__b-U2v:hover{box-shadow:0 2px 4px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.06);transform:translateY(-4px)}.ResponsiveTable-module_card-header__Ttk51{border-bottom:1px solid var(--table-border-color);margin-bottom:1rem;padding-bottom:.5rem}.ResponsiveTable-module_card-row__qvIUJ{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin:0 0 .75rem}.ResponsiveTable-module_card-row__qvIUJ.ResponsiveTable-module_stacked__FSaTB{align-items:stretch;flex-direction:column;gap:.25rem;margin-bottom:1rem}.ResponsiveTable-module_card-row__qvIUJ:last-child{margin-bottom:0}.ResponsiveTable-module_card-label__v9L71{color:var(--rt-mobile-label-color);font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.ResponsiveTable-module_card-value__BO-c-{color:var(--rt-mobile-value-color);font-size:.95rem;text-align:right}.ResponsiveTable-module_card-row__qvIUJ.ResponsiveTable-module_stacked__FSaTB .ResponsiveTable-module_card-value__BO-c-{text-align:left}.ResponsiveTable-module_numberValue__-TLR1{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:right!important}.ResponsiveTable-module_dateValue__UMvqJ{color:var(--text-color-muted);font-size:.85rem}.ResponsiveTable-module_imageValue__wVb-p img{border-radius:8px;height:auto;max-width:100%;object-fit:cover}.ResponsiveTable-module_inputValue__CrGMx{margin-top:.5rem;width:100%}.ResponsiveTable-module_inputValue__CrGMx button,.ResponsiveTable-module_inputValue__CrGMx input[type=text],.ResponsiveTable-module_inputValue__CrGMx select,.ResponsiveTable-module_inputValue__CrGMx textarea{min-height:44px;width:100%!important}.ResponsiveTable-module_clickableRow__0kjWm{cursor:pointer}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr{transition:background-color .12s ease}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr.ResponsiveTable-module_clickableRow__0kjWm:active{background-color:var(--table-row-active-bg,#dde3ea);transition:background-color .08s ease}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr.ResponsiveTable-module_clickableRow__0kjWm:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_clickableRow__0kjWm:active{box-shadow:0 1px 3px rgba(0,0,0,.08);transform:translateY(-1px);transition:transform .08s ease,box-shadow .08s ease}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_clickableRow__0kjWm:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.ResponsiveTable-module_clickableHeader__xHQhF{cursor:pointer;transition:color .2s}.ResponsiveTable-module_clickableHeader__xHQhF:hover{color:var(--interactive-color)}.ResponsiveTable-module_sortable__yvA60{cursor:pointer}.ResponsiveTable-module_sorted-asc__jzOIa,.ResponsiveTable-module_sorted-desc__7WCFK{background-color:#f0f7ff!important;color:var(--interactive-color)!important}.ResponsiveTable-module_headerInnerWrapper__3VAhD{align-items:center;display:flex;justify-content:space-between;width:100%}.ResponsiveTable-module_headerContent__ODMzS{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ResponsiveTable-module_sortIcon__A9WtD{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;height:1rem;margin-left:.5rem;opacity:.3;width:1rem}.ResponsiveTable-module_sortable__yvA60:hover .ResponsiveTable-module_sortIcon__A9WtD{opacity:.8}.ResponsiveTable-module_sortable__yvA60 .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M10 18h4v-2h-4v2zm-6-8v2h16V8H4zm3-6h10v2H7V2z'/%3E%3C/svg%3E\")}.ResponsiveTable-module_sorted-asc__jzOIa .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230056b3'%3E%3Cpath d='m7 14 5-5 5 5z'/%3E%3C/svg%3E\");opacity:1}.ResponsiveTable-module_sorted-desc__7WCFK .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230056b3'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E\");opacity:1}.ResponsiveTable-module_responsiveTable__4y-Od tfoot{background-color:var(--table-header-bg);border-top:2px solid var(--table-border-color)}.ResponsiveTable-module_footerCell__8H-uG{font-size:.9rem;font-weight:600;padding:1rem;text-align:right}.ResponsiveTable-module_clickableFooterCell__WB9Ss{color:var(--interactive-color);cursor:pointer}.ResponsiveTable-module_clickableFooterCell__WB9Ss:hover{text-decoration:underline}.ResponsiveTable-module_footerCard__-NE2M{background-color:var(--table-header-bg);border:1px solid var(--card-border-color);border-radius:12px;margin-top:1rem;overflow:hidden;padding:1.25rem}.ResponsiveTable-module_footer-card-row__Vv6Ur{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin:0 0 .75rem}.ResponsiveTable-module_selectedRow__-JyNW{background-color:#e7f1ff!important;transition:background-color .15s ease}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_selectedRow__-JyNW{background-color:#e7f1ff;border-left:4px solid var(--primary-color)}.ResponsiveTable-module_animatedRow__SFjrJ{animation:ResponsiveTable-module_cardEntrance__6JjRV .5s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}@keyframes ResponsiveTable-module_cardEntrance__6JjRV{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ResponsiveTable-module_fadeInUp__jMCS7{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ResponsiveTable-module_skeleton__XxsXW{background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.ResponsiveTable-module_skeleton__XxsXW:after{animation:ResponsiveTable-module_shimmer__H8PhC 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);content:\"\";height:100%;left:-150%;position:absolute;top:0;width:150%}@keyframes ResponsiveTable-module_shimmer__H8PhC{0%{transform:translateX(0)}to{transform:translateX(100%)}}.ResponsiveTable-module_noDataWrapper__Rj-k3{align-items:center;background-color:var(--table-header-bg);border:2px dashed var(--table-border-color);border-radius:12px;color:var(--text-color-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.ResponsiveTable-module_noData__IpwNq{font-size:1.1rem;font-weight:500}.ResponsiveTable-module_spinner__Pn-3D{animation:ResponsiveTable-module_spin__i3NHn .8s linear infinite;border:3px solid rgba(0,0,0,.1);border-left:3px solid var(--primary-color);border-radius:50%;height:24px;width:24px}@keyframes ResponsiveTable-module_spin__i3NHn{to{transform:rotate(1turn)}}.ResponsiveTable-module_infoContainer__b9IF5{align-items:center;color:var(--text-color-muted);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:1.5rem}.ResponsiveTable-module_stickyHeader__-jjN- th{box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0}.ResponsiveTable-module_internalStickyHeader__idiJY th{position:sticky;top:0}.ResponsiveTable-module_detailCell__hb9C5{background:rgba(0,0,0,.012);border-top:none;padding:0;transition:border-left .2s ease}.ResponsiveTable-module_detailCellHasContent__F-DX5{padding-bottom:.5rem}.ResponsiveTable-module_detailCellExpanded__Zr6UF{border-left:2px solid var(--primary-color,#3b82f6)}.ResponsiveTable-module_detailToggleBar__F5Qrk{height:0;overflow:hidden;transition:height .2s ease}.ResponsiveTable-module_detailToggleBarVisible__q9b-3{align-items:center;background:rgba(59,130,246,.08);box-shadow:inset 0 1px 0 rgba(0,0,0,.04);cursor:pointer;display:flex;height:2.5rem;padding:0 .75rem;user-select:none}.ResponsiveTable-module_detailToggleBarVisible__q9b-3:hover{background:rgba(59,130,246,.14)}.ResponsiveTable-module_detailChevron__mBs8j{align-items:center;color:var(--primary-color,#3b82f6);display:flex;font-size:2.2rem;transform:rotate(-90deg);transition:transform .25s ease}.ResponsiveTable-module_detailChevronExpanded__zGFTQ{transform:rotate(0deg)}.ResponsiveTable-module_detailContentWrapper__VzM29{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.ResponsiveTable-module_detailContentWrapperExpanded__bkiUb{grid-template-rows:1fr}.ResponsiveTable-module_detailContentInner__GWVaq{overflow:hidden;padding-left:1.5rem}.ResponsiveTable-module_mobileDetailOuter__gusle{background:rgba(0,0,0,.012);overflow:hidden}";
-var styles$2 = {"responsiveTable":"ResponsiveTable-module_responsiveTable__4y-Od","tableContainer":"ResponsiveTable-module_tableContainer__VjWjH","cardContainer":"ResponsiveTable-module_cardContainer__Het4h","card":"ResponsiveTable-module_card__b-U2v","card-header":"ResponsiveTable-module_card-header__Ttk51","card-row":"ResponsiveTable-module_card-row__qvIUJ","stacked":"ResponsiveTable-module_stacked__FSaTB","card-label":"ResponsiveTable-module_card-label__v9L71","card-value":"ResponsiveTable-module_card-value__BO-c-","numberValue":"ResponsiveTable-module_numberValue__-TLR1","dateValue":"ResponsiveTable-module_dateValue__UMvqJ","imageValue":"ResponsiveTable-module_imageValue__wVb-p","inputValue":"ResponsiveTable-module_inputValue__CrGMx","clickableRow":"ResponsiveTable-module_clickableRow__0kjWm","clickableHeader":"ResponsiveTable-module_clickableHeader__xHQhF","sortable":"ResponsiveTable-module_sortable__yvA60","sorted-asc":"ResponsiveTable-module_sorted-asc__jzOIa","sorted-desc":"ResponsiveTable-module_sorted-desc__7WCFK","headerInnerWrapper":"ResponsiveTable-module_headerInnerWrapper__3VAhD","headerContent":"ResponsiveTable-module_headerContent__ODMzS","sortIcon":"ResponsiveTable-module_sortIcon__A9WtD","footerCell":"ResponsiveTable-module_footerCell__8H-uG","clickableFooterCell":"ResponsiveTable-module_clickableFooterCell__WB9Ss","footerCard":"ResponsiveTable-module_footerCard__-NE2M","footer-card-row":"ResponsiveTable-module_footer-card-row__Vv6Ur","selectedRow":"ResponsiveTable-module_selectedRow__-JyNW","animatedRow":"ResponsiveTable-module_animatedRow__SFjrJ","cardEntrance":"ResponsiveTable-module_cardEntrance__6JjRV","skeleton":"ResponsiveTable-module_skeleton__XxsXW","shimmer":"ResponsiveTable-module_shimmer__H8PhC","noDataWrapper":"ResponsiveTable-module_noDataWrapper__Rj-k3","noData":"ResponsiveTable-module_noData__IpwNq","spinner":"ResponsiveTable-module_spinner__Pn-3D","spin":"ResponsiveTable-module_spin__i3NHn","infoContainer":"ResponsiveTable-module_infoContainer__b9IF5","stickyHeader":"ResponsiveTable-module_stickyHeader__-jjN-","internalStickyHeader":"ResponsiveTable-module_internalStickyHeader__idiJY","detailCell":"ResponsiveTable-module_detailCell__hb9C5","detailCellHasContent":"ResponsiveTable-module_detailCellHasContent__F-DX5","detailCellExpanded":"ResponsiveTable-module_detailCellExpanded__Zr6UF","detailToggleBar":"ResponsiveTable-module_detailToggleBar__F5Qrk","detailToggleBarVisible":"ResponsiveTable-module_detailToggleBarVisible__q9b-3","detailChevron":"ResponsiveTable-module_detailChevron__mBs8j","detailChevronExpanded":"ResponsiveTable-module_detailChevronExpanded__zGFTQ","detailContentWrapper":"ResponsiveTable-module_detailContentWrapper__VzM29","detailContentWrapperExpanded":"ResponsiveTable-module_detailContentWrapperExpanded__bkiUb","detailContentInner":"ResponsiveTable-module_detailContentInner__GWVaq","mobileDetailOuter":"ResponsiveTable-module_mobileDetailOuter__gusle","fadeInUp":"ResponsiveTable-module_fadeInUp__jMCS7"};
-styleInject(css_248z$2);
+var css_248z = ".ResponsiveTable-module_responsiveTable__4y-Od{--table-border-color:#e0e0e0;--table-header-bg:#f8f9fa;--table-row-hover-bg:#f1f3f5;--table-row-stripe-bg:#fafbfc;--card-bg:#fff;--card-border-color:#d1d5db;--card-shadow:0 2px 8px rgba(0,0,0,.06);--text-color:#212529;--text-color-muted:#6c757d;--interactive-color:#0056b3;--primary-color:#007bff;--rt-mobile-card-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.04);--rt-mobile-card-radius:16px;--rt-mobile-bg-wash:#f1f5f9;--rt-mobile-label-color:#475569;--rt-mobile-value-color:#1e293b}.ResponsiveTable-module_tableContainer__VjWjH{border:1px solid var(--table-border-color);border-radius:8px;overflow-x:auto;width:100%}.ResponsiveTable-module_responsiveTable__4y-Od{background-color:var(--card-bg);border-collapse:collapse;color:var(--text-color);width:100%}.ResponsiveTable-module_responsiveTable__4y-Od thead th{background-color:var(--table-header-bg);border-bottom:2px solid var(--table-border-color);color:var(--text-color-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;z-index:1}.ResponsiveTable-module_responsiveTable__4y-Od td{border-bottom:1px solid var(--table-border-color);font-size:.9rem;padding:1rem;text-align:left}.ResponsiveTable-module_responsiveTable__4y-Od tr:last-child td{border-bottom:none}.ResponsiveTable-module_responsiveTable__4y-Od tr:nth-child(2n){background-color:var(--table-row-stripe-bg)}.ResponsiveTable-module_responsiveTable__4y-Od tr:hover{background-color:var(--table-row-hover-bg)}.ResponsiveTable-module_cardContainer__Het4h{background-color:var(--rt-mobile-bg-wash);border-radius:var(--rt-mobile-card-radius);display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.ResponsiveTable-module_card__b-U2v{background-color:var(--card-bg);border:1px solid var(--card-border-color);border-bottom:3px solid var(--primary-color);border-radius:var(--rt-mobile-card-radius);box-shadow:var(--rt-mobile-card-shadow);overflow:hidden;padding:1rem;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.ResponsiveTable-module_card__b-U2v:hover{box-shadow:0 2px 4px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.06);transform:translateY(-4px)}.ResponsiveTable-module_card-header__Ttk51{border-bottom:1px solid var(--table-border-color);margin-bottom:1rem;padding-bottom:.5rem}.ResponsiveTable-module_card-row__qvIUJ{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin:0 0 .75rem}.ResponsiveTable-module_card-row__qvIUJ.ResponsiveTable-module_stacked__FSaTB{align-items:stretch;flex-direction:column;gap:.25rem;margin-bottom:1rem}.ResponsiveTable-module_card-row__qvIUJ:last-child{margin-bottom:0}.ResponsiveTable-module_card-label__v9L71{color:var(--rt-mobile-label-color);font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.ResponsiveTable-module_card-value__BO-c-{color:var(--rt-mobile-value-color);font-size:.95rem;text-align:right}.ResponsiveTable-module_card-row__qvIUJ.ResponsiveTable-module_stacked__FSaTB .ResponsiveTable-module_card-value__BO-c-{text-align:left}.ResponsiveTable-module_numberValue__-TLR1{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-align:right!important}.ResponsiveTable-module_dateValue__UMvqJ{color:var(--text-color-muted);font-size:.85rem}.ResponsiveTable-module_imageValue__wVb-p img{border-radius:8px;height:auto;max-width:100%;object-fit:cover}.ResponsiveTable-module_inputValue__CrGMx{margin-top:.5rem;width:100%}.ResponsiveTable-module_inputValue__CrGMx button,.ResponsiveTable-module_inputValue__CrGMx input[type=text],.ResponsiveTable-module_inputValue__CrGMx select,.ResponsiveTable-module_inputValue__CrGMx textarea{min-height:44px;width:100%!important}.ResponsiveTable-module_clickableRow__0kjWm{cursor:pointer}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr{transition:background-color .12s ease}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr.ResponsiveTable-module_clickableRow__0kjWm:active{background-color:var(--table-row-active-bg,#dde3ea);transition:background-color .08s ease}.ResponsiveTable-module_responsiveTable__4y-Od tbody tr.ResponsiveTable-module_clickableRow__0kjWm:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_clickableRow__0kjWm:active{box-shadow:0 1px 3px rgba(0,0,0,.08);transform:translateY(-1px);transition:transform .08s ease,box-shadow .08s ease}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_clickableRow__0kjWm:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:-2px}.ResponsiveTable-module_clickableHeader__xHQhF{cursor:pointer;transition:color .2s}.ResponsiveTable-module_clickableHeader__xHQhF:hover{color:var(--interactive-color)}.ResponsiveTable-module_sortable__yvA60{cursor:pointer}.ResponsiveTable-module_sorted-asc__jzOIa,.ResponsiveTable-module_sorted-desc__7WCFK{background-color:#f0f7ff!important;color:var(--interactive-color)!important}.ResponsiveTable-module_headerInnerWrapper__3VAhD{align-items:center;display:flex;justify-content:space-between;width:100%}.ResponsiveTable-module_headerContent__ODMzS{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ResponsiveTable-module_sortIcon__A9WtD{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;height:1rem;margin-left:.5rem;opacity:.3;width:1rem}.ResponsiveTable-module_sortable__yvA60:hover .ResponsiveTable-module_sortIcon__A9WtD{opacity:.8}.ResponsiveTable-module_sortable__yvA60 .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M10 18h4v-2h-4v2zm-6-8v2h16V8H4zm3-6h10v2H7V2z'/%3E%3C/svg%3E\")}.ResponsiveTable-module_sorted-asc__jzOIa .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230056b3'%3E%3Cpath d='m7 14 5-5 5 5z'/%3E%3C/svg%3E\");opacity:1}.ResponsiveTable-module_sorted-desc__7WCFK .ResponsiveTable-module_sortIcon__A9WtD{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230056b3'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E\");opacity:1}.ResponsiveTable-module_responsiveTable__4y-Od tfoot{background-color:var(--table-header-bg);border-top:2px solid var(--table-border-color)}.ResponsiveTable-module_footerCell__8H-uG{font-size:.9rem;font-weight:600;padding:1rem;text-align:right}.ResponsiveTable-module_clickableFooterCell__WB9Ss{color:var(--interactive-color);cursor:pointer}.ResponsiveTable-module_clickableFooterCell__WB9Ss:hover{text-decoration:underline}.ResponsiveTable-module_footerCard__-NE2M{background-color:var(--table-header-bg);border:1px solid var(--card-border-color);border-radius:12px;margin-top:1rem;overflow:hidden;padding:1.25rem}.ResponsiveTable-module_footer-card-row__Vv6Ur{display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin:0 0 .75rem}.ResponsiveTable-module_selectedRow__-JyNW{background-color:#e7f1ff!important;transition:background-color .15s ease}.ResponsiveTable-module_card__b-U2v.ResponsiveTable-module_selectedRow__-JyNW{background-color:#e7f1ff;border-left:4px solid var(--primary-color)}.ResponsiveTable-module_animatedRow__SFjrJ{animation:ResponsiveTable-module_cardEntrance__6JjRV .5s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}@keyframes ResponsiveTable-module_cardEntrance__6JjRV{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ResponsiveTable-module_fadeInUp__jMCS7{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ResponsiveTable-module_skeleton__XxsXW{background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}.ResponsiveTable-module_skeleton__XxsXW:after{animation:ResponsiveTable-module_shimmer__H8PhC 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);content:\"\";height:100%;left:-150%;position:absolute;top:0;width:150%}@keyframes ResponsiveTable-module_shimmer__H8PhC{0%{transform:translateX(0)}to{transform:translateX(100%)}}.ResponsiveTable-module_noDataWrapper__Rj-k3{align-items:center;background-color:var(--table-header-bg);border:2px dashed var(--table-border-color);border-radius:12px;color:var(--text-color-muted);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.ResponsiveTable-module_noData__IpwNq{font-size:1.1rem;font-weight:500}.ResponsiveTable-module_spinner__Pn-3D{animation:ResponsiveTable-module_spin__i3NHn .8s linear infinite;border:3px solid rgba(0,0,0,.1);border-left:3px solid var(--primary-color);border-radius:50%;height:24px;width:24px}@keyframes ResponsiveTable-module_spin__i3NHn{to{transform:rotate(1turn)}}.ResponsiveTable-module_infoContainer__b9IF5{align-items:center;color:var(--text-color-muted);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:1.5rem}.ResponsiveTable-module_stickyHeader__-jjN- th{box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0}.ResponsiveTable-module_internalStickyHeader__idiJY th{position:sticky;top:0}.ResponsiveTable-module_expandColumn__yvwN-{border-bottom:1px solid var(--table-border-color);min-width:2rem;padding:0!important;text-align:center;vertical-align:middle;width:2rem}.ResponsiveTable-module_expandChevron__7JalN{align-items:center;border-radius:.25rem;color:var(--primary-color,#3b82f6);cursor:pointer;display:inline-flex;font-size:1.125rem;height:1.5rem;justify-content:center;opacity:.25;transform:rotate(-90deg);transition:opacity .15s ease,transform .25s ease;user-select:none;width:1.5rem}.ResponsiveTable-module_expandChevron__7JalN:focus-visible{outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}@keyframes ResponsiveTable-module_chevronGreeting__nLVUh{0%{opacity:0;transform:rotate(-90deg) scale(.6)}12%{opacity:1;transform:rotate(-90deg) scale(1.3)}22%{opacity:.35;transform:rotate(-90deg) scale(1)}32%{opacity:1;transform:rotate(-90deg) scale(1.15)}45%{opacity:.25;transform:rotate(-90deg) scale(1)}to{opacity:.25;transform:rotate(-90deg) scale(1)}}.ResponsiveTable-module_expandChevronGreeting__hu51J{animation:ResponsiveTable-module_chevronGreeting__nLVUh 2.2s ease-out forwards;animation-delay:calc(var(--row-idx, 0)*60ms)}.ResponsiveTable-module_expandChevronHovered__aNVCU{opacity:.6}.ResponsiveTable-module_expandChevronExpanded__iQ1bV{opacity:1;transform:rotate(0deg)}.ResponsiveTable-module_detailCell__hb9C5{background:rgba(0,0,0,.012);border-top:none;padding:0;transition:border-left .2s ease}.ResponsiveTable-module_detailCellHasContent__F-DX5{padding-bottom:.5rem}.ResponsiveTable-module_detailCellExpanded__Zr6UF{border-left:2px solid var(--primary-color,#3b82f6)}.ResponsiveTable-module_detailToggleBar__F5Qrk{height:0;overflow:hidden;transition:height .25s ease,background .25s ease}.ResponsiveTable-module_detailToggleBarExpanded__l8IWq{align-items:center;background:rgba(59,130,246,.08);box-shadow:inset 0 1px 0 rgba(0,0,0,.04);cursor:pointer;display:flex;gap:.5rem;height:2rem;padding:0 .75rem;user-select:none}.ResponsiveTable-module_detailToggleBarExpanded__l8IWq:hover{background:rgba(59,130,246,.14)}.ResponsiveTable-module_detailToggleChevron__KWp3H{align-items:center;color:var(--primary-color,#3b82f6);display:flex;font-size:1.25rem;opacity:1}.ResponsiveTable-module_detailContentWrapper__VzM29{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.ResponsiveTable-module_detailContentWrapperExpanded__bkiUb{grid-template-rows:1fr}.ResponsiveTable-module_detailContentInner__GWVaq{overflow:hidden;padding-left:1.5rem}.ResponsiveTable-module_mobileDetailOuter__gusle{background:rgba(0,0,0,.012);overflow:hidden}.ResponsiveTable-module_mobileExpandRow__Fb0AP{align-items:center;border-bottom:1px solid var(--table-border-color);display:flex;justify-content:flex-start;margin-bottom:.25rem;padding:0 0 .25rem}";
+var styles = {"responsiveTable":"ResponsiveTable-module_responsiveTable__4y-Od","tableContainer":"ResponsiveTable-module_tableContainer__VjWjH","cardContainer":"ResponsiveTable-module_cardContainer__Het4h","card":"ResponsiveTable-module_card__b-U2v","card-header":"ResponsiveTable-module_card-header__Ttk51","card-row":"ResponsiveTable-module_card-row__qvIUJ","stacked":"ResponsiveTable-module_stacked__FSaTB","card-label":"ResponsiveTable-module_card-label__v9L71","card-value":"ResponsiveTable-module_card-value__BO-c-","numberValue":"ResponsiveTable-module_numberValue__-TLR1","dateValue":"ResponsiveTable-module_dateValue__UMvqJ","imageValue":"ResponsiveTable-module_imageValue__wVb-p","inputValue":"ResponsiveTable-module_inputValue__CrGMx","clickableRow":"ResponsiveTable-module_clickableRow__0kjWm","clickableHeader":"ResponsiveTable-module_clickableHeader__xHQhF","sortable":"ResponsiveTable-module_sortable__yvA60","sorted-asc":"ResponsiveTable-module_sorted-asc__jzOIa","sorted-desc":"ResponsiveTable-module_sorted-desc__7WCFK","headerInnerWrapper":"ResponsiveTable-module_headerInnerWrapper__3VAhD","headerContent":"ResponsiveTable-module_headerContent__ODMzS","sortIcon":"ResponsiveTable-module_sortIcon__A9WtD","footerCell":"ResponsiveTable-module_footerCell__8H-uG","clickableFooterCell":"ResponsiveTable-module_clickableFooterCell__WB9Ss","footerCard":"ResponsiveTable-module_footerCard__-NE2M","footer-card-row":"ResponsiveTable-module_footer-card-row__Vv6Ur","selectedRow":"ResponsiveTable-module_selectedRow__-JyNW","animatedRow":"ResponsiveTable-module_animatedRow__SFjrJ","cardEntrance":"ResponsiveTable-module_cardEntrance__6JjRV","skeleton":"ResponsiveTable-module_skeleton__XxsXW","shimmer":"ResponsiveTable-module_shimmer__H8PhC","noDataWrapper":"ResponsiveTable-module_noDataWrapper__Rj-k3","noData":"ResponsiveTable-module_noData__IpwNq","spinner":"ResponsiveTable-module_spinner__Pn-3D","spin":"ResponsiveTable-module_spin__i3NHn","infoContainer":"ResponsiveTable-module_infoContainer__b9IF5","stickyHeader":"ResponsiveTable-module_stickyHeader__-jjN-","internalStickyHeader":"ResponsiveTable-module_internalStickyHeader__idiJY","expandColumn":"ResponsiveTable-module_expandColumn__yvwN-","expandChevron":"ResponsiveTable-module_expandChevron__7JalN","expandChevronGreeting":"ResponsiveTable-module_expandChevronGreeting__hu51J","chevronGreeting":"ResponsiveTable-module_chevronGreeting__nLVUh","expandChevronHovered":"ResponsiveTable-module_expandChevronHovered__aNVCU","expandChevronExpanded":"ResponsiveTable-module_expandChevronExpanded__iQ1bV","detailCell":"ResponsiveTable-module_detailCell__hb9C5","detailCellHasContent":"ResponsiveTable-module_detailCellHasContent__F-DX5","detailCellExpanded":"ResponsiveTable-module_detailCellExpanded__Zr6UF","detailToggleBar":"ResponsiveTable-module_detailToggleBar__F5Qrk","detailToggleBarExpanded":"ResponsiveTable-module_detailToggleBarExpanded__l8IWq","detailToggleChevron":"ResponsiveTable-module_detailToggleChevron__KWp3H","detailContentWrapper":"ResponsiveTable-module_detailContentWrapper__VzM29","detailContentWrapperExpanded":"ResponsiveTable-module_detailContentWrapperExpanded__bkiUb","detailContentInner":"ResponsiveTable-module_detailContentInner__GWVaq","mobileDetailOuter":"ResponsiveTable-module_mobileDetailOuter__gusle","mobileExpandRow":"ResponsiveTable-module_mobileExpandRow__Fb0AP","fadeInUp":"ResponsiveTable-module_fadeInUp__jMCS7"};
+styleInject(css_248z);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -112,7 +112,7 @@ function TableProvider({ children, value }) {
         var _a;
         const rawColumnDefinition = getRawColumnDefinition(colDef);
         return onHeaderClick
-            ? ((_a = rawColumnDefinition.interactivity) === null || _a === void 0 ? void 0 : _a.className) || styles$2.clickableHeader
+            ? ((_a = rawColumnDefinition.interactivity) === null || _a === void 0 ? void 0 : _a.className) || styles.clickableHeader
             : '';
     }, [getRawColumnDefinition]);
     const getHeaderProps = useCallback((colDef) => {
@@ -192,13 +192,13 @@ function TableHeaderCell(props) {
     const rawColDef = getRawColumnDefinition(columnDefinition);
     const clickableHeaderClassName = getClickableHeaderClassName(onHeaderClick, columnDefinition);
     const headerProps = getHeaderProps(columnDefinition);
-    const combinedClassName = `${clickableHeaderClassName} ${headerProps.className ? styles$2[headerProps.className] : ''} ${rawColDef.headerClassName || ''}`.trim();
+    const combinedClassName = `${clickableHeaderClassName} ${headerProps.className ? styles[headerProps.className] : ''} ${rawColDef.headerClassName || ''}`.trim();
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { className } = headerProps, restHeaderProps = __rest(headerProps, ["className"]);
     return (React.createElement("th", Object.assign({ key: colIndex, className: combinedClassName, style: Object.assign(Object.assign({}, headerProps.style), rawColDef.headerStyle) }, restHeaderProps, { onClick: onHeaderClick ? () => onHeaderClick(rawColDef.interactivity.id) : restHeaderProps.onClick }),
-        React.createElement("div", { className: styles$2.headerInnerWrapper },
-            React.createElement("div", { className: styles$2.headerContent }, getColumnDefinition(columnDefinition, 0).displayLabel),
-            React.createElement("span", { className: styles$2.sortIcon }))));
+        React.createElement("div", { className: styles.headerInnerWrapper },
+            React.createElement("div", { className: styles.headerContent }, getColumnDefinition(columnDefinition, 0).displayLabel),
+            React.createElement("span", { className: styles.sortIcon }))));
 }
 
 function TableBodyCell(props) {
@@ -210,12 +210,12 @@ function TableBodyCell(props) {
 }
 
 function TableBodyRow(props) {
-    const { row, rowIndex, columnDefinitions, onRowClick, selectionProps, animationProps, } = props;
+    const { row, rowIndex, columnDefinitions, onRowClick, selectionProps, animationProps, expandCell, onMouseEnter, onMouseLeave, } = props;
     const { getRowProps } = useTableContext();
     const rowProps = getRowProps(row);
     const isClickable = onRowClick || selectionProps;
     const pluginOnClick = rowProps.onClick;
-    return (React.createElement("tr", { className: `${isClickable ? styles$2.clickableRow : ''} ${(animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad) ? styles$2.animatedRow : ''} ${rowProps.className || ''}`.trim(), style: { animationDelay: `${rowIndex * 0.05}s` }, tabIndex: isClickable ? 0 : undefined, "aria-selected": rowProps['aria-selected'], onClickCapture: (e) => {
+    return (React.createElement("tr", { className: `${isClickable ? styles.clickableRow : ''} ${(animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad) ? styles.animatedRow : ''} ${rowProps.className || ''}`.trim(), style: { animationDelay: `${rowIndex * 0.05}s` }, tabIndex: isClickable ? 0 : undefined, "aria-selected": rowProps['aria-selected'], onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClickCapture: (e) => {
             // Capture Phase: Check for the ignore attribute BEFORE child handlers run.
             // This prevents issues where child handlers trigger a re-render/unmount
             // that detaches the target from the DOM before the bubbling phase.
@@ -234,42 +234,45 @@ function TableBodyRow(props) {
             if (onRowClick) {
                 onRowClick(row);
             }
-        } }, columnDefinitions.map((columnDefinition, colIndex) => (React.createElement("td", { key: colIndex },
-        React.createElement(TableBodyCell, { row: row, rowIndex: rowIndex, columnDefinition: columnDefinition }))))));
+        } },
+        expandCell,
+        columnDefinitions.map((columnDefinition, colIndex) => (React.createElement("td", { key: colIndex },
+            React.createElement(TableBodyCell, { row: row, rowIndex: rowIndex, columnDefinition: columnDefinition }))))));
 }
 
-function DetailRow({ row, rowIndex, colSpan, expandRowRenderer, isExpanded, onToggle, expandChevronClassName }) {
+function DetailRow({ row, rowIndex, colSpan, expandRowRenderer, isExpanded, onToggle }) {
     const content = expandRowRenderer(row, rowIndex);
     const hasContent = content != null;
     const [everExpanded, setEverExpanded] = useState(false);
     if (isExpanded && !everExpanded)
         setEverExpanded(true);
     const tdClass = [
-        styles$2.detailCell,
-        hasContent ? styles$2.detailCellHasContent : '',
-        isExpanded ? styles$2.detailCellExpanded : '',
+        styles.detailCell,
+        hasContent ? styles.detailCellHasContent : '',
+        isExpanded ? styles.detailCellExpanded : '',
     ].join(' ').trim();
-    const chevronClass = [
-        styles$2.detailChevron,
-        isExpanded ? styles$2.detailChevronExpanded : '',
-        expandChevronClassName !== null && expandChevronClassName !== void 0 ? expandChevronClassName : '',
+    const toggleBarClass = [
+        styles.detailToggleBar,
+        isExpanded ? styles.detailToggleBarExpanded : '',
     ].join(' ').trim();
+    const toggleAttrs = {
+        role: 'button',
+        tabIndex: 0,
+        'aria-expanded': isExpanded,
+        onClick: onToggle,
+        onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onToggle();
+        } },
+        'data-rt-ignore-row-click': true,
+    };
     return (React.createElement("tr", null,
         React.createElement("td", { colSpan: colSpan, className: tdClass },
-            React.createElement("div", Object.assign({ className: `${styles$2.detailToggleBar} ${hasContent ? styles$2.detailToggleBarVisible : ''}` }, (hasContent ? {
-                role: 'button',
-                tabIndex: 0,
-                'aria-expanded': isExpanded,
-                onClick: onToggle,
-                onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    onToggle();
-                } },
-                'data-rt-ignore-row-click': true,
-            } : {})), hasContent && (React.createElement("span", { className: chevronClass },
-                React.createElement(MdArrowDropDown, null)))),
-            React.createElement("div", { className: `${styles$2.detailContentWrapper} ${isExpanded ? styles$2.detailContentWrapperExpanded : ''}` },
-                React.createElement("div", { className: styles$2.detailContentInner }, everExpanded && content)))));
+            isExpanded && (React.createElement("div", Object.assign({ className: toggleBarClass }, toggleAttrs),
+                React.createElement("span", { className: styles.detailToggleChevron },
+                    React.createElement(MdArrowDropDown, null)))),
+            React.createElement("div", { className: `${styles.detailContentWrapper} ${isExpanded ? styles.detailContentWrapperExpanded : ''}` },
+                React.createElement("div", { className: styles.detailContentInner }, everExpanded && content)))));
 }
 
 const TableSentinel = ({ onIntersect, isLoading }) => {
@@ -303,6 +306,12 @@ function DesktopView(props) {
     const { maxHeight, isHeaderSticky, tableContainerRef, headerRef, footerRows, renderPluginFooters, onScroll, } = props;
     const { visibleColumns, originalColumnDefinitions, currentData, getRawColumnDefinition, onRowClick, selectionProps, animationProps, pagination, expandRowRenderer, expandChevronClassName, getRowId, } = useTableContext();
     const [expandedIds, setExpandedIds] = useState(new Set());
+    const [hoveredRowId, setHoveredRowId] = useState(null);
+    const [greetingActive, setGreetingActive] = useState(true);
+    useEffect(() => {
+        const t = setTimeout(() => setGreetingActive(false), 3200);
+        return () => clearTimeout(t);
+    }, []);
     const toggleExpanded = useCallback((id) => {
         setExpandedIds(prev => {
             const next = new Set(prev);
@@ -333,41 +342,60 @@ function DesktopView(props) {
         }
         return (React.createElement("tfoot", null, footerRows.map((row, rowIndex) => {
             let currentOriginalIndex = 0;
-            return (React.createElement("tr", { key: rowIndex }, row.columns.map((col, colIndex) => {
-                const effectiveColSpan = getEffectiveColSpan(col, currentOriginalIndex);
-                currentOriginalIndex += (col.colSpan || 1);
-                if (effectiveColSpan === 0)
-                    return null;
-                return (React.createElement("td", { key: colIndex, colSpan: effectiveColSpan, className: `${styles$2.footerCell} ${col.className || ''} ${col.onCellClick ? styles$2.clickableFooterCell : ''}`, onClick: col.onCellClick }, col.cellRenderer()));
-            })));
+            return (React.createElement("tr", { key: rowIndex },
+                expandRowRenderer && React.createElement("td", { className: styles.expandColumn }),
+                row.columns.map((col, colIndex) => {
+                    const effectiveColSpan = getEffectiveColSpan(col, currentOriginalIndex);
+                    currentOriginalIndex += (col.colSpan || 1);
+                    if (effectiveColSpan === 0)
+                        return null;
+                    return (React.createElement("td", { key: colIndex, colSpan: effectiveColSpan, className: `${styles.footerCell} ${col.className || ''} ${col.onCellClick ? styles.clickableFooterCell : ''}`, onClick: col.onCellClick }, col.cellRenderer()));
+                })));
         })));
-    }, [footerRows, getEffectiveColSpan]);
+    }, [footerRows, getEffectiveColSpan, expandRowRenderer]);
     const useFixedHeaders = !!maxHeight;
     const fixedHeadersStyle = useFixedHeaders
         ? { maxHeight, overflowY: 'auto' }
         : {};
     const headerClassName = useFixedHeaders
-        ? styles$2.internalStickyHeader
-        : (isHeaderSticky ? styles$2.stickyHeader : '');
-    return (React.createElement("div", { className: styles$2.tableContainer, style: fixedHeadersStyle, ref: tableContainerRef, onScroll: onScroll },
-        React.createElement("table", { className: styles$2['responsiveTable'] },
+        ? styles.internalStickyHeader
+        : (isHeaderSticky ? styles.stickyHeader : '');
+    return (React.createElement("div", { className: styles.tableContainer, style: fixedHeadersStyle, ref: tableContainerRef, onScroll: onScroll },
+        React.createElement("table", { className: styles['responsiveTable'] },
             React.createElement("thead", { ref: headerRef, className: headerClassName },
-                React.createElement("tr", null, visibleColumns.map((columnDefinition, colIndex) => (React.createElement(TableHeaderCell, { key: colIndex, columnDefinition: columnDefinition, colIndex: colIndex }))))),
+                React.createElement("tr", null,
+                    expandRowRenderer && React.createElement("th", { className: styles.expandColumn }),
+                    visibleColumns.map((columnDefinition, colIndex) => (React.createElement(TableHeaderCell, { key: colIndex, columnDefinition: columnDefinition, colIndex: colIndex }))))),
             React.createElement("tbody", null, currentData.map((row, rowIndex) => {
                 const rowId = getRowId(row, rowIndex);
+                const isExpanded = expandedIds.has(rowId);
+                const isHovered = hoveredRowId === rowId;
+                const rowContent = expandRowRenderer === null || expandRowRenderer === void 0 ? void 0 : expandRowRenderer(row, rowIndex);
+                const rowHasContent = rowContent != null;
+                const chevronClasses = [
+                    styles.expandChevron,
+                    greetingActive && rowHasContent ? styles.expandChevronGreeting : '',
+                    isExpanded ? styles.expandChevronExpanded : '',
+                    isHovered && !isExpanded ? styles.expandChevronHovered : '',
+                    expandChevronClassName !== null && expandChevronClassName !== void 0 ? expandChevronClassName : '',
+                ].filter(Boolean).join(' ').trim();
                 return (React.createElement(React.Fragment, { key: rowId },
-                    React.createElement(TableBodyRow, { row: row, rowIndex: rowIndex, columnDefinitions: visibleColumns, onRowClick: onRowClick, selectionProps: selectionProps, animationProps: animationProps }),
-                    expandRowRenderer && (React.createElement(DetailRow, { row: row, rowIndex: rowIndex, colSpan: visibleColumns.length, expandRowRenderer: expandRowRenderer, isExpanded: expandedIds.has(rowId), onToggle: () => toggleExpanded(rowId), expandChevronClassName: expandChevronClassName }))));
+                    React.createElement(TableBodyRow, { row: row, rowIndex: rowIndex, columnDefinitions: visibleColumns, onRowClick: onRowClick, selectionProps: selectionProps, animationProps: animationProps, expandCell: expandRowRenderer ? (React.createElement("td", { className: styles.expandColumn, style: { '--row-idx': rowIndex } }, rowHasContent && (React.createElement("span", { className: chevronClasses, role: "button", tabIndex: 0, "aria-expanded": isExpanded, onClick: (e) => { e.stopPropagation(); toggleExpanded(rowId); }, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                toggleExpanded(rowId);
+                            } }, "data-rt-ignore-row-click": true },
+                            React.createElement(MdArrowDropDown, null))))) : undefined, onMouseEnter: () => expandRowRenderer && setHoveredRowId(rowId), onMouseLeave: () => expandRowRenderer && setHoveredRowId(null) }),
+                    expandRowRenderer && rowHasContent && (React.createElement(DetailRow, { row: row, rowIndex: rowIndex, colSpan: visibleColumns.length + 1, expandRowRenderer: expandRowRenderer, isExpanded: isExpanded, onToggle: () => toggleExpanded(rowId) }))));
             })),
             tableFooter),
         (pagination === null || pagination === void 0 ? void 0 : pagination.hasMore) && (React.createElement(TableSentinel, { onIntersect: () => pagination.loadNextPage(), isLoading: pagination.isFetchingMore })),
-        (pagination === null || pagination === void 0 ? void 0 : pagination.isFetchingMore) && (React.createElement("div", { className: styles$2.infoContainer },
-            React.createElement("div", { className: styles$2.spinner }),
+        (pagination === null || pagination === void 0 ? void 0 : pagination.isFetchingMore) && (React.createElement("div", { className: styles.infoContainer },
+            React.createElement("div", { className: styles.spinner }),
             React.createElement("span", null, "Loading more items..."))),
         renderPluginFooters()));
 }
 
-function MobileDetailSection({ row, rowIndex, expandRowRenderer, isExpanded, onToggle, expandChevronClassName }) {
+function MobileDetailSection({ row, rowIndex, expandRowRenderer, isExpanded, onToggle }) {
     const content = expandRowRenderer(row, rowIndex);
     const hasContent = content != null;
     const [everExpanded, setEverExpanded] = useState(false);
@@ -375,31 +403,44 @@ function MobileDetailSection({ row, rowIndex, expandRowRenderer, isExpanded, onT
         setEverExpanded(true);
     if (!hasContent)
         return null;
-    const chevronClass = [
-        styles$2.detailChevron,
-        isExpanded ? styles$2.detailChevronExpanded : '',
-        expandChevronClassName !== null && expandChevronClassName !== void 0 ? expandChevronClassName : '',
-    ].join(' ').trim();
     const outerClass = [
-        styles$2.mobileDetailOuter,
-        styles$2.detailCellHasContent,
-        isExpanded ? styles$2.detailCellExpanded : '',
+        styles.mobileDetailOuter,
+        styles.detailCellHasContent,
+        isExpanded ? styles.detailCellExpanded : '',
+    ].join(' ').trim();
+    const toggleBarClass = [
+        styles.detailToggleBar,
+        isExpanded ? styles.detailToggleBarExpanded : '',
     ].join(' ').trim();
+    const toggleAttrs = {
+        role: 'button',
+        tabIndex: 0,
+        'aria-expanded': isExpanded,
+        onClick: onToggle,
+        onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onToggle();
+        } },
+        'data-rt-ignore-row-click': true,
+    };
     return (React.createElement("div", { className: outerClass },
-        React.createElement("div", { className: `${styles$2.detailToggleBar} ${styles$2.detailToggleBarVisible}`, role: "button", tabIndex: 0, "aria-expanded": isExpanded, onClick: onToggle, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
-                e.preventDefault();
-                onToggle();
-            } }, "data-rt-ignore-row-click": true },
-            React.createElement("span", { className: chevronClass },
-                React.createElement(MdArrowDropDown, null))),
-        React.createElement("div", { className: `${styles$2.detailContentWrapper} ${isExpanded ? styles$2.detailContentWrapperExpanded : ''}` },
-            React.createElement("div", { className: styles$2.detailContentInner }, everExpanded && content))));
+        isExpanded && (React.createElement("div", Object.assign({ className: toggleBarClass }, toggleAttrs),
+            React.createElement("span", { className: styles.detailToggleChevron },
+                React.createElement(MdArrowDropDown, null)))),
+        React.createElement("div", { className: `${styles.detailContentWrapper} ${isExpanded ? styles.detailContentWrapperExpanded : ''}` },
+            React.createElement("div", { className: styles.detailContentInner }, everExpanded && content))));
 }
 function MobileView(props) {
     const { mobileFooter } = props;
     const { currentData, visibleColumns, onRowClick, selectionProps, animationProps, getRowProps, getRowId, getColumnDefinition, onHeaderClickCallback, getClickableHeaderClassName, pagination, mobileCardClassName, expandRowRenderer, expandChevronClassName, } = useTableContext();
     const isClickable = onRowClick || selectionProps;
     const [expandedIds, setExpandedIds] = useState(new Set());
+    const [hoveredRowId, setHoveredRowId] = useState(null);
+    const [greetingActive, setGreetingActive] = useState(true);
+    useEffect(() => {
+        const t = setTimeout(() => setGreetingActive(false), 3200);
+        return () => clearTimeout(t);
+    }, []);
     const toggleExpanded = useCallback((id) => {
         setExpandedIds(prev => {
             const next = new Set(prev);
@@ -440,19 +481,30 @@ function MobileView(props) {
     };
     const getTypeClassName = (dataType) => {
         switch (dataType) {
-            case 'number': return styles$2.numberValue;
-            case 'date': return styles$2.dateValue;
-            case 'image': return styles$2.imageValue;
-            case 'input': return styles$2.inputValue;
+            case 'number': return styles.numberValue;
+            case 'date': return styles.dateValue;
+            case 'image': return styles.imageValue;
+            case 'input': return styles.inputValue;
             default: return '';
         }
     };
-    return (React.createElement("div", { className: styles$2.cardContainer },
+    return (React.createElement("div", { className: styles.cardContainer },
         currentData.map((row, rowIndex) => {
             const rowProps = getRowProps(row);
             const pluginOnClick = rowProps.onClick;
-            return (React.createElement(React.Fragment, { key: getRowId(row, rowIndex) },
-                React.createElement("div", { className: `${styles$2.card} ${isClickable ? styles$2.clickableRow : ''} ${(animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad) ? styles$2.animatedRow : ''} ${rowProps.className || ''} ${mobileCardClassName || ''}`.trim(), style: { animationDelay: `${rowIndex * 0.05}s` }, tabIndex: isClickable ? 0 : undefined, "aria-selected": rowProps['aria-selected'], onClickCapture: (e) => {
+            const rowId = getRowId(row, rowIndex);
+            const isExpanded = expandedIds.has(rowId);
+            const rowContent = expandRowRenderer === null || expandRowRenderer === void 0 ? void 0 : expandRowRenderer(row, rowIndex);
+            const rowHasContent = rowContent != null;
+            const chevronClasses = [
+                styles.expandChevron,
+                greetingActive && rowHasContent ? styles.expandChevronGreeting : '',
+                isExpanded ? styles.expandChevronExpanded : '',
+                hoveredRowId === rowId && !isExpanded ? styles.expandChevronHovered : '',
+                expandChevronClassName !== null && expandChevronClassName !== void 0 ? expandChevronClassName : '',
+            ].filter(Boolean).join(' ').trim();
+            return (React.createElement(React.Fragment, { key: rowId },
+                React.createElement("div", { className: `${styles.card} ${isClickable ? styles.clickableRow : ''} ${(animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad) ? styles.animatedRow : ''} ${rowProps.className || ''} ${mobileCardClassName || ''}`.trim(), style: { animationDelay: `${rowIndex * 0.05}s` }, tabIndex: isClickable ? 0 : undefined, "aria-selected": rowProps['aria-selected'], onMouseEnter: () => expandRowRenderer && setHoveredRowId(rowId), onMouseLeave: () => expandRowRenderer && setHoveredRowId(null), onClickCapture: (e) => {
                         const target = e.target;
                         if (target.closest('[data-rt-ignore-row-click]')) {
                             e.nativeEvent._rtIgnoreRowClick = true;
@@ -466,7 +518,13 @@ function MobileView(props) {
                         if (onRowClick)
                             onRowClick(row);
                     } },
-                    React.createElement("div", { className: styles$2['card-body'] }, visibleColumns.map((columnDefinition, colIndex) => {
+                    expandRowRenderer && rowHasContent && (React.createElement("div", { className: styles.mobileExpandRow, style: { '--row-idx': rowIndex } },
+                        React.createElement("span", { className: chevronClasses, role: "button", tabIndex: 0, "aria-expanded": isExpanded, onClick: (e) => { e.stopPropagation(); toggleExpanded(rowId); }, onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') {
+                                e.preventDefault();
+                                toggleExpanded(rowId);
+                            } }, "data-rt-ignore-row-click": true },
+                            React.createElement(MdArrowDropDown, null)))),
+                    React.createElement("div", { className: styles['card-body'] }, visibleColumns.map((columnDefinition, colIndex) => {
                         const colDef = getColumnDefinition(columnDefinition, rowIndex);
                         const onHeaderClick = onHeaderClickCallback(columnDefinition);
                         const clickableHeaderClassName = getClickableHeaderClassName(onHeaderClick, columnDefinition);
@@ -475,21 +533,21 @@ function MobileView(props) {
                         const sampleValue = colDef.dataKey ? row[colDef.dataKey] : null;
                         const dataType = inferDataType(colDef, sampleValue);
                         const typeClassName = getTypeClassName(dataType);
-                        return (React.createElement("div", { key: colIndex, className: `${styles$2['card-row']} ${styles$2.stacked}` },
-                            React.createElement("span", { className: `${styles$2['card-label']} ${clickableHeaderClassName} ${colDef.headerClassName || ''}`, style: colDef.headerStyle, onClick: (e) => {
+                        return (React.createElement("div", { key: colIndex, className: `${styles['card-row']} ${styles.stacked}` },
+                            React.createElement("span", { className: `${styles['card-label']} ${clickableHeaderClassName} ${colDef.headerClassName || ''}`, style: colDef.headerStyle, onClick: (e) => {
                                     if (onHeaderClick) {
                                         e.stopPropagation();
                                         onHeaderClick(colDef.interactivity.id);
                                     }
                                 } }, colDef.displayLabel),
-                            React.createElement("span", { className: `${styles$2['card-value']} ${typeClassName} ${colDef.cellClassName || ''}`, style: colDef.cellStyle },
+                            React.createElement("span", { className: `${styles['card-value']} ${typeClassName} ${colDef.cellClassName || ''}`, style: colDef.cellStyle },
                                 React.createElement(TableBodyCell, { row: row, rowIndex: rowIndex, columnDefinition: columnDefinition }))));
                     }))),
-                expandRowRenderer && (React.createElement(MobileDetailSection, { row: row, rowIndex: rowIndex, expandRowRenderer: expandRowRenderer, isExpanded: expandedIds.has(getRowId(row, rowIndex)), onToggle: () => toggleExpanded(getRowId(row, rowIndex)), expandChevronClassName: expandChevronClassName }))));
+                expandRowRenderer && rowHasContent && (React.createElement(MobileDetailSection, { row: row, rowIndex: rowIndex, expandRowRenderer: expandRowRenderer, isExpanded: isExpanded, onToggle: () => toggleExpanded(rowId) }))));
         }),
         (pagination === null || pagination === void 0 ? void 0 : pagination.hasMore) && (React.createElement(TableSentinel, { onIntersect: () => pagination.loadNextPage(), isLoading: pagination.isFetchingMore })),
-        (pagination === null || pagination === void 0 ? void 0 : pagination.isFetchingMore) && (React.createElement("div", { className: styles$2.infoContainer },
-            React.createElement("div", { className: styles$2.spinner }),
+        (pagination === null || pagination === void 0 ? void 0 : pagination.isFetchingMore) && (React.createElement("div", { className: styles.infoContainer },
+            React.createElement("div", { className: styles.spinner }),
             React.createElement("span", null, "Loading more items..."))),
         mobileFooter));
 }
@@ -499,35 +557,16 @@ function SkeletonView(props) {
     const skeletonRowCount = 5;
     const columnCount = columnDefinitions.length;
     if (isMobile) {
-        return (React.createElement("div", null, [...Array(skeletonRowCount)].map((_, i) => (React.createElement("div", { key: i, className: styles$2.skeletonCard }, [...Array(columnCount)].map((_, j) => (React.createElement("div", { key: j, className: `${styles$2.skeleton} ${styles$2.skeletonText}`, style: { marginBottom: '0.5rem' } }))))))));
+        return (React.createElement("div", null, [...Array(skeletonRowCount)].map((_, i) => (React.createElement("div", { key: i, className: styles.skeletonCard }, [...Array(columnCount)].map((_, j) => (React.createElement("div", { key: j, className: `${styles.skeleton} ${styles.skeletonText}`, style: { marginBottom: '0.5rem' } }))))))));
     }
-    return (React.createElement("table", { className: styles$2.responsiveTable },
+    return (React.createElement("table", { className: styles.responsiveTable },
         React.createElement("thead", null,
             React.createElement("tr", null, [...Array(columnCount)].map((_, i) => (React.createElement("th", { key: i },
-                React.createElement("div", { className: `${styles$2.skeleton} ${styles$2.skeletonText}` })))))),
+                React.createElement("div", { className: `${styles.skeleton} ${styles.skeletonText}` })))))),
         React.createElement("tbody", null, [...Array(skeletonRowCount)].map((_, i) => (React.createElement("tr", { key: i }, [...Array(columnCount)].map((_, j) => (React.createElement("td", { key: j },
-            React.createElement("div", { className: `${styles$2.skeleton} ${styles$2.skeletonText}` }))))))))));
+            React.createElement("div", { className: `${styles.skeleton} ${styles.skeletonText}` }))))))))));
 }
 
-var css_248z$1 = ".LoadingSpinner-module_spinner__F9V3x{animation:LoadingSpinner-module_spin__VkBDO .8s cubic-bezier(.4,0,.2,1) infinite;border:3px solid rgba(0,0,0,.05);border-left:3px solid var(--primary-color,#007bff);border-radius:50%;display:inline-block;height:28px;vertical-align:middle;width:28px}@keyframes LoadingSpinner-module_spin__VkBDO{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
-var styles$1 = {"spinner":"LoadingSpinner-module_spinner__F9V3x"};
-styleInject(css_248z$1);
-
-var css_248z = ".NoMoreDataMessage-module_infoContainer__dk1r5{align-items:center;background-color:var(--table-header-bg,#f8f9fa);border-top:1px solid var(--table-border-color,#e0e0e0);color:var(--text-color-muted,#6c757d);display:flex;font-size:.85rem;gap:.75rem;justify-content:center;padding:2rem;width:100%}.NoMoreDataMessage-module_infoContainer__dk1r5.NoMoreDataMessage-module_noMoreData__ATuIg{font-weight:600;letter-spacing:.02em}";
-var styles = {"infoContainer":"NoMoreDataMessage-module_infoContainer__dk1r5","noMoreData":"NoMoreDataMessage-module_noMoreData__ATuIg"};
-styleInject(css_248z);
-
-const LoadingSpinner = () => {
-    return (React.createElement("div", { className: styles.infoContainer },
-        React.createElement("div", { className: styles$1.spinner }),
-        React.createElement("span", null, "Loading more items...")));
-};
-
-const NoMoreDataMessage = () => {
-    return (React.createElement("div", { className: `${styles.infoContainer} ${styles.noMoreData}` },
-        React.createElement("p", null, "You've reached the end!")));
-};
-
 function debounce(func, delay) {
     let timeout;
     return function (...args) {
@@ -742,7 +781,7 @@ class SelectionPlugin {
             const rowId = this.getRowId(row);
             const isSelected = selectedIds.has(rowId);
             const combinedClassName = [
-                isSelected ? styles$2.selectedRow : '',
+                isSelected ? styles.selectedRow : '',
                 isSelected ? selectedRowClassName : ''
             ].filter(Boolean).join(' ');
             return {
@@ -887,7 +926,7 @@ class SortPlugin {
 }
 
 const useTablePlugins = (props) => {
-    const { data, plugins, filterProps, selectionProps, sortProps, columnDefinitions, getScrollableElement, infiniteScrollProps, onFilterChange, } = props;
+    const { data, plugins, filterProps, selectionProps, sortProps, columnDefinitions, getScrollableElement, onFilterChange, } = props;
     const [processedData, setProcessedData] = useState(data);
     const [activePlugins, setActivePlugins] = useState([]);
     // Persist internal plugins using refs to prevent state loss
@@ -957,7 +996,6 @@ const useTablePlugins = (props) => {
             getData: () => data,
             forceUpdate: forceUpdatePlugins,
             getScrollableElement: getScrollableElement,
-            infiniteScrollProps: infiniteScrollProps,
             filterProps: filterProps,
             selectionProps: selectionProps,
             columnDefinitions: columnDefinitions,
@@ -985,7 +1023,6 @@ const useTablePlugins = (props) => {
         sortProps,
         columnDefinitions,
         getScrollableElement,
-        infiniteScrollProps,
         getRawColumnDefinition,
         onFilterChange,
     ]);
@@ -999,157 +1036,6 @@ const useTablePlugins = (props) => {
     return { processedData, activePlugins, visibleColumns, forceUpdatePlugins };
 };
 
-function InfiniteTable(props) {
-    const { columnDefinitions, data, noDataComponent, maxHeight, onRowClick, footerRows, mobileBreakpoint, plugins, enablePageLevelStickyHeader, infiniteScrollProps, filterProps, selectionProps, animationProps, sortProps, } = props;
-    const tableContainerRef = useRef(null);
-    const headerRef = useRef(null);
-    const { isMobile, isHeaderSticky, debouncedScrollHandler } = useResponsiveTable({
-        mobileBreakpoint,
-        enablePageLevelStickyHeader,
-        maxHeight,
-        headerRef,
-        scrollableRef: tableContainerRef,
-    });
-    const [internalData, setInternalData] = useState(data || []);
-    const [isLoadingMore, setIsLoadingMore] = useState(false);
-    const [internalHasMore, setInternalHasMore] = useState(true);
-    const getScrollableElement = useCallback(() => tableContainerRef.current, []);
-    const { processedData, activePlugins, visibleColumns } = useTablePlugins({
-        data: internalData,
-        plugins,
-        filterProps,
-        selectionProps,
-        sortProps,
-        columnDefinitions,
-        getScrollableElement,
-        infiniteScrollProps,
-    });
-    const currentHasMore = (infiniteScrollProps === null || infiniteScrollProps === void 0 ? void 0 : infiniteScrollProps.hasMore) !== undefined
-        ? infiniteScrollProps.hasMore
-        : internalHasMore;
-    const hasData = useMemo(() => processedData.length > 0, [processedData]);
-    const noDataComponentNode = noDataComponent || React.createElement("div", { className: styles$2.noData }, "No data");
-    const defaultLoadingComponent = React.createElement(LoadingSpinner, null);
-    const defaultNoMoreDataComponent = React.createElement(NoMoreDataMessage, null);
-    const loadMoreData = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        if (!infiniteScrollProps || isLoadingMore)
-            return;
-        setIsLoadingMore(true);
-        try {
-            const newItems = yield ((_a = infiniteScrollProps.onLoadMore) === null || _a === void 0 ? void 0 : _a.call(infiniteScrollProps, internalData));
-            if (infiniteScrollProps.hasMore === undefined) {
-                if (!newItems || newItems.length === 0) {
-                    setInternalHasMore(false);
-                }
-            }
-            if (newItems && newItems.length > 0) {
-                setInternalData(prevData => [...prevData, ...newItems]);
-            }
-        }
-        catch (error) {
-            console.error("Failed to load more items for infinite scroll:", error);
-        }
-        finally {
-            setIsLoadingMore(false);
-        }
-    }), [infiniteScrollProps, isLoadingMore, internalData]);
-    useEffect(() => {
-        setInternalData(data || []);
-    }, [data]);
-    useEffect(() => {
-        if (data.length === 0) {
-            loadMoreData();
-        }
-    }, [data.length, loadMoreData]);
-    const handleScrollForInfinite = useCallback((currentTarget) => {
-        if (!currentTarget)
-            return;
-        const { scrollHeight, scrollTop, clientHeight } = currentTarget;
-        if (currentHasMore && !isLoadingMore && scrollHeight - scrollTop - clientHeight < 100) {
-            loadMoreData();
-        }
-    }, [currentHasMore, isLoadingMore, loadMoreData]);
-    const mobileFooter = useMemo(() => {
-        if (!footerRows || footerRows.length === 0) {
-            return null;
-        }
-        // Helper to get raw column definition in this context
-        const getRaw = (colDef) => {
-            if (typeof colDef === 'function') {
-                return processedData.length > 0 ? colDef(processedData[0], 0) : { displayLabel: '', cellRenderer: () => '' };
-            }
-            return colDef;
-        };
-        return (React.createElement("div", { className: styles$2.footerCard },
-            React.createElement("div", { className: styles$2['footer-card-body'] }, footerRows.map((row, rowIndex) => {
-                let currentColumnIndex = 0;
-                return (React.createElement("div", { key: rowIndex }, row.columns.map((col, colIndex) => {
-                    let label = col.displayLabel;
-                    if (!label && col.colSpan === 1) {
-                        const header = columnDefinitions[currentColumnIndex];
-                        if (header) {
-                            label = getRaw(header).displayLabel;
-                        }
-                    }
-                    currentColumnIndex += col.colSpan;
-                    return (React.createElement("p", { key: colIndex, className: `${styles$2['footer-card-row']} ${col.className || ''} ${col.onCellClick ? styles$2.clickableFooterCell : ''}`, onClick: col.onCellClick },
-                        label && React.createElement("span", { className: styles$2['card-label'] }, label),
-                        React.createElement("span", { className: styles$2['card-value'] }, col.cellRenderer())));
-                })));
-            }))));
-    }, [footerRows, columnDefinitions, processedData]);
-    const renderPluginHeaders = useCallback(() => {
-        if (!activePlugins) {
-            return null;
-        }
-        return activePlugins.map((plugin) => {
-            if (plugin.renderHeader) {
-                if (plugin.id === 'sort' && !isMobile) {
-                    return null;
-                }
-                return React.createElement("div", { key: plugin.id }, plugin.renderHeader());
-            }
-            return null;
-        });
-    }, [activePlugins, isMobile]);
-    const renderPluginFooters = useCallback(() => {
-        if (!plugins) {
-            return null;
-        }
-        return plugins.map((plugin) => {
-            if (plugin.renderFooter) {
-                return React.createElement("div", { key: plugin.id + '-footer' }, plugin.renderFooter());
-            }
-            return null;
-        });
-    }, [plugins]);
-    const infiniteStatusUI = (React.createElement(React.Fragment, null,
-        isLoadingMore && ((infiniteScrollProps === null || infiniteScrollProps === void 0 ? void 0 : infiniteScrollProps.loadingMoreComponent) || defaultLoadingComponent),
-        !isLoadingMore && !currentHasMore && ((infiniteScrollProps === null || infiniteScrollProps === void 0 ? void 0 : infiniteScrollProps.noMoreDataComponent) || defaultNoMoreDataComponent)));
-    if ((animationProps === null || animationProps === void 0 ? void 0 : animationProps.isLoading) && !hasData) {
-        return React.createElement(SkeletonView, { isMobile: isMobile, columnDefinitions: visibleColumns });
-    }
-    return (React.createElement(TableProvider, { value: {
-            data: internalData,
-            processedData,
-            visibleColumns,
-            originalColumnDefinitions: columnDefinitions,
-            activePlugins,
-            onRowClick,
-            selectionProps,
-            animationProps,
-        } },
-        React.createElement("div", null,
-            React.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } }, renderPluginHeaders()),
-            !hasData && noDataComponentNode,
-            hasData && (isMobile ? (React.createElement(MobileView, { mobileFooter: mobileFooter })) : (React.createElement(DesktopView, { maxHeight: maxHeight, isHeaderSticky: isHeaderSticky, tableContainerRef: tableContainerRef, headerRef: headerRef, footerRows: footerRows, renderPluginFooters: renderPluginFooters, onScroll: (e) => {
-                    debouncedScrollHandler(e.currentTarget); // For sticky header
-                    handleScrollForInfinite(e.currentTarget); // For infinite scroll
-                } }))),
-            hasData && infiniteStatusUI)));
-}
-
 const useTableDataSource = (props) => {
     const { dataSource, pageSize = 20, initialData = [], sort, filter } = props;
     const [data, setData] = useState(initialData);
@@ -1251,7 +1137,7 @@ const useTableDataSource = (props) => {
  * Supports static data or async data sources with built-in infinite scroll.
  */
 function ResponsiveTableInner(props, ref) {
-    const { columnDefinitions, data: initialData, dataSource, pageSize, noDataComponent, maxHeight, onRowClick, footerRows, mobileBreakpoint, plugins, enablePageLevelStickyHeader, infiniteScrollProps, filterProps, selectionProps, animationProps, sortProps, mobileCardClassName, onDataSourceStateChange, onPageChange, onDataSourceError, expandRowRenderer, expandChevronClassName, } = props;
+    const { columnDefinitions, data: initialData, dataSource, pageSize, noDataComponent, maxHeight, onRowClick, footerRows, mobileBreakpoint, plugins, enablePageLevelStickyHeader, filterProps, selectionProps, animationProps, sortProps, mobileCardClassName, onDataSourceStateChange, onPageChange, onDataSourceError, expandRowRenderer, expandChevronClassName, } = props;
     const tableContainerRef = useRef(null);
     const headerRef = useRef(null);
     const { isMobile, isHeaderSticky } = useResponsiveTable({
@@ -1311,7 +1197,6 @@ function ResponsiveTableInner(props, ref) {
         sortProps,
         columnDefinitions,
         getScrollableElement,
-        infiniteScrollProps,
     });
     // Fire onDataSourceStateChange when dataSource state changes
     useEffect(() => {
@@ -1342,9 +1227,9 @@ function ResponsiveTableInner(props, ref) {
     const hasData = useMemo(() => processedData.length > 0, [processedData]);
     const noDataSvg = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "#ccc", height: "40", width: "40", viewBox: "0 0 24 24" },
         React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-14h2v6h-2zm0 8h2v2h-2z" })));
-    const noDataComponentNode = noDataComponent || (React.createElement("div", { className: styles$2.noDataWrapper },
+    const noDataComponentNode = noDataComponent || (React.createElement("div", { className: styles.noDataWrapper },
         noDataSvg,
-        React.createElement("div", { className: styles$2.noData }, "No data")));
+        React.createElement("div", { className: styles.noData }, "No data")));
     const mobileFooter = useMemo(() => {
         if (!footerRows || footerRows.length === 0) {
             return null;
@@ -1356,8 +1241,8 @@ function ResponsiveTableInner(props, ref) {
             }
             return colDef;
         };
-        return (React.createElement("div", { className: styles$2.footerCard },
-            React.createElement("div", { className: styles$2['footer-card-body'] }, footerRows.map((row, rowIndex) => {
+        return (React.createElement("div", { className: styles.footerCard },
+            React.createElement("div", { className: styles['footer-card-body'] }, footerRows.map((row, rowIndex) => {
                 let currentColumnIndex = 0;
                 return (React.createElement("div", { key: rowIndex }, row.columns.map((col, colIndex) => {
                     let label = col.displayLabel;
@@ -1368,9 +1253,9 @@ function ResponsiveTableInner(props, ref) {
                         }
                     }
                     currentColumnIndex += col.colSpan;
-                    return (React.createElement("p", { key: colIndex, className: `${styles$2['footer-card-row']} ${col.className || ''} ${col.onCellClick ? styles$2.clickableFooterCell : ''}`, onClick: col.onCellClick },
-                        label && React.createElement("span", { className: styles$2['card-label'] }, label),
-                        React.createElement("span", { className: styles$2['card-value'] }, col.cellRenderer())));
+                    return (React.createElement("p", { key: colIndex, className: `${styles['footer-card-row']} ${col.className || ''} ${col.onCellClick ? styles.clickableFooterCell : ''}`, onClick: col.onCellClick },
+                        label && React.createElement("span", { className: styles['card-label'] }, label),
+                        React.createElement("span", { className: styles['card-value'] }, col.cellRenderer())));
                 })));
             }))));
     }, [footerRows, columnDefinitions, processedData]);
@@ -1404,9 +1289,6 @@ function ResponsiveTableInner(props, ref) {
         animateOnLoad: animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad,
         isLoading,
     }), [animationProps === null || animationProps === void 0 ? void 0 : animationProps.animateOnLoad, animationProps === null || animationProps === void 0 ? void 0 : animationProps.isLoading, isLoading]);
-    if (infiniteScrollProps) {
-        return React.createElement(InfiniteTable, Object.assign({}, props));
-    }
     if (isLoading && !hasData) {
         return React.createElement(SkeletonView, { isMobile: isMobile, columnDefinitions: visibleColumns });
     }
@@ -1467,58 +1349,5 @@ function ResponsiveTableInner(props, ref) {
 }
 const ResponsiveTable = forwardRef(ResponsiveTableInner);
 
-class InfiniteScrollPlugin {
-    constructor() {
-        this.id = 'infinite-scroll';
-        this.isLoadingMore = false;
-        this.onPluginInit = (api) => {
-            this.api = api;
-            this.attachScrollListener();
-        };
-        this.attachScrollListener = () => {
-            var _a, _b;
-            const scrollableElement = (_b = (_a = this.api).getScrollableElement) === null || _b === void 0 ? void 0 : _b.call(_a);
-            if (scrollableElement) {
-                scrollableElement.addEventListener('scroll', this.handleScroll);
-            }
-        };
-        this.handleScroll = () => __awaiter(this, void 0, void 0, function* () {
-            var _a, _b, _c, _d;
-            const scrollableElement = (_b = (_a = this.api).getScrollableElement) === null || _b === void 0 ? void 0 : _b.call(_a);
-            if (!scrollableElement || !this.api.infiniteScrollProps) {
-                return;
-            }
-            const { scrollTop, scrollHeight, clientHeight } = scrollableElement;
-            const scrollThreshold = 200; // Load more data when 200px from the bottom
-            if (scrollHeight - scrollTop - clientHeight < scrollThreshold &&
-                this.api.infiniteScrollProps.hasMore &&
-                !this.isLoadingMore) {
-                this.isLoadingMore = true;
-                this.api.forceUpdate(); // Trigger re-render to show loading component
-                yield ((_d = (_c = this.api.infiniteScrollProps).onLoadMore) === null || _d === void 0 ? void 0 : _d.call(_c, this.api.getData()));
-                this.isLoadingMore = false;
-                this.api.forceUpdate(); // Trigger re-render to hide loading component
-            }
-        });
-        this.processData = (data) => {
-            // This plugin doesn't modify the data directly, but rather triggers loading more.
-            // The main component's data prop should be updated by the consumer of the table.
-            return data;
-        };
-        this.renderFooter = () => {
-            if (!this.api.infiniteScrollProps) {
-                return null;
-            }
-            if (this.isLoadingMore) {
-                return this.api.infiniteScrollProps.loadingMoreComponent || React.createElement("div", null, "Loading more...");
-            }
-            else if (!this.api.infiniteScrollProps.hasMore) {
-                return this.api.infiniteScrollProps.noMoreDataComponent || React.createElement("div", null, "No more data.");
-            }
-            return null;
-        };
-    }
-}
-
-export { FilterPlugin, InfiniteScrollPlugin, SelectionPlugin, SortPlugin, ResponsiveTable as default, useTableContext };
+export { FilterPlugin, SelectionPlugin, SortPlugin, ResponsiveTable as default, useTableContext };
 //# sourceMappingURL=index.es.js.map