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

package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.js

@@ -0,0 +1,111 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { _isSelected, _isDisabled } from '../../button/helpers.js';
+import { buttonDefaults } from '../../button/constants.js';
+import styles from './MrlAvatarButton.module.scss.js';
+import { setAttributes } from '../../../utils/setAttributes/setAttributes.js';
+import { MrlTooltip } from '../../tooltip/MrlTooltip/MrlTooltip.js';
+import { MrlAvatar } from '../MrlAvatar/MrlAvatar.js';
+import { MrlSpinner } from '../../loader/MrlSpinner/MrlSpinner.js';
+
+var _excluded = ["buttonClassName", "dataQa", "id", "includeInRoving", "isToggleButton", "label", "loading", "loadingText", "onClick", "size", "state", "toggleAria", "tooltip", "triggerRef"];
+/**
+ * Renders an avatar button
+ * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
+ * @returns {React.ReactElement} an avatar button containing the props you pass
+ */
+var MrlAvatarButton = function MrlAvatarButton(_ref) {
+  var buttonClassName = _ref.buttonClassName,
+    dataQa = _ref.dataQa,
+    id = _ref.id,
+    includeInRoving = _ref.includeInRoving,
+    isToggleButton = _ref.isToggleButton,
+    label = _ref.label,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? 'Loading' : _ref$loadingText,
+    onClick = _ref.onClick,
+    size = _ref.size,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'default' : _ref$state,
+    _ref$toggleAria = _ref.toggleAria,
+    toggleAria = _ref$toggleAria === void 0 ? buttonDefaults.toggleAria : _ref$toggleAria,
+    tooltip = _ref.tooltip,
+    triggerRef = _ref.triggerRef,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(function () {
+      return _isSelected(state);
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isSelected = _React$useState2[0],
+    setIsSelected = _React$useState2[1];
+
+  /**
+   * We need to watch the value of state to keep in sync
+   * the value of state passed as props and the internal
+   * isSelected piece of state.
+   */
+  React.useEffect(function () {
+    // allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.
+    setIsSelected(_isSelected(state));
+  }, [state]);
+  var spinner = /*#__PURE__*/React.createElement(MrlSpinner, {
+    className: "mrlButton-spinner MrlAvatarButton-spinner",
+    kind: "default",
+    role: "none",
+    size: "small",
+    text: loadingText
+  });
+  var attributes = setAttributes({}, _objectSpread2(_objectSpread2({
+    'aria-disabled': _isDisabled(state, loading),
+    'aria-label': label
+  }, isToggleButton && _defineProperty({}, "aria-".concat(toggleAria), isSelected || false)), {}, {
+    'data-roving': includeInRoving ? 'true' : undefined,
+    role: 'button',
+    type: 'button'
+  }));
+
+  /**
+   * Handle onClick events
+   * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event
+   */
+  function handleOnClick(e) {
+    e.stopPropagation();
+    if (_isDisabled(state, loading)) {
+      return;
+    }
+    if (isToggleButton) {
+      setIsSelected(function (prevIsSelected) {
+        return !prevIsSelected;
+      });
+    }
+    if (onClick && typeof onClick === 'function') {
+      onClick(e);
+    }
+  }
+  var buttonClasses = classnames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, _defineProperty({}, styles['MrlAvatarButton--large'], size && size === 'large'));
+  var renderAvatarButton = function renderAvatarButton() {
+    return /*#__PURE__*/React.createElement("button", _extends({}, attributes, {
+      "aria-label": tooltip && tooltip.text,
+      className: buttonClasses,
+      "data-qa": dataQa && "".concat(dataQa, "-button"),
+      id: id,
+      onClick: handleOnClick,
+      ref: triggerRef
+    }), loading ? spinner : /*#__PURE__*/React.createElement(MrlAvatar, _extends({
+      dataQa: dataQa,
+      size: size
+    }, rest)));
+  };
+  return !tooltip ? renderAvatarButton() : /*#__PURE__*/React.createElement(MrlTooltip, {
+    position: tooltip.position || 'bottom',
+    anchor: tooltip.anchor || 'center',
+    text: tooltip.text,
+    dataQa: tooltip.dataQa
+  }, renderAvatarButton());
+};
+
+export { MrlAvatarButton };
+//# sourceMappingURL=MrlAvatarButton.js.map

package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlAvatarButton.js","sources":["../../../../../src/components/avatar/MrlAvatarButton/MrlAvatarButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport {\n\tMrlAvatar,\n\tMrlAvatarPropTypes,\n\tMrlButtonState,\n\tMrlSpinner,\n\tMrlTooltip,\n\tTooltipConfig\n} from '../../';\nimport { _isDisabled, _isSelected } from '../../button/helpers';\nimport { ToggleAria, buttonDefaults } from '../../button/constants';\nimport { setAttributes } from '../../../utils';\n\nimport styles from './MrlAvatarButton.module.scss';\n\nexport interface MrlAvatarButtonPropTypes\n\textends MrlAvatarPropTypes,\n\t\tReact.HTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * An optional class name to add to button wrapping the MrlAvatar.\n\t */\n\tbuttonClassName?: string;\n\n\t/**\n\t * An optional boolean prop to include the button in roving tabindex\n\t */\n\tincludeInRoving?: boolean;\n\n\t/**\n\t * Selected state variant when the button is a Toggle Button. Setting this prop\n\t * informs the component that this is a toggle button and to add that functionality\n\t */\n\tisToggleButton?: boolean;\n\n\t/**\n\t * An optional aria-label to apply to the button element\n\t */\n\tlabel?: string;\n\n\t/**\n\t * Displays a spinner in the button to indicate some action is in progress.\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Text for the spinner when the button is in a loading state.\n\t */\n\tloadingText?: string;\n\n\t/**\n\t * onClick event for the button.\n\t */\n\tonClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;\n\n\t/**\n\t * Changes the state of the button based on user permissions or actions.\n\t */\n\tstate?: MrlButtonState;\n\n\t/**\n\t * Determines which aria setup to use for various toggle/selected styles.\n\t * pressed - use for an traditional “toggle button”\n\t * selected - use for tabs and custom select options\n\t * expanded - use for menus, panels, and popovers\n\t * checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)\n\t * \t\tor [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs\n\t */\n\ttoggleAria?: ToggleAria;\n\n\t/**\n\t * Tooltip configuration for the button\n\t */\n\ttooltip?: TooltipConfig;\n\n\t/**\n\t * Reference to the DOM element that is the MrlAvatarButton\n\t */\n\ttriggerRef?: React.RefObject<HTMLButtonElement>;\n}\n\n/**\n * Renders an avatar button\n * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton\n * @returns {React.ReactElement} an avatar button containing the props you pass\n */\nexport const MrlAvatarButton = ({\n\tbuttonClassName,\n\tdataQa,\n\tid,\n\tincludeInRoving,\n\tisToggleButton,\n\tlabel,\n\tloading = false,\n\tloadingText = 'Loading',\n\tonClick,\n\tsize,\n\tstate = 'default',\n\ttoggleAria = buttonDefaults.toggleAria,\n\ttooltip,\n\ttriggerRef,\n\t...rest\n}: MrlAvatarButtonPropTypes): React.ReactElement => {\n\tconst [isSelected, setIsSelected] = React.useState(() => _isSelected(state));\n\n\t/**\n\t * We need to watch the value of state to keep in sync\n\t * the value of state passed as props and the internal\n\t * isSelected piece of state.\n\t */\n\tReact.useEffect(() => {\n\t\t// allows consumers to set the 'selected' or 'selected-disabled' state from a parent component.\n\t\tsetIsSelected(_isSelected(state));\n\t}, [state]);\n\n\tconst spinner = (\n\t\t<MrlSpinner\n\t\t\tclassName=\"mrlButton-spinner MrlAvatarButton-spinner\"\n\t\t\tkind=\"default\"\n\t\t\trole=\"none\"\n\t\t\tsize=\"small\"\n\t\t\ttext={loadingText}\n\t\t/>\n\t);\n\n\tconst attributes = setAttributes(\n\t\t{},\n\t\t{\n\t\t\t'aria-disabled': _isDisabled(state, loading),\n\t\t\t'aria-label': label,\n\t\t\t...(isToggleButton && { [`aria-${toggleAria}`]: isSelected || false }),\n\t\t\t'data-roving': includeInRoving ? 'true' : undefined,\n\t\t\trole: 'button',\n\t\t\ttype: 'button'\n\t\t}\n\t);\n\n\t/**\n\t * Handle onClick events\n\t * @param {React.MouseEvent<HTMLButtonElement>} e - mouse event\n\t */\n\tfunction handleOnClick(e: React.MouseEvent<HTMLButtonElement>) {\n\t\te.stopPropagation();\n\n\t\tif (_isDisabled(state, loading)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isToggleButton) {\n\t\t\tsetIsSelected((prevIsSelected) => !prevIsSelected);\n\t\t}\n\n\t\tif (onClick && typeof onClick === 'function') {\n\t\t\tonClick(e);\n\t\t}\n\t}\n\n\tconst buttonClasses = classNames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, {\n\t\t[styles['MrlAvatarButton--large']]: size && size === 'large'\n\t});\n\n\tconst renderAvatarButton = () => (\n\t\t<button\n\t\t\t{...attributes}\n\t\t\taria-label={tooltip && tooltip.text}\n\t\t\tclassName={buttonClasses}\n\t\t\tdata-qa={dataQa && `${dataQa}-button`}\n\t\t\tid={id}\n\t\t\tonClick={handleOnClick}\n\t\t\tref={triggerRef}\n\t\t>\n\t\t\t{loading ? spinner : <MrlAvatar dataQa={dataQa} size={size} {...rest} />}\n\t\t</button>\n\t);\n\n\treturn !tooltip ? (\n\t\trenderAvatarButton()\n\t) : (\n\t\t<MrlTooltip\n\t\t\tposition={tooltip.position || 'bottom'}\n\t\t\tanchor={tooltip.anchor || 'center'}\n\t\t\ttext={tooltip.text}\n\t\t\tdataQa={tooltip.dataQa}\n\t\t>\n\t\t\t{renderAvatarButton()}\n\t\t</MrlTooltip>\n\t);\n};\n"],"names":["MrlAvatarButton","_ref","buttonClassName","dataQa","id","includeInRoving","isToggleButton","label","_ref$loading","loading","_ref$loadingText","loadingText","onClick","size","_ref$state","state","_ref$toggleAria","toggleAria","buttonDefaults","tooltip","triggerRef","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_isSelected","_React$useState2","_slicedToArray","isSelected","setIsSelected","useEffect","spinner","createElement","MrlSpinner","className","kind","role","text","attributes","setAttributes","_objectSpread","_isDisabled","_defineProperty","concat","undefined","type","handleOnClick","e","stopPropagation","prevIsSelected","buttonClasses","classNames","styles","renderAvatarButton","_extends","ref","MrlAvatar","MrlTooltip","position","anchor"],"mappings":"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"}

package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlAvatarButton":"MrlAvatarButton--b_ja8","MrlAvatarButton--large":"MrlAvatarButton--large--m1iPW"};
+
+export { styles as default };
+//# sourceMappingURL=MrlAvatarButton.module.scss.js.map

package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.module.scss.js.map

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

package/dist/esm/components/badge/MrlBadge/MrlBadge.js

@@ -0,0 +1,53 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { warning, check, info, error } from '@muraldevkit/ds-icons';
+import styles from './MrlBadge.module.scss.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["className", "icon", "kind", "showIcon", "text"];
+/**
+ * Badges are a common user interface element that
+ * can be used to draw attention to content.
+ * @param props - component props
+ * @returns a MrlBadge React component.
+ */
+var MrlBadge = function MrlBadge(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    icon = _ref.icon,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'default' : _ref$kind,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
+    text = _ref.text,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames('MrlBadge', [styles['MrlBadge']], _defineProperty({}, styles["MrlBadge--".concat(kind)], kind !== 'default'), className);
+  var renderIcon = function renderIcon() {
+    if (icon) {
+      return icon;
+    }
+    if (kind === 'default') {
+      return null;
+    }
+    if (showIcon) {
+      var defaultIcons = {
+        error: error,
+        info: info,
+        success: check,
+        warning: warning
+      };
+      return /*#__PURE__*/React.createElement(MrlSvg, {
+        svg: defaultIcons[kind],
+        size: "auto"
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
+    className: allClasses
+  }), text, renderIcon());
+};
+
+export { MrlBadge };
+//# sourceMappingURL=MrlBadge.js.map

package/dist/esm/components/badge/MrlBadge/MrlBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBadge.js","sources":["../../../../../src/components/badge/MrlBadge/MrlBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { check, error, info, warning } from '@muraldevkit/ds-icons';\n\nimport { DSIconType, MrlSvg } from '../../../components';\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlBadge.module.scss';\n\nexport type MrlBadgeKinds = 'default' | 'error' | 'info' | 'success' | 'warning';\n\nexport interface MrlBadgeProps\n\textends Omit<MrlComponentProps, 'style' | 'attrs'>,\n\t\tReact.ComponentProps<'div'> {\n\tclassName?: string;\n\t/**\n\t * Pass a custom icon to any badge kind.\n\t * Should be passed as an MrlSvg JSX Element.\n\t */\n\ticon?: JSX.Element;\n\tkind?: MrlBadgeKinds;\n\t/**\n\t * Displays a default icon for non-default badge kinds.\n\t * To have an icon in `kind=\"default\"` you must use the `icon` prop.\n\t */\n\tshowIcon?: boolean;\n\ttext: string;\n}\n\n/**\n * Badges are a common user interface element that\n * can be used to draw attention to content.\n * @param props - component props\n * @returns a MrlBadge React component.\n */\nexport const MrlBadge = ({\n\tclassName = '',\n\ticon,\n\tkind = 'default',\n\tshowIcon = false,\n\ttext,\n\t...remainingProps\n}: MrlBadgeProps): JSX.Element => {\n\tconst allClasses = classnames(\n\t\t'MrlBadge',\n\t\t[styles['MrlBadge']],\n\t\t{\n\t\t\t[styles[`MrlBadge--${kind}`]]: kind !== 'default'\n\t\t},\n\t\tclassName\n\t);\n\n\tconst renderIcon = () => {\n\t\tif (icon) {\n\t\t\treturn icon;\n\t\t}\n\n\t\tif (kind === 'default') {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (showIcon) {\n\t\t\tconst defaultIcons = {\n\t\t\t\terror: error as DSIconType,\n\t\t\t\tinfo: info as DSIconType,\n\t\t\t\tsuccess: check as DSIconType,\n\t\t\t\twarning: warning as DSIconType\n\t\t\t};\n\t\t\treturn <MrlSvg svg={defaultIcons[kind]} size=\"auto\" />;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses}>\n\t\t\t{text}\n\t\t\t{renderIcon()}\n\t\t</div>\n\t);\n};\n"],"names":["MrlBadge","_ref","_ref$className","className","icon","_ref$kind","kind","_ref$showIcon","showIcon","text","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","styles","_defineProperty","concat","renderIcon","defaultIcons","error","info","success","check","warning","React","createElement","MrlSvg","svg","size","_extends"],"mappings":";;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAOa;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CANjCE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,SAAA,GAAAJ,IAAA,CACJK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,SAAA;IAAAE,aAAA,GAAAN,IAAA,CAChBO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,IAAI,GAAAR,IAAA,CAAJQ,IAAI;AACDC,IAAAA,cAAc,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;EAEjB,IAAMC,UAAU,GAAGC,UAAU,CAC5B,UAAU,EACV,CAACC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAAC,eAAA,CAAA,EAAA,EAElBD,MAAM,CAAA,YAAA,CAAAE,MAAA,CAAcX,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAK,SAAS,CAAA,EAElDH,SACD,CAAC;AAED,EAAA,IAAMe,UAAU,GAAG,SAAbA,UAAUA,GAAS;AACxB,IAAA,IAAId,IAAI,EAAE;AACT,MAAA,OAAOA,IAAI;AACZ,IAAA;IAEA,IAAIE,IAAI,KAAK,SAAS,EAAE;AACvB,MAAA,OAAO,IAAI;AACZ,IAAA;AAEA,IAAA,IAAIE,QAAQ,EAAE;AACb,MAAA,IAAMW,YAAY,GAAG;AACpBC,QAAAA,KAAK,EAAEA,KAAmB;AAC1BC,QAAAA,IAAI,EAAEA,IAAkB;AACxBC,QAAAA,OAAO,EAAEC,KAAmB;AAC5BC,QAAAA,OAAO,EAAEA;OACT;AACD,MAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AAACC,QAAAA,GAAG,EAAET,YAAY,CAACb,IAAI,CAAE;AAACuB,QAAAA,IAAI,EAAC;AAAM,OAAE,CAAC;AACvD,IAAA;AAEA,IAAA,OAAO,IAAI;EACZ,CAAC;AAED,EAAA,oBACCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAI,QAAA,KAASpB,cAAc,EAAA;AAAEP,IAAAA,SAAS,EAAEU;AAAW,GAAA,CAAA,EAC7CJ,IAAI,EACJS,UAAU,EACP,CAAC;AAER;;;;"}

package/dist/esm/components/badge/MrlBadge/MrlBadge.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlBadge":"MrlBadge--qJnMn","MrlBadge--error":"MrlBadge--error--bn1gA","MrlBadge--info":"MrlBadge--info--sHw3k","MrlBadge--success":"MrlBadge--success--xHWDK","MrlBadge--warning":"MrlBadge--warning--L7ZsA"};
+
+export { styles as default };
+//# sourceMappingURL=MrlBadge.module.scss.js.map

package/dist/esm/components/badge/MrlBadge/MrlBadge.module.scss.js.map

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

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.js

@@ -0,0 +1,30 @@
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlBadgeNotification.module.scss.js';
+
+var _excluded = ["className", "kind", "notificationText", "number"];
+/**
+ * Badge notifications are a common user interface element that can be used to
+ * draw attention to new or unread content, alerts, or updates.
+ * @param props - component props
+ * @returns a MrlBadgeNotification React component.
+ */
+var MrlBadgeNotification = function MrlBadgeNotification(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? 'general' : _ref$kind,
+    _ref$notificationText = _ref.notificationText,
+    notificationText = _ref$notificationText === void 0 ? 'notification' : _ref$notificationText,
+    number = _ref.number,
+    remainingProps = _objectWithoutProperties(_ref, _excluded);
+  var allClasses = classnames('MrlBadgeNotification', _defineProperty(_defineProperty(_defineProperty({}, styles['MrlBadgeNotification'], true), styles["MrlBadgeNotification--".concat(kind)], kind !== 'general'), styles['MrlBadgeNotification--numeric'], Boolean(number)), className);
+  return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
+    className: allClasses,
+    "aria-label": "New ".concat(notificationText)
+  }), number ? number : '');
+};
+
+export { MrlBadgeNotification };
+//# sourceMappingURL=MrlBadgeNotification.js.map

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBadgeNotification.js","sources":["../../../../../src/components/badge/MrlBadgeNotification/MrlBadgeNotification.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\n\nimport { MrlComponentProps } from '../../../utils';\nimport styles from './MrlBadgeNotification.module.scss';\n\nexport type MrlBadgeNotificationKinds = 'general' | 'info';\n\nexport interface MrlBadgeNotificationProps\n\textends Omit<MrlComponentProps, 'style' | 'attrs'>,\n\t\tReact.ComponentProps<'div'> {\n\tclassName?: string;\n\tkind?: MrlBadgeNotificationKinds;\n\t/**\n\t * A string of text to tell screen reader users what type of notification this is.\n\t * Defaults to 'notification'.\n\t */\n\tnotificationText?: string;\n\t/**\n\t * Used to turn a notification from a hint to numeric.\n\t * NOTE: Must pass a `number`, not a `string`.\n\t */\n\tnumber?: number;\n}\n\n/**\n * Badge notifications are a common user interface element that can be used to\n * draw attention to new or unread content, alerts, or updates.\n * @param props - component props\n * @returns a MrlBadgeNotification React component.\n */\nexport const MrlBadgeNotification = ({\n\tclassName = '',\n\tkind = 'general',\n\tnotificationText = 'notification',\n\tnumber,\n\t...remainingProps\n}: MrlBadgeNotificationProps): JSX.Element => {\n\tconst allClasses = classnames(\n\t\t'MrlBadgeNotification',\n\t\t{\n\t\t\t[styles['MrlBadgeNotification']]: true,\n\t\t\t[styles[`MrlBadgeNotification--${kind}`]]: kind !== 'general',\n\t\t\t[styles['MrlBadgeNotification--numeric']]: Boolean(number)\n\t\t},\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<div {...remainingProps} className={allClasses} aria-label={`New ${notificationText}`}>\n\t\t\t{number ? number : ''}\n\t\t</div>\n\t);\n};\n"],"names":["MrlBadgeNotification","_ref","_ref$className","className","_ref$kind","kind","_ref$notificationText","notificationText","number","remainingProps","_objectWithoutProperties","_excluded","allClasses","classnames","_defineProperty","styles","concat","Boolean","React","createElement","_extends"],"mappings":";;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;IACaA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAMa;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CAL7CE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,SAAA,GAAAH,IAAA,CACdI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,SAAA;IAAAE,qBAAA,GAAAL,IAAA,CAChBM,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,cAAc,GAAAA,qBAAA;IACjCE,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,cAAc,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,sBAAsB,EAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,KAEpBC,MAAM,CAAC,sBAAsB,CAAC,EAAG,IAAI,CAAA,EACrCA,MAAM,CAAA,wBAAA,CAAAC,MAAA,CAA0BX,IAAI,CAAA,CAAG,EAAGA,IAAI,KAAK,SAAS,CAAA,EAC5DU,MAAM,CAAC,+BAA+B,CAAC,EAAGE,OAAO,CAACT,MAAM,CAAC,CAAA,EAE3DL,SACD,CAAC;AAED,EAAA,oBACCe,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASX,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAES,UAAW;IAAC,YAAA,EAAA,MAAA,CAAAI,MAAA,CAAmBT,gBAAgB;AAAG,GAAA,CAAA,EACpFC,MAAM,GAAGA,MAAM,GAAG,EACf,CAAC;AAER;;;;"}

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlBadgeNotification":"MrlBadgeNotification--eAK4M","MrlBadgeNotification--info":"MrlBadgeNotification--info--YY6Sg","MrlBadgeNotification--numeric":"MrlBadgeNotification--numeric--jVYpk"};
+
+export { styles as default };
+//# sourceMappingURL=MrlBadgeNotification.module.scss.js.map

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.scss.js.map

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

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js

@@ -0,0 +1,51 @@
+import { objectWithoutProperties as _objectWithoutProperties, typeof as _typeof, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import { Link } from 'react-router-dom';
+import styles from './MrlBreadcrumbItem.module.scss.js';
+import { more } from '@muraldevkit/ds-icons';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+import { MrlBreadcrumbSeparator } from '../MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js';
+
+var _excluded = ["link", "text", "isSelected", "hasSeparator", "isTruncated"];
+/**
+ * MrlBreadcrumbItem component.
+ * @param props The MrlBreadcrumbItem component properties.
+ * @returns The MrlBreadcrumbItem component.
+ */
+function MrlBreadcrumbItem(props) {
+  var link = props.link,
+    text = props.text,
+    isSelected = props.isSelected,
+    _props$hasSeparator = props.hasSeparator,
+    hasSeparator = _props$hasSeparator === void 0 ? true : _props$hasSeparator,
+    _props$isTruncated = props.isTruncated,
+    isTruncated = _props$isTruncated === void 0 ? false : _props$isTruncated,
+    rest = _objectWithoutProperties(props, _excluded);
+  var breadcrumbItem = React.useMemo(function () {
+    if (isSelected) {
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      return /*#__PURE__*/React.createElement("a", {
+        "aria-current": "page"
+      }, text);
+    }
+    if (typeof link === 'string') {
+      return /*#__PURE__*/React.createElement("a", {
+        href: link
+      }, text);
+    } else if (_typeof(link) === 'object') {
+      return /*#__PURE__*/React.createElement(Link, link, text);
+    }
+  }, [link, text, isSelected]);
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
+    className: classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', _defineProperty(_defineProperty({}, styles['MrlBreadcrumbItem--selected'], isSelected), 'MrlBreadcrumbItem--selected', isSelected))
+  }), isTruncated && /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlBreadcrumbItem--icon'])
+  }, /*#__PURE__*/React.createElement(MrlSvg, {
+    size: "auto",
+    svg: more
+  })), !isTruncated && breadcrumbItem, hasSeparator && /*#__PURE__*/React.createElement(MrlBreadcrumbSeparator, null));
+}
+
+export { MrlBreadcrumbItem };
+//# sourceMappingURL=MrlBreadcrumbItem.js.map

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBreadcrumbItem.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport styles from './MrlBreadcrumbItem.module.scss';\nimport { MrlSvg } from '../../svg';\nimport { more } from '@muraldevkit/ds-icons';\nimport { MrlBreadcrumbSeparator } from '../MrlBreadcrumbSeparator';\n\nexport type BreadcrumbItemLink =\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: string;\n\t  }\n\t| {\n\t\t\ttext: string;\n\t\t\tlink: React.ComponentPropsWithoutRef<typeof Link>;\n\t  };\n\nexport type BreadcrumbItem = {\n\tisSelected?: boolean;\n\thasSeparator?: boolean;\n\tisTruncated?: boolean;\n} & BreadcrumbItemLink;\n\nexport interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {\n\t/**\n\t * Children to be rendered within the component\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * Determines whether a separator should be displayed after this breadcrumb item.\n\t */\n\thasSeparator?: BreadcrumbItem['hasSeparator'];\n\n\t/**\n\t * Indicates whether this breadcrumb item represents the currently selected or\n\t * active page.\n\t */\n\tisSelected?: BreadcrumbItem['isSelected'];\n\n\t/**\n\t * Specifies whether the text content of this breadcrumb item should be truncated\n\t * if it exceeds a certain width. This is useful for handling long page titles\n\t * or labels within the breadcrumb.\n\t */\n\tisTruncated?: boolean;\n\n\tlink?: BreadcrumbItem['link'];\n\ttext?: BreadcrumbItem['text'];\n}\n\n/**\n * MrlBreadcrumbItem component.\n * @param props The MrlBreadcrumbItem component properties.\n * @returns The MrlBreadcrumbItem component.\n */\nexport function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element {\n\tconst { link, text, isSelected, hasSeparator = true, isTruncated = false, ...rest } = props;\n\n\tconst breadcrumbItem = React.useMemo(() => {\n\t\tif (isSelected) {\n\t\t\t// eslint-disable-next-line jsx-a11y/anchor-is-valid\n\t\t\treturn <a aria-current=\"page\">{text}</a>;\n\t\t}\n\n\t\tif (typeof link === 'string') {\n\t\t\treturn <a href={link}>{text}</a>;\n\t\t} else if (typeof link === 'object') {\n\t\t\treturn <Link {...link}>{text}</Link>;\n\t\t}\n\t}, [link, text, isSelected]);\n\n\treturn (\n\t\t<li\n\t\t\t{...rest}\n\t\t\tclassName={classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', {\n\t\t\t\t[styles['MrlBreadcrumbItem--selected']]: isSelected,\n\t\t\t\t['MrlBreadcrumbItem--selected']: isSelected\n\t\t\t})}\n\t\t>\n\t\t\t{isTruncated && (\n\t\t\t\t<span className={classnames(styles['MrlBreadcrumbItem--icon'])}>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={more} />\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t{!isTruncated && breadcrumbItem}\n\t\t\t{hasSeparator && <MrlBreadcrumbSeparator />}\n\t\t</li>\n\t);\n}\n"],"names":["MrlBreadcrumbItem","props","link","text","isSelected","_props$hasSeparator","hasSeparator","_props$isTruncated","isTruncated","rest","_objectWithoutProperties","_excluded","breadcrumbItem","React","useMemo","createElement","href","_typeof","Link","_extends","className","classnames","styles","_defineProperty","MrlSvg","size","svg","more","MrlBreadcrumbSeparator"],"mappings":";;;;;;;;;;AAqDA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,KAA6B,EAAe;AAC7E,EAAA,IAAQC,IAAI,GAA0ED,KAAK,CAAnFC,IAAI;IAAEC,IAAI,GAAoEF,KAAK,CAA7EE,IAAI;IAAEC,UAAU,GAAwDH,KAAK,CAAvEG,UAAU;IAAAC,mBAAA,GAAwDJ,KAAK,CAA3DK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,mBAAA;IAAAE,kBAAA,GAAmCN,KAAK,CAAtCO,WAAW;AAAXA,IAAAA,WAAW,GAAAD,kBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,kBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA;AAE3F,EAAA,IAAMC,cAAc,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;AAC1C,IAAA,IAAIV,UAAU,EAAE;AACf;MACA,oBAAOS,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;QAAG,cAAA,EAAa;AAAM,OAAA,EAAEZ,IAAQ,CAAC;AACzC,IAAA;AAEA,IAAA,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;MAC7B,oBAAOW,KAAA,CAAAE,aAAA,CAAA,GAAA,EAAA;AAAGC,QAAAA,IAAI,EAAEd;AAAK,OAAA,EAAEC,IAAQ,CAAC;AACjC,IAAA,CAAC,MAAM,IAAIc,OAAA,CAAOf,IAAI,CAAA,KAAK,QAAQ,EAAE;MACpC,oBAAOW,KAAA,CAAAE,aAAA,CAACG,IAAI,EAAKhB,IAAI,EAAGC,IAAW,CAAC;AACrC,IAAA;EACD,CAAC,EAAE,CAACD,IAAI,EAAEC,IAAI,EAAEC,UAAU,CAAC,CAAC;AAE5B,EAAA,oBACCS,KAAA,CAAAE,aAAA,CAAA,IAAA,EAAAI,QAAA,KACKV,IAAI,EAAA;IACRW,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,EAAAC,eAAA,CAAAA,eAAA,CAAA,EAAA,EACpED,MAAM,CAAC,6BAA6B,CAAC,EAAGlB,UAAU,CAAA,EAClD,6BAA6B,EAAGA,UAAU,CAC3C;AAAE,GAAA,CAAA,EAEFI,WAAW,iBACXK,KAAA,CAAAE,aAAA,CAAA,MAAA,EAAA;AAAMK,IAAAA,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,yBAAyB,CAAC;AAAE,GAAA,eAC9DT,KAAA,CAAAE,aAAA,CAACS,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEC;AAAK,GAAE,CAC3B,CACN,EACA,CAACnB,WAAW,IAAII,cAAc,EAC9BN,YAAY,iBAAIO,KAAA,CAAAE,aAAA,CAACa,sBAAsB,EAAA,IAAE,CACvC,CAAC;AAEP;;;;"}

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlBreadcrumbItem":"MrlBreadcrumbItem--Yocns","MrlBreadcrumbItem--selected":"MrlBreadcrumbItem--selected--qSXAB","MrlBreadcrumbItem--icon":"MrlBreadcrumbItem--icon--gXFtv","MrlBreadcrumbItem--separator":"MrlBreadcrumbItem--separator--TqMuV"};
+
+export { styles as default };
+//# sourceMappingURL=MrlBreadcrumbItem.module.scss.js.map

package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss.js.map

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

package/dist/esm/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from '../MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss.js';
+import { chevronRight } from '@muraldevkit/ds-icons';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+/**
+ * MrlBreadcrumbSeparator component.
+ * @returns The MrlBreadcrumbSeparator component.
+ */
+function MrlBreadcrumbSeparator() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlBreadcrumbItem--separator'], 'MrlBreadcrumbItem--separator'),
+    role: "presentation"
+  }, /*#__PURE__*/React.createElement(MrlSvg, {
+    size: "auto",
+    svg: chevronRight
+  }));
+}
+
+export { MrlBreadcrumbSeparator };
+//# sourceMappingURL=MrlBreadcrumbSeparator.js.map

package/dist/esm/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBreadcrumbSeparator.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from '../MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss';\nimport { MrlSvg } from '../../svg';\nimport { chevronRight } from '@muraldevkit/ds-icons';\n\n/**\n * MrlBreadcrumbSeparator component.\n * @returns The MrlBreadcrumbSeparator component.\n */\nexport function MrlBreadcrumbSeparator(): JSX.Element {\n\treturn (\n\t\t<span\n\t\t\tclassName={classnames(styles['MrlBreadcrumbItem--separator'], 'MrlBreadcrumbItem--separator')}\n\t\t\trole=\"presentation\"\n\t\t>\n\t\t\t<MrlSvg size=\"auto\" svg={chevronRight} />\n\t\t</span>\n\t);\n}\n"],"names":["MrlBreadcrumbSeparator","React","createElement","className","classnames","styles","role","MrlSvg","size","svg","chevronRight"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACO,SAASA,sBAAsBA,GAAgB;EACrD,oBACCC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC,8BAA8B,CAAC,EAAE,8BAA8B,CAAE;AAC9FC,IAAAA,IAAI,EAAC;AAAc,GAAA,eAEnBL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEC;AAAa,GAAE,CACnC,CAAC;AAET;;;;"}

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js

@@ -0,0 +1,67 @@
+import { objectWithoutProperties as _objectWithoutProperties, createForOfIteratorHelper as _createForOfIteratorHelper, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlBreadcrumbs.module.scss.js';
+import { MrlBreadcrumbItem } from '../MrlBreadcrumbItem/MrlBreadcrumbItem.js';
+
+var _excluded = ["items", "className"];
+
+/**
+ * Props for the MrlBreadcrumbs component.
+ */
+
+/**
+ * MrlBreadcrumbs component.
+ * @param props The MrlBreadcrumbs component properties.
+ * @returns The MrlBreadcrumbs component.
+ */
+function MrlBreadcrumbs(props) {
+  var items = props.items,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var breadcrumbsData = React.useMemo(function () {
+    var arr = [];
+    var isTruncated = false;
+    var _iterator = _createForOfIteratorHelper(items.entries()),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _step$value = _slicedToArray(_step.value, 2),
+          i = _step$value[0],
+          item = _step$value[1];
+        if (item.isTruncated) {
+          isTruncated = true;
+          continue;
+        }
+        if (i === items.length - 1) {
+          arr.push(_objectSpread2(_objectSpread2({}, item), {}, {
+            hasSeparator: false
+          }));
+        } else {
+          arr.push(item);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return {
+      isTruncated: isTruncated,
+      items: arr
+    };
+  }, [items]);
+  return /*#__PURE__*/React.createElement("nav", rest, /*#__PURE__*/React.createElement("ol", {
+    className: classnames(styles['MrlBreadcrumbs--list'], 'MrlBreadcrumbs--list', className)
+  }, breadcrumbsData.isTruncated && /*#__PURE__*/React.createElement(MrlBreadcrumbItem, {
+    hasSeparator: true,
+    isTruncated: true
+  }), breadcrumbsData.items.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(MrlBreadcrumbItem, _extends({
+      key: "".concat(i).concat(item.text)
+    }, item));
+  })));
+}
+
+export { MrlBreadcrumbs };
+//# sourceMappingURL=MrlBreadcrumbs.js.map

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlBreadcrumbs.js","sources":["../../../../../src/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlBreadcrumbs.module.scss';\nimport { BreadcrumbItem, MrlBreadcrumbItem } from '../MrlBreadcrumbItem';\n\n/**\n * Props for the MrlBreadcrumbs component.\n */\nexport interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {\n\t/**\n\t * A string value used for data-qa attribute.\n\t */\n\t['data-qa']?: string;\n\n\t/**\n\t * The aria-label of the nav element\n\t */\n\t['aria-label']: string;\n\n\t/**\n\t * This prop accepts an array of objects, where each object represents a single breadcrumb item.\n\t * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.\n\t * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will\n\t * render a regular link.\n\t */\n\titems: BreadcrumbItem[];\n}\n\n/**\n * MrlBreadcrumbs component.\n * @param props The MrlBreadcrumbs component properties.\n * @returns The MrlBreadcrumbs component.\n */\nexport function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element {\n\tconst { items, className, ...rest } = props;\n\n\tconst breadcrumbsData = React.useMemo(() => {\n\t\tconst arr = [];\n\t\tlet isTruncated = false;\n\n\t\tfor (const [i, item] of items.entries()) {\n\t\t\tif (item.isTruncated) {\n\t\t\t\tisTruncated = true;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (i === items.length - 1) {\n\t\t\t\tarr.push({\n\t\t\t\t\t...item,\n\t\t\t\t\thasSeparator: false\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tarr.push(item);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tisTruncated,\n\t\t\titems: arr\n\t\t};\n\t}, [items]);\n\n\treturn (\n\t\t<nav {...rest}>\n\t\t\t<ol className={classnames(styles['MrlBreadcrumbs--list'], 'MrlBreadcrumbs--list', className)}>\n\t\t\t\t{breadcrumbsData.isTruncated && <MrlBreadcrumbItem hasSeparator isTruncated />}\n\t\t\t\t{breadcrumbsData.items.map((item, i) => {\n\t\t\t\t\treturn <MrlBreadcrumbItem key={`${i}${item.text}`} {...item} />;\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</nav>\n\t);\n}\n"],"names":["MrlBreadcrumbs","props","items","className","rest","_objectWithoutProperties","_excluded","breadcrumbsData","React","useMemo","arr","isTruncated","_iterator","_createForOfIteratorHelper","entries","_step","s","n","done","_step$value","_slicedToArray","value","i","item","length","push","_objectSpread","hasSeparator","err","e","f","createElement","classnames","styles","MrlBreadcrumbItem","map","_extends","key","concat","text"],"mappings":";;;;;;;;AAKA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAACC,KAA0B,EAAe;AACvE,EAAA,IAAQC,KAAK,GAAyBD,KAAK,CAAnCC,KAAK;IAAEC,SAAS,GAAcF,KAAK,CAA5BE,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA;AAE3C,EAAA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;IAC3C,IAAMC,GAAG,GAAG,EAAE;IACd,IAAIC,WAAW,GAAG,KAAK;IAAC,IAAAC,SAAA,GAAAC,0BAAA,CAEAX,KAAK,CAACY,OAAO,EAAE,CAAA;MAAAC,KAAA;AAAA,IAAA,IAAA;MAAvC,KAAAH,SAAA,CAAAI,CAAA,EAAA,EAAA,CAAA,CAAAD,KAAA,GAAAH,SAAA,CAAAK,CAAA,EAAA,EAAAC,IAAA,GAAyC;AAAA,QAAA,IAAAC,WAAA,GAAAC,cAAA,CAAAL,KAAA,CAAAM,KAAA,EAAA,CAAA,CAAA;AAA7BC,UAAAA,CAAC,GAAAH,WAAA,CAAA,CAAA,CAAA;AAAEI,UAAAA,IAAI,GAAAJ,WAAA,CAAA,CAAA,CAAA;QAClB,IAAII,IAAI,CAACZ,WAAW,EAAE;AACrBA,UAAAA,WAAW,GAAG,IAAI;AAClB,UAAA;AACD,QAAA;AAEA,QAAA,IAAIW,CAAC,KAAKpB,KAAK,CAACsB,MAAM,GAAG,CAAC,EAAE;AAC3Bd,UAAAA,GAAG,CAACe,IAAI,CAAAC,cAAA,CAAAA,cAAA,KACJH,IAAI,CAAA,EAAA,EAAA,EAAA;AACPI,YAAAA,YAAY,EAAE;AAAK,WAAA,CACnB,CAAC;AACH,QAAA,CAAC,MAAM;AACNjB,UAAAA,GAAG,CAACe,IAAI,CAACF,IAAI,CAAC;AACf,QAAA;AACD,MAAA;AAAC,IAAA,CAAA,CAAA,OAAAK,GAAA,EAAA;MAAAhB,SAAA,CAAAiB,CAAA,CAAAD,GAAA,CAAA;AAAA,IAAA,CAAA,SAAA;AAAAhB,MAAAA,SAAA,CAAAkB,CAAA,EAAA;AAAA,IAAA;IAED,OAAO;AACNnB,MAAAA,WAAW,EAAXA,WAAW;AACXT,MAAAA,KAAK,EAAEQ;KACP;AACF,EAAA,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,oBACCM,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAS3B,IAAI,eACZI,KAAA,CAAAuB,aAAA,CAAA,IAAA,EAAA;IAAI5B,SAAS,EAAE6B,UAAU,CAACC,MAAM,CAAC,sBAAsB,CAAC,EAAE,sBAAsB,EAAE9B,SAAS;GAAE,EAC3FI,eAAe,CAACI,WAAW,iBAAIH,KAAA,CAAAuB,aAAA,CAACG,iBAAiB,EAAA;IAACP,YAAY,EAAA,IAAA;IAAChB,WAAW,EAAA;AAAA,GAAE,CAAC,EAC7EJ,eAAe,CAACL,KAAK,CAACiC,GAAG,CAAC,UAACZ,IAAI,EAAED,CAAC,EAAK;AACvC,IAAA,oBAAOd,KAAA,CAAAuB,aAAA,CAACG,iBAAiB,EAAAE,QAAA,CAAA;MAACC,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAKhB,CAAC,EAAAgB,MAAA,CAAGf,IAAI,CAACgB,IAAI;KAAG,EAAKhB,IAAI,CAAG,CAAC;EAChE,CAAC,CACE,CACA,CAAC;AAER;;;;"}

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlBreadcrumbs--list":"MrlBreadcrumbs--list--ap5b9"};
+
+export { styles as default };
+//# sourceMappingURL=MrlBreadcrumbs.module.scss.js.map

package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.scss.js.map

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