@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/DataTable/Pagination-b6f8418c.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DataTable/Pagination.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAMnB,oGAAgE,CAGhE,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,qBACF,CACF,CAEA,0CACE,gDAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oDAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,gDAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,kDACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,wGACF,CAEA,2DACE,4EAAgD,CAChD,2DACF,CAEA,yEAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-b6f8418c.css","sourcesContent":[".TablePagination {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  column-gap: 1rem;\n  width: 100%;\n  grid-area: footer;\n  padding: var(--base-size-8) var(--base-size-16);\n  border: var(--borderWidth-thin) solid var(--borderColor-default);\n  border-top-width: 0;\n  border-end-start-radius: var(--borderRadius-medium);\n  border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 768px)) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n@media ((min-width: 1400px)) {\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n    display: none;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n    margin-inline-end: 0;\n  }\n\n  .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n    margin-inline-start: 0;\n  }\n}\n\n.TablePaginationRange {\n  color: var(--fgColor-muted);\n  font-size: var(--text-body-size-small);\n  margin: 0;\n}\n\n.TablePaginationSteps {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  list-style: none;\n  color: var(--fgColor-default);\n  font-size: var(--text-body-size-medium);\n  margin: 0;\n  padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n  margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n  margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n  display: flex;\n  align-items: center;\n  color: var(--fgColor-muted);\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 14);\n  user-select: none;\n  padding: var(--base-size-8);\n  border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n  color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n  min-width: 2rem;\n  min-height: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--text-body-size-medium);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 14);\n  user-select: none;\n  border-radius: var(--borderRadius-medium);\n  padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n  background-color: var(--bgColor-accent-emphasis);\n  color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n  outline: 2px solid var(--bgColor-accent-emphasis);\n  outline-offset: -2px;\n  /* stylelint-disable-next-line primer/box-shadow */\n  box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2rem;\n  min-height: 2rem;\n  user-select: none;\n}\n"]}

package/lib/DataTable/Pagination.d.ts

@@ -1,43 +0,0 @@
-import type React from 'react';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-export type PaginationProps = Omit<React.ComponentPropsWithoutRef<'nav'>, 'onChange'> & {
-    /**
-     * Provide a label for the navigation landmark rendered by this component
-     */
-    'aria-label': string;
-    /**
-     * Provide an optional index to specify the default selected page
-     */
-    defaultPageIndex?: number;
-    /**
-     * Optionally provide an `id` that is placed on the navigation landmark
-     * rendered by this component
-     */
-    id?: string;
-    /**
-     * Optionally provide a handler that is called whenever the pagination state
-     * is updated
-     */
-    onChange?: (state: PaginationState) => void;
-    /**
-     * Optionally specify the number of items within a page
-     */
-    pageSize?: number;
-    /**
-     * Whether to show the page numbers
-     */
-    showPages?: boolean | ResponsiveValue<boolean>;
-    /**
-     * Specify the total number of items within the collection
-     */
-    totalCount: number;
-};
-export declare function Pagination({ 'aria-label': label, defaultPageIndex, id, onChange, pageSize, showPages, totalCount, }: PaginationProps): React.JSX.Element;
-type PaginationState = {
-    /**
-     * The index of currently selected page
-     */
-    pageIndex: number;
-};
-export {};
-//# sourceMappingURL=Pagination.d.ts.map

package/lib/DataTable/Pagination.js

