@bosonprotocol/react-kit 0.37.0-alpha.1 → 0.37.0-alpha.3

package/dist/cjs/colors.d.ts

@@ -20,6 +20,7 @@ export declare const colors: {
     readonly lime: "#B6F952";
     readonly orange: "#FC6838";
     readonly orangeDark: "#ff8c00";
+    readonly purpleDeep: "#131A2A";
     readonly red: "#FC386A";
     readonly redDark: "#8b0000";
     readonly torquise: "#06F7D5";

package/dist/cjs/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}

package/dist/cjs/colors.js

@@ -24,6 +24,7 @@ exports.colors = {
     lime: "#B6F952",
     orange: "#FC6838",
     orangeDark: "#ff8c00", // color 'darkorange' in chrome
+    purpleDeep: "#131A2A",
     red: "#FC386A",
     redDark: "#8b0000", // color 'darkred' in chrome
     torquise: "#06F7D5",

package/dist/cjs/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":";AAAA,6BAA6B;;;AAEhB,QAAA,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":";AAAA,6BAA6B;;;AAEhB,QAAA,MAAM,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS,EAAE,yBAAyB;IAC1C,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS,EAAE,+BAA+B;IACtD,UAAU,EAAE,SAAS;IACrB,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,SAAS,EAAE,4BAA4B;IAChD,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACR,CAAC"}

package/dist/cjs/components/exchangeCard/ExchangeCard.d.ts

@@ -35,7 +35,6 @@ interface CancelledCard extends Base {
 interface CommittedCard extends Base {
     status: subgraph.ExchangeState.COMMITTED;
     redeemButtonConfig: IButton;
-    cancelButtonConfig: IButton;
     bottomText?: string;
 }
 interface CompletedCard extends Base {

package/dist/cjs/components/exchangeCard/ExchangeCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExchangeCard.d.ts","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAsB7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED,UAAU,UAAW,SAAQ,IAAI;IAC/B,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;IACxC,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;CAC1C;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;IACzC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;CAC1C;AAED,UAAU,YAAa,SAAQ,IAAI;IACjC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;CACzC;AAED,UAAU,WAAY,SAAQ,IAAI;IAChC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;CACxC;AAED,MAAM,MAAM,iBAAiB,GACzB,aAAa,GACb,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY,UAAW,iBAAiB,sBA+JpD,CAAC"}
+{"version":3,"file":"ExchangeCard.d.ts","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAkB7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,UAAU,IAAI;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,MAAM,EAAE,kBAAkB,CAAC;CAC5B;AAED,UAAU,UAAW,SAAQ,IAAI;IAC/B,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;IACxC,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;CAC1C;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;IACzC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,aAAc,SAAQ,IAAI;IAClC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;CAC1C;AAED,UAAU,YAAa,SAAQ,IAAI;IACjC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;CACzC;AAED,UAAU,WAAY,SAAQ,IAAI;IAChC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;CACxC;AAED,MAAM,MAAM,iBAAiB,GACzB,aAAa,GACb,UAAU,GACV,aAAa,GACb,aAAa,GACb,YAAY,GACZ,WAAW,CAAC;AAEhB,eAAO,MAAM,YAAY,UAAW,iBAAiB,sBA6JpD,CAAC"}

package/dist/cjs/components/exchangeCard/ExchangeCard.js

@@ -41,9 +41,12 @@ const Image_1 = require("../image/Image");
 const const_1 = require("../productCard/const");
 const ExchangeCard_styles_1 = require("./ExchangeCard.styles");
 const core_sdk_1 = require("@bosonprotocol/core-sdk");
+const Grid_1 = require("../ui/Grid");
+const ProductCard_1 = require("../productCard/ProductCard");
 const ExchangeCard = (props) => {
-    const { id, title, imageProps, price, currency, avatar, avatarName, onCardClick, status, isCTAVisible = true, onAvatarNameClick, dataTestId = "offer", isHoverDisabled = false, dataCard = "exchange-card", productType, isConnected, CTAIfDisconnected } = props;
+    const { id, title, imageProps, price, currency, onCardClick, status, isCTAVisible = true, onAvatarNameClick, dataTestId = "offer", isHoverDisabled = false, dataCard = "exchange-card", productType, isConnected, CTAIfDisconnected } = props;
     const [isImageLoaded, setIsImageLoaded] = (0, react_1.useState)(false);
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
     const exchangeCardBottom = (0, react_1.useMemo)(() => {
         if (isCTAVisible) {
             switch (status) {
@@ -58,20 +61,14 @@ const ExchangeCard = (props) => {
                                 } }), "Dispute"))));
                 }
                 case core_sdk_1.subgraph.ExchangeState.COMMITTED: {
-                    const { redeemButtonConfig, cancelButtonConfig, bottomText } = props;
+                    const { redeemButtonConfig } = props;
                     return (react_1.default.createElement(ExchangeCard_styles_1.ExchangeButtonWrapper, null,
                         react_1.default.createElement(ExchangeCard_styles_1.CommittedButtonWrapper, null,
                             react_1.default.createElement(Button_1.Button, Object.assign({ variant: "primaryFill" }, redeemButtonConfig, { onClick: (e) => {
                                     var _a;
                                     e.stopPropagation();
                                     (_a = redeemButtonConfig === null || redeemButtonConfig === void 0 ? void 0 : redeemButtonConfig.onClick) === null || _a === void 0 ? void 0 : _a.call(redeemButtonConfig, e);
-                                } }), "Redeem"),
-                            react_1.default.createElement(Button_1.Button, Object.assign({ variant: "secondaryInverted" }, cancelButtonConfig, { onClick: (e) => {
-                                    var _a;
-                                    e.stopPropagation();
-                                    (_a = cancelButtonConfig === null || cancelButtonConfig === void 0 ? void 0 : cancelButtonConfig.onClick) === null || _a === void 0 ? void 0 : _a.call(cancelButtonConfig, e);
-                                } }), "Cancel")),
-                        react_1.default.createElement(ExchangeCard_styles_1.CommittedBottomText, null, bottomText)));
+                                } }), "Redeem"))));
                 }
                 default:
                     return null;
