@muraldevkit/ui-toolkit 4.68.0-dev-qt54.1 → 4.68.0

package/dist/esm/utils/trapFocus/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/utils/trapFocus/index.ts"],"sourcesContent":["const A_SELECTOR = 'a[href]:not([disabled])';\nconst BUTTON_SELECTOR = 'button:not([disabled]):not([tabindex=\"-1\"])';\nconst TEXTAREA_SELECTOR = 'textarea:not([disabled])';\nconst INPUT = 'input:not([type=\"hidden\"]):not([disabled])';\nconst SEARCH_INPUT = 'input[type=\"search\"]:not([disabled])';\nconst SELECT_SELECTOR = 'select:not([disabled])';\nconst TAB_INDEX = '[tabindex]:not([tabindex=\"-1\"]):not([disabled])';\nconst WEB_COMPONENTS = 'mrl-icon-button:not([tabindex=\"-1\"])';\nconst TABBABLE_CONTENT_AREAS = 'div[tabindex=\"0\"]';\n\nexport const FOCUSABLE_ELEMENTS_SELECTOR = [\n\tA_SELECTOR,\n\tBUTTON_SELECTOR,\n\tTEXTAREA_SELECTOR,\n\tINPUT,\n\tSEARCH_INPUT,\n\tSELECT_SELECTOR,\n\tTAB_INDEX,\n\tWEB_COMPONENTS,\n\tTABBABLE_CONTENT_AREAS\n].join(', ');\n\n/**\n * Focus trap logic\n * @param {HTMLElement} element - The component props.\n * @returns {HTMLElement[]} - The focusable elements inside the element.\n */\nexport const getFocusableElementsInsideElement = (element: HTMLElement): HTMLElement[] => {\n\tconst focusableElements = Array.from(\n\t\telement.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)\n\t).filter((n): n is HTMLElement => n instanceof HTMLElement);\n\n\t// If no focusable elements are found, check if the container can be focused\n\tif (focusableElements.length === 0) {\n\t\t// Check if the element has a -1 tabindex, if it doesn't let's add it so it can be focused\n\t\tif (!element.hasAttribute('tabindex') || element.tabIndex < 0) {\n\t\t\telement.setAttribute('tabindex', '-1');\n\t\t}\n\n\t\tfocusableElements.push(element);\n\t}\n\n\treturn focusableElements;\n};\n\n/**\n * Gets the first element with the data-autofocus=\"true\" attribute within the container element\n * @param {HTMLElement} containerElement - container element\n * @returns {HTMLElement | undefined} - the first element that has autofocus=\"true\" or undefined\n */\nexport const getElementWithAutofocus = (containerElement: HTMLElement): HTMLElement | undefined => {\n\tconst focusableElements = getFocusableElementsInsideElement(containerElement);\n\treturn focusableElements.find((el) => {\n\t\treturn el.getAttribute('data-autofocus') === 'true';\n\t});\n};\n\n/**\n * Returns if an element is a radio element\n * @param {Element} el - The element\n * @returns {HTMLInputElement} Returns true if the element is a radio\n */\nconst isElementRadioButton = (el: Element): el is HTMLInputElement => {\n\treturn el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'radio';\n};\n\n/**\n * Traps focus inside of an element\n * Adapted from https://hidde.blog/using-javascript-to-trap-focus-in-an-element/\n * @param {HTMLElement} element // Element to trap focus in\n * @param {boolean} disableAutofocus // Whether to disable autofocus\n * @returns {Function}          // Cleanup function to be run when component is\n *                              // removed from the DOM\n */\nexport const trapFocus = (element: HTMLElement, disableAutofocus = false): (() => void) => {\n\tconst previouslyFocusedEl = document.activeElement;\n\n\tconst mutationObserver = new MutationObserver(() => {\n\t\tconst [firstFocusableElement] = getFocusableElementsInsideElement(element);\n\n\t\t// The previously focused element was removed from the DOM\n\t\tif (!document.activeElement) {\n\t\t\tfirstFocusableElement.focus();\n\t\t}\n\t});\n\n\tconst tabListener = (e: KeyboardEvent) => {\n\t\tif (e.key !== 'Tab') {\n\t\t\treturn;\n\t\t}\n\n\t\tconst focusableElements = getFocusableElementsInsideElement(element);\n\t\tconst firstFocusableElement = focusableElements[0];\n\t\tconst lastFocusableElement = focusableElements[focusableElements.length - 1];\n\n\t\tif (e.shiftKey) {\n\t\t\t// If the activeElement is a radio button and shares the same 'name' attribute as the firstFocusableElement\n\t\t\tif (\n\t\t\t\tdocument.activeElement &&\n\t\t\t\tisElementRadioButton(document.activeElement) &&\n\t\t\t\tisElementRadioButton(firstFocusableElement) &&\n\t\t\t\tdocument.activeElement.name === firstFocusableElement.name\n\t\t\t) {\n\t\t\t\tlastFocusableElement.focus();\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Reverse in tab order, but we're at the beginning of the list\n\t\t\tif (document.activeElement === firstFocusableElement) {\n\t\t\t\tlastFocusableElement.focus();\n\t\t\t\te.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t} else if (document.activeElement === lastFocusableElement) {\n\t\t\t// Forward in tab order, but we're at the end of the list\n\t\t\tfirstFocusableElement.focus();\n\t\t\te.preventDefault();\n\t\t}\n\t};\n\n\tmutationObserver.observe(element, { childList: true, subtree: true });\n\telement.addEventListener('keydown', tabListener);\n\n\t/**\n\t * In the event an element has its tabindex set after component mounting has completed, we need\n\t * to allow the callstack to clear to ensure it's properly set before we can focus the first element.\n\t */\n\tsetTimeout(() => {\n\t\tconst elementWithAutofocus = getElementWithAutofocus(element);\n\t\tif (elementWithAutofocus) {\n\t\t\telementWithAutofocus.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!disableAutofocus) {\n\t\t\tconst [firstFocusableElement] = getFocusableElementsInsideElement(element);\n\t\t\tfirstFocusableElement?.focus();\n\t\t}\n\t}, 20);\n\n\treturn () => {\n\t\telement.removeEventListener('keydown', tabListener);\n\t\tmutationObserver.disconnect();\n\n\t\t/**\n\t\t * Restore focus to element that was in focus before the focus trap was activated\n\t\t *\n\t\t * Conditions to move focus:\n\t\t * - If it is still inside the trap, or effectively \"lost\"\n\t\t * - If focus has been intentionally moved outside, do nothing\n\t\t */\n\t\tconst active = document.activeElement as HTMLElement | null;\n\t\tconst focusIsInside = !!active && element.contains(active);\n\t\tconst focusIsLost = !active || active === document.body;\n\n\t\tif (focusIsInside || focusIsLost) {\n\t\t\tconst body = document.body;\n\n\t\t\t// get data-focus-item attribute from body\n\t\t\tconst focusItemId = body.dataset.focusItem;\n\t\t\tconst focusItemEl = focusItemId ? document.getElementById(focusItemId) : null;\n\n\t\t\tconst focusTarget = focusItemEl ?? previouslyFocusedEl;\n\n\t\t\tif (focusTarget instanceof HTMLElement) {\n\t\t\t\tfocusTarget.focus();\n\t\t\t}\n\n\t\t\tdelete body.dataset.focusItem;\n\t\t}\n\t};\n};\n"],"names":["A_SELECTOR","BUTTON_SELECTOR","TEXTAREA_SELECTOR","INPUT","SEARCH_INPUT","SELECT_SELECTOR","TAB_INDEX","WEB_COMPONENTS","TABBABLE_CONTENT_AREAS","FOCUSABLE_ELEMENTS_SELECTOR","join","getFocusableElementsInsideElement","element","focusableElements","Array","from","querySelectorAll","filter","n","HTMLElement","length","hasAttribute","tabIndex","setAttribute","push","getElementWithAutofocus","containerElement","find","el","getAttribute","isElementRadioButton","tagName","type","trapFocus","disableAutofocus","arguments","undefined","previouslyFocusedEl","document","activeElement","mutationObserver","MutationObserver","_getFocusableElements","_getFocusableElements2","_slicedToArray","firstFocusableElement","focus","tabListener","e","key","lastFocusableElement","shiftKey","name","preventDefault","observe","childList","subtree","addEventListener","setTimeout","elementWithAutofocus","_getFocusableElements3","_getFocusableElements4","removeEventListener","disconnect","active","focusIsInside","contains","focusIsLost","body","focusItemId","dataset","focusItem","focusItemEl","getElementById","focusTarget"],"mappings":"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"}

