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

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,151 @@
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _asyncToGenerator as asyncToGenerator, _defineProperty as defineProperty, _extends as extends, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _objectDestructuringEmpty as objectDestructuringEmpty, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js.map

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

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

@@ -0,0 +1,120 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { facilitatorBadge, lock } from '@muraldevkit/ds-icons';
+import { stickyTextColor, isValidHexColor, hexToRgb, isValidRgbString, isValidRgbaString } from '@tactivos/mural-shared/lib/colors';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlAvatar.module.scss.js';
+import { MrlSvg } from '../../svg/MrlSvg/MrlSvg.js';
+
+var _excluded = ["alt", "avatarColor", "dataQa", "kind", "image", "name", "onImageError", "showBorder", "size"];
+var defaultAvatarValues = {
+  avatarColor: '#2f2f2f',
+  kind: 'default',
+  size: 'medium'
+};
+
+/**
+ * Renders an avatar component
+ * @param {MrlAvatarPropTypes} props the props for your MrlAvatar
+ * @returns {React.ReactElement} an avatar containing the props you pass
+ */
+var MrlAvatar = _ref => {
+  var alt = _ref.alt,
+    _ref$avatarColor = _ref.avatarColor,
+    avatarColor = _ref$avatarColor === void 0 ? defaultAvatarValues.avatarColor : _ref$avatarColor,
+    dataQa = _ref.dataQa,
+    _ref$kind = _ref.kind,
+    kind = _ref$kind === void 0 ? defaultAvatarValues.kind : _ref$kind,
+    image = _ref.image,
+    name = _ref.name,
+    onImageError = _ref.onImageError,
+    _ref$showBorder = _ref.showBorder,
+    showBorder = _ref$showBorder === void 0 ? false : _ref$showBorder,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? defaultAvatarValues.size : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var containerClasses = classnames(styles['MrlAvatar'], 'MrlAvatar', {
+    [styles["MrlAvatar--".concat(size)]]: size && size !== 'medium'
+  });
+  var isFacilitatorSize = size === 'small' || size === 'xsmall';
+  var showIcon = kind !== 'default' && isFacilitatorSize;
+  var iconContainerClasses = classnames(styles['MrlAvatar-icon-container'], {
+    [styles["MrlAvatar-icon-container--".concat(size)]]: size && size !== 'medium'
+  });
+  var getAvatarRgb = () => {
+    if (isValidHexColor(avatarColor)) {
+      return hexToRgb(avatarColor).toString();
+    }
+    if (isValidRgbString(avatarColor)) {
+      return avatarColor.substring(4, avatarColor.length - 1);
+    }
+    if (isValidRgbaString(avatarColor)) {
+      var lastComma = avatarColor.lastIndexOf(',');
+      return avatarColor.substring(5, lastComma);
+    }
+  };
+  var renderImage = () => {
+    if (typeof image === 'string') {
+      var imgAltText = alt ? alt : name ? "".concat(name, "'s avatar") : 'Participant avatar';
+      return /*#__PURE__*/React.createElement("img", {
+        alt: imgAltText,
+        className: styles['MrlAvatar-image'],
+        "data-qa": "".concat(dataQa || 'avatar', "-image"),
+        onError: onImageError,
+        src: image
+      });
+    }
+    return image;
+  };
+  var getInitials = str => {
+    if (!str) {
+      return '';
+    }
+    var textLength = size === 'xsmall' ? 1 : 2;
+
+    // Take the name passed in.
+    return str
+    // Split it at each space to create an array of words
+    .split(' ')
+    // Take the first character from each word.
+    .map(item => item.charAt(0).toUpperCase())
+    // Bring the characters back into one word
+    .join('')
+    // Make sure we remove spaces
+    .replace(/ /g, '')
+    // Return the correct number of characters
+    .substring(0, textLength);
+  };
+  var isDarkText = stickyTextColor(avatarColor, '#000000', '#ffffff') === '#ffffff';
+  var safeColor = getAvatarRgb();
+  var backgroundColor = image && typeof image === 'string' ? 'rgba(var(--mrl-color-white), 1)' : "rgba(".concat(safeColor, ", 0.08)");
+  var borderColor = showIcon || showBorder ? "rgba(".concat(safeColor, ", 1") : 'transparent';
+  var textColor = isDarkText ? "rgba(".concat(safeColor, ", 1") : 'rgba(--mrl-gray-90, 1)';
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: containerClasses,
+    "data-qa": dataQa
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    "aria-label": name,
+    className: "".concat(styles['MrlAvatar-content'], " MrlAvatar-content"),
+    "data-qa": dataQa && "avatar-".concat(image ? 'image-container' : 'initials'),
+    style: {
+      backgroundColor: backgroundColor,
+      borderColor: borderColor,
+      color: textColor
+    }
+  }, image ? renderImage() : /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, getInitials(name))), showIcon && /*#__PURE__*/React.createElement("span", {
+    className: iconContainerClasses,
+    style: {
+      backgroundColor: borderColor
+    }
+  }, /*#__PURE__*/React.createElement(MrlSvg, {
+    className: styles['MrlAvatar-icon'],
+    size: "auto",
+    svg: kind === 'facilitator' ? facilitatorBadge : lock
+  })));
+};
+
+export { MrlAvatar, defaultAvatarValues };
+//# sourceMappingURL=MrlAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MrlAvatar.js","sources":["../../../../../src/components/avatar/MrlAvatar/MrlAvatar.tsx"],"sourcesContent":["import { lock, facilitatorBadge } from '@muraldevkit/ds-icons';\nimport {\n\thexToRgb,\n\tisValidHexColor,\n\tisValidRgbString,\n\tisValidRgbaString,\n\tstickyTextColor\n} from '@tactivos/mural-shared/lib/colors';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { MrlSvg } from '../../';\n\nimport styles from './MrlAvatar.module.scss';\n\ntype AvatarKind = (typeof avatarValues.kind)[number];\ntype AvatarSize = (typeof avatarValues.size)[number];\n\ninterface avatarDefaults {\n\tkind: AvatarKind;\n\tsize: AvatarSize;\n\tavatarColor: string;\n}\n\nexport interface MrlAvatarPropTypes {\n\talt?: string;\n\tdataQa?: string;\n\timage?: React.ReactNode | string;\n\tkind?: AvatarKind;\n\tname?: string;\n\tonImageError?: React.ReactEventHandler<HTMLImageElement>;\n\tshowBorder?: boolean;\n\tsize?: AvatarSize;\n\tavatarColor?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst avatarValues = {\n\tkind: ['default', 'facilitator', 'lock'] as const,\n\tsize: ['xsmall', 'small', 'medium', 'large'] as const\n};\n\nexport const defaultAvatarValues: avatarDefaults = {\n\tavatarColor: '#2f2f2f',\n\tkind: 'default',\n\tsize: 'medium'\n};\n\n/**\n * Renders an avatar component\n * @param {MrlAvatarPropTypes} props the props for your MrlAvatar\n * @returns {React.ReactElement} an avatar containing the props you pass\n */\nexport const MrlAvatar = ({\n\talt,\n\tavatarColor = defaultAvatarValues.avatarColor,\n\tdataQa,\n\tkind = defaultAvatarValues.kind,\n\timage,\n\tname,\n\tonImageError,\n\tshowBorder = false,\n\tsize = defaultAvatarValues.size,\n\t...rest\n}: MrlAvatarPropTypes): React.ReactElement => {\n\tconst containerClasses = classNames(styles['MrlAvatar'], 'MrlAvatar', {\n\t\t[styles[`MrlAvatar--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst isFacilitatorSize = size === 'small' || size === 'xsmall';\n\tconst showIcon = kind !== 'default' && isFacilitatorSize;\n\tconst iconContainerClasses = classNames(styles['MrlAvatar-icon-container'], {\n\t\t[styles[`MrlAvatar-icon-container--${size}`]]: size && size !== 'medium'\n\t});\n\n\tconst getAvatarRgb = () => {\n\t\tif (isValidHexColor(avatarColor)) {\n\t\t\treturn hexToRgb(avatarColor).toString();\n\t\t}\n\n\t\tif (isValidRgbString(avatarColor)) {\n\t\t\treturn avatarColor.substring(4, avatarColor.length - 1);\n\t\t}\n\n\t\tif (isValidRgbaString(avatarColor)) {\n\t\t\tconst lastComma = avatarColor.lastIndexOf(',');\n\n\t\t\treturn avatarColor.substring(5, lastComma);\n\t\t}\n\t};\n\n\tconst renderImage = () => {\n\t\tif (typeof image === 'string') {\n\t\t\tconst imgAltText = alt ? alt : name ? `${name}'s avatar` : 'Participant avatar';\n\n\t\t\treturn (\n\t\t\t\t<img\n\t\t\t\t\talt={imgAltText}\n\t\t\t\t\tclassName={styles['MrlAvatar-image']}\n\t\t\t\t\tdata-qa={`${dataQa || 'avatar'}-image`}\n\t\t\t\t\tonError={onImageError}\n\t\t\t\t\tsrc={image}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn image;\n\t};\n\n\tconst getInitials = (str: string | undefined): string => {\n\t\tif (!str) {\n\t\t\treturn '';\n\t\t}\n\n\t\tconst textLength = size === 'xsmall' ? 1 : 2;\n\n\t\t// Take the name passed in.\n\t\treturn (\n\t\t\tstr\n\t\t\t\t// Split it at each space to create an array of words\n\t\t\t\t.split(' ')\n\t\t\t\t// Take the first character from each word.\n\t\t\t\t.map((item: string) => item.charAt(0).toUpperCase())\n\t\t\t\t// Bring the characters back into one word\n\t\t\t\t.join('')\n\t\t\t\t// Make sure we remove spaces\n\t\t\t\t.replace(/ /g, '')\n\t\t\t\t// Return the correct number of characters\n\t\t\t\t.substring(0, textLength)\n\t\t);\n\t};\n\n\tconst isDarkText = stickyTextColor(avatarColor, '#000000', '#ffffff') === '#ffffff';\n\tconst safeColor = getAvatarRgb();\n\n\tconst backgroundColor =\n\t\timage && typeof image === 'string'\n\t\t\t? 'rgba(var(--mrl-color-white), 1)'\n\t\t\t: `rgba(${safeColor}, 0.08)`;\n\tconst borderColor = showIcon || showBorder ? `rgba(${safeColor}, 1` : 'transparent';\n\tconst textColor = isDarkText ? `rgba(${safeColor}, 1` : 'rgba(--mrl-gray-90, 1)';\n\n\treturn (\n\t\t<div className={containerClasses} data-qa={dataQa} {...rest}>\n\t\t\t<span\n\t\t\t\taria-label={name}\n\t\t\t\tclassName={`${styles['MrlAvatar-content']} MrlAvatar-content`}\n\t\t\t\tdata-qa={dataQa && `avatar-${image ? 'image-container' : 'initials'}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: backgroundColor,\n\t\t\t\t\tborderColor: borderColor,\n\t\t\t\t\tcolor: textColor\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{image ? renderImage() : <span aria-hidden=\"true\">{getInitials(name)}</span>}\n\t\t\t</span>\n\t\t\t{showIcon && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={iconContainerClasses}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: borderColor\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tclassName={styles['MrlAvatar-icon']}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tsvg={kind === 'facilitator' ? facilitatorBadge : lock}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["defaultAvatarValues","avatarColor","kind","size","MrlAvatar","_ref","alt","_ref$avatarColor","dataQa","_ref$kind","image","name","onImageError","_ref$showBorder","showBorder","_ref$size","rest","_objectWithoutProperties","_excluded","containerClasses","classNames","styles","concat","isFacilitatorSize","showIcon","iconContainerClasses","getAvatarRgb","isValidHexColor","hexToRgb","toString","isValidRgbString","substring","length","isValidRgbaString","lastComma","lastIndexOf","renderImage","imgAltText","React","createElement","className","onError","src","getInitials","str","textLength","split","map","item","charAt","toUpperCase","join","replace","isDarkText","stickyTextColor","safeColor","backgroundColor","borderColor","textColor","_extends","style","color","MrlSvg","svg","facilitatorBadge","lock"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var styles = {"MrlAvatar-content":"MrlAvatar-content--E7qX_","MrlAvatar":"MrlAvatar--e8VFH","MrlAvatar--xsmall":"MrlAvatar--xsmall--jn6uR","MrlAvatar--small":"MrlAvatar--small--DdBZ7","MrlAvatar--large":"MrlAvatar--large--eT7KW","MrlAvatar-image":"MrlAvatar-image--lWg5A","MrlAvatar-icon-container":"MrlAvatar-icon-container--xUwiS","MrlAvatar-icon":"MrlAvatar-icon--tfC5v","MrlAvatar-icon-container--small":"MrlAvatar-icon-container--small--_IFIA","MrlAvatar-icon-container--xsmall":"MrlAvatar-icon-container--xsmall--oIGsd"};
+
+export { styles as default };
+//# sourceMappingURL=MrlAvatar.module.scss.js.map

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

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

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

