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

package/lib/CircleBadge/CircleBadge.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var constants = require('../constants.js');
-var sx = require('../sx.js');
-var isNumeric = require('../utils/isNumeric.js');
-var Octicon = require('../Octicon/Octicon.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const variantSizes = {
-  small: 56,
-  medium: 96,
-  large: 128
-};
-const sizeStyles = ({
-  size,
-  variant = 'medium'
-}) => {
-  const calc = isNumeric(size) ? size : variantSizes[variant];
-  return {
-    width: calc,
-    height: calc
-  };
-};
-const CircleBadge = styled__default.default.div.withConfig({
-  displayName: "CircleBadge",
-  componentId: "sc-nywehb-0"
-})(["display:", ";align-items:center;justify-content:center;background-color:", ";border-radius:50%;box-shadow:", ";", ";", ";"], ({
-  inline = false
-}) => inline ? 'inline-flex' : 'flex', constants.get('colors.canvas.default'), constants.get('shadows.shadow.medium'), sizeStyles, sx.default);
-const CircleBadgeIcon = styled__default.default(Octicon).withConfig({
-  displayName: "CircleBadge__CircleBadgeIcon",
-  componentId: "sc-nywehb-1"
-})(["height:auto;max-width:60%;max-height:55%;"]);
-CircleBadgeIcon.displayName = 'CircleBadge.Icon';
-/**
- * @deprecated This component is deprecated.
- * Replace component with specific icon imports from `@primer/octicons-react` and customized styling.
- */
-var CircleBadge$1 = Object.assign(CircleBadge, {
-  Icon: CircleBadgeIcon
-});
-
-module.exports = CircleBadge$1;

package/lib/CircleBadge/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './CircleBadge';
-export type { CircleBadgeProps, CircleBadgeIconProps } from './CircleBadge';
-//# sourceMappingURL=index.d.ts.map

package/lib/ConfirmationDialog/ConfirmationDialog-de0401ff.css

