@muraldevkit/ui-toolkit 4.67.0 → 4.68.0-dev-NFbt.1

package/dist/cjs/components/layout/MrlPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/MrlPage/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LayoutComponent } from '../constants';\nimport { LayoutProvider } from '../context/LayoutContext';\nimport { MrlPage as Page } from './MrlPage';\ntype MrlPage = LayoutComponent;\n\n/**\n * MrlPage Provider\n *\n * @param props - component props\n * @returns a MrlPage React component.\n */\nexport function MrlPage({ ...rest }: MrlPage): JSX.Element {\n\treturn (\n\t\t<LayoutProvider>\n\t\t\t<Page {...rest} />\n\t\t</LayoutProvider>\n\t);\n}\n"],"names":["MrlPage","_ref","rest","_extends","_objectDestructuringEmpty","React","createElement","LayoutProvider","Page"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,IAAI,GAAAC,iCAAA,CAAA,EAAA,GAAAC,kDAAA,CAAAH,IAAA,GAAAA,IAAA,EAAA;AAChC,EAAA,oBACCI,gBAAA,CAAAC,aAAA,CAACC,4BAAc,EAAA,IAAA,eACdF,gBAAA,CAAAC,aAAA,CAACE,iBAAI,EAAKN,IAAO,CACF,CAAC;AAEnB;;;;"}

package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var index = require('../../../hooks/useBreakpoint/index.js');
+var utils = require('../utils.js');
+var LayoutContext = require('../context/LayoutContext.js');
+var MrlSidebar_module = require('./MrlSidebar.module.scss.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
+var MrlFocusTrap = require('../../focus-trap/MrlFocusTrap/MrlFocusTrap.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["children", "className", "hookOpen", "hookClose"];
+/**
+ * MrlSidebar React component.
+ * @param props - component props
+ * @returns a MrlSidebar React component.
+ */
+var MrlSidebar = /*#__PURE__*/React__namespace.forwardRef(function MrlSidebar(_ref, ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    hookOpen = _ref.hookOpen,
+    hookClose = _ref.hookClose,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isExpanded = _React$useState2[0],
+    setIsExpanded = _React$useState2[1];
+  var setExpandedAndNotify = React__namespace.useCallback(function (expanded, info) {
+    if (expanded) {
+      hookOpen === null || hookOpen === void 0 ? void 0 : hookOpen(info);
+    } else {
+      hookClose === null || hookClose === void 0 ? void 0 : hookClose(info);
+    }
+    setIsExpanded(expanded);
+  }, [hookOpen, hookClose]);
+  var _useLayoutContext = LayoutContext.useLayoutContext(),
+    isTopbarRendered = _useLayoutContext.isTopbarRendered;
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      close: function close() {
+        setExpandedAndNotify(false, {
+          source: 'imperativeHandler'
+        });
+      },
+      open: function open() {
+        setExpandedAndNotify(true, {
+          source: 'imperativeHandler'
+        });
+      },
+      toggle: function toggle() {
+        setExpandedAndNotify(!isExpanded, {
+          source: 'imperativeHandler'
+        });
+      }
+    };
+  }, [isExpanded, setExpandedAndNotify]);
+  var breakpoint = index.useBreakpoint();
+  var renderMobile = utils.isMobile(breakpoint);
+  var sidebarRef = React__namespace.useRef(null);
+  var triggerRef = React__namespace.useRef(null);
+
+  // If both of these are true, then we want to set focus trap disabled to "False"
+  // which is kind of confusing, because these values actually return true.
+  // So, we need to negate them. Don't worry, it works.
+  var shouldFocusTrap = !(renderMobile && isExpanded);
+  var offsetClass = classnames(isTopbarRendered && MrlSidebar_module.default['MrlSidebar--offset']);
+  var sidebarClasses = classnames(MrlSidebar_module.default['MrlSidebar'], 'MrlSidebar', className, offsetClass, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlSidebar_module.default['MrlSidebar--mobile'], renderMobile), MrlSidebar_module.default['MrlSidebar--mobile--open'], renderMobile && isExpanded));
+  var overlayClasses = classnames(MrlSidebar_module.default['MrlSidebar-overlay'], 'MrlSidebar-overlay', renderMobile && isExpanded && MrlSidebar_module.default['MrlSidebar-overlay--visible'], offsetClass);
+  var sidebarContentClasses = classnames(MrlSidebar_module.default['MrlSidebar-content'], 'MrlSidebar-content', _rollupPluginBabelHelpers.defineProperty({}, MrlSidebar_module.default['MrlSidebar-content--visible'], isExpanded || !renderMobile));
+  var handleKeyUp = function handleKeyUp(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.key === 'Escape') {
+      var _triggerRef$current;
+      setExpandedAndNotify(false, {
+        source: 'userInteraction'
+      });
+      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
+    }
+  };
+  var handleClick = function handleClick(e) {
+    e.preventDefault();
+    setExpandedAndNotify(!isExpanded, {
+      source: 'userInteraction'
+    });
+  };
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null,
+  // If the sidebar is rendered on mobile, we want to render the menu button and overlay.
+  renderMobile && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, {
+    wrapperClassName: classnames(MrlSidebar_module.default['MrlSidebar-menu-trigger'], MrlSidebar_module.default['MrlSidebar-menu']),
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: dsIcons.menu
+    }),
+    kind: "ghost",
+    onClick: handleClick,
+    position: "bottom",
+    ref: triggerRef,
+    size: "medium",
+    text: "Open",
+    tipAnchor: "center",
+    toggleAria: "expanded",
+    state: "default"
+  }), /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: overlayClasses,
+    role: "presentation",
+    tabIndex: -1
+    // we only want to allow click events on the overlay if the sidebar is expanded
+    // otherwise pointer events are none and no click events are allowed
+  }, isExpanded && {
+    onClick: handleClick
+  }))), /*#__PURE__*/React__namespace.createElement("section", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: sidebarClasses,
+    onKeyUp: handleKeyUp,
+    ref: sidebarRef,
+    role: "presentation"
+  }, renderMobile && {
+    'aria-hidden': !isExpanded
+  }), /*#__PURE__*/React__namespace.createElement(MrlFocusTrap.MrlFocusTrap, {
+    disabled: shouldFocusTrap,
+    containerRef: sidebarRef
+  }, isExpanded && /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, {
+    wrapperClassName: classnames(MrlSidebar_module.default['MrlSidebar-menu-trigger'], MrlSidebar_module.default['MrlSidebar-menu'], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlSidebar_module.default['MrlSidebar-menu-close'], isExpanded), 'MrlSidebar-menu-close', isExpanded)),
+    icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+      svg: dsIcons.close
+    }),
+    kind: "ghost",
+    onClick: handleClick,
+    position: "bottom",
+    size: "medium",
+    text: "Close",
+    tipAnchor: "center",
+    toggleAria: "expanded",
+    state: "default"
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: sidebarContentClasses
+  }, children))));
+});
+
+exports.MrlSidebar = MrlSidebar;
+//# sourceMappingURL=MrlSidebar.js.map

