@0xsquid/ui 2.9.0 → 2.10.1

package/dist/cjs/index.js

@@ -49,7 +49,6 @@ const ANIMATION_DURATIONS = {
     CHANGE_SWAP_STEP: 300,
     SHOW_MODAL: 400,
     HIDE_MODAL: 400,
-    BOOST_BUTTON: 500,
     GENERIC: 300,
 };
 const ANIMATION_TIMINGS = {
@@ -3057,7 +3056,6 @@ const widths = {
     "modal-extra-large": "440px",
     "modal-large": "400px",
     "modal-compact": "373px",
-    "wallet-card": "350px",
 };
 const heights = {
     button: "3.75rem", // 60px
@@ -3068,7 +3066,6 @@ const heights = {
     "card-small": "580px",
     "modal-large": "600px",
     "modal-compact": "631px",
-    "wallet-card": "210px",
 };
 // tw-shadow-*
 const boxShadow = {
@@ -3078,24 +3075,10 @@ const boxShadow = {
     "elevation-light-2": "0px 2px 5px 1px rgba(0, 0, 0, 0.10), 0px 5px 20px -1px rgba(0, 0, 0, 0.10)",
     "elevation-dark-1": "0px 1px 2px 0px rgba(0, 0, 0, 0.15)",
     "elevation-light-1": "0px 1px 2px 0px #0000001A",
-    "inset-royal": "0px 0px 50px 0px #876FE2 inset",
-    "wallet-card": "-4px -4px 20px 0px rgba(23, 25, 28, 0.33) inset, 2px 3px 10px 2px rgba(251, 252, 253, 0.10) inset",
 };
 // tw-bg-*
 const backgrounds = {
-    "royal-light": "linear-gradient(180deg, #A577D8 0%, #BF91F2 100%)",
-    "royal-dark": "linear-gradient(180deg, #BF91F2 0%, #A577D8 100%)",
     "dark-cover": `linear-gradient(90deg, var(${themeKeysToCssVariables.color["material-dark-thick"].cssVariable}) 45.4%, transparent 50.85%, var(${themeKeysToCssVariables.color["material-dark-thick"].cssVariable}) 55.61%)`,
-    "wallet-card": "linear-gradient(110deg, rgba(251, 252, 253, 0.33) 0%, rgba(251, 252, 253, 0.10) 33.21%, rgba(23, 25, 28, 0.10) 79.63%, rgba(23, 25, 28, 0.33) 100%)",
-    "conic-gradient": `conic-gradient(
-    from 180deg at 50% 50%,
-    rgba(180, 143, 233, 1) 12.91%,
-    rgba(248, 214, 196, 1) 37.67%,
-    rgba(173, 204, 250, 1) 56.18%,
-    rgba(172, 236, 229, 1) 74.65%,
-    rgba(223, 159, 196, 1) 91.82%,
-    rgba(180, 143, 233, 1) 100%
-  )`,
     shimmer: "linear-gradient(90deg, currentColor 0%, currentColor 50%, rgba(255, 255, 255, 0.4) 57.5%, currentColor 65%, currentColor 100%)",
     "shimmer-light": `linear-gradient(90deg, color-mix(in srgb, var(${themeKeysToCssVariables.color["grey-100"].cssVariable}) 40%, transparent) 0%, var(${themeKeysToCssVariables.color["grey-100"].cssVariable}) 10%, color-mix(in srgb, var(${themeKeysToCssVariables.color["grey-100"].cssVariable}) 40%, transparent) 60%)`,
     "shimmer-dark": `linear-gradient(90deg, color-mix(in srgb, var(${themeKeysToCssVariables.color["grey-900"].cssVariable}) 40%, transparent) 0%, var(${themeKeysToCssVariables.color["grey-900"].cssVariable}) 10%, color-mix(in srgb, var(${themeKeysToCssVariables.color["grey-900"].cssVariable}) 40%, transparent) 60%)`,
@@ -3765,17 +3748,6 @@ const roundedClassMap = {
     full: "tw-rounded-full",
     none: "tw-rounded-none",
 };
-const gradientRoundedClassMap = {
-    xxs: "7px",
-    xs: "12px",
-    s: "17px",
-    m: "22px",
-    l: "32px",
-    xl: "42px",
-    xxl: "62px",
-    full: "100%",
-    none: "0",
-};
 const borderClassMap = {
     "outline-sm": "tw-outline tw-outline-1 tw-outline-grey-900",
     "outline-lg": "tw-outline tw-outline-2 tw-outline-grey-900",
@@ -3785,9 +3757,7 @@ function Image$1(_a) {
     var { src, size = "medium", className: propsClassName, placeholderImageUrl, border = "none", rounded = "xxs", shadow = false, children, containerProps } = _a, props = __rest$1(_a, ["src", "size", "className", "placeholderImageUrl", "border", "rounded", "shadow", "children", "containerProps"]);
     const className = cn("tw-object-cover tw-aspect-square tw-relative tw-duration-300 tw-transition-[width,height] tw-max-w-full tw-bg-grey-500", sizeClassMap$1[size], propsClassName, roundedClassMap[rounded], shadow && boxShadowClassMap[size], borderClassMap[border]);
     const [imageState, setImageState] = React$1.useState(exports.ImageState.LOADED);
-    return (jsxRuntime.jsxs("div", Object.assign({}, containerProps, { className: cn("tw-relative", containerProps === null || containerProps === void 0 ? void 0 : containerProps.className), children: [border === "gradient" && (jsxRuntime.jsx("span", { style: {
-                    borderRadius: gradientRoundedClassMap[rounded],
-                }, className: cn(className, "!tw-absolute -tw-left-[2px] -tw-top-[2px] !tw-h-[calc(100%+4px)] !tw-w-[calc(100%+4px)] tw-bg-conic-gradient tw-bg-center") })), children != null ? (jsxRuntime.jsx("div", Object.assign({ className: cn(className, "tw-flex tw-items-center tw-justify-center") }, props, { children: children }))) : ((imageState !== exports.ImageState.LOADED || !src) &&
+    return (jsxRuntime.jsxs("div", Object.assign({}, containerProps, { className: cn("tw-relative", containerProps === null || containerProps === void 0 ? void 0 : containerProps.className), children: [children != null ? (jsxRuntime.jsx("div", Object.assign({ className: cn(className, "tw-flex tw-items-center tw-justify-center") }, props, { children: children }))) : ((imageState !== exports.ImageState.LOADED || !src) &&
                 (placeholderImageUrl ? (jsxRuntime.jsx("img", Object.assign({ src: placeholderImageUrl, className: className }, props))) : (jsxRuntime.jsx("div", Object.assign({ className: className }, props))))), children == null && src && (jsxRuntime.jsx("img", Object.assign({}, props, { src: src, onError: () => {
                     setImageState(exports.ImageState.ERROR);
                 }, onLoad: () => {
@@ -4304,10 +4274,6 @@ function InfinityIcon({ size = "24", className, }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 12L15.2218 15.182C17.0012 16.9393 19.8861 16.9393 21.6655 15.182C23.4448 13.4246 23.4448 10.5754 21.6655 8.81802C19.8861 7.06066 17.0012 7.06066 15.2218 8.81802L12 12ZM12 12L8.77817 8.81802C6.99881 7.06066 4.11389 7.06066 2.33452 8.81802C0.555159 10.5754 0.555159 13.4246 2.33452 15.182C4.11389 16.9393 6.99881 16.9393 8.77817 15.182L12 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }) }));
 }
 
-function LightningIcon({ size = "24", className = "", }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M4.11178 12.2764L8.61178 3.27639C8.69648 3.107 8.86961 3 9.05899 3H17.1169C17.5055 3 17.7456 3.42399 17.5456 3.75725L15.4543 7.24275C15.2544 7.57602 15.4944 8 15.8831 8H20.6868C21.1463 8 21.3625 8.56776 21.0193 8.87338L7.37702 21.0236C6.99619 21.3628 6.41153 20.981 6.56886 20.4959L8.78779 13.6543C8.89255 13.3312 8.65175 13 8.31218 13H4.55899C4.1873 13 3.94556 12.6088 4.11178 12.2764Z", stroke: "currentColor", strokeWidth: "2.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function LinkIcon(props) {
     return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 9V5.25A2.25 2.25 0 0111.25 3h7.5A2.25 2.25 0 0121 5.25v7.5A2.25 2.25 0 0118.75 15H15m-2.25-6h-7.5A2.25 2.25 0 003 11.25v7.5A2.25 2.25 0 005.25 21h7.5A2.25 2.25 0 0015 18.75v-7.5A2.25 2.25 0 0012.75 9z" }) })));
 }
@@ -4409,9 +4375,6 @@ function DockSwapIcon() {
 function SquidLogo({ size = "40", className, }) {
     return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 40 40", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_133_44979)", children: jsxRuntime.jsx("path", { d: "M39.7776 17.0119L39.7737 16.9863L39.6631 16.9902C39.6631 16.9902 39.6608 17.0237 39.6601 17.027L39.6233 17.0286C39.5751 17.6494 39.4736 18.2391 39.3215 18.7807C38.9488 20.1143 38.3241 21.4615 37.5632 22.5742C36.7215 23.8061 35.7416 24.719 34.7288 25.2142C34.0969 25.5239 33.4703 25.7509 32.8673 25.8894C32.3993 25.9949 31.9376 26.0477 31.4969 26.0477C29.9688 26.0477 28.5688 25.4047 27.4473 24.1886C25.7136 22.3078 24.7097 19.075 24.9488 16.143C25.0319 15.1173 25.196 14.163 25.3544 13.2405C25.6913 11.2822 25.9816 9.59092 25.4384 7.82282C25.1471 6.87567 24.532 6.14133 23.7048 5.7539C23.1416 5.48987 22.5537 5.35623 21.956 5.35623C20.0352 5.35623 18.4503 6.70896 17.6775 7.86752C16.4976 9.63632 15.9094 11.8636 16.0657 13.9772C16.2112 15.9555 16.8969 17.2596 17.9257 19.0251C18.4417 19.9099 18.9793 20.6915 19.4545 21.3818C20.2577 22.5499 20.9513 23.5588 21.2936 24.6652C21.7681 26.1988 21.4384 26.9364 21.2743 27.1828C21.0719 27.4868 20.7471 27.6619 20.3078 27.7036C20.2517 27.7092 20.1965 27.7115 20.143 27.7115C18.8021 27.7115 18.7765 25.881 18.7614 24.7867V24.7621C18.7607 24.6899 18.759 24.6212 18.7581 24.5555C18.7125 22.4123 17.8892 21.1315 16.8461 19.5092C16.1916 18.4915 15.4501 17.3388 14.7988 15.7683C13.7572 13.2596 13.4957 10.8396 14.0221 8.57625C14.0405 8.49546 14.0605 8.41467 14.0813 8.33294C14.7204 5.81374 16.3004 2.58743 20.1949 1.5241C20.9325 1.32247 21.6901 1.22002 22.4461 1.22002C24.7357 1.22002 26.7302 2.16251 27.9173 3.80489C28.8782 5.13364 29.3735 6.64005 29.4326 8.40978C29.447 8.8305 29.4359 9.27148 29.3998 9.72014C29.3157 10.7322 29.1013 11.8417 28.7453 13.1113C28.0254 15.6778 27.851 17.8522 28.2277 19.573C28.5166 20.8929 29.1478 21.8987 29.959 22.3313C30.6165 22.6817 31.3173 22.8594 32.0414 22.8594C33.891 22.8594 35.5758 21.6794 36.4254 20.5106C37.7613 18.6722 38.4654 15.4305 38.3502 13.481C38.3078 12.7658 38.247 12.1602 38.163 11.6242L38.1607 11.6163L38.159 11.6123C36.5781 8.19395 34.071 5.29639 30.9085 3.23306C27.6647 1.11921 23.892 0 20 0C14.6575 0 9.63516 2.08009 5.85751 5.85751C2.08079 9.63516 0 14.6575 0 20C0 21.5527 0.179278 23.1015 0.533644 24.6049L0.53993 24.6312L0.651222 24.6151C0.651222 24.6151 0.649593 24.5823 0.648894 24.58L0.685681 24.5744C0.616997 23.3839 0.724796 22.2377 0.99837 21.2591C1.37113 19.9264 1.99604 18.5783 2.75669 17.4657C3.59837 16.2345 4.57835 15.3208 5.59115 14.8256C6.21839 14.5183 6.84144 14.292 7.44237 14.1527C7.91432 14.0456 8.37998 13.9919 8.82468 13.9919C10.3527 13.9919 11.7534 14.6342 12.8743 15.8503C14.6079 17.7304 15.6119 20.9639 15.3728 23.8966C15.2896 24.9229 15.1255 25.8766 14.9662 26.7991C14.6293 28.7574 14.339 30.4487 14.8822 32.2165C15.1725 33.1637 15.7886 33.8983 16.6158 34.2854C17.179 34.5495 17.7669 34.6829 18.3646 34.6829C20.2854 34.6829 21.8703 33.3302 22.6431 32.1709C23.8231 30.4021 24.4109 28.1749 24.2549 26.0615C24.1094 24.0838 23.4237 22.779 22.3949 21.0133C21.8806 20.1308 21.342 19.3476 20.8668 18.6566C20.0636 17.4885 19.37 16.4799 19.0277 15.3725C18.5532 13.8389 18.8829 13.1013 19.0461 12.8556C19.2484 12.5516 19.5732 12.3765 20.0126 12.3348C20.0687 12.3292 20.1246 12.3269 20.1774 12.3269C21.5183 12.3269 21.5439 14.1558 21.559 15.2477L21.5597 15.2789C21.5604 15.3502 21.562 15.4172 21.563 15.4822C21.6086 17.6254 22.4319 18.9062 23.475 20.5285C24.1295 21.5462 24.871 22.6997 25.5222 24.2694C26.5311 26.6983 26.8077 29.0461 26.3462 31.2477C26.3334 31.3085 26.3197 31.3693 26.3062 31.4303C25.695 34.0589 24.1262 37.4221 20.1255 38.515C19.3879 38.7166 18.6303 38.8182 17.8743 38.8189C15.5846 38.8189 13.5902 37.8766 12.403 36.2342C11.4421 34.9055 10.9471 33.3991 10.8878 31.6293C10.8789 31.3725 10.8799 31.1069 10.8894 30.8414C10.9357 29.6894 11.1607 28.4093 11.5758 26.9278C12.2957 24.3614 12.4703 22.187 12.0934 20.4661C11.8047 19.1453 11.1735 18.1404 10.3623 17.7078C9.70477 17.3574 9.00466 17.1797 8.27986 17.1797C6.43097 17.1797 4.74552 18.3597 3.89593 19.5285C2.55995 21.3669 1.85588 24.6086 1.97113 26.5581C2.04237 27.7693 2.16554 28.6598 2.37183 29.4494L2.37416 29.4559L2.37579 29.4589C5.87008 35.9597 12.6247 39.9998 19.9998 39.9998C25.3423 39.9998 30.3646 37.9197 34.1423 34.1423C37.9197 30.3646 39.9998 25.3423 39.9998 19.9998C39.9998 19.0014 39.9253 17.9958 39.7774 17.0116L39.7776 17.0119Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_133_44979", children: jsxRuntime.jsx("rect", { width: "40", height: "40", fill: "white" }) }) })] }));
 }
-function SquidVector({ size = "2059", className, }) {
-    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 2059 2059", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { d: "M1261.58 1218.32C1212.08 1082.65 1117.48 964.698 1113.12 817.099C1112.68 802.209 1113.71 678.669 1044.47 685.59C975.661 692.472 1012.78 826.25 1028.66 860.547C1067.29 943.956 1114.64 1016.61 1143.97 1086.9C1181.92 1177.86 1207.15 1245.12 1213 1343.99C1219.08 1446.62 1196.51 1561.85 1148.35 1651.58C1103.7 1734.78 1007.77 1813.37 909.659 1756.21C873.931 1735.39 852.083 1696.92 841.826 1655.4C809.664 1525.13 869.782 1373.6 863.034 1237.63C863.034 1027 734.758 605.117 456.564 774.451C367.227 828.824 283.913 956.462 254.191 1088.49C226.624 1210.98 246.756 1339.61 279.166 1460.38C282.388 1472.39 285.972 1484.35 289.824 1496.26C334.321 1633.64 424.555 1754.97 423.525 1902.65C423.43 1917.54 417.863 2040.96 487.316 2036.58C556.331 2032.23 524.111 1897.16 509.507 1862.31C473.952 1777.53 429.283 1703.21 402.535 1631.89C367.932 1539.6 345.188 1471.48 342.938 1372.46C340.593 1269.68 367.379 1155.35 418.778 1067.42C466.23 986.261 578.961 873.473 676.153 951.124C705.093 974.25 723.243 1008.95 731.574 1045.04C752.184 1134.39 747.379 1294.42 730.545 1380.85C700.098 1537.12 658.232 1702.16 744.081 1849.84C829.301 1996.45 985.327 2020.87 1120.76 1931.49C1208.04 1873.88 1272.94 1758.06 1297.8 1625.03C1320.89 1501.6 1310.31 1373.28 1273.49 1253.76C1269.83 1241.88 1265.83 1230.06 1261.52 1218.28L1261.58 1218.32Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M824.415 847.376C873.907 983.041 968.507 1100.99 972.873 1248.59C973.311 1263.48 972.282 1387.02 1041.53 1380.1C1110.33 1373.22 1073.21 1239.44 1057.33 1205.15C1018.7 1121.74 971.348 1049.08 942.026 978.789C904.068 887.831 878.845 820.57 872.992 721.7C866.911 619.074 889.483 503.847 937.641 414.109C982.291 330.91 1078.22 252.325 1176.33 309.481C1212.06 330.3 1233.91 368.772 1244.17 410.296C1276.33 540.566 1216.21 692.093 1222.96 828.063C1222.96 1038.69 1351.23 1460.58 1629.43 1291.24C1718.76 1236.87 1802.08 1109.23 1831.8 977.207C1859.37 854.716 1839.24 726.085 1806.82 605.31C1803.6 593.299 1800.02 581.345 1796.17 569.43C1751.67 432.049 1661.44 310.72 1662.47 163.044C1662.56 148.155 1668.13 24.7289 1598.68 29.1137C1529.66 33.4605 1561.88 168.535 1576.48 203.385C1612.04 288.166 1656.71 362.481 1683.46 433.803C1718.06 526.095 1740.8 594.214 1743.05 693.237C1745.4 796.015 1718.61 910.347 1667.21 998.274C1619.76 1079.43 1507.03 1192.22 1409.84 1114.57C1380.9 1091.44 1362.75 1056.75 1354.42 1020.66C1333.81 931.299 1338.61 771.269 1355.45 684.848C1385.89 528.574 1427.76 363.53 1341.91 215.854C1256.69 69.2453 1100.66 44.8232 965.228 134.199C877.949 191.813 813.052 307.632 788.192 440.666C765.104 564.091 775.685 692.417 812.5 811.934C816.16 823.811 820.163 835.632 824.472 847.414L824.415 847.376Z", fill: "currentColor" })] }));
-}
 
 function SwapInputsIcon({ size = "20", className, }) {
     return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_40_7936)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10.5C20 16.0228 15.5228 20.5 10 20.5C4.47715 20.5 0 16.0228 0 10.5C0 4.97715 4.47715 0.5 10 0.5C15.5228 0.5 20 4.97715 20 10.5ZM8.38268 4.57612C8.75636 4.7309 9 5.09554 9 5.5V15.5C9 16.0523 8.55228 16.5 8 16.5C7.44772 16.5 7 16.0523 7 15.5V7.91421L5.70711 9.20711C5.31658 9.59763 4.68342 9.59763 4.29289 9.20711C3.90237 8.81658 3.90237 8.18342 4.29289 7.79289L7.29289 4.79289C7.57889 4.5069 8.00901 4.42134 8.38268 4.57612ZM11 15.5C11 15.9045 11.2436 16.2691 11.6173 16.4239C11.991 16.5787 12.4211 16.4931 12.7071 16.2071L15.7071 13.2071C16.0976 12.8166 16.0976 12.1834 15.7071 11.7929C15.3166 11.4024 14.6834 11.4024 14.2929 11.7929L13 13.0858V5.5C13 4.94771 12.5523 4.5 12 4.5C11.4477 4.5 11 4.94771 11 5.5V15.5Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_40_7936", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white", transform: "translate(0 0.5)" }) }) })] }));
@@ -20316,49 +20279,6 @@ AppContainer.Content = (props) => (jsxRuntime.jsx(motion.div, Object.assign({ tr
     }, layout: "position", layoutDependency: React$1.useContext(LayoutDependencyContext), layoutId: "app-container-content" }, props)));
 const elementKey = (child) => React$1.isValidElement(child) ? child.key : null;
 
-function BoostButton({ boostMode, canToggleBoostMode = true, boostIndicatorRef, }) {
-    return (jsxRuntime.jsx("div", { className: "tw-w-[106.5px] tw-pr-squid-xxs mobile-lg:tw-w-[140px]", children: jsxRuntime.jsxs("div", { className: "tw-relative tw-flex tw-h-squid-xl tw-w-full tw-flex-col tw-justify-between tw-overflow-hidden tw-rounded-squid-m tw-pb-squid-xxs tw-text-grey-300 focus:tw-outline-none", children: [jsxRuntime.jsx("span", { className: cn("tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-h-full tw-w-8 tw-bg-gradient-to-r tw-from-grey-900 tw-to-transparent", canToggleBoostMode &&
-                        "group-hover/boost-toggle:tw-from-material-light-blend-grey-900") }), jsxRuntime.jsx("span", { className: cn("tw-absolute tw-right-0 tw-top-0 tw-z-10 tw-h-full tw-w-8 tw-bg-gradient-to-l tw-from-grey-900 tw-to-transparent", canToggleBoostMode &&
-                        "group-hover/boost-toggle:tw-from-material-light-blend-grey-900") }), jsxRuntime.jsxs("div", { ref: boostIndicatorRef, "data-boost-mode": boostMode, className: "tw-group tw-peer tw-relative -tw-left-[20px] tw-flex tw-h-full tw-w-[140px] tw-items-center tw-justify-between tw-transition-transform group-disabled/boost-toggle:tw-grayscale data-[boost-mode=boost]:tw-animate-move-to-left-with-spring-bounce data-[boost-mode=normal]:tw-animate-move-to-right-with-spring-bounce mobile-lg:-tw-left-[3px]", children: [jsxRuntime.jsx("div", { className: "tw-w-[70px] tw-text-center group-disabled/boost-toggle:tw-grayscale", children: jsxRuntime.jsx(BodyText, { size: "small", className: "tw-text-grey-300", children: "Normal" }) }), jsxRuntime.jsxs("div", { className: "tw-w-[70px] tw-text-center group-disabled/boost-toggle:tw-grayscale", children: [jsxRuntime.jsx(BodyText, { size: "small", className: "tw-text-status-positive", children: "Boost" }), " "] }), jsxRuntime.jsx("div", { className: "tw-absolute tw-bottom-0 tw-h-1.5 tw-w-[1.5px] tw-rounded-sm tw-bg-grey-500 tw-text-grey-500 group-data-[boost-mode=boost]:tw-left-[calc(50%-2px)] group-data-[boost-mode=normal]:tw-left-[calc(50%-6px)]", style: {
-                                boxShadow: generateMarkerLines(40),
-                            } })] }), jsxRuntime.jsx("div", { className: cn("tw-absolute tw-bottom-0.5 tw-left-[calc(50%-2px)] tw-z-20 tw-h-[10px] tw-w-[3px] tw-rounded-sm tw-transition-colors group-disabled/boost-toggle:tw-grayscale peer-data-[boost-mode=boost]:tw-bg-status-positive peer-data-[boost-mode=normal]:tw-bg-current"), style: {
-                        transitionDuration: `${ANIMATION_DURATIONS.BOOST_BUTTON}ms`,
-                    } })] }) }));
-}
-function generateMarkerLines(count) {
-    const halfCount = Math.ceil(count / 2);
-    const rightShadows = Array.from({ length: halfCount }, (_, index) => {
-        return `-${(index + 1) * 6}px 0 currentColor`;
-    });
-    const leftShadows = Array.from({ length: halfCount }, (_, index) => {
-        return `${(index + 1) * 6}px 0 currentColor`;
-    });
-    const allShadows = [...rightShadows, ...leftShadows];
-    return allShadows.join(", ");
-}
-
-function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode = true, tooltip, }) {
-    const boostIndicatorRef = React$1.useRef(null);
-    function handleToggleBoostMode() {
-        if (!boostIndicatorRef.current || !canToggleBoostMode)
-            return;
-        // we don't want to trigger the animation when the component is mounted
-        // so we set the animation duration only when user clicks the button
-        boostIndicatorRef.current.style.setProperty(CSS_VARS.MOVE_WITH_SPRING_BOUNCE_DURATION, `${ANIMATION_DURATIONS.BOOST_BUTTON}ms`);
-        if (boostIndicatorRef.current.dataset.boostMode === "normal") {
-            boostIndicatorRef.current.dataset.boostMode = "boost";
-            onToggleBoostMode === null || onToggleBoostMode === void 0 ? void 0 : onToggleBoostMode({ boostMode: "boost" });
-        }
-        else {
-            boostIndicatorRef.current.dataset.boostMode = "normal";
-            onToggleBoostMode === null || onToggleBoostMode === void 0 ? void 0 : onToggleBoostMode({ boostMode: "normal" });
-        }
-    }
-    return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "mobile-lg:tw-w-[190px] tw-rounded-squid-m", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsxs("button", { onClick: handleToggleBoostMode, disabled: !canToggleBoostMode, className: cn("tw-group/boost-toggle tw-flex tw-h-squid-xl tw-w-full tw-items-center tw-rounded-squid-m tw-bg-grey-900 tw-pr-squid-xs", canToggleBoostMode && "hover:tw-bg-material-light-thin"), children: [jsxRuntime.jsx(BoostButton, { boostIndicatorRef: boostIndicatorRef, boostMode: boostMode, canToggleBoostMode: canToggleBoostMode }), jsxRuntime.jsx(Chip, { label: estimatedTime, className: cn("tw-hidden tw-text-grey-900 tw-transition-colors mobile-xs:tw-flex", boostMode === "normal" || !canToggleBoostMode
-                        ? "tw-bg-grey-300"
-                        : "tw-bg-status-positive") })] }) })));
-}
-
 function Join({ children, glue }) {
     return React$1.Children.map(children, (child, index) => (jsxRuntime.jsxs(React$1.Fragment, { children: [index > 0 && glue(), child] }, React$1.isValidElement(child) ? child.key : index)));
 }
