@carbon/react 1.48.1 → 1.49.0-rc.0

package/es/components/TabContent/TabContent.d.ts

@@ -20,7 +20,7 @@ export interface TabContentProps extends HTMLAttributes<HTMLDivElement> {
      */
     selected?: boolean;
 }
-declare function TabContent(props: any): JSX.Element;
+declare function TabContent(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TabContent {
     var propTypes: {
         /**

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

@@ -16,7 +16,7 @@ export interface TabsSkeletonProps extends HTMLAttributes<HTMLDivElement> {
      */
     contained?: boolean;
 }
-declare function TabsSkeleton({ className, contained, ...rest }: TabsSkeletonProps): JSX.Element;
+declare function TabsSkeleton({ className, contained, ...rest }: TabsSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsSkeleton {
     var propTypes: {
         /**

package/es/components/Tabs/Tabs.d.ts

@@ -43,7 +43,7 @@ export interface TabsProps {
      */
     selectedIndex?: number;
 }
-declare function Tabs({ children, defaultSelectedIndex, onChange, selectedIndex: controlledSelectedIndex, dismissable, onTabCloseRequest, }: TabsProps): JSX.Element;
+declare function Tabs({ children, defaultSelectedIndex, onChange, selectedIndex: controlledSelectedIndex, dismissable, onTabCloseRequest, }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var propTypes: {
         /**
@@ -136,7 +136,7 @@ export interface TabListProps extends DivAttributes {
      */
     scrollIntoView?: boolean;
 }
-declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): JSX.Element;
+declare function TabList({ activation, 'aria-label': label, children, className: customClassName, contained, fullWidth, iconSize, leftOverflowButtonProps, light, rightOverflowButtonProps, scrollDebounceWait, scrollIntoView, ...rest }: TabListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabList {
     var propTypes: {
         /**
@@ -299,7 +299,7 @@ export interface TabPanelsProps {
      */
     children?: ReactNode;
 }
-declare function TabPanels({ children }: TabPanelsProps): JSX.Element;
+declare function TabPanels({ children }: TabPanelsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabPanels {
     var propTypes: {
         /**

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

@@ -17,7 +17,7 @@ export interface TagSkeletonProps extends React.HTMLAttributes<HTMLSpanElement>
      */
     size?: 'sm';
 }
-declare function TagSkeleton({ className, size, ...rest }: TagSkeletonProps): JSX.Element;
+declare function TagSkeleton({ className, size, ...rest }: TagSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TagSkeleton {
     var propTypes: {
         /**

package/es/components/Tag/Tag.d.ts

@@ -71,7 +71,7 @@ export interface TagBaseProps {
 }
 export type TagProps<T extends React.ElementType> = PolymorphicProps<T, TagBaseProps>;
 declare const Tag: {
-    <T extends React.ElementType<any>>({ children, className, id, type, filter, renderIcon: CustomIconElement, title, disabled, onClose, size, as: BaseComponent, slug, ...other }: TagProps<T>): JSX.Element;
+    <T extends React.ElementType<any>>({ children, className, id, type, filter, renderIcon: CustomIconElement, title, disabled, onClose, size, as: BaseComponent, slug, ...other }: TagProps<T>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide an alternative tag or component to use instead of the default

package/es/components/Text/Text.d.ts

@@ -12,7 +12,7 @@ export interface TextBaseProps {
     dir?: TextDir | undefined;
 }
 export type TextProps<T extends React.ElementType> = PolymorphicProps<T, TextBaseProps>;
-declare function Text<T extends React.ElementType>({ as, children, dir, ...rest }: TextProps<T>): JSX.Element;
+declare function Text<T extends React.ElementType>({ as, children, dir, ...rest }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace Text {
     var propTypes: {
         /**

package/es/components/Text/TextDirection.d.ts

@@ -13,7 +13,7 @@ export interface TextDirectionProps {
     dir?: TextDir;
     getTextDirection?: GetTextDirection;
 }
-declare function TextDirection({ children, dir, getTextDirection, }: TextDirectionProps): JSX.Element;
+declare function TextDirection({ children, dir, getTextDirection, }: TextDirectionProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TextDirection {
     var propTypes: {
         /**

package/es/components/Text/createTextComponent.d.ts

@@ -13,6 +13,6 @@ import { TextProps } from './Text';
  * @param {string} displayName
  */
 export declare function createTextComponent(element: React.ElementType, displayName: string): {
-    (props: TextProps<React.ElementType>): JSX.Element;
+    (props: TextProps<React.ElementType>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -9,10 +9,10 @@ import { Text, TextBaseProps, TextProps } from './Text';
 export { TextDirection, Text };
 export type { TextBaseProps, TextProps, TextDirectionProps, GetTextDirection, TextDir, };
 export declare const Label: {
-    (props: TextProps<import("react").ElementType<any>>): JSX.Element;
+    (props: TextProps<import("react").ElementType<any>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Legend: {
-    (props: TextProps<import("react").ElementType<any>>): JSX.Element;
+    (props: TextProps<import("react").ElementType<any>>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -17,7 +17,7 @@ export interface TextAreaSkeletonProps extends React.InputHTMLAttributes<HTMLDiv
     hideLabel?: boolean;
 }
 declare const TextAreaSkeleton: {
-    (props: TextAreaSkeletonProps): JSX.Element;
+    (props: TextAreaSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add to the form item wrapper.

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

@@ -17,7 +17,7 @@ export interface TextInputSkeletonProps extends React.HTMLAttributes<HTMLDivElem
     hideLabel?: boolean;
 }
 declare const TextInputSkeleton: {
-    ({ hideLabel, className, ...rest }: TextInputSkeletonProps): JSX.Element;
+    ({ hideLabel, className, ...rest }: TextInputSkeletonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add to the form item wrapper.

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

@@ -12,7 +12,9 @@ interface GlobalThemeProps {
     children?: React.ReactNode;
 }
 export declare const ThemeContext: React.Context<GlobalThemeProps>;
-export declare const GlobalTheme: React.ForwardRefExoticComponent<GlobalThemeProps & React.RefAttributes<unknown>>;
+export declare const GlobalTheme: React.ForwardRefExoticComponent<GlobalThemeProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
 type ThemeBaseProps = GlobalThemeProps & {
     className?: string;
 };
@@ -20,7 +22,7 @@ type ThemeProps<E extends ElementType> = PolymorphicProps<E, ThemeBaseProps>;
 /**
  * Specify the theme to be applied to a page, or a region in a page
  */
-export declare function Theme<E extends ElementType = 'div'>({ as: BaseComponent, className: customClassName, theme, ...rest }: ThemeProps<E>): JSX.Element;
+export declare function Theme<E extends ElementType = 'div'>({ as: BaseComponent, className: customClassName, theme, ...rest }: ThemeProps<E>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Theme {
     var propTypes: {
         /**

package/es/components/TileGroup/TileGroup.d.ts

@@ -42,7 +42,7 @@ export interface TileGroupProps extends Omit<ReactAttr<HTMLFieldSetElement>, Exc
     valueSelected?: string | number;
 }
 declare const TileGroup: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide a collection of <RadioTile> components to render in the group

package/es/components/Toggle/Toggle.d.ts

@@ -61,7 +61,7 @@ export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
      */
     toggled?: boolean;
 }
-export declare function Toggle({ 'aria-labelledby': ariaLabelledby, className, defaultToggled, disabled, hideLabel, id, labelA, labelB, labelText, onClick, onToggle, readOnly, size, toggled, ...other }: ToggleProps): JSX.Element;
+export declare function Toggle({ 'aria-labelledby': ariaLabelledby, className, defaultToggled, disabled, hideLabel, id, labelA, labelB, labelText, onClick, onToggle, readOnly, size, toggled, ...other }: ToggleProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Toggle {
     var propTypes: {
         /**

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

@@ -15,7 +15,7 @@ type ToggletipLabelProps<E extends ElementType> = {
 /**
  * Used to render the label for a Toggletip
  */
-export declare function ToggletipLabel<E extends ElementType>({ as: BaseComponent, children, className: customClassName, }: ToggletipLabelProps<E>): JSX.Element;
+export declare function ToggletipLabel<E extends ElementType>({ as: BaseComponent, children, className: customClassName, }: ToggletipLabelProps<E>): import("react/jsx-runtime").JSX.Element;
 export declare namespace ToggletipLabel {
     var propTypes: {
         /**
@@ -47,7 +47,7 @@ interface ToggletipProps<E extends ElementType> {
  * is responsible for coordinating between interactions with the button and the
  * visibility of the content
  */
-export declare function Toggletip<E extends ElementType = 'span'>({ align, as, autoAlign, className: customClassName, children, defaultOpen, }: ToggletipProps<E>): JSX.Element;
+export declare function Toggletip<E extends ElementType = 'span'>({ align, as, autoAlign, className: customClassName, children, defaultOpen, }: ToggletipProps<E>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Toggletip {
     var propTypes: {
         /**
@@ -87,7 +87,7 @@ interface ToggletipButtonProps {
  * `ToggletipButton` controls the visibility of the Toggletip through mouse
  * clicks and keyboard interactions.
  */
-export declare function ToggletipButton({ children, className: customClassName, label, }: ToggletipButtonProps): JSX.Element;
+export declare function ToggletipButton({ children, className: customClassName, label, }: ToggletipButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ToggletipButton {
     var propTypes: {
         /**
@@ -114,7 +114,7 @@ interface ToggletipContentProps {
  * `children` passed in as a prop inside of `PopoverContent` so that they will
  * be rendered inside of the popover for this component.
  */
-export declare function ToggletipContent({ children, className: customClassName, }: ToggletipContentProps): JSX.Element;
+export declare function ToggletipContent({ children, className: customClassName, }: ToggletipContentProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ToggletipContent {
     var propTypes: {
         /**
@@ -136,7 +136,7 @@ interface ToggleTipActionsProps {
  * `ToggletipActions` is a container for one or two actions present at the base
  * of a toggletip. It is used for layout of these items.
  */
-export declare function ToggletipActions({ children, className: customClassName, }: ToggleTipActionsProps): JSX.Element;
+export declare function ToggletipActions({ children, className: customClassName, }: ToggleTipActionsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ToggletipActions {
     var propTypes: {
         /**

package/es/components/Tooltip/Tooltip.d.ts

@@ -60,7 +60,7 @@ interface TooltipBaseProps {
     leaveDelayMs?: number;
 }
 export type TooltipProps<T extends React.ElementType> = PolymorphicProps<T, TooltipBaseProps>;
-declare function Tooltip<T extends React.ElementType>({ align, className: customClassName, children, label, description, enterDelayMs, leaveDelayMs, defaultOpen, closeOnActivation, ...rest }: TooltipProps<T>): JSX.Element;
+declare function Tooltip<T extends React.ElementType>({ align, className: customClassName, children, label, description, enterDelayMs, leaveDelayMs, defaultOpen, closeOnActivation, ...rest }: TooltipProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace Tooltip {
     var propTypes: {
         /**

package/es/components/UIShell/Content.d.ts

@@ -28,6 +28,7 @@ declare const Content: {
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
@@ -35,6 +36,7 @@ declare const Content: {
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
@@ -45,11 +47,14 @@ declare const Content: {
         radioGroup?: string | undefined;
         role?: React.AriaRole | undefined;
         about?: string | undefined;
+        content?: string | undefined;
         datatype?: string | undefined;
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -66,56 +71,61 @@ declare const Content: {
         unselectable?: "on" | "off" | undefined;
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
-        'aria-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
@@ -185,6 +195,8 @@ declare const Content: {
         onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResize?: React.ReactEventHandler<HTMLElement> | undefined;
+        onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
         onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;

package/es/components/UIShell/HeaderContainer.d.ts

@@ -14,7 +14,7 @@ export interface HeaderContainerProps {
     isSideNavExpanded?: boolean;
     render: React.ComponentType<HeaderContainerRenderProps>;
 }
-declare function HeaderContainer({ render: Children, isSideNavExpanded, }: HeaderContainerProps): JSX.Element;
+declare function HeaderContainer({ render: Children, isSideNavExpanded, }: HeaderContainerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderContainer {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderMenuButton.d.ts

@@ -16,7 +16,7 @@ export interface HeaderMenuButtonProps extends HeaderMenuButtonBaseProps {
     isActive?: boolean;
     isCollapsible?: boolean;
 }
-declare function HeaderMenuButton({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className: customClassName, renderMenuIcon, renderCloseIcon, isActive, isCollapsible, ...rest }: HeaderMenuButtonProps): JSX.Element;
+declare function HeaderMenuButton({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, className: customClassName, renderMenuIcon, renderCloseIcon, isActive, isCollapsible, ...rest }: HeaderMenuButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderMenuButton {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderName.d.ts

@@ -10,7 +10,7 @@ import { type LinkProps } from './Link';
 export type HeaderNameProps<E extends ElementType> = LinkProps<E> & {
     prefix?: string | undefined;
 };
-declare function HeaderName<E extends ElementType = 'a'>({ children, className: customClassName, prefix, ...rest }: HeaderNameProps<E>): JSX.Element;
+declare function HeaderName<E extends ElementType = 'a'>({ children, className: customClassName, prefix, ...rest }: HeaderNameProps<E>): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderName {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderNavigation.d.ts

@@ -7,7 +7,7 @@
 import { type ComponentProps } from 'react';
 import PropTypes from 'prop-types';
 export type HeaderNavigationProps = ComponentProps<'nav'>;
-declare function HeaderNavigation({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className: customClassName, ...rest }: HeaderNavigationProps): JSX.Element;
+declare function HeaderNavigation({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className: customClassName, ...rest }: HeaderNavigationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderNavigation {
     var propTypes: {
         /**

package/es/components/UIShell/HeaderSideNavItems.d.ts

@@ -11,7 +11,7 @@ export interface HeaderSideNavItemsProps {
     children?: ReactNode;
     hasDivider?: boolean | undefined;
 }
-declare function HeaderSideNavItems({ className: customClassName, children, hasDivider, }: HeaderSideNavItemsProps): JSX.Element;
+declare function HeaderSideNavItems({ className: customClassName, children, hasDivider, }: HeaderSideNavItemsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeaderSideNavItems {
     var propTypes: {
         /**

package/es/components/UIShell/SideNav.d.ts

@@ -25,5 +25,5 @@ interface SideNavContextData {
     isRail?: boolean | undefined;
 }
 export declare const SideNavContext: React.Context<SideNavContextData>;
-declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "slot" | "style" | "title" | "className" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "onTransitionEnd" | "tabIndex" | "color" | "lang" | "role" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "expanded" | "enterDelayMs" | "defaultExpanded" | "inert" | "addFocusListeners" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
+declare const SideNav: React.ForwardRefExoticComponent<Omit<SideNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default SideNav;

package/es/components/UIShell/SideNavDetails.d.ts

@@ -12,7 +12,7 @@ export interface SideNavDetailsProps {
     title: string;
 }
 declare const SideNavDetails: {
-    ({ children, className: customClassName, title, ...rest }: SideNavDetailsProps): JSX.Element;
+    ({ children, className: customClassName, title, ...rest }: SideNavDetailsProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide optional children to render in `SideNavDetails`. Useful for

package/es/components/UIShell/SideNavFooter.d.ts

@@ -28,7 +28,7 @@ export interface SideNavFooterProps {
  * navigation that is a part of the UI Shell. It is responsible for handling the
  * user interaction to expand or collapse the side navigation.
  */
-declare function SideNavFooter({ assistiveText, className: customClassName, expanded, onToggle, }: SideNavFooterProps): JSX.Element;
+declare function SideNavFooter({ assistiveText, className: customClassName, expanded, onToggle, }: SideNavFooterProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideNavFooter {
     var displayName: string;
     var propTypes: {

package/es/components/UIShell/SideNavLinkText.d.ts

@@ -10,7 +10,7 @@ export interface SideNavLinkTextProps {
     children: ReactNode;
     className?: string;
 }
-declare function SideNavLinkText({ className: customClassName, children, ...rest }: SideNavLinkTextProps): JSX.Element;
+declare function SideNavLinkText({ className: customClassName, children, ...rest }: SideNavLinkTextProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideNavLinkText {
     var propTypes: {
         /**

package/es/components/UIShell/SkipToContent.d.ts

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 export type SkipToContentProps = Omit<ComponentProps<'a'>, 'children'> & {
     children?: string | undefined;
 };
-declare function SkipToContent({ children, className: customClassName, href, tabIndex, ...rest }: SkipToContentProps): JSX.Element;
+declare function SkipToContent({ children, className: customClassName, href, tabIndex, ...rest }: SkipToContentProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SkipToContent {
     var propTypes: {
         /**

package/es/components/UnorderedList/UnorderedList.d.ts

@@ -10,7 +10,7 @@ interface UnorderedListProps extends ComponentProps<'ul'> {
     nested?: boolean | undefined;
     isExpressive?: boolean | undefined;
 }
-declare function UnorderedList({ className, nested, isExpressive, ...other }: UnorderedListProps): JSX.Element;
+declare function UnorderedList({ className, nested, isExpressive, ...other }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;
 declare namespace UnorderedList {
     var propTypes: {
         /**

package/es/index.js

@@ -60,6 +60,8 @@ export { default as InlineLoading } from './components/InlineLoading/InlineLoadi
 export { default as Link } from './components/Link/Link.js';
 export { default as ListItem } from './components/ListItem/ListItem.js';
 export { default as Loading } from './components/Loading/Loading.js';
+export { Menu } from './components/Menu/Menu.js';
+export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { MenuButton } from './components/MenuButton/index.js';
 export { default as Modal } from './components/Modal/Modal.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
@@ -212,8 +214,6 @@ export { default as TableToolbarContent } from './components/DataTable/TableTool
 export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
 export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
 export { default as FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
-export { Menu } from './components/Menu/Menu.js';
-export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { default as Pagination } from './components/Pagination/Pagination.js';
 export { default as PaginationNav } from './components/PaginationNav/PaginationNav.js';

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 interface AccordionSkeletonProps {
     /**
@@ -30,7 +29,7 @@ interface AccordionSkeletonProps {
      */
     open?: boolean;
 }
-declare function AccordionSkeleton({ align, className, count, isFlush, open, ...rest }: AccordionSkeletonProps): JSX.Element;
+declare function AccordionSkeleton({ align, className, count, isFlush, open, ...rest }: AccordionSkeletonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionSkeleton {
     var propTypes: {
         /**

package/lib/components/Accordion/Accordion.d.ts

@@ -33,7 +33,7 @@ interface AccordionProps {
      */
     size?: 'sm' | 'md' | 'lg';
 }
-declare function Accordion({ align, children, className: customClassName, disabled, isFlush, size, ...rest }: PropsWithChildren<AccordionProps>): JSX.Element;
+declare function Accordion({ align, children, className: customClassName, disabled, isFlush, size, ...rest }: PropsWithChildren<AccordionProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Accordion {
     var propTypes: {
         /**

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

@@ -59,7 +59,7 @@ interface AccordionToggleProps {
     type?: 'button';
 }
 declare function AccordionItem({ children, className: customClassName, open, onHeadingClick, renderExpando, // remove renderExpando in next major release
-renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): JSX.Element;
+renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionItem {
     var propTypes: {
         /**

package/lib/components/Accordion/AccordionItem.js

@@ -47,6 +47,7 @@ function AccordionItem(_ref) {
     ...rest
   } = _ref;
   const [isOpen, setIsOpen] = React.useState(open);
+  const [prevIsOpen, setPrevIsOpen] = React.useState(open);
   const accordionState = React.useContext(AccordionProvider.AccordionContext);
   const disabledIsControlled = typeof controlledDisabled === 'boolean';
   const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
@@ -61,6 +62,10 @@ function AccordionItem(_ref) {
   const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
 
   const content = React.useRef(null);
+  if (open !== prevIsOpen) {
+    setIsOpen(open);
+    setPrevIsOpen(open);
+  }
 
   // When the AccordionItem heading is clicked, toggle the open state of the
   // panel

package/lib/components/Accordion/AccordionProvider.d.ts

@@ -16,5 +16,5 @@ type AccordionProviderProp = {
 export declare const AccordionContext: React.Context<{
     disabled: boolean;
 }>;
-export declare const AccordionProvider: ({ disabled, children, }: PropsWithChildren<AccordionProviderProp>) => JSX.Element;
+export declare const AccordionProvider: ({ disabled, children, }: PropsWithChildren<AccordionProviderProp>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -37,7 +37,7 @@ interface AspectRatioProps {
  * images or videos.
  */
 declare const AspectRatio: {
-    ({ as: BaseComponent, className: containerClassName, children, ratio, ...rest }: PropsWithChildren<AspectRatioProps>): JSX.Element;
+    ({ as: BaseComponent, className: containerClassName, children, ratio, ...rest }: PropsWithChildren<AspectRatioProps>): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide a custom component or string to be rendered as the outermost node