package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebar.js","sources":["../../../../../src/components/layout/MrlSidebar/MrlSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { menu, close } from '@muraldevkit/ds-icons';\nimport { MrlIconButton, MrlFocusTrap, MrlSvg } from '../../';\nimport { LayoutComponent, LayoutSection } from '../constants';\nimport { useBreakpoint } from '../../../hooks/useBreakpoint';\nimport { isMobile } from '../utils';\nimport { useLayoutContext } from '../context/LayoutContext';\n\nimport styles from './MrlSidebar.module.scss';\n\nexport type MrlSidebarHookInfo = { source: 'userInteraction' | 'imperativeHandler' };\n\ninterface MrlSidebarHook {\n\thookClose?: (info: MrlSidebarHookInfo) => void;\n\thookOpen?: (info: MrlSidebarHookInfo) => void;\n}\n\ntype MrlSidebar = LayoutComponent & LayoutSection & MrlSidebarHook;\nexport interface MrlSidebarHandle {\n\tclose: () => void;\n\topen: () => void;\n\ttoggle: () => void;\n}\n\n/**\n * MrlSidebar React component.\n * @param props - component props\n * @returns a MrlSidebar React component.\n */\nexport const MrlSidebar = React.forwardRef<MrlSidebarHandle, MrlSidebar>(function MrlSidebar(\n\t{ children, className = '', hookOpen, hookClose, ...rest }: MrlSidebar,\n\tref: React.Ref<MrlSidebarHandle>\n): JSX.Element {\n\tconst [isExpanded, setIsExpanded] = React.useState<boolean>(false);\n\tconst setExpandedAndNotify = React.useCallback(\n\t\t(expanded: boolean, info: MrlSidebarHookInfo) => {\n\t\t\tif (expanded) {\n\t\t\t\thookOpen?.(info);\n\t\t\t} else {\n\t\t\t\thookClose?.(info);\n\t\t\t}\n\t\t\tsetIsExpanded(expanded);\n\t\t},\n\t\t[hookOpen, hookClose]\n\t);\n\n\tconst { isTopbarRendered } = useLayoutContext();\n\n\tReact.useImperativeHandle(ref, () => {\n\t\treturn {\n\t\t\tclose() {\n\t\t\t\tsetExpandedAndNotify(false, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\topen() {\n\t\t\t\tsetExpandedAndNotify(true, { source: 'imperativeHandler' });\n\t\t\t},\n\t\t\ttoggle() {\n\t\t\t\tsetExpandedAndNotify(!isExpanded, { source: 'imperativeHandler' });\n\t\t\t}\n\t\t};\n\t}, [isExpanded, setExpandedAndNotify]);\n\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\n\tconst sidebarRef = React.useRef<HTMLDivElement>(null);\n\tconst triggerRef = React.useRef<HTMLButtonElement>(null);\n\n\t// If both of these are true, then we want to set focus trap disabled to \"False\"\n\t// which is kind of confusing, because these values actually return true.\n\t// So, we need to negate them. Don't worry, it works.\n\tconst shouldFocusTrap = !(renderMobile && isExpanded);\n\n\tconst offsetClass = classnames(isTopbarRendered && styles['MrlSidebar--offset']);\n\n\tconst sidebarClasses = classnames(styles['MrlSidebar'], 'MrlSidebar', className, offsetClass, {\n\t\t[styles['MrlSidebar--mobile']]: renderMobile,\n\t\t[styles['MrlSidebar--mobile--open']]: renderMobile && isExpanded\n\t});\n\n\tconst overlayClasses = classnames(\n\t\tstyles['MrlSidebar-overlay'],\n\t\t'MrlSidebar-overlay',\n\t\trenderMobile && isExpanded && styles['MrlSidebar-overlay--visible'],\n\t\toffsetClass\n\t);\n\n\tconst sidebarContentClasses = classnames(styles['MrlSidebar-content'], 'MrlSidebar-content', {\n\t\t[styles['MrlSidebar-content--visible']]: isExpanded || !renderMobile\n\t});\n\n\tconst handleKeyUp = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tif (e.key === 'Escape') {\n\t\t\tsetExpandedAndNotify(false, { source: 'userInteraction' });\n\t\t\ttriggerRef.current?.focus();\n\t\t}\n\t};\n\n\tconst handleClick = (e: React.SyntheticEvent<HTMLElement, Event>) => {\n\t\te.preventDefault();\n\t\tsetExpandedAndNotify(!isExpanded, { source: 'userInteraction' });\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{\n\t\t\t\t// If the sidebar is rendered on mobile, we want to render the menu button and overlay.\n\t\t\t\trenderMobile && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu']\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\ticon={<MrlSvg svg={menu} />}\n\t\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\t\tref={triggerRef}\n\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\ttext=\"Open\"\n\t\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={overlayClasses}\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t// we only want to allow click events on the overlay if the sidebar is expanded\n\t\t\t\t\t\t\t// otherwise pointer events are none and no click events are allowed\n\t\t\t\t\t\t\t{...(isExpanded && { onClick: handleClick })}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)\n\t\t\t}\n\t\t\t<section\n\t\t\t\t{...rest}\n\t\t\t\tclassName={sidebarClasses}\n\t\t\t\tonKeyUp={handleKeyUp}\n\t\t\t\tref={sidebarRef}\n\t\t\t\trole=\"presentation\"\n\t\t\t\t{...(renderMobile && { 'aria-hidden': !isExpanded })}\n\t\t\t>\n\t\t\t\t<MrlFocusTrap disabled={shouldFocusTrap} containerRef={sidebarRef}>\n\t\t\t\t\t{isExpanded && (\n\t\t\t\t\t\t<MrlIconButton\n\t\t\t\t\t\t\twrapperClassName={classnames(\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu-trigger'],\n\t\t\t\t\t\t\t\tstyles['MrlSidebar-menu'],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[styles['MrlSidebar-menu-close']]: isExpanded,\n\t\t\t\t\t\t\t\t\t'MrlSidebar-menu-close': isExpanded\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\ticon={<MrlSvg svg={close} />}\n\t\t\t\t\t\t\tkind=\"ghost\"\n\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t\tposition=\"bottom\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\ttext=\"Close\"\n\t\t\t\t\t\t\ttipAnchor=\"center\"\n\t\t\t\t\t\t\ttoggleAria=\"expanded\"\n\t\t\t\t\t\t\tstate=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={sidebarContentClasses}>{children}</div>\n\t\t\t\t</MrlFocusTrap>\n\t\t\t</section>\n\t\t</>\n\t);\n});\n"],"names":["MrlSidebar","React","forwardRef","_ref","ref","children","_ref$className","className","hookOpen","hookClose","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setIsExpanded","setExpandedAndNotify","useCallback","expanded","info","_useLayoutContext","useLayoutContext","isTopbarRendered","useImperativeHandle","close","source","open","toggle","breakpoint","useBreakpoint","renderMobile","isMobile","sidebarRef","useRef","triggerRef","shouldFocusTrap","offsetClass","classnames","styles","sidebarClasses","_defineProperty","overlayClasses","sidebarContentClasses","handleKeyUp","e","preventDefault","stopPropagation","key","_triggerRef$current","current","focus","handleClick","createElement","Fragment","MrlIconButton","wrapperClassName","icon","MrlSvg","svg","menu","kind","onClick","position","size","text","tipAnchor","toggleAria","state","_extends","role","tabIndex","onKeyUp","MrlFocusTrap","disabled","containerRef"],"mappings":"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"}

package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSidebar":"MrlSidebar--BgZ1u","MrlSidebar--mobile":"MrlSidebar--mobile--ze4Hn","MrlSidebar--mobile--open":"MrlSidebar--mobile--open--WpVyZ","MrlSidebar--offset":"MrlSidebar--offset--PDTE_","MrlSidebar-overlay":"MrlSidebar-overlay--mWzx1","MrlSidebar-menu":"MrlSidebar-menu--wFDdM","MrlSidebar-menu-trigger":"MrlSidebar-menu-trigger--pNEb8","MrlSidebar-menu-close":"MrlSidebar-menu-close--zZq68","MrlSidebar-overlay--visible":"MrlSidebar-overlay--visible--wjTzw","MrlSidebar-content":"MrlSidebar-content--2VXk1","MrlSidebar-content--visible":"MrlSidebar-content--visible--ZLFsB"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSidebar.module.scss.js.map

package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSidebar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var LayoutContext = require('../context/LayoutContext.js');
+var utils = require('../utils.js');
+var MrlTopbar_module = require('./MrlTopbar.module.scss.js');
+var index = require('../../../hooks/useBreakpoint/index.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["children", "className"];
+/**
+ * MrlTopbar React component.
+ * @param props - component props
+ * @returns a MrlTopbar React component.
+ */
+function MrlTopbar(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var breakpoint = index.useBreakpoint();
+  var renderMobile = utils.isMobile(breakpoint);
+  var _useLayoutContext = LayoutContext.useLayoutContext(),
+    isSidebarRendered = _useLayoutContext.isSidebarRendered;
+  var allClasses = classnames(MrlTopbar_module.default['MrlTopbar'], constants.TOPBAR_SELECTOR, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlTopbar_module.default['MrlTopbar--mobile'], renderMobile), MrlTopbar_module.default['MrlTopbar--no-sidebar'], !isSidebarRendered));
+  return /*#__PURE__*/React__namespace.createElement("header", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: allClasses
+  }), children);
+}
+
+exports.MrlTopbar = MrlTopbar;
+//# sourceMappingURL=MrlTopbar.js.map

package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlTopbar.js","sources":["../../../../../src/components/layout/MrlTopbar/MrlTopbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { LayoutComponent, LayoutSection, TOPBAR_SELECTOR } from '../constants';\nimport { useBreakpoint } from '../../../hooks';\nimport { useLayoutContext } from '../context/LayoutContext';\nimport { isMobile } from '../utils';\n\nimport styles from './MrlTopbar.module.scss';\n\ntype MrlTopbar = LayoutComponent & LayoutSection;\n\n/**\n * MrlTopbar React component.\n * @param props - component props\n * @returns a MrlTopbar React component.\n */\nexport function MrlTopbar({ children, className = '', ...rest }: MrlTopbar): JSX.Element {\n\tconst breakpoint = useBreakpoint();\n\tconst renderMobile = isMobile(breakpoint);\n\tconst { isSidebarRendered } = useLayoutContext();\n\n\tconst allClasses = classnames(styles['MrlTopbar'], TOPBAR_SELECTOR, className, {\n\t\t[styles['MrlTopbar--mobile']]: renderMobile,\n\t\t[styles['MrlTopbar--no-sidebar']]: !isSidebarRendered\n\t});\n\n\treturn (\n\t\t<header {...rest} className={allClasses}>\n\t\t\t{children}\n\t\t</header>\n\t);\n}\n"],"names":["MrlTopbar","_ref","children","_ref$className","className","rest","_objectWithoutProperties","_excluded","breakpoint","useBreakpoint","renderMobile","isMobile","_useLayoutContext","useLayoutContext","isSidebarRendered","allClasses","classnames","styles","TOPBAR_SELECTOR","_defineProperty","React","createElement","_extends"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA7DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,cAAA,GAAAF,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAC5D,EAAA,IAAMC,UAAU,GAAGC,mBAAa,EAAE;AAClC,EAAA,IAAMC,YAAY,GAAGC,cAAQ,CAACH,UAAU,CAAC;AACzC,EAAA,IAAAI,iBAAA,GAA8BC,8BAAgB,EAAE;IAAxCC,iBAAiB,GAAAF,iBAAA,CAAjBE,iBAAiB;AAEzB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACC,wBAAM,CAAC,WAAW,CAAC,EAAEC,yBAAe,EAAEd,SAAS,EAAAe,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAC3EF,wBAAM,CAAC,mBAAmB,CAAC,EAAGP,YAAY,CAAA,EAC1CO,wBAAM,CAAC,uBAAuB,CAAC,EAAG,CAACH,iBAAiB,CACrD,CAAC;AAEF,EAAA,oBACCM,gBAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,iCAAA,KAAYjB,IAAI,EAAA;AAAED,IAAAA,SAAS,EAAEW;AAAW,GAAA,CAAA,EACtCb,QACM,CAAC;AAEX;;;;"}