package/dist/types/components/avatar/MrlAvatar/MrlAvatar.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-type AvatarKind = (typeof avatarValues.kind)[number];
-type AvatarSize = (typeof avatarValues.size)[number];
-interface avatarDefaults {
-    kind: AvatarKind;
-    size: AvatarSize;
-    avatarColor: string;
-}
-export interface MrlAvatarPropTypes {
-    alt?: string;
-    dataQa?: string;
-    image?: React.ReactNode | string;
-    kind?: AvatarKind;
-    name?: string;
-    onImageError?: React.ReactEventHandler<HTMLImageElement>;
-    showBorder?: boolean;
-    size?: AvatarSize;
-    avatarColor?: string;
-}
-declare const avatarValues: {
-    kind: readonly ["default", "facilitator", "lock"];
-    size: readonly ["xsmall", "small", "medium", "large"];
-};
-export declare const defaultAvatarValues: avatarDefaults;
-/**
- * Renders an avatar component
- * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
- * @returns {React.ReactElement} an avatar containing the props you pass
- */
-export declare const MrlAvatar: ({ alt, avatarColor, dataQa, kind, image, name, onImageError, showBorder, size, ...rest }: MrlAvatarPropTypes) => React.ReactElement;
-export {};

package/dist/types/components/avatar/MrlAvatar/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlAvatar';

