@viasat/beam-react 2.64.0 → 2.66.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.66.0 (2026-09-03)
+
+### 🚀 Features
+
+- **DataTable:** render column headers from table instance ([#1426](https://git.viasat.com/vega/Beam/pull/1426))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
+## 2.65.0 (2026-09-03)
+
+### 🚀 Features
+
+- **DateField:** Imperative ref API ([#1422](https://git.viasat.com/vega/Beam/pull/1422))
+
+### ❤️ Thank You
+
+- Roman-Ionita, Alin
+
 ## 2.64.0 (2026-09-01)
 
 ### 🚀 Features

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{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)}
+: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;white-space:nowrap}.bm-data-table__column-header--align-end{text-align:end}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__body .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.B_4qCCp1.js → dataTable.B2F2FRDV.js}

@@ -15,6 +15,7 @@ const r = {
   "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__column-header--align-end": "bm-data-table__column-header--align-end",
   "bm-data-table__body": "bm-data-table__body",
   "bm-data-table__row": "bm-data-table__row",
   "bm-data-table__cell": "bm-data-table__cell",
@@ -22,21 +23,22 @@ 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), n = t.md, _ = {
+}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: n, subElementClassPrefix: a } = e(b), s = t.md, _ = {
   container: `${l}-container`,
   toolbar: `${a}toolbar`,
   header: `${a}header`,
   head: `${a}head`,
   columnHeader: `${a}column-header`,
+  columnHeaderAlignEnd: `${a}column-header--align-end`,
   body: `${a}body`,
   row: `${a}row`,
   cell: `${a}cell`,
   footer: `${a}footer`
 };
 export {
-  n as D,
+  s as D,
   _ as a,
   l as b,
-  s as c,
+  n as c,
   r as s
 };