package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlTopbar":"MrlTopbar--_n1bW","MrlTopbar--mobile":"MrlTopbar--mobile--n4rls","MrlTopbar--no-sidebar":"MrlTopbar--no-sidebar--IjCZZ"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlTopbar.module.scss.js.map

package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlTopbar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/layout/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var TOPBAR_SELECTOR = 'mrl-topbar';
+var SIDEBAR_SELECTOR = 'mrl-sidebar';
+
+exports.SIDEBAR_SELECTOR = SIDEBAR_SELECTOR;
+exports.TOPBAR_SELECTOR = TOPBAR_SELECTOR;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/layout/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/layout/constants.ts"],"sourcesContent":["export interface LayoutComponent {\n\t/**\n\t * Children to be rendered within the component.\n\t */\n\tchildren: React.ReactNode;\n\n\t/*\n\t * Custom class to be applied to the component.\n\t */\n\tclassName?: string;\n}\n\nexport interface LayoutSection {\n\t/**\n\t * Label to apply to region of the page\n\t */\n\tariaLabel: React.ReactNode;\n}\n\nexport const TOPBAR_SELECTOR = 'mrl-topbar';\nexport const SIDEBAR_SELECTOR = 'mrl-sidebar';\n"],"names":["TOPBAR_SELECTOR","SIDEBAR_SELECTOR"],"mappings":";;AAmBO,IAAMA,eAAe,GAAG;AACxB,IAAMC,gBAAgB,GAAG;;;;;"}

