@relayprotocol/relay-kit-ui 2.17.2

package/_cjs/src/components/primitives/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/primitives/Tabs.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAqD;AACrD,gEAI+C;AAC/C,iCAIc;AAEd,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,CAAC,EAAE,GAAG;QACN,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;QACjB,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,aAAa;QAC9B,MAAM,EAAE,MAAM;QACd,wBAAwB,EAAE;YACxB,eAAe,EAAE,yBAAyB;YAC1C,eAAe,EAAE,eAAe;YAChC,MAAM,EAAE,8BAA8B;SACvC;KACF;CACF,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,WAAW,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE1D,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAqDiB,4BAAQ;AAnD3B,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,cAAc,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE7D,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAoC2B,kCAAW;AAlCxC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAmBwC,kCAAW;AAjBrD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEO,4BAAQ"}

package/_cjs/src/components/primitives/Text.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("@relayprotocol/relay-design-system/css");
+const TextCss = (0, css_1.cva)({
+    base: {
+        color: 'text-default',
+        fontFamily: 'body'
+    },
+    variants: {
+        style: {
+            h2: {
+                fontWeight: 700,
+                fontSize: '48px'
+            },
+            h3: {
+                fontWeight: 700,
+                fontSize: '32px'
+            },
+            h4: {
+                fontWeight: 700,
+                fontSize: '24px'
+            },
+            h5: {
+                fontWeight: 700,
+                fontSize: '20px'
+            },
+            h6: {
+                fontWeight: 700,
+                fontSize: '16px'
+            },
+            subtitle1: {
+                fontWeight: 500,
+                fontSize: '16px'
+            },
+            subtitle2: {
+                fontWeight: 500,
+                fontSize: '14px'
+            },
+            subtitle3: {
+                fontWeight: 500,
+                fontSize: '12px'
+            },
+            body1: {
+                fontWeight: 400,
+                fontSize: '16px'
+            },
+            body2: {
+                fontWeight: 400,
+                fontSize: '14px'
+            },
+            body3: {
+                fontWeight: 400,
+                fontSize: '12px'
+            },
+            tiny: {
+                fontWeight: 500,
+                fontSize: 10,
+                color: 'gray11'
+            }
+        },
+        color: {
+            subtle: {
+                color: 'text-subtle'
+            },
+            subtleSecondary: {
+                color: 'text-subtle-secondary'
+            },
+            error: {
+                color: 'text-error'
+            },
+            red: {
+                color: 'red11'
+            },
+            blue: {
+                color: 'blue12'
+            },
+            success: {
+                color: 'text-success'
+            },
+            warning: {
+                color: 'amber12'
+            },
+            warningSecondary: {
+                color: 'amber11'
+            }
+        },
+        italic: {
+            true: {
+                fontStyle: 'italic'
+            }
+        },
+        ellipsify: {
+            true: {
+                textOverflow: 'ellipsis',
+                overflow: 'hidden',
+                whiteSpace: 'nowrap'
+            }
+        }
+    }
+});
+const Text = ({ css, children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.css)(TextCss.raw(props), css_1.css.raw(css)), children: children }));
+};
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/_cjs/src/components/primitives/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../src/components/primitives/Text.tsx"],"names":[],"mappings":";;;AAAA,gEAI+C;AAG/C,MAAM,OAAO,GAAG,IAAA,SAAG,EAAC;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,UAAU,EAAE,MAAM;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,EAAE,EAAE;gBACF,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,SAAS,EAAE;gBACT,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,MAAM;aACjB;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,GAAG;gBACf,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,QAAQ;aAChB;SACF;QACD,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa;aACrB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,uBAAuB;aAC/B;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,YAAY;aACpB;YACD,GAAG,EAAE;gBACH,KAAK,EAAE,OAAO;aACf;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,QAAQ;aAChB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc;aACtB;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,SAAS;aACjB;YACD,gBAAgB,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,SAAS,EAAE,QAAQ;aACpB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,YAAY,EAAE,UAAU;gBACxB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;CACF,CAAC,CAAA;AAIF,MAAM,IAAI,GAA4D,CAAC,EACrE,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,SAAS,EAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAC9D,QAAQ,GACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/_cjs/src/components/primitives/Tooltip.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TooltipPrimitive = tslib_1.__importStar(require("@radix-ui/react-tooltip"));
+const Popover = tslib_1.__importStar(require("@radix-ui/react-popover"));
+const usehooks_ts_1 = require("usehooks-ts");
+const Box_js_1 = tslib_1.__importDefault(require("./Box.js"));
+const css_1 = require("@relayprotocol/relay-design-system/css");
+const TooltipArrowStyle = (0, css_1.cva)({
+    base: {
+        fill: 'modal-background'
+    }
+});
+const PopoverArrow = (0, css_1.cva)({
+    base: {
+        fill: 'modal-background'
+    }
+});
+const Tooltip = ({ children, content, open, defaultOpen, onOpenChange, asChild = false, ...props }) => {
+    const isSmallDevice = (0, usehooks_ts_1.useMediaQuery)('(max-width: 600px)');
+    if (isSmallDevice) {
+        return ((0, jsx_runtime_1.jsxs)(Popover.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [(0, jsx_runtime_1.jsx)(Popover.Trigger, { asChild: asChild, children: children }), (0, jsx_runtime_1.jsxs)(Popover.Content, { sideOffset: 2, side: "bottom", align: "center", style: { zIndex: 100, outline: 'none', maxWidth: '100vw' }, ...props, children: [(0, jsx_runtime_1.jsx)(Popover.Arrow, { className: PopoverArrow() }), (0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
+                                zIndex: 9999,
+                                boxShadow: '0px 1px 5px rgba(0,0,0,0.2)',
+                                borderRadius: 8,
+                                overflow: 'hidden'
+                            }, children: (0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
+                                    background: 'modal-background',
+                                    p: '2'
+                                }, children: content }) })] })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, delayDuration: 250, children: [(0, jsx_runtime_1.jsx)(TooltipPrimitive.Trigger, { asChild: asChild, children: children }), (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { sideOffset: 2, side: "bottom", align: "center", style: { zIndex: 100 }, ...props, children: [(0, jsx_runtime_1.jsx)("div", { className: TooltipArrowStyle() }), (0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
+                                zIndex: 9999,
+                                boxShadow: '0px 1px 5px rgba(0,0,0,0.2)',
+                                borderRadius: 8,
+                                overflow: 'hidden'
+                            }, children: (0, jsx_runtime_1.jsx)(Box_js_1.default, { css: {
+                                    background: 'modal-background',
+                                    p: '2'
+                                }, children: content }) })] })] }) }));
+};
+exports.default = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/_cjs/src/components/primitives/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/primitives/Tooltip.tsx"],"names":[],"mappings":";;;;AAAA,kFAA2D;AAC3D,yEAAkD;AAClD,6CAA2C;AAC3C,8DAA0B;AAC1B,gEAA4D;AAE5D,MAAM,iBAAiB,GAAG,IAAA,SAAG,EAAC;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;KACzB;CACF,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,IAAA,SAAG,EAAC;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;KACzB;CACF,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACJ,EAAE,EAAE;IACR,MAAM,aAAa,GAAG,IAAA,2BAAa,EAAC,oBAAoB,CAAC,CAAA;IAEzD,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,wBAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,aAE1B,uBAAC,OAAO,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAmB,EAC/D,wBAAC,OAAO,CAAC,OAAO,IACd,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KACtD,KAAK,aAET,uBAAC,OAAO,CAAC,KAAK,IAAC,SAAS,EAAE,YAAY,EAAE,GAAI,EAC5C,uBAAC,gBAAG,IACF,GAAG,EAAE;gCACH,MAAM,EAAE,IAAI;gCACZ,SAAS,EAAE,6BAA6B;gCACxC,YAAY,EAAE,CAAC;gCACf,QAAQ,EAAE,QAAQ;6BACnB,YAED,uBAAC,gBAAG,IACF,GAAG,EAAE;oCACH,UAAU,EAAE,kBAAkB;oCAC9B,CAAC,EAAE,GAAG;iCACP,YAEA,OAAO,GACJ,GACF,IACU,IACL,CAChB,CAAA;IACH,CAAC;IACD,OAAO,CACL,uBAAC,gBAAgB,CAAC,QAAQ,cACxB,wBAAC,gBAAgB,CAAC,IAAI,IACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,GAAG,aAElB,uBAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,YACvC,QAAQ,GACgB,EAC3B,wBAAC,gBAAgB,CAAC,OAAO,IACvB,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAClB,KAAK,aAET,gCAAK,SAAS,EAAE,iBAAiB,EAAE,GAAQ,EAC3C,uBAAC,gBAAG,IACF,GAAG,EAAE;gCACH,MAAM,EAAE,IAAI;gCACZ,SAAS,EAAE,6BAA6B;gCACxC,YAAY,EAAE,CAAC;gCACf,QAAQ,EAAE,QAAQ;6BACnB,YAED,uBAAC,gBAAG,IACF,GAAG,EAAE;oCACH,UAAU,EAAE,kBAAkB;oCAC9B,CAAC,EAAE,GAAG;iCACP,YAEA,OAAO,GACJ,GACF,IACmB,IACL,GACE,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA"}

