@muraldevkit/ui-toolkit 2.79.2 → 2.79.4

package/dist/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { MrlIconButtonProps } from '../MrlIconButton/MrlIconButton';
+import * as React from 'react';
 import { MrlSvgAnimateProps } from '../../svg/MrlSvgAnimate/MrlSvgAnimate';
+import { MrlIconButtonProps } from '../MrlIconButton/MrlIconButton';
 import './MrlAnimatedIconButton.scss';
 interface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {
     icon: MrlSvgAnimateProps;

package/dist/components/button/MrlButton/MrlButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { allowedButtonValues, MrlButtonKind, MrlButtonSize, ToggleAria, IconPosition } from '../constants';
 import { MrlTooltipAnchor, MrlTooltipPosition } from '../../';
 import { AttrsObject, MrlComponentProps } from '../../../utils';

package/dist/components/button/MrlIconButton/MrlIconButton.d.ts

@@ -1,11 +1,11 @@
-import React, { ComponentProps, KeyboardEvent, MouseEvent, ReactElement } from 'react';
+import * as React from 'react';
 import { MrlButtonKind, MrlButtonSize, MrlGhostIconButtonSize, ToggleAria } from '../constants';
 import { AttrsObject, MrlComponentProps } from '../../../utils';
 import { MrlTooltipAnchor, MrlTooltipPosition, MrlTooltipVariant } from '../../tooltip/constants';
 import { MrlButtonState, ToggleStyle } from '../../';
 import { MrlDeviceClient } from '../../../contexts';
 import './MrlIconButton.scss';
-export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, ComponentProps<'button'> {
+export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
     /**
      * Applies additional HTML attributes to the button element.
      *
@@ -15,7 +15,7 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Co
     /**
      * Allow developers to add badge to buttons.
      */
-    badge?: ReactElement;
+    badge?: React.ReactElement;
     /** Additional class to add to the button */
     className?: string;
     /**
@@ -27,7 +27,7 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Co
     /**
      * The icon that will be rendered.
      */
-    icon: ReactElement;
+    icon: React.ReactElement;
     /**
      * Changes the visual emphasis of the button.
      *
@@ -45,15 +45,15 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Co
     /**
      * onClick event for the button.
      */
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * onKeyDown event for the button.
      */
-    onKeyUp?: (e: KeyboardEvent<HTMLButtonElement>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
     /**
      * onMouseUp event for the button.
      */
-    onMouseUp?: (e: MouseEvent<HTMLButtonElement>) => void;
+    onMouseUp?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * The placement of the tooltip in relation to the button.
      */

package/dist/components/callout/MrlCallout/MrlCallout.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlPopoverProps } from '../../popover';
 export type MrlCalloutPopoverProps = Omit<MrlPopoverProps, 'children' | 'actionState' | 'isSubMenu' | 'triggerRef' | 'kind'>;
 interface MrlCalloutCTA {

package/dist/components/container/MrlContainer/MrlContainer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Kind } from '../constants';
 import { MrlComponentProps } from '../../../utils';
 export interface MrlContainerProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'div'> {

package/dist/components/error-boundary/MrlErrorBoundary.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface ErrorProps {
     children?: React.ReactNode;
     /**

package/dist/components/form/checkbox/MrlCheckbox/MrlCheckbox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../../utils';
 import { CheckboxSelected, CheckboxStates, StaticIconConfig } from '../../constants';
 import './MrlCheckbox.global.scss';

package/dist/components/form/constants.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../svg';
 /**
  * This should be used to communciate error information for a specific input

package/dist/components/form/fieldset/MrlFieldset/MrlFieldset.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../../utils';
 interface MrlFieldsetProps {
     /** Applies additional HTML attributes to the fieldset element */

package/dist/components/form/label/MrlLabel/MrlLabel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../../utils';
 import { LabelKind, LabelStates, StaticIconConfig } from '../../constants';
 interface MrlLabelProps extends React.HTMLAttributes<HTMLLabelElement> {

package/dist/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { StaticIconConfig } from '../../constants';
 interface MrlLabelWithDescriptionProps {
     /** Additional class to add to the container of the label and description */

package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.d.ts

@@ -1,6 +1,6 @@
-import React, { InputHTMLAttributes } from 'react';
+import * as React from 'react';
 import { InputStates, MrlFormInputError } from '../../constants';
-interface MrlEditableTextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+interface MrlEditableTextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     /** Id of the text input */
     inputId: string;
     /**

package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../..';
 export interface MrlEditableInputRightButtonProps {
     /** the action that should be executed when interacting with the icon */

package/dist/components/form/text-input/MrlTextInput/MrlTextInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../../';
 import { AttrsObject } from '../../../../utils';
 import { RightActionConfig, InputStates } from '../../constants';

package/dist/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../../';
 export interface MrlTextInputRightIconProps {
     /** the action that should be executed when interacting with the icon */

package/dist/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.d.ts

@@ -1,7 +1,7 @@
-import React, { TextareaHTMLAttributes } from 'react';
+import * as React from 'react';
 import './MrlEditableTextarea.global.scss';
 import { InputStates, MrlFormInputError } from '../../..';
-interface MrlEditableTextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+interface MrlEditableTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     /** The value of the textarea used to make it a controlled input */
     value: string;
     /**

package/dist/components/form/textarea/MrlEditableTextarea/MrlEditableTextareaRightButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../..';
 export interface MrlEditableTextareaRightButtonProps {
     /** the action that should be executed when interacting with the icon */

package/dist/components/layout/context/LayoutContext.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import * as React from 'react';
 type LayoutContextType = {
     isSidebarRendered: boolean;
     isTopbarRendered: boolean;
@@ -12,7 +12,7 @@ type LayoutProviderProps = {
  * @param {LayoutProviderProps} props - The props for the component.
  * @returns A React element that provides the layout context to children.
  */
-export declare function LayoutProvider({ children }: LayoutProviderProps): ReactElement;
+export declare function LayoutProvider({ children }: LayoutProviderProps): React.ReactElement;
 /**
  * Custom hook to access layout context values.
  * This hook ensures that the component using it is wrapped within a LayoutProvider.

package/dist/components/menu/MrlMenu/MrlMenu.d.ts

@@ -1,4 +1,4 @@
-import React, { RefObject } from 'react';
+import * as React from 'react';
 import { PortalProps } from '../../../components';
 import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../constants';
 export interface MrlMenuProps {
@@ -71,7 +71,7 @@ export interface MrlMenuProps {
     /**
      * Reference to the DOM element that triggers this menu.
      */
-    triggerRef?: RefObject<HTMLButtonElement>;
+    triggerRef?: React.RefObject<HTMLButtonElement>;
     /**
      * Trigger stop propagation on click
      *

package/dist/components/menu/MrlMenuItem/MrlMenuItem.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../../';
 export interface MrlMenuItemProps {
     /** ID for associated description */
@@ -6,7 +6,7 @@ export interface MrlMenuItemProps {
     /**
       Children to be rendered within the menu component
      */
-    children: ReactNode | string;
+    children: React.ReactNode | string;
     /** Classname for the menu item */
     className?: string;
     /** If the menu item is disabled */
@@ -16,11 +16,11 @@ export interface MrlMenuItemProps {
     /** Unique ID for the menu item */
     id?: string;
     /** Callback to be called when the menu item is clicked */
-    onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
     /** Callback to be called when the menu item is hovered */
-    onMouseOver?: (e?: MouseEvent) => void;
+    onMouseOver?: (e?: React.MouseEvent) => void;
     /** Callback to be called when the menu item is hovered out */
-    onMouseOut?: (e?: MouseEvent) => void;
+    onMouseOut?: (e?: React.MouseEvent) => void;
     /** Data-qa attribute for the menu item */
     dataQa?: string;
     /** If the menu item is selected */

package/dist/components/menu/MrlMenuItemLink/MrlMenuItemLink.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../../';
 export interface MrlMenuItemLinkProps {
     /** ID for associated description */

package/dist/components/menu/context/MrlMenuContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 type MrlMenuContext = {
     /**
      * Close menu is shared in context to allow for closing the menu from a child component

package/dist/components/modal/MrlModal/MrlModal.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import * as React from 'react';
 import { MrlComponentProps } from '../../../utils';
 import { ModalSize, ModalState } from '../constants';
 import { MrlDeviceClient } from '../../../contexts/MrlDeviceProvider';
@@ -55,5 +55,5 @@ interface ModalProps extends MrlComponentProps {
  * @param {React.ReactElement} props.children - Children to be rendered within the modal. The first child is used as the trigger.
  * @returns {React.ReactElement} an instance of the MrlModal
  */
-export declare const MrlModal: ({ ariaLabel, children, className, client, closable, loading, size, state, hookClose, preventBackgroundScroll, attrs }: ModalProps) => ReactElement;
+export declare const MrlModal: ({ ariaLabel, children, className, client, closable, loading, size, state, hookClose, preventBackgroundScroll, attrs }: ModalProps) => React.ReactElement;
 export {};

package/dist/components/modal/MrlModalContent/MrlModalContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface MrlModalHeaderProps {
     /**
      * Children to be rendered within the component.

package/dist/components/modal/MrlModalFooter/MrlModalFooter.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlComponentProps } from '../../../utils';
 import './MrlModalFooter.global.scss';
 interface MrlModalFooterProps extends MrlComponentProps {

package/dist/components/modal/MrlModalHeader/MrlModalHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlComponentProps } from '../../../utils';
 export interface MrlModalHeaderProps extends MrlComponentProps {
     /**

package/dist/components/modal/MrlModalHeaderNative/MrlModalHeaderNative.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface MrlModalHeaderDeviceProps {
     primaryButton?: React.ReactElement;
     secondaryButton?: React.ReactElement;

package/dist/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { LevelType } from '../../text/constants';
 interface MrlSidebarNavGroupProps extends React.ComponentPropsWithoutRef<'nav'> {
     /** Additional class to add to the nav element */

package/dist/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../';
 interface MrlSidebarNavItemProps {
     /** Additional class to add to the li element */

package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../utils';
 import { NotificationKind, NotificationIconConfig, NotificationScope, NotificationState, NotificationLevel } from '../constants';
 import { DSIconType } from '../..';
@@ -20,11 +20,11 @@ export interface MrlBlockNotificationProps {
      * contain interactive elements. Autoclosing interactive elements is an accessibility
      * anti-pattern and should be avoided.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Adds CTA button to the notification
      */
-    cta?: ReactElement;
+    cta?: React.ReactElement;
     /**
      * The kind of notification to display.
      *
@@ -46,7 +46,7 @@ export interface MrlBlockNotificationProps {
     /**
      * Sets the primary content for the notification
      */
-    message?: ReactNode;
+    message?: React.ReactNode;
     /**
      * Sets the scope of the notification
      */

package/dist/components/notification/MrlInlineMessage/MrlInlineMessage.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import * as React from 'react';
 import { DSIconType } from '../../svg';
 export type InlineMessageKind = 'error' | 'info' | 'warning' | 'success' | 'helper';
-interface PropTypes {
+export interface MrlInlineMessageProps {
     /**
      * A custom DS icon which is only applied if the alert is not an error, info, or warning type
      */
@@ -33,5 +33,4 @@ interface PropTypes {
  * @param props - The properties of the component.
  * @returns A React component.
  */
-export declare const MrlInlineMessage: ({ customIcon, id, kind, message, ["data-qa"]: qa }: PropTypes) => React.ReactElement;
-export {};
+export declare const MrlInlineMessage: ({ customIcon, id, kind, message, ["data-qa"]: qa }: MrlInlineMessageProps) => React.ReactElement;

package/dist/components/notification/MrlInlineMessage/index.d.ts

@@ -1 +1 @@
-export { MrlInlineMessage } from './MrlInlineMessage';
+export { MrlInlineMessage, type MrlInlineMessageProps } from './MrlInlineMessage';

package/dist/components/notification/MrlToast/MrlToast.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { NotificationKind } from '../constants';
 export type MrlToastKind = NotificationKind | 'collaborator' | 'general';
 export type MrlToastPosition = 'bottom' | 'top';

package/dist/components/pagination/MrlPagination/MrlPagination.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 interface MrlPaginationProps extends React.ComponentPropsWithoutRef<'nav'> {
     /** Elements to be rendered by MrlPagination */
     children: React.ReactNode;

package/dist/components/pagination/MrlPaginationButton/MrlPaginationButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlTooltipAnchor, MrlTooltipPosition } from '../..';
 import { PaginationButtonType } from '../constants';
 interface MrlPaginationButtonProps {

package/dist/components/panel/MrlPanel/MrlPanel.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
+import * as React from 'react';
 /**
  * Props for the MrlPanel component.
  */
-interface MrlPanelProps extends ComponentPropsWithRef<'div'> {
+interface MrlPanelProps extends React.ComponentPropsWithRef<'div'> {
     /**
      * A string value used for data-qa attribute.
      */
@@ -15,13 +15,13 @@ interface MrlPanelProps extends ComponentPropsWithRef<'div'> {
      * The custom header element to be rendered in the panel.
      * When a custom header is used developers need to provide th aria-label and aria-describedby.
      */
-    header?: ReactNode;
+    header?: React.ReactNode;
     /**
      * The custom top actions to be rendered in the panel header.
      * By default top actions are rendered on the right side of the title and include a MrlDivider at the end.
      * The close button should not be included as part of the top actions.
      */
-    topActions?: ReactNode;
+    topActions?: React.ReactNode;
     /**
      * The title of the panel.
      */

package/dist/components/panel/MrlPanelFooter/MrlPanelFooter.d.ts

@@ -1,12 +1,12 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
+import * as React from 'react';
 /**
  * Props for the MrlPanelFooter component.
  */
-interface MrlPanelFooterProps extends ComponentPropsWithRef<'footer'> {
+interface MrlPanelFooterProps extends React.ComponentPropsWithRef<'footer'> {
     /**
      * The children of the MrlPanelFooter component.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /**
      * Specifies whether to show the divider.
      */

package/dist/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.d.ts

@@ -1,12 +1,12 @@
-import { ComponentPropsWithRef, ReactNode } from 'react';
+import * as React from 'react';
 /**
  * Props for the MrlPanelStickyHeader component.
  */
-interface MrlPanelStickyHeaderProps extends ComponentPropsWithRef<'div'> {
+interface MrlPanelStickyHeaderProps extends React.ComponentPropsWithRef<'div'> {
     /**
      * The children of the MrlPanelStickyHeader component.
      */
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 /**
  * MrlPanelStickyHeader component.

package/dist/components/popover/MrlPopover/MrlPopover.d.ts

@@ -1,4 +1,4 @@
-import React, { RefObject } from 'react';
+import * as React from 'react';
 import { PortalProps } from '../../';
 import { MenuPosition, MenuAlignment, ActionState, CustomMenuPosition } from '../../menu/constants';
 export interface MrlPopoverProps {
@@ -75,7 +75,7 @@ export interface MrlPopoverProps {
     /**
      * Reference to the DOM element that triggers this menu.
      */
-    triggerRef?: RefObject<HTMLElement>;
+    triggerRef?: React.RefObject<HTMLElement>;
     /**
      * If the menu should be rendered with the inverse theme
      *

package/dist/components/portal/MrlPortal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { PORTAL_LAYERS } from '../../utils/layers';
 type PortalLayer = (typeof PORTAL_LAYERS)[keyof typeof PORTAL_LAYERS];
 export interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/components/skeleton/MrlSkeleton/MrlSkeleton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface MrlSkeletonProps extends React.ComponentProps<'div'> {
     /** An object with CSS properties */
     style?: React.CSSProperties;

package/dist/components/skeleton/MrlSkeletonText/MrlSkeletonText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { TextSizes } from '../../text/constants';
 export interface MrlSkeletonTextProps extends React.ComponentProps<'div'> {
     /** An object of CSS properties */

package/dist/components/svg/MrlSvg/MrlSvg.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlComponentProps } from '../../../utils';
 import { SVGSize } from '../constants';
 export type DSIcons = typeof import('@muraldevkit/ds-icons');

package/dist/components/svg/MrlSvgAnimate/MrlSvgAnimate.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AnimatedState } from '../constants';
 /**
  * Props for MrlSvgAnimate component

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "play" | "stop";
+        state: "stop" | "play";
     };
     argTypes: {
         delay: {

package/dist/components/tabs/MrlTab/MrlTab.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface MrlTabProps extends React.ComponentProps<'button'> {
     /** Class to be applied to the button element of the MrlTab */
     className?: string;

package/dist/components/tabs/MrlTabContent/MrlTabContent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface MrlTabContentPropTypes {
     children: React.ReactNode;
     /** Class to be applied to the container element of the MrlTabContent */

package/dist/components/tabs/MrlTabGroup/MrlTabGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface MrlTabGroupPropTypes {
     children: React.ReactNode;
     /** Class to be applied to the container element of the MrlTabGroup */

package/dist/components/tabs/MrlTabs/MrlTabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MrlTabContextProps } from '../../../';
 export type MrlTabSize = 'small' | 'large';
 export interface MrlTabsPropTypes {

package/dist/components/text/MrlText/MrlText.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../utils';
 import { TextSizes } from '../constants';
 interface MrlTextProps {

package/dist/components/text/MrlTextHeading/MrlTextHeading.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../utils';
 import { LevelType, HeadingHierarchies, HeadingSizes, TextSizes, HeadingKinds } from '../constants';
 interface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'> {

package/dist/components/toolbar/MrlToolbar/MrlToolbar.d.ts

@@ -1,9 +1,9 @@
-import React, { ComponentPropsWithRef } from 'react';
+import * as React from 'react';
 import { MrlIconButtonProps, MrlMenuProps } from '../../../';
 /**
  * Props for the MrlToolbar component.
  */
-export interface MrlToolbarProps extends ComponentPropsWithRef<'div'> {
+export interface MrlToolbarProps extends React.ComponentPropsWithRef<'div'> {
     children?: React.ReactNode;
     kind?: 'default' | 'inverse' | 'skeleton';
     /**
@@ -35,4 +35,4 @@ export interface MrlToolbarProps extends ComponentPropsWithRef<'div'> {
  * @param props The MrlToolbar component properties.
  * @returns The MrlToolbar component.
  */
-export declare const MrlToolbar: (props: MrlToolbarProps) => JSX.Element;
+export declare const MrlToolbar: (props: MrlToolbarProps) => React.ReactElement;

package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactElement } from 'react';
+import * as React from 'react';
 import { MrlIconButtonProps, MrlMenuItemProps } from '../../../';
 /**
  * Props for the MrlToolbarButton component.
@@ -9,7 +9,7 @@ export interface MrlToolbarButtonProps {
     /**
      * The icon that will be rendered.
      */
-    icon: ReactElement;
+    icon: React.ReactElement;
     includeInRoving?: boolean;
     /**
      * A prop used to set a toolbar button to never move into the menu.
@@ -18,7 +18,7 @@ export interface MrlToolbarButtonProps {
     /**
      * onClick event for the button.
      */
-    onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e?: React.MouseEvent<HTMLButtonElement>) => void;
     /**
      * Props used to control the display of the button in the menu.
      */

package/dist/components/tooltip/MrlTooltip/MrlTooltip.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import * as React from 'react';
 import { AttrsObject } from '../../../utils';
 import { MrlTooltipAnchor, MrlTooltipPosition, MrlTooltipVariant } from '../constants';
 import '../../../styles/shared/a11y-helpers/a11y.global.scss';
@@ -52,5 +52,5 @@ Pointing devices that can hover, but for which doing so is inconvenient and not
  * @param {MrlTooltipProps} props - The props of the component
  * @returns {HTMLElement} a configured Tooltip component
  */
-export declare const MrlTooltip: React.MemoExoticComponent<(props: MrlTooltipProps) => ReactElement>;
+export declare const MrlTooltip: React.MemoExoticComponent<(props: MrlTooltipProps) => React.ReactElement>;
 export {};

package/dist/components/tooltip/MrlTooltip/utilities.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 /**
  * Function to recursively extract all text content from children
  *