@muraldevkit/ui-toolkit 4.47.1 → 4.47.2

package/dist/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.d.ts

@@ -37,7 +37,6 @@ export interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'
 }
 /**
  * MrlBreadcrumbItem component.
- *
  * @param props The MrlBreadcrumbItem component properties.
  * @returns The MrlBreadcrumbItem component.
  */

package/dist/components/empty/default/MrlEmpty.d.ts

@@ -7,9 +7,8 @@ interface MrlEmptyProps {
 }
 /**
  * MrlEmpty for when there is no data to display for a single component.
- *
  * @param MrlEmptyProps props
  * @returns MrlEmpty component
  */
-export declare const MrlEmpty: ({ graphic, description, action, heading }: MrlEmptyProps) => JSX.Element;
+export declare const MrlEmpty: ({ graphic, description, action, heading, ...rest }: MrlEmptyProps) => JSX.Element;
 export {};

package/dist/components/empty/large/MrlEmptyLarge.d.ts

@@ -7,9 +7,8 @@ interface MrlEmptyLargeProps {
 }
 /**
  * MrlEmptyLarge for when there is no data to display for an entire page.
- *
  * @param MrlEmptyProps props
  * @returns MrlEmptyLarge
  */
-export declare const MrlEmptyLarge: ({ graphic, heading, description, action }: MrlEmptyLargeProps) => JSX.Element;
+export declare const MrlEmptyLarge: ({ graphic, heading, description, action, ...rest }: MrlEmptyLargeProps) => JSX.Element;
 export {};

package/dist/components/focus-trap/MrlFocusTrap/MrlFocusTrap.d.ts

@@ -19,12 +19,11 @@ interface PropTypes {
 }
 /**
  * Focus Trap React Component
- *
  * @param {object} props - The component props.
  * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.
  * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.
  * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference
  * @returns {React.ReactElement} - The rendered FocusTrap component.
  */
-export declare const MrlFocusTrap: ({ children, disabled, disableAutofocus, containerRef }: PropTypes) => JSX.Element;
+export declare const MrlFocusTrap: ({ children, disabled, disableAutofocus, containerRef, ...rest }: PropTypes) => JSX.Element;
 export {};

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