@@ -0,0 +1,109 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, 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 = _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(() => _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(() => {
+    // 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 && {
+    ["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(prevIsSelected => !prevIsSelected);
+    }
+    if (onClick && typeof onClick === 'function') {
+      onClick(e);
+    }
+  }
+  var buttonClasses = classnames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, {
+    [styles['MrlAvatarButton--large']]: size && size === 'large'
+  });
+  var renderAvatarButton = () => /*#__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","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,55 @@
+import { objectWithoutProperties as _objectWithoutProperties, 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 = _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']], {
+    [styles["MrlBadge--".concat(kind)]]: kind !== 'default'
+  }, className);
+  var 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","concat","renderIcon","defaultIcons","error","info","success","check","warning","React","createElement","MrlSvg","svg","size","_extends"],"mappings":";;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAGC,IAAA,IAOU;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;AAEjB,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAC5B,UAAU,EACV,CAACC,MAAM,CAAC,UAAU,CAAC,CAAC,EACpB;IACC,CAACA,MAAM,cAAAC,MAAA,CAAcV,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAK;GACxC,EACDH,SACD,CAAC;EAED,IAAMc,UAAU,GAAGA,MAAM;AACxB,IAAA,IAAIb,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,IAAMU,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,CAACZ,IAAI,CAAE;AAACsB,QAAAA,IAAI,EAAC;AAAM,OAAE,CAAC;AACvD,IAAA;AAEA,IAAA,OAAO,IAAI;EACZ,CAAC;AAED,EAAA,oBACCJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAI,QAAA,KAASnB,cAAc,EAAA;AAAEP,IAAAA,SAAS,EAAEU;AAAW,GAAA,CAAA,EAC7CJ,IAAI,EACJQ,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,34 @@
+import { objectWithoutProperties as _objectWithoutProperties, 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 = _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', {
+    [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","styles","concat","Boolean","React","createElement","_extends"],"mappings":";;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,oBAAoB,GAAGC,IAAA,IAMU;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,EACtB;AACC,IAAA,CAACC,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI;IACtC,CAACA,MAAM,0BAAAC,MAAA,CAA0BV,IAAI,CAAA,CAAG,GAAGA,IAAI,KAAK,SAAS;AAC7D,IAAA,CAACS,MAAM,CAAC,+BAA+B,CAAC,GAAGE,OAAO,CAACR,MAAM;GACzD,EACDL,SACD,CAAC;AAED,EAAA,oBACCc,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,KAASV,cAAc,EAAA;AAAEN,IAAAA,SAAS,EAAES,UAAW;IAAC,YAAA,EAAA,MAAA,CAAAG,MAAA,CAAmBR,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,54 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } 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(() => {
+    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', {
+      [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