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

package/dist/cjs/components/tabs/MrlTabs/MrlTabs.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlTabContext = require('../../../contexts/MrlTabContext/MrlTabContext.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["capitalizeTabTitles", "children", "className", "selectedTab", "size", "spaceTabsEvenly"];
+var MrlTabs = /*#__PURE__*/React__namespace.memo(_ref => {
+  var capitalizeTabTitles = _ref.capitalizeTabTitles,
+    children = _ref.children,
+    className = _ref.className,
+    selectedTab = _ref.selectedTab,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    spaceTabsEvenly = _ref.spaceTabsEvenly,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__namespace.useState(''),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    activeTab = _React$useState2[0],
+    setActiveTab = _React$useState2[1];
+  var tabsRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    var _tabsRef$current;
+    var foundTabs = Array.from(((_tabsRef$current = tabsRef.current) === null || _tabsRef$current === void 0 ? void 0 : _tabsRef$current.querySelectorAll('[role="tab"]')) || []);
+    var tabIds = foundTabs.map(tab => tab.id);
+    var selectedTabValid = selectedTab && tabIds.indexOf(selectedTab);
+
+    // If we have a valid `selectedTab` - use it
+    // Otherwise, set the first tab to active.
+    setActiveTab(selectedTabValid ? selectedTab : tabIds[0]);
+  }, [selectedTab]);
+  var containerClass = classnames__default.default(className, 'mrl-tabs', {
+    ["MrlTabs-".concat(size)]: size !== 'small',
+    ['MrlTabs-caps']: capitalizeTabTitles,
+    ['MrlTabs-evenSpacing']: spaceTabsEvenly
+  });
+  return /*#__PURE__*/React__namespace.createElement(MrlTabContext.MrlTabContext.Provider, {
+    value: {
+      activeTab,
+      setActiveTab
+    }
+  }, /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: containerClass
+  }, rest, {
+    ref: tabsRef
+  }), children));
+});
+MrlTabs.displayName = 'MrlTabs';
+
+/**
+ * Tab context to prevent us from having to do any prop drilling.
+ *
+ * @returns {MrlTabContextProps} the context of the tabs
+ */
+function useMrlTabContext() {
+  var context = React__namespace.useContext(MrlTabContext.MrlTabContext);
+  if (context === undefined) {
+    throw new Error('useMrlTabContext must be used within a MrlTabProvider');
+  }
+  return context;
+}
+
+exports.MrlTabs = MrlTabs;
+exports.useMrlTabContext = useMrlTabContext;
+//# sourceMappingURL=MrlTabs.js.map