@@ -81,15 +78,15 @@ const ExchangeCard = (props) => {
     const [height, setHeight] = (0, react_1.useState)(null);
     const isNotImageLoaded = !isImageLoaded;
     const isPhygital = productType === const_1.ProductType.phygital;
-    return (react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, onClick: (e) => {
+    return (react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: (e) => {
             e.preventDefault();
             onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick(id);
         } },
         react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardTop, { "$isNotImageLoaded": isNotImageLoaded },
             react_1.default.createElement(ExchangeCard_styles_1.ExchangeImageWrapper, null,
-                isPhygital && (react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardLabelWrapper, null, "Phygital")),
-                react_1.default.createElement(Image_1.Image, Object.assign({}, imageProps, { onLoaded: () => setIsImageLoaded(true) }))),
-            react_1.default.createElement(ExchangeCard_styles_1.ExchangeStatus, { "$status": status }, status.toLowerCase())),
+                react_1.default.createElement(Image_1.Image, Object.assign({}, imageProps, { onLoaded: () => setIsImageLoaded(true) })),
+                isCTAVisible && isConnected && (react_1.default.createElement(ExchangeCard_styles_1.CTAOnHoverContainerExchangeCard, { "$isHovered": isHovered }, isCTAVisible && isConnected ? (react_1.default.createElement(ExchangeCard_styles_1.ExchangeCTAWrapper, { "data-cta-wrapper": true }, exchangeCardBottom)) : isCTAVisible && !isConnected && CTAIfDisconnected ? (CTAIfDisconnected) : null))),
+            react_1.default.createElement(ExchangeCard_styles_1.ExchangeStatus, { "$status": status, "$side": "left" }, status.toLowerCase())),
         react_1.default.createElement("div", { style: { height: height + "px" } }),
         react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardBottom, null,
             react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardBottomContent, { ref: (div) => {
@@ -98,22 +95,20 @@ const ExchangeCard = (props) => {
                         setHeight(height ? Math.min(div.clientHeight, height) : div.clientHeight);
                 } },
                 react_1.default.createElement(ExchangeCard_styles_1.ExchangeCarData, null,
-                    react_1.default.createElement(ExchangeCard_styles_1.ExchangeCreator, { onClick: (e) => {
+                    react_1.default.createElement(Grid_1.Grid, { flexDirection: "column", alignItems: "flex-start", onClick: (e) => {
                             e.stopPropagation();
                             onAvatarNameClick === null || onAvatarNameClick === void 0 ? void 0 : onAvatarNameClick();
                         } },
-                        react_1.default.createElement(ExchangeCard_styles_1.ExchangeCreatorAvatar, null,
-                            react_1.default.createElement("img", { src: avatar, alt: "avatar" })),
-                        react_1.default.createElement(ExchangeCard_styles_1.ExchangeCreatorName, { "data-avatarname": "exchange-card" }, avatarName)),
-                    react_1.default.createElement(ExchangeCard_styles_1.ExchangeTitle, null, title)),
-                react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardPriceWrapper, null,
-                    react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardPrice, null, "Price"),
-                    react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, style: {
-                            wordBreak: "break-all",
-                            alignItems: "flex-start",
-                            justifyContent: "flex-end"
-                        } }))),
-            isCTAVisible && isConnected ? (react_1.default.createElement(ExchangeCard_styles_1.ExchangeCTAWrapper, { "data-cta-wrapper": true }, exchangeCardBottom)) : isCTAVisible && !isConnected && CTAIfDisconnected ? (CTAIfDisconnected) : null)));
+                        react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardTitleWrapper, null,
+                            react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardTitle, { fontSize: "0.75rem", fontWeight: "600" }, title),
+                            react_1.default.createElement(ExchangeCard_styles_1.ExchangeCardPriceWrapper, { justifyContent: "flex-end", alignItems: "center", width: "40%" },
+                                react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, fontSize: "0.875rem", iconSize: 16, gap: "0.3125rem", style: {
+                                        wordBreak: "break-all",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        fontWeight: "600"
+                                    } }))),
+                        isPhygital && react_1.default.createElement(ProductCard_1.PhygitalLabel, null)))))));
 };
 exports.ExchangeCard = ExchangeCard;
 //# sourceMappingURL=ExchangeCard.js.map

