@viasat/beam-react 2.48.2 → 2.49.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.49.0 (2026-07-30)
+
+### 🚀 Features
+
+- **DataTable:** Scaffolding ([#1379](https://git.viasat.com/vega/Beam/pull/1379))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
 ## 2.48.2 (2026-07-27)
 
 ### 🩹 Fixes

package/assets/dataTable.css

@@ -0,0 +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)}

package/chunks/dataTable.3bvI6LtW.js

@@ -0,0 +1 @@
+var r=require("../assets/dataTable.css");const t=require("./classNames.DC8Ra4sw.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;

package/chunks/dataTable.Bk2yzlPH.js

@@ -0,0 +1,40 @@
+import "../assets/dataTable.css";
+import { g as e } from "./classNames.ZWNk1hey.js";
+import { b as t } from "./constants.Cruz2A1w.js";
+const r = {
+  "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"
+}, b = "data-table", { baseClassNamePrefix: l, classModifierPrefix: s, subElementClassPrefix: a } = e(b), _ = t.md, n = {
+  container: `${l}-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`
+};
+export {
+  _ as D,
+  n as a,
+  l as b,
+  s as c,
+  r as s
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableBodyProps } from './DataTable.types';
+export declare const DataTableBody: import('react').ForwardRefExoticComponent<Omit<DataTableBodyProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const f = e(
+  ({ className: a, children: s, ...o }, t) => {
+    const r = l(c[d.body], a);
+    return /* @__PURE__ */ m("tbody", { ref: t, className: r, ...o, children: s });
+  }
+);
+f.displayName = "DataTable.Body";
+export {
+  f as DataTableBody
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableCellProps } from './DataTable.types';
+export declare const DataTableCell: import('react').ForwardRefExoticComponent<Omit<DataTableCellProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const i = m(
+  ({ className: a, children: s, ...l }, t) => {
+    const e = o(c[f.cell], a);
+    return /* @__PURE__ */ r("td", { ref: t, className: e, ...l, children: s });
+  }
+);
+i.displayName = "DataTable.Cell";
+export {
+  i as DataTableCell
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableColumnHeaderProps } from './DataTable.types';
+export declare const DataTableColumnHeader: import('react').ForwardRefExoticComponent<Omit<DataTableColumnHeaderProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;

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

@@ -0,0 +1,12 @@
+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.Bk2yzlPH.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 });
+});
+f.displayName = "DataTable.ColumnHeader";
+export {
+  f as DataTableColumnHeader
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableFooterProps } from './DataTable.types';
+export declare const DataTableFooter: import('react').ForwardRefExoticComponent<Omit<DataTableFooterProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const i = m(
+  ({ className: a, children: o, ...t }, s) => {
+    const r = l(f[c.footer], a);
+    return /* @__PURE__ */ e("tfoot", { ref: s, className: r, ...t, children: o });
+  }
+);
+i.displayName = "DataTable.Footer";
+export {
+  i as DataTableFooter
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableHeadProps } from './DataTable.types';
+export declare const DataTableHead: import('react').ForwardRefExoticComponent<Omit<DataTableHeadProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.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 });
+  }
+);
+f.displayName = "DataTable.Head";
+export {
+  f as DataTableHead
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableHeaderProps } from './DataTable.types';
+export declare const DataTableHeader: import('react').ForwardRefExoticComponent<Omit<DataTableHeaderProps, "ref"> & import('react').RefAttributes<HTMLTableCaptionElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const p = m(
+  ({ className: a, children: s, ...e }, r) => {
+    const t = l(c[i.header], a);
+    return /* @__PURE__ */ o("caption", { ref: r, className: t, ...e, children: s });
+  }
+);
+p.displayName = "DataTable.Header";
+export {
+  p as DataTableHeader
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableRowProps } from './DataTable.types';
+export declare const DataTableRow: import('react').ForwardRefExoticComponent<Omit<DataTableRowProps, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const i = e(
+  ({ className: a, children: s, ...o }, r) => {
+    const t = l(c[f.row], a);
+    return /* @__PURE__ */ m("tr", { ref: r, className: t, ...o, children: s });
+  }
+);
+i.displayName = "DataTable.Row";
+export {
+  i as DataTableRow
+};

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