@@ -1,2 +0,0 @@
-.prc-ConfirmationDialog-ConfirmationHeader-yiLEc{display:flex;flex-direction:row;padding:var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationHeader-yiLEc>h1{flex-grow:1;font-size:var(--text-title-size-medium,1.25rem);font-weight:var(--text-title-weight-medium,600);margin:0;padding:var(--base-size-6,.375rem) var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationBody-ht9P-{flex-grow:1;font-size:var(--text-body-size-medium,.875rem);padding:0 var(--base-size-16,1rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}.prc-ConfirmationDialog-ConfirmationFooter-AqKBI{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--base-size-8,.5rem);align-items:end;justify-content:end;padding:var(--base-size-4,.25rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}
-/*# sourceMappingURL=ConfirmationDialog-de0401ff.css.map */

package/lib/ConfirmationDialog/ConfirmationDialog-de0401ff.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ConfirmationDialog/ConfirmationDialog.module.css"],"names":[],"mappings":"AAAA,iDACE,YAAa,CAEb,kBAAmB,CADnB,gCAYF,CATE,oDAOE,WAAY,CAFZ,+CAAwC,CACxC,+CAA4C,CAF5C,QAAS,CAHT,2DAOF,CAGF,+CAGE,WAAY,CADZ,8CAAuC,CADvC,oFAGF,CAEA,iDACE,YAAa,CAEb,6BAA8B,CAD9B,qBAAsB,CAEtB,iCAA4B,CAC5B,eAAgB,CAChB,mBAAoB,CACpB,mFACF","file":"ConfirmationDialog-de0401ff.css","sourcesContent":[".ConfirmationHeader {\n  display: flex;\n  padding: var(--base-size-8);\n  flex-direction: row;\n\n  > h1 {\n    padding: var(--base-size-6) var(--base-size-8);\n\n    /* override default margin */\n    margin: 0;\n    font-size: var(--text-title-size-medium);\n    font-weight: var(--text-title-weight-medium);\n    flex-grow: 1;\n  }\n}\n\n.ConfirmationBody {\n  padding: 0 var(--base-size-16) var(--base-size-16) var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  flex-grow: 1;\n}\n\n.ConfirmationFooter {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  grid-gap: var(--base-size-8);\n  align-items: end;\n  justify-content: end;\n  padding: var(--base-size-4) var(--base-size-16) var(--base-size-16);\n}\n"]}

package/lib/ConfirmationDialog/ConfirmationDialog.js

@@ -1,173 +0,0 @@
-'use strict';
-
-var React = require('react');
-var client = require('react-dom/client');
-var ThemeProvider = require('../ThemeProvider.js');
-var behaviors = require('@primer/behaviors');
-var Dialog = require('../Dialog/Dialog.js');
-var useFocusZone = require('../hooks/useFocusZone.js');
-var BaseStyles = require('../BaseStyles.js');
-var ConfirmationDialog_module = require('./ConfirmationDialog.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const ConfirmationHeader = ({
-  title,
-  onClose,
-  dialogLabelId
-}) => {
-  const onCloseClick = React.useCallback(() => {
-    onClose('close-button');
-  }, [onClose]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: ConfirmationDialog_module.ConfirmationHeader,
-    children: [/*#__PURE__*/jsxRuntime.jsx("h1", {
-      id: dialogLabelId,
-      children: title
-    }), /*#__PURE__*/jsxRuntime.jsx(Dialog.Dialog.CloseButton, {
-      onClose: onCloseClick
-    })]
-  });
-};
-ConfirmationHeader.displayName = "ConfirmationHeader";
-const ConfirmationBody = ({
-  children
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: ConfirmationDialog_module.ConfirmationBody,
-    children: children
-  });
-};
-ConfirmationBody.displayName = "ConfirmationBody";
-const ConfirmationFooter = ({
-  footerButtons
-}) => {
-  const {
-    containerRef: footerRef
-  } = useFocusZone.useFocusZone({
-    bindKeys: behaviors.FocusKeys.ArrowHorizontal | behaviors.FocusKeys.Tab,
-    focusInStrategy: 'closest'
-  });
-
-  // Must have exactly 2 buttons!
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: footerRef,
-    className: ConfirmationDialog_module.ConfirmationFooter,
-    children: /*#__PURE__*/jsxRuntime.jsx(Dialog.Dialog.Buttons, {
-      buttons: footerButtons !== null && footerButtons !== void 0 ? footerButtons : []
-    })
-  });
-};
-ConfirmationFooter.displayName = "ConfirmationFooter";
-/**
- * A ConfirmationDialog is a special kind of dialog with more rigid behavior. It
- * is used to confirm a user action. ConfirmationDialogs always have exactly
- * two buttons: one to cancel the action and one to confirm it. No custom
- * rendering capabilities are provided for ConfirmationDialog.
- */
-const ConfirmationDialog = props => {
-  const {
-    onClose,
-    title,
-    cancelButtonContent = 'Cancel',
-    confirmButtonContent = 'OK',
-    confirmButtonType = 'normal',
-    cancelButtonLoading = false,
-    confirmButtonLoading = false,
-    children,
-    className,
-    width = 'medium',
-    height
-  } = props;
-  const onCancelButtonClick = React.useCallback(() => {
-    onClose('cancel');
-  }, [onClose]);
-  const onConfirmButtonClick = React.useCallback(() => {
-    onClose('confirm');
-  }, [onClose]);
-  const isConfirmationDangerous = confirmButtonType === 'danger';
-  const cancelButton = {
-    content: cancelButtonContent,
-    onClick: onCancelButtonClick,
-    autoFocus: isConfirmationDangerous,
-    loading: cancelButtonLoading
-  };
-  const confirmButton = {
-    content: confirmButtonContent,
-    buttonType: confirmButtonType,
-    onClick: onConfirmButtonClick,
-    autoFocus: !isConfirmationDangerous,
-    loading: confirmButtonLoading
-  };
-  const footerButtons = [cancelButton, confirmButton];
-  return /*#__PURE__*/jsxRuntime.jsx(Dialog.Dialog, {
-    onClose: onClose,
-    title: title,
-    footerButtons: footerButtons,
-    role: "alertdialog",
-    width: width,
-    height: height,
-    className: className,
-    renderHeader: ConfirmationHeader,
-    renderBody: ConfirmationBody,
-    renderFooter: ConfirmationFooter,
-    children: children
-  });
-};
-ConfirmationDialog.displayName = "ConfirmationDialog";
-let hostElement = null;
-async function confirm(themeProps, options) {
-  const {
-    content,
-    ...confirmationDialogProps
-  } = options;
-  return new Promise(resolve => {
-    hostElement ||= document.createElement('div');
-    if (!hostElement.isConnected) document.body.append(hostElement);
-    const root = client.createRoot(hostElement);
-    const onClose = gesture => {
-      root.unmount();
-      if (gesture === 'confirm') {
-        resolve(true);
-      } else {
-        resolve(false);
-      }
-    };
-    root.render(/*#__PURE__*/jsxRuntime.jsx(ThemeProvider.ThemeProvider, {
-      ...themeProps,
-      children: /*#__PURE__*/jsxRuntime.jsx(BaseStyles, {
-        children: /*#__PURE__*/jsxRuntime.jsx(ConfirmationDialog, {
-          ...confirmationDialogProps,
-          onClose: onClose,
-          children: content
-        })
-      })
-    }));
-  });
-}
-
-/**
- * This hook takes no parameters and returns an `async` function, `confirm`. When `confirm`
- * is called, it shows the confirmation dialog. When the dialog is dismissed, a promise is
- * resolved with `true` or `false` depending on whether or not the confirm button was used.
- */
-function useConfirm() {
-  const {
-    theme,
-    colorMode,
-    dayScheme,
-    nightScheme
-  } = ThemeProvider.useTheme();
-  const result = React.useCallback(options => {
-    const themeProps = {
-      theme,
-      colorMode,
-      dayScheme,
-      nightScheme
-    };
-    return confirm(themeProps, options);
-  }, [theme, colorMode, dayScheme, nightScheme]);
-  return result;
-}
-
-exports.ConfirmationDialog = ConfirmationDialog;
-exports.useConfirm = useConfirm;

