@relayprotocol/relay-kit-ui 6.0.4 → 6.0.6

package/dist/panda.buildinfo.json

@@ -362,16 +362,13 @@
       "height]___[value:4",
       "paddingBottom]___[value:3",
       "paddingTop]___[value:0",
-      "backgroundColor]___[value:amber2",
       "width]___[value:12",
-      "color]___[value:warningSecondary",
       "alignSelf]___[value:flex-start",
       "transform]___[value:rotate(-180deg)",
       "transform]___[value:rotate(0)",
       "marginLeft]___[value:2",
       "transition]___[value:transform 300ms",
       "borderRadius]___[value:0 0 12px 12px",
-      "borderTop]___[value:none",
       "gap]___[value:14",
       "marginBottom]___[value:3",
       "marginTop]___[value:1",
@@ -390,19 +387,10 @@
       "fontStyle]___[value:var(--relay-fonts-button-cta-font-style, italic)",
       "color]___[value:error",
       "color]___[value:primary",
-      "padding]___[value:12",
-      "cursor]___[value:default]___[cond:&:disabled",
-      "backgroundColor]___[value:transparent]___[cond:&:disabled",
-      "backgroundColor]___[value:transparent]___[cond:&:disabled<___>&:hover",
-      "boxShadow]___[value:none]___[cond:_focusVisible",
-      "maxWidth]___[value:260",
-      "gap]___[value:10px",
-      "paddingBottom]___[value:8px",
-      "backdropFilter]___[value:brightness(95%)]___[cond:_hover",
-      "paddingTop]___[value:8px",
       "alignItems]___[value:start",
       "backgroundColor]___[value:widget-card-background",
       "padding]___[value:12px 12px",
+      "backgroundColor]___[value:amber2",
       "--borderColor]___[value:colors.amber4",
       "backgroundColor]___[value:red2",
       "--borderColor]___[value:colors.red4",
@@ -499,7 +487,7 @@
       "marginRight]___[value:6px",
       "textDecoration]___[value:line-through",
       "border]___[value:widget-border",
-      "minWidth]___[value:300",
+      "minWidth]___[value:320",
       "maxWidth]___[value:408",
       "cursor]___[value:pointer]___[cond:_hover",
       "height]___[value:23",
@@ -529,9 +517,6 @@
       "height]___[value:10",
       "border]___[value:1px solid]___[cond:md",
       "borderColor]___[value:slate.4]___[cond:md",
-      "minWidth]___[value:350px",
-      "minWidth]___[value:400px]___[cond:md",
-      "maxWidth]___[value:400px",
       "gap]___[value:32px",
       "marginTop]___[value:-8px",
       "lineHeight]___[value:32px",
@@ -543,11 +528,13 @@
       "width]___[value:90",
       "width]___[value:70",
       "minWidth]___[value:240",
-      "minWidth]___[value:400px",
+      "minHeight]___[value:85vh",
       "backgroundColor]___[value:widget-card-background]___[cond:md",
-      "paddingBlock]___[value:16px",
+      "paddingBlock]___[value:12px",
+      "paddingBlock]___[value:16px]___[cond:md",
       "paddingInline]___[value:16px]___[cond:md",
       "borderRadius]___[value:widget-card-border-radius]___[cond:md",
+      "minHeight]___[value:auto]___[cond:md",
       "color]___[value:green9",
       "height]___[value:50",
       "minHeight]___[value:50",
@@ -652,6 +639,7 @@
       "whiteSpace]___[value:pre",
       "filter]___[value:brightness(97%)]___[cond:_light",
       "filter]___[value:brightness(130%)]___[cond:_dark",
+      "minWidth]___[value:400]___[cond:md",
       "border]___[value:1px solid transparent",
       "background]___[value:widget-background]___[cond:&[data-state=\"active\"]",
       "borderRadius]___[value:12px]___[cond:&[data-state=\"active\"]",

package/dist/styles.css

@@ -1868,10 +1868,6 @@
     width: 12px;
 }
 
-.relay-text_warningSecondary:not(#\#):not(#\#):not(#\#):not(#\#) {
-    color: warningSecondary;
-}
-
 .relay-transform_rotate\(-180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
     transform: rotate(-180deg);
 }
@@ -1888,10 +1884,6 @@
     border-radius: 0 0 12px 12px;
 }
 