@@ -0,0 +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.3bvI6LtW.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.d.ts

@@ -0,0 +1,2 @@
+import { DataTableToolbarProps } from './DataTable.types';
+export declare const DataTableToolbar: import('react').ForwardRefExoticComponent<Omit<DataTableToolbarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,14 @@
+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.Bk2yzlPH.js";
+const c = m(
+  ({ className: a, children: o, ...s }, r) => {
+    const t = e(i[b.toolbar], a);
+    return /* @__PURE__ */ l("div", { ref: r, className: t, ...s, children: o });
+  }
+);
+c.displayName = "DataTable.Toolbar";
+export {
+  c as DataTableToolbar
+};

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),a=t.createContext(void 0),n=({children:e,value:r})=>o.jsx(a.Provider,{value:r,children:e}),s=()=>{const e=t.useContext(a);if(!e)throw new Error("useDataTable must be used within a DataTableProvider");return e};exports.DataTableProvider=n;exports.useDataTable=s;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
+export interface DataTableContextProps {
+    density: DataTableDensity;
+}
+export declare const DataTableProvider: ({ children, value, }: {
+    children: ReactNode;
+    value: DataTableContextProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDataTable: () => DataTableContextProps;

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

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { createContext as a, useContext as n } from "react";
+const e = a(
+  void 0
+), u = ({
+  children: t,
+  value: r
+}) => /* @__PURE__ */ o(e.Provider, { value: r, children: t }), b = () => {
+  const t = n(e);
+  if (!t)
+    throw new Error("useDataTable must be used within a DataTableProvider");
+  return t;
+};
+export {
+  u as DataTableProvider,
+  b as useDataTable
+};

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

@@ -0,0 +1,13 @@
+import { DataTableProps } from './DataTable.types';
+export declare function DataTable<TData = unknown>({ density, 'data': _data, 'columns': _columns, '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>>;
+}

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

@@ -0,0 +1,59 @@
+import { jsx as y, jsxs as c } from "react/jsx-runtime";
+import { Children as C, isValidElement as E, useMemo as h } from "react";
+import s from "clsx";
+import { s as m, b as x, c as H, D as v, a as _ } from "../../../chunks/dataTable.Bk2yzlPH.js";
+import { DataTableProvider as w } from "./DataTable.context.es.js";
+import { DataTableHeader as f } from "./DataTable.Header.es.js";
+import { DataTableToolbar as T } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as A } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as V } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as B } from "./DataTable.Body.es.js";
+import { DataTableRow as F } from "./DataTable.Row.es.js";
+import { DataTableCell as j } from "./DataTable.Cell.es.js";
+import { DataTableFooter as L } from "./DataTable.Footer.es.js";
+function a({
+  density: l = v,
+  // `data` / `columns` are reserved for the Phase 1 TanStack wiring; destructured
+  // here so they are not spread onto the DOM <table> as invalid attributes.
+  data: M,
+  columns: O,
+  className: p,
+  tableProps: o,
+  children: D,
+  ...b
+}) {
+  let r = null, t = null;
+  const i = [];
+  C.forEach(D, (e) => {
+    var d;
+    const n = E(e) ? (d = e.type) == null ? void 0 : d.displayName : void 0;
+    n === T.displayName ? (process.env.NODE_ENV !== "production" && r && console.warn(
+      "DataTable: multiple `DataTable.Toolbar` children found — only the last one is rendered."
+    ), r = e) : n === f.displayName ? (process.env.NODE_ENV !== "production" && t && console.warn(
+      "DataTable: multiple `DataTable.Header` children found — only the last one is rendered."
+    ), t = e) : i.push(e);
+  });
+  const u = s(
+    m[x],
+    m[`${H}${l}`]
+  ), N = h(() => ({ density: l }), [l]);
+  return /* @__PURE__ */ y(w, { value: N, children: /* @__PURE__ */ c("div", { className: s(m[_.container], p), ...b, children: [
+    r,
+    /* @__PURE__ */ c("table", { ...o, className: s(u, o == null ? void 0 : o.className), children: [
+      t,
+      i
+    ] })
+  ] }) });
+}
+a.displayName = "DataTable";
+a.Header = f;
+a.Toolbar = T;
+a.Head = A;
+a.ColumnHeader = V;
+a.Body = B;
+a.Row = F;
+a.Cell = j;
+a.Footer = L;
+export {
+  a as DataTable
+};

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,61 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+import { DataTableDensity } from '@viasat/beam-shared/components/dataTable';
+/**
+ * Column definition for a DataTable, aliased from TanStack Table's `ColumnDef`.
+ * @typeParam TData - Shape of a single row's data.
+ * @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'> {
+    /**
+     * Row data rendered by the table.
+     */
+    data?: TData[];
+    /**
+     * Column definitions describing how to render each column.
+     */
+    columns?: DataTableColumnDef<TData>[];
+    /**
+     * Density of the table's rows.
+     * @default 'md'
+     */
+    density?: DataTableDensity;
+    /**
+     * Props forwarded to the inner `<table>` element. The root props on `DataTable`
+     * target the wrapper `<div>`, which contains both the toolbar and the table.
+     */
+    tableProps?: ComponentPropsWithoutRef<'table'>;
+    /**
+     * DataTable sub-components (Header, Toolbar, Head, ColumnHeader, Body, Row, Cell, Footer).
+     */
+    children?: ReactNode;
+}
+export interface DataTableHeaderProps extends ComponentPropsWithRef<'caption'> {
+    children?: ReactNode;
+}
+export interface DataTableToolbarProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode;
+}
+export interface DataTableHeadProps extends ComponentPropsWithRef<'thead'> {
+    children?: ReactNode;
+}
+export interface DataTableColumnHeaderProps extends ComponentPropsWithRef<'th'> {
+    /**
+     * Renders a `<th scope="col">`. Nest inside a `DataTable.Head` (`<thead>`) row so
+     * the column headers form a valid table header row group.
+     */
+    children?: ReactNode;
+}
+export interface DataTableBodyProps extends ComponentPropsWithRef<'tbody'> {
+    children?: ReactNode;
+}
+export interface DataTableRowProps extends ComponentPropsWithRef<'tr'> {
+    children?: ReactNode;
+}
+export interface DataTableCellProps extends ComponentPropsWithRef<'td'> {
+    children?: ReactNode;
+}
+export interface DataTableFooterProps extends ComponentPropsWithRef<'tfoot'> {
+    children?: ReactNode;
+}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable.cjs.js"),l=require("./DataTable.Header.cjs.js"),t=require("./DataTable.Toolbar.cjs.js"),b=require("./DataTable.Head.cjs.js"),T=require("./DataTable.ColumnHeader.cjs.js"),D=require("./DataTable.Body.cjs.js"),r=require("./DataTable.Row.cjs.js"),_=require("./DataTable.Cell.cjs.js"),o=require("./DataTable.Footer.cjs.js"),a=require("./DataTable.context.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=r.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=o.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;

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