package/lib/ConfirmationDialog/ConfirmationDialog.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./ConfirmationDialog-de0401ff.css');
-
-var classes = {"ConfirmationHeader":"prc-ConfirmationDialog-ConfirmationHeader-yiLEc","ConfirmationBody":"prc-ConfirmationDialog-ConfirmationBody-ht9P-","ConfirmationFooter":"prc-ConfirmationDialog-ConfirmationFooter-AqKBI"};
-
-module.exports = classes;

package/lib/CounterLabel/CounterLabel-44fb5d16.css

@@ -1,2 +0,0 @@
-.prc-CounterLabel-CounterLabel-ZwXPe{border:var(--borderWidth-thin,.0625rem) solid var(--counter-borderColor,var(--color-counter-border));border-radius:20px;display:inline-block;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-semibold,600);line-height:1;padding:var(--base-size-2,.125rem) var(--base-size-6,.375rem)}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-scheme=primary]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-CounterLabel-CounterLabel-ZwXPe:where([data-scheme=secondary]){background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));color:var(--fgColor-default,var(--color-fg-default))}.prc-CounterLabel-CounterLabel-ZwXPe:where(:empty){display:none}
-/*# sourceMappingURL=CounterLabel-44fb5d16.css.map */

package/lib/CounterLabel/CounterLabel-44fb5d16.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/CounterLabel/CounterLabel.module.css"],"names":[],"mappings":"AAAA,qCAOE,oGAAgE,CAEhE,kBAAmB,CARnB,oBAAqB,CAErB,4CAAsC,CACtC,gDAA6C,CAE7C,aAAc,CAJd,6DAsBF,CAbE,kEAEE,uEAAiD,CADjD,2DAEF,CAEA,oEAEE,yEAA8C,CAD9C,oDAEF,CAEA,mDACE,YACF","file":"CounterLabel-44fb5d16.css","sourcesContent":[".CounterLabel {\n  display: inline-block;\n  padding: var(--base-size-2) var(--base-size-6);\n  font-size: var(--text-body-size-small);\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 1;\n  border: var(--borderWidth-thin) solid var(--counter-borderColor);\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: 20px;\n\n  &:where([data-scheme='primary']) {\n    color: var(--fgColor-onEmphasis);\n    background-color: var(--bgColor-neutral-emphasis);\n  }\n\n  &:where([data-scheme='secondary']) {\n    color: var(--fgColor-default);\n    background-color: var(--bgColor-neutral-muted);\n  }\n\n  &:where(:empty) {\n    display: none;\n  }\n}\n"]}