package/_cjs/src/components/primitives/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledThumb = exports.StyledSwitch = exports.AccessibleListItem = exports.AccessibleList = exports.Input = exports.Anchor = exports.Pill = exports.ChainTokenIcon = exports.ChainIcon = exports.Skeleton = exports.Text = exports.Button = exports.Flex = exports.Box = void 0;
+const tslib_1 = require("tslib");
+const Box_js_1 = tslib_1.__importDefault(require("./Box.js"));
+exports.Box = Box_js_1.default;
+const Flex_js_1 = tslib_1.__importDefault(require("./Flex.js"));
+exports.Flex = Flex_js_1.default;
+const Button_js_1 = tslib_1.__importDefault(require("./Button.js"));
+exports.Button = Button_js_1.default;
+const Text_js_1 = tslib_1.__importDefault(require("./Text.js"));
+exports.Text = Text_js_1.default;
+const Skeleton_js_1 = tslib_1.__importDefault(require("./Skeleton.js"));
+exports.Skeleton = Skeleton_js_1.default;
+const ChainIcon_js_1 = tslib_1.__importDefault(require("./ChainIcon.js"));
+exports.ChainIcon = ChainIcon_js_1.default;
+const ChainTokenIcon_js_1 = require("./ChainTokenIcon.js");
+Object.defineProperty(exports, "ChainTokenIcon", { enumerable: true, get: function () { return ChainTokenIcon_js_1.ChainTokenIcon; } });
+const Pill_js_1 = require("./Pill.js");
+Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return Pill_js_1.Pill; } });
+const Anchor_js_1 = tslib_1.__importDefault(require("./Anchor.js"));
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return Anchor_js_1.default; } });
+const Input_js_1 = tslib_1.__importDefault(require("./Input.js"));
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_js_1.default; } });
+const AccessibleList_js_1 = require("./AccessibleList.js");
+Object.defineProperty(exports, "AccessibleList", { enumerable: true, get: function () { return AccessibleList_js_1.AccessibleList; } });
+Object.defineProperty(exports, "AccessibleListItem", { enumerable: true, get: function () { return AccessibleList_js_1.AccessibleListItem; } });
+const Switch_js_1 = require("./Switch.js");
+Object.defineProperty(exports, "StyledSwitch", { enumerable: true, get: function () { return Switch_js_1.StyledSwitch; } });
+Object.defineProperty(exports, "StyledThumb", { enumerable: true, get: function () { return Switch_js_1.StyledThumb; } });
+//# sourceMappingURL=index.js.map