package/dist/cjs/components/layout/context/LayoutContext.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var constants = require('../constants.js');
+var utils = require('../utils.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var LayoutContext = /*#__PURE__*/React__namespace.createContext(undefined);
+/**
+ * Provides layout-related context values to child components.
+ *
+ * @param {LayoutProviderProps} props - The props for the component.
+ * @returns A React element that provides the layout context to children.
+ */
+function LayoutProvider(_ref) {
+  var children = _ref.children;
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isSidebarRendered = _React$useState2[0],
+    setIsSidebarRendered = _React$useState2[1];
+  var _React$useState3 = React__namespace.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isTopbarRendered = _React$useState4[0],
+    setIsTopbarRendered = _React$useState4[1];
+  var contextRef = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    setIsSidebarRendered(utils.hasElement(contextRef.current, constants.SIDEBAR_SELECTOR));
+    setIsTopbarRendered(utils.hasElement(contextRef.current, constants.TOPBAR_SELECTOR));
+  }, [children]);
+  return /*#__PURE__*/React__namespace.createElement(LayoutContext.Provider, {
+    value: {
+      isSidebarRendered: isSidebarRendered,
+      isTopbarRendered: isTopbarRendered
+    }
+  }, /*#__PURE__*/React__namespace.createElement("div", {
+    ref: contextRef
+  }, children));
+}
+
+/**
+ * Custom hook to access layout context values.
+ * This hook ensures that the component using it is wrapped within a LayoutProvider.
+ *
+ * @throws Will throw an error if not used within a `LayoutProvider`.
+ * @returns The layout context containing isSidebarRendered and isTopbarRendered.
+ */
+var useLayoutContext = function useLayoutContext() {
+  var context = React__namespace.useContext(LayoutContext);
+  if (!context) {
+    throw new Error('useLayoutContext must be used within a LayoutProvider');
+  }
+  return context;
+};
+
+exports.LayoutProvider = LayoutProvider;
+exports.useLayoutContext = useLayoutContext;
+//# sourceMappingURL=LayoutContext.js.map