package/dist/cjs/components/exchangeCard/ExchangeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExchangeCard.js","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExchangeCard.js","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,8CAA2C;AAC3C,wEAG4C;AAC5C,0CAAmD;AAEnD,gDAAmD;AAEnD,+DAgB+B;AAE/B,sDAAmD;AAEnD,qCAAkC;AAClC,4DAA2D;AAyDpD,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EACJ,EAAE,EACF,KAAK,EACL,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,YAAY,GAAG,IAAI,EACnB,iBAAiB,EACjB,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,eAAe,EAC1B,WAAW,EACX,WAAW,EACX,iBAAiB,EAClB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,MAAM,EAAE,CAAC;gBACf,KAAK,mBAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC;oBACtC,OAAO,CACL,8BAAC,2CAAqB;wBACpB,8BAAC,yCAAmB;4BAClB,8BAAC,eAAM,kBACL,OAAO,EAAC,mBAAmB,IACvB,mBAAmB,IACvB,OAAO,EAAE,CACP,CAAkD,EAClD,EAAE;;oCACF,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,oEAAG,CAAC,CAAC,CAAC;gCACpC,CAAC,eAGM,CACW,CACA,CACzB,CAAC;gBACJ,CAAC;gBACD,KAAK,mBAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;oBACtC,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;oBACrC,OAAO,CACL,8BAAC,2CAAqB;wBACpB,8BAAC,4CAAsB;4BACrB,8BAAC,eAAM,kBACL,OAAO,EAAC,aAAa,IACjB,kBAAkB,IACtB,OAAO,EAAE,CACP,CAAkD,EAClD,EAAE;;oCACF,CAAC,CAAC,eAAe,EAAE,CAAC;oCACpB,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,mEAAG,CAAC,CAAC,CAAC;gCACnC,CAAC,cAGM,CACc,CACH,CACzB,CAAC;gBACJ,CAAC;gBACD;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAElC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,gBAAgB,GAAG,CAAC,aAAa,CAAC;IACxC,MAAM,UAAU,GAAG,WAAW,KAAK,mBAAW,CAAC,QAAQ,CAAC;IACxD,OAAO,CACL,8BAAC,yCAAmB,iBACP,QAAQ,sBACD,eAAe,iBACpB,UAAU,EACvB,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,EAAE,CAAC,CAAC;QACpB,CAAC;QAED,8BAAC,qCAAe,yBAAoB,gBAAgB;YAClD,8BAAC,0CAAoB;gBACnB,8BAAC,aAAK,oBAAK,UAAU,IAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI;gBAChE,YAAY,IAAI,WAAW,IAAI,CAC9B,8BAAC,qDAA+B,kBAAa,SAAS,IACnD,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,CAC7B,8BAAC,wCAAkB,gCAChB,kBAAkB,CACA,CACtB,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,WAAW,IAAI,iBAAiB,CAAC,CAAC,CAAC,CACtD,iBAAiB,CAClB,CAAC,CAAC,CAAC,IAAI,CACwB,CACnC,CACoB;YACvB,8BAAC,oCAAc,eAAU,MAAM,WAAQ,MAAM,IAC1C,MAAM,CAAC,WAAW,EAAE,CACN,CACD;QAClB,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,GAAI;QACzC,8BAAC,wCAAkB;YACjB,8BAAC,+CAAyB,IACxB,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;oBACX,CAAC,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAY,CAAA;wBACjB,GAAG,CAAC,YAAY,KAAK,MAAM;wBAC3B,SAAS,CACP,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAC/D,CAAC;gBACN,CAAC;gBAED,8BAAC,qCAAe;oBACd,8BAAC,WAAI,IACH,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;wBACxB,CAAC;wBAED,8BAAC,8CAAwB;4BACvB,8BAAC,uCAAiB,IAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,IACtD,KAAK,CACY;4BACpB,8BAAC,8CAAwB,IACvB,cAAc,EAAC,UAAU,EACzB,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,KAAK;gCAEX,8BAAC,iCAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,EAAE,EACZ,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;wCACL,SAAS,EAAE,WAAW;wCACtB,UAAU,EAAE,QAAQ;wCACpB,cAAc,EAAE,QAAQ;wCACxB,UAAU,EAAE,KAAK;qCAClB,GACD,CACuB,CACF;wBAC1B,UAAU,IAAI,8BAAC,2BAAa,OAAG,CAC3B,CACS,CACQ,CACT,CACD,CACvB,CAAC;AACJ,CAAC,CAAC;AA7JW,QAAA,YAAY,gBA6JvB"}