@@ -20630,24 +20550,12 @@ function ProductCard({ children }) {
     }, [containerRef]);
     return (jsxRuntime.jsx("div", { style: {
             width: `min(100vw, ${MEDIA_QUERIES.MOBILE_LG.value}px)`,
-        }, className: "tw-grid tw-h-full tw-min-h-card-small tw-max-w-[100vw] tw-overflow-hidden tw-bg-grey-900 tw-text-grey-300 tw-shadow-container tw-outline tw-outline-1 tw-outline-material-light-thin mobile-lg:tw-max-h-card-large mobile-lg:tw-max-w-card-large mobile-lg:tw-rounded-container mobile-xs-height:tw-min-h-card-large", children: jsxRuntime.jsx("div", { ref: containerRef, className: "tw-relative tw-flex tw-h-full tw-w-full tw-flex-col tw-overflow-hidden mobile-lg:tw-w-card-large", children: children }) }));
+        }, className: "tw-grid tw-h-full tw-min-h-card-small tw-max-w-[100vw] tw-grid-rows-[1fr] tw-overflow-hidden tw-bg-grey-900 tw-text-grey-300 tw-shadow-container tw-outline tw-outline-1 tw-outline-material-light-thin mobile-lg:tw-max-h-card-large mobile-lg:tw-max-w-card-large mobile-lg:tw-rounded-container mobile-xs-height:tw-min-h-card-large", children: jsxRuntime.jsx("div", { ref: containerRef, className: "tw-relative tw-flex tw-h-full tw-w-full tw-flex-col tw-overflow-hidden mobile-lg:tw-w-card-large", children: children }) }));
 }
 function BorderedContainer({ children, className, }) {
     return (jsxRuntime.jsx("section", { className: cn("tw-border-t tw-border-t-material-light-thin", className), children: children }));
 }
 