package/lib/CounterLabel/CounterLabel.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type React from 'react';
-import type { SxProp } from '../sx';
-export type CounterLabelProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
-    scheme?: 'primary' | 'secondary';
-    className?: string;
-} & SxProp>;
-declare const CounterLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
-    scheme?: "primary" | "secondary";
-    className?: string;
-} & SxProp & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;
-export default CounterLabel;
-//# sourceMappingURL=CounterLabel.d.ts.map

package/lib/CounterLabel/CounterLabel.js

@@ -1,101 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var clsx = require('clsx');
-var React = require('react');
-var CounterLabel_module = require('./CounterLabel.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-
-const CounterLabel = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(20);
-  let children;
-  let className;
-  let rest;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      scheme: t1,
-      className,
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-    $[4] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-    t1 = $[4];
-  }
-  const scheme = t1 === undefined ? "secondary" : t1;
-  let t2;
-  if ($[5] !== children) {
-    t2 = /*#__PURE__*/jsxRuntime.jsxs(VisuallyHidden.VisuallyHidden, {
-      children: ["\xA0(", children, ")"]
-    });
-    $[5] = children;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const label = t2;
-  let t3;
-  if ($[7] !== forwardedRef || $[8] !== rest || $[9] !== scheme) {
-    t3 = {
-      ref: forwardedRef,
-      "aria-hidden": "true",
-      "data-scheme": scheme,
-      ...rest
-    };
-    $[7] = forwardedRef;
-    $[8] = rest;
-    $[9] = scheme;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  const counterProps = t3;
-  let t4;
-  if ($[11] !== className) {
-    t4 = clsx.clsx(className, CounterLabel_module.CounterLabel);
-    $[11] = className;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== children || $[14] !== counterProps || $[15] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "span",
-      ...counterProps,
-      className: t4,
-      children: children
-    });
-    $[13] = children;
-    $[14] = counterProps;
-    $[15] = t4;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== label || $[18] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t5, label]
-    });
-    $[17] = label;
-    $[18] = t5;
-    $[19] = t6;
-  } else {
-    t6 = $[19];
-  }
-  return t6;
-});
-CounterLabel.displayName = 'CounterLabel';
-
-module.exports = CounterLabel;

package/lib/CounterLabel/CounterLabel.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./CounterLabel-44fb5d16.css');
-
-var classes = {"CounterLabel":"prc-CounterLabel-CounterLabel-ZwXPe"};
-
-module.exports = classes;

package/lib/CounterLabel/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './CounterLabel';
-export type { CounterLabelProps } from './CounterLabel';
-//# sourceMappingURL=index.d.ts.map

package/lib/DataTable/DataTable.d.ts