package/_cjs/src/components/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/primitives/index.tsx"],"names":[],"mappings":";;;;AAAA,8DAA0B;AAaxB,cAbK,gBAAG,CAaL;AAZL,gEAA4B;AAa1B,eAbK,iBAAI,CAaL;AAZN,oEAAgC;AAa9B,iBAbK,mBAAM,CAaL;AAZR,gEAA4B;AAa1B,eAbK,iBAAI,CAaL;AAZN,wEAAoC;AAalC,mBAbK,qBAAQ,CAaL;AAZV,0EAAsC;AAapC,oBAbK,sBAAS,CAaL;AAZX,2DAAoD;AAalD,+FAbO,kCAAc,OAaP;AAZhB,uCAAgC;AAa9B,qFAbO,cAAI,OAaP;AAZN,oEAA+C;AAa7C,uFAbkB,mBAAM,OAalB;AAZR,kEAA6C;AAa3C,sFAbkB,kBAAK,OAalB;AAZP,2DAAwE;AAatE,+FAbO,kCAAc,OAaP;AACd,mGAduB,sCAAkB,OAcvB;AAbpB,2CAAuD;AAcrD,6FAdO,wBAAY,OAcP;AACZ,4FAfqB,uBAAW,OAerB"}

package/_cjs/src/components/widgets/FeeBreakdown.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../primitives/index.js");
+const numbers_js_1 = require("../../utils/numbers.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const faGasPump_1 = require("@fortawesome/free-solid-svg-icons/faGasPump");
+const faChevronDown_1 = require("@fortawesome/free-solid-svg-icons/faChevronDown");
+const FetchingQuoteLoader_js_1 = tslib_1.__importDefault(require("../widgets/FetchingQuoteLoader.js"));
+const SwapRouteSelector_js_1 = tslib_1.__importDefault(require("../widgets/SwapRouteSelector.js"));
+const Collapsible_js_1 = require("../primitives/Collapsible.js");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const PriceImpactTooltip_js_1 = require("./PriceImpactTooltip.js");
+const slippage_js_1 = require("../../utils/slippage.js");
+const Tooltip_js_1 = tslib_1.__importDefault(require("../primitives/Tooltip.js"));
+const react_2 = tslib_1.__importDefault(require("react"));
+const formatSwapRate = (rate) => {
+    return rate >= 1 ? (0, numbers_js_1.formatBN)(rate, 2, 18, false) : (0, numbers_js_1.formatBN)(rate, 4, 18, false);
+};
+const FeeBreakdown = ({ feeBreakdown, isFetchingQuote, quote, toToken, fromToken, toChain, supportsExternalLiquidity, useExternalLiquidity, setUseExternalLiquidity, timeEstimate, canonicalTimeEstimate, isSingleChainLocked, fromChainWalletVMSupported, isAutoSlippage, slippageInputBps, error }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const swapRate = quote?.details?.rate;
+    const originGasFee = feeBreakdown?.breakdown?.find((fee) => fee.id === 'origin-gas');
+    const originGasFeeFormatted = (0, numbers_js_1.formatDollar)(Math.abs(originGasFee?.usd.value ?? 0));
+    const [rateMode, setRateMode] = (0, react_1.useState)('input');
+    const isHighPriceImpact = Number(quote?.details?.totalImpact?.percent) < -3.5;
+    const isSameChain = toToken?.chainId === fromToken?.chainId;
+    const originSlippageTolerance = quote?.details?.slippageTolerance?.origin?.percent;
+    const destinationSlippageTolerance = quote?.details?.slippageTolerance?.destination?.percent;
+    const quoteSlippage = (isSameChain
+        ? destinationSlippageTolerance === '0'
+            ? originSlippageTolerance
+            : destinationSlippageTolerance
+        : destinationSlippageTolerance) ?? '0';
+    const slippageInputNumber = Number((Number(slippageInputBps ?? '0') / 100).toFixed(2));
+    const slippage = `${Math.max(Number(quoteSlippage), slippageInputNumber)}`;
+    const slippageRating = (0, slippage_js_1.getSlippageRating)(slippage);
+    const slippageRatingColor = slippage_js_1.ratingToColor[slippageRating];
+    const minimumAmountFormatted = quote?.details?.currencyOut?.minimumAmount
+        ? (0, numbers_js_1.formatBN)(quote.details.currencyOut.minimumAmount, 6, toToken?.decimals, false)
+        : undefined;
+    const breakdown = [
+        {
+            title: 'Estimated time',
+            value: ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+                    gap: '1',
+                    color: timeEstimate && timeEstimate.time <= 30
+                        ? '{colors.green.9}'
+                        : '{colors.amber.9}'
+                }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClock, width: 16 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: ["~ ", timeEstimate?.formattedTime] })] }))
+        },
+        {
+            title: 'Network cost',
+            value: ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1' }, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faGasPump_1.faGasPump, width: 16, style: { color: '#C1C8CD' } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: originGasFeeFormatted })] }))
+        },
+        {
+            title: 'Price Impact',
+            value: ((0, jsx_runtime_1.jsx)(PriceImpactTooltip_js_1.PriceImpactTooltip, { feeBreakdown: feeBreakdown, tooltipProps: { side: 'top', align: 'end' }, children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1', color: 'gray8' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: {
+                                    color: isHighPriceImpact ? 'red11' : undefined
+                                }, children: feeBreakdown?.totalFees?.priceImpactPercentage }), (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faInfoCircle, width: 14, height: 14, style: {
+                                    display: 'inline-block',
+                                    marginLeft: 4
+                                } })] }) }) }))
+        },
+        {
+            title: 'Max Slippage',
+            value: ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1' }, children: [isAutoSlippage ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", css: { py: '1px', px: '4px', bg: 'gray3', borderRadius: 100 }, children: "Auto" })) : null, (0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { side: "top", align: "end", content: minimumAmountFormatted ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "row", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Min. received" }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: [minimumAmountFormatted, " ", toToken?.symbol] })] })) : null, children: (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: { color: slippageRatingColor }, children: [slippage, "%"] }) })] }))
+        }
+    ];
+    if (!isSingleChainLocked && fromChainWalletVMSupported) {
+        breakdown.unshift({
+            title: 'Route',
+            value: ((0, jsx_runtime_1.jsx)(SwapRouteSelector_js_1.default, { chain: toChain, supportsExternalLiquidity: supportsExternalLiquidity, externalLiquidtySelected: useExternalLiquidity, onExternalLiquidityChange: (selected) => {
+                    setUseExternalLiquidity(selected);
+                }, canonicalTimeEstimate: canonicalTimeEstimate?.formattedTime, error: error, trigger: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '2', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: useExternalLiquidity ? 'Native' : 'Relay' }), supportsExternalLiquidity || useExternalLiquidity ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray11', width: 14, flexShrink: 0 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronRight, width: 14 }) })) : null] }) }) }))
+        });
+    }
+    if (!feeBreakdown) {
+        if (isFetchingQuote) {
+            return ((0, jsx_runtime_1.jsx)(index_js_1.Box, { id: 'fee-breakdown-section', css: {
+                    borderRadius: 'widget-card-border-radius',
+                    backgroundColor: 'widget-background',
+                    border: 'widget-card-border',
+                    overflow: 'hidden',
+                    mb: 'widget-card-section-gutter'
+                }, children: (0, jsx_runtime_1.jsx)(FetchingQuoteLoader_js_1.default, { isLoading: isFetchingQuote, containerCss: {
+                        mt: 0,
+                        mb: 0,
+                        px: '4',
+                        py: '3',
+                        width: '100%',
+                        justifyContent: 'center'
+                    } }) }));
+        }
+        else {
+            return null;
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(Collapsible_js_1.CollapsibleRoot, { open: isOpen, onOpenChange: setIsOpen, css: { mb: 'widget-card-section-gutter' }, children: [(0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleTrigger, { css: {
+                    borderRadius: 'widget-card-border-radius',
+                    borderBottomRadius: isOpen ? '0' : 'widget-card-border-radius',
+                    backgroundColor: 'widget-background',
+                    border: 'widget-card-border',
+                    borderBottom: isOpen ? 'none' : 'widget-card-border',
+                    overflow: 'hidden',
+                    transition: 'border-radius 300ms, border-bottom 0s',
+                    transitionDelay: isOpen ? '0s, 0s' : '0s, 300ms'
+                }, id: 'fee-breakdown-section', children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", css: {
+                        flexDirection: 'row',
+                        gap: '2',
+                        width: '100%',
+                        p: '3'
+                    }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                                cursor: 'pointer',
+                                flexShrink: 1,
+                                overflow: 'hidden',
+                                height: 21
+                            }, onClick: (e) => {
+                                setRateMode(rateMode === 'input' ? 'output' : 'input');
+                                e.preventDefault();
+                            }, children: (0, jsx_runtime_1.jsx)(ConversionRate, { fromToken: fromToken, toToken: toToken, rate: Number(swapRate), isInputMode: rateMode === 'input' }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
+                                gap: '2',
+                                color: timeEstimate && timeEstimate.time <= 30
+                                    ? '{colors.green.9}'
+                                    : '{colors.amber.9}',
+                                flexShrink: 0
+                            }, align: "center", children: [!isOpen && timeEstimate && timeEstimate?.time !== 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClock, width: 16 }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", css: { flexShrink: 0 }, children: ["~ ", timeEstimate?.formattedTime] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { justify: "center", align: "center", css: { color: 'gray6', height: 4 }, children: "\u2022" })] })) : null, !isOpen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faGasPump_1.faGasPump, width: 16, style: { color: '#C1C8CD' } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { flexShrink: 0 }, children: originGasFeeFormatted })] })), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
+                                        marginLeft: '2',
+                                        transition: 'transform 300ms',
+                                        transform: isOpen ? 'rotate(-180deg)' : 'rotate(0)',
+                                        color: 'gray9'
+                                    }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronDown_1.faChevronDown, width: 12 }) })] })] }) }), (0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleContent, { css: {
+                    borderRadius: '0 0 12px 12px',
+                    border: 'widget-card-border',
+                    borderTop: 'none'
+                }, children: (0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
+                        px: '3',
+                        pb: '3',
+                        pt: '0',
+                        gap: '2',
+                        backgroundColor: 'widget-background'
+                    }, children: breakdown.map((item) => {
+                        const showNativeBridgeWarning = item.title === 'Estimated time' &&
+                            useExternalLiquidity &&
+                            timeEstimate?.time &&
+                            timeEstimate?.time > 86400;
+                        return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", align: "center", css: { width: '100%', gap: '4' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: showNativeBridgeWarning ? 'warningSecondary' : 'subtle', css: { alignSelf: 'flex-start' }, children: item.title }), item.value] }), showNativeBridgeWarning ? ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", css: {
+                                        gap: '2',
+                                        py: '2',
+                                        px: '3',
+                                        backgroundColor: 'amber2',
+                                        borderRadius: 12
+                                    }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle3", css: { color: 'amber12' }, children: ["Native bridge routes are expected to take", ' ', timeEstimate.formattedTime, " but could be longer due to unexpected delays"] }) })) : null] }, item.title));
+                    }) }) })] }));
+};
+exports.default = FeeBreakdown;
+const ConversionRate = ({ fromToken, toToken, rate, isInputMode }) => {
+    const displayRate = isInputMode ? rate : 1 / rate;
+    const fromSymbol = isInputMode ? fromToken?.symbol : toToken?.symbol;
+    const toSymbol = isInputMode ? toToken?.symbol : fromToken?.symbol;
+    return ((0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: ["1 ", fromSymbol, " = ", formatSwapRate(displayRate), " ", toSymbol] }), asChild: true, children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', minWidth: 0 }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", ellipsify: true, children: ["1 ", fromSymbol, " = ", formatSwapRate(displayRate), " ", toSymbol] }) }) }));
+};
+//# sourceMappingURL=FeeBreakdown.js.map

