@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

package/lib/DataTable/Pagination.js

@@ -1,404 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var octiconsReact = require('@primer/octicons-react');
-var React = require('react');
-var styled = require('styled-components');
-var constants = require('../constants.js');
-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 jsxRuntime = require('react/jsx-runtime');
-var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledPagination = styled__default.default.nav.withConfig({
-  displayName: "Pagination__StyledPagination",
-  componentId: "sc-1auq45q-0"
-})(["display:flex;align-items:center;justify-content:space-between;column-gap:1rem;width:100%;grid-area:footer;padding:0.5rem 1rem;border:1px solid ", ";border-top-width:0;border-end-start-radius:6px;border-end-end-radius:6px;.TablePaginationRange{color:", ";font-size:0.75rem;margin:0;}.TablePaginationSteps{display:flex;align-items:center;flex-wrap:wrap;list-style:none;color:", ";font-size:0.875rem;margin:0;padding:0;}.TablePaginationStep:first-of-type{margin-right:1rem;}.TablePaginationStep:last-of-type{margin-left:1rem;}.TablePaginationAction{display:flex;align-items:center;color:", ";font-size:0.875rem;line-height:calc(20 / 14);user-select:none;padding:0.5rem;border-radius:6px;}.TablePaginationAction[data-has-page]{color:", ";}.TablePaginationPage{min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;font-size:0.875rem;line-height:calc(20 / 14);user-select:none;border-radius:6px;padding:0.5rem calc((2rem - 1.25rem) / 2);}.TablePaginationAction[data-has-page]:hover,.TablePaginationAction[data-has-page]:focus,.TablePaginationPage:hover,.TablePaginationPage:focus{background-color:", ";}.TablePaginationPage[data-active='true']{background-color:", ";color:", ";}.TablePaginationPage[data-active='true']:focus-visible{outline:2px solid var(--bgColor-accent-emphasis);outline-offset:-2px;box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis);}.TablePaginationTruncationStep{display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;user-select:none;}", ""], constants.get('colors.border.default'), constants.get('colors.fg.muted'), constants.get('colors.fg.default'), constants.get('colors.fg.muted'), constants.get('colors.accent.fg'), constants.get('colors.actionListItem.default.hoverBg'), constants.get('colors.accent.emphasis'), constants.get('colors.fg.onEmphasis'),
-// Hides pages based on the viewport range passed to `showPages`
-Object.keys(useResponsiveValue.viewportRanges).map(viewportRangeKey => {
-  return `
-      @media (${useResponsiveValue.viewportRanges[viewportRangeKey]}) {
-        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:not(:first-child):not(:last-child) {
-          display: none;
-        }
-
-        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:first-child {
-          margin-inline-end: 0;
-        }
-
-        .TablePaginationSteps[data-hidden-viewport-ranges*='${viewportRangeKey}'] > *:last-child {
-          margin-inline-start: 0;
-        }
-      }
-    `;
-}).join(''));
-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(StyledPagination, {
-      "aria-label": label,
-      className: "TablePagination",
-      id: id,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Range, {
-        pageStart: pageStart,
-        pageEnd: pageEnd,
-        totalCount: totalCount
-      }), /*#__PURE__*/jsxRuntime.jsxs("ol", {
-        className: "TablePaginationSteps",
-        "data-hidden-viewport-ranges": getViewportRangesToHidePages().join(' '),
-        children: [/*#__PURE__*/jsxRuntime.jsx(Step, {
-          children: /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-            className: "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", {
-              className: "TablePaginationActionLabel",
-              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: "TablePaginationAction",
-            type: "button",
-            "data-has-page": hasNextPage ? true : undefined,
-            "aria-disabled": !hasNextPage ? true : undefined,
-            onClick: () => {
-              if (!hasNextPage) {
-                return;
-              }
-              selectNextPage();
-            },
-            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "TablePaginationActionLabel",
-              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(11);
-  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;
-  let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-      children: "\xA0through\xA0"
-    });
-    t4 = /*#__PURE__*/jsxRuntime.jsx("span", {
-      "aria-hidden": "true",
-      children: "\u2012"
-    });
-    $[2] = t3;
-    $[3] = t4;
-  } else {
-    t3 = $[2];
-    t4 = $[3];
-  }
-  let t5;
-  if ($[4] !== end || $[5] !== start || $[6] !== totalCount) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs("p", {
-      className: "TablePaginationRange",
-      children: [start, t3, t4, end, " of ", totalCount]
-    });
-    $[4] = end;
-    $[5] = start;
-    $[6] = totalCount;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  let t6;
-  if ($[8] !== t2 || $[9] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t2, t5]
-    });
-    $[8] = t2;
-    $[9] = t5;
-    $[10] = t6;
-  } else {
-    t6 = $[10];
-  }
-  return t6;
-}
-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: "TablePaginationTruncationStep",
-      children: "\u2026"
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}
-function Step(t0) {
-  const $ = reactCompilerRuntime.c(2);
-  const {
-    children
-  } = t0;
-  let t1;
-  if ($[0] !== children) {
-    t1 = /*#__PURE__*/jsxRuntime.jsx("li", {
-      className: "TablePaginationStep",
-      children: children
-    });
-    $[0] = children;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  return t1;
-}
-function Page(t0) {
-  const $ = reactCompilerRuntime.c(6);
-  const {
-    active,
-    children,
-    onClick
-  } = t0;
-  const t1 = active ? true : undefined;
-  const t2 = active ? true : undefined;
-  let t3;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, {
-      children: "Page\xA0"
-    });
-    $[0] = t3;
-  } else {
-    t3 = $[0];
-  }
-  let t4;
-  if ($[1] !== children || $[2] !== onClick || $[3] !== t1 || $[4] !== t2) {
-    t4 = /*#__PURE__*/jsxRuntime.jsxs(ButtonReset.Button, {
-      className: "TablePaginationPage",
-      type: "button",
-      "data-active": t1,
-      "aria-current": t2,
-      onClick: onClick,
-      children: [t3, children]
-    });
-    $[1] = children;
-    $[2] = onClick;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  return t4;
-}
-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/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, sx: sxProp, ...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

