@trafilea/afrodita-components 4.0.2-beta.8 → 4.3.0

package/build/index.esm.js

@@ -1,5 +1,6 @@
 import { jsxs as jsxs$1, jsx as jsx$1, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import React, { forwardRef, useContext, createElement, createContext, Fragment as Fragment$2, useRef, useLayoutEffect, useMemo, useState, useEffect, isValidElement, cloneElement, useCallback, useReducer, createRef } from 'react';
+import { createPortal } from 'react-dom';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -314,17 +315,29 @@ var ShoppingBag = function (_a) {
     return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 32, viewBoxY: 38, title: "Shopping bag" }, { children: jsx$1("path", { d: "M25.1429 9.5C25.1429 4.26164 21.0414 0 16 0C10.9586 0 6.85714 4.26164 6.85714 9.5H0V32.0625C0 35.3417 2.55836 38 5.71429 38H26.2857C29.4416 38 32 35.3417 32 32.0625V9.5H25.1429ZM16 3.5625C19.1509 3.5625 21.7143 6.22606 21.7143 9.5H10.2857C10.2857 6.22606 12.8491 3.5625 16 3.5625ZM28.5714 32.0625C28.5714 33.3721 27.5461 34.4375 26.2857 34.4375H5.71429C4.45393 34.4375 3.42857 33.3721 3.42857 32.0625V13.0625H6.85714V16.0312C6.85714 17.015 7.62464 17.8125 8.57143 17.8125C9.51822 17.8125 10.2857 17.015 10.2857 16.0312V13.0625H21.7143V16.0312C21.7143 17.015 22.4818 17.8125 23.4286 17.8125C24.3754 17.8125 25.1429 17.015 25.1429 16.0312V13.0625H28.5714V32.0625Z", fill: fill }, void 0) }), void 0));
 };
 
+var ShoppingCart = function (_a) {
+    var width = _a.width, height = _a.height, _b = _a.fill, fill = _b === void 0 ? 'inherit' : _b;
+    return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 21, viewBoxY: 21, title: "Shopping Cart" }, { children: jsx$1("path", { d: "M20.1247 3.23755H5.26021L4.94207 1.53861C4.86172 1.10961 4.5018 0.800049 4.08333 0.800049H0.4375C0.195891 0.800049 0 1.00468 0 1.25708V2.17114C0 2.42354 0.195891 2.62817 0.4375 2.62817H3.36292L5.9002 16.1754C5.49777 16.6134 5.25 17.2075 5.25 17.8625C5.25 19.2087 6.29468 20.3 7.58333 20.3C8.87199 20.3 9.91666 19.2087 9.91666 17.8625C9.91712 17.4346 9.80916 17.0141 9.60374 16.6438H14.8963C14.6909 17.0141 14.5829 17.4346 14.5834 17.8625C14.5834 19.2087 15.628 20.3 16.9167 20.3C18.2054 20.3 19.25 19.2087 19.25 17.8625C19.25 17.1718 18.9746 16.5487 18.5327 16.1052L18.5704 15.924C18.689 15.3542 18.2736 14.8157 17.7154 14.8157H7.42875L7.0864 12.9875H18.4762C18.8878 12.9875 19.2438 12.6879 19.3312 12.2676L20.9797 4.34577C21.0982 3.77605 20.6828 3.23755 20.1247 3.23755ZM7.58333 18.7766C7.10084 18.7766 6.70833 18.3666 6.70833 17.8625C6.70833 17.3585 7.10084 16.9485 7.58333 16.9485C8.06582 16.9485 8.45833 17.3585 8.45833 17.8625C8.45833 18.3666 8.06582 18.7766 7.58333 18.7766ZM16.9167 18.7766C16.4342 18.7766 16.0417 18.3666 16.0417 17.8625C16.0417 17.3585 16.4342 16.9485 16.9167 16.9485C17.3992 16.9485 17.7917 17.3585 17.7917 17.8625C17.7917 18.3666 17.3992 18.7766 16.9167 18.7766ZM17.7712 11.1594H6.74406L5.60255 5.06567H19.0392L17.7712 11.1594Z", fill: fill }, void 0) }), void 0));
+};
+
 var MapMarker = function (_a) {
     var height = _a.height, width = _a.width, fill = _a.fill;
     return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 30, viewBoxY: 40, title: "Map marker" }, { children: jsx$1("path", { d: "M15 7.5C10.8645 7.5 7.5 10.8645 7.5 15C7.5 19.1355 10.8645 22.5 15 22.5C19.1355 22.5 22.5 19.1355 22.5 15C22.5 10.8645 19.1355 7.5 15 7.5ZM15 20C12.243 20 10 17.757 10 15C10 12.243 12.243 10 15 10C17.757 10 20 12.243 20 15C20 17.757 17.757 20 15 20ZM15 0C6.7157 0 0 6.7157 0 15C0 21.0479 2.10703 22.7368 13.4584 39.193C14.2033 40.2689 15.7966 40.2691 16.5416 39.193C27.893 22.7368 30 21.0479 30 15C30 6.7157 23.2843 0 15 0ZM15 37.0259C4.11758 21.2881 2.5 20.0386 2.5 15C2.5 11.6611 3.80023 8.52211 6.16117 6.16117C8.52211 3.80023 11.6611 2.5 15 2.5C18.3389 2.5 21.4779 3.80023 23.8388 6.16117C26.1998 8.52211 27.5 11.6611 27.5 15C27.5 20.0383 25.8834 21.2867 15 37.0259Z", fill: fill }, void 0) }), void 0));
 };
 
+var Hamburger = function (_a) {
+    var width = _a.width, height = _a.height, _b = _a.fill, fill = _b === void 0 ? 'inherit' : _b;
+    return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 19, title: "Hamburguer" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.25 3C0.559644 3 0 2.44036 0 1.75C0 1.05964 0.559644 0.5 1.25 0.5H20.75C21.4404 0.5 22 1.05964 22 1.75C22 2.44036 21.4404 3 20.75 3H1.25ZM1.25 11C0.559644 11 0 10.4404 0 9.75C0 9.05964 0.559644 8.5 1.25 8.5H10.75C11.4404 8.5 12 9.05964 12 9.75C12 10.4404 11.4404 11 10.75 11H1.25ZM0 17.75C0 18.4404 0.559644 19 1.25 19H16.75C17.4404 19 18 18.4404 18 17.75C18 17.0596 17.4404 16.5 16.75 16.5H1.25C0.559644 16.5 0 17.0596 0 17.75Z", fill: fill }, void 0) }), void 0));
+};
+
 var Navigation = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Search: Search,
     User: User,
     ShoppingBag: ShoppingBag,
-    MapMarker: MapMarker
+    ShoppingCart: ShoppingCart,
+    MapMarker: MapMarker,
+    Hamburger: Hamburger
 });
 
 var QuestionCircle = function (_a) {
@@ -342,11 +355,6 @@ var Comment = function (_a) {
     return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 20, title: "Comment" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 10C0 4.46565 4.92593 0 11 0C17.037 0 22 4.46565 22 10C22 15.5344 17.0741 20 11 20C9 20 7.03704 19.5038 5.33333 18.5496C4.40741 19.0458 3.40741 19.2748 2.2963 19.2748C1.96296 19.2748 1.59259 19.2366 1.25926 19.1985C0.925926 19.1603 0.62963 18.8931 0.555556 18.5496C0.481481 18.2061 0.62963 17.8244 0.925926 17.6336C1.48148 17.2519 1.92593 16.7176 2.22222 16.0305C0.777778 14.313 0 12.1756 0 10ZM5.55556 17.4046C7.18518 18.3588 9.03704 18.855 10.963 18.855C16.4444 18.855 20.8519 14.8855 20.8519 10C20.8519 5.1145 16.4074 1.14504 10.963 1.14504C5.51852 1.14504 1.11111 5.1145 1.11111 10C1.11111 12.0229 1.85185 13.9695 3.22222 15.5344C3.37037 15.687 3.40741 15.916 3.33333 16.1069C3.03704 16.9084 2.62963 17.5954 2.03704 18.1298C3.14815 18.1679 4.14815 17.9389 5 17.4046C5.02318 17.3966 5.04475 17.3887 5.06538 17.381L5.0654 17.381C5.14364 17.3521 5.20837 17.3282 5.2963 17.3282C5.37037 17.3282 5.48148 17.3664 5.55556 17.4046ZM12.1579 10.2941C12.1579 10.7814 11.7691 11.1765 11.2895 11.1765C10.8099 11.1765 10.4211 10.7814 10.4211 10.2941C10.4211 9.80681 10.8099 9.41177 11.2895 9.41177C11.7691 9.41177 12.1579 9.80681 12.1579 10.2941ZM7.23683 11.1765C7.71644 11.1765 8.10525 10.7814 8.10525 10.2941C8.10525 9.8068 7.71644 9.41176 7.23683 9.41176C6.75721 9.41176 6.36841 9.8068 6.36841 10.2941C6.36841 10.7814 6.75721 11.1765 7.23683 11.1765ZM16.2105 10.2941C16.2105 10.7814 15.8217 11.1765 15.3421 11.1765C14.8625 11.1765 14.4737 10.7814 14.4737 10.2941C14.4737 9.80681 14.8625 9.41177 15.3421 9.41177C15.8217 9.41177 16.2105 9.80681 16.2105 10.2941Z", fill: fill }, void 0) }), void 0));
 };
 
-var Message = function (_a) {
-    var height = _a.height, width = _a.width, fill = _a.fill;
-    return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 20, title: "message icon" }, { children: jsx$1("path", { d: "M0 10C0 4.46565 4.92593 0 11 0C17.037 0 22 4.46565 22 10C22 15.5344 17.0741 20 11 20C9 20 7.03704 19.5038 5.33333 18.5496C4.40741 19.0458 3.40741 19.2748 2.2963 19.2748C1.96296 19.2748 1.59259 19.2366 1.25926 19.1985C0.925926 19.1603 0.62963 18.8931 0.555556 18.5496C0.481481 18.2061 0.62963 17.8244 0.925926 17.6336C1.48148 17.2519 1.92593 16.7176 2.22222 16.0305C0.777778 14.313 0 12.1756 0 10ZM5.55556 17.4046C7.18518 18.3588 9.03704 18.855 10.963 18.855C16.4444 18.855 20.8519 14.8855 20.8519 10C20.8519 5.1145 16.4074 1.14504 10.963 1.14504C5.51852 1.14504 1.11111 5.1145 1.11111 10C1.11111 12.0229 1.85185 13.9695 3.22222 15.5344C3.37037 15.687 3.40741 15.916 3.33333 16.1069C3.03704 16.9084 2.62963 17.5954 2.03704 18.1298C3.14815 18.1679 4.14815 17.9389 5 17.4046C5.02318 17.3966 5.04475 17.3887 5.06538 17.381L5.0654 17.381C5.14364 17.3521 5.20837 17.3282 5.2963 17.3282C5.37037 17.3282 5.48148 17.3664 5.55556 17.4046ZM12.1579 10.2941C12.1579 10.7814 11.7691 11.1765 11.2895 11.1765C10.8099 11.1765 10.4211 10.7814 10.4211 10.2941C10.4211 9.80681 10.8099 9.41177 11.2895 9.41177C11.7691 9.41177 12.1579 9.80681 12.1579 10.2941ZM7.23683 11.1765C7.71644 11.1765 8.10525 10.7814 8.10525 10.2941C8.10525 9.8068 7.71644 9.41176 7.23683 9.41176C6.75721 9.41176 6.36841 9.8068 6.36841 10.2941C6.36841 10.7814 6.75721 11.1765 7.23683 11.1765ZM16.2105 10.2941C16.2105 10.7814 15.8217 11.1765 15.3421 11.1765C14.8625 11.1765 14.4737 10.7814 14.4737 10.2941C14.4737 9.80681 14.8625 9.41177 15.3421 9.41177C15.8217 9.41177 16.2105 9.80681 16.2105 10.2941Z", fill: fill }, void 0) }), void 0));
-};
-
 var Mail = function (_a) {
     var height = _a.height, width = _a.width;
     return (jsxs$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: "message icon" }, { children: [jsx$1("path", { d: "M21.4-14.3c0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0s0.1,0,0.2,0s0.1,0,0.2,0c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2\n\tc0,0.1,0,0.2,0,0.2h0.1c0,0.1,0,0.2,0,0.3l0,0l0,0c0-0.1,0-0.2,0-0.3c0.1,0,0.1,0,0.2,0c0,0,0,0,0,0.1s0,0.2,0,0.2\n\tc0,0.1,0,0.3,0,0.4l0,0l0,0c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1\n\tv0.1v0.1v0.1v0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1V-9v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1V-8\n\tv0.1v0.1v0.1v0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1v0.1v0.1v0.1v0.1V-6v0.1v0.1v0.1v0.1\n\tc0,0.2,0,0.5,0,0.7c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3v0.1V-5v0.1H22c0,0,0,0,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2s0,0.1,0,0.2\n\tc-0.2,0-0.4,0-0.7,0c0,0.1,0,0.2,0,0.3l0,0l0,0c-4.5,0-9,0-13.5,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.2,0-0.4,0-0.6\n\tc-0.1,0-0.2,0-0.3,0l0,0l0,0c0.1,0,0.2,0,0.3,0v-0.1c-0.1,0-0.2,0-0.3,0c0-2.9,0-5.9,0-8.8c0.1,0,0.2,0,0.3,0v-0.1\n\tc-0.1,0-0.2,0-0.3,0l0,0c0.1,0,0.2,0,0.3,0c0-0.2,0-0.4,0-0.6c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3C12.4-14.3,16.9-14.3,21.4-14.3z\n\t M21-4.4L21-4.4c0-0.2,0-0.3,0-0.4c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.2,0-0.4,0-0.7,0l0,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0l0,0c0,0.1,0,0.2,0,0.3c-0.5,0-1,0-1.5,0c0-0.1,0-0.1,0-0.2c0.1,0,0.1,0,0.2,0c-0.1,0-0.1,0-0.2,0v-0.1l0,0v0.1\n\th-0.1v-0.1c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3l0,0\n\tl0,0c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c0,0,0,0,0-0.1h-0.1h-0.1H13h-0.1h-0.1h-0.1h-0.1v0.1v0.1v0.1c-0.1,0-0.2,0-0.3,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1\n\tc0,0,0,0,0,0.1c0,0,0,0,0,0.1c-0.1,0-0.2,0-0.3,0l0,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0l0,0c0,0,0,0,0,0.1s0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0.1\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.2,0,12.4,0,12.5,0\n\tC21-4.2,21-4.3,21-4.4C21-4.3,21-4.3,21-4.4C21-4.3,21-4.3,21-4.4z M21-13.4c0-0.1,0-0.1,0-0.2c-4.2,0-8.3,0-12.5,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.3,0,0.7,0,1c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0\n\tc0.1,0,0.1,0,0.2,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0l0,0\n\tc0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3l0,0c0.1,0,0.2,0,0.3,0v0.1v0.1v0.1l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0\n\tc0,0,0,0,0,0.1s0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3c0.6,0,1.1,0,1.7,0c0-0.1,0-0.2,0-0.3l0,0\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3l0,0c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0s0.1,0,0.2,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0,0,0,0,0-0.1c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0l0,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0\n\tc0-0.1,0-0.2,0-0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.1,0-0.2h0.1h0.1c0,0.1,0,0.1,0,0.2\n\tl0,0l0,0c0-0.1,0-0.1,0-0.2h0.1l0,0h-0.1v-0.1h0.1c0-0.2,0-0.4,0-0.7c-0.1,0-0.2,0-0.3,0C21-13.3,21-13.3,21-13.4\n\tC21-13.3,21-13.3,21-13.4L21-13.4L21-13.4z M18.3-9.2c0,0.2,0,0.5,0,0.7l0,0h0.1h0.1c0,0,0,0,0.1,0h0.1c0,0.1,0,0.2,0,0.3l0,0\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0l0,0l0,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0-1.8,0-3.6,0-5.4l0,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0h-0.1h-0.1l0,0\n\tc0,0.1,0,0.2,0,0.3c-0.2,0-0.3,0-0.5,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0l0,0l0,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0v0.1v0.1v0.1\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3C18.6-9.2,18.4-9.2,18.3-9.2z M8.2-5.8c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.2,0,0.3,0l0,0c0-0.1,0-0.2,0-0.3s0-0.2,0-0.4c0,0,0,0,0-0.1c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0l0,0\n\tc0-0.1,0-0.1,0-0.2h-0.1v0.1v0.1c0-0.1,0-0.1,0-0.2c-0.1,0-0.2,0-0.2,0h0.1h0.1v-0.1c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0\n\tc0-0.1,0-0.2,0-0.3l0,0c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0v-0.1v-0.1v-0.1c-0.1,0-0.2,0-0.2,0\n\tc-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0C8.2-9.4,8.2-7.6,8.2-5.8z M10.5-9.9v0.1h0.1\n\tC10.5-9.8,10.5-9.8,10.5-9.9L10.5-9.9z" }, void 0), jsxs$1("g", { children: [jsx$1("path", { d: "M4.8,9.4H2.3C2,9.4,1.8,9.2,1.8,8.8c0-0.3,0.2-0.6,0.5-0.6h2.5c0.3,0,0.5,0.3,0.5,0.6C5.3,9.2,5,9.4,4.8,9.4z" }, void 0), jsx$1("path", { d: "M4.8,12H3.7c-0.3,0-0.5-0.2-0.5-0.5S3.4,11,3.7,11h1.1c0.3,0,0.5,0.2,0.5,0.5S5.1,12,4.8,12z" }, void 0), jsx$1("path", { d: "M4.8,14.6H1.6c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.2-0.6,0.5-0.6h3.2c0.3,0,0.5,0.3,0.5,0.6C5.3,14.3,5.1,14.6,4.8,14.6z" }, void 0), jsx$1("path", { d: "M21.3,6.1H8.1c-0.9,0-1.7,0.7-1.7,1.7v8.5c0,0.9,0.7,1.7,1.7,1.7h13.3c0.9,0,1.7-0.7,1.7-1.7V7.8C23,6.9,22.3,6.1,21.3,6.1\n\t\tz M18.4,11.7c1.3-1,2.7-2.1,3.6-2.7v6.4L18.4,11.7z M8.1,7.2h13.3c0.3,0,0.5,0.2,0.6,0.5c-1,0.8-5.4,4.2-7,5.4\n\t\tc-0.2,0.1-0.3,0.1-0.5,0c-1.6-1.2-5.7-4.1-7-5V7.8C7.5,7.4,7.8,7.2,8.1,7.2z M7.5,15.3v-6c0.9,0.6,2.3,1.6,3.6,2.6L7.5,15.3z\n\t\t M8.1,16.8c-0.2,0-0.3-0.1-0.4-0.2l4.3-4.1c0.7,0.5,1.4,1,1.9,1.3c0.3,0.2,0.6,0.3,0.9,0.3s0.6-0.1,0.9-0.3c0.5-0.3,1.2-0.9,2-1.5\n\t\tl4.2,4.3c-0.1,0.1-0.2,0.2-0.4,0.2H8.1z" }, void 0)] }, void 0)] }), void 0));
@@ -357,7 +365,6 @@ var Messaging = /*#__PURE__*/Object.freeze({
     QuestionCircle: QuestionCircle,
     Messenger: Messenger,
     Comment: Comment,
-    Message: Message,
     Mail: Mail
 });
 