package/_cjs/src/components/widgets/FeeBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeeBreakdown.js","sourceRoot":"","sources":["../../../../src/components/widgets/FeeBreakdown.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/FetchingQuoteLoader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../primitives/index.js");
+const LoadingSpinner_js_1 = require("../common/LoadingSpinner.js");
+const FetchingQuoteLoader = ({ isLoading, containerCss }) => {
+    if (!isLoading) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+            gap: 14,
+            mb: '3',
+            mt: '1',
+            p: '3 0',
+            m: '0 auto',
+            ...containerCss
+        }, children: [(0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16 } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Fetching the best price" })] }));
+};
+exports.default = FetchingQuoteLoader;
+//# sourceMappingURL=FetchingQuoteLoader.js.map

package/_cjs/src/components/widgets/FetchingQuoteLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FetchingQuoteLoader.js","sourceRoot":"","sources":["../../../../src/components/widgets/FetchingQuoteLoader.tsx"],"names":[],"mappings":";;;AACA,qDAAmD;AACnD,mEAA4D;AAQ5D,MAAM,mBAAmB,GAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE;IACrE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;YACH,GAAG,EAAE,EAAE;YACP,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,QAAQ;YACX,GAAG,YAAY;SAChB,aAED,uBAAC,kCAAc,IAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAI,EAClD,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,wCAA+B,IACjD,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,mBAAmB,CAAA"}

package/_cjs/src/components/widgets/OnrampWidget/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampWidget = void 0;
+var index_js_1 = require("./widget/index.js");
+Object.defineProperty(exports, "OnrampWidget", { enumerable: true, get: function () { return __importDefault(index_js_1).default; } });
+//# sourceMappingURL=index.js.map

package/_cjs/src/components/widgets/OnrampWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/widgets/OnrampWidget/index.ts"],"names":[],"mappings":";;;;;;AAAA,8CAA2D;AAAlD,yHAAA,OAAO,OAAgB"}