@viasat/beam-react 2.55.2 → 2.56.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.56.0 (2026-08-20)
+
+### 🚀 Features
+
+- **DataTable:** wire root container to useBeamTable instance ([#1403](https://git.viasat.com/vega/Beam/pull/1403))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
 ## 2.55.2 (2026-08-19)
 
 ### 🩹 Fixes

package/assets/dataTable.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{flex-direction:column;width:100%;display:flex}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;background:var(--bm-comp-data-table-color-bg);border-radius:var(--bm-comp-data-table-radius);width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__row:nth-of-type(2n){background:var(--bm-comp-data-table-color-zebra)}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}
+:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{background:var(--bm-comp-data-table-color-bg);flex-direction:column;width:100%;display:flex}.bm-data-table-container--bordered{border:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table-container--rounded{border-radius:var(--bm-comp-data-table-radius);overflow:hidden}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__row:nth-of-type(2n){background:var(--bm-comp-data-table-color-zebra)}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}

package/chunks/dataTable.B2EH91vH.js

@@ -0,0 +1 @@
+var s=require("../assets/dataTable.css");const t=require("./classNames.BFQUGnCN.js"),b=require("./constants.CgMu0_1M.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-data-table-container":"bm-data-table-container","bm-data-table-container--bordered":"bm-data-table-container--bordered","bm-data-table-container--rounded":"bm-data-table-container--rounded","bm-data-table__toolbar":"bm-data-table__toolbar","bm-data-table":"bm-data-table","bm-data-table__header":"bm-data-table__header","bm-data-table__head":"bm-data-table__head","bm-data-table__column-header":"bm-data-table__column-header","bm-data-table__body":"bm-data-table__body","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","bm-data-table__footer":"bm-data-table__footer","bm-data-table--sm":"bm-data-table--sm","bm-data-table--md":"bm-data-table--md","bm-data-table--lg":"bm-data-table--lg"},d="data-table",{baseClassNamePrefix:e,classModifierPrefix:m,subElementClassPrefix:a}=t.getBEMClassNames(d),r=b.allSizes.md,o={container:`${e}-container`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,body:`${a}body`,row:`${a}row`,cell:`${a}cell`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=r;exports.baseClassNamePrefix=e;exports.classModifierPrefix=m;exports.staticDataTableClassNames=o;exports.styles=l;

package/chunks/{dataTable.DQQX95em.js → dataTable.B_4qCCp1.js}

@@ -8,6 +8,8 @@ const r = {
   "bm-enterprise": "bm-enterprise",
   "bm-consumer": "bm-consumer",
   "bm-data-table-container": "bm-data-table-container",
+  "bm-data-table-container--bordered": "bm-data-table-container--bordered",
+  "bm-data-table-container--rounded": "bm-data-table-container--rounded",
   "bm-data-table__toolbar": "bm-data-table__toolbar",
   "bm-data-table": "bm-data-table",
   "bm-data-table__header": "bm-data-table__header",
@@ -20,7 +22,7 @@ const r = {
   "bm-data-table--sm": "bm-data-table--sm",
   "bm-data-table--md": "bm-data-table--md",
   "bm-data-table--lg": "bm-data-table--lg"
-}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: s, subElementClassPrefix: a } = e(b), _ = t.md, n = {
+}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: s, subElementClassPrefix: a } = e(b), n = t.md, _ = {
   container: `${l}-container`,
   toolbar: `${a}toolbar`,
   header: `${a}header`,
@@ -32,8 +34,8 @@ const r = {
   footer: `${a}footer`
 };
 export {
-  _ as D,
-  n as a,
+  n as D,
+  _ as a,
   l as b,
   s as c,
   r as s

package/lib/wip/DataTable/DataTable.Body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=d.forwardRef(({className:t,children:s,...o},r)=>{const l=i(e.styles[e.staticDataTableClassNames.body],t);return c.jsx("tbody",{ref:r,className:l,...o,children:s})});a.displayName="DataTable.Body";exports.DataTableBody=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=d.forwardRef(({className:t,children:s,...o},r)=>{const l=i(e.styles[e.staticDataTableClassNames.body],t);return c.jsx("tbody",{ref:r,className:l,...o,children:s})});a.displayName="DataTable.Body";exports.DataTableBody=a;

package/lib/wip/DataTable/DataTable.Body.es.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import l from "clsx";
-import { s as c, a as d } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as d } from "../../../chunks/dataTable.B_4qCCp1.js";
 const f = e(
   ({ className: a, children: s, ...o }, t) => {
     const r = l(c[d.body], a);

package/lib/wip/DataTable/DataTable.Cell.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=i.forwardRef(({className:t,children:l,...s},r)=>{const c=n(e.styles[e.staticDataTableClassNames.cell],t);return o.jsx("td",{ref:r,className:c,...s,children:l})});a.displayName="DataTable.Cell";exports.DataTableCell=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=i.forwardRef(({className:t,children:l,...s},r)=>{const c=n(e.styles[e.staticDataTableClassNames.cell],t);return o.jsx("td",{ref:r,className:c,...s,children:l})});a.displayName="DataTable.Cell";exports.DataTableCell=a;

package/lib/wip/DataTable/DataTable.Cell.es.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import o from "clsx";
-import { s as c, a as f } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as f } from "../../../chunks/dataTable.B_4qCCp1.js";
 const i = m(
   ({ className: a, children: s, ...l }, t) => {
     const e = o(c[f.cell], a);

package/lib/wip/DataTable/DataTable.ColumnHeader.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=n.forwardRef(({className:t,children:s,...r},l)=>{const o=u(e.styles[e.staticDataTableClassNames.columnHeader],t);return c.jsx("th",{ref:l,scope:"col",className:o,...r,children:s})});a.displayName="DataTable.ColumnHeader";exports.DataTableColumnHeader=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),u=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=n.forwardRef(({className:t,children:s,...r},l)=>{const o=u(e.styles[e.staticDataTableClassNames.columnHeader],t);return c.jsx("th",{ref:l,scope:"col",className:o,...r,children:s})});a.displayName="DataTable.ColumnHeader";exports.DataTableColumnHeader=a;

package/lib/wip/DataTable/DataTable.ColumnHeader.es.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import l from "clsx";
-import { s as c, a as p } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as p } from "../../../chunks/dataTable.B_4qCCp1.js";
 const f = t(({ className: a, children: s, ...e }, o) => {
   const r = l(c[p.columnHeader], a);
   return /* @__PURE__ */ m("th", { ref: o, scope: "col", className: r, ...e, children: s });

package/lib/wip/DataTable/DataTable.Footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),t=i.forwardRef(({className:a,children:s,...o},r)=>{const l=n(e.styles[e.staticDataTableClassNames.footer],a);return c.jsx("tfoot",{ref:r,className:l,...o,children:s})});t.displayName="DataTable.Footer";exports.DataTableFooter=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),t=i.forwardRef(({className:a,children:s,...o},r)=>{const l=n(e.styles[e.staticDataTableClassNames.footer],a);return c.jsx("tfoot",{ref:r,className:l,...o,children:s})});t.displayName="DataTable.Footer";exports.DataTableFooter=t;

package/lib/wip/DataTable/DataTable.Footer.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import l from "clsx";
-import { s as f, a as c } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as f, a as c } from "../../../chunks/dataTable.B_4qCCp1.js";
 const i = m(
   ({ className: a, children: o, ...t }, s) => {
     const r = l(f[c.footer], a);

package/lib/wip/DataTable/DataTable.Head.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=d.forwardRef(({className:t,children:s,...r},l)=>{const c=i(e.styles[e.staticDataTableClassNames.head],t);return o.jsx("thead",{ref:l,className:c,...r,children:s})});a.displayName="DataTable.Head";exports.DataTableHead=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=d.forwardRef(({className:t,children:s,...r},l)=>{const c=i(e.styles[e.staticDataTableClassNames.head],t);return o.jsx("thead",{ref:l,className:c,...r,children:s})});a.displayName="DataTable.Head";exports.DataTableHead=a;

package/lib/wip/DataTable/DataTable.Head.es.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import l from "clsx";
-import { s as c, a as d } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as d } from "../../../chunks/dataTable.B_4qCCp1.js";
 const f = o(
   ({ className: a, children: s, ...e }, t) => {
     const r = l(c[d.head], a);

package/lib/wip/DataTable/DataTable.Header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=i.forwardRef(({className:t,children:s,...r},c)=>{const l=n(e.styles[e.staticDataTableClassNames.header],t);return o.jsx("caption",{ref:c,className:l,...r,children:s})});a.displayName="DataTable.Header";exports.DataTableHeader=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=i.forwardRef(({className:t,children:s,...r},c)=>{const l=n(e.styles[e.staticDataTableClassNames.header],t);return o.jsx("caption",{ref:c,className:l,...r,children:s})});a.displayName="DataTable.Header";exports.DataTableHeader=a;

package/lib/wip/DataTable/DataTable.Header.es.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import l from "clsx";
-import { s as c, a as i } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as i } from "../../../chunks/dataTable.B_4qCCp1.js";
 const p = m(
   ({ className: a, children: s, ...e }, r) => {
     const t = l(c[i.header], a);

package/lib/wip/DataTable/DataTable.Row.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),a=i.forwardRef(({className:t,children:s,...r},o)=>{const l=n(e.styles[e.staticDataTableClassNames.row],t);return c.jsx("tr",{ref:o,className:l,...r,children:s})});a.displayName="DataTable.Row";exports.DataTableRow=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=i.forwardRef(({className:t,children:s,...r},o)=>{const l=n(e.styles[e.staticDataTableClassNames.row],t);return c.jsx("tr",{ref:o,className:l,...r,children:s})});a.displayName="DataTable.Row";exports.DataTableRow=a;

package/lib/wip/DataTable/DataTable.Row.es.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import l from "clsx";
-import { s as c, a as f } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as c, a as f } from "../../../chunks/dataTable.B_4qCCp1.js";
 const i = e(
   ({ className: a, children: s, ...o }, r) => {
     const t = l(c[f.row], a);

package/lib/wip/DataTable/DataTable.Toolbar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("react"),i=require("clsx"),a=require("../../../chunks/dataTable.BeVtkYp6.js"),e=b.forwardRef(({className:t,children:s,...r},o)=>{const l=i(a.styles[a.staticDataTableClassNames.toolbar],t);return c.jsx("div",{ref:o,className:l,...r,children:s})});e.displayName="DataTable.Toolbar";exports.DataTableToolbar=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("react"),i=require("clsx"),a=require("../../../chunks/dataTable.B2EH91vH.js"),e=b.forwardRef(({className:t,children:s,...r},o)=>{const l=i(a.styles[a.staticDataTableClassNames.toolbar],t);return c.jsx("div",{ref:o,className:l,...r,children:s})});e.displayName="DataTable.Toolbar";exports.DataTableToolbar=e;

package/lib/wip/DataTable/DataTable.Toolbar.es.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import e from "clsx";
-import { s as i, a as b } from "../../../chunks/dataTable.DQQX95em.js";
+import { s as i, a as b } from "../../../chunks/dataTable.B_4qCCp1.js";
 const c = m(
   ({ className: a, children: o, ...s }, r) => {
     const t = e(i[b.toolbar], a);

package/lib/wip/DataTable/DataTable.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),b=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.BeVtkYp6.js"),x=require("./DataTable.context.cjs.js"),d=require("./DataTable.Header.cjs.js"),u=require("./DataTable.Toolbar.cjs.js"),E=require("./DataTable.Head.cjs.js"),h=require("./DataTable.ColumnHeader.cjs.js"),v=require("./DataTable.Body.cjs.js"),B=require("./DataTable.Row.cjs.js"),j=require("./DataTable.Cell.cjs.js"),R=require("./DataTable.Footer.cjs.js"),A=require("./useBeamTable.cjs.js");function a({density:o=e.DEFAULT_DATATABLE_DENSITY,data:m,columns:p,table:N,className:w,tableProps:t,children:q,...y}){const f=A.useBeamTable({data:m??[],columns:p??[]}),T=N??f;let r=null,s=null;const c=[];b.Children.forEach(q,l=>{var _;const D=b.isValidElement(l)?(_=l.type)==null?void 0:_.displayName:void 0;D===u.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&r&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),r=l):D===d.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&s&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),s=l):c.push(l)});const C=n(e.styles[e.baseClassNamePrefix],e.styles[`${e.classModifierPrefix}${o}`]),H=b.useMemo(()=>({density:o,table:T}),[o,T]);return i.jsx(x.DataTableProvider,{value:H,children:i.jsxs("div",{className:n(e.styles[e.staticDataTableClassNames.container],w),...y,children:[r,i.jsxs("table",{...t,className:n(C,t==null?void 0:t.className),children:[s,c]})]})})}a.displayName="DataTable";a.Header=d.DataTableHeader;a.Toolbar=u.DataTableToolbar;a.Head=E.DataTableHead;a.ColumnHeader=h.DataTableColumnHeader;a.Body=v.DataTableBody;a.Row=B.DataTableRow;a.Cell=j.DataTableCell;a.Footer=R.DataTableFooter;exports.DataTable=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),s=require("react"),c=require("clsx"),a=require("../../../chunks/dataTable.B2EH91vH.js"),A=require("./DataTable.context.cjs.js"),p=require("./DataTable.Header.cjs.js"),y=require("./DataTable.Toolbar.cjs.js"),F=require("./DataTable.Head.cjs.js"),L=require("./DataTable.ColumnHeader.cjs.js"),V=require("./DataTable.Body.cjs.js"),$=require("./DataTable.Row.cjs.js"),M=require("./DataTable.Cell.cjs.js"),O=require("./DataTable.Footer.cjs.js"),S=require("./useBeamTable.cjs.js"),e=s.forwardRef(({density:i=a.DEFAULT_DATATABLE_DENSITY,data:N,columns:w,table:q,bordered:C=!0,rounded:f=!0,className:v,tableProps:r,children:H,...h},x)=>{let o=null,b=null;const D=[];s.Children.forEach(H,t=>{var m;const u=s.isValidElement(t)?(m=t.type)==null?void 0:m.displayName:void 0;u===y.DataTableToolbar.displayName?(process.env.NODE_ENV!=="production"&&o&&console.warn("DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."),o=t):u===p.DataTableHeader.displayName?(process.env.NODE_ENV!=="production"&&b&&console.warn("DataTable: multiple `DataTable.Header` children found — only the last one is rendered."),b=t):D.push(t)});const E=c(a.styles[a.baseClassNamePrefix],a.styles[`${a.classModifierPrefix}${i}`]),B=S.useBeamTable({data:N??[],columns:w??[]}),_=q??B,R=s.useMemo(()=>({density:i,table:_}),[i,_]),j=c(a.styles[a.staticDataTableClassNames.container],C&&a.styles[`${a.staticDataTableClassNames.container}--bordered`],f&&a.styles[`${a.staticDataTableClassNames.container}--rounded`],v),{"aria-label":n,"aria-labelledby":d,...g}=h,l=!!o&&!!(n||d);return T.jsx(A.DataTableProvider,{value:R,children:T.jsxs("div",{ref:x,role:l?"region":void 0,"aria-label":l?n:void 0,"aria-labelledby":l?d:void 0,className:j,...g,children:[o,T.jsxs("table",{"aria-label":l?void 0:n,"aria-labelledby":l?void 0:d,...r,className:c(E,r==null?void 0:r.className),children:[b,D]})]})})});e.displayName="DataTable";e.Header=p.DataTableHeader;e.Toolbar=y.DataTableToolbar;e.Head=F.DataTableHead;e.ColumnHeader=L.DataTableColumnHeader;e.Body=V.DataTableBody;e.Row=$.DataTableRow;e.Cell=M.DataTableCell;e.Footer=O.DataTableFooter;exports.DataTable=e;

package/lib/wip/DataTable/DataTable.context.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { Table } from '@tanstack/react-table';
+import { RowData, Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
-export interface DataTableContextProps {
+export interface DataTableContextProps<TData extends RowData = unknown> {
     density: DataTableDensity;
-    table: Table<unknown>;
+    table: Table<TData>;
 }
 export declare const DataTableProvider: ({ children, value, }: {
     children: ReactNode;
-    value: DataTableContextProps;
+    value: DataTableContextProps<any>;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const useDataTable: () => DataTableContextProps;
+export declare const useDataTable: <TData extends RowData = unknown>() => DataTableContextProps<TData>;

package/lib/wip/DataTable/DataTable.d.ts

@@ -1,13 +1,24 @@
+import { ReactElement, RefAttributes } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { DataTableHeader } from './DataTable.Header';
+import { DataTableToolbar } from './DataTable.Toolbar';
+import { DataTableHead } from './DataTable.Head';
+import { DataTableColumnHeader } from './DataTable.ColumnHeader';
+import { DataTableBody } from './DataTable.Body';
+import { DataTableRow } from './DataTable.Row';
+import { DataTableCell } from './DataTable.Cell';
+import { DataTableFooter } from './DataTable.Footer';
 import { DataTableProps } from './DataTable.types';
-export declare function DataTable<TData = unknown>({ density, data, columns, 'table': tableProp, 'className': _className, tableProps, children, ...props }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
-export declare namespace DataTable {
-    var displayName: string;
-    var Header: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableHeaderProps, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
-    var Toolbar: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableToolbarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    var Head: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableHeadProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-    var ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableColumnHeaderProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-    var Body: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableBodyProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-    var Row: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableRowProps, "ref"> & import("react").RefAttributes<HTMLTableRowElement>>;
-    var Cell: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
-    var Footer: import("react").ForwardRefExoticComponent<Omit<import("./DataTable.types").DataTableFooterProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+interface DataTableStatics {
+    displayName: string;
+    Header: typeof DataTableHeader;
+    Toolbar: typeof DataTableToolbar;
+    Head: typeof DataTableHead;
+    ColumnHeader: typeof DataTableColumnHeader;
+    Body: typeof DataTableBody;
+    Row: typeof DataTableRow;
+    Cell: typeof DataTableCell;
+    Footer: typeof DataTableFooter;
 }
+export declare const DataTable: (<TData extends RowData = unknown>(props: DataTableProps<TData> & RefAttributes<HTMLDivElement>) => ReactElement | null) & DataTableStatics;
+export {};

package/lib/wip/DataTable/DataTable.es.js

@@ -1,66 +1,92 @@
-import { jsx as H, jsxs as f } from "react/jsx-runtime";
-import { Children as v, isValidElement as w, useMemo as A } from "react";
-import s from "clsx";
-import { s as m, b as B, c as V, D as _, a as F } from "../../../chunks/dataTable.DQQX95em.js";
-import { DataTableProvider as j } from "./DataTable.context.es.js";
-import { DataTableHeader as T } from "./DataTable.Header.es.js";
-import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
-import { DataTableHead as L } from "./DataTable.Head.es.js";
-import { DataTableColumnHeader as M } from "./DataTable.ColumnHeader.es.js";
-import { DataTableBody as O } from "./DataTable.Body.es.js";
-import { DataTableRow as R } from "./DataTable.Row.es.js";
-import { DataTableCell as $ } from "./DataTable.Cell.es.js";
-import { DataTableFooter as I } from "./DataTable.Footer.es.js";
-import { useBeamTable as S } from "./useBeamTable.es.js";
-function a({
-  density: l = _,
-  data: p,
-  columns: D,
-  table: u,
-  className: N,
-  tableProps: o,
-  children: y,
-  ...C
-}) {
-  const E = S({
-    data: p ?? [],
-    columns: D ?? []
-  }), i = u ?? E;
-  let r = null, t = null;
-  const n = [];
-  v.forEach(y, (e) => {
-    var c;
-    const d = w(e) ? (c = e.type) == null ? void 0 : c.displayName : void 0;
-    d === b.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
-      "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
-    ), r = e) : d === T.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
-      "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
-    ), t = e) : n.push(e);
-  });
-  const h = s(
-    m[B],
-    m[`${V}${l}`]
-  ), x = A(
-    () => ({ density: l, table: i }),
-    [l, i]
-  );
-  return /* @__PURE__ */ H(j, { value: x, children: /* @__PURE__ */ f("div", { className: s(m[F.container], N), ...C, children: [
-    r,
-    /* @__PURE__ */ f("table", { ...o, className: s(h, o == null ? void 0 : o.className), children: [
-      t,
-      n
-    ] })
-  ] }) });
-}
+import { jsx as $, jsxs as D } from "react/jsx-runtime";
+import { forwardRef as F, Children as g, isValidElement as j, useMemo as M } from "react";
+import d from "clsx";
+import { s as l, b as O, c as I, D as S, a as b } from "../../../chunks/dataTable.B_4qCCp1.js";
+import { DataTableProvider as U } from "./DataTable.context.es.js";
+import { DataTableHeader as u } from "./DataTable.Header.es.js";
+import { DataTableToolbar as N } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as Y } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as k } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as q } from "./DataTable.Body.es.js";
+import { DataTableRow as z } from "./DataTable.Row.es.js";
+import { DataTableCell as G } from "./DataTable.Cell.es.js";
+import { DataTableFooter as J } from "./DataTable.Footer.es.js";
+import { useBeamTable as K } from "./useBeamTable.es.js";
+const a = F(
+  ({
+    density: i = S,
+    data: y,
+    columns: v,
+    table: C,
+    bordered: h = !0,
+    rounded: E = !0,
+    className: x,
+    tableProps: r,
+    children: H,
+    ...w
+  }, B) => {
+    let t = null, s = null;
+    const c = [];
+    g.forEach(H, (o) => {
+      var T;
+      const p = j(o) ? (T = o.type) == null ? void 0 : T.displayName : void 0;
+      p === N.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
+        "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
+      ), t = o) : p === u.displayName ? (process.env.NODE_ENV !== "production" && s && console.warn(
+        "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
+      ), s = o) : c.push(o);
+    });
+    const A = d(
+      l[O],
+      l[`${I}${i}`]
+    ), L = K({ data: y ?? [], columns: v ?? [] }), f = C ?? L, R = M(() => ({ density: i, table: f }), [i, f]), V = d(
+      l[b.container],
+      h && l[`${b.container}--bordered`],
+      E && l[`${b.container}--rounded`],
+      x
+    ), {
+      "aria-label": n,
+      "aria-labelledby": m,
+      ..._
+    } = w, e = !!t && !!(n || m);
+    return /* @__PURE__ */ $(U, { value: R, children: /* @__PURE__ */ D(
+      "div",
+      {
+        ref: B,
+        role: e ? "region" : void 0,
+        "aria-label": e ? n : void 0,
+        "aria-labelledby": e ? m : void 0,
+        className: V,
+        ..._,
+        children: [
+          t,
+          /* @__PURE__ */ D(
+            "table",
+            {
+              "aria-label": e ? void 0 : n,
+              "aria-labelledby": e ? void 0 : m,
+              ...r,
+              className: d(A, r == null ? void 0 : r.className),
+              children: [
+                s,
+                c
+              ]
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
 a.displayName = "DataTable";
-a.Header = T;
-a.Toolbar = b;
-a.Head = L;
-a.ColumnHeader = M;
-a.Body = O;
-a.Row = R;
-a.Cell = $;
-a.Footer = I;
+a.Header = u;
+a.Toolbar = N;
+a.Head = Y;
+a.ColumnHeader = k;
+a.Body = q;
+a.Row = z;
+a.Cell = G;
+a.Footer = J;
 export {
   a as DataTable
 };

package/lib/wip/DataTable/DataTable.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
-import { ColumnDef, Table } from '@tanstack/react-table';
+import { ColumnDef, RowData, Table } from '@tanstack/react-table';
 import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
 /**
  * Column definition for a DataTable, aliased from TanStack Table's `ColumnDef`.
@@ -7,25 +7,22 @@ import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
  * @typeParam TValue - Type of the value held in the column's cell.
  */
 export type DataTableColumnDef<TData, TValue = unknown> = ColumnDef<TData, TValue>;
-export interface DataTableProps<TData = unknown> extends ComponentPropsWithoutRef<'div'> {
+interface DataTableBaseProps extends ComponentPropsWithRef<'div'> {
     /**
-     * Row data rendered by the table.
-     */
-    data?: TData[];
-    /**
-     * Column definitions describing how to render each column.
+     * Density of the table's rows.
+     * @default 'md'
      */
-    columns?: DataTableColumnDef<TData>[];
+    density?: DataTableDensity;
     /**
-     * A pre-built TanStack `Table` instance (e.g. from `useBeamTable`). When supplied,
-     * `DataTable` renders it directly instead of building its own from `data`/`columns`.
+     * Adds a border around the table container.
+     * @default true
      */
-    table?: Table<TData>;
+    bordered?: boolean;
     /**
-     * Density of the table's rows.
-     * @default 'md'
+     * Rounds the corners of the table container.
+     * @default true
      */
-    density?: DataTableDensity;
+    rounded?: boolean;
     /**
      * Props forwarded to the inner `<table>` element. The root props on `DataTable`
      * target the wrapper `<div>`, which contains both the toolbar and the table.
@@ -35,7 +32,51 @@ export interface DataTableProps<TData = unknown> extends ComponentPropsWithoutRe
      * DataTable sub-components (Header, Toolbar, Head, ColumnHeader, Body, Row, Cell, Footer).
      */
     children?: ReactNode;
+    /**
+     * Accessible name for the table. Applied directly to the `<table>` element, unless
+     * a `DataTable.Toolbar` is present — then it's applied to the container as a
+     * `region` landmark naming the whole widget instead.
+     */
+    'aria-label'?: string;
+    /**
+     * ID of the element that labels the table. Alternative to `aria-label` — see its
+     * description for how the label is routed depending on whether a toolbar is present.
+     */
+    'aria-labelledby'?: string;
+}
+/**
+ * Layer 1 (ADR-000): the opaque `data`/`columns` path. DataTable builds its TanStack
+ * instance internally via `useBeamTable`. Mutually exclusive with `table` — see
+ * {@link DataTableInstanceProps}.
+ */
+export interface DataTableDataProps<TData extends RowData = unknown> extends DataTableBaseProps {
+    /**
+     * Row data rendered by the table.
+     */
+    data?: TData[];
+    /**
+     * Column definitions describing how to render each column.
+     */
+    columns?: DataTableColumnDef<TData>[];
+    table?: never;
+}
+/**
+ * Layer 2/3 (ADR-000): renders a pre-built TanStack `table` instance — from
+ * `useBeamTable` or a raw `useReactTable` escape hatch — directly instead of
+ * building one internally. Mutually exclusive with `data`/`columns` — see
+ * {@link DataTableDataProps}.
+ */
+export interface DataTableInstanceProps<TData extends RowData = unknown> extends DataTableBaseProps {
+    data?: never;
+    columns?: never;
+    /**
+     * A pre-built TanStack `Table` instance (e.g. from `useBeamTable` or
+     * `useReactTable`). When supplied, DataTable renders it directly instead of
+     * building its own. Mutually exclusive with `data`/`columns`.
+     */
+    table: Table<TData>;
 }
+export type DataTableProps<TData extends RowData = unknown> = DataTableDataProps<TData> | DataTableInstanceProps<TData>;
 export interface DataTableHeaderProps extends ComponentPropsWithRef<'caption'> {
     children?: ReactNode;
 }
@@ -64,3 +105,4 @@ export interface DataTableCellProps extends ComponentPropsWithRef<'td'> {
 export interface DataTableFooterProps extends ComponentPropsWithRef<'tfoot'> {
     children?: ReactNode;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.55.2",
+  "version": "2.56.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.55.2",
-    "@viasat/beam-shared": "2.55.2",
-    "@viasat/beam-styles": "2.55.2",
-    "@viasat/beam-tokens": "2.55.2",
-    "@viasat/beam-icons": "2.55.2",
-    "@viasat/beam-react-claude-plugin": "2.55.2",
+    "@viasat/beam-fonts": "2.56.0",
+    "@viasat/beam-shared": "2.56.0",
+    "@viasat/beam-styles": "2.56.0",
+    "@viasat/beam-tokens": "2.56.0",
+    "@viasat/beam-icons": "2.56.0",
+    "@viasat/beam-react-claude-plugin": "2.56.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/dataTable.BeVtkYp6.js

@@ -1 +0,0 @@
-var r=require("../assets/dataTable.css");const t=require("./classNames.BFQUGnCN.js"),b=require("./constants.CgMu0_1M.js"),l={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-data-table-container":"bm-data-table-container","bm-data-table__toolbar":"bm-data-table__toolbar","bm-data-table":"bm-data-table","bm-data-table__header":"bm-data-table__header","bm-data-table__head":"bm-data-table__head","bm-data-table__column-header":"bm-data-table__column-header","bm-data-table__body":"bm-data-table__body","bm-data-table__row":"bm-data-table__row","bm-data-table__cell":"bm-data-table__cell","bm-data-table__footer":"bm-data-table__footer","bm-data-table--sm":"bm-data-table--sm","bm-data-table--md":"bm-data-table--md","bm-data-table--lg":"bm-data-table--lg"},m="data-table",{baseClassNamePrefix:e,classModifierPrefix:s,subElementClassPrefix:a}=t.getBEMClassNames(m),d=b.allSizes.md,o={container:`${e}-container`,toolbar:`${a}toolbar`,header:`${a}header`,head:`${a}head`,columnHeader:`${a}column-header`,body:`${a}body`,row:`${a}row`,cell:`${a}cell`,footer:`${a}footer`};exports.DEFAULT_DATATABLE_DENSITY=d;exports.baseClassNamePrefix=e;exports.classModifierPrefix=s;exports.staticDataTableClassNames=o;exports.styles=l;