@carbon/react 1.74.0 → 1.75.0

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

@@ -16,7 +16,7 @@ export declare const AILabelActions: React.ForwardRefExoticComponent<AILabelActi
 export type DeprecatedAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 export type NewAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 export type Alignment = DeprecatedAlignment | NewAlignment;
-interface AILabelProps {
+export interface AILabelProps {
     AILabelContent?: React.ReactNode;
     aiText?: string;
     aiTextLabel?: string;
@@ -34,4 +34,3 @@ interface AILabelProps {
     slugLabel?: string;
 }
 export declare const AILabel: React.ForwardRefExoticComponent<AILabelProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/AILabel/index.js

@@ -135,7 +135,7 @@ const AILabel = /*#__PURE__*/React__default.forwardRef(function AILabel(_ref3, r
     alignmentAxisOffset: isSmallIcon ? -24 : 0
   }, rest), /*#__PURE__*/React__default.createElement(ToggletipButton, {
     className: aiLabelButtonClasses,
-    label: ariaLabelText
+    label: kind === 'inline' ? '' : ariaLabelText
   }, /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--ai-label__text`
   }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React__default.createElement("span", {

package/es/components/AISkeleton/AISkeletonIcon.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-interface AISkeletonIconProps {
+export interface AISkeletonIconProps {
     /**
      * Specify an optional className to add.
      */

package/es/components/AISkeleton/AISkeletonText.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-interface AISkeletonTextProps {
+export interface AISkeletonTextProps {
     /**
      * Specify an optional className to be applied to the container node.
      */

package/es/components/Accordion/Accordion.Skeleton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-interface AccordionSkeletonProps {
+export interface AccordionSkeletonProps {
     /**
      * Specify the alignment of the accordion heading
      * title and chevron.

package/es/components/Accordion/AccordionItem.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { AnimationEventHandler, AriaAttributes, KeyboardEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode } from 'react';
-interface AccordionItemProps {
+export interface AccordionItemProps {
     /**
      * Specify an optional className to be
      * applied to the container node.
@@ -49,7 +49,7 @@ interface AccordionItemProps {
      */
     handleAnimationEnd?: AnimationEventHandler<HTMLElement>;
 }
-interface AccordionToggleProps {
+export interface AccordionToggleProps {
     'aria-controls'?: AriaAttributes['aria-controls'];
     'aria-expanded'?: AriaAttributes['aria-expanded'];
     className?: string;

package/es/components/AspectRatio/AspectRatio.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren, ReactHTML } from 'react';
-interface AspectRatioProps {
+export interface AspectRatioProps {
     /**
      * Provide a custom component or string to be rendered as
      * the outermost node of the component. This is useful if you want

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

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { IconButtonKind } from '../IconButton';
-import { PolymorphicProps } from '../../types/common';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
 export type ButtonKind = (typeof ButtonKinds)[number];
 export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
@@ -65,7 +65,7 @@ export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      */
     tooltipPosition?: ButtonTooltipPosition;
 }
-export type ButtonProps<T extends React.ElementType> = PolymorphicProps<T, ButtonBaseProps>;
-export type ButtonComponent = <T extends React.ElementType>(props: ButtonProps<T>, context?: any) => React.ReactElement<any, any> | null;
+export type ButtonProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, ButtonBaseProps>;
+export type ButtonComponent = <T extends React.ElementType = 'button'>(props: ButtonProps<T>, context?: any) => React.ReactElement | any;
 declare const _default: ButtonComponent;
 export default _default;

package/es/components/Button/Button.js

@@ -22,7 +22,7 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   }
   return false;
 }
-const Button = /*#__PURE__*/React__default.forwardRef(function Button(props, ref) {
+const Button = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const tooltipRef = useRef(null);
   const {
     as,

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren } from 'react';
-interface ClassPrefixProps {
+export interface ClassPrefixProps {
     /**
      *   The value used to prefix the CSS selectors
      *   used by Carbon components.

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

@@ -9,7 +9,7 @@ import React, { type ReactNode, type ComponentType, type ReactElement, type RefA
 import { ListBoxSize } from '../ListBox';
 import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
-interface OnChangeData<ItemType> {
+export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null | undefined;
     inputValue?: string | null;
 }
@@ -20,8 +20,8 @@ interface OnChangeData<ItemType> {
  * because those components aren't Typescript.  (If you try, TranslationKey
  * ends up just being defined as "string".)
  */
-type TranslationKey = 'close.menu' | 'open.menu' | 'clear.all' | 'clear.selection';
-type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
+export type TranslationKey = 'close.menu' | 'open.menu' | 'clear.all' | 'clear.selection';
+export type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
 export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLInputElement>, ExcludedAttributes>, TranslateWithId<TranslationKey> {
     /**
      * Specify whether or not the ComboBox should allow a value that is
@@ -197,7 +197,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
     warnText?: ReactNode;
 }
 type ComboboxComponentProps<ItemType> = PropsWithRef<PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>>;
-interface ComboBoxComponent {
+export interface ComboBoxComponent {
     <ItemType>(props: ComboboxComponentProps<ItemType>): ReactElement | null;
 }
 declare const _default: ComboBoxComponent;

package/es/components/ComboBox/ComboBox.js

@@ -386,7 +386,6 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
   });
   const wrapperClasses = cx(`${prefix}--list-box__wrapper`, [containerClassName, {
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
-    [`${prefix}--list-box__wrapper--fluid--focus`]: isFluid && isFocused,
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   }]);

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

@@ -16,7 +16,7 @@ declare const defaultTranslations: {
 /**
  * Message ids that will be passed to translateWithId().
  */
-type TranslationKey = keyof typeof defaultTranslations;
+export type TranslationKey = keyof typeof defaultTranslations;
 interface ComboButtonProps extends TranslateWithId<TranslationKey> {
     /**
      * A collection of `MenuItems` to be rendered as additional actions for this `ComboButton`.

package/es/components/ComposedModal/ModalFooter.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode, type MouseEvent, type Ref } from 'react';
 import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
-interface SecondaryButtonProps {
+export interface SecondaryButtonProps {
     buttonText: ReactNode;
     onClick(evt: MouseEvent): void;
 }
@@ -87,4 +87,3 @@ export interface ModalFooterProps {
     onLoadingSuccess?(): void;
 }
 export declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLElement>>;
-export {};

package/es/components/ComposedModal/ModalFooter.js

@@ -30,7 +30,7 @@ function SecondaryButtonSet(_ref) {
     onRequestClose(evt);
   }
   if (Array.isArray(secondaryButtons) && secondaryButtons.length <= 2) {
-    return secondaryButtons.map((_ref2, i) => {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, secondaryButtons.map((_ref2, i) => {
       let {
         buttonText,
         onClick: onButtonClick
@@ -41,7 +41,7 @@ function SecondaryButtonSet(_ref) {
         kind: "secondary",
         onClick: onButtonClick || handleRequestClose
       }, buttonText);
-    });
+    }));
   }
   if (secondaryButtonText) {
     return /*#__PURE__*/React__default.createElement(Button, {

package/es/components/ComposedModal/ModalHeader.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { type ReactNode, type MouseEvent, type HTMLAttributes } from 'react';
-type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
+export type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
 export interface ModalHeaderProps extends DivProps {
     /**
      * Provide an optional function to be called when the close button is
@@ -55,4 +55,3 @@ export interface ModalHeaderProps extends DivProps {
     titleClassName?: string;
 }
 export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/ContainedList/ContainedList.d.ts

@@ -7,7 +7,7 @@
 import React, { ReactNode } from 'react';
 import ContainedListItem from './ContainedListItem';
 declare const variants: readonly ["on-page", "disclosed"];
-interface ContainedListType extends React.FC<ContainedListProps> {
+export interface ContainedListType extends React.FC<ContainedListProps> {
     ContainedListItem: typeof ContainedListItem;
 }
 export type Variants = (typeof variants)[number];

package/es/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React, { HTMLAttributes, ReactElement } from 'react';
-interface SwitchEventHandlersParams {
+export interface SwitchEventHandlersParams {
     index?: number;
     name?: string | number;
     text?: string;
@@ -46,7 +46,7 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
      */
     size: 'sm' | 'md' | 'lg';
 }
-interface ContentSwitcherState {
+export interface ContentSwitcherState {
     selectedIndex?: number;
 }
 export default class ContentSwitcher extends React.Component<ContentSwitcherProps, ContentSwitcherState> {
@@ -101,4 +101,3 @@ export default class ContentSwitcher extends React.Component<ContentSwitcherProp
     handleChildChange: (data: any) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export {};

package/es/components/ContextMenu/useContextMenu.d.ts

@@ -6,7 +6,7 @@
  */
 /// <reference types="react" />
 type TriggerType = Element | Document | Window | React.RefObject<Element>;
-interface ContextMenuProps {
+export interface ContextMenuProps {
     open: boolean;
     x: number;
     y: number;

package/es/components/Copy/Copy.d.ts

@@ -9,7 +9,7 @@ import React, { AnimationEventHandler, MouseEventHandler, PropsWithChildren } fr
 export type DeprecatedCopyAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 export type NewCopyAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 export type CopyAlignment = DeprecatedCopyAlignment | NewCopyAlignment;
-interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface CopyProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Specify how the trigger should align with the tooltip
      */

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

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 import { ReactAttr } from '../../types/common';
-interface TableCellProps extends ReactAttr<HTMLTableCellElement> {
+export interface TableCellProps extends ReactAttr<HTMLTableCellElement> {
     /**
      * Pass in children that will be embedded in the table header label
      */

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

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ReactAttr } from '../../types/common';
-type TableExpandHeaderPropsBase = {
+export type TableExpandHeaderPropsBase = {
     /**
      * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandHeader
      */
@@ -45,13 +45,13 @@ type TableExpandHeaderPropsBase = {
      */
     onExpand?(event: React.MouseEvent<HTMLButtonElement>): void;
 } & ReactAttr<HTMLTableCellElement>;
-type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableToggle' | 'onExpand'> & {
+export type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableToggle' | 'onExpand'> & {
     enableToggle: true;
     ariaLabel: string;
     ['aria-label']: string;
     onExpand(event: React.MouseEvent<HTMLButtonElement>): void;
 };
-type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableExpando' | 'onExpand'> & {
+export type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'aria-label' | 'enableExpando' | 'onExpand'> & {
     enableExpando: true;
     ariaLabel: string;
     ['aria-label']: string;

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

@@ -6,7 +6,7 @@
  */
 import React, { type MouseEventHandler, type PropsWithChildren } from 'react';
 import { TableRowProps } from './TableRow';
-interface TableExpandRowProps extends PropsWithChildren<TableRowProps> {
+export interface TableExpandRowProps extends PropsWithChildren<TableRowProps> {
     /**
      * Space separated list of one or more ID values referencing the TableExpandedRow(s) being controlled by the TableExpandRow
      */

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { ReactAttr } from '../../types/common';
-interface TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
+export interface TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
     /**
      * The width of the expanded row's internal cell
      */

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

@@ -15,7 +15,7 @@ export interface TableHeaderTranslationArgs {
     sortDirection?: DataTableSortState;
     sortStates: typeof sortStates;
 }
-interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
+export interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
     header: any;
     sortDirection: any;
     isSortHeader: any;

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-interface TableSelectAllProps {
+export interface TableSelectAllProps {
     /**
      * Specify the aria label for the underlying input control
      * node

package/es/components/Dropdown/Dropdown.js

@@ -218,6 +218,7 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--dropdown--invalid`]: invalid,
     [`${prefix}--dropdown--warning`]: showWarning,
     [`${prefix}--dropdown--open`]: isOpen,
+    [`${prefix}--dropdown--focus`]: isFocused,
     [`${prefix}--dropdown--inline`]: inline,
     [`${prefix}--dropdown--disabled`]: disabled,
     [`${prefix}--dropdown--light`]: light,
@@ -239,7 +240,6 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--dropdown__wrapper--inline--invalid`]: inline && invalid,
     [`${prefix}--list-box__wrapper--inline--invalid`]: inline && invalid,
     [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
-    [`${prefix}--list-box__wrapper--fluid--focus`]: isFluid && isFocused && !isOpen,
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   });
@@ -255,7 +255,7 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     className: helperClasses
   }, helperText) : null;
   const handleFocus = evt => {
-    setIsFocused(evt.type === 'focus' ? true : false);
+    setIsFocused(evt.type === 'focus' && !selectedItem ? true : false);
   };
   const mergedRef = mergeRefs(toggleButtonProps.ref, ref);
   const [currTimer, setCurrTimer] = useState();
@@ -272,7 +272,15 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
         setIsTyping(false);
       }, 3000));
     }
-    if (toggleButtonProps.onKeyDown) {
+    if (['ArrowDown'].includes(evt.key)) {
+      setIsFocused(false);
+    }
+    if (['Enter'].includes(evt.key) && !selectedItem && !isOpen) {
+      setIsFocused(true);
+    }
+
+    // For Dropdowns the arrow up key is only allowed if the Dropdown is open
+    if (toggleButtonProps.onKeyDown && (evt.key !== 'ArrowUp' || isOpen && evt.key === 'ArrowUp')) {
       toggleButtonProps.onKeyDown(evt);
     }
   }, [isTyping, currTimer, toggleButtonProps]);

package/es/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -24,11 +24,11 @@ import { ErrorBoundaryContext } from './ErrorBoundaryContext';
  * Reference:
  * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
  */
-interface ErrorBoundaryProps {
+export interface ErrorBoundaryProps {
     children?: ReactNode;
     fallback?: ReactNode;
 }
-interface ErrorBoundaryState {
+export interface ErrorBoundaryState {
     hasError: boolean;
 }
 export default class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
@@ -44,4 +44,3 @@ export default class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
     componentDidUpdate(prevProps: ErrorBoundaryProps): void;
     render(): React.ReactNode;
 }
-export {};

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React, { ReactNode } from 'react';
-interface FeatureFlagsProps {
+export interface FeatureFlagsProps {
     children?: ReactNode;
     flags?: Record<string, boolean>;
     enableV12TileDefaultIcons?: boolean;

package/es/components/FileUploader/FileUploader.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 { ReactElement } from 'react';
+import React from 'react';
 import { ReactAttr } from '../../types/common';
 export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
     /**
@@ -73,10 +73,11 @@ export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
      */
     size?: 'sm' | 'small' | 'md' | 'field' | 'lg';
 }
-declare const FileUploader: {
-    <ItemType>(props: FileUploaderProps): ReactElement;
-    propTypes?: any;
-    contextTypes?: any;
-    defaultProps?: any;
-};
+export interface FileUploaderHandle {
+    /**
+     * Clear internal state
+     */
+    clearFiles: () => void;
+}
+declare const FileUploader: React.ForwardRefExoticComponent<FileUploaderProps & React.RefAttributes<FileUploaderHandle>>;
 export default FileUploader;

package/es/components/FileUploader/FileUploader.js

@@ -8,10 +8,10 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState } from 'react';
+import React__default, { useState, useImperativeHandle } from 'react';
 import Filename from './Filename.js';
 import FileUploaderButton from './FileUploaderButton.js';
-import { ButtonKinds } from '../../prop-types/types.js';
+import { ButtonKinds } from '../Button/Button.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
 import { useId } from '../../internal/useId.js';
@@ -72,6 +72,13 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       onClick?.(evt);
     }
   };
+  useImperativeHandle(ref, () => ({
+    clearFiles() {
+      updateState({
+        fileNames: []
+      });
+    }
+  }));
   const uploaderButton = /*#__PURE__*/React__default.createRef();
   const classes = cx({
     [`${prefix}--form-item`]: true,

package/es/components/Form/Form.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
-type FormProps = ComponentProps<'form'>;
+export type FormProps = ComponentProps<'form'>;
 declare function Form({ className, children, ...other }: FormProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Form {
     var propTypes: {

package/es/components/FormItem/FormItem.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import React from 'react';
-type FormItemProps = {
+export type FormItemProps = {
     /**
      * Provide content to be rendered in the form item
      */

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

@@ -10,7 +10,7 @@ type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 type SectionBaseProps = {
     level?: HeadingLevel;
 };
-type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
+export type SectionProps<E extends ElementType> = PolymorphicProps<E, SectionBaseProps>;
 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/IconButton/index.d.ts

@@ -11,7 +11,7 @@ export type IconButtonKind = (typeof IconButtonKinds)[number];
 export type DeprecatedIconButtonAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
 export type NewIconButtonAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
 export type IconButtonAlignment = DeprecatedIconButtonAlignment | NewIconButtonAlignment;
-interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Specify how the trigger should align with the tooltip
      */

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

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { PropsWithChildren, ReactNode } from 'react';
-type IdPrefixProps = {
+export type IdPrefixProps = {
     children?: ReactNode;
     /**
      * The value used to prefix the auto-generated id placed on some DOM elements

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

@@ -15,7 +15,7 @@ import { PolymorphicProps } from '../../types/common';
 export declare function useLayer(): {
     level: 0 | 1 | 2;
 };
-interface LayerBaseProps {
+export interface LayerBaseProps {
     /**
      * Provide child elements to be rendered inside of `Theme`
      */
@@ -35,4 +35,3 @@ export interface LayerComponent {
     <T extends React.ElementType>(props: LayerProps<T>, context?: any): React.ReactElement<any, any> | null;
 }
 export declare const Layer: LayerComponent;
-export {};

package/es/components/LayoutDirection/LayoutDirection.d.ts

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import { ElementType, ReactNode } from 'react';
 import { LayoutDirectionContext } from './LayoutDirectionContext';
 type Direction = 'ltr' | 'rtl';
-interface LayoutDirectionProps {
+export interface LayoutDirectionProps {
     /**
      * Customize the element type used to render the outermost node
      */

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

@@ -4,8 +4,8 @@
  * 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, { AnchorHTMLAttributes, AriaAttributes, ComponentType, ElementType, HTMLAttributeAnchorTarget } from 'react';
-import { PolymorphicProps } from '../../types/common';
+import React, { AnchorHTMLAttributes, AriaAttributes, ComponentType, HTMLAttributeAnchorTarget } from 'react';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 export interface LinkBaseProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * @description Indicates the element that represents the
@@ -48,6 +48,7 @@ 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, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+export type LinkProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, LinkBaseProps>;
+type LinkComponent = <T extends React.ElementType = 'a'>(props: LinkProps<T>) => React.ReactElement | any;
+declare const Link: LinkComponent;
 export default Link;

package/es/components/Link/Link.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const Link = /*#__PURE__*/React__default.forwardRef(function Link(_ref, ref) {
+const Link = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   let {
     as: BaseComponent,
     children,

package/es/components/ListItem/ListItem.d.ts

@@ -6,7 +6,7 @@
  */
 import PropTypes from 'prop-types';
 import { type ComponentProps } from 'react';
-type ListItemProps = ComponentProps<'li'>;
+export type ListItemProps = Omit<ComponentProps<'li'>, 'ref'>;
 declare function ListItem({ className, children, ...other }: ListItemProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ListItem {
     var propTypes: {

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode, RefObject } from 'react';
-interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
+export interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
     /**
      * The ref of the containing element, used for positioning and alignment of the menu
      */

package/es/components/Modal/Modal.js

@@ -71,7 +71,7 @@ const Modal = /*#__PURE__*/React__default.forwardRef(function Modal(_ref, ref) {
   } = _ref;
   const prefix = usePrefix();
   const button = useRef(null);
-  const secondaryButton = useRef();
+  const secondaryButton = useRef(null);
   const contentRef = useRef(null);
   const innerModal = useRef(null);
   const startTrap = useRef(null);

package/es/components/ModalWrapper/ModalWrapper.d.ts

@@ -7,7 +7,7 @@
 import PropTypes from 'prop-types';
 import React, { ReactNode } from 'react';
 import { ButtonKinds } from '../Button';
-interface ModalWrapperProps {
+export interface ModalWrapperProps {
     buttonTriggerClassName?: string;
     buttonTriggerText?: ReactNode;
     children?: ReactNode;