package/dist/types/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { MrlAvatarPropTypes, MrlButtonState, TooltipConfig } from '../../';
-import { ToggleAria } from '../../button/constants';
-export interface MrlAvatarButtonPropTypes extends MrlAvatarPropTypes, React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * An optional class name to add to button wrapping the MrlAvatar.
-     */
-    buttonClassName?: string;
-    /**
-     * An optional boolean prop to include the button in roving tabindex
-     */
-    includeInRoving?: boolean;
-    /**
-     * Selected state variant when the button is a Toggle Button. Setting this prop
-     * informs the component that this is a toggle button and to add that functionality
-     */
-    isToggleButton?: boolean;
-    /**
-     * An optional aria-label to apply to the button element
-     */
-    label?: string;
-    /**
-     * Displays a spinner in the button to indicate some action is in progress.
-     */
-    loading?: boolean;
-    /**
-     * Text for the spinner when the button is in a loading state.
-     */
-    loadingText?: string;
-    /**
-     * onClick event for the button.
-     */
-    onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * Changes the state of the button based on user permissions or actions.
-     */
-    state?: MrlButtonState;
-    /**
-     * Determines which aria setup to use for various toggle/selected styles.
-     * pressed - use for an traditional “toggle button”
-     * selected - use for tabs and custom select options
-     * expanded - use for menus, panels, and popovers
-     * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
-     * 		or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
-     */
-    toggleAria?: ToggleAria;
-    /**
-     * Tooltip configuration for the button
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Reference to the DOM element that is the MrlAvatarButton
-     */
-    triggerRef?: React.RefObject<HTMLButtonElement>;
-}
-/**
- * Renders an avatar button
- * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
- * @returns {React.ReactElement} an avatar button containing the props you pass
- */
-export declare const MrlAvatarButton: ({ buttonClassName, dataQa, id, includeInRoving, isToggleButton, label, loading, loadingText, onClick, size, state, toggleAria, tooltip, triggerRef, ...rest }: MrlAvatarButtonPropTypes) => React.ReactElement;

package/dist/types/components/avatar/MrlAvatarButton/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlAvatarButton';

package/dist/types/components/avatar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MrlAvatar';
-export * from './MrlAvatarButton';

