@muraldevkit/ui-toolkit 4.66.0-dev-DhSN.1 → 4.66.0-dev-T3Jw.1

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

@@ -1,13 +0,0 @@
-import "./MrlAvatar.module.css";
-export default {
-	"MrlAvatar-content": "MrlAvatar-content--UQV5P",
-	"MrlAvatar": "MrlAvatar--CSmJ1",
-	"MrlAvatar--xsmall": "MrlAvatar--xsmall--zH7bY",
-	"MrlAvatar--small": "MrlAvatar--small--0DC-V",
-	"MrlAvatar--large": "MrlAvatar--large--PVJ9-",
-	"MrlAvatar-image": "MrlAvatar-image--JrO9I",
-	"MrlAvatar-icon-container": "MrlAvatar-icon-container--O40ga",
-	"MrlAvatar-icon": "MrlAvatar-icon--dPg3T",
-	"MrlAvatar-icon-container--small": "MrlAvatar-icon-container--small--oLvxG",
-	"MrlAvatar-icon-container--xsmall": "MrlAvatar-icon-container--xsmall--6Wbc1"
-};

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

@@ -1 +0,0 @@
-export * from './MrlAvatar';

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

@@ -1,61 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import classNames from 'classnames';
-import { MrlAvatar } from '../MrlAvatar/MrlAvatar';
-import { MrlSpinner } from '../../loader/MrlSpinner/MrlSpinner';
-import { MrlTooltip } from '../../tooltip/MrlTooltip/MrlTooltip';
-import { _isDisabled, _isSelected } from '../../button/helpers';
-import { buttonDefaults } from '../../button/constants';
-import { setAttributes } from '../../../utils';
-import styles from './MrlAvatarButton.module.scss.js';
-/**
- * Renders an avatar button
- * @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
- * @returns {React.ReactElement} an avatar button containing the props you pass
- */
-export const MrlAvatarButton = (_a) => {
-    var { buttonClassName, dataQa, id, includeInRoving, isToggleButton, label, loading = false, loadingText = 'Loading', onClick, size, state = 'default', toggleAria = buttonDefaults.toggleAria, tooltip, triggerRef } = _a, rest = __rest(_a, ["buttonClassName", "dataQa", "id", "includeInRoving", "isToggleButton", "label", "loading", "loadingText", "onClick", "size", "state", "toggleAria", "tooltip", "triggerRef"]);
-    const [isSelected, setIsSelected] = React.useState(() => _isSelected(state));
-    /**
-     * 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]);
-    const spinner = (React.createElement(MrlSpinner, { className: "mrlButton-spinner MrlAvatarButton-spinner", kind: "default", role: "none", size: "small", text: loadingText }));
-    const attributes = setAttributes({}, Object.assign(Object.assign({ 'aria-disabled': _isDisabled(state, loading), 'aria-label': label }, (isToggleButton && { [`aria-${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);
-        }
-    }
-    const buttonClasses = classNames('MrlAvatarButton', styles['MrlAvatarButton'], buttonClassName, {
-        [styles['MrlAvatarButton--large']]: size && size === 'large'
-    });
-    const renderAvatarButton = () => (React.createElement("button", Object.assign({}, attributes, { "aria-label": tooltip && tooltip.text, className: buttonClasses, "data-qa": dataQa && `${dataQa}-button`, id: id, onClick: handleOnClick, ref: triggerRef }), loading ? spinner : React.createElement(MrlAvatar, Object.assign({ dataQa: dataQa, size: size }, rest))));
-    return !tooltip ? (renderAvatarButton()) : (React.createElement(MrlTooltip, { position: tooltip.position || 'bottom', anchor: tooltip.anchor || 'center', text: tooltip.text, dataQa: tooltip.dataQa }, renderAvatarButton()));
-};

package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.module.css

@@ -1,251 +0,0 @@
-/* stylelint-disable scss/operator-no-newline-after */
-.mrl-u-focus-wrapper--8DmMq {
-  position: relative;
-}
-
-.MrlAvatarButton--bUWfo {
-  background-color: transparent;
-  border: none;
-  border-radius: var(--mrl-radii-03);
-  margin: 0;
-  outline: none;
-  padding: 0;
-  position: relative;
-}
-.MrlAvatarButton--bUWfo::after {
-  background-color: rgba(0, 0, 0, 0);
-  border-radius: var(--mrl-radii-03);
-  content: "";
-  display: block;
-  inset: 0;
-  position: absolute;
-}
-.MrlAvatarButton--bUWfo:focus-visible {
-  position: relative;
-}
-.MrlAvatarButton--bUWfo:focus-visible:focus-visible {
-  outline: none;
-}
-.MrlAvatarButton--bUWfo:focus-visible:focus-visible::after {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-timing-function: var(--mrl-timing-m3);
-  border: 0 solid transparent;
-  border-radius: calc(
-		var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  z-index: 1;
-  animation-name: border-animation--WmmO5;
-}
-@keyframes border-animation--WmmO5 {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--vVAD2 {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-@keyframes outline-animation--3IYVa {
-  0% {
-    outline: 0 solid transparent;
-    outline-offset: 1px;
-  }
-  50% {
-    outline: 4px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-  100% {
-    outline: 2px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-}
-.MrlAvatarButton--bUWfo:hover {
-  cursor: pointer;
-}
-.MrlAvatarButton--bUWfo:hover::after {
-  background-color: rgba(var(--mrl-gray-90), 0.32);
-}
-.MrlAvatarButton--bUWfo:active::after {
-  background-color: rgba(var(--mrl-gray-90), 0.64);
-}
-.MrlAvatarButton--large--ANQDR {
-  border-radius: var(--mrl-radii-06);
-}
-.MrlAvatarButton--large--ANQDR:focus-visible {
-  position: relative;
-}
-.MrlAvatarButton--large--ANQDR:focus-visible:focus-visible {
-  outline: none;
-}
-.MrlAvatarButton--large--ANQDR:focus-visible:focus-visible::after {
-  animation-duration: var(--mrl-duration-03);
-  animation-fill-mode: forwards;
-  animation-iteration-count: 1;
-  animation-timing-function: var(--mrl-timing-m3);
-  border: 0 solid transparent;
-  border-radius: calc(
-		var(--mrl-radii-06) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
-	);
-  bottom: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  content: "";
-  display: block;
-  left: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  position: absolute;
-  right: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  top: calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px) * -1);
-  z-index: 1;
-  animation-name: border-animation--WmmO5;
-}
-@keyframes border-animation--WmmO5 {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-@keyframes border-animation-inverse--vVAD2 {
-  0% {
-    border-color: transparent;
-    border-width: 0;
-    bottom: var(--mrl-space-offset-focus);
-    left: var(--mrl-space-offset-focus);
-    right: var(--mrl-space-offset-focus);
-    top: var(--mrl-space-offset-focus);
-  }
-  50% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: 0.25rem;
-    bottom: calc(var(--mrl-spacing-02) * -1);
-    left: calc(var(--mrl-spacing-02) * -1);
-    right: calc(var(--mrl-spacing-02) * -1);
-    top: calc(var(--mrl-spacing-02) * -1);
-  }
-  100% {
-    border-color: var(--mrl-color-focus-inverse);
-    border-width: var(--mrl-line-width-focus);
-    bottom: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    left: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    right: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-    top: calc((
-						var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
-					) * -1);
-  }
-}
-@keyframes outline-animation--3IYVa {
-  0% {
-    outline: 0 solid transparent;
-    outline-offset: 1px;
-  }
-  50% {
-    outline: 4px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-  100% {
-    outline: 2px solid var(--mrl-color-focus);
-    outline-offset: 1px;
-  }
-}
-.MrlAvatarButton--large--ANQDR::after {
-  border-radius: var(--mrl-radii-06);
-}

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

@@ -1,9 +0,0 @@
-import "./MrlAvatarButton.module.css";
-export default {
-	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--8DmMq",
-	"MrlAvatarButton": "MrlAvatarButton--bUWfo",
-	"border-animation": "border-animation--WmmO5",
-	"MrlAvatarButton--large": "MrlAvatarButton--large--ANQDR",
-	"border-animation-inverse": "border-animation-inverse--vVAD2",
-	"outline-animation": "outline-animation--3IYVa"
-};

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

@@ -1 +0,0 @@
-export * from './MrlAvatarButton';

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

@@ -1,2 +0,0 @@
-export * from './MrlAvatar';
-export * from './MrlAvatarButton';

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

@@ -1,49 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import { check, error, info, warning } from '@muraldevkit/ds-icons';
-import { MrlSvg } from '../../svg/MrlSvg/MrlSvg';
-import styles from './MrlBadge.module.scss.js';
-/**
- * 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.
- */
-export const MrlBadge = (_a) => {
-    var { className = '', icon, kind = 'default', showIcon = false, text } = _a, remainingProps = __rest(_a, ["className", "icon", "kind", "showIcon", "text"]);
-    const allClasses = classnames('MrlBadge', [styles['MrlBadge']], {
-        [styles[`MrlBadge--${kind}`]]: kind !== 'default'
-    }, className);
-    const renderIcon = () => {
-        if (icon) {
-            return icon;
-        }
-        if (kind === 'default') {
-            return null;
-        }
-        if (showIcon) {
-            const defaultIcons = {
-                error: error,
-                info: info,
-                success: check,
-                warning: warning
-            };
-            return React.createElement(MrlSvg, { svg: defaultIcons[kind], size: "auto" });
-        }
-        return null;
-    };
-    return (React.createElement("div", Object.assign({}, remainingProps, { className: allClasses }),
-        text,
-        renderIcon()));
-};

package/dist/esm/components/badge/MrlBadge/MrlBadge.module.css

@@ -1,38 +0,0 @@
-.MrlBadge--KpN0F {
-  align-items: center;
-  background-color: var(--mrl-black-opacity-01);
-  border-radius: var(--mrl-radii-04);
-  color: var(--mrl-color-text-emph);
-  display: inline-flex;
-  flex-shrink: 1;
-  font-size: var(--mrl-font-size-02);
-  font-weight: var(--mrl-font-weight-02);
-  height: var(--mrl-spacing-06);
-  padding: var(--mrl-spacing-01) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));
-  width: auto;
-}
-.MrlBadge--KpN0F .MrlSvgContainer {
-  flex-shrink: 0;
-  height: var(--mrl-spacing-04);
-  margin-left: var(--mrl-spacing-02);
-  width: var(--mrl-spacing-04);
-}
-.MrlBadge--error--7Dl1c {
-  background-color: var(--mrl-color-background-error-light);
-  color: var(--mrl-color-text-error);
-}
-.MrlBadge--info--tELrc {
-  background-color: var(--mrl-color-background-info-light);
-  color: rgb(var(--mrl-status-info));
-}
-.MrlBadge--success--KVJc4 {
-  background-color: var(--mrl-color-background-success-light);
-  color: rgb(var(--mrl-status-success));
-}
-.MrlBadge--warning--HtMAc {
-  background-color: var(--mrl-color-background-warning-light);
-  color: var(--mrl-color-text-warning-light);
-}
-.MrlBadge--warning--HtMAc .MrlSvgContainer {
-  color: rgb(var(--mrl-status-warning));
-}

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

@@ -1,8 +0,0 @@
-import "./MrlBadge.module.css";
-export default {
-	"MrlBadge": "MrlBadge--KpN0F",
-	"MrlBadge--error": "MrlBadge--error--7Dl1c",
-	"MrlBadge--info": "MrlBadge--info--tELrc",
-	"MrlBadge--success": "MrlBadge--success--KVJc4",
-	"MrlBadge--warning": "MrlBadge--warning--HtMAc"
-};

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

@@ -1 +0,0 @@
-export * from './MrlBadge';

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

@@ -1,29 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import classnames from 'classnames';
-import styles from './MrlBadgeNotification.module.scss.js';
-/**
- * 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.
- */
-export const MrlBadgeNotification = (_a) => {
-    var { className = '', kind = 'general', notificationText = 'notification', number } = _a, remainingProps = __rest(_a, ["className", "kind", "notificationText", "number"]);
-    const allClasses = classnames('MrlBadgeNotification', {
-        [styles['MrlBadgeNotification']]: true,
-        [styles[`MrlBadgeNotification--${kind}`]]: kind !== 'general',
-        [styles['MrlBadgeNotification--numeric']]: Boolean(number)
-    }, className);
-    return (React.createElement("div", Object.assign({}, remainingProps, { className: allClasses, "aria-label": `New ${notificationText}` }), number ? number : ''));
-};

package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.css

@@ -1,37 +0,0 @@
-.MrlBadgeNotification--L-6vO {
-  align-items: center;
-  background-color: rgb(var(--mrl-gray-90));
-  border: var(--mrl-line-width-border-fine) solid rgb(var(--mrl-white));
-  border-radius: var(--mrl-radii-04);
-  box-sizing: border-box;
-  color: var(--mrl-color-text-inverse);
-  display: inline-flex;
-  flex-shrink: 1;
-  font-size: var(--mrl-font-size-02);
-  font-weight: var(--mrl-font-weight-02);
-  height: var(--mrl-spacing-03);
-  justify-content: center;
-  padding: 0;
-  width: var(--mrl-spacing-03);
-}
-.MrlBadgeNotification--info---rg4M {
-  background-color: var(--mrl-color-background-info);
-}
-.MrlBadgeNotification--numeric--nYv-K {
-  font-size: 0.5625rem;
-  height: var(--mrl-spacing-05);
-  padding: 0 var(--mrl-spacing-01);
-  width: var(--mrl-spacing-05);
-}
-
-.mrlButton .MrlBadgeNotification--L-6vO,
-.mrlIconButton .MrlBadgeNotification--L-6vO {
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.mrlButton .MrlBadgeNotification--numeric--nYv-K,
-.mrlIconButton .MrlBadgeNotification--numeric--nYv-K {
-  right: calc(var(--mrl-spacing-01) * -1);
-  top: calc(var(--mrl-spacing-01) * -1);
-}

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

@@ -1,6 +0,0 @@
-import "./MrlBadgeNotification.module.css";
-export default {
-	"MrlBadgeNotification": "MrlBadgeNotification--L-6vO",
-	"MrlBadgeNotification--info": "MrlBadgeNotification--info---rg4M",
-	"MrlBadgeNotification--numeric": "MrlBadgeNotification--numeric--nYv-K"
-};

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

@@ -1 +0,0 @@
-export * from './MrlBadgeNotification';

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

@@ -1,2 +0,0 @@
-export * from './MrlBadge';
-export * from './MrlBadgeNotification';

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

@@ -1,47 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/* eslint-disable no-mixed-spaces-and-tabs */
-import * as React from 'react';
-import classnames from 'classnames';
-import { Link } from 'react-router-dom';
-import styles from './MrlBreadcrumbItem.module.scss.js';
-import { MrlSvg } from '../../svg';
-import { more } from '@muraldevkit/ds-icons';
-import { MrlBreadcrumbSeparator } from '../MrlBreadcrumbSeparator';
-/**
- * MrlBreadcrumbItem component.
- * @param props The MrlBreadcrumbItem component properties.
- * @returns The MrlBreadcrumbItem component.
- */
-export function MrlBreadcrumbItem(props) {
-    const { link, text, isSelected, hasSeparator = true, isTruncated = false } = props, rest = __rest(props, ["link", "text", "isSelected", "hasSeparator", "isTruncated"]);
-    const breadcrumbItem = React.useMemo(() => {
-        if (isSelected) {
-            // eslint-disable-next-line jsx-a11y/anchor-is-valid
-            return React.createElement("a", { "aria-current": "page" }, text);
-        }
-        if (typeof link === 'string') {
-            return React.createElement("a", { href: link }, text);
-        }
-        else if (typeof link === 'object') {
-            return React.createElement(Link, Object.assign({}, link), text);
-        }
-    }, [link, text, isSelected]);
-    return (React.createElement("li", Object.assign({}, rest, { className: classnames(styles['MrlBreadcrumbItem'], 'MrlBreadcrumbItem', {
-            [styles['MrlBreadcrumbItem--selected']]: isSelected,
-            ['MrlBreadcrumbItem--selected']: isSelected
-        }) }),
-        isTruncated && (React.createElement("span", { className: classnames(styles['MrlBreadcrumbItem--icon']) },
-            React.createElement(MrlSvg, { size: "auto", svg: more }))),
-        !isTruncated && breadcrumbItem,
-        hasSeparator && React.createElement(MrlBreadcrumbSeparator, null)));
-}