@lifi/widget 4.5.0 → 4.7.0

package/dist/esm/components/AmountInputCard/SendAmountCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendAmountCard.js","names":[],"sources":["../../../../src/components/AmountInputCard/SendAmountCard.tsx"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport type { ChangeEvent, JSX } from 'react'\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useLinkedLimitFields } from '../../hooks/useLinkedLimitFields.js'\nimport { useToken } from '../../hooks/useToken.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'\nimport {\n  formatInputAmount,\n  formatTokenPrice,\n  priceToTokenAmount,\n  usdDecimals,\n} from '../../utils/format.js'\nimport { fitInputText } from '../../utils/input.js'\nimport { CardTitle } from '../Card/CardTitle.js'\nimport { TokenPillButton } from '../TokenPillButton/TokenPillButton.js'\nimport {\n  AmountCard,\n  CardBodyRow,\n  CardFooterRow,\n  CardHeaderRow,\n  LargeInput,\n  maxInputFontSize,\n  minInputFontSize,\n} from './AmountInputCard.style.js'\nimport { BalanceDisplay } from './BalanceDisplay.js'\nimport { FiatValueToggle } from './FiatValueToggle.js'\nimport { PercentageChips } from './PercentageChips.js'\n\nexport const SendAmountCard: React.FC<CardProps & { mask?: boolean }> = (\n  props\n): JSX.Element => {\n  const { t } = useTranslation()\n  const { disabledUI, mode, modeOptions } = useWidgetConfig()\n  const ref = useRef<HTMLInputElement>(null)\n  const isEditingRef = useRef(false)\n  const [formattedPriceInput, setFormattedPriceInput] = useState('')\n\n  const formType = 'from' as const\n\n  const [chainId, tokenAddress, value] = useFieldValues(\n    FormKeyHelper.getChainKey(formType),\n    FormKeyHelper.getTokenKey(formType),\n    FormKeyHelper.getAmountKey(formType)\n  )\n\n  const { token } = useToken(chainId, tokenAddress)\n  const { setFieldValue } = useFieldActions()\n  const { inputMode } = useInputModeStore()\n  const { setSendAmount } = useLinkedLimitFields()\n  const currentInputMode = inputMode[formType]\n  const disabled = disabledUI?.fromAmount\n\n  // In limit mode the send amount drives the linked receive amount; otherwise\n  // it is a plain form-field write.\n  const applyFromAmount = (value: string): void => {\n    if (mode === 'limit') {\n      setSendAmount(value)\n    } else {\n      setFieldValue('fromAmount', value, { isDirty: true, isTouched: true })\n    }\n  }\n\n  const title =\n    mode === 'limit'\n      ? t('header.sell')\n      : mode === 'custom' && modeOptions?.custom?.type === 'deposit'\n        ? t('header.deposit')\n        : t('header.send')\n\n  let displayValue: string\n  if (isEditingRef.current) {\n    if (currentInputMode === 'price') {\n      displayValue = formattedPriceInput\n    } else {\n      displayValue = value as string\n    }\n  } else {\n    if (currentInputMode === 'price') {\n      const priceValue = formatTokenPrice(value as string, token?.priceUSD)\n      displayValue = formatInputAmount(\n        priceValue.toFixed(usdDecimals),\n        usdDecimals\n      )\n    } else {\n      displayValue = value as string\n    }\n  }\n\n  const handleChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ): void => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = true\n\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      const formattedValue = formatInputAmount(\n        cleanInputValue,\n        usdDecimals,\n        true\n      )\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      setFormattedPriceInput(formattedValue)\n      applyFromAmount(tokenValue)\n    } else {\n      const formattedValue = formatInputAmount(\n        inputValue,\n        token?.decimals,\n        true\n      )\n      applyFromAmount(formattedValue)\n    }\n  }\n\n  const handleBlur = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ): void => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = false\n\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      const formattedValue = formatInputAmount(cleanInputValue, usdDecimals)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)\n      applyFromAmount(formattedAmount)\n    } else {\n      const formattedValue = formatInputAmount(inputValue, token?.decimals)\n      applyFromAmount(formattedValue)\n    }\n  }\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: effect must run on value change\n  useLayoutEffect(() => {\n    if (ref.current) {\n      fitInputText(maxInputFontSize, minInputFontSize, ref.current)\n    }\n  }, [displayValue])\n\n  return (\n    <AmountCard {...props} formType={formType}>\n      <CardHeaderRow>\n        <CardTitle sx={{ padding: 0 }}>{title}</CardTitle>\n        <PercentageChips formType={formType} />\n      </CardHeaderRow>\n      <CardBodyRow>\n        <LargeInput\n          inputRef={ref}\n          size=\"small\"\n          autoComplete=\"off\"\n          placeholder={currentInputMode === 'price' ? '$0' : '0'}\n          inputProps={{ inputMode: 'decimal' }}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          value={\n            currentInputMode === 'price'\n              ? displayValue\n                ? `$${displayValue}`\n                : ''\n              : displayValue\n          }\n          name=\"fromAmount\"\n          disabled={disabled}\n          required\n        />\n        <TokenPillButton formType={formType} />\n      </CardBodyRow>\n      <CardFooterRow>\n        <FiatValueToggle formType={formType} />\n        <BalanceDisplay formType={formType} />\n      </CardFooterRow>\n    </AmountCard>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SendAmountCard.js","names":[],"sources":["../../../../src/components/AmountInputCard/SendAmountCard.tsx"],"sourcesContent":["import type { CardProps } from '@mui/material'\nimport type { ChangeEvent, JSX } from 'react'\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useLinkedLimitFields } from '../../hooks/useLinkedLimitFields.js'\nimport { useToken } from '../../hooks/useToken.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { FormKeyHelper } from '../../stores/form/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { useInputModeStore } from '../../stores/inputMode/useInputModeStore.js'\nimport {\n  formatInputAmount,\n  formatTokenPrice,\n  priceToTokenAmount,\n  usdDecimals,\n} from '../../utils/format.js'\nimport { fitInputText } from '../../utils/input.js'\nimport { CardTitle } from '../Card/CardTitle.js'\nimport { TokenPillButton } from '../TokenPillButton/TokenPillButton.js'\nimport {\n  AmountCard,\n  CardBodyRow,\n  CardFooterRow,\n  CardHeaderRow,\n  LargeInput,\n  maxInputFontSize,\n  minInputFontSize,\n} from './AmountInputCard.style.js'\nimport { BalanceDisplay } from './BalanceDisplay.js'\nimport { FiatValueToggle } from './FiatValueToggle.js'\nimport { PercentageChips } from './PercentageChips.js'\n\nexport const SendAmountCard: React.FC<CardProps & { mask?: boolean }> = (\n  props\n): JSX.Element => {\n  const { t } = useTranslation()\n  const { disabledUI, mode, modeOptions } = useWidgetConfig()\n  const ref = useRef<HTMLInputElement>(null)\n  const isEditingRef = useRef(false)\n  const [formattedPriceInput, setFormattedPriceInput] = useState('')\n\n  const formType = 'from' as const\n\n  const [chainId, tokenAddress, value] = useFieldValues(\n    FormKeyHelper.getChainKey(formType),\n    FormKeyHelper.getTokenKey(formType),\n    FormKeyHelper.getAmountKey(formType)\n  )\n\n  const { token } = useToken(chainId, tokenAddress)\n  const { setFieldValue } = useFieldActions()\n  const { inputMode } = useInputModeStore()\n  const { setSendAmount } = useLinkedLimitFields()\n  const currentInputMode = inputMode[formType]\n  const disabled = disabledUI?.fromAmount\n\n  // In limit mode the send amount drives the linked receive amount; otherwise\n  // it is a plain form-field write.\n  const applyFromAmount = (value: string): void => {\n    if (mode === 'limit') {\n      setSendAmount(value)\n    } else {\n      setFieldValue('fromAmount', value, { isDirty: true, isTouched: true })\n    }\n  }\n\n  const title =\n    mode === 'limit'\n      ? t('header.sell')\n      : mode === 'custom' && modeOptions?.custom?.type === 'deposit'\n        ? t('header.deposit')\n        : t('header.send')\n\n  let displayValue: string\n  if (isEditingRef.current) {\n    if (currentInputMode === 'price') {\n      displayValue = formattedPriceInput\n    } else {\n      displayValue = value as string\n    }\n  } else {\n    if (currentInputMode === 'price') {\n      const priceValue = formatTokenPrice(value as string, token?.priceUSD)\n      displayValue = formatInputAmount(\n        priceValue.toFixed(usdDecimals),\n        usdDecimals\n      )\n    } else {\n      displayValue = value as string\n    }\n  }\n\n  const handleChange = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ): void => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = true\n\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      const formattedValue = formatInputAmount(\n        cleanInputValue,\n        usdDecimals,\n        true\n      )\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      setFormattedPriceInput(formattedValue)\n      applyFromAmount(tokenValue)\n    } else {\n      const formattedValue = formatInputAmount(\n        inputValue,\n        token?.decimals,\n        true\n      )\n      applyFromAmount(formattedValue)\n    }\n  }\n\n  const handleBlur = (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ): void => {\n    const { value: inputValue } = event.target\n    isEditingRef.current = false\n\n    if (currentInputMode === 'price') {\n      const cleanInputValue = inputValue.replace('$', '')\n      const formattedValue = formatInputAmount(cleanInputValue, usdDecimals)\n      const tokenValue = priceToTokenAmount(formattedValue, token?.priceUSD)\n      const formattedAmount = formatInputAmount(tokenValue, token?.decimals)\n      applyFromAmount(formattedAmount)\n    } else {\n      const formattedValue = formatInputAmount(inputValue, token?.decimals)\n      applyFromAmount(formattedValue)\n    }\n  }\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: effect must run on value change\n  useLayoutEffect(() => {\n    if (ref.current) {\n      fitInputText(maxInputFontSize, minInputFontSize, ref.current)\n    }\n  }, [displayValue])\n\n  return (\n    <AmountCard {...props} formType={formType}>\n      <CardHeaderRow>\n        <CardTitle sx={{ padding: 0 }}>{title}</CardTitle>\n        <PercentageChips formType={formType} />\n      </CardHeaderRow>\n      <CardBodyRow>\n        <LargeInput\n          inputRef={ref}\n          size=\"small\"\n          autoComplete=\"off\"\n          placeholder={currentInputMode === 'price' ? '$0' : '0'}\n          inputProps={{ inputMode: 'decimal' }}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          value={\n            currentInputMode === 'price'\n              ? displayValue\n                ? `$${displayValue}`\n                : ''\n              : displayValue\n          }\n          name=\"fromAmount\"\n          disabled={disabled}\n          required\n        />\n        <TokenPillButton formType={formType} />\n      </CardBodyRow>\n      <CardFooterRow>\n        <FiatValueToggle formType={formType} />\n        <BalanceDisplay formType={formType} />\n      </CardFooterRow>\n    </AmountCard>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/components/Avatar/Avatar.d.ts

@@ -1,12 +1,11 @@
 import { ExtendedChain } from "@lifi/sdk";
 import { SxProps, Theme } from "@mui/material";
 //#region src/components/Avatar/Avatar.d.ts
-declare const AvatarBadgedDefault: React.FC<{
+export declare const AvatarBadgedDefault: React.FC<{
   sx?: SxProps<Theme>;
   chain?: ExtendedChain;
   avatarSize?: number;
   badgeSize?: number;
 }>;
 //#endregion
-export { AvatarBadgedDefault };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/esm/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;cAOa,qBAAqB,MAAM;EACtC,KAAK,QAAQ;EACb,QAAQ;EACR;EACA"}
+{"version":3,"file":"Avatar.d.ts","names":[],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"mappings":";;;qBAOa,qBAAqB,MAAM;EACtC,KAAK,QAAQ;EACb,QAAQ;EACR;EACA"}

package/dist/esm/components/Avatar/TokenAvatar.d.ts

@@ -1,7 +1,7 @@
 import { Chain, StaticToken } from "@lifi/sdk";
 import { SxProps, Theme } from "@mui/material";
 //#region src/components/Avatar/TokenAvatar.d.ts
-declare const TokenAvatar: React.FC<{
+export declare const TokenAvatar: React.FC<{
   token?: StaticToken;
   chain?: Chain;
   isLoading?: boolean;
@@ -10,5 +10,4 @@ declare const TokenAvatar: React.FC<{
   chainAvatarSize?: number;
 }>;
 //#endregion
-export { TokenAvatar };
 //# sourceMappingURL=TokenAvatar.d.ts.map

package/dist/esm/components/Avatar/TokenAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenAvatar.d.ts","names":[],"sources":["../../../../src/components/Avatar/TokenAvatar.tsx"],"mappings":";;;cASa,aAAa,MAAM;EAC9B,QAAQ;EACR,QAAQ;EACR;EACA,KAAK,QAAQ;EACb;EACA"}
+{"version":3,"file":"TokenAvatar.d.ts","names":[],"sources":["../../../../src/components/Avatar/TokenAvatar.tsx"],"mappings":";;;qBASa,aAAa,MAAM;EAC9B,QAAQ;EACR,QAAQ;EACR;EACA,KAAK,QAAQ;EACb;EACA"}

package/dist/esm/components/BaseTransactionButton/BaseTransactionButton.d.ts

@@ -1,6 +1,5 @@
 import { BaseTransactionButtonProps } from "./types.js";
 //#region src/components/BaseTransactionButton/BaseTransactionButton.d.ts
-declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;
+export declare const BaseTransactionButton: React.FC<BaseTransactionButtonProps>;
 //#endregion
-export { BaseTransactionButton };
 //# sourceMappingURL=BaseTransactionButton.d.ts.map

package/dist/esm/components/BaseTransactionButton/BaseTransactionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTransactionButton.d.ts","names":[],"sources":["../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"mappings":";;cASa,uBAAuB,MAAM,GAAG"}
+{"version":3,"file":"BaseTransactionButton.d.ts","names":[],"sources":["../../../../src/components/BaseTransactionButton/BaseTransactionButton.tsx"],"mappings":";;qBASa,uBAAuB,MAAM,GAAG"}

package/dist/esm/components/BaseTransactionButton/types.d.ts

@@ -1,7 +1,7 @@
 import { RouteExtended } from "@lifi/sdk";
 import { SxProps, Theme } from "@mui/material";
 //#region src/components/BaseTransactionButton/types.d.ts
-interface BaseTransactionButtonProps {
+export interface BaseTransactionButtonProps {
   onClick?(): void;
   text?: string;
   disabled?: boolean;
@@ -10,5 +10,4 @@ interface BaseTransactionButtonProps {
   sx?: SxProps<Theme>;
 }
 //#endregion
-export { BaseTransactionButtonProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/BaseTransactionButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/BaseTransactionButton/types.ts"],"mappings":";;;UAGiB;EACf;EACA;EACA;EACA;EACA,QAAQ;EACR,KAAK,QAAQ"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/BaseTransactionButton/types.ts"],"mappings":";;;iBAGiB;EACf;EACA;EACA;EACA;EACA,QAAQ;EACR,KAAK,QAAQ"}

package/dist/esm/components/BottomSheet/BottomSheet.js

@@ -10,6 +10,7 @@ const BottomSheet = ({ elementRef, children, open, onClose, keepMounted = false,
 	const [drawerOpen, setDrawerOpen] = useState(open);
 	const [isInert, setIsInert] = useState(!open);
 	const close = useCallback(() => {
+		if (!openRef.current) return;
 		setIsInert(true);
 		startTransition(() => {
 			setDrawerOpen(false);

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type { JSX, Ref } from 'react'\nimport {\n  startTransition,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\nimport { modalProps, slotProps } from '../Dialog/Dialog.js'\nimport type { BottomSheetBase, BottomSheetProps } from './types.js'\n\nexport const BottomSheet = ({\n  elementRef,\n  children,\n  open,\n  onClose,\n  keepMounted = false,\n  ref,\n}: Omit<BottomSheetProps, 'ref'> & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const getContainer = useGetScrollableContainer()\n  const openRef = useRef(open)\n  const [drawerOpen, setDrawerOpen] = useState(open)\n  const [isInert, setIsInert] = useState(!open)\n\n  const close = useCallback(() => {\n    // Set inert first to prevent focus issues\n    setIsInert(true)\n    // Push the state update to the next event loop tick\n    // to ensure the inert is applied to before the drawer is closed\n    startTransition(() => {\n      setDrawerOpen(false)\n      openRef.current = false\n      onClose?.()\n    })\n  }, [onClose])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => {\n        setIsInert(false)\n        setDrawerOpen(true)\n        openRef.current = true\n      },\n      close,\n    }),\n    [close]\n  )\n\n  return (\n    <Drawer\n      container={getContainer}\n      ref={elementRef}\n      anchor=\"bottom\"\n      open={drawerOpen}\n      onClose={close}\n      ModalProps={modalProps}\n      slotProps={slotProps}\n      disableAutoFocus\n      keepMounted={keepMounted}\n      inert={isInert}\n    >\n      {children}\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;AAaA,MAAa,eAAe,EAC1B,YACA,UACA,MACA,SACA,cAAc,OACd,UAGiB;CACjB,MAAM,eAAe,0BAA0B;CAC/C,MAAM,UAAU,OAAO,IAAI;CAC3B,MAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;CACjD,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,IAAI;CAE5C,MAAM,QAAQ,kBAAkB;EAE9B,WAAW,IAAI;EAGf,sBAAsB;GACpB,cAAc,KAAK;GACnB,QAAQ,UAAU;GAClB,UAAU;EACZ,CAAC;CACH,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB,YAAY;GACV,WAAW,KAAK;GAChB,cAAc,IAAI;GAClB,QAAQ,UAAU;EACpB;EACA;CACF,IACA,CAAC,KAAK,CACR;CAEA,OACE,oBAAC,QAAD;EACE,WAAW;EACX,KAAK;EACL,QAAO;EACP,MAAM;EACN,SAAS;EACT,YAAY;EACD;EACX,kBAAA;EACa;EACb,OAAO;EAEN;CACK,CAAA;AAEZ"}
+{"version":3,"file":"BottomSheet.js","names":[],"sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { Drawer } from '@mui/material'\nimport type { JSX, Ref } from 'react'\nimport {\n  startTransition,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\nimport { modalProps, slotProps } from '../Dialog/Dialog.js'\nimport type { BottomSheetBase, BottomSheetProps } from './types.js'\n\nexport const BottomSheet = ({\n  elementRef,\n  children,\n  open,\n  onClose,\n  keepMounted = false,\n  ref,\n}: Omit<BottomSheetProps, 'ref'> & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const getContainer = useGetScrollableContainer()\n  const openRef = useRef(open)\n  const [drawerOpen, setDrawerOpen] = useState(open)\n  const [isInert, setIsInert] = useState(!open)\n\n  const close = useCallback(() => {\n    if (!openRef.current) {\n      return\n    }\n    // Set inert first to prevent focus issues\n    setIsInert(true)\n    // Push the state update to the next event loop tick\n    // to ensure the inert is applied to before the drawer is closed\n    startTransition(() => {\n      setDrawerOpen(false)\n      openRef.current = false\n      onClose?.()\n    })\n  }, [onClose])\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      isOpen: () => openRef.current,\n      open: () => {\n        setIsInert(false)\n        setDrawerOpen(true)\n        openRef.current = true\n      },\n      close,\n    }),\n    [close]\n  )\n\n  return (\n    <Drawer\n      container={getContainer}\n      ref={elementRef}\n      anchor=\"bottom\"\n      open={drawerOpen}\n      onClose={close}\n      ModalProps={modalProps}\n      slotProps={slotProps}\n      disableAutoFocus\n      keepMounted={keepMounted}\n      inert={isInert}\n    >\n      {children}\n    </Drawer>\n  )\n}\n"],"mappings":";;;;;;AAaA,MAAa,eAAe,EAC1B,YACA,UACA,MACA,SACA,cAAc,OACd,UAGiB;CACjB,MAAM,eAAe,0BAA0B;CAC/C,MAAM,UAAU,OAAO,IAAI;CAC3B,MAAM,CAAC,YAAY,iBAAiB,SAAS,IAAI;CACjD,MAAM,CAAC,SAAS,cAAc,SAAS,CAAC,IAAI;CAE5C,MAAM,QAAQ,kBAAkB;EAC9B,IAAI,CAAC,QAAQ,SACX;EAGF,WAAW,IAAI;EAGf,sBAAsB;GACpB,cAAc,KAAK;GACnB,QAAQ,UAAU;GAClB,UAAU;EACZ,CAAC;CACH,GAAG,CAAC,OAAO,CAAC;CAEZ,oBACE,YACO;EACL,cAAc,QAAQ;EACtB,YAAY;GACV,WAAW,KAAK;GAChB,cAAc,IAAI;GAClB,QAAQ,UAAU;EACpB;EACA;CACF,IACA,CAAC,KAAK,CACR;CAEA,OACE,oBAAC,QAAD;EACE,WAAW;EACX,KAAK;EACL,QAAO;EACP,MAAM;EACN,SAAS;EACT,YAAY;EACD;EACX,kBAAA;EACa;EACb,OAAO;EAEN;CACK,CAAA;AAEZ"}

package/dist/esm/components/BottomSheet/types.d.ts

@@ -1,11 +1,10 @@
 import { RefObject } from "react";
 import "@mui/material";
 //#region src/components/BottomSheet/types.d.ts
-interface BottomSheetBase {
+export interface BottomSheetBase {
   isOpen(): void;
   open(): void;
   close(): void;
 }
 //#endregion
-export { BottomSheetBase };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/BottomSheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/BottomSheet/types.ts"],"mappings":";;;UASiB;EACf;EACA;EACA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/BottomSheet/types.ts"],"mappings":";;;iBASiB;EACf;EACA;EACA"}

package/dist/esm/components/ButtonTertiary.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { Button } from "@mui/material";
 //#region src/components/ButtonTertiary.d.ts
-declare const ButtonTertiary: React.FC<React.ComponentProps<typeof Button>>;
+export declare const ButtonTertiary: React.FC<React.ComponentProps<typeof Button>>;
 //#endregion
-export { ButtonTertiary };
 //# sourceMappingURL=ButtonTertiary.d.ts.map

package/dist/esm/components/ButtonTertiary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTertiary.d.ts","names":[],"sources":["../../../src/components/ButtonTertiary.tsx"],"mappings":";;;cAGa,gBAAgB,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"ButtonTertiary.d.ts","names":[],"sources":["../../../src/components/ButtonTertiary.tsx"],"mappings":";;;qBAGa,gBAAgB,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/components/Card/CardIconButton.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { IconButton, IconButtonProps, LinkProps } from "@mui/material";
 //#region src/components/Card/CardIconButton.d.ts
-declare const CardIconButton: React.FC<React.ComponentProps<typeof IconButton> & IconButtonProps & Pick<LinkProps, "href" | "target" | "rel">>;
+export declare const CardIconButton: React.FC<React.ComponentProps<typeof IconButton> & IconButtonProps & Pick<LinkProps, "href" | "target" | "rel">>;
 //#endregion
-export { CardIconButton };
 //# sourceMappingURL=CardIconButton.d.ts.map

package/dist/esm/components/Card/CardIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardIconButton.d.ts","names":[],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"mappings":";;;cAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB,cAC1B,kBACA,KAAK"}
+{"version":3,"file":"CardIconButton.d.ts","names":[],"sources":["../../../../src/components/Card/CardIconButton.tsx"],"mappings":";;;qBAIa,gBAAgB,MAAM,GACjC,MAAM,sBAAsB,cAC1B,kBACA,KAAK"}

package/dist/esm/components/Card/CardTitle.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
 import { Typography } from "@mui/material";
 //#region src/components/Card/CardTitle.d.ts
-declare const CardTitle: React.FC<React.ComponentProps<typeof Typography> & {
+export declare const CardTitle: React.FC<React.ComponentProps<typeof Typography> & {
   required?: boolean;
 }>;
 //#endregion
-export { CardTitle };
 //# sourceMappingURL=CardTitle.d.ts.map

package/dist/esm/components/Card/CardTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.d.ts","names":[],"sources":["../../../../src/components/Card/CardTitle.tsx"],"mappings":";;;cAGa,WAAW,MAAM,GAC5B,MAAM,sBAAsB;EAAgB"}
+{"version":3,"file":"CardTitle.d.ts","names":[],"sources":["../../../../src/components/Card/CardTitle.tsx"],"mappings":";;;qBAGa,WAAW,MAAM,GAC5B,MAAM,sBAAsB;EAAgB"}

package/dist/esm/components/Card/InputCard.d.ts

@@ -1,7 +1,6 @@
 import { Card } from "./Card.js";
 import React from "react";
 //#region src/components/Card/InputCard.d.ts
-declare const InputCard: React.FC<React.ComponentProps<typeof Card>>;
+export declare const InputCard: React.FC<React.ComponentProps<typeof Card>>;
 //#endregion
-export { InputCard };
 //# sourceMappingURL=InputCard.d.ts.map

package/dist/esm/components/Card/InputCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputCard.d.ts","names":[],"sources":["../../../../src/components/Card/InputCard.tsx"],"mappings":";;;cAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB"}
+{"version":3,"file":"InputCard.d.ts","names":[],"sources":["../../../../src/components/Card/InputCard.tsx"],"mappings":";;;qBAIa,WAAW,MAAM,GAAG,MAAM,sBAAsB"}

package/dist/esm/components/ChainSelect/ChainSelect.d.ts

@@ -1,7 +1,6 @@
 import { FormTypeProps } from "../../stores/form/types.js";
 import React from "react";
 //#region src/components/ChainSelect/ChainSelect.d.ts
-declare const ChainSelect: React.NamedExoticComponent<FormTypeProps>;
+export declare const ChainSelect: React.NamedExoticComponent<FormTypeProps>;
 //#endregion
-export { ChainSelect };
 //# sourceMappingURL=ChainSelect.d.ts.map

package/dist/esm/components/ChainSelect/ChainSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainSelect.d.ts","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"mappings":";;;cA2Ba,aAAa,MAAM,qBAAqB"}
+{"version":3,"file":"ChainSelect.d.ts","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.tsx"],"mappings":";;;qBA2Ba,aAAa,MAAM,qBAAqB"}

package/dist/esm/components/ChainSelect/ChainSelect.style.d.ts

@@ -2,9 +2,8 @@ import "../Card/Card.js";
 import React from "react";
 import { Avatar, Box, Typography } from "@mui/material";
 //#region src/components/ChainSelect/ChainSelect.style.d.ts
-declare const ChainAvatar: React.FC<React.ComponentProps<typeof Avatar> & {
+export declare const ChainAvatar: React.FC<React.ComponentProps<typeof Avatar> & {
   itemCount?: number;
 }>;
 //#endregion
-export { ChainAvatar };
 //# sourceMappingURL=ChainSelect.style.d.ts.map

package/dist/esm/components/ChainSelect/ChainSelect.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainSelect.style.d.ts","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.style.tsx"],"mappings":";;;;cA+Ba,aAAa,MAAM,GAC9B,MAAM,sBAAsB;EAAY"}
+{"version":3,"file":"ChainSelect.style.d.ts","names":[],"sources":["../../../../src/components/ChainSelect/ChainSelect.style.tsx"],"mappings":";;;;qBA+Ba,aAAa,MAAM,GAC9B,MAAM,sBAAsB;EAAY"}

package/dist/esm/components/Chains/AllChainsAvatar.js

@@ -33,6 +33,12 @@ const chainTypeIcons = [
 		chainType: ChainType.TVM,
 		icon: "https://lifinance.github.io/types/src/assets/icons/chains/tron.svg",
 		defaultChainId: ChainId.TRN
+	},
+	{
+		name: "Stellar",
+		chainType: ChainType.STL,
+		icon: "https://lifinance.github.io/types/src/assets/icons/chains/stellar.svg",
+		defaultChainId: ChainId.XLM
 	}
 ];
 const maxChainAvatarsCount = 4;
@@ -54,7 +60,7 @@ const AllChainsAvatar = memo(({ chains, size }) => {
 			}
 			return numberOfChains > 0;
 		});
-		if (existingChainTypeIcons.length === maxChainAvatarsCount) return existingChainTypeIcons;
+		if (existingChainTypeIcons.length >= maxChainAvatarsCount) return existingChainTypeIcons;
 		const remainingSlots = maxChainAvatarsCount - existingChainTypeIcons.length;
 		const predefinedIconNames = new Set(existingChainTypeIcons.map((icon) => icon.name));
 		const additionalIcons = chains.filter((chain) => {

package/dist/esm/components/Chains/AllChainsAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AllChainsAvatar.js","names":[],"sources":["../../../../src/components/Chains/AllChainsAvatar.tsx"],"sourcesContent":["import {\n  ChainId,\n  ChainType,\n  type EVMChain,\n  type ExtendedChain,\n} from '@lifi/sdk'\nimport { Avatar, Box } from '@mui/material'\nimport type React from 'react'\nimport { type JSX, memo, useMemo } from 'react'\n\ninterface AllChainsAvatarProps {\n  chains: ExtendedChain[] | EVMChain[]\n  size: 'small' | 'medium'\n}\n\nconst chainTypeIcons = [\n  {\n    name: 'Ethereum',\n    chainType: ChainType.EVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/ethereum.svg',\n    defaultChainId: ChainId.ETH,\n  },\n  {\n    name: 'Solana',\n    chainType: ChainType.SVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/solana.svg',\n    defaultChainId: ChainId.SOL,\n  },\n  {\n    name: 'Bitcoin',\n    chainType: ChainType.UTXO,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/bitcoin.svg',\n    defaultChainId: ChainId.BTC,\n  },\n  {\n    name: 'Sui',\n    chainType: ChainType.MVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/sui.svg',\n    defaultChainId: ChainId.SUI,\n  },\n  {\n    name: 'Tron',\n    chainType: ChainType.TVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/tron.svg',\n    defaultChainId: ChainId.TRN,\n  },\n]\n\nconst maxChainAvatarsCount = 4\n\nexport const AllChainsAvatar: React.NamedExoticComponent<AllChainsAvatarProps> =\n  memo(({ chains, size }: AllChainsAvatarProps): JSX.Element => {\n    const icons = useMemo(() => {\n      // Create maps for efficient lookups\n      const chainsPerChainType = new Map<ChainType, number>()\n      const chainsByChainType = new Map<\n        ChainType,\n        (ExtendedChain | EVMChain)[]\n      >()\n\n      chains.forEach((chain) => {\n        chainsPerChainType.set(\n          chain.chainType,\n          (chainsPerChainType.get(chain.chainType) || 0) + 1\n        )\n        const chainsOfType = chainsByChainType.get(chain.chainType) || []\n        chainsOfType.push(chain)\n        chainsByChainType.set(chain.chainType, chainsOfType)\n      })\n\n      // Get existing ecosystem icons\n      const existingChainTypeIcons = chainTypeIcons.filter(\n        (predefinedChain) => {\n          const numberOfChains =\n            chainsPerChainType.get(predefinedChain.chainType) ?? 0\n\n          // If there's only one chain of this type, check if it's not the default\n          if (numberOfChains === 1) {\n            const chainsOfType = chainsByChainType.get(\n              predefinedChain.chainType\n            )\n            const singleChain = chainsOfType?.[0]\n            // Exclude the predefined icon if the single chain is not the default\n            if (\n              singleChain &&\n              singleChain.id !== predefinedChain.defaultChainId\n            ) {\n              return false\n            }\n          }\n\n          return numberOfChains > 0\n        }\n      )\n\n      if (existingChainTypeIcons.length === maxChainAvatarsCount) {\n        return existingChainTypeIcons\n      }\n\n      const remainingSlots =\n        maxChainAvatarsCount - existingChainTypeIcons.length\n\n      // Create a Set for O(1) lookup of predefined icon names\n      const predefinedIconNames = new Set(\n        existingChainTypeIcons.map((icon) => icon.name)\n      )\n\n      const chainsWithLogos = chains.filter((chain) => {\n        // Filter out chain icons matching ecosystem icons\n        return !predefinedIconNames.has(chain.name) && Boolean(chain.logoURI)\n      })\n\n      const additionalIcons = chainsWithLogos\n        .slice(0, remainingSlots)\n        .map((chain) => ({\n          name: chain.name,\n          chainType: chain.chainType,\n          icon: chain.logoURI!,\n        }))\n\n      return [...existingChainTypeIcons, ...additionalIcons]\n    }, [chains])\n\n    const wrapperSize = size === 'small' ? '32px' : '40px'\n    const avatarSize = size === 'small' ? '12px' : '16px'\n    const avatarsCount = Math.min(icons.length, maxChainAvatarsCount)\n    const gridRows = avatarsCount > 2 ? 2 : 1\n    const gridColumns = avatarsCount > 1 ? 2 : 1\n\n    return (\n      <Box\n        sx={{\n          width: wrapperSize,\n          height: wrapperSize,\n          display: 'grid',\n          gridTemplateRows: `repeat(${gridRows}, 1fr)`,\n          gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n          placeItems: 'center',\n        }}\n      >\n        {icons.slice(0, avatarsCount).map((chain, idx) => {\n          const isThirdAvatarInThreeAvatarLayout =\n            avatarsCount === 3 && idx === 2\n\n          return (\n            <Avatar\n              key={`${chain.chainType}-${idx}`}\n              src={chain.icon}\n              alt={chain.name}\n              sx={{\n                width: avatarSize,\n                height: avatarSize,\n                margin: 'auto',\n                ...(isThirdAvatarInThreeAvatarLayout && {\n                  gridColumn: '1 / span 2',\n                  gridRow: '2',\n                  justifySelf: 'center',\n                }),\n              }}\n            >\n              {chain.chainType[0]}\n            </Avatar>\n          )\n        })}\n      </Box>\n    )\n  })\n"],"mappings":";;;;;AAeA,MAAM,iBAAiB;CACrB;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;AACF;AAEA,MAAM,uBAAuB;AAE7B,MAAa,kBACX,MAAM,EAAE,QAAQ,WAA8C;CAC5D,MAAM,QAAQ,cAAc;EAE1B,MAAM,qCAAqB,IAAI,IAAuB;EACtD,MAAM,oCAAoB,IAAI,IAG5B;EAEF,OAAO,SAAS,UAAU;GACxB,mBAAmB,IACjB,MAAM,YACL,mBAAmB,IAAI,MAAM,SAAS,KAAK,KAAK,CACnD;GACA,MAAM,eAAe,kBAAkB,IAAI,MAAM,SAAS,KAAK,CAAC;GAChE,aAAa,KAAK,KAAK;GACvB,kBAAkB,IAAI,MAAM,WAAW,YAAY;EACrD,CAAC;EAGD,MAAM,yBAAyB,eAAe,QAC3C,oBAAoB;GACnB,MAAM,iBACJ,mBAAmB,IAAI,gBAAgB,SAAS,KAAK;GAGvD,IAAI,mBAAmB,GAAG;IAIxB,MAAM,cAHe,kBAAkB,IACrC,gBAAgB,SAEa,CAAC,GAAG;IAEnC,IACE,eACA,YAAY,OAAO,gBAAgB,gBAEnC,OAAO;GAEX;GAEA,OAAO,iBAAiB;EAC1B,CACF;EAEA,IAAI,uBAAuB,WAAW,sBACpC,OAAO;EAGT,MAAM,iBACJ,uBAAuB,uBAAuB;EAGhD,MAAM,sBAAsB,IAAI,IAC9B,uBAAuB,KAAK,SAAS,KAAK,IAAI,CAChD;EAOA,MAAM,kBALkB,OAAO,QAAQ,UAAU;GAE/C,OAAO,CAAC,oBAAoB,IAAI,MAAM,IAAI,KAAK,QAAQ,MAAM,OAAO;EACtE,CAEsC,CAAC,CACpC,MAAM,GAAG,cAAc,CAAC,CACxB,KAAK,WAAW;GACf,MAAM,MAAM;GACZ,WAAW,MAAM;GACjB,MAAM,MAAM;EACd,EAAE;EAEJ,OAAO,CAAC,GAAG,wBAAwB,GAAG,eAAe;CACvD,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,cAAc,SAAS,UAAU,SAAS;CAChD,MAAM,aAAa,SAAS,UAAU,SAAS;CAC/C,MAAM,eAAe,KAAK,IAAI,MAAM,QAAQ,oBAAoB;CAChE,MAAM,WAAW,eAAe,IAAI,IAAI;CACxC,MAAM,cAAc,eAAe,IAAI,IAAI;CAE3C,OACE,oBAAC,KAAD;EACE,IAAI;GACF,OAAO;GACP,QAAQ;GACR,SAAS;GACT,kBAAkB,UAAU,SAAS;GACrC,qBAAqB,UAAU,YAAY;GAC3C,YAAY;EACd;EAEC,UAAA,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,KAAK,OAAO,QAAQ;GAChD,MAAM,mCACJ,iBAAiB,KAAK,QAAQ;GAEhC,OACE,oBAAC,QAAD;IAEE,KAAK,MAAM;IACX,KAAK,MAAM;IACX,IAAI;KACF,OAAO;KACP,QAAQ;KACR,QAAQ;KACR,GAAI,oCAAoC;MACtC,YAAY;MACZ,SAAS;MACT,aAAa;KACf;IACF;IAEC,UAAA,MAAM,UAAU;GACX,GAfD,GAAG,MAAM,UAAU,GAAG,KAerB;EAEZ,CAAC;CACE,CAAA;AAET,CAAC"}
+{"version":3,"file":"AllChainsAvatar.js","names":[],"sources":["../../../../src/components/Chains/AllChainsAvatar.tsx"],"sourcesContent":["import {\n  ChainId,\n  ChainType,\n  type EVMChain,\n  type ExtendedChain,\n} from '@lifi/sdk'\nimport { Avatar, Box } from '@mui/material'\nimport type React from 'react'\nimport { type JSX, memo, useMemo } from 'react'\n\ninterface AllChainsAvatarProps {\n  chains: ExtendedChain[] | EVMChain[]\n  size: 'small' | 'medium'\n}\n\nconst chainTypeIcons = [\n  {\n    name: 'Ethereum',\n    chainType: ChainType.EVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/ethereum.svg',\n    defaultChainId: ChainId.ETH,\n  },\n  {\n    name: 'Solana',\n    chainType: ChainType.SVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/solana.svg',\n    defaultChainId: ChainId.SOL,\n  },\n  {\n    name: 'Bitcoin',\n    chainType: ChainType.UTXO,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/bitcoin.svg',\n    defaultChainId: ChainId.BTC,\n  },\n  {\n    name: 'Sui',\n    chainType: ChainType.MVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/sui.svg',\n    defaultChainId: ChainId.SUI,\n  },\n  {\n    name: 'Tron',\n    chainType: ChainType.TVM,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/tron.svg',\n    defaultChainId: ChainId.TRN,\n  },\n  {\n    name: 'Stellar',\n    chainType: ChainType.STL,\n    icon: 'https://lifinance.github.io/types/src/assets/icons/chains/stellar.svg',\n    defaultChainId: ChainId.XLM,\n  },\n]\n\nconst maxChainAvatarsCount = 4\n\nexport const AllChainsAvatar: React.NamedExoticComponent<AllChainsAvatarProps> =\n  memo(({ chains, size }: AllChainsAvatarProps): JSX.Element => {\n    const icons = useMemo(() => {\n      // Create maps for efficient lookups\n      const chainsPerChainType = new Map<ChainType, number>()\n      const chainsByChainType = new Map<\n        ChainType,\n        (ExtendedChain | EVMChain)[]\n      >()\n\n      chains.forEach((chain) => {\n        chainsPerChainType.set(\n          chain.chainType,\n          (chainsPerChainType.get(chain.chainType) || 0) + 1\n        )\n        const chainsOfType = chainsByChainType.get(chain.chainType) || []\n        chainsOfType.push(chain)\n        chainsByChainType.set(chain.chainType, chainsOfType)\n      })\n\n      // Get existing ecosystem icons\n      const existingChainTypeIcons = chainTypeIcons.filter(\n        (predefinedChain) => {\n          const numberOfChains =\n            chainsPerChainType.get(predefinedChain.chainType) ?? 0\n\n          // If there's only one chain of this type, check if it's not the default\n          if (numberOfChains === 1) {\n            const chainsOfType = chainsByChainType.get(\n              predefinedChain.chainType\n            )\n            const singleChain = chainsOfType?.[0]\n            // Exclude the predefined icon if the single chain is not the default\n            if (\n              singleChain &&\n              singleChain.id !== predefinedChain.defaultChainId\n            ) {\n              return false\n            }\n          }\n\n          return numberOfChains > 0\n        }\n      )\n\n      if (existingChainTypeIcons.length >= maxChainAvatarsCount) {\n        return existingChainTypeIcons\n      }\n\n      const remainingSlots =\n        maxChainAvatarsCount - existingChainTypeIcons.length\n\n      // Create a Set for O(1) lookup of predefined icon names\n      const predefinedIconNames = new Set(\n        existingChainTypeIcons.map((icon) => icon.name)\n      )\n\n      const chainsWithLogos = chains.filter((chain) => {\n        // Filter out chain icons matching ecosystem icons\n        return !predefinedIconNames.has(chain.name) && Boolean(chain.logoURI)\n      })\n\n      const additionalIcons = chainsWithLogos\n        .slice(0, remainingSlots)\n        .map((chain) => ({\n          name: chain.name,\n          chainType: chain.chainType,\n          icon: chain.logoURI!,\n        }))\n\n      return [...existingChainTypeIcons, ...additionalIcons]\n    }, [chains])\n\n    const wrapperSize = size === 'small' ? '32px' : '40px'\n    const avatarSize = size === 'small' ? '12px' : '16px'\n    const avatarsCount = Math.min(icons.length, maxChainAvatarsCount)\n    const gridRows = avatarsCount > 2 ? 2 : 1\n    const gridColumns = avatarsCount > 1 ? 2 : 1\n\n    return (\n      <Box\n        sx={{\n          width: wrapperSize,\n          height: wrapperSize,\n          display: 'grid',\n          gridTemplateRows: `repeat(${gridRows}, 1fr)`,\n          gridTemplateColumns: `repeat(${gridColumns}, 1fr)`,\n          placeItems: 'center',\n        }}\n      >\n        {icons.slice(0, avatarsCount).map((chain, idx) => {\n          const isThirdAvatarInThreeAvatarLayout =\n            avatarsCount === 3 && idx === 2\n\n          return (\n            <Avatar\n              key={`${chain.chainType}-${idx}`}\n              src={chain.icon}\n              alt={chain.name}\n              sx={{\n                width: avatarSize,\n                height: avatarSize,\n                margin: 'auto',\n                ...(isThirdAvatarInThreeAvatarLayout && {\n                  gridColumn: '1 / span 2',\n                  gridRow: '2',\n                  justifySelf: 'center',\n                }),\n              }}\n            >\n              {chain.chainType[0]}\n            </Avatar>\n          )\n        })}\n      </Box>\n    )\n  })\n"],"mappings":";;;;;AAeA,MAAM,iBAAiB;CACrB;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;CACA;EACE,MAAM;EACN,WAAW,UAAU;EACrB,MAAM;EACN,gBAAgB,QAAQ;CAC1B;AACF;AAEA,MAAM,uBAAuB;AAE7B,MAAa,kBACX,MAAM,EAAE,QAAQ,WAA8C;CAC5D,MAAM,QAAQ,cAAc;EAE1B,MAAM,qCAAqB,IAAI,IAAuB;EACtD,MAAM,oCAAoB,IAAI,IAG5B;EAEF,OAAO,SAAS,UAAU;GACxB,mBAAmB,IACjB,MAAM,YACL,mBAAmB,IAAI,MAAM,SAAS,KAAK,KAAK,CACnD;GACA,MAAM,eAAe,kBAAkB,IAAI,MAAM,SAAS,KAAK,CAAC;GAChE,aAAa,KAAK,KAAK;GACvB,kBAAkB,IAAI,MAAM,WAAW,YAAY;EACrD,CAAC;EAGD,MAAM,yBAAyB,eAAe,QAC3C,oBAAoB;GACnB,MAAM,iBACJ,mBAAmB,IAAI,gBAAgB,SAAS,KAAK;GAGvD,IAAI,mBAAmB,GAAG;IAIxB,MAAM,cAHe,kBAAkB,IACrC,gBAAgB,SAEa,CAAC,GAAG;IAEnC,IACE,eACA,YAAY,OAAO,gBAAgB,gBAEnC,OAAO;GAEX;GAEA,OAAO,iBAAiB;EAC1B,CACF;EAEA,IAAI,uBAAuB,UAAU,sBACnC,OAAO;EAGT,MAAM,iBACJ,uBAAuB,uBAAuB;EAGhD,MAAM,sBAAsB,IAAI,IAC9B,uBAAuB,KAAK,SAAS,KAAK,IAAI,CAChD;EAOA,MAAM,kBALkB,OAAO,QAAQ,UAAU;GAE/C,OAAO,CAAC,oBAAoB,IAAI,MAAM,IAAI,KAAK,QAAQ,MAAM,OAAO;EACtE,CAEsC,CAAC,CACpC,MAAM,GAAG,cAAc,CAAC,CACxB,KAAK,WAAW;GACf,MAAM,MAAM;GACZ,WAAW,MAAM;GACjB,MAAM,MAAM;EACd,EAAE;EAEJ,OAAO,CAAC,GAAG,wBAAwB,GAAG,eAAe;CACvD,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,cAAc,SAAS,UAAU,SAAS;CAChD,MAAM,aAAa,SAAS,UAAU,SAAS;CAC/C,MAAM,eAAe,KAAK,IAAI,MAAM,QAAQ,oBAAoB;CAChE,MAAM,WAAW,eAAe,IAAI,IAAI;CACxC,MAAM,cAAc,eAAe,IAAI,IAAI;CAE3C,OACE,oBAAC,KAAD;EACE,IAAI;GACF,OAAO;GACP,QAAQ;GACR,SAAS;GACT,kBAAkB,UAAU,SAAS;GACrC,qBAAqB,UAAU,YAAY;GAC3C,YAAY;EACd;EAEC,UAAA,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,KAAK,OAAO,QAAQ;GAChD,MAAM,mCACJ,iBAAiB,KAAK,QAAQ;GAEhC,OACE,oBAAC,QAAD;IAEE,KAAK,MAAM;IACX,KAAK,MAAM;IACX,IAAI;KACF,OAAO;KACP,QAAQ;KACR,QAAQ;KACR,GAAI,oCAAoC;MACtC,YAAY;MACZ,SAAS;MACT,aAAa;KACf;IACF;IAEC,UAAA,MAAM,UAAU;GACX,GAfD,GAAG,MAAM,UAAU,GAAG,KAerB;EAEZ,CAAC;CACE,CAAA;AAET,CAAC"}

package/dist/esm/components/ContractComponent/ContractComponent.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from "react";
 import { CardProps } from "@mui/material";
 //#region src/components/ContractComponent/ContractComponent.d.ts
-declare const ContractComponent: React.FC<PropsWithChildren<CardProps>>;
+export declare const ContractComponent: React.FC<PropsWithChildren<CardProps>>;
 //#endregion
-export { ContractComponent };
 //# sourceMappingURL=ContractComponent.d.ts.map

package/dist/esm/components/ContractComponent/ContractComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContractComponent.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ContractComponent.tsx"],"mappings":";;;cAIa,mBAAmB,MAAM,GAAG,kBAAkB"}
+{"version":3,"file":"ContractComponent.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ContractComponent.tsx"],"mappings":";;;qBAIa,mBAAmB,MAAM,GAAG,kBAAkB"}

package/dist/esm/components/ContractComponent/ItemPrice.d.ts

@@ -1,11 +1,10 @@
 import { TokenAmount as TokenAmount$1 } from "../../types/token.js";
 import { ContractCall } from "@lifi/sdk";
 //#region src/components/ContractComponent/ItemPrice.d.ts
-interface ItemPriceProps {
+export interface ItemPriceProps {
   token: TokenAmount$1;
   contractCalls?: ContractCall[];
 }
-declare const ItemPrice: React.FC<ItemPriceProps>;
+export declare const ItemPrice: React.FC<ItemPriceProps>;
 //#endregion
-export { ItemPrice, ItemPriceProps };
 //# sourceMappingURL=ItemPrice.d.ts.map

package/dist/esm/components/ContractComponent/ItemPrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemPrice.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"mappings":";;;UAMiB;EACf,OAAO;EACP,gBAAgB;;cAGL,WAAW,MAAM,GAAG"}
+{"version":3,"file":"ItemPrice.d.ts","names":[],"sources":["../../../../src/components/ContractComponent/ItemPrice.tsx"],"mappings":";;;iBAMiB;EACf,OAAO;EACP,gBAAgB;;qBAGL,WAAW,MAAM,GAAG"}

package/dist/esm/components/ContractComponent/NFT/NFT.d.ts

@@ -1,6 +1,5 @@
 import { NFTProps } from "./types.js";
 //#region src/components/ContractComponent/NFT/NFT.d.ts
-declare const NFT: React.FC<NFTProps>;
+export declare const NFT: React.FC<NFTProps>;
 //#endregion
-export { NFT };
 //# sourceMappingURL=NFT.d.ts.map

package/dist/esm/components/ContractComponent/NFT/NFT.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NFT.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"mappings":";;cAMa,KAAK,MAAM,GAAG"}
+{"version":3,"file":"NFT.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFT.tsx"],"mappings":";;qBAMa,KAAK,MAAM,GAAG"}

package/dist/esm/components/ContractComponent/NFT/NFTBase.d.ts

@@ -1,6 +1,5 @@
 import { NFTProps } from "./types.js";
 //#region src/components/ContractComponent/NFT/NFTBase.d.ts
-declare const NFTBase: React.FC<NFTProps>;
+export declare const NFTBase: React.FC<NFTProps>;
 //#endregion
-export { NFTBase };
 //# sourceMappingURL=NFTBase.d.ts.map

package/dist/esm/components/ContractComponent/NFT/NFTBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NFTBase.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"mappings":";;cAMa,SAAS,MAAM,GAAG"}
+{"version":3,"file":"NFTBase.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/NFTBase.tsx"],"mappings":";;qBAMa,SAAS,MAAM,GAAG"}

package/dist/esm/components/ContractComponent/NFT/types.d.ts

@@ -1,6 +1,6 @@
 import { ContractCall, TokenAmount } from "@lifi/sdk";
 //#region src/components/ContractComponent/NFT/types.d.ts
-interface NFTBaseProps {
+export interface NFTBaseProps {
   imageUrl?: string;
   collectionName?: string;
   assetName?: string;
@@ -8,13 +8,12 @@ interface NFTBaseProps {
   owner?: NFTOwner;
   token: TokenAmount;
 }
-interface NFTProps extends NFTBaseProps {
+export interface NFTProps extends NFTBaseProps {
   contractCall?: ContractCall;
 }
-interface NFTOwner {
+export interface NFTOwner {
   name?: string;
   url?: string;
 }
 //#endregion
-export { NFTBaseProps, NFTOwner, NFTProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/components/ContractComponent/NFT/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/types.ts"],"mappings":";;UAEiB;EACf;EACA;EACA;EACA;EACA,QAAQ;EACR,OAAO;;UAGQ,iBAAiB;EAChC,eAAe;;UAGA;EACf;EACA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/ContractComponent/NFT/types.ts"],"mappings":";;iBAEiB;EACf;EACA;EACA;EACA;EACA,QAAQ;EACR,OAAO;;iBAGQ,iBAAiB;EAChC,eAAe;;iBAGA;EACf;EACA"}

package/dist/esm/components/Dialog/Dialog.js

@@ -21,8 +21,9 @@ const slotProps = {
 	} }
 };
 const Dialog$1 = ({ children, open, onClose }) => {
+	const getContainer = useGetScrollableContainer();
 	return /* @__PURE__ */ jsx(Dialog, {
-		container: useGetScrollableContainer(),
+		container: getContainer,
 		open,
 		onClose,
 		sx: modalProps.sx,

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["Dialog","MuiDialog"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogProps, Theme } from '@mui/material'\nimport { Dialog as MuiDialog } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\n\nexport const modalProps: { sx: { position: string; overflow: string } } = {\n  sx: {\n    position: 'absolute',\n    overflow: 'hidden',\n  },\n}\n\nexport const slotProps: DialogProps['slotProps'] = {\n  paper: {\n    sx: (theme: Theme) => ({\n      position: 'absolute',\n      backgroundImage: 'none',\n      backgroundColor: theme.vars.palette.background.default,\n      borderTopLeftRadius: theme.vars.shape.borderRadius,\n      borderTopRightRadius: theme.vars.shape.borderRadius,\n    }),\n  },\n  backdrop: {\n    sx: {\n      position: 'absolute',\n      backgroundColor: 'rgb(0 0 0 / 32%)',\n      backdropFilter: 'blur(3px)',\n    },\n  },\n}\n\nexport const Dialog: React.FC<PropsWithChildren<DialogProps>> = ({\n  children,\n  open,\n  onClose,\n}) => {\n  const getContainer = useGetScrollableContainer()\n  return (\n    <MuiDialog\n      container={getContainer}\n      open={open}\n      onClose={onClose}\n      sx={modalProps.sx}\n      slotProps={slotProps}\n    >\n      {children}\n    </MuiDialog>\n  )\n}\n"],"mappings":";;;;AAKA,MAAa,aAA6D,EACxE,IAAI;CACF,UAAU;CACV,UAAU;AACZ,EACF;AAEA,MAAa,YAAsC;CACjD,OAAO,EACL,KAAK,WAAkB;EACrB,UAAU;EACV,iBAAiB;EACjB,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,qBAAqB,MAAM,KAAK,MAAM;EACtC,sBAAsB,MAAM,KAAK,MAAM;CACzC,GACF;CACA,UAAU,EACR,IAAI;EACF,UAAU;EACV,iBAAiB;EACjB,gBAAgB;CAClB,EACF;AACF;AAEA,MAAaA,YAAoD,EAC/D,UACA,MACA,cACI;CAEJ,OACE,oBAACC,QAAD;EACE,WAHiB,0BAGK;EAChB;EACG;EACT,IAAI,WAAW;EACJ;EAEV;CACQ,CAAA;AAEf"}
+{"version":3,"file":"Dialog.js","names":["Dialog","MuiDialog"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogProps, Theme } from '@mui/material'\nimport { Dialog as MuiDialog } from '@mui/material'\nimport type { PropsWithChildren } from 'react'\nimport { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js'\n\nexport const modalProps: { sx: { position: string; overflow: string } } = {\n  sx: {\n    position: 'absolute',\n    overflow: 'hidden',\n  },\n}\n\nexport const slotProps: DialogProps['slotProps'] = {\n  paper: {\n    sx: (theme: Theme) => ({\n      position: 'absolute',\n      backgroundImage: 'none',\n      backgroundColor: theme.vars.palette.background.default,\n      borderTopLeftRadius: theme.vars.shape.borderRadius,\n      borderTopRightRadius: theme.vars.shape.borderRadius,\n    }),\n  },\n  backdrop: {\n    sx: {\n      position: 'absolute',\n      backgroundColor: 'rgb(0 0 0 / 32%)',\n      backdropFilter: 'blur(3px)',\n    },\n  },\n}\n\nexport const Dialog: React.FC<PropsWithChildren<DialogProps>> = ({\n  children,\n  open,\n  onClose,\n}) => {\n  const getContainer = useGetScrollableContainer()\n  return (\n    <MuiDialog\n      container={getContainer}\n      open={open}\n      onClose={onClose}\n      sx={modalProps.sx}\n      slotProps={slotProps}\n    >\n      {children}\n    </MuiDialog>\n  )\n}\n"],"mappings":";;;;AAKA,MAAa,aAA6D,EACxE,IAAI;CACF,UAAU;CACV,UAAU;AACZ,EACF;AAEA,MAAa,YAAsC;CACjD,OAAO,EACL,KAAK,WAAkB;EACrB,UAAU;EACV,iBAAiB;EACjB,iBAAiB,MAAM,KAAK,QAAQ,WAAW;EAC/C,qBAAqB,MAAM,KAAK,MAAM;EACtC,sBAAsB,MAAM,KAAK,MAAM;CACzC,GACF;CACA,UAAU,EACR,IAAI;EACF,UAAU;EACV,iBAAiB;EACjB,gBAAgB;CAClB,EACF;AACF;AAEA,MAAaA,YAAoD,EAC/D,UACA,MACA,cACI;CACJ,MAAM,eAAe,0BAA0B;CAC/C,OACE,oBAACC,QAAD;EACE,WAAW;EACL;EACG;EACT,IAAI,WAAW;EACJ;EAEV;CACQ,CAAA;AAEf"}

package/dist/esm/components/ExecutionStatusCard/ExecutionStatusCard.d.ts

@@ -15,7 +15,6 @@ interface ExecutionStatusCardProps {
   /** Partner/VC component, shown after the icon/title when done. */
   vcSlot?: ReactNode;
 }
-declare function ExecutionStatusCard({ title, description, rows, iconSlot, footerSlot, vcSlot }: ExecutionStatusCardProps): JSX.Element;
+export declare function ExecutionStatusCard({ title, description, rows, iconSlot, footerSlot, vcSlot }: ExecutionStatusCardProps): JSX.Element;
 //#endregion
-export { ExecutionStatusCard };
 //# sourceMappingURL=ExecutionStatusCard.d.ts.map

package/dist/esm/components/ExecutionStatusCard/ExecutionStatusCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionStatusCard.d.ts","names":[],"sources":["../../../../src/components/ExecutionStatusCard/ExecutionStatusCard.tsx"],"mappings":";;;UAWU;;EAER;;EAEA;;EAEA,MAAM;;EAEN,UAAU;;EAEV,YAAY;;EAEZ,SAAS;;iBA6EK,sBACd,OACA,aACA,MACA,UACA,YACA,UACC,2BAA2B,IAAI"}
+{"version":3,"file":"ExecutionStatusCard.d.ts","names":[],"sources":["../../../../src/components/ExecutionStatusCard/ExecutionStatusCard.tsx"],"mappings":";;;UAWU;;EAER;;EAEA;;EAEA,MAAM;;EAEN,UAAU;;EAEV,YAAY;;EAEZ,SAAS;;wBA6EK,sBACd,OACA,aACA,MACA,UACA,YACA,UACC,2BAA2B,IAAI"}

package/dist/esm/components/ExecutionStatusCard/StatusIcon.d.ts

@@ -10,7 +10,6 @@ interface StatusIconProps {
  * The animated status icon. Each state animates in its own way; they all
  * animate out the same way.
  */
-declare function StatusIcon({ route, status }: StatusIconProps): JSX.Element;
+export declare function StatusIcon({ route, status }: StatusIconProps): JSX.Element;
 //#endregion
-export { StatusIcon };
 //# sourceMappingURL=StatusIcon.d.ts.map

package/dist/esm/components/ExecutionStatusCard/StatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","names":[],"sources":["../../../../src/components/ExecutionStatusCard/StatusIcon.tsx"],"mappings":";;;;UA0DU;EACR,OAAO;EACP,QAAQ;;;;;;iBAOM,aAAa,OAAO,UAAU,kBAAkB,IAAI"}
+{"version":3,"file":"StatusIcon.d.ts","names":[],"sources":["../../../../src/components/ExecutionStatusCard/StatusIcon.tsx"],"mappings":";;;;UA0DU;EACR,OAAO;EACP,QAAQ;;;;;;wBAOM,aAAa,OAAO,UAAU,kBAAkB,IAAI"}

package/dist/esm/components/Expansion/Expansion.js

@@ -13,10 +13,11 @@ function Expansion() {
 	const chainExpansionTypeRef = useRef(expansionType);
 	const [routesOpen, setRoutesOpen] = useState(false);
 	if (expansionType === "fromChain" || expansionType === "toChain") chainExpansionTypeRef.current = expansionType;
+	const containerWidth = useMemo(() => {
+		return routesOpen ? routesExpansionWidth : withChainExpansion ? chainExpansionWidth : 0;
+	}, [routesOpen, withChainExpansion]);
 	return /* @__PURE__ */ jsxs(ExpansionContainer, {
-		width: useMemo(() => {
-			return routesOpen ? routesExpansionWidth : withChainExpansion ? chainExpansionWidth : 0;
-		}, [routesOpen, withChainExpansion]),
+		width: containerWidth,
 		children: [/* @__PURE__ */ jsx(RoutesExpanded, {
 			canOpen: expansionType === "routes",
 			setOpenExpansion: setRoutesOpen

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

@@ -1 +1 @@
-{"version":3,"file":"Expansion.js","names":[],"sources":["../../../../src/components/Expansion/Expansion.tsx"],"sourcesContent":["import { type JSX, useMemo, useRef, useState } from 'react'\nimport { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js'\nimport { ExpansionType } from '../../types/widget.js'\nimport { ChainsExpanded } from '../Chains/ChainsExpanded.js'\nimport { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js'\nimport { RoutesExpanded } from '../Routes/RoutesExpanded.js'\nimport { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js'\nimport { ExpansionContainer } from './Expansion.style.js'\n\nexport function Expansion(): JSX.Element {\n  const [withChainExpansion, expansionType] = useHasChainExpansion()\n  const chainExpansionTypeRef = useRef<ExpansionType>(expansionType)\n  const [routesOpen, setRoutesOpen] = useState(false)\n\n  // Track the previous chain expansion type to avoid re-renders when transitioning to Routes\n  if (\n    expansionType === ExpansionType.FromChain ||\n    expansionType === ExpansionType.ToChain\n  ) {\n    chainExpansionTypeRef.current = expansionType\n  }\n\n  const containerWidth = useMemo(() => {\n    return routesOpen\n      ? routesExpansionWidth\n      : withChainExpansion\n        ? chainExpansionWidth\n        : 0\n  }, [routesOpen, withChainExpansion])\n\n  return (\n    <ExpansionContainer width={containerWidth}>\n      <RoutesExpanded\n        canOpen={expansionType === ExpansionType.Routes}\n        setOpenExpansion={setRoutesOpen}\n      />\n      <ChainsExpanded\n        formType={\n          chainExpansionTypeRef.current === ExpansionType.FromChain\n            ? 'from'\n            : 'to'\n        }\n        open={withChainExpansion}\n      />\n    </ExpansionContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,YAAyB;CACvC,MAAM,CAAC,oBAAoB,iBAAiB,qBAAqB;CACjE,MAAM,wBAAwB,OAAsB,aAAa;CACjE,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAGlD,IACE,kBAAA,eACA,kBAAA,WAEA,sBAAsB,UAAU;CAWlC,OACE,qBAAC,oBAAD;EAAoB,OATC,cAAc;GACnC,OAAO,aACH,uBACA,qBACE,sBACA;EACR,GAAG,CAAC,YAAY,kBAAkB,CAGQ;EAAxC,UAAA,CACE,oBAAC,gBAAD;GACE,SAAS,kBAAA;GACT,kBAAkB;EACnB,CAAA,GACD,oBAAC,gBAAD;GACE,UACE,sBAAsB,YAAA,cAClB,SACA;GAEN,MAAM;EACP,CAAA,CACiB;;AAExB"}
+{"version":3,"file":"Expansion.js","names":[],"sources":["../../../../src/components/Expansion/Expansion.tsx"],"sourcesContent":["import { type JSX, useMemo, useRef, useState } from 'react'\nimport { useHasChainExpansion } from '../../hooks/useHasChainExpansion.js'\nimport { ExpansionType } from '../../types/widget.js'\nimport { ChainsExpanded } from '../Chains/ChainsExpanded.js'\nimport { chainExpansionWidth } from '../Chains/ChainsExpanded.style.js'\nimport { RoutesExpanded } from '../Routes/RoutesExpanded.js'\nimport { routesExpansionWidth } from '../Routes/RoutesExpanded.style.js'\nimport { ExpansionContainer } from './Expansion.style.js'\n\nexport function Expansion(): JSX.Element {\n  const [withChainExpansion, expansionType] = useHasChainExpansion()\n  const chainExpansionTypeRef = useRef<ExpansionType>(expansionType)\n  const [routesOpen, setRoutesOpen] = useState(false)\n\n  // Track the previous chain expansion type to avoid re-renders when transitioning to Routes\n  if (\n    expansionType === ExpansionType.FromChain ||\n    expansionType === ExpansionType.ToChain\n  ) {\n    chainExpansionTypeRef.current = expansionType\n  }\n\n  const containerWidth = useMemo(() => {\n    return routesOpen\n      ? routesExpansionWidth\n      : withChainExpansion\n        ? chainExpansionWidth\n        : 0\n  }, [routesOpen, withChainExpansion])\n\n  return (\n    <ExpansionContainer width={containerWidth}>\n      <RoutesExpanded\n        canOpen={expansionType === ExpansionType.Routes}\n        setOpenExpansion={setRoutesOpen}\n      />\n      <ChainsExpanded\n        formType={\n          chainExpansionTypeRef.current === ExpansionType.FromChain\n            ? 'from'\n            : 'to'\n        }\n        open={withChainExpansion}\n      />\n    </ExpansionContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,YAAyB;CACvC,MAAM,CAAC,oBAAoB,iBAAiB,qBAAqB;CACjE,MAAM,wBAAwB,OAAsB,aAAa;CACjE,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAGlD,IACE,kBAAA,eACA,kBAAA,WAEA,sBAAsB,UAAU;CAGlC,MAAM,iBAAiB,cAAc;EACnC,OAAO,aACH,uBACA,qBACE,sBACA;CACR,GAAG,CAAC,YAAY,kBAAkB,CAAC;CAEnC,OACE,qBAAC,oBAAD;EAAoB,OAAO;EAA3B,UAAA,CACE,oBAAC,gBAAD;GACE,SAAS,kBAAA;GACT,kBAAkB;EACnB,CAAA,GACD,oBAAC,gBAAD;GACE,UACE,sBAAsB,YAAA,cAClB,SACA;GAEN,MAAM;EACP,CAAA,CACiB;;AAExB"}

package/dist/esm/components/FeeBreakdownTooltip.d.ts

@@ -7,7 +7,6 @@ interface FeeBreakdownTooltipProps {
   gasless?: boolean;
   children: ReactElement<any, any>;
 }
-declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
+export declare const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps>;
 //#endregion
-export { FeeBreakdownTooltip };
 //# sourceMappingURL=FeeBreakdownTooltip.d.ts.map

package/dist/esm/components/FeeBreakdownTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeeBreakdownTooltip.d.ts","names":[],"sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"mappings":";;;UAOU;EACR,WAAW;EACX,WAAW;EACX;EACA,UAAU;;cAGC,qBAAqB,MAAM,GAAG"}
+{"version":3,"file":"FeeBreakdownTooltip.d.ts","names":[],"sources":["../../../src/components/FeeBreakdownTooltip.tsx"],"mappings":";;;UAOU;EACR,WAAW;EACX,WAAW;EACX;EACA,UAAU;;qBAGC,qBAAqB,MAAM,GAAG"}

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

@@ -12,8 +12,9 @@ const SettingsButton = () => {
 	const navigate = useNavigate();
 	const { isCustomRouteSettings, isRouteSettingsWithWarnings } = useSettingMonitor();
 	const variant = isRouteSettingsWithWarnings ? "warning" : isCustomRouteSettings ? "info" : void 0;
+	const tooltipMessage = variant ? t("tooltip.settingsModified") : t("header.settings");
 	return /* @__PURE__ */ jsx(Tooltip, {
-		title: variant ? t("tooltip.settingsModified") : t("header.settings"),
+		title: tooltipMessage,
 		children: /* @__PURE__ */ jsx(SettingsIconButton, {
 			size: "medium",
 			onClick: () => navigate({ to: navigationRoutes.settings }),

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsButton.js","names":[],"sources":["../../../../src/components/Header/SettingsButton.tsx"],"sourcesContent":["import Settings from '@mui/icons-material/Settings'\nimport { Tooltip } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport {\n  SettingsIconBadge,\n  SettingsIconButton,\n} from './SettingsButton.style.js'\n\nexport const SettingsButton = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n\n  const { isCustomRouteSettings, isRouteSettingsWithWarnings } =\n    useSettingMonitor()\n\n  const variant = isRouteSettingsWithWarnings\n    ? 'warning'\n    : isCustomRouteSettings\n      ? 'info'\n      : undefined\n\n  const tooltipMessage = variant\n    ? t('tooltip.settingsModified')\n    : t('header.settings')\n\n  return (\n    <Tooltip title={tooltipMessage}>\n      <SettingsIconButton\n        size=\"medium\"\n        onClick={() => navigate({ to: navigationRoutes.settings })}\n        variant={variant}\n      >\n        {variant ? (\n          <SettingsIconBadge variant=\"dot\" color={variant}>\n            <Settings />\n          </SettingsIconBadge>\n        ) : (\n          <Settings />\n        )}\n      </SettingsIconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBAAoC;CAC/C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAE7B,MAAM,EAAE,uBAAuB,gCAC7B,kBAAkB;CAEpB,MAAM,UAAU,8BACZ,YACA,wBACE,SACA,KAAA;CAMN,OACE,oBAAC,SAAD;EAAS,OALY,UACnB,EAAE,0BAA0B,IAC5B,EAAE,iBAAiB;EAInB,UAAA,oBAAC,oBAAD;GACE,MAAK;GACL,eAAe,SAAS,EAAE,IAAI,iBAAiB,SAAS,CAAC;GAChD;GAER,UAAA,UACC,oBAAC,mBAAD;IAAmB,SAAQ;IAAM,OAAO;IACtC,UAAA,oBAAC,UAAD,CAAW,CAAA;GACM,CAAA,IAEnB,oBAAC,UAAD,CAAW,CAAA;EAEK,CAAA;CACb,CAAA;AAEb"}
+{"version":3,"file":"SettingsButton.js","names":[],"sources":["../../../../src/components/Header/SettingsButton.tsx"],"sourcesContent":["import Settings from '@mui/icons-material/Settings'\nimport { Tooltip } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport {\n  SettingsIconBadge,\n  SettingsIconButton,\n} from './SettingsButton.style.js'\n\nexport const SettingsButton = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n\n  const { isCustomRouteSettings, isRouteSettingsWithWarnings } =\n    useSettingMonitor()\n\n  const variant = isRouteSettingsWithWarnings\n    ? 'warning'\n    : isCustomRouteSettings\n      ? 'info'\n      : undefined\n\n  const tooltipMessage = variant\n    ? t('tooltip.settingsModified')\n    : t('header.settings')\n\n  return (\n    <Tooltip title={tooltipMessage}>\n      <SettingsIconButton\n        size=\"medium\"\n        onClick={() => navigate({ to: navigationRoutes.settings })}\n        variant={variant}\n      >\n        {variant ? (\n          <SettingsIconBadge variant=\"dot\" color={variant}>\n            <Settings />\n          </SettingsIconBadge>\n        ) : (\n          <Settings />\n        )}\n      </SettingsIconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,MAAa,uBAAoC;CAC/C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAE7B,MAAM,EAAE,uBAAuB,gCAC7B,kBAAkB;CAEpB,MAAM,UAAU,8BACZ,YACA,wBACE,SACA,KAAA;CAEN,MAAM,iBAAiB,UACnB,EAAE,0BAA0B,IAC5B,EAAE,iBAAiB;CAEvB,OACE,oBAAC,SAAD;EAAS,OAAO;EACd,UAAA,oBAAC,oBAAD;GACE,MAAK;GACL,eAAe,SAAS,EAAE,IAAI,iBAAiB,SAAS,CAAC;GAChD;GAER,UAAA,UACC,oBAAC,mBAAD;IAAmB,SAAQ;IAAM,OAAO;IACtC,UAAA,oBAAC,UAAD,CAAW,CAAA;GACM,CAAA,IAEnB,oBAAC,UAAD,CAAW,CAAA;EAEK,CAAA;CACb,CAAA;AAEb"}

package/dist/esm/components/IconCircle/IconCircle.d.ts

@@ -5,7 +5,6 @@ interface IconCircleProps extends Omit<BoxProps, "color"> {
   status: StatusIcon;
   size?: number;
 }
-declare const IconCircle: React.FC<IconCircleProps>;
+export declare const IconCircle: React.FC<IconCircleProps>;
 //#endregion
-export { IconCircle };
 //# sourceMappingURL=IconCircle.d.ts.map

package/dist/esm/components/IconCircle/IconCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconCircle.d.ts","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"mappings":";;;UASU,wBAAwB,KAAK;EACrC,QAAQ;EACR;;cAGW,YAAY,MAAM,GAAG"}
+{"version":3,"file":"IconCircle.d.ts","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"mappings":";;;UASU,wBAAwB,KAAK;EACrC,QAAQ;EACR;;qBAGW,YAAY,MAAM,GAAG"}

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

@@ -4,7 +4,8 @@ import { useTheme } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/IconCircle/IconCircle.tsx
 const IconCircle = ({ status, size = 90, ...rest }) => {
-	const colorConfig = getStatusColor(status, useTheme());
+	const theme = useTheme();
+	const colorConfig = getStatusColor(status, theme);
 	const Icon = statusIcons[status];
 	return /* @__PURE__ */ jsx(IconCircleRoot, {
 		colorConfig,

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

@@ -1 +1 @@
-{"version":3,"file":"IconCircle.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { useTheme } from '@mui/material'\nimport {\n  getStatusColor,\n  IconCircleRoot,\n  iconCircleSize,\n} from './IconCircle.style.js'\nimport { type StatusIcon, statusIcons } from './statusIcons.js'\n\ninterface IconCircleProps extends Omit<BoxProps, 'color'> {\n  status: StatusIcon\n  size?: number\n}\n\nexport const IconCircle: React.FC<IconCircleProps> = ({\n  status,\n  size = iconCircleSize,\n  ...rest\n}) => {\n  const theme = useTheme()\n  const colorConfig = getStatusColor(status, theme)\n  const Icon = statusIcons[status]\n\n  return (\n    <IconCircleRoot colorConfig={colorConfig} circleSize={size} {...rest}>\n      <Icon />\n    </IconCircleRoot>\n  )\n}\n"],"mappings":";;;;;AAcA,MAAa,cAAyC,EACpD,QACA,OAAA,IACA,GAAG,WACC;CAEJ,MAAM,cAAc,eAAe,QADrB,SACiC,CAAC;CAChD,MAAM,OAAO,YAAY;CAEzB,OACE,oBAAC,gBAAD;EAA6B;EAAa,YAAY;EAAM,GAAI;EAC9D,UAAA,oBAAC,MAAD,CAAO,CAAA;CACO,CAAA;AAEpB"}
+{"version":3,"file":"IconCircle.js","names":[],"sources":["../../../../src/components/IconCircle/IconCircle.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport { useTheme } from '@mui/material'\nimport {\n  getStatusColor,\n  IconCircleRoot,\n  iconCircleSize,\n} from './IconCircle.style.js'\nimport { type StatusIcon, statusIcons } from './statusIcons.js'\n\ninterface IconCircleProps extends Omit<BoxProps, 'color'> {\n  status: StatusIcon\n  size?: number\n}\n\nexport const IconCircle: React.FC<IconCircleProps> = ({\n  status,\n  size = iconCircleSize,\n  ...rest\n}) => {\n  const theme = useTheme()\n  const colorConfig = getStatusColor(status, theme)\n  const Icon = statusIcons[status]\n\n  return (\n    <IconCircleRoot colorConfig={colorConfig} circleSize={size} {...rest}>\n      <Icon />\n    </IconCircleRoot>\n  )\n}\n"],"mappings":";;;;;AAcA,MAAa,cAAyC,EACpD,QACA,OAAA,IACA,GAAG,WACC;CACJ,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,eAAe,QAAQ,KAAK;CAChD,MAAM,OAAO,YAAY;CAEzB,OACE,oBAAC,gBAAD;EAA6B;EAAa,YAAY;EAAM,GAAI;EAC9D,UAAA,oBAAC,MAAD,CAAO,CAAA;CACO,CAAA;AAEpB"}

package/dist/esm/components/IconCircle/statusIcons.d.ts

@@ -1,6 +1,5 @@
 import "@mui/material";
 //#region src/components/IconCircle/statusIcons.d.ts
-type StatusIcon = "success" | "error" | "warning" | "info";
+export type StatusIcon = "success" | "error" | "warning" | "info";
 //#endregion
-export { StatusIcon };
 //# sourceMappingURL=statusIcons.d.ts.map