package/dist/types/components/badge/MrlBadge/MrlBadge.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { MrlComponentProps } from '../../../utils';
-export type MrlBadgeKinds = 'default' | 'error' | 'info' | 'success' | 'warning';
-export interface MrlBadgeProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
-    className?: string;
-    /**
-     * Pass a custom icon to any badge kind.
-     * Should be passed as an MrlSvg JSX Element.
-     */
-    icon?: JSX.Element;
-    kind?: MrlBadgeKinds;
-    /**
-     * Displays a default icon for non-default badge kinds.
-     * To have an icon in `kind="default"` you must use the `icon` prop.
-     */
-    showIcon?: boolean;
-    text: string;
-}
-/**
- * Badges are a common user interface element that
- * can be used to draw attention to content.
- * @param props - component props
- * @returns a MrlBadge React component.
- */
-export declare const MrlBadge: ({ className, icon, kind, showIcon, text, ...remainingProps }: MrlBadgeProps) => JSX.Element;

package/dist/types/components/badge/MrlBadge/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBadge';

package/dist/types/components/badge/MrlBadgeNotification/MrlBadgeNotification.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { MrlComponentProps } from '../../../utils';
-export type MrlBadgeNotificationKinds = 'general' | 'info';
-export interface MrlBadgeNotificationProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
-    className?: string;
-    kind?: MrlBadgeNotificationKinds;
-    /**
-     * A string of text to tell screen reader users what type of notification this is.
-     * Defaults to 'notification'.
-     */
-    notificationText?: string;
-    /**
-     * Used to turn a notification from a hint to numeric.
-     * NOTE: Must pass a `number`, not a `string`.
-     */
-    number?: number;
-}
-/**
- * Badge notifications are a common user interface element that can be used to
- * draw attention to new or unread content, alerts, or updates.
- * @param props - component props
- * @returns a MrlBadgeNotification React component.
- */
-export declare const MrlBadgeNotification: ({ className, kind, notificationText, number, ...remainingProps }: MrlBadgeNotificationProps) => JSX.Element;

package/dist/types/components/badge/MrlBadgeNotification/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBadgeNotification';

package/dist/types/components/badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MrlBadge';
-export * from './MrlBadgeNotification';

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

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Link } from 'react-router-dom';
-export type BreadcrumbItemLink = {
-    text: string;
-    link: string;
-} | {
-    text: string;
-    link: React.ComponentPropsWithoutRef<typeof Link>;
-};
-export type BreadcrumbItem = {
-    isSelected?: boolean;
-    hasSeparator?: boolean;
-    isTruncated?: boolean;
-} & BreadcrumbItemLink;
-export interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {
-    /**
-     * Children to be rendered within the component
-     */
-    children?: React.ReactNode;
-    /**
-     * Determines whether a separator should be displayed after this breadcrumb item.
-     */
-    hasSeparator?: BreadcrumbItem['hasSeparator'];
-    /**
-     * Indicates whether this breadcrumb item represents the currently selected or
-     * active page.
-     */
-    isSelected?: BreadcrumbItem['isSelected'];
-    /**
-     * Specifies whether the text content of this breadcrumb item should be truncated
-     * if it exceeds a certain width. This is useful for handling long page titles
-     * or labels within the breadcrumb.
-     */
-    isTruncated?: boolean;
-    link?: BreadcrumbItem['link'];
-    text?: BreadcrumbItem['text'];
-}
-/**
- * MrlBreadcrumbItem component.
- * @param props The MrlBreadcrumbItem component properties.
- * @returns The MrlBreadcrumbItem component.
- */
-export declare function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element;

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

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbItem';

package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/**
- * MrlBreadcrumbSeparator component.
- * @returns The MrlBreadcrumbSeparator component.
- */
-export declare function MrlBreadcrumbSeparator(): JSX.Element;

package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbSeparator';