@@ -1,57 +0,0 @@
-import type React from 'react';
-import type { Column } from './column';
-import type { SortDirection } from './sorting';
-import type { UniqueRow } from './row';
-import type { ObjectPaths } from './utils';
-export type DataTableProps<Data extends UniqueRow> = {
-    /**
-     * 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;
-    /**
-     * Specify the amount of space that should be available around the contents of
-     * a cell
-     */
-    cellPadding?: 'condensed' | 'normal' | 'spacious';
-    /**
-     * Provide a collection of the rows which will be rendered inside of the table
-     */
-    data: Array<Data>;
-    /**
-     * Provide the columns for the table and the fields in `data` to which they
-     * correspond
-     */
-    columns: Array<Column<Data>>;
-    /**
-     * Provide the id or field of the column by which the table is sorted. When
-     * using this `prop`, the input data must be sorted by this column in
-     * ascending order
-     */
-    initialSortColumn?: ObjectPaths<Data> | string | number;
-    /**
-     * Provide the sort direction that the table should be sorted by on the
-     * currently sorted column
-     */
-    initialSortDirection?: Exclude<SortDirection, 'NONE'>;
-    /**
-     * Provide a function to determine the unique identifier for each row.
-     * This function allows you to customize the key used for the row.
-     * By default, the table uses the `id` field from the data.
-     * @param rowData The row data object for which the ID is being retrieved.
-     * @returns The unique identifier for the row, which can be a string or number.
-     */
-    getRowId?: (rowData: Data) => string | number;
-    /**
-     * Fires every time the user clicks a sortable column header. It reports
-     * the column id that is now sorted and the direction after the toggle
-     * (never `"NONE"`).
-     */
-    onToggleSort?: (columnId: ObjectPaths<Data> | string | number, direction: Exclude<SortDirection, 'NONE'>) => void;
-};
-declare function DataTable<Data extends UniqueRow>({ 'aria-labelledby': labelledby, 'aria-describedby': describedby, cellPadding, columns, data, initialSortColumn, initialSortDirection, getRowId, onToggleSort, }: DataTableProps<Data>): React.JSX.Element;
-export { DataTable };
-//# sourceMappingURL=DataTable.d.ts.map

package/lib/DataTable/DataTable.js

@@ -1,147 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var useTable = require('./useTable.js');
-var Table = require('./Table.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function defaultGetRowId(row) {
-  return row.id;
-}
-function DataTable(t0) {
-  const $ = reactCompilerRuntime.c(26);
-  const {
-    "aria-labelledby": labelledby,
-    "aria-describedby": describedby,
-    cellPadding,
-    columns,
-    data,
-    initialSortColumn,
-    initialSortDirection,
-    getRowId: t1,
-    onToggleSort
-  } = t0;
-  const getRowId = t1 === undefined ? defaultGetRowId : t1;
-  let t2;
-  if ($[0] !== columns || $[1] !== data || $[2] !== getRowId || $[3] !== initialSortColumn || $[4] !== initialSortDirection) {
-    t2 = {
-      data,
-      columns,
-      initialSortColumn,
-      initialSortDirection,
-      getRowId
-    };
-    $[0] = columns;
-    $[1] = data;
-    $[2] = getRowId;
-    $[3] = initialSortColumn;
-    $[4] = initialSortDirection;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const {
-    headers,
-    rows,
-    actions,
-    gridTemplateColumns
-  } = useTable.useTable(t2);
-  let t3;
-  if ($[6] !== actions || $[7] !== headers || $[8] !== onToggleSort) {
-    let t4;
-    if ($[10] !== actions || $[11] !== onToggleSort) {
-      t4 = header => {
-        if (header.isSortable()) {
-          return /*#__PURE__*/jsxRuntime.jsx(Table.TableSortHeader, {
-            align: header.column.align,
-            direction: header.getSortDirection(),
-            onToggleSort: () => {
-              const nextDirection = header.getSortDirection() === "ASC" ? "DESC" : "ASC";
-              actions.sortBy(header);
-              onToggleSort === null || onToggleSort === void 0 ? void 0 : onToggleSort(header.id, nextDirection);
-            },
-            children: typeof header.column.header === "string" ? header.column.header : header.column.header()
-          }, header.id);
-        }
-        return /*#__PURE__*/jsxRuntime.jsx(Table.TableHeader, {
-          align: header.column.align,
-          children: typeof header.column.header === "string" ? header.column.header : header.column.header()
-        }, header.id);
-      };
-      $[10] = actions;
-      $[11] = onToggleSort;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
-    }
-    t3 = headers.map(t4);
-    $[6] = actions;
-    $[7] = headers;
-    $[8] = onToggleSort;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[13] !== t3) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(Table.TableHead, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Table.TableRow, {
-        children: t3
-      })
-    });
-    $[13] = t3;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  let t5;
-  if ($[15] !== rows) {
-    t5 = rows.map(_temp);
-    $[15] = rows;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsx(Table.TableBody, {
-      children: t5
-    });
-    $[17] = t5;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  let t7;
-  if ($[19] !== cellPadding || $[20] !== describedby || $[21] !== gridTemplateColumns || $[22] !== labelledby || $[23] !== t4 || $[24] !== t6) {
-    t7 = /*#__PURE__*/jsxRuntime.jsxs(Table.Table, {
-      "aria-labelledby": labelledby,
-      "aria-describedby": describedby,
-      cellPadding: cellPadding,
-      gridTemplateColumns: gridTemplateColumns,
-      children: [t4, t6]
-    });
-    $[19] = cellPadding;
-    $[20] = describedby;
-    $[21] = gridTemplateColumns;
-    $[22] = labelledby;
-    $[23] = t4;
-    $[24] = t6;
-    $[25] = t7;
-  } else {
-    t7 = $[25];
-  }
-  return t7;
-}
-function _temp(row) {
-  return /*#__PURE__*/jsxRuntime.jsx(Table.TableRow, {
-    children: row.getCells().map(cell => /*#__PURE__*/jsxRuntime.jsx(Table.TableCell, {
-      scope: cell.rowHeader ? "row" : undefined,
-      align: cell.column.align,
-      children: cell.column.renderCell ? cell.column.renderCell(row.getValue()) : cell.getValue()
-    }, cell.id))
-  }, row.id);
-}
-_temp.displayName = "_temp";
-
-exports.DataTable = DataTable;

