@carbon/react 1.83.0-rc.0 → 1.83.0

package/lib/components/UIShell/HeaderMenuItem.js

@@ -38,17 +38,19 @@ const HeaderMenuItem = /*#__PURE__*/React.forwardRef(function HeaderMenuItem(_re
   if (isCurrentPage) {
     isActive = isCurrentPage;
   }
+  // We set the current class only if `isActive` is passed in and we do
+  // not have an `aria-current="page"` set for the breadcrumb item. When this
+  // class is added we also set `aria-current` as `true`
+  const hasCurrentClass = isActive && ariaCurrent !== 'page';
   const linkClassName = cx__default["default"]({
     [`${prefix}--header__menu-item`]: true,
-    // We set the current class only if `isActive` is passed in and we do
-    // not have an `aria-current="page"` set for the breadcrumb item
-    [`${prefix}--header__menu-item--current`]: isActive && ariaCurrent !== 'page'
+    [`${prefix}--header__menu-item--current`]: hasCurrentClass
   });
   return /*#__PURE__*/React__default["default"].createElement("li", {
     className: className,
     role: role
   }, /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
-    "aria-current": ariaCurrent,
+    "aria-current": hasCurrentClass ? true : ariaCurrent,
     className: linkClassName,
     ref: ref,
     tabIndex: tabIndex
@@ -73,7 +75,7 @@ HeaderMenuItem.propTypes = {
    */
   className: PropTypes__default["default"].string,
   /**
-   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
+   * If `true` and `aria-current !== 'page'`, applies selected styles to the item and sets `aria-current="true"`.
    */
   isActive: PropTypes__default["default"].bool,
   /**

package/lib/index.js

@@ -37,7 +37,29 @@ var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var DangerButton = require('./components/DangerButton/DangerButton.js');
-require('./components/DataTable/index.js');
+var DataTable = require('./components/DataTable/DataTable.js');
+var Table = require('./components/DataTable/Table.js');
+var TableActionList = require('./components/DataTable/TableActionList.js');
+var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
+var TableBatchActions = require('./components/DataTable/TableBatchActions.js');
+var TableBody = require('./components/DataTable/TableBody.js');
+var TableCell = require('./components/DataTable/TableCell.js');
+var TableContainer = require('./components/DataTable/TableContainer.js');
+var TableExpandHeader = require('./components/DataTable/TableExpandHeader.js');
+var TableDecoratorRow = require('./components/DataTable/TableDecoratorRow.js');
+var TableExpandRow = require('./components/DataTable/TableExpandRow.js');
+var TableExpandedRow = require('./components/DataTable/TableExpandedRow.js');
+var TableHead = require('./components/DataTable/TableHead.js');
+var TableHeader = require('./components/DataTable/TableHeader.js');
+var TableRow = require('./components/DataTable/TableRow.js');
+var TableSelectAll = require('./components/DataTable/TableSelectAll.js');
+var TableSelectRow = require('./components/DataTable/TableSelectRow.js');
+var TableSlugRow = require('./components/DataTable/TableSlugRow.js');
+var TableToolbar = require('./components/DataTable/TableToolbar.js');
+var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js');
+var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
+var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
+var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
@@ -221,29 +243,6 @@ var ContainedList = require('./components/ContainedList/ContainedList.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var Text = require('./components/Text/Text.js');
 var TextDirection = require('./components/Text/TextDirection.js');
-var DataTable = require('./components/DataTable/DataTable.js');
-var Table = require('./components/DataTable/Table.js');
-var TableActionList = require('./components/DataTable/TableActionList.js');
-var TableBatchAction = require('./components/DataTable/TableBatchAction.js');
-var TableBatchActions = require('./components/DataTable/TableBatchActions.js');
-var TableBody = require('./components/DataTable/TableBody.js');
-var TableCell = require('./components/DataTable/TableCell.js');
-var TableContainer = require('./components/DataTable/TableContainer.js');
-var TableDecoratorRow = require('./components/DataTable/TableDecoratorRow.js');
-var TableExpandHeader = require('./components/DataTable/TableExpandHeader.js');
-var TableExpandRow = require('./components/DataTable/TableExpandRow.js');
-var TableExpandedRow = require('./components/DataTable/TableExpandedRow.js');
-var TableHead = require('./components/DataTable/TableHead.js');
-var TableHeader = require('./components/DataTable/TableHeader.js');
-var TableRow = require('./components/DataTable/TableRow.js');
-var TableSelectAll = require('./components/DataTable/TableSelectAll.js');
-var TableSelectRow = require('./components/DataTable/TableSelectRow.js');
-var TableSlugRow = require('./components/DataTable/TableSlugRow.js');
-var TableToolbar = require('./components/DataTable/TableToolbar.js');
-var TableToolbarAction = require('./components/DataTable/TableToolbarAction.js');
-var TableToolbarContent = require('./components/DataTable/TableToolbarContent.js');
-var TableToolbarSearch = require('./components/DataTable/TableToolbarSearch.js');
-var TableToolbarMenu = require('./components/DataTable/TableToolbarMenu.js');
 
 
 
@@ -278,6 +277,29 @@ exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.DangerButton = DangerButton["default"];
+exports.DataTable = DataTable["default"];
+exports.Table = Table.Table;
+exports.TableActionList = TableActionList["default"];
+exports.TableBatchAction = TableBatchAction["default"];
+exports.TableBatchActions = TableBatchActions["default"];
+exports.TableBody = TableBody["default"];
+exports.TableCell = TableCell["default"];
+exports.TableContainer = TableContainer["default"];
+exports.TableExpandHeader = TableExpandHeader["default"];
+exports.TableDecoratorRow = TableDecoratorRow["default"];
+exports.TableExpandRow = TableExpandRow["default"];
+exports.TableExpandedRow = TableExpandedRow["default"];
+exports.TableHead = TableHead["default"];
+exports.TableHeader = TableHeader["default"];
+exports.TableRow = TableRow["default"];
+exports.TableSelectAll = TableSelectAll["default"];
+exports.TableSelectRow = TableSelectRow["default"];
+exports.TableSlugRow = TableSlugRow["default"];
+exports.TableToolbar = TableToolbar["default"];
+exports.TableToolbarAction = TableToolbarAction["default"];
+exports.TableToolbarContent = TableToolbarContent["default"];
+exports.TableToolbarSearch = TableToolbarSearch["default"];
+exports.TableToolbarMenu = TableToolbarMenu["default"];
 exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
@@ -513,26 +535,3 @@ exports.ContainedList = ContainedList["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
-exports.DataTable = DataTable["default"];
-exports.Table = Table.Table;
-exports.TableActionList = TableActionList["default"];
-exports.TableBatchAction = TableBatchAction["default"];
-exports.TableBatchActions = TableBatchActions["default"];
-exports.TableBody = TableBody["default"];
-exports.TableCell = TableCell["default"];
-exports.TableContainer = TableContainer["default"];
-exports.TableDecoratorRow = TableDecoratorRow["default"];
-exports.TableExpandHeader = TableExpandHeader["default"];
-exports.TableExpandRow = TableExpandRow["default"];
-exports.TableExpandedRow = TableExpandedRow["default"];
-exports.TableHead = TableHead["default"];
-exports.TableHeader = TableHeader["default"];
-exports.TableRow = TableRow["default"];
-exports.TableSelectAll = TableSelectAll["default"];
-exports.TableSelectRow = TableSelectRow["default"];
-exports.TableSlugRow = TableSlugRow["default"];
-exports.TableToolbar = TableToolbar["default"];
-exports.TableToolbarAction = TableToolbarAction["default"];
-exports.TableToolbarContent = TableToolbarContent["default"];
-exports.TableToolbarSearch = TableToolbarSearch["default"];
-exports.TableToolbarMenu = TableToolbarMenu["default"];

package/lib/internal/__mocks__/mockHTMLElement.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const mockHTMLElement: (options: HTMLElement) => {
+    mockRestore: () => void;
+};

package/lib/internal/useResizeObserver.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { RefObject } from 'react';
+export declare const useResizeObserver: ({ ref, onResize, }: {
+    ref: RefObject<HTMLElement>;
+    onResize?: (rect: DOMRectReadOnly) => void;
+}) => {
+    width: number;
+    height: number;
+};

package/lib/internal/useResizeObserver.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useResizeObserver = _ref => {
+  let {
+    ref,
+    onResize
+  } = _ref;
+  const [width, setWidth] = React.useState(-1);
+  const [height, setHeight] = React.useState(-1);
+  const entriesToHandle = React.useRef(null);
+  const cb = React.useRef(onResize);
+  React.useEffect(() => {
+    // ref for onResize removes it as dependency from useLayoutEffect
+    // This significantly reduces repeated calls if a function is redefined on every
+    // render
+    cb.current = onResize;
+  }, [onResize]);
+  React.useEffect(() => {
+    const getInitialSize = () => {
+      if (ref.current) {
+        const refComputedStyle = window.getComputedStyle(ref.current);
+        const initialWidth = (ref.current?.offsetWidth ?? 0) - (typeof refComputedStyle?.paddingLeft === 'string' && refComputedStyle?.paddingLeft.length ? parseFloat(refComputedStyle?.paddingLeft) : 0) - (typeof refComputedStyle?.paddingRight === 'string' && refComputedStyle?.paddingRight.length ? parseFloat(refComputedStyle?.paddingRight) : 0);
+        const initialHeight = (ref.current?.offsetHeight ?? 0) - (typeof refComputedStyle?.paddingTop === 'string' && refComputedStyle?.paddingTop.length ? parseFloat(refComputedStyle?.paddingTop) : 0) - (typeof refComputedStyle?.paddingBottom === 'string' && refComputedStyle?.paddingBottom.length ? parseFloat(refComputedStyle?.paddingBottom) : 0);
+        setWidth(initialWidth);
+        setHeight(initialHeight);
+      }
+    };
+    if (!ref?.current || width >= 0 && height >= 0) {
+      return;
+    }
+    getInitialSize();
+  }, [width, height]);
+  React.useLayoutEffect(() => {
+    if (!ref?.current) {
+      return;
+    }
+    const doCallbacks = () => {
+      if (!ref?.current || !Array.isArray(entriesToHandle?.current)) {
+        return;
+      }
+      const entry = entriesToHandle.current[0];
+      setWidth(entry.contentRect.width);
+      setHeight(entry.contentRect.height);
+      cb.current && cb.current(entry.contentRect);
+    };
+    const observer = new ResizeObserver(entries => {
+      // always update entriesToHandle
+      entriesToHandle.current = entries;
+      window.requestAnimationFrame(() => {
+        // do callbacks
+        doCallbacks();
+      });
+    });
+
+    // observe all refs passed
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return {
+    width,
+    height
+  };
+};
+
+exports.useResizeObserver = useResizeObserver;

package/lib/internal/wrapFocus.js

@@ -9,7 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
 var tabbable = require('tabbable');
 var navigation = require('./keyboard/navigation.js');
 
@@ -100,11 +99,9 @@ const wrapFocusWithoutSentinels = _ref4 => {
     event
   } = _ref4;
   if (!containerNode) return;
-  React.useEffect(() => {
-    if (['blur', 'focusout', 'focusin', 'focus'].includes(event.type) && process.env.NODE_ENV !== 'production') {
-      throw new Error(`Error: wrapFocusWithoutSentinels(...) called in unsupported ${event.type} event.\n\nCall wrapFocusWithoutSentinels(...) from onKeyDown instead.`);
-    }
-  }, []);
+  if (['blur', 'focusout', 'focusin', 'focus'].includes(event.type) && process.env.NODE_ENV !== 'production') {
+    throw new Error(`Error: wrapFocusWithoutSentinels(...) called in unsupported ${event.type} event.\n\nCall wrapFocusWithoutSentinels(...) from onKeyDown instead.`);
+  }
 
   // Use `tabbable` to get the focusable elements in tab order.
   // `selectorTabbable` returns elements in DOM order which is why it's not

package/lib/tools/wrapComponent.d.ts

@@ -1,11 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../types/common';
+import React, { type HTMLAttributes } from 'react';
 type HTMLTagName = keyof HTMLElementTagNameMap;
 type WrapComponentArgs<T extends HTMLTagName> = {
     name: string;
@@ -16,5 +15,5 @@ type WrapComponentArgs<T extends HTMLTagName> = {
  * @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
  * @returns
  */
-declare const wrapComponent: <T extends HTMLTagName>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => ((props: ReactAttr<T>) => React.ReactElement<any>);
+declare const wrapComponent: <T extends HTMLTagName>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => ((props: HTMLAttributes<T>) => React.ReactElement<any>);
 export default wrapComponent;

package/lib/types/common.d.ts

@@ -4,8 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import * as React from 'react';
-export type ReactAttr<T = HTMLElement> = React.HTMLAttributes<T>;
 /**
  * For "as" props.  Creates an "as" property that supports native html tags such as 'span', 'a', 'button' as well as custom functional components
  * All native props for the supplied html tag/component are inferred as part of the base component props, allowing us to use props like `href` on an 'a' element etc

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.83.0-rc.0",
+  "version": "1.83.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,8 +55,8 @@
     "@carbon/feature-flags": "^0.26.0",
     "@carbon/icons-react": "^11.60.0",
     "@carbon/layout": "^11.34.0",
-    "@carbon/styles": "^1.82.0-rc.0",
-    "@carbon/utilities": "^0.6.0-rc.0",
+    "@carbon/styles": "^1.82.0",
+    "@carbon/utilities": "^0.6.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -68,7 +68,6 @@
     "prop-types": "^15.8.1",
     "react-fast-compare": "^3.2.2",
     "tabbable": "^6.2.0",
-    "use-resize-observer": "^9.1.0",
     "window-or-global": "^1.0.1"
   },
   "devDependencies": {
@@ -81,7 +80,7 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.36.0",
-    "@carbon/themes": "^11.52.0",
+    "@carbon/themes": "^11.53.0",
     "@figma/code-connect": "^1.3.2",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
@@ -147,5 +146,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "184bbaf4d986f623be415b47b933c56b19655774"
+  "gitHead": "68105b183b14b348bcba4622f86a9e50265414da"
 }

package/scss/components/content-switcher/_tokens.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/content-switcher/tokens';

package/telemetry.yml

@@ -214,7 +214,6 @@ collect:
         - statusIconDescription
         - step
         - stickyHeader
-        - style
         - subtitle
         - tabIndex
         - target
@@ -257,6 +256,8 @@ collect:
         - revertLabel
         - slugLabel
         - textLabel
+        # AISkeletonIcon
+        - style
         # AspectRatio
         - ratio
         # Breadcrumb
@@ -384,6 +385,8 @@ collect:
         # InlineLoading
         - onSuccess
         - successDelay
+        # Layer
+        - withBackground
         # LinkBase
         - visited
         # ListBox

package/es/components/DataTable/index.js

@@ -1,76 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import DataTable from './DataTable.js';
-export { default as DataTable, default } from './DataTable.js';
-import { Table } from './Table.js';
-export { Table } from './Table.js';
-import TableActionList from './TableActionList.js';
-export { default as TableActionList } from './TableActionList.js';
-import TableBatchAction from './TableBatchAction.js';
-export { default as TableBatchAction } from './TableBatchAction.js';
-import TableBatchActions from './TableBatchActions.js';
-export { default as TableBatchActions } from './TableBatchActions.js';
-import TableBody from './TableBody.js';
-export { default as TableBody } from './TableBody.js';
-import TableCell from './TableCell.js';
-export { default as TableCell } from './TableCell.js';
-import TableContainer from './TableContainer.js';
-export { default as TableContainer } from './TableContainer.js';
-import TableExpandHeader from './TableExpandHeader.js';
-export { default as TableExpandHeader } from './TableExpandHeader.js';
-import TableDecoratorRow from './TableDecoratorRow.js';
-export { default as TableDecoratorRow } from './TableDecoratorRow.js';
-import TableExpandRow from './TableExpandRow.js';
-export { default as TableExpandRow } from './TableExpandRow.js';
-import TableExpandedRow from './TableExpandedRow.js';
-export { default as TableExpandedRow } from './TableExpandedRow.js';
-import TableHead from './TableHead.js';
-export { default as TableHead } from './TableHead.js';
-import TableHeader from './TableHeader.js';
-export { default as TableHeader } from './TableHeader.js';
-import TableRow from './TableRow.js';
-export { default as TableRow } from './TableRow.js';
-import TableSelectAll from './TableSelectAll.js';
-export { default as TableSelectAll } from './TableSelectAll.js';
-import TableSelectRow from './TableSelectRow.js';
-export { default as TableSelectRow } from './TableSelectRow.js';
-import TableSlugRow from './TableSlugRow.js';
-export { default as TableSlugRow } from './TableSlugRow.js';
-import TableToolbar from './TableToolbar.js';
-export { default as TableToolbar } from './TableToolbar.js';
-import TableToolbarAction from './TableToolbarAction.js';
-export { default as TableToolbarAction } from './TableToolbarAction.js';
-import TableToolbarContent from './TableToolbarContent.js';
-export { default as TableToolbarContent } from './TableToolbarContent.js';
-import TableToolbarSearch from './TableToolbarSearch.js';
-export { default as TableToolbarSearch } from './TableToolbarSearch.js';
-import TableToolbarMenu from './TableToolbarMenu.js';
-export { default as TableToolbarMenu } from './TableToolbarMenu.js';
-
-DataTable.Table = Table;
-DataTable.TableActionList = TableActionList;
-DataTable.TableBatchAction = TableBatchAction;
-DataTable.TableBatchActions = TableBatchActions;
-DataTable.TableBody = TableBody;
-DataTable.TableCell = TableCell;
-DataTable.TableContainer = TableContainer;
-DataTable.TableDecoratorRow = TableDecoratorRow;
-DataTable.TableExpandHeader = TableExpandHeader;
-DataTable.TableExpandRow = TableExpandRow;
-DataTable.TableExpandedRow = TableExpandedRow;
-DataTable.TableHead = TableHead;
-DataTable.TableHeader = TableHeader;
-DataTable.TableRow = TableRow;
-DataTable.TableSelectAll = TableSelectAll;
-DataTable.TableSelectRow = TableSelectRow;
-DataTable.TableSlugRow = TableSlugRow;
-DataTable.TableToolbar = TableToolbar;
-DataTable.TableToolbarAction = TableToolbarAction;
-DataTable.TableToolbarContent = TableToolbarContent;
-DataTable.TableToolbarSearch = TableToolbarSearch;
-DataTable.TableToolbarMenu = TableToolbarMenu;

package/lib/components/DataTable/index.js

@@ -1,82 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DataTable = require('./DataTable.js');
-var Table = require('./Table.js');
-var TableActionList = require('./TableActionList.js');
-var TableBatchAction = require('./TableBatchAction.js');
-var TableBatchActions = require('./TableBatchActions.js');
-var TableBody = require('./TableBody.js');
-var TableCell = require('./TableCell.js');
-var TableContainer = require('./TableContainer.js');
-var TableExpandHeader = require('./TableExpandHeader.js');
-var TableDecoratorRow = require('./TableDecoratorRow.js');
-var TableExpandRow = require('./TableExpandRow.js');
-var TableExpandedRow = require('./TableExpandedRow.js');
-var TableHead = require('./TableHead.js');
-var TableHeader = require('./TableHeader.js');
-var TableRow = require('./TableRow.js');
-var TableSelectAll = require('./TableSelectAll.js');
-var TableSelectRow = require('./TableSelectRow.js');
-var TableSlugRow = require('./TableSlugRow.js');
-var TableToolbar = require('./TableToolbar.js');
-var TableToolbarAction = require('./TableToolbarAction.js');
-var TableToolbarContent = require('./TableToolbarContent.js');
-var TableToolbarSearch = require('./TableToolbarSearch.js');
-var TableToolbarMenu = require('./TableToolbarMenu.js');
-
-DataTable["default"].Table = Table.Table;
-DataTable["default"].TableActionList = TableActionList["default"];
-DataTable["default"].TableBatchAction = TableBatchAction["default"];
-DataTable["default"].TableBatchActions = TableBatchActions["default"];
-DataTable["default"].TableBody = TableBody["default"];
-DataTable["default"].TableCell = TableCell["default"];
-DataTable["default"].TableContainer = TableContainer["default"];
-DataTable["default"].TableDecoratorRow = TableDecoratorRow["default"];
-DataTable["default"].TableExpandHeader = TableExpandHeader["default"];
-DataTable["default"].TableExpandRow = TableExpandRow["default"];
-DataTable["default"].TableExpandedRow = TableExpandedRow["default"];
-DataTable["default"].TableHead = TableHead["default"];
-DataTable["default"].TableHeader = TableHeader["default"];
-DataTable["default"].TableRow = TableRow["default"];
-DataTable["default"].TableSelectAll = TableSelectAll["default"];
-DataTable["default"].TableSelectRow = TableSelectRow["default"];
-DataTable["default"].TableSlugRow = TableSlugRow["default"];
-DataTable["default"].TableToolbar = TableToolbar["default"];
-DataTable["default"].TableToolbarAction = TableToolbarAction["default"];
-DataTable["default"].TableToolbarContent = TableToolbarContent["default"];
-DataTable["default"].TableToolbarSearch = TableToolbarSearch["default"];
-DataTable["default"].TableToolbarMenu = TableToolbarMenu["default"];
-
-exports.DataTable = DataTable["default"];
-exports["default"] = DataTable["default"];
-exports.Table = Table.Table;
-exports.TableActionList = TableActionList["default"];
-exports.TableBatchAction = TableBatchAction["default"];
-exports.TableBatchActions = TableBatchActions["default"];
-exports.TableBody = TableBody["default"];
-exports.TableCell = TableCell["default"];
-exports.TableContainer = TableContainer["default"];
-exports.TableExpandHeader = TableExpandHeader["default"];
-exports.TableDecoratorRow = TableDecoratorRow["default"];
-exports.TableExpandRow = TableExpandRow["default"];
-exports.TableExpandedRow = TableExpandedRow["default"];
-exports.TableHead = TableHead["default"];
-exports.TableHeader = TableHeader["default"];
-exports.TableRow = TableRow["default"];
-exports.TableSelectAll = TableSelectAll["default"];
-exports.TableSelectRow = TableSelectRow["default"];
-exports.TableSlugRow = TableSlugRow["default"];
-exports.TableToolbar = TableToolbar["default"];
-exports.TableToolbarAction = TableToolbarAction["default"];
-exports.TableToolbarContent = TableToolbarContent["default"];
-exports.TableToolbarSearch = TableToolbarSearch["default"];
-exports.TableToolbarMenu = TableToolbarMenu["default"];