npm - @muraldevkit/ui-toolkit - Versions diffs - 4.70.0 → 4.70.2 - Mend

@muraldevkit/ui-toolkit 4.70.0 → 4.70.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var styles = {"mrl-blockNotification":"mrl-blockNotification--xbhrd","mrl-blockNotification-icon":"mrl-blockNotification-icon--CAq04","mrl-blockNotification-close-wrapper":"mrl-blockNotification-close-wrapper--yODTH","cta":"cta--gnyoO","mrl-blockNotification--dismissible":"mrl-blockNotification--dismissible--ZlIID","mrl-blockNotification-message":"mrl-blockNotification-message--MdtXZ","mrl-blockNotification-heading":"mrl-blockNotification-heading--WGPWE"};
+var styles = {"mrl-blockNotification":"mrl-blockNotification--xbhrd","mrl-blockNotification-icon":"mrl-blockNotification-icon--CAq04","mrl-blockNotification-close-wrapper":"mrl-blockNotification-close-wrapper--yODTH","cta":"cta--gnyoO","mrl-blockNotification--dismissible":"mrl-blockNotification--dismissible--ZlIID","mrl-blockNotification-heading":"mrl-blockNotification-heading--WGPWE","mrl-blockNotification-message":"mrl-blockNotification-message--MdtXZ"};
 exports.default = styles;
 //# sourceMappingURL=MrlBlockNotification.module.scss.js.map