package/lib/DataTable/ErrorDialog.d.ts

@@ -1,18 +0,0 @@
-import type React from 'react';
-export type TableErrorDialogProps = React.PropsWithChildren<{
-    /**
-     * Provide an optional title for the dialog
-     * @default 'Error'
-     */
-    title?: string;
-    /**
-     * Provide an optional handler to be called when the user confirms to retry
-     */
-    onRetry?: () => void;
-    /**
-     * Provide an optional handler to be called when the user dismisses the dialog
-     */
-    onDismiss?: () => void;
-}>;
-export declare function ErrorDialog({ title, children, onRetry, onDismiss }: TableErrorDialogProps): React.JSX.Element;
-//# sourceMappingURL=ErrorDialog.d.ts.map

package/lib/DataTable/ErrorDialog.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var ConfirmationDialog = require('../ConfirmationDialog/ConfirmationDialog.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function ErrorDialog(t0) {
-  const $ = reactCompilerRuntime.c(7);
-  const {
-    title: t1,
-    children,
-    onRetry,
-    onDismiss
-  } = t0;
-  const title = t1 === undefined ? "Error" : t1;
-  let t2;
-  if ($[0] !== onDismiss || $[1] !== onRetry) {
-    t2 = gesture => {
-      if (gesture === "confirm") {
-        onRetry === null || onRetry === void 0 ? void 0 : onRetry();
-      } else {
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-      }
-    };
-    $[0] = onDismiss;
-    $[1] = onRetry;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== children || $[4] !== t2 || $[5] !== title) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(ConfirmationDialog.ConfirmationDialog, {
-      title: title,
-      onClose: t2,
-      confirmButtonContent: "Retry",
-      cancelButtonContent: "Dismiss",
-      children: children
-    });
-    $[3] = children;
-    $[4] = t2;
-    $[5] = title;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
-}
-
-exports.ErrorDialog = ErrorDialog;

package/lib/DataTable/Pagination-b6f8418c.css

@@ -1,2 +0,0 @@
-.prc-DataTable-TablePagination-ZbY9p{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-Kp7GT{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Qqz6y{align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-kKQK4{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,var(--color-fg-muted));display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-DataTable-TablePaginationPage-MQm-t{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,.prc-DataTable-TablePaginationPage-MQm-t:focus,.prc-DataTable-TablePaginationPage-MQm-t:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-HEMTY{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
-/*# sourceMappingURL=Pagination-b6f8418c.css.map */