package/lib/DataTable/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,UAAU,CAAA;AACnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,EAAC,aAAa,EAAC,MAAM,WAAW,CAAA;AAavC,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG;IACjE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAA;IAEhE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;CAClD,CAAA;AAED,QAAA,MAAM,KAAK;IAtBT;;OAEG;yBACkB,MAAM;IAE3B;;OAEG;wBACiB,MAAM;IAE1B;;OAEG;0BACmB,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAEhE;;;OAGG;kBACW,WAAW,GAAG,QAAQ,GAAG,UAAU;0CAyBjD,CAAA;AAMF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;AAEpE,iBAAS,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE,cAAc,qBAQ5C;AAMD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;AAEpE,iBAAS,SAAS,CAAC,EAAC,QAAQ,EAAC,EAAE,cAAc,qBAQ5C;AAMD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,iBAAS,WAAW,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,gBAAgB,qBAYhE;AAED,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C;;OAEG;IACH,SAAS,EAAE,aAAa,CAAA;IAExB;;;OAGG;IACH,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED,iBAAS,eAAe,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAC,EAAE,oBAAoB,qBAuCjG;AAMD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAEhE,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,aAAa,qBAMnD;AAMD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;IACjF;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,iBAAS,SAAS,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,cAAc,qBAe9E;AAED,KAAK,yBAAyB,GAAG,KAAK,CAAC,iBAAiB,CAAA;AAExD,iBAAS,oBAAoB,CAAC,EAAC,QAAQ,EAAC,EAAE,yBAAyB,qBAElE;AAKD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAA;AAExG,iBAAS,cAAc,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,MAAsB,EAAE,GAAG,IAAI,EAAC,EAAE,mBAAmB,qBAMtG;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,iBAAiB,CACnD;IACE;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAA;IAEtD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACnC,CAAA;AAED,QAAA,MAAM,UAAU,kGAUd,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CACtD;IACE;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAA;IAEtD;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACtC,CAAA;AAED,iBAAS,aAAa,CAAC,EAAC,EAAE,EAAE,aAAqB,EAAE,QAAQ,EAAE,EAAE,EAAC,EAAE,kBAAkB,qBAMnF;AAED,iBAAS,YAAY,sBAEpB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAA;AAEvD,iBAAS,YAAY,CAAC,EAAC,QAAQ,EAAC,EAAE,iBAAiB,qBAElD;AAKD,MAAM,MAAM,kBAAkB,CAAC,IAAI,SAAS,SAAS,IAAI,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG;IACjG;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;IAEjD;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,iBAAS,aAAa,CAAC,IAAI,SAAS,SAAS,EAAE,EAAC,WAAW,EAAE,OAAO,EAAE,IAAS,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,qBAuClH;AAED,OAAO,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,eAAe,EACf,SAAS,EACT,oBAAoB,EACpB,aAAa,GACd,CAAA"}