@lifi/widget 4.0.0 → 4.1.0

package/dist/esm/components/Header/SettingsButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsButton.style.js","names":["MuiBadge"],"sources":["../../../../src/components/Header/SettingsButton.style.tsx"],"sourcesContent":["import {\n  badgeClasses,\n  IconButton,\n  Badge as MuiBadge,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsIconBadge: React.FC<\n  React.ComponentProps<typeof MuiBadge>\n> = styled(MuiBadge)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.25),\n  [`.${badgeClasses.badge}`]: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n    transform: 'translate(70%, -70%)',\n  },\n}))\n\ninterface SettingsIconButtonProps {\n  variant?: 'info' | 'warning'\n}\n\nexport const SettingsIconButton: React.FC<\n  React.ComponentProps<typeof IconButton> & SettingsIconButtonProps\n> = styled(IconButton, {\n  shouldForwardProp: (props) => props !== 'variant',\n})<SettingsIconButtonProps>(({ theme, variant }) => {\n  switch (variant) {\n    case 'info':\n      return {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 8%, transparent)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n        },\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)`,\n          },\n        }),\n      }\n    case 'warning':\n      return {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent) 80%, black)`,\n        },\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent) 80%, black)`,\n          },\n        }),\n      }\n    default:\n      return {}\n  }\n})\n"],"mappings":";;AAQA,MAAa,oBAET,OAAOA,KAAQ,GAAG,EAAE,aAAa;CACnC,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,IAAI;EACtB,IAAI,aAAa,UAAU;EAC1B,OAAO;EACP,QAAQ;EACR,cAAc;EACd,WAAW;CACb;AACF,EAAE;AAMF,MAAa,qBAET,OAAO,YAAY,EACrB,oBAAoB,UAAU,UAAU,UAC1C,CAAC,GAA4B,EAAE,OAAO,cAAc;CAClD,QAAQ,SAAR;EACE,KAAK,QACH,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;GACpE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;IACpE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE;GACF,CAAC;EACH;EACF,KAAK,WACH,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GACvE,WAAW,EACT,iBAAiB,yCAAyC,MAAM,KAAK,QAAQ,QAAQ,KAAK,gCAC5F;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACvE,WAAW,EACT,iBAAiB,yCAAyC,MAAM,KAAK,QAAQ,QAAQ,KAAK,gCAC5F;GACF,CAAC;EACH;EACF,SACE,OAAO,CAAC;CACZ;AACF,CAAC"}
+{"version":3,"file":"SettingsButton.style.js","names":["MuiBadge"],"sources":["../../../../src/components/Header/SettingsButton.style.tsx"],"sourcesContent":["import {\n  badgeClasses,\n  IconButton,\n  Badge as MuiBadge,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsIconBadge: React.FC<\n  React.ComponentProps<typeof MuiBadge>\n> = styled(MuiBadge)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.25),\n  [`.${badgeClasses.badge}`]: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n    transform: 'translate(70%, -70%)',\n  },\n}))\n\ninterface SettingsIconButtonProps {\n  variant?: 'info' | 'warning'\n}\n\nexport const SettingsIconButton: React.FC<\n  React.ComponentProps<typeof IconButton> & SettingsIconButtonProps\n> = styled(IconButton, {\n  shouldForwardProp: (props) => props !== 'variant',\n})<SettingsIconButtonProps>(({ theme, variant }) => {\n  switch (variant) {\n    case 'info':\n      return {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 8%, transparent)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n        },\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)`,\n          },\n        }),\n      }\n    case 'warning':\n      return {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent) 80%, black)`,\n        },\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n          '&:hover': {\n            backgroundColor: `color-mix(in srgb, color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent) 80%, black)`,\n          },\n        }),\n      }\n    default:\n      return {}\n  }\n})\n"],"mappings":";;AAQA,MAAa,oBAET,OAAOA,KAAQ,CAAC,EAAE,EAAE,aAAa;CACnC,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,IAAI;EACtB,IAAI,aAAa,UAAU;EAC1B,OAAO;EACP,QAAQ;EACR,cAAc;EACd,WAAW;CACb;AACF,EAAE;AAMF,MAAa,qBAET,OAAO,YAAY,EACrB,oBAAoB,UAAU,UAAU,UAC1C,CAAC,CAAC,EAA2B,EAAE,OAAO,cAAc;CAClD,QAAQ,SAAR;EACE,KAAK,QACH,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;GACpE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;IACpE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE;GACF,CAAC;EACH;EACF,KAAK,WACH,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GACvE,WAAW,EACT,iBAAiB,yCAAyC,MAAM,KAAK,QAAQ,QAAQ,KAAK,gCAC5F;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;IACvE,WAAW,EACT,iBAAiB,yCAAyC,MAAM,KAAK,QAAQ,QAAQ,KAAK,gCAC5F;GACF,CAAC;EACH;EACF,SACE,OAAO,CAAC;CACZ;AACF,CAAC"}

package/dist/esm/components/Header/WalletMenu.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletMenu.style.js","names":["MuiMenu"],"sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const WalletMenuContainer: React.FC<\n  React.ComponentProps<typeof MuiMenu>\n> = styled(MuiMenu)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    color: theme.vars.palette.text.primary,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 0, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n      },\n      ':hover': {\n        background: 'none',\n        cursor: 'default',\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAa,sBAET,OAAOA,IAAO,GAAG,EAAE,aAAa,GACjC,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;EACvB,MAAM,YAAY,SAAS,EAC1B,SAAS,EACX;EACC,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;GAChC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;EACjC;EACA,UAAU;GACR,YAAY;GACZ,QAAQ;EACV;CACF;AACF,EACF,EAAE"}
+{"version":3,"file":"WalletMenu.style.js","names":["MuiMenu"],"sources":["../../../../src/components/Header/WalletMenu.style.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const WalletMenuContainer: React.FC<\n  React.ComponentProps<typeof MuiMenu>\n> = styled(MuiMenu)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    color: theme.vars.palette.text.primary,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 0, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n      },\n      ':hover': {\n        background: 'none',\n        cursor: 'default',\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAa,sBAET,OAAOA,IAAO,CAAC,EAAE,EAAE,aAAa,GACjC,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;EACvB,MAAM,YAAY,SAAS,EAC1B,SAAS,EACX;EACC,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;GAChC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;EACjC;EACA,UAAU;GACR,YAAY;GACZ,QAAQ;EACV;CACF;AACF,EACF,EAAE"}

package/dist/esm/components/IconCircle/IconCircle.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconCircle.style.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.style.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { StatusIcon } from './statusIcons'\n\nexport const iconCircleSize = 90\n\ninterface StatusColorConfig {\n  color: string\n  mixAmount: number\n  lightDarken: number\n  darkDarken: number\n}\n\nexport const getStatusColor = (\n  status: StatusIcon,\n  theme: Theme\n): StatusColorConfig => {\n  switch (status) {\n    case 'success':\n      return {\n        color: theme.vars.palette.success.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'error':\n      return {\n        color: theme.vars.palette.error.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'warning':\n      return {\n        color: theme.vars.palette.warning.main,\n        mixAmount: 48,\n        lightDarken: 0.32,\n        darkDarken: 0,\n      }\n    case 'info':\n      return {\n        color: theme.vars.palette.info.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n  }\n}\n\nexport const iconSizeRatio: number = 48 / 90\n\nexport const IconCircleRoot: React.FC<\n  React.ComponentProps<typeof Box> & {\n    colorConfig: StatusColorConfig\n    circleSize: number\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'colorConfig' && prop !== 'circleSize',\n})<{ colorConfig: StatusColorConfig; circleSize: number }>(\n  ({ theme, colorConfig, circleSize }) => {\n    const svgSize = Math.round(circleSize * iconSizeRatio)\n    return {\n      backgroundColor: `color-mix(in srgb, ${colorConfig.color} ${colorConfig.mixAmount}%, ${theme.vars.palette.background.paper})`,\n      borderRadius: '50%',\n      width: circleSize,\n      height: circleSize,\n      display: 'grid',\n      position: 'relative',\n      placeItems: 'center',\n      '& > svg': {\n        color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.lightDarken) * 100}%, black)`,\n        width: svgSize,\n        height: svgSize,\n      },\n      ...theme.applyStyles('dark', {\n        '& > svg': {\n          color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.darkDarken) * 100}%, black)`,\n          width: svgSize,\n          height: svgSize,\n        },\n      }),\n    }\n  }\n)\n"],"mappings":";;AAcA,MAAa,kBACX,QACA,UACsB;CACtB,QAAQ,QAAR;EACE,KAAK,WACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,SACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,MAAM;GAChC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,WACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,QACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,WAAW;GACX,aAAa;GACb,YAAY;EACd;CACJ;AACF;AAEA,MAAa,gBAAwB,KAAK;AAE1C,MAAa,iBAKT,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,iBAAiB,SAAS,aAClE,CAAC,GACE,EAAE,OAAO,aAAa,iBAAiB;CACtC,MAAM,UAAU,KAAK,MAAM,aAAa,aAAa;CACrD,OAAO;EACL,iBAAiB,sBAAsB,YAAY,MAAM,GAAG,YAAY,UAAU,KAAK,MAAM,KAAK,QAAQ,WAAW,MAAM;EAC3H,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,eAAe,IAAI;GACtF,OAAO;GACP,QAAQ;EACV;EACA,GAAG,MAAM,YAAY,QAAQ,EAC3B,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,cAAc,IAAI;GACrF,OAAO;GACP,QAAQ;EACV,EACF,CAAC;CACH;AACF,CACF"}
+{"version":3,"file":"IconCircle.style.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.style.tsx"],"sourcesContent":["import type { Theme } from '@mui/material'\nimport { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { StatusIcon } from './statusIcons'\n\nexport const iconCircleSize = 90\n\ninterface StatusColorConfig {\n  color: string\n  mixAmount: number\n  lightDarken: number\n  darkDarken: number\n}\n\nexport const getStatusColor = (\n  status: StatusIcon,\n  theme: Theme\n): StatusColorConfig => {\n  switch (status) {\n    case 'success':\n      return {\n        color: theme.vars.palette.success.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'error':\n      return {\n        color: theme.vars.palette.error.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n    case 'warning':\n      return {\n        color: theme.vars.palette.warning.main,\n        mixAmount: 48,\n        lightDarken: 0.32,\n        darkDarken: 0,\n      }\n    case 'info':\n      return {\n        color: theme.vars.palette.info.main,\n        mixAmount: 12,\n        lightDarken: 0,\n        darkDarken: 0,\n      }\n  }\n}\n\nexport const iconSizeRatio: number = 48 / 90\n\nexport const IconCircleRoot: React.FC<\n  React.ComponentProps<typeof Box> & {\n    colorConfig: StatusColorConfig\n    circleSize: number\n  }\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'colorConfig' && prop !== 'circleSize',\n})<{ colorConfig: StatusColorConfig; circleSize: number }>(\n  ({ theme, colorConfig, circleSize }) => {\n    const svgSize = Math.round(circleSize * iconSizeRatio)\n    return {\n      backgroundColor: `color-mix(in srgb, ${colorConfig.color} ${colorConfig.mixAmount}%, ${theme.vars.palette.background.paper})`,\n      borderRadius: '50%',\n      width: circleSize,\n      height: circleSize,\n      display: 'grid',\n      position: 'relative',\n      placeItems: 'center',\n      '& > svg': {\n        color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.lightDarken) * 100}%, black)`,\n        width: svgSize,\n        height: svgSize,\n      },\n      ...theme.applyStyles('dark', {\n        '& > svg': {\n          color: `color-mix(in srgb, ${colorConfig.color} ${(1 - colorConfig.darkDarken) * 100}%, black)`,\n          width: svgSize,\n          height: svgSize,\n        },\n      }),\n    }\n  }\n)\n"],"mappings":";;AAcA,MAAa,kBACX,QACA,UACsB;CACtB,QAAQ,QAAR;EACE,KAAK,WACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,SACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,MAAM;GAChC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,WACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,QAAQ;GAClC,WAAW;GACX,aAAa;GACb,YAAY;EACd;EACF,KAAK,QACH,OAAO;GACL,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,WAAW;GACX,aAAa;GACb,YAAY;EACd;CACJ;AACF;AAEA,MAAa,gBAAwB,KAAK;AAE1C,MAAa,iBAKT,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,iBAAiB,SAAS,aAClE,CAAC,CAAC,EACC,EAAE,OAAO,aAAa,iBAAiB;CACtC,MAAM,UAAU,KAAK,MAAM,aAAa,aAAa;CACrD,OAAO;EACL,iBAAiB,sBAAsB,YAAY,MAAM,GAAG,YAAY,UAAU,KAAK,MAAM,KAAK,QAAQ,WAAW,MAAM;EAC3H,cAAc;EACd,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,eAAe,IAAI;GACtF,OAAO;GACP,QAAQ;EACV;EACA,GAAG,MAAM,YAAY,QAAQ,EAC3B,WAAW;GACT,OAAO,sBAAsB,YAAY,MAAM,IAAI,IAAI,YAAY,cAAc,IAAI;GACrF,OAAO;GACP,QAAQ;EACV,EACF,CAAC;CACH;AACF,CACF"}