package/dist/cjs/components/tabs/MrlTabs/MrlTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlTabs.js","sources":["../../../../../src/components/tabs/MrlTabs/MrlTabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { MrlTabContext, MrlTabContextProps } from '../../../';\n\nexport type MrlTabSize = 'small' | 'large';\n\nexport interface MrlTabsPropTypes {\n\t/** Sets the tabs to be styled with capital case */\n\tcapitalizeTabTitles?: boolean;\n\tchildren: React.ReactNode;\n\t/** Class to be applied to the container element of the MrlTabs */\n\tclassName?: string;\n\t/** Sets the default active tab by id */\n\tselectedTab?: string;\n\tsize?: MrlTabSize;\n\tspaceTabsEvenly?: boolean;\n}\n\nexport const MrlTabs: React.FC<MrlTabsPropTypes> = React.memo(\n\t({\n\t\tcapitalizeTabTitles,\n\t\tchildren,\n\t\tclassName,\n\t\tselectedTab,\n\t\tsize = 'small',\n\t\tspaceTabsEvenly,\n\t\t...rest\n\t}: MrlTabsPropTypes) => {\n\t\tconst [activeTab, setActiveTab] = React.useState<string>('');\n\t\tconst tabsRef = React.useRef<HTMLDivElement>(null);\n\n\t\tReact.useEffect(() => {\n\t\t\tconst foundTabs = Array.from(\n\t\t\t\ttabsRef.current?.querySelectorAll('[role=\"tab\"]') || []\n\t\t\t) as HTMLButtonElement[];\n\n\t\t\tconst tabIds = foundTabs.map((tab) => tab.id);\n\t\t\tconst selectedTabValid = selectedTab && tabIds.indexOf(selectedTab);\n\n\t\t\t// If we have a valid `selectedTab` - use it\n\t\t\t// Otherwise, set the first tab to active.\n\t\t\tsetActiveTab(selectedTabValid ? selectedTab : tabIds[0]);\n\t\t}, [selectedTab]);\n\n\t\tconst containerClass = classnames(className, 'mrl-tabs', {\n\t\t\t[`MrlTabs-${size}`]: size !== 'small',\n\t\t\t['MrlTabs-caps']: capitalizeTabTitles,\n\t\t\t['MrlTabs-evenSpacing']: spaceTabsEvenly\n\t\t});\n\n\t\treturn (\n\t\t\t<MrlTabContext.Provider value={{ activeTab, setActiveTab }}>\n\t\t\t\t<div className={containerClass} {...rest} ref={tabsRef}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</MrlTabContext.Provider>\n\t\t);\n\t}\n);\n\nMrlTabs.displayName = 'MrlTabs';\n\n/**\n * Tab context to prevent us from having to do any prop drilling.\n *\n * @returns {MrlTabContextProps} the context of the tabs\n */\nexport function useMrlTabContext(): MrlTabContextProps {\n\tconst context = React.useContext(MrlTabContext);\n\tif (context === undefined) {\n\t\tthrow new Error('useMrlTabContext must be used within a MrlTabProvider');\n\t}\n\n\treturn context;\n}\n"],"names":["MrlTabs","React","memo","_ref","capitalizeTabTitles","children","className","selectedTab","_ref$size","size","spaceTabsEvenly","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","activeTab","setActiveTab","tabsRef","useRef","useEffect","_tabsRef$current","foundTabs","Array","from","current","querySelectorAll","tabIds","map","tab","id","selectedTabValid","indexOf","containerClass","classnames","concat","createElement","MrlTabContext","Provider","value","_extends","ref","displayName","useMrlTabContext","context","useContext","undefined","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,OAAmC,gBAAGC,gBAAK,CAACC,IAAI,CAC5DC,IAAA,IAQwB;AAAA,EAAA,IAPvBC,mBAAmB,GAAAD,IAAA,CAAnBC,mBAAmB;IACnBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAAC,SAAA,GAAAL,IAAA,CACXM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IACdE,eAAe,GAAAP,IAAA,CAAfO,eAAe;AACZC,IAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEP,EAAA,IAAAC,eAAA,GAAkCb,gBAAK,CAACc,QAAQ,CAAS,EAAE,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAArDI,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAMI,OAAO,GAAGnB,gBAAK,CAACoB,MAAM,CAAiB,IAAI,CAAC;EAElDpB,gBAAK,CAACqB,SAAS,CAAC,MAAM;AAAA,IAAA,IAAAC,gBAAA;IACrB,IAAMC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAC3B,CAAA,CAAAH,gBAAA,GAAAH,OAAO,CAACO,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAA,MAAA,GAAA,MAAA,GAAfA,gBAAA,CAAiBK,gBAAgB,CAAC,cAAc,CAAC,KAAI,EACtD,CAAwB;IAExB,IAAMC,MAAM,GAAGL,SAAS,CAACM,GAAG,CAAEC,GAAG,IAAKA,GAAG,CAACC,EAAE,CAAC;IAC7C,IAAMC,gBAAgB,GAAG1B,WAAW,IAAIsB,MAAM,CAACK,OAAO,CAAC3B,WAAW,CAAC;;AAEnE;AACA;IACAY,YAAY,CAACc,gBAAgB,GAAG1B,WAAW,GAAGsB,MAAM,CAAC,CAAC,CAAC,CAAC;AACzD,EAAA,CAAC,EAAE,CAACtB,WAAW,CAAC,CAAC;AAEjB,EAAA,IAAM4B,cAAc,GAAGC,2BAAU,CAAC9B,SAAS,EAAE,UAAU,EAAE;AACxD,IAAA,CAAA,UAAA,CAAA+B,MAAA,CAAY5B,IAAI,CAAA,GAAKA,IAAI,KAAK,OAAO;IACrC,CAAC,cAAc,GAAGL,mBAAmB;AACrC,IAAA,CAAC,qBAAqB,GAAGM;AAC1B,GAAC,CAAC;AAEF,EAAA,oBACCT,gBAAA,CAAAqC,aAAA,CAACC,2BAAa,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;MAAEvB,SAAS;AAAEC,MAAAA;AAAa;AAAE,GAAA,eAC1DlB,gBAAA,CAAAqC,aAAA,CAAA,KAAA,EAAAI,iCAAA,CAAA;AAAKpC,IAAAA,SAAS,EAAE6B;AAAe,GAAA,EAAKxB,IAAI,EAAA;AAAEgC,IAAAA,GAAG,EAAEvB;GAAQ,CAAA,EACrDf,QACG,CACkB,CAAC;AAE3B,CACD;AAEAL,OAAO,CAAC4C,WAAW,GAAG,SAAS;;AAE/B;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,GAAuB;AACtD,EAAA,IAAMC,OAAO,GAAG7C,gBAAK,CAAC8C,UAAU,CAACR,2BAAa,CAAC;EAC/C,IAAIO,OAAO,KAAKE,SAAS,EAAE;AAC1B,IAAA,MAAM,IAAIC,KAAK,CAAC,uDAAuD,CAAC;AACzE,EAAA;AAEA,EAAA,OAAOH,OAAO;AACf;;;;;"}

package/dist/cjs/components/text/MrlText/MrlText.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlText_module = require('./MrlText.module.scss.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["attrs", "size", "children", "className", "text", "data-qa"];
+/**
+ * MrlText Component
+ *
+ * @param {MrlTextProps} props - MrlText component props
+ * @returns a paragraph element
+ */
+function MrlText(props) {
+  var _props$attrs = props.attrs,
+    attrs = _props$attrs === void 0 ? {} : _props$attrs,
+    _props$size = props.size,
+    size = _props$size === void 0 ? constants.textDefaults.size : _props$size,
+    children = props.children,
+    className = props.className,
+    text = props.text,
+    _props$dataQa = props['data-qa'],
+    dataQa = _props$dataQa === void 0 ? attrs['data-qa'] : _props$dataQa,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var attributes = setAttributes.setAttributes(attrs, constants.textDefaults.attrs);
+  var allClasses = classnames__default.default(
+  // @deprecated
+  'mrl-text', 'MrlText', MrlText_module.default['MrlText'], {
+    [MrlText_module.default["MrlText--".concat(size)]]: size !== constants.textDefaults.size,
+    ["MrlText--".concat(size)]: size !== constants.textDefaults.size,
+    [attributes.className]: typeof attributes.className !== 'undefined',
+    [attributes.class]: typeof attributes.class !== 'undefined'
+  }, className);
+
+  // @deprecated
+  delete attributes.class;
+  delete attributes.className;
+  if (text && text !== '') {
+    return /*#__PURE__*/React__namespace.createElement("p", _rollupPluginBabelHelpers.extends({}, attributes, rest, {
+      "data-qa": dataQa,
+      className: allClasses
+    }), text);
+  }
+  return /*#__PURE__*/React__namespace.createElement("p", _rollupPluginBabelHelpers.extends({}, attributes, rest, {
+    "data-qa": dataQa,
+    className: allClasses
+  }), children);
+}
+
+exports.MrlText = MrlText;
+//# sourceMappingURL=MrlText.js.map

package/dist/cjs/components/text/MrlText/MrlText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlText.js","sources":["../../../../../src/components/text/MrlText/MrlText.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport { textDefaults, TextSizes } from '../constants';\nimport { DataQa } from '../../../utils/dataQa';\nimport styles from './MrlText.module.scss';\n\ninterface MrlTextProps extends React.ComponentPropsWithoutRef<'p'>, DataQa {\n\t/**\n\t * Applies additional HTML attributes to the text element\n\t *\n\t * @deprecated - use the regular HTML attributes instead.\n\t */\n\tattrs?: AttrsObject;\n\t/** Children to be rendered within the text component */\n\tchildren?: React.ReactNode;\n\t/** Visual size of the text element */\n\tsize?: TextSizes;\n\t/** Textual content when it's a static string; if you have nested elements, use children to provide content */\n\ttext?: string;\n}\n\n/**\n * MrlText Component\n *\n * @param {MrlTextProps} props - MrlText component props\n * @returns a paragraph element\n */\nexport function MrlText(props: MrlTextProps): JSX.Element {\n\tconst {\n\t\tattrs = {},\n\t\tsize = textDefaults.size,\n\t\tchildren,\n\t\tclassName,\n\t\ttext,\n\t\t['data-qa']: dataQa = attrs['data-qa'],\n\t\t...rest\n\t} = props;\n\n\tconst attributes = setAttributes(attrs, textDefaults.attrs);\n\tconst allClasses = classnames(\n\t\t// @deprecated\n\t\t'mrl-text',\n\t\t'MrlText',\n\t\tstyles['MrlText'],\n\t\t{\n\t\t\t[styles[`MrlText--${size}`]]: size !== textDefaults.size,\n\t\t\t[`MrlText--${size}`]: size !== textDefaults.size,\n\t\t\t[attributes.className]: typeof attributes.className !== 'undefined',\n\t\t\t[attributes.class]: typeof attributes.class !== 'undefined'\n\t\t},\n\t\tclassName\n\t);\n\n\t// @deprecated\n\tdelete attributes.class;\n\tdelete attributes.className;\n\n\tif (text && text !== '') {\n\t\treturn (\n\t\t\t<p {...attributes} {...rest} data-qa={dataQa}\n\t\t\t\tclassName={allClasses}>\n\t\t\t\t{text}\n\t\t\t</p>\n\t\t);\n\t}\n\n\treturn (\n\t\t<p {...attributes} {...rest} data-qa={dataQa}\n\t\t\tclassName={allClasses}>\n\t\t\t{children}\n\t\t</p>\n\t);\n}\n"],"names":["MrlText","props","_props$attrs","attrs","_props$size","size","textDefaults","children","className","text","_props$dataQa","dataQa","rest","_objectWithoutProperties","_excluded","attributes","setAttributes","allClasses","classnames","styles","concat","class","React","createElement","_extends"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,OAAOA,CAACC,KAAmB,EAAe;AACzD,EAAA,IAAAC,YAAA,GAQID,KAAK,CAPRE,KAAK;AAALA,IAAAA,KAAK,GAAAD,YAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,YAAA;IAAAE,WAAA,GAOPH,KAAK,CANRI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAGE,sBAAY,CAACD,IAAI,GAAAD,WAAA;IACxBG,QAAQ,GAKLN,KAAK,CALRM,QAAQ;IACRC,SAAS,GAINP,KAAK,CAJRO,SAAS;IACTC,IAAI,GAGDR,KAAK,CAHRQ,IAAI;IAAAC,aAAA,GAGDT,KAAK,CAFP,SAAS,CAAA;IAAGU,MAAM,GAAAD,aAAA,KAAA,MAAA,GAAGP,KAAK,CAAC,SAAS,CAAC,GAAAO,aAAA;AACnCE,IAAAA,IAAI,GAAAC,iDAAA,CACJZ,KAAK,EAAAa,SAAA,CAAA;EAET,IAAMC,UAAU,GAAGC,2BAAa,CAACb,KAAK,EAAEG,sBAAY,CAACH,KAAK,CAAC;EAC3D,IAAMc,UAAU,GAAGC,2BAAU;AAC5B;AACA,EAAA,UAAU,EACV,SAAS,EACTC,sBAAM,CAAC,SAAS,CAAC,EACjB;IACC,CAACA,sBAAM,CAAA,WAAA,CAAAC,MAAA,CAAaf,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAKC,sBAAY,CAACD,IAAI;IACxD,CAAA,WAAA,CAAAe,MAAA,CAAaf,IAAI,CAAA,GAAKA,IAAI,KAAKC,sBAAY,CAACD,IAAI;IAChD,CAACU,UAAU,CAACP,SAAS,GAAG,OAAOO,UAAU,CAACP,SAAS,KAAK,WAAW;IACnE,CAACO,UAAU,CAACM,KAAK,GAAG,OAAON,UAAU,CAACM,KAAK,KAAK;GAChD,EACDb,SACD,CAAC;;AAED;EACA,OAAOO,UAAU,CAACM,KAAK;EACvB,OAAON,UAAU,CAACP,SAAS;AAE3B,EAAA,IAAIC,IAAI,IAAIA,IAAI,KAAK,EAAE,EAAE;IACxB,oBACCa,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,iCAAA,CAAA,EAAA,EAAOT,UAAU,EAAMH,IAAI,EAAA;AAAE,MAAA,SAAA,EAASD,MAAO;AAC5CH,MAAAA,SAAS,EAAES;AAAW,KAAA,CAAA,EACrBR,IACC,CAAC;AAEN,EAAA;EAEA,oBACCa,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAAC,iCAAA,CAAA,EAAA,EAAOT,UAAU,EAAMH,IAAI,EAAA;AAAE,IAAA,SAAA,EAASD,MAAO;AAC5CH,IAAAA,SAAS,EAAES;AAAW,GAAA,CAAA,EACrBV,QACC,CAAC;AAEN;;;;"}

package/dist/cjs/components/text/MrlText/MrlText.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlText":"MrlText--qWcjF","MrlText--large":"MrlText--large--Up17c","MrlText--small":"MrlText--small--oJ2NK","MrlText--xsmall":"MrlText--xsmall--OjNGe","MrlText--xxsmall":"MrlText--xxsmall--qfF1L"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlText.module.scss.js.map

package/dist/cjs/components/text/MrlText/MrlText.module.scss.js.map

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

package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../constants.js');
+var MrlTextHeading_module = require('./MrlTextHeading.module.scss.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["attrs", "children", "className", "hierarchy", "kind", "level", "size", "text", "data-qa"];
+/**
+ * MuralTextHeading component
+ * Used for creating semantic headings within a page
+ *
+ * @param {MrlTextHeadingProps} props - MrlTextHeading component props
+ * @returns a heading element
+ */
+function MrlTextHeading(props) {
+  var _props$attrs = props.attrs,
+    attrs = _props$attrs === void 0 ? {} : _props$attrs,
+    children = props.children,
+    className = props.className,
+    _props$hierarchy = props.hierarchy,
+    hierarchy = _props$hierarchy === void 0 ? constants.headingDefaults.hierarchy : _props$hierarchy,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? constants.headingDefaults.kind : _props$kind,
+    _props$level = props.level,
+    level = _props$level === void 0 ? constants.headingDefaults.level : _props$level,
+    _props$size = props.size,
+    size = _props$size === void 0 ? constants.headingDefaults.size : _props$size,
+    text = props.text,
+    _props$dataQa = props['data-qa'],
+    dataQa = _props$dataQa === void 0 ? attrs['data-qa'] : _props$dataQa,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var attributes = setAttributes.setAttributes(attrs, constants.headingDefaults.attrs);
+  var allClasses = classnames__default.default({
+    [MrlTextHeading_module.default["MrlTextHeading-".concat(kind)]]: kind.length > 0,
+    [MrlTextHeading_module.default["MrlTextHeading-".concat(kind, "--").concat(size)]]: size !== 'medium',
+    [MrlTextHeading_module.default["MrlTextHeading-".concat(kind, "--").concat(hierarchy)]]: hierarchy !== 'primary',
+    [attributes.className]: typeof attributes.className !== 'undefined',
+    [attributes.class]: typeof attributes.class !== 'undefined'
+  },
+  // @deprecated
+  'mrl-text-heading', 'MrlTextHeading', className);
+
+  // @todo - 2563 - move to setAttributes
+  delete attributes.className;
+  delete attributes.class;
+
+  /**
+   * getting h1-h6 from the level prop
+   */
+  var Tag = "h".concat(level);
+  if (text && text !== '') {
+    return /*#__PURE__*/React__namespace.createElement(Tag, _rollupPluginBabelHelpers.extends({}, attributes, rest, {
+      "data-qa": dataQa,
+      className: allClasses
+    }), text);
+  }
+  return /*#__PURE__*/React__namespace.createElement(Tag, _rollupPluginBabelHelpers.extends({}, attributes, rest, {
+    "data-qa": dataQa,
+    className: allClasses
+  }), children);
+}
+
+exports.MrlTextHeading = MrlTextHeading;
+//# sourceMappingURL=MrlTextHeading.js.map

package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlTextHeading.js","sources":["../../../../../src/components/text/MrlTextHeading/MrlTextHeading.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, setAttributes } from '../../../utils';\nimport {\n\tLevelType,\n\theadingDefaults,\n\tHeadingHierarchies,\n\tHeadingSizes,\n\tTextSizes,\n\tHeadingKinds\n} from '../constants';\nimport { DataQa } from '../../../utils/dataQa';\n\nimport styles from './MrlTextHeading.module.scss';\n\ninterface MrlTextHeadingProps extends React.ComponentPropsWithRef<'h1'>, DataQa {\n\t/**\n\t * Applies additional HTML attributes to the text element\n\t *\n\t * @deprecated - use the regular HTML attributes instead.\n\t */\n\tattrs?: AttrsObject;\n\t/** Children to be rendered within the text heading component */\n\tchildren?: React.ReactNode;\n\t/** Set the semantic level of the heading based on its usage in the page hierarchy */\n\tlevel?: LevelType;\n\t/** Visual styling use case for the heading */\n\tkind?: HeadingKinds;\n\t/**\n\t * Visual size of the heading\n\t * xsmall and xxsmall are only supported when kind=\"title\"\n\t */\n\tsize?: HeadingSizes | TextSizes;\n\t/**\n\t * Clear and concise description of the content that the heading describes\n\t *\n\t * Note: hierarchy only impacts MrlTextHeading components with `kind=\"title\"`\n\t */\n\thierarchy?: HeadingHierarchies;\n\ttext?: string;\n\t/** Hierarchy level within the use case and sizing scales */\n}\n\n/**\n * MuralTextHeading component\n * Used for creating semantic headings within a page\n *\n * @param {MrlTextHeadingProps} props - MrlTextHeading component props\n * @returns a heading element\n */\nexport function MrlTextHeading(props: MrlTextHeadingProps): JSX.Element {\n\tconst {\n\t\tattrs = {},\n\t\tchildren,\n\t\tclassName,\n\t\thierarchy = headingDefaults.hierarchy,\n\t\tkind = headingDefaults.kind,\n\t\tlevel = headingDefaults.level,\n\t\tsize = headingDefaults.size,\n\t\ttext,\n\t\t['data-qa']: dataQa = attrs['data-qa'],\n\t\t...rest\n\t} = props;\n\tconst attributes = setAttributes(attrs, headingDefaults.attrs);\n\n\tconst allClasses = classnames(\n\t\t{\n\t\t\t[styles[`MrlTextHeading-${kind}`]]: kind.length > 0,\n\t\t\t[styles[`MrlTextHeading-${kind}--${size}`]]: size !== 'medium',\n\t\t\t[styles[`MrlTextHeading-${kind}--${hierarchy}`]]: hierarchy !== 'primary',\n\t\t\t[attributes.className]: typeof attributes.className !== 'undefined',\n\t\t\t[attributes.class]: typeof attributes.class !== 'undefined'\n\t\t},\n\t\t// @deprecated\n\t\t'mrl-text-heading',\n\t\t'MrlTextHeading',\n\t\tclassName\n\t);\n\n\t// @todo - 2563 - move to setAttributes\n\tdelete attributes.className;\n\tdelete attributes.class;\n\n\t/**\n\t * getting h1-h6 from the level prop\n\t */\n\tconst Tag: React.ElementType = `h${level}`;\n\n\tif (text && text !== '') {\n\t\treturn (\n\t\t\t<Tag {...attributes} {...rest} data-qa={dataQa}\n\t\t\t\tclassName={allClasses}>\n\t\t\t\t{text}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Tag {...attributes} {...rest} data-qa={dataQa}\n\t\t\tclassName={allClasses}>\n\t\t\t{children}\n\t\t</Tag>\n\t);\n}\n"],"names":["MrlTextHeading","props","_props$attrs","attrs","children","className","_props$hierarchy","hierarchy","headingDefaults","_props$kind","kind","_props$level","level","_props$size","size","text","_props$dataQa","dataQa","rest","_objectWithoutProperties","_excluded","attributes","setAttributes","allClasses","classnames","styles","concat","length","class","Tag","React","createElement","_extends"],"mappings":"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"}

package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlTextHeading-display":"MrlTextHeading-display--YPlsQ","MrlTextHeading-display--large":"MrlTextHeading-display--large--OoGc4","MrlTextHeading-display--small":"MrlTextHeading-display--small--gwHpu","MrlTextHeading-display--xsmall":"MrlTextHeading-display--xsmall--qgA98","MrlTextHeading-headline":"MrlTextHeading-headline--paxPG","MrlTextHeading-headline--large":"MrlTextHeading-headline--large--edpNl","MrlTextHeading-headline--small":"MrlTextHeading-headline--small--wvgZG","MrlTextHeading-title":"MrlTextHeading-title--Wlh8i","MrlTextHeading-title--large":"MrlTextHeading-title--large--VbutV","MrlTextHeading-title--small":"MrlTextHeading-title--small--BPZW2","MrlTextHeading-title--xsmall":"MrlTextHeading-title--xsmall--MkPpJ","MrlTextHeading-title--xxsmall":"MrlTextHeading-title--xxsmall--R9i95","MrlTextHeading-title--secondary":"MrlTextHeading-title--secondary--VzSQc"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlTextHeading.module.scss.js.map

package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.module.scss.js.map

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

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

@@ -0,0 +1,26 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+
+/**
+ * Default values for props on the Text component;
+ * Shared between the component and Storybook
+ */
+var textDefaults = {
+  attrs: {},
+  size: 'medium'
+};
+
+/**
+ * Default values for props on the Text component;
+ * Shared between the component and Storybook
+ */
+var headingDefaults = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textDefaults), {}, {
+  hierarchy: 'primary',
+  kind: 'headline',
+  level: '2'
+});
+
+exports.headingDefaults = headingDefaults;
+exports.textDefaults = textDefaults;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/text/constants.ts"],"sourcesContent":["import { AttrsObject } from '../../utils';\n\n/*\n * Text component\n * ------------------------------------------------------------------\n */\nexport type TextSizes = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large';\n\nexport interface TextDefaults {\n\tattrs: AttrsObject;\n\tsize: TextSizes;\n}\n\nexport const textAllowedValues = {\n\tsizes: [\n\t\t'xxsmall',\n\t\t'xsmall',\n\t\t'small',\n\t\t'medium',\n\t\t'large'\n\t]\n};\n\n/**\n * Default values for props on the Text component;\n * Shared between the component and Storybook\n */\nexport const textDefaults: TextDefaults = {\n\tattrs: {},\n\tsize: 'medium'\n};\n\n/*\n * Heading component\n * ------------------------------------------------------------------\n */\nexport type LevelType = '1' | '2' | '3' | '4' | '5' | '6';\nexport type HeadingKinds = 'display' | 'headline' | 'title';\nexport type HeadingSizes = 'small' | 'medium' | 'large';\nexport type HeadingHierarchies = 'primary' | 'secondary';\n\n// Titles have additional options\nexport interface HeadingDefaults {\n\tattrs: AttrsObject;\n\thierarchy: HeadingHierarchies;\n\tkind: HeadingKinds;\n\tlevel: LevelType;\n\tsize: HeadingSizes | TextSizes;\n}\n\n/**\n * Defines all of classes allowed for the type attribute;\n * used for Storybook and testing\n */\nexport const headingAllowedValues = {\n\thierarchy: ['primary', 'secondary'],\n\tkinds: ['display', 'headline', 'title'],\n\tlevel: [\n\t\t'1',\n\t\t'2',\n\t\t'3',\n\t\t'4',\n\t\t'5',\n\t\t'6'\n\t],\n\tsizes: ['small', 'medium', 'large']\n};\n\n/**\n * Default values for props on the Text component;\n * Shared between the component and Storybook\n */\nexport const headingDefaults: HeadingDefaults = {\n\t...textDefaults,\n\thierarchy: 'primary',\n\tkind: 'headline',\n\tlevel: '2'\n};\n"],"names":["textDefaults","attrs","size","headingDefaults","_objectSpread","hierarchy","kind","level"],"mappings":";;;;AAuBA;AACA;AACA;AACA;AACO,IAAMA,YAA0B,GAAG;EACzCC,KAAK,EAAE,EAAE;AACTC,EAAAA,IAAI,EAAE;AACP;;AAsCA;AACA;AACA;AACA;IACaC,eAAgC,GAAAC,uCAAA,CAAAA,uCAAA,KACzCJ,YAAY,CAAA,EAAA,EAAA,EAAA;AACfK,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,KAAK,EAAE;AAAG,CAAA;;;;;"}

package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlToolbar_module = require('./MrlToolbar.module.scss.js');
+var MrlRovingTabindex = require('../../rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js');
+var MrlToolbarButton = require('../MrlToolbarButton/MrlToolbarButton.js');
+var MrlMenu = require('../../menu/MrlMenu/MrlMenu.js');
+var MrlIconButton = require('../../button/MrlIconButton/MrlIconButton.js');
+var MrlSvg = require('../../svg/MrlSvg/MrlSvg.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return 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__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+var _excluded = ["children", "className", "kind", "label", "maxVisibleItems", "menuButtonProps", "menuProps", "orientation", "shouldUseRti", "size", "spaced"];
+
+/**
+ * Props for the MrlToolbar component.
+ */
+
+/**
+ * MrlToolbar component.
+ *
+ * @param props The MrlToolbar component properties.
+ * @param ref The ref to forward to the toolbar div element.
+ * @returns The MrlToolbar component.
+ */
+var MrlToolbar = /*#__PURE__*/React__namespace.forwardRef(function MrlToolbar(props, ref) {
+  var children = props.children,
+    className = props.className,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    label = props.label,
+    _props$maxVisibleItem = props.maxVisibleItems,
+    maxVisibleItems = _props$maxVisibleItem === void 0 ? -1 : _props$maxVisibleItem,
+    _props$menuButtonProp = props.menuButtonProps,
+    menuButtonProps = _props$menuButtonProp === void 0 ? {
+      kind: kind === 'inverse' ? 'ghost-inverse' : 'ghost',
+      position: props.orientation === 'vertical' ? 'right' : 'bottom',
+      size: 'small',
+      state: 'default',
+      text: 'More tools'
+    } : _props$menuButtonProp,
+    _props$menuProps = props.menuProps,
+    menuProps = _props$menuProps === void 0 ? {
+      actionState: {
+        actionType: null,
+        isOpen: false
+      },
+      alignment: 'center',
+      clickOutsideEvent: 'mouseup',
+      isInternal: false,
+      isSubMenu: false,
+      menuOffset: 10,
+      position: 'bottom',
+      spacing: 'default',
+      triggerStopPropagation: false
+    } : _props$menuProps,
+    _props$orientation = props.orientation,
+    orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+    shouldUseRti = props.shouldUseRti,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size,
+    spaced = props.spaced,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var toolbarClasses = classnames__default.default(MrlToolbar_module.default['MrlToolbar'], 'MrlToolbar', className, {
+    [MrlToolbar_module.default["MrlToolbar-".concat(kind)]]: kind !== 'default',
+    [MrlToolbar_module.default["MrlToolbar-".concat(orientation)]]: orientation !== 'horizontal',
+    [MrlToolbar_module.default["MrlToolbar-".concat(size)]]: size !== 'small',
+    [MrlToolbar_module.default['MrlToolbar-spaced']]: spaced
+  });
+  var menuTriggerRef = React__namespace.useRef(null);
+
+  // eslint-disable-next-line
+  var renderMenu = items => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var lockedChildren = [];
+    var menuItems = React__namespace.Children.map(items, child => {
+      if (child.props.lockedInToolbar) {
+        lockedChildren.push(child);
+        return;
+      }
+      if (child.type.name === 'MrlToolbarButton') {
+        return /*#__PURE__*/React__namespace.createElement(MrlToolbarButton.MrlToolbarButton, _rollupPluginBabelHelpers.extends({}, child.props, {
+          renderInMenu: true
+        }));
+      }
+      return child;
+    });
+    if (menuItems.length === 0) {
+      return;
+    }
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(MrlIconButton.MrlIconButton, _rollupPluginBabelHelpers.extends({
+      "data-roving": shouldUseRti ? 'true' : undefined,
+      icon: /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+        svg: dsIcons.more
+      })
+    }, menuButtonProps, {
+      ref: menuTriggerRef
+    })), /*#__PURE__*/React__namespace.createElement(MrlMenu.MrlMenu, _rollupPluginBabelHelpers.extends({
+      spacing: menuProps.spacing,
+      position: menuProps.position,
+      actionState: menuProps.actionState || {
+        actionType: null,
+        isOpen: false
+      },
+      alignment: menuProps.alignment,
+      triggerRef: menuTriggerRef
+    }, menuProps), menuItems), lockedChildren);
+  };
+  var renderChildren = () => {
+    if (children) {
+      var numberOfChildren = React__namespace.Children.count(children);
+      var childArray = React__namespace.Children.toArray(children);
+      var hasLimit = maxVisibleItems > 0;
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      var toolbarChildren = [];
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      var menuChildren = [];
+      if (hasLimit && numberOfChildren > maxVisibleItems + 1) {
+        childArray.map((child, index) => {
+          if (maxVisibleItems > index) {
+            toolbarChildren.push(child);
+          } else {
+            menuChildren.push(child);
+          }
+        });
+      } else {
+        toolbarChildren = childArray;
+      }
+      if (kind === 'skeleton') {
+        var mediumButtonWidth = 24;
+        var smallButtonWidth = 32;
+        var xsmallButtonWidth = 32;
+        var buttonSize = size === 'xsmall' ? xsmallButtonWidth : size === 'medium' ? mediumButtonWidth : smallButtonWidth;
+        var skeletonSize = numberOfChildren * buttonSize / 16;
+        var displayStyle = orientation === 'vertical' ? {
+          height: "".concat(skeletonSize, "rem")
+        } : {
+          width: "".concat(skeletonSize, "rem")
+        };
+        return /*#__PURE__*/React__namespace.createElement("span", {
+          style: displayStyle
+        });
+      }
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, toolbarChildren, renderMenu(menuChildren));
+    }
+  };
+  var renderToolbar = () => {
+    return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: toolbarClasses,
+      "aria-label": label || rest['aria-label'],
+      ref: ref
+      /*
+       * Toolbars with the attribute role="toolbar" should use arrow keys
+       * for keyboard navigation rather than the tab key. When MrlToolbar
+       * is used in places like the MrlPanel header they should not have
+       * this role and the prop `shouldUseRti` should be passed in to
+       * achieve the expected behavior for a screen reader user.
+       */
+    }, shouldUseRti ? {
+      role: 'toolbar'
+    } : {}), renderChildren());
+  };
+  if (shouldUseRti) {
+    return /*#__PURE__*/React__namespace.createElement(MrlRovingTabindex.MrlRovingTabindex, null, renderToolbar());
+  } else {
+    return renderToolbar();
+  }
+});
+
+exports.MrlToolbar = MrlToolbar;
+//# sourceMappingURL=MrlToolbar.js.map

