@carbon/react 1.59.0 → 1.60.1

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -5,47 +5,36 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
 
 export { _defineProperty as defineProperty, _extends as extends, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };

package/es/components/Button/ButtonBase.d.ts

@@ -6,5 +6,5 @@
  */
 import React from 'react';
 import { ButtonProps } from './Button';
-declare const ButtonBase: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
+declare const ButtonBase: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
 export default ButtonBase;

package/es/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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 React, { ReactNode } from 'react';
+export interface CheckboxGroupProps {
+    children?: ReactNode;
+    className?: string;
+    helperText?: ReactNode;
+    invalid?: boolean;
+    invalidText?: ReactNode;
+    legendId?: ReactNode;
+    orientation?: 'horizontal' | 'vertical';
+    legendText: ReactNode;
+    readOnly?: boolean;
+    slug?: ReactNode;
+    warn?: boolean;
+    warnText?: ReactNode;
+}
+export interface CustomType {
+    size: string;
+    kind: string;
+}
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/es/components/CheckboxGroup/CheckboxGroup.js

@@ -14,7 +14,7 @@ import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 
 const getInstanceId = setupGetInstanceId();
-function CheckboxGroup(_ref) {
+const CheckboxGroup = _ref => {
   let {
     children,
     className,
@@ -49,7 +49,7 @@ function CheckboxGroup(_ref) {
 
   // Slug is always size `mini`
   let normalizedSlug;
-  if (slug && slug['type']?.displayName === 'Slug') {
+  if ( /*#__PURE__*/React__default.isValidElement(slug) && slug['type']?.displayName === 'Slug') {
     normalizedSlug = /*#__PURE__*/React__default.cloneElement(slug, {
       size: 'mini',
       kind: 'default'
@@ -60,7 +60,6 @@ function CheckboxGroup(_ref) {
     "data-invalid": invalid ? true : undefined,
     "aria-labelledby": rest['aria-labelledby'] || legendId,
     "aria-readonly": readOnly,
-    orientation: "vertical",
     "aria-describedby": !invalid && !warn && helper ? helperId : undefined
   }, rest), /*#__PURE__*/React__default.createElement("legend", {
     className: `${prefix}--label`,
@@ -76,7 +75,7 @@ function CheckboxGroup(_ref) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
-}
+};
 CheckboxGroup.propTypes = {
   /**
    * Provide the children form elements to be rendered inside of the <fieldset>
@@ -128,5 +127,6 @@ CheckboxGroup.propTypes = {
    */
   warnText: PropTypes.node
 };
+var CheckboxGroup$1 = CheckboxGroup;
 
-export { CheckboxGroup as default };
+export { CheckboxGroup$1 as default };

package/es/components/ComboBox/ComboBox.d.ts

@@ -29,6 +29,12 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      * 'aria-label' of the ListBox component.
      */
     ariaLabel?: string;
+    /**
+     * **Experimental**: Will attempt to automatically align the floating
+     * element to avoid collisions with the viewport and being clipped by
+     * ancestor elements.
+     */
+    autoAlign?: boolean;
     /**
      * An optional className to add to the container node
      */

package/es/components/ComboBox/ComboBox.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import { useCombobox } from 'downshift';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useContext, useRef, useState, useEffect } from 'react';
+import React__default, { forwardRef, useEffect, useContext, useRef, useState } from 'react';
 import '../Text/index.js';
 import { WarningFilled, WarningAltFilled, Checkmark } from '@carbon/icons-react';
 import ListBox from '../ListBox/index.js';
@@ -19,6 +19,7 @@ import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { useFloating, flip, autoUpdate } from '@floating-ui/react';
 import { Text } from '../Text/Text.js';
 import { match } from '../../internal/keyboard/match.js';
 import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
@@ -86,6 +87,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     ['aria-label']: ariaLabel = 'Choose an item',
     ariaLabel: deprecatedAriaLabel,
+    autoAlign = false,
     className: containerClassName,
     direction = 'bottom',
     disabled = false,
@@ -115,6 +117,28 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     slug,
     ...rest
   } = props;
+  const {
+    refs,
+    floatingStyles
+  } = useFloating(autoAlign ? {
+    placement: direction,
+    strategy: 'fixed',
+    middleware: [flip()],
+    whileElementsMounted: autoUpdate
+  } : {});
+  const parentWidth = refs?.reference?.current?.clientWidth;
+  useEffect(() => {
+    if (autoAlign) {
+      Object.keys(floatingStyles).forEach(style => {
+        if (refs.floating.current) {
+          refs.floating.current.style[style] = floatingStyles[style];
+        }
+      });
+      if (parentWidth && refs.floating.current) {
+        refs.floating.current.style.width = parentWidth + 'px';
+      }
+    }
+  }, [autoAlign, floatingStyles, refs.floating, parentWidth]);
   const prefix = usePrefix();
   const {
     isFluid
@@ -369,6 +393,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     light: light,
     size: size,
     warn: warn,
+    ref: refs.setReference,
     warnText: warnText,
     warnTextId: warnTextId
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -379,9 +404,9 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     type: "text",
     tabIndex: 0,
     "aria-haspopup": "listbox",
-    "aria-owns": getMenuProps().id,
     title: textInput?.current?.value
   }, getInputProps({
+    'aria-controls': isOpen ? undefined : getMenuProps().id,
     placeholder,
     ref: {
       ...mergeRefs(textInput, ref)
@@ -443,8 +468,10 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     // @ts-expect-error
     isOpen: isOpen,
     translateWithId: translateWithId
-  }))), normalizedSlug, /*#__PURE__*/React__default.createElement(ListBox.Menu, getMenuProps({
+  }))), normalizedSlug, /*#__PURE__*/React__default.createElement(ListBox.Menu, _extends({}, getMenuProps({
     'aria-label': deprecatedAriaLabel || ariaLabel
+  }), {
+    ref: mergeRefs(getMenuProps().ref, refs.setFloating)
   }), isOpen ? filterItems(items, itemToString, inputValue).map((item, index) => {
     const isObject = item !== null && typeof item === 'object';
     const title = isObject && 'text' in item && itemToElement ? item.text?.toString() : itemToString(item);
@@ -498,6 +525,12 @@ ComboBox.propTypes = {
    * 'aria-label' of the ListBox component.
    */
   ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  /**
+   * **Experimental**: Will attempt to automatically align the floating
+   * element to avoid collisions with the viewport and being clipped by
+   * ancestor elements.
+   */
+  autoAlign: PropTypes.bool,
   /**
    * An optional className to add to the container node
    */

package/es/components/ComboButton/index.d.ts

@@ -8,7 +8,7 @@ import React from 'react';
 import { IconButton } from '../IconButton';
 import Button from '../Button';
 import { Menu } from '../Menu';
-export type MenuAlignment = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+import { MenuAlignment } from '../MenuButton';
 interface ComboButtonProps {
     /**
      * A collection of `MenuItems` to be rendered as additional actions for this `ComboButton`.

package/es/components/ComposedModal/ModalHeader.js

@@ -52,7 +52,6 @@ const ModalHeader = /*#__PURE__*/React__default.forwardRef(function ModalHeader(
     className: closeClass,
     label: iconDescription,
     onClick: handleCloseButtonClick,
-    title: iconDescription,
     "aria-label": iconDescription,
     align: "left"
   }, /*#__PURE__*/React__default.createElement(Close, {

package/es/components/DataTable/DataTable.d.ts

@@ -115,6 +115,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
         [key: string]: unknown;
     }) => {
         ariaLabel: string;
+        'aria-label': string;
         checked: boolean | undefined;
         disabled?: boolean | undefined;
         id: string;
@@ -436,10 +437,12 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         id: string;
         name: string;
         ariaLabel: string;
+        'aria-label': string;
         disabled: boolean | undefined;
         radio: true | null;
     } | {
         ariaLabel: string;
+        'aria-label': string;
         checked: boolean;
         id: string;
         indeterminate: boolean;

package/es/components/DataTable/DataTable.js

@@ -256,6 +256,8 @@ class DataTable extends React__default.Component {
           id: `${_this.getTablePrefix()}__select-row-${row.id}`,
           name: `select-row`,
           ariaLabel: t(translationKey),
+          // TODO remove in v12
+          'aria-label': t(translationKey),
           disabled: row.disabled,
           radio: _this.props.radio || null
         };
@@ -271,6 +273,8 @@ class DataTable extends React__default.Component {
       return {
         ...rest,
         ariaLabel: t(translationKey),
+        // TODO remove in v12
+        'aria-label': t(translationKey),
         checked,
         id: `${_this.getTablePrefix()}__select-all`,
         indeterminate,
@@ -569,7 +573,6 @@ class DataTable extends React__default.Component {
       ...getDerivedStateFromProps(_props, {}),
       isExpandedAll: false // Start with collapsed state, treat `undefined` as neutral state
     };
-
     this.instanceId = getInstanceId();
   }
 

package/es/components/DataTable/TableSelectAll.d.ts

@@ -9,8 +9,14 @@ import React from 'react';
 interface TableSelectAllProps {
     /**
      * Specify the aria label for the underlying input control
+     * node
      */
-    ariaLabel: string;
+    ['aria-label']?: string;
+    /**
+     * @deprecated please use `aria-label` instead.
+     * Specify the aria label for the underlying input control
+     */
+    ariaLabel?: string;
     /**
      * Specify whether all items are selected, or not
      */
@@ -41,12 +47,17 @@ interface TableSelectAllProps {
     onSelect: React.MouseEventHandler<HTMLInputElement>;
 }
 declare const TableSelectAll: {
-    ({ ariaLabel, checked, id, indeterminate, name, onSelect, disabled, className, }: TableSelectAllProps): import("react/jsx-runtime").JSX.Element;
+    ({ ariaLabel: deprecatedAriaLabel, ["aria-label"]: ariaLabel, checked, id, indeterminate, name, onSelect, disabled, className, }: TableSelectAllProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify the aria label for the underlying input control
          */
-        ariaLabel: PropTypes.Validator<string>;
+        "aria-label": PropTypes.Requireable<string>;
+        /**
+         * Deprecated, please use `aria-label` instead.
+         * Specify the aria label for the underlying input control
+         */
+        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify whether all items are selected, or not
          */

package/es/components/DataTable/TableSelectAll.js

@@ -10,10 +10,12 @@ import React__default from 'react';
 import InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
+import deprecate from '../../prop-types/deprecate.js';
 
 const TableSelectAll = _ref => {
   let {
-    ariaLabel = 'Select all rows in the table',
+    ariaLabel: deprecatedAriaLabel = 'Select all rows in the table',
+    ['aria-label']: ariaLabel,
     checked,
     id,
     indeterminate,
@@ -28,7 +30,7 @@ const TableSelectAll = _ref => {
     scope: "col",
     className: cx(`${prefix}--table-column-checkbox`, className)
   }, /*#__PURE__*/React__default.createElement(InlineCheckbox, {
-    "aria-label": ariaLabel,
+    "aria-label": ariaLabel || deprecatedAriaLabel,
     checked: checked,
     id: id,
     indeterminate: indeterminate,
@@ -41,7 +43,12 @@ TableSelectAll.propTypes = {
   /**
    * Specify the aria label for the underlying input control
    */
-  ariaLabel: PropTypes.string.isRequired,
+  ['aria-label']: PropTypes.string,
+  /**
+   * Deprecated, please use `aria-label` instead.
+   * Specify the aria label for the underlying input control
+   */
+  ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify whether all items are selected, or not
    */

package/es/components/DataTable/TableSelectRow.d.ts

@@ -8,9 +8,16 @@ import PropTypes from 'prop-types';
 import React from 'react';
 export interface TableSelectRowProps {
     /**
-     * Specify the aria label for the underlying input control
+     * Specify a label to be read by screen readers on the containing textbox
+     * node
      */
-    ariaLabel: string;
+    ['aria-label']?: string;
+    /**
+     * @deprecated please use `aria-label` instead.
+     * Specify a label to be read by screen readers on the containing textbox
+     * node
+     */
+    ariaLabel?: string;
     /**
      * Specify whether this row is selected, or not
      */
@@ -45,12 +52,17 @@ export interface TableSelectRowProps {
     radio?: boolean;
 }
 declare const TableSelectRow: {
-    ({ ariaLabel, checked, id, name, onSelect, onChange, disabled, radio, className, }: TableSelectRowProps): import("react/jsx-runtime").JSX.Element;
+    ({ ariaLabel: deprecatedAriaLabel, ["aria-label"]: ariaLabel, checked, id, name, onSelect, onChange, disabled, radio, className, }: TableSelectRowProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify the aria label for the underlying input control
          */
-        ariaLabel: PropTypes.Validator<string>;
+        "aria-label": PropTypes.Requireable<string>;
+        /**
+         * Deprecated, please use `aria-label` instead.
+         * Specify the aria label for the underlying input control
+         */
+        ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
         /**
          * Specify whether this row is selected, or not
          */

package/es/components/DataTable/TableSelectRow.js

@@ -12,10 +12,12 @@ import cx from 'classnames';
 import InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import RadioButton from '../RadioButton/RadioButton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import deprecate from '../../prop-types/deprecate.js';
 
 const TableSelectRow = _ref => {
   let {
-    ariaLabel,
+    ariaLabel: deprecatedAriaLabel,
+    ['aria-label']: ariaLabel,
     checked,
     id,
     name,
@@ -45,17 +47,22 @@ const TableSelectRow = _ref => {
     className: tableSelectRowClasses,
     "aria-live": "off"
   }, /*#__PURE__*/React__default.createElement(InlineInputComponent, _extends({}, selectionInputProps, radio && {
-    labelText: ariaLabel,
+    labelText: ariaLabel || deprecatedAriaLabel,
     hideLabel: true
   }, !radio && {
-    ['aria-label']: ariaLabel
+    'aria-label': ariaLabel || deprecatedAriaLabel
   })));
 };
 TableSelectRow.propTypes = {
   /**
    * Specify the aria label for the underlying input control
    */
-  ariaLabel: PropTypes.string.isRequired,
+  ['aria-label']: PropTypes.string,
+  /**
+   * Deprecated, please use `aria-label` instead.
+   * Specify the aria label for the underlying input control
+   */
+  ariaLabel: deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify whether this row is selected, or not
    */

package/es/components/DatePicker/DatePicker.d.ts

@@ -20,7 +20,7 @@ export type CalRef = {
     plugins: [];
     clickOpens: any;
 };
-interface DatePickerProps {
+export interface DatePickerProps {
     /**
      * Flatpickr prop passthrough enables direct date input, and when set to false,
      * we must clear dates manually by resetting the value prop to empty string making it a controlled input.

package/es/components/DatePicker/DatePicker.js

@@ -705,7 +705,6 @@ DatePicker.propTypes = {
   // Mandarin Traditional
   'zh' // Mandarin
   ])]),
-
   /**
    * The maximum date that a user can pick to.
    */

package/es/components/DatePicker/index.d.ts

@@ -4,7 +4,7 @@
  * 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 DatePicker from './DatePicker';
+import DatePicker, { type DatePickerProps } from './DatePicker';
 export { default as DatePickerSkeleton, type DatePickerSkeletonProps, } from './DatePicker.Skeleton';
 export default DatePicker;
-export { DatePicker };
+export { DatePicker, type DatePickerProps };

package/es/components/DatePickerInput/DatePickerInput.d.ts

@@ -10,7 +10,7 @@ import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'value' | 'onChange' | 'locale' | 'children';
 export type ReactNodeLike = ReactElementLike | ReactNodeArray | string | number | boolean | null | undefined;
 export type func = (...args: any[]) => any;
-interface DatePickerInputProps extends Omit<ReactAttr<HTMLInputElement>, ExcludedAttributes> {
+export interface DatePickerInputProps extends Omit<ReactAttr<HTMLInputElement>, ExcludedAttributes> {
     /**
      * The type of the date picker:
      *

package/es/components/DatePickerInput/index.d.ts

@@ -4,6 +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 DatePickerInput from './DatePickerInput';
+import DatePickerInput, { type DatePickerInputProps } from './DatePickerInput';
 export default DatePickerInput;
-export { DatePickerInput };
+export { DatePickerInput, type DatePickerInputProps };

package/es/components/FileUploader/FileUploaderItem.js

@@ -45,6 +45,9 @@ function FileUploaderItem(_ref) {
     [`${prefix}--file__selected-file--sm`]: size === 'sm'
   });
   const isInvalid = invalid ? `${prefix}--file-filename-container-wrap-invalid` : `${prefix}--file-filename-container-wrap`;
+  const filterSpaceName = name => {
+    return name?.replace(/\s+/g, '');
+  };
   const isEllipsisActive = element => {
     setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
     return element.offsetWidth < element.scrollWidth;
@@ -68,12 +71,12 @@ function FileUploaderItem(_ref) {
     as: "p",
     title: name,
     className: `${prefix}--file-filename-button`,
-    id: name
+    id: filterSpaceName(name)
   }, name)))) : /*#__PURE__*/React__default.createElement(Text, {
     as: "p",
     title: name,
     className: `${prefix}--file-filename`,
-    id: name
+    id: filterSpaceName(name)
   }, name), /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--file-container-item`
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -83,7 +86,7 @@ function FileUploaderItem(_ref) {
     iconDescription: iconDescription,
     status: status,
     invalid: invalid,
-    "aria-describedby": `${name}-id-error`,
+    "aria-describedby": invalid && errorSubject ? `${filterSpaceName(name)}-id-error` : undefined,
     onKeyDown: evt => {
       if (matches(evt, [Enter, Space])) {
         if (status === 'edit') {
@@ -104,7 +107,7 @@ function FileUploaderItem(_ref) {
   }))), invalid && errorSubject && /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--form-requirement`,
     role: "alert",
-    id: `${name}-id-error`
+    id: `${filterSpaceName(name)}-id-error`
   }, /*#__PURE__*/React__default.createElement(Text, {
     as: "div",
     className: `${prefix}--form-requirement__title`

package/es/components/Heading/index.d.ts

@@ -11,6 +11,6 @@ type SectionBaseProps = {
     level?: HeadingLevel;
 };
 type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
-export declare const Section: React.ForwardRefExoticComponent<Omit<SectionProps<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Section: React.ForwardRefExoticComponent<Omit<SectionProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
 export declare const Heading: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export {};

package/es/components/Link/Link.d.ts

@@ -49,5 +49,5 @@ export interface LinkBaseProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     visited?: boolean;
 }
 export type LinkProps<E extends ElementType> = PolymorphicProps<E, LinkBaseProps>;
-declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any>>, "ref"> & React.RefAttributes<unknown>>;
+declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
 export default Link;

package/es/components/ListBox/ListBoxMenu.js

@@ -44,7 +44,6 @@ ListBoxMenu.propTypes = {
     type: PropTypes.oneOf([ListBoxMenuItem])
   }), PropTypes.bool // used in Dropdown for closed state
   ]),
-
   /**
    * Specify a custom `id`
    */

package/es/components/Menu/Menu.d.ts

@@ -53,7 +53,7 @@ interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
     /**
      * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
      */
-    target?: HTMLElement;
+    target?: Element;
     /**
      * Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
      */
@@ -62,6 +62,7 @@ interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
      * Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
      */
     y?: number | [number, number];
+    legacyAutoalign?: boolean;
 }
 declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLUListElement>>;
 export { Menu };