package/dist/cjs/components/layout/context/LayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/components/layout/context/LayoutContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TOPBAR_SELECTOR, SIDEBAR_SELECTOR } from '../constants';\nimport { hasElement } from '../utils';\n\ntype LayoutContextType = {\n\tisSidebarRendered: boolean;\n\tisTopbarRendered: boolean;\n};\n\nconst LayoutContext = React.createContext<LayoutContextType | undefined>(undefined);\n\ntype LayoutProviderProps = {\n\tchildren: React.ReactNode;\n};\n\n/**\n * Provides layout-related context values to child components.\n *\n * @param {LayoutProviderProps} props - The props for the component.\n * @returns A React element that provides the layout context to children.\n */\nexport function LayoutProvider({ children }: LayoutProviderProps): React.ReactElement {\n\tconst [isSidebarRendered, setIsSidebarRendered] = React.useState<boolean>(false);\n\tconst [isTopbarRendered, setIsTopbarRendered] = React.useState<boolean>(false);\n\n\tconst contextRef = React.useRef<HTMLDivElement>(null);\n\n\tReact.useEffect(() => {\n\t\tsetIsSidebarRendered(hasElement(contextRef.current, SIDEBAR_SELECTOR));\n\t\tsetIsTopbarRendered(hasElement(contextRef.current, TOPBAR_SELECTOR));\n\t}, [children]);\n\n\treturn (\n\t\t<LayoutContext.Provider value={{ isSidebarRendered, isTopbarRendered }}>\n\t\t\t<div ref={contextRef}>{children}</div>\n\t\t</LayoutContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to access layout context values.\n * This hook ensures that the component using it is wrapped within a LayoutProvider.\n *\n * @throws Will throw an error if not used within a `LayoutProvider`.\n * @returns The layout context containing isSidebarRendered and isTopbarRendered.\n */\nexport const useLayoutContext = (): LayoutContextType => {\n\tconst context = React.useContext(LayoutContext);\n\tif (!context) {\n\t\tthrow new Error('useLayoutContext must be used within a LayoutProvider');\n\t}\n\treturn context;\n};\n"],"names":["LayoutContext","React","createContext","undefined","LayoutProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","isSidebarRendered","setIsSidebarRendered","_React$useState3","_React$useState4","isTopbarRendered","setIsTopbarRendered","contextRef","useRef","useEffect","hasElement","current","SIDEBAR_SELECTOR","TOPBAR_SELECTOR","createElement","Provider","value","ref","useLayoutContext","context","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,aAAa,gBAAGC,gBAAK,CAACC,aAAa,CAAgCC,SAAS,CAAC;AAMnF;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAAC,IAAA,EAAwD;AAAA,EAAA,IAArDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACxC,EAAA,IAAAC,eAAA,GAAkDN,gBAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAzEI,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,oBAAoB,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAC9C,EAAA,IAAAI,gBAAA,GAAgDZ,gBAAK,CAACO,QAAQ,CAAU,KAAK,CAAC;IAAAM,gBAAA,GAAAJ,uCAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAAvEE,IAAAA,gBAAgB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAE5C,EAAA,IAAMG,UAAU,GAAGhB,gBAAK,CAACiB,MAAM,CAAiB,IAAI,CAAC;EAErDjB,gBAAK,CAACkB,SAAS,CAAC,YAAM;IACrBP,oBAAoB,CAACQ,gBAAU,CAACH,UAAU,CAACI,OAAO,EAAEC,0BAAgB,CAAC,CAAC;IACtEN,mBAAmB,CAACI,gBAAU,CAACH,UAAU,CAACI,OAAO,EAAEE,yBAAe,CAAC,CAAC;AACrE,EAAA,CAAC,EAAE,CAACjB,QAAQ,CAAC,CAAC;AAEd,EAAA,oBACCL,gBAAA,CAAAuB,aAAA,CAACxB,aAAa,CAACyB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEf,MAAAA,iBAAiB,EAAjBA,iBAAiB;AAAEI,MAAAA,gBAAgB,EAAhBA;AAAiB;GAAE,eACtEd,gBAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,GAAG,EAAEV;GAAW,EAAEX,QAAc,CACd,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;IACasB,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAA4B;AACxD,EAAA,IAAMC,OAAO,GAAG5B,gBAAK,CAAC6B,UAAU,CAAC9B,aAAa,CAAC;EAC/C,IAAI,CAAC6B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,uDAAuD,CAAC;AACzE,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;;"}

package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MrlBrandColors_module = require('./MrlBrandColors.module.scss.js');
+var classnames = require('classnames');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["className"];
+function getRandomInt() {
+  return Math.floor(Math.random() * 6) + 1;
+}
+
+/**
+ * MrlBrandColors component
+ * @param props - MrlBrandColors component props
+ * @returns MrlBrandColors component
+ */
+var MrlBrandColors = function MrlBrandColors(_ref) {
+  var className = _ref.className,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var patternRef = React__namespace.useRef(getRandomInt());
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    "aria-hidden": "true",
+    className: classnames(MrlBrandColors_module.default['MrlBrandColors'], MrlBrandColors_module.default["MrlPattern-0".concat(patternRef.current)], className)
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-black'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-jade'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-blue'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-pink'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-red'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-yellow'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-grape'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-sky'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-lemon'])
+  }), /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlBrandColors_module.default['MrlBrandColor-color-lavander'])
+  }));
+};
+
+exports.MrlBrandColors = MrlBrandColors;
+//# sourceMappingURL=MrlBrandColors.js.map