-.relay-border-t_none:not(#\#):not(#\#):not(#\#):not(#\#) {
-    border-top: none;
-}
-
 .relay-gap_14:not(#\#):not(#\#):not(#\#):not(#\#) {
     gap: 14px;
 }
@@ -1932,18 +1924,6 @@
     color: primary;
 }
 
-.relay-p_12:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding: 12px;
-}
-
-.relay-max-w_260:not(#\#):not(#\#):not(#\#):not(#\#) {
-    max-width: 260px;
-}
-
-.relay-gap_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    gap: 10px;
-}
-
 .relay-p_12px_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
     padding: 12px 12px;
 }
@@ -2184,8 +2164,8 @@
     border: var(--relay-borders-widget-border);
 }
 
-.relay-min-w_300:not(#\#):not(#\#):not(#\#):not(#\#) {
-    min-width: 300px;
+.relay-min-w_320:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-width: 320px;
 }
 
 .relay-max-w_408:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2260,14 +2240,6 @@
     height: 10px;
 }
 
-.relay-min-w_350px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    min-width: 350px;
-}
-
-.relay-max-w_400px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    max-width: 400px;
-}
-
 .relay-gap_32px:not(#\#):not(#\#):not(#\#):not(#\#) {
     gap: 32px;
 }
@@ -2292,12 +2264,12 @@
     min-width: 240px;
 }
 
-.relay-min-w_400px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    min-width: 400px;
+.relay-min-h_85vh:not(#\#):not(#\#):not(#\#):not(#\#) {
+    min-height: 85vh;
 }
 
-.relay-py_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-block: 16px;
+.relay-py_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
+    padding-block: 12px;
 }
 
 .relay-text_green9:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2972,10 +2944,6 @@
     padding-top: 0;
 }
 
-.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: var(--relay-colors-amber2);
-}
-
 .relay-self_flex-start:not(#\#):not(#\#):not(#\#):not(#\#) {
     align-self: flex-start;
 }
@@ -3016,14 +2984,6 @@
     font-style: var(--relay-fonts-button-cta-font-style, italic);
 }
 
-.relay-pb_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-bottom: 8px;
-}
-
-.relay-pt_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
-    padding-top: 8px;
-}
-
 .relay-items_start:not(#\#):not(#\#):not(#\#):not(#\#) {
     align-items: start;
 }
@@ -3032,6 +2992,10 @@
     background-color: var(--relay-colors-widget-card-background);
 }
 
+.relay-bg_amber2:not(#\#):not(#\#):not(#\#):not(#\#) {
+    background-color: var(--relay-colors-amber2);
+}
+
 .relay-bg_red2:not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-red2);
 }
@@ -3296,10 +3260,6 @@
     --borderColor: var(--relay-colors-gray-5);
 }
 
-.\[\&\:disabled\]\:relay-cursor_default:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
-    cursor: default;
-}
-
 .placeholder_parent\:relay-text-overflow_ellipsis[placeholder]:not(#\#):not(#\#):not(#\#):not(#\#) {
     text-overflow: ellipsis;
 }
@@ -3404,10 +3364,6 @@
     border-color: var(--borderColor);
 }
 
-.\[\&\:disabled\]\:relay-bg_transparent:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: transparent;
-}
-
 .disabled\:relay-bg_widget-selector-background:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#) {
     background-color: var(--relay-colors-widget-selector-background);
 }
@@ -3462,10 +3418,6 @@
     box-shadow: inset 0 0 0 2px var(--focusColor);
 }
 
-.focusVisible\:relay-shadow_none:is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
-    box-shadow: none;
-}
-
 .focusVisible\:relay-shadow_inset_0_0_0_2px_var\(--focusColor\):is(:focus-visible, [data-focus-visible]):not(#\#):not(#\#):not(#\#):not(#\#) {
     box-shadow: inset 0 0 0 2px var(--focusColor);
 }
@@ -3516,11 +3468,6 @@
     color: var(--relay-colors-amber11);
 }
 
-.hover\:relay-backdrop_brightness\(95\%\):is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
-    backdrop-filter: brightness(95%);
-    -webkit-backdrop-filter: brightness(95%);
-}
-
 .hover\:relay-cursor_pointer:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
     cursor: pointer;
 }
@@ -3598,10 +3545,6 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
     background-color: var(--relay-colors-button-disabled-background);
 }
 