package/dist/cjs/components/exchangeCard/ExchangeCard.styles.d.ts

@@ -1,12 +1,153 @@
 import { ExchangeCardStatus } from "./types";
-export declare const ExchangeCardLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const ExchangeCreator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeCreatorAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeCreatorName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ExchangeCardPriceWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ExchangeCardPriceWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    style?: import("styled-components").CSSProperties | undefined;
+    onClick?: import("react").ElementRef<"div">["onclick"];
+} & {
+    maxWidth?: import("csstype").Property.MaxWidth<number | (string & {})> | undefined;
+    height?: import("csstype").Property.Height<number | (string & {})> | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<number | (string & {})> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<number | (string & {})> | undefined;
+    minWidth?: import("csstype").Property.MinWidth<number | (string & {})> | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<number | (string & {})> | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<number | (string & {})> | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<number | (string & {})> | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    style?: import("styled-components").CSSProperties | undefined;
+    onClick?: import("react").ElementRef<"div">["onclick"];
+} & {
+    maxWidth?: import("csstype").Property.MaxWidth<number | (string & {})> | undefined;
+    height?: import("csstype").Property.Height<number | (string & {})> | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<number | (string & {})> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<number | (string & {})> | undefined;
+    minWidth?: import("csstype").Property.MinWidth<number | (string & {})> | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<number | (string & {})> | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<number | (string & {})> | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<number | (string & {})> | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const ExchangeCardTitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<{
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    style?: import("styled-components").CSSProperties | undefined;
+    onClick?: import("react").ElementRef<"div">["onclick"];
+} & {
+    maxWidth?: import("csstype").Property.MaxWidth<number | (string & {})> | undefined;
+    height?: import("csstype").Property.Height<number | (string & {})> | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<number | (string & {})> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<number | (string & {})> | undefined;
+    minWidth?: import("csstype").Property.MinWidth<number | (string & {})> | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<number | (string & {})> | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<number | (string & {})> | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<number | (string & {})> | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    style?: import("styled-components").CSSProperties | undefined;
+    onClick?: import("react").ElementRef<"div">["onclick"];
+} & {
+    maxWidth?: import("csstype").Property.MaxWidth<number | (string & {})> | undefined;
+    height?: import("csstype").Property.Height<number | (string & {})> | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<number | (string & {})> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<number | (string & {})> | undefined;
+    minWidth?: import("csstype").Property.MinWidth<number | (string & {})> | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<number | (string & {})> | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<number | (string & {})> | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<number | (string & {})> | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const ExchangeCardPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeCarData: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeCardBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -22,8 +163,89 @@ export declare const RedeemButtonWrapper: import("styled-components/dist/types")
 export declare const CommittedButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $status: ExchangeCardStatus;
+    $side: "left" | "right";
 }>> & string;
 export declare const CommittedBottomText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const ExchangeImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExchangeCTAWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ExchangeCardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<{
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    color?: import("csstype").Property.Color | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: string | React.ReactNode;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Omit<{
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    color?: import("csstype").Property.Color | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: string | React.ReactNode;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>, never>> & string;
+export declare const CTAOnHoverContainerExchangeCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isHovered"> & {
+    $isHovered: boolean;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
 //# sourceMappingURL=ExchangeCard.styles.d.ts.map

package/dist/cjs/components/exchangeCard/ExchangeCard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExchangeCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,wBAAwB;;mBAGpC,CAAC;AACF,eAAO,MAAM,eAAe,6NAI3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,6NAWjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6NAU/B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAKzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NASpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAM7B,CAAC;AAEF,eAAO,MAAM,eAAe,6NAG3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAQ9B,CAAC;AACF,eAAO,MAAM,yBAAyB,6NAQrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;sBACZ,OAAO;YAuD1B,CAAC;AAEF,eAAO,MAAM,eAAe;uBAAmC,OAAO;YASrE,CAAC;AACF,eAAO,MAAM,qBAAqB,6NAIjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6NAM/B,CAAC;AACF,eAAO,MAAM,sBAAsB,6NAMlC,CAAC;AAEF,eAAO,MAAM,cAAc;aAChB,kBAAkB;YAkC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,yOAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAIhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAG9B,CAAC"}
+{"version":3,"file":"ExchangeCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAU7C,eAAO,MAAM,qBAAqB,6NAWjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6NAU/B,CAAC;AAEF,eAAO,MAAM,aAAa,6NAKzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;eAmH5B,MAAO,SAAS;SAAQ,MAAO,WACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eADK,MAAO,SAAS;SAAQ,MAAO,WACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAhHH,CAAC;AAEF,eAAO,MAAM,wBAAwB;eA6G5B,MAAO,SAAS;SAAQ,MAAO,WACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eADK,MAAO,SAAS;SAAQ,MAAO,WACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IA1GH,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAM7B,CAAC;AAEF,eAAO,MAAM,eAAe,6NAG3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAQ9B,CAAC;AACF,eAAO,MAAM,yBAAyB,6NAQrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;sBACZ,OAAO;YAqD1B,CAAC;AAEF,eAAO,MAAM,eAAe;uBAAmC,OAAO;YASrE,CAAC;AACF,eAAO,MAAM,qBAAqB,6NAGjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6NAM/B,CAAC;AACF,eAAO,MAAM,sBAAsB,6NAMlC,CAAC;AAEF,eAAO,MAAM,cAAc;aAChB,kBAAkB;WACpB,MAAM,GAAG,OAAO;YA+CxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yOAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAIhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAG9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA/FpB,MACP,SAAS;gBAET,IAAK,iBAAiB;YAAa,MAAO,aACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAJC,MACP,SAAS;gBAET,IAAK,iBAAiB;YAAa,MAAO,aACpC;;;;;oCA8FR,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;mBAI3C,CAAC"}

package/dist/cjs/components/exchangeCard/ExchangeCard.styles.js

@@ -33,21 +33,13 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExchangeCTAWrapper = exports.ExchangeImageWrapper = exports.CommittedBottomText = exports.ExchangeStatus = exports.CommittedButtonWrapper = exports.RedeemButtonWrapper = exports.ExchangeButtonWrapper = exports.ExchangeCardTop = exports.ExchangeCardWrapper = exports.ExchangeCardBottomContent = exports.ExchangeCardBottom = exports.ExchangeCarData = exports.ExchangeCardPrice = exports.ExchangeCardPriceWrapper = exports.ExchangeTitle = exports.ExchangeCreatorName = exports.ExchangeCreatorAvatar = exports.ExchangeCreator = exports.ExchangeCardLabelWrapper = void 0;
+exports.CTAOnHoverContainerExchangeCard = exports.ExchangeCardTitle = exports.ExchangeCTAWrapper = exports.ExchangeImageWrapper = exports.CommittedBottomText = exports.ExchangeStatus = exports.CommittedButtonWrapper = exports.RedeemButtonWrapper = exports.ExchangeButtonWrapper = exports.ExchangeCardTop = exports.ExchangeCardWrapper = exports.ExchangeCardBottomContent = exports.ExchangeCardBottom = exports.ExchangeCarData = exports.ExchangeCardPrice = exports.ExchangeCardTitleWrapper = exports.ExchangeCardPriceWrapper = exports.ExchangeTitle = exports.ExchangeCreatorName = exports.ExchangeCreatorAvatar = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const theme_1 = require("../../theme");
 const ProductCard_styles_1 = require("../productCard/ProductCard.styles");
+const Grid_1 = require("../ui/Grid");
 const topSpace = "1rem";
 const sideSpace = "1rem";
-exports.ExchangeCardLabelWrapper = (0, styled_components_1.default)(ProductCard_styles_1.ProductCardLabelWrapper) `
-  top: ${topSpace};
-  left: ${sideSpace};
-`;
-exports.ExchangeCreator = styled_components_1.default.div `
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-`;
 exports.ExchangeCreatorAvatar = styled_components_1.default.div `
   width: 1rem;
   height: 1rem;
@@ -77,16 +69,16 @@ exports.ExchangeTitle = styled_components_1.default.div `
   line-height: 150%;
   word-break: break-word;
 `;
-exports.ExchangeCardPriceWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-self: stretch;
-  max-width: 50%;
-  min-width: 44%;
+exports.ExchangeCardPriceWrapper = (0, styled_components_1.default)(Grid_1.Grid) `
   span {
     padding-left: 0.5rem;
   }
 `;
+exports.ExchangeCardTitleWrapper = (0, styled_components_1.default)(Grid_1.Grid) `
+  width: 100%;
+  box-sizing: border-box;
+  align-items: flex-start;
+`;
 exports.ExchangeCardPrice = styled_components_1.default.div `
   font-size: 0.75rem;
   line-height: 150%;
@@ -96,7 +88,7 @@ exports.ExchangeCardPrice = styled_components_1.default.div `
 `;
 exports.ExchangeCarData = styled_components_1.default.div `
   display: flex;
-  flex-direction: column;
+  width: 100%;
 `;
 exports.ExchangeCardBottom = styled_components_1.default.div `
   width: 100%;
@@ -127,10 +119,8 @@ exports.ExchangeCardWrapper = styled_components_1.default.div `
   isolation: isolate;
   width: 100%;
   min-height: 31.25rem;
-  border: 1px solid rgba(85, 96, 114, 0.15);
-  box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
   cursor: pointer;
-  background: ${(0, theme_1.getCssVar)("--background-accent-color")};
+  background: ${(0, theme_1.getCssVar)("--background-color")};
   [data-image-wrapper] {
     position: static;
     padding-top: 0;
@@ -181,7 +171,6 @@ exports.ExchangeCardTop = styled_components_1.default.div `
 `;
 exports.ExchangeButtonWrapper = styled_components_1.default.div `
   width: 100%;
-  border-top: 1px solid rgba(85, 96, 114, 0.15);
   align-items: center;
 `;
 exports.RedeemButtonWrapper = styled_components_1.default.div `
@@ -201,7 +190,20 @@ exports.CommittedButtonWrapper = styled_components_1.default.div `
 exports.ExchangeStatus = styled_components_1.default.div `
   position: absolute;
   top: ${topSpace};
-  right: ${sideSpace};
+  ${({ $side }) => {
+    switch ($side) {
+        case "left": {
+            return (0, styled_components_1.css) `
+          left: ${sideSpace};
+        `;
+        }
+        case "right": {
+            return (0, styled_components_1.css) `
+          right: ${sideSpace};
+        `;
+        }
+    }
+}}
   z-index: 10;
   letter-spacing: 0.5px;
   line-height: 16px;
@@ -250,4 +252,13 @@ exports.ExchangeCTAWrapper = styled_components_1.default.div `
   transition: all 0.4s ease-out;
   max-height: 0;
 `;
+exports.ExchangeCardTitle = (0, styled_components_1.default)(ProductCard_styles_1.ProductCardTitle) `
+  width: 100%;
+  white-space: normal;
+`;
+exports.CTAOnHoverContainerExchangeCard = (0, styled_components_1.default)(ProductCard_styles_1.CTAOnHoverContainer) `
+  left: 50%;
+  transform: translate(-50%, 0);
+  margin-bottom: 1rem;
+`;
 //# sourceMappingURL=ExchangeCard.styles.js.map

package/dist/cjs/components/exchangeCard/ExchangeCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExchangeCard.styles.js","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExchangeCard.styles.js","sourceRoot":"","sources":["../../../../src/components/exchangeCard/ExchangeCard.styles.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBAqB5B,CAAC"}
+{"version":3,"file":"UploadedSinglePdfFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,eAAO,MAAM,qBAAqB,2BAG/B,0BAA0B,sBA2B5B,CAAC"}

package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js

@@ -8,11 +8,12 @@ const Grid_1 = require("../../ui/Grid");
 const phosphor_react_1 = require("phosphor-react");
 const Typography_1 = require("../../ui/Typography");
 const react_1 = __importDefault(require("react"));
+const colors_1 = require("../../../colors");
 const UploadedSinglePdfFile = ({ fileName, onXClick }) => {
     return (react_1.default.createElement(Grid_1.Grid, { flexDirection: "row", alignItems: "center", gap: "0.25rem" },
         react_1.default.createElement("div", null,
             react_1.default.createElement(phosphor_react_1.FilePdf, { size: 24 })),
-        react_1.default.createElement(Typography_1.Typography, { style: { width: "100%" } }, fileName),
+        react_1.default.createElement(Typography_1.Typography, { width: "100%", color: colors_1.colors.purpleDeep, fontSize: "0.875rem" }, fileName),
         onXClick && (react_1.default.createElement("button", { type: "button", style: {
                 display: "flex",
                 justifyContent: "center"

package/dist/cjs/components/form/Upload/UploadedSinglePdfFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAAqC;AACrC,mDAA4C;AAC5C,oDAAiD;AACjD,kDAA0B;AAMnB,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,8BAAC,WAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,8BAAC,wBAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,8BAAC,uBAAU,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAG,QAAQ,CAAc;QAC5D,QAAQ,IAAI,CACX,0CACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,8BAAC,kBAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,qBAAqB,yBAwBhC"}
+{"version":3,"file":"UploadedSinglePdfFile.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/UploadedSinglePdfFile.tsx"],"names":[],"mappings":";;;;;;AAAA,wCAAqC;AACrC,mDAA4C;AAC5C,oDAAiD;AACjD,kDAA0B;AAC1B,4CAAyC;AAMlC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,QAAQ,EACmB,EAAE,EAAE;IAC/B,OAAO,CACL,8BAAC,WAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS;QACzD;YACE,8BAAC,wBAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CACjB;QACN,8BAAC,uBAAU,IACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,eAAM,CAAC,UAAU,EACxB,QAAQ,EAAE,UAAU,IAEnB,QAAQ,CACE;QACZ,QAAQ,IAAI,CACX,0CACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;aACzB,EACD,OAAO,EAAE,QAAQ;YAEjB,8BAAC,kBAAC,IAAC,IAAI,EAAE,IAAI,GAAI,CACV,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC"}

package/dist/cjs/components/modal/components/Commit/DetailView/InnerCommitDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InnerCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/InnerCommitDetailView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AA2Bf,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAqD1E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,eAAe,GAAG;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC,EACD,UAAU,GAAG,sBAAsB,CACpC,GACC,IAAI,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AACrD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,qBA6WlC"}
+{"version":3,"file":"InnerCommitDetailView.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal/components/Commit/DetailView/InnerCommitDetailView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAMN,MAAM,OAAO,CAAC;AA2Bf,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAmB,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAqD1E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,eAAe,GAAG;IAChB,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC,EACD,UAAU,GAAG,sBAAsB,CACpC,GACC,IAAI,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AACrD,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,KAAK,EAAE,0BAA0B,qBAgXlC"}