@funkit/connect 9.12.0 → 9.14.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @funkit/connect
 
+## 9.14.0
+
+### Minor Changes
+
+- c32bc92: feat(connect): Aave source-select renders Native + Use other assets sections; Native row fast-paths to InputAmount when wallet holds the target asset.
+- ccd1855: Register Bitcoin on Cash App as a payment source on the crypto tab of the checkout modal.
+
+### Patch Changes
+
+- bc5ce6f: test(connect): add checkout transfer init coverage
+- b69e713: Fix CopyAddress button border-radius to account for parent 1px border.
+- c097446: Fix withdrawal modal conflating source-token amount with USD value. No-op for
+  1:1 stablecoin sources; corrects target-amount, receive-fiat, and min-amount
+  math for non-stable sources.
+- beb12ee: test(connect): add unit test coverage
+- Updated dependencies [d67a842]
+- Updated dependencies [e9e960a]
+  - @funkit/api-base@4.2.3
+  - @funkit/chains@1.2.0
+
+## 9.13.0
+
+### Minor Changes
+
+- ac8b104: Add `showWalletConnect` option to `uiCustomizations.sourceChangeScreen` to allow hiding the wallet connect payment method
+
+### Patch Changes
+
+- 01826fb: chore(connect): bump postcss
+- ab86ca3: refactor(connect): split `SourceList` into a thin composer + `FlatList`/`GroupedList` layout primitives. Internal-only; no public API change; rendered DOM unchanged.
+- 6039a1b: When `externalUserId` is set for Lighter customers, use it directly as `userId` and `walletAddress` instead of wrapping via `generateSyntheticUserId`
+- 3719658: Split useRecentDeposits into a raw API hook and a pure testable transform function
+- ce7e633: Internal: add `testId` prop to `SourceList` for testability.
+- 7743d5b: Extract withdrawal error notification helpers into ErrorMessage module
+- 7743d5b: Extract WithdrawRecipientAddress into its own module and allow multi-method config to disable connected wallet
+- 7743d5b: Use config source chain for withdrawal source token price lookup
+- Updated dependencies [ec97ba2]
+  - @funkit/fun-relay@2.7.2
+
 ## 9.12.0
 
 ### Minor Changes

package/README.md

@@ -10,3 +10,24 @@ The `@funkit/connect` package elevates decentralize applications via web2 & web3
 ### 📝 Note
 
 This package is currently in closed beta. To learn more, reach out to [developers@fun.xyz](mailto:developers@fun.xyz).
