@protonradio/proton-ui 0.13.0 → 0.13.1

package/dist/components/Table/BaseTable/Table.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"woBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACzD,MAAMC,EAAuBC,EAAAA,mBAAmBH,CAAQ,EAClDI,EAAaC,EAAAA,mBAAmBH,CAAS,EAE/C,OACEI,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAAAI,EAAAA,kBAAAA,IAACC,EAAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAAA,kBAAAA,IAACE,EAAAA,eAAA,CACE,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAAA,kBAAAA,IAACK,EAAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAAA,EAAO,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CAAA,CACF,0BAGCG,EAAAA,UAAA,CACE,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CACtC,GAAIC,EAAAA,eAAeF,CAAG,EAAG,OAAOA,EAEhC,MAAMG,EAAWH,EAEjB,OACEP,EAAAA,kBAAAA,IAACW,EAAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAAd,EAAW,QAAQ,IAAI,CAACO,EAAQS,IAAa,CAC5C,MAAMC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAGhC,OACEH,EAAAA,kBAAAA,IAACe,EAAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAClB,UAAWA,GAAA,YAAAA,EAAM,UAEhB,2BAAM,QAAS,EAAA,EANXV,EAAO,GAAA,CASlB,CAAC,CAAA,EArBIO,EAAS,GAAA,CAwBpB,CAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwF7B,MAAMyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAAA,oBAER,OAAQC,EAAAA,oBAER,KAAMC,EAAAA,kBAEN,IAAKC,EAAAA,iBAEL,KAAMC,EAAAA,iBACR,CAAC"}
+{"version":3,"file":"Table.cjs.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":"2mBAyCA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,KAAAC,KAAuB,CACzD,MAAMC,EAAuBC,EAAAA,mBAAmBH,CAAQ,EAClDI,EAAaC,EAAAA,mBAAmBH,CAAS,EAE/C,OACEI,EAAAA,KAACC,EAAAA,UAAA,CACC,KAAAN,EACA,SAAUG,EAAW,iBACrB,SAAUA,EAAW,QAAQ,OAG7B,SAAA,CAAAI,EAAAA,IAACC,EAAAA,YAAA,CAAY,SAAUL,EAAW,eAChC,SAAAI,EAAAA,IAACE,EAAAA,eAAA,CACE,SAAAN,EAAW,QAAQ,IAAI,CAACO,EAAQC,IAC/BJ,EAAAA,IAACK,EAAAA,gBAAA,CAEC,SAAUT,EAAW,mBAAmBQ,CAAK,EAC7C,SAAUD,EAAO,SAEhB,SAAAA,EAAO,MAAA,EAJHA,EAAO,GAAA,CAMf,EACH,CAAA,CACF,QAGCG,EAAAA,UAAA,CACE,SAAAV,EAAW,KAAK,IAAI,CAACW,EAAKC,IAAa,CACtC,GAAIC,EAAAA,eAAeF,CAAG,EAAG,OAAOA,EAEhC,MAAMG,EAAWH,EAEjB,OACEP,EAAAA,IAACW,EAAAA,SAAA,CAEC,aAAcf,EAAW,gBAAgBY,CAAQ,EACjD,QAASE,EAAS,QAClB,WAAYA,EAAS,WAEpB,SAAAd,EAAW,QAAQ,IAAI,CAACO,EAAQS,IAAa,CAC5C,MAAMC,EAAOH,EAAS,MAAM,KACzBI,GAAMA,EAAE,YAAcX,EAAO,GAAA,EAGhC,OACEH,EAAAA,IAACe,EAAAA,UAAA,CAEC,YAAanB,EAAW,mBAAmBgB,CAAQ,EACnD,WAAYC,GAAA,YAAAA,EAAM,QAClB,WAAYA,GAAA,YAAAA,EAAM,WAClB,UAAWA,GAAA,YAAAA,EAAM,UAEhB,2BAAM,QAAS,EAAA,EANXV,EAAO,GAAA,CASlB,CAAC,CAAA,EArBIO,EAAS,GAAA,CAwBpB,CAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAGN,EAEAnB,EAAe,YAAc,gBAwF7B,MAAMyB,EAAQ,OAAO,OAAOzB,EAAgB,CAE1C,OAAQ0B,EAAAA,oBAER,OAAQC,EAAAA,oBAER,KAAMC,EAAAA,kBAEN,IAAKC,EAAAA,iBAEL,KAAMC,EAAAA,iBACR,CAAC"}

package/dist/components/Table/BaseTable/Table.es.js