package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlToolbar.js","sources":["../../../../../src/components/toolbar/MrlToolbar/MrlToolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { more } from '@muraldevkit/ds-icons';\nimport {\n\tMrlIconButton,\n\tMrlIconButtonProps,\n\tMrlMenu,\n\tMrlMenuProps,\n\tMrlRovingTabindex,\n\tMrlToolbarButton,\n\tMrlSvg\n} from '../../../';\n\nimport styles from './MrlToolbar.module.scss';\n\n/**\n * Props for the MrlToolbar component.\n */\nexport interface MrlToolbarProps extends React.ComponentPropsWithRef<'div'> {\n\tchildren?: React.ReactNode;\n\tkind?: 'default' | 'inverse' | 'skeleton';\n\t/**\n\t * An optional prop to apply an aria-label to the MrlToobar\n\t */\n\tlabel?: string;\n\tlastToolbarInRow?: boolean;\n\t/**\n\t * An optional prop to set the maximum number of visible items in a toolbar.\n\t * Additional items will appear in a menu.\n\t */\n\tmaxVisibleItems?: number;\n\tmenuButtonProps?: MrlIconButtonProps;\n\tmenuProps?: MrlMenuProps;\n\torientation?: 'horizontal' | 'vertical';\n\t/**\n\t * A boolean prop that sets RovingTabindex in the MrlToolbar\n\t */\n\tshouldUseRti?: boolean;\n\t/**\n\t * Sets the size of the toolbar - defaults to 'small'\n\t */\n\tsize?: 'xsmall' | 'small' | 'medium';\n\t/*\n\t * Spaced toolbars provide more space between elements. This is\n\t * meant to be used for toolbars that have \"bigger\" elements inside\n\t * (i.e. long title, ToolbarButtonAdapters, etc).\n\t *\n\t * Currently used for all secondary toolbars.\n\t */\n\tspaced?: boolean;\n}\n\n/**\n * MrlToolbar component.\n *\n * @param props The MrlToolbar component properties.\n * @param ref The ref to forward to the toolbar div element.\n * @returns The MrlToolbar component.\n */\nexport const MrlToolbar = React.forwardRef<HTMLDivElement, MrlToolbarProps>(function MrlToolbar(\n\tprops,\n\tref\n): React.ReactElement {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tkind = 'default',\n\t\tlabel,\n\t\tmaxVisibleItems = -1,\n\t\tmenuButtonProps = {\n\t\t\tkind: kind === 'inverse' ? 'ghost-inverse' : 'ghost',\n\t\t\tposition: props.orientation === 'vertical' ? 'right' : 'bottom',\n\t\t\tsize: 'small',\n\t\t\tstate: 'default',\n\t\t\ttext: 'More tools'\n\t\t},\n\t\tmenuProps = {\n\t\t\tactionState: { actionType: null, isOpen: false },\n\t\t\talignment: 'center',\n\t\t\tclickOutsideEvent: 'mouseup',\n\t\t\tisInternal: false,\n\t\t\tisSubMenu: false,\n\t\t\tmenuOffset: 10,\n\t\t\tposition: 'bottom',\n\t\t\tspacing: 'default',\n\t\t\ttriggerStopPropagation: false\n\t\t},\n\t\torientation = 'horizontal',\n\t\tshouldUseRti,\n\t\tsize = 'small',\n\t\tspaced,\n\t\t...rest\n\t} = props;\n\tconst toolbarClasses = classnames(styles['MrlToolbar'], 'MrlToolbar', className, {\n\t\t[styles[`MrlToolbar-${kind}`]]: kind !== 'default',\n\t\t[styles[`MrlToolbar-${orientation}`]]: orientation !== 'horizontal',\n\t\t[styles[`MrlToolbar-${size}`]]: size !== 'small',\n\t\t[styles['MrlToolbar-spaced']]: spaced\n\t});\n\tconst menuTriggerRef = React.useRef(null);\n\n\t// eslint-disable-next-line\n\tconst renderMenu = (items: any[]) => {\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\tconst lockedChildren = [] as any[];\n\t\tconst menuItems = React.Children.map(items, (child) => {\n\t\t\tif (child.props.lockedInToolbar) {\n\t\t\t\tlockedChildren.push(child);\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (child.type.name === 'MrlToolbarButton') {\n\t\t\t\treturn <MrlToolbarButton {...child.props} renderInMenu={true} />;\n\t\t\t}\n\n\t\t\treturn child;\n\t\t});\n\n\t\tif (menuItems.length === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<MrlIconButton\n\t\t\t\t\tdata-roving={shouldUseRti ? 'true' : undefined}\n\t\t\t\t\ticon={<MrlSvg svg={more} />}\n\t\t\t\t\t{...menuButtonProps}\n\t\t\t\t\tref={menuTriggerRef}\n\t\t\t\t/>\n\t\t\t\t<MrlMenu\n\t\t\t\t\tspacing={menuProps.spacing}\n\t\t\t\t\tposition={menuProps.position}\n\t\t\t\t\tactionState={menuProps.actionState || { actionType: null, isOpen: false }}\n\t\t\t\t\talignment={menuProps.alignment}\n\t\t\t\t\ttriggerRef={menuTriggerRef}\n\t\t\t\t\t{...menuProps}\n\t\t\t\t>\n\t\t\t\t\t{menuItems}\n\t\t\t\t</MrlMenu>\n\t\t\t\t{lockedChildren as React.ReactNode}\n\t\t\t</>\n\t\t);\n\t};\n\n\tconst renderChildren = () => {\n\t\tif (children) {\n\t\t\tconst numberOfChildren = React.Children.count(children);\n\t\t\tconst childArray = React.Children.toArray(children);\n\t\t\tconst hasLimit = maxVisibleItems > 0;\n\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\tlet toolbarChildren = [] as any[];\n\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\tconst menuChildren = [] as any[];\n\n\t\t\tif (hasLimit && numberOfChildren > maxVisibleItems + 1) {\n\t\t\t\tchildArray.map((child, index) => {\n\t\t\t\t\tif (maxVisibleItems > index) {\n\t\t\t\t\t\ttoolbarChildren.push(child);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmenuChildren.push(child);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\ttoolbarChildren = childArray;\n\t\t\t}\n\n\t\t\tif (kind === 'skeleton') {\n\t\t\t\tconst mediumButtonWidth = 24;\n\t\t\t\tconst smallButtonWidth = 32;\n\t\t\t\tconst xsmallButtonWidth = 32;\n\t\t\t\tconst buttonSize =\n\t\t\t\t\tsize === 'xsmall'\n\t\t\t\t\t\t? xsmallButtonWidth\n\t\t\t\t\t\t: size === 'medium'\n\t\t\t\t\t\t? mediumButtonWidth\n\t\t\t\t\t\t: smallButtonWidth;\n\t\t\t\tconst skeletonSize = (numberOfChildren * buttonSize) / 16;\n\t\t\t\tconst displayStyle =\n\t\t\t\t\torientation === 'vertical'\n\t\t\t\t\t\t? { height: `${skeletonSize}rem` }\n\t\t\t\t\t\t: { width: `${skeletonSize}rem` };\n\n\t\t\t\treturn <span style={displayStyle} />;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{toolbarChildren as React.ReactNode}\n\t\t\t\t\t{renderMenu(menuChildren)}\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst renderToolbar = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...rest}\n\t\t\t\tclassName={toolbarClasses}\n\t\t\t\taria-label={label || rest['aria-label']}\n\t\t\t\tref={ref}\n\t\t\t\t/*\n\t\t\t\t * Toolbars with the attribute role=\"toolbar\" should use arrow keys\n\t\t\t\t * for keyboard navigation rather than the tab key. When MrlToolbar\n\t\t\t\t * is used in places like the MrlPanel header they should not have\n\t\t\t\t * this role and the prop `shouldUseRti` should be passed in to\n\t\t\t\t * achieve the expected behavior for a screen reader user.\n\t\t\t\t */\n\t\t\t\t{...(shouldUseRti ? { role: 'toolbar' } : {})}\n\t\t\t>\n\t\t\t\t{renderChildren()}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tif (shouldUseRti) {\n\t\treturn <MrlRovingTabindex>{renderToolbar()}</MrlRovingTabindex>;\n\t} else {\n\t\treturn renderToolbar();\n\t}\n});\n"],"names":["MrlToolbar","React","forwardRef","props","ref","children","className","_props$kind","kind","label","_props$maxVisibleItem","maxVisibleItems","_props$menuButtonProp","menuButtonProps","position","orientation","size","state","text","_props$menuProps","menuProps","actionState","actionType","isOpen","alignment","clickOutsideEvent","isInternal","isSubMenu","menuOffset","spacing","triggerStopPropagation","_props$orientation","shouldUseRti","_props$size","spaced","rest","_objectWithoutProperties","_excluded","toolbarClasses","classnames","styles","concat","menuTriggerRef","useRef","renderMenu","items","lockedChildren","menuItems","Children","map","child","lockedInToolbar","push","type","name","createElement","MrlToolbarButton","_extends","renderInMenu","length","Fragment","MrlIconButton","undefined","icon","MrlSvg","svg","more","MrlMenu","triggerRef","renderChildren","numberOfChildren","count","childArray","toArray","hasLimit","toolbarChildren","menuChildren","index","mediumButtonWidth","smallButtonWidth","xsmallButtonWidth","buttonSize","skeletonSize","displayStyle","height","width","style","renderToolbar","role","MrlRovingTabindex"],"mappings":"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"}

package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlToolbar":"MrlToolbar--Lrhb6","MrlToolbar-inverse":"MrlToolbar-inverse--OwdSd","MrlToolbar-skeleton":"MrlToolbar-skeleton--eWZQv","MrlToolbar-vertical":"MrlToolbar-vertical--hO8hj","MrlToolbar-medium":"MrlToolbar-medium--FKg7Y","MrlToolbar-xsmall":"MrlToolbar-xsmall--St9Ez","MrlToolbar-spaced":"MrlToolbar-spaced--gmE0X","mrlButton":"mrlButton--Oymf3"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlToolbar.module.scss.js.map

package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js.map

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