package/dist/cjs/hooks/useAutoClose/useAutoClose.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoClose.js","sources":["../../../../src/hooks/useAutoClose/useAutoClose.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type useAutoClose = (\n\tshouldAutoClose?: boolean,\n\tcloseAfterMs?: number,\n\tonClose?: () => unknown\n) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n\n/*\n Hook that exposes a piece of state that allows components to close themselves after a delay\n \n @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)\n * @param closeAfterMs - Delay in milliseconds before the component closes\n * @param onClose - Callback to be called when component closes\n * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state\n /\nexport const useAutoClose: useAutoClose = function (\n\tshouldAutoClose = true,\n\tcloseAfterMs = 3000,\n\tonClose\n) {\n\tconst [closed, setClosed] = React.useState<boolean>(false);\n\tconst currentTimeout = React.useRef<~~NodeJS.Timeout~~ \| null>(null);\n\n\tReact.useEffect(() => {\n\t\t// Reset current timeout when component mounts or when notification changes\n\t\tif (currentTimeout.current) {\n\t\t\tresetTimeout();\n\t\t}\n\n\t\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t\t// toast will not close automatically.\n\t\tif (shouldAutoClose) {\n\t\t\tsetClosed(false);\n\n\t\t\tcurrentTimeout.current = setTimeout(() => {\n\t\t\t\tsetClosed(true);\n\n\t\t\t\t// Handle onClose after the timeout is elapsed\n\t\t\t\tif (onClose) onClose();\n\t\t\t}, closeAfterMs);\n\t\t}\n\n\t\treturn () => {\n\t\t\t// Clear timeout when component unmounts\n\t\t\tresetTimeout();\n\t\t};\n\t}, [shouldAutoClose, closeAfterMs, onClose]);\n\n\t/* Resets the current timeout and `closed` to its initial value */\n\tconst resetTimeout = (): void => {\n\t\tif (currentTimeout.current !== null) {\n\t\t\tclearTimeout(currentTimeout.current);\n\t\t}\n\t\tsetClosed(false);\n\t};\n\n\treturn [closed, setClosed];\n};\n"],"names":["useAutoClose","shouldAutoClose","arguments","length","undefined","closeAfterMs","onClose","_React$useState","React","useState","_React$useState2","_slicedToArray","closed","setClosed","currentTimeout","useRef","useEffect","current","resetTimeout","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAA0B,GAAG,SAA7BA,YAA0BA,GAIrC;AAAA,EAAA,IAHDC,eAAe,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,IACtBG,YAAY,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;EAAA,IACnBI,OAAO,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEP,EAAA,IAAAG,eAAA,GAA4BC,gBAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAnDK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,cAAc,GAAGN,gBAAK,CAACO,MAAM,~~CAAwB~~,IAAI,CAAC;~~EAEhEP~~,gBAAK,CAACQ,SAAS,CAAC,MAAM;AACrB;IACA,IAAIF,cAAc,CAACG,OAAO,EAAE;AAC3BC,MAAAA,YAAY,EAAE;AACf,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAIjB,eAAe,EAAE;MACpBY,SAAS,CAAC,KAAK,CAAC;AAEhBC,MAAAA,cAAc,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;QACzCN,SAAS,CAAC,IAAI,CAAC;;AAEf;AACA,QAAA,IAAIP,OAAO,EAAEA,OAAO,EAAE;MACvB,CAAC,EAAED,YAAY,CAAC;AACjB,IAAA;AAEA,IAAA,OAAO,MAAM;AACZ;AACAa,MAAAA,YAAY,EAAE;IACf,CAAC;EACF,CAAC,EAAE,CAACjB,eAAe,EAAEI,YAAY,EAAEC,OAAO,CAAC,CAAC;;AAE5C;EACA,IAAMY,YAAY,GAAGA,MAAY;AAChC,IAAA,IAAIJ,cAAc,CAACG,OAAO,KAAK,IAAI,EAAE;AACpCG,MAAAA,YAAY,CAACN,cAAc,CAACG,OAAO,CAAC;AACrC,IAAA;IACAJ,SAAS,CAAC,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC3B;;;;"}
1	+ {"version":3,"file":"useAutoClose.js","sources":["../../../../src/hooks/useAutoClose/useAutoClose.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type useAutoClose = (\n\tshouldAutoClose?: boolean,\n\tcloseAfterMs?: number,\n\tonClose?: () => unknown\n) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n\n/*\n Hook that exposes a piece of state that allows components to close themselves after a delay\n \n @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)\n * @param closeAfterMs - Delay in milliseconds before the component closes\n * @param onClose - Callback to be called when component closes\n * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state\n /\nexport const useAutoClose: useAutoClose = function (\n\tshouldAutoClose = true,\n\tcloseAfterMs = 3000,\n\tonClose\n) {\n\tconst [closed, setClosed] = React.useState<boolean>(false);\n\tconst currentTimeout = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n\tReact.useEffect(() => {\n\t\t// Reset current timeout when component mounts or when notification changes\n\t\tif (currentTimeout.current) {\n\t\t\tresetTimeout();\n\t\t}\n\n\t\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t\t// toast will not close automatically.\n\t\tif (shouldAutoClose) {\n\t\t\tsetClosed(false);\n\n\t\t\tcurrentTimeout.current = setTimeout(() => {\n\t\t\t\tsetClosed(true);\n\n\t\t\t\t// Handle onClose after the timeout is elapsed\n\t\t\t\tif (onClose) onClose();\n\t\t\t}, closeAfterMs);\n\t\t}\n\n\t\treturn () => {\n\t\t\t// Clear timeout when component unmounts\n\t\t\tresetTimeout();\n\t\t};\n\t}, [shouldAutoClose, closeAfterMs, onClose]);\n\n\t/* Resets the current timeout and `closed` to its initial value */\n\tconst resetTimeout = (): void => {\n\t\tif (currentTimeout.current !== null) {\n\t\t\tclearTimeout(currentTimeout.current);\n\t\t}\n\t\tsetClosed(false);\n\t};\n\n\treturn [closed, setClosed];\n};\n"],"names":["useAutoClose","shouldAutoClose","arguments","length","undefined","closeAfterMs","onClose","_React$useState","React","useState","_React$useState2","_slicedToArray","closed","setClosed","currentTimeout","useRef","useEffect","current","resetTimeout","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAA0B,GAAG,SAA7BA,YAA0BA,GAIrC;AAAA,EAAA,IAHDC,eAAe,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,IACtBG,YAAY,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;EAAA,IACnBI,OAAO,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEP,EAAA,IAAAG,eAAA,GAA4BC,gBAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAnDK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,cAAc,GAAGN,gBAAK,CAACO,MAAM,CAAuC,IAAI,CAAC;EAE/EP,gBAAK,CAACQ,SAAS,CAAC,MAAM;AACrB;IACA,IAAIF,cAAc,CAACG,OAAO,EAAE;AAC3BC,MAAAA,YAAY,EAAE;AACf,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAIjB,eAAe,EAAE;MACpBY,SAAS,CAAC,KAAK,CAAC;AAEhBC,MAAAA,cAAc,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;QACzCN,SAAS,CAAC,IAAI,CAAC;;AAEf;AACA,QAAA,IAAIP,OAAO,EAAEA,OAAO,EAAE;MACvB,CAAC,EAAED,YAAY,CAAC;AACjB,IAAA;AAEA,IAAA,OAAO,MAAM;AACZ;AACAa,MAAAA,YAAY,EAAE;IACf,CAAC;EACF,CAAC,EAAE,CAACjB,eAAe,EAAEI,YAAY,EAAEC,OAAO,CAAC,CAAC;;AAE5C;EACA,IAAMY,YAAY,GAAGA,MAAY;AAChC,IAAA,IAAIJ,cAAc,CAACG,OAAO,KAAK,IAAI,EAAE;AACpCG,MAAAA,YAAY,CAACN,cAAc,CAACG,OAAO,CAAC;AACrC,IAAA;IACAJ,SAAS,CAAC,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC3B;;;;"}

package/dist/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * MrlBreadcrumbSeparator component.
  * @returns The MrlBreadcrumbSeparator component.

package/dist/components/divider/MrlDivider/MrlDivider.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../utils';
 import { Kind, Orientation, Spacing, Weight } from '../constants';
 interface MrlDividerProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlEmptyProps {
     graphic?: JSX.Element;
     heading: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlEmptyLargeProps {
     graphic?: JSX.Element;
     heading: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../../utils';
 import { CheckboxSelected, CheckboxStates } from '../../constants';
 import './MrlCheckboxStandalone.global.scss';

package/dist/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ReactElement } from 'react';
 import { SelectMenuPositions } from '../../constants';
 import { AttrsObject } from '../../../../utils';
 export interface MrlLegacySelectMenuProptypes extends React.HTMLAttributes<HTMLDivElement> {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreatableProps } from 'react-select/creatable';
 import { GroupBase } from 'react-select';
 import { SelectKind } from '../types';
@@ -17,7 +16,7 @@ export interface MrlCreatableSelectProps<Option, IsMulti extends boolean = false
     showClearIndicatorIcon?: boolean;
 }
 export declare const CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlCreatableSelect";
-export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "MrlCreatableSelect__menu-list";
 /**
  * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
  * @param props - the component props

package/dist/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreatableProps } from 'react-select/creatable';
 import { GroupBase } from 'react-select';
 import { DefaultOption, SelectKind } from '../types';
@@ -17,7 +16,7 @@ export interface MrlMultiCreatableSelectProps<Option, IsMulti extends boolean =
     showClearIndicatorIcon?: boolean;
 }
 export declare const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlMultiCreatableSelect";
-export declare const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "MrlMultiCreatableSelect__menu-list";
 /**
  * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
  * @param props - the component props

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, Props } from 'react-select';
 import { DefaultOption, SelectKind } from '../types';
 export interface MrlMultiSelectProps<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {
@@ -15,7 +14,7 @@ export interface MrlMultiSelectProps<T, IsMulti extends boolean = false, Group e
     ['data-qa']?: string;
 }
 export declare const MULTI_SELECT_CLASS_NAME_PREFIX = "MrlMultiSelect";
-export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME = "MrlMultiSelect__menu-list";
 /**
  * MrlSelect component
  * @param props - the component props

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, Props } from 'react-select';
 import { SelectKind } from '../types';
 export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Props<Option, IsMulti, Group> {
@@ -15,7 +14,7 @@ export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group e
     ['data-qa']?: string;
 }
 export declare const SELECT_CLASS_NAME_PREFIX = "MrlSelect";
-export declare const SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const SELECT_MENU_LIST_CLASS_NAME = "MrlSelect__menu-list";
 /**
  * MrlSelect component
  * @param props - the component props

package/dist/components/form/select/components/MrlSelectClearIndicator.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClearIndicatorProps, GroupBase } from 'react-select';
 /**
  * MrlSelectClearIndicator component

package/dist/components/form/select/components/MrlSelectContainer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, ContainerProps } from 'react-select';
 /**
  * MrlSelectContainer component

package/dist/components/form/select/components/MrlSelectDropdownIndicator.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownIndicatorProps, GroupBase } from 'react-select';
 /**
  * MrlSelectDropdownIndicator component

package/dist/components/form/select/components/MrlSelectMultiValue.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, MultiValueProps } from 'react-select';
 import { DefaultOption } from '../types';
 /**

package/dist/components/form/select/components/MrlSelectMultiValueRemove.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, MultiValueRemoveProps } from 'react-select';
 /**
  * MrlSelectMultiValueRemove component

package/dist/components/form/select/components/MrlSelectOption.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, OptionProps } from 'react-select';
 /**
  * MrlSelectOption component

package/dist/components/form/select/components/MrlSelectValueContainer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, ValueContainerProps } from 'react-select';
 /**
  * MrlSelectValueContainer component

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../../utils';
 import './MrlTextarea.global.scss';
 type MrlTextareaState = 'default' | 'disabled' | 'error' | 'read-only';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import { GridColumns } from '../constants';
 type MrlCol = LayoutComponent & GridColumns;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import '../grid.variables.scss';
 import '../grid.global.scss';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import { AlignOptions, GutterSizes, JustifyOptions } from '../constants';
 interface MrlRow extends LayoutComponent {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 /**
  * MrlMain React component.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 type MrlPage = LayoutComponent;
 /**

package/dist/components/layout/MrlPage/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 type MrlPage = LayoutComponent;
 /**

package/dist/components/layout/MrlSidebar/demo/MrlSidebarDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * MrlSidebar demo with the use of the forward ref to make open/close/toggle the sidebar
  * through buttons as children and outside of the sidebar.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent, LayoutSection } from '../constants';
 type MrlTopbar = LayoutComponent & LayoutSection;
 /**

package/dist/components/layout/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LayoutComponent {
     /**
      * Children to be rendered within the component.

package/dist/components/live-region/demo/LiveRegionDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo of a live region
  *

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProgressBarComponent } from '../constants';
 import '../../../styles/shared/a11y-helpers/a11y.global.scss';
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinnerComponent } from '../constants';
 import '../../../styles/shared/a11y-helpers/a11y.global.scss';
 /**

package/dist/components/loader/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CreateArrayWithLengthX<LENGTH extends number, ACC extends unknown[] = []> = ACC['length'] extends LENGTH ? ACC : CreateArrayWithLengthX<LENGTH, [...ACC, 1]>;
 type NumericRange<START_ARR extends number[], END extends number, ACC extends number = never> = START_ARR['length'] extends END ? ACC | END : NumericRange<[...START_ARR, 1], END, ACC | START_ARR['length']>;
 export type ProgressRange = NumericRange<CreateArrayWithLengthX<0>, 100>;

package/dist/components/menu/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type MenuPosition = 'bottom' | 'left' | 'right' | 'top' | 'static' | MenuIgnore;
 export type MenuAlignment = 'start' | 'end' | 'center';
 export type HorizontalAlign = 'left' | 'right' | 'center';

package/dist/components/menu/demo/MenuByConfig.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo of a menu with a trigger for stories and testing
  *

package/dist/components/menu/demo/MenuWithPopover.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 interface MenuWithPopoverProps {
     position?: MenuPosition;

package/dist/components/menu/demo/MenuWithSubmenu.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 interface MenuWithSubmenuProps {
     position?: MenuPosition;

package/dist/components/menu/demo/MenuWithTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomMenuPosition } from '../';
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 export interface MenuWithTriggerProps {

package/dist/components/modal/demo/ModalWithTriggerDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../MrlModal/stories.scss';
 interface ModalDemoProps {
     /** Additional function to be run when the modal closes */

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlPaginationTextProps {
     /** Additional class to add to the container element */
     className?: string;

package/dist/components/popover/demo/PopoverWithIconButton.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithIconButtonProps {
     hasCloseButton?: boolean;

package/dist/components/popover/demo/PopoverWithSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithSelectProps {
     hasCloseButton?: boolean;

package/dist/components/popover/demo/PopoverWithTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithTriggerProps {
     hasCloseButton?: boolean;

package/dist/components/table/MrlSmartTable/storybook-utils.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { MrlSmartCellRendererProps, MrlSmartTableColumn } from './MrlSmartTable';
-export declare const LicenseCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const MemberSinceCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const LastSeenCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const CreateRoomCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const SeeOpenRoomsCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const PublishTemplatesCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const WorkspaceAdminCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const ActionsCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
+import { MrlSmartTableColumn } from './MrlSmartTable';
+export declare const LicenseCell: MrlSmartTableColumn["renderCell"];
+export declare const MemberSinceCell: MrlSmartTableColumn["renderCell"];
+export declare const LastSeenCell: MrlSmartTableColumn["renderCell"];
+export declare const CreateRoomCell: MrlSmartTableColumn["renderCell"];
+export declare const SeeOpenRoomsCell: MrlSmartTableColumn["renderCell"];
+export declare const PublishTemplatesCell: MrlSmartTableColumn["renderCell"];
+export declare const WorkspaceAdminCell: MrlSmartTableColumn["renderCell"];
+export declare const ActionsCell: MrlSmartTableColumn["renderCell"];
 export declare const SAMPLE_COLUMNS_WITH_EDIT_ICON_BUTTON: MrlSmartTableColumn[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlTableEmptyStateProps {
     /**
      * Text to be displayed in the empty state.

package/dist/components/table/utils.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export declare const sortAlphabeticallyAsCoercedStrings: (a: unknown, b: unknown
  * @param {string[]} keys a set of properties to uniquely identify the element
  * @returns {string} the generated key
  */
-export declare const keyFor: (prefix: string, elementType: 'header' | 'column' | 'body' | 'row' | 'row-cell', ...keys: string[]) => string;
+export declare const keyFor: (prefix: string, elementType: "header" | "column" | "body" | "row" | "row-cell", ...keys: string[]) => string;
 /**
  * Provides sort icon based on direction.
  *

package/dist/components/toolbar/MrlToolbarItem/MrlToolbarItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Props for the MrlToolbarItem component.
  */

package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var styles = {"mrl-blockNotification":"mrl-blockNotification--xbhrd","mrl-blockNotification-icon":"mrl-blockNotification-icon--CAq04","mrl-blockNotification-close-wrapper":"mrl-blockNotification-close-wrapper--yODTH","cta":"cta--gnyoO","mrl-blockNotification--dismissible":"mrl-blockNotification--dismissible--ZlIID","mrl-blockNotification-message":"mrl-blockNotification-message--MdtXZ","mrl-blockNotification-heading":"mrl-blockNotification-heading--WGPWE"};
+var styles = {"mrl-blockNotification":"mrl-blockNotification--xbhrd","mrl-blockNotification-icon":"mrl-blockNotification-icon--CAq04","mrl-blockNotification-close-wrapper":"mrl-blockNotification-close-wrapper--yODTH","cta":"cta--gnyoO","mrl-blockNotification--dismissible":"mrl-blockNotification--dismissible--ZlIID","mrl-blockNotification-heading":"mrl-blockNotification-heading--WGPWE","mrl-blockNotification-message":"mrl-blockNotification-message--MdtXZ"};
 export { styles as default };
 //# sourceMappingURL=MrlBlockNotification.module.scss.js.map

package/dist/esm/hooks/useAutoClose/useAutoClose.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoClose.js","sources":["../../../../src/hooks/useAutoClose/useAutoClose.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type useAutoClose = (\n\tshouldAutoClose?: boolean,\n\tcloseAfterMs?: number,\n\tonClose?: () => unknown\n) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n\n/*\n Hook that exposes a piece of state that allows components to close themselves after a delay\n \n @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)\n * @param closeAfterMs - Delay in milliseconds before the component closes\n * @param onClose - Callback to be called when component closes\n * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state\n /\nexport const useAutoClose: useAutoClose = function (\n\tshouldAutoClose = true,\n\tcloseAfterMs = 3000,\n\tonClose\n) {\n\tconst [closed, setClosed] = React.useState<boolean>(false);\n\tconst currentTimeout = React.useRef<~~NodeJS.Timeout~~ \| null>(null);\n\n\tReact.useEffect(() => {\n\t\t// Reset current timeout when component mounts or when notification changes\n\t\tif (currentTimeout.current) {\n\t\t\tresetTimeout();\n\t\t}\n\n\t\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t\t// toast will not close automatically.\n\t\tif (shouldAutoClose) {\n\t\t\tsetClosed(false);\n\n\t\t\tcurrentTimeout.current = setTimeout(() => {\n\t\t\t\tsetClosed(true);\n\n\t\t\t\t// Handle onClose after the timeout is elapsed\n\t\t\t\tif (onClose) onClose();\n\t\t\t}, closeAfterMs);\n\t\t}\n\n\t\treturn () => {\n\t\t\t// Clear timeout when component unmounts\n\t\t\tresetTimeout();\n\t\t};\n\t}, [shouldAutoClose, closeAfterMs, onClose]);\n\n\t/* Resets the current timeout and `closed` to its initial value */\n\tconst resetTimeout = (): void => {\n\t\tif (currentTimeout.current !== null) {\n\t\t\tclearTimeout(currentTimeout.current);\n\t\t}\n\t\tsetClosed(false);\n\t};\n\n\treturn [closed, setClosed];\n};\n"],"names":["useAutoClose","shouldAutoClose","arguments","length","undefined","closeAfterMs","onClose","_React$useState","React","useState","_React$useState2","_slicedToArray","closed","setClosed","currentTimeout","useRef","useEffect","current","resetTimeout","setTimeout","clearTimeout"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAA0B,GAAG,SAA7BA,YAA0BA,GAIrC;AAAA,EAAA,IAHDC,eAAe,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,IACtBG,YAAY,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;EAAA,IACnBI,OAAO,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEP,EAAA,IAAAG,eAAA,GAA4BC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAnDK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,cAAc,GAAGN,KAAK,CAACO,MAAM,~~CAAwB~~,IAAI,CAAC;~~EAEhEP~~,KAAK,CAACQ,SAAS,CAAC,MAAM;AACrB;IACA,IAAIF,cAAc,CAACG,OAAO,EAAE;AAC3BC,MAAAA,YAAY,EAAE;AACf,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAIjB,eAAe,EAAE;MACpBY,SAAS,CAAC,KAAK,CAAC;AAEhBC,MAAAA,cAAc,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;QACzCN,SAAS,CAAC,IAAI,CAAC;;AAEf;AACA,QAAA,IAAIP,OAAO,EAAEA,OAAO,EAAE;MACvB,CAAC,EAAED,YAAY,CAAC;AACjB,IAAA;AAEA,IAAA,OAAO,MAAM;AACZ;AACAa,MAAAA,YAAY,EAAE;IACf,CAAC;EACF,CAAC,EAAE,CAACjB,eAAe,EAAEI,YAAY,EAAEC,OAAO,CAAC,CAAC;;AAE5C;EACA,IAAMY,YAAY,GAAGA,MAAY;AAChC,IAAA,IAAIJ,cAAc,CAACG,OAAO,KAAK,IAAI,EAAE;AACpCG,MAAAA,YAAY,CAACN,cAAc,CAACG,OAAO,CAAC;AACrC,IAAA;IACAJ,SAAS,CAAC,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC3B;;;;"}
1	+ {"version":3,"file":"useAutoClose.js","sources":["../../../../src/hooks/useAutoClose/useAutoClose.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type useAutoClose = (\n\tshouldAutoClose?: boolean,\n\tcloseAfterMs?: number,\n\tonClose?: () => unknown\n) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n\n/*\n Hook that exposes a piece of state that allows components to close themselves after a delay\n \n @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)\n * @param closeAfterMs - Delay in milliseconds before the component closes\n * @param onClose - Callback to be called when component closes\n * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state\n /\nexport const useAutoClose: useAutoClose = function (\n\tshouldAutoClose = true,\n\tcloseAfterMs = 3000,\n\tonClose\n) {\n\tconst [closed, setClosed] = React.useState<boolean>(false);\n\tconst currentTimeout = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n\tReact.useEffect(() => {\n\t\t// Reset current timeout when component mounts or when notification changes\n\t\tif (currentTimeout.current) {\n\t\t\tresetTimeout();\n\t\t}\n\n\t\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t\t// toast will not close automatically.\n\t\tif (shouldAutoClose) {\n\t\t\tsetClosed(false);\n\n\t\t\tcurrentTimeout.current = setTimeout(() => {\n\t\t\t\tsetClosed(true);\n\n\t\t\t\t// Handle onClose after the timeout is elapsed\n\t\t\t\tif (onClose) onClose();\n\t\t\t}, closeAfterMs);\n\t\t}\n\n\t\treturn () => {\n\t\t\t// Clear timeout when component unmounts\n\t\t\tresetTimeout();\n\t\t};\n\t}, [shouldAutoClose, closeAfterMs, onClose]);\n\n\t/* Resets the current timeout and `closed` to its initial value */\n\tconst resetTimeout = (): void => {\n\t\tif (currentTimeout.current !== null) {\n\t\t\tclearTimeout(currentTimeout.current);\n\t\t}\n\t\tsetClosed(false);\n\t};\n\n\treturn [closed, setClosed];\n};\n"],"names":["useAutoClose","shouldAutoClose","arguments","length","undefined","closeAfterMs","onClose","_React$useState","React","useState","_React$useState2","_slicedToArray","closed","setClosed","currentTimeout","useRef","useEffect","current","resetTimeout","setTimeout","clearTimeout"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAA0B,GAAG,SAA7BA,YAA0BA,GAIrC;AAAA,EAAA,IAHDC,eAAe,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,IACtBG,YAAY,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;EAAA,IACnBI,OAAO,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEP,EAAA,IAAAG,eAAA,GAA4BC,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAnDK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,cAAc,GAAGN,KAAK,CAACO,MAAM,CAAuC,IAAI,CAAC;EAE/EP,KAAK,CAACQ,SAAS,CAAC,MAAM;AACrB;IACA,IAAIF,cAAc,CAACG,OAAO,EAAE;AAC3BC,MAAAA,YAAY,EAAE;AACf,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAIjB,eAAe,EAAE;MACpBY,SAAS,CAAC,KAAK,CAAC;AAEhBC,MAAAA,cAAc,CAACG,OAAO,GAAGE,UAAU,CAAC,MAAM;QACzCN,SAAS,CAAC,IAAI,CAAC;;AAEf;AACA,QAAA,IAAIP,OAAO,EAAEA,OAAO,EAAE;MACvB,CAAC,EAAED,YAAY,CAAC;AACjB,IAAA;AAEA,IAAA,OAAO,MAAM;AACZ;AACAa,MAAAA,YAAY,EAAE;IACf,CAAC;EACF,CAAC,EAAE,CAACjB,eAAe,EAAEI,YAAY,EAAEC,OAAO,CAAC,CAAC;;AAE5C;EACA,IAAMY,YAAY,GAAGA,MAAY;AAChC,IAAA,IAAIJ,cAAc,CAACG,OAAO,KAAK,IAAI,EAAE;AACpCG,MAAAA,YAAY,CAACN,cAAc,CAACG,OAAO,CAAC;AACrC,IAAA;IACAJ,SAAS,CAAC,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC3B;;;;"}

package/dist/hooks/useBreakpoint/useBreakpointDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo for useBreakpoint hook
  *

package/dist/hooks/useClickOutside/index.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@
  * @param disabled - If the hook should be disabled.
  * @param excludeSelectors - Optional array of CSS selectors to exclude from the outside click detection.
  */
-export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "click" | "mousedown" | "mouseup" | undefined, onOutsideClick: () => void, disabled?: boolean, excludeSelectors?: string[]) => void;
+export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "mousedown" | "mouseup" | "click" | undefined, onOutsideClick: () => void, disabled?: boolean, excludeSelectors?: string[]) => void;

package/dist/styles/MrlBlockNotification/module.scss CHANGED Viewed

@@ -57,23 +57,18 @@ $mrl-notification-close-inset: var(--mrl-spacing-02);
 	);
 	position: relative;
 }
+.mrl-blockNotification-heading {
+	color: var(--mrl-blockNotification-heading-color);
+}
 .mrl-blockNotification-message {
 	align-items: center;
 	max-width: 45rem;
-	h2,
-	p {
-		display: contents;
-	}
-	h2::after {
-		content: '\00a0';
-		display: contents;
+	.mrl-blockNotification-heading {
+		display: inline;
+		margin-right: var(--mrl-blockNotification-inline-spacing-message);
 	}
 	p {
 		@include mrl-text-static('small');
+		display: contents;
 	}
 }
-.mrl-blockNotification-heading {
-	color: var(--mrl-blockNotification-heading-color);
-	display: inline;
-	margin-right: var(--mrl-blockNotification-inline-spacing-message);
-}

package/dist/styles/MrlTooltipContent/variables.scss CHANGED Viewed

@@ -11,7 +11,7 @@
 	--mrl-tooltip-arrow-display-left-right: none;
 	--mrl-tooltip-trigger-offset: var(--mrl-spacing-03);
 	&--inverse {
-		--mrl-tooltip-background-color: var(--mrl-gray-80);
-		--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);
+		--mrl-tooltip-background-color: rgba(var(--mrl-gray-80), 1);
+		--mrl-tooltip-text-color: var(--mrl-color-text-inverse);
 	}
 }

package/dist/styles.css CHANGED Viewed

@@ -2,7 +2,7 @@
 .MrlAvatar-content--E7qX_{border:var(--mrl-stroke-02) solid rgba(0,0,0,0);border-radius:var(--mrl-radii-03);display:block;font-size:var(--mrl-font-size-04);font-weight:var(--mrl-font-weight-04);height:100%;line-height:2.875rem;max-width:100%;overflow:hidden;text-align:center;width:100%}.MrlAvatar-content--E7qX_ .MrlSvgContainer{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar--e8VFH{border-radius:var(--mrl-radii-03);box-shadow:0 0 1px 1px rgba(0,0,0,.04) inset;box-sizing:border-box;display:block;height:var(--mrl-spacing-10);position:relative;width:var(--mrl-spacing-10)}.MrlAvatar--xsmall--jn6uR{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlAvatar--xsmall--jn6uR .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.375rem}.MrlAvatar--small--DdBZ7{height:var(--mrl-spacing-08);width:var(--mrl-spacing-08)}.MrlAvatar--small--DdBZ7 .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.875rem}.MrlAvatar--large--eT7KW{border-radius:var(--mrl-radii-06);height:var(--mrl-spacing-13);width:var(--mrl-spacing-13)}.MrlAvatar--large--eT7KW .MrlAvatar-content--E7qX_{border-radius:var(--mrl-radii-06);font-size:var(--mrl-font-size-07);line-height:5.875rem}.MrlAvatar-image--lWg5A{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar-icon-container--xUwiS{border-radius:1rem;bottom:-0.1875rem;color:var(--mrl-color-background);position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v{display:block;left:50%;position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v .mrl-svg{margin:0}.MrlAvatar-icon-container--small--_IFIA{height:1rem;right:-0.1875rem;width:1rem}.MrlAvatar-icon-container--small--_IFIA .MrlAvatar-icon--tfC5v{height:1rem;margin-left:-0.3125rem;top:0;width:.625rem}.MrlAvatar-icon-container--xsmall--oIGsd{border-radius:.75rem;height:.75rem;right:-0.125rem;width:.75rem}.MrlAvatar-icon-container--xsmall--oIGsd .MrlAvatar-icon--tfC5v{height:.5rem;margin-left:-0.225rem;top:-0.1rem;width:.5rem}
 @keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:20px;width:20px}.MrlSpinner--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
 .mrl-visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
-.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: var(--mrl-gray-80);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);gap:var(--mrl-spacing-02);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content.has-custom-render{padding-right:var(--mrl-spacing-02)}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
+.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: rgba(var(--mrl-gray-80), 1);--mrl-tooltip-text-color: var(--mrl-color-text-inverse)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);gap:var(--mrl-spacing-02);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content.has-custom-render{padding-right:var(--mrl-spacing-02)}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
 .mrl-u-focus-wrapper--l91TH{position:relative}.MrlAvatarButton--b_ja8{background-color:rgba(0,0,0,0);border:none;border-radius:var(--mrl-radii-03);margin:0;outline:none;padding:0;position:relative}.MrlAvatarButton--b_ja8::after{background-color:rgba(0,0,0,0);border-radius:var(--mrl-radii-03);content:"";display:block;inset:0;position:absolute}.MrlAvatarButton--b_ja8:focus-visible{position:relative}.MrlAvatarButton--b_ja8:focus-visible:focus-visible{outline:none}.MrlAvatarButton--b_ja8:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
 		var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
 	);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--vEDGJ}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