package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBrandColors.js","sources":["../../../../../../src/components/layout/error-page/MrlBrandColors/MrlBrandColors.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlBrandColors.module.scss';\nimport classnames from 'classnames';\n\nexport interface MrlBrandColorsProps {\n\t/**\n\t * Custom class name to be added to the component\n\t */\n\tclassName?: string;\n}\n\nfunction getRandomInt(): number {\n\treturn Math.floor(Math.random() * 6) + 1;\n}\n\n/**\n * MrlBrandColors component\n * @param props - MrlBrandColors component props\n * @returns MrlBrandColors component\n */\nexport const MrlBrandColors = ({ className, ...rest }: MrlBrandColorsProps): JSX.Element => {\n\tconst patternRef = React.useRef(getRandomInt());\n\n\treturn (\n\t\t<div\n\t\t\t{...rest}\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlBrandColors'],\n\t\t\t\tstyles[`MrlPattern-0${patternRef.current}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-black'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-jade'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-blue'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-pink'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-red'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-yellow'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-grape'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-sky'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lemon'])}></div>\n\t\t\t<div className={classnames(styles['MrlBrandColor-color-lavander'])}></div>\n\t\t</div>\n\t);\n};\n"],"names":["getRandomInt","Math","floor","random","MrlBrandColors","_ref","className","rest","_objectWithoutProperties","_excluded","patternRef","React","useRef","createElement","_extends","classnames","styles","concat","current"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAASA,YAAYA,GAAW;AAC/B,EAAA,OAAOC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC;AACzC;;AAEA;AACA;AACA;AACA;AACA;IACaC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAiE;AAAA,EAAA,IAA3DC,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA;EAClD,IAAMC,UAAU,GAAGC,gBAAK,CAACC,MAAM,CAACZ,YAAY,EAAE,CAAC;AAE/C,EAAA,oBACCW,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAAC,iCAAA,KACKP,IAAI,EAAA;AACR,IAAA,aAAA,EAAY,MAAM;AAClBD,IAAAA,SAAS,EAAES,UAAU,CACpBC,6BAAM,CAAC,gBAAgB,CAAC,EACxBA,6BAAM,CAAA,cAAA,CAAAC,MAAA,CAAgBP,UAAU,CAACQ,OAAO,CAAA,CAAG,EAC3CZ,SACD;GAAE,CAAA,eAEFK,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,0BAA0B,CAAC;AAAE,GAAM,CAAC,eACtEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,4BAA4B,CAAC;AAAE,GAAM,CAAC,eACxEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,yBAAyB,CAAC;AAAE,GAAM,CAAC,eACrEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,2BAA2B,CAAC;AAAE,GAAM,CAAC,eACvEL,gBAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAES,UAAU,CAACC,6BAAM,CAAC,8BAA8B,CAAC;AAAE,GAAM,CACrE,CAAC;AAER;;;;"}

package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlBrandColor-color-black":"MrlBrandColor-color-black--qezls","MrlBrandColor-color-jade":"MrlBrandColor-color-jade--FXR41","MrlBrandColor-color-blue":"MrlBrandColor-color-blue--QTrte","MrlBrandColor-color-pink":"MrlBrandColor-color-pink--ec2Rk","MrlBrandColor-color-red":"MrlBrandColor-color-red--m9sa2","MrlBrandColor-color-yellow":"MrlBrandColor-color-yellow--VsIdM","MrlBrandColor-color-grape":"MrlBrandColor-color-grape--FcHD9","MrlBrandColor-color-sky":"MrlBrandColor-color-sky--CTufh","MrlBrandColor-color-lemon":"MrlBrandColor-color-lemon--vKUgk","MrlBrandColor-color-lavander":"MrlBrandColor-color-lavander--jdxdU","MrlBrandColors":"MrlBrandColors--cnjoA","MrlPattern-01":"MrlPattern-01--UGBWG","MrlPattern-02":"MrlPattern-02--ShfYW","MrlPattern-03":"MrlPattern-03--L1EDT","MrlPattern-04":"MrlPattern-04--bVc3U","MrlPattern-05":"MrlPattern-05--DRK3W","MrlPattern-06":"MrlPattern-06--zkwV6"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlBrandColors.module.scss.js.map

package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBrandColors.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MrlErrorPage_module = require('./MrlErrorPage.module.scss.js');
+var classnames = require('classnames');
+var dsPictograms = require('@muraldevkit/ds-pictograms');
+var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
+var MrlTextHeading = require('../../../text/MrlTextHeading/MrlTextHeading.js');
+var MrlBrandColors = require('../MrlBrandColors/MrlBrandColors.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _excluded = ["title", "children", "data-qa", "className", "headerUtils"];
+/**
+ * MrlErrorPage component
+ *
+ * @param props - MrlErrorPage component props
+ * @param props.children - Children to be rendered within the main tag of the error page
+ * @param props.title - Title of the error page
+ * @returns  MrlErrorPage component
+ */
+var MrlErrorPage = function MrlErrorPage(props) {
+  var title = props.title,
+    children = props.children,
+    _props$dataQa = props['data-qa'],
+    qa = _props$dataQa === void 0 ? '' : _props$dataQa,
+    className = props.className,
+    headerUtils = props.headerUtils,
+    remainingProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage'], 'MrlErrorPage', className),
+    "data-qa": qa
+  }, remainingProps), /*#__PURE__*/React__namespace.createElement("header", {
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage-header'], 'MrlErrorPage-header')
+  }, /*#__PURE__*/React__namespace.createElement("a", {
+    href: "/",
+    "aria-label": "Go to homepage"
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: dsPictograms.brandWordmark,
+    "aria-label": "Mural logo",
+    size: "auto"
+  })), headerUtils && /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage-header-utils'], 'MrlErrorPage-header-utils')
+  }, headerUtils)), /*#__PURE__*/React__namespace.createElement("main", {
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage-main'], 'MrlErrorPage-main')
+  }, /*#__PURE__*/React__namespace.createElement(MrlTextHeading.MrlTextHeading, {
+    attrs: {
+      'data-qa': "".concat(qa, "-title")
+    },
+    level: "1",
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage-title'], 'MrlErrorPage-title'),
+    kind: "display",
+    size: "large"
+  }, title), children), /*#__PURE__*/React__namespace.createElement(MrlBrandColors.MrlBrandColors, {
+    className: classnames(MrlErrorPage_module.default['MrlErrorPage-brand-colors'], 'MrlErrorPage-brand-colors')
+  }));
+};
+
+exports.MrlErrorPage = MrlErrorPage;
+//# sourceMappingURL=MrlErrorPage.js.map

package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlErrorPage.js","sources":["../../../../../../src/components/layout/error-page/MrlErrorPage/MrlErrorPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './MrlErrorPage.module.scss';\nimport classnames from 'classnames';\nimport { brandWordmark } from '@muraldevkit/ds-pictograms';\nimport { MrlSvg } from '../../../svg';\nimport { MrlTextHeading } from '../../../text';\nimport { MrlBrandColors } from '../MrlBrandColors';\n\nexport interface MrlErrorPageProps extends React.ComponentProps<'div'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\t/**\n\t * Children to be rendered within the main tag of the error page\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Title of the error page\n\t */\n\ttitle: string;\n\t/**\n\t * Add custom components to the error page header\n\t */\n\theaderUtils?: React.ReactNode;\n}\n\n/**\n * MrlErrorPage component\n *\n * @param props - MrlErrorPage component props\n * @param props.children - Children to be rendered within the main tag of the error page\n * @param props.title - Title of the error page\n * @returns  MrlErrorPage component\n */\nexport const MrlErrorPage = (props: MrlErrorPageProps): JSX.Element => {\n\tconst {\n\t\ttitle,\n\t\tchildren,\n\t\t['data-qa']: qa = '',\n\t\tclassName,\n\t\theaderUtils,\n\t\t...remainingProps\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames(styles['MrlErrorPage'], 'MrlErrorPage', className)}\n\t\t\tdata-qa={qa}\n\t\t\t{...remainingProps}\n\t\t>\n\t\t\t<header className={classnames(styles['MrlErrorPage-header'], 'MrlErrorPage-header')}>\n\t\t\t\t<a href=\"/\" aria-label=\"Go to homepage\">\n\t\t\t\t\t<MrlSvg svg={brandWordmark} aria-label=\"Mural logo\" size=\"auto\" />\n\t\t\t\t</a>\n\t\t\t\t{headerUtils && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-header-utils'], 'MrlErrorPage-header-utils')}\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerUtils}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</header>\n\t\t\t<main className={classnames(styles['MrlErrorPage-main'], 'MrlErrorPage-main')}>\n\t\t\t\t<MrlTextHeading\n\t\t\t\t\tattrs={{ 'data-qa': `${qa}-title` }}\n\t\t\t\t\tlevel=\"1\"\n\t\t\t\t\tclassName={classnames(styles['MrlErrorPage-title'], 'MrlErrorPage-title')}\n\t\t\t\t\tkind=\"display\"\n\t\t\t\t\tsize=\"large\"\n\t\t\t\t>\n\t\t\t\t\t{title}\n\t\t\t\t</MrlTextHeading>\n\t\t\t\t{children}\n\t\t\t</main>\n\t\t\t<MrlBrandColors\n\t\t\t\tclassName={classnames(styles['MrlErrorPage-brand-colors'], 'MrlErrorPage-brand-colors')}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"],"names":["MrlErrorPage","props","title","children","_props$dataQa","qa","className","headerUtils","remainingProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classnames","styles","href","MrlSvg","svg","brandWordmark","size","MrlTextHeading","attrs","concat","level","kind","MrlBrandColors"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAkB;AACtE,EAAA,IACCC,KAAK,GAMFD,KAAK,CANRC,KAAK;IACLC,QAAQ,GAKLF,KAAK,CALRE,QAAQ;IAAAC,aAAA,GAKLH,KAAK,CAJP,SAAS,CAAA;AAAGI,IAAAA,EAAE,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IACpBE,SAAS,GAGNL,KAAK,CAHRK,SAAS;IACTC,WAAW,GAERN,KAAK,CAFRM,WAAW;AACRC,IAAAA,cAAc,GAAAC,iDAAA,CACdR,KAAK,EAAAS,SAAA,CAAA;AAET,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;IACCP,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,cAAc,CAAC,EAAE,cAAc,EAAET,SAAS,CAAE;IACzE,SAAA,EAASD;AAAG,GAAA,EACRG,cAAc,CAAA,eAElBG,gBAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;IAAQN,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB;GAAE,eACnFJ,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGI,IAAAA,IAAI,EAAC,GAAG;IAAC,YAAA,EAAW;AAAgB,GAAA,eACtCL,gBAAA,CAAAC,aAAA,CAACK,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,0BAAc;AAAC,IAAA,YAAA,EAAW,YAAY;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CAC/D,CAAC,EACHb,WAAW,iBACXI,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCN,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GAAA,EAEvFR,WACG,CAEC,CAAC,eACTI,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMN,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB;AAAE,GAAA,eAC7EJ,gBAAA,CAAAC,aAAA,CAACS,6BAAc,EAAA;AACdC,IAAAA,KAAK,EAAE;MAAE,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKlB,EAAE,EAAA,QAAA;KAAW;AACpCmB,IAAAA,KAAK,EAAC,GAAG;IACTlB,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,CAAE;AAC1EU,IAAAA,IAAI,EAAC,SAAS;AACdL,IAAAA,IAAI,EAAC;GAAO,EAEXlB,KACc,CAAC,EAChBC,QACI,CAAC,eACPQ,gBAAA,CAAAC,aAAA,CAACc,6BAAc,EAAA;IACdpB,SAAS,EAAEQ,UAAU,CAACC,2BAAM,CAAC,2BAA2B,CAAC,EAAE,2BAA2B;AAAE,GACxF,CACG,CAAC;AAER;;;;"}

package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlErrorPage":"MrlErrorPage--qrFA2","MrlErrorPage-header":"MrlErrorPage-header--BCIIl","MrlErrorPage-main":"MrlErrorPage-main--ANe1r","MrlErrorPage-title":"MrlErrorPage-title--gBYGh","MrlErrorPage-brand-colors":"MrlErrorPage-brand-colors--GMR4w"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlErrorPage.module.scss.js.map

package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlErrorPage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/components/layout/utils.js

@@ -0,0 +1,29 @@
+'use strict';
+
+/**
+ * Returns true/false depending on if we are in a mobile view
+ *
+ * @param {string} breakpoint - The breakpoint value
+ * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')
+ */
+var isMobile = function isMobile(breakpoint) {
+  if (breakpoint === 'xs' || breakpoint === 'sm') {
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Returns true/false if the topbar is present within the given element
+ *
+ * @param element - The element to search for the topbar
+ * @param selector - The selector to search for the topbar
+ * @returns true/false if the topbar is present within the element
+ */
+var hasElement = function hasElement(element, selector) {
+  return element ? !!element.querySelector(".".concat(selector)) : false;
+};
+
+exports.hasElement = hasElement;
+exports.isMobile = isMobile;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/layout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/layout/utils.ts"],"sourcesContent":["/**\n * Returns true/false depending on if we are in a mobile view\n *\n * @param {string} breakpoint - The breakpoint value\n * @returns {boolean} Returns `true` if the breakpoint corresponds to a mobile size ('xs', 'sm', or 'md')\n */\nexport const isMobile = (breakpoint: string): boolean => {\n\tif (breakpoint === 'xs' || breakpoint === 'sm') {\n\t\treturn true;\n\t}\n\n\treturn false;\n};\n\n/**\n * Returns true/false if the topbar is present within the given element\n *\n * @param element - The element to search for the topbar\n * @param selector - The selector to search for the topbar\n * @returns true/false if the topbar is present within the element\n */\nexport const hasElement = (element: HTMLElement | null, selector: string): boolean => {\n\treturn element ? !!element.querySelector(`.${selector}`) : false;\n};\n"],"names":["isMobile","breakpoint","hasElement","element","selector","querySelector","concat"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,UAAkB,EAAc;AACxD,EAAA,IAAIA,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,IAAI,EAAE;AAC/C,IAAA,OAAO,IAAI;AACZ,EAAA;AAEA,EAAA,OAAO,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,OAA2B,EAAEC,QAAgB,EAAc;AACrF,EAAA,OAAOD,OAAO,GAAG,CAAC,CAACA,OAAO,CAACE,aAAa,CAAA,GAAA,CAAAC,MAAA,CAAKF,QAAQ,CAAE,CAAC,GAAG,KAAK;AACjE;;;;;"}