-.\[\&\:disabled\]\:\[\&\:hover\]\:relay-bg_transparent:disabled:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
-    background-color: transparent;
-}
-
 .\[\&\:not\(\[data-state\=\"active\"\]\)\]\:hover\:relay-bg_transparent\!:not([data-state="active"]):is(:hover, [data-hover]):not(#\#) {
     background-color: transparent !important;
 }
@@ -3702,14 +3645,20 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
     .md\:relay-border_1px_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
       border: 1px solid;
 }
-    .md\:relay-min-w_400px:not(#\#):not(#\#):not(#\#):not(#\#) {
-      min-width: 400px;
+    .md\:relay-py_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
+      padding-block: 16px;
 }
     .md\:relay-px_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
       padding-inline: 16px;
 }
     .md\:relay-rounded_widget-card-border-radius:not(#\#):not(#\#):not(#\#):not(#\#) {
       border-radius: var(--relay-radii-widget-card-border-radius);
+}
+    .md\:relay-min-h_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-height: auto;
+}
+    .md\:relay-min-w_400:not(#\#):not(#\#):not(#\#):not(#\#) {
+      min-width: 400px;
 }
     .md\:relay-border_slate\.4:not(#\#):not(#\#):not(#\#):not(#\#) {
       border-color: var(--relay-colors-slate-4);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@relayprotocol/relay-kit-ui",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "type": "module",
   "main": "./_cjs/src/index.js",
   "module": "./_esm/src/index.js",
@@ -84,9 +84,9 @@
     "pandacss-preset-radix-colors": "^0.2.0",
     "qrcode.react": "^4.1.0",
     "usehooks-ts": "^3.1.0",
-    "@relayprotocol/relay-kit-hooks": "2.0.8",
-    "@relayprotocol/relay-sdk": "3.1.0",
-    "@relayprotocol/relay-design-system": "^1.0.0"
+    "@relayprotocol/relay-design-system": "^1.0.0",
+    "@relayprotocol/relay-kit-hooks": "2.0.9",
+    "@relayprotocol/relay-sdk": "3.1.1"
   },
   "keywords": [
     "eth",

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

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_js_1 = require("../primitives/index.js");
-const Dropdown_js_1 = require("../primitives/Dropdown.js");
-const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const relay_sdk_1 = require("@relayprotocol/relay-sdk");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const SwapRouteSelector = ({ supportsExternalLiquidity, externalLiquidtySelected, onExternalLiquidityChange, chain, canonicalTimeEstimate, trigger, error }) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const isNoAvailableRoutesError = error?.response?.data?.errorCode === 'NO_SWAP_ROUTES_FOUND' ||
-        error?.response?.data?.errorCode === 'UNSUPPORTED_ROUTE';
-    return ((0, jsx_runtime_1.jsx)(Dropdown_js_1.Dropdown, { open: open, onOpenChange: (open) => {
-            if (supportsExternalLiquidity || externalLiquidtySelected) {
-                setOpen(open);
-            }
-        }, contentProps: {
-            sideOffset: 8,
-            align: 'end',
-            css: {
-                maxWidth: 248,
-                minWidth: 200,
-                p: 0,
-                overflow: 'hidden',
-                borderRadius: 12
-            }
-        }, trigger: trigger ?? ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", css: {
-                display: 'flex',
-                width: '100%',
-                justifyContent: 'space-between',
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: '3',
-                p: '12',
-                borderRadius: 'widget-card-border-radius',
-                '&:disabled': {
-                    cursor: 'default',
-                    backgroundColor: 'transparent',
-                    '&:hover': {
-                        backgroundColor: 'transparent'
-                    }
-                },
-                _focusVisible: {
-                    boxShadow: 'none'
-                }
-            }, disabled: !(supportsExternalLiquidity || externalLiquidtySelected), children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Route" }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { gap: '2', alignItems: 'center' }, children: isNoAvailableRoutesError ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "No available routes" }), (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.faRoute, width: 14 }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: externalLiquidtySelected ? 'Native' : 'Relay' }), supportsExternalLiquidity || externalLiquidtySelected ? ((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] })) })] })), children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { borderRadius: 8, maxWidth: 260 }, children: [(0, jsx_runtime_1.jsxs)(Dropdown_js_1.DropdownMenuItem, { "aria-label": 'Relay', onClick: () => {
-                        setOpen(false);
-                        onExternalLiquidityChange(false);
-                    }, css: {
-                        gap: '10px',
-                        cursor: 'pointer',
-                        pb: '8px',
-                        transition: 'backdrop-filter 250ms linear',
-                        _hover: {
-                            backdropFilter: 'brightness(95%)'
-                        },
-                        flexShrink: 0,
-                        alignItems: 'flex-start',
-                        width: '100%',
-                        display: 'flex'
-                    }, children: [(0, jsx_runtime_1.jsx)("img", { width: "26", height: "26", src: `${relay_sdk_1.ASSETS_RELAY_API}/icons/square/1357/light.png`, style: { borderRadius: 4, overflow: 'hidden', flexShrink: 0 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Relay" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: "Instant, max capacity per transaction" })] })] }), supportsExternalLiquidity || externalLiquidtySelected ? ((0, jsx_runtime_1.jsxs)(Dropdown_js_1.DropdownMenuItem, { "aria-label": 'Native Bridge', onClick: () => {
-                        setOpen(false);
-                        onExternalLiquidityChange(true);
-                    }, css: {
-                        gap: '10px',
-                        cursor: 'pointer',
-                        transition: 'backdrop-filter 250ms linear',
-                        _hover: {
-                            backdropFilter: 'brightness(95%)'
-                        },
-                        flexShrink: 0,
-                        alignItems: 'flex-start',
-                        width: '100%',
-                        display: 'flex',
-                        pt: '8px'
-                    }, children: [(0, jsx_runtime_1.jsx)("img", { width: "26", height: "26", src: chain?.icon?.squaredLight, style: {
-                                borderRadius: 4,
-                                overflow: 'hidden',
-                                flexShrink: 0
-                            } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: "Native" }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: canonicalTimeEstimate
-                                        ? `Standard time ~${canonicalTimeEstimate}, unlimited transaction capacity`
-                                        : 'Unlimited transaction capacity' })] })] })) : null] }) }));
-};
-exports.default = SwapRouteSelector;
-//# sourceMappingURL=SwapRouteSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwapRouteSelector.js","sourceRoot":"","sources":["../../../../src/components/widgets/SwapRouteSelector.tsx"],"names":[],"mappings":";;;AAAA,iCAAyD;AACzD,qDAAgE;AAChE,2DAAsE;AACtE,sEAAgE;AAChE,wDAA4E;AAC5E,4EAA2E;AAY3E,MAAM,iBAAiB,GAAc,CAAC,EACpC,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,KAAK,EACL,qBAAqB,EACrB,OAAO,EACP,KAAK,EACN,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,MAAM,wBAAwB,GAC5B,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,KAAK,sBAAsB;QAC3D,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,KAAK,mBAAmB,CAAA;IAE1D,OAAO,CACL,uBAAC,sBAAQ,IACP,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,yBAAyB,IAAI,wBAAwB,EAAE,CAAC;gBAC1D,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QACH,CAAC,EACD,YAAY,EAAE;YACZ,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE;gBACH,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,GAAG;gBACb,CAAC,EAAE,CAAC;gBACJ,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,EAAE;aACjB;SACF,EACD,OAAO,EACL,OAAO,IAAI,CACT,wBAAC,iBAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,GAAG,EAAE;gBACH,OAAO,EAAE,MAAM;gBACf,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,eAAe;gBAC/B,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,GAAG;gBACR,CAAC,EAAE,IAAI;gBACP,YAAY,EAAE,2BAA2B;gBAEzC,YAAY,EAAE;oBACZ,MAAM,EAAE,SAAS;oBACjB,eAAe,EAAE,aAAa;oBAC9B,SAAS,EAAE;wBACT,eAAe,EAAE,aAAa;qBAC/B;iBACF;gBACD,aAAa,EAAE;oBACb,SAAS,EAAE,MAAM;iBAClB;aACF,EACD,QAAQ,EAAE,CAAC,CAAC,yBAAyB,IAAI,wBAAwB,CAAC,aAElE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,sBAAa,EACpC,uBAAC,eAAI,IAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,YAC1C,wBAAwB,CAAC,CAAC,CAAC,CAC1B,6DACE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,oCAA2B,EAClD,uBAAC,cAAG,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YACrD,uBAAC,mCAAe,IAAC,IAAI,EAAE,8BAAO,EAAE,KAAK,EAAE,EAAE,GAAI,GACzC,IACL,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,YACpB,wBAAwB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GACzC,EACN,yBAAyB,IAAI,wBAAwB,CAAC,CAAC,CAAC,CACvD,uBAAC,cAAG,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YACrD,uBAAC,mCAAe,IAAC,IAAI,EAAE,qCAAc,EAAE,KAAK,EAAE,EAAE,GAAI,GAChD,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,GACI,IACA,CACV,YAGH,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,aAC9D,wBAAC,8BAAgB,kBACH,OAAO,EACnB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,yBAAyB,CAAC,KAAK,CAAC,CAAA;oBAClC,CAAC,EACD,GAAG,EAAE;wBACH,GAAG,EAAE,MAAM;wBACX,MAAM,EAAE,SAAS;wBACjB,EAAE,EAAE,KAAK;wBACT,UAAU,EAAE,8BAA8B;wBAC1C,MAAM,EAAE;4BACN,cAAc,EAAE,iBAAiB;yBAClC;wBACD,UAAU,EAAE,CAAC;wBACb,UAAU,EAAE,YAAY;wBACxB,KAAK,EAAE,MAAM;wBACb,OAAO,EAAE,MAAM;qBAChB,aAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,GAAG,4BAAgB,8BAA8B,EACtD,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,GAC7D,EACF,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,sBAAa,EACpC,uBAAC,eAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,sDAE3B,IACF,IACU,EAClB,yBAAyB,IAAI,wBAAwB,CAAC,CAAC,CAAC,CACvD,wBAAC,8BAAgB,kBACH,eAAe,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,yBAAyB,CAAC,IAAI,CAAC,CAAA;oBACjC,CAAC,EACD,GAAG,EAAE;wBACH,GAAG,EAAE,MAAM;wBACX,MAAM,EAAE,SAAS;wBACjB,UAAU,EAAE,8BAA8B;wBAC1C,MAAM,EAAE;4BACN,cAAc,EAAE,iBAAiB;yBAClC;wBACD,UAAU,EAAE,CAAC;wBACb,UAAU,EAAE,YAAY;wBACxB,KAAK,EAAE,MAAM;wBACb,OAAO,EAAE,MAAM;wBACf,EAAE,EAAE,KAAK;qBACV,aAED,gCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAC9B,KAAK,EAAE;gCACL,YAAY,EAAE,CAAC;gCACf,QAAQ,EAAE,QAAQ;gCAClB,UAAU,EAAE,CAAC;6BACd,GACD,EACF,wBAAC,eAAI,IAAC,SAAS,EAAC,QAAQ,aACtB,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,uBAAc,EACrC,uBAAC,eAAI,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,YAC/B,qBAAqB;wCACpB,CAAC,CAAC,kBAAkB,qBAAqB,kCAAkC;wCAC3E,CAAC,CAAC,gCAAgC,GAC/B,IACF,IACU,CACpB,CAAC,CAAC,CAAC,IAAI,IACH,GACE,CACZ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,iBAAiB,CAAA"}

