@useblu/ocean-react 1.57.0 → 1.59.0

package/index.js

@@ -25,18 +25,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
+var __assign$2 = function() {
+    __assign$2 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign$1.apply(this, arguments);
+    return __assign$2.apply(this, arguments);
 };
 
-function __rest$1(s, e) {
+function __rest$2(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -48,7 +48,7 @@ function __rest$1(s, e) {
     return t;
 }
 
-function __spreadArray$1(to, from, pack) {
+function __spreadArray$2(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
             if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -159,24 +159,24 @@ var defaultTypesMapping = {
     caption: 'p'
 };
 var Typography = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, variant = _a.variant, className = _a.className, _b = _a.inverse, inverse = _b === void 0 ? false : _b, rest = __rest$1(_a, ["children", "variant", "className", "inverse"]);
+    var children = _a.children, variant = _a.variant, className = _a.className, _b = _a.inverse, inverse = _b === void 0 ? false : _b, rest = __rest$2(_a, ["children", "variant", "className", "inverse"]);
     var Component = defaultTypesMapping[variant];
-    return (e__default["default"].createElement(Component, __assign$1({ ref: ref, className: classNames("ods-typography ods-typography__".concat(variant), inverse && 'ods-typography--inverse', className) }, rest), children));
+    return (e__default["default"].createElement(Component, __assign$2({ ref: ref, className: classNames("ods-typography ods-typography__".concat(variant), inverse && 'ods-typography--inverse', className) }, rest), children));
 });
 Typography.displayName = 'Typography';
 
 var Container = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? false : _b, className = _a.className, rest = __rest$1(_a, ["children", "fluid", "className"]);
+    var children = _a.children, _b = _a.fluid, fluid = _b === void 0 ? false : _b, className = _a.className, rest = __rest$2(_a, ["children", "fluid", "className"]);
     var prefix = 'ods-container';
     var suffix = typeof fluid === 'string' ? "-".concat(fluid) : '-fluid';
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames(fluid ? "".concat(prefix).concat(suffix) : prefix, className) }, rest), children));
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames(fluid ? "".concat(prefix).concat(suffix) : prefix, className) }, rest), children));
 });
 Container.displayName = 'Container';
 
 var Row$1 = e__default["default"].forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, _c = _a.noGutters, noGutters = _c === void 0 ? false : _c, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, rest = __rest$1(_a, ["children", "className", "noGutters", "xs", "sm", "md", "lg", "xl"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-row', noGutters && 'ods-no-gutters', (_b = {},
+    var children = _a.children, className = _a.className, _c = _a.noGutters, noGutters = _c === void 0 ? false : _c, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, rest = __rest$2(_a, ["children", "className", "noGutters", "xs", "sm", "md", "lg", "xl"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-row', noGutters && 'ods-no-gutters', (_b = {},
             _b["ods-row-cols-".concat(xs)] = xs,
             _b["ods-row-cols-sm-".concat(sm)] = sm,
             _b["ods-row-cols-md-".concat(md)] = md,
@@ -194,7 +194,7 @@ var DEVICE_SIZES = [
     'xl',
 ];
 var Col = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
+    var children = _a.children, className = _a.className, rest = __rest$2(_a, ["children", "className"]);
     var prefix = 'ods-col';
     var classes = [];
     var hasAnySpan = false;
@@ -220,7 +220,7 @@ var Col = e__default["default"].forwardRef(function (_a, ref) {
     });
     if (!hasAnySpan)
         classes.unshift(prefix);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames(classes, className) }, rest), children));
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames(classes, className) }, rest), children));
 });
 Col.displayName = 'Col';
 