@@ -1,397 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var octiconsReact = require('@primer/octicons-react');
-var React = require('react');
-var ButtonReset = require('../internal/components/ButtonReset.js');
-var LiveRegion = require('../internal/components/LiveRegion.js');
-var warning = require('../utils/warning.js');
-var useResponsiveValue = require('../hooks/useResponsiveValue.js');
-var model = require('../Pagination/model.js');
-var Pagination_module = require('./Pagination.module.css.js');
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-const defaultShowPages = {
-  narrow: false
-};
-function Pagination({
-  'aria-label': label,
-  defaultPageIndex,
-  id,
-  onChange,
-  pageSize = 25,
-  showPages = defaultShowPages,
-  totalCount
-}) {
-  const {
-    pageIndex,
-    pageStart,
-    pageEnd,
-    pageCount,
-    hasPreviousPage,
-    hasNextPage,
-    selectPage,
-    selectNextPage,
-    selectPreviousPage
-  } = usePagination({
-    defaultPageIndex,
-    onChange,
-    pageSize,
-    totalCount
-  });
-  const getViewportRangesToHidePages = React.useCallback(() => {
-    if (typeof showPages !== 'boolean') {
-      return Object.keys(showPages).filter(key => !showPages[key]);
-    }
-    if (showPages) {
-      return [];
-    } else {
-      return Object.keys(useResponsiveValue.viewportRanges);
-    }
-  }, [showPages]);
-  const model$1 = React.useMemo(() => {
-    return model.buildPaginationModel(pageCount, pageIndex + 1, !!showPages, 1, 2);
-  }, [pageCount, pageIndex, showPages]);
-  return /*#__PURE__*/jsxRuntime.jsxs(LiveRegion.LiveRegion, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegionOutlet, {}), /*#__PURE__*/jsxRuntime.jsxs("nav", {
-      "aria-label": label,
-      className: clsx.clsx('TablePagination', Pagination_module.TablePagination),
-      id: id,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Range, {
-        pageStart: pageStart,
-        pageEnd: pageEnd,
-        totalCount: totalCount
-      }), /*#__PURE__*/jsxRuntime.jsxs("ol", {
-        className: clsx.clsx('TablePaginationSteps', Pagination_module.TablePaginationSteps),
-        "data-hidden-viewport-ranges": getViewportRangesToHidePages().join(' '),
-        children: [/*#__PURE__*/jsxRuntime.jsx(Step, {
-          children: /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-            className: clsx.clsx('TablePaginationAction', Pagination_module.TablePaginationAction),
-            type: "button",
-            "data-has-page": hasPreviousPage ? true : undefined,
-            "aria-disabled": !hasPreviousPage ? true : undefined,
-            onClick: () => {
-              if (!hasPreviousPage) {
-                return;
-              }
-              selectPreviousPage();
-            },
-            children: [hasPreviousPage ? /*#__PURE__*/jsxRuntime.jsx(octiconsReact.ChevronLeftIcon, {}) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
-              children: "Previous"
-            }), /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-              children: "\xA0page"
-            })]
-          })
-        }), model$1.map((page, i) => {
-          if (page.type === 'BREAK') {
-            return /*#__PURE__*/jsxRuntime.jsx(TruncationStep, {}, `truncation-${i}`);
-          } else if (page.type === 'NUM') {
-            return /*#__PURE__*/jsxRuntime.jsx(Step, {
-              children: /*#__PURE__*/jsxRuntime.jsxs(Page, {
-                active: !!page.selected,
-                onClick: () => {
-                  selectPage(page.num - 1);
-                },
-                children: [page.num, page.precedesBreak ? /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-                  children: "\u2026"
-                }) : null]
-              })
-            }, i);
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(Step, {
-          children: /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-            className: clsx.clsx('TablePaginationAction', Pagination_module.TablePaginationAction),
-            type: "button",
-            "data-has-page": hasNextPage ? true : undefined,
-            "aria-disabled": !hasNextPage ? true : undefined,
-            onClick: () => {
-              if (!hasNextPage) {
-                return;
-              }
-              selectNextPage();
-            },
-            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-              children: "Next"
-            }), /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-              children: "\xA0page"
-            }), hasNextPage ? /*#__PURE__*/jsxRuntime.jsx(octiconsReact.ChevronRightIcon, {}) : null]
-          })
-        })]
-      })]
-    })]
-  });
-}
-Pagination.displayName = "Pagination";
-function Range(t0) {
-  const $ = reactCompilerRuntime.c(12);
-  const {
-    pageStart,
-    pageEnd,
-    totalCount
-  } = t0;
-  const start = pageStart + 1;
-  const end = pageEnd;
-  const t1 = `Showing ${start} through ${end} of ${totalCount}`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(LiveRegion.Message, {
-      value: t1
-    });
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx.clsx("TablePaginationRange", Pagination_module.TablePaginationRange);
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-      children: "\xA0through\xA0"
-    });
-    t5 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      "aria-hidden": "true",
-      children: "\u2012"
-    });
-    $[3] = t4;
-    $[4] = t5;
-  } else {
-    t4 = $[3];
-    t5 = $[4];
-  }
-  let t6;
-  if ($[5] !== end || $[6] !== start || $[7] !== totalCount) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs("p", {
-      className: t3,
-      children: [start, t4, t5, end, " of ", totalCount]
-    });
-    $[5] = end;
-    $[6] = start;
-    $[7] = totalCount;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== t2 || $[10] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t2, t6]
-    });
-    $[9] = t2;
-    $[10] = t6;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  return t7;
-}
-function TruncationStep() {
-  const $ = reactCompilerRuntime.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/jsxRuntime.jsx("li", {
-      "aria-hidden": "true",
-      className: clsx.clsx("TablePaginationTruncationStep", Pagination_module.TablePaginationTruncationStep),
-      children: "\u2026"
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
-function Step(t0) {
-  const $ = reactCompilerRuntime.c(3);
-  const {
-    children
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx.clsx("TablePaginationStep", Pagination_module.TablePaginationStep);
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== children) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx("li", {
-      className: t1,
-      children: children
-    });
-    $[1] = children;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  return t2;
-}
-function Page(t0) {
-  const $ = reactCompilerRuntime.c(7);
-  const {
-    active,
-    children,
-    onClick
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = clsx.clsx("TablePaginationPage", Pagination_module.TablePaginationPage);
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const t2 = active ? true : undefined;
-  const t3 = active ? true : undefined;
-  let t4;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-      children: "Page\xA0"
-    });
-    $[1] = t4;
-  } else {
-    t4 = $[1];
-  }
-  let t5;
-  if ($[2] !== children || $[3] !== onClick || $[4] !== t2 || $[5] !== t3) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-      className: t1,
-      type: "button",
-      "data-active": t2,
-      "aria-current": t3,
-      onClick: onClick,
-      children: [t4, children]
-    });
-    $[2] = children;
-    $[3] = onClick;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  return t5;
-}
-function usePagination(config) {
-  const $ = reactCompilerRuntime.c(24);
-  const {
-    defaultPageIndex,
-    onChange,
-    pageSize,
-    totalCount
-  } = config;
-  const pageCount = Math.ceil(totalCount / pageSize);
-  let t0;
-  if ($[0] !== defaultPageIndex || $[1] !== pageCount) {
-    t0 = () => {
-      if (defaultPageIndex !== undefined) {
-        if (defaultPageIndex >= 0 && defaultPageIndex < pageCount) {
-          return defaultPageIndex;
-        }
-        process.env.NODE_ENV !== "production" ? warning.warning(true, "<Pagination> expected `defaultPageIndex` to be less than the total number of pages. Instead, received a `defaultPageIndex` of %s with %s total pages.", defaultPageIndex, pageCount) : void 0;
-      }
-      return 0;
-    };
-    $[0] = defaultPageIndex;
-    $[1] = pageCount;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  const [defaultIndex, setDefaultIndex] = React.useState(t0);
-  const [pageIndex, setPageIndex] = React.useState(defaultIndex);
-  const validDefaultPageCount = defaultPageIndex !== undefined && defaultPageIndex >= 0 && defaultPageIndex < pageCount;
-  if (validDefaultPageCount && defaultIndex !== defaultPageIndex) {
-    setDefaultIndex(defaultPageIndex);
-    setPageIndex(defaultPageIndex);
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      pageIndex: defaultPageIndex
-    });
-  }
-  const pageStart = pageIndex * pageSize;
-  const pageEnd = Math.min((pageIndex + 1) * pageSize, totalCount);
-  const hasNextPage = pageIndex + 1 < pageCount;
-  const hasPreviousPage = pageIndex > 0;
-  let t1;
-  if ($[3] !== onChange || $[4] !== pageIndex) {
-    t1 = function selectPage(newPageIndex) {
-      if (pageIndex !== newPageIndex) {
-        setPageIndex(newPageIndex);
-        onChange === null || onChange === void 0 ? void 0 : onChange({
-          pageIndex: newPageIndex
-        });
-      }
-    };
-    $[3] = onChange;
-    $[4] = pageIndex;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  const selectPage = t1;
-  let t2;
-  if ($[6] !== hasPreviousPage || $[7] !== pageIndex || $[8] !== selectPage) {
-    t2 = function selectPreviousPage() {
-      if (hasPreviousPage) {
-        selectPage(pageIndex - 1);
-      }
-    };
-    $[6] = hasPreviousPage;
-    $[7] = pageIndex;
-    $[8] = selectPage;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  const selectPreviousPage = t2;
-  let t3;
-  if ($[10] !== hasNextPage || $[11] !== pageIndex || $[12] !== selectPage) {
-    t3 = function selectNextPage() {
-      if (hasNextPage) {
-        selectPage(pageIndex + 1);
-      }
-    };
-    $[10] = hasNextPage;
-    $[11] = pageIndex;
-    $[12] = selectPage;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  const selectNextPage = t3;
-  let t4;
-  if ($[14] !== hasNextPage || $[15] !== hasPreviousPage || $[16] !== pageCount || $[17] !== pageEnd || $[18] !== pageIndex || $[19] !== pageStart || $[20] !== selectNextPage || $[21] !== selectPage || $[22] !== selectPreviousPage) {
-    t4 = {
-      pageIndex,
-      pageStart,
-      pageEnd,
-      pageCount,
-      hasNextPage,
-      hasPreviousPage,
-      selectPage,
-      selectPreviousPage,
-      selectNextPage
-    };
-    $[14] = hasNextPage;
-    $[15] = hasPreviousPage;
-    $[16] = pageCount;
-    $[17] = pageEnd;
-    $[18] = pageIndex;
-    $[19] = pageStart;
-    $[20] = selectNextPage;
-    $[21] = selectPage;
-    $[22] = selectPreviousPage;
-    $[23] = t4;
-  } else {
-    t4 = $[23];
-  }
-  return t4;
-}
-
-exports.Pagination = Pagination;

package/lib/DataTable/Pagination.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Pagination-b6f8418c.css');
-
-var classes = {"TablePagination":"prc-DataTable-TablePagination-ZbY9p","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Qqz6y","TablePaginationRange":"prc-DataTable-TablePaginationRange-Kp7GT","TablePaginationStep":"prc-DataTable-TablePaginationStep-0FsgZ","TablePaginationAction":"prc-DataTable-TablePaginationAction-kKQK4","TablePaginationPage":"prc-DataTable-TablePaginationPage-MQm-t","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-HEMTY"};
-
-module.exports = classes;

package/lib/DataTable/Table-87f4043f.css

@@ -1,2 +0,0 @@
-.prc-DataTable-TableContainer-Gm3sY{column-gap:var(--base-size-8,.5rem);display:grid;grid-template-areas:"title actions" "divider divider" "subtitle subtitle" "filter filter" "table table" "footer footer";grid-template-columns:1fr 1fr}.prc-DataTable-TableTitle-Q7qQd{align-self:center;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600);grid-area:title;line-height:20px}.prc-DataTable-TableSubtitle-DEyv-,.prc-DataTable-TableTitle-Q7qQd{color:var(--fgColor-default,var(--color-fg-default));margin:0}.prc-DataTable-TableSubtitle-DEyv-{font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-normal,400);grid-area:subtitle;line-height:var(--text-title-lineHeight-small,1.5)}.prc-DataTable-TableActions-IEEii{align-items:center;column-gap:var(--base-size-8,.5rem);display:flex;grid-area:actions;justify-self:end}.prc-DataTable-TableDivider-OsO1X{background-color:var(--borderColor-default,var(--color-border-default));grid-area:divider;height:1px;margin-block-end:var(--base-size-8,.5rem);margin-block-start:var(--base-size-16,1rem);width:100%}.prc-DataTable-TableActions-IEEii+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableSubtitle-DEyv-+.prc-DataTable-TableOverflowWrapper-PFgsy,.prc-DataTable-TableTitle-Q7qQd+.prc-DataTable-TableOverflowWrapper-PFgsy{margin-block-start:var(--base-size-8,.5rem)}.prc-DataTable-Table-qYfrL,.prc-DataTable-TableOverflowWrapper-PFgsy{grid-area:table}.prc-DataTable-Table-qYfrL{--table-border-radius:0.375rem;--table-cell-padding:var(--cell-padding-block,0.5rem) var(--cell-padding-inline,0.75rem);--table-font-size:0.75rem;background-color:var(--bgColor-default,var(--color-canvas-default));border-collapse:separate;border-spacing:0;display:grid;font-size:var(--table-font-size);grid-template-columns:var(--grid-template-columns);line-height:1.66667;width:100%}.prc-DataTable-Table-qYfrL:where([data-cell-padding=condensed]){--cell-padding-block:0.25rem;--cell-padding-inline:0.5rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=normal]){--cell-padding-block:0.5rem;--cell-padding-inline:0.75rem}.prc-DataTable-Table-qYfrL:where([data-cell-padding=spacious]){--cell-padding-block:0.75rem;--cell-padding-inline:1rem}.prc-DataTable-TableCell-dVc-6:first-child,.prc-DataTable-TableHeader-CRPoj:first-child{border-inline-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6:last-child,.prc-DataTable-TableHeader-CRPoj:last-child{border-inline-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableCell-dVc-6,.prc-DataTable-TableHeader-CRPoj{align-items:center;border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding:var(--table-cell-padding);text-align:start}.prc-DataTable-TableCell-dVc-6:where([data-cell-align=end]),.prc-DataTable-TableHeader-CRPoj:where([data-cell-align=end]){display:flex;justify-content:flex-end;text-align:end}.prc-DataTable-TableHeader-CRPoj[data-cell-align=end] .prc-DataTable-TableSortButton-LnQla{display:flex;flex-direction:row-reverse}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj{border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:first-child{border-top-left-radius:var(--table-border-radius)}.prc-DataTable-TableHead-eOrJU .prc-DataTable-TableRow-1vLX7:first-of-type .prc-DataTable-TableHeader-CRPoj:last-child{border-top-right-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:first-child{border-bottom-left-radius:var(--table-border-radius)}.prc-DataTable-TableOverflowWrapper-PFgsy:last-child .prc-DataTable-Table-qYfrL .prc-DataTable-TableBody-p56SS .prc-DataTable-TableRow-1vLX7:last-of-type .prc-DataTable-TableCell-dVc-6:last-child{border-bottom-right-radius:var(--table-border-radius)}.prc-DataTable-TableRow-1vLX7>:first-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:first-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-start:var(--base-size-16,1rem)}.prc-DataTable-TableRow-1vLX7>:last-child .prc-DataTable-TableCellSkeletonItem-jFqti,.prc-DataTable-TableRow-1vLX7>:last-child:not(.prc-DataTable-TableCellSkeleton-ge8WK){padding-inline-end:var(--base-size-16,1rem)}.prc-DataTable-TableHeader-CRPoj{background-color:var(--bgColor-muted,var(--color-canvas-subtle));border-block-start:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));color:var(--fgColor-muted,var(--color-fg-muted));font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableHeader-CRPoj:where([aria-sort=ascending]),.prc-DataTable-TableHeader-CRPoj:where([aria-sort=descending]){color:var(--fgColor-default,var(--color-fg-default))}.prc-DataTable-TableSortIcon-2h30n{visibility:hidden}.prc-DataTable-TableHeader-CRPoj .prc-DataTable-TableSortButton-LnQla:focus .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj:hover .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=ascending] .prc-DataTable-TableSortIcon--ascending-H9-sb,.prc-DataTable-TableHeader-CRPoj[aria-sort=descending] .prc-DataTable-TableSortIcon--descending-7-zjV{visibility:visible}.prc-DataTable-TableRow-1vLX7:hover .prc-DataTable-TableCell-dVc-6:not(.prc-DataTable-TableCellSkeleton-ge8WK){background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TableCell-dVc-6:where([scope=row]){align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;font-weight:var(--base-text-weight-semibold,600)}.prc-DataTable-TableCellSkeleton-ge8WK{padding:0}.prc-DataTable-TableCellSkeletonItems-XEGdI{display:flex;flex-direction:column;width:100%}.prc-DataTable-TableCellSkeletonItem-jFqti{padding:var(--table-cell-padding)}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+1){--skeleton-item-width:85%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+2){--skeleton-item-width:67.5%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+3){--skeleton-item-width:80%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+4){--skeleton-item-width:60%}.prc-DataTable-TableCellSkeletonItem-jFqti:nth-of-type(5n+5){--skeleton-item-width:75%}.prc-DataTable-TableCellSkeletonItem-jFqti [data-component=SkeletonText]{width:var(--skeleton-item-width)}.prc-DataTable-TableCellSkeletonItem-jFqti:not(:last-of-type){border-block-end:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default))}.prc-DataTable-TableSortButton-LnQla{column-gap:.5rem}.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:contents}@supports (grid-template-columns:subgrid){.prc-DataTable-TableBody-p56SS,.prc-DataTable-TableHead-eOrJU,.prc-DataTable-TableRow-1vLX7{display:grid;grid-column:-1/1;grid-template-columns:subgrid}}
-/*# sourceMappingURL=Table-87f4043f.css.map */

