@veeqo/ui 9.8.0 → 9.9.1

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCell.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.module.css"],"sourcesContent":[".bodyCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  background-color: white;\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n}\n\n:global(.data-grid-row.striped:nth-of-type(odd)) > .bodyCell {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n:global(.data-grid-row.selected) > .bodyCell {\n  background-color: var(--colors-brand-blue-lightest);\n}\n\n:global(.data-grid-row + .data-grid-row) > .bodyCell {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,ijDAAijD,CAAC;AACljD,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,QAAQ,GAAG;;;;"}

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._baseCell_13swz_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)}}._pinnedColumnBase_13swz_12{&:after{bottom:-1px;box-sizing:border-box;content:"";pointer-events:none;position:absolute;top:var(--sizes-none);width:30px}}._pinnedColumnLeft_13swz_27{&:after{box-shadow:inset 10px 0 10px -8px rgba(0,0,0,.25);right:var(--sizes-none);transform:translate(100%)}}._pinnedColumnRight_13swz_39{&:after{box-shadow:inset -10px 0 10px -8px rgba(0,0,0,.25);left:var(--sizes-none);transform:translate(-100%)}}._bodyCell_w9phy_1{background-color:#fff;color:var(--text-body-small-color);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height)}.data-grid-row.striped:nth-of-type(odd)>._bodyCell_w9phy_1{background-color:var(--colors-neutral-grey-lightest)}.data-grid-row.selected>._bodyCell_w9phy_1{background-color:var(--colors-brand-blue-lightest)}.data-grid-row+.data-grid-row>._bodyCell_w9phy_1{border-top:1px solid var(--colors-neutral-grey-base)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiQm9keUNlbGwubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQkFBQSxzQkFBQSxrQkFBQSx3QkFBQSwySEFBQSwwQkFBQSxDQUFBLDRCQUFBLFFBQUEsWUFBQSxzQkFBQSxXQUFBLG9CQUFBLGtCQUFBLHNCQUFBLFdBQUEsQ0FBQSw0QkFBQSxRQUFBLGtEQUFBLHdCQUFBLDBCQUFBLENBQUEsNkJBQUEsUUFBQSxtREFBQSx1QkFBQSwyQkFBQSxDQUFBLEFDQUEsbUJBR0UscUJBQXVCLENBRXZCLGtDQUFtQyxDQUNuQyw4Q0FBK0MsQ0FDL0MsMENBQTJDLENBQzNDLDhDQUErQyxDQUMvQyw4Q0FDRixDQUVBLDJEQUNFLG9EQUNGLENBRUEsMkNBQ0Usa0RBQ0YsQ0FFQSxpREFDRSxvREFDRiIsImZpbGUiOiJCb2R5Q2VsbC5tb2R1bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIuYm9keUNlbGwge1xuICBjb21wb3NlczogYmFzZUNlbGwgZnJvbSAnLi4vLi4vLi4vRGF0YUdyaWQubW9kdWxlLmNzcyc7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG5cbiAgY29sb3I6IHZhcigtLXRleHQtYm9keS1zbWFsbC1jb2xvcik7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS10ZXh0LWJvZHktc21hbGwtZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLXRleHQtYm9keS1zbWFsbC1mb250LXNpemUpO1xuICBmb250LXdlaWdodDogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtd2VpZ2h0KTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXRleHQtYm9keS1zbWFsbC1saW5lLWhlaWdodCk7XG59XG5cbjpnbG9iYWwoLmRhdGEtZ3JpZC1yb3cuc3RyaXBlZDpudGgtb2YtdHlwZShvZGQpKSA+IC5ib2R5Q2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1uZXV0cmFsLWdyZXktbGlnaHRlc3QpO1xufVxuXG46Z2xvYmFsKC5kYXRhLWdyaWQtcm93LnNlbGVjdGVkKSA+IC5ib2R5Q2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1icmFuZC1ibHVlLWxpZ2h0ZXN0KTtcbn1cblxuOmdsb2JhbCguZGF0YS1ncmlkLXJvdyArIC5kYXRhLWdyaWQtcm93KSA+IC5ib2R5Q2VsbCB7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWJhc2UpO1xufVxuIl19 */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const bodyCell = '_bodyCell_w9phy_1 _baseCell_13swz_1';
+
+export { bodyCell };
+//# sourceMappingURL=BodyCell.module.css.js.map

package/dist/components/DataGrid/components/Body/BodyCell/BodyCell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCell.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Body/BodyCell/BodyCell.module.css"],"sourcesContent":[".bodyCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  background-color: white;\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n}\n\n:global(.data-grid-row.striped:nth-of-type(odd)) > .bodyCell {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n\n:global(.data-grid-row.selected) > .bodyCell {\n  background-color: var(--colors-brand-blue-lightest);\n}\n\n:global(.data-grid-row + .data-grid-row) > .bodyCell {\n  border-top: 1px solid var(--colors-neutral-grey-base);\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,ijDAAijD,CAAC;AACljD,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,QAAQ,GAAG;;;;"}

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

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

package/dist/components/DataGrid/components/Body/Row/Row.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Row = ({ row, striped, children }) => (React__default.default.createElement("tr", { className: buildClassnames.buildClassnames(['data-grid-row', striped ? 'striped' : undefined]), key: row.id, "aria-rowindex": row.index + 2 }, children));
+
+exports.Row = Row;
+//# sourceMappingURL=Row.cjs.map

package/dist/components/DataGrid/components/Body/Row/Row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.cjs","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Row as RowItem } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\ntype RowProps = {\n  /**\n   * The row within the TanStack Table instance.\n   */\n  row: RowItem<any>;\n\n  /**\n   * Whether rows should be striped or not.\n   */\n  striped: boolean;\n\n  /**\n   * Child elements (table cells).\n   */\n  children: React.ReactNode;\n};\n\nexport const Row = ({ row, striped, children }: RowProps) => (\n  <tr\n    className={buildClassnames(['data-grid-row', striped ? 'striped' : undefined])}\n    key={row.id}\n    // 0-based index + header row.\n    aria-rowindex={row.index + 2}\n  >\n    {children}\n  </tr>\n);\n"],"names":["React","buildClassnames"],"mappings":";;;;;;;;;;MAuBa,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAY,MACtDA,sBACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEC,+BAAe,CAAC,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,EAC9E,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA,eAAA,EAEI,GAAG,CAAC,KAAK,GAAG,CAAC,EAE3B,EAAA,QAAQ,CACN;;;;"}

package/dist/components/DataGrid/components/Body/Row/Row.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Row as RowItem } from '@tanstack/react-table';
+type RowProps = {
+    /**
+     * The row within the TanStack Table instance.
+     */
+    row: RowItem<any>;
+    /**
+     * Whether rows should be striped or not.
+     */
+    striped: boolean;
+    /**
+     * Child elements (table cells).
+     */
+    children: React.ReactNode;
+};
+export declare const Row: ({ row, striped, children }: RowProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Body/Row/Row.js

@@ -0,0 +1,8 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+
+const Row = ({ row, striped, children }) => (React__default.createElement("tr", { className: buildClassnames(['data-grid-row', striped ? 'striped' : undefined]), key: row.id, "aria-rowindex": row.index + 2 }, children));
+
+export { Row };
+//# sourceMappingURL=Row.js.map

package/dist/components/DataGrid/components/Body/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../src/components/DataGrid/components/Body/Row/Row.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Row as RowItem } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\ntype RowProps = {\n  /**\n   * The row within the TanStack Table instance.\n   */\n  row: RowItem<any>;\n\n  /**\n   * Whether rows should be striped or not.\n   */\n  striped: boolean;\n\n  /**\n   * Child elements (table cells).\n   */\n  children: React.ReactNode;\n};\n\nexport const Row = ({ row, striped, children }: RowProps) => (\n  <tr\n    className={buildClassnames(['data-grid-row', striped ? 'striped' : undefined])}\n    key={row.id}\n    // 0-based index + header row.\n    aria-rowindex={row.index + 2}\n  >\n    {children}\n  </tr>\n);\n"],"names":["React"],"mappings":";;;;MAuBa,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAY,MACtDA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,EAC9E,GAAG,EAAE,GAAG,CAAC,EAAE,EAAA,eAAA,EAEI,GAAG,CAAC,KAAK,GAAG,CAAC,EAE3B,EAAA,QAAQ,CACN;;;;"}

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

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

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

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

package/dist/components/DataGrid/components/CellContent/CellContent.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var CellContent_module = require('./CellContent.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const cellContentClassname = buildClassnames.buildClassnames([CellContent_module.cellContent, 'data-grid-cell-content']);
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+const CellContent = ({ contentStyle, children }) => {
+    return (React__default.default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+};
+
+exports.CellContent = CellContent;
+//# sourceMappingURL=CellContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport { cellContent } from './CellContent.module.css';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["buildClassnames","cellContent","React"],"mappings":";;;;;;;;;;;AAkBA,MAAM,oBAAoB,GAAGA,+BAAe,CAAC,CAACC,8BAAW,EAAE,wBAAwB,CAAC,CAAC;AAErF;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CellContentProps {
+    /**
+     * Styles to be applied to the cell content wrapper.
+     */
+    contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;
+    /**
+     * Child elements.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+export declare const CellContent: ({ contentStyle, children }: CellContentProps) => React.JSX.Element;

package/dist/components/DataGrid/components/CellContent/CellContent.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { buildClassnames } from '../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { cellContent } from './CellContent.module.css.js';
+
+const cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);
+/**
+ * Wrapper for content displayed within a non-header cell in the grid.
+ */
+const CellContent = ({ contentStyle, children }) => {
+    return (React__default.createElement("div", { "data-testid": "data-grid-cell-content", className: cellContentClassname, style: contentStyle }, children));
+};
+
+export { CellContent };
+//# sourceMappingURL=CellContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../utils';\n\nimport { cellContent } from './CellContent.module.css';\n\nexport interface CellContentProps {\n  /**\n   * Styles to be applied to the cell content wrapper.\n   */\n  contentStyle: Pick<React.CSSProperties, 'marginLeft' | 'justifyContent' | 'textAlign'>;\n\n  /**\n   * Child elements.\n   */\n  children?: React.ReactNode;\n}\n\nconst cellContentClassname = buildClassnames([cellContent, 'data-grid-cell-content']);\n\n/**\n * Wrapper for content displayed within a non-header cell in the grid.\n */\nexport const CellContent = ({ contentStyle, children }: CellContentProps) => {\n  return (\n    <div data-testid=\"data-grid-cell-content\" className={cellContentClassname} style={contentStyle}>\n      {children}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAkBA,MAAM,oBAAoB,GAAG,eAAe,CAAC,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAC;AAErF;;AAEG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAoB,KAAI;AAC1E,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,EAAE,YAAY,EAAA,EAC3F,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._cellContent_gaxlz_1{align-items:center;display:flex;gap:var(--sizes-sm);padding:var(--density)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxDb250ZW50Lm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsc0JBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FHYixtQkFBb0IsQ0FGcEIsc0JBR0YiLCJmaWxlIjoiQ2VsbENvbnRlbnQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZWxsQ29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IHZhcigtLWRlbnNpdHkpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtKTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const cellContent = '_cellContent_gaxlz_1';
+
+exports.cellContent = cellContent;
+//# sourceMappingURL=CellContent.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.module.css.cjs","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.module.css"],"sourcesContent":[".cellContent {\n  display: flex;\n  padding: var(--density);\n  align-items: center;\n  gap: var(--sizes-sm);\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,icAAic,CAAC;AAClc,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,WAAW,GAAG;;;;"}

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

@@ -0,0 +1,9 @@
+const cssContents = `._cellContent_gaxlz_1{align-items:center;display:flex;gap:var(--sizes-sm);padding:var(--density)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNlbGxDb250ZW50Lm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsc0JBR0Usa0JBQW1CLENBRm5CLFlBQWEsQ0FHYixtQkFBb0IsQ0FGcEIsc0JBR0YiLCJmaWxlIjoiQ2VsbENvbnRlbnQubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jZWxsQ29udGVudCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IHZhcigtLWRlbnNpdHkpO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNpemVzLXNtKTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const cellContent = '_cellContent_gaxlz_1';
+
+export { cellContent };
+//# sourceMappingURL=CellContent.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.module.css.js","sources":["../../../../../src/components/DataGrid/components/CellContent/CellContent.module.css"],"sourcesContent":[".cellContent {\n  display: flex;\n  padding: var(--density);\n  align-items: center;\n  gap: var(--sizes-sm);\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,icAAic,CAAC;AAClc,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,WAAW,GAAG;;;;"}

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

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

package/dist/components/DataGrid/components/Columns/Columns.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var React = require('react');
+require('../../../../hooks/useFocusVisible.cjs');
+require('uid/secure');
+var useResizeObserver = require('../../../../hooks/useResizeObserver.cjs');
+require('lodash.throttle');
+var isLastColumn = require('../../utils/isLastColumn.cjs');
+require('@tanstack/react-table');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+const Columns = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    // Setup state and hook to observe the last column in the table. If the last column is larger than its
+    // default size, we allow it to render with `width: auto;` to ensure the table fills the container.
+    // If the last column is smaller than its default size, the table should start to 'overflow' its parent,
+    // so we switch to using a fixed width on the column instead.
+    const lastColumnRef = React.useRef(null);
+    const [lastColumnAuto, setLastColumnAuto] = React.useState(true);
+    useResizeObserver.useResizeObserver({
+        targetRef: lastColumnRef,
+        resizeHandler: ({ width }) => {
+            const lastHeader = headers[headers.length - 1];
+            if (width <= lastHeader.column.columnDef.size) {
+                setLastColumnAuto(false);
+            }
+            else {
+                setLastColumnAuto(true);
+            }
+        },
+        throttleMs: 10,
+    });
+    // Memoized columns.
+    const columns = React.useMemo(() => (React__default.default.createElement("colgroup", null, headers.map((header) => {
+        const lastColumn = isLastColumn.isLastColumn(table, header.column);
+        const columnWidth = lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;
+        return (React__default.default.createElement("col", { ref: lastColumn ? lastColumnRef : undefined, key: header.column.id, style: { width: columnWidth, minWidth: header.column.columnDef.minSize } }));
+    }))), 
+    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers]);
+    return columns;
+};
+
+exports.Columns = Columns;
+//# sourceMappingURL=Columns.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.cjs","sources":["../../../../../src/components/DataGrid/components/Columns/Columns.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { useResizeObserver } from '../../../../hooks';\nimport { isLastColumn } from '../../utils';\n\ntype ColumnsProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including\n * handling situations where overflow may be necessary while resizing.\n *\n * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only\n * to when the table sizing state changes.\n */\nexport const Columns = ({ table }: ColumnsProps) => {\n  const headers = table.getLeafHeaders();\n\n  // Setup state and hook to observe the last column in the table. If the last column is larger than its\n  // default size, we allow it to render with `width: auto;` to ensure the table fills the container.\n  // If the last column is smaller than its default size, the table should start to 'overflow' its parent,\n  // so we switch to using a fixed width on the column instead.\n  const lastColumnRef = useRef<HTMLTableColElement>(null);\n  const [lastColumnAuto, setLastColumnAuto] = useState(true);\n  useResizeObserver({\n    targetRef: lastColumnRef,\n    resizeHandler: ({ width }) => {\n      const lastHeader = headers[headers.length - 1];\n\n      if (width <= lastHeader.column.columnDef.size!) {\n        setLastColumnAuto(false);\n      } else {\n        setLastColumnAuto(true);\n      }\n    },\n    throttleMs: 10,\n  });\n\n  // Memoized columns.\n  const columns = useMemo(\n    () => (\n      <colgroup>\n        {headers.map((header) => {\n          const lastColumn = isLastColumn(table, header.column);\n          const columnWidth =\n            lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;\n\n          return (\n            <col\n              ref={lastColumn ? lastColumnRef : undefined}\n              key={header.column.id}\n              style={{ width: columnWidth, minWidth: header.column.columnDef.minSize }}\n            />\n          );\n        })}\n      </colgroup>\n    ),\n    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers],\n  );\n\n  return columns;\n};\n"],"names":["useRef","useState","useResizeObserver","useMemo","React","isLastColumn"],"mappings":";;;;;;;;;;;;;;AAaA;;;;;;AAMG;MACU,OAAO,GAAG,CAAC,EAAE,KAAK,EAAgB,KAAI;AACjD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;;;;;AAMtC,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAsB,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,IAAI,CAAC;AAC1D,IAAAC,mCAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,IAAI,KAAK,IAAI,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK,EAAE;gBAC9C,iBAAiB,CAAC,KAAK,CAAC;AACzB;AAAM,iBAAA;gBACL,iBAAiB,CAAC,IAAI,CAAC;AACxB;SACF;AACD,QAAA,UAAU,EAAE,EAAE;AACf,KAAA,CAAC;;AAGF,IAAA,MAAM,OAAO,GAAGC,aAAO,CACrB,OACEC,sBACG,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACtB,MAAM,UAAU,GAAGC,yBAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACrD,MAAM,WAAW,GACf,UAAU,IAAI,cAAc,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI;AAExE,QAAA,QACED,sBACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,EAC3C,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAA,CACxE;KAEL,CAAC,CACO,CACZ;;;AAGD,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC,CAC5F;AAED,IAAA,OAAO,OAAO;AAChB;;;;"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+type ColumnsProps = {
+    /**
+     * The TanStack Table instance.
+     */
+    table: Table<any>;
+};
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+export declare const Columns: ({ table }: ColumnsProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Columns/Columns.js

@@ -0,0 +1,50 @@
+import React__default, { useRef, useState, useMemo } from 'react';
+import '../../../../hooks/useFocusVisible.js';
+import 'uid/secure';
+import { useResizeObserver } from '../../../../hooks/useResizeObserver.js';
+import 'lodash.throttle';
+import { isLastColumn } from '../../utils/isLastColumn.js';
+import '@tanstack/react-table';
+
+/**
+ * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including
+ * handling situations where overflow may be necessary while resizing.
+ *
+ * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only
+ * to when the table sizing state changes.
+ */
+const Columns = ({ table }) => {
+    const headers = table.getLeafHeaders();
+    // Setup state and hook to observe the last column in the table. If the last column is larger than its
+    // default size, we allow it to render with `width: auto;` to ensure the table fills the container.
+    // If the last column is smaller than its default size, the table should start to 'overflow' its parent,
+    // so we switch to using a fixed width on the column instead.
+    const lastColumnRef = useRef(null);
+    const [lastColumnAuto, setLastColumnAuto] = useState(true);
+    useResizeObserver({
+        targetRef: lastColumnRef,
+        resizeHandler: ({ width }) => {
+            const lastHeader = headers[headers.length - 1];
+            if (width <= lastHeader.column.columnDef.size) {
+                setLastColumnAuto(false);
+            }
+            else {
+                setLastColumnAuto(true);
+            }
+        },
+        throttleMs: 10,
+    });
+    // Memoized columns.
+    const columns = useMemo(() => (React__default.createElement("colgroup", null, headers.map((header) => {
+        const lastColumn = isLastColumn(table, header.column);
+        const columnWidth = lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;
+        return (React__default.createElement("col", { ref: lastColumn ? lastColumnRef : undefined, key: header.column.id, style: { width: columnWidth, minWidth: header.column.columnDef.minSize } }));
+    }))), 
+    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers]);
+    return columns;
+};
+
+export { Columns };
+//# sourceMappingURL=Columns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/DataGrid/components/Columns/Columns.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { useResizeObserver } from '../../../../hooks';\nimport { isLastColumn } from '../../utils';\n\ntype ColumnsProps = {\n  /**\n   * The TanStack Table instance.\n   */\n  table: Table<any>;\n};\n\n/**\n * Renders the colgroup and col's for the table, responsible for controlling the width of columns within the table, including\n * handling situations where overflow may be necessary while resizing.\n *\n * Separated from the Header component to allow for better performance, since we can reliably memoize col's and limit updates only\n * to when the table sizing state changes.\n */\nexport const Columns = ({ table }: ColumnsProps) => {\n  const headers = table.getLeafHeaders();\n\n  // Setup state and hook to observe the last column in the table. If the last column is larger than its\n  // default size, we allow it to render with `width: auto;` to ensure the table fills the container.\n  // If the last column is smaller than its default size, the table should start to 'overflow' its parent,\n  // so we switch to using a fixed width on the column instead.\n  const lastColumnRef = useRef<HTMLTableColElement>(null);\n  const [lastColumnAuto, setLastColumnAuto] = useState(true);\n  useResizeObserver({\n    targetRef: lastColumnRef,\n    resizeHandler: ({ width }) => {\n      const lastHeader = headers[headers.length - 1];\n\n      if (width <= lastHeader.column.columnDef.size!) {\n        setLastColumnAuto(false);\n      } else {\n        setLastColumnAuto(true);\n      }\n    },\n    throttleMs: 10,\n  });\n\n  // Memoized columns.\n  const columns = useMemo(\n    () => (\n      <colgroup>\n        {headers.map((header) => {\n          const lastColumn = isLastColumn(table, header.column);\n          const columnWidth =\n            lastColumn && lastColumnAuto ? 'auto' : `${header.column.getSize()}px`;\n\n          return (\n            <col\n              ref={lastColumn ? lastColumnRef : undefined}\n              key={header.column.id}\n              style={{ width: columnWidth, minWidth: header.column.columnDef.minSize }}\n            />\n          );\n        })}\n      </colgroup>\n    ),\n    // Dependencies here are as recommended by TanStack docs (https://tanstack.com/table/latest/docs/framework/react/examples/column-resizing-performant)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [table.getState().columnSizingInfo, table.getState().columnSizing, lastColumnAuto, headers],\n  );\n\n  return columns;\n};\n"],"names":["React"],"mappings":";;;;;;;;AAaA;;;;;;AAMG;MACU,OAAO,GAAG,CAAC,EAAE,KAAK,EAAgB,KAAI;AACjD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE;;;;;AAMtC,IAAA,MAAM,aAAa,GAAG,MAAM,CAAsB,IAAI,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAC1D,IAAA,iBAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;YAC3B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAE9C,IAAI,KAAK,IAAI,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK,EAAE;gBAC9C,iBAAiB,CAAC,KAAK,CAAC;AACzB;AAAM,iBAAA;gBACL,iBAAiB,CAAC,IAAI,CAAC;AACxB;SACF;AACD,QAAA,UAAU,EAAE,EAAE;AACf,KAAA,CAAC;;AAGF,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,OACEA,cACG,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACtB,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;QACrD,MAAM,WAAW,GACf,UAAU,IAAI,cAAc,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI;AAExE,QAAA,QACEA,cACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,EAC3C,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAA,CACxE;KAEL,CAAC,CACO,CACZ;;;AAGD,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,OAAO,CAAC,CAC5F;AAED,IAAA,OAAO,OAAO;AAChB;;;;"}

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

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

package/dist/components/DataGrid/components/Footer/Footer.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var FooterCell = require('./FooterCell/FooterCell.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Footer = ({ table, ariaRoles }) => {
+    // We're not making use of column grouping, so we only need the first footer group.
+    const [footer] = table.getFooterGroups();
+    return (React__default.default.createElement("tfoot", { className: "data-grid-footer" },
+        React__default.default.createElement("tr", { className: "data-grid-footer-row" }, footer.headers.map((header) => (React__default.default.createElement(FooterCell.FooterCell, { key: header.id, ariaRoles: ariaRoles, header: header }))))));
+};
+
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.cjs","sources":["../../../../../src/components/DataGrid/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { AriaRoles } from '../../types';\nimport { FooterCell } from './FooterCell';\n\ntype FooterProps = {\n  /**\n   * The TanStack table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nexport const Footer = ({ table, ariaRoles }: FooterProps) => {\n  // We're not making use of column grouping, so we only need the first footer group.\n  const [footer] = table.getFooterGroups();\n\n  return (\n    <tfoot className=\"data-grid-footer\">\n      <tr className=\"data-grid-footer-row\">\n        {footer.headers.map((header) => (\n          <FooterCell key={header.id} ariaRoles={ariaRoles} header={header} />\n        ))}\n      </tr>\n    </tfoot>\n  );\n};\n"],"names":["React","FooterCell"],"mappings":";;;;;;;;;AAkBa,MAAA,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAe,KAAI;;IAE1D,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,EAAE;AAExC,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;AACjC,QAAAA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sBAAsB,EACjC,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACzBA,qCAACC,qBAAU,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,CACrE,CAAC,CACC,CACC;AAEZ;;;;"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Table } from '@tanstack/react-table';
+import { AriaRoles } from '../../types';
+type FooterProps = {
+    /**
+     * The TanStack table instance.
+     */
+    table: Table<any>;
+    /**
+     * ARIA roles used in the grid.
+     */
+    ariaRoles: AriaRoles;
+};
+export declare const Footer: ({ table, ariaRoles }: FooterProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Footer/Footer.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FooterCell } from './FooterCell/FooterCell.js';
+
+const Footer = ({ table, ariaRoles }) => {
+    // We're not making use of column grouping, so we only need the first footer group.
+    const [footer] = table.getFooterGroups();
+    return (React__default.createElement("tfoot", { className: "data-grid-footer" },
+        React__default.createElement("tr", { className: "data-grid-footer-row" }, footer.headers.map((header) => (React__default.createElement(FooterCell, { key: header.id, ariaRoles: ariaRoles, header: header }))))));
+};
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../src/components/DataGrid/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '@tanstack/react-table';\n\nimport { AriaRoles } from '../../types';\nimport { FooterCell } from './FooterCell';\n\ntype FooterProps = {\n  /**\n   * The TanStack table instance.\n   */\n  table: Table<any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\nexport const Footer = ({ table, ariaRoles }: FooterProps) => {\n  // We're not making use of column grouping, so we only need the first footer group.\n  const [footer] = table.getFooterGroups();\n\n  return (\n    <tfoot className=\"data-grid-footer\">\n      <tr className=\"data-grid-footer-row\">\n        {footer.headers.map((header) => (\n          <FooterCell key={header.id} ariaRoles={ariaRoles} header={header} />\n        ))}\n      </tr>\n    </tfoot>\n  );\n};\n"],"names":["React"],"mappings":";;;AAkBa,MAAA,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAe,KAAI;;IAE1D,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,EAAE;AAExC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,kBAAkB,EAAA;AACjC,QAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,sBAAsB,EACjC,EAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACzBA,6BAAC,UAAU,EAAA,EAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA,CACrE,CAAC,CACC,CACC;AAEZ;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+var reactTable = require('@tanstack/react-table');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var usePinnedColumnStyles = require('../../../hooks/usePinnedColumnStyles.cjs');
+var CellContent = require('../../CellContent/CellContent.cjs');
+var FooterCell_module = require('./FooterCell.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+const FooterCell = ({ header, ariaRoles }) => {
+    const { justifyContent, textAlign } = header.column.columnDef.meta;
+    const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles.usePinnedColumnStyles({
+        column: header.column,
+    });
+    const footerCellClassname = buildClassnames.buildClassnames([
+        FooterCell_module.footerCell,
+        pinnedCellClassName,
+        'data-grid-footer-cell',
+    ]);
+    return (React__default.default.createElement("th", { scope: "row", role: ariaRoles.cell, "aria-colindex": header.column.getIndex() + 1, className: footerCellClassname, style: pinnedCellStyles },
+        React__default.default.createElement(CellContent.CellContent, { contentStyle: { justifyContent, textAlign } }, reactTable.flexRender(header.column.columnDef.footer, header.getContext()))));
+};
+
+exports.FooterCell = FooterCell;
+//# sourceMappingURL=FooterCell.cjs.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.cjs","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { flexRender, Header } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks/usePinnedColumnStyles';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\n\nimport { footerCell } from './FooterCell.module.css';\n\ntype FooterCellProps = {\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\n/**\n * Renders a footer cell element, and its content, for a given column.\n */\nexport const FooterCell = ({ header, ariaRoles }: FooterCellProps) => {\n  const { justifyContent, textAlign } = header.column.columnDef.meta!;\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const footerCellClassname = buildClassnames([\n    footerCell,\n    pinnedCellClassName,\n    'data-grid-footer-cell',\n  ]);\n\n  return (\n    <th\n      scope=\"row\"\n      role={ariaRoles.cell}\n      aria-colindex={header.column.getIndex() + 1}\n      className={footerCellClassname}\n      style={pinnedCellStyles}\n    >\n      <CellContent contentStyle={{ justifyContent, textAlign } as React.CSSProperties}>\n        {flexRender(header.column.columnDef.footer, header.getContext())}\n      </CellContent>\n    </th>\n  );\n};\n"],"names":["usePinnedColumnStyles","buildClassnames","footerCell","React","CellContent","flexRender"],"mappings":";;;;;;;;;;;;;;AAyBA;;AAEG;AACU,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAmB,KAAI;AACnE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;AAEnE,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAGA,2CAAqB,CAAC;QACtE,MAAM,EAAE,MAAM,CAAC,MAAM;AACtB,KAAA,CAAC;IAEF,MAAM,mBAAmB,GAAGC,+BAAe,CAAC;QAC1CC,4BAAU;QACV,mBAAmB;QACnB,uBAAuB;AACxB,KAAA,CAAC;IAEF,QACEC,sBACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,IAAI,EACL,eAAA,EAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAC3C,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,gBAAgB,EAAA;AAEvB,QAAAA,sBAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EAAC,YAAY,EAAE,EAAE,cAAc,EAAE,SAAS,EAAyB,EAAA,EAC5EC,qBAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CACpD,CACX;AAET;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Header } from '@tanstack/react-table';
+import { AriaRoles } from '../../../types';
+type FooterCellProps = {
+    /**
+     * The Header within the TanStack Table instance.
+     */
+    header: Header<any, any>;
+    /**
+     * ARIA roles used in the grid.
+     */
+    ariaRoles: AriaRoles;
+};
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+export declare const FooterCell: ({ header, ariaRoles }: FooterCellProps) => React.JSX.Element;
+export {};

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+import { flexRender } from '@tanstack/react-table';
+import { buildClassnames } from '../../../../../utils/buildClassnames.js';
+import 'uid/secure';
+import { usePinnedColumnStyles } from '../../../hooks/usePinnedColumnStyles.js';
+import { CellContent } from '../../CellContent/CellContent.js';
+import { footerCell } from './FooterCell.module.css.js';
+
+/**
+ * Renders a footer cell element, and its content, for a given column.
+ */
+const FooterCell = ({ header, ariaRoles }) => {
+    const { justifyContent, textAlign } = header.column.columnDef.meta;
+    const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({
+        column: header.column,
+    });
+    const footerCellClassname = buildClassnames([
+        footerCell,
+        pinnedCellClassName,
+        'data-grid-footer-cell',
+    ]);
+    return (React__default.createElement("th", { scope: "row", role: ariaRoles.cell, "aria-colindex": header.column.getIndex() + 1, className: footerCellClassname, style: pinnedCellStyles },
+        React__default.createElement(CellContent, { contentStyle: { justifyContent, textAlign } }, flexRender(header.column.columnDef.footer, header.getContext()))));
+};
+
+export { FooterCell };
+//# sourceMappingURL=FooterCell.js.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.js","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.tsx"],"sourcesContent":["import React from 'react';\n\nimport { flexRender, Header } from '@tanstack/react-table';\n\nimport { buildClassnames } from '../../../../../utils';\n\nimport { usePinnedColumnStyles } from '../../../hooks/usePinnedColumnStyles';\n\nimport { AriaRoles } from '../../../types';\nimport { CellContent } from '../../CellContent';\n\nimport { footerCell } from './FooterCell.module.css';\n\ntype FooterCellProps = {\n  /**\n   * The Header within the TanStack Table instance.\n   */\n  header: Header<any, any>;\n\n  /**\n   * ARIA roles used in the grid.\n   */\n  ariaRoles: AriaRoles;\n};\n\n/**\n * Renders a footer cell element, and its content, for a given column.\n */\nexport const FooterCell = ({ header, ariaRoles }: FooterCellProps) => {\n  const { justifyContent, textAlign } = header.column.columnDef.meta!;\n\n  const { pinnedCellClassName, pinnedCellStyles } = usePinnedColumnStyles({\n    column: header.column,\n  });\n\n  const footerCellClassname = buildClassnames([\n    footerCell,\n    pinnedCellClassName,\n    'data-grid-footer-cell',\n  ]);\n\n  return (\n    <th\n      scope=\"row\"\n      role={ariaRoles.cell}\n      aria-colindex={header.column.getIndex() + 1}\n      className={footerCellClassname}\n      style={pinnedCellStyles}\n    >\n      <CellContent contentStyle={{ justifyContent, textAlign } as React.CSSProperties}>\n        {flexRender(header.column.columnDef.footer, header.getContext())}\n      </CellContent>\n    </th>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAyBA;;AAEG;AACU,MAAA,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAmB,KAAI;AACnE,IAAA,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAK;AAEnE,IAAA,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,CAAC;QACtE,MAAM,EAAE,MAAM,CAAC,MAAM;AACtB,KAAA,CAAC;IAEF,MAAM,mBAAmB,GAAG,eAAe,CAAC;QAC1C,UAAU;QACV,mBAAmB;QACnB,uBAAuB;AACxB,KAAA,CAAC;IAEF,QACEA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,IAAI,EACL,eAAA,EAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAC3C,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,gBAAgB,EAAA;AAEvB,QAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,YAAY,EAAE,EAAE,cAAc,EAAE,SAAS,EAAyB,EAAA,EAC5E,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CACpD,CACX;AAET;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+const cssContents = `._baseCell_13swz_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)}}._pinnedColumnBase_13swz_12{&:after{bottom:-1px;box-sizing:border-box;content:"";pointer-events:none;position:absolute;top:var(--sizes-none);width:30px}}._pinnedColumnLeft_13swz_27{&:after{box-shadow:inset 10px 0 10px -8px rgba(0,0,0,.25);right:var(--sizes-none);transform:translate(100%)}}._pinnedColumnRight_13swz_39{&:after{box-shadow:inset -10px 0 10px -8px rgba(0,0,0,.25);left:var(--sizes-none);transform:translate(-100%)}}._footerCell_1jfhd_1{background-color:var(--colors-neutral-grey-lightest);border-top:var(--sizes-line) solid var(--colors-secondary-blue-base);color:var(--text-body-small-color);font-family:var(--text-body-small-font-family);font-style:var(--text-body-small-font-style);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiRm9vdGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsNEJBQUEsUUFBQSxZQUFBLHNCQUFBLFdBQUEsb0JBQUEsa0JBQUEsc0JBQUEsV0FBQSxDQUFBLDRCQUFBLFFBQUEsa0RBQUEsd0JBQUEsMEJBQUEsQ0FBQSw2QkFBQSxRQUFBLG1EQUFBLHVCQUFBLDJCQUFBLENBQUEsQUNBQSxxQkFVRSxvREFBcUQsQ0FEckQsb0VBQXFFLENBTnJFLGtDQUFtQyxDQUNuQyw4Q0FBK0MsQ0FDL0MsNENBQTZDLENBQzdDLDhDQUErQyxDQUMvQyw4Q0FJRiIsImZpbGUiOiJGb290ZXJDZWxsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi5mb290ZXJDZWxsIHtcbiAgY29tcG9zZXM6IGJhc2VDZWxsIGZyb20gJy4uLy4uLy4uL0RhdGFHcmlkLm1vZHVsZS5jc3MnO1xuXG4gIGNvbG9yOiB2YXIoLS10ZXh0LWJvZHktc21hbGwtY29sb3IpO1xuICBmb250LWZhbWlseTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zdHlsZTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtc3R5bGUpO1xuICBmb250LXdlaWdodDogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtd2VpZ2h0KTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXRleHQtYm9keS1zbWFsbC1saW5lLWhlaWdodCk7XG5cbiAgYm9yZGVyLXRvcDogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLXNlY29uZGFyeS1ibHVlLWJhc2UpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWxpZ2h0ZXN0KTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const footerCell = '_footerCell_1jfhd_1 _baseCell_13swz_1';
+
+exports.footerCell = footerCell;
+//# sourceMappingURL=FooterCell.module.css.cjs.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.module.css.cjs","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css"],"sourcesContent":[".footerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n\n  border-top: var(--sizes-line) solid var(--colors-secondary-blue-base);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n"],"names":[],"mappings":";;AACA,MAAM,WAAW,GAAG,CAAC;AACrB,6rCAA6rC,CAAC;AAC9rC,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;;;;"}

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.js

@@ -0,0 +1,9 @@
+const cssContents = `._baseCell_13swz_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)}}._pinnedColumnBase_13swz_12{&:after{bottom:-1px;box-sizing:border-box;content:"";pointer-events:none;position:absolute;top:var(--sizes-none);width:30px}}._pinnedColumnLeft_13swz_27{&:after{box-shadow:inset 10px 0 10px -8px rgba(0,0,0,.25);right:var(--sizes-none);transform:translate(100%)}}._pinnedColumnRight_13swz_39{&:after{box-shadow:inset -10px 0 10px -8px rgba(0,0,0,.25);left:var(--sizes-none);transform:translate(-100%)}}._footerCell_1jfhd_1{background-color:var(--colors-neutral-grey-lightest);border-top:var(--sizes-line) solid var(--colors-secondary-blue-base);color:var(--text-body-small-color);font-family:var(--text-body-small-font-family);font-style:var(--text-body-small-font-style);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height)}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiRm9vdGVyQ2VsbC5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUFBLHNCQUFBLGtCQUFBLHdCQUFBLDJIQUFBLDBCQUFBLENBQUEsNEJBQUEsUUFBQSxZQUFBLHNCQUFBLFdBQUEsb0JBQUEsa0JBQUEsc0JBQUEsV0FBQSxDQUFBLDRCQUFBLFFBQUEsa0RBQUEsd0JBQUEsMEJBQUEsQ0FBQSw2QkFBQSxRQUFBLG1EQUFBLHVCQUFBLDJCQUFBLENBQUEsQUNBQSxxQkFVRSxvREFBcUQsQ0FEckQsb0VBQXFFLENBTnJFLGtDQUFtQyxDQUNuQyw4Q0FBK0MsQ0FDL0MsNENBQTZDLENBQzdDLDhDQUErQyxDQUMvQyw4Q0FJRiIsImZpbGUiOiJGb290ZXJDZWxsLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6W251bGwsIi5mb290ZXJDZWxsIHtcbiAgY29tcG9zZXM6IGJhc2VDZWxsIGZyb20gJy4uLy4uLy4uL0RhdGFHcmlkLm1vZHVsZS5jc3MnO1xuXG4gIGNvbG9yOiB2YXIoLS10ZXh0LWJvZHktc21hbGwtY29sb3IpO1xuICBmb250LWZhbWlseTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zdHlsZTogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtc3R5bGUpO1xuICBmb250LXdlaWdodDogdmFyKC0tdGV4dC1ib2R5LXNtYWxsLWZvbnQtd2VpZ2h0KTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXRleHQtYm9keS1zbWFsbC1saW5lLWhlaWdodCk7XG5cbiAgYm9yZGVyLXRvcDogdmFyKC0tc2l6ZXMtbGluZSkgc29saWQgdmFyKC0tY29sb3JzLXNlY29uZGFyeS1ibHVlLWJhc2UpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtbmV1dHJhbC1ncmV5LWxpZ2h0ZXN0KTtcbn1cbiJdfQ== */`;
+const style = document.createElement('style');
+style.innerHTML = cssContents;
+document.head.appendChild(style);
+const footerCell = '_footerCell_1jfhd_1 _baseCell_13swz_1';
+
+export { footerCell };
+//# sourceMappingURL=FooterCell.module.css.js.map

package/dist/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterCell.module.css.js","sources":["../../../../../../src/components/DataGrid/components/Footer/FooterCell/FooterCell.module.css"],"sourcesContent":[".footerCell {\n  composes: baseCell from '../../../DataGrid.module.css';\n\n  color: var(--text-body-small-color);\n  font-family: var(--text-body-small-font-family);\n  font-style: var(--text-body-small-font-style);\n  font-weight: var(--text-body-small-font-weight);\n  line-height: var(--text-body-small-line-height);\n\n  border-top: var(--sizes-line) solid var(--colors-secondary-blue-base);\n  background-color: var(--colors-neutral-grey-lightest);\n}\n"],"names":[],"mappings":"AACA,MAAM,WAAW,GAAG,CAAC;AACrB,6rCAA6rC,CAAC;AAC9rC,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;;;;"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var buildClassnames = require('../../../../../utils/buildClassnames.cjs');
+require('uid/secure');
+var Container_module = require('./Container.module.css.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const borderModeClassMap = {
+    full: Container_module.borderModeFull,
+    vertical: Container_module.borderModeVertical,
+    none: Container_module.borderModeNone,
+};
+/**
+ * A container element, which wraps the grid and applies a border and overflow.
+ */
+const Container = React__default.default.forwardRef(({ borderMode, style, children }, ref) => (React__default.default.createElement("div", { ref: ref, className: buildClassnames.buildClassnames([Container_module.container, borderModeClassMap[borderMode]]), style: style }, children)));
+
+exports.Container = Container;
+//# sourceMappingURL=Container.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","sources":["../../../../../../src/components/DataGrid/components/GridContainer/Container/Container.tsx"],"sourcesContent":["import React from 'react';\n\nimport { buildClassnames } from '../../../../../utils';\nimport { BorderMode } from '../../../types/enums';\n\nimport {\n  container,\n  borderModeFull,\n  borderModeVertical,\n  borderModeNone,\n} from './Container.module.css';\n\ntype ContainerProps = {\n  /**\n   * Border mode.\n   */\n  borderMode: BorderMode;\n\n  /**\n   * Additional container styles.\n   */\n  style?: React.CSSProperties;\n\n  /**\n   * Child elements.\n   */\n  children: React.ReactNode;\n};\n\nconst borderModeClassMap = {\n  full: borderModeFull,\n  vertical: borderModeVertical,\n  none: borderModeNone,\n};\n\n/**\n * A container element, which wraps the grid and applies a border and overflow.\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ borderMode, style, children }, ref) => (\n    <div\n      ref={ref}\n      className={buildClassnames([container, borderModeClassMap[borderMode]])}\n      style={style}\n    >\n      {children}\n    </div>\n  ),\n);\n"],"names":["borderModeFull","borderModeVertical","borderModeNone","React","buildClassnames","container"],"mappings":";;;;;;;;;;;AA6BA,MAAM,kBAAkB,GAAG;AACzB,IAAA,IAAI,EAAEA,+BAAc;AACpB,IAAA,QAAQ,EAAEC,mCAAkB;AAC5B,IAAA,IAAI,EAAEC,+BAAc;CACrB;AAED;;AAEG;MACU,SAAS,GAAGC,sBAAK,CAAC,UAAU,CACvC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,MACnCA,sBACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,0BAAS,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,EACvE,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP;;;;"}