package/_esm/src/components/widgets/SwapRouteSelector.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Button, Flex, Text } from '../primitives/index.js';
-import { Dropdown, DropdownMenuItem } from '../primitives/Dropdown.js';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ASSETS_RELAY_API } from '@relayprotocol/relay-sdk';
-import { faChevronRight, faRoute } from '@fortawesome/free-solid-svg-icons';
-const SwapRouteSelector = ({ supportsExternalLiquidity, externalLiquidtySelected, onExternalLiquidityChange, chain, canonicalTimeEstimate, trigger, error }) => {
-    const [open, setOpen] = useState(false);
-    const isNoAvailableRoutesError = error?.response?.data?.errorCode === 'NO_SWAP_ROUTES_FOUND' ||
-        error?.response?.data?.errorCode === 'UNSUPPORTED_ROUTE';
-    return (_jsx(Dropdown, { open: open, onOpenChange: (open) => {
-            if (supportsExternalLiquidity || externalLiquidtySelected) {
-                setOpen(open);
-            }
-        }, contentProps: {
-            sideOffset: 8,
-            align: 'end',
-            css: {
-                maxWidth: 248,
-                minWidth: 200,
-                p: 0,
-                overflow: 'hidden',
-                borderRadius: 12
-            }
-        }, trigger: trigger ?? (_jsxs(Button, { color: "ghost", size: "none", css: {
-                display: 'flex',
-                width: '100%',
-                justifyContent: 'space-between',
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: '3',
-                p: '12',
-                borderRadius: 'widget-card-border-radius',
-                '&:disabled': {
-                    cursor: 'default',
-                    backgroundColor: 'transparent',
-                    '&:hover': {
-                        backgroundColor: 'transparent'
-                    }
-                },
-                _focusVisible: {
-                    boxShadow: 'none'
-                }
-            }, disabled: !(supportsExternalLiquidity || externalLiquidtySelected), children: [_jsx(Text, { style: "subtitle2", children: "Route" }), _jsx(Flex, { css: { gap: '2', alignItems: 'center' }, children: isNoAvailableRoutesError ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: "subtitle2", children: "No available routes" }), _jsx(Box, { css: { color: 'gray11', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faRoute, width: 14 }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: "subtitle2", children: externalLiquidtySelected ? 'Native' : 'Relay' }), supportsExternalLiquidity || externalLiquidtySelected ? (_jsx(Box, { css: { color: 'gray11', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) })) : null] })) })] })), children: _jsxs(Flex, { direction: "column", css: { borderRadius: 8, maxWidth: 260 }, children: [_jsxs(DropdownMenuItem, { "aria-label": 'Relay', onClick: () => {
-                        setOpen(false);
-                        onExternalLiquidityChange(false);
-                    }, css: {
-                        gap: '10px',
-                        cursor: 'pointer',
-                        pb: '8px',
-                        transition: 'backdrop-filter 250ms linear',
-                        _hover: {
-                            backdropFilter: 'brightness(95%)'
-                        },
-                        flexShrink: 0,
-                        alignItems: 'flex-start',
-                        width: '100%',
-                        display: 'flex'
-                    }, children: [_jsx("img", { width: "26", height: "26", src: `${ASSETS_RELAY_API}/icons/square/1357/light.png`, style: { borderRadius: 4, overflow: 'hidden', flexShrink: 0 } }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { style: "subtitle2", children: "Relay" }), _jsx(Text, { style: "body3", color: "subtle", children: "Instant, max capacity per transaction" })] })] }), supportsExternalLiquidity || externalLiquidtySelected ? (_jsxs(DropdownMenuItem, { "aria-label": 'Native Bridge', onClick: () => {
-                        setOpen(false);
-                        onExternalLiquidityChange(true);
-                    }, css: {
-                        gap: '10px',
-                        cursor: 'pointer',
-                        transition: 'backdrop-filter 250ms linear',
-                        _hover: {
-                            backdropFilter: 'brightness(95%)'
-                        },
-                        flexShrink: 0,
-                        alignItems: 'flex-start',
-                        width: '100%',
-                        display: 'flex',
-                        pt: '8px'
-                    }, children: [_jsx("img", { width: "26", height: "26", src: chain?.icon?.squaredLight, style: {
-                                borderRadius: 4,
-                                overflow: 'hidden',
-                                flexShrink: 0
-                            } }), _jsxs(Flex, { direction: "column", children: [_jsx(Text, { style: "subtitle2", children: "Native" }), _jsx(Text, { style: "body3", color: "subtle", children: canonicalTimeEstimate
-                                        ? `Standard time ~${canonicalTimeEstimate}, unlimited transaction capacity`
-                                        : 'Unlimited transaction capacity' })] })] })) : null] }) }));
-};
-export default SwapRouteSelector;
-//# sourceMappingURL=SwapRouteSelector.js.map

package/_esm/src/components/widgets/SwapRouteSelector.js.map

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

package/_types/src/components/widgets/SwapRouteSelector.d.ts

@@ -1,14 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-import { type RelayChain } from '@relayprotocol/relay-sdk';
-type Props = {
-    supportsExternalLiquidity: boolean;
-    externalLiquidtySelected: boolean;
-    onExternalLiquidityChange: (externalLiquiditySelected: boolean) => void;
-    chain?: RelayChain;
-    canonicalTimeEstimate?: string;
-    trigger?: ReactNode;
-    error?: any;
-};
-declare const SwapRouteSelector: FC<Props>;
-export default SwapRouteSelector;
-//# sourceMappingURL=SwapRouteSelector.d.ts.map

package/_types/src/components/widgets/SwapRouteSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapRouteSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/SwapRouteSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,EAAoB,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5E,KAAK,KAAK,GAAG;IACX,yBAAyB,EAAE,OAAO,CAAA;IAClC,wBAAwB,EAAE,OAAO,CAAA;IACjC,yBAAyB,EAAE,CAAC,yBAAyB,EAAE,OAAO,KAAK,IAAI,CAAA;IACvE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CAsKhC,CAAA;AAED,eAAe,iBAAiB,CAAA"}