-function ProfileHeaderBackground() {
-    return (jsxRuntime.jsxs("div", { className: "tw-relative tw-flex tw-min-h-[195px] tw-flex-1 tw-flex-col tw-items-center tw-justify-center tw-self-stretch tw-overflow-hidden tw-rounded-bl-squid-l  tw-rounded-br-squid-l tw-rounded-tl-[25px] tw-rounded-tr-[25px] tw-pb-squid-s group-data-[squid-theme-type='dark']:tw-bg-royal-dark group-data-[squid-theme-type='light']:tw-bg-royal-light", children: [jsxRuntime.jsx("div", { className: "tw-h-[240px]", children: [...Array(4)].map((_, i) => (jsxRuntime.jsx(HeaderBackgroundDecorationRow, { index: i }, i))) }), jsxRuntime.jsx("div", { className: "z-10 tw-absolute tw-inset-0 tw-h-[195px] tw-shadow-inset-royal" })] }));
-}
-function HeaderBackgroundDecorationRow({ index }) {
-    const logoWithImage = (jsxRuntime.jsx(LogoContainer, { children: jsxRuntime.jsx(SquidLogo, {}) }));
-    const emptyLogo = jsxRuntime.jsx(LogoContainer, {});
-    return (jsxRuntime.jsxs("div", { className: "tw-flex tw-h-[60px] tw-w-[470px] tw-items-center tw-justify-center tw-self-stretch tw-overflow-hidden tw-text-royal-500", children: [index % 2 === 0 ? emptyLogo : logoWithImage, index % 2 === 0 ? logoWithImage : emptyLogo, index % 2 === 0 ? emptyLogo : logoWithImage, index % 2 === 0 ? logoWithImage : emptyLogo, index % 2 === 0 ? emptyLogo : logoWithImage, index % 2 === 0 ? logoWithImage : emptyLogo, index % 2 === 0 ? emptyLogo : logoWithImage] }));
-}
-function LogoContainer({ children }) {
-    return (jsxRuntime.jsx("div", { className: "tw-flex tw-h-[60px] tw-w-[60px] tw-items-center tw-justify-center", children: children }));
-}
-
 function QrCode({ matrix, size: renderedSize, imageUrl }) {
     // Rendered size is the actual size of the canvas element in pixels
     // Virtual size is the rendered size upscaled to have a higher resolution
@@ -20860,7 +20768,7 @@ function SwapConfiguration({ amount, tokenPrice = 0, isFetching: isFetchingProp
         const currentToken = JSON.stringify(token);
         if (prevAmount === amount)
             return;
-        if (amount === null || amount === void 0 ? void 0 : amount.length) {
+        if (amount != null) {
             prevRef.current = { chain: currentChain, token: currentToken, amount };
         }
         else if (prevChain === currentChain && prevToken === currentToken) {
@@ -27928,7 +27836,7 @@ function NumericInput(_a) {
                                 ? {
                                     paddingLeft: getInputPadding(),
                                 }
-                                : undefined, className: cn("tw-h-[55px] tw-w-full tw-rounded-squid-s tw-bg-transparent tw-py-squid-s tw-text-grey-300 placeholder:tw-text-grey-600 hover:tw-bg-material-light-thin focus:tw-bg-material-light-thin focus:tw-text-royal-500 focus:tw-outline-none", displaySymbol ? "tw-pr-squid-xs" : "tw-px-squid-xs", inputClassName) }, props))] }) })) : (jsxRuntime.jsx("div", { className: cn(containerClassname, (isLoading || Number(inputValue || 0) === 0) && loadingClassName, containerClassName), children: jsxRuntime.jsx("div", { className: "tw-font-regular tw-flex tw-h-[55px] tw-w-full tw-cursor-default tw-items-center tw-rounded-squid-s tw-bg-transparent tw-px-squid-xs tw-py-squid-s tw-text-heading-small tw-text-grey-300", children: jsxRuntime.jsx(AnimateNumber, { isLoading: isLoading, number: inputValue !== null && inputValue !== void 0 ? inputValue : "0", showMask: true }) }) })), !showDetails || hideControls ? null : (jsxRuntime.jsxs("footer", { className: cn("tw-flex tw-h-squid-m tw-max-h-squid-m tw-items-center tw-justify-between tw-gap-2 tw-px-squid-xs tw-text-grey-500 mobile-lg:tw-px-squid-m", isLoading && loadingClassName), children: [error ? (jsxRuntime.jsx("div", { className: "tw-px-squid-xs", children: jsxRuntime.jsx(ErrorMessage, { message: error.message }) })) : (jsxRuntime.jsx(Tooltip, Object.assign({}, (isLoading
+                                : undefined, className: cn("tw-h-[55px] tw-w-full tw-rounded-squid-s tw-bg-transparent tw-py-squid-s tw-text-grey-300 placeholder:tw-text-grey-600 hover:tw-bg-material-light-thin focus:tw-bg-material-light-thin focus:tw-text-royal-500 focus:tw-outline-none", displaySymbol ? "tw-pr-squid-xs" : "tw-px-squid-xs", inputClassName) }, props))] }) })) : (jsxRuntime.jsx("div", { className: cn(containerClassname, (isLoading || Number(inputValue || 0) === 0) && loadingClassName, containerClassName), children: jsxRuntime.jsx("div", { className: "tw-font-regular tw-flex tw-h-[55px] tw-w-full tw-cursor-default tw-items-center tw-rounded-squid-s tw-bg-transparent tw-px-squid-xs tw-py-squid-s tw-text-heading-small tw-text-grey-300", children: jsxRuntime.jsx(AnimateNumber, { isLoading: isLoading, number: inputValue || "0", showMask: true }) }) })), !showDetails || hideControls ? null : (jsxRuntime.jsxs("footer", { className: cn("tw-flex tw-h-squid-m tw-max-h-squid-m tw-items-center tw-justify-between tw-gap-2 tw-px-squid-xs tw-text-grey-500 mobile-lg:tw-px-squid-m", isLoading && loadingClassName), children: [error ? (jsxRuntime.jsx("div", { className: "tw-px-squid-xs", children: jsxRuntime.jsx(ErrorMessage, { message: error.message }) })) : (jsxRuntime.jsx(Tooltip, Object.assign({}, (isLoading
                         ? undefined
                         : userInputType === exports.UserInputType.TOKEN
                             ? inputModeButton === null || inputModeButton === void 0 ? void 0 : inputModeButton.tokenModeTooltip
@@ -70294,15 +70202,6 @@ const getColorBrightness = (color) => {
         return 0;
     return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
 };
-const getWalletCardBackground = (colors) => {
-    if (colors.length >= 3) {
-        return `linear-gradient(73deg, ${colors[0]} 8.18%, ${colors[1]} 50.16%, ${colors[2]} 91.82%)`;
-    }
-    if (colors.length === 2) {
-        return `linear-gradient(73deg, ${colors[0]} 8.18%, ${colors[1]} 50.16%)`;
-    }
-    return colors[0];
-};
 
 function ThemeProvider(_a) {
     var { theme = lightTheme, children, themeType = "light", settings } = _a, props = __rest$1(_a, ["theme", "children", "themeType", "settings"]);
@@ -70360,9 +70259,7 @@ exports.BankIcon = BankIcon;
 exports.BellAlarmIcon = BellAlarmIcon;
 exports.BlockSkeleton = BlockSkeleton;
 exports.BodyText = BodyText;
-exports.Boost = Boost;
 exports.BoostBadge = BoostBadge;
-exports.BoostButton = BoostButton;
 exports.BorderedContainer = BorderedContainer;
 exports.Breadcrumb = Breadcrumb;
 exports.BridgeAction = BridgeAction;
@@ -70482,7 +70379,6 @@ exports.InteractionTransactionView = InteractionTransactionView;
 exports.Join = Join;
 exports.LaptopIcon = LaptopIcon;
 exports.LargeNumericInput = LargeNumericInput;
-exports.LightningIcon = LightningIcon;
 exports.LimitIcon = LimitIcon;
 exports.LinkIcon = LinkIcon;
 exports.ListItem = ListItem;
@@ -70522,7 +70418,6 @@ exports.PowerIcon = PowerIcon;
 exports.PriceChange = PriceChange;
 exports.ProductCard = ProductCard;
 exports.ProfileHeader = ProfileHeader;
-exports.ProfileHeaderBackground = ProfileHeaderBackground;
 exports.PropertiesLayout = PropertiesLayout;
 exports.PropertyListItem = PropertyListItem;
 exports.PunkIcon = PunkIcon;
@@ -70557,7 +70452,6 @@ exports.SquareArrowCenter = SquareArrowCenter;
 exports.SquareArrowTopLeftIcon = SquareArrowTopLeftIcon;
 exports.SquareArrowTopRight2Icon = SquareArrowTopRight2Icon;
 exports.SquidLogo = SquidLogo;
-exports.SquidVector = SquidVector;
 exports.StakeAction = StakeAction;
 exports.StarLinesIcon = StarLinesIcon;
 exports.StartAction = StartAction;
@@ -70631,7 +70525,6 @@ exports.darkTheme = darkTheme;
 exports.getColorBrightness = getColorBrightness;
 exports.getContrastColor = getContrastColor;
 exports.getHexColorFromOpacityPercentage = getHexColorFromOpacityPercentage;
-exports.getWalletCardBackground = getWalletCardBackground;
 exports.hexToRgb = hexToRgb;
 exports.isValidHexColor = isValidHexColor;
 exports.lightTheme = lightTheme;

package/dist/cjs/types/components/buttons/index.d.ts

@@ -2,7 +2,6 @@ export * from "./AccountsButton";
 export * from "./AddressButton";
 export * from "./ArrowButton";
 export * from "./AssetsButton";
-export * from "./BoostButton";
 export * from "./Button";
 export * from "./Chip";
 export * from "./FeeButton";

package/dist/cjs/types/components/icons/SquidLogo.d.ts

@@ -2,7 +2,3 @@ export declare function SquidLogo({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SquidVector({ size, className, }: {
-    size?: string;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/index.d.ts

@@ -26,7 +26,6 @@ export * from "./Help";
 export * from "./HomeIcon";
 export * from "./ImageSparkle";
 export * from "./Infinity";
-export * from "./Lightning";
 export * from "./Link";
 export * from "./Loader";
 export * from "./MarketIcons";

package/dist/cjs/types/components/layout/index.d.ts

@@ -1,7 +1,6 @@
 export * from "./AnimationWrapper";
 export * from "./Announcement";
 export * from "./AppContainer";
-export * from "./Boost";
 export * from "./Breadcrumb";
 export * from "./Collapse";
 export * from "./CollapsibleMenu";
@@ -20,7 +19,6 @@ export * from "./ModalTitle";
 export * from "./NavigationBar";
 export * from "./PipeSeparator";
 export * from "./ProductCard";
-export * from "./ProfileHeaderBackground";
 export * from "./QrCode";
 export * from "./QrCodeModal";
 export * from "./SwapConfiguration";

package/dist/cjs/types/components/views/SwapDetailsView.d.ts

@@ -1,5 +1,3 @@
-export declare function SwapDetailsView({ isLoading, canToggleBoostMode, displayBoostMode, }: {
+export declare function SwapDetailsView({ isLoading }: {
     isLoading?: boolean;
-    canToggleBoostMode?: boolean;
-    displayBoostMode?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/core/constants.d.ts

@@ -25,7 +25,6 @@ export declare const ANIMATION_DURATIONS: {
     CHANGE_SWAP_STEP: number;
     SHOW_MODAL: number;
     HIDE_MODAL: number;
-    BOOST_BUTTON: number;
     GENERIC: number;
 };
 export declare const ANIMATION_TIMINGS: {

package/dist/cjs/types/core/design-system.d.ts

@@ -16,7 +16,5 @@ export declare const boxShadow: {
     "elevation-light-2": string;
     "elevation-dark-1": string;
     "elevation-light-1": string;
-    "inset-royal": string;
-    "wallet-card": string;
 };
 export declare const baseTailwindConfig: Config;

package/dist/cjs/types/services/internal/colorService.d.ts

@@ -39,5 +39,4 @@ export declare function adjustColorForContrast(foreground: string, background: s
 export declare const isValidHexColor: (hex: string) => boolean;
 export declare function parseColor(color: string): RGB | null;
 export declare const getColorBrightness: (color: string) => number;
-export declare const getWalletCardBackground: (colors: string[]) => string | undefined;
 export {};

package/dist/cjs/types/stories/badges/Image.stories.d.ts

@@ -9,11 +9,9 @@ export declare const Large: Story;
 export declare const ExtraLarge: Story;
 export declare const ExtraLargeLoading: Story;
 export declare const ExtraExtraLarge: Story;
-export declare const GradientBorder: Story;
 export declare const InsetBorder: Story;
 export declare const OutlineBorder: Story;
 export declare const RoundedFull: Story;
 export declare const Shadow: Story;
-export declare const CustomContent: Story;
 export declare const PlaceholderForMissingImage: Story;
 export declare const PlaceholderForBrokenImage: Story;

package/dist/cjs/types/stories/views/SwapDetailsView.stories.d.ts

@@ -5,5 +5,3 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Loading: Story;
-export declare const BoostDisabled: Story;
-export declare const BoostHidden: Story;

package/dist/cjs/types/types/components.d.ts

@@ -3,7 +3,6 @@ export type SwitchSize = "small" | "large";
 export type ButtonVariant = "primary" | "secondary" | "tertiary";
 export type ButtonSize = "sm" | "md" | "lg";
 export type SwapDirection = "from" | "to";
-export type BoostMode = "normal" | "boost";
 export type HistoryItemStatus = "completed" | "pending" | "failed" | "warning";
 export type DescriptionBlock = {
     type: "string";
@@ -37,7 +36,7 @@ export type TokenPairVariant = "horizontal" | "vertical";
 export type TokenPairSize = "small" | "medium";
 export type ImageSize = "small" | "medium" | "large" | "xlarge" | "xxlarge";
 export type ImageRoundedSize = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "full" | "none";
-export type ImageBorder = "none" | "gradient" | "inset" | "outline-sm" | "outline-lg";
+export type ImageBorder = "none" | "inset" | "outline-sm" | "outline-lg";
 export type ChainTypeFilter = "source" | "destination";
 export type StatusFilter = "success" | "ongoing" | "error";
 export type AssetsButtonVariant = "primary" | "accent";