+
+## Development
+
+### Running tests
+
+From the monorepo root:
+
+```bash
+# Run all connect tests once
+pnpm --filter=@funkit/connect test
+
+# Run with coverage (terminal summary + lcov + HTML report)
+pnpm --filter=@funkit/connect test:coverage
+
+# Open the Vitest UI (interactive dashboard with live coverage heatmap)
+pnpm --filter=@funkit/connect test:ui
+```
+
+After `test:coverage`, open `packages/connect/coverage/index.html` to browse the HTML report. The `coverage/` directory is gitignored.
+
+Coverage is collected by [`@vitest/coverage-v8`](https://vitest.dev/guide/coverage) and excludes generated files, Storybook stories, vanilla-extract style files (`*.css.ts`), and translation JSON. Update the `coverage` block in `vitest.config.ts` to tweak include/exclude patterns.

package/dist/__generated__/default_configs.d.ts

@@ -276,6 +276,9 @@ declare const _default: {
     readonly enablebitcoin: {
         readonly value: true;
     };
+    readonly enablebitcoinlightning: {
+        readonly value: false;
+    };
     readonly enablebluvobrokerage: {
         readonly value: true;
     };

package/dist/clients/lighter.js

@@ -48,6 +48,7 @@ import { useQuery } from "@tanstack/react-query";
 
 // src/consts/customers.ts
 import {
+  AAVE_API_KEY,
   AVANTIS_API_KEY,
   BASED_API_KEY,
   BSX_API_KEY,
@@ -82,6 +83,7 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
   sourceMethodTitle: "Your source",
   tokensListTitle: "Your tokens",
   transferTokens: "Transfer Crypto",
+  bitcoinLightning: "Bitcoin on Cash App",
   receiveDropdownTitle: "",
   // Default to empty
   receiveDropdownLabel: "Asset to Receive",
@@ -120,6 +122,7 @@ var DEFAULT_UI_CUSTOMIZATIONS = {
     },
     showTargetAssetSelection: false,
     showWalletOnInsufficientBalance: false,
+    showWalletConnect: true,
     paymentMethodIcons: {}
   },
   inputAmountScreen: {
@@ -164,6 +167,7 @@ function useFunkitConfig() {
       sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
       tokensListTitle: t("textCustomizations.tokensListTitle"),
       transferTokens: t("textCustomizations.transferTokens"),
+      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
       receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
       receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
       confirmationScreen: {

package/dist/clients/polymarket.js

@@ -286,6 +286,12 @@ function createPaymentMethodInfo(params) {
         title: "QR Code Transfer",
         description: ""
       };
+    case "bitcoin_lightning" /* BITCOIN_LIGHTNING */:
+      return {
+        paymentMethod: "bitcoin_lightning" /* BITCOIN_LIGHTNING */,
+        title: "Bitcoin on Cash App",
+        description: ""
+      };
     case "virtual_bank" /* VIRTUAL_BANK */:
       return {
         paymentMethod: "virtual_bank" /* VIRTUAL_BANK */,

package/dist/components/FunOptionBox/FunOptionBox.css.d.ts

@@ -1 +1 @@
-export declare const funOptionBoxStyle: Record<"activeBackground" | "baseStyle" | "compactListStyle" | "defaultBorder" | "defaultModeNotActiveBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "uninteractiveBackground", string>;
+export declare const funOptionBoxStyle: Record<"baseStyle" | "compactListStyle" | "defaultBorder" | "defaultModeNotActiveBorder" | "activeBorder" | "disabledOptionBorder" | "defaultBackground" | "activeBackground" | "uninteractiveBackground", string>;

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -2,6 +2,7 @@ import { type SwappedFormOfPayment } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
 import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
 import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
+import type { AssetHoldingsItem } from '../../domains/wallet';
 /**
  * Get a custom icon passed in from UI customization config
  * These icons are passed in from client to support enhanced branding+design
@@ -38,6 +39,7 @@ interface ConnectedPaymentMethodItemProps {
     disabled?: boolean;
 }
 export declare const AccountBalancePaymentMethodItem: ({ isSelected, showSelectedCheckmark, onSelect, targetChainId, testId, disabled, }: ConnectedPaymentMethodItemProps) => React.JSX.Element;
+export declare const BitcoinLightningPaymentMethodItem: ({ isActive, onClick, isClickable, customValueIcon, paymentIcon, }: PaymentMethodItemProps) => React.JSX.Element;
 export declare const ActiveFiatAccountPaymentMethodItem: ({ isActive, onClick, paymentMethodInfo, customValueIcon, testId, disabled, }: BasePaymentMethodItemProps & {
     paymentMethodInfo: PaymentMethodVirtualBankInfo;
     testId?: string;
@@ -50,10 +52,24 @@ type BasePaymentMethodItemProps = {
     customValueIcon?: ReactNode;
     testId?: string;
 };
+type PaymentMethodItemProps = BasePaymentMethodItemProps & {
+    paymentIcon: ReactNode;
+};
 export declare function AddPaymentMethodItem({ paymentMethod, isClickable, isActive, onClick, customValueIcon, testId, }: BasePaymentMethodItemProps & {
     paymentMethod: PaymentMethod;
     dynamicLimit?: string;
 }): React.JSX.Element | undefined;
+/**
+ * Source-list row for the underlying asset a customer is supplying
+ * (e.g. USDT for an Aave aUSDT checkout) when the user already holds
+ * it. Click pre-selects the asset as the source and skips
+ * asset-select via SourceChange's `skipAssetSelect` routing.
+ */
+export declare function NativeAssetItem({ asset, label, onClick, }: {
+    asset: AssetHoldingsItem;
+    label: string;
+    onClick: () => void;
+}): React.JSX.Element;
 export declare function PayPalPaymentMethodItem({ isActive, isClickable, onClick, isLoading, }: BasePaymentMethodItemProps & {
     isLoading: boolean;
 }): React.JSX.Element;

package/dist/components/Icons/CashAppIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CashAppIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;

package/dist/consts/customers.d.ts

@@ -12,5 +12,13 @@ export declare function isAvantisCustomer(apiKey: string): apiKey is "6TUi99Tq3O
 export declare function isPerplCustomer(apiKey: string): apiKey is "wQDLu86Qab61vbtru7thf8Yj0xaeqVUH4ohoXESu";
 export declare function isLighterxyzCustomer(apiKey: string): apiKey is "i6e1I8cfX625TTwRJlD2DshKyAoaUtO8aeoaR4i2";
 export declare function isFanaticsCustomer(apiKey: string): apiKey is "lI7amueGK94QtGa7sGGVf8n0XhIcn4sHFAZRu5Jj";
+export declare function isAaveCustomer(apiKey: string): apiKey is "EWzSv8tWnQ7UcZ2IsDqFw1dYo3Df56FX6KBJ5ztS";
+/**
+ * Gates the source-select "Native" fast-path: when the connected wallet
+ * already holds `checkoutConfig.targetAsset`, surface a one-click row
+ * that skips asset-select and lands on InputAmount. Currently Aave-only;
+ * extend by OR-ing additional `is<Customer>Customer` predicates.
+ */
+export declare function isCustomerNativeFastPathEnabled(apiKey: string): apiKey is "EWzSv8tWnQ7UcZ2IsDqFw1dYo3Df56FX6KBJ5ztS";
 export declare function isLighterEthSpot(apiKey: string, checkoutConfig: FunkitCheckoutConfig | undefined): boolean | undefined;
 export declare function isLighterSlowDeposit(apiKey: string, checkoutConfig: Pick<FunkitCheckoutConfig, 'targetChain'> | undefined): boolean;

package/dist/domains/paymentMethods.d.ts

@@ -9,6 +9,7 @@ export declare enum PaymentMethod {
     /** Bluvo - Exchange / Brokerage **/
     BROKERAGE = "brokerage",
     TOKEN_TRANSFER = "token_transfer",
+    BITCOIN_LIGHTNING = "bitcoin_lightning",
     VIRTUAL_BANK = "virtual_bank",
     SWAPPED_CARD = "swapped_card",
     SEPA = "sepa",
@@ -38,6 +39,9 @@ export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
 export interface PaymentMethodTokenTransferInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;
 }
+export interface PaymentMethodBitcoinLightningInfo extends PaymentMethodInfoBase {
+    paymentMethod: PaymentMethod.BITCOIN_LIGHTNING;
+}
 export interface PaymentMethodVirtualBankIncompleteInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.VIRTUAL_BANK;
     matchingFiatAccount: BridgeVirtualBankAccount | undefined;
@@ -48,7 +52,7 @@ export interface PaymentMethodVirtualBankInfo extends PaymentMethodVirtualBankIn
 }
 export type ConnectablePaymentMethodInfo = PaymentMethodAccountInfo | PaymentMethodBrokerageInfo | PaymentMethodVirtualBankInfo;
 export declare function isConnectablePaymentMethodInfo(value: unknown): value is ConnectablePaymentMethodInfo;
-export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodVirtualBankIncompleteInfo;
+export type PaymentMethodInfo = PaymentMethodCardInfo | PaymentMethodBrokerageInfo | PaymentMethodAccountInfo | PaymentMethodTokenTransferInfo | PaymentMethodBitcoinLightningInfo | PaymentMethodVirtualBankIncompleteInfo;
 interface CardPaymentMethodParams {
     paymentMethod: PaymentMethod.CARD;
     /** We also store client's customization in our database :( */
@@ -66,6 +70,9 @@ interface BrokeragePaymentMethodParams {
 interface TokenTransferPaymentMethodParams {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;
 }
+interface BitcoinLightningPaymentMethodParams {
+    paymentMethod: PaymentMethod.BITCOIN_LIGHTNING;
+}
 interface VirtualBankPaymentMethodIncompleteParams {
     paymentMethod: PaymentMethod.VIRTUAL_BANK;
     matchingFiatAccount: undefined;
@@ -79,6 +86,7 @@ interface VirtualBankPaymentMethodParams {
 export declare function createPaymentMethodInfo(params: CardPaymentMethodParams): PaymentMethodCardInfo;
 export declare function createPaymentMethodInfo(params: AccountPaymentMethodParams): PaymentMethodAccountInfo;
 export declare function createPaymentMethodInfo(params: TokenTransferPaymentMethodParams): PaymentMethodTokenTransferInfo;
+export declare function createPaymentMethodInfo(params: BitcoinLightningPaymentMethodParams): PaymentMethodBitcoinLightningInfo;
 export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodIncompleteParams): PaymentMethodVirtualBankIncompleteInfo;
 export declare function createPaymentMethodInfo(params: VirtualBankPaymentMethodParams): PaymentMethodVirtualBankInfo;
 export declare function createPaymentMethodInfo(params: BrokeragePaymentMethodParams): PaymentMethodBrokerageInfo;

package/dist/hooks/queries/useRecentDeposits.d.ts

@@ -1,47 +1,7 @@
 import { type DirectExecution } from '@funkit/api-base';
+import { type UseQueryResult } from '@tanstack/react-query';
+import type { NotificationVariant } from '../../modals/CheckoutModal/TransferToken/types';
 import { type PurifiedCheckoutHistoryItem } from '../../utils/purifyCheckoutHistoryItem';
-/**
- * Query parameters for the useRecentDeposits hook.
- */
-interface RecentDirectExecutionsQuery {
-    /**
-     * Controls whether the hook should fetch and return data.
-     * When false, the query is disabled and no data will be fetched.
-     */
-    isVisible: boolean;
-    /**
-     * Optional filter function to further refine which deposits are returned.
-     * WARNING: Must be a stable reference (wrap in useMemo), otherwise the hook will constantly re-render.
-     * @param de - The DirectExecution to filter
-     * @returns true to include the deposit, false to exclude it
-     */
-    memoizedFilterFunc?: (de: DirectExecution) => boolean;
-    /**
-     * Maximum number of deposits to fetch from the API.
-     * @default 5
-     */
-    fetchSize?: number;
-    /**
-     * Custom cutoff time in milliseconds for determining which deposits are "recent".
-     * Deposits created after this timestamp will be included.
-     * If not provided, uses Fun's default strategy.
-     */
-    cutOffTimeMs?: number;
-    /**
-     * API key for authenticating requests to Fun's API server.
-     */
-    apiKey: string;
-    /**
-     * User ID for which to fetch direct executions.
-     * Usually user's connected wallet address.
-     */
-    userId: string;
-    /**
-     * Interval in milliseconds for how often to refetch the data.
-     * Determines the polling frequency for keeping deposit data up to date.
-     */
-    refreshIntervalMs: number;
-}
 export interface MergedMultiStepDirectExecution extends DirectExecution {
     /**
      * In a multi-step DE chain, represents the latest **present** DE of the chain.
@@ -53,15 +13,45 @@ export interface MergedMultiStepDirectExecution extends DirectExecution {
 export declare function mergeMultiStepDirectExecutions(directExecutions: DirectExecution[]): MergedMultiStepDirectExecution[];
 export declare function isTokenTransferDirectExecution(de: DirectExecution): boolean;
 export declare function isWithdrawalDirectExecution(de: DirectExecution): boolean;
-type DefaultDEQueryKey = 'apiKey' | 'userId' | 'refreshIntervalMs';
-export type RecentDEQuerySimplified = Omit<RecentDirectExecutionsQuery, DefaultDEQueryKey>;
 /**
- * @returns recent direct executions tied to a recipient address used in the token transfer flow
+ * Pure transform: filters, merges multi-step chains, and sorts direct executions.
+ * Testable without React.
  */
-export declare const useRecentDeposits: ({ isVisible, memoizedFilterFunc, fetchSize, cutOffTimeMs, }: RecentDEQuerySimplified) => {
-    data: MergedMultiStepDirectExecution[] | undefined;
-    rawData: DirectExecution[] | undefined;
+export declare function processRecentDepositsForNotifications(directExecutions: DirectExecution[] | undefined, { createdAfterMs, cutOffTimeMs, variant, }?: {
+    createdAfterMs?: number;
+    cutOffTimeMs?: number;
+    variant?: NotificationVariant;
+}): MergedMultiStepDirectExecution[] | undefined;
+interface RecentDepositsApiQuery {
+    isVisible: boolean;
+    fetchSize?: number;
+    apiKey: string;
+    userId: string;
+    refreshIntervalMs: number;
+}
+type DefaultDEQueryKey = 'apiKey' | 'userId' | 'refreshIntervalMs';
+export type RecentDEQuerySimplified = {
+    isVisible: boolean;
+    fetchSize?: number;
 };
+/**
+ * @returns raw direct executions for the current user (no filtering or transforms applied)
+ */
+export declare const useRecentDeposits: ({ isVisible, fetchSize, }: RecentDEQuerySimplified) => UseQueryResult<DirectExecution[]>;
+/**
+ * Full explicit-params version of `useRecentDeposits` for use outside FunkitProvider context.
+ * Used by SDK wrappers.
+ */
+interface RecentDirectExecutionsQuery extends RecentDepositsApiQuery {
+    cutOffTimeMs?: number;
+    /**
+     * Optional filter function to further refine which deposits are returned.
+     * WARNING: Must be a stable reference (wrap in useMemo), otherwise the hook will constantly re-render.
+     * @param de - The DirectExecution to filter
+     * @returns true to include the deposit, false to exclude it
+     */
+    memoizedFilterFunc?: (de: DirectExecution) => boolean;
+}
 /**
  * Hook for SDK users to fetch recent deposits/direct executions with automatic context integration.
  *
@@ -85,7 +75,7 @@ export declare const useRecentDeposits: ({ isVisible, memoizedFilterFunc, fetchS
  * }
  * ```
  */
-export declare function useFunkitRecentDeposits(query: RecentDEQuerySimplified): {
+export declare function useFunkitRecentDeposits(query: Omit<RecentDirectExecutionsQuery, DefaultDEQueryKey>): {
     data: PurifiedCheckoutHistoryItem[] | undefined;
 };
 /**

package/dist/hooks/usePaymentSources.d.ts

@@ -5,6 +5,7 @@ export declare function usePaymentMethodEnablement(): {
     isTokenTransferEnabled: boolean;
     isMeldEnabled: boolean;
     isBrokerageEnabled: boolean;
+    isLightningEnabled: boolean;
 };
 export type PaymentMethodType = 'crypto' | 'fiat';
 export type UnavailablePaymentSource = {

package/dist/index.css

@@ -15203,6 +15203,14 @@
   opacity: 0;
 }
 
+/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9 */
+[data-rk] .uwrdc20 {
+  position: relative;
+}
+[data-rk] .uwrdc22 {
+  position: absolute;
+}
+
 /* vanilla-extract-css-ns:src/components/FunBadge/FunBadge.css.ts.vanilla.css?source=QGtleWZyYW1lcyBiYzJ1enkwIHsKICAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTIwMCUpOwogIH0KICAzNSUsIDEwMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDIwMCUpOwogIH0KfQouYmMydXp5MSB7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIHdpZHRoOiBmaXQtY29udGVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwp9Ci5iYzJ1enkyIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouYmMydXp5Mjo6YmVmb3JlIHsKICBjb250ZW50OiAiIjsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgaW5zZXQ6IDA7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxMDAlOwogIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgdHJhbnNwYXJlbnQgMzAlLCB3aGl0ZSA0NSUsIHdoaXRlIDU1JSwgdHJhbnNwYXJlbnQgNzAlKSBuby1yZXBlYXQ7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMDAlKTsKICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTsKICBvcGFjaXR5OiAwLjk7CiAgZmlsdGVyOiBibHVyKDJweCk7CiAgYW5pbWF0aW9uOiBiYzJ1enkwIDVzIGxpbmVhciBpbmZpbml0ZSAxczsKICBtaXgtYmxlbmQtbW9kZTogc29mdC1saWdodDsKfQ== */
 @keyframes bc2uzy0 {
   0% {
@@ -15501,14 +15509,6 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/components/FunAssetAvatar/FunAssetAvatar.css.ts.vanilla.css?source=LnV3cmRjMjAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudXdyZGMyMiB7CiAgcG9zaXRpb246IGFic29sdXRlOwp9 */
-[data-rk] .uwrdc20 {
-  position: relative;
-}
-[data-rk] .uwrdc22 {
-  position: absolute;
-}
-
 /* vanilla-extract-css-ns:src/components/FunCountdown/FunCountdown.css.ts.vanilla.css?source=Ll8xdDBiYzExMSB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwogIGJvdHRvbTogMDsKICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpOwp9Ci5fMXQwYmMxMTMgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAwOwogIHRvcDogMDsKICBib3R0b206IDA7CiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTsKfQ== */
 [data-rk] ._1t0bc111 {
   position: absolute;
@@ -15620,7 +15620,7 @@
   inset: 0;
 }
 
-/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81WXavbOBB9v79iKFxIwDJyUqe97ktp90e0+7LI8jgRkSUjKfcmXe5/L5LtxLLTNN2FUgKx9TEzZ2aOj/Rxj6fasAYt/JPty28onhD+fQCgj+EB4AxTttamIdqIrVAF5PQR6OOHeLXoXiVz+HVBl2C0Yw6/LGiF2yVYziQusmVnpFvGhTsVkPnx6wNAlg/h5msbOluj6dvOUy2kQ1NAKQ9msWqPy7ND+r8S2NDHSwpkPU4i3UyzoFewbM5YXh8+zmtc9zVORplfx+kTuYWURFDvQerL835e0+zu0v0M0i92//UhHcqyDnH1wUmhkHAttSngmZkFIWbfjS1h3AmtPvvBX8KyUmIVPJfaVGhIqZ3TDZFYO2JYJQ525MJPCMK1Usjdp4NzWl2xNWK7+wXjkLrwoApgUkKW08YCP5SCkxK/CTQLmq4ToAnQlG4S8JUYZf02ZE0I3yHfE8G1IhVKdiogzXL7YbbG7I7ourboCt+L2YZubfBBg4dWDwgNSubEM/rZF1G5XQHZpj364Q594pdxJWwbfGyNqIIXyTgS4bCxBXBUDk2cSVGUWGvTSQjXyqFyBbx5E0NgpdXy4AIEp9sCVl0837PzoMf2FEPrh32/hhathtkjsTtW6ZcChLLogIZflubtEfjBGFQuEGfatjORIV3lNumC9+9d6H4QBQ5zsauh6h1pph2d0IU40Qi1JfVB8Q7HhDSrPFAmECenCWQppctpxVnt0NxfcNMV8lwyz/jfV3QuRUta5oO0Wp62Wnmp9J9GkJ3h6f8S76R/btpj4v9g0NW5Mp3tftbbXn/+gObloWsjER3pdrTNFyzstc7oPQYJGBRgDvaiD6GaAffIkBnjk8xoV+xk0JB+S0+BVZpPCzkLDul6pnM/yPquMo+FKy7B5opEjmVwdUUGI/27IZDpysaxIhEbJHLt6RyJ5Hlm8l2862avnY0Lkr7LPZW753Ia9/Ipz0jRFXF8ko9M319srpJ+dhiNmkRnTZqA/nsxoe3TFOF565fFirbH5Q1bFmyvn0bn40aocP7XEo+RcXnDuEVjW+R+GLg9aQKx7iSxgNagRfOMZF1FrnlwPUVQSs333g9TomGBu4o1OFA3nk1AaYXLeHtE9cl0AtROtx8M63KjgzxdFv+j4Ixd1EJK0ugKC6i1eWGmshGtpjj7hdmVpfohBe65kd6+Vt64J9DLLYHehzvQ7zsc4XsT5QwAAA== */
+/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81W247bNhB9368YBFhABkSBsiMnq7wEST8i7UtBUSObME0KJL3rTbH/XpC6WJQcx02BojBgibeZwzNHh/x8wNfGsCNa+DM/VN9RPCH89QBAH8MDwBmmbKPNkWgjdkKVUNBHoI+f4tGye5XM4e8JXYHRjjn8ltAadyuwnElM8lW3SLeMC/daQu7bbw8AeTGkW45t6WKMZu+7SI2QDk0JlTyZZN2eV2NA+q82sKWPly2QzXQT2Xa+C3oFy3bE8vbweclx03OcTnZ+HaffyC2kJIJ6D1JPz8clp/nd1P0M0j+s/ttDNtCyCXn1yUmhkHAttSnhmZmEEHPo2pYw7oRWX33jN2FZJbEOkSttajSk0s7pI5HYOGJYLU62BM4kT8Y4vlcQrpVC7r6cnNNqBQTyvmRxHCN2+18MFCgRHmwJTErIC3q0wE+V4KTC7wJNQrNNCjQFmtFtCp6hCRvvAxuE8D3yAxFcK1KjZK8lZHlhPy3GmN0T3TQWXelrtJjQjQ0xaIjQ6gGhQcmceEbf+yJqty8h37Zn39yjJ+HSroVtQ4ydEXWIIhlHIhwePUeoHJp4J2VZYaNNZy1cK4fKlfDuXQyBVVbLkwsQnG5LWHf5fC3HRo/tKYbWN/vaDeVaD71nYves1i8lCGXRAQ2/PCvaM/CTMahcENS8bKPAIVsXNu2S9+9d6r4RJQ59caiB9U4784rO5EKcOAq1I81J8Q7HTDTrIkgmCKegKeQZpas546xxaO4n3HREjpR59f93pHMpWtIyn6TV8nWnlbdQ/2kEOxqe/i/1Qfrntj2n/g+2028ucqxx3c9q2/vS/6B4RajaxFwnfh5N84SFudYZfcBgAYMDLMFe/CGwGXBPFjJj/CZz2pGdDh7ST+klsM6KOZGL5JBtFj73g13fRfPUuGIKtlcscmqD6ys2GPnfDYPM1jbOFZnYYJEbL+fIJMee2Xfxoeu9dmYmJPtQeCl3z9U87+VTXoiiI3F6wk+WfrysuSr6xWE0KRJdFGkG+o9kJtunOcJx6rdkTdvz6sZaFtZeP43G40aocC9oJJ6jxdWNxS0a2yL3zaDtWRGIda8SS2gNWjTPSDZ1FJqH0HMEldT84OMwJY4saFexIw7SjXtTUFrhKp4eSX3WnQK18+knw7q90cGeLoO/aDjTEI2Qkhx1jSU02rwwU9tIVnOc/cDiylL/UAL33FRvXzdv3BPo5ZZA78Md5Pc3djwXAf0MAAA= */
 @keyframes _1kbzei9e {
   0% {
     transform-origin: 50% 0%;
@@ -15658,8 +15658,8 @@
 }
 [data-rk] ._1kbzei93 {
   outline-color: var(--rk-colors-actionColorDisabled);
-  border-bottom-left-radius: var(--rk-radii-connectButton);
-  border-bottom-right-radius: var(--rk-radii-connectButton);
+  border-bottom-left-radius: calc(var(--rk-radii-connectButton) - 1px);
+  border-bottom-right-radius: calc(var(--rk-radii-connectButton) - 1px);
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
 [data-rk] ._1kbzei94 {