package/dist/types/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { BreadcrumbItem } from '../MrlBreadcrumbItem';
-/**
- * Props for the MrlBreadcrumbs component.
- */
-export interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {
-    /**
-     * A string value used for data-qa attribute.
-     */
-    ['data-qa']?: string;
-    /**
-     * The aria-label of the nav element
-     */
-    ['aria-label']: string;
-    /**
-     * This prop accepts an array of objects, where each object represents a single breadcrumb item.
-     * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.
-     * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will
-     * render a regular link.
-     */
-    items: BreadcrumbItem[];
-}
-/**
- * MrlBreadcrumbs component.
- * @param props The MrlBreadcrumbs component properties.
- * @returns The MrlBreadcrumbs component.
- */
-export declare function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element;

package/dist/types/components/breadcrumb/MrlBreadcrumbs/index.d.ts

@@ -1 +0,0 @@
-export * from './MrlBreadcrumbs';

package/dist/types/components/breadcrumb/index.d.ts

@@ -1,3 +0,0 @@
-export * from './MrlBreadcrumbItem';
-export * from './MrlBreadcrumbs';
-export * from './MrlBreadcrumbSeparator';

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

@@ -1,9 +0,0 @@
-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;
-}
-export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Omit<MrlAnimatedIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -1 +0,0 @@
-export { MrlAnimatedIconButton } from './MrlAnimatedIconButton';

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

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import { allowedButtonValues, MrlButtonKind, MrlButtonSize, ToggleAria, IconPosition } from '../constants';
-import { MrlTooltipAnchor, MrlTooltipPosition } from '../../';
-import { AttrsObject, MrlComponentProps } from '../../../utils';
-import './MrlButton.global.scss';
-export type MrlButtonState = (typeof allowedButtonValues.states)[number];
-export type ToggleStyle = (typeof allowedButtonValues.toggleStyles)[number];
-export interface TooltipConfig {
-    /**
-     * The text to display in the tooltip
-     */
-    text: string;
-    /**
-     * The position of the tooltip relative to the button
-     */
-    position?: MrlTooltipPosition;
-    /**
-     * The anchor of the tooltip relative to the button
-     */
-    anchor?: MrlTooltipAnchor;
-    /**
-     * The data-qa attribute for the tooltip
-     */
-    dataQa?: string;
-}
-export interface MrlButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
-    /**
-     * Applies additional HTML attributes to the button element.
-     *
-     * @deprecated
-     */
-    attrs?: AttrsObject;
-    /**
-     * Allow developers to add badge to buttons.
-     */
-    badge?: React.ReactElement;
-    /**
-     * @deprecated - Use state="disabled" or "selected-disabled" or "skeleton" instead.
-     * Allow developers to change the disabled state based on user interactions.
-     */
-    disabled?: boolean;
-    /**
-     * Allows developers the ability to disable built in event listeners so they can manage user
-     * interactions from the application.
-     */
-    disableEvents?: boolean;
-    /**
-     * Allow developers to add icon to buttons.
-     */
-    icon?: React.ReactElement;
-    /**
-     * Allows developers to right-align an icon within a button.
-     */
-    iconPos?: IconPosition;
-    /**
-     * Changes the visual emphasis of the button.
-     */
-    kind?: MrlButtonKind;
-    /**
-     * Displays a spinner in the button to indicate some action is in progress.
-     */
-    loading?: boolean;
-    /**
-     * Text for the spinner when the button is in a loading state.
-     */
-    loadingText?: string;
-    /**
-     * onClick event for the button.
-     */
-    onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * Changes the size of the button so it can scale with its surrounding context.
-     */
-    size?: MrlButtonSize;
-    /**
-     * Changes the state of the button based on user permissions or actions.
-     */
-    state?: MrlButtonState;
-    /**
-     * The textual label describing the button's purpose/action.
-     * Icon buttons require a text label to ensure accessibility.
-     */
-    text: string;
-    /**
-     * Determines which aria setup to use for various toggle/selected styles.
-     * pressed - use for an traditional “toggle button”
-     * selected - use for tabs and custom select options
-     * expanded - use for menus, panels, and popovers
-     * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
-     * 		or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
-     */
-    toggleAria?: ToggleAria;
-    /**
-     * Tooltip configuration for the button
-     */
-    tooltip?: TooltipConfig;
-    /**
-     * Selected state variant when the button is a Toggle Button. The visual styles
-     * are also impacted by the "kind" prop. Toggle buttons are only supported
-     * when "kind" is set to either "ghost" or "ghost-inverse". Setting this prop
-     * informs the component that this is a toggle button and to add that functionality
-     */
-    toggleStyle?: ToggleStyle;
-}
-export declare const MrlButton: React.ForwardRefExoticComponent<Omit<MrlButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +0,0 @@
-export * from './MrlButton';

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

