npm - @deframe-sdk/components - Versions diffs - 0.1.74 → 0.1.75 - Mend

@deframe-sdk/components 0.1.74 → 0.1.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -1640,6 +1640,7 @@ interface SwapQuoteDetailsLabels {
     protocolFeeLabel: string;
     priceImpactLabel: string;
     slippageLabel: string;
+    minReceivedLabel: string;
     etaLabel: string;
     quoteIdLabel: string;
     costsExpandLabel: string;
@@ -1661,7 +1662,9 @@ interface SwapQuoteDetailsViewProps {
     protocolFee: string;
     priceImpactFormatted: string;
     priceImpactIsPositive: boolean;
+    /** Static fallback slippage display */
     slippageFormatted: string;
+    minReceivedFormatted?: string;
     etaFormatted: string;
     quoteId: string;
     hasQuoteError: boolean;
@@ -1722,6 +1725,8 @@ declare const SwapFormView: React__default.FC<SwapFormViewProps>;
 declare const SwapFormViewSimple: React__default.FC<SwapFormViewProps>;
+declare const PodsSwapFormView: React__default.FC<SwapFormViewProps>;
 interface SwapFromCardViewSimpleProps extends SwapFromCardViewProps {
     /** Percentage chip values, e.g. [25, 50, 75, 100] */
     percentageOptions?: number[];
@@ -1780,6 +1785,18 @@ interface NetworkOption {
     balanceUsd?: string;
 }
+/**
+ * A category filter chip shown in the asset selector modal.
+ * The host defines categories and decides which tokens belong to each one
+ * by updating `displayedTokens` in response to `onCategoryChange`.
+ */
+interface AssetCategory {
+    /** Unique identifier — e.g. "all" | "most-used" | "stablecoins" | "defi" */
+    id: string;
+    /** Display label shown in the chip — e.g. "All", "Most used", "Stablecoins" */
+    label: string;
+}
 interface ChooseNetworkAndAssetLabels {
     title: string;
     subtitle?: string;
@@ -1810,8 +1827,14 @@ interface ChooseNetworkAndAssetViewSimpleProps {
     onLoadMore: () => void;
     isFetching: boolean;
     labels: ChooseNetworkAndAssetLabels;
+    /** Optional category filter chips shown above the asset list */
+    categories?: AssetCategory[];
+    /** Currently active category id */
+    selectedCategory?: string;
+    /** Called when the user clicks a category chip */
+    onCategoryChange?: (id: string) => void;
 }
-declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, closeOnBackdropClick, hasMore, onLoadMore, isFetching, labels, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
+declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, closeOnBackdropClick, hasMore, onLoadMore, isFetching, labels, categories, selectedCategory, onCategoryChange, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
 type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 type HistoryListItemType = 'SAMECHAIN_SWAP' | 'CROSSCHAIN_SWAP' | 'TRANSFER_IN' | 'TRANSFER_OUT' | 'ON_RAMP_FIAT' | 'OFF_RAMP_FIAT' | 'SAMECHAIN_INVESTMENT_DEPOSIT' | 'SAMECHAIN_INVESTMENT_WITHDRAW' | 'CROSSCHAIN_INVESTMENT_DEPOSIT' | 'CROSSCHAIN_INVESTMENT_WITHDRAW';
@@ -3737,4 +3760,4 @@ interface DeframeTheme {
     colors?: DeframeThemeColors;
 }
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, EarnHistoryView, type EarnHistoryViewLabels, type EarnHistoryViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, type EarnStrategiesByCategory, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemTx, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapCrossChainProcessingViewSimple, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
+export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, type AssetCategory, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, EarnHistoryView, type EarnHistoryViewLabels, type EarnHistoryViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, type EarnStrategiesByCategory, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemTx, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PodsSwapFormView, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapCrossChainProcessingViewSimple, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };

package/dist/index.d.ts CHANGED Viewed

@@ -1640,6 +1640,7 @@ interface SwapQuoteDetailsLabels {
     protocolFeeLabel: string;
     priceImpactLabel: string;
     slippageLabel: string;
+    minReceivedLabel: string;
     etaLabel: string;
     quoteIdLabel: string;
     costsExpandLabel: string;
@@ -1661,7 +1662,9 @@ interface SwapQuoteDetailsViewProps {
     protocolFee: string;
     priceImpactFormatted: string;
     priceImpactIsPositive: boolean;
+    /** Static fallback slippage display */
     slippageFormatted: string;
+    minReceivedFormatted?: string;
     etaFormatted: string;
     quoteId: string;
     hasQuoteError: boolean;
@@ -1722,6 +1725,8 @@ declare const SwapFormView: React__default.FC<SwapFormViewProps>;
 declare const SwapFormViewSimple: React__default.FC<SwapFormViewProps>;
+declare const PodsSwapFormView: React__default.FC<SwapFormViewProps>;
 interface SwapFromCardViewSimpleProps extends SwapFromCardViewProps {
     /** Percentage chip values, e.g. [25, 50, 75, 100] */
     percentageOptions?: number[];
@@ -1780,6 +1785,18 @@ interface NetworkOption {
     balanceUsd?: string;
 }
+/**
+ * A category filter chip shown in the asset selector modal.
+ * The host defines categories and decides which tokens belong to each one
+ * by updating `displayedTokens` in response to `onCategoryChange`.
+ */
+interface AssetCategory {
+    /** Unique identifier — e.g. "all" | "most-used" | "stablecoins" | "defi" */
+    id: string;
+    /** Display label shown in the chip — e.g. "All", "Most used", "Stablecoins" */
+    label: string;
+}
 interface ChooseNetworkAndAssetLabels {
     title: string;
     subtitle?: string;
@@ -1810,8 +1827,14 @@ interface ChooseNetworkAndAssetViewSimpleProps {
     onLoadMore: () => void;
     isFetching: boolean;
     labels: ChooseNetworkAndAssetLabels;
+    /** Optional category filter chips shown above the asset list */
+    categories?: AssetCategory[];
+    /** Currently active category id */
+    selectedCategory?: string;
+    /** Called when the user clicks a category chip */
+    onCategoryChange?: (id: string) => void;
 }
-declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, closeOnBackdropClick, hasMore, onLoadMore, isFetching, labels, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
+declare function ChooseNetworkAndAssetViewSimple({ isOpen, onClose, networks, selectedNetwork, onNetworkSelect, displayedTokens, findBalance, formatTokenAmount, formatCurrencyValue, onAssetClick, onSearch, autoFocus, closeOnBackdropClick, hasMore, onLoadMore, isFetching, labels, categories, selectedCategory, onCategoryChange, }: ChooseNetworkAndAssetViewSimpleProps): react_jsx_runtime.JSX.Element;
 type HistoryListItemStatus = 'SUCCESS' | 'PENDING' | 'FAILED' | 'REFUNDED' | 'INITIAL';
 type HistoryListItemType = 'SAMECHAIN_SWAP' | 'CROSSCHAIN_SWAP' | 'TRANSFER_IN' | 'TRANSFER_OUT' | 'ON_RAMP_FIAT' | 'OFF_RAMP_FIAT' | 'SAMECHAIN_INVESTMENT_DEPOSIT' | 'SAMECHAIN_INVESTMENT_WITHDRAW' | 'CROSSCHAIN_INVESTMENT_DEPOSIT' | 'CROSSCHAIN_INVESTMENT_WITHDRAW';
@@ -3737,4 +3760,4 @@ interface DeframeTheme {
     colors?: DeframeThemeColors;
 }
-export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, EarnHistoryView, type EarnHistoryViewLabels, type EarnHistoryViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, type EarnStrategiesByCategory, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemTx, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapCrossChainProcessingViewSimple, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };
+export { ActionButton, ActionSheet, type ActionSheetProps, AddressDisplay, type AddressDisplayProps, ApyRange, type ApyRangeProps, type AssetCategory, BackButton, type BackButtonProps, BackgroundContainer, type BackgroundContainerProps, type BalanceDomain, BannerNotification, type BannerNotificationProps, type ButtonProps, type ChainItem, type ChainOption, Chip, ChipGroup, type ChipGroupProps, type ChipOption, type ChipProps, ChoiceCard, type ChoiceCardProps, type ChooseANetworkLabels, ChooseANetworkView, type ChooseANetworkViewProps, ChooseAStrategyActionsheetView, type ChooseAStrategyActionsheetViewProps, type ChooseAnAssetSwapLabels, ChooseAnAssetSwapView, type ChooseAnAssetSwapViewProps, type ChooseNetworkAndAssetLabels, ChooseNetworkAndAssetViewSimple, type ChooseNetworkAndAssetViewSimpleProps, CloseButton, type CloseButtonProps, CollapsibleInfoRow, type CollapsibleInfoRowProps, CollapsibleSection, type CollapsibleSectionProps, type ConfirmSwapButtonLabels, ConfirmSwapButtonView, type ConfirmSwapButtonViewProps, ConfirmSwapButtonViewSimple, ConnectWalletList, type ConnectWalletListProps, Currency, type CurrencyProps, type CurrencyType, DashboardBalancesBreakdown, type DashboardBalancesBreakdownProps, DashboardCard, type DashboardCardProps, DashboardInvestmentOpportunitiesView, type DashboardInvestmentOpportunitiesViewProps, DashboardPortfolioView, type DashboardPortfolioViewProps, DashboardPortfolioViewSimple, DashboardRecentTransactionsView, type DashboardRecentTransactionsViewProps, DashboardRecentTransactionsViewSimple, DashboardStrategiesListView, type DashboardStrategiesListViewProps, type DashboardStrategyItem, type DashboardTokenItem, DashboardTokenListView, type DashboardTokenListViewProps, DashboardTokensView, type DashboardTokensViewProps, DashboardTokensViewSimple, DashboardTransactionsPlaceholder, DashboardView, type DashboardViewProps, DashboardViewSimple, type DashboardViewSimpleProps, DeframeComponentsProvider, type DeframeTheme, type DeframeThemeColors, DepositSuccessIcon, type DetailItem, DetailsHeader, type DetailsHeaderProps, EARN_CATEGORY_DEFINITIONS, EarnAmountInputView, type EarnAmountInputViewProps, EarnBalanceCard, type EarnBalanceCardProps, EarnBytecodeErrorView, type EarnBytecodeErrorViewProps, type EarnCategoryDefinition, EarnDepositFailedSimpleView, EarnDepositFailedView, type EarnDepositFailedViewProps, EarnDepositFormView, type EarnDepositFormViewProps, EarnDepositFormViewSimple, EarnDepositProcessingSimpleView, EarnDepositProcessingView, type EarnDepositProcessingViewProps, EarnDepositSuccessSimpleView, EarnDepositSuccessView, type EarnDepositSuccessViewProps, EarnDepositWarningSimpleView, EarnDepositWarningView, type EarnDepositWarningViewProps, EarnDesktopView, type EarnDesktopViewProps, EarnDesktopViewSimple, type EarnDesktopViewSimpleProps, type EarnExploreGridItem, EarnExploreGridView, type EarnExploreGridViewProps, EarnFlowSkeletonSimple, EarnHistoryView, type EarnHistoryViewLabels, type EarnHistoryViewProps, type EarnInvestedSectionItem, EarnInvestedSectionView, type EarnInvestedSectionViewProps, type EarnInvestmentDetailsTransaction, EarnInvestmentDetailsView, type EarnInvestmentDetailsViewProps, EarnInvestmentSummaryView, type EarnInvestmentSummaryViewProps, EarnNoBalanceNotificationView, type EarnNoBalanceNotificationViewProps, EarnOverviewView, type EarnOverviewViewProps, EarnPercentageButtonsView, type EarnPercentageButtonsViewProps, EarnPositionCardView, type EarnPositionCardViewProps, EarnRecentTransactionsView, type EarnRecentTransactionsViewProps, type EarnStrategiesByCategory, EarnTokenSelectorView, type EarnTokenSelectorViewProps, EarnTxStatusCardView, type EarnTxStatusCardViewProps, EarnWithdrawFailedSimpleView, EarnWithdrawFailedView, type EarnWithdrawFailedViewProps, EarnWithdrawFormView, type EarnWithdrawFormViewProps, EarnWithdrawFormViewSimple, EarnWithdrawProcessingSimpleView, EarnWithdrawProcessingView, type EarnWithdrawProcessingViewProps, EarnWithdrawSuccessSimpleView, EarnWithdrawSuccessView, type EarnWithdrawSuccessViewProps, EarnWithdrawTokenSelectorView, type EarnWithdrawTokenSelectorViewProps, EarnWithdrawWarningSimpleView, EarnWithdrawWarningView, type EarnWithdrawWarningViewProps, type ExploreStrategyViewItem, Currency as Fiat, type FiatProps, FlexCol, type FlexColProps, FlexRow, type FlexRowProps, type GroupedInvestedItem, type GroupedStrategyItem, type GroupedStrategyListItem, GroupedStrategyListView, type GroupedStrategyListViewProps, HighRiskBadge, type HighRiskBadgeProps, type HistoryAssetViewProps, HistoryDepositDetailsView, type HistoryDetailsLabels, type HistoryDetailsStatus, type HistoryDetailsViewProps, HistoryListItem, type HistoryListItemAsset, type HistoryListItemData, type HistoryListItemFiat, type HistoryListItemLabels, type HistoryListItemProps, HistoryListItemSimple, type HistoryListItemSimpleProps, type HistoryListItemStatus, type HistoryListItemTx, type HistoryListItemType, HistoryListSkeleton, HistoryListView, type HistoryListViewGroup, type HistoryListViewProps, type HistorySwapDetailsLabels, HistorySwapDetailsView, type HistorySwapDetailsViewProps, HistoryTabEmpty, type HistoryTabEmptyProps, HistoryWithdrawDetailsView, InfoLabel, type InfoLabelProps, InfoRow, InfoRowIconLabel, type InfoRowIconLabelProps, InfoRowIconValue, type InfoRowIconValueProps, type InfoRowProps, InfoRowWithIcon, type InfoRowWithIconProps, InfoValue, type InfoValueProps, Input$1 as Input, InputField, type InputFieldProps, type InputFieldRegistration, InputLabel, type InputProps, Input as InputRoot, InvestmentCrossChainProcessingSimpleView, InvestmentCrossChainProcessingView, type InvestmentCrossChainProcessingViewProps, type KYCAction, KYCActionRow, type KYCActionRowProps, KYCAddressPage, type KYCAddressPageProps, type KYCBannerVariant, KYCBasicDataPage, type KYCBasicDataPageProps, KYCChecklistCard, KYCChecklistItem, type KYCChecklistItemData, KYCDataCard, type KYCDataCardProps, type KYCDataField, KYCDocumentPage, type KYCDocumentPageProps, KYCEditPage, type KYCEditPageProps, KYCFieldMessage, type KYCFieldMessageProps, type KYCFieldMessageTone, KYCFormPage, type KYCFormPageProps, KYCInfoRow, type KYCInfoRowProps, KYCIntroPage, type KYCIntroPageProps, KYCLoadingPage, type KYCLoadingPageProps, KYCMessageBanner, type KYCMessageBannerProps, KYCPageHeader, type KYCPageHeaderProps, KYCPageSection, type KYCPageSectionProps, KYCPageShell, type KYCPageShellProps, type KYCPanelStatus, type KYCReviewCard, KYCReviewPage, type KYCReviewPageProps, KYCReviewPageSkeleton, type KYCReviewPageSkeletonProps, type KYCStatusItem, KYCStatusItemCard, type KYCStatusItemCardProps, KYCStatusPage, type KYCStatusPageProps, KYCStatusPanel, type KYCStatusPanelProps, KYCStepIndicator, type KYCStepIndicatorProps, type KYCVisualVariant, KycLoadingView, type KycLoadingViewProps, KycRequiredView, type KycRequiredViewProps, Label, type LabelProps, type LabelVariant, Link, type LinkProps, ListItem, ListItemContent, ListItemLeftSide, type ListItemProps, ListItemRightSide, LoadingDots, type LoadingDotsProps, LowRiskBadge, type LowRiskBadgeProps, MediumRiskBadge, type MediumRiskBadgeProps, type MethodOption, Navbar, type NavbarProps, type NetworkOption, OffchainMethodSelectionView, type OffchainMethodSelectionViewProps, OfframpFailedSimpleView, OfframpInputFormSimpleView, type OfframpInputFormSimpleViewProps, OfframpInputFormView, type OfframpInputFormViewProps, OfframpProcessingSimpleView, OfframpProcessingView, type OfframpProcessingViewProps, OfframpSuccessSimpleView, OfframpSuccessView, type OfframpSuccessViewProps, OnchainDepositFormSimpleView, OnchainDepositFormView, type OnchainDepositFormViewProps, OnchainDepositSuccessSimpleView, OnchainDepositSuccessView, type OnchainDepositSuccessViewProps, OnchainWithdrawChainSelectorView, type OnchainWithdrawChainSelectorViewProps, OnchainWithdrawFailedSimpleView, OnchainWithdrawFailedView, type OnchainWithdrawFailedViewProps, OnchainWithdrawFormSimpleView, type OnchainWithdrawFormSimpleViewProps, OnchainWithdrawFormView, type OnchainWithdrawFormViewProps, OnchainWithdrawProcessingSimpleView, type OnchainWithdrawProcessingViewProps, OnchainWithdrawSignatureWarningSimpleView, OnchainWithdrawSignatureWarningView, type OnchainWithdrawSignatureWarningViewProps, OnchainWithdrawSuccessSimpleView, OnchainWithdrawSuccessView, type OnchainWithdrawSuccessViewProps, OnrampFormSimpleView, type OnrampFormSimpleViewProps, OnrampFormView, type OnrampFormViewProps, OnrampPixcodeView, type OnrampPixcodeViewProps, OnrampSuccessSimpleView, OnrampSuccessView, type OnrampSuccessViewProps, PercentageButton, PodsSwapFormView, PrimaryButton, ProcessingBadge, type ProcessingBadgeProps, ProgressIndicator, type ProgressIndicatorProps, ScrollableContent, type ScrollableContentProps, SearchEmptyState, type SearchEmptyStateProps, SearchInput, type SearchInputProps, SecondaryButton, SectionCard, type SectionCardProps, Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps, Skeleton, type SkeletonProps, StepDisplay, type StepDisplayProps, StepStatusIcon, type StepStatusIconProps, StepStatusText, type StepStatusTextProps, StrategyDetailsView, type StrategyDetailsViewProps, StrategyGridCard, type StrategyGridCardProps, SummaryDetails, SummaryDetailsCryptoControlV2, type SummaryDetailsProps, SwapAdvancedSettingsView, type SwapAdvancedSettingsViewProps, SwapAmountInputView, type SwapAmountInputViewProps, type SwapCardLabels, SwapCrossChainProcessingView, type SwapCrossChainProcessingViewProps, SwapCrossChainProcessingViewSimple, type SwapFormLabels, SwapFormView, type SwapFormViewProps, SwapFormViewSimple, SwapFromCardView, type SwapFromCardViewProps, SwapFromCardViewSimple, type SwapFromCardViewSimpleProps, type SwapHistoryItem, type SwapHistoryLabels, SwapHistoryView, type SwapHistoryViewProps, SwapHistoryViewSimple, type SwapHistoryViewSimpleProps, type SwapNetworkSelectorViewProps, type SwapOutputAmountViewProps, type SwapPriceImpactWarningData, SwapProcessingView, type SwapProcessingViewProps, SwapProcessingViewSimple, type SwapQuoteBlockchainCostsViewProps, type SwapQuoteDetailsLabels, SwapQuoteDetailsView, type SwapQuoteDetailsViewProps, type SwapQuoteErrorsViewProps, type SwapQuoteHeaderViewProps, SwapSignatureWarningView, type SwapSignatureWarningViewProps, SwapSignatureWarningViewSimple, type SwapSlippageToleranceButtonsViewProps, type SwapSuccessLabels, SwapSuccessView, type SwapSuccessViewProps, SwapSuccessViewSimple, SwapToCardView, type SwapToCardViewProps, SwapToCardViewSimple, type SwapTokenSelectorViewProps, SwapTransactionFailedView, type SwapTransactionFailedViewProps, SwapTransactionFailedViewSimple, type SwapValidationCode, SwapWidgetFallbackView, type SwapWidgetFallbackViewProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TertiaryButton, Text, TextAccent, type TextAccentProps, TextBody, type TextBodyProps, TextHeading, type TextHeadingProps, Title, type TokenData, TokenWithChainBadge, type TokenWithChainBadgeProps, TransactionProcessingDetails, type TransactionProcessingDetailsLabels, type TransactionProcessingDetailsProps, TransactionScreen, TransactionScreenIcon, type TransactionScreenIconProps, TransactionScreenInvestmentCard, type TransactionScreenInvestmentCardProps, type TransactionScreenProps, type TransactionStep, type TransactionStepStatus, type WalletBalanceItem, WalletBalances, type WalletBalancesProps, WalletConnectPanel, type WalletConnectPanelProps, WalletItem, type WalletItemProps, ConnectWalletList as WalletList, WalletListContainer, type WalletListContainerProps, type WalletOption, WithdrawFailedIcon, WithdrawSuccessIcon, isDustValue, truncateAddress };

package/dist/index.js CHANGED Viewed

@@ -6870,6 +6870,7 @@ var SwapQuoteDetailsView = ({
   gasCostFormatted,
   protocolFee,
   slippageFormatted,
+  minReceivedFormatted,
   etaFormatted,
   quoteId,
   hasQuoteError,
@@ -6881,6 +6882,8 @@ var SwapQuoteDetailsView = ({
     quoteHeaderLabel,
     /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
   ] }) : quoteHeaderLabel;
+  const slippageDetailLabel = minReceivedFormatted ? labels.minReceivedLabel : labels.slippageLabel;
+  const slippageDetailValue = minReceivedFormatted || slippageFormatted;
   const items = [
     {
       label: "",
@@ -6910,8 +6913,8 @@ var SwapQuoteDetailsView = ({
       valueClassName: "flex flex-col gap-sm w-full text-right"
     },
     {
-      label: labels.slippageLabel,
-      value: slippageFormatted
+      label: slippageDetailLabel,
+      value: slippageDetailValue
     },
     {
       label: labels.etaLabel,
@@ -8487,6 +8490,291 @@ function QuoteIdRow({ label, quoteId }) {
     }
   );
 }
+var detailValueColorClassNames = {
+  default: "text-[color:var(--deframe-widget-color-text-primary)]",
+  negative: "text-[color:var(--deframe-widget-color-state-error)]",
+  positive: "text-[color:var(--deframe-widget-color-state-success)]"
+};
+function getPriceImpactValueColor(isPositive) {
+  return isPositive ? "positive" : "negative";
+}
+function PodsDetailRow({ label, value, valueColor = "default" }) {
+  if (!label && !value) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-test-id": "pods-swap-detail-row",
+      className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-md)] py-[var(--deframe-widget-size-padding-y-xs)]",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)] shrink-0", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: tailwindMerge.twMerge(
+              "text-[13px] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] text-right",
+              detailValueColorClassNames[valueColor]
+            ),
+            children: value
+          }
+        )
+      ]
+    }
+  );
+}
+function PodsSwapQuoteDetails({ details, advancedSettings }) {
+  const [isOpen, setIsOpen] = React6__namespace.default.useState(details.isVisible);
+  const [isSlippageOpen, setIsSlippageOpen] = React6__namespace.default.useState(false);
+  React6__namespace.default.useEffect(() => {
+    if (details.isVisible) setIsOpen(true);
+  }, [details.isVisible]);
+  const hasErrors = details.hasQuoteError || details.hasBytecodeError;
+  const shouldRenderDetails = details.isVisible || hasErrors;
+  if (!shouldRenderDetails) {
+    return null;
+  }
+  const headerLabel = details.isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    details.quoteHeaderLabel,
+    /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
+  ] }) : details.quoteHeaderLabel;
+  const hasSlippageControls = advancedSettings.slippageOptions.length > 0;
+  const handleSlippageSelect = advancedSettings.onSlippageSelect;
+  const slippageDetailLabel = details.minReceivedFormatted ? details.labels.minReceivedLabel : details.labels.slippageLabel;
+  const slippageDetailValue = details.minReceivedFormatted || details.slippageFormatted;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "pods-swap-quote-details", "data-slot": "pods-swap-quote-details", className: "w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-[var(--deframe-widget-size-radius-sm)] border border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsOpen((open) => !open),
+            className: "flex min-w-0 flex-1 cursor-pointer items-center gap-[var(--deframe-widget-size-gap-sm)] border-none bg-transparent p-0 text-left outline-none",
+            "aria-expanded": isOpen,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]", children: details.labels.headerLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.span,
+                {
+                  className: "inline-flex h-4 w-4 flex-shrink-0 items-center justify-center text-[color:var(--deframe-widget-color-text-tertiary)]",
+                  animate: { rotate: isOpen ? 180 : 0 },
+                  transition: { duration: 0.2, ease: "easeInOut" },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(md.MdKeyboardArrowDown, { className: "h-4 w-4", "aria-hidden": "true" })
+                }
+              )
+            ]
+          }
+        ),
+        hasSlippageControls && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsSlippageOpen((open) => !open),
+            "aria-label": advancedSettings.slippageLabel,
+            className: tailwindMerge.twMerge(
+              "inline-flex h-6 flex-shrink-0 cursor-pointer items-center gap-[5px] rounded-[var(--deframe-widget-size-radius-full)] border px-[8px]",
+              "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] font-[var(--deframe-widget-font-family)] outline-none transition-all duration-150",
+              isSlippageOpen ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_40%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_10%,transparent)] text-[color:var(--deframe-widget-color-brand-primary)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-transparent text-[color:var(--deframe-widget-color-text-secondary)] hover:border-[color:var(--deframe-widget-color-border-primary)] hover:text-[color:var(--deframe-widget-color-text-primary)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(md.MdSettings, { className: "h-[11px] w-[11px]", "aria-hidden": "true" }),
+              advancedSettings.formatPercentage(advancedSettings.slippageBps)
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { height: 0, opacity: 0 },
+          animate: { height: "auto", opacity: 1 },
+          exit: { height: 0, opacity: 0 },
+          transition: { duration: 0.2, ease: "easeInOut" },
+          style: { overflow: "hidden" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: isSlippageOpen && hasSlippageControls && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { height: 0, opacity: 0 },
+                animate: { height: "auto", opacity: 1 },
+                exit: { height: 0, opacity: 0 },
+                transition: { duration: 0.15, ease: "easeInOut" },
+                style: { overflow: "hidden" },
+                className: "border-t border-[color:var(--deframe-widget-color-border-secondary)]",
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  SlippageChip,
+                  {
+                    options: advancedSettings.slippageOptions,
+                    selected: advancedSettings.slippageBps,
+                    onSelect: handleSlippageSelect,
+                    formatLabel: advancedSettings.formatPercentage
+                  }
+                ) })
+              },
+              "pods-slippage-panel"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] pt-[var(--deframe-widget-size-padding-y-sm)]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-snug text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]", children: headerLabel }),
+              details.timerElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-shrink-0 items-center gap-[var(--deframe-widget-size-gap-sm)]", children: details.timerElement })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(PodsDetailRow, { label: details.labels.exchangeRateLabel, value: details.exchangeRateFormatted }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-[var(--deframe-widget-size-padding-y-xs)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                SwapQuoteBlockchainCostsView,
+                {
+                  totalCostFormatted: details.totalCostFormatted,
+                  feePercentage: details.feePercentage,
+                  gasCostFormatted: details.gasCostFormatted,
+                  protocolFee: details.protocolFee,
+                  blockchainCostsLabel: details.labels.blockchainCostsLabel,
+                  networkGasLabel: details.labels.networkGasLabel,
+                  protocolFeeLabel: details.labels.protocolFeeLabel,
+                  collapseLabel: details.labels.costsCollapseLabel,
+                  expandLabel: details.labels.costsExpandLabel
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                PodsDetailRow,
+                {
+                  label: details.labels.priceImpactLabel,
+                  value: details.priceImpactFormatted,
+                  valueColor: getPriceImpactValueColor(details.priceImpactIsPositive)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(PodsDetailRow, { label: slippageDetailLabel, value: slippageDetailValue }),
+              /* @__PURE__ */ jsxRuntime.jsx(PodsDetailRow, { label: details.labels.etaLabel, value: details.etaFormatted })
+            ] }),
+            details.quoteId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-[var(--deframe-widget-size-gap-sm)] border-t border-[color:var(--deframe-widget-color-border-secondary)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xs)]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-[color:var(--deframe-widget-color-text-tertiary)] opacity-60 font-[var(--deframe-widget-font-family)]", children: details.labels.quoteIdLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AddressDisplay,
+                {
+                  address: details.quoteId,
+                  className: "max-w-[150px] min-w-0 px-[8px] py-[3px]"
+                }
+              )
+            ] })
+          ]
+        },
+        "pods-quote-body"
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SwapQuoteErrorsView,
+      {
+        hasQuoteError: details.hasQuoteError,
+        hasBytecodeError: details.hasBytecodeError,
+        quoteErrorMessage: details.quoteErrorMessage,
+        bytecodeErrorMessage: details.bytecodeErrorMessage
+      }
+    )
+  ] });
+}
+var PodsSwapFormView = ({
+  onSubmit,
+  formRef,
+  labels,
+  onHistoryClick,
+  onSwitchTokens,
+  switchTokensAriaLabel,
+  showHistoryTooltip = false,
+  fromCard,
+  toCard,
+  advancedSettings,
+  transactionDetails,
+  priceImpactWarning,
+  confirmButton
+}) => {
+  const historyTooltipId = React6__namespace.default.useId();
+  const historyTooltipProps = showHistoryTooltip ? { "aria-describedby": historyTooltipId, title: labels.historyAriaLabel } : {};
+  const handlePercentageClick = advancedSettings.onPercentageClick;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-testid": "pods-swap-form-view",
+        "data-slot": "pods-swap-form-view",
+        className: "flex-1 min-h-0 overflow-y-auto swap-flow-content px-[var(--deframe-widget-size-padding-x-sm)] pb-[var(--deframe-widget-size-padding-y-xs)]",
+        children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref: formRef, onSubmit, "data-testid": "pods-swap-flow-form", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)] text-[color:var(--deframe-widget-color-text-secondary)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-[var(--deframe-widget-size-gap-md)]", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h5", className: "!text-[21px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "pods-swap-flow-title", children: labels.title }) }),
+              labels.subtitle && /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "!text-[14px]", children: labels.subtitle })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative inline-flex group", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                __spreadProps(__spreadValues({
+                  "data-testid": "pods-swap-history-button",
+                  type: "button",
+                  onClick: onHistoryClick,
+                  className: "flex h-12 w-12 cursor-pointer items-center justify-center rounded-[var(--deframe-widget-size-radius-full)] text-[color:var(--deframe-widget-color-text-secondary)] transition-colors hover:text-[color:var(--deframe-widget-color-brand-primary)]",
+                  "aria-label": labels.historyAriaLabel
+                }, historyTooltipProps), {
+                  children: /* @__PURE__ */ jsxRuntime.jsx(md.MdHistory, { className: "h-6 w-6", "aria-hidden": "true" })
+                })
+              ),
+              showHistoryTooltip && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  id: historyTooltipId,
+                  role: "tooltip",
+                  className: "pointer-events-none absolute right-0 top-full z-10 mt-1 whitespace-nowrap rounded-[var(--deframe-widget-size-radius-xs)] bg-[var(--deframe-widget-color-bg-tertiary)] px-2 py-1 text-xs text-[color:var(--deframe-widget-color-text-primary)] opacity-0 shadow-lg transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+                  children: labels.historyAriaLabel
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-stretch gap-[var(--deframe-widget-size-gap-sm)]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SwapFromCardViewSimple,
+              __spreadProps(__spreadValues({}, fromCard), {
+                percentageOptions: advancedSettings.percentageOptions,
+                onPercentageClick: handlePercentageClick,
+                maxLabel: advancedSettings.maxLabel
+              })
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 -my-5 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                "data-testid": "pods-swap-switch-tokens-button",
+                type: "button",
+                onClick: onSwitchTokens,
+                className: "flex h-10 w-10 cursor-pointer items-center justify-center rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-brand-secondary)] text-[color:var(--deframe-widget-color-text-primary)] shadow-md transition-shadow hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-[color:var(--deframe-widget-color-brand-secondary)]",
+                "aria-label": switchTokensAriaLabel,
+                children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSwapVert, { className: "h-5 w-5", "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(SwapToCardViewSimple, __spreadValues({}, toCard))
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-[var(--deframe-widget-size-padding-y-xl)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            PodsSwapQuoteDetails,
+            {
+              details: transactionDetails,
+              advancedSettings
+            }
+          ) })
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-testid": "pods-swap-flow-footer",
+        className: "w-full p-[var(--deframe-widget-size-padding-x-md)]",
+        children: [
+          priceImpactWarning && /* @__PURE__ */ jsxRuntime.jsx(
+            SwapPriceImpactWarning,
+            {
+              warning: priceImpactWarning,
+              className: "mb-[var(--deframe-widget-size-gap-sm)]"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "pods-swap-confirm-button", children: /* @__PURE__ */ jsxRuntime.jsx(ConfirmSwapButtonViewSimple, __spreadValues({}, confirmButton)) })
+        ]
+      }
+    )
+  ] });
+};
 var ChooseANetworkView = ({
   labels,
   autoFocus = true,
@@ -9033,8 +9321,12 @@ function AssetSearchAndList({
   hasMore,
   onLoadMore,
   labels,
-  autoFocus
+  autoFocus,
+  categories,
+  selectedCategory,
+  onCategoryChange
 }) {
+  const hasCategories = categories && categories.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -9065,6 +9357,48 @@ function AssetSearchAndList({
             )
           }
         ),
+        hasCategories && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-test-id": "category-chips",
+            "data-slot": "category-chips",
+            className: "flex gap-[var(--deframe-widget-size-gap-sm)] overflow-x-auto px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)] flex-shrink-0 [scrollbar-width:none]",
+            children: categories.map((cat) => {
+              const isActive = cat.id === selectedCategory;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-test-id": "category-chip",
+                  "data-slot": "category-chip",
+                  onClick: () => onCategoryChange == null ? void 0 : onCategoryChange(cat.id),
+                  className: tailwindMerge.twMerge(
+                    "inline-flex items-center justify-center",
+                    "h-[28px] px-[10px]",
+                    "rounded-[var(--deframe-widget-size-radius-full)]",
+                    "cursor-pointer text-[12px] font-[var(--deframe-widget-font-family)]",
+                    "border outline-none transition-all duration-150 whitespace-nowrap flex-shrink-0",
+                    isActive ? [
+                      "border-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_32%,transparent)]",
+                      "bg-[color:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
+                      "text-[color:var(--deframe-widget-color-brand-primary)]",
+                      "[font-weight:var(--deframe-widget-font-weight-semibold)]"
+                    ].join(" ") : [
+                      "border-[color:var(--deframe-widget-color-border-secondary)]",
+                      "bg-transparent",
+                      "text-[color:var(--deframe-widget-color-text-secondary)]",
+                      "[font-weight:var(--deframe-widget-font-weight-regular)]",
+                      "hover:border-[color:var(--deframe-widget-color-border-primary)]",
+                      "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+                    ].join(" ")
+                  ),
+                  children: cat.label
+                },
+                cat.id
+              );
+            })
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -9166,7 +9500,10 @@ function ChooseNetworkAndAssetViewSimple({
   hasMore,
   onLoadMore,
   isFetching,
-  labels
+  labels,
+  categories,
+  selectedCategory,
+  onCategoryChange
 }) {
   var _a;
   const [query, setQuery] = React6__namespace.useState("");
@@ -9261,7 +9598,10 @@ function ChooseNetworkAndAssetViewSimple({
         hasMore,
         onLoadMore,
         labels,
-        autoFocus
+        autoFocus,
+        categories,
+        selectedCategory,
+        onCategoryChange
       }
     );
     if (isMobile) {
@@ -19904,6 +20244,7 @@ exports.OnrampPixcodeView = OnrampPixcodeView;
 exports.OnrampSuccessSimpleView = OnrampSuccessSimpleView;
 exports.OnrampSuccessView = OnrampSuccessView;
 exports.PercentageButton = PercentageButton;
+exports.PodsSwapFormView = PodsSwapFormView;
 exports.PrimaryButton = PrimaryButton;
 exports.ProcessingBadge = ProcessingBadge;
 exports.ProgressIndicator = ProgressIndicator;