package/chunks/dataTable.I3f-w2wt.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__column-header--align-end":"bm-data-table__column-header--align-end","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`,columnHeaderAlignEnd:`${a}column-header--align-end`,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/lib/wip/DataTable/DataTable.Body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),d=require("./DataTable.context.cjs.js"),u=require("./DataTable.Row.cjs.js"),t=i.forwardRef(({className:s,...l},o)=>{const{table:r}=d.useDataTable(),b=n(e.styles[e.staticDataTableClassNames.body],s);return a.jsx("tbody",{ref:o,className:b,...l,children:r.getRowModel().rows.map(c=>a.jsx(u.DataTableRow,{},c.id))})});t.displayName="DataTable.Body";exports.DataTableBody=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.I3f-w2wt.js"),d=require("./DataTable.context.cjs.js"),u=require("./DataTable.Row.cjs.js"),t=i.forwardRef(({className:s,...l},o)=>{const{table:r}=d.useDataTable(),b=n(e.styles[e.staticDataTableClassNames.body],s);return a.jsx("tbody",{ref:o,className:b,...l,children:r.getRowModel().rows.map(c=>a.jsx(u.DataTableRow,{},c.id))})});t.displayName="DataTable.Body";exports.DataTableBody=t;

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import i from "clsx";
-import { s as d, a as p } from "../../../chunks/dataTable.B_4qCCp1.js";
+import { s as d, a as p } from "../../../chunks/dataTable.B2F2FRDV.js";
 import { useDataTable as b } from "./DataTable.context.es.js";
 import { DataTableRow as c } from "./DataTable.Row.es.js";
 const f = l(

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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as c, a as f } from "../../../chunks/dataTable.B2F2FRDV.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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as c, a as p } from "../../../chunks/dataTable.B2F2FRDV.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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as f, a as c } from "../../../chunks/dataTable.B2F2FRDV.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.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("react"),D=require("@tanstack/react-table"),c=require("clsx"),e=require("../../../chunks/dataTable.I3f-w2wt.js"),p=require("./DataTable.context.cjs.js"),_=require("./DataTable.ColumnHeader.cjs.js"),g=require("./DataTable.Row.cjs.js"),o=m.forwardRef(({className:r,...i},b)=>{const{table:u}=p.useDataTable(),d=c(e.styles[e.staticDataTableClassNames.head],r);return l.jsx("thead",{ref:b,className:d,...i,children:u.getHeaderGroups().map(t=>l.jsx(g.DataTableRow,{children:t.headers.map(a=>{var n;const{columnDef:s}=a.column,T=((n=s.meta)==null?void 0:n.align)==="end";return l.jsx(_.DataTableColumnHeader,{colSpan:a.colSpan,scope:a.isPlaceholder?void 0:a.colSpan>1?"colgroup":"col",className:c(T&&e.styles[e.staticDataTableClassNames.columnHeaderAlignEnd]),children:a.isPlaceholder?null:D.flexRender(s.header,a.getContext())},a.id)})},t.id))})});o.displayName="DataTable.Head";exports.DataTableHead=o;

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

@@ -1,14 +1,31 @@
-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.B_4qCCp1.js";
-const f = o(
-  ({ className: a, children: s, ...e }, t) => {
-    const r = l(c[d.head], a);
-    return /* @__PURE__ */ m("thead", { ref: t, className: r, ...e, children: s });
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { flexRender as b } from "@tanstack/react-table";
+import s from "clsx";
+import { s as m, a as r } from "../../../chunks/dataTable.B2F2FRDV.js";
+import { useDataTable as D } from "./DataTable.context.es.js";
+import { DataTableColumnHeader as g } from "./DataTable.ColumnHeader.es.js";
+import { DataTableRow as T } from "./DataTable.Row.es.js";
+const x = u(
+  ({ className: n, ...c }, i) => {
+    const { table: p } = D(), d = s(m[r.head], n);
+    return /* @__PURE__ */ o("thead", { ref: i, className: d, ...c, children: p.getHeaderGroups().map((l) => /* @__PURE__ */ o(T, { children: l.headers.map((a) => {
+      var t;
+      const { columnDef: e } = a.column, f = ((t = e.meta) == null ? void 0 : t.align) === "end";
+      return /* @__PURE__ */ o(
+        g,
+        {
+          colSpan: a.colSpan,
+          scope: a.isPlaceholder ? void 0 : a.colSpan > 1 ? "colgroup" : "col",
+          className: s(f && m[r.columnHeaderAlignEnd]),
+          children: a.isPlaceholder ? null : b(e.header, a.getContext())
+        },
+        a.id
+      );
+    }) }, l.id)) });
   }
 );
-f.displayName = "DataTable.Head";
+x.displayName = "DataTable.Head";
 export {
-  f as DataTableHead
+  x as DataTableHead
 };

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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as c, a as i } from "../../../chunks/dataTable.B2F2FRDV.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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as c, a as f } from "../../../chunks/dataTable.B2F2FRDV.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.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;
+"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.I3f-w2wt.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.B_4qCCp1.js";
+import { s as i, a as b } from "../../../chunks/dataTable.B2F2FRDV.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 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;
+"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.I3f-w2wt.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.columns.d.ts

@@ -2,8 +2,8 @@ import { ColumnMeta, RowData } from '@tanstack/react-table';
 import { DataTableColumnDef } from './DataTable.types';
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
-        /** Horizontal alignment for the column's header and cell content. */
-        align?: 'left' | 'right';
+        /** Logical horizontal alignment for the column's header and cell content. */
+        align?: 'start' | 'end';
     }
 }
 /**
@@ -17,7 +17,7 @@ export type CreateBeamColumnArgs<TData extends RowData, TValue = unknown> = Data
 /**
  * Folds `align` into `meta.align` instead of introducing a new stored column
  * type. Pure authoring convenience with no runtime meaning of its own — a
- * hand-written `meta: { align: 'right' }` renders identically. Merges into an
+ * hand-written `meta: { align: 'end' }` renders identically. Merges into an
  * existing `meta` rather than clobbering it.
  *
  * @param column - {@link CreateBeamColumnArgs}.

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

@@ -1,7 +1,7 @@
 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 { s as l, b as O, c as I, D as S, a as b } from "../../../chunks/dataTable.B2F2FRDV.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";

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

@@ -83,9 +83,17 @@ export interface DataTableHeaderProps extends ComponentPropsWithRef<'caption'> {
 export interface DataTableToolbarProps extends ComponentPropsWithRef<'div'> {
     children?: ReactNode;
 }
-export interface DataTableHeadProps extends ComponentPropsWithRef<'thead'> {
-    children?: ReactNode;
-}
+/**
+ * DataTable.Head renders the table instance's header groups; `children` isn't accepted.
+ *
+ * Two ways to customize a header:
+ * - Per header cell (sort button, select-all checkbox): set `columnDef.header` to a
+ *   string or render function — resolved via `flexRender`.
+ * - Fully hand-built header: skip `DataTable.Head` and compose your own `<thead>` from
+ *   `DataTable.Row` / `DataTable.ColumnHeader` as a direct child (the ADR-000 Layer 3
+ *   path); it renders with Beam styling and honors a `scope` override.
+ */
+export type DataTableHeadProps = Omit<ComponentPropsWithRef<'thead'>, 'children'>;
 export interface DataTableColumnHeaderProps extends ComponentPropsWithRef<'th'> {
     /**
      * Renders a `<th scope="col">`. Nest inside a `DataTable.Head` (`<thead>`) row so

package/lib/wip/DateField/DateField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),Ie=require("clsx"),u=require("react"),e=require("../../../chunks/DateField.Segment.BqMaeKLk.js"),Me=require("../../../chunks/constants.CgMu0_1M.js"),Ee=require("../../../chunks/helpers.BIckGIbP.js"),Ne=require("../../../chunks/form.context.CkC0TwMb.js"),Re=require("../../Form/contexts/label.context.cjs.js"),Ce=require("../../Form/contexts/helperText.context.cjs.js"),je=require("../../Form/hooks/useUniversalRef.hook.cjs.js"),Le=require("../../../utils/hooks/useIsMounted.cjs.js"),Oe=require("../ErrorBoundary/ErrorBoundary.cjs.js"),Be=require("./DateField.Segments.cjs.js"),C=require("./DateField.devWarnings.cjs.js"),l=require("./DateField.utils.cjs.js"),Te=require("./useDateFieldFocus.cjs.js"),Ve=require("./useDateFieldForm.cjs.js"),Pe=require("./useDateFieldKeyboard.cjs.js"),Ae=require("./useDateFieldSegments.cjs.js"),ke=require("./useDateFieldValidity.cjs.js"),Ke=require("./useDateFieldValue.cjs.js"),He=require("./useInvalidState.cjs.js"),We="MM/DD/YYYY",Ue=()=>{process.env.NODE_ENV!=="production"&&console.warn("DateField: segments failed to render; showing a static fallback.")},Ye=u.forwardRef(function({value:c,defaultValue:_,onChange:j,minDate:F,maxDate:b,getClampAnnouncement:L,locale:O,label:D=null,helperText:m=null,error:f,hideRequiredMarker:B=!1,validationRules:T,width:V,theme:g,fluid:P=!1,disabled:A=!1,readOnly:k=!1,required:K=!1,name:p,id:H,className:W,style:U,"aria-label":Y,"aria-describedby":$,"aria-labelledby":z,...G},J){const{disabled:a,readOnly:r,required:x,invalid:Q,errorMessageProvided:v,defaultValue:X,errorId:y,helperTextId:Z,validationErrorsId:ee,labelId:h,ariaDescribedBy:se,ariaLabelledBy:ae,showErrors:ie}=Ve.useDateFieldForm({name:p,disabled:A,readOnly:k,required:K,defaultValue:_,error:f,hasHelperText:!!m,hasLabel:!!D,validationRules:T,ariaDescribedBy:$,ariaLabelledBy:z});C.useDevMinMaxWarning(F,b),C.useDevInvalidValueWarning(c,_);const{refFn:le,ref:S}=je.useUniversalRef(J),{segmentRefs:te,registerSegmentRef:re}=Ae.useDateFieldSegments(),ne=O??l.DEFAULT_LOCALE,q=Le.useIsMounted(),n=l.getDateParts(q?ne:l.DEFAULT_LOCALE),w=u.useMemo(()=>l.getSegmentOrder(n),[n]),{segmentText:de,segmentValues:I,currentValue:M,wasTouched:oe,appendDigit:E,adjustSegment:ue,clearSegment:ce,beginSegmentEdit:_e,commitOnBlur:Fe,clampAnnouncement:be}=Ke.useDateFieldValue({value:c,defaultValue:X,onChange:j,minDate:F,maxDate:b,getClampAnnouncement:L}),{focusedSegment:N,fieldTabIndex:De,handleSegmentFocus:R,handleFieldFocus:me,handleFieldBlur:fe,handleFieldMouseDown:ge,focusNext:d,focusPrevious:pe}=Te.useDateFieldFocus({disabled:a,fieldRef:S,segmentRefs:te,partsOrder:w,onSegmentFocusChange:_e,onFieldBlur:Fe}),xe=Pe.useDateFieldKeyboard({disabled:a,readOnly:r,fieldRef:S,focusNext:d,focusPrevious:pe,adjustSegment:ue,clearSegment:ce}),{isInvalid:ve}=ke.useDateFieldValidity({segments:I,currentValue:M,wasTouched:oe,isFocused:N!==null}),ye=u.useCallback((i,t)=>{const{advanced:we}=E(i,t);we&&d(i)},[E,d]),o=He.useInvalidState({formInvalid:Q,valueInvalid:ve}),he=q&&Ee.isIOS()?"textbox":"spinbutton",Se=i=>{if(a)return;const t=i.target.closest("label");!t||t.id!==h||(i.preventDefault(),R(w[0]))},qe=Ie(e.styles[e.baseClassNamePrefix],g&&Me.themeClassName(g),P&&e.styles[`${e.classModifierPrefix}fluid`],o&&e.styles[`${e.classModifierPrefix}error`],a&&e.styles[`${e.classModifierPrefix}disabled`],r&&e.styles[`${e.classModifierPrefix}read-only`],W);return s.jsxs("div",{className:qe,style:{...U,maxWidth:V},onMouseDownCapture:Se,children:[s.jsx(Re.LabelProvider,{ctxId:h,ctxDisabled:a,ctxRequired:x&&!B,children:D}),s.jsx("div",{...G,ref:le,id:H,role:"group","aria-label":Y,"aria-labelledby":ae,"aria-disabled":a||void 0,"aria-required":x||void 0,"aria-invalid":o||void 0,"aria-describedby":se,"aria-errormessage":v?y:void 0,tabIndex:De,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:ge,onFocus:me,children:s.jsx(Oe.ErrorBoundary,{fallback:s.jsx("span",{className:e.styles[e.staticDateFieldClassNames.segments],children:We}),onError:Ue,children:s.jsx(Be.DateFieldSegments,{parts:n,segmentText:de,segmentValues:I,focusedSegment:N,disabled:a,readOnly:r,invalid:o,role:he,onSegmentFocus:R,onSegmentBlur:fe,onSegmentInput:ye,onSegmentKeyDown:xe,registerSegmentRef:re})})}),s.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:be}),s.jsx("input",{type:"hidden",name:p,value:l.toISODateString(M),disabled:a}),s.jsxs(Ce.HelperTextProvider,{ctxId:Z,ctxDisabled:a,children:[m,v&&s.jsx(Ne.HelperText,{id:y,appearance:"negative",children:f})]}),ie(ee)]})});exports.DateField=Ye;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Le=require("clsx"),a=require("react"),e=require("../../../chunks/DateField.Segment.BqMaeKLk.js"),Oe=require("../../../chunks/constants.CgMu0_1M.js"),Te=require("../../../chunks/helpers.BIckGIbP.js"),Be=require("../../../chunks/form.context.CkC0TwMb.js"),Ve=require("../../Form/contexts/label.context.cjs.js"),Pe=require("../../Form/contexts/helperText.context.cjs.js"),Ae=require("../../../utils/hooks/useIsMounted.cjs.js"),ke=require("../../../utils/functions.cjs.js"),He=require("../ErrorBoundary/ErrorBoundary.cjs.js"),Ke=require("./DateField.Segments.cjs.js"),k=require("./DateField.devWarnings.cjs.js"),o=require("./DateField.utils.cjs.js"),We=require("./useDateFieldFocus.cjs.js"),Ye=require("./useDateFieldForm.cjs.js"),$e=require("./useDateFieldKeyboard.cjs.js"),Ue=require("./useDateFieldSegments.cjs.js"),ze=require("./useDateFieldValidity.cjs.js"),Ge=require("./useDateFieldValue.cjs.js"),Je=require("./useInvalidState.cjs.js"),Qe="MM/DD/YYYY",Xe=()=>{process.env.NODE_ENV!=="production"&&console.warn("DateField: segments failed to render; showing a static fallback.")},Ze=a.forwardRef(function({value:F,defaultValue:D,onChange:H,minDate:m,maxDate:g,getClampAnnouncement:K,locale:W,label:p=null,helperText:x=null,error:v,hideRequiredMarker:Y=!1,validationRules:$,width:U,theme:y,fluid:z=!1,disabled:G=!1,readOnly:J=!1,required:Q=!1,name:S,id:X,className:Z,style:ee,"aria-label":se,"aria-describedby":te,"aria-labelledby":ae,...le},h){const{disabled:s,readOnly:i,required:q,invalid:re,errorMessageProvided:w,defaultValue:ie,errorId:I,helperTextId:ne,validationErrorsId:oe,labelId:M,ariaDescribedBy:de,ariaLabelledBy:ue,showErrors:ce}=Ye.useDateFieldForm({name:S,disabled:G,readOnly:J,required:Q,defaultValue:D,error:v,hasHelperText:!!x,hasLabel:!!p,validationRules:$,ariaDescribedBy:te,ariaLabelledBy:ae});k.useDevMinMaxWarning(m,g),k.useDevInvalidValueWarning(F,D);const n=a.useRef(null),{segmentRefs:be,registerSegmentRef:fe}=Ue.useDateFieldSegments(),_e=W??o.DEFAULT_LOCALE,R=Ae.useIsMounted(),c=o.getDateParts(R?_e:o.DEFAULT_LOCALE),d=a.useMemo(()=>o.getSegmentOrder(c),[c]),{segmentText:Fe,segmentValues:C,currentValue:E,wasTouched:De,appendDigit:N,adjustSegment:me,clearSegment:ge,clearAll:j,beginSegmentEdit:pe,commitOnBlur:xe,clampAnnouncement:ve}=Ge.useDateFieldValue({value:F,defaultValue:ie,onChange:H,minDate:m,maxDate:g,getClampAnnouncement:K}),{focusedSegment:L,fieldTabIndex:ye,handleSegmentFocus:u,handleFieldFocus:Se,handleFieldBlur:he,handleFieldMouseDown:qe,focusNext:b,focusPrevious:we}=We.useDateFieldFocus({disabled:s,fieldRef:n,segmentRefs:be,partsOrder:d,onSegmentFocusChange:pe,onFieldBlur:xe}),Ie=$e.useDateFieldKeyboard({disabled:s,readOnly:i,fieldRef:n,focusNext:b,focusPrevious:we,adjustSegment:me,clearSegment:ge}),{isInvalid:Me}=ze.useDateFieldValidity({segments:C,currentValue:E,wasTouched:De,isFocused:L!==null}),Re=a.useCallback((t,r)=>{const{advanced:_}=N(t,r);_&&b(t)},[N,b]),f=Je.useInvalidState({formInvalid:re,valueInvalid:Me}),Ce=R&&Te.isIOS()?"textbox":"spinbutton",O=a.useCallback(t=>{s||u(d[0],t)},[s,u,d]),T=a.useCallback(()=>{var r;if(s)return;const t=document.activeElement;t instanceof HTMLElement&&t!==n.current&&((r=n.current)!=null&&r.contains(t))&&t.blur()},[s]),B=a.useCallback(()=>{s||i||j()},[s,i,j]),V=a.useRef(O),P=a.useRef(T),A=a.useRef(B);V.current=O,P.current=T,A.current=B;const Ee=a.useCallback(t=>{const r=t?Object.assign(t,{focus:_=>V.current(_),blur:()=>P.current(),clear:()=>A.current()}):null;ke.mergeRefs(n,h)(r)},[h]),Ne=t=>{if(s)return;const r=t.target.closest("label");!r||r.id!==M||(t.preventDefault(),u(d[0]))},je=Le(e.styles[e.baseClassNamePrefix],y&&Oe.themeClassName(y),z&&e.styles[`${e.classModifierPrefix}fluid`],f&&e.styles[`${e.classModifierPrefix}error`],s&&e.styles[`${e.classModifierPrefix}disabled`],i&&e.styles[`${e.classModifierPrefix}read-only`],Z);return l.jsxs("div",{className:je,style:{...ee,maxWidth:U},onMouseDownCapture:Ne,children:[l.jsx(Ve.LabelProvider,{ctxId:M,ctxDisabled:s,ctxRequired:q&&!Y,children:p}),l.jsx("div",{...le,ref:Ee,id:X,role:"group","aria-label":se,"aria-labelledby":ue,"aria-disabled":s||void 0,"aria-required":q||void 0,"aria-invalid":f||void 0,"aria-describedby":de,"aria-errormessage":w?I:void 0,tabIndex:ye,className:e.styles[e.staticDateFieldClassNames.field],onMouseDown:qe,onFocus:Se,children:l.jsx(He.ErrorBoundary,{fallback:l.jsx("span",{className:e.styles[e.staticDateFieldClassNames.segments],children:Qe}),onError:Xe,children:l.jsx(Ke.DateFieldSegments,{parts:c,segmentText:Fe,segmentValues:C,focusedSegment:L,disabled:s,readOnly:i,invalid:f,role:Ce,onSegmentFocus:u,onSegmentBlur:he,onSegmentInput:Re,onSegmentKeyDown:Ie,registerSegmentRef:fe})})}),l.jsx("span",{role:"status","aria-live":"polite","aria-atomic":"true",className:e.styles[e.staticDateFieldClassNames.srStatus],children:ve}),l.jsx("input",{type:"hidden",name:S,value:o.toISODateString(E),disabled:s}),l.jsxs(Pe.HelperTextProvider,{ctxId:ne,ctxDisabled:s,children:[x,w&&l.jsx(Be.HelperText,{id:I,appearance:"negative",children:v})]}),ce(oe)]})});exports.DateField=Ze;

package/lib/wip/DateField/DateField.d.ts

@@ -1,3 +1,3 @@
-import { DateFieldProps } from './DateField.types';
+import { DateFieldHandle, DateFieldProps } from './DateField.types';
 /** Segmented date input. */
-export declare const DateField: import('react').ForwardRefExoticComponent<DateFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const DateField: import('react').ForwardRefExoticComponent<DateFieldProps & import('react').RefAttributes<DateFieldHandle>>;