package/dist/esm/components/IconTypography.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconTypography.js","names":[],"sources":["../../../src/components/IconTypography.ts"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const IconTypography: React.FC<BoxProps> = styled(Box)(({ theme }) => ({\n  color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n  lineHeight: 0,\n  ...theme.applyStyles('dark', {\n    color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)`,\n  }),\n}))\n"],"mappings":";;AAIA,MAAa,iBAAqC,OAAO,GAAG,GAAG,EAAE,aAAa;CAC5E,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACpE,YAAY;CACZ,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,oBACtE,CAAC;AACH,EAAE"}
+{"version":3,"file":"IconTypography.js","names":[],"sources":["../../../src/components/IconTypography.ts"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const IconTypography: React.FC<BoxProps> = styled(Box)(({ theme }) => ({\n  color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n  lineHeight: 0,\n  ...theme.applyStyles('dark', {\n    color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)`,\n  }),\n}))\n"],"mappings":";;AAIA,MAAa,iBAAqC,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC5E,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACpE,YAAY;CACZ,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,oBACtE,CAAC;AACH,EAAE"}

package/dist/esm/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { InputBase, inputBaseClasses, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Input: React.FC<React.ComponentProps<typeof InputBase>> = styled(\n  InputBase\n)(({ theme }) => ({\n  paddingRight: theme.spacing(2),\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(1.5, 1, 1.5, 2),\n    height: '2.875em',\n    boxSizing: 'inherit',\n  },\n  fontWeight: 500,\n}))\n"],"mappings":";;AAGA,MAAa,QAA0D,OACrE,SACF,GAAG,EAAE,aAAa;CAChB,cAAc,MAAM,QAAQ,CAAC;EAC5B,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,KAAK,GAAG,KAAK,CAAC;EACrC,QAAQ;EACR,WAAW;CACb;CACA,YAAY;AACd,EAAE"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { InputBase, inputBaseClasses, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Input: React.FC<React.ComponentProps<typeof InputBase>> = styled(\n  InputBase\n)(({ theme }) => ({\n  paddingRight: theme.spacing(2),\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(1.5, 1, 1.5, 2),\n    height: '2.875em',\n    boxSizing: 'inherit',\n  },\n  fontWeight: 500,\n}))\n"],"mappings":";;AAGA,MAAa,QAA0D,OACrE,SACF,CAAC,EAAE,EAAE,aAAa;CAChB,cAAc,MAAM,QAAQ,CAAC;EAC5B,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,KAAK,GAAG,KAAK,CAAC;EACrC,QAAQ;EACR,WAAW;CACb;CACA,YAAY;AACd,EAAE"}

package/dist/esm/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["ListItem","MuiListItem"],"sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import {\n  listItemSecondaryActionClasses,\n  listItemTextClasses,\n  ListItem as MuiListItem,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItem: React.FC<React.ComponentProps<typeof MuiListItem>> =\n  styled(MuiListItem)(({ theme }) => ({\n    height: 64,\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: theme.spacing(0, 1.5),\n    [`.${listItemSecondaryActionClasses.root}`]: {\n      right: theme.spacing(3),\n    },\n    [`& .${listItemTextClasses.secondary}`]: {\n      fontSize: 12,\n      fontWeight: 500,\n    },\n    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]:\n      {\n        lineHeight: 1.3334,\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n      },\n  }))\n"],"mappings":";;AAQA,MAAaA,aACX,OAAOC,QAAW,GAAG,EAAE,aAAa;CAClC,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG;EAC5B,IAAI,+BAA+B,SAAS,EAC3C,OAAO,MAAM,QAAQ,CAAC,EACxB;EACC,MAAM,oBAAoB,cAAc;EACvC,UAAU;EACV,YAAY;CACd;EACC,MAAM,oBAAoB,QAAQ,OAAO,oBAAoB,cAC5D;EACE,YAAY;EACZ,cAAc;EACd,UAAU;EACV,YAAY;CACd;AACJ,EAAE"}
+{"version":3,"file":"ListItem.js","names":["ListItem","MuiListItem"],"sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import {\n  listItemSecondaryActionClasses,\n  listItemTextClasses,\n  ListItem as MuiListItem,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItem: React.FC<React.ComponentProps<typeof MuiListItem>> =\n  styled(MuiListItem)(({ theme }) => ({\n    height: 64,\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: theme.spacing(0, 1.5),\n    [`.${listItemSecondaryActionClasses.root}`]: {\n      right: theme.spacing(3),\n    },\n    [`& .${listItemTextClasses.secondary}`]: {\n      fontSize: 12,\n      fontWeight: 500,\n    },\n    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]:\n      {\n        lineHeight: 1.3334,\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n      },\n  }))\n"],"mappings":";;AAQA,MAAaA,aACX,OAAOC,QAAW,CAAC,EAAE,EAAE,aAAa;CAClC,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG;EAC5B,IAAI,+BAA+B,SAAS,EAC3C,OAAO,MAAM,QAAQ,CAAC,EACxB;EACC,MAAM,oBAAoB,cAAc;EACvC,UAAU;EACV,YAAY;CACd;EACC,MAAM,oBAAoB,QAAQ,OAAO,oBAAoB,cAC5D;EACE,YAAY;EACZ,cAAc;EACd,UAAU;EACV,YAAY;CACd;AACJ,EAAE"}

package/dist/esm/components/ListItem/ListItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.js","names":["ListItemButton","ListItemButtonBase"],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from '../ListItemButton.js'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase>\n> = styled(ListItemButtonBase)(({ theme }) => ({\n  paddingLeft: theme.spacing(1.5),\n  paddingRight: theme.spacing(1.5),\n  height: 64,\n  width: '100%',\n}))\n"],"mappings":";;;AAIA,MAAaA,mBAET,OAAOC,gBAAkB,GAAG,EAAE,aAAa;CAC7C,aAAa,MAAM,QAAQ,GAAG;CAC9B,cAAc,MAAM,QAAQ,GAAG;CAC/B,QAAQ;CACR,OAAO;AACT,EAAE"}
+{"version":3,"file":"ListItemButton.js","names":["ListItemButton","ListItemButtonBase"],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from '../ListItemButton.js'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase>\n> = styled(ListItemButtonBase)(({ theme }) => ({\n  paddingLeft: theme.spacing(1.5),\n  paddingRight: theme.spacing(1.5),\n  height: 64,\n  width: '100%',\n}))\n"],"mappings":";;;AAIA,MAAaA,mBAET,OAAOC,gBAAkB,CAAC,EAAE,EAAE,aAAa;CAC7C,aAAa,MAAM,QAAQ,GAAG;CAC9B,cAAc,MAAM,QAAQ,GAAG;CAC/B,QAAQ;CACR,OAAO;AACT,EAAE"}

package/dist/esm/components/ListItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.js","names":["ListItemButton","MuiListItemButton"],"sources":["../../../src/components/ListItemButton.tsx"],"sourcesContent":["import {\n  listItemButtonClasses,\n  ListItemButton as MuiListItemButton,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof MuiListItemButton>\n> = styled(MuiListItemButton)(({ theme }) => {\n  return {\n    borderRadius: theme.vars.shape.borderRadius,\n    paddingLeft: theme.spacing(1.5),\n    height: 56,\n    '&:hover': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    },\n    [`&.${listItemButtonClasses.selected}`]: {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,\n      '&:hover': {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,\n      },\n      ...theme.applyStyles('dark', {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,\n        },\n      }),\n    },\n    variants: [\n      {\n        props: ({ disabled }) => disabled,\n        style: {\n          opacity: 0.5,\n          cursor: 'auto',\n          '&:hover': {\n            backgroundColor: 'none',\n          },\n        },\n      },\n    ],\n  }\n})\n"],"mappings":";;AAOA,MAAaA,mBAET,OAAOC,cAAiB,GAAG,EAAE,YAAY;CAC3C,OAAO;EACL,cAAc,MAAM,KAAK,MAAM;EAC/B,aAAa,MAAM,QAAQ,GAAG;EAC9B,QAAQ;EACR,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;GACC,KAAK,sBAAsB,aAAa;GACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;GACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;IACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;GACF,CAAC;EACH;EACA,UAAU,CACR;GACE,QAAQ,EAAE,eAAe;GACzB,OAAO;IACL,SAAS;IACT,QAAQ;IACR,WAAW,EACT,iBAAiB,OACnB;GACF;EACF,CACF;CACF;AACF,CAAC"}
+{"version":3,"file":"ListItemButton.js","names":["ListItemButton","MuiListItemButton"],"sources":["../../../src/components/ListItemButton.tsx"],"sourcesContent":["import {\n  listItemButtonClasses,\n  ListItemButton as MuiListItemButton,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof MuiListItemButton>\n> = styled(MuiListItemButton)(({ theme }) => {\n  return {\n    borderRadius: theme.vars.shape.borderRadius,\n    paddingLeft: theme.spacing(1.5),\n    height: 56,\n    '&:hover': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    },\n    [`&.${listItemButtonClasses.selected}`]: {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,\n      '&:hover': {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,\n      },\n      ...theme.applyStyles('dark', {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,\n        },\n      }),\n    },\n    variants: [\n      {\n        props: ({ disabled }) => disabled,\n        style: {\n          opacity: 0.5,\n          cursor: 'auto',\n          '&:hover': {\n            backgroundColor: 'none',\n          },\n        },\n      },\n    ],\n  }\n})\n"],"mappings":";;AAOA,MAAaA,mBAET,OAAOC,cAAiB,CAAC,EAAE,EAAE,YAAY;CAC3C,OAAO;EACL,cAAc,MAAM,KAAK,MAAM;EAC/B,aAAa,MAAM,QAAQ,GAAG;EAC9B,QAAQ;EACR,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,mBAChF;GACC,KAAK,sBAAsB,aAAa;GACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;GACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;GACA,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;IACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,cAC3E;GACF,CAAC;EACH;EACA,UAAU,CACR;GACE,QAAQ,EAAE,eAAe;GACzB,OAAO;IACL,SAAS;IACT,QAAQ;IACR,WAAW,EACT,iBAAiB,OACnB;GACF;EACF,CACF;CACF;AACF,CAAC"}

package/dist/esm/components/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemText.js","names":["ListItemText","MuiListItemText"],"sources":["../../../src/components/ListItemText.tsx"],"sourcesContent":["import {\n  listItemTextClasses,\n  ListItemText as MuiListItemText,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemText: React.FC<\n  React.ComponentProps<typeof MuiListItemText>\n> = styled(MuiListItemText)(() => ({\n  [`.${listItemTextClasses.primary}`]: {\n    fontWeight: 500,\n  },\n}))\n"],"mappings":";;AAOA,MAAaA,iBAET,OAAOC,YAAe,SAAS,GAChC,IAAI,oBAAoB,YAAY,EACnC,YAAY,IACd,EACF,EAAE"}
+{"version":3,"file":"ListItemText.js","names":["ListItemText","MuiListItemText"],"sources":["../../../src/components/ListItemText.tsx"],"sourcesContent":["import {\n  listItemTextClasses,\n  ListItemText as MuiListItemText,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemText: React.FC<\n  React.ComponentProps<typeof MuiListItemText>\n> = styled(MuiListItemText)(() => ({\n  [`.${listItemTextClasses.primary}`]: {\n    fontWeight: 500,\n  },\n}))\n"],"mappings":";;AAOA,MAAaA,iBAET,OAAOC,YAAe,CAAC,QAAQ,GAChC,IAAI,oBAAoB,YAAY,EACnC,YAAY,IACd,EACF,EAAE"}

package/dist/esm/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","MuiMenu"],"sources":["../../../src/components/Menu.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const Menu: React.FC<React.ComponentProps<typeof MuiMenu>> = styled(\n  MuiMenu\n)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 2, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n        marginRight: theme.spacing(1.5),\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAaA,SAAuD,OAClEC,IACF,GAAG,EAAE,aAAa,GACf,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;EACvB,MAAM,YAAY,SAAS,EAC1B,SAAS,EACX;EACC,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;GAChC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,aAAa,MAAM,QAAQ,GAAG;EAChC;CACF;AACF,EACF,EAAE"}
+{"version":3,"file":"Menu.js","names":["Menu","MuiMenu"],"sources":["../../../src/components/Menu.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const Menu: React.FC<React.ComponentProps<typeof MuiMenu>> = styled(\n  MuiMenu\n)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 2, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n        marginRight: theme.spacing(1.5),\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAaA,SAAuD,OAClEC,IACF,CAAC,EAAE,EAAE,aAAa,GACf,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,CAAC;EACvB,MAAM,YAAY,SAAS,EAC1B,SAAS,EACX;EACC,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;GAChC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,aAAa,MAAM,QAAQ,GAAG;EAChC;CACF;AACF,EACF,EAAE"}

package/dist/esm/components/Messages/AlertMessage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertMessage.style.js","names":[],"sources":["../../../../src/components/Messages/AlertMessage.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { Severity } from './types.js'\n\ninterface AlertSeverityProps {\n  severity: Severity\n}\n\nexport const AlertMessageCard: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  borderRadius: theme.vars.shape.borderRadius,\n  position: 'relative',\n  whiteSpace: 'pre-line',\n  width: '100%',\n  paddingBottom: theme.spacing(2),\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n        }),\n      },\n    },\n  ],\n}))\n\nexport const AlertMessageCardTitle: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  display: 'flex',\n  paddingLeft: theme.spacing(2),\n  paddingRight: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  gap: theme.spacing(1),\n  color: theme.vars.palette.info.main,\n  ...theme.applyStyles('dark', {\n    color: `color-mix(in srgb, ${theme.vars.palette.info.main} 76%, white)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,\n        ...theme.applyStyles('dark', {\n          color: theme.vars.palette.warning.main,\n        }),\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAQA,MAAa,mBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,WACxC,CAAC,GAAuB,EAAE,aAAa;CACrC,cAAc,MAAM,KAAK,MAAM;CAC/B,UAAU;CACV,YAAY;CACZ,OAAO;CACP,eAAe,MAAM,QAAQ,CAAC;CAC9B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;CACpE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE,CAAC;CACD,UAAU,CACR;EACE,OAAO,EACL,UAAU,UACZ;EACA,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GACvE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,oBACzE,CAAC;EACH;CACF,CACF;AACF,EAAE;AAEF,MAAa,wBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,WACxC,CAAC,GAAuB,EAAE,aAAa;CACrC,SAAS;CACT,aAAa,MAAM,QAAQ,CAAC;CAC5B,cAAc,MAAM,QAAQ,CAAC;CAC7B,YAAY,MAAM,QAAQ,CAAC;CAC3B,KAAK,MAAM,QAAQ,CAAC;CACpB,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,cAC5D,CAAC;CACD,UAAU,CACR;EACE,OAAO,EACL,UAAU,UACZ;EACA,OAAO;GACL,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GAC7D,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,MAAM,KAAK,QAAQ,QAAQ,KACpC,CAAC;EACH;CACF,CACF;AACF,EAAE"}
+{"version":3,"file":"AlertMessage.style.js","names":[],"sources":["../../../../src/components/Messages/AlertMessage.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { Severity } from './types.js'\n\ninterface AlertSeverityProps {\n  severity: Severity\n}\n\nexport const AlertMessageCard: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  borderRadius: theme.vars.shape.borderRadius,\n  position: 'relative',\n  whiteSpace: 'pre-line',\n  width: '100%',\n  paddingBottom: theme.spacing(2),\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n        }),\n      },\n    },\n  ],\n}))\n\nexport const AlertMessageCardTitle: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  display: 'flex',\n  paddingLeft: theme.spacing(2),\n  paddingRight: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  gap: theme.spacing(1),\n  color: theme.vars.palette.info.main,\n  ...theme.applyStyles('dark', {\n    color: `color-mix(in srgb, ${theme.vars.palette.info.main} 76%, white)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,\n        ...theme.applyStyles('dark', {\n          color: theme.vars.palette.warning.main,\n        }),\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAQA,MAAa,mBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,WACxC,CAAC,CAAC,EAAsB,EAAE,aAAa;CACrC,cAAc,MAAM,KAAK,MAAM;CAC/B,UAAU;CACV,YAAY;CACZ,OAAO;CACP,eAAe,MAAM,QAAQ,CAAC;CAC9B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;CACpE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE,CAAC;CACD,UAAU,CACR;EACE,OAAO,EACL,UAAU,UACZ;EACA,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GACvE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,oBACzE,CAAC;EACH;CACF,CACF;AACF,EAAE;AAEF,MAAa,wBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,WACxC,CAAC,CAAC,EAAsB,EAAE,aAAa;CACrC,SAAS;CACT,aAAa,MAAM,QAAQ,CAAC;CAC5B,cAAc,MAAM,QAAQ,CAAC;CAC7B,YAAY,MAAM,QAAQ,CAAC;CAC3B,KAAK,MAAM,QAAQ,CAAC;CACpB,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,cAC5D,CAAC;CACD,UAAU,CACR;EACE,OAAO,EACL,UAAU,UACZ;EACA,OAAO;GACL,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GAC7D,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,MAAM,KAAK,QAAQ,QAAQ,KACpC,CAAC;EACH;CACF,CACF;AACF,EAAE"}

package/dist/esm/components/Messages/GasRefuelMessage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"GasRefuelMessage.style.js","names":["Switch"],"sources":["../../../../src/components/Messages/GasRefuelMessage.style.ts"],"sourcesContent":["import { styled, switchClasses } from '@mui/material'\nimport type React from 'react'\nimport { Switch } from '../Switch.js'\n\nexport const InfoMessageSwitch: React.FC<React.ComponentProps<typeof Switch>> =\n  styled(Switch)(({ theme }) => ({\n    [`.${switchClasses.switchBase}`]: {\n      [`&.${switchClasses.checked}`]: {\n        [`& + .${switchClasses.track}`]: {\n          backgroundColor: theme.vars.palette.info.main,\n          ...theme.applyStyles('dark', {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n          }),\n        },\n      },\n      [`&.Mui-focusVisible .${switchClasses.thumb}`]: {\n        color: theme.vars.palette.info.main,\n        ...theme.applyStyles('dark', {\n          color: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n        }),\n      },\n    },\n  }))\n"],"mappings":";;;AAIA,MAAa,oBACX,OAAOA,QAAM,GAAG,EAAE,aAAa,GAC5B,IAAI,cAAc,eAAe;EAC/B,KAAK,cAAc,YAAY,GAC7B,QAAQ,cAAc,UAAU;EAC/B,iBAAiB,MAAM,KAAK,QAAQ,KAAK;EACzC,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE,CAAC;CACH,EACF;EACC,uBAAuB,cAAc,UAAU;EAC9C,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBAC5D,CAAC;CACH;AACF,EACF,EAAE"}
+{"version":3,"file":"GasRefuelMessage.style.js","names":["Switch"],"sources":["../../../../src/components/Messages/GasRefuelMessage.style.ts"],"sourcesContent":["import { styled, switchClasses } from '@mui/material'\nimport type React from 'react'\nimport { Switch } from '../Switch.js'\n\nexport const InfoMessageSwitch: React.FC<React.ComponentProps<typeof Switch>> =\n  styled(Switch)(({ theme }) => ({\n    [`.${switchClasses.switchBase}`]: {\n      [`&.${switchClasses.checked}`]: {\n        [`& + .${switchClasses.track}`]: {\n          backgroundColor: theme.vars.palette.info.main,\n          ...theme.applyStyles('dark', {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n          }),\n        },\n      },\n      [`&.Mui-focusVisible .${switchClasses.thumb}`]: {\n        color: theme.vars.palette.info.main,\n        ...theme.applyStyles('dark', {\n          color: `color-mix(in srgb, ${theme.vars.palette.info.main} 84%, transparent)`,\n        }),\n      },\n    },\n  }))\n"],"mappings":";;;AAIA,MAAa,oBACX,OAAOA,QAAM,CAAC,EAAE,EAAE,aAAa,GAC5B,IAAI,cAAc,eAAe;EAC/B,KAAK,cAAc,YAAY,GAC7B,QAAQ,cAAc,UAAU;EAC/B,iBAAiB,MAAM,KAAK,QAAQ,KAAK;EACzC,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBACtE,CAAC;CACH,EACF;EACC,uBAAuB,cAAc,UAAU;EAC9C,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,oBAC5D,CAAC;CACH;AACF,EACF,EAAE"}

package/dist/esm/components/Messages/WarningMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningMessages.js","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport { AccountDeployedMessage } from './AccountDeployedMessage.js'\nimport { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'\nimport { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'\nimport { GasSufficiencyMessage } from './GasSufficiencyMessage.js'\nimport { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'\nimport { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'\nimport { useMessageQueue } from './useMessageQueue.js'\n\ntype WarningMessagesProps = BoxProps & {\n  route?: Route\n  allowInteraction?: boolean\n}\n\nexport const WarningMessages: React.FC<WarningMessagesProps> = ({\n  route,\n  allowInteraction,\n  ...props\n}) => {\n  const { messages, hasMessages } = useMessageQueue(route, allowInteraction)\n\n  const getMessage = () => {\n    switch (messages[0]?.id) {\n      case 'MISSING_ROUTE_REQUIRED_ACCOUNT':\n        return (\n          <MissingRouteRequiredAccountMessage\n            chain={messages[0].props?.chain}\n            address={messages[0].props?.address}\n            {...props}\n          />\n        )\n      case 'INSUFFICIENT_FUNDS':\n        return <FundsSufficiencyMessage {...props} />\n      case 'INSUFFICIENT_GAS':\n        return (\n          <GasSufficiencyMessage\n            insufficientGas={messages[0].props?.insufficientGas}\n            {...props}\n          />\n        )\n      case 'MIN_FROM_AMOUNT_USD':\n        return (\n          <MinFromAmountUSDMessage\n            minFromAmountUSD={messages[0].props?.minFromAmountUSD}\n            {...props}\n          />\n        )\n      case 'ACCOUNT_NOT_DEPLOYED':\n        return <AccountNotDeployedMessage {...props} />\n      case 'ACCOUNT_DEPLOYED':\n        return <AccountDeployedMessage {...props} />\n      default:\n        return null\n    }\n  }\n\n  return (\n    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>\n      {getMessage()}\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,mBAAmD,EAC9D,OACA,kBACA,GAAG,YACC;CACJ,MAAM,EAAE,UAAU,gBAAgB,gBAAgB,OAAO,gBAAgB;CAEzE,MAAM,mBAAmB;EACvB,QAAQ,SAAS,IAAI,IAArB;GACE,KAAK,kCACH,OACE,oBAAC,oCAAD;IACE,OAAO,SAAS,GAAG,OAAO;IAC1B,SAAS,SAAS,GAAG,OAAO;IAC5B,GAAI;GACL,CAAA;GAEL,KAAK,sBACH,OAAO,oBAAC,yBAAD,EAAyB,GAAI,MAAQ,CAAA;GAC9C,KAAK,oBACH,OACE,oBAAC,uBAAD;IACE,iBAAiB,SAAS,GAAG,OAAO;IACpC,GAAI;GACL,CAAA;GAEL,KAAK,uBACH,OACE,oBAAC,yBAAD;IACE,kBAAkB,SAAS,GAAG,OAAO;IACrC,GAAI;GACL,CAAA;GAEL,KAAK,wBACH,OAAO,oBAAC,2BAAD,EAA2B,GAAI,MAAQ,CAAA;GAChD,KAAK,oBACH,OAAO,oBAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA;GAC7C,SACE,OAAO;EACX;CACF;CAEA,OACE,oBAAC,UAAD;EAAU,IAAI;EAAa,SAAS;EAAK,eAAA;EAAc,cAAA;YACpD,WAAW;CACJ,CAAA;AAEd"}
+{"version":3,"file":"WarningMessages.js","names":[],"sources":["../../../../src/components/Messages/WarningMessages.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { BoxProps } from '@mui/material'\nimport { Collapse } from '@mui/material'\nimport { AccountDeployedMessage } from './AccountDeployedMessage.js'\nimport { AccountNotDeployedMessage } from './AccountNotDeployedMessage.js'\nimport { FundsSufficiencyMessage } from './FundsSufficiencyMessage.js'\nimport { GasSufficiencyMessage } from './GasSufficiencyMessage.js'\nimport { MinFromAmountUSDMessage } from './MinFromAmountUSDMessage.js'\nimport { MissingRouteRequiredAccountMessage } from './MissingRouteRequiredAccountMessage.js'\nimport { useMessageQueue } from './useMessageQueue.js'\n\ntype WarningMessagesProps = BoxProps & {\n  route?: Route\n  allowInteraction?: boolean\n}\n\nexport const WarningMessages: React.FC<WarningMessagesProps> = ({\n  route,\n  allowInteraction,\n  ...props\n}) => {\n  const { messages, hasMessages } = useMessageQueue(route, allowInteraction)\n\n  const getMessage = () => {\n    switch (messages[0]?.id) {\n      case 'MISSING_ROUTE_REQUIRED_ACCOUNT':\n        return (\n          <MissingRouteRequiredAccountMessage\n            chain={messages[0].props?.chain}\n            address={messages[0].props?.address}\n            {...props}\n          />\n        )\n      case 'INSUFFICIENT_FUNDS':\n        return <FundsSufficiencyMessage {...props} />\n      case 'INSUFFICIENT_GAS':\n        return (\n          <GasSufficiencyMessage\n            insufficientGas={messages[0].props?.insufficientGas}\n            {...props}\n          />\n        )\n      case 'MIN_FROM_AMOUNT_USD':\n        return (\n          <MinFromAmountUSDMessage\n            minFromAmountUSD={messages[0].props?.minFromAmountUSD}\n            {...props}\n          />\n        )\n      case 'ACCOUNT_NOT_DEPLOYED':\n        return <AccountNotDeployedMessage {...props} />\n      case 'ACCOUNT_DEPLOYED':\n        return <AccountDeployedMessage {...props} />\n      default:\n        return null\n    }\n  }\n\n  return (\n    <Collapse in={hasMessages} timeout={225} unmountOnExit mountOnEnter>\n      {getMessage()}\n    </Collapse>\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,mBAAmD,EAC9D,OACA,kBACA,GAAG,YACC;CACJ,MAAM,EAAE,UAAU,gBAAgB,gBAAgB,OAAO,gBAAgB;CAEzE,MAAM,mBAAmB;EACvB,QAAQ,SAAS,EAAE,EAAE,IAArB;GACE,KAAK,kCACH,OACE,oBAAC,oCAAD;IACE,OAAO,SAAS,EAAE,CAAC,OAAO;IAC1B,SAAS,SAAS,EAAE,CAAC,OAAO;IAC5B,GAAI;GACL,CAAA;GAEL,KAAK,sBACH,OAAO,oBAAC,yBAAD,EAAyB,GAAI,MAAQ,CAAA;GAC9C,KAAK,oBACH,OACE,oBAAC,uBAAD;IACE,iBAAiB,SAAS,EAAE,CAAC,OAAO;IACpC,GAAI;GACL,CAAA;GAEL,KAAK,uBACH,OACE,oBAAC,yBAAD;IACE,kBAAkB,SAAS,EAAE,CAAC,OAAO;IACrC,GAAI;GACL,CAAA;GAEL,KAAK,wBACH,OAAO,oBAAC,2BAAD,EAA2B,GAAI,MAAQ,CAAA;GAChD,KAAK,oBACH,OAAO,oBAAC,wBAAD,EAAwB,GAAI,MAAQ,CAAA;GAC7C,SACE,OAAO;EACX;CACF;CAEA,OACE,oBAAC,UAAD;EAAU,IAAI;EAAa,SAAS;EAAK,eAAA;EAAc,cAAA;YACpD,WAAW;CACJ,CAAA;AAEd"}

package/dist/esm/components/PageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","names":[],"sources":["../../../src/components/PageContainer.ts"],"sourcesContent":["import type { ContainerProps } from '@mui/material'\nimport { Container, styled } from '@mui/material'\nimport type React from 'react'\n\nexport interface PageContainerProps extends ContainerProps {\n  halfGutters?: boolean\n  topGutters?: boolean\n  bottomGutters?: boolean\n}\n\nexport const PageContainer: React.FC<\n  React.ComponentProps<typeof Container> & PageContainerProps\n> = styled(Container, {\n  shouldForwardProp: (prop) =>\n    !['halfGutters', 'topGutters', 'bottomGutters'].includes(prop as string),\n})<PageContainerProps>(({ theme, halfGutters, topGutters, bottomGutters }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 1,\n  padding: theme.spacing(\n    topGutters ? 1.5 : 0,\n    halfGutters ? 1.5 : 3,\n    bottomGutters ? 3 : 0,\n    halfGutters ? 1.5 : 3\n  ),\n  variants: [\n    {\n      props: ({ disableGutters }) => disableGutters,\n      style: {\n        padding: 0,\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAUA,MAAa,gBAET,OAAO,WAAW,EACpB,oBAAoB,SAClB,CAAC;CAAC;CAAe;CAAc;AAAe,EAAE,SAAS,IAAc,EAC3E,CAAC,GAAuB,EAAE,OAAO,aAAa,YAAY,qBAAqB;CAC7E,SAAS;CACT,eAAe;CACf,MAAM;CACN,SAAS,MAAM,QACb,aAAa,MAAM,GACnB,cAAc,MAAM,GACpB,gBAAgB,IAAI,GACpB,cAAc,MAAM,CACtB;CACA,UAAU,CACR;EACE,QAAQ,EAAE,qBAAqB;EAC/B,OAAO,EACL,SAAS,EACX;CACF,CACF;AACF,EAAE"}
+{"version":3,"file":"PageContainer.js","names":[],"sources":["../../../src/components/PageContainer.ts"],"sourcesContent":["import type { ContainerProps } from '@mui/material'\nimport { Container, styled } from '@mui/material'\nimport type React from 'react'\n\nexport interface PageContainerProps extends ContainerProps {\n  halfGutters?: boolean\n  topGutters?: boolean\n  bottomGutters?: boolean\n}\n\nexport const PageContainer: React.FC<\n  React.ComponentProps<typeof Container> & PageContainerProps\n> = styled(Container, {\n  shouldForwardProp: (prop) =>\n    !['halfGutters', 'topGutters', 'bottomGutters'].includes(prop as string),\n})<PageContainerProps>(({ theme, halfGutters, topGutters, bottomGutters }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  flex: 1,\n  padding: theme.spacing(\n    topGutters ? 1.5 : 0,\n    halfGutters ? 1.5 : 3,\n    bottomGutters ? 3 : 0,\n    halfGutters ? 1.5 : 3\n  ),\n  variants: [\n    {\n      props: ({ disableGutters }) => disableGutters,\n      style: {\n        padding: 0,\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAUA,MAAa,gBAET,OAAO,WAAW,EACpB,oBAAoB,SAClB,CAAC;CAAC;CAAe;CAAc;AAAe,CAAC,CAAC,SAAS,IAAc,EAC3E,CAAC,CAAC,EAAsB,EAAE,OAAO,aAAa,YAAY,qBAAqB;CAC7E,SAAS;CACT,eAAe;CACf,MAAM;CACN,SAAS,MAAM,QACb,aAAa,MAAM,GACnB,cAAc,MAAM,GACpB,gBAAgB,IAAI,GACpB,cAAc,MAAM,CACtB;CACA,UAAU,CACR;EACE,QAAQ,EAAE,qBAAqB;EAC/B,OAAO,EACL,SAAS,EACX;CACF,CACF;AACF,EAAE"}

package/dist/esm/components/PoweredBy/PoweredBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.js","names":["Link"],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { Box, Tooltip, Typography } from '@mui/material'\nimport { version } from '../../config/version.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Link } from './PoweredBy.style.js'\n\nconst poweredByConfig = {\n  default: {\n    url: 'https://li.fi',\n    text: 'LI.FI',\n  },\n  jumper: {\n    url: 'https://jumper.exchange',\n    text: 'Jumper',\n  },\n}\n\nexport const PoweredBy: React.FC = () => {\n  const { poweredBy = 'default' } = useWidgetConfig()\n\n  return (\n    <Box\n      sx={{\n        pt: 1,\n        pb: 2,\n        flex: 1,\n        display: 'flex',\n        alignItems: 'flex-end',\n        justifyContent: 'flex-end',\n      }}\n    >\n      <Tooltip title={`v${version}`} enterDelay={1000}>\n        <Link\n          href={poweredByConfig[poweredBy].url}\n          target=\"_blank\"\n          underline=\"none\"\n          color=\"text.primary\"\n        >\n          <Typography\n            sx={{\n              color: 'text.secondary',\n              fontSize: 12,\n              fontWeight: 500,\n              px: 0.5,\n            }}\n          >\n            Powered by\n          </Typography>\n          <Typography\n            sx={{\n              color: 'text.primary',\n              fontSize: 12,\n              fontWeight: 600,\n            }}\n          >\n            {poweredByConfig[poweredBy].text}\n          </Typography>\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB;CACtB,SAAS;EACP,KAAK;EACL,MAAM;CACR;CACA,QAAQ;EACN,KAAK;EACL,MAAM;CACR;AACF;AAEA,MAAa,kBAA4B;CACvC,MAAM,EAAE,YAAY,cAAc,gBAAgB;CAElD,OACE,oBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;YAEA,oBAAC,SAAD;GAAS,OAAO,IAAI;GAAW,YAAY;aACzC,qBAACA,QAAD;IACE,MAAM,gBAAgB,WAAW;IACjC,QAAO;IACP,WAAU;IACV,OAAM;cAJR,CAME,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;MACZ,IAAI;KACN;eACD;IAEW,CAAA,GACZ,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;KACd;eAEC,gBAAgB,WAAW;IAClB,CAAA,CACR;;EACC,CAAA;CACN,CAAA;AAET"}
+{"version":3,"file":"PoweredBy.js","names":["Link"],"sources":["../../../../src/components/PoweredBy/PoweredBy.tsx"],"sourcesContent":["import { Box, Tooltip, Typography } from '@mui/material'\nimport { version } from '../../config/version.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Link } from './PoweredBy.style.js'\n\nconst poweredByConfig = {\n  default: {\n    url: 'https://li.fi',\n    text: 'LI.FI',\n  },\n  jumper: {\n    url: 'https://jumper.exchange',\n    text: 'Jumper',\n  },\n}\n\nexport const PoweredBy: React.FC = () => {\n  const { poweredBy = 'default' } = useWidgetConfig()\n\n  return (\n    <Box\n      sx={{\n        pt: 1,\n        pb: 2,\n        flex: 1,\n        display: 'flex',\n        alignItems: 'flex-end',\n        justifyContent: 'flex-end',\n      }}\n    >\n      <Tooltip title={`v${version}`} enterDelay={1000}>\n        <Link\n          href={poweredByConfig[poweredBy].url}\n          target=\"_blank\"\n          underline=\"none\"\n          color=\"text.primary\"\n        >\n          <Typography\n            sx={{\n              color: 'text.secondary',\n              fontSize: 12,\n              fontWeight: 500,\n              px: 0.5,\n            }}\n          >\n            Powered by\n          </Typography>\n          <Typography\n            sx={{\n              color: 'text.primary',\n              fontSize: 12,\n              fontWeight: 600,\n            }}\n          >\n            {poweredByConfig[poweredBy].text}\n          </Typography>\n        </Link>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB;CACtB,SAAS;EACP,KAAK;EACL,MAAM;CACR;CACA,QAAQ;EACN,KAAK;EACL,MAAM;CACR;AACF;AAEA,MAAa,kBAA4B;CACvC,MAAM,EAAE,YAAY,cAAc,gBAAgB;CAElD,OACE,oBAAC,KAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;YAEA,oBAAC,SAAD;GAAS,OAAO,IAAI;GAAW,YAAY;aACzC,qBAACA,QAAD;IACE,MAAM,gBAAgB,UAAU,CAAC;IACjC,QAAO;IACP,WAAU;IACV,OAAM;cAJR,CAME,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;MACZ,IAAI;KACN;eACD;IAEW,CAAA,GACZ,oBAAC,YAAD;KACE,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;KACd;eAEC,gBAAgB,UAAU,CAAC;IAClB,CAAA,CACR;;EACC,CAAA;CACN,CAAA;AAET"}

package/dist/esm/components/PoweredBy/PoweredBy.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PoweredBy.style.js","names":["Link","MuiLink"],"sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"sourcesContent":["import { Link as MuiLink, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Link: React.FC<React.ComponentProps<typeof MuiLink>> = styled(\n  MuiLink\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  border: 'none',\n  ':hover': {\n    color: theme.vars.palette.primary.main,\n  },\n}))\n"],"mappings":";;AAGA,MAAaA,SAAuD,OAClEC,IACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,UAAU,EACR,OAAO,MAAM,KAAK,QAAQ,QAAQ,KACpC;AACF,EAAE"}
+{"version":3,"file":"PoweredBy.style.js","names":["Link","MuiLink"],"sources":["../../../../src/components/PoweredBy/PoweredBy.style.ts"],"sourcesContent":["import { Link as MuiLink, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Link: React.FC<React.ComponentProps<typeof MuiLink>> = styled(\n  MuiLink\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  border: 'none',\n  ':hover': {\n    color: theme.vars.palette.primary.main,\n  },\n}))\n"],"mappings":";;AAGA,MAAaA,SAAuD,OAClEC,IACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,UAAU,EACR,OAAO,MAAM,KAAK,QAAQ,QAAQ,KACpC;AACF,EAAE"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -29,6 +29,7 @@ const ReverseTokensButton = () => {
 		if (toChain) tryResetToAddress(toChain);
 	};
 	return /* @__PURE__ */ jsx(ReverseContainer, { children: /* @__PURE__ */ jsx(IconCard, {
+		"data-testid": "widget-reverse-tokens-button",
 		onClick: handleClick,
 		children: /* @__PURE__ */ jsx(ArrowForward, { fontSize: "inherit" })
 	}) });

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.js","names":[],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"sourcesContent":["import ArrowForward from '@mui/icons-material/ArrowForward'\nimport type { JSX } from 'react'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js'\nimport { useToAddressReset } from '../../hooks/useToAddressReset.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { IconCard, ReverseContainer } from './ReverseTokensButton.style.js'\n\nexport const ReverseTokensButton = (): JSX.Element => {\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const { getChainById } = useAvailableChains()\n  const { tryResetToAddress } = useToAddressReset()\n  const autoPopulateToAddress = useToAddressAutoPopulate()\n\n  const handleClick = () => {\n    const [fromChainId, fromToken, toChainId, toToken, toAddress] =\n      getFieldValues(\n        'fromChain',\n        'fromToken',\n        'toChain',\n        'toToken',\n        'toAddress'\n      )\n    setFieldValue('fromAmount', '', { isTouched: true })\n    setFieldValue('fromChain', toChainId, { isTouched: true })\n    setFieldValue('fromToken', toToken, { isTouched: true })\n    setFieldValue('toChain', fromChainId, { isTouched: true })\n    setFieldValue('toToken', fromToken, { isTouched: true })\n\n    const autoPopulatedToAddress = autoPopulateToAddress({\n      formType: 'from',\n      selectedToAddress: toAddress,\n      selectedChainId: toChainId,\n      selectedOppositeChainId: fromChainId,\n      selectedOppositeTokenAddress: fromToken,\n    })\n\n    // Returning early as a compatible connected wallet was found, and toAddress has been populated\n    if (autoPopulatedToAddress) {\n      return\n    }\n\n    // Auto-population applies in certain scenarios, but otherwise,\n    // we attempt to reset `toAddress` when bridging across ecosystems\n    // fromChainId becomes toChainId after using reverse\n    const toChain = getChainById(fromChainId)\n    if (toChain) {\n      tryResetToAddress(toChain)\n    }\n  }\n  return (\n    <ReverseContainer>\n      <IconCard onClick={handleClick}>\n        <ArrowForward fontSize=\"inherit\" />\n      </IconCard>\n    </ReverseContainer>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,4BAAyC;CACpD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAC1D,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,MAAM,wBAAwB,yBAAyB;CAEvD,MAAM,oBAAoB;EACxB,MAAM,CAAC,aAAa,WAAW,WAAW,SAAS,aACjD,eACE,aACA,aACA,WACA,WACA,WACF;EACF,cAAc,cAAc,IAAI,EAAE,WAAW,KAAK,CAAC;EACnD,cAAc,aAAa,WAAW,EAAE,WAAW,KAAK,CAAC;EACzD,cAAc,aAAa,SAAS,EAAE,WAAW,KAAK,CAAC;EACvD,cAAc,WAAW,aAAa,EAAE,WAAW,KAAK,CAAC;EACzD,cAAc,WAAW,WAAW,EAAE,WAAW,KAAK,CAAC;EAWvD,IAT+B,sBAAsB;GACnD,UAAU;GACV,mBAAmB;GACnB,iBAAiB;GACjB,yBAAyB;GACzB,8BAA8B;EAChC,CAGyB,GACvB;EAMF,MAAM,UAAU,aAAa,WAAW;EACxC,IAAI,SACF,kBAAkB,OAAO;CAE7B;CACA,OACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,UAAD;EAAU,SAAS;YACjB,oBAAC,cAAD,EAAc,UAAS,UAAW,CAAA;CAC1B,CAAA,EACM,CAAA;AAEtB"}
+{"version":3,"file":"ReverseTokensButton.js","names":[],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"sourcesContent":["import ArrowForward from '@mui/icons-material/ArrowForward'\nimport type { JSX } from 'react'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js'\nimport { useToAddressReset } from '../../hooks/useToAddressReset.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { IconCard, ReverseContainer } from './ReverseTokensButton.style.js'\n\nexport const ReverseTokensButton = (): JSX.Element => {\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const { getChainById } = useAvailableChains()\n  const { tryResetToAddress } = useToAddressReset()\n  const autoPopulateToAddress = useToAddressAutoPopulate()\n\n  const handleClick = () => {\n    const [fromChainId, fromToken, toChainId, toToken, toAddress] =\n      getFieldValues(\n        'fromChain',\n        'fromToken',\n        'toChain',\n        'toToken',\n        'toAddress'\n      )\n    setFieldValue('fromAmount', '', { isTouched: true })\n    setFieldValue('fromChain', toChainId, { isTouched: true })\n    setFieldValue('fromToken', toToken, { isTouched: true })\n    setFieldValue('toChain', fromChainId, { isTouched: true })\n    setFieldValue('toToken', fromToken, { isTouched: true })\n\n    const autoPopulatedToAddress = autoPopulateToAddress({\n      formType: 'from',\n      selectedToAddress: toAddress,\n      selectedChainId: toChainId,\n      selectedOppositeChainId: fromChainId,\n      selectedOppositeTokenAddress: fromToken,\n    })\n\n    // Returning early as a compatible connected wallet was found, and toAddress has been populated\n    if (autoPopulatedToAddress) {\n      return\n    }\n\n    // Auto-population applies in certain scenarios, but otherwise,\n    // we attempt to reset `toAddress` when bridging across ecosystems\n    // fromChainId becomes toChainId after using reverse\n    const toChain = getChainById(fromChainId)\n    if (toChain) {\n      tryResetToAddress(toChain)\n    }\n  }\n  return (\n    <ReverseContainer>\n      <IconCard\n        data-testid=\"widget-reverse-tokens-button\"\n        onClick={handleClick}\n      >\n        <ArrowForward fontSize=\"inherit\" />\n      </IconCard>\n    </ReverseContainer>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,4BAAyC;CACpD,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAC1D,MAAM,EAAE,iBAAiB,mBAAmB;CAC5C,MAAM,EAAE,sBAAsB,kBAAkB;CAChD,MAAM,wBAAwB,yBAAyB;CAEvD,MAAM,oBAAoB;EACxB,MAAM,CAAC,aAAa,WAAW,WAAW,SAAS,aACjD,eACE,aACA,aACA,WACA,WACA,WACF;EACF,cAAc,cAAc,IAAI,EAAE,WAAW,KAAK,CAAC;EACnD,cAAc,aAAa,WAAW,EAAE,WAAW,KAAK,CAAC;EACzD,cAAc,aAAa,SAAS,EAAE,WAAW,KAAK,CAAC;EACvD,cAAc,WAAW,aAAa,EAAE,WAAW,KAAK,CAAC;EACzD,cAAc,WAAW,WAAW,EAAE,WAAW,KAAK,CAAC;EAWvD,IAT+B,sBAAsB;GACnD,UAAU;GACV,mBAAmB;GACnB,iBAAiB;GACjB,yBAAyB;GACzB,8BAA8B;EAChC,CAGyB,GACvB;EAMF,MAAM,UAAU,aAAa,WAAW;EACxC,IAAI,SACF,kBAAkB,OAAO;CAE7B;CACA,OACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,UAAD;EACE,eAAY;EACZ,SAAS;YAET,oBAAC,cAAD,EAAc,UAAS,UAAW,CAAA;CAC1B,CAAA,EACM,CAAA;AAEtB"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.style.js","names":["Card"],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport { Card } from '../Card/Card.js'\n\nexport const IconCard: React.FC<React.ComponentProps<typeof Card>> = styled(\n  Card\n)(({ theme }) => ({\n  height: 32,\n  width: 32,\n  fontSize: 16,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: theme.vars.shape.borderRadiusTertiary,\n  zIndex: 1110,\n}))\n\nexport const ReverseContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      margin: theme.spacing(-1),\n    }\n  })\n\nexport const ReverseTokensButtonEmpty: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => {\n  return {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    margin: theme.spacing(1),\n  }\n})\n"],"mappings":";;;AAIA,MAAa,WAAwD,OACnEA,MACF,GAAG,EAAE,aAAa;CAChB,QAAQ;CACR,OAAO;CACP,UAAU;CACV,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,KAAK,MAAM;CAC/B,QAAQ;AACV,EAAE;AAEF,MAAa,mBACX,OAAO,GAAG,GAAG,EAAE,YAAY;CACzB,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,EAAE;CAC1B;AACF,CAAC;AAEH,MAAa,2BAET,OAAO,GAAG,GAAG,EAAE,YAAY;CAC7B,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,CAAC;CACzB;AACF,CAAC"}
+{"version":3,"file":"ReverseTokensButton.style.js","names":["Card"],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport { Card } from '../Card/Card.js'\n\nexport const IconCard: React.FC<React.ComponentProps<typeof Card>> = styled(\n  Card\n)(({ theme }) => ({\n  height: 32,\n  width: 32,\n  fontSize: 16,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: theme.vars.shape.borderRadiusTertiary,\n  zIndex: 1110,\n}))\n\nexport const ReverseContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      margin: theme.spacing(-1),\n    }\n  })\n\nexport const ReverseTokensButtonEmpty: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => {\n  return {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    margin: theme.spacing(1),\n  }\n})\n"],"mappings":";;;AAIA,MAAa,WAAwD,OACnEA,MACF,CAAC,EAAE,EAAE,aAAa;CAChB,QAAQ;CACR,OAAO;CACP,UAAU;CACV,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,KAAK,MAAM;CAC/B,QAAQ;AACV,EAAE;AAEF,MAAa,mBACX,OAAO,GAAG,CAAC,EAAE,EAAE,YAAY;CACzB,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,EAAE;CAC1B;AACF,CAAC;AAEH,MAAa,2BAET,OAAO,GAAG,CAAC,EAAE,EAAE,YAAY;CAC7B,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,CAAC;CACzB;AACF,CAAC"}

package/dist/esm/components/RouteCard/RouteDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.js","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { Box, Tooltip } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTokenRateText } from '../../hooks/useTokenRateText.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { isRouteDone } from '../../stores/routes/utils.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  formatDuration,\n  formatTokenAmount,\n  formatTokenPrice,\n} from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js'\nimport { StepActions } from '../Step/StepActions.js'\nimport {\n  DetailInfoIcon,\n  DetailLabel,\n  DetailLabelContainer,\n  DetailRow,\n  DetailValue,\n} from './RouteDetails.style.js'\n\ninterface RouteDetailsProps {\n  route: RouteExtended\n}\n\nexport const RouteDetails = ({ route }: RouteDetailsProps): JSX.Element => {\n  const { t, i18n } = useTranslation()\n  const { rateText, toggleRate } = useTokenRateText(route)\n  const { feeConfig } = useWidgetConfig()\n  const { isGaslessStep } = useEthereumContext()\n\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n\n  const priceImpact = getPriceImpact({\n    fromAmount: BigInt(route.fromAmount),\n    toAmount: BigInt(route.toAmount),\n    fromToken: route.fromToken,\n    toToken: route.toToken,\n  })\n\n  let feeAmountUSD = 0\n  let feePercentage = 0\n\n  const feeCollectionStep = route.steps[0].includedSteps.find(\n    (includedStep) => includedStep.tool === 'feeCollection'\n  )\n\n  if (feeCollectionStep) {\n    const estimatedFromAmount =\n      BigInt(feeCollectionStep.estimate.fromAmount) -\n      BigInt(feeCollectionStep.estimate.toAmount)\n\n    feeAmountUSD = formatTokenPrice(\n      estimatedFromAmount,\n      feeCollectionStep.action.fromToken.priceUSD,\n      feeCollectionStep.action.fromToken.decimals\n    )\n\n    feePercentage =\n      feeCollectionStep.estimate.feeCosts?.reduce(\n        (percentage, feeCost) =>\n          percentage + Number.parseFloat(feeCost.percentage || '0'),\n        0\n      ) ?? 0\n  }\n\n  const executionTimeSeconds = Math.floor(\n    route.steps.reduce(\n      (duration, step) => duration + step.estimate.executionDuration,\n      0\n    )\n  )\n\n  const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step))\n\n  const showIntegratorFeeCollectionDetails =\n    (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, pt: 1.5 }}>\n      <StepActions route={route} />\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.fees.network')}</DetailLabel>\n          <FeeBreakdownTooltip gasCosts={gasCosts} gasless={hasGaslessSupport}>\n            <DetailInfoIcon />\n          </FeeBreakdownTooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {!gasCostUSD\n            ? t('main.fees.free')\n            : t('format.currency', { value: gasCostUSD })}\n        </DetailValue>\n      </DetailRow>\n      {feeCosts.length ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n            <FeeBreakdownTooltip feeCosts={feeCosts}>\n              <DetailInfoIcon />\n            </FeeBreakdownTooltip>\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeCostUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      {showIntegratorFeeCollectionDetails ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>\n              {feeConfig?.name || t('main.fees.defaultIntegrator')}\n              {feeConfig?.showFeePercentage && (\n                <> ({t('format.percent', { value: feePercentage })})</>\n              )}\n            </DetailLabel>\n            {feeConfig?.showFeeTooltip &&\n            (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (\n              <Tooltip\n                title={\n                  feeConfig?.feeTooltipComponent ||\n                  t('tooltip.feeCollection', { tool: feeConfig.name })\n                }\n              >\n                <DetailInfoIcon />\n              </Tooltip>\n            ) : null}\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeAmountUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.priceImpact')}</DetailLabel>\n          <Tooltip title={t('tooltip.priceImpact')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {t('format.percent', { value: priceImpact, usePlusSign: true })}\n        </DetailValue>\n      </DetailRow>\n      {!isRouteDone(route) ? (\n        <>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.maxSlippage')}</DetailLabel>\n              <Tooltip title={t('tooltip.slippage')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {route.steps[0].action.slippage\n                ? t('format.percent', {\n                    value: route.steps[0].action.slippage,\n                  })\n                : t('button.auto')}\n            </DetailValue>\n          </DetailRow>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.minReceived')}</DetailLabel>\n              <Tooltip title={t('tooltip.minReceived')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {t('format.tokenAmount', {\n                value: formatTokenAmount(\n                  BigInt(route.toAmountMin),\n                  route.toToken.decimals\n                ),\n              })}{' '}\n              {route.toToken.symbol}\n            </DetailValue>\n          </DetailRow>\n        </>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.exchangeRate')}</DetailLabel>\n          <Tooltip title={t('tooltip.exchangeRate')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue\n          onClick={toggleRate}\n          role=\"button\"\n          sx={{ cursor: 'pointer' }}\n        >\n          {rateText}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.estimatedTime')}</DetailLabel>\n          <Tooltip title={t('tooltip.estimatedTime')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {formatDuration(executionTimeSeconds, i18n.language)}\n        </DetailValue>\n      </DetailRow>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"RouteDetails.js","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport { Box, Tooltip } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTokenRateText } from '../../hooks/useTokenRateText.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { isRouteDone } from '../../stores/routes/utils.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  formatDuration,\n  formatTokenAmount,\n  formatTokenPrice,\n} from '../../utils/format.js'\nimport { getPriceImpact } from '../../utils/getPriceImpact.js'\nimport { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js'\nimport { StepActions } from '../Step/StepActions.js'\nimport {\n  DetailInfoIcon,\n  DetailLabel,\n  DetailLabelContainer,\n  DetailRow,\n  DetailValue,\n} from './RouteDetails.style.js'\n\ninterface RouteDetailsProps {\n  route: RouteExtended\n}\n\nexport const RouteDetails = ({ route }: RouteDetailsProps): JSX.Element => {\n  const { t, i18n } = useTranslation()\n  const { rateText, toggleRate } = useTokenRateText(route)\n  const { feeConfig } = useWidgetConfig()\n  const { isGaslessStep } = useEthereumContext()\n\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n\n  const priceImpact = getPriceImpact({\n    fromAmount: BigInt(route.fromAmount),\n    toAmount: BigInt(route.toAmount),\n    fromToken: route.fromToken,\n    toToken: route.toToken,\n  })\n\n  let feeAmountUSD = 0\n  let feePercentage = 0\n\n  const feeCollectionStep = route.steps[0].includedSteps.find(\n    (includedStep) => includedStep.tool === 'feeCollection'\n  )\n\n  if (feeCollectionStep) {\n    const estimatedFromAmount =\n      BigInt(feeCollectionStep.estimate.fromAmount) -\n      BigInt(feeCollectionStep.estimate.toAmount)\n\n    feeAmountUSD = formatTokenPrice(\n      estimatedFromAmount,\n      feeCollectionStep.action.fromToken.priceUSD,\n      feeCollectionStep.action.fromToken.decimals\n    )\n\n    feePercentage =\n      feeCollectionStep.estimate.feeCosts?.reduce(\n        (percentage, feeCost) =>\n          percentage + Number.parseFloat(feeCost.percentage || '0'),\n        0\n      ) ?? 0\n  }\n\n  const executionTimeSeconds = Math.floor(\n    route.steps.reduce(\n      (duration, step) => duration + step.estimate.executionDuration,\n      0\n    )\n  )\n\n  const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step))\n\n  const showIntegratorFeeCollectionDetails =\n    (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, pt: 1.5 }}>\n      <StepActions route={route} />\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.fees.network')}</DetailLabel>\n          <FeeBreakdownTooltip gasCosts={gasCosts} gasless={hasGaslessSupport}>\n            <DetailInfoIcon />\n          </FeeBreakdownTooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {!gasCostUSD\n            ? t('main.fees.free')\n            : t('format.currency', { value: gasCostUSD })}\n        </DetailValue>\n      </DetailRow>\n      {feeCosts.length ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n            <FeeBreakdownTooltip feeCosts={feeCosts}>\n              <DetailInfoIcon />\n            </FeeBreakdownTooltip>\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeCostUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      {showIntegratorFeeCollectionDetails ? (\n        <DetailRow>\n          <DetailLabelContainer>\n            <DetailLabel>\n              {feeConfig?.name || t('main.fees.defaultIntegrator')}\n              {feeConfig?.showFeePercentage && (\n                <> ({t('format.percent', { value: feePercentage })})</>\n              )}\n            </DetailLabel>\n            {feeConfig?.showFeeTooltip &&\n            (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (\n              <Tooltip\n                title={\n                  feeConfig?.feeTooltipComponent ||\n                  t('tooltip.feeCollection', { tool: feeConfig.name })\n                }\n              >\n                <DetailInfoIcon />\n              </Tooltip>\n            ) : null}\n          </DetailLabelContainer>\n          <DetailValue>\n            {t('format.currency', { value: feeAmountUSD })}\n          </DetailValue>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.priceImpact')}</DetailLabel>\n          <Tooltip title={t('tooltip.priceImpact')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {t('format.percent', { value: priceImpact, usePlusSign: true })}\n        </DetailValue>\n      </DetailRow>\n      {!isRouteDone(route) ? (\n        <>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.maxSlippage')}</DetailLabel>\n              <Tooltip title={t('tooltip.slippage')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {route.steps[0].action.slippage\n                ? t('format.percent', {\n                    value: route.steps[0].action.slippage,\n                  })\n                : t('button.auto')}\n            </DetailValue>\n          </DetailRow>\n          <DetailRow>\n            <DetailLabelContainer>\n              <DetailLabel>{t('main.minReceived')}</DetailLabel>\n              <Tooltip title={t('tooltip.minReceived')}>\n                <DetailInfoIcon />\n              </Tooltip>\n            </DetailLabelContainer>\n            <DetailValue>\n              {t('format.tokenAmount', {\n                value: formatTokenAmount(\n                  BigInt(route.toAmountMin),\n                  route.toToken.decimals\n                ),\n              })}{' '}\n              {route.toToken.symbol}\n            </DetailValue>\n          </DetailRow>\n        </>\n      ) : null}\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.exchangeRate')}</DetailLabel>\n          <Tooltip title={t('tooltip.exchangeRate')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue\n          onClick={toggleRate}\n          role=\"button\"\n          sx={{ cursor: 'pointer' }}\n        >\n          {rateText}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabelContainer>\n          <DetailLabel>{t('main.estimatedTime')}</DetailLabel>\n          <Tooltip title={t('tooltip.estimatedTime')}>\n            <DetailInfoIcon />\n          </Tooltip>\n        </DetailLabelContainer>\n        <DetailValue>\n          {formatDuration(executionTimeSeconds, i18n.language)}\n        </DetailValue>\n      </DetailRow>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/components/RouteCard/RouteDetails.style.js

@@ -1,5 +1,5 @@
 import { Box, Typography, styled } from "@mui/material";
-import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import InfoOutlined from "@mui/icons-material/InfoOutlined";
 //#region src/components/RouteCard/RouteDetails.style.tsx
 const DetailRow = styled(Box)(({ theme }) => ({
 	display: "flex",
@@ -24,7 +24,7 @@ const DetailValue = styled(Typography)(() => ({
 	lineHeight: 1.3334,
 	textAlign: "right"
 }));
-const DetailInfoIcon = styled(InfoOutlinedIcon)(({ theme }) => ({
+const DetailInfoIcon = styled(InfoOutlined)(({ theme }) => ({
 	fontSize: 16,
 	color: theme.vars.palette.text.secondary,
 	cursor: "help"

package/dist/esm/components/RouteCard/RouteDetails.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteDetails.style.js","names":["InfoOutlined"],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"sourcesContent":["import InfoOutlined from '@mui/icons-material/InfoOutlined'\nimport { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const DetailRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}))\n\nexport const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  }))\n\nexport const DetailLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 1.3334,\n    color: theme.vars.palette.text.secondary,\n  }))\n\nexport const DetailValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(() => ({\n    fontSize: 12,\n    fontWeight: 700,\n    lineHeight: 1.3334,\n    textAlign: 'right',\n  }))\n\nexport const DetailInfoIcon: React.FC<\n  React.ComponentProps<typeof InfoOutlined>\n> = styled(InfoOutlined)(({ theme }) => ({\n  fontSize: 16,\n  color: theme.vars.palette.text.secondary,\n  cursor: 'help',\n}))\n"],"mappings":";;;AAIA,MAAa,YAAwD,OACnE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAa,uBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,EAAG;AACxB,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,SAAS;CACxB,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,WAAW;AACb,EAAE;AAEJ,MAAa,iBAET,OAAOA,gBAAY,GAAG,EAAE,aAAa;CACvC,UAAU;CACV,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,QAAQ;AACV,EAAE"}
+{"version":3,"file":"RouteDetails.style.js","names":[],"sources":["../../../../src/components/RouteCard/RouteDetails.style.tsx"],"sourcesContent":["import InfoOutlined from '@mui/icons-material/InfoOutlined'\nimport { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const DetailRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}))\n\nexport const DetailLabelContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  }))\n\nexport const DetailLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 1.3334,\n    color: theme.vars.palette.text.secondary,\n  }))\n\nexport const DetailValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(() => ({\n    fontSize: 12,\n    fontWeight: 700,\n    lineHeight: 1.3334,\n    textAlign: 'right',\n  }))\n\nexport const DetailInfoIcon: React.FC<\n  React.ComponentProps<typeof InfoOutlined>\n> = styled(InfoOutlined)(({ theme }) => ({\n  fontSize: 16,\n  color: theme.vars.palette.text.secondary,\n  cursor: 'help',\n}))\n"],"mappings":";;;AAIA,MAAa,YAAwD,OACnE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAa,uBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,EAAG;AACxB,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,CAAC,QAAQ;CACxB,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,WAAW;AACb,EAAE;AAEJ,MAAa,iBAET,OAAO,YAAY,CAAC,EAAE,EAAE,aAAa;CACvC,UAAU;CACV,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,QAAQ;AACV,EAAE"}

package/dist/esm/components/RouteCard/RouteToken.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteToken.style.js","names":[],"sources":["../../../../src/components/RouteCard/RouteToken.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const TokenContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }))\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE"}
+{"version":3,"file":"RouteToken.style.js","names":[],"sources":["../../../../src/components/RouteCard/RouteToken.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const TokenContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }))\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE"}

package/dist/esm/components/RouteCard/RouteTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteTokens.js","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\nimport { Box } from '@mui/material'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Token } from '../Token/Token.js'\nimport { RouteToken } from './RouteToken.js'\n\nexport const RouteTokens: React.FC<{\n  route: RouteExtended\n  showEssentials?: boolean\n  defaultExpanded?: boolean\n}> = ({ route, showEssentials, defaultExpanded }) => {\n  const { mode } = useWidgetConfig()\n\n  const fromToken = {\n    ...route.steps[0].action.fromToken,\n    amount: BigInt(route.steps[0].action.fromAmount),\n  }\n\n  const lastStepIndex = route.steps.length - 1\n  const toToken = {\n    ...(route.steps[lastStepIndex].execution?.toToken ??\n      route.steps[lastStepIndex].action.toToken),\n    amount: route.steps[lastStepIndex].execution?.toAmount\n      ? BigInt(route.steps[lastStepIndex].execution.toAmount)\n      : mode === 'custom'\n        ? BigInt(route.toAmount)\n        : BigInt(route.steps[lastStepIndex].estimate.toAmount),\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      {fromToken ? <Token token={fromToken} /> : null}\n      <Box\n        sx={{\n          width: 40,\n          height: 20,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <ArrowDownwardIcon sx={{ fontSize: 16 }} />\n      </Box>\n      {toToken ? (\n        <RouteToken\n          route={route}\n          token={toToken}\n          impactToken={fromToken}\n          showEssentials={showEssentials}\n          defaultExpanded={defaultExpanded}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAOA,MAAa,eAIP,EAAE,OAAO,gBAAgB,sBAAsB;CACnD,MAAM,EAAE,SAAS,gBAAgB;CAEjC,MAAM,YAAY;EAChB,GAAG,MAAM,MAAM,GAAG,OAAO;EACzB,QAAQ,OAAO,MAAM,MAAM,GAAG,OAAO,UAAU;CACjD;CAEA,MAAM,gBAAgB,MAAM,MAAM,SAAS;CAC3C,MAAM,UAAU;EACd,GAAI,MAAM,MAAM,eAAe,WAAW,WACxC,MAAM,MAAM,eAAe,OAAO;EACpC,QAAQ,MAAM,MAAM,eAAe,WAAW,WAC1C,OAAO,MAAM,MAAM,eAAe,UAAU,QAAQ,IACpD,SAAS,WACP,OAAO,MAAM,QAAQ,IACrB,OAAO,MAAM,MAAM,eAAe,SAAS,QAAQ;CAC3D;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;YAA9D;GACG,YAAY,oBAAC,OAAD,EAAO,OAAO,UAAY,CAAA,IAAI;GAC3C,oBAAC,KAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cAEA,oBAAC,mBAAD,EAAmB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACvC,CAAA;GACJ,UACC,oBAAC,YAAD;IACS;IACP,OAAO;IACP,aAAa;IACG;IACC;GAClB,CAAA,IACC;EACD;;AAET"}
+{"version":3,"file":"RouteTokens.js","names":[],"sources":["../../../../src/components/RouteCard/RouteTokens.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport ArrowDownwardIcon from '@mui/icons-material/ArrowDownward'\nimport { Box } from '@mui/material'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { Token } from '../Token/Token.js'\nimport { RouteToken } from './RouteToken.js'\n\nexport const RouteTokens: React.FC<{\n  route: RouteExtended\n  showEssentials?: boolean\n  defaultExpanded?: boolean\n}> = ({ route, showEssentials, defaultExpanded }) => {\n  const { mode } = useWidgetConfig()\n\n  const fromToken = {\n    ...route.steps[0].action.fromToken,\n    amount: BigInt(route.steps[0].action.fromAmount),\n  }\n\n  const lastStepIndex = route.steps.length - 1\n  const toToken = {\n    ...(route.steps[lastStepIndex].execution?.toToken ??\n      route.steps[lastStepIndex].action.toToken),\n    amount: route.steps[lastStepIndex].execution?.toAmount\n      ? BigInt(route.steps[lastStepIndex].execution.toAmount)\n      : mode === 'custom'\n        ? BigInt(route.toAmount)\n        : BigInt(route.steps[lastStepIndex].estimate.toAmount),\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      {fromToken ? <Token token={fromToken} /> : null}\n      <Box\n        sx={{\n          width: 40,\n          height: 20,\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        <ArrowDownwardIcon sx={{ fontSize: 16 }} />\n      </Box>\n      {toToken ? (\n        <RouteToken\n          route={route}\n          token={toToken}\n          impactToken={fromToken}\n          showEssentials={showEssentials}\n          defaultExpanded={defaultExpanded}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAOA,MAAa,eAIP,EAAE,OAAO,gBAAgB,sBAAsB;CACnD,MAAM,EAAE,SAAS,gBAAgB;CAEjC,MAAM,YAAY;EAChB,GAAG,MAAM,MAAM,EAAE,CAAC,OAAO;EACzB,QAAQ,OAAO,MAAM,MAAM,EAAE,CAAC,OAAO,UAAU;CACjD;CAEA,MAAM,gBAAgB,MAAM,MAAM,SAAS;CAC3C,MAAM,UAAU;EACd,GAAI,MAAM,MAAM,cAAc,CAAC,WAAW,WACxC,MAAM,MAAM,cAAc,CAAC,OAAO;EACpC,QAAQ,MAAM,MAAM,cAAc,CAAC,WAAW,WAC1C,OAAO,MAAM,MAAM,cAAc,CAAC,UAAU,QAAQ,IACpD,SAAS,WACP,OAAO,MAAM,QAAQ,IACrB,OAAO,MAAM,MAAM,cAAc,CAAC,SAAS,QAAQ;CAC3D;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;YAA9D;GACG,YAAY,oBAAC,OAAD,EAAO,OAAO,UAAY,CAAA,IAAI;GAC3C,oBAAC,KAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;KACR,SAAS;KACT,YAAY;KACZ,gBAAgB;IAClB;cAEA,oBAAC,mBAAD,EAAmB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACvC,CAAA;GACJ,UACC,oBAAC,YAAD;IACS;IACP,OAAO;IACP,aAAa;IACG;IACC;GAClB,CAAA,IACC;EACD;;AAET"}

package/dist/esm/components/RouteCard/getMatchingLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMatchingLabels.js","names":[],"sources":["../../../../src/components/RouteCard/getMatchingLabels.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { RouteLabel, RouteLabelRule } from '../../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\n\nexport const getMatchingLabels = (\n  route: Route,\n  routeLabels?: RouteLabelRule[]\n): RouteLabel[] => {\n  if (!routeLabels?.length) {\n    return []\n  }\n\n  return routeLabels\n    .filter((rule) => {\n      const conditions: boolean[] = []\n\n      // Check bridge/exchange matches if specified\n      if (rule.bridges || rule.exchanges) {\n        const toolNames = route.steps.flatMap((step) =>\n          step.includedSteps.map((s) => s.tool)\n        )\n        const bridgesConfigSets = getConfigItemSets(\n          rule.bridges,\n          (bridges) => new Set(bridges)\n        )\n        const exchangesConfigSets = getConfigItemSets(\n          rule.exchanges,\n          (exchanges) => new Set(exchanges)\n        )\n        conditions.push(\n          toolNames.some(\n            (toolName) =>\n              isItemAllowedForSets(toolName, bridgesConfigSets) &&\n              isItemAllowedForSets(toolName, exchangesConfigSets)\n          )\n        )\n      }\n\n      // Check token matches if specified\n      if (rule.fromTokenAddress?.length) {\n        conditions.push(rule.fromTokenAddress.includes(route.fromToken.address))\n      }\n\n      if (rule.toTokenAddress?.length) {\n        conditions.push(rule.toTokenAddress.includes(route.toToken.address))\n      }\n\n      // Check chain matches if specified\n      if (rule.fromChainId?.length) {\n        conditions.push(rule.fromChainId.includes(route.fromChainId))\n      }\n\n      if (rule.toChainId?.length) {\n        conditions.push(rule.toChainId.includes(route.toChainId))\n      }\n\n      // Evaluate custom match function if specified\n      if (rule.match) {\n        conditions.push(rule.match(route))\n      }\n\n      // Must have at least one condition and all conditions must be true\n      return conditions.length && conditions.every(Boolean)\n    })\n    .map((rule) => rule.label)\n}\n"],"mappings":";;AAIA,MAAa,qBACX,OACA,gBACiB;CACjB,IAAI,CAAC,aAAa,QAChB,OAAO,CAAC;CAGV,OAAO,YACJ,QAAQ,SAAS;EAChB,MAAM,aAAwB,CAAC;EAG/B,IAAI,KAAK,WAAW,KAAK,WAAW;GAClC,MAAM,YAAY,MAAM,MAAM,SAAS,SACrC,KAAK,cAAc,KAAK,MAAM,EAAE,IAAI,CACtC;GACA,MAAM,oBAAoB,kBACxB,KAAK,UACJ,YAAY,IAAI,IAAI,OAAO,CAC9B;GACA,MAAM,sBAAsB,kBAC1B,KAAK,YACJ,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,WAAW,KACT,UAAU,MACP,aACC,qBAAqB,UAAU,iBAAiB,KAChD,qBAAqB,UAAU,mBAAmB,CACtD,CACF;EACF;EAGA,IAAI,KAAK,kBAAkB,QACzB,WAAW,KAAK,KAAK,iBAAiB,SAAS,MAAM,UAAU,OAAO,CAAC;EAGzE,IAAI,KAAK,gBAAgB,QACvB,WAAW,KAAK,KAAK,eAAe,SAAS,MAAM,QAAQ,OAAO,CAAC;EAIrE,IAAI,KAAK,aAAa,QACpB,WAAW,KAAK,KAAK,YAAY,SAAS,MAAM,WAAW,CAAC;EAG9D,IAAI,KAAK,WAAW,QAClB,WAAW,KAAK,KAAK,UAAU,SAAS,MAAM,SAAS,CAAC;EAI1D,IAAI,KAAK,OACP,WAAW,KAAK,KAAK,MAAM,KAAK,CAAC;EAInC,OAAO,WAAW,UAAU,WAAW,MAAM,OAAO;CACtD,CAAC,EACA,KAAK,SAAS,KAAK,KAAK;AAC7B"}
+{"version":3,"file":"getMatchingLabels.js","names":[],"sources":["../../../../src/components/RouteCard/getMatchingLabels.ts"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport type { RouteLabel, RouteLabelRule } from '../../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\n\nexport const getMatchingLabels = (\n  route: Route,\n  routeLabels?: RouteLabelRule[]\n): RouteLabel[] => {\n  if (!routeLabels?.length) {\n    return []\n  }\n\n  return routeLabels\n    .filter((rule) => {\n      const conditions: boolean[] = []\n\n      // Check bridge/exchange matches if specified\n      if (rule.bridges || rule.exchanges) {\n        const toolNames = route.steps.flatMap((step) =>\n          step.includedSteps.map((s) => s.tool)\n        )\n        const bridgesConfigSets = getConfigItemSets(\n          rule.bridges,\n          (bridges) => new Set(bridges)\n        )\n        const exchangesConfigSets = getConfigItemSets(\n          rule.exchanges,\n          (exchanges) => new Set(exchanges)\n        )\n        conditions.push(\n          toolNames.some(\n            (toolName) =>\n              isItemAllowedForSets(toolName, bridgesConfigSets) &&\n              isItemAllowedForSets(toolName, exchangesConfigSets)\n          )\n        )\n      }\n\n      // Check token matches if specified\n      if (rule.fromTokenAddress?.length) {\n        conditions.push(rule.fromTokenAddress.includes(route.fromToken.address))\n      }\n\n      if (rule.toTokenAddress?.length) {\n        conditions.push(rule.toTokenAddress.includes(route.toToken.address))\n      }\n\n      // Check chain matches if specified\n      if (rule.fromChainId?.length) {\n        conditions.push(rule.fromChainId.includes(route.fromChainId))\n      }\n\n      if (rule.toChainId?.length) {\n        conditions.push(rule.toChainId.includes(route.toChainId))\n      }\n\n      // Evaluate custom match function if specified\n      if (rule.match) {\n        conditions.push(rule.match(route))\n      }\n\n      // Must have at least one condition and all conditions must be true\n      return conditions.length && conditions.every(Boolean)\n    })\n    .map((rule) => rule.label)\n}\n"],"mappings":";;AAIA,MAAa,qBACX,OACA,gBACiB;CACjB,IAAI,CAAC,aAAa,QAChB,OAAO,CAAC;CAGV,OAAO,YACJ,QAAQ,SAAS;EAChB,MAAM,aAAwB,CAAC;EAG/B,IAAI,KAAK,WAAW,KAAK,WAAW;GAClC,MAAM,YAAY,MAAM,MAAM,SAAS,SACrC,KAAK,cAAc,KAAK,MAAM,EAAE,IAAI,CACtC;GACA,MAAM,oBAAoB,kBACxB,KAAK,UACJ,YAAY,IAAI,IAAI,OAAO,CAC9B;GACA,MAAM,sBAAsB,kBAC1B,KAAK,YACJ,cAAc,IAAI,IAAI,SAAS,CAClC;GACA,WAAW,KACT,UAAU,MACP,aACC,qBAAqB,UAAU,iBAAiB,KAChD,qBAAqB,UAAU,mBAAmB,CACtD,CACF;EACF;EAGA,IAAI,KAAK,kBAAkB,QACzB,WAAW,KAAK,KAAK,iBAAiB,SAAS,MAAM,UAAU,OAAO,CAAC;EAGzE,IAAI,KAAK,gBAAgB,QACvB,WAAW,KAAK,KAAK,eAAe,SAAS,MAAM,QAAQ,OAAO,CAAC;EAIrE,IAAI,KAAK,aAAa,QACpB,WAAW,KAAK,KAAK,YAAY,SAAS,MAAM,WAAW,CAAC;EAG9D,IAAI,KAAK,WAAW,QAClB,WAAW,KAAK,KAAK,UAAU,SAAS,MAAM,SAAS,CAAC;EAI1D,IAAI,KAAK,OACP,WAAW,KAAK,KAAK,MAAM,KAAK,CAAC;EAInC,OAAO,WAAW,UAAU,WAAW,MAAM,OAAO;CACtD,CAAC,CAAC,CACD,KAAK,SAAS,KAAK,KAAK;AAC7B"}

package/dist/esm/components/Routes/RoutesContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesContent.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesContent.tsx"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Stack, Typography } from '@mui/material'\nimport type React from 'react'\nimport { memo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { PageContainer } from '../PageContainer.js'\nimport { ProgressToNextUpdate } from '../ProgressToNextUpdate.js'\nimport { RouteCard } from '../RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport { Container, Header } from './RoutesExpanded.style.js'\n\ninterface RoutesContentProps {\n  routes?: Route[]\n  isFetching: boolean\n  isLoading: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  fromChain: ExtendedChain | undefined\n  refetch: () => void\n  onRouteClick: (route: Route) => void\n}\n\nconst headerHeight = '52px'\n\nexport const RoutesContent: React.NamedExoticComponent<RoutesContentProps> =\n  memo(function RoutesContent({\n    routes,\n    isFetching,\n    isLoading,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    onRouteClick,\n  }: RoutesContentProps) {\n    const { t } = useTranslation()\n    const { mode, modeOptions } = useWidgetConfig()\n\n    const { account } = useAccount({ chainType: fromChain?.chainType })\n    const [toAddress] = useFieldValues('toAddress')\n    const { requiredToAddress } = useToAddressRequirements()\n\n    const currentRoute = routes?.[0]\n\n    const routeNotFound = !currentRoute && !isLoading && !isFetching\n    const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress\n    const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n    const title =\n      mode === 'custom'\n        ? modeOptions?.custom?.type === 'deposit'\n          ? t('header.deposit')\n          : t('header.youPay')\n        : t('header.receive')\n\n    return (\n      <Container enableColorScheme minimumHeight={isLoading}>\n        <Header sx={{ height: headerHeight }}>\n          <Typography\n            noWrap\n            sx={{\n              fontSize: 18,\n              fontWeight: '700',\n              flex: 1,\n            }}\n          >\n            {title}\n          </Typography>\n          <ProgressToNextUpdate\n            updatedAt={dataUpdatedAt || Date.now()}\n            timeToUpdate={refetchTime}\n            isLoading={isFetching}\n            onClick={() => refetch()}\n            sx={{ marginRight: -1 }}\n          />\n        </Header>\n        <PageContainer\n          sx={{ height: `calc(100% - ${headerHeight})`, overflow: 'auto' }}\n        >\n          <Stack\n            direction=\"column\"\n            spacing={2}\n            sx={{\n              flex: 1,\n              paddingTop: 1.5,\n              paddingBottom: 3,\n            }}\n          >\n            {routeNotFound ? (\n              <RouteNotFoundCard />\n            ) : (isLoading || isFetching) && !routes?.length ? (\n              Array.from({ length: 3 }).map((_, index) => (\n                <RouteCardSkeleton key={index} />\n              ))\n            ) : (\n              routes?.map((route: Route, index: number) => (\n                <RouteCard\n                  key={index}\n                  route={route}\n                  onClick={\n                    allowInteraction ? () => onRouteClick(route) : undefined\n                  }\n                  active={index === 0}\n                  expanded={routes?.length === 1}\n                />\n              ))\n            )}\n          </Stack>\n        </PageContainer>\n      </Container>\n    )\n  })\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAM,eAAe;AAErB,MAAa,gBACX,KAAK,SAAS,cAAc,EAC1B,QACA,YACA,WACA,eACA,aACA,WACA,SACA,gBACqB;CACrB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAE9C,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,SAAS;CAE9B,MAAM,gBAAgB,CAAC,gBAAgB,CAAC,aAAa,CAAC;CACtD,MAAM,uBAAuB,gBAAgB,qBAAqB,CAAC;CACnE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,MAAM,QACJ,SAAS,WACL,aAAa,QAAQ,SAAS,YAC5B,EAAE,gBAAgB,IAClB,EAAE,eAAe,IACnB,EAAE,gBAAgB;CAExB,OACE,qBAACA,aAAD;EAAW,mBAAA;EAAkB,eAAe;YAA5C,CACE,qBAAC,QAAD;GAAQ,IAAI,EAAE,QAAQ,aAAa;aAAnC,CACE,oBAAC,YAAD;IACE,QAAA;IACA,IAAI;KACF,UAAU;KACV,YAAY;KACZ,MAAM;IACR;cAEC;GACS,CAAA,GACZ,oBAAC,sBAAD;IACE,WAAW,iBAAiB,KAAK,IAAI;IACrC,cAAc;IACd,WAAW;IACX,eAAe,QAAQ;IACvB,IAAI,EAAE,aAAa,GAAG;GACvB,CAAA,CACK;MACR,oBAAC,eAAD;GACE,IAAI;IAAE,QAAQ,eAAe,aAAa;IAAI,UAAU;GAAO;aAE/D,oBAAC,OAAD;IACE,WAAU;IACV,SAAS;IACT,IAAI;KACF,MAAM;KACN,YAAY;KACZ,eAAe;IACjB;cAEC,gBACC,oBAAC,mBAAD,CAAoB,CAAA,KACjB,aAAa,eAAe,CAAC,QAAQ,SACxC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,aAAa,KAAK,IAAI,KAAA;KAEjD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACM,CAAA,CACN;;AAEf,CAAC"}
+{"version":3,"file":"RoutesContent.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesContent.tsx"],"sourcesContent":["import type { ExtendedChain, Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { Stack, Typography } from '@mui/material'\nimport type React from 'react'\nimport { memo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { PageContainer } from '../PageContainer.js'\nimport { ProgressToNextUpdate } from '../ProgressToNextUpdate.js'\nimport { RouteCard } from '../RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js'\nimport { Container, Header } from './RoutesExpanded.style.js'\n\ninterface RoutesContentProps {\n  routes?: Route[]\n  isFetching: boolean\n  isLoading: boolean\n  dataUpdatedAt: number\n  refetchTime: number\n  fromChain: ExtendedChain | undefined\n  refetch: () => void\n  onRouteClick: (route: Route) => void\n}\n\nconst headerHeight = '52px'\n\nexport const RoutesContent: React.NamedExoticComponent<RoutesContentProps> =\n  memo(function RoutesContent({\n    routes,\n    isFetching,\n    isLoading,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    onRouteClick,\n  }: RoutesContentProps) {\n    const { t } = useTranslation()\n    const { mode, modeOptions } = useWidgetConfig()\n\n    const { account } = useAccount({ chainType: fromChain?.chainType })\n    const [toAddress] = useFieldValues('toAddress')\n    const { requiredToAddress } = useToAddressRequirements()\n\n    const currentRoute = routes?.[0]\n\n    const routeNotFound = !currentRoute && !isLoading && !isFetching\n    const toAddressUnsatisfied = currentRoute && requiredToAddress && !toAddress\n    const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n    const title =\n      mode === 'custom'\n        ? modeOptions?.custom?.type === 'deposit'\n          ? t('header.deposit')\n          : t('header.youPay')\n        : t('header.receive')\n\n    return (\n      <Container enableColorScheme minimumHeight={isLoading}>\n        <Header sx={{ height: headerHeight }}>\n          <Typography\n            noWrap\n            sx={{\n              fontSize: 18,\n              fontWeight: '700',\n              flex: 1,\n            }}\n          >\n            {title}\n          </Typography>\n          <ProgressToNextUpdate\n            updatedAt={dataUpdatedAt || Date.now()}\n            timeToUpdate={refetchTime}\n            isLoading={isFetching}\n            onClick={() => refetch()}\n            sx={{ marginRight: -1 }}\n          />\n        </Header>\n        <PageContainer\n          sx={{ height: `calc(100% - ${headerHeight})`, overflow: 'auto' }}\n        >\n          <Stack\n            direction=\"column\"\n            spacing={2}\n            sx={{\n              flex: 1,\n              paddingTop: 1.5,\n              paddingBottom: 3,\n            }}\n          >\n            {routeNotFound ? (\n              <RouteNotFoundCard />\n            ) : (isLoading || isFetching) && !routes?.length ? (\n              Array.from({ length: 3 }).map((_, index) => (\n                <RouteCardSkeleton key={index} />\n              ))\n            ) : (\n              routes?.map((route: Route, index: number) => (\n                <RouteCard\n                  key={index}\n                  route={route}\n                  onClick={\n                    allowInteraction ? () => onRouteClick(route) : undefined\n                  }\n                  active={index === 0}\n                  expanded={routes?.length === 1}\n                />\n              ))\n            )}\n          </Stack>\n        </PageContainer>\n      </Container>\n    )\n  })\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAM,eAAe;AAErB,MAAa,gBACX,KAAK,SAAS,cAAc,EAC1B,QACA,YACA,WACA,eACA,aACA,WACA,SACA,gBACqB;CACrB,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAE9C,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,SAAS;CAE9B,MAAM,gBAAgB,CAAC,gBAAgB,CAAC,aAAa,CAAC;CACtD,MAAM,uBAAuB,gBAAgB,qBAAqB,CAAC;CACnE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,MAAM,QACJ,SAAS,WACL,aAAa,QAAQ,SAAS,YAC5B,EAAE,gBAAgB,IAClB,EAAE,eAAe,IACnB,EAAE,gBAAgB;CAExB,OACE,qBAACA,aAAD;EAAW,mBAAA;EAAkB,eAAe;YAA5C,CACE,qBAAC,QAAD;GAAQ,IAAI,EAAE,QAAQ,aAAa;aAAnC,CACE,oBAAC,YAAD;IACE,QAAA;IACA,IAAI;KACF,UAAU;KACV,YAAY;KACZ,MAAM;IACR;cAEC;GACS,CAAA,GACZ,oBAAC,sBAAD;IACE,WAAW,iBAAiB,KAAK,IAAI;IACrC,cAAc;IACd,WAAW;IACX,eAAe,QAAQ;IACvB,IAAI,EAAE,aAAa,GAAG;GACvB,CAAA,CACK;MACR,oBAAC,eAAD;GACE,IAAI;IAAE,QAAQ,eAAe,aAAa;IAAI,UAAU;GAAO;aAE/D,oBAAC,OAAD;IACE,WAAU;IACV,SAAS;IACT,IAAI;KACF,MAAM;KACN,YAAY;KACZ,eAAe;IACjB;cAEC,gBACC,oBAAC,mBAAD,CAAoB,CAAA,KACjB,aAAa,eAAe,CAAC,QAAQ,SACxC,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;KAES;KACP,SACE,yBAAyB,aAAa,KAAK,IAAI,KAAA;KAEjD,QAAQ,UAAU;KAClB,UAAU,QAAQ,WAAW;IAC9B,GAPM,KAON,CACF;GAEE,CAAA;EACM,CAAA,CACN;;AAEf,CAAC"}

package/dist/esm/components/Routes/RoutesExpanded.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesExpanded.style.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesExpanded.style.ts"],"sourcesContent":["import type { ScopedCssBaselineProps } from '@mui/material'\nimport { Box, ScopedCssBaseline, styled } from '@mui/material'\nimport type React from 'react'\nimport { getWidgetMaxHeight } from '../../utils/widgetSize.js'\n\nexport const routesExpansionWidth = '436px'\n\ninterface ContainerProps extends ScopedCssBaselineProps {\n  minimumHeight: boolean\n}\n\nexport const Container: React.FC<\n  React.ComponentProps<typeof ScopedCssBaseline> & ContainerProps\n> = styled(ScopedCssBaseline, {\n  shouldForwardProp: (prop) => !['minimumHeight'].includes(prop as string),\n})<ContainerProps>(({ theme, minimumHeight }) => {\n  return {\n    ...theme.container,\n    backgroundColor: theme.vars.palette.background.default,\n    overflow: 'hidden',\n    width: routesExpansionWidth,\n    display: 'flex',\n    flexDirection: 'column',\n    whiteSpace: 'normal',\n    ...(theme.container?.display !== 'flex'\n      ? {\n          maxHeight: getWidgetMaxHeight(theme),\n          ...(minimumHeight ? { '&': { height: 'auto' } } : {}),\n        }\n      : { height: minimumHeight ? 'auto' : '100%' }),\n    ...theme.routesContainer,\n  }\n})\n\nexport const Header: React.FC<React.ComponentProps<typeof Box>> = styled(Box)(\n  ({ theme }) => ({\n    backgroundColor: theme.vars.palette.background.default,\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 3, 0, 3),\n    position: 'sticky',\n    top: 0,\n    zIndex: 1200,\n  })\n)\n"],"mappings":";;;AAKA,MAAa,uBAAuB;AAMpC,MAAaA,cAET,OAAO,mBAAmB,EAC5B,oBAAoB,SAAS,CAAC,CAAC,eAAe,EAAE,SAAS,IAAc,EACzE,CAAC,GAAmB,EAAE,OAAO,oBAAoB;CAC/C,OAAO;EACL,GAAG,MAAM;EACT,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,UAAU;EACV,OAAO;EACP,SAAS;EACT,eAAe;EACf,YAAY;EACZ,GAAI,MAAM,WAAW,YAAY,SAC7B;GACE,WAAW,mBAAmB,KAAK;GACnC,GAAI,gBAAgB,EAAE,KAAK,EAAE,QAAQ,OAAO,EAAE,IAAI,CAAC;EACrD,IACA,EAAE,QAAQ,gBAAgB,SAAS,OAAO;EAC9C,GAAG,MAAM;CACX;AACF,CAAC;AAED,MAAa,SAAqD,OAAO,GAAG,GACzE,EAAE,aAAa;CACd,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,SAAS,MAAM,QAAQ,KAAK,GAAG,GAAG,CAAC;CACnC,UAAU;CACV,KAAK;CACL,QAAQ;AACV,EACF"}
+{"version":3,"file":"RoutesExpanded.style.js","names":["Container"],"sources":["../../../../src/components/Routes/RoutesExpanded.style.ts"],"sourcesContent":["import type { ScopedCssBaselineProps } from '@mui/material'\nimport { Box, ScopedCssBaseline, styled } from '@mui/material'\nimport type React from 'react'\nimport { getWidgetMaxHeight } from '../../utils/widgetSize.js'\n\nexport const routesExpansionWidth = '436px'\n\ninterface ContainerProps extends ScopedCssBaselineProps {\n  minimumHeight: boolean\n}\n\nexport const Container: React.FC<\n  React.ComponentProps<typeof ScopedCssBaseline> & ContainerProps\n> = styled(ScopedCssBaseline, {\n  shouldForwardProp: (prop) => !['minimumHeight'].includes(prop as string),\n})<ContainerProps>(({ theme, minimumHeight }) => {\n  return {\n    ...theme.container,\n    backgroundColor: theme.vars.palette.background.default,\n    overflow: 'hidden',\n    width: routesExpansionWidth,\n    display: 'flex',\n    flexDirection: 'column',\n    whiteSpace: 'normal',\n    ...(theme.container?.display !== 'flex'\n      ? {\n          maxHeight: getWidgetMaxHeight(theme),\n          ...(minimumHeight ? { '&': { height: 'auto' } } : {}),\n        }\n      : { height: minimumHeight ? 'auto' : '100%' }),\n    ...theme.routesContainer,\n  }\n})\n\nexport const Header: React.FC<React.ComponentProps<typeof Box>> = styled(Box)(\n  ({ theme }) => ({\n    backgroundColor: theme.vars.palette.background.default,\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 3, 0, 3),\n    position: 'sticky',\n    top: 0,\n    zIndex: 1200,\n  })\n)\n"],"mappings":";;;AAKA,MAAa,uBAAuB;AAMpC,MAAaA,cAET,OAAO,mBAAmB,EAC5B,oBAAoB,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,SAAS,IAAc,EACzE,CAAC,CAAC,EAAkB,EAAE,OAAO,oBAAoB;CAC/C,OAAO;EACL,GAAG,MAAM;EACT,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,UAAU;EACV,OAAO;EACP,SAAS;EACT,eAAe;EACf,YAAY;EACZ,GAAI,MAAM,WAAW,YAAY,SAC7B;GACE,WAAW,mBAAmB,KAAK;GACnC,GAAI,gBAAgB,EAAE,KAAK,EAAE,QAAQ,OAAO,EAAE,IAAI,CAAC;EACrD,IACA,EAAE,QAAQ,gBAAgB,SAAS,OAAO;EAC9C,GAAG,MAAM;CACX;AACF,CAAC;AAED,MAAa,SAAqD,OAAO,GAAG,CAAC,EAC1E,EAAE,aAAa;CACd,iBAAiB,MAAM,KAAK,QAAQ,WAAW;CAC/C,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,SAAS,MAAM,QAAQ,KAAK,GAAG,GAAG,CAAC;CACnC,UAAU;CACV,KAAK;CACL,QAAQ;AACV,EACF"}

package/dist/esm/components/Search/SearchInput.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.style.js","names":["InputBase"],"sources":["../../../../src/components/Search/SearchInput.style.tsx"],"sourcesContent":["import {\n  inputAdornmentClasses,\n  inputBaseClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\nimport { Input as InputBase } from '../../components/Input.js'\n\ninterface InputProps {\n  size?: 'small' | 'medium'\n}\n\nexport const Input: React.FC<\n  React.ComponentProps<typeof InputBase> & InputProps\n> = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<InputProps>(({ theme, size = 'medium' }) => ({\n  paddingRight: size === 'small' ? theme.spacing(1.25) : theme.spacing(1.75),\n  paddingLeft: theme.spacing(1.25),\n  fontSize: size === 'small' ? '0.875rem' : '1rem',\n  borderRadius: theme.vars.shape.borderRadius,\n  [theme.breakpoints.down(theme.breakpoints.values.xs)]: {\n    paddingRight: theme.spacing(1.25),\n  },\n  [`& .${inputBaseClasses.input}`]: {\n    padding: theme.spacing(1),\n  },\n  [`& .${inputAdornmentClasses.root}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    [`& .${svgIconClasses.root}`]: {\n      width: size === 'small' ? '1.25rem' : '1.5rem',\n    },\n  },\n  [`& .${inputAdornmentClasses.root}.${inputAdornmentClasses.positionEnd}`]: {\n    marginRight: size === 'small' ? theme.spacing(-0.5) : theme.spacing(-1),\n    [`& .${svgIconClasses.root}`]: {\n      width: size === 'small' ? '1rem' : '1.25rem',\n      height: size === 'small' ? '1rem' : '1.25rem',\n    },\n  },\n}))\n"],"mappings":";;;AAaA,MAAa,QAET,OAAOA,SAAW,EACpB,oBAAoB,SAAS,SAAS,OACxC,CAAC,GAAe,EAAE,OAAO,OAAO,gBAAgB;CAC9C,cAAc,SAAS,UAAU,MAAM,QAAQ,IAAI,IAAI,MAAM,QAAQ,IAAI;CACzE,aAAa,MAAM,QAAQ,IAAI;CAC/B,UAAU,SAAS,UAAU,aAAa;CAC1C,cAAc,MAAM,KAAK,MAAM;EAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,cAAc,MAAM,QAAQ,IAAI,EAClC;EACC,MAAM,iBAAiB,UAAU,EAChC,SAAS,MAAM,QAAQ,CAAC,EAC1B;EACC,MAAM,sBAAsB,SAAS;EACpC,YAAY;EACZ,aAAa;GACZ,MAAM,eAAe,SAAS,EAC7B,OAAO,SAAS,UAAU,YAAY,SACxC;CACF;EACC,MAAM,sBAAsB,KAAK,GAAG,sBAAsB,gBAAgB;EACzE,aAAa,SAAS,UAAU,MAAM,QAAQ,GAAI,IAAI,MAAM,QAAQ,EAAE;GACrE,MAAM,eAAe,SAAS;GAC7B,OAAO,SAAS,UAAU,SAAS;GACnC,QAAQ,SAAS,UAAU,SAAS;EACtC;CACF;AACF,EAAE"}
+{"version":3,"file":"SearchInput.style.js","names":["InputBase"],"sources":["../../../../src/components/Search/SearchInput.style.tsx"],"sourcesContent":["import {\n  inputAdornmentClasses,\n  inputBaseClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\nimport { Input as InputBase } from '../../components/Input.js'\n\ninterface InputProps {\n  size?: 'small' | 'medium'\n}\n\nexport const Input: React.FC<\n  React.ComponentProps<typeof InputBase> & InputProps\n> = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== 'size',\n})<InputProps>(({ theme, size = 'medium' }) => ({\n  paddingRight: size === 'small' ? theme.spacing(1.25) : theme.spacing(1.75),\n  paddingLeft: theme.spacing(1.25),\n  fontSize: size === 'small' ? '0.875rem' : '1rem',\n  borderRadius: theme.vars.shape.borderRadius,\n  [theme.breakpoints.down(theme.breakpoints.values.xs)]: {\n    paddingRight: theme.spacing(1.25),\n  },\n  [`& .${inputBaseClasses.input}`]: {\n    padding: theme.spacing(1),\n  },\n  [`& .${inputAdornmentClasses.root}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    [`& .${svgIconClasses.root}`]: {\n      width: size === 'small' ? '1.25rem' : '1.5rem',\n    },\n  },\n  [`& .${inputAdornmentClasses.root}.${inputAdornmentClasses.positionEnd}`]: {\n    marginRight: size === 'small' ? theme.spacing(-0.5) : theme.spacing(-1),\n    [`& .${svgIconClasses.root}`]: {\n      width: size === 'small' ? '1rem' : '1.25rem',\n      height: size === 'small' ? '1rem' : '1.25rem',\n    },\n  },\n}))\n"],"mappings":";;;AAaA,MAAa,QAET,OAAOA,SAAW,EACpB,oBAAoB,SAAS,SAAS,OACxC,CAAC,CAAC,EAAc,EAAE,OAAO,OAAO,gBAAgB;CAC9C,cAAc,SAAS,UAAU,MAAM,QAAQ,IAAI,IAAI,MAAM,QAAQ,IAAI;CACzE,aAAa,MAAM,QAAQ,IAAI;CAC/B,UAAU,SAAS,UAAU,aAAa;CAC1C,cAAc,MAAM,KAAK,MAAM;EAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,cAAc,MAAM,QAAQ,IAAI,EAClC;EACC,MAAM,iBAAiB,UAAU,EAChC,SAAS,MAAM,QAAQ,CAAC,EAC1B;EACC,MAAM,sBAAsB,SAAS;EACpC,YAAY;EACZ,aAAa;GACZ,MAAM,eAAe,SAAS,EAC7B,OAAO,SAAS,UAAU,YAAY,SACxC;CACF;EACC,MAAM,sBAAsB,KAAK,GAAG,sBAAsB,gBAAgB;EACzE,aAAa,SAAS,UAAU,MAAM,QAAQ,GAAI,IAAI,MAAM,QAAQ,EAAE;GACrE,MAAM,eAAe,SAAS;GAC7B,OAAO,SAAS,UAAU,SAAS;GACnC,QAAQ,SAAS,UAAU,SAAS;EACtC;CACF;AACF,EAAE"}

package/dist/esm/components/Search/SearchNotFound.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchNotFound.style.js","names":[],"sources":["../../../../src/components/Search/SearchNotFound.style.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const NotFoundContainer: React.FC<BoxProps> = styled(Box)(\n  ({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'column',\n    flex: 1,\n    padding: theme.spacing(3),\n  })\n)\n\nexport const NotFoundMessage: React.FC<\n  React.ComponentProps<typeof Typography>\n> = styled(Typography)(({ theme }) => ({\n  fontSize: 14,\n  whiteSpace: 'normal',\n  color: theme.vars.palette.text.secondary,\n  textAlign: 'center',\n  flex: 1,\n  marginTop: theme.spacing(2),\n  paddingLeft: theme.spacing(2),\n  paddingRight: theme.spacing(2),\n}))\n\nexport const NotFoundIconContainer: React.FC<\n  React.ComponentProps<typeof Typography>\n> = styled(Typography)(() => ({\n  fontSize: 48,\n  lineHeight: 1,\n}))\n"],"mappings":";;AAIA,MAAa,oBAAwC,OAAO,GAAG,GAC5D,EAAE,aAAa;CACd,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,MAAM;CACN,SAAS,MAAM,QAAQ,CAAC;AAC1B,EACF;AAEA,MAAa,kBAET,OAAO,UAAU,GAAG,EAAE,aAAa;CACrC,UAAU;CACV,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,MAAM;CACN,WAAW,MAAM,QAAQ,CAAC;CAC1B,aAAa,MAAM,QAAQ,CAAC;CAC5B,cAAc,MAAM,QAAQ,CAAC;AAC/B,EAAE;AAEF,MAAa,wBAET,OAAO,UAAU,SAAS;CAC5B,UAAU;CACV,YAAY;AACd,EAAE"}
+{"version":3,"file":"SearchNotFound.style.js","names":[],"sources":["../../../../src/components/Search/SearchNotFound.style.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const NotFoundContainer: React.FC<BoxProps> = styled(Box)(\n  ({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    flexDirection: 'column',\n    flex: 1,\n    padding: theme.spacing(3),\n  })\n)\n\nexport const NotFoundMessage: React.FC<\n  React.ComponentProps<typeof Typography>\n> = styled(Typography)(({ theme }) => ({\n  fontSize: 14,\n  whiteSpace: 'normal',\n  color: theme.vars.palette.text.secondary,\n  textAlign: 'center',\n  flex: 1,\n  marginTop: theme.spacing(2),\n  paddingLeft: theme.spacing(2),\n  paddingRight: theme.spacing(2),\n}))\n\nexport const NotFoundIconContainer: React.FC<\n  React.ComponentProps<typeof Typography>\n> = styled(Typography)(() => ({\n  fontSize: 48,\n  lineHeight: 1,\n}))\n"],"mappings":";;AAIA,MAAa,oBAAwC,OAAO,GAAG,CAAC,EAC7D,EAAE,aAAa;CACd,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,eAAe;CACf,MAAM;CACN,SAAS,MAAM,QAAQ,CAAC;AAC1B,EACF;AAEA,MAAa,kBAET,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACrC,UAAU;CACV,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,WAAW;CACX,MAAM;CACN,WAAW,MAAM,QAAQ,CAAC;CAC1B,aAAa,MAAM,QAAQ,CAAC;CAC5B,cAAc,MAAM,QAAQ,CAAC;AAC/B,EAAE;AAEF,MAAa,wBAET,OAAO,UAAU,CAAC,QAAQ;CAC5B,UAAU;CACV,YAAY;AACd,EAAE"}

package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.style.js","names":["CardHeader","Card","CardContent","MuiCardContent"],"sources":["../../../../src/components/SelectTokenButton/SelectTokenButton.style.tsx"],"sourcesContent":["import {\n  cardHeaderClasses,\n  CardContent as MuiCardContent,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport type { FormType } from '../../stores/form/types.js'\nimport { Card } from '../Card/Card.js'\nimport { CardHeader } from '../Card/CardHeader.js'\n\nexport const SelectTokenCardHeader: React.FC<\n  React.ComponentProps<typeof CardHeader> & {\n    selected?: boolean\n  }\n> = styled(CardHeader, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop as string),\n})<{ selected?: boolean }>(({ theme }) => ({\n  padding: theme.spacing(2),\n  [`.${cardHeaderClasses.title}`]: {\n    color: theme.vars.palette.text.secondary,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 96,\n    fontSize: 18,\n    fontWeight: 500,\n    [theme.breakpoints.down(theme.breakpoints.values.xs)]: {\n      fontSize: 16,\n    },\n  },\n  [`.${cardHeaderClasses.subheader}`]: {\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 96,\n  },\n  variants: [\n    {\n      props: ({ selected }) => selected,\n      style: {\n        [`.${cardHeaderClasses.title}`]: {\n          color: theme.vars.palette.text.primary,\n          fontWeight: 600,\n        },\n      },\n    },\n  ],\n}))\n\nexport const SelectTokenCard: React.FC<\n  React.ComponentProps<typeof Card> & {\n    formType?: FormType\n    mask?: boolean\n  }\n> = styled(Card)(({ theme }) => {\n  const cardVariant = theme.components?.MuiCard?.defaultProps?.variant\n  return {\n    flex: 1,\n    ...(cardVariant !== 'outlined' && {\n      background: 'none',\n      '&:hover': {\n        cursor: 'pointer',\n        background: 'none',\n      },\n    }),\n  }\n})\n\nexport const CardContent: React.FC<\n  React.ComponentProps<typeof MuiCardContent> & {\n    formType?: FormType\n    mask?: boolean\n  }\n> = styled(MuiCardContent, {\n  shouldForwardProp: (prop) => !['formType', 'mask'].includes(prop as string),\n})<{ formType?: FormType; mask?: boolean }>(\n  ({ theme, formType, mask = true }) => {\n    const cardVariant = theme.components?.MuiCard?.defaultProps?.variant\n    const direction = formType === 'to' ? '-8px' : 'calc(100% + 8px)'\n    const horizontal = direction\n    const vertical = '50%'\n    return {\n      padding: 0,\n      transition: theme.transitions.create(['background-color'], {\n        duration: theme.transitions.duration.enteringScreen,\n        easing: theme.transitions.easing.easeOut,\n      }),\n      '&:last-child': {\n        paddingBottom: 0,\n      },\n      ...(cardVariant !== 'outlined' && {\n        backgroundColor: theme.vars.palette.background.paper,\n        mask: mask\n          ? `radial-gradient(circle 20px at ${horizontal} ${vertical}, #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat`\n          : 'none',\n      }),\n      ...(cardVariant === 'filled' && {\n        '&:hover': {\n          cursor: 'pointer',\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,\n          ...theme.applyStyles('dark', {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,\n          }),\n        },\n      }),\n    }\n  }\n)\n"],"mappings":";;;;AAUA,MAAa,wBAIT,OAAOA,cAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,EAAE,SAAS,IAAc,EACpE,CAAC,GAA2B,EAAE,aAAa;CACzC,SAAS,MAAM,QAAQ,CAAC;EACvB,IAAI,kBAAkB,UAAU;EAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;EACP,UAAU;EACV,YAAY;GACX,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,UAAU,GACZ;CACF;EACC,IAAI,kBAAkB,cAAc;EACnC,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;CACT;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO,GACJ,IAAI,kBAAkB,UAAU;GAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,YAAY;EACd,EACF;CACF,CACF;AACF,EAAE;AAEF,MAAa,kBAKT,OAAOC,MAAI,GAAG,EAAE,YAAY;CAE9B,OAAO;EACL,MAAM;EACN,GAHkB,MAAM,YAAY,SAAS,cAAc,YAGvC,cAAc;GAChC,YAAY;GACZ,WAAW;IACT,QAAQ;IACR,YAAY;GACd;EACF;CACF;AACF,CAAC;AAED,MAAaC,gBAKT,OAAOC,aAAgB,EACzB,oBAAoB,SAAS,CAAC,CAAC,YAAY,MAAM,EAAE,SAAS,IAAc,EAC5E,CAAC,GACE,EAAE,OAAO,UAAU,OAAO,WAAW;CACpC,MAAM,cAAc,MAAM,YAAY,SAAS,cAAc;CAE7D,MAAM,aADY,aAAa,OAAO,SAAS;CAG/C,OAAO;EACL,SAAS;EACT,YAAY,MAAM,YAAY,OAAO,CAAC,kBAAkB,GAAG;GACzD,UAAU,MAAM,YAAY,SAAS;GACrC,QAAQ,MAAM,YAAY,OAAO;EACnC,CAAC;EACD,gBAAgB,EACd,eAAe,EACjB;EACA,GAAI,gBAAgB,cAAc;GAChC,iBAAiB,MAAM,KAAK,QAAQ,WAAW;GAC/C,MAAM,OACF,kCAAkC,WAAW,0DAC7C;EACN;EACA,GAAI,gBAAgB,YAAY,EAC9B,WAAW;GACT,QAAQ;GACR,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM;GAC3E,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,cAC7E,CAAC;EACH,EACF;CACF;AACF,CACF"}
+{"version":3,"file":"SelectTokenButton.style.js","names":["CardHeader","Card","CardContent","MuiCardContent"],"sources":["../../../../src/components/SelectTokenButton/SelectTokenButton.style.tsx"],"sourcesContent":["import {\n  cardHeaderClasses,\n  CardContent as MuiCardContent,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\nimport type { FormType } from '../../stores/form/types.js'\nimport { Card } from '../Card/Card.js'\nimport { CardHeader } from '../Card/CardHeader.js'\n\nexport const SelectTokenCardHeader: React.FC<\n  React.ComponentProps<typeof CardHeader> & {\n    selected?: boolean\n  }\n> = styled(CardHeader, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop as string),\n})<{ selected?: boolean }>(({ theme }) => ({\n  padding: theme.spacing(2),\n  [`.${cardHeaderClasses.title}`]: {\n    color: theme.vars.palette.text.secondary,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 96,\n    fontSize: 18,\n    fontWeight: 500,\n    [theme.breakpoints.down(theme.breakpoints.values.xs)]: {\n      fontSize: 16,\n    },\n  },\n  [`.${cardHeaderClasses.subheader}`]: {\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 96,\n  },\n  variants: [\n    {\n      props: ({ selected }) => selected,\n      style: {\n        [`.${cardHeaderClasses.title}`]: {\n          color: theme.vars.palette.text.primary,\n          fontWeight: 600,\n        },\n      },\n    },\n  ],\n}))\n\nexport const SelectTokenCard: React.FC<\n  React.ComponentProps<typeof Card> & {\n    formType?: FormType\n    mask?: boolean\n  }\n> = styled(Card)(({ theme }) => {\n  const cardVariant = theme.components?.MuiCard?.defaultProps?.variant\n  return {\n    flex: 1,\n    ...(cardVariant !== 'outlined' && {\n      background: 'none',\n      '&:hover': {\n        cursor: 'pointer',\n        background: 'none',\n      },\n    }),\n  }\n})\n\nexport const CardContent: React.FC<\n  React.ComponentProps<typeof MuiCardContent> & {\n    formType?: FormType\n    mask?: boolean\n  }\n> = styled(MuiCardContent, {\n  shouldForwardProp: (prop) => !['formType', 'mask'].includes(prop as string),\n})<{ formType?: FormType; mask?: boolean }>(\n  ({ theme, formType, mask = true }) => {\n    const cardVariant = theme.components?.MuiCard?.defaultProps?.variant\n    const direction = formType === 'to' ? '-8px' : 'calc(100% + 8px)'\n    const horizontal = direction\n    const vertical = '50%'\n    return {\n      padding: 0,\n      transition: theme.transitions.create(['background-color'], {\n        duration: theme.transitions.duration.enteringScreen,\n        easing: theme.transitions.easing.easeOut,\n      }),\n      '&:last-child': {\n        paddingBottom: 0,\n      },\n      ...(cardVariant !== 'outlined' && {\n        backgroundColor: theme.vars.palette.background.paper,\n        mask: mask\n          ? `radial-gradient(circle 20px at ${horizontal} ${vertical}, #fff0 96%, #fff) 100% 100% / 100% 100% no-repeat`\n          : 'none',\n      }),\n      ...(cardVariant === 'filled' && {\n        '&:hover': {\n          cursor: 'pointer',\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,\n          ...theme.applyStyles('dark', {\n            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,\n          }),\n        },\n      }),\n    }\n  }\n)\n"],"mappings":";;;;AAUA,MAAa,wBAIT,OAAOA,cAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,IAAc,EACpE,CAAC,CAAC,EAA0B,EAAE,aAAa;CACzC,SAAS,MAAM,QAAQ,CAAC;EACvB,IAAI,kBAAkB,UAAU;EAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;EACP,UAAU;EACV,YAAY;GACX,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,UAAU,GACZ;CACF;EACC,IAAI,kBAAkB,cAAc;EACnC,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;CACT;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO,GACJ,IAAI,kBAAkB,UAAU;GAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,YAAY;EACd,EACF;CACF,CACF;AACF,EAAE;AAEF,MAAa,kBAKT,OAAOC,MAAI,CAAC,EAAE,EAAE,YAAY;CAE9B,OAAO;EACL,MAAM;EACN,GAHkB,MAAM,YAAY,SAAS,cAAc,YAGvC,cAAc;GAChC,YAAY;GACZ,WAAW;IACT,QAAQ;IACR,YAAY;GACd;EACF;CACF;AACF,CAAC;AAED,MAAaC,gBAKT,OAAOC,aAAgB,EACzB,oBAAoB,SAAS,CAAC,CAAC,YAAY,MAAM,CAAC,CAAC,SAAS,IAAc,EAC5E,CAAC,CAAC,EACC,EAAE,OAAO,UAAU,OAAO,WAAW;CACpC,MAAM,cAAc,MAAM,YAAY,SAAS,cAAc;CAE7D,MAAM,aADY,aAAa,OAAO,SAAS;CAG/C,OAAO;EACL,SAAS;EACT,YAAY,MAAM,YAAY,OAAO,CAAC,kBAAkB,GAAG;GACzD,UAAU,MAAM,YAAY,SAAS;GACrC,QAAQ,MAAM,YAAY,OAAO;EACnC,CAAC;EACD,gBAAgB,EACd,eAAe,EACjB;EACA,GAAI,gBAAgB,cAAc;GAChC,iBAAiB,MAAM,KAAK,QAAQ,WAAW;GAC/C,MAAM,OACF,kCAAkC,WAAW,0DAC7C;EACN;EACA,GAAI,gBAAgB,YAAY,EAC9B,WAAW;GACT,QAAQ;GACR,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM;GAC3E,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,WAAW,MAAM,cAC7E,CAAC;EACH,EACF;CACF;AACF,CACF"}

package/dist/esm/components/SendToWallet/SendToWalletButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletButton.style.js","names":["CardHeader"],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.style.tsx"],"sourcesContent":["import { Box, cardHeaderClasses, styled } from '@mui/material'\nimport type React from 'react'\nimport { CardHeader } from '../Card/CardHeader.js'\nimport { CardLabel, CardLabelTypography } from '../Card/CardLabel.js'\n\nexport const SendToWalletCardTitleRow: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: theme.spacing(2, 2, 0, 2),\n  height: 30,\n}))\n\nexport const SendToWalletRequiredLabel: React.FC<\n  React.ComponentProps<typeof CardLabel>\n> = styled(CardLabel)(({ theme }) => ({\n  padding: theme.spacing(0, 1),\n}))\n\nexport const SendToWalletRequiredLabelText: React.FC<\n  React.ComponentProps<typeof CardLabelTypography>\n> = styled(CardLabelTypography)(({ theme }) => ({\n  padding: theme.spacing(0, 0.5),\n}))\n\nexport const SendToWalletCardHeader: React.FC<\n  React.ComponentProps<typeof CardHeader> & { selected?: boolean }\n> = styled(CardHeader, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop as string),\n})<{ selected?: boolean }>(({ theme }) => ({\n  width: '100%',\n  [`.${cardHeaderClasses.title}`]: {\n    color: theme.vars.palette.text.secondary,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    fontWeight: 500,\n    width: 254,\n    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n      width: 224,\n    },\n  },\n  [`.${cardHeaderClasses.subheader}`]: {\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 254,\n    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n      width: 224,\n    },\n  },\n  [`.${cardHeaderClasses.action}`]: {\n    marginRight: 0,\n  },\n  [`.${cardHeaderClasses.action} > button`]: {\n    fontSize: 16,\n  },\n  variants: [\n    {\n      props: ({ selected }) => selected,\n      style: {\n        [`.${cardHeaderClasses.title}`]: {\n          color: theme.vars.palette.text.primary,\n          fontWeight: 600,\n          width: 224,\n          [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n            width: 192,\n          },\n        },\n        [`.${cardHeaderClasses.subheader}`]: {\n          width: 224,\n          [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n            width: 192,\n          },\n        },\n      },\n    },\n  ],\n}))\n"],"mappings":";;;;AAKA,MAAa,2BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,QAAQ;AACV,EAAE;AAEF,MAAa,4BAET,OAAO,SAAS,GAAG,EAAE,aAAa,EACpC,SAAS,MAAM,QAAQ,GAAG,CAAC,EAC7B,EAAE;AAEF,MAAa,gCAET,OAAO,mBAAmB,GAAG,EAAE,aAAa,EAC9C,SAAS,MAAM,QAAQ,GAAG,EAAG,EAC/B,EAAE;AAEF,MAAa,yBAET,OAAOA,cAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,EAAE,SAAS,IAAc,EACpE,CAAC,GAA2B,EAAE,aAAa;CACzC,OAAO;EACN,IAAI,kBAAkB,UAAU;EAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,cAAc;EACd,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;GACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;CACF;EACC,IAAI,kBAAkB,cAAc;EACnC,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;GACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;CACF;EACC,IAAI,kBAAkB,WAAW,EAChC,aAAa,EACf;EACC,IAAI,kBAAkB,OAAO,aAAa,EACzC,UAAU,GACZ;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO;IACJ,IAAI,kBAAkB,UAAU;IAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;IAC/B,YAAY;IACZ,OAAO;KACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;GACF;IACC,IAAI,kBAAkB,cAAc;IACnC,OAAO;KACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;GACF;EACF;CACF,CACF;AACF,EAAE"}
+{"version":3,"file":"SendToWalletButton.style.js","names":["CardHeader"],"sources":["../../../../src/components/SendToWallet/SendToWalletButton.style.tsx"],"sourcesContent":["import { Box, cardHeaderClasses, styled } from '@mui/material'\nimport type React from 'react'\nimport { CardHeader } from '../Card/CardHeader.js'\nimport { CardLabel, CardLabelTypography } from '../Card/CardLabel.js'\n\nexport const SendToWalletCardTitleRow: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: theme.spacing(2, 2, 0, 2),\n  height: 30,\n}))\n\nexport const SendToWalletRequiredLabel: React.FC<\n  React.ComponentProps<typeof CardLabel>\n> = styled(CardLabel)(({ theme }) => ({\n  padding: theme.spacing(0, 1),\n}))\n\nexport const SendToWalletRequiredLabelText: React.FC<\n  React.ComponentProps<typeof CardLabelTypography>\n> = styled(CardLabelTypography)(({ theme }) => ({\n  padding: theme.spacing(0, 0.5),\n}))\n\nexport const SendToWalletCardHeader: React.FC<\n  React.ComponentProps<typeof CardHeader> & { selected?: boolean }\n> = styled(CardHeader, {\n  shouldForwardProp: (prop) => !['selected'].includes(prop as string),\n})<{ selected?: boolean }>(({ theme }) => ({\n  width: '100%',\n  [`.${cardHeaderClasses.title}`]: {\n    color: theme.vars.palette.text.secondary,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    fontWeight: 500,\n    width: 254,\n    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n      width: 224,\n    },\n  },\n  [`.${cardHeaderClasses.subheader}`]: {\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    width: 254,\n    [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n      width: 224,\n    },\n  },\n  [`.${cardHeaderClasses.action}`]: {\n    marginRight: 0,\n  },\n  [`.${cardHeaderClasses.action} > button`]: {\n    fontSize: 16,\n  },\n  variants: [\n    {\n      props: ({ selected }) => selected,\n      style: {\n        [`.${cardHeaderClasses.title}`]: {\n          color: theme.vars.palette.text.primary,\n          fontWeight: 600,\n          width: 224,\n          [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n            width: 192,\n          },\n        },\n        [`.${cardHeaderClasses.subheader}`]: {\n          width: 224,\n          [theme.breakpoints.down(theme.breakpoints.values.sm)]: {\n            width: 192,\n          },\n        },\n      },\n    },\n  ],\n}))\n"],"mappings":";;;;AAKA,MAAa,2BAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;CACjC,QAAQ;AACV,EAAE;AAEF,MAAa,4BAET,OAAO,SAAS,CAAC,EAAE,EAAE,aAAa,EACpC,SAAS,MAAM,QAAQ,GAAG,CAAC,EAC7B,EAAE;AAEF,MAAa,gCAET,OAAO,mBAAmB,CAAC,EAAE,EAAE,aAAa,EAC9C,SAAS,MAAM,QAAQ,GAAG,EAAG,EAC/B,EAAE;AAEF,MAAa,yBAET,OAAOA,cAAY,EACrB,oBAAoB,SAAS,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,IAAc,EACpE,CAAC,CAAC,EAA0B,EAAE,aAAa;CACzC,OAAO;EACN,IAAI,kBAAkB,UAAU;EAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,cAAc;EACd,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,OAAO;GACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;CACF;EACC,IAAI,kBAAkB,cAAc;EACnC,cAAc;EACd,YAAY;EACZ,UAAU;EACV,OAAO;GACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;CACF;EACC,IAAI,kBAAkB,WAAW,EAChC,aAAa,EACf;EACC,IAAI,kBAAkB,OAAO,aAAa,EACzC,UAAU,GACZ;CACA,UAAU,CACR;EACE,QAAQ,EAAE,eAAe;EACzB,OAAO;IACJ,IAAI,kBAAkB,UAAU;IAC/B,OAAO,MAAM,KAAK,QAAQ,KAAK;IAC/B,YAAY;IACZ,OAAO;KACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;GACF;IACC,IAAI,kBAAkB,cAAc;IACnC,OAAO;KACN,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,EAAE,IAAI,EACrD,OAAO,IACT;GACF;EACF;CACF,CACF;AACF,EAAE"}

package/dist/esm/components/SettingsListItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsListItemButton.js","names":["ListItemButtonBase"],"sources":["../../../src/components/SettingsListItemButton.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from './ListItemButton.js'\n\nexport const SettingsListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase>\n> = styled(ListItemButtonBase)(({ theme }) => ({\n  paddingRight: theme.spacing(1),\n}))\n"],"mappings":";;;AAIA,MAAa,yBAET,OAAOA,gBAAkB,GAAG,EAAE,aAAa,EAC7C,cAAc,MAAM,QAAQ,CAAC,EAC/B,EAAE"}
+{"version":3,"file":"SettingsListItemButton.js","names":["ListItemButtonBase"],"sources":["../../../src/components/SettingsListItemButton.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from './ListItemButton.js'\n\nexport const SettingsListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase>\n> = styled(ListItemButtonBase)(({ theme }) => ({\n  paddingRight: theme.spacing(1),\n}))\n"],"mappings":";;;AAIA,MAAa,yBAET,OAAOA,gBAAkB,CAAC,EAAE,EAAE,aAAa,EAC7C,cAAc,MAAM,QAAQ,CAAC,EAC/B,EAAE"}