@@ -1,112 +0,0 @@
-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 './MrlIconButton.scss';
-export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
-    /**
-     * Applies additional HTML attributes to the button element.
-     * @deprecated
-     */
-    attrs?: AttrsObject;
-    /**
-     * Allow developers to add badge to buttons.
-     */
-    badge?: React.ReactElement;
-    /** Additional class to add to the button */
-    className?: string;
-    /**
-     * Allows developers the ability to disable built in event listeners so they can manage user
-     * interactions from the application.
-     */
-    disableEvents?: boolean;
-    /** Whether to disable the tooltip hover action that keeps it open */
-    disableTooltipHover?: boolean;
-    /**
-     * The icon that will be rendered.
-     */
-    icon: React.ReactElement;
-    /**
-     * Changes the visual emphasis of the button.
-     *
-     * Note: size="xsmall" should ONLY be used with a kind of `ghost` or `ghost-inverse`.
-     */
-    kind?: MrlButtonKind;
-    /**
-     * Displays a spinner in the button to indicate some action is in progress.
-     */
-    loading?: boolean;
-    /**
-     * Text for the spinner when the button is in a loading state.
-     */
-    loadingText?: string;
-    /**
-     * onClick event for the button.
-     */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * onKeyDown event for the button.
-     */
-    onKeyUp?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    /**
-     * onMouseUp event for the button.
-     */
-    onMouseUp?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * The placement of the tooltip in relation to the button.
-     */
-    position?: MrlTooltipPosition;
-    /**
-     * Changes the size of the button so it can scale with its surrounding context.
-     *
-     * Note: size="xsmall" should ONLY be used with a kind of `ghost` or `ghost-inverse`.
-     */
-    size?: MrlButtonSize | MrlGhostIconButtonSize;
-    /**
-     * Changes the state of the button based on user permissions or actions.
-     *
-     * Note: The Basic Button does not fully support state="disabled", use
-     * the 'disabled' prop instead. Since it does not support state="disabled",
-     * it also doesn't not support state="selected-disabled".
-     */
-    state?: MrlButtonState;
-    /**
-     * The textual label describing the button's purpose/action.
-     * Icon buttons require a text label to ensure accessibility.
-     */
-    text: string;
-    /**
-     * The arrow position of the tooltip in relation to the button.
-     */
-    tipAnchor?: MrlTooltipAnchor;
-    /**
-     * Determines which aria setup to use for various toggle/selected styles.
-     * pressed - use for an traditional “toggle button”
-     * selected - use for tabs and custom select options
-     * expanded - use for menus, panels, and popovers
-     * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
-     * 		or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
-     */
-    toggleAria?: ToggleAria;
-    /**
-     * Selected state variant when the button is a Toggle Button. The visual styles
-     * are also impacted by the "kind" prop. Toggle buttons are only supported
-     * when "kind" is set to either "ghost" or "ghost-inverse". Setting this prop
-     * informs the component that this is a toggle button and to add that functionality
-     */
-    toggleStyle?: ToggleStyle;
-    /** tooltip varient kind */
-    tooltipKind?: MrlTooltipVariant;
-    /**
-     * An optional class name to add to the tooltip wrapper.
-     */
-    wrapperClassName?: string;
-    /**
-     * Controlled state that overrides the internal state management.
-     * When provided, this takes precedence over the `state` prop and allows
-     * the parent component to fully control the icon button's state.
-     */
-    controlledState?: MrlButtonState;
-}
-export declare const MrlIconButton: React.ForwardRefExoticComponent<Omit<MrlIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +0,0 @@
-export * from './MrlIconButton';