@@ -1,27 +1,27 @@
-import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
-import { isValidElement as T } from "react";
-import { parseTableChildren as C } from "./Collection/collectionParser.es.js";
-import { TableCellCompound as b, TableRowCompound as c, TableBodyCompound as x, TableColumnCompound as f, TableHeaderCompound as I } from "./Collection/CompoundComponents.es.js";
-import { useTableCollection as h } from "./Collection/useTableCollection.es.js";
-import { TableRoot as j } from "./elements/TableRoot.es.js";
-import { TableHeader as R } from "./elements/TableHeader.es.js";
-import { TableHeaderRow as y } from "./elements/TableHeaderRow.es.js";
-import { TableHeaderCell as g } from "./elements/TableHeaderCell.es.js";
-import { TableBody as w } from "./elements/TableBody.es.js";
-import { TableRow as H } from "./elements/TableRow.es.js";
-import { TableCell as k } from "./elements/TableCell.es.js";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { isValidElement as C } from "react";
+import { parseTableChildren as b } from "./Collection/collectionParser.es.js";
+import { TableCellCompound as c, TableRowCompound as f, TableBodyCompound as x, TableColumnCompound as I, TableHeaderCompound as h } from "./Collection/CompoundComponents.es.js";
+import { useTableCollection as y } from "./Collection/useTableCollection.es.js";
+import { TableRoot as R } from "./elements/TableRoot.es.js";
+import { TableHeader as g } from "./elements/TableHeader.es.js";
+import { TableHeaderRow as w } from "./elements/TableHeaderRow.es.js";
+import { TableHeaderCell as H } from "./elements/TableHeaderCell.es.js";
+import { TableBody as k } from "./elements/TableBody.es.js";
+import { TableRow as A } from "./elements/TableRow.es.js";
+import { TableCell as S } from "./elements/TableCell.es.js";
 /* empty css             */
 const d = ({ children: i, name: m }) => {
-  const s = C(i), e = h(s);
-  return /* @__PURE__ */ t.jsxs(
-    j,
+  const p = b(i), e = y(p);
+  return /* @__PURE__ */ u(
+    R,
     {
       name: m,
       rowCount: e.getTotalRowCount,
       colCount: e.columns.length,
       children: [
-        /* @__PURE__ */ t.jsx(R, { isHidden: e.isHeaderHidden, children: /* @__PURE__ */ t.jsx(y, { children: e.columns.map((r, n) => /* @__PURE__ */ t.jsx(
-          g,
+        /* @__PURE__ */ a(g, { isHidden: e.isHeaderHidden, children: /* @__PURE__ */ a(w, { children: e.columns.map((r, n) => /* @__PURE__ */ a(
+          H,
           {
             colIndex: e.getColumnAriaIndex(n),
             ariaSort: r.ariaSort,
@@ -29,23 +29,23 @@ const d = ({ children: i, name: m }) => {
           },
           r.key
         )) }) }),
-        /* @__PURE__ */ t.jsx(w, { children: e.rows.map((r, n) => {
-          if (T(r)) return r;
-          const a = r;
-          return /* @__PURE__ */ t.jsx(
-            H,
+        /* @__PURE__ */ a(k, { children: e.rows.map((r, n) => {
+          if (C(r)) return r;
+          const t = r;
+          return /* @__PURE__ */ a(
+            A,
             {
               ariaRowIndex: e.getRowAriaIndex(n),
-              onClick: a.onClick,
-              dataTestId: a.dataTestId,
-              children: e.columns.map((l, p) => {
-                const o = a.cells.find(
-                  (u) => u.columnKey === l.key
+              onClick: t.onClick,
+              dataTestId: t.dataTestId,
+              children: e.columns.map((l, s) => {
+                const o = t.cells.find(
+                  (T) => T.columnKey === l.key
                 );
-                return /* @__PURE__ */ t.jsx(
-                  k,
+                return /* @__PURE__ */ a(
+                  S,
                   {
-                    columnIndex: e.getColumnAriaIndex(p),
+                    columnIndex: e.getColumnAriaIndex(s),
                     columnSpan: o == null ? void 0 : o.colSpan,
                     dataTestId: o == null ? void 0 : o.dataTestId,
                     textAlign: o == null ? void 0 : o.textAlign,
@@ -55,7 +55,7 @@ const d = ({ children: i, name: m }) => {
                 );
               })
             },
-            a.key
+            t.key
           );
         }) })
       ]
@@ -63,19 +63,19 @@ const d = ({ children: i, name: m }) => {
   );
 };
 d.displayName = "ProtonUITable";
-const z = Object.assign(d, {
+const F = Object.assign(d, {
   /** Table header: {@link CompoundHeaderProps} */
-  Header: I,
+  Header: h,
   /** Table column: {@link CompoundColumnProps} */
-  Column: f,
+  Column: I,
   /** Table body: {@link CompoundBodyProps} */
   Body: x,
   /** Table row: {@link CompoundRowProps} */
-  Row: c,
+  Row: f,
   /** Table cell: {@link CompoundCellProps} */
-  Cell: b
+  Cell: c
 });
 export {
-  z as Table
+  F as Table
 };
 //# sourceMappingURL=Table.es.js.map

package/dist/components/Table/BaseTable/Table.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACzD,QAAMC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAE/C,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAACC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAAI,gBAAAA,EAAAA,IAACE,GAAA,EACE,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/BJ,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAAA,EAAO;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EAAA,CACF;AAAA,8BAGCG,GAAA,EACE,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AACtC,cAAIC,EAAeF,CAAG,EAAG,QAAOA;AAEhC,gBAAMG,IAAWH;AAEjB,iBACEP,gBAAAA,EAAAA;AAAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAAd,EAAW,QAAQ,IAAI,CAACO,GAAQS,MAAa;AAC5C,sBAAMC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAGhC,uBACEH,gBAAAA,EAAAA;AAAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAClB,WAAWA,KAAA,gBAAAA,EAAM;AAAA,oBAEhB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBANXV,EAAO;AAAA,gBAAA;AAAA,cASlB,CAAC;AAAA,YAAA;AAAA,YArBIO,EAAS;AAAA,UAAA;AAAA,QAwBpB,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwF7B,MAAMyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}
+{"version":3,"file":"Table.es.js","sources":["../../../../src/components/Table/BaseTable/Table.tsx"],"sourcesContent":["import { ReactElement, isValidElement } from \"react\";\nimport { parseTableChildren } from \"./Collection/collectionParser\";\nimport {\n  TableHeaderCompound,\n  TableColumnCompound,\n  TableBodyCompound,\n  TableRowCompound,\n  TableCellCompound,\n  TableHeaderProps as CompoundHeaderProps,\n  TableColumnProps as CompoundColumnProps,\n  TableBodyProps as CompoundBodyProps,\n  TableRowProps as CompoundRowProps,\n  TableCellProps as CompoundCellProps,\n} from \"./Collection/CompoundComponents\";\nimport { useTableCollection } from \"./Collection/useTableCollection\";\nimport type {\n  TableData,\n  TableColumnData,\n  TableRowData,\n  TableCellData,\n} from \"./types\";\nimport { TableRoot } from \"./elements/TableRoot\";\nimport { TableHeader } from \"./elements/TableHeader\";\nimport { TableHeaderRow } from \"./elements/TableHeaderRow\";\nimport { TableHeaderCell } from \"./elements/TableHeaderCell\";\nimport { TableBody } from \"./elements/TableBody\";\nimport { TableRow } from \"./elements/TableRow\";\nimport { TableCell } from \"./elements/TableCell\";\nimport \"./Table.css\";\n\nexport type { TableColumnData, TableCellData, TableRowData, TableData };\n\nexport interface TableProps {\n  children: [\n    ReactElement<CompoundHeaderProps>,\n    ReactElement<CompoundBodyProps>,\n  ];\n  /** Table name/caption for accessibility. Provides essential context for screen readers about table content. */\n  name: string;\n}\n\nconst TableComponent = ({ children, name }: TableProps) => {\n  const tableData: TableData = parseTableChildren(children);\n  const collection = useTableCollection(tableData);\n\n  return (\n    <TableRoot\n      name={name}\n      rowCount={collection.getTotalRowCount}\n      colCount={collection.columns.length}\n    >\n      {/* Header */}\n      <TableHeader isHidden={collection.isHeaderHidden}>\n        <TableHeaderRow>\n          {collection.columns.map((column, index) => (\n            <TableHeaderCell\n              key={column.key}\n              colIndex={collection.getColumnAriaIndex(index)}\n              ariaSort={column.ariaSort}\n            >\n              {column.header}\n            </TableHeaderCell>\n          ))}\n        </TableHeaderRow>\n      </TableHeader>\n\n      {/* Body */}\n      <TableBody>\n        {collection.rows.map((row, rowIndex) => {\n          if (isValidElement(row)) return row;\n\n          const tableRow = row as TableRowData;\n\n          return (\n            <TableRow\n              key={tableRow.key}\n              ariaRowIndex={collection.getRowAriaIndex(rowIndex)}\n              onClick={tableRow.onClick}\n              dataTestId={tableRow.dataTestId}\n            >\n              {collection.columns.map((column, colIndex) => {\n                const cell = tableRow.cells.find(\n                  (c) => c.columnKey === column.key,\n                );\n\n                return (\n                  <TableCell\n                    key={column.key}\n                    columnIndex={collection.getColumnAriaIndex(colIndex)}\n                    columnSpan={cell?.colSpan}\n                    dataTestId={cell?.dataTestId}\n                    textAlign={cell?.textAlign}\n                  >\n                    {cell?.value ?? \"\"}\n                  </TableCell>\n                );\n              })}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </TableRoot>\n  );\n};\n\nTableComponent.displayName = \"ProtonUITable\";\n\n/**\n * Base Table component that renders data in rows and columns using collections.\n *\n * ## Features\n * - Built-in keyboard navigation for interactive rows\n * - Full ARIA table semantics with proper roles, labels, and indices\n * - Support for both declarative and custom row rendering\n *\n * @see {@link TableProps} \n * @see {@link CompoundHeaderProps}  \n * @see {@link CompoundColumnProps} \n * @see {@link CompoundBodyProps} \n * @see {@link CompoundRowProps} \n * @see {@link CompoundCellProps} \n * @see {@link parseTableChildren} for parser documentation\n *\n * ## Row APIs\n *\n * ### Declarative (Table.Row)\n * Use `Table.Row` with `Table.Cell` for automatic handling of rendering, accessibility, and keyboard navigation.\n *\n * @example\n * ```tsx\n    <Table name=\"Employee Directory\">\n      <Table.Header>\n        <Table.Column id=\"name\">Name</Table.Column>\n      </Table.Header>\n      <Table.Body>\n        <Table.Row key=\"1\">\n          <Table.Cell>Joe</Table.Cell>\n        </Table.Row>\n      </Table.Body>\n    </Table>\n * ```\n *\n * ### Imperative (ReactElement)\n * Pass custom components or `<tr>` elements directly to `Table.Body`. Powers advanced use cases like\n * row-level memoization, virtualization, drag-and-drop, or animations.\n *\n * **Consumer Responsibilities for Custom Rows:**\n * - Must directly render a `<tr>` element with `role=\"row\"`\n * - Set `aria-rowindex` (header is 1, data rows start at 2)\n * - Handle keyboard navigation if the row is interactive\n * - Apply styling as needed: `proton-Table__row`, `proton-Table__cell`, etc.\n *\n * @example custom row implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <tr\n        className=\"proton-Table__row\"\n        role=\"row\"\n        aria-rowindex={calculateAriaRowIndex(rowIndex)}\n      >\n        <td className=\"proton-Table__cell\" role=\"cell\">\n          {data.name}\n        </td>\n      </tr>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @example reusable component implementation\n * ```tsx\n    const MemoizedRow = memo(({ data, rowIndex }) => (\n      <TableRow ariaRowIndex={calculateAriaRowIndex(rowIndex)}>\n        <TableCell columnIndex={1}>\n          {data.name}\n        </TableCell>\n      </TableRow>\n    ));\n\n    <Table.Body>\n      {data.map((item, i) => (\n        <MemoizedRow key={item.id} data={item} rowIndex={i} />\n      ))}\n    </Table.Body>\n * ```\n *\n * @see {@link DataTable} for a higher-level component that uses custom rows internally\n * @see {@link DataTableRow} for an example of a memoized custom row implementation\n */\nconst Table = Object.assign(TableComponent, {\n  /** Table header: {@link CompoundHeaderProps} */\n  Header: TableHeaderCompound,\n  /** Table column: {@link CompoundColumnProps} */\n  Column: TableColumnCompound,\n  /** Table body: {@link CompoundBodyProps} */\n  Body: TableBodyCompound,\n  /** Table row: {@link CompoundRowProps} */\n  Row: TableRowCompound,\n  /** Table cell: {@link CompoundCellProps} */\n  Cell: TableCellCompound,\n});\n\nexport { Table };\n"],"names":["TableComponent","children","name","tableData","parseTableChildren","collection","useTableCollection","jsxs","TableRoot","jsx","TableHeader","TableHeaderRow","column","index","TableHeaderCell","TableBody","row","rowIndex","isValidElement","tableRow","TableRow","colIndex","cell","c","TableCell","Table","TableHeaderCompound","TableColumnCompound","TableBodyCompound","TableRowCompound","TableCellCompound"],"mappings":";;;;;;;;;;;;;AAyCA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAuB;AACzD,QAAMC,IAAuBC,EAAmBH,CAAQ,GAClDI,IAAaC,EAAmBH,CAAS;AAE/C,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,UAAUG,EAAW;AAAA,MACrB,UAAUA,EAAW,QAAQ;AAAA,MAG7B,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAY,UAAUL,EAAW,gBAChC,UAAA,gBAAAI,EAACE,GAAA,EACE,UAAAN,EAAW,QAAQ,IAAI,CAACO,GAAQC,MAC/B,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,UAAUT,EAAW,mBAAmBQ,CAAK;AAAA,YAC7C,UAAUD,EAAO;AAAA,YAEhB,UAAAA,EAAO;AAAA,UAAA;AAAA,UAJHA,EAAO;AAAA,QAAA,CAMf,GACH,EAAA,CACF;AAAA,0BAGCG,GAAA,EACE,UAAAV,EAAW,KAAK,IAAI,CAACW,GAAKC,MAAa;AACtC,cAAIC,EAAeF,CAAG,EAAG,QAAOA;AAEhC,gBAAMG,IAAWH;AAEjB,iBACE,gBAAAP;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,cAAcf,EAAW,gBAAgBY,CAAQ;AAAA,cACjD,SAASE,EAAS;AAAA,cAClB,YAAYA,EAAS;AAAA,cAEpB,UAAAd,EAAW,QAAQ,IAAI,CAACO,GAAQS,MAAa;AAC5C,sBAAMC,IAAOH,EAAS,MAAM;AAAA,kBAC1B,CAACI,MAAMA,EAAE,cAAcX,EAAO;AAAA,gBAAA;AAGhC,uBACE,gBAAAH;AAAA,kBAACe;AAAA,kBAAA;AAAA,oBAEC,aAAanB,EAAW,mBAAmBgB,CAAQ;AAAA,oBACnD,YAAYC,KAAA,gBAAAA,EAAM;AAAA,oBAClB,YAAYA,KAAA,gBAAAA,EAAM;AAAA,oBAClB,WAAWA,KAAA,gBAAAA,EAAM;AAAA,oBAEhB,kCAAM,UAAS;AAAA,kBAAA;AAAA,kBANXV,EAAO;AAAA,gBAAA;AAAA,cASlB,CAAC;AAAA,YAAA;AAAA,YArBIO,EAAS;AAAA,UAAA;AAAA,QAwBpB,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAnB,EAAe,cAAc;AAwF7B,MAAMyB,IAAQ,OAAO,OAAOzB,GAAgB;AAAA;AAAA,EAE1C,QAAQ0B;AAAA;AAAA,EAER,QAAQC;AAAA;AAAA,EAER,MAAMC;AAAA;AAAA,EAEN,KAAKC;AAAA;AAAA,EAEL,MAAMC;AACR,CAAC;"}

package/dist/components/Table/BaseTable/elements/TableBody.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../node_modules/react/jsx-runtime.cjs.js"),e=({children:o})=>t.jsxRuntimeExports.jsx("tbody",{className:"proton-Table__body",role:"rowgroup",children:o});e.displayName="ProtonUITableBody";exports.TableBody=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=({children:o})=>r.jsx("tbody",{className:"proton-Table__body",role:"rowgroup",children:o});e.displayName="ProtonUITableBody";exports.TableBody=e;
 //# sourceMappingURL=TableBody.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableBody.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":"qJAYaA,EAAY,CAAC,CAAE,SAAAC,6BAEvB,QAAA,CAAM,UAAU,qBAAqB,KAAK,WACxC,SAAAA,EACH,EAIJD,EAAU,YAAc"}
+{"version":3,"file":"TableBody.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":"qHAYaA,EAAY,CAAC,CAAE,SAAAC,WAEvB,QAAA,CAAM,UAAU,qBAAqB,KAAK,WACxC,SAAAA,EACH,EAIJD,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableBody.es.js

@@ -1,5 +1,5 @@
-import { j as r } from "../../../../node_modules/react/jsx-runtime.es.js";
-const e = ({ children: o }) => /* @__PURE__ */ r.jsx("tbody", { className: "proton-Table__body", role: "rowgroup", children: o });
+import { jsx as r } from "react/jsx-runtime";
+const e = ({ children: o }) => /* @__PURE__ */ r("tbody", { className: "proton-Table__body", role: "rowgroup", children: o });
 e.displayName = "ProtonUITableBody";
 export {
   e as TableBody

package/dist/components/Table/BaseTable/elements/TableBody.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":";AAYO,MAAMA,IAAY,CAAC,EAAE,UAAAC,8BAEvB,SAAA,EAAM,WAAU,sBAAqB,MAAK,YACxC,UAAAA,GACH;AAIJD,EAAU,cAAc;"}
+{"version":3,"file":"TableBody.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableBodyProps {\n  /** Table row content */\n  children: ReactNode;\n}\n\n/**\n * Table body element (`<tbody>`) with styling and ARIA attributes.\n *\n * @see {@link TableBodyProps}\n */\nexport const TableBody = ({ children }: TableBodyProps) => {\n  return (\n    <tbody className=\"proton-Table__body\" role=\"rowgroup\">\n      {children}\n    </tbody>\n  );\n};\n\nTableBody.displayName = \"ProtonUITableBody\";\n"],"names":["TableBody","children"],"mappings":";AAYO,MAAMA,IAAY,CAAC,EAAE,UAAAC,0BAEvB,SAAA,EAAM,WAAU,sBAAqB,MAAK,YACxC,UAAAA,GACH;AAIJD,EAAU,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../node_modules/react/jsx-runtime.cjs.js"),n=require("../../../../utils/string.cjs.js"),l=({columnIndex:t,children:o,columnSpan:r,dataTestId:a,textAlign:e})=>s.jsxRuntimeExports.jsx("td",{className:n.csx("proton-Table__cell",e&&`proton-Table__cell--${e}`),role:"cell","aria-colindex":t,colSpan:r,"data-testid":a,children:o});l.displayName="ProtonUITableCell";exports.TableCell=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("../../../../utils/string.cjs.js"),l=({columnIndex:t,children:a,columnSpan:o,dataTestId:r,textAlign:e})=>s.jsx("td",{className:c.csx("proton-Table__cell",e&&`proton-Table__cell--${e}`),role:"cell","aria-colindex":t,colSpan:o,"data-testid":r,children:a});l.displayName="ProtonUITableCell";exports.TableCell=l;
 //# sourceMappingURL=TableCell.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableCell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":"kMAqBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,IACT,qBACAF,GAAa,uBAAuBA,CAAS,EAAA,EAE/C,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}
+{"version":3,"file":"TableCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":"kKAqBaA,EAAY,CAAC,CACxB,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,CACF,IAEIC,EAAAA,IAAC,KAAA,CACC,UAAWC,EAAAA,IACT,qBACAF,GAAa,uBAAuBA,CAAS,EAAA,EAE/C,KAAK,OACL,gBAAeJ,EACf,QAASE,EACT,cAAaC,EAEZ,SAAAF,CAAA,CAAA,EAKPF,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableCell.es.js

@@ -1,15 +1,15 @@
-import { j as t } from "../../../../node_modules/react/jsx-runtime.es.js";
-import { csx as s } from "../../../../utils/string.es.js";
-const c = ({
+import { jsx as t } from "react/jsx-runtime";
+import { csx as c } from "../../../../utils/string.es.js";
+const p = ({
   columnIndex: e,
   children: o,
   columnSpan: a,
   dataTestId: r,
   textAlign: l
-}) => /* @__PURE__ */ t.jsx(
+}) => /* @__PURE__ */ t(
   "td",
   {
-    className: s(
+    className: c(
       "proton-Table__cell",
       l && `proton-Table__cell--${l}`
     ),
@@ -20,8 +20,8 @@ const c = ({
     children: o
   }
 );
-c.displayName = "ProtonUITableCell";
+p.displayName = "ProtonUITableCell";
 export {
-  c as TableCell
+  p as TableCell
 };
 //# sourceMappingURL=TableCell.es.js.map

package/dist/components/Table/BaseTable/elements/TableCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":";;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF,KAAa,uBAAuBA,CAAS;AAAA,IAAA;AAAA,IAE/C,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}
+{"version":3,"file":"TableCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableCell.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { csx } from \"../../../../utils\";\n\nexport interface TableCellProps {\n  /** 1-based column index for aria-colindex */\n  columnIndex: number;\n  /** Cell content */\n  children: ReactNode;\n  /** Number of columns this cell spans */\n  columnSpan?: number;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n  /** Text alignment */\n  textAlign?: \"left\" | \"center\" | \"right\";\n}\n\n/**\n * Table cell element (`<td>`) with styling and ARIA attributes.\n *\n * @see {@link TableCellProps}\n */\nexport const TableCell = ({\n  columnIndex,\n  children,\n  columnSpan,\n  dataTestId,\n  textAlign,\n}: TableCellProps) => {\n  return (\n    <td\n      className={csx(\n        \"proton-Table__cell\",\n        textAlign && `proton-Table__cell--${textAlign}`,\n      )}\n      role=\"cell\"\n      aria-colindex={columnIndex}\n      colSpan={columnSpan}\n      data-testid={dataTestId}\n    >\n      {children}\n    </td>\n  );\n};\n\nTableCell.displayName = \"ProtonUITableCell\";\n"],"names":["TableCell","columnIndex","children","columnSpan","dataTestId","textAlign","jsx","csx"],"mappings":";;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF,KAAa,uBAAuBA,CAAS;AAAA,IAAA;AAAA,IAE/C,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAASE;AAAA,IACT,eAAaC;AAAA,IAEZ,UAAAF;AAAA,EAAA;AAAA;AAKPF,EAAU,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableHeader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../node_modules/react/jsx-runtime.cjs.js"),e=({children:r,isHidden:o})=>a.jsxRuntimeExports.jsx("thead",{className:"proton-Table__rowGroup--header",role:"rowgroup",style:o?{display:"none"}:void 0,children:r});e.displayName="ProtonUITableHeader";exports.TableHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=({children:r,isHidden:o})=>a.jsx("thead",{className:"proton-Table__rowGroup--header",role:"rowgroup",style:o?{display:"none"}:void 0,children:r});e.displayName="ProtonUITableHeader";exports.TableHeader=e;
 //# sourceMappingURL=TableHeader.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeader.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderProps {\n  /** Header row content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** Whether the header should be visually hidden */\n  isHidden?: boolean;\n}\n\n/**\n * Table header row group element (`<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderProps}\n */\nexport const TableHeader = ({ children, isHidden }: TableHeaderProps) => {\n  return (\n    <thead\n      className=\"proton-Table__rowGroup--header\"\n      role=\"rowgroup\"\n      style={isHidden ? { display: \"none\" } : undefined}\n    >\n      {children}\n    </thead>\n  );\n};\n\nTableHeader.displayName = \"ProtonUITableHeader\";\n"],"names":["TableHeader","children","isHidden","jsx"],"mappings":"qJAcaA,EAAc,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAEpCC,EAAAA,kBAAAA,IAAC,QAAA,CACC,UAAU,iCACV,KAAK,WACL,MAAOD,EAAW,CAAE,QAAS,QAAW,OAEvC,SAAAD,CAAA,CAAA,EAKPD,EAAY,YAAc"}
+{"version":3,"file":"TableHeader.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeader.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderProps {\n  /** Header row content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** Whether the header should be visually hidden */\n  isHidden?: boolean;\n}\n\n/**\n * Table header row group element (`<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderProps}\n */\nexport const TableHeader = ({ children, isHidden }: TableHeaderProps) => {\n  return (\n    <thead\n      className=\"proton-Table__rowGroup--header\"\n      role=\"rowgroup\"\n      style={isHidden ? { display: \"none\" } : undefined}\n    >\n      {children}\n    </thead>\n  );\n};\n\nTableHeader.displayName = \"ProtonUITableHeader\";\n"],"names":["TableHeader","children","isHidden","jsx"],"mappings":"qHAcaA,EAAc,CAAC,CAAE,SAAAC,EAAU,SAAAC,KAEpCC,EAAAA,IAAC,QAAA,CACC,UAAU,iCACV,KAAK,WACL,MAAOD,EAAW,CAAE,QAAS,QAAW,OAEvC,SAAAD,CAAA,CAAA,EAKPD,EAAY,YAAc"}

package/dist/components/Table/BaseTable/elements/TableHeader.es.js

@@ -1,5 +1,5 @@
-import { j as r } from "../../../../node_modules/react/jsx-runtime.es.js";
-const a = ({ children: e, isHidden: o }) => /* @__PURE__ */ r.jsx(
+import { jsx as r } from "react/jsx-runtime";
+const a = ({ children: e, isHidden: o }) => /* @__PURE__ */ r(
   "thead",
   {
     className: "proton-Table__rowGroup--header",

package/dist/components/Table/BaseTable/elements/TableHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeader.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderProps {\n  /** Header row content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** Whether the header should be visually hidden */\n  isHidden?: boolean;\n}\n\n/**\n * Table header row group element (`<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderProps}\n */\nexport const TableHeader = ({ children, isHidden }: TableHeaderProps) => {\n  return (\n    <thead\n      className=\"proton-Table__rowGroup--header\"\n      role=\"rowgroup\"\n      style={isHidden ? { display: \"none\" } : undefined}\n    >\n      {children}\n    </thead>\n  );\n};\n\nTableHeader.displayName = \"ProtonUITableHeader\";\n"],"names":["TableHeader","children","isHidden","jsx"],"mappings":";AAcO,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAEpCC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,OAAOD,IAAW,EAAE,SAAS,WAAW;AAAA,IAEvC,UAAAD;AAAA,EAAA;AAAA;AAKPD,EAAY,cAAc;"}
+{"version":3,"file":"TableHeader.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeader.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderProps {\n  /** Header row content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** Whether the header should be visually hidden */\n  isHidden?: boolean;\n}\n\n/**\n * Table header row group element (`<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderProps}\n */\nexport const TableHeader = ({ children, isHidden }: TableHeaderProps) => {\n  return (\n    <thead\n      className=\"proton-Table__rowGroup--header\"\n      role=\"rowgroup\"\n      style={isHidden ? { display: \"none\" } : undefined}\n    >\n      {children}\n    </thead>\n  );\n};\n\nTableHeader.displayName = \"ProtonUITableHeader\";\n"],"names":["TableHeader","children","isHidden","jsx"],"mappings":";AAcO,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAEpC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,OAAOD,IAAW,EAAE,SAAS,WAAW;AAAA,IAEvC,UAAAD;AAAA,EAAA;AAAA;AAKPD,EAAY,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableHeaderCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../node_modules/react/jsx-runtime.cjs.js"),e=({children:a,colIndex:t,ariaSort:r,"data-testid":l})=>o.jsxRuntimeExports.jsx("th",{className:"proton-Table__header",role:"columnheader",scope:"col","aria-colindex":t,"aria-sort":r,"data-testid":l,children:a});e.displayName="ProtonUITableHeaderCell";exports.TableHeaderCell=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=({children:a,colIndex:t,ariaSort:l,"data-testid":r})=>o.jsx("th",{className:"proton-Table__header",role:"columnheader",scope:"col","aria-colindex":t,"aria-sort":l,"data-testid":r,children:a});e.displayName="ProtonUITableHeaderCell";exports.TableHeaderCell=e;
 //# sourceMappingURL=TableHeaderCell.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableHeaderCell.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderCell.tsx"],"sourcesContent":["import { AriaAttributes, ReactNode } from \"react\";\n\nexport interface TableHeaderCellProps {\n  /** Header cell content */\n  children: ReactNode;\n  /** 1-based column index for aria-colindex */\n  colIndex: number;\n  /** Sort state for sortable columns */\n  ariaSort?: AriaAttributes[\"aria-sort\"];\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Table header cell element (`<th>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderCellProps}\n */\nexport const TableHeaderCell = ({\n  children,\n  colIndex,\n  ariaSort,\n  \"data-testid\": testId,\n}: TableHeaderCellProps) => {\n  return (\n    <th\n      className=\"proton-Table__header\"\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={colIndex}\n      aria-sort={ariaSort}\n      data-testid={testId}\n    >\n      {children}\n    </th>\n  );\n};\n\nTableHeaderCell.displayName = \"ProtonUITableHeaderCell\";\n"],"names":["TableHeaderCell","children","colIndex","ariaSort","testId","jsx"],"mappings":"qJAkBaA,EAAkB,CAAC,CAC9B,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,IAEIC,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAU,uBACV,KAAK,eACL,MAAM,MACN,gBAAeH,EACf,YAAWC,EACX,cAAaC,EAEZ,SAAAH,CAAA,CAAA,EAKPD,EAAgB,YAAc"}
+{"version":3,"file":"TableHeaderCell.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderCell.tsx"],"sourcesContent":["import { AriaAttributes, ReactNode } from \"react\";\n\nexport interface TableHeaderCellProps {\n  /** Header cell content */\n  children: ReactNode;\n  /** 1-based column index for aria-colindex */\n  colIndex: number;\n  /** Sort state for sortable columns */\n  ariaSort?: AriaAttributes[\"aria-sort\"];\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Table header cell element (`<th>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderCellProps}\n */\nexport const TableHeaderCell = ({\n  children,\n  colIndex,\n  ariaSort,\n  \"data-testid\": testId,\n}: TableHeaderCellProps) => {\n  return (\n    <th\n      className=\"proton-Table__header\"\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={colIndex}\n      aria-sort={ariaSort}\n      data-testid={testId}\n    >\n      {children}\n    </th>\n  );\n};\n\nTableHeaderCell.displayName = \"ProtonUITableHeaderCell\";\n"],"names":["TableHeaderCell","children","colIndex","ariaSort","testId","jsx"],"mappings":"qHAkBaA,EAAkB,CAAC,CAC9B,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,IAEIC,EAAAA,IAAC,KAAA,CACC,UAAU,uBACV,KAAK,eACL,MAAM,MACN,gBAAeH,EACf,YAAWC,EACX,cAAaC,EAEZ,SAAAH,CAAA,CAAA,EAKPD,EAAgB,YAAc"}

package/dist/components/Table/BaseTable/elements/TableHeaderCell.es.js

@@ -1,10 +1,10 @@
-import { j as o } from "../../../../node_modules/react/jsx-runtime.es.js";
+import { jsx as t } from "react/jsx-runtime";
 const l = ({
   children: e,
   colIndex: a,
   ariaSort: r,
-  "data-testid": t
-}) => /* @__PURE__ */ o.jsx(
+  "data-testid": o
+}) => /* @__PURE__ */ t(
   "th",
   {
     className: "proton-Table__header",
@@ -12,7 +12,7 @@ const l = ({
     scope: "col",
     "aria-colindex": a,
     "aria-sort": r,
-    "data-testid": t,
+    "data-testid": o,
     children: e
   }
 );

package/dist/components/Table/BaseTable/elements/TableHeaderCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderCell.tsx"],"sourcesContent":["import { AriaAttributes, ReactNode } from \"react\";\n\nexport interface TableHeaderCellProps {\n  /** Header cell content */\n  children: ReactNode;\n  /** 1-based column index for aria-colindex */\n  colIndex: number;\n  /** Sort state for sortable columns */\n  ariaSort?: AriaAttributes[\"aria-sort\"];\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Table header cell element (`<th>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderCellProps}\n */\nexport const TableHeaderCell = ({\n  children,\n  colIndex,\n  ariaSort,\n  \"data-testid\": testId,\n}: TableHeaderCellProps) => {\n  return (\n    <th\n      className=\"proton-Table__header\"\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={colIndex}\n      aria-sort={ariaSort}\n      data-testid={testId}\n    >\n      {children}\n    </th>\n  );\n};\n\nTableHeaderCell.displayName = \"ProtonUITableHeaderCell\";\n"],"names":["TableHeaderCell","children","colIndex","ariaSort","testId","jsx"],"mappings":";AAkBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,OAAM;AAAA,IACN,iBAAeH;AAAA,IACf,aAAWC;AAAA,IACX,eAAaC;AAAA,IAEZ,UAAAH;AAAA,EAAA;AAAA;AAKPD,EAAgB,cAAc;"}
+{"version":3,"file":"TableHeaderCell.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderCell.tsx"],"sourcesContent":["import { AriaAttributes, ReactNode } from \"react\";\n\nexport interface TableHeaderCellProps {\n  /** Header cell content */\n  children: ReactNode;\n  /** 1-based column index for aria-colindex */\n  colIndex: number;\n  /** Sort state for sortable columns */\n  ariaSort?: AriaAttributes[\"aria-sort\"];\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Table header cell element (`<th>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderCellProps}\n */\nexport const TableHeaderCell = ({\n  children,\n  colIndex,\n  ariaSort,\n  \"data-testid\": testId,\n}: TableHeaderCellProps) => {\n  return (\n    <th\n      className=\"proton-Table__header\"\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={colIndex}\n      aria-sort={ariaSort}\n      data-testid={testId}\n    >\n      {children}\n    </th>\n  );\n};\n\nTableHeaderCell.displayName = \"ProtonUITableHeaderCell\";\n"],"names":["TableHeaderCell","children","colIndex","ariaSort","testId","jsx"],"mappings":";AAkBO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,OAAM;AAAA,IACN,iBAAeH;AAAA,IACf,aAAWC;AAAA,IACX,eAAaC;AAAA,IAEZ,UAAAH;AAAA,EAAA;AAAA;AAKPD,EAAgB,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableHeaderRow.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../node_modules/react/jsx-runtime.cjs.js"),e=({children:r,ariaRowIndex:o=1})=>a.jsxRuntimeExports.jsx("tr",{className:"proton-Table__header-row",role:"row","aria-rowindex":o,children:r});e.displayName="ProtonUITableHeaderRow";exports.TableHeaderRow=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=({children:r,ariaRowIndex:o=1})=>a.jsx("tr",{className:"proton-Table__header-row",role:"row","aria-rowindex":o,children:r});e.displayName="ProtonUITableHeaderRow";exports.TableHeaderRow=e;
 //# sourceMappingURL=TableHeaderRow.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableHeaderRow.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderRowProps {\n  /** Header cell content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** 1-based aria-rowindex (typically 1 for header row) */\n  ariaRowIndex?: number;\n}\n\n/**\n * Table header row element (`<tr>` inside `<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderRowProps}\n */\nexport const TableHeaderRow = ({\n  children,\n  ariaRowIndex = 1,\n}: TableHeaderRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__header-row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableHeaderRow.displayName = \"ProtonUITableHeaderRow\";\n"],"names":["TableHeaderRow","children","ariaRowIndex","jsx"],"mappings":"qJAcaA,EAAiB,CAAC,CAC7B,SAAAC,EACA,aAAAC,EAAe,CACjB,IAEIC,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAU,2BACV,KAAK,MACL,gBAAeD,EAEd,SAAAD,CAAA,CAAA,EAKPD,EAAe,YAAc"}
+{"version":3,"file":"TableHeaderRow.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderRowProps {\n  /** Header cell content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** 1-based aria-rowindex (typically 1 for header row) */\n  ariaRowIndex?: number;\n}\n\n/**\n * Table header row element (`<tr>` inside `<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderRowProps}\n */\nexport const TableHeaderRow = ({\n  children,\n  ariaRowIndex = 1,\n}: TableHeaderRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__header-row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableHeaderRow.displayName = \"ProtonUITableHeaderRow\";\n"],"names":["TableHeaderRow","children","ariaRowIndex","jsx"],"mappings":"qHAcaA,EAAiB,CAAC,CAC7B,SAAAC,EACA,aAAAC,EAAe,CACjB,IAEIC,EAAAA,IAAC,KAAA,CACC,UAAU,2BACV,KAAK,MACL,gBAAeD,EAEd,SAAAD,CAAA,CAAA,EAKPD,EAAe,YAAc"}

package/dist/components/Table/BaseTable/elements/TableHeaderRow.es.js

@@ -1,8 +1,8 @@
-import { j as o } from "../../../../node_modules/react/jsx-runtime.es.js";
+import { jsx as o } from "react/jsx-runtime";
 const a = ({
   children: r,
   ariaRowIndex: e = 1
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ o(
   "tr",
   {
     className: "proton-Table__header-row",

package/dist/components/Table/BaseTable/elements/TableHeaderRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderRowProps {\n  /** Header cell content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** 1-based aria-rowindex (typically 1 for header row) */\n  ariaRowIndex?: number;\n}\n\n/**\n * Table header row element (`<tr>` inside `<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderRowProps}\n */\nexport const TableHeaderRow = ({\n  children,\n  ariaRowIndex = 1,\n}: TableHeaderRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__header-row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableHeaderRow.displayName = \"ProtonUITableHeaderRow\";\n"],"names":["TableHeaderRow","children","ariaRowIndex","jsx"],"mappings":";AAcO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeD;AAAA,IAEd,UAAAD;AAAA,EAAA;AAAA;AAKPD,EAAe,cAAc;"}
+{"version":3,"file":"TableHeaderRow.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableHeaderRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableHeaderRowProps {\n  /** Header cell content (TableHeaderCell elements) */\n  children: ReactNode;\n  /** 1-based aria-rowindex (typically 1 for header row) */\n  ariaRowIndex?: number;\n}\n\n/**\n * Table header row element (`<tr>` inside `<thead>`) with styling and ARIA attributes.\n *\n * @see {@link TableHeaderRowProps}\n */\nexport const TableHeaderRow = ({\n  children,\n  ariaRowIndex = 1,\n}: TableHeaderRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__header-row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableHeaderRow.displayName = \"ProtonUITableHeaderRow\";\n"],"names":["TableHeaderRow","children","ariaRowIndex","jsx"],"mappings":";AAcO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeD;AAAA,IAEd,UAAAD;AAAA,EAAA;AAAA;AAKPD,EAAe,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableRoot.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../node_modules/react/jsx-runtime.cjs.js"),a=({children:o,name:t,rowCount:r,colCount:l,"data-testid":s})=>e.jsxRuntimeExports.jsxs("table",{className:"proton-Table",role:"table","aria-rowcount":r,"aria-colcount":l,"aria-label":t,"data-testid":s,children:[e.jsxRuntimeExports.jsx("caption",{className:"proton-Table__caption",children:t}),o]});a.displayName="ProtonUITableRoot";exports.TableRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=({children:o,name:t,rowCount:l,colCount:r,"data-testid":i})=>a.jsxs("table",{className:"proton-Table",role:"table","aria-rowcount":l,"aria-colcount":r,"aria-label":t,"data-testid":i,children:[a.jsx("caption",{className:"proton-Table__caption",children:t}),o]});e.displayName="ProtonUITableRoot";exports.TableRoot=e;
 //# sourceMappingURL=TableRoot.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableRoot.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRoot.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRoot.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRootProps {\n  /** Table content (thead, tbody) */\n  children: ReactNode;\n  /** Table name/caption for accessibility */\n  name: string;\n  /** Total row count for aria-rowcount */\n  rowCount: number;\n  /** Total column count for aria-colcount */\n  colCount: number;\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Root table element with styling and ARIA attributes.\n * Wraps table content with proper accessibility semantics.\n *\n * @see {@link TableRootProps}\n */\nexport const TableRoot = ({\n  children,\n  name,\n  rowCount,\n  colCount,\n  \"data-testid\": testId,\n}: TableRootProps) => {\n  return (\n    <table\n      className=\"proton-Table\"\n      role=\"table\"\n      aria-rowcount={rowCount}\n      aria-colcount={colCount}\n      aria-label={name}\n      data-testid={testId}\n    >\n      <caption className=\"proton-Table__caption\">{name}</caption>\n      {children}\n    </table>\n  );\n};\n\nTableRoot.displayName = \"ProtonUITableRoot\";\n"],"names":["TableRoot","children","name","rowCount","colCount","testId","jsxs","jsx"],"mappings":"qJAqBaA,EAAY,CAAC,CACxB,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,IAEIC,EAAAA,kBAAAA,KAAC,QAAA,CACC,UAAU,eACV,KAAK,QACL,gBAAeH,EACf,gBAAeC,EACf,aAAYF,EACZ,cAAaG,EAEb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,UAAA,CAAQ,UAAU,wBAAyB,SAAAL,EAAK,EAChDD,CAAA,CAAA,CAAA,EAKPD,EAAU,YAAc"}
+{"version":3,"file":"TableRoot.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRoot.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRootProps {\n  /** Table content (thead, tbody) */\n  children: ReactNode;\n  /** Table name/caption for accessibility */\n  name: string;\n  /** Total row count for aria-rowcount */\n  rowCount: number;\n  /** Total column count for aria-colcount */\n  colCount: number;\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Root table element with styling and ARIA attributes.\n * Wraps table content with proper accessibility semantics.\n *\n * @see {@link TableRootProps}\n */\nexport const TableRoot = ({\n  children,\n  name,\n  rowCount,\n  colCount,\n  \"data-testid\": testId,\n}: TableRootProps) => {\n  return (\n    <table\n      className=\"proton-Table\"\n      role=\"table\"\n      aria-rowcount={rowCount}\n      aria-colcount={colCount}\n      aria-label={name}\n      data-testid={testId}\n    >\n      <caption className=\"proton-Table__caption\">{name}</caption>\n      {children}\n    </table>\n  );\n};\n\nTableRoot.displayName = \"ProtonUITableRoot\";\n"],"names":["TableRoot","children","name","rowCount","colCount","testId","jsxs","jsx"],"mappings":"qHAqBaA,EAAY,CAAC,CACxB,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAAC,EACA,cAAeC,CACjB,IAEIC,EAAAA,KAAC,QAAA,CACC,UAAU,eACV,KAAK,QACL,gBAAeH,EACf,gBAAeC,EACf,aAAYF,EACZ,cAAaG,EAEb,SAAA,CAAAE,EAAAA,IAAC,UAAA,CAAQ,UAAU,wBAAyB,SAAAL,EAAK,EAChDD,CAAA,CAAA,CAAA,EAKPD,EAAU,YAAc"}

package/dist/components/Table/BaseTable/elements/TableRoot.es.js

@@ -1,21 +1,21 @@
-import { j as t } from "../../../../node_modules/react/jsx-runtime.es.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
 const s = ({
   children: o,
   name: a,
-  rowCount: e,
-  colCount: r,
+  rowCount: t,
+  colCount: e,
   "data-testid": l
-}) => /* @__PURE__ */ t.jsxs(
+}) => /* @__PURE__ */ r(
   "table",
   {
     className: "proton-Table",
     role: "table",
-    "aria-rowcount": e,
-    "aria-colcount": r,
+    "aria-rowcount": t,
+    "aria-colcount": e,
     "aria-label": a,
     "data-testid": l,
     children: [
-      /* @__PURE__ */ t.jsx("caption", { className: "proton-Table__caption", children: a }),
+      /* @__PURE__ */ i("caption", { className: "proton-Table__caption", children: a }),
       o
     ]
   }

package/dist/components/Table/BaseTable/elements/TableRoot.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRoot.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRoot.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRootProps {\n  /** Table content (thead, tbody) */\n  children: ReactNode;\n  /** Table name/caption for accessibility */\n  name: string;\n  /** Total row count for aria-rowcount */\n  rowCount: number;\n  /** Total column count for aria-colcount */\n  colCount: number;\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Root table element with styling and ARIA attributes.\n * Wraps table content with proper accessibility semantics.\n *\n * @see {@link TableRootProps}\n */\nexport const TableRoot = ({\n  children,\n  name,\n  rowCount,\n  colCount,\n  \"data-testid\": testId,\n}: TableRootProps) => {\n  return (\n    <table\n      className=\"proton-Table\"\n      role=\"table\"\n      aria-rowcount={rowCount}\n      aria-colcount={colCount}\n      aria-label={name}\n      data-testid={testId}\n    >\n      <caption className=\"proton-Table__caption\">{name}</caption>\n      {children}\n    </table>\n  );\n};\n\nTableRoot.displayName = \"ProtonUITableRoot\";\n"],"names":["TableRoot","children","name","rowCount","colCount","testId","jsxs","jsx"],"mappings":";AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeH;AAAA,IACf,iBAAeC;AAAA,IACf,cAAYF;AAAA,IACZ,eAAaG;AAAA,IAEb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAU,yBAAyB,UAAAL,GAAK;AAAA,MAChDD;AAAA,IAAA;AAAA,EAAA;AAAA;AAKPD,EAAU,cAAc;"}
+{"version":3,"file":"TableRoot.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRoot.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRootProps {\n  /** Table content (thead, tbody) */\n  children: ReactNode;\n  /** Table name/caption for accessibility */\n  name: string;\n  /** Total row count for aria-rowcount */\n  rowCount: number;\n  /** Total column count for aria-colcount */\n  colCount: number;\n  /** Test ID for testing purposes */\n  \"data-testid\"?: string;\n}\n\n/**\n * Root table element with styling and ARIA attributes.\n * Wraps table content with proper accessibility semantics.\n *\n * @see {@link TableRootProps}\n */\nexport const TableRoot = ({\n  children,\n  name,\n  rowCount,\n  colCount,\n  \"data-testid\": testId,\n}: TableRootProps) => {\n  return (\n    <table\n      className=\"proton-Table\"\n      role=\"table\"\n      aria-rowcount={rowCount}\n      aria-colcount={colCount}\n      aria-label={name}\n      data-testid={testId}\n    >\n      <caption className=\"proton-Table__caption\">{name}</caption>\n      {children}\n    </table>\n  );\n};\n\nTableRoot.displayName = \"ProtonUITableRoot\";\n"],"names":["TableRoot","children","name","rowCount","colCount","testId","jsxs","jsx"],"mappings":";AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAeC;AACjB,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeH;AAAA,IACf,iBAAeC;AAAA,IACf,cAAYF;AAAA,IACZ,eAAaG;AAAA,IAEb,UAAA;AAAA,MAAA,gBAAAE,EAAC,WAAA,EAAQ,WAAU,yBAAyB,UAAAL,GAAK;AAAA,MAChDD;AAAA,IAAA;AAAA,EAAA;AAAA;AAKPD,EAAU,cAAc;"}

package/dist/components/Table/BaseTable/elements/TableRow.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../node_modules/react/jsx-runtime.cjs.js"),o=({ariaRowIndex:r,onClick:e,children:a,dataTestId:n})=>s.jsxRuntimeExports.jsx("tr",{className:"proton-Table__row",role:"row","aria-rowindex":r,onClick:e,tabIndex:e?0:void 0,onKeyDown:e?t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e())}:void 0,"data-testid":n,children:a});o.displayName="ProtonUITableRow";exports.TableRow=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=({ariaRowIndex:r,onClick:e,children:a,dataTestId:n})=>s.jsx("tr",{className:"proton-Table__row",role:"row","aria-rowindex":r,onClick:e,tabIndex:e?0:void 0,onKeyDown:e?t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e())}:void 0,"data-testid":n,children:a});o.displayName="ProtonUITableRow";exports.TableRow=o;
 //# sourceMappingURL=TableRow.cjs.js.map

package/dist/components/Table/BaseTable/elements/TableRow.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRowProps {\n  /** 1-based row index for aria-rowindex */\n  ariaRowIndex: number;\n  /** Click handler for interactive rows */\n  onClick?: () => void;\n  /** Row content (TableCell elements) */\n  children: ReactNode;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table row element (`<tr>`) with styling, ARIA attributes, and keyboard support.\n *\n * @see {@link TableRowProps}\n */\nexport const TableRow = ({\n  ariaRowIndex,\n  onClick,\n  children,\n  dataTestId,\n}: TableRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n      onClick={onClick}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={\n        onClick\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick();\n              }\n            }\n          : undefined\n      }\n      data-testid={dataTestId}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableRow.displayName = \"ProtonUITableRow\";\n"],"names":["TableRow","ariaRowIndex","onClick","children","dataTestId","jsx","e"],"mappings":"qJAkBaA,EAAW,CAAC,CACvB,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,KAAA,CACC,UAAU,oBACV,KAAK,MACL,gBAAeJ,EACf,QAAAC,EACA,SAAUA,EAAU,EAAI,OACxB,UACEA,EACKI,GAAM,EACDA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACFJ,EAAA,EAEJ,EACA,OAEN,cAAaE,EAEZ,SAAAD,CAAA,CAAA,EAKPH,EAAS,YAAc"}
+{"version":3,"file":"TableRow.cjs.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRowProps {\n  /** 1-based row index for aria-rowindex */\n  ariaRowIndex: number;\n  /** Click handler for interactive rows */\n  onClick?: () => void;\n  /** Row content (TableCell elements) */\n  children: ReactNode;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table row element (`<tr>`) with styling, ARIA attributes, and keyboard support.\n *\n * @see {@link TableRowProps}\n */\nexport const TableRow = ({\n  ariaRowIndex,\n  onClick,\n  children,\n  dataTestId,\n}: TableRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n      onClick={onClick}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={\n        onClick\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick();\n              }\n            }\n          : undefined\n      }\n      data-testid={dataTestId}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableRow.displayName = \"ProtonUITableRow\";\n"],"names":["TableRow","ariaRowIndex","onClick","children","dataTestId","jsx","e"],"mappings":"qHAkBaA,EAAW,CAAC,CACvB,aAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,CACF,IAEIC,EAAAA,IAAC,KAAA,CACC,UAAU,oBACV,KAAK,MACL,gBAAeJ,EACf,QAAAC,EACA,SAAUA,EAAU,EAAI,OACxB,UACEA,EACKI,GAAM,EACDA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACFJ,EAAA,EAEJ,EACA,OAEN,cAAaE,EAEZ,SAAAD,CAAA,CAAA,EAKPH,EAAS,YAAc"}

package/dist/components/Table/BaseTable/elements/TableRow.es.js

@@ -1,10 +1,10 @@
-import { j as s } from "../../../../node_modules/react/jsx-runtime.es.js";
+import { jsx as d } from "react/jsx-runtime";
 const n = ({
   ariaRowIndex: r,
   onClick: e,
   children: t,
   dataTestId: a
-}) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ d(
   "tr",
   {
     className: "proton-Table__row",

package/dist/components/Table/BaseTable/elements/TableRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRowProps {\n  /** 1-based row index for aria-rowindex */\n  ariaRowIndex: number;\n  /** Click handler for interactive rows */\n  onClick?: () => void;\n  /** Row content (TableCell elements) */\n  children: ReactNode;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table row element (`<tr>`) with styling, ARIA attributes, and keyboard support.\n *\n * @see {@link TableRowProps}\n */\nexport const TableRow = ({\n  ariaRowIndex,\n  onClick,\n  children,\n  dataTestId,\n}: TableRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n      onClick={onClick}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={\n        onClick\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick();\n              }\n            }\n          : undefined\n      }\n      data-testid={dataTestId}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableRow.displayName = \"ProtonUITableRow\";\n"],"names":["TableRow","ariaRowIndex","onClick","children","dataTestId","jsx","e"],"mappings":";AAkBO,MAAMA,IAAW,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAAAC;AAAA,IACA,UAAUA,IAAU,IAAI;AAAA,IACxB,WACEA,IACI,CAACI,MAAM;AACL,OAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFJ,EAAA;AAAA,IAEJ,IACA;AAAA,IAEN,eAAaE;AAAA,IAEZ,UAAAD;AAAA,EAAA;AAAA;AAKPH,EAAS,cAAc;"}
+{"version":3,"file":"TableRow.es.js","sources":["../../../../../src/components/Table/BaseTable/elements/TableRow.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface TableRowProps {\n  /** 1-based row index for aria-rowindex */\n  ariaRowIndex: number;\n  /** Click handler for interactive rows */\n  onClick?: () => void;\n  /** Row content (TableCell elements) */\n  children: ReactNode;\n  /** Test ID for testing purposes */\n  dataTestId?: string;\n}\n\n/**\n * Table row element (`<tr>`) with styling, ARIA attributes, and keyboard support.\n *\n * @see {@link TableRowProps}\n */\nexport const TableRow = ({\n  ariaRowIndex,\n  onClick,\n  children,\n  dataTestId,\n}: TableRowProps) => {\n  return (\n    <tr\n      className=\"proton-Table__row\"\n      role=\"row\"\n      aria-rowindex={ariaRowIndex}\n      onClick={onClick}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={\n        onClick\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick();\n              }\n            }\n          : undefined\n      }\n      data-testid={dataTestId}\n    >\n      {children}\n    </tr>\n  );\n};\n\nTableRow.displayName = \"ProtonUITableRow\";\n"],"names":["TableRow","ariaRowIndex","onClick","children","dataTestId","jsx","e"],"mappings":";AAkBO,MAAMA,IAAW,CAAC;AAAA,EACvB,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,iBAAeJ;AAAA,IACf,SAAAC;AAAA,IACA,UAAUA,IAAU,IAAI;AAAA,IACxB,WACEA,IACI,CAACI,MAAM;AACL,OAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFJ,EAAA;AAAA,IAEJ,IACA;AAAA,IAEN,eAAaE;AAAA,IAEZ,UAAAD;AAAA,EAAA;AAAA;AAKPH,EAAS,cAAc;"}

package/dist/components/Table/DataTable/DataTable.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../node_modules/react/jsx-runtime.cjs.js"),s=require("../BaseTable/Table.cjs.js"),D=require("../../Elevation/Elevation.cjs.js"),f=require("../../Tombstone/Tombstone.cjs.js"),_=require("../../Icon/IconComponents/ChevronUp.cjs.js"),q=require("./DataTableRow.cjs.js");;/* empty css                          */;/* empty css                   */const h=({columns:n,data:l=[],loading:j=!1,tombstoneComponent:p,error:x=!1,name:i,onRowClick:R,emptyMessage:E="Data Unavailable",errorMessage:T="An error occurred",loadingRows:C=5,"data-testid":d,memoize:g=!0,sortableColumns:y=[],sortedBy:u,sortDirection:c,onSort:b})=>{const o=n.filter(t=>!t.isHidden),S=t=>{if(!b)return;const a=u===t.id&&c==="ASC"?"DESC":"ASC";b(t.id,a)},v=t=>u!==t?"none":c==="ASC"?"ascending":"descending";return x?e.jsxRuntimeExports.jsx(m,{columns:o,message:typeof x=="string"?x:T,name:i,testId:d,isError:!0}):j?e.jsxRuntimeExports.jsx("div",{className:"proton-DataTable","data-testid":d,"aria-busy":"true","aria-label":`Loading ${i}...`,children:e.jsxRuntimeExports.jsxs(s.Table,{name:i,children:[e.jsxRuntimeExports.jsx(s.Table.Header,{children:o.map(t=>e.jsxRuntimeExports.jsx(s.Table.Column,{id:t.id,children:t.header},t.id))}),e.jsxRuntimeExports.jsx(s.Table.Body,{children:Array.from({length:C}).map((t,r)=>e.jsxRuntimeExports.jsx(s.Table.Row,{children:o.map(a=>e.jsxRuntimeExports.jsx(s.Table.Cell,{children:p||e.jsxRuntimeExports.jsx(f.Tombstone,{height:"1rem",width:r%3===0?"80%":r%3===1?"60%":"90%"})},a.id))},`loading-${r}`))})]})}):!l||l.length===0?e.jsxRuntimeExports.jsx(m,{columns:o,message:E,name:i,testId:d}):e.jsxRuntimeExports.jsx("div",{className:"proton-DataTable","data-testid":d,children:e.jsxRuntimeExports.jsxs(s.Table,{name:i,children:[e.jsxRuntimeExports.jsx(s.Table.Header,{children:o.map(t=>{const r=y.includes(t.id),a=v(t.id);return e.jsxRuntimeExports.jsx(s.Table.Column,{id:t.id,...r&&{"aria-sort":a},children:e.jsxRuntimeExports.jsxs("span",{className:"proton-DataTable__header-content",children:[t.header,r&&e.jsxRuntimeExports.jsx("button",{className:"proton-DataTable__sort-button",onClick:()=>S(t),"aria-label":`Sort by ${t.header}: ${a}`,type:"button",children:e.jsxRuntimeExports.jsx(_.ChevronUp,{size:12,color:a==="ascending"?"var(--proton-color__primary)":"currentColor"})})]})},t.id)})}),e.jsxRuntimeExports.jsx(s.Table.Body,{children:l.map((t,r)=>{const a=t;return e.jsxRuntimeExports.jsx(q.DataTableRow,{row:t,columns:o,rowIndex:r,onRowClick:R,memoize:g,dataTestId:a.dataTestId},a.key??r)})})]})})},m=({columns:n,message:l,name:j,testId:p,isError:x=!1})=>e.jsxRuntimeExports.jsx("div",{className:"proton-DataTable","data-testid":p,children:e.jsxRuntimeExports.jsxs(s.Table,{name:j,children:[e.jsxRuntimeExports.jsx(s.Table.Header,{children:n.map(i=>e.jsxRuntimeExports.jsx(s.Table.Column,{id:i.id,children:i.header},i.id))}),e.jsxRuntimeExports.jsx(s.Table.Body,{children:e.jsxRuntimeExports.jsx(s.Table.Row,{children:e.jsxRuntimeExports.jsx(s.Table.Cell,{colSpan:(n==null?void 0:n.length)||1,children:e.jsxRuntimeExports.jsx("div",{className:"proton-DataTable__message-cell",role:x?"alert":"status","aria-live":"polite",children:e.jsxRuntimeExports.jsx(D.Elevation,{children:e.jsxRuntimeExports.jsx("div",{className:"proton-DataTable__empty-cell",children:l})})})})})})]})});h.displayName="ProtonUIDataTable";exports.DataTable=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../BaseTable/Table.cjs.js"),_=require("../../Elevation/Elevation.cjs.js"),q=require("../../Tombstone/Tombstone.cjs.js"),N=require("../../Icon/IconComponents/ChevronUp.cjs.js"),w=require("./DataTableRow.cjs.js");;/* empty css                          */;/* empty css                   */const u=({columns:i,data:d=[],loading:b=!1,tombstoneComponent:h,error:o=!1,name:l,onRowClick:C,emptyMessage:g="Data Unavailable",errorMessage:y="An error occurred",loadingRows:S=5,"data-testid":c,memoize:v=!0,sortableColumns:D=[],sortedBy:T,sortDirection:j,onSort:x})=>{const n=i.filter(a=>!a.isHidden),m=a=>{if(!x)return;const s=T===a.id&&j==="ASC"?"DESC":"ASC";x(a.id,s)},f=a=>T!==a?"none":j==="ASC"?"ascending":"descending";return o?e.jsx(p,{columns:n,message:typeof o=="string"?o:y,name:l,testId:c,isError:!0}):b?e.jsx("div",{className:"proton-DataTable","data-testid":c,"aria-busy":"true","aria-label":`Loading ${l}...`,children:e.jsxs(r.Table,{name:l,children:[e.jsx(r.Table.Header,{children:n.map(a=>e.jsx(r.Table.Column,{id:a.id,children:a.header},a.id))}),e.jsx(r.Table.Body,{children:Array.from({length:S}).map((a,t)=>e.jsx(r.Table.Row,{children:n.map(s=>e.jsx(r.Table.Cell,{children:h||e.jsx(q.Tombstone,{height:"1rem",width:t%3===0?"80%":t%3===1?"60%":"90%"})},s.id))},`loading-${t}`))})]})}):!d||d.length===0?e.jsx(p,{columns:n,message:g,name:l,testId:c}):e.jsx("div",{className:"proton-DataTable","data-testid":c,children:e.jsxs(r.Table,{name:l,children:[e.jsx(r.Table.Header,{children:n.map(a=>{const t=D.includes(a.id),s=f(a.id);return e.jsx(r.Table.Column,{id:a.id,...t&&{"aria-sort":s},children:e.jsxs("span",{className:"proton-DataTable__header-content",children:[a.header,t&&e.jsx("button",{className:"proton-DataTable__sort-button",onClick:()=>m(a),"aria-label":`Sort by ${a.header}: ${s}`,type:"button",children:e.jsx(N.ChevronUp,{size:12,color:s==="ascending"?"var(--proton-color__primary)":"currentColor"})})]})},a.id)})}),e.jsx(r.Table.Body,{children:d.map((a,t)=>{const s=a;return e.jsx(w.DataTableRow,{row:a,columns:n,rowIndex:t,onRowClick:C,memoize:v,dataTestId:s.dataTestId},s.key??t)})})]})})},p=({columns:i,message:d,name:b,testId:h,isError:o=!1})=>e.jsx("div",{className:"proton-DataTable","data-testid":h,children:e.jsxs(r.Table,{name:b,children:[e.jsx(r.Table.Header,{children:i.map(l=>e.jsx(r.Table.Column,{id:l.id,children:l.header},l.id))}),e.jsx(r.Table.Body,{children:e.jsx(r.Table.Row,{children:e.jsx(r.Table.Cell,{colSpan:(i==null?void 0:i.length)||1,children:e.jsx("div",{className:"proton-DataTable__message-cell",role:o?"alert":"status","aria-live":"polite",children:e.jsx(_.Elevation,{children:e.jsx("div",{className:"proton-DataTable__empty-cell",children:d})})})})})})]})});u.displayName="ProtonUIDataTable";exports.DataTable=u;
 //# sourceMappingURL=DataTable.cjs.js.map