@veeqo/ui 9.7.1 → 9.9.0

package/dist/components/DataGrid/components/GridContainer/GridContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.cjs","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.tsx"],"sourcesContent":["import React, { RefObject, CSSProperties, ReactNode, AriaAttributes } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\nimport { SizeScale } from 'Theme/modules/sizes';\n\nimport { BorderMode } from '../../types/enums';\nimport { AriaRoles } from '../../types';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\n\nimport { Container } from './Container';\n\nimport { dataGridStyle } from './GridContainer.module.css';\n\ntype GridContainerProps = Pick<AriaAttributes, 'aria-label'> & {\n  /**\n   * Reference to be used for the outer container element.\n   */\n  containerRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Reference to be used for the table element.\n   */\n  tableRef?: RefObject<HTMLTableElement>;\n\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  containerStyles?: CSSProperties;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether resizeable columns are enabled or not.\n   */\n  enableResizeableColumns: boolean;\n\n  /**\n   * Density of the grid.\n   */\n  density: keyof SizeScale;\n\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * Child elements (table contents).\n   */\n  children: ReactNode;\n};\n\nconst gridContainerClassname = buildClassnames([dataGridStyle, 'data-grid']);\n\n/**\n * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies\n * styling and sets table-specific CSS variables (such as density).\n */\nexport const GridContainer = ({\n  containerRef,\n  tableRef,\n  borderMode,\n  containerStyles,\n  ariaRoles,\n  enableResizeableColumns,\n  density,\n  table,\n  children,\n  'aria-label': ariaLabel,\n}: GridContainerProps) => (\n  <Container ref={containerRef} borderMode={borderMode} style={containerStyles}>\n    <table\n      ref={tableRef}\n      className={gridContainerClassname}\n      role={ariaRoles.table}\n      style={\n        {\n          tableLayout: enableResizeableColumns ? 'fixed' : 'auto',\n          '--density': theme.sizes[density],\n        } as CSSProperties\n      }\n      aria-colcount={table.getFlatHeaders().length}\n      aria-rowcount={table.getRowCount()}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </table>\n  </Container>\n);\n"],"names":["buildClassnames","dataGridStyle","React","Container","theme"],"mappings":";;;;;;;;;;;;AA6DA,MAAM,sBAAsB,GAAGA,+BAAe,CAAC,CAACC,kCAAa,EAAE,WAAW,CAAC,CAAC;AAE5E;;;AAGG;MACU,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,uBAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,GACJ,MACnBC,sBAAC,CAAA,aAAA,CAAAC,mBAAS,IAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA;AAC1E,IAAAD,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,SAAS,CAAC,KAAK,EACrB,KAAK,EACH;YACE,WAAW,EAAE,uBAAuB,GAAG,OAAO,GAAG,MAAM;AACvD,YAAA,WAAW,EAAEE,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AACjB,SAAA,EAAA,eAAA,EAEL,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,mBAC7B,KAAK,CAAC,WAAW,EAAE,gBACtB,SAAS,EAAA,EAEpB,QAAQ,CACH,CACE;;;;"}

package/dist/components/DataGrid/components/GridContainer/GridContainer.d.ts