package/dist/types/components/button/MrlProcessingButton/MrlProcessingButton.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { MrlButtonProps } from '../MrlButton';
-import { DSIconType } from '../../svg';
-import { DataQa } from '../../../utils/dataQa';
-export declare const DEFAULT_RESET_TIME = 4000;
-export declare const DEFAULT_FEEDBACK_TIME = 500;
-export type PossibleState = 'normal' | 'processing' | 'success' | 'error';
-export type MrlProcessingButtonConfig = {
-    normal: {
-        text: string;
-        icon?: DSIconType;
-    };
-    processing: {
-        action: () => Promise<void>;
-        /**
-         * The minimum time to show the processing state before executing the action.
-         * This provides visual feedback to users that their action was registered.
-         */
-        feedbackTime?: number;
-        text?: string;
-    };
-    success?: {
-        text: string;
-        icon?: DSIconType;
-    };
-    error?: {
-        text: string;
-        icon?: DSIconType;
-    };
-};
-export interface MrlProcessingButtonProps extends Omit<MrlButtonProps, 'ref' | 'text'>, DataQa {
-    /**
-     * The configuration for the processing button.
-     */
-    processingButtonConfig: MrlProcessingButtonConfig;
-    /**
-     * The time to wait before resetting the button to the normal state.
-     */
-    resetTime?: number;
-}
-/**
- * A specialized button component that provides visual feedback during processing operations.
- *
- * The MrlProcessingButton extends the standard MrlButton with additional processing state
- * management and user feedback capabilities. It automatically handles the transition between
- * normal, loading, and completion states to provide clear visual feedback to users.
- *
- * @param props - The component props extending MrlButtonProps with additional processing capabilities
- * @returns a MrlProcessingButton React component
- */
-export declare function MrlProcessingButton(props: MrlProcessingButtonProps): React.JSX.Element;

package/dist/types/components/button/MrlProcessingButton/actions.d.ts

@@ -1,13 +0,0 @@
-/**
- * Copies text to the clipboard using the browser's clipboard API
- * @param text - The text to copy to clipboard
- * @param processing_time - The time to wait before copying the text to the clipboard
- * @returns Promise that resolves when text is copied
- */
-export declare function copyToClipboard(text: string, processing_time?: number): Promise<void>;
-/**
- * Actions for the MrlProcessingButton
- */
-export declare const MRL_PROCESSING_BUTTON_ACTIONS: {
-    copyToClipboard: typeof copyToClipboard;
-};

package/dist/types/components/button/MrlProcessingButton/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MrlProcessingButton';
-export * from './actions';

package/dist/types/components/button/constants.d.ts

@@ -1,33 +0,0 @@
-import { MrlButtonState } from './MrlButton';
-export declare const allowedButtonValues: {
-    iconPositions: readonly ["before", "after"];
-    kinds: readonly ["secondary", "primary", "ghost", "inverse", "ghost-inverse", "primary-native", "secondary-native"];
-    sizes: readonly ["xsmall", "small", "medium", "large"];
-    states: readonly ["default", "disabled", "selected", "selected-disabled", "skeleton"];
-    toggleAriaTypes: readonly ["expanded", "pressed", "selected", "checked"];
-    toggleStyles: readonly ["default", "secondary"];
-    types: readonly ["button", "reset", "submit"];
-};
-export type MrlButtonType = (typeof allowedButtonValues.types)[number];
-export type MrlButtonKind = (typeof allowedButtonValues.kinds)[number];
-export type MrlButtonSize = (typeof allowedButtonValues.sizes)[number];
-export type ToggleAria = (typeof allowedButtonValues.toggleAriaTypes)[number];
-export type IconPosition = (typeof allowedButtonValues.iconPositions)[number];
-export type MrlGhostIconButtonSize = (typeof allowedButtonValues.sizes)[number] | 'xsmall';
-export interface ButtonDefaults {
-    attrs: {
-        [key: string]: unknown;
-    };
-    disabled: boolean;
-    iconPos: IconPosition;
-    kind: MrlButtonKind;
-    size: MrlButtonSize;
-    state: MrlButtonState;
-    text: string;
-    toggleAria: ToggleAria;
-}
-/**
- * Default values for props on the Button component;
- * Shared between the component and Storybook
- */
-export declare const buttonDefaults: ButtonDefaults;