@@ -411,7 +411,7 @@
 		) var(--mrl-modal-padding-vertical-bottom) var(--mrl-modal-padding-horizontal);transition:box-shadow var(--mrl-duration-04) var(--mrl-timing-m2)}.mrl-modal-scroll-shadow-top--uMyh_{box-shadow:var(--mrl-shadow-01);border-top-left-radius:var(--mrl-modal-border-radius);border-top-right-radius:var(--mrl-modal-border-radius)}
 .mrl-u-focus-wrapper--NJiZg{position:relative}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton--fzk0A mrl-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button:not(.hydrated--nDK2K){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-icon-button[kind=ghost-inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=inverse]:not(.hydrated--nDK2K),.mrl-u-preHydrateSkeleton--fzk0A mrl-shadow-button[kind=ghost-inverse]:not(.hydrated--nDK2K){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-blockNotification--xbhrd{--mrl-blockNotification-background: var(--mrl-color-background-info);--mrl-blockNotification-background-general: rgba(var(--mrl-gray-100), 1);--mrl-blockNotification-color: rgba(var(--mrl-gray-10), 1);--mrl-blockNotification-heading-color: var(--mrl-color-text-inverse);--mrl-blockNotification-height: var(--mrl-spacing-09);--mrl-blockNotification-inline-spacing: var(--mrl-spacing-03);--mrl-blockNotification-inline-spacing-message: var(--mrl-spacing-02);--mrl-blockNotification-inset-spacing: var(--mrl-spacing-02) var(--mrl-spacing-07);--mrl-blockNotification-radius: 0;--mrl-blockNotification-svg-color: var(--mrl-color-text-inverse)}.mrl-blockNotification--xbhrd[data-kind=info]{--mrl-blockNotification-background: var(--mrl-color-background-info)}.mrl-blockNotification--xbhrd[data-kind=info][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-info-light);--mrl-blockNotification-color: var(--mrl-color-text-info);--mrl-blockNotification-svg-color: var(--mrl-color-text-info);--mrl-blockNotification-heading-color: var(--mrl-color-text-info)}.mrl-blockNotification--xbhrd[data-kind=error]{--mrl-blockNotification-background: var(--mrl-color-background-error)}.mrl-blockNotification--xbhrd[data-kind=error][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-error-light);--mrl-blockNotification-color: var(--mrl-color-text-error);--mrl-blockNotification-svg-color: var(--mrl-color-text-error);--mrl-blockNotification-heading-color: var(--mrl-color-text-error)}.mrl-blockNotification--xbhrd[data-kind=success]{--mrl-blockNotification-background: var(--mrl-color-background-success)}.mrl-blockNotification--xbhrd[data-kind=success][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-success-light);--mrl-blockNotification-color: var(--mrl-color-text-success);--mrl-blockNotification-svg-color: var(--mrl-color-text-success);--mrl-blockNotification-heading-color: var(--mrl-color-text-success)}.mrl-blockNotification--xbhrd[data-kind=warning]{--mrl-blockNotification-background: var(--mrl-color-background-warning);--mrl-blockNotification-color: rgba(var(--mrl-gray-90), 1);--mrl-blockNotification-heading-color: rgba(var(--mrl-black), 1);--mrl-blockNotification-svg-color: rgba(var(--mrl-color-text-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=warning][data-scope=inline]{--mrl-blockNotification-background: var(--mrl-color-background-warning-light);--mrl-blockNotification-color: var(--mrl-color-text-warning);--mrl-blockNotification-heading-color: var(--mrl-color-text-warning);--mrl-blockNotification-svg-color: rgba(var(--mrl-status-warning), 1)}.mrl-blockNotification--xbhrd[data-kind=general],.mrl-blockNotification--xbhrd[data-kind=private]{--mrl-blockNotification-background: var(--mrl-blockNotification-background-general)}.mrl-blockNotification--xbhrd[data-scope=inline]{--mrl-blockNotification-radius: var(--mrl-border-radius-content-large);--mrl-blockNotification-inset-spacing: calc(var(--mrl-spacing-03) + var(--mrl-spacing-01)) var(--mrl-spacing-04);--mrl-blockNotification-cta-spacing: calc( calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1 ) calc(var(--mrl-spacing-03) * -1) calc(calc(var(--mrl-spacing-03) - var(--mrl-spacing-01)) * -1) 0}.mrl-blockNotification-icon--CAq04{display:flex;min-width:fit-content}.mrl-blockNotification-icon--CAq04 svg{color:var(--mrl-blockNotification-svg-color)}.mrl-blockNotification--xbhrd{margin-top:0;opacity:1;transition-duration:var(--mrl-duration-03);transition-property:margin opacity;transition-timing-function:var(--mrl-timing-m1);align-items:center;background:var(--mrl-blockNotification-background);color:var(--mrl-blockNotification-color);display:flex;flex-direction:row;gap:var(--mrl-blockNotification-inline-spacing);justify-content:center;min-height:var(--mrl-blockNotification-height);padding:var(--mrl-blockNotification-inset-spacing);position:relative;width:100%}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH{position:absolute;right:var(--mrl-spacing-02);top:50%;transform:translateY(-50%)}.mrl-blockNotification--xbhrd .mrl-blockNotification-close-wrapper--yODTH svg{color:var(--mrl-blockNotification-color)}.mrl-blockNotification--xbhrd[data-scope=inline]{display:inline-flex;justify-content:start;position:relative;width:100%}.mrl-blockNotification--xbhrd[data-scope=inline] .cta--gnyoO{margin:var(--mrl-blockNotification-cta-spacing)}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-icon--CAq04{align-self:baseline}.mrl-blockNotification--xbhrd[data-scope=inline] .mrl-blockNotification-close-wrapper--yODTH{position:absolute;top:20px}.mrl-blockNotification--dismissible--ZlIID{padding-right:calc(
 		var(--mrl-spacing-02) + var(--mrl-blockNotification-inline-spacing) + var(--mrl-spacing-08)
-	);position:relative}.mrl-blockNotification-message--MdtXZ{align-items:center;max-width:45rem}.mrl-blockNotification-message--MdtXZ h2,.mrl-blockNotification-message--MdtXZ p{display:contents}.mrl-blockNotification-message--MdtXZ h2::after{content:" ";display:contents}.mrl-blockNotification-message--MdtXZ p{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small)}.mrl-blockNotification-heading--WGPWE{color:var(--mrl-blockNotification-heading-color);display:inline;margin-right:var(--mrl-blockNotification-inline-spacing-message)}
+	);position:relative}.mrl-blockNotification-heading--WGPWE{color:var(--mrl-blockNotification-heading-color)}.mrl-blockNotification-message--MdtXZ{align-items:center;max-width:45rem}.mrl-blockNotification-message--MdtXZ .mrl-blockNotification-heading--WGPWE{display:inline;margin-right:var(--mrl-blockNotification-inline-spacing-message)}.mrl-blockNotification-message--MdtXZ p{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);display:contents}
 .mrl-u-focus-wrapper{position:relative}.mrl-blockNotification{border-radius:var(--mrl-blockNotification-radius)}.mrl-blockNotification.mrl-is--transitioning{opacity:0}.mrl-blockNotification.mrl-is--closed{display:none;padding:0}@media(prefers-reduced-motion: no-preference){.mrl-blockNotification.mrl-is--transitioning{margin-top:calc(var(--mrl-blockNotification-height)*-1)}}
 .MrlToast--WHnT9{align-items:center;background-color:rgba(var(--mrl-status-info), 1);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);color:rgba(var(--mrl-white), 1);display:flex;justify-content:space-between;max-width:32rem;min-width:8.75rem;padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-spacing-05) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-spacing-03);pointer-events:auto;width:fit-content;z-index:800}.MrlToast--WHnT9.has-cta--D2bJy{padding:var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-02) var(--mrl-spacing-03)}.MrlToast--WHnT9.has-avatar--KFztL{padding-left:var(--mrl-spacing-02)}.MrlToast--WHnT9.closing--ORG1o{animation:fadeout--tteGt .3s forwards}@keyframes fadeout--tteGt{from{opacity:1}to{opacity:0;visibility:hidden}}.MrlToast--WHnT9 .content--PsaqT{align-items:center;display:flex}.MrlToast--WHnT9 .content--PsaqT .iconWrapper--NSYKT{align-items:center;display:flex;flex-shrink:0;height:var(--mrl-spacing-06);margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.MrlToast--WHnT9 .content--PsaqT .avatarWrapper--TKMkv{align-items:center;display:flex;flex-shrink:0;height:var(--mrl-spacing-06);margin-right:var(--mrl-spacing-02)}.MrlToast--WHnT9 .content--PsaqT .textContent--g9ima{font-size:var(--mrl-font-size-03);letter-spacing:var(--mrl-letter-spacing-03);line-height:var(--mrl-line-height-02)}.MrlToast--WHnT9 .content--PsaqT .primaryMessage--CwHWD{font-family:var(--mrl-heading-font);font-weight:var(--mrl-font-weight-04)}.MrlToast--WHnT9 .content--PsaqT .secondaryMessage--VMVbR{font-family:var(--mrl-body-font);font-weight:var(--mrl-font-weight-01)}.MrlToast--WHnT9 .content--PsaqT .link--Qccyr{margin-left:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta-container--HMghw{align-items:center;display:flex;height:100%;justify-content:center;margin-left:calc(var(--mrl-spacing-03) + var(--mrl-spacing-01))}.MrlToast--WHnT9 .cta--hhAlS{display:flex;gap:var(--mrl-space-inline-sibling);vertical-align:middle}.MrlToast--WHnT9 .cta--secondary--qRqGT{margin-right:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta--close--yi8kz{margin-left:var(--mrl-spacing-02)}.MrlToast--WHnT9 .cta--close--yi8kz:only-child{margin-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.MrlToast--WHnT9.infoNotification--GObYB{background-color:rgba(var(--mrl-status-info), 1)}.MrlToast--WHnT9.warningNotification--nnWE0{background-color:rgba(var(--mrl-status-warning), 1);color:var(--mrl-color-text)}.MrlToast--WHnT9.successNotification--kirSR{background-color:rgba(var(--mrl-status-success), 1)}.MrlToast--WHnT9.errorNotification--lPM7c{background-color:rgba(var(--mrl-status-error), 1)}.MrlToast--WHnT9.privateNotification--Uzbo_{background-color:rgba(var(--mrl-status-private), 1)}.MrlToast--WHnT9.generalNotification--Qmi6y{background-color:var(--mrl-color-background-inverse);color:var(--mrl-color-text-inverse);max-width:100%}.MrlToast--WHnT9.generalNotification--Qmi6y .secondaryMessage--VMVbR{color:var(--mrl-color-text-inverse-secondary)}.MrlToast--WHnT9.collaboratorNotification--JUtKn{background-color:rgba(0,0,0,0)}.MrlToast--WHnT9.collaboratorNotification--JUtKn .primaryMessage--CwHWD{align-items:center;display:flex;gap:var(--mrl-spacing-04)}.MrlToast--WHnT9.collaboratorNotification--JUtKn.darkCollaborator--sIsI9{color:var(--mrl-color-text)}
 .MrlInlineMessage--QFQ5I{display:flex;font-size:var(--mrl-font-size-03);font-weight:var(--mrl-font-weight-02);margin-top:var(--mrl-spacing-02)}.MrlInlineMessage--QFQ5I:not(.helper--t6Wxz) a{color:inherit}.MrlInlineMessage--QFQ5I.error--dG1GD{color:var(--mrl-color-text-error)}.MrlInlineMessage--QFQ5I.information--FFyzz{color:var(--mrl-color-text-emph)}.MrlInlineMessage--QFQ5I.information--FFyzz .MrlSvgContainer{color:var(--mrl-color-background-info)}.MrlInlineMessage--QFQ5I.warning--G_zyY{color:var(--mrl-color-text-emph)}.MrlInlineMessage--QFQ5I.warning--G_zyY .MrlSvgContainer{color:var(--mrl-color-background-warning)}.MrlInlineMessage--QFQ5I.success--nrMdN .MrlSvgContainer{color:var(--mrl-color-text-success)}.MrlInlineMessage--QFQ5I.success--nrMdN .MrlSvgContainer.mrl-link-icon,.MrlInlineMessage--QFQ5I.warning--G_zyY .MrlSvgContainer.mrl-link-icon,.MrlInlineMessage--QFQ5I.information--FFyzz .MrlSvgContainer.mrl-link-icon{color:inherit}.MrlInlineMessage--QFQ5I.helper--t6Wxz{color:var(--mrl-color-text-secondary)}.MrlInlineMessage-icon--Lvzuc{flex-shrink:0;height:var(--mrl-spacing-05);margin-right:var(--mrl-spacing-02);width:var(--mrl-spacing-05)}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * MrlBreadcrumbSeparator component.
  * @returns The MrlBreadcrumbSeparator component.

package/dist/types/components/divider/MrlDivider/MrlDivider.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../utils';
 import { Kind, Orientation, Spacing, Weight } from '../constants';
 interface MrlDividerProps {

package/dist/types/components/empty/default/MrlEmpty.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlEmptyProps {
     graphic?: JSX.Element;
     heading: string;

package/dist/types/components/empty/large/MrlEmptyLarge.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlEmptyLargeProps {
     graphic?: JSX.Element;
     heading: string;

package/dist/types/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../../utils';
 import { CheckboxSelected, CheckboxStates } from '../../constants';
 import './MrlCheckboxStandalone.global.scss';

package/dist/types/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { ReactElement } from 'react';
 import { SelectMenuPositions } from '../../constants';
 import { AttrsObject } from '../../../../utils';
 export interface MrlLegacySelectMenuProptypes extends React.HTMLAttributes<HTMLDivElement> {

package/dist/types/components/form/select/MrlCreatableSelect/MrlCreatableSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreatableProps } from 'react-select/creatable';
 import { GroupBase } from 'react-select';
 import { SelectKind } from '../types';
@@ -17,7 +16,7 @@ export interface MrlCreatableSelectProps<Option, IsMulti extends boolean = false
     showClearIndicatorIcon?: boolean;
 }
 export declare const CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlCreatableSelect";
-export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "MrlCreatableSelect__menu-list";
 /**
  * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
  * @param props - the component props

package/dist/types/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CreatableProps } from 'react-select/creatable';
 import { GroupBase } from 'react-select';
 import { DefaultOption, SelectKind } from '../types';
@@ -17,7 +16,7 @@ export interface MrlMultiCreatableSelectProps<Option, IsMulti extends boolean =
     showClearIndicatorIcon?: boolean;
 }
 export declare const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = "MrlMultiCreatableSelect";
-export declare const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "MrlMultiCreatableSelect__menu-list";
 /**
  * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
  * @param props - the component props

package/dist/types/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, Props } from 'react-select';
 import { DefaultOption, SelectKind } from '../types';
 export interface MrlMultiSelectProps<T, IsMulti extends boolean = false, Group extends GroupBase<T> = GroupBase<T>> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {
@@ -15,7 +14,7 @@ export interface MrlMultiSelectProps<T, IsMulti extends boolean = false, Group e
     ['data-qa']?: string;
 }
 export declare const MULTI_SELECT_CLASS_NAME_PREFIX = "MrlMultiSelect";
-export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const MULTI_SELECT_MENU_LIST_CLASS_NAME = "MrlMultiSelect__menu-list";
 /**
  * MrlSelect component
  * @param props - the component props

package/dist/types/components/form/select/MrlSelect/MrlSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, Props } from 'react-select';
 import { SelectKind } from '../types';
 export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Props<Option, IsMulti, Group> {
@@ -15,7 +14,7 @@ export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group e
     ['data-qa']?: string;
 }
 export declare const SELECT_CLASS_NAME_PREFIX = "MrlSelect";
-export declare const SELECT_MENU_LIST_CLASS_NAME: string;
+export declare const SELECT_MENU_LIST_CLASS_NAME = "MrlSelect__menu-list";
 /**
  * MrlSelect component
  * @param props - the component props

package/dist/types/components/form/select/components/MrlSelectClearIndicator.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ClearIndicatorProps, GroupBase } from 'react-select';
 /**
  * MrlSelectClearIndicator component

package/dist/types/components/form/select/components/MrlSelectContainer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, ContainerProps } from 'react-select';
 /**
  * MrlSelectContainer component

package/dist/types/components/form/select/components/MrlSelectDropdownIndicator.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownIndicatorProps, GroupBase } from 'react-select';
 /**
  * MrlSelectDropdownIndicator component

package/dist/types/components/form/select/components/MrlSelectMultiValue.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, MultiValueProps } from 'react-select';
 import { DefaultOption } from '../types';
 /**

package/dist/types/components/form/select/components/MrlSelectMultiValueRemove.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, MultiValueRemoveProps } from 'react-select';
 /**
  * MrlSelectMultiValueRemove component

package/dist/types/components/form/select/components/MrlSelectOption.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, OptionProps } from 'react-select';
 /**
  * MrlSelectOption component

package/dist/types/components/form/select/components/MrlSelectValueContainer.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupBase, ValueContainerProps } from 'react-select';
 /**
  * MrlSelectValueContainer component

package/dist/types/components/form/textarea/MrlTextarea/MrlTextarea.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AttrsObject } from '../../../../utils';
 import './MrlTextarea.global.scss';
 type MrlTextareaState = 'default' | 'disabled' | 'error' | 'read-only';

package/dist/types/components/grid/MrlCol/MrlCol.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import { GridColumns } from '../constants';
 type MrlCol = LayoutComponent & GridColumns;

package/dist/types/components/grid/MrlGrid/MrlGrid.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import '../grid.variables.scss';
 import '../grid.global.scss';

package/dist/types/components/grid/MrlRow/MrlRow.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../../layout/constants';
 import { AlignOptions, GutterSizes, JustifyOptions } from '../constants';
 interface MrlRow extends LayoutComponent {

package/dist/types/components/layout/MrlMain/MrlMain.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 /**
  * MrlMain React component.

package/dist/types/components/layout/MrlPage/MrlPage.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 type MrlPage = LayoutComponent;
 /**

package/dist/types/components/layout/MrlPage/index.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent } from '../constants';
 type MrlPage = LayoutComponent;
 /**

package/dist/types/components/layout/MrlSidebar/demo/MrlSidebarDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * MrlSidebar demo with the use of the forward ref to make open/close/toggle the sidebar
  * through buttons as children and outside of the sidebar.

package/dist/types/components/layout/MrlTopbar/MrlTopbar.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LayoutComponent, LayoutSection } from '../constants';
 type MrlTopbar = LayoutComponent & LayoutSection;
 /**

package/dist/types/components/layout/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LayoutComponent {
     /**
      * Children to be rendered within the component.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MrlBrandColorsProps {
     /**
      * Custom class name to be added to the component

package/dist/types/components/live-region/demo/LiveRegionDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo of a live region
  *

package/dist/types/components/loader/MrlProgressBar/MrlProgressBar.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProgressBarComponent } from '../constants';
 import '../../../styles/shared/a11y-helpers/a11y.global.scss';
 /**

package/dist/types/components/loader/MrlSpinner/MrlSpinner.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinnerComponent } from '../constants';
 import '../../../styles/shared/a11y-helpers/a11y.global.scss';
 /**

package/dist/types/components/loader/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CreateArrayWithLengthX<LENGTH extends number, ACC extends unknown[] = []> = ACC['length'] extends LENGTH ? ACC : CreateArrayWithLengthX<LENGTH, [...ACC, 1]>;
 type NumericRange<START_ARR extends number[], END extends number, ACC extends number = never> = START_ARR['length'] extends END ? ACC | END : NumericRange<[...START_ARR, 1], END, ACC | START_ARR['length']>;
 export type ProgressRange = NumericRange<CreateArrayWithLengthX<0>, 100>;

package/dist/types/components/menu/constants.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type MenuPosition = 'bottom' | 'left' | 'right' | 'top' | 'static' | MenuIgnore;
 export type MenuAlignment = 'start' | 'end' | 'center';
 export type HorizontalAlign = 'left' | 'right' | 'center';

package/dist/types/components/menu/demo/MenuByConfig.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo of a menu with a trigger for stories and testing
  *

package/dist/types/components/menu/demo/MenuWithPopover.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 interface MenuWithPopoverProps {
     position?: MenuPosition;

package/dist/types/components/menu/demo/MenuWithSubmenu.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 interface MenuWithSubmenuProps {
     position?: MenuPosition;

package/dist/types/components/menu/demo/MenuWithTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CustomMenuPosition } from '../';
 import { MenuPosition, ActionState, MenuAlignment } from '../constants';
 export interface MenuWithTriggerProps {

package/dist/types/components/modal/demo/ModalWithTriggerDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../MrlModal/stories.scss';
 interface ModalDemoProps {
     /** Additional function to be run when the modal closes */

package/dist/types/components/pagination/MrlPaginationText/MrlPaginationText.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlPaginationTextProps {
     /** Additional class to add to the container element */
     className?: string;

package/dist/types/components/popover/demo/PopoverWithIconButton.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithIconButtonProps {
     hasCloseButton?: boolean;

package/dist/types/components/popover/demo/PopoverWithSelect.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithSelectProps {
     hasCloseButton?: boolean;

package/dist/types/components/popover/demo/PopoverWithTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
 interface PopoverWithTriggerProps {
     hasCloseButton?: boolean;

package/dist/types/components/table/MrlSmartTable/storybook-utils.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { MrlSmartCellRendererProps, MrlSmartTableColumn } from './MrlSmartTable';
-export declare const LicenseCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const MemberSinceCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const LastSeenCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const CreateRoomCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const SeeOpenRoomsCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const PublishTemplatesCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const WorkspaceAdminCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
-export declare const ActionsCell: ((props: MrlSmartCellRendererProps) => JSX.Element) | undefined;
+import { MrlSmartTableColumn } from './MrlSmartTable';
+export declare const LicenseCell: MrlSmartTableColumn["renderCell"];
+export declare const MemberSinceCell: MrlSmartTableColumn["renderCell"];
+export declare const LastSeenCell: MrlSmartTableColumn["renderCell"];
+export declare const CreateRoomCell: MrlSmartTableColumn["renderCell"];
+export declare const SeeOpenRoomsCell: MrlSmartTableColumn["renderCell"];
+export declare const PublishTemplatesCell: MrlSmartTableColumn["renderCell"];
+export declare const WorkspaceAdminCell: MrlSmartTableColumn["renderCell"];
+export declare const ActionsCell: MrlSmartTableColumn["renderCell"];
 export declare const SAMPLE_COLUMNS_WITH_EDIT_ICON_BUTTON: MrlSmartTableColumn[];

package/dist/types/components/table/MrlTableEmptyState/MrlTableEmptyState.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MrlTableEmptyStateProps {
     /**
      * Text to be displayed in the empty state.

package/dist/types/components/table/utils.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export declare const sortAlphabeticallyAsCoercedStrings: (a: unknown, b: unknown
  * @param {string[]} keys a set of properties to uniquely identify the element
  * @returns {string} the generated key
  */
-export declare const keyFor: (prefix: string, elementType: 'header' | 'column' | 'body' | 'row' | 'row-cell', ...keys: string[]) => string;
+export declare const keyFor: (prefix: string, elementType: "header" | "column" | "body" | "row" | "row-cell", ...keys: string[]) => string;
 /**
  * Provides sort icon based on direction.
  *

package/dist/types/components/toolbar/MrlToolbarItem/MrlToolbarItem.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Props for the MrlToolbarItem component.
  */

package/dist/types/hooks/useBreakpoint/useBreakpointDemo.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Demo for useBreakpoint hook
  *

package/dist/types/hooks/useClickOutside/index.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@
  * @param disabled - If the hook should be disabled.
  * @param excludeSelectors - Optional array of CSS selectors to exclude from the outside click detection.
  */
-export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "click" | "mousedown" | "mouseup" | undefined, onOutsideClick: () => void, disabled?: boolean, excludeSelectors?: string[]) => void;
+export declare const useClickOutside: (menuRef: React.RefObject<HTMLElement>, triggerRef: React.RefObject<HTMLElement> | undefined, eventType: "mousedown" | "mouseup" | "click" | undefined, onOutsideClick: () => void, disabled?: boolean, excludeSelectors?: string[]) => void;

package/dist/types/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@
  * @param direction - The direction to search in
  * @returns The interactive element or null if none is found
  */
-export declare const findAdjacentInteractiveElement: (ref: React.RefObject<HTMLElement> | undefined, direction?: 'next' | 'previous') => HTMLElement | null;
+export declare const findAdjacentInteractiveElement: (ref: React.RefObject<HTMLElement> | undefined, direction?: "next" | "previous") => HTMLElement | null;

package/dist/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.d.ts CHANGED Viewed

@@ -5,4 +5,4 @@
  * @param direction - The direction to search in
  * @returns The interactive element or null if none is found
  */
-export declare const findAdjacentInteractiveElement: (ref: React.RefObject<HTMLElement> | undefined, direction?: 'next' | 'previous') => HTMLElement | null;
+export declare const findAdjacentInteractiveElement: (ref: React.RefObject<HTMLElement> | undefined, direction?: "next" | "previous") => HTMLElement | null;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@muraldevkit/ui-toolkit",
-	"version": "4.70.0",
+	"version": "4.70.2",
 	"description": "Mural's UI Toolkit",
 	"main": "./dist/cjs/index.js",
 	"module": "./dist/esm/index.js",
@@ -80,12 +80,13 @@
 		"@types/jest": "29.5.1",
 		"@types/lodash.debounce": "4.0.7",
 		"@types/lodash.uniqueid": "4.0.9",
+		"@types/node": "22.19.1",
 		"@types/path-browserify": "1.0.2",
 		"@types/react": "18.2.22",
 		"@types/react-dom": "18.2.7",
 		"@types/react-router-dom": "5.3.3",
-		"@typescript-eslint/eslint-plugin": "8.35.1",
-		"@typescript-eslint/parser": "8.35.1",
+		"@typescript-eslint/eslint-plugin": "8.64.0",
+		"@typescript-eslint/parser": "8.64.0",
 		"babel-loader": "9.1.2",
 		"copy-webpack-plugin": "11.0.0",
 		"css-loader": "6.7.3",
@@ -123,9 +124,9 @@
 		"stylelint-config-standard-scss": "13.1.0",
 		"stylelint-order": "6.0.4",
 		"stylelint-scss": "6.8.1",
-		"ts-jest": "29.1.0",
-		"ts-loader": "9.4.2",
-		"typescript": "5.0.4",
+		"ts-jest": "29.4.11",
+		"ts-loader": "9.6.2",
+		"typescript": "6.0.3",
 		"webpack": "5.100.2",
 		"webpack-bundle-analyzer": "4.10.2",
 		"webpack-cli": "5.0.1"

package/dist/types/utils/getCamelCase/getCamelCase.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/types/utils/isElementAriaDisabled/isElementAriaDisabled.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/types/utils/isObject/isObject.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/types/utils/setAttributes/setAttributes.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/utils/getCamelCase/getCamelCase.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/utils/isElementAriaDisabled/isElementAriaDisabled.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/utils/isObject/isObject.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/utils/setAttributes/setAttributes.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};