package/lib/DataTable/Table-87f4043f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DataTable/Table.module.css"],"names":[],"mappings":"AACA,oCAUE,mCAA8B,CAT9B,YAAa,CAEb,uHAMiB,CAPjB,6BASF,CAGA,gCAQE,iBAAkB,CANlB,8CAAuC,CACvC,gDAA6C,CAI7C,eAAgB,CAFhB,gBAIF,CAGA,mEANE,oDAA6B,CAL7B,QAkBF,CAPA,mCAEE,4CAAsC,CACtC,8CAA2C,CAG3C,kBAAmB,CAFnB,kDAGF,CAGA,kCAGE,kBAAmB,CADnB,mCAA8B,CAD9B,YAAa,CAGb,iBAAkB,CAClB,gBACF,CAGA,kCAIE,uEAA4C,CAC5C,iBAAkB,CAHlB,UAAW,CAKX,yCAAoC,CADpC,2CAAuC,CALvC,UAOF,CAGA,mOAGE,2CACF,CAOA,qEAJE,eAsCF,CAlCA,2BAEE,8BAA+B,CAC/B,wFAA2F,CAC3F,yBAA0B,CAW1B,mEAAwC,CADxC,wBAAyB,CAFzB,gBAAiB,CANjB,YAAa,CAGb,gCAAiC,CAQjC,kDAAmD,CANnD,mBAA0B,CAJ1B,UA2BF,CAdE,gEACE,4BAA6B,CAC7B,4BACF,CAEA,6DACE,2BAA4B,CAC5B,6BACF,CAEA,+DACE,4BAA6B,CAC7B,0BACF,CAIF,wFAEE,iHACF,CAEA,sFAEE,+GACF,CAEA,gEAME,kBAAmB,CACnB,8GAA0E,CAL1E,YAAa,CAEb,iCAAkC,CAClC,gBAGF,CAEA,0HAEE,YAAa,CAEb,wBAAyB,CADzB,cAEF,CAEA,2FACE,YAAa,CACb,0BACF,CAEA,4GACE,gHACF,CAIA,wHAEE,iDACF,CAGA,uHAEE,kDACF,CAGA,qMAEE,oDACF,CAGA,oMAEE,qDACF,CAMA,6KAEE,6CACF,CAEA,2KAEE,2CACF,CAGA,iCAGE,gEAAsC,CACtC,gHAA4E,CAF5E,gDAA2B,CAD3B,gDAIF,CAEA,6HAEE,oDACF,CAGA,mCACE,iBACF,CASA,yZAEE,kBACF,CAGA,+GACE,wGACF,CAGA,kDAIE,kBAAmB,CADnB,oDAA6B,CAF7B,YAAa,CACb,gDAGF,CAGA,uCACE,SACF,CAEA,4CACE,YAAa,CAEb,qBAAsB,CADtB,UAEF,CAEA,2CAEE,iCAqBF,CAnBE,6DACE,yBACF,CAEA,6DACE,2BACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAEA,6DACE,yBACF,CAGF,yEACE,gCACF,CAEA,8DACE,8GACF,CAEA,qCACE,gBACF,CAGA,4FAGE,gBACF,CAEA,0CACE,4FAGE,YAAa,CAEb,gBAAkB,CADlB,6BAEF,CACF","file":"Table-87f4043f.css","sourcesContent":["/* Container ---------------------------------------------------------------- */\n.TableContainer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas:\n    'title actions'\n    'divider divider'\n    'subtitle subtitle'\n    'filter filter'\n    'table table'\n    'footer footer';\n  column-gap: var(--base-size-8);\n}\n\n/* TableTitle */\n.TableTitle {\n  margin: 0;\n  font-size: var(--text-body-size-medium);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 20px;\n  color: var(--fgColor-default);\n  grid-area: title;\n  align-self: center;\n}\n\n/* TableSubtitle */\n.TableSubtitle {\n  margin: 0;\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-normal);\n  line-height: var(--text-title-lineHeight-small);\n  color: var(--fgColor-default);\n  grid-area: subtitle;\n}\n\n/* TableActions */\n.TableActions {\n  display: flex;\n  column-gap: var(--base-size-8);\n  align-items: center;\n  grid-area: actions;\n  justify-self: end;\n}\n\n/* TableDivider */\n.TableDivider {\n  width: 100%;\n  height: 1px;\n  /* stylelint-disable-next-line primer/colors */\n  background-color: var(--borderColor-default);\n  grid-area: divider;\n  margin-block-start: var(--base-size-16);\n  margin-block-end: var(--base-size-8);\n}\n\n/* Spacing before the table */\n.TableTitle + .TableOverflowWrapper,\n.TableSubtitle + .TableOverflowWrapper,\n.TableActions + .TableOverflowWrapper {\n  margin-block-start: var(--base-size-8);\n}\n\n.TableOverflowWrapper {\n  grid-area: table;\n}\n\n/* Table -------------------------------------------------------------------- */\n.Table {\n  /* Default table styles */\n  --table-border-radius: 0.375rem;\n  --table-cell-padding: var(--cell-padding-block, 0.5rem) var(--cell-padding-inline, 0.75rem);\n  --table-font-size: 0.75rem;\n\n  display: grid;\n  width: 100%;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: var(--table-font-size);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: calc(20 / 12);\n  border-spacing: 0;\n  /* stylelint-disable-next-line primer/borders */\n  border-collapse: separate;\n  background-color: var(--bgColor-default);\n  grid-area: table;\n  grid-template-columns: var(--grid-template-columns);\n\n  /* Density modes: condensed, normal, spacious */\n  &:where([data-cell-padding='condensed']) {\n    --cell-padding-block: 0.25rem;\n    --cell-padding-inline: 0.5rem;\n  }\n\n  &:where([data-cell-padding='normal']) {\n    --cell-padding-block: 0.5rem;\n    --cell-padding-inline: 0.75rem;\n  }\n\n  &:where([data-cell-padding='spacious']) {\n    --cell-padding-block: 0.75rem;\n    --cell-padding-inline: 1rem;\n  }\n}\n\n/* Borders */\n.TableCell:first-child,\n.TableHeader:first-child {\n  border-inline-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableCell:last-child,\n.TableHeader:last-child {\n  border-inline-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader,\n.TableCell {\n  display: flex;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n  text-align: start;\n  align-items: center;\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([data-cell-align='end']),\n.TableCell:where([data-cell-align='end']) {\n  display: flex;\n  text-align: end;\n  justify-content: flex-end;\n}\n\n.TableHeader[data-cell-align='end'] .TableSortButton {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.TableHead .TableRow:first-of-type .TableHeader {\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n/* Border radius */\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.TableHead .TableRow:first-of-type .TableHeader:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-top-right-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:first-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-left-radius: var(--table-border-radius);\n}\n\n/* stylelint-disable-next-line selector-max-compound-selectors,selector-max-specificity */\n.TableOverflowWrapper:last-child .Table .TableBody .TableRow:last-of-type .TableCell:last-child {\n  /* stylelint-disable-next-line primer/borders */\n  border-bottom-right-radius: var(--table-border-radius);\n}\n\n/**\n * Offset padding to make sure type aligns regardless of cell padding\n * selection\n */\n.TableRow > *:first-child:not(.TableCellSkeleton),\n.TableRow > *:first-child .TableCellSkeletonItem {\n  padding-inline-start: var(--base-size-16);\n}\n\n.TableRow > *:last-child:not(.TableCellSkeleton),\n.TableRow > *:last-child .TableCellSkeletonItem {\n  padding-inline-end: var(--base-size-16);\n}\n\n/* TableHeader */\n.TableHeader {\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-muted);\n  background-color: var(--bgColor-muted);\n  border-block-start: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableHeader:where([aria-sort='descending']),\n.TableHeader:where([aria-sort='ascending']) {\n  color: var(--fgColor-default);\n}\n\n/* Control visibility of sort icons */\n.TableSortIcon {\n  visibility: hidden;\n}\n\n/* The ASC icon is visible if the header is sortable and is hovered or focused */\n.TableHeader:hover .TableSortIcon--ascending,\n.TableHeader .TableSortButton:focus .TableSortIcon--ascending {\n  visibility: visible;\n}\n\n/* Each sort icon is visible if the TableHeader is currently in the corresponding sort state */\n.TableHeader[aria-sort='ascending'] .TableSortIcon--ascending,\n.TableHeader[aria-sort='descending'] .TableSortIcon--descending {\n  visibility: visible;\n}\n\n/* TableRow */\n.TableRow:hover .TableCell:not(.TableCellSkeleton) {\n  background-color: var(--control-transparent-bgColor-hover);\n}\n\n/* TableCell */\n.TableCell:where([scope='row']) {\n  display: flex;\n  font-weight: var(--base-text-weight-semibold);\n  color: var(--fgColor-default);\n  align-items: center;\n}\n\n/* TableCellSkeleton */\n.TableCellSkeleton {\n  padding: 0;\n}\n\n.TableCellSkeletonItems {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.TableCellSkeletonItem {\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--table-cell-padding);\n\n  &:nth-of-type(5n + 1) {\n    --skeleton-item-width: 85%;\n  }\n\n  &:nth-of-type(5n + 2) {\n    --skeleton-item-width: 67.5%;\n  }\n\n  &:nth-of-type(5n + 3) {\n    --skeleton-item-width: 80%;\n  }\n\n  &:nth-of-type(5n + 4) {\n    --skeleton-item-width: 60%;\n  }\n\n  &:nth-of-type(5n + 5) {\n    --skeleton-item-width: 75%;\n  }\n}\n\n.TableCellSkeletonItem [data-component='SkeletonText'] {\n  width: var(--skeleton-item-width);\n}\n\n.TableCellSkeletonItem:not(:last-of-type) {\n  border-block-end: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.TableSortButton {\n  column-gap: 0.5rem;\n}\n\n/* Grid layout */\n.TableHead,\n.TableBody,\n.TableRow {\n  display: contents;\n}\n\n@supports (grid-template-columns: subgrid) {\n  .TableHead,\n  .TableBody,\n  .TableRow {\n    display: grid;\n    grid-template-columns: subgrid;\n    grid-column: -1 /1;\n  }\n}\n"]}

package/lib/DataTable/Table.d.ts

@@ -1,135 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { Column, CellAlignment } from './column';
-import type { UniqueRow } from './row';
-import { SortDirection } from './sorting';
-export type TableProps = React.ComponentPropsWithoutRef<'table'> & {
-    /**
-     * Provide an id to an element which uniquely describes this table
-     */
-    'aria-describedby'?: string;
-    /**
-     * Provide an id to an element which uniquely labels this table
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Column width definitions
-     */
-    gridTemplateColumns?: React.CSSProperties['gridTemplateColumns'];
-    /**
-     * Specify the amount of space that should be available around the contents of
-     * a cell
-     */
-    cellPadding?: 'condensed' | 'normal' | 'spacious';
-};
-declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
-    /**
-     * Provide an id to an element which uniquely describes this table
-     */
-    'aria-describedby'?: string;
-    /**
-     * Provide an id to an element which uniquely labels this table
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Column width definitions
-     */
-    gridTemplateColumns?: React.CSSProperties["gridTemplateColumns"];
-    /**
-     * Specify the amount of space that should be available around the contents of
-     * a cell
-     */
-    cellPadding?: "condensed" | "normal" | "spacious";
-} & React.RefAttributes<HTMLTableElement>>;
-export type TableHeadProps = React.ComponentPropsWithoutRef<'thead'>;
-declare function TableHead({ children }: TableHeadProps): React.JSX.Element;
-export type TableBodyProps = React.ComponentPropsWithoutRef<'tbody'>;
-declare function TableBody({ children }: TableBodyProps): React.JSX.Element;
-export type TableHeaderProps = Omit<React.ComponentPropsWithoutRef<'th'>, 'align'> & {
-    /**
-     * The horizontal alignment of the cell's content
-     */
-    align?: CellAlignment;
-};
-declare function TableHeader({ align, children, ...rest }: TableHeaderProps): React.JSX.Element;
-type TableSortHeaderProps = TableHeaderProps & {
-    /**
-     * Specify the sort direction for the TableHeader
-     */
-    direction: SortDirection;
-    /**
-     * Provide a handler that is called when the sortable TableHeader is
-     * interacted with via a click or keyboard interaction
-     */
-    onToggleSort: () => void;
-};
-declare function TableSortHeader({ align, children, direction, onToggleSort, ...rest }: TableSortHeaderProps): React.JSX.Element;
-export type TableRowProps = React.ComponentPropsWithoutRef<'tr'>;
-declare function TableRow({ children, ...rest }: TableRowProps): React.JSX.Element;
-export type TableCellProps = Omit<React.ComponentPropsWithoutRef<'td'>, 'align'> & {
-    /**
-     * The horizontal alignment of the cell's content
-     */
-    align?: CellAlignment;
-    /**
-     * Provide the scope for a table cell, useful for defining a row header using
-     * `scope="row"`
-     */
-    scope?: 'row';
-};
-declare function TableCell({ align, className, children, scope, ...rest }: TableCellProps): React.JSX.Element;
-type TableCellPlaceholderProps = React.PropsWithChildren;
-declare function TableCellPlaceholder({ children }: TableCellPlaceholderProps): React.JSX.Element;
-export type TableContainerProps = React.PropsWithChildren<SxProp & React.HTMLAttributes<HTMLDivElement>>;
-declare function TableContainer({ children, className, ...rest }: TableContainerProps): React.JSX.Element;
-export type TableTitleProps = React.PropsWithChildren<{
-    /**
-     * Provide an alternate element or component to use as the container for
-     * `TableSubtitle`. This is useful when specifying markup that is more
-     * semantic for your use-case, such as a heading tag.
-     */
-    as?: keyof JSX.IntrinsicElements | React.ComponentType;
-    /**
-     * Provide a unique id for the table subtitle. This should be used along with
-     * `aria-labelledby` on `DataTable`
-     */
-    id: string;
-} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-declare const TableTitle: React.ForwardRefExoticComponent<Omit<TableTitleProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export type TableSubtitleProps = React.PropsWithChildren<{
-    /**
-     * Provide an alternate element or component to use as the container for
-     * `TableSubtitle`. This is useful when specifying markup that is more
-     * semantic for your use-case
-     */
-    as?: keyof JSX.IntrinsicElements | React.ComponentType;
-    /**
-     * Provide a unique id for the table subtitle. This should be used along with
-     * `aria-describedby` on `DataTable`
-     */
-    id: string;
-} & React.HTMLAttributes<HTMLElement>>;
-declare function TableSubtitle({ as: BaseComponent, children, id }: TableSubtitleProps): React.JSX.Element;
-declare function TableDivider(): React.JSX.Element;
-export type TableActionsProps = React.PropsWithChildren;
-declare function TableActions({ children }: TableActionsProps): React.JSX.Element;
-export type TableSkeletonProps<Data extends UniqueRow> = React.ComponentPropsWithoutRef<'table'> & {
-    /**
-     * Specify the amount of space that should be available around the contents of
-     * a cell
-     */
-    cellPadding?: 'condensed' | 'normal' | 'spacious';
-    /**
-     * Provide an array of columns for the table. Columns will render as the headers
-     * of the table.
-     */
-    columns: Array<Column<Data>>;
-    /**
-     * Optionally specify the number of rows which should be included in the
-     * skeleton state of the component
-     */
-    rows?: number;
-};
-declare function TableSkeleton<Data extends UniqueRow>({ cellPadding, columns, rows, ...rest }: TableSkeletonProps<Data>): React.JSX.Element;
-export { TableContainer, TableTitle, TableSubtitle, TableActions, TableDivider, Table, TableHead, TableBody, TableRow, TableHeader, TableSortHeader, TableCell, TableCellPlaceholder, TableSkeleton, };
-//# sourceMappingURL=Table.d.ts.map