@@ -0,0 +1,11 @@
+export { DataTable } from './DataTable';
+export { DataTableHeader } from './DataTable.Header';
+export { DataTableToolbar } from './DataTable.Toolbar';
+export { DataTableHead } from './DataTable.Head';
+export { DataTableColumnHeader } from './DataTable.ColumnHeader';
+export { DataTableBody } from './DataTable.Body';
+export { DataTableRow } from './DataTable.Row';
+export { DataTableCell } from './DataTable.Cell';
+export { DataTableFooter } from './DataTable.Footer';
+export { DataTableProvider, useDataTable } from './DataTable.context';
+export type { DataTableProps, DataTableColumnDef, DataTableHeaderProps, DataTableToolbarProps, DataTableHeadProps, DataTableColumnHeaderProps, DataTableBodyProps, DataTableRowProps, DataTableCellProps, DataTableFooterProps, } from './DataTable.types';

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

@@ -0,0 +1,23 @@
+import { DataTable as o } from "./DataTable.es.js";
+import { DataTableHeader as t } from "./DataTable.Header.es.js";
+import { DataTableToolbar as b } from "./DataTable.Toolbar.es.js";
+import { DataTableHead as m } from "./DataTable.Head.es.js";
+import { DataTableColumnHeader as f } from "./DataTable.ColumnHeader.es.js";
+import { DataTableBody as x } from "./DataTable.Body.es.js";
+import { DataTableRow as H } from "./DataTable.Row.es.js";
+import { DataTableCell as C } from "./DataTable.Cell.es.js";
+import { DataTableFooter as n } from "./DataTable.Footer.es.js";
+import { DataTableProvider as v, useDataTable as w } from "./DataTable.context.es.js";
+export {
+  o as DataTable,
+  x as DataTableBody,
+  C as DataTableCell,
+  f as DataTableColumnHeader,
+  n as DataTableFooter,
+  m as DataTableHead,
+  t as DataTableHeader,
+  v as DataTableProvider,
+  H as DataTableRow,
+  b as DataTableToolbar,
+  w as useDataTable
+};