@@ -0,0 +1,49 @@
+import React, { RefObject, CSSProperties, ReactNode, AriaAttributes } from 'react';
+import { Table } from '@tanstack/react-table';
+import { SizeScale } from 'Theme/modules/sizes';
+import { BorderMode } from '../../types/enums';
+import { AriaRoles } from '../../types';
+type GridContainerProps = Pick<AriaAttributes, 'aria-label'> & {
+    /**
+     * Reference to be used for the outer container element.
+     */
+    containerRef?: RefObject<HTMLDivElement>;
+    /**
+     * Reference to be used for the table element.
+     */
+    tableRef?: RefObject<HTMLTableElement>;
+    /**
+     * Border mode.
+     */
+    borderMode: BorderMode;
+    /**
+     * Additional container styles.
+     */
+    containerStyles?: CSSProperties;
+    /**
+     * ARIA roles used in the grid.
+     */
+    ariaRoles: AriaRoles;
+    /**
+     * Whether resizeable columns are enabled or not.
+     */
+    enableResizeableColumns: boolean;
+    /**
+     * Density of the grid.
+     */
+    density: keyof SizeScale;
+    /**
+     * The TanStack Table instance.
+     */
+    table: Table<any>;
+    /**
+     * Child elements (table contents).
+     */
+    children: ReactNode;
+};
+/**
+ * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies
+ * styling and sets table-specific CSS variables (such as density).
+ */
+export declare const GridContainer: ({ containerRef, tableRef, borderMode, containerStyles, ariaRoles, enableResizeableColumns, density, table, children, "aria-label": ariaLabel, }: GridContainerProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/GridContainer/GridContainer.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { theme } from '../../../../theme/index.js';
+import { buildClassnames } from '../../../../utils/buildClassnames.js';
+import { Container } from './Container/Container.js';
+import { dataGridStyle } from './GridContainer.module.css.js';
+
+const gridContainerClassname = buildClassnames([dataGridStyle, 'data-grid']);
+/**
+ * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies
+ * styling and sets table-specific CSS variables (such as density).
+ */
+const GridContainer = ({ containerRef, tableRef, borderMode, containerStyles, ariaRoles, enableResizeableColumns, density, table, children, 'aria-label': ariaLabel, }) => (React__default.createElement(Container, { ref: containerRef, borderMode: borderMode, style: containerStyles },
+    React__default.createElement("table", { ref: tableRef, className: gridContainerClassname, role: ariaRoles.table, style: {
+            tableLayout: enableResizeableColumns ? 'fixed' : 'auto',
+            '--density': theme.sizes[density],
+        }, "aria-colcount": table.getFlatHeaders().length, "aria-rowcount": table.getRowCount(), "aria-label": ariaLabel }, children)));
+
+export { GridContainer };
+//# sourceMappingURL=GridContainer.js.map

package/dist/components/DataGrid/components/GridContainer/GridContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.js","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.tsx"],"sourcesContent":["import React, { RefObject, CSSProperties, ReactNode, AriaAttributes } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { theme } from 'Theme';\nimport { SizeScale } from 'Theme/modules/sizes';\n\nimport { BorderMode } from '../../types/enums';\nimport { AriaRoles } from '../../types';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\n\nimport { Container } from './Container';\n\nimport { dataGridStyle } from './GridContainer.module.css';\n\ntype GridContainerProps = Pick<AriaAttributes, 'aria-label'> & {\n  /**\n   * Reference to be used for the outer container element.\n   */\n  containerRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Reference to be used for the table element.\n   */\n  tableRef?: RefObject<HTMLTableElement>;\n\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  containerStyles?: CSSProperties;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n\n  /**\n   * Whether resizeable columns are enabled or not.\n   */\n  enableResizeableColumns: boolean;\n\n  /**\n   * Density of the grid.\n   */\n  density: keyof SizeScale;\n\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * Child elements (table contents).\n   */\n  children: ReactNode;\n};\n\nconst gridContainerClassname = buildClassnames([dataGridStyle, 'data-grid']);\n\n/**\n * The Grid container, which includes a wrapper and the table element itself. Controls table layout, applies\n * styling and sets table-specific CSS variables (such as density).\n */\nexport const GridContainer = ({\n  containerRef,\n  tableRef,\n  borderMode,\n  containerStyles,\n  ariaRoles,\n  enableResizeableColumns,\n  density,\n  table,\n  children,\n  'aria-label': ariaLabel,\n}: GridContainerProps) => (\n  <Container ref={containerRef} borderMode={borderMode} style={containerStyles}>\n    <table\n      ref={tableRef}\n      className={gridContainerClassname}\n      role={ariaRoles.table}\n      style={\n        {\n          tableLayout: enableResizeableColumns ? 'fixed' : 'auto',\n          '--density': theme.sizes[density],\n        } as CSSProperties\n      }\n      aria-colcount={table.getFlatHeaders().length}\n      aria-rowcount={table.getRowCount()}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </table>\n  </Container>\n);\n"],"names":["React"],"mappings":";;;;;;AA6DA,MAAM,sBAAsB,GAAG,eAAe,CAAC,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAE5E;;;AAGG;MACU,aAAa,GAAG,CAAC,EAC5B,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,uBAAuB,EACvB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,GACJ,MACnBA,cAAC,CAAA,aAAA,CAAA,SAAS,IAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA;AAC1E,IAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,SAAS,CAAC,KAAK,EACrB,KAAK,EACH;YACE,WAAW,EAAE,uBAAuB,GAAG,OAAO,GAAG,MAAM;AACvD,YAAA,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;AACjB,SAAA,EAAA,eAAA,EAEL,KAAK,CAAC,cAAc,EAAE,CAAC,MAAM,mBAC7B,KAAK,CAAC,WAAW,EAAE,gBACtB,SAAS,EAAA,EAEpB,QAAQ,CACH,CACE;;;;"}

package/dist/components/DataGrid/components/GridContainer/GridContainer.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._dataGridStyle_1c5q0_1{border-spacing:var(--sizes-none);box-sizing:border-box;inline-size:100%;position:relative}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWRDb250YWluZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx3QkFHRSxnQ0FBaUMsQ0FDakMscUJBQXNCLENBRXRCLGdCQUFpQixDQUxqQixpQkFNRiIsImZpbGUiOiJHcmlkQ29udGFpbmVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZGF0YUdyaWRTdHlsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBib3JkZXItc3BhY2luZzogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgaW5saW5lLXNpemU6IDEwMCU7XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const dataGridStyle = '_dataGridStyle_1c5q0_1';
+
+exports.dataGridStyle = dataGridStyle;
+//# sourceMappingURL=GridContainer.module.css.cjs.map

package/dist/components/DataGrid/components/GridContainer/GridContainer.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.module.css.cjs","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.module.css"],"sourcesContent":[".dataGridStyle {\n  position: relative;\n\n  border-spacing: var(--sizes-none);\n  box-sizing: border-box;\n\n  inline-size: 100%;\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qeAAqe,CAAC;AACte,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,aAAa,GAAG;;;;"}

package/dist/components/DataGrid/components/GridContainer/GridContainer.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._dataGridStyle_1c5q0_1{border-spacing:var(--sizes-none);box-sizing:border-box;inline-size:100%;position:relative}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWRDb250YWluZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx3QkFHRSxnQ0FBaUMsQ0FDakMscUJBQXNCLENBRXRCLGdCQUFpQixDQUxqQixpQkFNRiIsImZpbGUiOiJHcmlkQ29udGFpbmVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZGF0YUdyaWRTdHlsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBib3JkZXItc3BhY2luZzogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgaW5saW5lLXNpemU6IDEwMCU7XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const dataGridStyle = '_dataGridStyle_1c5q0_1';
+
+export { dataGridStyle };
+//# sourceMappingURL=GridContainer.module.css.js.map

package/dist/components/DataGrid/components/GridContainer/GridContainer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridContainer.module.css.js","sources":["../../../../../src/components/DataGrid/components/GridContainer/GridContainer.module.css"],"sourcesContent":[".dataGridStyle {\n  position: relative;\n\n  border-spacing: var(--sizes-none);\n  box-sizing: border-box;\n\n  inline-size: 100%;\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qeAAqe,CAAC;AACte,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,aAAa,GAAG;;;;"}

package/dist/components/DataGrid/components/GridContainer/index.d.ts

@@ -0,0 +1 @@
+export { GridContainer } from './GridContainer';

package/dist/components/DataGrid/components/Header/Header.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var HeaderCell = require('./HeaderCell/HeaderCell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Renders the grid header row and header cells.
+ */
+const Header = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    return (React__default.default.createElement("thead", { className: "data-grid-header" },
+        React__default.default.createElement("tr", { className: "data-grid-header-row", "aria-rowindex": 1 }, headers.map((header) => (React__default.default.createElement(HeaderCell.HeaderCell, { table: table, header: header, index: header.index, key: header.id }))))));
+};
+
+exports.Header = Header;
+//# sourceMappingURL=Header.cjs.map

package/dist/components/DataGrid/components/Header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/DataGrid/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '@tanstack/react-table';\n\nimport { HeaderCell } from './HeaderCell/HeaderCell';\n\ntype HeaderProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the grid header row and header cells.\n */\nexport const Header = ({ table }: HeaderProps) => {\n  const headers = table.getLeafHeaders();\n\n  return (\n    <thead className=\"data-grid-header\">\n      <tr className=\"data-grid-header-row\" aria-rowindex={1}>\n        {headers.map((header) => (\n          <HeaderCell table={table} header={header} index={header.index} key={header.id} />\n        ))}\n      </tr>\n    </thead>\n  );\n};\n"],"names":["React","HeaderCell"],"mappings":";;;;;;;;;AAaA;;AAEG;MACU,MAAM,GAAG,CAAC,EAAE,KAAK,EAAe,KAAI;AAC/C,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;AAEtC,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;QACjCA,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA,eAAA,EAAgB,CAAC,EAClD,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,qCAACC,qBAAU,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAI,CAAA,CAClF,CAAC,CACC,CACC;AAEZ;;;;"}

package/dist/components/DataGrid/components/Header/Header.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+type HeaderProps = {
+    /**
+     * The TanStack Table instance.
+     */
+    table: Table<any>;
+};
+/**
+ * Renders the grid header row and header cells.
+ */
+export declare const Header: ({ table }: HeaderProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Header/Header.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { HeaderCell } from './HeaderCell/HeaderCell.js';
+
+/**
+ * Renders the grid header row and header cells.
+ */
+const Header = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    return (React__default.createElement("thead", { className: "data-grid-header" },
+        React__default.createElement("tr", { className: "data-grid-header-row", "aria-rowindex": 1 }, headers.map((header) => (React__default.createElement(HeaderCell, { table: table, header: header, index: header.index, key: header.id }))))));
+};
+
+export { Header };
+//# sourceMappingURL=Header.js.map

package/dist/components/DataGrid/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/DataGrid/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Table } from '@tanstack/react-table';\n\nimport { HeaderCell } from './HeaderCell/HeaderCell';\n\ntype HeaderProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the grid header row and header cells.\n */\nexport const Header = ({ table }: HeaderProps) => {\n  const headers = table.getLeafHeaders();\n\n  return (\n    <thead className=\"data-grid-header\">\n      <tr className=\"data-grid-header-row\" aria-rowindex={1}>\n        {headers.map((header) => (\n          <HeaderCell table={table} header={header} index={header.index} key={header.id} />\n        ))}\n      </tr>\n    </thead>\n  );\n};\n"],"names":["React"],"mappings":";;;AAaA;;AAEG;MACU,MAAM,GAAG,CAAC,EAAE,KAAK,EAAe,KAAI;AAC/C,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;AAEtC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;QACjCA,cAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAAA,eAAA,EAAgB,CAAC,EAClD,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBA,6BAAC,UAAU,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAI,CAAA,CAClF,CAAC,CACC,CACC;AAEZ;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var isLastColumn = require('../../../utils/isLastColumn.cjs');
+var Resizer = require('../Resizer/Resizer.cjs');
+var HeaderCell_module = require('./HeaderCell.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const headerCellClassname = buildClassnames.buildClassnames([HeaderCell_module.headerCell, 'data-grid-row-header']);
+const headerContentClassname = buildClassnames.buildClassnames([HeaderCell_module.headerContent, 'data-grid-header-content']);
+/**
+ * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,
+ * if resizing is enabled.
+ */
+const HeaderCell = ({ table, header, index }) => {
+    const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta;
+    const headerRenderer = header.column.columnDef.header;
+    const resizeable = table.options.enableColumnResizing &&
+        header.column.getCanResize() &&
+        !isLastColumn.isLastColumn(table, header.column); // Last column can't be resized since it occupies all remaining space.
+    const headerContentProps = {
+        justifyContent,
+        textAlign,
+    };
+    const HeaderContents = reactTable.flexRender(headerRenderer, header.getContext());
+    return (React__default.default.createElement("th", { className: headerCellClassname, role: "columnheader", scope: "col", "aria-colindex": index + 1, "aria-label": getAriaLabel === null || getAriaLabel === undefined ? undefined : getAriaLabel() },
+        React__default.default.createElement("div", { className: headerContentClassname, style: headerContentProps }, typeof headerRenderer === 'string' ? (React__default.default.createElement("span", { className: HeaderCell_module.headerOverflow }, HeaderContents)) : (HeaderContents)),
+        resizeable && (React__default.default.createElement(Resizer.Resizer, { getIsResizing: header.column.getIsResizing, getResizeHandler: header.getResizeHandler(), resetSize: header.column.resetSize, deltaOffset: table.options.columnResizeMode === 'onChange'
+                ? null
+                : table.getState().columnSizingInfo.deltaOffset }))));
+};
+
+exports.HeaderCell = HeaderCell;
+//# sourceMappingURL=HeaderCell.cjs.map

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\nimport { isLastColumn } from '../../../utils';\n\nimport { Resizer } from '../Resizer';\nimport { headerCell, headerContent, headerOverflow } from './HeaderCell.module.css';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst headerCellClassname = buildClassnames([headerCell, 'data-grid-row-header']);\nconst headerContentClassname = buildClassnames([headerContent, 'data-grid-header-content']);\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !isLastColumn(table, header.column); // Last column can't be resized since it occupies all remaining space.\n\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n    >\n      {/* Header content */}\n      <div className={headerContentClassname} style={headerContentProps}>\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n      </div>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["buildClassnames","headerCell","headerContent","isLastColumn","flexRender","React","headerOverflow","Resizer"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,mBAAmB,GAAGA,+BAAe,CAAC,CAACC,4BAAU,EAAE,sBAAsB,CAAC,CAAC;AACjF,MAAM,sBAAsB,GAAGD,+BAAe,CAAC,CAACE,+BAAa,EAAE,0BAA0B,CAAC,CAAC;AAE3F;;;AAGG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAmB,KAAI;AACtE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IACjF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM;AAErD,IAAA,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,CAAC,oBAAoB;AAClC,QAAA,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;QAC5B,CAACC,yBAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,kBAAkB,GAAG;QACzB,cAAc;QACd,SAAS;KACO;IAElB,MAAM,cAAc,GAAGC,qBAAU,CAAC,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;IAEtE,QACEC,6CACE,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,KAAK,EAAA,eAAA,EACI,KAAK,GAAG,CAAC,EAAA,YAAA,EACZ,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI,EAAA;AAG5B,QAAAA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,sBAAsB,EAAE,KAAK,EAAE,kBAAkB,EAAA,EAE9D,OAAO,cAAc,KAAK,QAAQ,IACjCA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,gCAAc,EAAA,EAAG,cAAc,CAAQ,KAExD,cAAc,CACf,CACG;AAGL,QAAA,UAAU,KACTD,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EACN,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAC1C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,EAC3C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAClC,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,gBAAgB,KAAK;AACjC,kBAAE;AACF,kBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAA,CAEnD,CACH,CACE;AAET;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Header, Table } from '@tanstack/react-table';
+type HeaderCellProps = {
+    /**
+     * The TanStack Table instance.
+     */
+    table: Table<any>;
+    /**
+     * The Header within the TanStack Table instance.
+     */
+    header: Header<any, any>;
+    /**
+     * The index of this header in the grid.
+     */
+    index: number;
+};
+/**
+ * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,
+ * if resizing is enabled.
+ */
+export declare const HeaderCell: ({ table, header, index }: HeaderCellProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js

@@ -0,0 +1,34 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { isLastColumn } from '../../../utils/isLastColumn.js';
+import { Resizer } from '../Resizer/Resizer.js';
+import { headerCell, headerContent, headerOverflow } from './HeaderCell.module.css.js';
+
+const headerCellClassname = buildClassnames([headerCell, 'data-grid-row-header']);
+const headerContentClassname = buildClassnames([headerContent, 'data-grid-header-content']);
+/**
+ * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,
+ * if resizing is enabled.
+ */
+const HeaderCell = ({ table, header, index }) => {
+    const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta;
+    const headerRenderer = header.column.columnDef.header;
+    const resizeable = table.options.enableColumnResizing &&
+        header.column.getCanResize() &&
+        !isLastColumn(table, header.column); // Last column can't be resized since it occupies all remaining space.
+    const headerContentProps = {
+        justifyContent,
+        textAlign,
+    };
+    const HeaderContents = flexRender(headerRenderer, header.getContext());
+    return (React__default.createElement("th", { className: headerCellClassname, role: "columnheader", scope: "col", "aria-colindex": index + 1, "aria-label": getAriaLabel === null || getAriaLabel === undefined ? undefined : getAriaLabel() },
+        React__default.createElement("div", { className: headerContentClassname, style: headerContentProps }, typeof headerRenderer === 'string' ? (React__default.createElement("span", { className: headerOverflow }, HeaderContents)) : (HeaderContents)),
+        resizeable && (React__default.createElement(Resizer, { getIsResizing: header.column.getIsResizing, getResizeHandler: header.getResizeHandler(), resetSize: header.column.resetSize, deltaOffset: table.options.columnResizeMode === 'onChange'
+                ? null
+                : table.getState().columnSizingInfo.deltaOffset }))));
+};
+
+export { HeaderCell };
+//# sourceMappingURL=HeaderCell.js.map

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { flexRender, Header, Table } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\nimport { isLastColumn } from '../../../utils';\n\nimport { Resizer } from '../Resizer';\nimport { headerCell, headerContent, headerOverflow } from './HeaderCell.module.css';\n\ntype HeaderCellProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * The index of this header in the grid.\n   */\n  index: number;\n};\n\nconst headerCellClassname = buildClassnames([headerCell, 'data-grid-row-header']);\nconst headerContentClassname = buildClassnames([headerContent, 'data-grid-header-content']);\n\n/**\n * A header cell within the DataGrid component. Responsible for rendering the column header and resize bar,\n * if resizing is enabled.\n */\nexport const HeaderCell = ({ table, header, index }: HeaderCellProps) => {\n  const { justifyContent, textAlign, getAriaLabel } = header.column.columnDef.meta!;\n  const headerRenderer = header.column.columnDef.header;\n\n  const resizeable =\n    table.options.enableColumnResizing &&\n    header.column.getCanResize() &&\n    !isLastColumn(table, header.column); // Last column can't be resized since it occupies all remaining space.\n\n  const headerContentProps = {\n    justifyContent,\n    textAlign,\n  } as CSSProperties;\n\n  const HeaderContents = flexRender(headerRenderer, header.getContext());\n\n  return (\n    <th\n      className={headerCellClassname}\n      role=\"columnheader\"\n      scope=\"col\"\n      aria-colindex={index + 1}\n      aria-label={getAriaLabel?.()}\n    >\n      {/* Header content */}\n      <div className={headerContentClassname} style={headerContentProps}>\n        {/* If we've been given just text to render, apply styles for text overflow */}\n        {typeof headerRenderer === 'string' ? (\n          <span className={headerOverflow}>{HeaderContents}</span>\n        ) : (\n          HeaderContents\n        )}\n      </div>\n\n      {/* Column resizer */}\n      {resizeable && (\n        <Resizer\n          getIsResizing={header.column.getIsResizing}\n          getResizeHandler={header.getResizeHandler()}\n          resetSize={header.column.resetSize}\n          deltaOffset={\n            table.options.columnResizeMode === 'onChange'\n              ? null\n              : table.getState().columnSizingInfo.deltaOffset\n          }\n        />\n      )}\n    </th>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AA2BA,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,UAAU,EAAE,sBAAsB,CAAC,CAAC;AACjF,MAAM,sBAAsB,GAAG,eAAe,CAAC,CAAC,aAAa,EAAE,0BAA0B,CAAC,CAAC;AAE3F;;;AAGG;AACI,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAmB,KAAI;AACtE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;IACjF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM;AAErD,IAAA,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,CAAC,oBAAoB;AAClC,QAAA,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;QAC5B,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,kBAAkB,GAAG;QACzB,cAAc;QACd,SAAS;KACO;IAElB,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC;IAEtE,QACEA,qCACE,SAAS,EAAE,mBAAmB,EAC9B,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,KAAK,EAAA,eAAA,EACI,KAAK,GAAG,CAAC,EAAA,YAAA,EACZ,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,EAAI,EAAA;AAG5B,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,sBAAsB,EAAE,KAAK,EAAE,kBAAkB,EAAA,EAE9D,OAAO,cAAc,KAAK,QAAQ,IACjCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,EAAG,cAAc,CAAQ,KAExD,cAAc,CACf,CACG;AAGL,QAAA,UAAU,KACTA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,EAC1C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,EAAE,EAC3C,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAClC,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,gBAAgB,KAAK;AACjC,kBAAE;AACF,kBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAA,CAEnD,CACH,CACE;AAET;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+const cssContents = `._baseCell_1w2bt_1{box-sizing:border-box;position:relative;&:focus,&:focus-visible{box-shadow:inset var(--sizes-none) var(--sizes-none) var(--sizes-none) var(--sizes-line) var(--colors-secondary-blue-base);outline:var(--sizes-none)}}._headerCell_1khpx_1{background-color:#fff;border-bottom:var(--sizes-line) solid var(--colors-neutral-grey-base)}._headerContent_1khpx_8{align-items:center;color:var(--text-heading-table-color);display:flex;font-family:var(--text-heading-table-font-family);font-size:var(--text-heading-table-font-size);font-weight:var(--text-heading-table-font-weight);gap:var(--sizes-small);height:var(--sizes-6);line-height:var(--text-heading-table-line-height);padding:var(--density);white-space:nowrap}._headerOverflow_1khpx_24{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiSGVhZGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsQUNBQSxxQkFHRSxxQkFBdUIsQ0FDdkIscUVBQ0YsQ0FFQSx3QkFHRSxrQkFBbUIsQ0FNbkIscUNBQXNDLENBUnRDLFlBQWEsQ0FTYixpREFBa0QsQ0FDbEQsNkNBQThDLENBQzlDLGlEQUFrRCxDQVJsRCxzQkFBdUIsQ0FGdkIscUJBQXNCLENBV3RCLGlEQUFrRCxDQU5sRCxzQkFBdUIsQ0FGdkIsa0JBU0YsQ0FFQSwwQkFDRSxlQUFnQixDQUNoQixzQkFBdUIsQ0FDdkIsa0JBQ0YiLCJmaWxlIjoiSGVhZGVyQ2VsbC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIuaGVhZGVyQ2VsbCB7XG4gIGNvbXBvc2VzOiBiYXNlQ2VsbCBmcm9tICcuLi8uLi8uLi9EYXRhR3JpZC5tb2R1bGUuY3NzJztcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWJvdHRvbTogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLW5ldXRyYWwtZ3JleS1iYXNlKTtcbn1cblxuLmhlYWRlckNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IHZhcigtLXNpemVzLTYpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtYWxsKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICBwYWRkaW5nOiB2YXIoLS1kZW5zaXR5KTtcblxuICBjb2xvcjogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWNvbG9yKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXRleHQtaGVhZGluZy10YWJsZS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS10ZXh0LWhlYWRpbmctdGFibGUtZm9udC13ZWlnaHQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWxpbmUtaGVpZ2h0KTtcbn1cblxuLmhlYWRlck92ZXJmbG93IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const headerCell = '_headerCell_1khpx_1 _baseCell_1w2bt_1';
+const headerContent = '_headerContent_1khpx_8';
+const headerOverflow = '_headerOverflow_1khpx_24';
+
+exports.headerCell = headerCell;
+exports.headerContent = headerContent;
+exports.headerOverflow = headerOverflow;
+//# sourceMappingURL=HeaderCell.module.css.cjs.map

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css"],"sourcesContent":[".headerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  background-color: white;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n}\n\n.headerContent {\n  display: flex;\n  height: var(--sizes-6);\n  align-items: center;\n  gap: var(--sizes-small);\n  white-space: nowrap;\n\n  padding: var(--density);\n\n  color: var(--text-heading-table-color);\n  font-family: var(--text-heading-table-font-family);\n  font-size: var(--text-heading-table-font-size);\n  font-weight: var(--text-heading-table-font-weight);\n  line-height: var(--text-heading-table-line-height);\n}\n\n.headerOverflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,6gDAA6gD,CAAC;AAC9gD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,UAAU,GAAG;AACd,MAAC,aAAa,GAAG;AACjB,MAAC,cAAc,GAAG;;;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css.js

@@ -0,0 +1,11 @@
+const cssContents = `._baseCell_1w2bt_1{box-sizing:border-box;position:relative;&:focus,&:focus-visible{box-shadow:inset var(--sizes-none) var(--sizes-none) var(--sizes-none) var(--sizes-line) var(--colors-secondary-blue-base);outline:var(--sizes-none)}}._headerCell_1khpx_1{background-color:#fff;border-bottom:var(--sizes-line) solid var(--colors-neutral-grey-base)}._headerContent_1khpx_8{align-items:center;color:var(--text-heading-table-color);display:flex;font-family:var(--text-heading-table-font-family);font-size:var(--text-heading-table-font-size);font-weight:var(--text-heading-table-font-weight);gap:var(--sizes-small);height:var(--sizes-6);line-height:var(--text-heading-table-line-height);padding:var(--density);white-space:nowrap}._headerOverflow_1khpx_24{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiSGVhZGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsQUNBQSxxQkFHRSxxQkFBdUIsQ0FDdkIscUVBQ0YsQ0FFQSx3QkFHRSxrQkFBbUIsQ0FNbkIscUNBQXNDLENBUnRDLFlBQWEsQ0FTYixpREFBa0QsQ0FDbEQsNkNBQThDLENBQzlDLGlEQUFrRCxDQVJsRCxzQkFBdUIsQ0FGdkIscUJBQXNCLENBV3RCLGlEQUFrRCxDQU5sRCxzQkFBdUIsQ0FGdkIsa0JBU0YsQ0FFQSwwQkFDRSxlQUFnQixDQUNoQixzQkFBdUIsQ0FDdkIsa0JBQ0YiLCJmaWxlIjoiSGVhZGVyQ2VsbC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIuaGVhZGVyQ2VsbCB7XG4gIGNvbXBvc2VzOiBiYXNlQ2VsbCBmcm9tICcuLi8uLi8uLi9EYXRhR3JpZC5tb2R1bGUuY3NzJztcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyLWJvdHRvbTogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLW5ldXRyYWwtZ3JleS1iYXNlKTtcbn1cblxuLmhlYWRlckNvbnRlbnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IHZhcigtLXNpemVzLTYpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtYWxsKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICBwYWRkaW5nOiB2YXIoLS1kZW5zaXR5KTtcblxuICBjb2xvcjogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWNvbG9yKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXRleHQtaGVhZGluZy10YWJsZS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWZvbnQtc2l6ZSk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS10ZXh0LWhlYWRpbmctdGFibGUtZm9udC13ZWlnaHQpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tdGV4dC1oZWFkaW5nLXRhYmxlLWxpbmUtaGVpZ2h0KTtcbn1cblxuLmhlYWRlck92ZXJmbG93IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const headerCell = '_headerCell_1khpx_1 _baseCell_1w2bt_1';
+const headerContent = '_headerContent_1khpx_8';
+const headerOverflow = '_headerOverflow_1khpx_24';
+
+export { headerCell, headerContent, headerOverflow };
+//# sourceMappingURL=HeaderCell.module.css.js.map

package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Header/HeaderCell/HeaderCell.module.css"],"sourcesContent":[".headerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  background-color: white;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n}\n\n.headerContent {\n  display: flex;\n  height: var(--sizes-6);\n  align-items: center;\n  gap: var(--sizes-small);\n  white-space: nowrap;\n\n  padding: var(--density);\n\n  color: var(--text-heading-table-color);\n  font-family: var(--text-heading-table-font-family);\n  font-size: var(--text-heading-table-font-size);\n  font-weight: var(--text-heading-table-font-weight);\n  line-height: var(--text-heading-table-line-height);\n}\n\n.headerOverflow {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,6gDAA6gD,CAAC;AAC9gD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,UAAU,GAAG;AACd,MAAC,aAAa,GAAG;AACjB,MAAC,cAAc,GAAG;;;;"}

package/dist/components/DataGrid/components/Header/HeaderCell/index.d.ts

@@ -0,0 +1 @@
+export { HeaderCell } from './HeaderCell';

package/dist/components/DataGrid/components/Header/Resizer/Resizer.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Resizer_module = require('./Resizer.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const resizerClassname = buildClassnames.buildClassnames([Resizer_module.resizer, 'data-grid-column-resizer']);
+const Resizer = ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }) => {
+    const isResizing = getIsResizing();
+    const resizerStyle = React.useMemo(() => {
+        if (isResizing) {
+            return { transform: `translateX(${deltaOffset || 0}px)` };
+        }
+        return undefined;
+    }, [isResizing, deltaOffset]);
+    return (React__default.default.createElement("div", { "data-testid": "data-grid-column-resizer", className: resizerClassname, onDoubleClick: resetSize, onMouseDown: getResizeHandler, onTouchStart: getResizeHandler, style: resizerStyle }));
+};
+
+exports.Resizer = Resizer;
+//# sourceMappingURL=Resizer.cjs.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { resizer } from './Resizer.module.css';\n\ntype ResizerProps = {\n  /**\n   * Handler called when the column size is reset (resize element is double clicked).\n   */\n  resetSize: () => void;\n\n  /**\n   * Gets the resize handler to modify column size in the TanStack Table instance.\n   */\n  getResizeHandler: (event: any) => void;\n\n  /**\n   * Getter which returns current resize state for the column.\n   */\n  getIsResizing: () => boolean;\n\n  /**\n   * Delta offset (how much the resizer bar has been moved).\n   */\n  deltaOffset: number | null;\n};\n\nconst resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);\n\nexport const Resizer = ({\n  resetSize,\n  getResizeHandler,\n  getIsResizing,\n  deltaOffset,\n}: ResizerProps) => {\n  const isResizing = getIsResizing();\n  const resizerStyle = useMemo(() => {\n    if (isResizing) {\n      return { transform: `translateX(${deltaOffset || 0}px)` };\n    }\n\n    return undefined;\n  }, [isResizing, deltaOffset]);\n\n  return (\n    <div\n      data-testid=\"data-grid-column-resizer\"\n      className={resizerClassname}\n      onDoubleClick={resetSize}\n      onMouseDown={getResizeHandler}\n      onTouchStart={getResizeHandler}\n      style={resizerStyle}\n    />\n  );\n};\n"],"names":["buildClassnames","resizer","useMemo","React"],"mappings":";;;;;;;;;;;AA4BA,MAAM,gBAAgB,GAAGA,+BAAe,CAAC,CAACC,sBAAO,EAAE,0BAA0B,CAAC,CAAC;AAExE,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,WAAW,GACE,KAAI;AACjB,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE;AAClC,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,WAAW,IAAI,CAAC,CAAK,GAAA,CAAA,EAAE;AAC1D;AAED,QAAA,OAAO,SAAS;AAClB,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE7B,QACEC,sBACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,0BAA0B,EACtC,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,YAAY,EACnB,CAAA;AAEN;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type ResizerProps = {
+    /**
+     * Handler called when the column size is reset (resize element is double clicked).
+     */
+    resetSize: () => void;
+    /**
+     * Gets the resize handler to modify column size in the TanStack Table instance.
+     */
+    getResizeHandler: (event: any) => void;
+    /**
+     * Getter which returns current resize state for the column.
+     */
+    getIsResizing: () => boolean;
+    /**
+     * Delta offset (how much the resizer bar has been moved).
+     */
+    deltaOffset: number | null;
+};
+export declare const Resizer: ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }: ResizerProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Header/Resizer/Resizer.js

@@ -0,0 +1,19 @@
+import React__default, { useMemo } from 'react';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { resizer } from './Resizer.module.css.js';
+
+const resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);
+const Resizer = ({ resetSize, getResizeHandler, getIsResizing, deltaOffset, }) => {
+    const isResizing = getIsResizing();
+    const resizerStyle = useMemo(() => {
+        if (isResizing) {
+            return { transform: `translateX(${deltaOffset || 0}px)` };
+        }
+        return undefined;
+    }, [isResizing, deltaOffset]);
+    return (React__default.createElement("div", { "data-testid": "data-grid-column-resizer", className: resizerClassname, onDoubleClick: resetSize, onMouseDown: getResizeHandler, onTouchStart: getResizeHandler, style: resizerStyle }));
+};
+
+export { Resizer };
+//# sourceMappingURL=Resizer.js.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.js","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { resizer } from './Resizer.module.css';\n\ntype ResizerProps = {\n  /**\n   * Handler called when the column size is reset (resize element is double clicked).\n   */\n  resetSize: () => void;\n\n  /**\n   * Gets the resize handler to modify column size in the TanStack Table instance.\n   */\n  getResizeHandler: (event: any) => void;\n\n  /**\n   * Getter which returns current resize state for the column.\n   */\n  getIsResizing: () => boolean;\n\n  /**\n   * Delta offset (how much the resizer bar has been moved).\n   */\n  deltaOffset: number | null;\n};\n\nconst resizerClassname = buildClassnames([resizer, 'data-grid-column-resizer']);\n\nexport const Resizer = ({\n  resetSize,\n  getResizeHandler,\n  getIsResizing,\n  deltaOffset,\n}: ResizerProps) => {\n  const isResizing = getIsResizing();\n  const resizerStyle = useMemo(() => {\n    if (isResizing) {\n      return { transform: `translateX(${deltaOffset || 0}px)` };\n    }\n\n    return undefined;\n  }, [isResizing, deltaOffset]);\n\n  return (\n    <div\n      data-testid=\"data-grid-column-resizer\"\n      className={resizerClassname}\n      onDoubleClick={resetSize}\n      onMouseDown={getResizeHandler}\n      onTouchStart={getResizeHandler}\n      style={resizerStyle}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;AA4BA,MAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,OAAO,EAAE,0BAA0B,CAAC,CAAC;AAExE,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,WAAW,GACE,KAAI;AACjB,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE;AAClC,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAChC,QAAA,IAAI,UAAU,EAAE;YACd,OAAO,EAAE,SAAS,EAAE,CAAA,WAAA,EAAc,WAAW,IAAI,CAAC,CAAK,GAAA,CAAA,EAAE;AAC1D;AAED,QAAA,OAAO,SAAS;AAClB,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE7B,QACEA,cACc,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,0BAA0B,EACtC,SAAS,EAAE,gBAAgB,EAC3B,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,YAAY,EACnB,CAAA;AAEN;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._resizer_1fyg5_1{background:var(--colors-neutral-grey-dark);cursor:col-resize;min-height:50%;position:absolute;right:var(--sizes-none);top:25%;user-select:none;width:var(--sizes-line);&:before{content:"";left:var(--sizes-none);min-height:400%;position:absolute;top:-150%;transform:translateX(calc(var(--sizes-2)*-1));width:var(--sizes-4);z-index:var(--layers-grid-resizer)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc2l6ZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQkFVRSwwQ0FBMkMsQ0FIM0MsaUJBQWtCLENBRmxCLGNBQWUsQ0FKZixpQkFBa0IsQ0FDbEIsdUJBQXdCLENBQ3hCLE9BQVEsQ0FLUixnQkFBaUIsQ0FKakIsdUJBQXdCLENBUXhCLFNBQ0UsVUFBVyxDQUdYLHNCQUF1QixDQUV2QixlQUFnQixDQUpoQixpQkFBa0IsQ0FDbEIsU0FBVSxDQU9WLDZDQUFnRCxDQUxoRCxvQkFBcUIsQ0FFckIsa0NBSUYsQ0FDRiIsImZpbGUiOiJSZXNpemVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucmVzaXplciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IHZhcigtLXNpemVzLW5vbmUpO1xuICB0b3A6IDI1JTtcbiAgd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICBtaW4taGVpZ2h0OiA1MCU7XG5cbiAgY3Vyc29yOiBjb2wtcmVzaXplO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogLTE1MCU7XG4gICAgbGVmdDogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gICAgd2lkdGg6IHZhcigtLXNpemVzLTQpO1xuICAgIG1pbi1oZWlnaHQ6IDQwMCU7XG4gICAgei1pbmRleDogdmFyKC0tbGF5ZXJzLWdyaWQtcmVzaXplcik7XG5cbiAgICAvKiBTaGlmdCB0aGUgOjpiZWZvcmUgc28gaXQncyBjZW50ZXJlZCBvbiB0aGUgYmFyICovXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGModmFyKC0tc2l6ZXMtMikgKiAtMSkpO1xuICB9XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const resizer = '_resizer_1fyg5_1';
+
+exports.resizer = resizer;
+//# sourceMappingURL=Resizer.module.css.cjs.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.module.css"],"sourcesContent":[".resizer {\n  position: absolute;\n  right: var(--sizes-none);\n  top: 25%;\n  width: var(--sizes-line);\n  min-height: 50%;\n\n  cursor: col-resize;\n  user-select: none;\n\n  background: var(--colors-neutral-grey-dark);\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -150%;\n    left: var(--sizes-none);\n    width: var(--sizes-4);\n    min-height: 400%;\n    z-index: var(--layers-grid-resizer);\n\n    /* Shift the ::before so it's centered on the bar */\n    transform: translateX(calc(var(--sizes-2) * -1));\n  }\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qsCAAqsC,CAAC;AACtsC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,OAAO,GAAG;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._resizer_1fyg5_1{background:var(--colors-neutral-grey-dark);cursor:col-resize;min-height:50%;position:absolute;right:var(--sizes-none);top:25%;user-select:none;width:var(--sizes-line);&:before{content:"";left:var(--sizes-none);min-height:400%;position:absolute;top:-150%;transform:translateX(calc(var(--sizes-2)*-1));width:var(--sizes-4);z-index:var(--layers-grid-resizer)}}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc2l6ZXIubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrQkFVRSwwQ0FBMkMsQ0FIM0MsaUJBQWtCLENBRmxCLGNBQWUsQ0FKZixpQkFBa0IsQ0FDbEIsdUJBQXdCLENBQ3hCLE9BQVEsQ0FLUixnQkFBaUIsQ0FKakIsdUJBQXdCLENBUXhCLFNBQ0UsVUFBVyxDQUdYLHNCQUF1QixDQUV2QixlQUFnQixDQUpoQixpQkFBa0IsQ0FDbEIsU0FBVSxDQU9WLDZDQUFnRCxDQUxoRCxvQkFBcUIsQ0FFckIsa0NBSUYsQ0FDRiIsImZpbGUiOiJSZXNpemVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucmVzaXplciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IHZhcigtLXNpemVzLW5vbmUpO1xuICB0b3A6IDI1JTtcbiAgd2lkdGg6IHZhcigtLXNpemVzLWxpbmUpO1xuICBtaW4taGVpZ2h0OiA1MCU7XG5cbiAgY3Vyc29yOiBjb2wtcmVzaXplO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICBiYWNrZ3JvdW5kOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWRhcmspO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogLTE1MCU7XG4gICAgbGVmdDogdmFyKC0tc2l6ZXMtbm9uZSk7XG4gICAgd2lkdGg6IHZhcigtLXNpemVzLTQpO1xuICAgIG1pbi1oZWlnaHQ6IDQwMCU7XG4gICAgei1pbmRleDogdmFyKC0tbGF5ZXJzLWdyaWQtcmVzaXplcik7XG5cbiAgICAvKiBTaGlmdCB0aGUgOjpiZWZvcmUgc28gaXQncyBjZW50ZXJlZCBvbiB0aGUgYmFyICovXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGModmFyKC0tc2l6ZXMtMikgKiAtMSkpO1xuICB9XG59XG4iXX0= */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const resizer = '_resizer_1fyg5_1';
+
+export { resizer };
+//# sourceMappingURL=Resizer.module.css.js.map

package/dist/components/DataGrid/components/Header/Resizer/Resizer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizer.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Header/Resizer/Resizer.module.css"],"sourcesContent":[".resizer {\n  position: absolute;\n  right: var(--sizes-none);\n  top: 25%;\n  width: var(--sizes-line);\n  min-height: 50%;\n\n  cursor: col-resize;\n  user-select: none;\n\n  background: var(--colors-neutral-grey-dark);\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -150%;\n    left: var(--sizes-none);\n    width: var(--sizes-4);\n    min-height: 400%;\n    z-index: var(--layers-grid-resizer);\n\n    /* Shift the ::before so it's centered on the bar */\n    transform: translateX(calc(var(--sizes-2) * -1));\n  }\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,qsCAAqsC,CAAC;AACtsC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,KAAK,CAAC,SAAS,GAAG,WAAW;AAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,MAAC,OAAO,GAAG;;;;"}

package/dist/components/DataGrid/components/Header/Resizer/index.d.ts

@@ -0,0 +1 @@
+export { Resizer } from './Resizer';

package/dist/components/DataGrid/components/Header/index.d.ts

@@ -0,0 +1 @@
+export { Header } from './Header';

package/dist/components/DataGrid/components/index.d.ts

@@ -0,0 +1,5 @@
+export { Columns } from './Columns';
+export { Header } from './Header';
+export { Body } from './Body';
+export { Footer } from './Footer';
+export { GridContainer } from './GridContainer';

package/dist/components/DataGrid/constants.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+const DEFAULT_COLUMN_WIDTH = 200;
+const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;
+const DEFAULT_CELL_ALIGN = 'left';
+
+exports.DEFAULT_CELL_ALIGN = DEFAULT_CELL_ALIGN;
+exports.DEFAULT_COLUMN_MAXIMUM_WIDTH = DEFAULT_COLUMN_MAXIMUM_WIDTH;
+exports.DEFAULT_COLUMN_MINIMUM_WIDTH = DEFAULT_COLUMN_MINIMUM_WIDTH;
+exports.DEFAULT_COLUMN_WIDTH = DEFAULT_COLUMN_WIDTH;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/DataGrid/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/DataGrid/constants.ts"],"sourcesContent":["export const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;\nexport const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;\n\nexport const DEFAULT_CELL_ALIGN = 'left';\n"],"names":[],"mappings":";;AAAO,MAAM,oBAAoB,GAAG;AAC7B,MAAM,4BAA4B,GAAG;AAC/B,MAAA,4BAA4B,GAAG,MAAM,CAAC;AAE5C,MAAM,kBAAkB,GAAG;;;;;;;"}

package/dist/components/DataGrid/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_COLUMN_WIDTH = 200;
+export declare const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+export declare const DEFAULT_COLUMN_MAXIMUM_WIDTH: number;
+export declare const DEFAULT_CELL_ALIGN = "left";

package/dist/components/DataGrid/constants.js

@@ -0,0 +1,7 @@
+const DEFAULT_COLUMN_WIDTH = 200;
+const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;
+const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;
+const DEFAULT_CELL_ALIGN = 'left';
+
+export { DEFAULT_CELL_ALIGN, DEFAULT_COLUMN_MAXIMUM_WIDTH, DEFAULT_COLUMN_MINIMUM_WIDTH, DEFAULT_COLUMN_WIDTH };
+//# sourceMappingURL=constants.js.map

package/dist/components/DataGrid/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/DataGrid/constants.ts"],"sourcesContent":["export const DEFAULT_COLUMN_WIDTH = 200;\nexport const DEFAULT_COLUMN_MINIMUM_WIDTH = 120;\nexport const DEFAULT_COLUMN_MAXIMUM_WIDTH = Number.MAX_SAFE_INTEGER;\n\nexport const DEFAULT_CELL_ALIGN = 'left';\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,GAAG;AAC7B,MAAM,4BAA4B,GAAG;AAC/B,MAAA,4BAA4B,GAAG,MAAM,CAAC;AAE5C,MAAM,kBAAkB,GAAG;;;;"}

package/dist/components/DataGrid/index.d.ts

@@ -0,0 +1 @@
+export { DataGrid } from './DataGrid';

package/dist/components/DataGrid/types/AriaRoles.d.ts

@@ -0,0 +1,4 @@
+export type AriaRoles = {
+    table: 'table' | 'grid' | 'treegrid';
+    cell: 'cell' | 'gridcell';
+};