@@ -387,7 +394,7 @@ var MasterCard = function (_a) {
     return (jsxs$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 32, viewBoxY: 19, title: "MasterCard" }, { children: [jsx$1("rect", { width: "32", height: "19", fill: "url(#masterCardIcon)" }, void 0), jsxs$1("defs", { children: [jsx$1("pattern", __assign({ id: "masterCardIcon", patternContentUnits: "objectBoundingBox", width: "1", height: "1" }, { children: jsx$1("use", { xlinkHref: "#masterCardImage", transform: "translate(-0.0666667 -0.03125) scale(0.000885417 0.00147569)" }, void 0) }), void 0), jsx$1("image", { id: "masterCardImage", width: "1280", height: "720", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAALQCAYAAADPfd1WAAAgAElEQVR4AezdD4xdd33n/Z8nju048Z84jv+c35msm00p9UYp5aE8LGVTlrI0y7LZLJul2UDTkFJKWQrZbBaylGaT0ixLWUrTbEhDPPcqQIUAIVQhhBB6hKIKIYQQQihCCCEURZD1nBkbx/HcOx7PnEc38dA4M7bHnjsz957v65Eqh+uZc8/v/Xvf6/18nu85JyX/HwIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAALhCfwsFZufSnv2VWnvSydSfs1EKt84norbqpTvmEj5g+OpfGA85UerVH6xSvnLVSoeq1Lx7Srl71UpP1Gl/NMqlUf+8f/yTJVyvcT/O/rc7+Xq5LF+dPK433rufXrvlz9TpfxwlcqPVKm4u0r59vGUb61SfsPBVLyySvlFP0vFzjqlkfCbCQACCCCwBAL1PWnk6YeLnd1H84umWsUru638hs5YvnVqLN/eaRV3d1vlRzqt/HBnLH+m08pf7rSLxzrt/K2psfy9Tiv/qNPKT3Raueq0yiOdVj7aaeV6if8389zv9H7v2d/9aaeVf/Lscdv5W733mWrlL3XHyi92WvnRqVb5QKeVPzjVznd02sVtx9rFDZ12+epn2vklnUeLK+r2vk1LWK4fQQABBBBAAAEEEEAAAQSaS6BXio2n/JIqFddPpOKdEynf91yRlv9+POVvVin/uEr52BKLuqUWemv9c5NVyj+sUv76yeLwo1Uq7qxS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AgT+lcDgMuNn0vjk8UuN3zSdyrdNpeK9gycXD55gO5XKe6dSfqBK5RcHD7qoUvFolYrHqpS/VaX8ZJXyD168JHlwWfILlybPL6FUPHz871THX+v7x1/3n158n8H7vVDk7atS+cnBTsfjD0+5pUr5rcefsPyaQdnZpDT2r07MfyFAgACBEwo0e9PYoBTrP5BfM3hSbb+b31p38i0v3IuwW/xhv1t+8niR9tALDyzpFY8OdhnOdvK36m7+ft3NT9bdXB2/X+HhJew8nH/x7wzuc/jCvQ5/MHitF1+3eKwevE83f7nfKb/4wsM1uuW9gycpD56oW/eK9872yrcNys3Bpbl1b3zS5bknXF7/kgABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAoF0C/xeXxdYlRX47/QAAAABJRU5ErkJggg==" }, void 0)] }, void 0)] }), void 0));
 };
 
-var AMEX = function (_a) {
+var Amex = function (_a) {
     var height = _a.height, width = _a.width;
     return (jsxs$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 36, viewBoxY: 22, title: "AMEX" }, { children: [jsx$1("rect", { width: "36", height: "22", rx: "2", fill: "url(#amexIcon)" }, void 0), jsxs$1("defs", { children: [jsx$1("pattern", __assign({ id: "amexIcon", patternContentUnits: "objectBoundingBox", width: "1", height: "1" }, { children: jsx$1("use", { xlinkHref: "#amexImage", transform: "translate(0 -0.0113636) scale(0.00195312 0.00319602)" }, void 0) }), void 0), jsx$1("image", { id: "amexImage", width: "512", height: "320", xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAFACAYAAADKyMQLAAAgAElEQVR4Ae2dabQdV3mmtbw6/SN/0/0ni9U/2tdputNpQhxinLACWR1Id0OGhkAMIXR3QiAJhJCQSOcGg69tjGzAxgbkEfA8G2whPOpczbZkyZpHy7LmeZ6lK8k6vd4rl3RU9wy19/6qTtXZT60l3XPuPUPVt59d+6lde3973DifbWjokssGp10xUKsPDtTqTw3U6ssGavX9A7X6qYFavcE/YgADMAADMAAD5gyojVVbqzZXbe+g2uJxQ0OX+DTlTu8ZGD/9HQO1+o0DtfpWCta8YBEn5BEGYAAGYMCHgS2jbfP46e9watSzvPhXvjL9311am3rHQK0+QsNPww8DMAADMAADpWRgRG212uwsbXvX11w2YeqnBmr1PRR2KQvbxxR5D1cYMAADMNDfDOy5rDb8ya4NfLsXXP65137h0sH6nTT8NPwwAAMwAAMwUD0G1IarLW/Xzrf8/S8PTfnFgVr9OQq8egVOmVFmMAADMAADCQOX1uo/V5vesrFP//K/DD3xbwdqUycnb+YnIMEADMAADMBAlRmYOllte7q9H/Ocbv8qFzL7zkkKBmAABmBgLAOX1ep3jWnwm39x6YT6VQRubOCICTGBARiAARioOgMa1N/c5p9//M7B+i8N1Op7q36A7D+VFAZgAAZgAAZaMrBXbf35hj95MFCrTyJgLQPGdJn+ni5D+VK+MAAD0TCgPAFJuz/68+0MfyT5oRJEUwmQXWQXBmAgUgZG1Oafl4CBweGJkQaCBg/pgQEYgAEYiIuBweGJ5wRgaOiSgVpdeYTjCgDHS3nDAAzAAAzEycCW0QWEBsZPfS+NP/IDAzAAAzAAA/EwMLqK4NtL+mKBcVog5U65wwAMwECMDEyYWhv39prCABAjABwz3MMADMBArAw8NW6gNrycbp94un0oa8oaBmAABmBAbb96AEj+gwHHasAcN+zDAAzEysBeCQDz/6kAsVYAjhv2YQAGYmVgRAIQ68Fz3JQ9DMAADMBAtAwgAMAfLfzIL/IPAzAQMwMIAAKAAMAADMAADETIAAIQYaHHbLwcO1d8MAADMHCOAQQAAcD8YQAGYAAGImQAAYiw0LFfroBgAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/MHwZgAAZgAAFAADB/GIABGICBCBlAACIsdMwf84cBGIABGEAAEADMHwZgAAZgIEIGEIAICx3zx/xhAAZgAAYQAAQA84cBGIABGIiQAQQgwkLH/DF/GIABGIABBAABwPxhAAZgAAYiZAABiLDQMX/M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" }, void 0)] }, void 0)] }), void 0));
 };
@@ -416,7 +423,7 @@ var Payment = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Visa: Visa,
     MasterCard: MasterCard,
-    AMEX: AMEX,
+    Amex: Amex,
     JCB: JCB,
     Paypal: Paypal,
     Klarna: Klarna,
@@ -3279,7 +3286,7 @@ var InputValidationType;
     InputValidationType[InputValidationType["Empty"] = 2] = "Empty";
 })(InputValidationType || (InputValidationType = {}));
 
-var Section = newStyled.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"], ["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"])), function (props) {
+var Section = newStyled.div(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"], ["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"])), function (props) {
     return props.type === CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
 });
 var CardHeader = function (_a) {
@@ -3290,14 +3297,14 @@ var CardFooter = function (_a) {
     var children = _a.children;
     return (jsx$1(Section, __assign({ type: CardSectionType.Footer }, { children: children }), void 0));
 };
-var templateObject_1$$;
+var templateObject_1$15;
 
-var Body = newStyled.div(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"])));
+var Body = newStyled.div(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 1.5rem;\n  align-self: flex-start;\n"])));
 var CardBody = function (_a) {
     var children = _a.children;
     return jsx$1(Body, { children: children }, void 0);
 };
-var templateObject_1$_;
+var templateObject_1$14;
 
 var IGNORED_KEYS = ['typography', 'fonts'];
 var applyVariablesIntoTheme = function (theme) {
@@ -3442,7 +3449,7 @@ var AssetsProvider = function (_a) {
 };
 var useThemeAssets = function () { return useContext(AssetsContext); };
 
-var Container$C = newStyled.div(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"], ["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"])), function (_a) {
+var Container$F = newStyled.div(templateObject_1$13 || (templateObject_1$13 = __makeTemplateObject(["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"], ["\n  ", "\n  width: ", ";\n  background: ", ";\n  border-radius: ", ";\n  border: ", ";\n"])), function (_a) {
     var flex = _a.flex;
     return flex &&
         "display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;";
@@ -3455,14 +3462,14 @@ var Container$C = newStyled.div(templateObject_1$Z || (templateObject_1$Z = __ma
 var Card = function (_a) {
     var children = _a.children, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, border = _a.border, _c = _a.flex, flex = _c === void 0 ? true : _c;
     var theme = useTheme();
-    return (jsx$1(Container$C, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: border, flex: flex, "data-testid": "CardContainer", theme: theme }, { children: children }), void 0));
+    return (jsx$1(Container$F, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: border, flex: flex, "data-testid": "CardContainer", theme: theme }, { children: children }), void 0));
 };
 var Card$1 = Object.assign(Card, {
     Header: CardHeader,
     Footer: CardFooter,
     Body: CardBody,
 });
-var templateObject_1$Z;
+var templateObject_1$13;
 
 var Fragment = Fragment$1;
 function jsx(type, props, key) {
@@ -3483,7 +3490,7 @@ function jsxs(type, props, key) {
 var BaseButton = function (_a) {
     var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className, inline = _a.inline;
     return (jsxs("button", __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: {
-            display: inline ? 'inherit-flex' : 'flex',
+            display: inline ? 'inline-flex' : 'flex',
             justifyContent: 'center',
             alignItems: 'center',
             padding: '0.75rem 2rem',
@@ -3519,20 +3526,19 @@ var getStylesBySize$9 = function (size, theme) {
     }
 };
 var BaseCTA = function (_a) {
-    var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? ComponentSize.Medium : _d, type = _a.type, className = _a.className;
+    var text = _a.text, _b = _a.wide, wide = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, props = __rest(_a, ["text", "wide", "size"]);
     var theme = useTheme();
     var stylesBySize = getStylesBySize$9(size, theme);
-    return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : 'fit-content' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
+    return (jsx(BaseButton, __assign({}, props, { css: __assign(__assign({ width: wide ? '100%' : 'fit-content' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
                 backgroundColor: theme.colors.background.disabled,
                 color: theme.colors.text.disabled,
                 cursor: 'not-allowed',
             } }) }, { children: text }), void 0));
 };
 
-var ButtonPrimary = function (_a) {
-    var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, wide = _a.wide, size = _a.size, type = _a.type;
+var ButtonPrimary = function (props) {
     var theme = useTheme();
-    return (jsx(BaseCTA, { onClick: onClick, disabled: disabled, wide: wide, size: size, css: {
+    return (jsx(BaseCTA, __assign({}, props, { css: {
             backgroundColor: theme.component.button.primary.active.backgroundColor,
             color: theme.component.button.primary.active.color,
             border: theme.component.button.border,
@@ -3544,13 +3550,12 @@ var ButtonPrimary = function (_a) {
                 backgroundColor: theme.colors.background.disabled,
                 color: theme.colors.text.disabled,
             },
-        }, text: text, type: type }, void 0));
+        } }), void 0));
 };
 
-var ButtonSecondary = function (_a) {
-    var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, wide = _a.wide, size = _a.size, className = _a.className;
+var ButtonSecondary = function (props) {
     var theme = useTheme();
-    return (jsx(BaseCTA, { onClick: onClick, disabled: disabled, wide: wide, size: size, css: {
+    return (jsx(BaseCTA, __assign({}, props, { css: {
             backgroundColor: theme.component.button.secondary.active.backgroundColor,
             color: theme.component.button.secondary.active.color,
             border: theme.component.button.border,
@@ -3561,13 +3566,12 @@ var ButtonSecondary = function (_a) {
                 backgroundColor: theme.colors.shades['50'].color,
                 color: theme.colors.shades['250'].color,
             },
-        }, text: text, className: className }, void 0));
+        } }), void 0));
 };
 
-var ButtonSecondaryOutline = function (_a) {
-    var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, wide = _a.wide, size = _a.size, className = _a.className;
+var ButtonSecondaryOutline = function (props) {
     var theme = useTheme();
-    return (jsx(BaseCTA, { onClick: onClick, disabled: disabled, wide: wide, size: size, className: className, css: {
+    return (jsx(BaseCTA, __assign({}, props, { css: {
             backgroundColor: theme.component.button.secondary.active.color,
             color: theme.component.button.secondary.active.backgroundColor,
             border: "1px solid ".concat(theme.component.button.secondary.active.backgroundColor),
@@ -3580,7 +3584,7 @@ var ButtonSecondaryOutline = function (_a) {
                 color: theme.colors.text.disabled,
                 border: 'none',
             },
-        }, text: text }, void 0));
+        } }), void 0));
 };
 
 function _extends() {
@@ -4206,7 +4210,7 @@ function useDescriptions() {
 } // ---
 
 var DEFAULT_DESCRIPTION_TAG = 'p';
-function Description$1(props) {
+function Description$2(props) {
   var context = useDescriptionContext();
   var id = "headlessui-description-" + useId();
   useIsoMorphicEffect(function () {
@@ -4439,7 +4443,7 @@ function Disclosure(props) {
 } // ---
 
 var DEFAULT_BUTTON_TAG$1 = 'button';
-var Button$6 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
+var Button$7 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
   var _useDisclosureContext = useDisclosureContext([Disclosure.name, Button.name].join('.')),
       state = _useDisclosureContext[0],
       dispatch = _useDisclosureContext[1];
@@ -4602,7 +4606,7 @@ var Panel = /*#__PURE__*/forwardRefWithAs(function Panel(props, ref) {
   }));
 }); // ---
 
-Disclosure.Button = Button$6;
+Disclosure.Button = Button$7;
 Disclosure.Panel = Panel;
 
 function disposables() {
@@ -4998,7 +5002,7 @@ function Listbox(props) {
 } // ---
 
 var DEFAULT_BUTTON_TAG = 'button';
-var Button$5 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
+var Button$6 = /*#__PURE__*/forwardRefWithAs(function Button(props, ref) {
   var _state$optionsRef$cur;
 
   var _useListboxContext = useListboxContext([Listbox.name, Button.name].join('.')),
@@ -5457,7 +5461,7 @@ function Option$2(props) {
 } // ---
 
 
-Listbox.Button = Button$5;
+Listbox.Button = Button$6;
 Listbox.Label = Label$4;
 Listbox.Options = Options;
 Listbox.Option = Option$2;
@@ -5925,7 +5929,7 @@ function Option$1(props) {
 
 RadioGroup.Option = Option$1;
 RadioGroup.Label = Label$3;
-RadioGroup.Description = Description$1;
+RadioGroup.Description = Description$2;
 
 var BaseSelectButton = function (_a) {
     var children = _a.children, as = _a.as;
@@ -5942,7 +5946,7 @@ function BaseSelectOption(_a) {
     return (jsx$1(Listbox.Option, __assign({ className: className, as: as, value: value, disabled: disabled }, { children: children }), void 0));
 }
 
-var CustomListBox = newStyled(Listbox)(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var CustomListBox = newStyled(Listbox)(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 function BaseSelect(_a) {
     var value = _a.value, onChange = _a.onChange, disabled = _a.disabled, children = _a.children, className = _a.className;
     return (jsx$1(CustomListBox, __assign({ disabled: disabled, as: "div", value: value, onChange: onChange, className: className }, { children: children }), void 0));
@@ -5952,7 +5956,7 @@ var BaseSelect$1 = Object.assign(BaseSelect, {
     Options: BaseSelectOptions,
     Option: BaseSelectOption,
 });
-var templateObject_1$Y;
+var templateObject_1$12;
 
 var CustomButton = newStyled.button(function (_a) {
     var theme = _a.theme, wide = _a.wide, isSortOrFilter = _a.isSortOrFilter;
@@ -5971,6 +5975,7 @@ var CustomButton = newStyled.button(function (_a) {
         color: theme.component.dropdown.color,
         fill: theme.component.dropdown.fill,
         width: wide ? '100%' : 'auto',
+        height: wide ? '100%' : 'auto',
         justifyContent: wide ? 'space-between' : 'center',
         svg: {
             marginLeft: '0.75rem',
@@ -6164,12 +6169,12 @@ var CustomCheckboxStyles = {
     },
 };
 
-var Container$B = newStyled.div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"])));
+var Container$E = newStyled.div(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"])));
 var CustomCheckbox = newStyled.div(CustomCheckboxStyles.baseStyles, function (props) { return [
     CustomCheckboxStyles[props.size](props.theme),
     CustomCheckboxStyles[props.variant](props.theme, props.isChecked, props.disabled),
 ]; });
-var Input$3 = newStyled.input(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"], ["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"])), function (_a) {
+var Input$3 = newStyled.input(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"], ["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'not-allowed' : 'pointer');
 });
@@ -6193,9 +6198,9 @@ var Checkbox = function (_a) {
     useEffect(function () {
         mounted.current = true;
     }, []);
-    return (jsxs$1(Container$B, { children: [jsx$1(Input$3, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign({ theme: theme, size: size, disabled: disabled, isChecked: isChecked, "data-testid": "checkbox", variant: variant }, { children: isChecked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Label$2, __assign({ "data-testid": "checkbox-text", size: size, variant: isChecked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
+    return (jsxs$1(Container$E, { children: [jsx$1(Input$3, { type: "checkbox", checked: isChecked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsx$1(CustomCheckbox, __assign({ theme: theme, size: size, disabled: disabled, isChecked: isChecked, "data-testid": "checkbox", variant: variant }, { children: isChecked && jsx$1(Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsx$1(Label$2, __assign({ "data-testid": "checkbox-text", size: size, variant: isChecked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
 };
-var templateObject_1$X, templateObject_2$C;
+var templateObject_1$11, templateObject_2$E;
 
 var CustomOption = newStyled.li(function (_a) {
     var theme = _a.theme, selected = _a.selected, active = _a.active;
@@ -6229,6 +6234,7 @@ function BaseDropdown(_a) {
     var theme = useTheme();
     return (jsx(BaseSelect$1, __assign({ value: value, onChange: function (value) { return onChange(value); }, css: {
             width: wide ? '100%' : 'fit-content',
+            height: wide ? '100%' : 'fit-content',
             position: 'relative',
             fontSize: theme.component.dropdown.fontSize,
             lineHeight: theme.component.dropdown.lineHeight,
@@ -6242,20 +6248,28 @@ var BaseDropdown$1 = Object.assign(BaseDropdown, {
 });
 
 function SimpleDropdown(_a) {
-    var options = _a.options, _b = _a.disabled, disabled = _b === void 0 ? false : _b, initialValue = _a.initialValue, placeHolder = _a.placeHolder, label = _a.label, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.sort, sort = _d === void 0 ? false : _d, onChange = _a.onChange;
-    var _e = useState(initialValue), selectedValue = _e[0], setSelectedValue = _e[1];
-    var selectedOptionLabel = function () {
-        if (selectedValue)
+    var options = _a.options, _b = _a.disabled, disabled = _b === void 0 ? false : _b, initialValue = _a.initialValue, placeHolder = _a.placeHolder, label = _a.label, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.sort, sort = _d === void 0 ? false : _d, onChange = _a.onChange, value = _a.value;
+    var _e = useState(value || initialValue), selectedValue = _e[0], setSelectedValue = _e[1];
+    var selectedOptionLabel = useMemo(function () {
+        if (selectedValue) {
             return selectedValue.label;
-        else
-            return placeHolder;
-    };
+        }
+        return placeHolder;
+    }, [selectedValue, placeHolder]);
     var onChangeHandler = function (value) {
-        onChange(value);
+        if (onChange) {
+            onChange(value);
+        }
         setSelectedValue(value);
     };
+    useEffect(function () {
+        if (value == null) {
+            return;
+        }
+        setSelectedValue(value);
+    }, [value]);
     var Button = label ? withLabel(BaseDropdown$1.Button, label) : BaseDropdown$1.Button;
-    return (jsxs$1(BaseDropdown$1, __assign({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsx$1(Button, __assign({ OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide, isSortOrFilter: sort }, { children: selectedOptionLabel() }), void 0), jsx$1(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsx$1(BaseDropdown$1.Option, __assign({ value: item, disabled: false }, { children: item.label }), item.key)); }) }, void 0)] }), void 0));
+    return (jsxs$1(BaseDropdown$1, __assign({ value: selectedValue, onChange: onChangeHandler, disabled: disabled, wide: wide }, { children: [jsx$1(Button, __assign({ OpenIcon: Icon.Arrows.ChevronDown, CloseIcon: Icon.Arrows.ChevronUp, wide: wide, isSortOrFilter: sort }, { children: selectedOptionLabel }), void 0), jsx$1(BaseDropdown$1.Options, { children: options.map(function (item) { return (jsx$1(BaseDropdown$1.Option, __assign({ value: item, disabled: false }, { children: item.label }), item.key)); }) }, void 0)] }), void 0));
 }
 
 var getStylesBySize$8 = function (size, theme) {
@@ -6316,11 +6330,11 @@ var SelectorSecondary = function (_a) {
 // This defines which HTML tag to render for each `variant`, it also defines
 // `variants` styles that are consistent through all themes.
 var TAGS = {
-    hero1: newStyled.h1(templateObject_1$W || (templateObject_1$W = __makeTemplateObject([""], [""]))),
-    hero2: newStyled.h2(templateObject_2$B || (templateObject_2$B = __makeTemplateObject([""], [""]))),
-    hero3: newStyled.h3(templateObject_3$n || (templateObject_3$n = __makeTemplateObject([""], [""]))),
-    display1: newStyled.h1(templateObject_4$e || (templateObject_4$e = __makeTemplateObject([""], [""]))),
-    display2: newStyled.h2(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject([""], [""]))),
+    hero1: newStyled.h1(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject([""], [""]))),
+    hero2: newStyled.h2(templateObject_2$D || (templateObject_2$D = __makeTemplateObject([""], [""]))),
+    hero3: newStyled.h3(templateObject_3$p || (templateObject_3$p = __makeTemplateObject([""], [""]))),
+    display1: newStyled.h1(templateObject_4$f || (templateObject_4$f = __makeTemplateObject([""], [""]))),
+    display2: newStyled.h2(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject([""], [""]))),
     heading1: newStyled.h1(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject([""], [""]))),
     heading2: newStyled.h2(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject([""], [""]))),
     heading3: newStyled.h3(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject([""], [""]))),
@@ -6334,7 +6348,7 @@ var TAGS = {
     label: newStyled.label(templateObject_16 || (templateObject_16 = __makeTemplateObject([""], [""]))),
     tag: newStyled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    display: inline-block;\n    text-transform: ", ";\n  "], ["\n    display: inline-block;\n    text-transform: ", ";\n  "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
 };
-var Text$3 = function (_a) {
+var Text$5 = function (_a) {
     var variant = _a.variant, children = _a.children, allProps = __rest(_a, ["variant", "children"]);
     var theme = useTheme();
     var Tag = useMemo(function () { return TAGS[variant] || 'p'; }, [variant]);
@@ -6439,24 +6453,27 @@ var DEFAULTS = {
         size: 'regular',
     },
 };
-var templateObject_1$W, templateObject_2$B, templateObject_3$n, templateObject_4$e, templateObject_5$7, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
+var templateObject_1$10, templateObject_2$D, templateObject_3$p, templateObject_4$f, templateObject_5$8, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
 
-var ButtonsContainer = newStyled.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n"])));
+var ButtonsContainer = newStyled.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ", ";\n"])), function (_a) {
+    var inline = _a.inline;
+    return (inline ? '0 0 0 10px' : '8px 0 0 0');
+});
 var SizeSelector = function (_a) {
     var label = _a.label, sizes = _a.sizes, selectedValue = _a.selectedValue, onChange = _a.onChange, _b = _a.inline, inline = _b === void 0 ? false : _b;
     return (jsxs("div", __assign({ css: {
             display: 'flex',
             flexDirection: inline ? 'row' : 'column',
             alignItems: inline ? 'center' : 'start',
-        } }, { children: [jsxs(Text$3, __assign({ variant: "body", weight: "regular", size: "small" }, { children: [label, !inline && (jsx(Text$3, __assign({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue.description }), void 0))] }), void 0), jsx(ButtonsContainer, { children: sizes.map(function (size) {
+        } }, { children: [jsxs(Text$5, __assign({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && (jsx(Text$5, __assign({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue.description }), void 0))] }), void 0), jsx(ButtonsContainer, __assign({ inline: inline }, { children: sizes.map(function (size) {
                     var active = !size.disabled && size.label === selectedValue.label;
                     return (jsx(SelectorSecondary, { css: {
                             padding: '0.75rem 1rem 0.625rem',
-                            margin: '0.5rem',
+                            margin: '0 0.5rem 0.625rem 0',
                         }, size: ComponentSize.Medium, text: size.label, active: active, disabled: size.disabled, onClick: function () { return onChange(size); } }, size.label));
-                }) }, void 0)] }), void 0));
+                }) }), void 0)] }), void 0));
 };
-var templateObject_1$V;
+var templateObject_1$$;
 
 var getStylesBySize$7 = function (size) {
     switch (size) {
@@ -6485,7 +6502,7 @@ var textButtonStyles$1 = function (theme, size) {
         } });
 };
 var withContainer = function (iconFill, isLeading, Icon) {
-    return Icon && (jsx("span", __assign({ css: css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n        ", "\n      "], ["\n        display: flex;\n        align-items: center;\n        ", "\n      "])), isLeading ? 'margin-right: 5px' : 'margin-left: 5px') }, { children: jsx(Icon, { width: 1.25, height: 1.25, fill: iconFill }, void 0) }), void 0));
+    return Icon && (jsx("span", __assign({ css: css(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n        ", "\n      "], ["\n        display: flex;\n        align-items: center;\n        ", "\n      "])), isLeading ? 'margin-right: 5px' : 'margin-left: 5px') }, { children: jsx(Icon, { width: 1.25, height: 1.25, fill: iconFill }, void 0) }), void 0));
 };
 var getIconFill = function (theme, disabled, iconColor) {
     if (disabled)
@@ -6501,16 +6518,16 @@ var TextButton = function (_a) {
     var iconFill = getIconFill(theme, disabled, iconColor);
     return (jsx(BaseButton, __assign({ renderLeading: withContainer(iconFill, true, LeadingIcon), renderTrailing: withContainer(iconFill, false, TrailingIcon), disabled: disabled, type: type, onClick: onClick, css: textButtonStyles$1(theme, size) }, { children: text }), void 0));
 };
-var templateObject_1$U;
+var templateObject_1$_;
 
-var Container$A = newStyled.div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"])));
-var P$2 = newStyled.p(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
-var PercentageSpan = newStyled.span(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  font-weight: 700;\n  text-decoration-line: underline;\n"], ["\n  font-weight: 700;\n  text-decoration-line: underline;\n"])));
+var Container$D = newStyled.div(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.88rem;\n"])));
+var P$3 = newStyled.p(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var PercentageSpan = newStyled.span(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  font-weight: 700;\n  text-decoration-line: underline;\n"], ["\n  font-weight: 700;\n  text-decoration-line: underline;\n"])));
 var SizeFitGuide = function (_a) {
     var title = _a.title, fitPercentageLabel = _a.fitPercentageLabel, fitPercentage = _a.fitPercentage, onClick = _a.onClick;
-    return (jsxs$1(Container$A, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick }, void 0), jsxs$1(P$2, { children: [fitPercentageLabel, " ", jsxs$1(PercentageSpan, { children: [fitPercentage, "%"] }, void 0)] }, void 0)] }, void 0));
+    return (jsxs$1(Container$D, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick }, void 0), jsxs$1(P$3, { children: [fitPercentageLabel, " ", jsxs$1(PercentageSpan, { children: [fitPercentage, "%"] }, void 0)] }, void 0)] }, void 0));
 };
-var templateObject_1$T, templateObject_2$A, templateObject_3$m;
+var templateObject_1$Z, templateObject_2$C, templateObject_3$o;
 
 var getStylesBySize$6 = function (size) {
     switch (size) {
@@ -6540,7 +6557,7 @@ var getStylesBySize$6 = function (size) {
             };
     }
 };
-var Container$z = newStyled.div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
+var Container$C = newStyled.div(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -6562,7 +6579,7 @@ var Container$z = newStyled.div(templateObject_1$S || (templateObject_1$S = __ma
     var size = _a.size;
     return (_b = getStylesBySize$6(size)) === null || _b === void 0 ? void 0 : _b.height;
 });
-var H3$2 = newStyled.h3(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n  color: ", ";\n  font-weight: bold;\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n"], ["\n  color: ", ";\n  font-weight: bold;\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_a) {
+var H3$2 = newStyled.h3(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n  color: ", ";\n  font-weight: bold;\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n"], ["\n  color: ", ";\n  font-weight: bold;\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_a) {
     var textColor = _a.textColor;
     return textColor;
 }, function (_a) {
@@ -6577,9 +6594,9 @@ var H3$2 = newStyled.h3(templateObject_2$z || (templateObject_2$z = __makeTempla
 var DiscountTag = function (_a) {
     var discount = _a.discount, offText = _a.offText, disabled = _a.disabled, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#fff' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? 'transparent' : _c, _d = _a.textColor, textColor = _d === void 0 ? '#fff' : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e;
     var theme = useTheme();
-    return (jsx$1(Container$z, __assign({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container" }, { children: jsxs$1(H3$2, __assign({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size }, { children: [discount, "% ", offText] }), void 0) }), void 0));
+    return (jsx$1(Container$C, __assign({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container" }, { children: jsxs$1(H3$2, __assign({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size }, { children: [discount, "% ", offText] }), void 0) }), void 0));
 };
-var templateObject_1$S, templateObject_2$z;
+var templateObject_1$Y, templateObject_2$B;
 
 var getStylesBySize$5 = function (size) {
     switch (size) {
@@ -6603,8 +6620,8 @@ var getStylesBySize$5 = function (size) {
             };
     }
 };
-var Container$y = newStyled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var Price = newStyled.h1(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n"], ["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n"])), function (_a) {
+var Container$B = newStyled.div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var Price = newStyled.h1(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n"], ["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n"])), function (_a) {
     var weight = _a.weight;
     return (weight ? weight : '400');
 }, function (_a) {
@@ -6626,7 +6643,7 @@ var Price = newStyled.h1(templateObject_2$y || (templateObject_2$y = __makeTempl
     var margin = _a.margin, size = _a.size;
     return (margin ? (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.margin : '0');
 });
-var TagContainer = newStyled.h1(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_a) {
+var TagContainer = newStyled.h1(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_a) {
     var _b;
     var size = _a.size;
     return (_b = getStylesBySize$5(size)) === null || _b === void 0 ? void 0 : _b.margin;
@@ -6634,9 +6651,9 @@ var TagContainer = newStyled.h1(templateObject_3$l || (templateObject_3$l = __ma
 var PriceLabel = function (_a) {
     var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, color = _a.color, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b;
     var theme = useTheme();
-    return (jsxs$1(Container$y, { children: [jsx$1(Price, __assign({ size: size, color: color || theme.colors.pallete.secondary.color, weight: 700, "data-testid": "price" }, { children: finalPrice }), void 0), originalPrice && (jsx$1(Price, __assign({ size: size, color: theme.colors.shades['400'].color, margin: true, underlined: true, "data-testid": "discount" }, { children: originalPrice }), void 0)), discount && (jsx$1(TagContainer, __assign({ size: size }, { children: jsx$1(DiscountTag, __assign({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
+    return (jsxs$1(Container$B, { children: [jsx$1(Price, __assign({ size: size, color: color || theme.colors.pallete.secondary.color, weight: 700, "data-testid": "price" }, { children: finalPrice }), void 0), originalPrice && (jsx$1(Price, __assign({ size: size, color: theme.colors.shades['400'].color, margin: true, underlined: true, "data-testid": "discount" }, { children: originalPrice }), void 0)), discount && (jsx$1(TagContainer, __assign({ size: size }, { children: jsx$1(DiscountTag, __assign({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
 };
-var templateObject_1$R, templateObject_2$y, templateObject_3$l;
+var templateObject_1$X, templateObject_2$A, templateObject_3$n;
 
 var OneColorSelector = function (_a) {
     var color = _a.color, selected = _a.selected, dataTestId = _a.dataTestId;
@@ -6675,14 +6692,14 @@ var OutOfStock = function (_a) {
     return (jsxs$1("svg", __assign({ width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx$1("title", { children: title }, void 0), jsx$1("mask", __assign({ id: "path-1-inside-1", fill: "white" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.89435 9.60565C8.40619 10.0938 8.40619 10.8853 8.89435 11.3734L14.0209 16.5L8.89433 21.6266C8.40617 22.1147 8.40617 22.9062 8.89433 23.3943C9.38248 23.8825 10.1739 23.8825 10.6621 23.3943L15.7887 18.2677L21.2687 23.7478C21.7569 24.2359 22.5483 24.2359 23.0365 23.7478C23.5246 23.2596 23.5246 22.4682 23.0365 21.98L17.5564 16.5L23.0365 11.02C23.5246 10.5318 23.5246 9.74035 23.0365 9.25219C22.5483 8.76404 21.7568 8.76404 21.2687 9.25219L15.7887 14.7322L10.6621 9.60565C10.174 9.1175 9.3825 9.1175 8.89435 9.60565Z" }, void 0) }), void 0), jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.89435 9.60565C8.40619 10.0938 8.40619 10.8853 8.89435 11.3734L14.0209 16.5L8.89433 21.6266C8.40617 22.1147 8.40617 22.9062 8.89433 23.3943C9.38248 23.8825 10.1739 23.8825 10.6621 23.3943L15.7887 18.2677L21.2687 23.7478C21.7569 24.2359 22.5483 24.2359 23.0365 23.7478C23.5246 23.2596 23.5246 22.4682 23.0365 21.98L17.5564 16.5L23.0365 11.02C23.5246 10.5318 23.5246 9.74035 23.0365 9.25219C22.5483 8.76404 21.7568 8.76404 21.2687 9.25219L15.7887 14.7322L10.6621 9.60565C10.174 9.1175 9.3825 9.1175 8.89435 9.60565Z", fill: theme.colors.shades['300'].color }, void 0), jsx$1("path", { d: "M14.0209 16.5L14.5866 17.0657L15.1523 16.5L14.5866 15.9343L14.0209 16.5ZM8.89433 21.6266L9.46001 22.1922L8.89433 21.6266ZM10.6621 23.3943L11.2278 23.96L10.6621 23.3943ZM15.7887 18.2677L16.3544 17.7021L15.7887 17.1364L15.223 17.7021L15.7887 18.2677ZM17.5564 16.5L16.9908 15.9343L16.4251 16.5L16.9908 17.0657L17.5564 16.5ZM23.0365 11.02L23.6021 11.5856L23.0365 11.02ZM21.2687 9.25219L21.8344 9.81788L21.2687 9.25219ZM15.7887 14.7322L15.223 15.2979L15.7887 15.8636L16.3544 15.2979L15.7887 14.7322ZM9.46003 10.8077C9.2843 10.632 9.2843 10.3471 9.46003 10.1713L8.32866 9.03997C7.52809 9.84054 7.52809 11.1385 8.32866 11.9391L9.46003 10.8077ZM14.5866 15.9343L9.46003 10.8077L8.32866 11.9391L13.4552 17.0657L14.5866 15.9343ZM9.46001 22.1922L14.5866 17.0657L13.4552 15.9343L8.32864 21.0609L9.46001 22.1922ZM9.46001 22.8286C9.28428 22.6529 9.28428 22.368 9.46001 22.1922L8.32864 21.0609C7.52807 21.8614 7.52807 23.1594 8.32864 23.96L9.46001 22.8286ZM10.0964 22.8286C9.92067 23.0044 9.63575 23.0044 9.46001 22.8286L8.32864 23.96C9.12922 24.7606 10.4272 24.7606 11.2278 23.96L10.0964 22.8286ZM15.223 17.7021L10.0964 22.8286L11.2278 23.96L16.3544 18.8334L15.223 17.7021ZM21.8344 23.1821L16.3544 17.7021L15.223 18.8334L20.703 24.3135L21.8344 23.1821ZM22.4708 23.1821C22.2951 23.3578 22.0101 23.3578 21.8344 23.1821L20.703 24.3135C21.5036 25.114 22.8016 25.114 23.6022 24.3135L22.4708 23.1821ZM22.4708 22.5457C22.6465 22.7214 22.6465 23.0064 22.4708 23.1821L23.6022 24.3135C24.4027 23.5129 24.4027 22.2149 23.6022 21.4143L22.4708 22.5457ZM16.9908 17.0657L22.4708 22.5457L23.6022 21.4143L18.1221 15.9343L16.9908 17.0657ZM22.4708 10.4543L16.9908 15.9343L18.1221 17.0657L23.6021 11.5856L22.4708 10.4543ZM22.4708 9.81788C22.6465 9.99361 22.6465 10.2785 22.4708 10.4543L23.6021 11.5856C24.4027 10.7851 24.4027 9.48708 23.6021 8.68651L22.4708 9.81788ZM21.8344 9.81788C22.0101 9.64214 22.295 9.64214 22.4708 9.81788L23.6021 8.68651C22.8016 7.88593 21.5036 7.88593 20.703 8.68651L21.8344 9.81788ZM16.3544 15.2979L21.8344 9.81788L20.703 8.68651L15.223 14.1665L16.3544 15.2979ZM10.0964 10.1713L15.223 15.2979L16.3544 14.1665L11.2278 9.03997L10.0964 10.1713ZM9.46003 10.1713C9.63577 9.9956 9.92069 9.9956 10.0964 10.1713L11.2278 9.03997C10.4272 8.23939 9.12924 8.23939 8.32866 9.03997L9.46003 10.1713Z", fill: "white", mask: "url(#path-1-inside-1)" }, void 0), jsx$1("circle", { cx: "16", cy: "16.5", r: "12", stroke: theme.colors.shades['300'].color, strokeWidth: "0.5" }, void 0)] }), void 0));
 };
 
-var CustomRadioGroup = newStyled(RadioGroup)(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-newStyled(RadioGroup.Label)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  font-size: 0.88rem;\n"], ["\n  font-size: 0.88rem;\n"])));
-var CustomRadioGroupOption = newStyled(RadioGroup.Option)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  margin-right: 1rem;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  margin-right: 1rem;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
-var Span = newStyled.span(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
-var OptionsContainer = newStyled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"])));
+var CustomRadioGroup = newStyled(RadioGroup)(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+newStyled(RadioGroup.Label)(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n  font-size: 0.88rem;\n"], ["\n  font-size: 0.88rem;\n"])));
+var CustomRadioGroupOption = newStyled(RadioGroup.Option)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var Span = newStyled.span(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
+var OptionsContainer = newStyled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"])));
 var Label$1 = function (_a) {
     var label = _a.label, values = _a.values;
-    return (jsxs$1(Text$3, __assign({ variant: "body", weight: "regular", size: "small" }, { children: [label, " ", jsx$1(Span, { children: values }, void 0)] }), void 0));
+    return (jsxs$1(Text$5, __assign({ variant: "body", weight: "regular", size: "small" }, { children: [label, " ", jsx$1(Span, { children: values }, void 0)] }), void 0));
 };
 var Option = function (_a) {
     var value = _a.value, children = _a.children;
@@ -6697,20 +6714,20 @@ var ColorRadioGroup$1 = Object.assign(ColorRadioGroup, {
     Option: Option,
     OptionsContainer: OptionsContainer,
 });
-var templateObject_1$Q, templateObject_2$x, templateObject_3$k, templateObject_4$d, templateObject_5$6;
+var templateObject_1$W, templateObject_2$z, templateObject_3$m, templateObject_4$e, templateObject_5$7;
 
-var Container$x = newStyled.div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"], ["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"])), function (_a) {
+var Container$A = newStyled.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"], ["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"])), function (_a) {
     var borderColor = _a.borderColor;
     return borderColor;
 });
-var Image$4 = newStyled.img(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n"], ["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n"])));
+var Image$2 = newStyled.img(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n"], ["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n"])));
 var PatternSelector = function (_a) {
     var url = _a.url, selected = _a.selected, dataTestId = _a.dataTestId;
     var theme = useTheme();
     var outerBorder = selected ? theme.colors.shades['550'].color : 'transparent';
-    return (jsx$1(Container$x, __assign({ "data-testid": dataTestId, borderColor: outerBorder }, { children: jsx$1(Image$4, { src: url, alt: "pattern" }, void 0) }), void 0));
+    return (jsx$1(Container$A, __assign({ "data-testid": dataTestId, borderColor: outerBorder }, { children: jsx$1(Image$2, { src: url, alt: "pattern" }, void 0) }), void 0));
 };
-var templateObject_1$P, templateObject_2$w;
+var templateObject_1$V, templateObject_2$y;
 
 var renderOptions$1 = function (options) {
     if (options.length)
@@ -6762,38 +6779,44 @@ var MultiColorPicker = function (_a) {
     return (jsxs$1(ColorRadioGroup$1, __assign({ value: selectedColor, onChange: onChangeHandler }, { children: [jsx$1(ColorRadioGroup$1.Label, { label: label, values: valueLabels }, void 0), jsx$1(ColorRadioGroup$1.OptionsContainer, { children: renderOptions(selectedColor, options) }, void 0)] }), void 0));
 };
 
-var Image$3 = newStyled.img(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"], ["\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"])), function (_a) {
+var Image$1 = newStyled.img(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"], ["\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"])), function (_a) {
     var selected = _a.selected, theme = _a.theme;
     return selected ? "0.063rem solid ".concat(theme.colors.shades['700'].color) : 'inherit';
 });
 var ImageSmallPreview = function (_a) {
     var imageUrl = _a.imageUrl, alt = _a.alt, _b = _a.selected, selected = _b === void 0 ? false : _b, className = _a.className;
     var theme = useTheme();
-    return jsx$1(Image$3, { className: className, src: imageUrl, alt: alt, selected: selected, theme: theme }, void 0);
+    return jsx$1(Image$1, { className: className, src: imageUrl, alt: alt, selected: selected, theme: theme }, void 0);
 };
-var templateObject_1$O;
+var templateObject_1$U;
 
-var Container$w = newStyled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  padding-right: 1.25rem;\n  overflow: auto;\n"], ["\n  display: flex;\n  flex-direction: column;\n  padding-right: 1.25rem;\n  overflow: auto;\n"])));
-var Button$4 = newStyled.button(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n"], ["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n"])));
+var Container$z = newStyled.div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  grid-row-gap: 20px;\n  display: grid;\n  max-height: 45rem;\n  height: min-content;\n  overflow: auto;\n  align-items: flex-start;\n"], ["\n  grid-row-gap: 20px;\n  display: grid;\n  max-height: 45rem;\n  height: min-content;\n  overflow: auto;\n  align-items: flex-start;\n"])));
+var Button$5 = newStyled.button(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n"], ["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n"])));
 var ImagePreviewList = function (_a) {
     var images = _a.images, selectedImage = _a.selectedImage, onClick = _a.onClick, dataTestId = _a.dataTestId;
-    return (jsx(Container$w, __assign({ "data-testid": dataTestId }, { children: images.map(function (item) {
-            return (jsx(Button$4, __assign({ onClick: function () { return onClick(item); } }, { children: jsx(ImageSmallPreview, { css: { marginBottom: '1.25rem' }, imageUrl: item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key }, void 0) }), item.key));
+    return (jsx$1(Container$z, __assign({ "data-testid": dataTestId }, { children: images.map(function (item) {
+            return (jsx$1(Button$5, __assign({ onClick: function () { return onClick(item); } }, { children: jsx$1(ImageSmallPreview, { imageUrl: item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key }, void 0) }), item.key));
         }) }), void 0));
 };
-var templateObject_1$N, templateObject_2$v;
+var templateObject_1$T, templateObject_2$x;
+
+var Img = newStyled.img(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
+var Image = function (_a) {
+    var src = _a.src, alt = _a.alt, height = _a.height, width = _a.width, borderRadius = _a.borderRadius, objectFit = _a.objectFit, objectPosition = _a.objectPosition, className = _a.className;
+    return (jsx$1(Img, { src: src, alt: alt, height: height, width: width, borderRadius: borderRadius, objectFit: objectFit, objectPosition: objectPosition, className: className }, void 0));
+};
+var templateObject_1$S;
 
-var Container$v = newStyled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  position: relative;\n  max-height: 45rem;\n  max-width: 33.125rem;\n"], ["\n  position: relative;\n  max-height: 45rem;\n  max-width: 33.125rem;\n"])));
-var Image$2 = newStyled.img(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
-var TopTagContainer$1 = newStyled.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n"])));
-var BottomTagContainer$1 = newStyled.div(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
+var Container$y = newStyled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n  position: relative;\n  height: 45rem;\n"], ["\n  position: relative;\n  height: 45rem;\n"])));
+var TopTagContainer$1 = newStyled.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n"])));
+var BottomTagContainer$1 = newStyled.div(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
 var ImageProductWithTags$1 = function (_a) {
     var image = _a.image, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, dataTestId = _a.dataTestId;
-    return (jsxs$1(Container$v, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image$2, { src: image.imageUrl, alt: image.alt }, void 0), jsx$1(TopTagContainer$1, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer$1, { children: BestSellerTagElement }, void 0)] }), void 0));
+    return (jsxs$1(Container$y, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image, { src: image.imageUrl, alt: image.alt, objectFit: "cover", objectPosition: "center", width: "530px", height: "720px" }, void 0), jsx$1(TopTagContainer$1, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer$1, { children: BestSellerTagElement }, void 0)] }), void 0));
 };
-var templateObject_1$M, templateObject_2$u, templateObject_3$j, templateObject_4$c;
+var templateObject_1$R, templateObject_2$w, templateObject_3$l;
 
-var Container$u = newStyled.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  max-height: 45rem;\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  max-height: 45rem;\n"])));
+var Container$x = newStyled.div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: auto auto;\n  grid-column-gap: 20px;\n  max-height: 45rem;\n  width: fit-content;\n"], ["\n  display: grid;\n  grid-template-columns: auto auto;\n  grid-column-gap: 20px;\n  max-height: 45rem;\n  width: fit-content;\n"])));
 var ProductGallery = function (_a) {
     var images = _a.images, selectedValue = _a.selectedValue, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, productImageDataTestId = _a.productImageDataTestId, previewListDataTestId = _a.previewListDataTestId;
     var initialValue = selectedValue && images.includes(selectedValue) ? selectedValue : images[0];
@@ -6801,11 +6824,11 @@ var ProductGallery = function (_a) {
     useEffect(function () {
         setSelectedImage(initialValue);
     }, [initialValue]);
-    return (jsxs$1(Container$u, { children: [jsx$1(ImagePreviewList, { images: images, selectedImage: selectedImage, dataTestId: previewListDataTestId, onClick: function (value) {
+    return (jsxs$1(Container$x, { children: [jsx$1(ImagePreviewList, { images: images, selectedImage: selectedImage, dataTestId: previewListDataTestId, onClick: function (value) {
                     setSelectedImage(value);
                 } }, void 0), jsx$1(ImageProductWithTags$1, { image: selectedImage, DiscountTagElement: DiscountTagElement, BestSellerTagElement: BestSellerTagElement, dataTestId: productImageDataTestId }, void 0)] }, void 0));
 };
-var templateObject_1$L;
+var templateObject_1$Q;
 
 /* base styles & size variants */
 var StarStyles = {
@@ -6843,8 +6866,8 @@ var StarStyles = {
         });
     },
 };
-var Container$t = newStyled.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var templateObject_1$K;
+var Container$w = newStyled.div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var templateObject_1$P;
 
 var StarContainer = newStyled.div(function (_a) {
     var size = _a.size;
@@ -6853,10 +6876,16 @@ var StarContainer = newStyled.div(function (_a) {
         StarStyles[size],
     ];
 });
+var sizes = {
+    xsmall: { width: 0.75, height: 0.75 },
+    small: { width: 1, height: 1 },
+    medium: { width: 1.5, height: 1.5 },
+    large: { width: 2.5, height: 2.5 },
+};
 var StarList = function (_a) {
     var rating = _a.rating, starsNumber = _a.starsNumber, fill = _a.fill, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b;
-    return (jsx$1(Container$t, { children: __spreadArray([], new Array(starsNumber), true).map(function (_, index) {
-            return (jsx$1(StarContainer, __assign({ "data-testid": "star-container", size: size }, { children: index < Math.floor(rating) ? (jsx$1(Icon.PDP.Star, { fill: fill }, void 0)) : index === Math.floor(rating) && rating % 1 != 0 ? (jsx$1(Icon.PDP.StarHalf, { fill: fill }, void 0)) : (jsx$1(Icon.PDP.StarEmpty, { fill: fill }, void 0)) }), index));
+    return (jsx$1(Container$w, { children: __spreadArray([], new Array(starsNumber), true).map(function (_, index) {
+            return (jsx$1(StarContainer, __assign({ "data-testid": "star-container", size: size }, { children: index < Math.floor(rating) ? (jsx$1(Icon.PDP.Star, __assign({}, sizes[size], { fill: fill }), void 0)) : index === Math.floor(rating) && rating % 1 != 0 ? (jsx$1(Icon.PDP.StarHalf, __assign({}, sizes[size], { fill: fill }), void 0)) : (jsx$1(Icon.PDP.StarEmpty, __assign({}, sizes[size], { fill: fill }), void 0)) }), index));
         }) }, void 0));
 };
 
@@ -6899,8 +6928,8 @@ var LabelStyles = {
         });
     },
 };
-var Container$s = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1$J;
+var Container$v = newStyled.div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var templateObject_1$O;
 
 var CustomLabel = newStyled.div(function (_a) {
     var theme = _a.theme, size = _a.size;
@@ -6913,11 +6942,11 @@ var starsNumber = 5;
 var Rating = function (_a) {
     var _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b, reviews = _a.reviews, reviewsText = _a.reviewsText, rating = _a.rating;
     var theme = useTheme();
-    return (jsxs$1(Container$s, { children: [jsx$1(StarList, { rating: rating, size: size, starsNumber: starsNumber, fill: theme.colors.pallete.primary.color }, void 0), jsxs$1(CustomLabel, __assign({ theme: theme, size: size, "data-testid": "CustomLabel" }, { children: [reviews, " ", reviewsText] }), void 0)] }, void 0));
+    return (jsxs$1(Container$v, { children: [jsx$1(StarList, { rating: rating, size: size, starsNumber: starsNumber, fill: theme.colors.pallete.primary.color }, void 0), jsxs$1(CustomLabel, __assign({ theme: theme, size: size, "data-testid": "CustomLabel" }, { children: [reviews, " ", reviewsText] }), void 0)] }, void 0));
 };
 
-var Container$r = newStyled.div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"])));
-var P$1 = newStyled.p(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
+var Container$u = newStyled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"])));
+var P$2 = newStyled.p(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
 var textButtonStyles = function (theme) { return ({
     border: 'none',
     background: 'transparent',
@@ -6930,9 +6959,9 @@ var textButtonStyles = function (theme) { return ({
 var FitPredictor = function (_a) {
     var onClick = _a.onClick;
     var theme = useTheme();
-    return (jsxs(Container$r, __assign({ theme: theme }, { children: [jsx(Container$r, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$1, __assign({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
+    return (jsxs(Container$u, __assign({ theme: theme }, { children: [jsx(Container$u, { children: jsx(Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), jsx(P$2, __assign({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), jsx(BaseButton, __assign({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
 };
-var templateObject_1$I, templateObject_2$t;
+var templateObject_1$N, templateObject_2$v;
 
 var H2$1 = newStyled.h2(function (_a) {
     var color = _a.color;
@@ -6946,7 +6975,7 @@ var H2$1 = newStyled.h2(function (_a) {
         margin: '0.938rem 4.188rem',
     });
 });
-var Bar = newStyled.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: 0.5rem;\n  background-color: ", ";\n  width: ", ";\n  border-radius: 0.25rem;\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"], ["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: 0.5rem;\n  background-color: ", ";\n  width: ", ";\n  border-radius: 0.25rem;\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"])), function (_a) {
+var Bar = newStyled.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: 0.5rem;\n  background-color: ", ";\n  width: ", ";\n  border-radius: 0.25rem;\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"], ["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: 0.5rem;\n  background-color: ", ";\n  width: ", ";\n  border-radius: 0.25rem;\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -6969,7 +6998,7 @@ var Background = newStyled.div(function (_a) {
         position: 'absolute',
     });
 });
-var Container$q = newStyled.div(function (_a) {
+var Container$t = newStyled.div(function (_a) {
     var widthAuto = _a.widthAuto;
     return ({
         width: widthAuto ? 'auto' : 'fit-content',
@@ -6983,9 +7012,9 @@ var getBarWithBasedOnPercent = function (percent) {
 var ProgressBar = function (_a) {
     var description = _a.description, fillColor = _a.fillColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, percent = _a.percent;
     var theme = useTheme();
-    return (jsxs$1(Container$q, __assign({ "data-testid": "PBContainer", widthAuto: widthAuto }, { children: [jsx$1(Background, __assign({ backgroundColor: theme.colors.shades['100'].color }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent }, void 0) }), void 0), description && jsx$1(H2$1, __assign({ color: theme.colors.pallete.secondary.color }, { children: description }), void 0)] }), void 0));
+    return (jsxs$1(Container$t, __assign({ "data-testid": "PBContainer", widthAuto: widthAuto }, { children: [jsx$1(Background, __assign({ backgroundColor: theme.colors.shades['100'].color }, { children: jsx$1(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent }, void 0) }), void 0), description && jsx$1(H2$1, __assign({ color: theme.colors.pallete.secondary.color }, { children: description }), void 0)] }), void 0));
 };
-var templateObject_1$H;
+var templateObject_1$M;
 
 var getStylesBySize$4 = function (size) {
     switch (size) {
@@ -7006,7 +7035,7 @@ var getStylesBySize$4 = function (size) {
             };
     }
 };
-var Container$p = newStyled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"], ["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
+var Container$s = newStyled.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"], ["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -7034,9 +7063,9 @@ var Container$p = newStyled.div(templateObject_1$G || (templateObject_1$G = __ma
 var IconButton = function (_a) {
     var children = _a.children, disabled = _a.disabled, _b = _a.size, size = _b === void 0 ? ComponentSize.Medium : _b, onClick = _a.onClick;
     var theme = useTheme();
-    return (jsx$1(Container$p, __assign({ className: disabled ? 'disabled' : '', backgroundColor: theme.component.button.primary.active.backgroundColor, hoverBackgroundColor: theme.component.button.secondary.active.backgroundColor, disabledColor: theme.colors.shades['50'].color, disabledIconColor: theme.colors.shades['200'].color, size: size, "data-testid": "Container", onClick: disabled ? function () { } : onClick }, { children: children }), void 0));
+    return (jsx$1(Container$s, __assign({ className: disabled ? 'disabled' : '', backgroundColor: theme.component.button.primary.active.backgroundColor, hoverBackgroundColor: theme.component.button.secondary.active.backgroundColor, disabledColor: theme.colors.shades['50'].color, disabledIconColor: theme.colors.shades['200'].color, size: size, "data-testid": "Container", onClick: disabled ? function () { } : onClick }, { children: children }), void 0));
 };
-var templateObject_1$G;
+var templateObject_1$L;
 
 var TooltipArrow = function (_a) {
     var height = _a.height, width = _a.width, fill = _a.fill, stroke = _a.stroke;
@@ -7116,7 +7145,7 @@ var getTooltipAlignItems = function (position, align) {
     }
 };
 
-var Wrapper$5 = newStyled.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    .tooltip-container {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    .tooltip-container {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
+var Wrapper$5 = newStyled.div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    .tooltip-container {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    .tooltip-container {\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n"])), function (_a) {
     var position = _a.position;
     return getWrapperFlexDirection(position);
 });
@@ -7140,11 +7169,11 @@ var TooltipContainer = newStyled.div(function (_a) {
 var getTooltipMargin = function (actual, expected, margin) {
     return actual === expected ? margin : '0';
 };
-var ContentWrapper = newStyled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  border: 0.063rem solid ", ";\n  padding: 0.563rem 0.75rem;\n  border-radius: 0.5rem;\n  background-color: #fff;\n"], ["\n  border: 0.063rem solid ", ";\n  padding: 0.563rem 0.75rem;\n  border-radius: 0.5rem;\n  background-color: #fff;\n"])), function (_a) {
+var ContentWrapper = newStyled.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  border: 0.063rem solid ", ";\n  padding: 0.563rem 0.75rem;\n  border-radius: 0.5rem;\n  background-color: #fff;\n"], ["\n  border: 0.063rem solid ", ";\n  padding: 0.563rem 0.75rem;\n  border-radius: 0.5rem;\n  background-color: #fff;\n"])), function (_a) {
     var borderColor = _a.borderColor;
     return borderColor;
 });
-var TooltipArrowContainer = newStyled.div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  width: 1.25rem;\n  height: 0.75rem;\n  display: flex;\n  transform: rotate(", ");\n  padding: ", ";\n  margin: ", ";\n"], ["\n  width: 1.25rem;\n  height: 0.75rem;\n  display: flex;\n  transform: rotate(", ");\n  padding: ", ";\n  margin: ", ";\n"])), function (_a) {
+var TooltipArrowContainer = newStyled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  width: 1.25rem;\n  height: 0.75rem;\n  display: flex;\n  transform: rotate(", ");\n  padding: ", ";\n  margin: ", ";\n"], ["\n  width: 1.25rem;\n  height: 0.75rem;\n  display: flex;\n  transform: rotate(", ");\n  padding: ", ";\n  margin: ", ";\n"])), function (_a) {
     var position = _a.position;
     return getArrowRotation(position);
 }, function (_a) {
@@ -7154,17 +7183,17 @@ var TooltipArrowContainer = newStyled.div(templateObject_3$i || (templateObject_
     var position = _a.position;
     return getArrowContainerMargin(position);
 });
-var TooltipText = newStyled.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
+var TooltipText = newStyled.div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
-var TopSection = newStyled.div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"])));
-var Title$3 = newStyled.h1(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
+var TopSection = newStyled.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"])));
+var Title$4 = newStyled.h1(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
 var IconContainer$4 = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.125rem;\n  margin-right: 0.563rem;\n"], ["\n  width: 1.375rem;\n  height: 1.125rem;\n  margin-right: 0.563rem;\n"])));
-var templateObject_1$F, templateObject_2$s, templateObject_3$i, templateObject_4$b, templateObject_5$5, templateObject_6$4, templateObject_7$2;
+var templateObject_1$K, templateObject_2$u, templateObject_3$k, templateObject_4$d, templateObject_5$6, templateObject_6$4, templateObject_7$2;
 
 var Tooltip = function (_a) {
     var children = _a.children, position = _a.position, text = _a.text, _b = _a.align, align = _b === void 0 ? 'center' : _b, onClick = _a.onClick, header = _a.header;
@@ -7181,7 +7210,7 @@ var Tooltip = function (_a) {
         var ref = tooltipRef.current;
         setTooltipHeight((ref === null || ref === void 0 ? void 0 : ref.offsetHeight) || 0);
     }, [tooltipRef]);
-    return (jsxs$1(Wrapper$5, __assign({ position: position, "data-testid": "TooltipWrapper" }, { children: [jsx$1("div", __assign({ ref: childrenRef }, { children: children }), void 0), jsxs$1(TooltipContainer, __assign({ position: position, align: align, childrenWidth: childrenWidth, tooltipHeight: tooltipHeight, ref: tooltipRef, onClick: onClick, "data-testid": "TooltipContainer", className: "tooltip-container" }, { children: [jsxs$1(ContentWrapper, __assign({ borderColor: theme.colors.shades['200'].color }, { children: [header && (jsxs$1(TopSection, __assign({ "data-testid": "TooltipHeader" }, { children: [jsx$1(IconContainer$4, { children: React.createElement(header.Icon, { fill: theme.colors.pallete.secondary.color }) }, void 0), jsx$1(Title$3, __assign({ color: theme.colors.pallete.secondary.color }, { children: header.title }), void 0)] }), void 0)), jsx$1(TooltipText, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "TooltipText" }, { children: text }), void 0)] }), void 0), jsx$1(TooltipArrowContainer, __assign({ position: position, "data-testid": "TooltipArrow" }, { children: jsx$1(TooltipArrow, { width: 1.25, height: 0.75, fill: "#ffffff", stroke: theme.colors.shades['10'].color }, void 0) }), void 0)] }), void 0)] }), void 0));
+    return (jsxs$1(Wrapper$5, __assign({ position: position, "data-testid": "TooltipWrapper" }, { children: [jsx$1("div", __assign({ ref: childrenRef }, { children: children }), void 0), jsxs$1(TooltipContainer, __assign({ position: position, align: align, childrenWidth: childrenWidth, tooltipHeight: tooltipHeight, ref: tooltipRef, onClick: onClick, "data-testid": "TooltipContainer", className: "tooltip-container" }, { children: [jsxs$1(ContentWrapper, __assign({ borderColor: theme.colors.shades['200'].color }, { children: [header && (jsxs$1(TopSection, __assign({ "data-testid": "TooltipHeader" }, { children: [jsx$1(IconContainer$4, { children: React.createElement(header.Icon, { fill: theme.colors.pallete.secondary.color }) }, void 0), jsx$1(Title$4, __assign({ color: theme.colors.pallete.secondary.color }, { children: header.title }), void 0)] }), void 0)), jsx$1(TooltipText, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "TooltipText" }, { children: text }), void 0)] }), void 0), jsx$1(TooltipArrowContainer, __assign({ position: position, "data-testid": "TooltipArrow" }, { children: jsx$1(TooltipArrow, { width: 1.25, height: 0.75, fill: "#ffffff", stroke: theme.colors.shades['10'].color }, void 0) }), void 0)] }), void 0)] }), void 0));
 };
 
 /* base styles & variants */
@@ -7315,9 +7344,9 @@ var ContainerStyles = {
     },
 };
 
-var Wrapper$4 = newStyled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var Container$o = newStyled.div(__assign({}, ContainerStyles.baseStyles), function (props) { return [ContainerStyles[props.size](props.theme)]; });
-var Input$2 = newStyled.input(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"], ["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"])), function (_a) {
+var Wrapper$4 = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var Container$r = newStyled.div(__assign({}, ContainerStyles.baseStyles), function (props) { return [ContainerStyles[props.size](props.theme)]; });
+var Input$2 = newStyled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"], ["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'not-allowed' : 'pointer');
 });
@@ -7332,9 +7361,9 @@ var RadioInput = function (_a) {
         var value = event.currentTarget.value;
         onChange({ value: value, label: label });
     };
-    return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$o, __assign({ theme: theme, size: size, "data-testid": "container" }, { children: [jsx$1(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsx$1(Label$2, __assign({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
+    return (jsxs$1(Wrapper$4, { children: [jsxs$1(Container$r, __assign({ theme: theme, size: size, "data-testid": "container" }, { children: [jsx$1(Input$2, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled }, void 0), jsx$1(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio" }, void 0)] }), void 0), jsx$1(Label$2, __assign({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
 };
-var templateObject_1$E, templateObject_2$r;
+var templateObject_1$J, templateObject_2$t;
 
 var RadioGroupInput = function (_a) {
     var name = _a.name, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? ComponentSize.Medium : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
@@ -7348,9 +7377,9 @@ var RadioGroupInput = function (_a) {
         }) }), void 0));
 };
 
-var Wrapper$3 = newStyled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
-var Container$n = newStyled.div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var Text$2 = newStyled.h4(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  color: ", ";\n  font-weight: ", ";\n  margin: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  color: ", ";\n  font-weight: ", ";\n  margin: ", ";\n"])), function (_a) {
+var Wrapper$3 = newStyled.div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
+var Container$q = newStyled.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
+var Text$4 = newStyled.h4(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  color: ", ";\n  font-weight: ", ";\n  margin: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  color: ", ";\n  font-weight: ", ";\n  margin: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 }, function (_a) {
@@ -7363,32 +7392,32 @@ var Text$2 = newStyled.h4(templateObject_3$h || (templateObject_3$h = __makeTemp
 var Minimalistic = function (_a) {
     var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#FCFAF7' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? '#E7C9B2' : _c, originalPrice = _a.originalPrice, price = _a.price, savingPrice = _a.savingPrice, getMorePayLessText = _a.getMorePayLessText, youAreSavingText = _a.youAreSavingText, getQtyForText = _a.getQtyForText, discount = _a.discount, offText = _a.offText, _d = _a.widthAuto, widthAuto = _d === void 0 ? false : _d;
     var theme = useTheme();
-    return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$n, __assign({ "data-testid": "TopSection" }, { children: [jsx$1(Text$2, __assign({ color: theme.colors.pallete.secondary.color, weight: "600", margin: "0 1.25rem 0 0" }, { children: getMorePayLessText }), void 0), jsx$1(PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: "#3A3A3A", size: ComponentSize.Small }, void 0)] }), void 0), jsxs$1(Container$n, __assign({ "data-testid": "BottomSection" }, { children: [jsxs$1(Text$2, __assign({ color: "#d3373c", weight: "600", margin: "0 1.25rem 0 0" }, { children: [getQtyForText, " ", discount, "% ", offText] }), void 0), jsxs$1(Text$2, __assign({ color: theme.colors.pallete.secondary.color }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
+    return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxs$1(Wrapper$3, { children: [jsxs$1(Container$q, __assign({ "data-testid": "TopSection" }, { children: [jsx$1(Text$4, __assign({ color: theme.colors.pallete.secondary.color, weight: "600", margin: "0 1.25rem 0 0" }, { children: getMorePayLessText }), void 0), jsx$1(PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: "#3A3A3A", size: ComponentSize.Small }, void 0)] }), void 0), jsxs$1(Container$q, __assign({ "data-testid": "BottomSection" }, { children: [jsxs$1(Text$4, __assign({ color: "#d3373c", weight: "600", margin: "0 1.25rem 0 0" }, { children: [getQtyForText, " ", discount, "% ", offText] }), void 0), jsxs$1(Text$4, __assign({ color: theme.colors.pallete.secondary.color }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
 };
-var templateObject_1$D, templateObject_2$q, templateObject_3$h;
+var templateObject_1$I, templateObject_2$s, templateObject_3$j;
 
-var Container$m = newStyled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
-var Title$2 = newStyled.h1(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"], ["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"])), function (props) { return props.color; });
-var Details$1 = newStyled.span(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"])), function (props) { return props.color; });
-var PriceContainer$1 = newStyled.span(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"])));
+var Container$p = newStyled.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
+var Title$3 = newStyled.h1(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"], ["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"])), function (props) { return props.color; });
+var Details$1 = newStyled.span(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"])), function (props) { return props.color; });
+var PriceContainer$1 = newStyled.span(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"])));
 var Simple = function (_a) {
     var title = _a.title, freeShippingText = _a.freeShippingText, price = _a.price, anyQtyForText = _a.anyQtyForText, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? false : _b;
     var theme = useTheme();
-    return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxs$1(Container$m, { children: [jsx$1(Title$2, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Title" }, { children: title }), void 0), jsxs$1(Details$1, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Details" }, { children: [anyQtyForText, jsx$1(PriceContainer$1, __assign({ "data-testid": "Price" }, { children: jsx$1(PriceLabel, { finalPrice: price, color: "#d3373c", size: ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
+    return (jsx$1(Card$1, __assign({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxs$1(Container$p, { children: [jsx$1(Title$3, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Title" }, { children: title }), void 0), jsxs$1(Details$1, __assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Details" }, { children: [anyQtyForText, jsx$1(PriceContainer$1, __assign({ "data-testid": "Price" }, { children: jsx$1(PriceLabel, { finalPrice: price, color: "#d3373c", size: ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
 };
-var templateObject_1$C, templateObject_2$p, templateObject_3$g, templateObject_4$a;
+var templateObject_1$H, templateObject_2$r, templateObject_3$i, templateObject_4$c;
 
 var Bundle = {
     Minimalistic: Minimalistic,
     Simple: Simple,
 };
 
-var Container$l = newStyled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n"])));
+var Container$o = newStyled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n"])));
 var Tag = function (_a) {
     var text = _a.text, className = _a.className;
-    return jsx$1(Container$l, __assign({ className: className }, { children: text }), void 0);
+    return jsx$1(Container$o, __assign({ className: className }, { children: text }), void 0);
 };
-var templateObject_1$B;
+var templateObject_1$G;
 
 var getStylesBySize$3 = function (size) {
     switch (size) {
@@ -7489,11 +7518,11 @@ var Timer = function (_a) {
     return (jsxs$1("div", __assign({ "data-testid": "Time" }, { children: [hours, "h ", minutes, "m ", seconds, "s"] }), void 0));
 };
 
-var Label = newStyled.span(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"], ["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"])), function (_a) {
+var Label = newStyled.span(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"], ["\n  font-weight: 600;\n  color: ", ";\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
-var MandatoryIcon = newStyled.span(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  color: ", ";\n  margin-left: 0.25rem;\n"], ["\n  color: ", ";\n  margin-left: 0.25rem;\n"])), function (_a) {
+var MandatoryIcon = newStyled.span(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  color: ", ";\n  margin-left: 0.25rem;\n"], ["\n  color: ", ";\n  margin-left: 0.25rem;\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
@@ -7502,30 +7531,69 @@ var InputLabel = function (_a) {
     var theme = useTheme();
     return (jsxs$1(Label, __assign({ color: isDisabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, { children: [label, isRequired && jsx$1(MandatoryIcon, __assign({ color: theme.colors.semantic.urgent.color }, { children: "*" }), void 0)] }), void 0));
 };
-var templateObject_1$A, templateObject_2$o;
+var templateObject_1$F, templateObject_2$q;
+
+/**
+ * @returns number formatted with "," and 2 decimals as string
+ */
+var decimalFormat = function (number) {
+    return number.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
+};
 
 var isEmpty = function (value) {
     return value.length === 0;
+};
+var isEmail = function (value) {
+    return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
+};
+var isNumber = function (value) {
+    return /^[0-9]*$/.test(value);
+};
+var isPhoneNumber = function (value) {
+    return /^\d{10}$/.test(value);
+};
+var isValidDate = function (value) {
+    return /^\d{4}-\d{2}-\d{2}$/.test(value);
+};
+
+var mouseClickEvents = ['mousedown', 'click', 'mouseup'];
+var simulateMouseClick = function (element) {
+    mouseClickEvents.forEach(function (mouseEventType) {
+        return element.dispatchEvent(new MouseEvent(mouseEventType, {
+            view: window,
+            bubbles: true,
+            cancelable: true,
+            buttons: 1,
+        }));
+    });
 };
 
 var sliceString = function (str, maxLength) {
     return str.length > maxLength ? "".concat(str.slice(0, maxLength), "...") : str;
 };
 
-var ErrorText = newStyled.h3(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
-var ErrorContainer = newStyled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 0.25rem;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-top: 0.25rem;\n"])));
+var formatPrice = function (value, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.locale, locale = _c === void 0 ? 'en-US' : _c, _d = _b.currency, currency = _d === void 0 ? 'USD' : _d;
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: currency,
+    }).format(value);
+};
+
+var ErrorText = newStyled.h3(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"], ["\n  color: ", " !important;\n  font-size: 0.75rem;\n  font-weight: 600;\n  margin: 0;\n  font-height: 1rem;\n  margin-left: 0.313rem;\n"])), function (props) { return props.color; });
+var ErrorContainer = newStyled.div(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 0.25rem;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-top: 0.25rem;\n"])));
 var Error$1 = function (_a) {
     var error = _a.error;
     var theme = useTheme();
     return (jsxs$1(ErrorContainer, { children: [jsx$1(Icon.Actions.LightExclamation, { fill: theme.colors.semantic.urgent.color, width: 0.875, height: 0.875 }, void 0), jsx$1(ErrorText, __assign({ color: theme.colors.semantic.urgent.color }, { children: error }), void 0)] }, void 0));
 };
-var templateObject_1$z, templateObject_2$n;
+var templateObject_1$E, templateObject_2$p;
 
-var Container$k = newStyled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  input {\n    border-color: ", ";\n  }\n"], ["\n  input {\n    border-color: ", ";\n  }\n"])), function (_a) {
+var Container$n = newStyled.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  input {\n    border-color: ", ";\n  }\n"], ["\n  input {\n    border-color: ", ";\n  }\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
-var StyledInput = newStyled.input(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"], ["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
+var StyledInput = newStyled.input(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"], ["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
     var padding = _a.padding;
     return padding;
 }, function (_a) {
@@ -7568,34 +7636,49 @@ var StyledInput = newStyled.input(templateObject_2$m || (templateObject_2$m = __
     var disabledColor = _a.disabledColor;
     return disabledColor;
 });
-var InputWrapper = newStyled.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: 100%;\n"], ["\n  position: relative;\n  display: flex;\n  height: 100%;\n"])));
-var templateObject_1$y, templateObject_2$m, templateObject_3$f;
+var InputWrapper = newStyled.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  height: ", ";\n"])), function (_a) {
+    var size = _a.size;
+    return (size === 'small' ? '36px' : '44px');
+});
+var templateObject_1$D, templateObject_2$o, templateObject_3$h;
 
 var BaseInput = function (_a) {
-    var onChange = _a.onChange, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, rest = __rest(_a, ["onChange", "defaultValue", "label", "children", "required", "onValidation"]);
+    var _b;
+    var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size"]);
     var theme = useTheme();
-    var _c = useState(defaultValue), value = _c[0], setValue = _c[1];
-    var _d = useState(InputValidationType.Empty), status = _d[0], setStatus = _d[1];
+    var _d = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : ''), internalValue = _d[0], setInternalValue = _d[1];
+    var _e = useState(InputValidationType.Empty), status = _e[0], setStatus = _e[1];
     var handleChange = function (_a) {
-        var value = _a.target.value;
-        setValue(value);
-        onChange && onChange(value);
+        var target = _a.target;
+        if (onChange) {
+            onChange(target.value);
+        }
+        if (value == null) {
+            setInternalValue(target.value);
+        }
     };
     var validate = function (_a) {
         var value = _a.target.value;
-        var newStatus = handleValidations(value);
-        setStatus(newStatus);
-        onValidation && onValidation(newStatus);
-    };
-    var handleValidations = function (value) {
+        var status = InputValidationType.Valid;
         if (required && isEmpty(value)) {
-            return InputValidationType.Error;
+            status = InputValidationType.Error;
         }
         if (!required && isEmpty(value)) {
-            return InputValidationType.Empty;
+            status = InputValidationType.Empty;
         }
-        return InputValidationType.Valid;
+        setStatus(status);
     };
+    useEffect(function () {
+        if (value == null) {
+            return;
+        }
+        setInternalValue(value);
+    }, [value]);
+    useEffect(function () {
+        if (onValidation != null) {
+            onValidation(status);
+        }
+    }, [onValidation, status]);
     var styling = {
         border: theme.component.input.border,
         borderRadius: theme.component.input.borderRadius,
@@ -7610,43 +7693,61 @@ var BaseInput = function (_a) {
         highlight: theme.colors.border.highlight,
         boxShadow: theme.component.input.boxShadow,
     };
-    return (jsxs$1(Container$k, __assign({ color: status === InputValidationType.Valid
+    return (jsxs$1(Container$n, __assign({ color: status === InputValidationType.Valid
             ? theme.colors.shades['700'].color
             : status === InputValidationType.Error
                 ? theme.colors.semantic.urgent.color
-                : '' }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign({ className: "inputWrapper" }, { children: [jsx$1(StyledInput, __assign({ "data-testid": "base-input", type: "text", onChange: handleChange, onBlur: validate, required: Boolean(required), value: value }, rest, styling), void 0), children] }), void 0), required && status === InputValidationType.Error && jsx$1(Error$1, { error: required }, void 0)] }), void 0));
+                : '' }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign({ className: "inputWrapper", size: size }, { children: [jsx$1(StyledInput, __assign({ "data-testid": "base-input", type: "text", onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue }, rest, styling), void 0), children] }), void 0), required && status === InputValidationType.Error && jsx$1(Error$1, { error: required }, void 0)] }), void 0));
 };
 
-var Container$j = newStyled.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  input {\n    border-radius: ", ";\n  }\n"], ["\n  input {\n    border-radius: ", ";\n  }\n"])), function (_a) {
+var Button$4 = function (_a) {
+    var variant = _a.variant, props = __rest(_a, ["variant"]);
+    if (variant === 'primary') {
+        return jsx$1(ButtonPrimary, __assign({}, props), void 0);
+    }
+    if (variant === 'secondary') {
+        return jsx$1(ButtonSecondary, __assign({}, props), void 0);
+    }
+    if (variant === 'secondary-outline') {
+        return jsx$1(ButtonSecondary, __assign({}, props), void 0);
+    }
+    throw new Error("Invalid button variant ".concat(variant));
+};
+
+var Container$m = newStyled.div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  overflow: hidden;\n\n  input {\n    border-radius: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    width: 100%;\n  }\n"], ["\n  overflow: hidden;\n\n  input {\n    border-radius: ", ";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: none;\n    width: 100%;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.component.inputCustom.input.borderRadius;
 });
-var ButtonContainer$1 = newStyled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  width: 7.125rem;\n  height: 100%;\n  position: absolute;\n  right: 0;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"], ["\n  width: 7.125rem;\n  height: 100%;\n  position: absolute;\n  right: 0;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"])), function (_a) {
+var ButtonContainer$1 = newStyled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  max-width: 50%;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"], ["\n  max-width: 50%;\n\n  button {\n    width: 100%;\n    height: 100%;\n    border-radius: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.component.inputCustom.button.borderRadius;
 });
 var Custom = function (_a) {
-    var onClick = _a.onClick, text = _a.text, type = _a.type, rest = __rest(_a, ["onClick", "text", "type"]);
+    var onClick = _a.onClick, text = _a.text, variant = _a.variant, rest = __rest(_a, ["onClick", "text", "variant"]);
     var theme = useTheme();
-    var props = {
+    var props = useMemo(function () { return ({
+        variant: variant,
         onClick: onClick,
         text: text,
         disabled: rest.disabled,
-    };
-    return (jsx$1(Container$j, __assign({ theme: theme }, { children: jsx$1(BaseInput, __assign({}, rest, { children: jsx$1(ButtonContainer$1, __assign({ theme: theme }, { children: type === 'primary' ? jsx$1(ButtonPrimary, __assign({}, props), void 0) : jsx$1(ButtonSecondary, __assign({}, props), void 0) }), void 0) }), void 0) }), void 0));
+    }); }, [variant, onClick, text, rest.disabled]);
+    return (jsx$1(Container$m, __assign({ theme: theme }, { children: jsx$1(BaseInput, __assign({}, rest, { children: jsx$1(ButtonContainer$1, __assign({ theme: theme }, { children: jsx$1(Button$4, __assign({}, props), void 0) }), void 0) }), void 0) }), void 0));
 };
-var templateObject_1$x, templateObject_2$l;
+var templateObject_1$C, templateObject_2$n;
 
-var SuccessContainer = newStyled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  height: 3rem;\n  display: flex;\n"], ["\n  height: 3rem;\n  display: flex;\n"])));
-var SuccessMessage = newStyled.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"], ["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"])));
-var SuccessText = newStyled.span(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"])));
+var SuccessContainer = newStyled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  height: ", ";\n  display: flex;\n"], ["\n  height: ", ";\n  display: flex;\n"])), function (_a) {
+    var size = _a.size;
+    return (size === 'small' ? '36px' : '');
+});
+var SuccessMessage = newStyled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"], ["\n  background-color: #dfefe0;\n  border: 0.063rem solid #5ead63;\n  border-radius: 0.5rem;\n  width: 100%;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  box-sizing: border-box;\n"])));
+var SuccessText = newStyled.span(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-left: 0.313rem;\n"])));
 var Success = function (_a) {
-    var children = _a.children, successText = _a.successText;
-    return (jsxs$1(SuccessContainer, { children: [jsxs$1(SuccessMessage, { children: [jsx$1(Icon.Actions.Check, { fill: "#5EAD63", width: 1.375, height: 1.063 }, void 0), jsx$1(SuccessText, { children: successText }, void 0)] }, void 0), children] }, void 0));
+    var children = _a.children, successText = _a.successText, size = _a.size;
+    return (jsxs$1(SuccessContainer, __assign({ size: size }, { children: [jsxs$1(SuccessMessage, { children: [jsx$1(Icon.Actions.Check, { fill: "#5EAD63", width: 1.375, height: 1.063 }, void 0), jsx$1(SuccessText, { children: successText }, void 0)] }, void 0), children] }), void 0));
 };
-var templateObject_1$w, templateObject_2$k, templateObject_3$e;
+var templateObject_1$B, templateObject_2$m, templateObject_3$g;
 
-var ButtonContainer = newStyled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  margin-left: 0.625rem;\n  height: 100%;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"], ["\n  margin-left: 0.625rem;\n  height: 100%;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
+var ButtonContainer = newStyled.div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n  margin-left: 0.625rem;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"], ["\n  margin-left: 0.625rem;\n\n  button {\n    width: 100%;\n    height: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
     var status = _a.status, type = _a.type, theme = _a.theme;
     return status === InputValidationType.Empty &&
         type === 'primary' &&
@@ -7655,26 +7756,29 @@ var ButtonContainer = newStyled.div(templateObject_1$v || (templateObject_1$v =
 var BasePlusButton = function (_a) {
     var onClick = _a.onClick, onClickEdit = _a.onClickEdit, text = _a.text, success = _a.success, editText = _a.editText, successText = _a.successText, rest = __rest(_a, ["onClick", "onClickEdit", "text", "success", "editText", "successText"]);
     var _b = useState(InputValidationType.Empty), status = _b[0], setStatus = _b[1];
+    var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
     var theme = useTheme();
-    var SuccessComponent = (jsx$1(Success, __assign({ successText: successText }, { children: jsx$1(ButtonContainer, __assign({ status: status, type: "secondary", theme: theme }, { children: jsx$1(ButtonSecondaryOutline, { text: editText, onClick: onClickEdit, disabled: rest.disabled }, void 0) }), void 0) }), void 0));
-    var Input = (jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(ButtonContainer, __assign({ status: status, type: "primary", theme: theme }, { children: jsx$1(ButtonSecondary, { text: text, onClick: onClick, disabled: rest.disabled || status === InputValidationType.Error }, void 0) }), void 0) }), void 0));
-    return success ? SuccessComponent : Input;
+    var onChangeInput = useCallback(function (value) { return setInputValue(value); }, []);
+    if (success) {
+        return (jsx$1(Success, __assign({ successText: successText, size: rest.size }, { children: jsx$1(ButtonContainer, __assign({ status: status, type: "secondary", theme: theme }, { children: jsx$1(ButtonSecondaryOutline, { text: editText, onClick: onClickEdit, disabled: rest.disabled }, void 0) }), void 0) }), void 0));
+    }
+    return (jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus, onChange: onChangeInput }, { children: jsx$1(ButtonContainer, __assign({ status: status, type: "primary", theme: theme }, { children: jsx$1(ButtonSecondary, { text: text, onClick: function () { return onClick(inputValue); }, disabled: rest.disabled || status === InputValidationType.Error }, void 0) }), void 0) }), void 0));
 };
-var templateObject_1$v;
+var templateObject_1$A;
 
-var Container$i = newStyled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  input {\n    padding-right: 2.688rem;\n  }\n"], ["\n  input {\n    padding-right: 2.688rem;\n  }\n"])));
-var IconContainer$3 = newStyled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n\n  svg path {\n    fill: ", ";\n  }\n"], ["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n\n  svg path {\n    fill: ", ";\n  }\n"])), function (props) { return props.color; });
+var Container$l = newStyled.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  input {\n    padding-right: 2.688rem;\n  }\n"], ["\n  input {\n    padding-right: 2.688rem;\n  }\n"])));
+var IconContainer$3 = newStyled.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg path {\n    fill: ", ";\n  }\n"], ["\n  position: absolute;\n  right: 0.875rem;\n  width: 1.125rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg path {\n    fill: ", ";\n  }\n"])), function (props) { return props.color; });
 var BasePlusIcon = function (_a) {
     var Icon = _a.Icon, rest = __rest(_a, ["Icon"]);
     var theme = useTheme();
     var _b = useState(InputValidationType.Empty), status = _b[0], setStatus = _b[1];
-    return (jsx$1(Container$i, { children: jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(IconContainer$3, __assign({ color: status === InputValidationType.Valid
+    return (jsx$1(Container$l, { children: jsx$1(BaseInput, __assign({}, rest, { onValidation: setStatus }, { children: jsx$1(IconContainer$3, __assign({ color: status === InputValidationType.Valid
                     ? theme.colors.shades['700'].color
                     : status === InputValidationType.Error
                         ? theme.colors.semantic.urgent.color
                         : '' }, { children: createElement(Icon, { fill: theme.colors.shades['250'].color }) }), void 0) }), void 0) }, void 0));
 };
-var templateObject_1$u, templateObject_2$j;
+var templateObject_1$z, templateObject_2$l;
 
 var Input$1 = {
     Simple: BaseInput,
@@ -7683,7 +7787,7 @@ var Input$1 = {
     SimplePlusIcon: BasePlusIcon,
 };
 
-var Container$h = newStyled.div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  border: 0.063rem solid ", ";\n  border-radius: 0.25rem;\n  padding: 0.375rem;\n  cursor: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n  border: 0.063rem solid ", ";\n  border-radius: 0.25rem;\n  padding: 0.375rem;\n  cursor: ", ";\n"])), function (_a) {
+var Container$k = newStyled.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  border: 0.063rem solid ", ";\n  border-radius: 0.25rem;\n  padding: 0.375rem;\n  cursor: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n  border: 0.063rem solid ", ";\n  border-radius: 0.25rem;\n  padding: 0.375rem;\n  cursor: ", ";\n"])), function (_a) {
     var width = _a.width;
     return width;
 }, function (_a) {
@@ -7699,11 +7803,11 @@ var Container$h = newStyled.div(templateObject_1$t || (templateObject_1$t = __ma
 var PaymentMethod = function (_a) {
     var Icon = _a.Icon, width = _a.width, height = _a.height, onClick = _a.onClick;
     var theme = useTheme();
-    return (jsx$1(Container$h, __assign({ width: width, height: height, borderColor: theme.colors.shades['100'].color, isClickable: Boolean(onClick), onClick: onClick, "data-testid": "payment-method-container" }, { children: createElement(Icon) }), void 0));
+    return (jsx$1(Container$k, __assign({ width: width, height: height, borderColor: theme.colors.shades['100'].color, isClickable: Boolean(onClick), onClick: onClick, "data-testid": "payment-method-container" }, { children: createElement(Icon) }), void 0));
 };
-var templateObject_1$t;
+var templateObject_1$y;
 
-var Text$1 = newStyled.h3(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  background-color: ", ";\n  margin: 0;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.625rem;\n  font-weight: 700;\n  line-height: 0.875rem;\n  border-radius: 0.125rem;\n  display: initial;\n  color: ", ";\n"], ["\n  background-color: ", ";\n  margin: 0;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.625rem;\n  font-weight: 700;\n  line-height: 0.875rem;\n  border-radius: 0.125rem;\n  display: initial;\n  color: ", ";\n"])), function (_a) {
+var Text$3 = newStyled.h3(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n  background-color: ", ";\n  margin: 0;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.625rem;\n  font-weight: 700;\n  line-height: 0.875rem;\n  border-radius: 0.125rem;\n  display: initial;\n  color: ", ";\n"], ["\n  background-color: ", ";\n  margin: 0;\n  padding: 0.25rem 0.5rem;\n  font-size: 0.625rem;\n  font-weight: 700;\n  line-height: 0.875rem;\n  border-radius: 0.125rem;\n  display: initial;\n  color: ", ";\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -7713,56 +7817,56 @@ var Text$1 = newStyled.h3(templateObject_1$s || (templateObject_1$s = __makeTemp
 var OfferBanner = function (_a) {
     var discountAppliedText = _a.discountAppliedText, backgroundColor = _a.backgroundColor;
     var theme = useTheme();
-    return (jsx$1(Text$1, __assign({ backgroundColor: backgroundColor, color: theme.colors.shades['700'].color, "data-testid": "OfferBanner" }, { children: discountAppliedText }), void 0));
+    return (jsx$1(Text$3, __assign({ backgroundColor: backgroundColor, color: theme.colors.shades['700'].color, "data-testid": "OfferBanner" }, { children: discountAppliedText }), void 0));
 };
-var templateObject_1$s;
+var templateObject_1$x;
 
-var Wrapper$2 = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"])));
-var GrandTotal = newStyled.h1(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1.5rem;\n  line-height: 2rem;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0;\n  font-size: 1.5rem;\n  line-height: 2rem;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) { return props.color; });
-var Currency = newStyled.span(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  margin: 0;\n  margin-right: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  margin-right: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"])));
-var Container$g = newStyled.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"])), function (props) { return props.highlightColor; });
-var Discount = newStyled.h3(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n"])));
+var Wrapper$2 = newStyled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"])));
+var GrandTotal = newStyled.h1(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1.5rem;\n  line-height: 2rem;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0;\n  font-size: 1.5rem;\n  line-height: 2rem;\n  font-weight: 700;\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) { return props.color; });
+var Currency = newStyled.span(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  margin: 0;\n  margin-right: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  margin-right: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"])));
+var Container$j = newStyled.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"])), function (props) { return props.highlightColor; });
+var Discount = newStyled.h3(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n"])));
 var Total = function (_a) {
     var total = _a.total, currency = _a.currency, saving = _a.saving, _b = _a.highlightColor, highlightColor = _b === void 0 ? '#2f806a' : _b;
     var theme = useTheme();
-    return (jsxs$1(Wrapper$2, __assign({ "data-testid": "total-wrapper" }, { children: [jsxs$1(GrandTotal, __assign({ color: theme.colors.shades['550'].color }, { children: [jsx$1(Currency, { children: currency }, void 0), total] }), void 0), saving && (jsxs$1(Container$g, __assign({ "data-testid": "subtotal-container", highlightColor: highlightColor }, { children: [jsx$1(Discount, { children: saving.savingText }, void 0), jsx$1(Discount, { children: saving.amount }, void 0)] }), void 0))] }), void 0));
+    return (jsxs$1(Wrapper$2, __assign({ "data-testid": "total-wrapper" }, { children: [jsxs$1(GrandTotal, __assign({ color: theme.colors.shades['550'].color }, { children: [jsx$1(Currency, { children: currency }, void 0), total] }), void 0), saving && (jsxs$1(Container$j, __assign({ "data-testid": "subtotal-container", highlightColor: highlightColor }, { children: [jsx$1(Discount, { children: saving.savingText }, void 0), jsx$1(Discount, { children: saving.amount }, void 0)] }), void 0))] }), void 0));
 };
-var templateObject_1$r, templateObject_2$i, templateObject_3$d, templateObject_4$9, templateObject_5$4;
+var templateObject_1$w, templateObject_2$k, templateObject_3$f, templateObject_4$b, templateObject_5$5;
 
-var Wrapper$1 = newStyled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+var Wrapper$1 = newStyled.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
-var ItemContainer = newStyled.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.625rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.625rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
-var Item$1 = newStyled.h4(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  margin: 0;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"])));
-var CouponItem = newStyled(Item$1)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+var ItemContainer = newStyled.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.625rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 0.625rem;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var Item$2 = newStyled.h4(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 600;\n"])));
+var CouponItem = newStyled(Item$2)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
 var Subtotal = function (_a) {
     var subtotal = _a.subtotal, shipping = _a.shipping, taxes = _a.taxes, coupon = _a.coupon, _b = _a.highlightColor, highlightColor = _b === void 0 ? '#2f806a' : _b;
     var theme = useTheme();
-    return (jsxs$1(Wrapper$1, __assign({ color: theme.colors.shades['700'].color, "data-testid": "subtotal-wrapper" }, { children: [jsxs$1(ItemContainer, { children: [jsx$1(Item$1, { children: subtotal.label }, void 0), jsx$1(Item$1, { children: subtotal.value }, void 0)] }, void 0), jsxs$1(ItemContainer, { children: [jsx$1(Item$1, { children: shipping.label }, void 0), jsx$1(Item$1, { children: shipping.value }, void 0)] }, void 0), jsxs$1(ItemContainer, { children: [jsx$1(Item$1, { children: taxes.label }, void 0), jsx$1(Item$1, { children: taxes.value }, void 0)] }, void 0), coupon &&
+    return (jsxs$1(Wrapper$1, __assign({ color: theme.colors.shades['700'].color, "data-testid": "subtotal-wrapper" }, { children: [jsxs$1(ItemContainer, { children: [jsx$1(Item$2, { children: subtotal.label }, void 0), jsx$1(Item$2, { children: subtotal.value }, void 0)] }, void 0), jsxs$1(ItemContainer, { children: [jsx$1(Item$2, { children: shipping.label }, void 0), jsx$1(Item$2, { children: shipping.value }, void 0)] }, void 0), jsxs$1(ItemContainer, { children: [jsx$1(Item$2, { children: taxes.label }, void 0), jsx$1(Item$2, { children: taxes.value }, void 0)] }, void 0), coupon &&
                 coupon.coupons.map(function (c, i) {
                     return (jsxs$1(ItemContainer, { children: [jsxs$1(CouponItem, __assign({ color: highlightColor }, { children: [coupon.couponText, " ", c.code, " ", coupon.appliedText] }), void 0), jsx$1(CouponItem, __assign({ color: highlightColor }, { children: c.amount }), void 0)] }, i));
                 })] }), void 0));
 };
-var templateObject_1$q, templateObject_2$h, templateObject_3$c, templateObject_4$8;
+var templateObject_1$v, templateObject_2$j, templateObject_3$e, templateObject_4$a;
 
 var Totals = {
     Total: Total,
     Subtotal: Subtotal,
 };
 
-var Container$f = newStyled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  border-radius: 0.313rem;\n  display: flex;\n  margin-bottom: 0.938rem;\n"], ["\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  border-radius: 0.313rem;\n  display: flex;\n  margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
-var IconContainer$2 = newStyled.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n  width: 1rem;\n  height: 0.875rem;\n  margin-right: 0.5rem;\n  margin-top: 0.125rem;\n"], ["\n  width: 1rem;\n  height: 0.875rem;\n  margin-right: 0.5rem;\n  margin-top: 0.125rem;\n"])));
-var Text = newStyled.p(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 400;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 400;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
-var Details = newStyled.span(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 700;\n"], ["\n  color: ", ";\n  font-weight: 700;\n"])), function (props) { return props.color; });
+var Container$i = newStyled.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  border-radius: 0.313rem;\n  display: flex;\n  margin-bottom: 0.938rem;\n"], ["\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  border-radius: 0.313rem;\n  display: flex;\n  margin-bottom: 0.938rem;\n"])), function (props) { return props.color; });
+var IconContainer$2 = newStyled.div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  width: 1rem;\n  height: 0.875rem;\n  margin-right: 0.5rem;\n  margin-top: 0.125rem;\n"], ["\n  width: 1rem;\n  height: 0.875rem;\n  margin-right: 0.5rem;\n  margin-top: 0.125rem;\n"])));
+var Text$2 = newStyled.p(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 400;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 400;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
+var Details = newStyled.span(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 700;\n"], ["\n  color: ", ";\n  font-weight: 700;\n"])), function (props) { return props.color; });
 var Note = function (_a) {
     var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
-    return (jsxs$1(Container$f, __assign({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$2, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text, __assign({ color: color }, { children: [jsxs$1(Details, __assign({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
+    return (jsxs$1(Container$i, __assign({ color: backgroundColor, "data-testid": "Container" }, { children: [jsx$1(IconContainer$2, { children: jsx$1(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsx$1("div", { children: jsxs$1(Text$2, __assign({ color: color }, { children: [jsxs$1(Details, __assign({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
 };
-var templateObject_1$p, templateObject_2$g, templateObject_3$b, templateObject_4$7;
+var templateObject_1$u, templateObject_2$i, templateObject_3$d, templateObject_4$9;
 
 /* eslint-disable no-param-reassign */
 var index$2 = function (breakpoints) {
@@ -7852,14 +7956,14 @@ var mediaQueries = function (_a) {
     ], { literal: true });
 };
 
-var Title$1 = newStyled.h1(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"])), function (props) { return props.color; });
-var Line = newStyled.div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"], ["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
-var Row$1 = newStyled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"])), function (props) {
+var Title$2 = newStyled.h1(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"])), function (props) { return props.color; });
+var Line = newStyled.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"], ["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
+var Row$1 = newStyled.div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"])), function (props) {
     return mediaQueries(props)({
         flexDirection: ['column', 'row'],
     });
 });
-var Col$1 = newStyled.div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n  ", "\n"])), function (props) {
+var Col$1 = newStyled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n  ", "\n"])), function (props) {
     return mediaQueries(props)({
         margin: ['0', '0 1.25rem'],
         marginBottom: ['1.875rem', '0'],
@@ -7868,7 +7972,7 @@ var Col$1 = newStyled.div(templateObject_4$6 || (templateObject_4$6 = __makeTemp
         width: ['100%', 'inherit'],
     });
 });
-var IconContainer$1 = newStyled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"], ["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"])), function (props) {
+var IconContainer$1 = newStyled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"], ["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"])), function (props) {
     return mediaQueries(props)({
         marginBottom: ['1.875rem', '0'],
         width: ['auto', '1.375rem'],
@@ -7887,54 +7991,48 @@ var KeepMeUpdated = newStyled.h1(templateObject_8 || (templateObject_8 = __makeT
 var DeliveryDetails = function (_a) {
     var deliveryDetailsText = _a.deliveryDetailsText, arrivingBy = _a.arrivingBy, shippingTo = _a.shippingTo, instantOrderUpdate = _a.instantOrderUpdate, note = _a.note;
     var theme = useTheme();
-    return (jsxs$1("div", __assign({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$1, __assign({ color: theme.colors.pallete.secondary.color }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsx$1(Note, __assign({}, note), void 0), jsxs$1(Row$1, __assign({ "data-testid": "DD-row", theme: theme }, { children: [jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), jsxs$1(KeepMeUpdated, __assign({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0)] }), void 0)] }), void 0)] }), void 0));
+    return (jsxs$1("div", __assign({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$2, __assign({ color: theme.colors.pallete.secondary.color }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsx$1(Note, __assign({}, note), void 0), jsxs$1(Row$1, __assign({ "data-testid": "DD-row", theme: theme }, { children: [jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign({ theme: theme }, { children: [jsx$1(IconContainer$1, __assign({ theme: theme }, { children: jsx$1(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), jsxs$1(KeepMeUpdated, __assign({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0)] }), void 0)] }), void 0)] }), void 0));
 };
-var templateObject_1$o, templateObject_2$f, templateObject_3$a, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$1, templateObject_8;
+var templateObject_1$t, templateObject_2$h, templateObject_3$c, templateObject_4$8, templateObject_5$4, templateObject_6$3, templateObject_7$1, templateObject_8;
 
-var Container$e = newStyled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"])));
-var H1$2 = newStyled.h1(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"])), function (props) { return props.color; });
+var Container$h = newStyled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n"])));
+var H1$2 = newStyled.h1(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 700;\n  color: ", ";\n  margin-right: 0.313rem;\n"])), function (props) { return props.color; });
 var ScrollToTop = function (_a) {
     var scrollToTopText = _a.scrollToTopText, onClick = _a.onClick;
     var theme = useTheme();
-    return (jsxs$1(Container$e, __assign({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(H1$2, __assign({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.ChevronUpSolid, { width: 1.375, height: 1.375, fill: theme.colors.pallete.primary.color }, void 0)] }), void 0));
+    return (jsxs$1(Container$h, __assign({ onClick: onClick, "data-testid": "Container" }, { children: [jsx$1(H1$2, __assign({ color: theme.colors.shades['700'].color }, { children: scrollToTopText }), void 0), jsx$1(Icon.Arrows.ChevronUpSolid, { width: 1.375, height: 1.375, fill: theme.colors.pallete.primary.color }, void 0)] }), void 0));
 };
-var templateObject_1$n, templateObject_2$e;
+var templateObject_1$s, templateObject_2$g;
 
-var Container$d = newStyled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #dfefeb;\n  padding: 0.75rem 0;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #dfefeb;\n  padding: 0.75rem 0;\n"])));
-var H1$1 = newStyled.h1(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  color: ", ";\n  margin-left: 0.625rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  color: ", ";\n  margin-left: 0.625rem;\n"])), function (props) { return props.color; });
+var Container$g = newStyled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #dfefeb;\n  padding: 0.75rem 0;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #dfefeb;\n  padding: 0.75rem 0;\n"])));
+var H1$1 = newStyled.h1(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  color: ", ";\n  margin-left: 0.625rem;\n"], ["\n  margin: 0;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  color: ", ";\n  margin-left: 0.625rem;\n"])), function (props) { return props.color; });
 var OrderBar = function (_a) {
     var message = _a.message;
     var theme = useTheme();
-    return (jsxs$1(Container$d, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1$1, __assign({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }, void 0));
+    return (jsxs$1(Container$g, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1$1, __assign({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }, void 0));
 };
-var templateObject_1$m, templateObject_2$d;
+var templateObject_1$r, templateObject_2$f;
 
-var TableElement = newStyled.table(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  border: 0.063rem solid ", ";\n  border-spacing: 0;\n  font-size: 0.875rem;\n  line-height: 3.125rem;\n  width: 100%;\n  color: ", ";\n"], ["\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  border: 0.063rem solid ", ";\n  border-spacing: 0;\n  font-size: 0.875rem;\n  line-height: 3.125rem;\n  width: 100%;\n  color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
-var TableCell = newStyled.td(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  padding: 0 1.25rem;\n  text-align: center;\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:first-of-type {\n    font-weight: 700;\n  }\n"], ["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  padding: 0 1.25rem;\n  text-align: center;\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:first-of-type {\n    font-weight: 700;\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
-var TableHead = newStyled.th(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  font-weight: 700;\n\n  &:last-child {\n    border-right: none;\n  }\n"], ["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  font-weight: 700;\n\n  &:last-child {\n    border-right: none;\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
-var TableRow = newStyled.tr(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  &:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  &.background {\n    background-color: ", ";\n  }\n"], ["\n  &:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  &.background {\n    background-color: ", ";\n  }\n"])), function (props) { return props.backgroundColor; });
+var TableElement = newStyled.table(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  border: 0.063rem solid ", ";\n  border-spacing: 0;\n  font-size: 0.875rem;\n  line-height: 3.125rem;\n  width: 100%;\n  color: ", ";\n"], ["\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  border: 0.063rem solid ", ";\n  border-spacing: 0;\n  font-size: 0.875rem;\n  line-height: 3.125rem;\n  width: 100%;\n  color: ", ";\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
+var TableCell = newStyled.td(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  padding: 0 1.25rem;\n  text-align: center;\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:first-of-type {\n    font-weight: 700;\n  }\n"], ["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  padding: 0 1.25rem;\n  text-align: center;\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:first-of-type {\n    font-weight: 700;\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
+var TableHead = newStyled.th(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  font-weight: 700;\n\n  &:last-child {\n    border-right: none;\n  }\n"], ["\n  border-bottom: 0.063rem solid ", ";\n  border-right: 0.063rem solid ", ";\n  font-weight: 700;\n\n  &:last-child {\n    border-right: none;\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.borderColor; });
+var TableRow = newStyled.tr(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n  &:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  &.background {\n    background-color: ", ";\n  }\n"], ["\n  &:last-child {\n    td {\n      border-bottom: none;\n    }\n  }\n\n  &.background {\n    background-color: ", ";\n  }\n"])), function (props) { return props.backgroundColor; });
 var SizeTable = function (_a) {
     var headers = _a.headers, data = _a.data;
     var theme = useTheme();
     return (jsxs$1(TableElement, __assign({ color: theme.colors.shades['700'].color, borderColor: theme.colors.shades['100'].color }, { children: [jsx$1("thead", { children: jsx$1(TableRow, __assign({ backgroundColor: theme.colors.shades['10'].color }, { children: headers.map(function (header, index) { return (jsx$1(TableHead, __assign({ borderColor: theme.colors.shades['100'].color }, { children: header }), index)); }) }), void 0) }, void 0), jsx$1("tbody", { children: data.map(function (row, index) { return (jsx$1(TableRow, __assign({ className: index % 2 !== 0 ? '' : 'background', backgroundColor: theme.colors.shades['10'].color }, { children: row.map(function (cell, index) { return (jsx$1(TableCell, __assign({ borderColor: theme.colors.shades['100'].color }, { children: cell }), index)); }) }), index)); }) }, void 0)] }), void 0));
 };
-var templateObject_1$l, templateObject_2$c, templateObject_3$9, templateObject_4$5;
+var templateObject_1$q, templateObject_2$e, templateObject_3$b, templateObject_4$7;
 
-var Img = newStyled.img(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"], ["\n  height: ", ";\n  width: ", ";\n  border-radius: ", ";\n  object-fit: ", ";\n  object-position: ", ";\n"])), function (props) { return props.height; }, function (props) { return props.width; }, function (props) { return props.borderRadius; }, function (props) { return props.objectFit; }, function (props) { return props.objectPosition; });
-var Image$1 = function (_a) {
-    var src = _a.src, alt = _a.alt, height = _a.height, width = _a.width, borderRadius = _a.borderRadius, objectFit = _a.objectFit, objectPosition = _a.objectPosition;
-    return (jsx$1(Img, { src: src, alt: alt, height: height, width: width, borderRadius: borderRadius, objectFit: objectFit, objectPosition: objectPosition }, void 0));
-};
-var templateObject_1$k;
-
-var Container$c = newStyled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n"])));
-var DescriptionContainer = newStyled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: 100%;\n"])), function (_a) {
+var Container$f = newStyled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n"])));
+var ImageContainer$1 = newStyled.div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var DescriptionContainer = newStyled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: 100%;\n"])), function (_a) {
     var theme = _a.theme;
     return mediaQueries({ theme: theme })({
         marginLeft: ['0.938rem', '1.875rem'],
     });
 });
-var Title = newStyled.h2(function (_a) {
+var Title$1 = newStyled.h2(function (_a) {
     var color = _a.color;
     return ({
         fontWeight: 600,
@@ -7954,7 +8052,7 @@ var Subtitle = newStyled.h3(function (_a) {
         margin: '0.063rem 0',
     });
 });
-var PriceContainer = newStyled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"], ["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"])), function (_a) {
+var PriceContainer = newStyled.div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"], ["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"])), function (_a) {
     var withTag = _a.withTag, theme = _a.theme;
     return withTag
         ? mediaQueries({ theme: theme })({
@@ -7963,12 +8061,13 @@ var PriceContainer = newStyled.div(templateObject_3$8 || (templateObject_3$8 = _
         })
         : 'justify-content: end';
 });
+var Quantity = newStyled.div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1.4rem;\n  height: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-450-color);\n  color: var(--colors-shades-450-contrast);\n  font-size: 0.8rem;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1.4rem;\n  height: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-450-color);\n  color: var(--colors-shades-450-contrast);\n  font-size: 0.8rem;\n"])));
 var SimpleOrderItem = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag;
+    var title = _a.title, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity;
     var theme = useTheme();
-    return (jsxs$1(Container$c, { children: [jsx$1(Image$1, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), jsxs$1(DescriptionContainer, __assign({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsx$1(Title, __assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0), jsx$1(Subtitle, __assign({ color: theme.colors.shades['700'].color }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: ComponentSize.Small }, void 0)] }), void 0)] }), void 0)] }, void 0));
+    return (jsxs$1(Container$f, { children: [jsxs$1(ImageContainer$1, { children: [jsx$1(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), quantity ? jsx$1(Quantity, __assign({ "data-testid": "order-item-quantity" }, { children: quantity }), void 0) : null] }, void 0), jsxs$1(DescriptionContainer, __assign({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsx$1(Title$1, __assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0), jsx$1(Subtitle, __assign({ color: theme.colors.shades['700'].color }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: ComponentSize.Small }, void 0)] }), void 0)] }), void 0)] }, void 0));
 };
-var templateObject_1$j, templateObject_2$b, templateObject_3$8;
+var templateObject_1$p, templateObject_2$d, templateObject_3$a, templateObject_4$6, templateObject_5$3;
 
 function formatDate(date) {
     var day = date.getDate();
@@ -7977,21 +8076,21 @@ function formatDate(date) {
     return month < 10 ? "".concat(day, "/0").concat(month, "/").concat(year) : "".concat(day, "/").concat(month, "/").concat(year);
 }
 
-var Container$b = newStyled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"])));
-var Heading = newStyled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  ", ";\n  text-align: right;\n  margin-bottom: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  ", ";\n  text-align: right;\n  margin-bottom: 10px;\n"])), function (_a) {
+var Container$e = newStyled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  color: #292929;\n"])));
+var Heading = newStyled.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  ", ";\n  text-align: right;\n  margin-bottom: 10px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  ", ";\n  text-align: right;\n  margin-bottom: 10px;\n"])), function (_a) {
     var theme = _a.theme;
     return mediaQueries({ theme: theme })({
         fontSize: ['14px', '16px'],
         lineHeight: ['22px', '24px'],
     });
 });
-var Content = newStyled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  ", ";\n"])), function (_a) {
+var Content = newStyled.div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return mediaQueries({ theme: theme })({
         flexDirection: ['column', 'row'],
     });
 });
-var ReviewContainer = newStyled.div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  ", ";\n"])), function (_a) {
+var ReviewContainer = newStyled.div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return mediaQueries({ theme: theme })({
         margin: ['0 0 8px 0', '0 50px 0 0'],
@@ -8011,13 +8110,13 @@ var H3$1 = newStyled.h3(templateObject_6$2 || (templateObject_6$2 = __makeTempla
         lineHeight: ['22px', '24px'],
     });
 });
-var P = newStyled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n"])));
+var P$1 = newStyled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n"])));
 var Review = function (_a) {
     var reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, image = _a.image;
     var theme = useTheme();
-    return (jsxs$1(Container$b, { children: [jsxs$1(Heading, __assign({ theme: theme }, { children: [jsx$1(H2, __assign({ theme: theme }, { children: reviewerName }), void 0), formatDate(date)] }), void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign({ "data-testid": "review-content", theme: theme }, { children: [jsxs$1(ReviewContainer, __assign({ theme: theme }, { children: [jsx$1(H3$1, __assign({ theme: theme }, { children: title }), void 0), jsx$1(P, { children: description }, void 0)] }), void 0), jsx$1(Image$1, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, void 0)] }), void 0)] }, void 0));
+    return (jsxs$1(Container$e, { children: [jsxs$1(Heading, __assign({ theme: theme }, { children: [jsx$1(H2, __assign({ theme: theme }, { children: reviewerName }), void 0), formatDate(date)] }), void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content, __assign({ "data-testid": "review-content", theme: theme }, { children: [jsxs$1(ReviewContainer, __assign({ theme: theme }, { children: [jsx$1(H3$1, __assign({ theme: theme }, { children: title }), void 0), jsx$1(P$1, { children: description }, void 0)] }), void 0), jsx$1(Image, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, void 0)] }), void 0)] }, void 0));
 };
-var templateObject_1$i, templateObject_2$a, templateObject_3$7, templateObject_4$4, templateObject_5$2, templateObject_6$2, templateObject_7;
+var templateObject_1$o, templateObject_2$c, templateObject_3$9, templateObject_4$5, templateObject_5$2, templateObject_6$2, templateObject_7;
 
 var Button$3 = newStyled.button(function () { return ({
     background: 'transparent',
@@ -12260,14 +12359,14 @@ var Slider = /*#__PURE__*/function (_React$Component) {
   return Slider;
 }(React.Component);
 
-var StyledSlider = newStyled(Slider)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  .slick-dots {\n    position: static;\n    display: flex !important;\n    justify-content: center;\n    column-gap: ", ";\n    margin-top: ", ";\n  }\n  .slick-prev {\n    left: ", ";\n  }\n  .slick-next {\n    right: ", ";\n  }\n  .slick-prev,\n  .slick-next {\n    width: fit-content;\n    height: fit-content;\n  }\n  .slick-prev:before,\n  .slick-next:before {\n    content: none;\n  }\n  .slick-dots li {\n    margin: 0;\n    width: auto;\n    line-height: 0;\n    height: auto;\n  }\n"], ["\n  .slick-dots {\n    position: static;\n    display: flex !important;\n    justify-content: center;\n    column-gap: ", ";\n    margin-top: ", ";\n  }\n  .slick-prev {\n    left: ", ";\n  }\n  .slick-next {\n    right: ", ";\n  }\n  .slick-prev,\n  .slick-next {\n    width: fit-content;\n    height: fit-content;\n  }\n  .slick-prev:before,\n  .slick-next:before {\n    content: none;\n  }\n  .slick-dots li {\n    margin: 0;\n    width: auto;\n    line-height: 0;\n    height: auto;\n  }\n"])), function (props) { return "".concat(props.dotsSpacing, "rem"); }, function (props) { return "".concat(props.dotListMarginTop, "rem"); }, function (_a) {
+var StyledSlider = newStyled(Slider)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  .slick-dots {\n    position: static;\n    display: flex !important;\n    justify-content: center;\n    column-gap: ", ";\n    margin-top: ", ";\n  }\n  .slick-prev {\n    left: ", ";\n  }\n  .slick-next {\n    right: ", ";\n  }\n  .slick-prev,\n  .slick-next {\n    width: fit-content;\n    height: fit-content;\n  }\n  .slick-prev:before,\n  .slick-next:before {\n    content: none;\n  }\n  .slick-dots li {\n    margin: 0;\n    width: auto;\n    line-height: 0;\n    height: auto;\n  }\n"], ["\n  .slick-dots {\n    position: static;\n    display: flex !important;\n    justify-content: center;\n    column-gap: ", ";\n    margin-top: ", ";\n  }\n  .slick-prev {\n    left: ", ";\n  }\n  .slick-next {\n    right: ", ";\n  }\n  .slick-prev,\n  .slick-next {\n    width: fit-content;\n    height: fit-content;\n  }\n  .slick-prev:before,\n  .slick-next:before {\n    content: none;\n  }\n  .slick-dots li {\n    margin: 0;\n    width: auto;\n    line-height: 0;\n    height: auto;\n  }\n"])), function (props) { return "".concat(props.dotsSpacing, "rem"); }, function (props) { return "".concat(props.dotListMarginTop, "rem"); }, function (_a) {
     var arrowPaddingOffset = _a.arrowPaddingOffset, _b = _a.arrowPadding, arrowPadding = _b === void 0 ? 0 : _b;
     return "-".concat(arrowPaddingOffset + arrowPadding, "rem");
 }, function (_a) {
     var arrowPaddingOffset = _a.arrowPaddingOffset, _b = _a.arrowPadding, arrowPadding = _b === void 0 ? 0 : _b;
     return "-".concat(arrowPaddingOffset + arrowPadding, "rem");
 });
-var templateObject_1$h;
+var templateObject_1$n;
 
 var getStylesBySize$1 = function (size) {
     // rem units
@@ -12326,18 +12425,18 @@ var SliderNavigation = function (_a) {
         } }, { children: jsx(StyledSlider, __assign({}, settings, { arrowPadding: arrows && arrows.arrowPadding, dotListMarginTop: dotListMarginTop, arrowPaddingOffset: arrows ? arrows.arrowWidth : 0, dotsSpacing: styles.dotsSpacing }, { children: children }), void 0) }), void 0));
 };
 
-var List = newStyled.ul(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"], ["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"])));
-var Item = newStyled.li(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"], ["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"])));
-var DropdownWrapper = newStyled.div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  right: -0.938rem;\n  min-width: 9.375rem;\n  position: absolute;\n  padding-top: 0.625rem;\n  margin-top: -0.188rem;\n  width: max-content;\n  visibility: hidden;\n"], ["\n  right: -0.938rem;\n  min-width: 9.375rem;\n  position: absolute;\n  padding-top: 0.625rem;\n  margin-top: -0.188rem;\n  width: max-content;\n  visibility: hidden;\n"])));
-var ArrowContainer = newStyled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  transform: rotate(180deg);\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: -0.063rem;\n  padding-left: 0.938rem;\n"], ["\n  transform: rotate(180deg);\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: -0.063rem;\n  padding-left: 0.938rem;\n"])));
+var List = newStyled.ul(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"], ["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"])));
+var Item$1 = newStyled.li(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"], ["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"])));
+var DropdownWrapper = newStyled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  right: -0.938rem;\n  min-width: 9.375rem;\n  position: absolute;\n  padding-top: 0.625rem;\n  margin-top: -0.188rem;\n  width: max-content;\n  visibility: hidden;\n"], ["\n  right: -0.938rem;\n  min-width: 9.375rem;\n  position: absolute;\n  padding-top: 0.625rem;\n  margin-top: -0.188rem;\n  width: max-content;\n  visibility: hidden;\n"])));
+var ArrowContainer = newStyled.div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  transform: rotate(180deg);\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: -0.063rem;\n  padding-left: 0.938rem;\n"], ["\n  transform: rotate(180deg);\n  display: flex;\n  justify-content: flex-start;\n  margin-bottom: -0.063rem;\n  padding-left: 0.938rem;\n"])));
 var StyledDropdown = newStyled.ul(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n"], ["\n  margin: 0;\n  padding: 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n"])), function (props) { return props.borderColor; });
 var DropdownItem = newStyled.li(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  list-style: none;\n  padding: 0.813rem;\n  border-bottom: 0.063rem solid ", ";\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  font-weight: 400;\n  color: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:last-child {\n    border-bottom: none;\n    border-radius: 0 0 0.5rem 0.5rem;\n  }\n\n  &:first-of-type {\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n\n  &:only-child {\n    border-radius: 0.5rem;\n  }\n"], ["\n  list-style: none;\n  padding: 0.813rem;\n  border-bottom: 0.063rem solid ", ";\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  font-weight: 400;\n  color: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:last-child {\n    border-bottom: none;\n    border-radius: 0 0 0.5rem 0.5rem;\n  }\n\n  &:first-of-type {\n    border-radius: 0.5rem 0.5rem 0 0;\n  }\n\n  &:only-child {\n    border-radius: 0.5rem;\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; }, function (props) { return props.hoverColor; });
-var templateObject_1$g, templateObject_2$9, templateObject_3$6, templateObject_4$3, templateObject_5$1, templateObject_6$1;
+var templateObject_1$m, templateObject_2$b, templateObject_3$8, templateObject_4$4, templateObject_5$1, templateObject_6$1;
 
 var DropdownListIcons = function (_a) {
     var items = _a.items;
     var theme = useTheme();
-    return (jsx$1(List, __assign({ "data-testid": "Icons-list" }, { children: items.map(function (item, index) { return (jsxs$1(Item, { children: [createElement(item.Icon, { fill: theme.colors.shades['700'].color }), jsx$1(Dropdown, { items: item.items }, void 0)] }, index)); }) }), void 0));
+    return (jsx$1(List, __assign({ "data-testid": "Icons-list" }, { children: items.map(function (item, index) { return (jsxs$1(Item$1, { children: [createElement(item.Icon, { fill: theme.colors.shades['700'].color }), jsx$1(Dropdown, { items: item.items }, void 0)] }, index)); }) }), void 0));
 };
 var Dropdown = function (_a) {
     var items = _a.items;
@@ -12345,7 +12444,7 @@ var Dropdown = function (_a) {
     return (jsxs$1(DropdownWrapper, __assign({ className: "dropdownWrapper", "data-testid": "Dropdown-wrapper" }, { children: [jsx$1(ArrowContainer, { children: jsx$1(TooltipArrow, { stroke: theme.colors.shades['200'].color, fill: "#fff", width: 1.25, height: 0.75 }, void 0) }, void 0), jsx$1(StyledDropdown, __assign({ borderColor: theme.colors.shades['200'].color }, { children: items.map(function (item, index) { return (jsx$1(DropdownItem, __assign({ onClick: item.callback, borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['550'].color, hoverColor: theme.colors.shades['10'].color }, { children: item.description }), index)); }) }), void 0)] }), void 0));
 };
 
-var StyledButton = newStyled(BaseButton)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.hoverBackgroundColor; });
+var StyledButton = newStyled(BaseButton)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.hoverBackgroundColor; });
 var AmazonButton = function (_a) {
     var onClick = _a.onClick;
     return (jsx$1(StyledButton, __assign({ backgroundColor: "#FED865", hoverBackgroundColor: "#F1CB58", onClick: onClick }, { children: jsx$1(Icon.Payment.Amazon, { width: 5.375, height: 1.25 }, void 0) }), void 0));
@@ -12354,29 +12453,35 @@ var PaypalButton = function (_a) {
     var onClick = _a.onClick;
     return (jsx$1(StyledButton, __assign({ backgroundColor: "#ffc439", hoverBackgroundColor: "#F4BF41", onClick: onClick }, { children: jsx$1(Icon.Payment.Paypal, { width: 4.938, height: 1.25 }, void 0) }), void 0));
 };
-var templateObject_1$f;
+var templateObject_1$l;
 
-var Wrapper = newStyled.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  width: 36.875rem;\n  max-width: 100%;\n  border-radius: 0.5rem;\n\n  img {\n    margin-right: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  width: 36.875rem;\n  max-width: 100%;\n  border-radius: 0.5rem;\n\n  img {\n    margin-right: ", ";\n  }\n"])), function (props) { return props.backgroundColor; }, function (props) { return (props.rightToLeft ? '0' : '1.25rem'); });
-var Col = newStyled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var Row = newStyled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 10px;\n\n  ", "};\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 10px;\n\n  ", "};\n"])), function (props) {
+var Wrapper = newStyled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  width: 36.875rem;\n  max-width: 100%;\n  border-radius: 0.5rem;\n\n  img {\n    margin-right: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.625rem 1.25rem;\n  background-color: ", ";\n  width: 36.875rem;\n  max-width: 100%;\n  border-radius: 0.5rem;\n\n  img {\n    margin-right: ", ";\n  }\n"])), function (props) { return props.backgroundColor; }, function (props) { return (props.rightToLeft ? '0' : '1.25rem'); });
+var Col = newStyled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var Row = newStyled.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 10px;\n\n  ", "};\n"], ["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-left: 10px;\n\n  ", "};\n"])), function (props) {
     return props.rightToLeft &&
         "\n    flex-direction: row-reverse;\n    justify-content: space-between;\n  ";
 });
-var H5 = newStyled.h5(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 500;\n  margin-bottom: 0.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 500;\n  margin-bottom: 0.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
+var H5 = newStyled.h5(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 500;\n  margin-bottom: 0.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.375rem;\n  font-weight: 500;\n  margin-bottom: 0.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
 var H3 = newStyled.h3(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  font-weight: 700;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  font-weight: 700;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
 var FreeShipping = newStyled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 600;\n  color: ", ";\n"], ["\n  font-weight: 600;\n  color: ", ";\n"])), function (props) { return props.color; });
 var CrossSellCheckbox = function (_a) {
     var imageURL = _a.imageURL, title = _a.title, description = _a.description, freeShippingText = _a.freeShippingText, rightToLeft = _a.rightToLeft, onChange = _a.onChange;
     var theme = useTheme();
-    return (jsxs$1(Wrapper, __assign({ backgroundColor: theme.colors.shades['10'].color, rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Checkbox, { text: "", id: "checkbox", onChange: onChange, size: ComponentSize.Small, variant: "secondary" }, void 0), jsxs$1(Row, __assign({ rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Image$1, { src: imageURL, alt: "Cross sell image", borderRadius: "0.5rem" }, void 0), jsxs$1(Col, { children: [jsx$1(H5, __assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0), jsxs$1(H3, __assign({ color: theme.colors.semantic.urgent.color }, { children: [description, jsxs$1(FreeShipping, __assign({ color: theme.colors.shades['700'].color }, { children: [' ', "+ ", freeShippingText] }), void 0)] }), void 0)] }, void 0)] }), void 0)] }), void 0));
+    return (jsxs$1(Wrapper, __assign({ backgroundColor: theme.colors.shades['10'].color, rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Checkbox, { text: "", id: "checkbox", onChange: onChange, size: ComponentSize.Small, variant: "secondary" }, void 0), jsxs$1(Row, __assign({ rightToLeft: Boolean(rightToLeft) }, { children: [jsx$1(Image, { src: imageURL, alt: "Cross sell image", borderRadius: "0.5rem" }, void 0), jsxs$1(Col, { children: [jsx$1(H5, __assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0), jsxs$1(H3, __assign({ color: theme.colors.semantic.urgent.color }, { children: [description, jsxs$1(FreeShipping, __assign({ color: theme.colors.shades['700'].color }, { children: [' ', "+ ", freeShippingText] }), void 0)] }), void 0)] }, void 0)] }), void 0)] }), void 0));
 };
-var templateObject_1$e, templateObject_2$8, templateObject_3$5, templateObject_4$2, templateObject_5, templateObject_6;
+var templateObject_1$k, templateObject_2$a, templateObject_3$7, templateObject_4$3, templateObject_5, templateObject_6;
 
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     CrossSellCheckbox: CrossSellCheckbox
 });
 
+var Spacing = function (_a) {
+    var size = _a.size, _b = _a.type, type = _b === void 0 ? 'block' : _b, children = _a.children, styleProp = _a.style;
+    var style = useMemo(function () { return (__assign(__assign({}, styleProp), { width: size, height: size, verticalAlign: 'middle', display: type === 'block' ? 'block' : 'inline-block' })); }, [size, type, styleProp]);
+    return jsx$1("div", __assign({ style: style }, { children: children }), void 0);
+};
+
 var ImageContainer = newStyled.div(function (_a) {
     var width = _a.width, height = _a.height;
     return ({
@@ -12385,8 +12490,8 @@ var ImageContainer = newStyled.div(function (_a) {
         height: height,
     });
 });
-var Container$a = newStyled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n"])));
-var H1 = newStyled.h1(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"])), function (props) { return props.theme.colors.pallete.secondary.color; }, function (props) { return props.align; });
+var Container$d = newStyled.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n"])));
+var H1 = newStyled.h1(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"])), function (props) { return props.theme.colors.pallete.secondary.color; }, function (props) { return props.align; });
 var getStylesBySize = function (size) {
     switch (size) {
         case ComponentSize.Medium:
@@ -12399,6 +12504,11 @@ var getStylesBySize = function (size) {
                 width: '9.813rem',
                 height: '13.125rem',
             };
+        case ComponentSize.Large:
+            return {
+                width: '262px',
+                height: '350px',
+            };
         /* istanbul ignore next */
         default:
             return {
@@ -12411,32 +12521,46 @@ var ProductItemMobile = function (_a) {
     var title = _a.title, image = _a.image, price = _a.price, rating = _a.rating, size = _a.size, tags = _a.tags, _b = _a.alignName, alignName = _b === void 0 ? 'center' : _b;
     var theme = useTheme();
     var styles = getStylesBySize(size);
-    return (jsxs(Container$a, { children: [tags ? (jsxs(ImageContainer, __assign({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [jsx(Image$1, { src: image.src, alt: image.alt, width: "100%", height: "100%" }, void 0), jsx(SeasonOfferTag, { text: tags.seasonOfferTagText, size: ComponentSize.Small, css: { position: 'absolute', top: 0, left: 0 } }, void 0), jsx(CategoryTag, { text: tags.categoryTagText, size: ComponentSize.Small, css: { position: 'absolute', bottom: '1rem', left: 0 } }, void 0)] }), void 0)) : (jsx(Image$1, { src: image.src, alt: image.alt, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), jsx(H1, __assign({ theme: theme, align: alignName }, { children: title }), void 0), jsx(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color, size: ComponentSize.Small }, void 0), jsx(Rating, { size: ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "" }, void 0)] }, void 0));
+    var spaces = useMemo(function () {
+        var _a, _b;
+        var first = (_a = {},
+            _a[ComponentSize.Large] = 20,
+            _a[ComponentSize.Medium] = 12,
+            _a[ComponentSize.Small] = 6,
+            _a)[size];
+        var second = (_b = {},
+            _b[ComponentSize.Large] = 12,
+            _b[ComponentSize.Medium] = 6,
+            _b[ComponentSize.Small] = 4,
+            _b)[size];
+        return [first, second];
+    }, [size]);
+    return (jsxs(Container$d, { children: [tags ? (jsxs(ImageContainer, __assign({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [jsx(Image, { src: image.src, alt: image.alt, width: "100%", height: "100%" }, void 0), jsx(SeasonOfferTag, { text: tags.seasonOfferTagText, size: ComponentSize.Small, css: { position: 'absolute', top: 0, left: 0 } }, void 0), jsx(CategoryTag, { text: tags.categoryTagText, size: ComponentSize.Small, css: { position: 'absolute', bottom: '1rem', left: 0 } }, void 0)] }), void 0)) : (jsx(Image, { src: image.src, alt: image.alt, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), jsx(Spacing, { size: spaces[0] }, void 0), jsx(H1, __assign({ theme: theme, align: alignName }, { children: title }), void 0), jsx(Spacing, { size: spaces[1] }, void 0), jsx(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color, size: ComponentSize.Small }, void 0), jsx(Rating, { size: size === ComponentSize.Large ? ComponentSize.Small : ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "" }, void 0)] }, void 0));
 };
-var templateObject_1$d, templateObject_2$7;
+var templateObject_1$j, templateObject_2$9;
 
-var Container$9 = newStyled.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"])));
+var Container$c = newStyled.div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"])));
 function withProductGrid(ProductItemComponent, data) {
     function WithProductGrid(props) {
-        return (jsx$1(Container$9, __assign({ "data-testid": "product-grid-container" }, { children: data.map(function (product, index) { return (jsx$1(ProductItemComponent, __assign({}, product, props), index)); }) }), void 0));
+        return (jsx$1(Container$c, __assign({ "data-testid": "product-grid-container" }, { children: data.map(function (product, index) { return (jsx$1(ProductItemComponent, __assign({}, product, props), index)); }) }), void 0));
     }
     /* istanbul ignore next */
     var wrappedComponentName = ProductItemComponent.displayName || ProductItemComponent.name || 'Component';
     WithProductGrid.displayName = "withGrid(".concat(wrappedComponentName, ")");
     return WithProductGrid;
 }
-var templateObject_1$c;
+var templateObject_1$i;
 
 var Collection = {
     ProductItemMobile: ProductItemMobile,
     withProductGrid: withProductGrid,
 };
 
-var Backdrop = newStyled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ", "\n"])), function (_a) {
+var Backdrop = newStyled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ", "\n"], ["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ", "\n"])), function (_a) {
     var isOpen = _a.isOpen, backgroundColor = _a.backgroundColor;
     return isOpen ? "background-color: ".concat(backgroundColor, ";") : 'transparent';
 });
-var Sidebar = newStyled.div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  height: 100%;\n  width: ", ";\n  position: fixed;\n  z-index: 3;\n  ", ": 0;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ", "\n"], ["\n  height: 100%;\n  width: ", ";\n  position: fixed;\n  z-index: 3;\n  ", ": 0;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ", "\n"])), function (_a) {
+var Sidebar = newStyled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  height: 100%;\n  width: ", ";\n  position: fixed;\n  z-index: 3;\n  ", ": 0;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ", "\n"], ["\n  height: 100%;\n  width: ", ";\n  position: fixed;\n  z-index: 3;\n  ", ": 0;\n  top: 0;\n  background-color: ", ";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ", "\n"])), function (_a) {
     var width = _a.width;
     return width;
 }, function (_a) {
@@ -12477,28 +12601,28 @@ var Drawer = function (_a) {
     }, [isOpen, onClose, onOpen]);
     return isMounted ? (jsxs$1("div", { children: [jsx$1(Backdrop, { backgroundColor: backdropColor, isOpen: isOpenState, "data-testid": "Drawer-Backdrop", onClick: onClickOutside && onClickOutside }, void 0), jsx$1(Sidebar, __assign({ position: position, width: width, backgroundColor: backgroundColor, isOpen: isOpenState, "data-testid": "Drawer-Sidebar" }, { children: children }), void 0)] }, void 0)) : null;
 };
-var templateObject_1$b, templateObject_2$6;
+var templateObject_1$h, templateObject_2$8;
 
-var Container$8 = newStyled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
+var Container$b = newStyled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
     var size = _a.size;
     return (size ? size : '100%');
 }, function (_a) {
     var size = _a.size;
     return (size ? size : '100%');
 });
-var Animation = newStyled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  @keyframes svg--animation {\n    0% {\n      transform: rotateZ(0deg);\n    }\n    100% {\n      transform: rotateZ(360deg);\n    }\n  }\n  width: 100%;\n  height: 100%;\n  animation: linear infinite svg--animation;\n  animation-duration: ", "s;\n"], ["\n  @keyframes svg--animation {\n    0% {\n      transform: rotateZ(0deg);\n    }\n    100% {\n      transform: rotateZ(360deg);\n    }\n  }\n  width: 100%;\n  height: 100%;\n  animation: linear infinite svg--animation;\n  animation-duration: ", "s;\n"])), function (_a) {
+var Animation = newStyled.div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n  @keyframes svg--animation {\n    0% {\n      transform: rotateZ(0deg);\n    }\n    100% {\n      transform: rotateZ(360deg);\n    }\n  }\n  width: 100%;\n  height: 100%;\n  animation: linear infinite svg--animation;\n  animation-duration: ", "s;\n"], ["\n  @keyframes svg--animation {\n    0% {\n      transform: rotateZ(0deg);\n    }\n    100% {\n      transform: rotateZ(360deg);\n    }\n  }\n  width: 100%;\n  height: 100%;\n  animation: linear infinite svg--animation;\n  animation-duration: ", "s;\n"])), function (_a) {
     var animationDuration = _a.animationDuration;
     return animationDuration;
 });
 var Spinner = function (_a) {
     var fill = _a.fill, background = _a.background, _b = _a.animationDuration, animationDuration = _b === void 0 ? 1 : _b, _c = _a.complete, complete = _c === void 0 ? false : _c, completeIconStroke = _a.completeIconStroke, size = _a.size;
-    return (jsx$1(Container$8, __assign({ size: size, "data-testid": "Container" }, { children: complete ? (jsx$1(Icon.Actions.LightCheck, { fill: fill, strokeWidth: completeIconStroke }, void 0)) : (jsx$1(Animation, __assign({ animationDuration: animationDuration, "data-testid": "Animation" }, { children: jsx$1(Icon.Other.Loading, { fill: fill, backgroundColor: background }, void 0) }), void 0)) }), void 0));
+    return (jsx$1(Container$b, __assign({ size: size, "data-testid": "Container" }, { children: complete ? (jsx$1(Icon.Actions.LightCheck, { fill: fill, strokeWidth: completeIconStroke }, void 0)) : (jsx$1(Animation, __assign({ animationDuration: animationDuration, "data-testid": "Animation" }, { children: jsx$1(Icon.Other.Loading, { fill: fill, backgroundColor: background }, void 0) }), void 0)) }), void 0));
 };
-var templateObject_1$a, templateObject_2$5;
+var templateObject_1$g, templateObject_2$7;
 
-var UL = newStyled.ul(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"])));
-var LI = newStyled.li(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"], ["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.color; });
-var CloseIconContainer = newStyled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"], ["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"])));
+var UL = newStyled.ul(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"])));
+var LI = newStyled.li(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"], ["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.color; });
+var CloseIconContainer = newStyled.div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"], ["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"])));
 var Tags = function (_a) {
     var _b = _a.color, color = _b === void 0 ? '#fff6ef' : _b, items = _a.items, onCloseClick = _a.onCloseClick;
     var theme = useTheme();
@@ -12506,7 +12630,7 @@ var Tags = function (_a) {
             return (jsxs$1(LI, __assign({ color: theme.colors.shades['700'].color, backgroundColor: color }, { children: [item, jsx$1(CloseIconContainer, __assign({ "data-testid": "li-close-icon", onClick: function () { return onCloseClick(index); } }, { children: jsx$1(Icon.Actions.Close, { fill: theme.colors.shades['700'].color }, void 0) }), void 0)] }), index));
         }) }), void 0));
 };
-var templateObject_1$9, templateObject_2$4, templateObject_3$4;
+var templateObject_1$f, templateObject_2$6, templateObject_3$6;
 
 function FilteringDropdown(_a) {
     var options = _a.options, _b = _a.disabled, disabled = _b === void 0 ? false : _b, placeHolder = _a.placeHolder, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.sliceAfter, sliceAfter = _d === void 0 ? 100 : _d, _e = _a.filter, filter = _e === void 0 ? false : _e, onChange = _a.onChange;
@@ -12539,15 +12663,15 @@ function FilteringDropdown(_a) {
                 }) }, void 0)] }), void 0));
 }
 
-var Container$7 = newStyled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n"])));
-var IconContainer = newStyled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  width: 0.531rem;\n  height: 0.875rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  width: 0.531rem;\n  height: 0.875rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-var PageNumbersContainer = newStyled.div(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n"], ["\n  display: flex;\n  ", ";\n"])), function (_a) {
+var Container$a = newStyled.div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n"])));
+var IconContainer = newStyled.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  width: 0.531rem;\n  height: 0.875rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  width: 0.531rem;\n  height: 0.875rem;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
+var PageNumbersContainer = newStyled.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  display: flex;\n  ", ";\n"], ["\n  display: flex;\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return mediaQueries({ theme: theme })({
         margin: ['0 0.75rem', '0 1.25rem'],
     });
 });
-var PageNumber = newStyled.span(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"])), function (_a) {
+var PageNumber = newStyled.span(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"], ["\n  font-weight: ", ";\n  color: ", ";\n  text-align: center;\n  cursor: pointer;\n  border-bottom: ", ";\n  ", ";\n"])), function (_a) {
     var bold = _a.bold;
     return (bold ? '700' : '500');
 }, function (_a) {
@@ -12564,7 +12688,7 @@ var PageNumber = newStyled.span(templateObject_4$1 || (templateObject_4$1 = __ma
         width: ['1.25rem', '1.875rem'],
     });
 });
-var templateObject_1$8, templateObject_2$3, templateObject_3$3, templateObject_4$1;
+var templateObject_1$e, templateObject_2$5, templateObject_3$5, templateObject_4$2;
 
 var Pagination = function (_a) {
     var from = _a.from, to = _a.to, _b = _a.currentPage, currentPage = _b === void 0 ? from : _b, onChange = _a.onChange, _c = _a.underlineActive, underlineActive = _c === void 0 ? true : _c, _d = _a.boldActive, boldActive = _d === void 0 ? true : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
@@ -12577,15 +12701,15 @@ var Pagination = function (_a) {
         setPage(page);
         onChange(page);
     };
-    return (jsxs$1(Container$7, __assign({ "data-testid": "PaginationContainer" }, { children: [jsx$1(IconContainer, __assign({ onClick: function () { return handlePageChange(page - 1); }, "data-testid": "LeftChevron" }, { children: jsx$1(Icon.Arrows.ChevronLeft, { fill: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, void 0) }), void 0), jsx$1(PageNumbersContainer, __assign({ "data-testid": "PageNumbersContainer", theme: theme }, { children: new Array(to - from + 1).fill(0).map(function (_, i) { return (jsx$1(PageNumber, __assign({ onClick: function () { return handlePageChange(i + from); }, bold: boldActive && page === i + from, underline: underlineActive && page === i + from, role: 'button', color: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color, borderColor: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color, theme: theme }, { children: i + from }), i)); }) }), void 0), jsx$1(IconContainer, __assign({ onClick: function () { return handlePageChange(page + 1); }, "data-testid": "RightChevron" }, { children: jsx$1(Icon.Arrows.ChevronRight, { fill: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, void 0) }), void 0)] }), void 0));
+    return (jsxs$1(Container$a, __assign({ "data-testid": "PaginationContainer" }, { children: [jsx$1(IconContainer, __assign({ onClick: function () { return handlePageChange(page - 1); }, "data-testid": "LeftChevron" }, { children: jsx$1(Icon.Arrows.ChevronLeft, { fill: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, void 0) }), void 0), jsx$1(PageNumbersContainer, __assign({ "data-testid": "PageNumbersContainer", theme: theme }, { children: new Array(to - from + 1).fill(0).map(function (_, i) { return (jsx$1(PageNumber, __assign({ onClick: function () { return handlePageChange(i + from); }, bold: boldActive && page === i + from, underline: underlineActive && page === i + from, role: 'button', color: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color, borderColor: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color, theme: theme }, { children: i + from }), i)); }) }), void 0), jsx$1(IconContainer, __assign({ onClick: function () { return handlePageChange(page + 1); }, "data-testid": "RightChevron" }, { children: jsx$1(Icon.Arrows.ChevronRight, { fill: disabled ? theme.colors.shades['250'].color : theme.colors.shades['700'].color }, void 0) }), void 0)] }), void 0));
 };
 
-var Container$6 = newStyled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"])), function (props) {
+var Container$9 = newStyled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 0.688rem 0rem;\n  ", ",\n"])), function (props) {
     return mediaQueries(props)({
         borderTop: ["0.063rem solid ".concat(props.theme.colors.shades['100'].color), 'none'],
     });
 });
-var Description = newStyled.div({
+var Description$1 = newStyled.div({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'flex-start',
@@ -12599,25 +12723,25 @@ var Description = newStyled.div({
 var ProductItem = function (_a) {
     var src = _a.src, title = _a.title, price = _a.price;
     var theme = useTheme();
-    return (jsxs$1(Container$6, __assign({ theme: theme }, { children: [jsx$1(Image$1, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxs$1(Description, { children: [jsx$1(Text$3, __assign({ variant: "body", weight: "regular", size: "regular" }, { children: title }), void 0), jsx$1(PriceLabel, { finalPrice: price, color: "#C64844", size: ComponentSize.Small }, void 0)] }, void 0)] }), void 0));
+    return (jsxs$1(Container$9, __assign({ theme: theme }, { children: [jsx$1(Image, { src: src, alt: "", width: "4.063rem", height: "5.375rem" }, void 0), jsxs$1(Description$1, { children: [jsx$1(Text$5, __assign({ variant: "body", weight: "regular", size: "regular" }, { children: title }), void 0), jsx$1(PriceLabel, { finalPrice: price, color: "#C64844", size: ComponentSize.Small }, void 0)] }, void 0)] }), void 0));
 };
-var templateObject_1$7;
+var templateObject_1$d;
 
-var Container$5 = newStyled.div({
+var Container$8 = newStyled.div({
     display: 'flex',
     justifyContent: 'center',
     padding: '1rem',
 });
 var Footer = function (_a) {
     var text = _a.text, onClick = _a.onClick;
-    return (jsx$1(Container$5, { children: jsx$1(Text$3, __assign({ variant: "link", size: "regular", underline: true, onClick: onClick }, { children: text }), void 0) }, void 0));
+    return (jsx$1(Container$8, { children: jsx$1(Text$5, __assign({ variant: "link", size: "regular", underline: true, onClick: onClick }, { children: text }), void 0) }, void 0));
 };
 
 var Ul = newStyled.ul({
     margin: '0px',
     padding: '0px',
 });
-var Li = newStyled.li(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"], ["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"])), function (props) { return props.theme.colors.shades['100'].color; }, function (props) {
+var Li = newStyled.li(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"], ["\n  width: 100%;\n  cursor: pointer;\n  list-style-type: none;\n  box-sizing: border-box;\n  &:hover {\n    background-color: ", ";\n  }\n  ", ",\n"])), function (props) { return props.theme.colors.shades['100'].color; }, function (props) {
     return mediaQueries(props)({
         padding: [0, '0rem 1rem'],
         borderRadius: [0, '0.5rem'],
@@ -12630,13 +12754,13 @@ var Button$2 = newStyled.button({
     cursor: 'pointer',
     padding: 0,
 });
-var Container$4 = newStyled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  ", ",\n"])), function (props) {
+var Container$7 = newStyled.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  ", ",\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin: 0rem;\n  padding: 0rem;\n  position: absolute;\n  width: 100%;\n  background-color: white;\n  box-sizing: border-box;\n  border-radius: 0.5rem;\n  ", ",\n"])), function (props) {
     return mediaQueries(props)({
         border: ['none', "0.063rem solid ".concat(props.theme.colors.pallete.secondary.color)],
         marginTop: ['1.25rem', '0.125rem'],
     });
 });
-var Header = newStyled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  ", ",\n"], ["\n  ", ",\n"])), function (props) {
+var Header = newStyled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  ", ",\n"], ["\n  ", ",\n"])), function (props) {
     return mediaQueries(props)({
         margin: ['0rem 0rem 1rem 0rem', '1rem'],
     });
@@ -12644,9 +12768,9 @@ var Header = newStyled.div(templateObject_3$2 || (templateObject_3$2 = __makeTem
 var ResultsPanel = function (_a) {
     var options = _a.options, header = _a.header, footer = _a.footer, onClick = _a.onClick, onViewAll = _a.onViewAll, dataTestId = _a.dataTestId;
     var theme = useTheme();
-    return (jsxs$1(Container$4, __assign({ "data-testid": dataTestId, theme: theme }, { children: [header && (jsx$1(Header, __assign({ theme: theme }, { children: jsx$1(Text$3, __assign({ variant: "heading6", weight: "demi" }, { children: header }), void 0) }), void 0)), jsx$1(Ul, { children: options.map(function (item, index) { return (jsx$1(Li, __assign({ theme: theme }, { children: jsx$1(Button$2, __assign({ onClick: function () { return onClick(item); } }, { children: jsx$1(ProductItem, { src: item.src, title: item.title, price: item.price }, void 0) }), void 0) }), index)); }) }, void 0), footer && jsx$1(Footer, { text: footer, onClick: onViewAll }, void 0)] }), void 0));
+    return (jsxs$1(Container$7, __assign({ "data-testid": dataTestId, theme: theme }, { children: [header && (jsx$1(Header, __assign({ theme: theme }, { children: jsx$1(Text$5, __assign({ variant: "heading6", weight: "demi" }, { children: header }), void 0) }), void 0)), jsx$1(Ul, { children: options.map(function (item, index) { return (jsx$1(Li, __assign({ theme: theme }, { children: jsx$1(Button$2, __assign({ onClick: function () { return onClick(item); } }, { children: jsx$1(ProductItem, { src: item.src, title: item.title, price: item.price }, void 0) }), void 0) }), index)); }) }, void 0), footer && jsx$1(Footer, { text: footer, onClick: onViewAll }, void 0)] }), void 0));
 };
-var templateObject_1$6, templateObject_2$2, templateObject_3$2;
+var templateObject_1$c, templateObject_2$4, templateObject_3$4;
 
 var Input = newStyled.input(function (props) { return ({
     padding: props.theme.component.input.padding,
@@ -12677,7 +12801,7 @@ var Input = newStyled.input(function (props) { return ({
     },
 }); });
 
-var Button$1 = newStyled.button(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"], ["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"])), function (props) {
+var Button$1 = newStyled.button(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"], ["\n  position: absolute;\n  right: 1rem;\n  background: white;\n  border: none;\n  align-self: center;\n  padding: 0;\n  ", ",\n"])), function (props) {
     return mediaQueries(props)({
         right: ['1rem', '-3.75rem'],
     });
@@ -12687,7 +12811,7 @@ var ClearButton = function (_a) {
     var theme = useTheme();
     return (jsx$1(Button$1, __assign({ onClick: onClick, theme: theme }, { children: jsx$1(Icon.Actions.Close, { height: 1.25, width: 1.25 }, void 0) }), void 0));
 };
-var templateObject_1$5;
+var templateObject_1$b;
 
 var useOnClickOutside = function (ref, handler) {
     useEffect(function () {
@@ -12774,7 +12898,7 @@ var reducer = function (state, action) {
         }
     }
 };
-var Container$3 = newStyled.div({
+var Container$6 = newStyled.div({
     position: 'relative',
     display: 'flex',
 });
@@ -12792,67 +12916,56 @@ var SearchBar = function (_a) {
         return function () { return clearTimeout(id); };
     }, [onChange, state.term]);
     var options = resultOptions && resultOptions.length > 0 ? resultOptions : suggestions;
-    return (jsxs$1("form", __assign({ role: "search", onSubmit: function (e) { return e.preventDefault(); }, ref: ref, style: { position: 'relative' } }, { children: [jsxs$1(Container$3, __assign({ theme: theme }, { children: [jsx$1(Input, { value: state.term, placeholder: "Search for products", onChange: function (e) { return dispatch({ type: 'UPDATE_TERM', payload: { term: e.target.value } }); }, onFocus: function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: true } }); }, id: "search", autoComplete: "off", theme: theme, "aria-label": "Search for products" }, void 0), jsx$1(SearchControl, { open: state.open, onClear: function () { return dispatch({ type: 'CLEAR', payload: {} }); }, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && (jsx$1(ResultsPanel, { dataTestId: resultsPanelDataTestId, options: options, header: resultOptions.length === 0 ? 'Most popular products' : undefined, footer: resultOptions.length > 0 ? "View all results (".concat(resultOptions.length, ")") : undefined, onClick: function (value) {
+    return (jsxs$1("form", __assign({ role: "search", onSubmit: function (e) { return e.preventDefault(); }, ref: ref, style: { position: 'relative' } }, { children: [jsxs$1(Container$6, __assign({ theme: theme }, { children: [jsx$1(Input, { value: state.term, placeholder: "Search for products", onChange: function (e) { return dispatch({ type: 'UPDATE_TERM', payload: { term: e.target.value } }); }, onFocus: function () { return dispatch({ type: 'TOGGLE_PANEL', payload: { open: true } }); }, id: "search", autoComplete: "off", theme: theme, "aria-label": "Search for products" }, void 0), jsx$1(SearchControl, { open: state.open, onClear: function () { return dispatch({ type: 'CLEAR', payload: {} }); }, onSearch: function () { return onSearch(state.term); } }, void 0)] }), void 0), state.open && (jsx$1(ResultsPanel, { dataTestId: resultsPanelDataTestId, options: options, header: resultOptions.length === 0 ? 'Most popular products' : undefined, footer: resultOptions.length > 0 ? "View all results (".concat(resultOptions.length, ")") : undefined, onClick: function (value) {
                     onSearch(value.title);
                     dispatch({ type: 'UPDATE_OPTION', payload: { selectedOption: value } });
                 }, onViewAll: function () { return onSearch(state.term); } }, void 0))] }), void 0));
 };
 
-var Container$2 = newStyled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  position: relative;\n  max-height: 31.875rem;\n  max-width: 23.438rem;\n"], ["\n  position: relative;\n  max-height: 31.875rem;\n  max-width: 23.438rem;\n"])));
-var Image = newStyled.img(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
-var TopTagContainer = newStyled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n"])));
-var BottomTagContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
+var Container$5 = newStyled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  position: relative;\n  max-height: 31.875rem;\n"], ["\n  position: relative;\n  max-height: 31.875rem;\n"])));
+var TopTagContainer = newStyled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n"])));
+var BottomTagContainer = newStyled.div(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
 var ImageProductWithTags = function (_a) {
     var image = _a.image, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, dataTestId = _a.dataTestId;
-    return (jsxs$1(Container$2, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image, { src: image.imageUrl, alt: image.alt }, void 0), jsx$1(TopTagContainer, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer, { children: BestSellerTagElement }, void 0)] }), void 0));
+    return (jsxs$1(Container$5, __assign({ "data-testid": dataTestId }, { children: [jsx$1(Image, { src: image.imageUrl, alt: image.alt, objectFit: "cover", objectPosition: "center top", width: "100%", height: "510px" }, void 0), jsx$1(TopTagContainer, { children: DiscountTagElement }, void 0), jsx$1(BottomTagContainer, { children: BestSellerTagElement }, void 0)] }), void 0));
 };
-var templateObject_1$4, templateObject_2$1, templateObject_3$1, templateObject_4;
+var templateObject_1$a, templateObject_2$3, templateObject_3$3;
 
-var Button = newStyled.button(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n"], ["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n"])));
+var Button = newStyled.button(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n"], ["\n  background: transparent;\n  border: none;\n  padding: 0.188rem 0.625rem;\n"])));
 var ArrowButton = function (_a) {
     var Icon = _a.Icon, onClick = _a.onClick, className = _a.className;
     return (jsx$1(Button, __assign({ className: className, type: "button", onClick: onClick }, { children: Icon }), void 0));
 };
-var templateObject_1$3;
+var templateObject_1$9;
 
-var Container$1 = newStyled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"], ["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"])));
+var Container$4 = newStyled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"], ["\n  position: absolute;\n  bottom: 15px;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  svg {\n    padding: 0.125rem;\n    margin-left: 0.25rem;\n  }\n"])));
 var range = function (limit) { return __spreadArray([], new Array(limit), true).map(function (_, index) { return index; }); };
 var SlideDots = function (_a) {
     var quantity = _a.quantity, selectedIndex = _a.selectedIndex, containerDataTestId = _a.containerDataTestId;
     var theme = useTheme();
-    return (jsx$1(Container$1, __assign({ "data-testid": containerDataTestId }, { children: range(quantity).map(function (index) { return (jsx$1(Icon.SlideDots.SlideDot, { height: 0.75, width: 0.75, fill: index === selectedIndex
+    return (jsx$1(Container$4, __assign({ "data-testid": containerDataTestId }, { children: range(quantity).map(function (index) { return (jsx$1(Icon.SlideDots.SlideDot, { height: 0.75, width: 0.75, fill: index === selectedIndex
                 ? theme.colors.shades.white.color
                 : theme.colors.shades['700'].color, opacity: 0.6, dataTestId: "slide-dot-".concat(index) }, index)); }) }), void 0));
 };
-var templateObject_1$2;
+var templateObject_1$8;
 
-var NavigationButton = newStyled(ArrowButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
-var RightButton = newStyled(NavigationButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  right: 0;\n"], ["\n  right: 0;\n"])));
-var LeftButton = newStyled(NavigationButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  left: 0;\n"], ["\n  left: 0;\n"])));
+var NavigationButton = newStyled(ArrowButton)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"], ["\n  position: absolute;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"])));
+var RightButton = newStyled(NavigationButton)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  right: 0;\n"], ["\n  right: 0;\n"])));
+var LeftButton = newStyled(NavigationButton)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  left: 0;\n"], ["\n  left: 0;\n"])));
 var SlideNavigation = function (_a) {
-    var quantity = _a.quantity, initialIndex = _a.initialIndex, onNavigate = _a.onNavigate, dataTestId = _a.dataTestId;
+    var quantity = _a.quantity, selectedIndex = _a.selectedIndex, onNavigate = _a.onNavigate, dataTestId = _a.dataTestId;
+    var theme = useTheme();
     var upperLimit = quantity - 1;
     var lowerLimit = 0;
-    var initialValue = initialIndex && lowerLimit <= initialIndex && initialIndex <= upperLimit
-        ? initialIndex
-        : lowerLimit;
-    var _b = useState(initialValue), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var theme = useTheme();
-    var getNextIndex = function () { return currentIndex + 1; };
-    var getPreviousIndex = function () { return currentIndex - 1; };
-    return (jsxs$1(Fragment$1, { children: [currentIndex > lowerLimit && (jsx$1(LeftButton, { Icon: jsx$1(Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
-                    var index = getPreviousIndex();
-                    setCurrentIndex(index);
-                    onNavigate(index);
-                } }, void 0)), currentIndex < upperLimit && (jsx$1(RightButton, { Icon: jsx$1(Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
-                    var index = getNextIndex();
-                    setCurrentIndex(index);
-                    onNavigate(index);
-                } }, void 0)), jsx$1(SlideDots, { quantity: quantity, selectedIndex: currentIndex, containerDataTestId: dataTestId }, void 0)] }, void 0));
+    return (jsxs$1(Fragment$1, { children: [selectedIndex > lowerLimit && (jsx$1(LeftButton, { Icon: jsx$1(Icon.Arrows.ChevronLeft, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
+                    onNavigate(selectedIndex - 1);
+                } }, void 0)), selectedIndex < upperLimit && (jsx$1(RightButton, { Icon: jsx$1(Icon.Arrows.ChevronRight, { height: 2.125, width: 1.25, fill: theme.colors.shades['700'].color, opacity: 0.5 }, void 0), onClick: function () {
+                    onNavigate(selectedIndex + 1);
+                } }, void 0)), jsx$1(SlideDots, { quantity: quantity, selectedIndex: selectedIndex, containerDataTestId: dataTestId }, void 0)] }, void 0));
 };
-var templateObject_1$1, templateObject_2, templateObject_3;
+var templateObject_1$7, templateObject_2$2, templateObject_3$2;
 
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  width: fit-content;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  width: fit-content;\n  position: relative;\n"])));
+var Container$3 = newStyled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: fit-content;\n  position: relative;\n  max-width: 450px;\n"])));
 var ProductGalleryMobile = function (_a) {
     var images = _a.images, selectedValue = _a.selectedValue, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, productImageDataTestId = _a.productImageDataTestId, slideDotsDataTestId = _a.slideDotsDataTestId;
     var initialValue = selectedValue && images.includes(selectedValue) ? selectedValue : images[0];
@@ -12860,9 +12973,145 @@ var ProductGalleryMobile = function (_a) {
     useEffect(function () {
         setSelectedImage(initialValue);
     }, [initialValue]);
-    return (jsxs$1(Container, { children: [jsx$1(ImageProductWithTags, { image: selectedImage, DiscountTagElement: DiscountTagElement, BestSellerTagElement: BestSellerTagElement, dataTestId: productImageDataTestId }, void 0), jsx$1(SlideNavigation, { quantity: images.length, initialIndex: images.indexOf(selectedImage), onNavigate: function (index) { return setSelectedImage(images[index]); }, dataTestId: slideDotsDataTestId }, void 0)] }, void 0));
+    return (jsxs$1(Container$3, { children: [jsx$1(ImageProductWithTags, { image: selectedImage, DiscountTagElement: DiscountTagElement, BestSellerTagElement: BestSellerTagElement, dataTestId: productImageDataTestId }, void 0), jsx$1(SlideNavigation, { quantity: images.length, selectedIndex: images.indexOf(selectedImage), onNavigate: function (index) { return setSelectedImage(images[index]); }, dataTestId: slideDotsDataTestId }, void 0)] }, void 0));
+};
+var templateObject_1$6;
+
+var Portal = function (_a) {
+    var id = _a.id, className = _a.className, children = _a.children;
+    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
+    var container = useRef(null);
+    useEffect(function () {
+        var element = document.getElementById(id);
+        if (element == null) {
+            element = document.createElement('div');
+            element.id = id;
+            document.body.appendChild(element);
+        }
+        if (element == null) {
+            throw new Error("Unable to find/create container (".concat(id, ")"));
+        }
+        element.dataset.testId = id;
+        setMounted(true);
+        container.current = element;
+    }, [id]);
+    useEffect(function () {
+        if (mounted) {
+            container.current.className = className !== null && className !== void 0 ? className : '';
+        }
+    }, [className, mounted]);
+    if (mounted === false) {
+        return null;
+    }
+    return createPortal(children, container.current, id);
+};
+
+var visibleStyle = function (_a) {
+    var opened = _a.opened;
+    return opened
+        ? css(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n        opacity: 1;\n        pointer-events: all;\n        transform: translate(-50%, -50%);\n      "], ["\n        opacity: 1;\n        pointer-events: all;\n        transform: translate(-50%, -50%);\n      "]))) : css(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n        opacity: 0;\n        pointer-events: none;\n        transform: translate(-50%, -40%);\n      "], ["\n        opacity: 0;\n        pointer-events: none;\n        transform: translate(-50%, -40%);\n      "])));
+};
+var Container$2 = newStyled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  border: 1px solid var(--colors-pallete-primary-color);\n  border-radius: var(--radius-regular);\n  padding: 20px;\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  z-index: var(--zIndex-modal);\n  background-color: var(--colors-background-color);\n  min-width: var(--component-modal-minWidth);\n  transition: transform 0.3s, opacity 0.3s;\n\n  ", ";\n"], ["\n  border: 1px solid var(--colors-pallete-primary-color);\n  border-radius: var(--radius-regular);\n  padding: 20px;\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  z-index: var(--zIndex-modal);\n  background-color: var(--colors-background-color);\n  min-width: var(--component-modal-minWidth);\n  transition: transform 0.3s, opacity 0.3s;\n\n  ", ";\n"])), visibleStyle);
+var Overlay = newStyled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.75);\n  z-index: var(--zIndex-overlay);\n  transition: transform 0.3s, opacity 0.3s;\n\n  ", "\n\n  transform: none;\n"], ["\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.75);\n  z-index: var(--zIndex-overlay);\n  transition: transform 0.3s, opacity 0.3s;\n\n  ", "\n\n  transform: none;\n"])), visibleStyle);
+var Modal = function (_a) {
+    var id = _a.id, children = _a.children, _b = _a.dismissable, dismissable = _b === void 0 ? true : _b;
+    var _c = useState(false), opened = _c[0], setOpened = _c[1];
+    useEffect(function () {
+        var onModal = function (e) {
+            if (e.detail.id !== id) {
+                return;
+            }
+            setOpened(e.detail.type === 'open');
+        };
+        window.addEventListener('modal', onModal);
+        return function () {
+            window.removeEventListener('modal', onModal);
+        };
+    }, [id]);
+    var onDismiss = function () {
+        if (!dismissable) {
+            return;
+        }
+        setOpened(false);
+    };
+    return (jsxs(Portal, __assign({ id: id }, { children: [jsx(Container$2, __assign({ opened: opened }, { children: children }), void 0), jsx(Overlay, { opened: opened, onClick: onDismiss }, void 0)] }), void 0));
+};
+var modalEvent = function (id, detail) {
+    window.dispatchEvent(new CustomEvent('modal', {
+        detail: __assign(__assign({}, detail), { id: id }),
+    }));
+};
+var templateObject_1$5, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+
+var Text$1 = newStyled.span(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
+var Title = function (_a) {
+    var title = _a.title;
+    var theme = useTheme();
+    return jsx$1(Text$1, __assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0);
+};
+var templateObject_1$4;
+
+var P = newStyled.p(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
+var Promo = function (_a) {
+    var text = _a.text;
+    var theme = useTheme();
+    return (jsx$1(P, __assign({ color: theme.colors.shades['700'].color, "data-testid": "CartProductItemPromo" }, { children: text }), void 0));
+};
+var templateObject_1$3;
+
+var Text = newStyled.span(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
+var Description = function (_a) {
+    var text = _a.text;
+    var theme = useTheme();
+    return jsx$1(Text, __assign({ color: theme.colors.shades['400'].color }, { children: text }), void 0);
+};
+var templateObject_1$2;
+
+var Container$1 = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0.25rem;\n  background-color: ", ";\n  display: inline-flex;\n  border-radius: 50%;\n  cursor: pointer;\n"], ["\n  margin: 0;\n  padding: 0.25rem;\n  background-color: ", ";\n  display: inline-flex;\n  border-radius: 50%;\n  cursor: pointer;\n"])), function (props) { return props.backgroundColor; });
+var CloseButton = function (_a) {
+    var onClick = _a.onClick;
+    var theme = useTheme();
+    return (jsx$1(Container$1, __assign({ backgroundColor: theme.colors.shades['700'].color, onClick: onClick, "data-testid": "CartProductItemCloseBtn" }, { children: jsx$1(Icon.Actions.Close, { width: 0.313, height: 0.313, fill: "#fff" }, void 0) }), void 0));
+};
+var templateObject_1$1;
+
+var CartProductItem = {
+    Title: Title,
+    Tag: OfferBanner,
+    Promo: Promo,
+    Description: Description,
+    CloseButton: CloseButton,
+};
+
+var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0.625rem 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n  max-width: 3.75rem;\n\n  * {\n    color: ", ";\n  }\n"], ["\n  padding: 0.625rem 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n  max-width: 3.75rem;\n\n  * {\n    color: ", ";\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
+var Item = newStyled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  padding: 0;\n"])));
+var Number$1 = newStyled(Item)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 1.25rem;\n  text-align: center;\n  font-weight: 600;\n"], ["\n  width: 1.25rem;\n  text-align: center;\n  font-weight: 600;\n"])));
+var IncreaseDecrease = newStyled(Item)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: pointer;\n  user-select: none;\n  padding: 0 0.313rem;\n  font-weight: 400;\n"], ["\n  cursor: pointer;\n  user-select: none;\n  padding: 0 0.313rem;\n  font-weight: 400;\n"])));
+var QuantityPicker = function (_a) {
+    var _b = _a.initialValue, initialValue = _b === void 0 ? 0 : _b, _c = _a.maxValue, maxValue = _c === void 0 ? 99 : _c, value = _a.value, onChange = _a.onChange;
+    var theme = useTheme();
+    var _d = useState(value !== null && value !== void 0 ? value : initialValue), internal = _d[0], setInternal = _d[1];
+    useEffect(function () {
+        if (onChange) {
+            onChange(internal);
+        }
+    }, [onChange, internal]);
+    var clamp = useCallback(function (value) {
+        // Math.max guards against numbers less than `initialValue`
+        // Math.min guards against numbers greater than `maxValue`
+        return Math.max(Math.min(value, maxValue), initialValue);
+    }, [maxValue, initialValue]);
+    useEffect(function () {
+        setInternal(function (internal) {
+            if (value == null) {
+                return internal;
+            }
+            return clamp(value);
+        });
+    }, [value, clamp]);
+    return (jsxs$1(Container, __assign({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": "QuantityPickerContainer" }, { children: [jsx$1(IncreaseDecrease, __assign({ onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsx$1(Number$1, { children: internal }, void 0), jsx$1(IncreaseDecrease, __assign({ onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
 };
-var templateObject_1;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$1 as Card, CardSectionType, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, Image$1 as Image, Input$1 as Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, Pagination, PaymentMethod, PaypalButton, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, RadioGroupInput, Rating, Review, ScrollToTop, SearchBar, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spinner, StarList, Text$3 as Text, TextButton, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$1 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, Image, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, Pagination, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review, ScrollToTop, SearchBar, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Text$5 as Text, TextButton, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map