@muraldevkit/ui-toolkit 4.70.1 → 4.70.3-dev-kmM6.1

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

@@ -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;;;;"}
+{"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

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

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

@@ -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

@@ -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.css

@@ -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

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

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

@@ -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

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

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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1,8 +1,10 @@
-/// <reference types="react" />
 import { GroupBase, ContainerProps } from 'react-select';
 /**
  * MrlSelectContainer component
  *
+ * Adds `data-qa` support and keeps the `Escape` press that dismisses an open menu
+ * from also closing an outer dismissible surface (e.g. a select inside MrlModal).
+ *
  * @param props - the react-select container props
  * @returns a select container
  */

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

@@ -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

@@ -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

@@ -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

@@ -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

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

package/dist/types/components/form/select/utils/useMenuEscapeContainment.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+interface MenuEscapeContainmentHandlers {
+    onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp: React.KeyboardEventHandler<HTMLDivElement>;
+}
+/**
+ * Keeps the `Escape` press that dismisses an open select menu from reaching outer
+ * dismissible surfaces. MrlModal, MrlPanel and MrlPopover close on `Escape` keydown
+ * and MrlSidebar on keyup, so without containment a single press would close the
+ * menu and the surface behind it at the same time.
+ *
+ * While the menu is open, the `Escape` keydown and its paired keyup stop propagating
+ * after react-select handles them. Once the menu is closed, `Escape` bubbles as
+ * usual so the outer surface can respond to the next press.
+ *
+ * @param menuIsOpen - the resolved react-select menu state
+ * @param onKeyDown - react-select's container keydown handler to wrap
+ * @returns key event handlers to spread into the select container's `innerProps`
+ */
+export declare function useMenuEscapeContainment(menuIsOpen: boolean, onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined): MenuEscapeContainmentHandlers;
+export {};

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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

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

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

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

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

@@ -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

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

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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

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

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

@@ -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

@@ -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

@@ -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

@@ -1,6 +1,6 @@
 {
 	"name": "@muraldevkit/ui-toolkit",
-	"version": "4.70.1",
+	"version": "4.70.3-dev-kmM6.1",
 	"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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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