@@ -262,30 +262,30 @@ var TagIcon = e__default["default"].memo(function (_a) {
 TagIcon.displayName = 'TagIcon';
 
 var Tag = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, icon = _a.icon, _c = _a.setIconOff, setIconOff = _c === void 0 ? false : _c, rest = __rest$1(_a, ["children", "type", "className", "icon", "setIconOff"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, role: "Tag", className: classNames('ods-tag', "ods-tag--".concat(type), className) }, rest),
+    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, icon = _a.icon, _c = _a.setIconOff, setIconOff = _c === void 0 ? false : _c, rest = __rest$2(_a, ["children", "type", "className", "icon", "setIconOff"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, role: "Tag", className: classNames('ods-tag', "ods-tag--".concat(type), className) }, rest),
         !setIconOff && e__default["default"].createElement(TagIcon, { type: type, icon: icon }),
         e__default["default"].createElement("div", { className: "ods-tag__content" }, children)));
 });
 Tag.displayName = 'Tag';
 
 var List = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest$1(_a, ["children", "className"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-list', className) }, rest), children));
+    var children = _a.children, className = _a.className, rest = __rest$2(_a, ["children", "className"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-list', className) }, rest), children));
 });
 List.displayName = 'List';
 
 var SubHeader = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, subtitle = _a.subtitle, className = _a.className, rest = __rest$1(_a, ["children", "subtitle", "className"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-sub-header', className) }, rest),
+    var children = _a.children, subtitle = _a.subtitle, className = _a.className, rest = __rest$2(_a, ["children", "subtitle", "className"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-sub-header', className) }, rest),
         e__default["default"].createElement("div", { className: "ods-sub-header__title" }, children),
         subtitle && e__default["default"].createElement("div", { className: "ods-sub-header__subtitle" }, subtitle)));
 });
 SubHeader.displayName = 'SubHeader';
 
 var TransactionListItem = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, level2 = _a.level2, level3 = _a.level3, level4 = _a.level4, icon = _a.icon, value = _a.value, positive = _a.positive, tags = _a.tags, time = _a.time, subItens = _a.subItens, className = _a.className, rest = __rest$1(_a, ["children", "level2", "level3", "level4", "icon", "value", "positive", "tags", "time", "subItens", "className"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-transaction-list-item', className) }, rest),
+    var children = _a.children, level2 = _a.level2, level3 = _a.level3, level4 = _a.level4, icon = _a.icon, value = _a.value, positive = _a.positive, tags = _a.tags, time = _a.time, subItens = _a.subItens, className = _a.className, rest = __rest$2(_a, ["children", "level2", "level3", "level4", "icon", "value", "positive", "tags", "time", "subItens", "className"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-transaction-list-item', className) }, rest),
         e__default["default"].createElement("div", { className: "ods-transaction-list-item__content" },
             icon && e__default["default"].createElement("div", { className: "ods-transaction-list-item__icon" }, icon),
             e__default["default"].createElement("div", { className: "ods-transaction-list-item__information" },
@@ -304,8 +304,8 @@ var TransactionListItem = e__default["default"].forwardRef(function (_a, ref) {
 TransactionListItem.displayName = 'TransactionListItem';
 
 var UnorderedListItem = e__default["default"].forwardRef(function (_a, ref) {
-    var description = _a.description, Icon = _a.icon, title = _a.title, className = _a.className, iconVariant = _a.iconVariant, rest = __rest$1(_a, ["description", "icon", "title", "className", "iconVariant"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-unordered-list-item', className) }, rest),
+    var description = _a.description, Icon = _a.icon, title = _a.title, className = _a.className, iconVariant = _a.iconVariant, rest = __rest$2(_a, ["description", "icon", "title", "className", "iconVariant"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-unordered-list-item', className) }, rest),
         Icon && iconVariant !== 'chevron' ? (e__default["default"].createElement(Icon, { size: iconVariant === 'solid' ? 20 : 24, className: classNames('ods-unordered-list-item__icon', iconVariant === 'solid' && 'ods-unordered-list-item__icon--solid') })) : (e__default["default"].createElement("span", { className: "ods-unordered-list-item__icon-container" },
             e__default["default"].createElement(ee, { size: 16 }))),
         e__default["default"].createElement("span", null,
@@ -330,17 +330,6 @@ var AlertIcon = e__default["default"].memo(function (_a) {
 });
 AlertIcon.displayName = 'AlertIcon';
 
-var Alert = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, title = _a.title, className = _a.className, icon = _a.icon, rest = __rest$1(_a, ["children", "type", "title", "className", "icon"]);
-    var alertIcon = e__default["default"].createElement(AlertIcon, { type: type, icon: icon });
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, role: "alert", className: classNames('ods-alert', "ods-alert--".concat(type), title && 'ods-alert--has-header', className) }, rest),
-        title ? (e__default["default"].createElement("div", { className: "ods-alert__header" },
-            alertIcon,
-            e__default["default"].createElement("div", { className: "ods-alert__title" }, title))) : (alertIcon),
-        e__default["default"].createElement("div", { className: "ods-alert__content" }, children)));
-});
-Alert.displayName = 'Alert';
-
 var IconSm = function () { return (e__default["default"].createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     e__default["default"].createElement("circle", { opacity: "0.4", cx: "8", cy: "8", r: "6", stroke: "#B8C3FF", strokeWidth: "4" }),
     e__default["default"].createElement("path", { d: "M8 2C8.78793 2 9.56815 2.15519 10.2961 2.45672C11.0241 2.75825 11.6855 3.20021 12.2426 3.75736C12.7998 4.31451 13.2417 4.97595 13.5433 5.7039C13.8448 6.43185 14 7.21207 14 8", stroke: "#0025E0", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }))); };
@@ -354,8 +343,8 @@ var IconLg = function () { return (e__default["default"].createElement("svg", {
     e__default["default"].createElement("path", { d: "M16 2C17.8385 2 19.659 2.36212 21.3576 3.06569C23.0561 3.76925 24.5995 4.80049 25.8995 6.10051C27.1995 7.40053 28.2307 8.94388 28.9343 10.6424C29.6379 12.341 30 14.1615 30 16", stroke: "#0025E0", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round" }))); };
 
 var Progress = e__default["default"].forwardRef(function (_a, ref) {
-    var _b = _a.onColor, onColor = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, className = _a.className, rest = __rest$1(_a, ["onColor", "size", "className"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, className: classNames('ods-progress', "ods-progress--".concat(size), className, {
+    var _b = _a.onColor, onColor = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, className = _a.className, rest = __rest$2(_a, ["onColor", "size", "className"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, className: classNames('ods-progress', "ods-progress--".concat(size), className, {
             'ods-progress--on-color': onColor
         }) }, rest),
         size === 'sm' && e__default["default"].createElement(IconSm, null),
@@ -365,15 +354,59 @@ var Progress = e__default["default"].forwardRef(function (_a, ref) {
 Progress.displayName = 'Progress';
 
 function ButtonBase(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.blocked, blocked = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, component = _a.component, rest = __rest$1(_a, ["children", "className", "size", "variant", "blocked", "loading", "component"]);
+    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.blocked, blocked = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, component = _a.component, rest = __rest$2(_a, ["children", "className", "size", "variant", "blocked", "loading", "component"]);
     var onColor = ['primary', 'primaryCritical', 'inverse'].includes(variant);
-    return e__default["default"].createElement(component || 'button', __assign$1(__assign$1({ ref: ref, className: classNames('ods-btn', "ods-btn--".concat(size), "ods-btn--".concat(variant.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); })), blocked && 'ods-btn--blocked', className, { 'ods-btn--loading': loading }) }, rest), { onClick: loading ? function () { return false; } : rest.onClick }), loading ? (e__default["default"].createElement(e__default["default"].Fragment, null,
+    return e__default["default"].createElement(component || 'button', __assign$2(__assign$2({ ref: ref, className: classNames('ods-btn', "ods-btn--".concat(size), "ods-btn--".concat(variant.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); })), blocked && 'ods-btn--blocked', className, { 'ods-btn--loading': loading }) }, rest), { onClick: loading ? function () { return false; } : rest.onClick }), loading ? (e__default["default"].createElement(e__default["default"].Fragment, null,
         e__default["default"].createElement(Progress, { size: size, onColor: onColor }),
         e__default["default"].createElement("span", null, children))) : (children));
 }
 var Button$1 = e__default["default"].forwardRef(ButtonBase);
 
-var lib$1 = {};
+var mapIconsByType = {
+    linkChevron: ee,
+    externalLink: Qe
+};
+var LinkIcons = e__default["default"].memo(function (_a) {
+    var icon = _a.icon;
+    if (icon) {
+        var IconElement = mapIconsByType[icon];
+        return (e__default["default"].createElement(IconElement, { size: 16, className: "ods-link__icon", "aria-hidden": true, focusable: false, "data-testid": "link-icon" }));
+    }
+    return e__default["default"].createElement(e__default["default"].Fragment, null);
+});
+LinkIcons.displayName = 'LinkIcons';
+
+var Link = e.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$2(_a, ["children", "className", "variant", "size", "icon"]);
+    return (e__default["default"].createElement("a", __assign$2({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
+        e__default["default"].createElement("span", { className: "ods-link__content" }, children),
+        e__default["default"].createElement(LinkIcons, { icon: icon })));
+});
+Link.displayName = 'Link';
+
+var Alert = e__default["default"].forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, title = _a.title, className = _a.className, icon = _a.icon, _c = _a.size, size = _c === void 0 ? 'long' : _c, button = _a.button, buttonAction = _a.buttonAction, rest = __rest$2(_a, ["children", "type", "title", "className", "icon", "size", "button", "buttonAction"]);
+    var alertIcon = e__default["default"].createElement(AlertIcon, { type: type, icon: icon });
+    var longSize = size === 'long' && !button;
+    var marginHeader = longSize && children && title;
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, role: "alert", className: classNames('ods-alert', "ods-alert--".concat(type), longSize && 'ods-alert--long', className) }, rest), longSize ? (e__default["default"].createElement(e__default["default"].Fragment, null,
+        e__default["default"].createElement("div", { className: classNames('ods-alert__header', marginHeader && 'ods-alert__header--margin') },
+            alertIcon,
+            title ? (e__default["default"].createElement("div", { className: "ods-alert__title" }, title)) : (e__default["default"].createElement("div", { className: "alert__content" }, children))),
+        title && e__default["default"].createElement("div", { className: "alert__content" }, children))) : (e__default["default"].createElement(e__default["default"].Fragment, null,
+        e__default["default"].createElement("div", { className: classNames('ods-alert__header', marginHeader && 'ods-alert__header--margin') },
+            alertIcon,
+            e__default["default"].createElement("div", { className: "ods-alert__text" },
+                title && e__default["default"].createElement("div", { className: "ods-alert__title" }, title),
+                e__default["default"].createElement("div", { className: "alert__content" }, children)),
+            button && (e__default["default"].createElement("div", { className: "ods-alert__button" },
+                e__default["default"].createElement(Button$1, { size: "sm", onClick: buttonAction }, button)))),
+        button && (e__default["default"].createElement("div", { className: "ods-alert__button--mobile" },
+            e__default["default"].createElement(Link, { size: "sm", onClick: buttonAction, icon: "externalLink" }, button)))))));
+});
+Alert.displayName = 'Alert';
+
+var lib$3 = {};
 
 var slider = {};
 
@@ -2471,7 +2504,7 @@ var MapShim = (function () {
 /**
  * Detects whether window and document objects are available in current environment.
  */
-var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
+var isBrowser$1 = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
 
 // Returns global object of a current environment.
 var global$1 = (function () {
@@ -2690,7 +2723,7 @@ var ResizeObserverController = /** @class */ (function () {
     ResizeObserverController.prototype.connect_ = function () {
         // Do nothing if running in a non-browser environment or if listeners
         // have been already added.
-        if (!isBrowser || this.connected_) {
+        if (!isBrowser$1 || this.connected_) {
             return;
         }
         // Subscription to the "Transitionend" event is used as a workaround for
@@ -2722,7 +2755,7 @@ var ResizeObserverController = /** @class */ (function () {
     ResizeObserverController.prototype.disconnect_ = function () {
         // Do nothing if running in a non-browser environment or if listeners
         // have been already removed.
-        if (!isBrowser || !this.connected_) {
+        if (!isBrowser$1 || !this.connected_) {
             return;
         }
         document.removeEventListener('transitionend', this.onTransitionEnd_);
@@ -2970,7 +3003,7 @@ function isDocumentElement(target) {
  * @returns {DOMRectInit}
  */
 function getContentRect(target) {
-    if (!isBrowser) {
+    if (!isBrowser$1) {
         return emptyRect;
     }
     if (isSVGGraphicsElement(target)) {
@@ -4957,9 +4990,9 @@ function requireSrc () {
 
 	var _default = _slider["default"];
 	exports["default"] = _default;
-} (lib$1));
+} (lib$3));
 
-var Slider = /*@__PURE__*/getDefaultExportFromCjs(lib$1);
+var Slider = /*@__PURE__*/getDefaultExportFromCjs(lib$3);
 
 var CarouselDotList = function (_a) {
     var dots = _a.dots;
@@ -4987,7 +5020,7 @@ var Carousel = function (_a) {
         autoplaySpeed: 8000
     };
     return (e__default["default"].createElement("div", { className: classNames('ods-carousel', "columns-".concat(columnsAsNumber)) },
-        e__default["default"].createElement(Slider, __assign$1({}, settings), e.Children.toArray(children).map(function (child, index) { return (e__default["default"].createElement("div", { key: index }, child)); }))));
+        e__default["default"].createElement(Slider, __assign$2({}, settings), e.Children.toArray(children).map(function (child, index) { return (e__default["default"].createElement("div", { key: index }, child)); }))));
 };
 
 function useInputFilled(_a) {
@@ -5011,8 +5044,8 @@ function useInputFilled(_a) {
 }
 
 function FormLabelBase(_a, ref) {
-    var children = _a.children, className = _a.className, component = _a.component, disabled = _a.disabled, rest = __rest$1(_a, ["children", "className", "component", "disabled"]);
-    return e__default["default"].createElement(component || 'label', __assign$1({ ref: ref, className: classNames('ods-form-label', disabled && 'ods-form-label--disabled', className) }, rest), children);
+    var children = _a.children, className = _a.className, component = _a.component, disabled = _a.disabled, rest = __rest$2(_a, ["children", "className", "component", "disabled"]);
+    return e__default["default"].createElement(component || 'label', __assign$2({ ref: ref, className: classNames('ods-form-label', disabled && 'ods-form-label--disabled', className) }, rest), children);
 }
 var FormLabel = e__default["default"].forwardRef(FormLabelBase);
 
@@ -5034,7 +5067,7 @@ var FormControl = function (_a) {
 };
 
 var Input = e__default["default"].forwardRef(function (_a, ref) {
-    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, placeholder = _a.placeholder, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$1(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "placeholder", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
+    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, placeholder = _a.placeholder, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$2(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "placeholder", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
@@ -5042,7 +5075,7 @@ var Input = e__default["default"].forwardRef(function (_a, ref) {
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e__default["default"].createElement(FormControl, { label: label, tooltipMessage: tooltipMessage, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
         e__default["default"].createElement("div", { className: classNames('ods-input', filled && 'ods-input--filled', disabled && 'ods-input--disabled', error && 'ods-input--error', position === 'left' && 'ods-input--left', adornment && !filled ? 'ods-input--disabled--text' : '', className) },
-            e__default["default"].createElement("input", __assign$1({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, placeholder: placeholder, value: value }, rest)),
+            e__default["default"].createElement("input", __assign$2({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, placeholder: placeholder, value: value }, rest)),
             adornment && (e__default["default"].createElement("div", { className: classNames('ods-input__adornment', {
                     'ods-input__adornment--placeholder': !filled
                 }) }, adornment)))));
@@ -5050,61 +5083,39 @@ var Input = e__default["default"].forwardRef(function (_a, ref) {
 Input.displayName = 'Input';
 
 var Checkbox = e__default["default"].forwardRef(function (_a, ref) {
-    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$1(_a, ["error", "className", "label", "id", "indeterminate"]);
+    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$2(_a, ["error", "className", "label", "id", "indeterminate"]);
     return (e__default["default"].createElement("label", { className: "ods-checkbox__root", htmlFor: id },
-        e__default["default"].createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
+        e__default["default"].createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
         e__default["default"].createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
         label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))));
 });
 Checkbox.displayName = 'Checkbox';
 
 var Radio = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, id = _a.id, rest = __rest$1(_a, ["className", "label", "id"]);
+    var className = _a.className, label = _a.label, id = _a.id, rest = __rest$2(_a, ["className", "label", "id"]);
     return (e__default["default"].createElement("label", { className: "ods-radio__root", htmlFor: id },
-        e__default["default"].createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
+        e__default["default"].createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
         e__default["default"].createElement("span", { className: "ods-radio__checkmark" }),
         label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))));
 });
 Radio.displayName = 'Radio';
 
-var mapIconsByType = {
-    linkChevron: ee,
-    externalLink: Qe
-};
-var LinkIcons = e__default["default"].memo(function (_a) {
-    var icon = _a.icon;
-    if (icon) {
-        var IconElement = mapIconsByType[icon];
-        return (e__default["default"].createElement(IconElement, { size: 16, className: "ods-link__icon", "aria-hidden": true, focusable: false, "data-testid": "link-icon" }));
-    }
-    return e__default["default"].createElement(e__default["default"].Fragment, null);
-});
-LinkIcons.displayName = 'LinkIcons';
-
-var Link = e.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$1(_a, ["children", "className", "variant", "size", "icon"]);
-    return (e__default["default"].createElement("a", __assign$1({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
-        e__default["default"].createElement("span", { className: "ods-link__content" }, children),
-        e__default["default"].createElement(LinkIcons, { icon: icon })));
-});
-Link.displayName = 'Link';
-
 var TextArea = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "placeholder", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
+    var className = _a.className, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$2(_a, ["className", "label", "placeholder", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
         onChange: onChange
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e__default["default"].createElement(FormControl, { label: label, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
-        e__default["default"].createElement("textarea", __assign$1({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest))));
+        e__default["default"].createElement("textarea", __assign$2({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest))));
 });
 TextArea.displayName = 'TextArea';
 
 var Context = e__default["default"].createContext({});
 
 var Option = e__default["default"].memo(function (option) {
-    var label = option.label, className = option.className, id = option.id, index = option.index, rest = __rest$1(option, ["label", "className", "id", "index"]);
+    var label = option.label, className = option.className, id = option.id, index = option.index, rest = __rest$2(option, ["label", "className", "id", "index"]);
     var _a = e.useContext(Context), selected = _a.selected, onSelect = _a.onSelect, setIsExpanded = _a.setIsExpanded, refSelControl = _a.refSelControl;
     var isSelected = e.useMemo(function () { return (selected === null || selected === void 0 ? void 0 : selected.index) === index; }, [selected, index]);
     var refOption = e.useRef(null);
@@ -5121,7 +5132,7 @@ var Option = e__default["default"].memo(function (option) {
         refSelControl.current.focus();
         setIsExpanded(false);
     }, [onSelect, option, refSelControl, setIsExpanded]);
-    return (e__default["default"].createElement("li", __assign$1({}, rest, { ref: refOption, id: id, role: "option", className: classNames('ods-select__option', isSelected && 'ods-select__option--selected', className), onClick: handleClick, "aria-selected": isSelected || undefined }),
+    return (e__default["default"].createElement("li", __assign$2({}, rest, { ref: refOption, id: id, role: "option", className: classNames('ods-select__option', isSelected && 'ods-select__option--selected', className), onClick: handleClick, "aria-selected": isSelected || undefined }),
         e__default["default"].createElement("span", null, label)));
 });
 Option.displayName = 'Option';
@@ -5135,8 +5146,8 @@ var Listbox = e__default["default"].memo(function (_a) {
     }, []);
     return (e__default["default"].createElement("div", { className: "ods-select__listbox-wrapper" },
         e__default["default"].createElement("ul", { ref: refListbox, id: id, tabIndex: -1, role: "listbox", "aria-activedescendant": (selected === null || selected === void 0 ? void 0 : selected.id) || undefined, className: "ods-select__listbox", onKeyDown: onKeyDown }, options.map(function (_a) {
-            var value = _a.value, index = _a.index, rest = __rest$1(_a, ["value", "index"]);
-            return (e__default["default"].createElement(Option, __assign$1({ key: value, value: value, index: index }, rest)));
+            var value = _a.value, index = _a.index, rest = __rest$2(_a, ["value", "index"]);
+            return (e__default["default"].createElement(Option, __assign$2({ key: value, value: value, index: index }, rest)));
         }))));
 });
 Listbox.displayName = 'Listbox';
@@ -5301,7 +5312,7 @@ var useSelect = function (_a) {
     var _d = e.useState(''), search = _d[0], setSearch = _d[1];
     var currentIndex = selected ? selected.index : -1;
     var optionsMemo = e.useMemo(function () {
-        return options.map(function (opt, index) { return (__assign$1(__assign$1({}, opt), { index: index, id: makeId("option-".concat(opt.value), listboxId) })); });
+        return options.map(function (opt, index) { return (__assign$2(__assign$2({}, opt), { index: index, id: makeId("option-".concat(opt.value), listboxId) })); });
     }, [listboxId, options]);
     var onSelect = e.useCallback(function (option, canEmitChangeEvent) {
         if (canEmitChangeEvent === void 0) { canEmitChangeEvent = true; }
@@ -5339,7 +5350,7 @@ var useSelect = function (_a) {
         var timer;
         if (search) {
             timer = setTimeout(function () {
-                var optionList = __spreadArray$1(__spreadArray$1([], optionsMemo.slice(currentIndex + 1), true), optionsMemo.slice(0, currentIndex + 1), true);
+                var optionList = __spreadArray$2(__spreadArray$2([], optionsMemo.slice(currentIndex + 1), true), optionsMemo.slice(0, currentIndex + 1), true);
                 var option = optionList.find(function (o) {
                     return o.label.toLowerCase().startsWith(search.toLowerCase());
                 });
@@ -5365,7 +5376,7 @@ var useSelect = function (_a) {
 };
 
 var Select = function (_a) {
-    var label = _a.label, id = _a.id, helperText = _a.helperText, error = _a.error, optionsProp = _a.options, name = _a.name, value = _a.value, defaultValue = _a.defaultValue, disabled = _a.disabled, ariaLabel = _a.ariaLabel, onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, rest = __rest$1(_a, ["label", "id", "helperText", "error", "options", "name", "value", "defaultValue", "disabled", "ariaLabel", "onChange", "className", "placeholder"]);
+    var label = _a.label, id = _a.id, helperText = _a.helperText, error = _a.error, optionsProp = _a.options, name = _a.name, value = _a.value, defaultValue = _a.defaultValue, disabled = _a.disabled, ariaLabel = _a.ariaLabel, onChange = _a.onChange, className = _a.className, placeholder = _a.placeholder, rest = __rest$2(_a, ["label", "id", "helperText", "error", "options", "name", "value", "defaultValue", "disabled", "ariaLabel", "onChange", "className", "placeholder"]);
     var _b = useSelect({
         options: optionsProp,
         id: id,
@@ -5419,7 +5430,7 @@ var Select = function (_a) {
                 refSelControl: refSelControl
             } },
             e__default["default"].createElement("div", { className: "ods-select__root", onBlur: onBlurHandler, onFocus: onFocusHandler },
-                e__default["default"].createElement("button", __assign$1({}, rest, { ref: refSelControl, id: controlId, type: "button", className: classNames('ods-select__control', isExpanded && 'ods-select__control--expanded', !isExpanded && selected && 'ods-select__control--filled', error && 'ods-select__control--error', className), disabled: disabled, onClick: function () { return setIsExpanded(!isExpanded); }, onKeyDown: handleKeyDown, "aria-expanded": isExpanded || undefined, "aria-haspopup": "listbox", "aria-labelledby": ariaLabel
+                e__default["default"].createElement("button", __assign$2({}, rest, { ref: refSelControl, id: controlId, type: "button", className: classNames('ods-select__control', isExpanded && 'ods-select__control--expanded', !isExpanded && selected && 'ods-select__control--filled', error && 'ods-select__control--error', className), disabled: disabled, onClick: function () { return setIsExpanded(!isExpanded); }, onKeyDown: handleKeyDown, "aria-expanded": isExpanded || undefined, "aria-haspopup": "listbox", "aria-labelledby": ariaLabel
                         ? undefined
                         : [labelId, controlId].filter(Boolean).join(' '), "aria-label": ariaLabel }),
                     e__default["default"].createElement("span", { className: classNames('ods-select__value', {
@@ -5436,14 +5447,14 @@ var Select = function (_a) {
 };
 
 var Switch = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, rest = __rest$1(_a, ["className", "id"]);
+    var className = _a.className, id = _a.id, rest = __rest$2(_a, ["className", "id"]);
     return (e__default["default"].createElement("label", { className: "ods-switch__root", htmlFor: id },
-        e__default["default"].createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-switch', className) }, rest, { type: "checkbox" })),
+        e__default["default"].createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-switch', className) }, rest, { type: "checkbox" })),
         e__default["default"].createElement("span", { className: "ods-switch__slider" })));
 });
 Switch.displayName = 'Switch';
 
-var lib = {exports: {}};
+var lib$2 = {exports: {}};
 
 var Modal$2 = {};
 
@@ -8250,14 +8261,14 @@ Modal$2.default = Modal$1;
 
 	exports.default = _Modal2.default;
 	module.exports = exports["default"];
-} (lib, lib.exports));
+} (lib$2, lib$2.exports));
 
-var ReactModal = /*@__PURE__*/getDefaultExportFromCjs(lib.exports);
+var ReactModal = /*@__PURE__*/getDefaultExportFromCjs(lib$2.exports);
 
 var Modal = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.maxWidth, maxWidth = _c === void 0 ? false : _c, _d = _a.disableClose, disableClose = _d === void 0 ? false : _d, _e = _a.blocked, blocked = _e === void 0 ? false : _e, onRequestClose = _a.onRequestClose, rest = __rest$1(_a, ["children", "maxWidth", "disableClose", "blocked", "onRequestClose"]);
-    return (e__default["default"].createElement(ReactModal, __assign$1({ closeTimeoutMS: 150, portalClassName: "ods-modal", overlayClassName: {
+    var children = _a.children, _c = _a.maxWidth, maxWidth = _c === void 0 ? false : _c, _d = _a.disableClose, disableClose = _d === void 0 ? false : _d, _e = _a.blocked, blocked = _e === void 0 ? false : _e, onRequestClose = _a.onRequestClose, rest = __rest$2(_a, ["children", "maxWidth", "disableClose", "blocked", "onRequestClose"]);
+    return (e__default["default"].createElement(ReactModal, __assign$2({ closeTimeoutMS: 150, portalClassName: "ods-modal", overlayClassName: {
             base: 'ods-modal__overlay',
             afterOpen: 'ods-modal__overlay--after-open',
             beforeClose: 'ods-modal__overlay--before-close'
@@ -8275,19 +8286,19 @@ var Modal = function (_a) {
 };
 
 var Divider = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, rest = __rest$1(_a, ["className"]);
-    return (e__default["default"].createElement("hr", __assign$1({ ref: ref, className: classNames('ods-divider', className) }, rest)));
+    var className = _a.className, rest = __rest$2(_a, ["className"]);
+    return (e__default["default"].createElement("hr", __assign$2({ ref: ref, className: classNames('ods-divider', className) }, rest)));
 });
 Divider.displayName = 'Divider';
 
 function IconButtonBase(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, component = _a.component, rest = __rest$1(_a, ["children", "className", "size", "disabled", "component"]);
-    return e__default["default"].createElement(component || 'button', __assign$1({ ref: ref, className: classNames('ods-icon-btn', "ods-icon-btn--".concat(size), disabled && 'ods-icon-btn--disabled', className) }, rest), children);
+    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, component = _a.component, rest = __rest$2(_a, ["children", "className", "size", "disabled", "component"]);
+    return e__default["default"].createElement(component || 'button', __assign$2({ ref: ref, className: classNames('ods-icon-btn', "ods-icon-btn--".concat(size), disabled && 'ods-icon-btn--disabled', className) }, rest), children);
 }
 var IconButton = e__default["default"].forwardRef(IconButtonBase);
 
 var Search = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, rest = __rest$1(_a, ["className", "id", "disabled", "value", "defaultValue", "placeholder", "onChange"]);
+    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, rest = __rest$2(_a, ["className", "id", "disabled", "value", "defaultValue", "placeholder", "onChange"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
@@ -8297,7 +8308,7 @@ var Search = e__default["default"].forwardRef(function (_a, ref) {
         e__default["default"].createElement("div", { className: classNames('ods-search', filled && 'ods-search--filled', disabled && 'ods-search--disabled', className) },
             e__default["default"].createElement("div", { className: "ods-search__adornment" },
                 e__default["default"].createElement(jt, null)),
-            e__default["default"].createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest)),
+            e__default["default"].createElement("input", __assign$2({ ref: ref, type: "text", id: id, disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest)),
             filled && (e__default["default"].createElement(IconButton, { "data-testid": "close", onClick: function () {
                     var e = {
                         target: { value: '' }
@@ -25532,7 +25543,7 @@ var lodash = {exports: {}};
 } (lodash, lodash.exports));
 
 var Stepper = e__default["default"].forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, _b = _a.min, min = _b === void 0 ? 0 : _b, max = _a.max, rest = __rest$1(_a, ["className", "label", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue", "min", "max"]);
+    var className = _a.className, label = _a.label, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, _b = _a.min, min = _b === void 0 ? 0 : _b, max = _a.max, rest = __rest$2(_a, ["className", "label", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue", "min", "max"]);
     var _c = useInputFilled({
         defaultValue: defaultValue,
         value: value,
@@ -25585,7 +25596,7 @@ var Stepper = e__default["default"].forwardRef(function (_a, ref) {
                 e__default["default"].createElement("div", { className: "ods-input--amount__stepper-controls ods-input--amount__stepper-controls_minus" },
                     e__default["default"].createElement(IconButton, { size: "sm", disabled: amount <= min || disabled, type: "button", onClick: deduceFromAmount },
                         e__default["default"].createElement(Fr, { size: 24 }))),
-                e__default["default"].createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onKeyDown: handleListboxKeyDown, onChange: function (e) {
+                e__default["default"].createElement("input", __assign$2({ ref: ref, type: "text", id: id, disabled: disabled, onKeyDown: handleListboxKeyDown, onChange: function (e) {
                         handleChange(e);
                         var target = e.target;
                         var inputedValue = parseFloat(target.value);
@@ -25627,9 +25638,9 @@ var Steps = function (_a) {
 };
 
 var Badge = e__default["default"].forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'small' : _b, className = _a.className, count = _a.count, color = _a.color, rest = __rest$1(_a, ["children", "variation", "className", "count", "color"]);
+    var children = _a.children, _b = _a.variation, variation = _b === void 0 ? 'small' : _b, className = _a.className, count = _a.count, color = _a.color, rest = __rest$2(_a, ["children", "variation", "className", "count", "color"]);
     var countToShow = count && count > 99 ? "99+" : count;
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref, role: "tag", className: classNames('ods-badge', "ods-badge--".concat(variation), "ods-badge--".concat(color), className, {
             'ods-badge--overflow': count && count > 9
         }) }, rest),
         variation !== 'tiny' && typeof count !== 'undefined' && (e__default["default"].createElement("div", { className: "ods-badge__content ods-badge__count" }, countToShow)),
@@ -25639,8 +25650,8 @@ var Badge = e__default["default"].forwardRef(function (_a, ref) {
 Badge.displayName = 'Badge';
 
 var CrossSellCard = e__default["default"].forwardRef(function (_a, ref) {
-    var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest$1(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
-    return (e__default["default"].createElement("div", __assign$1({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
+    var title = _a.title, className = _a.className, description = _a.description, imageSrc = _a.imageSrc, ctaText = _a.ctaText, ctaAction = _a.ctaAction, customIcon = _a.customIcon, rest = __rest$2(_a, ["title", "className", "description", "imageSrc", "ctaText", "ctaAction", "customIcon"]);
+    return (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { className: classNames('ods-cross-sell-card', className) }),
         e__default["default"].createElement("a", { className: "ods-cross-sell-card__content" },
             e__default["default"].createElement("div", { className: "ods-cross-sell-card__information" },
                 e__default["default"].createElement("div", { className: "ods-cross-sell-card__title" }, title),
@@ -31529,18 +31540,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
         return t;
     };
-    return __assign.apply(this, arguments);
+    return __assign$1.apply(this, arguments);
 };
 
-function __rest(s, e) {
+function __rest$1(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -31552,7 +31563,7 @@ function __rest(s, e) {
     return t;
 }
 
-function __spreadArray(to, from, pack) {
+function __spreadArray$1(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
             if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -31937,24 +31948,24 @@ function DayPickerProvider(props) {
     var value = {
         captionLayout: captionLayout,
         className: initialProps.className,
-        classNames: __assign(__assign({}, defaults.classNames), initialProps.classNames),
-        components: __assign(__assign({}, defaults.components), initialProps.components),
+        classNames: __assign$1(__assign$1({}, defaults.classNames), initialProps.classNames),
+        components: __assign$1(__assign$1({}, defaults.components), initialProps.components),
         defaultMonth: initialProps.defaultMonth,
         dir: initialProps.dir,
         disabled: initialProps.disabled,
         disableNavigation: initialProps.disableNavigation,
         fixedWeeks: initialProps.fixedWeeks,
         footer: initialProps.footer,
-        formatters: __assign(__assign({}, defaults.formatters), initialProps.formatters),
+        formatters: __assign$1(__assign$1({}, defaults.formatters), initialProps.formatters),
         fromDate: fromDate,
         hidden: initialProps.hidden,
         hideHead: initialProps.hideHead,
         initialFocus: initialProps.initialFocus,
-        labels: __assign(__assign({}, defaults.labels), initialProps.labels),
+        labels: __assign$1(__assign$1({}, defaults.labels), initialProps.labels),
         locale: (_b = initialProps.locale) !== null && _b !== void 0 ? _b : defaults.locale,
         mode: initialProps.mode || 'default',
-        modifiers: __assign(__assign({}, defaults.modifiers), initialProps.modifiers),
-        modifiersClassNames: __assign(__assign({}, defaults.modifiersClassNames), initialProps.modifiersClassNames),
+        modifiers: __assign$1(__assign$1({}, defaults.modifiers), initialProps.modifiers),
+        modifiersClassNames: __assign$1(__assign$1({}, defaults.modifiersClassNames), initialProps.modifiersClassNames),
         modifiersStyles: initialProps.modifiersStyles,
         month: initialProps.month,
         numberOfMonths: (_c = initialProps.numberOfMonths) !== null && _c !== void 0 ? _c : defaults.numberOfMonths,
@@ -31980,7 +31991,7 @@ function DayPickerProvider(props) {
         showOutsideDays: initialProps.showOutsideDays,
         showWeekNumber: initialProps.showWeekNumber,
         style: initialProps.style,
-        styles: __assign(__assign({}, defaults.styles), initialProps.styles),
+        styles: __assign$1(__assign$1({}, defaults.styles), initialProps.styles),
         toDate: toDate,
         today: (_d = initialProps.today) !== null && _d !== void 0 ? _d : defaults.today,
         weekStartsOn: initialProps.weekStartsOn
@@ -32012,7 +32023,7 @@ function CaptionLabel(props) {
  * Render the icon in the styled drop-down.
  */
 function IconDropdown(props) {
-    return (e__default["default"].createElement("svg", __assign({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props),
+    return (e__default["default"].createElement("svg", __assign$1({ width: "8px", height: "8px", viewBox: "0 0 120 120", "data-testid": "iconDropdown" }, props),
         e__default["default"].createElement("path", { d: "M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z", fill: "currentColor", fillRule: "nonzero" })));
 }
 
@@ -32287,7 +32298,7 @@ function CaptionDropdowns(props) {
  * Render the "previous month" button in the navigation.
  */
 function IconLeft(props) {
-    return (e__default["default"].createElement("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props),
+    return (e__default["default"].createElement("svg", __assign$1({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props),
         e__default["default"].createElement("path", { d: "M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z", fill: "currentColor", fillRule: "nonzero" })));
 }
 
@@ -32295,7 +32306,7 @@ function IconLeft(props) {
  * Render the "next month" button in the navigation.
  */
 function IconRight(props) {
-    return (e__default["default"].createElement("svg", __assign({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props),
+    return (e__default["default"].createElement("svg", __assign$1({ width: "16px", height: "16px", viewBox: "0 0 120 120" }, props),
         e__default["default"].createElement("path", { d: "M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z", fill: "currentColor" })));
 }
 
@@ -32309,11 +32320,11 @@ var Button = e.forwardRef(function (props, ref) {
         classNamesArr.push(props.className);
     }
     var className = classNamesArr.join(' ');
-    var style = __assign(__assign({}, styles.button_reset), styles.button);
+    var style = __assign$1(__assign$1({}, styles.button_reset), styles.button);
     if (props.style) {
         Object.assign(style, props.style);
     }
-    return (e__default["default"].createElement("button", __assign({}, props, { ref: ref, type: "button", className: className, style: style })));
+    return (e__default["default"].createElement("button", __assign$1({}, props, { ref: ref, type: "button", className: className, style: style })));
 });
 
 /** A component rendering the navigation buttons or the drop-downs. */
@@ -32487,7 +32498,7 @@ function SelectMultipleProviderInternal(_a) {
         if (isMaxSelected) {
             return;
         }
-        var selectedDays = selected ? __spreadArray([], selected, true) : [];
+        var selectedDays = selected ? __spreadArray$1([], selected, true) : [];
         if (activeModifiers.selected) {
             var index = selectedDays.findIndex(function (selectedDay) {
                 return isSameDay(day, selectedDay);
@@ -32746,7 +32757,7 @@ function ModifiersProvider(props) {
     var selectRange = useSelectRange();
     var internalModifiers = getInternalModifiers(dayPicker, selectMultiple, selectRange);
     var customModifiers = getCustomModifiers(dayPicker.modifiers);
-    var modifiers = __assign(__assign({}, internalModifiers), customModifiers);
+    var modifiers = __assign$1(__assign$1({}, internalModifiers), customModifiers);
     return (e__default["default"].createElement(ModifiersContext.Provider, { value: modifiers }, props.children));
 }
 
@@ -33294,10 +33305,10 @@ function getDayClassNames(dayPicker, activeModifiers) {
 
 /** Return the style for the Day element, according to the given active modifiers. */
 function getDayStyle(dayPicker, activeModifiers) {
-    var style = __assign({}, dayPicker.styles.day);
+    var style = __assign$1({}, dayPicker.styles.day);
     Object.keys(activeModifiers).forEach(function (modifier) {
         var _a;
-        style = __assign(__assign({}, style), (_a = dayPicker.modifiersStyles) === null || _a === void 0 ? void 0 : _a[modifier]);
+        style = __assign$1(__assign$1({}, style), (_a = dayPicker.modifiersStyles) === null || _a === void 0 ? void 0 : _a[modifier]);
     });
     return style;
 }
@@ -33361,7 +33372,7 @@ function useDayRender(day, displayMonth, buttonRef) {
         children: children
     };
     var isFocusTarget = Boolean(focusContext.focusTarget && isSameDay(focusContext.focusTarget, day));
-    var buttonProps = __assign(__assign(__assign({}, divProps), (_a = {}, _a['aria-disabled'] = activeModifiers.disabled, _a['aria-pressed'] = activeModifiers.selected, _a.tabIndex = isFocusTarget ? 0 : -1, _a)), eventHandlers);
+    var buttonProps = __assign$1(__assign$1(__assign$1({}, divProps), (_a = {}, _a['aria-disabled'] = activeModifiers.disabled, _a['aria-pressed'] = activeModifiers.selected, _a.tabIndex = isFocusTarget ? 0 : -1, _a)), eventHandlers);
     var dayRender = {
         isButton: isButton,
         isHidden: isHidden,
@@ -33384,9 +33395,9 @@ function Day(props) {
         return e__default["default"].createElement(e__default["default"].Fragment, null);
     }
     if (!dayRender.isButton) {
-        return e__default["default"].createElement("div", __assign({}, dayRender.divProps));
+        return e__default["default"].createElement("div", __assign$1({}, dayRender.divProps));
     }
-    return e__default["default"].createElement(Button, __assign({ ref: buttonRef }, dayRender.buttonProps));
+    return e__default["default"].createElement(Button, __assign$1({ ref: buttonRef }, dayRender.buttonProps));
 }
 
 /**
@@ -33507,15 +33518,15 @@ function Month(props) {
     }
     if (isStart) {
         className.push(classNames.caption_start);
-        style = __assign(__assign({}, style), styles.caption_start);
+        style = __assign$1(__assign$1({}, style), styles.caption_start);
     }
     if (isEnd) {
         className.push(classNames.caption_end);
-        style = __assign(__assign({}, style), styles.caption_end);
+        style = __assign$1(__assign$1({}, style), styles.caption_end);
     }
     if (isCenter) {
         className.push(classNames.caption_between);
-        style = __assign(__assign({}, style), styles.caption_between);
+        style = __assign$1(__assign$1({}, style), styles.caption_between);
     }
     var CaptionComponent = (_b = components === null || components === void 0 ? void 0 : components.Caption) !== null && _b !== void 0 ? _b : Caption;
     return (e__default["default"].createElement("div", { key: props.displayIndex, className: className.join(' '), style: style },
@@ -33555,14 +33566,14 @@ function Root() {
     if (dayPicker.showWeekNumber) {
         classNames.push(dayPicker.classNames.with_weeknumber);
     }
-    var style = __assign(__assign({}, dayPicker.styles.root), dayPicker.style);
+    var style = __assign$1(__assign$1({}, dayPicker.styles.root), dayPicker.style);
     return (e__default["default"].createElement("div", { className: classNames.join(' '), style: style, dir: dayPicker.dir },
         e__default["default"].createElement("div", { className: dayPicker.classNames.months, style: dayPicker.styles.months }, navigation.displayMonths.map(function (month, i) { return (e__default["default"].createElement(Month, { key: i, displayIndex: i, displayMonth: month })); }))));
 }
 
 /** Provide the value for all the context providers. */
 function RootProvider(props) {
-    var children = props.children, initialProps = __rest(props, ["children"]);
+    var children = props.children, initialProps = __rest$1(props, ["children"]);
     return (e__default["default"].createElement(DayPickerProvider, { initialProps: initialProps },
         e__default["default"].createElement(NavigationProvider, null,
             e__default["default"].createElement(SelectSingleProvider, { initialProps: initialProps },
@@ -33573,7 +33584,7 @@ function RootProvider(props) {
 }
 
 function DayPicker(props) {
-    return (e__default["default"].createElement(RootProvider, __assign({}, props),
+    return (e__default["default"].createElement(RootProvider, __assign$1({}, props),
         e__default["default"].createElement(Root, null)));
 }
 
@@ -34116,11 +34127,11 @@ var DatePickerHeader = function (_a) {
 };
 
 var DatePickerSingle = e__default["default"].forwardRef(function (_a, ref) {
-    var label = _a.label, value = _a.value, onSelect = _a.onSelect, editable = _a.editable, disabled = _a.disabled, error = _a.error, helperText = _a.helperText, startsToday = _a.startsToday, className = _a.className, locale = _a.locale, rest = __rest$1(_a, ["label", "value", "onSelect", "editable", "disabled", "error", "helperText", "startsToday", "className", "locale"]);
+    var label = _a.label, value = _a.value, onSelect = _a.onSelect, editable = _a.editable, disabled = _a.disabled, error = _a.error, helperText = _a.helperText, startsToday = _a.startsToday, className = _a.className, locale = _a.locale, rest = __rest$2(_a, ["label", "value", "onSelect", "editable", "disabled", "error", "helperText", "startsToday", "className", "locale"]);
     var _b = useDatePickerSingle({ value: value, onSelect: onSelect, startsToday: startsToday, locale: locale }), input1Ref = _b.input1Ref, showDayPicker = _b.showDayPicker, selectedDay = _b.selectedDay, CustomStyles = _b.CustomStyles, localeOption = _b.localeOption, currentField = _b.currentField, inputPlaceholder = _b.inputPlaceholder, handleDayClick = _b.handleDayClick, inputChange = _b.inputChange, createHandleToggleClick = _b.createHandleToggleClick, disabledDays = _b.disabledDays, formatDay = _b.formatDay, handleCloseByOutside = _b.handleCloseByOutside, currentMonthToDisplay = _b.currentMonthToDisplay;
     return (e__default["default"].createElement("div", null,
         showDayPicker && (e__default["default"].createElement("div", { className: "ods-date-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside })),
-        e__default["default"].createElement("div", __assign$1({ className: classNames('ods-date', className), ref: ref }, rest),
+        e__default["default"].createElement("div", __assign$2({ className: classNames('ods-date', className), ref: ref }, rest),
             e__default["default"].createElement("div", { className: "ods-date__form-row-datepicker" },
                 e__default["default"].createElement("div", { className: "ods-date__form-controls", "data-testid": "date-picker-first-field-wrapper", onClick: function () { return createHandleToggleClick('start-date'); } },
                     label && e__default["default"].createElement("label", { htmlFor: "start-date" }, label),
@@ -34319,11 +34330,11 @@ function useDatePicker(_a) {
 }
 
 var DatePickerRange = e__default["default"].forwardRef(function (_a, ref) {
-    var labels = _a.labels, values = _a.values, onSelect = _a.onSelect, editable = _a.editable, disabled = _a.disabled, error = _a.error, helperText = _a.helperText, startsToday = _a.startsToday, className = _a.className, locale = _a.locale, rest = __rest$1(_a, ["labels", "values", "onSelect", "editable", "disabled", "error", "helperText", "startsToday", "className", "locale"]);
+    var labels = _a.labels, values = _a.values, onSelect = _a.onSelect, editable = _a.editable, disabled = _a.disabled, error = _a.error, helperText = _a.helperText, startsToday = _a.startsToday, className = _a.className, locale = _a.locale, rest = __rest$2(_a, ["labels", "values", "onSelect", "editable", "disabled", "error", "helperText", "startsToday", "className", "locale"]);
     var _b = useDatePicker({ values: values, onSelect: onSelect, startsToday: startsToday, locale: locale }), input1Ref = _b.input1Ref, input2Ref = _b.input2Ref, showDayPicker = _b.showDayPicker, selectedDays = _b.selectedDays, CustomStyles = _b.CustomStyles, localeOption = _b.localeOption, currentField = _b.currentField, inputPlaceholder = _b.inputPlaceholder, handleDayMouseEnter = _b.handleDayMouseEnter, handleDayClick = _b.handleDayClick, handleDisplayMonth = _b.handleDisplayMonth, inputChange = _b.inputChange, createHandleToggleClick = _b.createHandleToggleClick, disabledDays = _b.disabledDays, formatDay = _b.formatDay, handleCloseByOutside = _b.handleCloseByOutside, currentMonthToDisplay = _b.currentMonthToDisplay;
     return (e__default["default"].createElement("div", null,
         showDayPicker && (e__default["default"].createElement("div", { className: "ods-date-background", "data-testid": "date-picker-outside", onClick: handleCloseByOutside })),
-        e__default["default"].createElement("div", __assign$1({ className: classNames('ods-date', className), ref: ref }, rest),
+        e__default["default"].createElement("div", __assign$2({ className: classNames('ods-date', className), ref: ref }, rest),
             e__default["default"].createElement("div", { className: "ods-date__form-row" },
                 e__default["default"].createElement("div", { className: "ods-date__form-controls", "data-testid": "date-picker-first-field-wrapper", onClick: function () { return createHandleToggleClick('start-date'); } },
                     labels && labels.from && (e__default["default"].createElement("label", { htmlFor: "start-date" }, labels.from)),
@@ -46257,7 +46268,7 @@ const Doughnut = /* #__PURE__ */ createTypedChart('doughnut', DoughnutController
 
 Chart$1.register(ArcElement);
 var DoughnutChart = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, className = _a.className, centerChartLabel = _a.centerChartLabel, centerChartValue = _a.centerChartValue, data = _a.data, rest = __rest$1(_a, ["title", "subtitle", "className", "centerChartLabel", "centerChartValue", "data"]);
+    var title = _a.title, subtitle = _a.subtitle, className = _a.className, centerChartLabel = _a.centerChartLabel, centerChartValue = _a.centerChartValue, data = _a.data, rest = __rest$2(_a, ["title", "subtitle", "className", "centerChartLabel", "centerChartValue", "data"]);
     var formatedData = {
         datasets: [
             {
@@ -46276,12 +46287,12 @@ var DoughnutChart = function (_a) {
         borderWidth: 0,
         cutout: '64%'
     };
-    return (e__default["default"].createElement("div", __assign$1({ className: classNames('ods-chart', className) }, rest),
+    return (e__default["default"].createElement("div", __assign$2({ className: classNames('ods-chart', className) }, rest),
         e__default["default"].createElement("div", { className: "ods-chart__title-and-subtitle" },
             e__default["default"].createElement("div", { className: "ods-typography ods-typography__heading4" }, title),
             e__default["default"].createElement("div", { className: "ods-typography ods-typography__caption" }, subtitle)),
         e__default["default"].createElement("div", { className: "ods-chart__canvas" },
-            e__default["default"].createElement(Doughnut, { height: 180, width: 180, data: __assign$1({}, formatedData), options: options }),
+            e__default["default"].createElement(Doughnut, { height: 180, width: 180, data: __assign$2({}, formatedData), options: options }),
             e__default["default"].createElement("div", { className: "ods-chart__canvas__center-legend" },
                 e__default["default"].createElement("div", { className: "ods-typography ods-typography__heading2" }, centerChartValue),
                 e__default["default"].createElement("p", { className: "ods-typography ods-typography__description" }, centerChartLabel))),
@@ -46298,17 +46309,1436 @@ var DoughnutChart = function (_a) {
                 "%"))); }))));
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf ||
+      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+  return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() { this.constructor = d; }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return __assign.apply(this, arguments);
+};
+
+function __rest(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;
+}
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+  return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+  var _, done = false;
+  for (var i = decorators.length - 1; i >= 0; i--) {
+      var context = {};
+      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+      if (kind === "accessor") {
+          if (result === void 0) continue;
+          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+          if (_ = accept(result.get)) descriptor.get = _;
+          if (_ = accept(result.set)) descriptor.set = _;
+          if (_ = accept(result.init)) initializers.unshift(_);
+      }
+      else if (_ = accept(result)) {
+          if (kind === "field") initializers.unshift(_);
+          else descriptor[key] = _;
+      }
+  }
+  if (target) Object.defineProperty(target, contextIn.name, descriptor);
+  done = true;
+}
+function __runInitializers(thisArg, initializers, value) {
+  var useValue = arguments.length > 2;
+  for (var i = 0; i < initializers.length; i++) {
+      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+  }
+  return useValue ? value : void 0;
+}
+function __propKey(x) {
+  return typeof x === "symbol" ? x : "".concat(x);
+}
+function __setFunctionName(f, name, prefix) {
+  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+}
+function __metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  function verb(n) { return function (v) { return step([n, v]); }; }
+  function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+              case 0: case 1: t = op; break;
+              case 4: _.label++; return { value: op[1], done: false };
+              case 5: _.label++; y = op[1]; op = [0]; continue;
+              case 7: op = _.ops.pop(); _.trys.pop(); continue;
+              default:
+                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop(); continue;
+          }
+          op = body.call(thisArg, _);
+      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+  }
+  Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
+/** @deprecated */
+function __spread() {
+  for (var ar = [], i = 0; i < arguments.length; i++)
+      ar = ar.concat(__read(arguments[i]));
+  return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+  return r;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+  return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var g = generator.apply(thisArg, _arguments || []), i, q = [];
+  return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+  function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+  function fulfill(value) { resume("next", value); }
+  function reject(value) { resume("throw", value); }
+  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+  var i, p;
+  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+  var m = o[Symbol.asyncIterator], i;
+  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+  return cooked;
+}
+var __setModuleDefault = Object.create ? (function(o, v) {
+  Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+  o["default"] = v;
+};
+
+function __importStar(mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  __setModuleDefault(result, mod);
+  return result;
+}
+
+function __importDefault(mod) {
+  return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+  return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+function __addDisposableResource(env, value, async) {
+  if (value !== null && value !== void 0) {
+    if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+    var dispose;
+    if (async) {
+        if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+        dispose = value[Symbol.asyncDispose];
+    }
+    if (dispose === void 0) {
+        if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+        dispose = value[Symbol.dispose];
+    }
+    if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+    env.stack.push({ value: value, dispose: dispose, async: async });
+  }
+  else if (async) {
+    env.stack.push({ async: true });
+  }
+  return value;
+}
+
+var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function __disposeResources(env) {
+  function fail(e) {
+    env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+    env.hasError = true;
+  }
+  function next() {
+    while (env.stack.length) {
+      var rec = env.stack.pop();
+      try {
+        var result = rec.dispose && rec.dispose.call(rec.value);
+        if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+      }
+      catch (e) {
+          fail(e);
+      }
+    }
+    if (env.hasError) throw env.error;
+  }
+  return next();
+}
+
+var tslib_es6 = {
+  __extends,
+  __assign,
+  __rest,
+  __decorate,
+  __param,
+  __metadata,
+  __awaiter,
+  __generator,
+  __createBinding,
+  __exportStar,
+  __values,
+  __read,
+  __spread,
+  __spreadArrays,
+  __spreadArray,
+  __await,
+  __asyncGenerator,
+  __asyncDelegator,
+  __asyncValues,
+  __makeTemplateObject,
+  __importStar,
+  __importDefault,
+  __classPrivateFieldGet,
+  __classPrivateFieldSet,
+  __classPrivateFieldIn,
+  __addDisposableResource,
+  __disposeResources,
+};
+
+var tslib_es6$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    __extends: __extends,
+    get __assign () { return __assign; },
+    __rest: __rest,
+    __decorate: __decorate,
+    __param: __param,
+    __esDecorate: __esDecorate,
+    __runInitializers: __runInitializers,
+    __propKey: __propKey,
+    __setFunctionName: __setFunctionName,
+    __metadata: __metadata,
+    __awaiter: __awaiter,
+    __generator: __generator,
+    __createBinding: __createBinding,
+    __exportStar: __exportStar,
+    __values: __values,
+    __read: __read,
+    __spread: __spread,
+    __spreadArrays: __spreadArrays,
+    __spreadArray: __spreadArray,
+    __await: __await,
+    __asyncGenerator: __asyncGenerator,
+    __asyncDelegator: __asyncDelegator,
+    __asyncValues: __asyncValues,
+    __makeTemplateObject: __makeTemplateObject,
+    __importStar: __importStar,
+    __importDefault: __importDefault,
+    __classPrivateFieldGet: __classPrivateFieldGet,
+    __classPrivateFieldSet: __classPrivateFieldSet,
+    __classPrivateFieldIn: __classPrivateFieldIn,
+    __addDisposableResource: __addDisposableResource,
+    __disposeResources: __disposeResources,
+    'default': tslib_es6
+});
+
+var isBrowser = typeof window !== 'undefined';
+var isNavigator = typeof navigator !== 'undefined';
+
+var nav$1 = isNavigator ? navigator : undefined;
+nav$1 && typeof nav$1.getBattery === 'function';
+
+var js_cookie = {exports: {}};
+
+/*!
+ * JavaScript Cookie v2.2.1
+ * https://github.com/js-cookie/js-cookie
+ *
+ * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
+ * Released under the MIT license
+ */
+
+(function (module, exports) {
+(function (factory) {
+		var registeredInModuleLoader;
+		{
+			module.exports = factory();
+			registeredInModuleLoader = true;
+		}
+		if (!registeredInModuleLoader) {
+			var OldCookies = window.Cookies;
+			var api = window.Cookies = factory();
+			api.noConflict = function () {
+				window.Cookies = OldCookies;
+				return api;
+			};
+		}
+	}(function () {
+		function extend () {
+			var i = 0;
+			var result = {};
+			for (; i < arguments.length; i++) {
+				var attributes = arguments[ i ];
+				for (var key in attributes) {
+					result[key] = attributes[key];
+				}
+			}
+			return result;
+		}
+
+		function decode (s) {
+			return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
+		}
+
+		function init (converter) {
+			function api() {}
+
+			function set (key, value, attributes) {
+				if (typeof document === 'undefined') {
+					return;
+				}
+
+				attributes = extend({
+					path: '/'
+				}, api.defaults, attributes);
+
+				if (typeof attributes.expires === 'number') {
+					attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
+				}
+
+				// We're using "expires" because "max-age" is not supported by IE
+				attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
+
+				try {
+					var result = JSON.stringify(value);
+					if (/^[\{\[]/.test(result)) {
+						value = result;
+					}
+				} catch (e) {}
+
+				value = converter.write ?
+					converter.write(value, key) :
+					encodeURIComponent(String(value))
+						.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+
+				key = encodeURIComponent(String(key))
+					.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
+					.replace(/[\(\)]/g, escape);
+
+				var stringifiedAttributes = '';
+				for (var attributeName in attributes) {
+					if (!attributes[attributeName]) {
+						continue;
+					}
+					stringifiedAttributes += '; ' + attributeName;
+					if (attributes[attributeName] === true) {
+						continue;
+					}
+
+					// Considers RFC 6265 section 5.2:
+					// ...
+					// 3.  If the remaining unparsed-attributes contains a %x3B (";")
+					//     character:
+					// Consume the characters of the unparsed-attributes up to,
+					// not including, the first %x3B (";") character.
+					// ...
+					stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
+				}
+
+				return (document.cookie = key + '=' + value + stringifiedAttributes);
+			}
+
+			function get (key, json) {
+				if (typeof document === 'undefined') {
+					return;
+				}
+
+				var jar = {};
+				// To prevent the for loop in the first place assign an empty array
+				// in case there are no cookies at all.
+				var cookies = document.cookie ? document.cookie.split('; ') : [];
+				var i = 0;
+
+				for (; i < cookies.length; i++) {
+					var parts = cookies[i].split('=');
+					var cookie = parts.slice(1).join('=');
+
+					if (!json && cookie.charAt(0) === '"') {
+						cookie = cookie.slice(1, -1);
+					}
+
+					try {
+						var name = decode(parts[0]);
+						cookie = (converter.read || converter)(cookie, name) ||
+							decode(cookie);
+
+						if (json) {
+							try {
+								cookie = JSON.parse(cookie);
+							} catch (e) {}
+						}
+
+						jar[name] = cookie;
+
+						if (key === name) {
+							break;
+						}
+					} catch (e) {}
+				}
+
+				return key ? jar[key] : jar;
+			}
+
+			api.set = set;
+			api.get = function (key) {
+				return get(key, false /* read as raw */);
+			};
+			api.getJSON = function (key) {
+				return get(key, true /* read as json */);
+			};
+			api.remove = function (key, attributes) {
+				set(key, '', extend(attributes, {
+					expires: -1
+				}));
+			};
+
+			api.defaults = {};
+
+			api.withConverter = init;
+
+			return api;
+		}
+
+		return init(function () {});
+	}));
+} (js_cookie));
+
+var KEBAB_REGEX = /[A-Z]/g;
+
+var hash = function (str) {
+    var h = 5381, i = str.length;
+
+    while (i) h = (h * 33) ^ str.charCodeAt(--i);
+
+    return '_' + (h >>> 0).toString(36);
+};
+
+var create = function (config) {
+    config = config || {};
+    var assign = config.assign || Object.assign;
+    var client = typeof window === 'object';
+
+    // Check if we are really in browser environment.
+    if (process.env.NODE_ENV !== 'production') {
+        if (client) {
+            if ((typeof document !== 'object') || !document.getElementsByTagName('HTML')) {
+                console.error(
+                    'nano-css detected browser environment because of "window" global, but ' +
+                    '"document" global seems to be defective.'
+                );
+            }
+        }
+    }
+
+    var renderer = assign({
+        raw: '',
+        pfx: '_',
+        client: client,
+        assign: assign,
+        stringify: JSON.stringify,
+        kebab: function (prop) {
+            return prop.replace(KEBAB_REGEX, '-$&').toLowerCase();
+        },
+        decl: function (key, value) {
+            key = renderer.kebab(key);
+            return key + ':' + value + ';';
+        },
+        hash: function (obj) {
+            return hash(renderer.stringify(obj));
+        },
+        selector: function (parent, selector) {
+            return parent + (selector[0] === ':' ? ''  : ' ') + selector;
+        },
+        putRaw: function (rawCssRule) {
+            renderer.raw += rawCssRule;
+        }
+    }, config);
+
+    if (renderer.client) {
+        if (!renderer.sh)
+            document.head.appendChild(renderer.sh = document.createElement('style'));
+
+        if (process.env.NODE_ENV !== 'production') {
+            renderer.sh.setAttribute('data-nano-css-dev', '');
+
+            // Test style sheet used in DEV mode to test if .insetRule() would throw.
+            renderer.shTest = document.createElement('style');
+            renderer.shTest.setAttribute('data-nano-css-dev-tests', '');
+            document.head.appendChild(renderer.shTest);
+        }
+
+        renderer.putRaw = function (rawCssRule) {
+            // .insertRule() is faster than .appendChild(), that's why we use it in PROD.
+            // But CSS injected using .insertRule() is not displayed in Chrome Devtools,
+            // that's why we use .appendChild in DEV.
+            if (process.env.NODE_ENV === 'production') {
+                var sheet = renderer.sh.sheet;
+
+                // Unknown pseudo-selectors will throw, this try/catch swallows all errors.
+                try {
+                    sheet.insertRule(rawCssRule, sheet.cssRules.length);
+                // eslint-disable-next-line no-empty
+                } catch (error) {}
+            } else {
+                // Test if .insertRule() works in dev mode. Unknown pseudo-selectors will throw when
+                // .insertRule() is used, but .appendChild() will not throw.
+                try {
+                    renderer.shTest.sheet.insertRule(rawCssRule, renderer.shTest.sheet.cssRules.length);
+                } catch (error) {
+                    if (config.verbose) {
+                        console.error(error);
+                    }
+                }
+
+                // Insert pretty-printed CSS for dev mode.
+                renderer.sh.appendChild(document.createTextNode(rawCssRule));
+            }
+        };
+    }
+
+    renderer.put = function (selector, decls, atrule) {
+        var str = '';
+        var prop, value;
+        var postponed = [];
+
+        for (prop in decls) {
+            value = decls[prop];
+
+            if ((value instanceof Object) && !(value instanceof Array)) {
+                postponed.push(prop);
+            } else {
+                if ((process.env.NODE_ENV !== 'production') && !renderer.sourcemaps) {
+                    str += '    ' + renderer.decl(prop, value, selector, atrule) + '\n';
+                } else {
+                    str += renderer.decl(prop, value, selector, atrule);
+                }
+            }
+        }
+
+        if (str) {
+            if ((process.env.NODE_ENV !== 'production') && !renderer.sourcemaps) {
+                str = '\n' + selector + ' {\n' + str + '}\n';
+            } else {
+                str = selector + '{' + str + '}';
+            }
+            renderer.putRaw(atrule ? atrule + '{' + str + '}' : str);
+        }
+
+        for (var i = 0; i < postponed.length; i++) {
+            prop = postponed[i];
+
+            if (prop[0] === '@' && prop !== '@font-face') {
+                renderer.putAt(selector, decls[prop], prop);
+            } else {
+                renderer.put(renderer.selector(selector, prop), decls[prop], atrule);
+            }
+        }
+    };
+
+    renderer.putAt = renderer.put;
+
+    return renderer;
+};
+
+var warnOnMissingDependencies;
+var hasRequiredWarnOnMissingDependencies;
+
+function requireWarnOnMissingDependencies () {
+	if (hasRequiredWarnOnMissingDependencies) return warnOnMissingDependencies;
+	hasRequiredWarnOnMissingDependencies = 1;
+
+	var pkgName = 'nano-css';
+
+	warnOnMissingDependencies = function warnOnMissingDependencies (addon, renderer, deps) {
+	    var missing = [];
+
+	    for (var i = 0; i < deps.length; i++) {
+	        var name = deps[i];
+
+	        if (!renderer[name]) {
+	            missing.push(name);
+	        }
+	    }
+
+	    if (missing.length) {
+	        var str = 'Addon "' + addon + '" is missing the following dependencies:';
+
+	        for (var j = 0; j < missing.length; j++) {
+	            str += '\n require("' + pkgName + '/addon/' + missing[j] + '").addon(nano);';
+	        }
+
+	        throw new Error(str);
+	    }
+	};
+	return warnOnMissingDependencies;
+}
+
+var addon$1 = function (renderer) {
+    // CSSOM support only browser environment.
+    if (!renderer.client) return;
+
+    if (process.env.NODE_ENV !== 'production') {
+        requireWarnOnMissingDependencies()('cssom', renderer, ['sh']);
+    }
+
+    // Style sheet for media queries.
+    document.head.appendChild(renderer.msh = document.createElement('style'));
+
+    renderer.createRule = function (selector, prelude) {
+        var rawCss = selector + '{}';
+        if (prelude) rawCss = prelude + '{' + rawCss + '}';
+        var sheet = prelude ? renderer.msh.sheet : renderer.sh.sheet;
+        var index = sheet.insertRule(rawCss, sheet.cssRules.length);
+        var rule = (sheet.cssRules || sheet.rules)[index];
+
+        // Keep track of `index` where rule was inserted in the sheet. This is
+        // needed for rule deletion.
+        rule.index = index;
+
+        if (prelude) {
+            // If rule has media query (it has prelude), move style (CSSStyleDeclaration)
+            // object to the "top" to normalize it with a rule without the media
+            // query, so that both rules have `.style` property available.
+            var selectorRule = (rule.cssRules || rule.rules)[0];
+            rule.style = selectorRule.style;
+            rule.styleMap = selectorRule.styleMap;
+        }
+
+        return rule;
+    };
+};
+
+var removeRule$2 = {};
+
+function removeRule$1 (rule) {
+    var maxIndex = rule.index;
+    var sh = rule.parentStyleSheet;
+    var rules = sh.cssRules || sh.rules;
+    maxIndex = Math.max(maxIndex, rules.length - 1);
+    while (maxIndex >= 0) {
+        if (rules[maxIndex] === rule) {
+            sh.deleteRule(maxIndex);
+            break;
+        }
+        maxIndex--;
+    }
+}
+
+removeRule$2.removeRule = removeRule$1;
+
+var removeRule = removeRule$2.removeRule;
+
+var addon = function (renderer) {
+    // VCSSOM support only browser environment.
+    if (!renderer.client) return;
+
+    if (process.env.NODE_ENV !== 'production') {
+        requireWarnOnMissingDependencies()('cssom', renderer, ['createRule']); // cssom
+    }
+
+    var kebab = renderer.kebab;
+
+    function VRule (selector, prelude) {
+        this.rule = renderer.createRule(selector, prelude);
+        this.decl = {};
+    }
+    VRule.prototype.diff = function (newDecl) {
+        var oldDecl = this.decl;
+        var style = this.rule.style;
+        var property;
+        for (property in oldDecl)
+            if (newDecl[property] === undefined)
+                style.removeProperty(property);
+        for (property in newDecl)
+            if (newDecl[property] !== oldDecl[property])
+                style.setProperty(kebab(property), newDecl[property]);
+        this.decl = newDecl;
+    };
+    VRule.prototype.del = function () {
+        removeRule(this.rule);
+    };
+
+    function VSheet () {
+        /**
+         * {
+         *   '<at-rule-prelude>': {
+         *     '<selector>': {
+         *       color: 'red
+         *     }
+         *   }
+         * }
+         */
+        this.tree = {};
+    }
+    VSheet.prototype.diff = function (newTree) {
+        var oldTree = this.tree;
+
+        // Remove media queries not present in new tree.
+        for (var prelude in oldTree) {
+            if (newTree[prelude] === undefined) {
+                var rules = oldTree[prelude];
+                for (var selector in rules)
+                    rules[selector].del();
+            }
+        }
+
+        for (var prelude in newTree) {
+            if (oldTree[prelude] === undefined) {
+                // Whole media query is new.
+                for (var selector in newTree[prelude]) {
+                    var rule = new VRule(selector, prelude);
+                    rule.diff(newTree[prelude][selector]);
+                    newTree[prelude][selector] = rule;
+                }
+            } else {
+                // Old tree already has rules with this media query.
+                var oldRules = oldTree[prelude];
+                var newRules = newTree[prelude];
+
+                // Remove rules not present in new tree.
+                for (var selector in oldRules)
+                    if (!newRules[selector])
+                        oldRules[selector].del();
+
+                // Apply new rules.
+                for (var selector in newRules) {
+                    var rule = oldRules[selector];
+                    if (rule) {
+                        rule.diff(newRules[selector]);
+                        newRules[selector] = rule;
+                    } else {
+                        rule = new VRule(selector, prelude);
+                        rule.diff(newRules[selector]);
+                        newRules[selector] = rule;
+                    }
+                }
+            }
+        }
+
+        this.tree = newTree;
+    };
+
+    renderer.VRule = VRule;
+    renderer.VSheet = VSheet;
+};
+
+var nano = create();
+addon$1(nano);
+addon(nano);
+
+var screenfull = {exports: {}};
+
+/*!
+* screenfull
+* v5.2.0 - 2021-11-03
+* (c) Sindre Sorhus; MIT License
+*/
+
+(function (module) {
+	(function () {
+
+		var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
+		var isCommonjs = module.exports;
+
+		var fn = (function () {
+			var val;
+
+			var fnMap = [
+				[
+					'requestFullscreen',
+					'exitFullscreen',
+					'fullscreenElement',
+					'fullscreenEnabled',
+					'fullscreenchange',
+					'fullscreenerror'
+				],
+				// New WebKit
+				[
+					'webkitRequestFullscreen',
+					'webkitExitFullscreen',
+					'webkitFullscreenElement',
+					'webkitFullscreenEnabled',
+					'webkitfullscreenchange',
+					'webkitfullscreenerror'
+
+				],
+				// Old WebKit
+				[
+					'webkitRequestFullScreen',
+					'webkitCancelFullScreen',
+					'webkitCurrentFullScreenElement',
+					'webkitCancelFullScreen',
+					'webkitfullscreenchange',
+					'webkitfullscreenerror'
+
+				],
+				[
+					'mozRequestFullScreen',
+					'mozCancelFullScreen',
+					'mozFullScreenElement',
+					'mozFullScreenEnabled',
+					'mozfullscreenchange',
+					'mozfullscreenerror'
+				],
+				[
+					'msRequestFullscreen',
+					'msExitFullscreen',
+					'msFullscreenElement',
+					'msFullscreenEnabled',
+					'MSFullscreenChange',
+					'MSFullscreenError'
+				]
+			];
+
+			var i = 0;
+			var l = fnMap.length;
+			var ret = {};
+
+			for (; i < l; i++) {
+				val = fnMap[i];
+				if (val && val[1] in document) {
+					for (i = 0; i < val.length; i++) {
+						ret[fnMap[0][i]] = val[i];
+					}
+					return ret;
+				}
+			}
+
+			return false;
+		})();
+
+		var eventNameMap = {
+			change: fn.fullscreenchange,
+			error: fn.fullscreenerror
+		};
+
+		var screenfull = {
+			request: function (element, options) {
+				return new Promise(function (resolve, reject) {
+					var onFullScreenEntered = function () {
+						this.off('change', onFullScreenEntered);
+						resolve();
+					}.bind(this);
+
+					this.on('change', onFullScreenEntered);
+
+					element = element || document.documentElement;
+
+					var returnPromise = element[fn.requestFullscreen](options);
+
+					if (returnPromise instanceof Promise) {
+						returnPromise.then(onFullScreenEntered).catch(reject);
+					}
+				}.bind(this));
+			},
+			exit: function () {
+				return new Promise(function (resolve, reject) {
+					if (!this.isFullscreen) {
+						resolve();
+						return;
+					}
+
+					var onFullScreenExit = function () {
+						this.off('change', onFullScreenExit);
+						resolve();
+					}.bind(this);
+
+					this.on('change', onFullScreenExit);
+
+					var returnPromise = document[fn.exitFullscreen]();
+
+					if (returnPromise instanceof Promise) {
+						returnPromise.then(onFullScreenExit).catch(reject);
+					}
+				}.bind(this));
+			},
+			toggle: function (element, options) {
+				return this.isFullscreen ? this.exit() : this.request(element, options);
+			},
+			onchange: function (callback) {
+				this.on('change', callback);
+			},
+			onerror: function (callback) {
+				this.on('error', callback);
+			},
+			on: function (event, callback) {
+				var eventName = eventNameMap[event];
+				if (eventName) {
+					document.addEventListener(eventName, callback, false);
+				}
+			},
+			off: function (event, callback) {
+				var eventName = eventNameMap[event];
+				if (eventName) {
+					document.removeEventListener(eventName, callback, false);
+				}
+			},
+			raw: fn
+		};
+
+		if (!fn) {
+			if (isCommonjs) {
+				module.exports = {isEnabled: false};
+			} else {
+				window.screenfull = {isEnabled: false};
+			}
+
+			return;
+		}
+
+		Object.defineProperties(screenfull, {
+			isFullscreen: {
+				get: function () {
+					return Boolean(document[fn.fullscreenElement]);
+				}
+			},
+			element: {
+				enumerable: true,
+				get: function () {
+					return document[fn.fullscreenElement];
+				}
+			},
+			isEnabled: {
+				enumerable: true,
+				get: function () {
+					// Coerce to boolean in case of old WebKit
+					return Boolean(document[fn.fullscreenEnabled]);
+				}
+			}
+		});
+
+		if (isCommonjs) {
+			module.exports = screenfull;
+		} else {
+			window.screenfull = screenfull;
+		}
+	})();
+} (screenfull));
+
+isBrowser &&
+    window.navigator &&
+    window.navigator.platform &&
+    /iP(ad|hone|od)/.test(window.navigator.platform);
+
+var getInitialState = function (query, defaultState) {
+    // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
+    if (defaultState !== undefined) {
+        return defaultState;
+    }
+    if (isBrowser) {
+        return window.matchMedia(query).matches;
+    }
+    // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
+    }
+    return false;
+};
+var useMedia = function (query, defaultState) {
+    var _a = e.useState(getInitialState(query, defaultState)), state = _a[0], setState = _a[1];
+    e.useEffect(function () {
+        var mounted = true;
+        var mql = window.matchMedia(query);
+        var onChange = function () {
+            if (!mounted) {
+                return;
+            }
+            setState(!!mql.matches);
+        };
+        mql.addEventListener('change', onChange);
+        setState(mql.matches);
+        return function () {
+            mounted = false;
+            mql.removeEventListener('change', onChange);
+        };
+    }, [query]);
+    return state;
+};
+
+var nav = isNavigator ? navigator : undefined;
+nav && (nav.connection || nav.mozConnection || nav.webkitConnection);
+
+var lib$1 = {};
+
+var require$$0 = /*@__PURE__*/getAugmentedNamespace(tslib_es6$1);
+
+var render = {};
+
+var hasRequiredRender;
+
+function requireRender () {
+	if (hasRequiredRender) return render;
+	hasRequiredRender = 1;
+	Object.defineProperty(render, "__esModule", { value: true });
+	var tslib_1 = require$$0;
+	var react_1 = e__default["default"];
+	var isReact16Plus = parseInt(react_1.version.substr(0, react_1.version.indexOf('.'))) > 15;
+	var isFn = function (fn) { return typeof fn === 'function'; };
+	var render$1 = function (props, data) {
+	    var more = [];
+	    for (var _i = 2; _i < arguments.length; _i++) {
+	        more[_i - 2] = arguments[_i];
+	    }
+	    if (process.env.NODE_ENV !== 'production') {
+	        if (typeof props !== 'object') {
+	            throw new TypeError('renderChildren(props, data) first argument must be a props object.');
+	        }
+	        var children_1 = props.children, render_1 = props.render;
+	        if (isFn(children_1) && isFn(render_1)) {
+	            console.warn('Both "render" and "children" are specified for in a universal interface component. ' +
+	                'Children will be used.');
+	            console.trace();
+	        }
+	        if (typeof data !== 'object') {
+	            console.warn('Universal component interface normally expects data to be an object, ' +
+	                ("\"" + typeof data + "\" received."));
+	            console.trace();
+	        }
+	    }
+	    var render = props.render, _a = props.children, children = _a === void 0 ? render : _a, component = props.component, _b = props.comp, comp = _b === void 0 ? component : _b;
+	    if (isFn(children))
+	        return children.apply(void 0, tslib_1.__spreadArrays([data], more));
+	    if (comp) {
+	        return react_1.createElement(comp, data);
+	    }
+	    if (children instanceof Array)
+	        return isReact16Plus ? children : react_1.createElement.apply(void 0, tslib_1.__spreadArrays(['div', null], children));
+	    if (children && (children instanceof Object)) {
+	        if (process.env.NODE_ENV !== 'production') {
+	            if (!children.type || ((typeof children.type !== 'string') && (typeof children.type !== 'function') && (typeof children.type !== 'symbol'))) {
+	                console.warn('Universal component interface received object as children, ' +
+	                    'expected React element, but received unexpected React "type".');
+	                console.trace();
+	            }
+	            if (typeof children.type === 'string')
+	                return children;
+	            return react_1.cloneElement(children, Object.assign({}, children.props, data));
+	        }
+	        else {
+	            if (typeof children.type === 'string')
+	                return children;
+	            return react_1.cloneElement(children, Object.assign({}, children.props, data));
+	        }
+	    }
+	    return children || null;
+	};
+	render.default = render$1;
+	
+	return render;
+}
+
+var createEnhancer = {};
+
+var addClassDecoratorSupport = {};
+
+var wrapInStatefulComponent = {};
+
+var hasRequiredWrapInStatefulComponent;
+
+function requireWrapInStatefulComponent () {
+	if (hasRequiredWrapInStatefulComponent) return wrapInStatefulComponent;
+	hasRequiredWrapInStatefulComponent = 1;
+	Object.defineProperty(wrapInStatefulComponent, "__esModule", { value: true });
+	var tslib_1 = require$$0;
+	var React = tslib_1.__importStar(e__default["default"]);
+	var wrapInStatefulComponent$1 = function (Comp) {
+	    var Decorated = (function (_super) {
+	        tslib_1.__extends(class_1, _super);
+	        function class_1() {
+	            return _super !== null && _super.apply(this, arguments) || this;
+	        }
+	        class_1.prototype.render = function () {
+	            return Comp(this.props, this.context);
+	        };
+	        return class_1;
+	    }(React.Component));
+	    if (process.env.NODE_ENV !== 'production') {
+	        Decorated.displayName = "Decorated(" + (Comp.displayName || Comp.name) + ")";
+	    }
+	    return Decorated;
+	};
+	wrapInStatefulComponent.default = wrapInStatefulComponent$1;
+	
+	return wrapInStatefulComponent;
+}
+
+var hasRequiredAddClassDecoratorSupport;
+
+function requireAddClassDecoratorSupport () {
+	if (hasRequiredAddClassDecoratorSupport) return addClassDecoratorSupport;
+	hasRequiredAddClassDecoratorSupport = 1;
+	Object.defineProperty(addClassDecoratorSupport, "__esModule", { value: true });
+	var tslib_1 = require$$0;
+	var wrapInStatefulComponent_1 = tslib_1.__importDefault(requireWrapInStatefulComponent());
+	var addClassDecoratorSupport$1 = function (Comp) {
+	    var isSFC = !Comp.prototype;
+	    return !isSFC ? Comp : wrapInStatefulComponent_1.default(Comp);
+	};
+	addClassDecoratorSupport.default = addClassDecoratorSupport$1;
+	
+	return addClassDecoratorSupport;
+}
+
+var hasRequiredCreateEnhancer;
+
+function requireCreateEnhancer () {
+	if (hasRequiredCreateEnhancer) return createEnhancer;
+	hasRequiredCreateEnhancer = 1;
+	Object.defineProperty(createEnhancer, "__esModule", { value: true });
+	createEnhancer.divWrapper = void 0;
+	var tslib_1 = require$$0;
+	var React = tslib_1.__importStar(e__default["default"]);
+	var addClassDecoratorSupport_1 = tslib_1.__importDefault(requireAddClassDecoratorSupport());
+	var h = React.createElement;
+	var noWrap = function (Comp, propName, props, state) {
+	    var _a;
+	    return h(Comp, propName ? tslib_1.__assign((_a = {}, _a[propName] = state, _a), props) : tslib_1.__assign(tslib_1.__assign({}, state), props));
+	};
+	createEnhancer.divWrapper = function (Comp, propName, props, state) {
+	    return h('div', null, noWrap(Comp, propName, props, state));
+	};
+	var createEnhancer$1 = function (Facc, prop, wrapper) {
+	    if (wrapper === void 0) { wrapper = noWrap; }
+	    var enhancer = function (Comp, propName, faccProps) {
+	        if (propName === void 0) { propName = prop; }
+	        if (faccProps === void 0) { faccProps = null; }
+	        var isClassDecoratorMethodCall = typeof Comp === 'string';
+	        if (isClassDecoratorMethodCall) {
+	            return function (Klass) { return enhancer(Klass, Comp || prop, propName); };
+	        }
+	        var Enhanced = function (props) {
+	            return h(Facc, faccProps, function (state) { return wrapper(Comp, propName, props, state); });
+	        };
+	        if (process.env.NODE_ENV !== 'production') {
+	            Enhanced.displayName = (Facc.displayName || Facc.name) + "(" + (Comp.displayName || Comp.name) + ")";
+	        }
+	        return isClassDecoratorMethodCall ? addClassDecoratorSupport_1.default(Enhanced) : Enhanced;
+	    };
+	    return enhancer;
+	};
+	createEnhancer.default = createEnhancer$1;
+	
+	return createEnhancer;
+}
+
+var hookToRenderProp = {};
+
+var hasRequiredHookToRenderProp;
+
+function requireHookToRenderProp () {
+	if (hasRequiredHookToRenderProp) return hookToRenderProp;
+	hasRequiredHookToRenderProp = 1;
+	Object.defineProperty(hookToRenderProp, "__esModule", { value: true });
+	var tslib_1 = require$$0;
+	var render_1 = tslib_1.__importDefault(requireRender());
+	var defaultMapPropsToArgs = function (props) { return [props]; };
+	var hookToRenderProp$1 = function (hook, mapPropsToArgs) {
+	    if (mapPropsToArgs === void 0) { mapPropsToArgs = defaultMapPropsToArgs; }
+	    return function (props) { return render_1.default(props, hook.apply(void 0, mapPropsToArgs(props))); };
+	};
+	hookToRenderProp.default = hookToRenderProp$1;
+	
+	return hookToRenderProp;
+}
+
+Object.defineProperty(lib$1, "__esModule", { value: true });
+lib$1.hookToRenderProp = lib$1.createEnhancer = lib$1.render = void 0;
+var tslib_1 = require$$0;
+var render_1 = tslib_1.__importDefault(requireRender());
+lib$1.render = render_1.default;
+var createEnhancer_1 = tslib_1.__importDefault(requireCreateEnhancer());
+lib$1.createEnhancer = createEnhancer_1.default;
+var hookToRenderProp_1 = tslib_1.__importDefault(requireHookToRenderProp());
+lib$1.hookToRenderProp = hookToRenderProp_1.default;
+
+var Status;
+(function (Status) {
+    Status[Status["init"] = 0] = "init";
+    Status[Status["play"] = 1] = "play";
+    Status[Status["pause"] = 2] = "pause";
+    Status[Status["end"] = 3] = "end";
+})(Status || (Status = {}));
+
+var lib = {};
+
+Object.defineProperty(lib, "__esModule", { value: true });
+lib.easing = {
+    // No easing, no acceleration
+    linear: function (t) { return t; },
+    // Accelerates fast, then slows quickly towards end.
+    quadratic: function (t) { return t * (-(t * t) * t + 4 * t * t - 6 * t + 4); },
+    // Overshoots over 1 and then returns to 1 towards end.
+    cubic: function (t) { return t * (4 * t * t - 9 * t + 6); },
+    // Overshoots over 1 multiple times - wiggles around 1.
+    elastic: function (t) { return t * (33 * t * t * t * t - 106 * t * t * t + 126 * t * t - 67 * t + 15); },
+    // Accelerating from zero velocity
+    inQuad: function (t) { return t * t; },
+    // Decelerating to zero velocity
+    outQuad: function (t) { return t * (2 - t); },
+    // Acceleration until halfway, then deceleration
+    inOutQuad: function (t) { return t < .5 ? 2 * t * t : -1 + (4 - 2 * t) * t; },
+    // Accelerating from zero velocity
+    inCubic: function (t) { return t * t * t; },
+    // Decelerating to zero velocity
+    outCubic: function (t) { return (--t) * t * t + 1; },
+    // Acceleration until halfway, then deceleration
+    inOutCubic: function (t) { return t < .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1; },
+    // Accelerating from zero velocity
+    inQuart: function (t) { return t * t * t * t; },
+    // Decelerating to zero velocity
+    outQuart: function (t) { return 1 - (--t) * t * t * t; },
+    // Acceleration until halfway, then deceleration
+    inOutQuart: function (t) { return t < .5 ? 8 * t * t * t * t : 1 - 8 * (--t) * t * t * t; },
+    // Accelerating from zero velocity
+    inQuint: function (t) { return t * t * t * t * t; },
+    // Decelerating to zero velocity
+    outQuint: function (t) { return 1 + (--t) * t * t * t * t; },
+    // Acceleration until halfway, then deceleration
+    inOutQuint: function (t) { return t < .5 ? 16 * t * t * t * t * t : 1 + 16 * (--t) * t * t * t * t; },
+    // Accelerating from zero velocity
+    inSine: function (t) { return -Math.cos(t * (Math.PI / 2)) + 1; },
+    // Decelerating to zero velocity
+    outSine: function (t) { return Math.sin(t * (Math.PI / 2)); },
+    // Accelerating until halfway, then decelerating
+    inOutSine: function (t) { return -(Math.cos(Math.PI * t) - 1) / 2; },
+    // Exponential accelerating from zero velocity
+    inExpo: function (t) { return Math.pow(2, 10 * (t - 1)); },
+    // Exponential decelerating to zero velocity
+    outExpo: function (t) { return -Math.pow(2, -10 * t) + 1; },
+    // Exponential accelerating until halfway, then decelerating
+    inOutExpo: function (t) {
+        t /= .5;
+        if (t < 1)
+            return Math.pow(2, 10 * (t - 1)) / 2;
+        t--;
+        return (-Math.pow(2, -10 * t) + 2) / 2;
+    },
+    // Circular accelerating from zero velocity
+    inCirc: function (t) { return -Math.sqrt(1 - t * t) + 1; },
+    // Circular decelerating to zero velocity Moves VERY fast at the beginning and
+    // then quickly slows down in the middle. This tween can actually be used
+    // in continuous transitions where target value changes all the time,
+    // because of the very quick start, it hides the jitter between target value changes.
+    outCirc: function (t) { return Math.sqrt(1 - (t = t - 1) * t); },
+    // Circular acceleration until halfway, then deceleration
+    inOutCirc: function (t) {
+        t /= .5;
+        if (t < 1)
+            return -(Math.sqrt(1 - t * t) - 1) / 2;
+        t -= 2;
+        return (Math.sqrt(1 - t * t) + 1) / 2;
+    }
+};
+
+var ZoomState;
+(function (ZoomState) {
+    ZoomState["ZOOMING_IN"] = "ZOOMING_IN";
+    ZoomState["ZOOMING_OUT"] = "ZOOMING_OUT";
+})(ZoomState || (ZoomState = {}));
+
 var Breadcrumb = e.forwardRef(function (_a, ref) {
-    var items = _a.items, className = _a.className, rest = __rest$1(_a, ["items", "className"]);
-    return (e__default["default"].createElement("div", __assign$1({ className: classNames('ods-breadcrumb', className), ref: ref }, rest), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+    var items = _a.items, className = _a.className, rest = __rest$2(_a, ["items", "className"]);
+    var isMobile = useMedia('(max-width: 576px)');
+    var onHandleLastItem = function () {
+        window.history.back();
+    };
+    return (e__default["default"].createElement("div", __assign$2({ className: classNames('ods-breadcrumb', className), ref: ref }, rest), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+        var isLast = index === items.length - 1;
         var showIcon = index !== items.length - 1 && (e__default["default"].createElement(ee, { size: 12 }));
-        return typeof item === 'string' ? (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "string-item-".concat(item) },
-            e__default["default"].createElement("span", null, item),
-            " ",
-            showIcon)) : (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "tag-item-".concat(index + 1) },
-            item,
-            " ",
-            showIcon));
+        if (isMobile && isLast) {
+            return (e__default["default"].createElement("button", { type: "button", onClick: onHandleLastItem, className: "ods-breadcrumb__item", key: "tag-item-".concat(index + 1) },
+                e__default["default"].createElement($, { size: 12 }),
+                e__default["default"].createElement("span", null, item)));
+        }
+        if (!isMobile) {
+            return typeof item === 'string' ? (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "string-item-".concat(item) },
+                e__default["default"].createElement("span", null, item),
+                " ",
+                showIcon)) : (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "tag-item-".concat(index + 1) },
+                item,
+                " ",
+                showIcon));
+        }
+        return null;
     })));
 });
 Breadcrumb.displayName = 'Breadcrumb';
@@ -46416,8 +47846,8 @@ var Snackbar = e__default["default"].forwardRef(function (_a, ref) {
 Snackbar.displayName = 'Snackbar';
 
 var Shortcut = function (_a) {
-    var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, _f = _a.orientation, orientation = _f === void 0 ? 'horizontal' : _f, count = _a.count, rest = __rest$1(_a, ["icon", "label", "description", "size", "blocked", "disabled", "fullWidth", "orientation", "count"]);
-    return (e__default["default"].createElement("div", __assign$1({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled', fullWidth && 'ods-shortcut--full-width', "ods-shortcut--".concat(orientation)) }, rest),
+    var icon = _a.icon, label = _a.label, description = _a.description, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.blocked, blocked = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, _f = _a.orientation, orientation = _f === void 0 ? 'horizontal' : _f, count = _a.count, rest = __rest$2(_a, ["icon", "label", "description", "size", "blocked", "disabled", "fullWidth", "orientation", "count"]);
+    return (e__default["default"].createElement("div", __assign$2({ className: classNames('ods-shortcut', "ods-shortcut--".concat(size), blocked && 'ods-shortcut--blocked', disabled && 'ods-shortcut--disabled', fullWidth && 'ods-shortcut--full-width', "ods-shortcut--".concat(orientation)) }, rest),
         blocked && (e__default["default"].createElement("div", { className: "ods-shortcut__blocked" },
             e__default["default"].createElement(jr, null))),
         count ? (e__default["default"].createElement(Badge, { className: "ods-shortcut__badge", variation: "small", color: "alert", count: count })) : null,
@@ -46508,7 +47938,7 @@ var Chips = function (_a) {
             return;
         }
         if (Array.isArray(selectedOptions)) {
-            var copyOptions = __spreadArray$1([], selectedOptions, true);
+            var copyOptions = __spreadArray$2([], selectedOptions, true);
             if (selectedOptions.find(function (option) { return option.value === value; })) {
                 copyOptions = copyOptions.filter(function (option) { return option.value !== value; });
             }