@@ -25,7 +25,6 @@ interface MrlCheckboxProps {
      * to screen readers.
      * Custom description should also implement the disabled state styles
      * for text when the input is disabled or set color: inherit.
-     *
      * @example
      * <MrlCheckbox attrs={{ 'aria-describedby': customId }} description={
      *   <p id={customId}>description</p>
@@ -36,9 +35,8 @@ interface MrlCheckboxProps {
 /**
  * Form element with an associated text label that allows the user to select one or more options
  * from a provided list
- *
  * @param {MrlCheckboxProps} props - the component props
  * @returns a checkbox element with an associated label
  */
-export declare function MrlCheckbox({ attrs, className, description, hasMultilineLabel, state, selected, icon, label }: MrlCheckboxProps): JSX.Element;
+export declare function MrlCheckbox({ attrs, className, description, hasMultilineLabel, state, selected, icon, label, ...rest }: MrlCheckboxProps): JSX.Element;
 export {};

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

@@ -14,9 +14,8 @@ interface MrlCheckboxStandaloneProps {
  * Input that allows the user to select one or more options from a provided list.
  * Note, this component does not provide out of the box accessibility for ensuring
  * an associated label and must be manually setup during adoption.
- *
  * @param {MrlCheckboxStandaloneProps} props - the component props
  * @returns a checkbox element
  */
-export declare function MrlCheckboxStandalone({ attrs, state, selected }: MrlCheckboxStandaloneProps): JSX.Element;
+export declare function MrlCheckboxStandalone({ attrs, state, selected, ...rest }: MrlCheckboxStandaloneProps): JSX.Element;
 export {};

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

@@ -12,9 +12,8 @@ interface MrlFieldsetProps {
 }
 /**
  * Groups related form elements
- *
  * @param {MrlFieldsetProps} props - the component props
  * @returns a fieldset element
  */
-export declare function MrlFieldset({ attrs, children, className, label }: MrlFieldsetProps): JSX.Element;
+export declare function MrlFieldset({ attrs, children, className, label, ...rest }: MrlFieldsetProps): JSX.Element;
 export {};

package/dist/components/form/radio/MrlRadioGroup/MrlRadioGroup.d.ts

@@ -14,7 +14,6 @@ interface MrlRadioGroupProps extends React.ComponentPropsWithoutRef<'fieldset'>
 }
 /**
  * Radio button group that allows the user to select one option from a provided list
- *
  * @param {MrlRadioGroupProps} props - the component props
  * @returns a radio group
  */

package/dist/components/form/select/MrlCreatableSelect/MrlCreatableSelect.d.ts

@@ -20,7 +20,6 @@ export declare const CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlCreatableSelect";
 export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
 /**
  * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
- *
  * @param props - the component props
  * @returns the select component
  */

package/dist/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts

@@ -18,7 +18,6 @@ export declare const MULTI_SELECT_CLASS_NAME_PREFIX = "MrlMultiSelect";
 export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME: string;
 /**
  * MrlSelect component
- *
  * @param props - the component props
  * @returns the select component
  */

package/dist/components/form/select/MrlSelect/MrlSelect.d.ts

@@ -18,7 +18,6 @@ export declare const SELECT_CLASS_NAME_PREFIX = "MrlSelect";
 export declare const SELECT_MENU_LIST_CLASS_NAME: string;
 /**
  * MrlSelect component
- *
  * @param props - the component props
  * @returns the select component
  */

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

@@ -35,7 +35,6 @@ interface MrlTextInputProps {
 }
 /**
  * Allows the user to input plain text
- *
  * @param {MrlTextInputProps} props - the component props
  * @param {HTMLInputElement} ref - a ref to the input element in the DOM
  * @returns a text input element

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

@@ -31,9 +31,8 @@ interface MrlTextareaProps {
 }
 /**
  * Allows the user to input plain text in a multi-line format
- *
  * @param {MrlTextareaProps} props - the component props
  * @returns a textarea element
  */
-export declare function MrlTextarea({ attrs, className, inputId, state, maxLength, placeholder, value, autoExpand }: MrlTextareaProps): JSX.Element;
+export declare function MrlTextarea({ attrs, className, inputId, state, maxLength, placeholder, value, autoExpand, ...rest }: MrlTextareaProps): JSX.Element;
 export {};

package/dist/components/grid/MrlCol/MrlCol.d.ts

@@ -4,7 +4,6 @@ import { GridColumns } from '../constants';
 type MrlCol = LayoutComponent & GridColumns;
 /**
  * MrlCol React component.
- *
  * @param props - component props
  * @returns a MrlCol React component.
  */

package/dist/components/grid/MrlGrid/MrlGrid.d.ts

@@ -4,8 +4,7 @@ import '../grid.variables.scss';
 import '../grid.global.scss';
 /**
  * MrlCol React component.
- *
  * @param props - component props
  * @returns a MrlCol React component.
  */
-export declare function MrlGrid({ children, className }: LayoutComponent): JSX.Element;
+export declare function MrlGrid({ children, className, ...rest }: LayoutComponent): JSX.Element;

package/dist/components/grid/MrlRow/MrlRow.d.ts

@@ -17,9 +17,8 @@ interface MrlRow extends LayoutComponent {
 }
 /**
  * MrlRow React component.
- *
  * @param props - component props
  * @returns a MrlRow React component.
  */
-export declare function MrlRow({ align, children, className, justify }: MrlRow): JSX.Element;
+export declare function MrlRow({ align, children, className, justify, ...rest }: MrlRow): JSX.Element;
 export {};

package/dist/components/layout/MrlMain/MrlMain.d.ts

@@ -2,8 +2,7 @@
 import { LayoutComponent } from '../constants';
 /**
  * MrlMain React component.
- *
  * @param props - component props
  * @returns a MrlMain React component.
  */
-export declare function MrlMain({ children, className }: LayoutComponent): JSX.Element;
+export declare function MrlMain({ children, className, ...rest }: LayoutComponent): JSX.Element;

package/dist/components/layout/MrlPage/MrlPage.d.ts

@@ -3,9 +3,8 @@ import { LayoutComponent } from '../constants';
 type MrlPage = LayoutComponent;
 /**
  * MrlPage React component.
- *
  * @param props - component props
  * @returns a MrlPage React component.
  */
-export declare function MrlPage({ children, className }: MrlPage): JSX.Element;
+export declare function MrlPage({ children, className, ...rest }: MrlPage): JSX.Element;
 export {};

package/dist/components/layout/MrlSidebar/MrlSidebar.d.ts

@@ -14,7 +14,6 @@ export interface MrlSidebarHandle {
 }
 /**
  * MrlSidebar React component.
- *
  * @param props - component props
  * @returns a MrlSidebar React component.
  */

package/dist/components/layout/MrlTopbar/MrlTopbar.d.ts

@@ -3,9 +3,8 @@ import { LayoutComponent, LayoutSection } from '../constants';
 type MrlTopbar = LayoutComponent & LayoutSection;
 /**
  * MrlTopbar React component.
- *
  * @param props - component props
  * @returns a MrlTopbar React component.
  */
-export declare function MrlTopbar({ children, className }: MrlTopbar): JSX.Element;
+export declare function MrlTopbar({ children, className, ...rest }: MrlTopbar): JSX.Element;
 export {};

package/dist/components/layout/error-page/MrlBrandColors/MrlBrandColors.d.ts

@@ -6,8 +6,7 @@ export interface MrlBrandColorsProps {
 }
 /**
  * MrlBrandColors component
- *
  * @param props - MrlBrandColors component props
  * @returns MrlBrandColors component
  */
-export declare const MrlBrandColors: ({ className }: MrlBrandColorsProps) => JSX.Element;
+export declare const MrlBrandColors: ({ className, ...rest }: MrlBrandColorsProps) => JSX.Element;

package/dist/components/loader/MrlProgressBar/MrlProgressBar.d.ts

@@ -7,4 +7,4 @@ import '../../../styles/shared/a11y-helpers/a11y.global.scss';
  * @param props - component props
  * @returns a MrlProgressBar React component.
  */
-export declare function MrlProgressBar({ children, className, indeterminate, name, percent, showText, text, time }: ProgressBarComponent): JSX.Element;
+export declare function MrlProgressBar({ children, className, indeterminate, name, percent, showText, text, time, ...rest }: ProgressBarComponent): JSX.Element;

package/dist/components/loader/MrlSpinner/MrlSpinner.d.ts

@@ -7,4 +7,4 @@ import '../../../styles/shared/a11y-helpers/a11y.global.scss';
  * @param props - component props
  * @returns a MrlSpinner React component.
  */
-export declare function MrlSpinner({ className, logo, kind, role, size, text }: SpinnerComponent): JSX.Element;
+export declare function MrlSpinner({ className, logo, kind, role, size, text, ...rest }: SpinnerComponent): JSX.Element;

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

@@ -6,8 +6,7 @@ export interface MrlMenuGroupPropTypes {
 }
 /**
  * MrlMenuGroup
- *
  * @param props - component properties
  * @returns JSX.Element
  */
-export declare const MrlMenuGroup: ({ children, divider, groupLabel }: MrlMenuGroupPropTypes) => JSX.Element;
+export declare const MrlMenuGroup: ({ children, divider, groupLabel, ...rest }: MrlMenuGroupPropTypes) => JSX.Element;

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

@@ -30,8 +30,7 @@ export interface MrlMenuItemProps {
  * MrlMenuItem component
  *
  * Renders a menu item to be used within the MrlMenu component
- *
  * @param {MrlMenuItemProps} props - The props for the MrlMenuItem component
  * @returns {Element} - rendered MrlMenuItem component
  */
-export declare function MrlMenuItem({ ariaDescribedBy, children, className, dataQa, disabled, icon, id, onClick, onMouseOut, onMouseOver, selected }: MrlMenuItemProps): JSX.Element;
+export declare function MrlMenuItem({ ariaDescribedBy, children, className, dataQa, disabled, icon, id, onClick, onMouseOut, onMouseOver, selected, ...rest }: MrlMenuItemProps): JSX.Element;

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

@@ -30,8 +30,7 @@ export interface MrlMenuItemLinkProps {
  * MrlMenuItem component
  *
  * Renders a menu item to be used within the MrlMenu component
- *
  * @param {MrlMenuItemLinkProps} props - The props for the MrlMenuItem component
  * @returns {Element} - rendered MrlMenuItem component
  */
-export declare function MrlMenuItemLink({ ariaDescribedBy, children, className, dataQa, disabled, href, icon, id, onClick, selected, target }: MrlMenuItemLinkProps): JSX.Element;
+export declare function MrlMenuItemLink({ ariaDescribedBy, children, className, dataQa, disabled, href, icon, id, onClick, selected, target, ...rest }: MrlMenuItemLinkProps): JSX.Element;

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

@@ -42,7 +42,6 @@ interface ModalProps extends MrlComponentProps {
 }
 /**
  * Modal Component.
- *
  * @param props - Modal props
  * @returns an instance of the MrlModal
  */

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

@@ -11,10 +11,9 @@ interface MrlModalHeaderProps {
 }
 /**
  * Modal Content component for the MrlModal
- *
  * @param {object} props - The props object
  * @param {React.ReactElement} props.children - The children to be rendered within the component
  * @returns {React.ReactElement}} The rendered MrlModalContent component
  */
-export declare const MrlModalContent: ({ children, className }: MrlModalHeaderProps) => JSX.Element;
+export declare const MrlModalContent: ({ children, className, ...rest }: MrlModalHeaderProps) => JSX.Element;
 export {};

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

@@ -13,9 +13,8 @@ interface MrlModalFooterProps extends MrlComponentProps {
 }
 /**
  * Modal Footer component for the MrlModal
- *
  * @param {AttrsObject} attrs - Additional HTML attributes for the `mrl-modal` element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-export declare const MrlModalFooter: ({ attrs, children, className }: MrlModalFooterProps) => JSX.Element;
+export declare const MrlModalFooter: ({ attrs, children, className, ...rest }: MrlModalFooterProps) => JSX.Element;
 export {};

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

@@ -16,10 +16,8 @@ export interface MrlModalHeaderProps extends MrlComponentProps {
 }
 /**
  * Modal Header component for the MrlModal.
- *
- *
  * @param {MrlModalHeaderProps} props - The props for the MrlModalFooter component
  * @param {AttrsObject} props.attrs - Additional HTML attributes for the `mrl-modal` element
  * @returns {React.ReactElement} The rendered MrlModalFooter component
  */
-export declare const MrlModalHeader: ({ attrs, children, className, text }: MrlModalHeaderProps) => JSX.Element;
+export declare const MrlModalHeader: ({ attrs, children, className, text, ...rest }: MrlModalHeaderProps) => JSX.Element;

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

@@ -12,7 +12,6 @@ interface MrlSidebarNavItemProps {
     /**
      * Render function used to wrap the sidebar nav item with a link component.
      * It allows users to wrap the sidebar nav item with different link implementations, react-router's link for example.
-     *
      * @example
      * <MrlSidebarNavItem renderLink={({linkContent}) => <Link to="/">{linkContent}</Link>}/>
      * <MrlSidebarNavItem renderLink={({linkContent}) => <a href="/">{linkContent}</a>}/>
@@ -25,9 +24,8 @@ interface MrlSidebarNavItemProps {
 }
 /**
  * Sidebar nav item component
- *
  * @param {MrlSidebarNavItemProps} props - the component props
  * @returns a sidebar nav item
  */
-export declare function MrlSidebarNavItem({ className, ['data-qa']: qa, icon, isSelected, text, renderLink }: MrlSidebarNavItemProps): JSX.Element;
+export declare function MrlSidebarNavItem({ className, ['data-qa']: qa, icon, isSelected, text, renderLink, ...rest }: MrlSidebarNavItemProps): JSX.Element;
 export {};

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

@@ -57,13 +57,11 @@ export interface MrlBlockNotificationProps {
     state?: NotificationState;
     /**
      * Open notification callback
-     *
      * @returns {void}
      */
     hookOpen?: () => void;
     /**
      * Close notification callback
-     *
      * @returns {void}
      */
     hookClose?: () => void;
@@ -93,7 +91,6 @@ export interface MrlBlockNotificationProps {
 }
 /**
  * Block Notification Component
- *
  * @param props - Component props
  * @returns {Element} Block Notification
  */

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

@@ -33,8 +33,7 @@ export interface MrlInlineMessageProps {
 }
 /**
  * MrlInlineMessage is a notification component that can be used to display messages to the user.
- *
  * @param props - The properties of the component.
  * @returns A React component.
  */
-export declare const MrlInlineMessage: ({ children, customIcon, id, kind, message, ["data-qa"]: qa }: MrlInlineMessageProps) => React.ReactElement;
+export declare const MrlInlineMessage: ({ children, customIcon, id, kind, message, ["data-qa"]: qa, ...rest }: MrlInlineMessageProps) => React.ReactElement;

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

@@ -38,8 +38,7 @@ export interface MrlToastProps {
 }
 /**
  * MrlToast component.
- *
  * @param {MrlToastProps} props - The props for the MrlToast component.
  * @returns {React.ReactElement} The MrlToast component.
  */
-export declare const MrlToast: ({ ["data-qa"]: qa, autoClose, backgroundColor, className, closeAfterMs, kind, onClose, primaryCTA, primaryMessage, secondaryCTA, secondaryMessage, showCloseButton, showIcon }: MrlToastProps) => React.ReactElement;
+export declare const MrlToast: ({ ["data-qa"]: qa, autoClose, backgroundColor, className, closeAfterMs, kind, onClose, primaryCTA, primaryMessage, secondaryCTA, secondaryMessage, showCloseButton, showIcon, ...rest }: MrlToastProps) => React.ReactElement;

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

@@ -22,9 +22,8 @@ interface MrlPaginationButtonProps {
 }
 /**
  * Pagination button component
- *
  * @param {MrlPaginationButtonProps} props - the component props
  * @returns a pagintaion button
  */
-export declare function MrlPaginationButton({ buttonClass, className, disabled, kind, handleClick, text, tooltipAnchor, tooltipPosition }: MrlPaginationButtonProps): JSX.Element;
+export declare function MrlPaginationButton({ buttonClass, className, disabled, kind, handleClick, text, tooltipAnchor, tooltipPosition, ...rest }: MrlPaginationButtonProps): JSX.Element;
 export {};

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

@@ -15,9 +15,8 @@ interface MrlPaginationTextProps {
 }
 /**
  * Pagination text component
- *
  * @param {MrlPaginationTextProps} props - the component props
  * @returns pagination text
  */
-export declare function MrlPaginationText({ className, isEstimate, rangeStart, rangeEnd, textClass, total }: MrlPaginationTextProps): JSX.Element;
+export declare function MrlPaginationText({ className, isEstimate, rangeStart, rangeEnd, textClass, total, ...rest }: MrlPaginationTextProps): JSX.Element;
 export {};

package/dist/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 type RefType = HTMLElement | HTMLDivElement | null;
 /**
  * Gets tabbable elements in a given bit of the DOM
- *
  * @param {RefType} ref - the ref of the container
  * @param {string} selector - the selector to query
  * @returns {HTMLElement[]} - an array of tabbable HTML elements
@@ -34,7 +33,6 @@ type RovingOrientation = 'horizontal' | 'vertical';
 type NavigationDirection = 'forward' | 'back';
 /**
  * Component to create a Roving Tabindex in the DOM
- *
  * @returns {HTMLDivElement}
  */
 declare class MrlRovingTabindex extends React.Component<RovingPropTypes> {
@@ -44,7 +42,6 @@ declare class MrlRovingTabindex extends React.Component<RovingPropTypes> {
     selector: string;
     /**
      * MrlRovingTabindex class constructor
-     *
      * @param props - the MrlRovingTabindex props
      * @returns new instance
      */
@@ -55,54 +52,46 @@ declare class MrlRovingTabindex extends React.Component<RovingPropTypes> {
     componentDidMount(): void;
     /**
      * Runs when the MrlRovingTabindex component updates
-     *
      * @param {RovingPropTypes} prevProps - the props before the component updated
      */
     componentDidUpdate(prevProps: RovingPropTypes): void;
     handleRef: (ref: HTMLDivElement) => HTMLDivElement;
     /**
      * Sets component array of elements
-     *
      * @returns {void}
      */
     setElements: () => void;
     /**
      * Gets the components active element based on priority order.
-     *
      * @returns {HTMLElement | undefined} - the active HTML element
      */
     getActiveElement: () => HTMLElement | undefined;
     /**
      * Sets an element to `tabindex=0` and sets all other elements to `tabindex=-1`
-     *
      * @param {HTMLElement | undefined} el - the element to set as active
      * @returns {void}
      */
     setActiveElement: (el: HTMLElement | undefined) => void;
     /**
      * Sets focus to a specific element
-     *
      * @param {HTMLElement | undefined} el - the element to set in focus
      * @returns {void}
      */
     setElementFocus: (el: HTMLElement | undefined) => void;
     /**
      * Sets focus to an element based on a direction (`forward` or `back`)
-     *
      * @param {NavigationDirection} direction 'forward' | 'back'
      * @returns {void}
      */
     setFocusByDirection: (direction: NavigationDirection) => void;
     /**
      * Sets all tabindex for elements of this component to -1
-     *
      * @returns {void}
      */
     unsetTabbableElements: () => void;
     /**
      * Will return `false` if the orientation param matches the
      * orientation of the component and the actively focused element has a menu or select
-     *
      * @param orientation : 'horizontal' | 'vertical'
      * @returns boolean
      */
@@ -113,13 +102,11 @@ declare class MrlRovingTabindex extends React.Component<RovingPropTypes> {
     handleRefocus: () => void;
     /**
      * Mounts the MrlRovingTabindex component
-     *
      * @returns {void}
      */
     mount(): void;
     /**
      * Renders the MrlRovingTabindex component
-     *
      * @returns {HTMLDivElement} - the rendered MrlRovingTabindex component
      */
     render(): JSX.Element;

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

@@ -43,7 +43,6 @@ export interface MrlSvgAnimateProps {
  * MrlSvgAnimate
  *
  * This is a React functional component used for SVGs with robust After Effects animations.
- *
  * @param {MrlSvgAnimateProps} props - The properties for the MrlSvgAnimate component.
  * @returns {React.ReactElement} - The rendered MrlSvgAnimate component.
  */

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

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

package/dist/components/table/MrlTableEmptyState/MrlTableEmptyState.d.ts

@@ -7,9 +7,8 @@ interface MrlTableEmptyStateProps {
 }
 /**
  * MrlTableEmptyState Component
- *
  * @param {MrlTableEmptyStateProps} props - MrlTableEmptyState component props
  * @returns an empty state element
  */
-export declare function MrlTableEmptyState({ text }: MrlTableEmptyStateProps): JSX.Element;
+export declare function MrlTableEmptyState({ text, ...rest }: MrlTableEmptyStateProps): JSX.Element;
 export {};

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

@@ -14,8 +14,7 @@ export interface MrlTabProps extends React.ComponentProps<'button'> {
 }
 /**
  * Renders a tab component
- *
  * @param {MrlTabProps} props the props for your MrlTab
  * @returns {React.ReactElement} an a element containing the text you pass
  */
-export declare const MrlTab: ({ className, icon, id, hookClick, text }: MrlTabProps) => React.ReactElement;
+export declare const MrlTab: ({ className, icon, id, hookClick, text, ...rest }: MrlTabProps) => React.ReactElement;

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

@@ -51,7 +51,6 @@ export interface MrlToolbarButtonProps {
 }
 /**
  * MrlToolbarButton component.
- *
  * @param props The MrlToolbarButton component properties.
  * @returns The MrlToolbarButton component.
  */

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

@@ -9,7 +9,6 @@ interface MrlTooltipProps {
      * Attributes that are applied to the component during the initial render.
      *
      * Example usage: html attributes, custom data attributes (data-qa), aria
-     *
      * @deprecated please use props for component instead
      */
     attrs?: AttrsObject;
@@ -49,8 +48,7 @@ interface MrlTooltipProps {
  * MrlTooltip Component
  *
  * This component is not displayed when rendering this component if the primary pointing device can’t hover. Examples include touchscreens and screens that use a basic drawing stylus.
-Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this criteria. For example, a touchscreen where a long press is treated as hovering.
- *
+ * Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this criteria. For example, a touchscreen where a long press is treated as hovering.
  * @param {MrlTooltipProps} props - The props of the component
  * @returns {HTMLElement} a configured Tooltip component
  */

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

@@ -13,7 +13,6 @@ interface MrlTooltipContentProps {
      * Attributes that are applied to the component during the initial render.
      *
      * Example usage: html attributes, custom data attributes (data-qa), aria
-     *
      * @deprecated please use props for component instead
      */
     attrs: AttrsObject;
@@ -35,7 +34,6 @@ interface MrlTooltipContentProps {
  *
  * The tooltip content is the text that is displayed when the user hovers over the trigger.
  * IMPORTANT: This component is not intended to be used directly, it should always be a child of MrlTooltip.
- *
  * @param {MrlTooltipContentProps} props - the props of the tooltip content
  * @returns {HTMLElement} a configured Tooltip Content component
  */