package/lib/wip/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateField/DateField.cjs.js");exports.DateField=e.DateField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),D=require("./DataTable/DataTable.ColumnHeader.cjs.js"),T=require("./DataTable/DataTable.Body.cjs.js"),i=require("./DataTable/DataTable.Row.cjs.js"),r=require("./DataTable/DataTable.Cell.cjs.js"),_=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),o=require("./DateField/DateField.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=D.DataTableColumnHeader;exports.DataTableBody=T.DataTableBody;exports.DataTableRow=i.DataTableRow;exports.DataTableCell=r.DataTableCell;exports.DataTableFooter=_.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.DateField=o.DateField;

package/lib/wip/index.d.ts

@@ -1 +1,2 @@
+export * from './DataTable';
 export * from './DateField';

package/lib/wip/index.es.js

@@ -1,4 +1,25 @@
-import { DateField as r } from "./DateField/DateField.es.js";
+import { DataTable as o } from "./DataTable/DataTable.es.js";
+import { DataTableHeader as t } from "./DataTable/DataTable.Header.es.js";
+import { DataTableToolbar as b } from "./DataTable/DataTable.Toolbar.es.js";
+import { DataTableHead as D } from "./DataTable/DataTable.Head.es.js";
+import { DataTableColumnHeader as f } from "./DataTable/DataTable.ColumnHeader.es.js";
+import { DataTableBody as x } from "./DataTable/DataTable.Body.es.js";
+import { DataTableRow as H } from "./DataTable/DataTable.Row.es.js";
+import { DataTableCell as u } from "./DataTable/DataTable.Cell.es.js";
+import { DataTableFooter as F } from "./DataTable/DataTable.Footer.es.js";
+import { DataTableProvider as s, useDataTable as v } from "./DataTable/DataTable.context.es.js";
+import { DateField as y } from "./DateField/DateField.es.js";
 export {
-  r as DateField
+  o as DataTable,
+  x as DataTableBody,
+  u as DataTableCell,
+  f as DataTableColumnHeader,
+  F as DataTableFooter,
+  D as DataTableHead,
+  t as DataTableHeader,
+  s as DataTableProvider,
+  H as DataTableRow,
+  b as DataTableToolbar,
+  y as DateField,
+  v as useDataTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.48.2",
+  "version": "2.49.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,15 +60,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.48.2",
-    "@viasat/beam-shared": "2.48.2",
-    "@viasat/beam-styles": "2.48.2",
-    "@viasat/beam-tokens": "2.48.2",
-    "@viasat/beam-icons": "2.48.2",
-    "@viasat/beam-react-claude-plugin": "2.48.2",
+    "@viasat/beam-fonts": "2.49.0",
+    "@viasat/beam-shared": "2.49.0",
+    "@viasat/beam-styles": "2.49.0",
+    "@viasat/beam-tokens": "2.49.0",
+    "@viasat/beam-icons": "2.49.0",
+    "@viasat/beam-react-claude-plugin": "2.49.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",
+    "@tanstack/react-table": "^8.21.3",
     "@floating-ui/utils": "^0.2.9",
     "use-isomorphic-layout-effect": "^1.2.0",
     "next-themes": "^0.4.6"