@velora-dex/widget 0.3.11-dev.2 → 0.3.11-dev.3

package/dist/components/widget/NetworkWithIcon/NetworkWithIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkWithIcon.js","sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainConfigMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainConfigMap[networkId].name;\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["NetworkWithIcon","t0","$","_c","networkId","compact","classes","logger","useLogger","networkName","chainConfigMap","name","warn","t1","root","t2","cn","t3","icon","t4","t5","t6","FourNetworksIcons","_classes","Symbol","for","mainnet","id","bsc","optimism","base","map"],"mappings":"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"}
+{"version":3,"file":"NetworkWithIcon.js","sources":["../../../../src/components/widget/NetworkWithIcon/NetworkWithIcon.tsx"],"sourcesContent":["import { NetworkIconSquare } from \"@/components/widget/NetworkIcon/NetworkIconSquare\";\nimport { cn } from \"@/lib/utils\";\nimport type { NetworkWithIconProps } from \"./types\";\nimport { chainNameMap } from \"@/lib/web3/wagmi/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport { base, bsc, mainnet, optimism } from \"@/lib/web3/wagmi/supportedChains\";\n\nexport const NetworkWithIcon: React.FC<NetworkWithIconProps> = ({\n  networkId,\n  compact,\n  classes,\n}) => {\n  const logger = useLogger(\"NetworkWithIcon\");\n  const networkName = chainNameMap[networkId];\n\n  if (!networkName) {\n    logger.warn(`Network with ID ${networkId} not found`);\n  }\n\n  return (\n    <div className={cn(\"flex items-center gap-[4px] text-xs\", classes?.root)}>\n      <NetworkIconSquare networkId={networkId} className={classes?.icon} />\n      {!compact && <div className={classes?.name}>{networkName}</div>}\n    </div>\n  );\n};\n\nexport const FourNetworksIcons: React.FC<\n  Omit<NetworkWithIconProps, \"networkId\" | \"compact\">\n> = ({ classes: _classes }) => {\n  const classes = {\n    ..._classes,\n    icon: cn(\"size-2.5\", _classes?.icon),\n  };\n\n  return (\n    <div className=\"grid grid-cols-[repeat(2,1fr)] gap-[1px]\">\n      {[mainnet.id, bsc.id, optimism.id, base.id].map((networkId) => (\n        <NetworkWithIcon\n          key={networkId}\n          networkId={networkId}\n          classes={classes}\n          compact\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["NetworkWithIcon","t0","$","_c","networkId","compact","classes","logger","useLogger","networkName","chainNameMap","warn","t1","root","t2","cn","t3","icon","t4","t5","name","t6","FourNetworksIcons","_classes","Symbol","for","mainnet","id","bsc","optimism","base","map"],"mappings":"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"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AAmBA,wBAAgB,yBAAyB,iDA4DxC"}
+{"version":3,"file":"subscriptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"names":[],"mappings":"AAmBA,wBAAgB,yBAAyB,iDAsDxC"}

package/dist/components/widget/ReceiverAddress/state/subscriptions.js

@@ -14,29 +14,23 @@ import { screenAtom } from '../../../../core/screen/state/screenAtom.js';
 
 function subscribeToAccountChanges() {
   return watchAccount(wagmiConfig, {
-    onChange: async (account, {
+    onChange: async ({
+      address,
+      chainId
+    }, {
       address: prevAddress
     }) => {
-      const {
-        address,
-        chainId,
-        connector
-      } = account;
       const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);
       if (address !== prevAddress) {
         jotaiStore.set(openDrawerAtom, null);
         jotaiStore.set(screenAtom, null);
       }
-      jotaiStore.set(accountAtom, {
-        address,
-        chainId,
-        connector
-      });
       if (!address || chainId === void 0 || !isSupportedChainId(chainId) || !enabledSrcChains.includes(chainId)) {
         jotaiStore.set(receiverAddressAtom, void 0);
         jotaiStore.set(limitReceiverAddressAtom, void 0);
         return;
       }
+      jotaiStore.set(accountAtom, address);
       jotaiStore.set(resetOrdersCountAtom);
       if (chainId !== wagmiConfig.state.chainId)
         wagmiConfig.setState((prev) => ({

package/dist/components/widget/ReceiverAddress/state/subscriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscriptions.js","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async (account, { address: prevAddress }) => {\n      const { address, chainId, connector } = account;\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, {\n        address,\n        chainId,\n        connector,\n      });\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        jotaiStore.set(receiverAddressAtom, undefined);\n        jotaiStore.set(limitReceiverAddressAtom, undefined);\n        return;\n      }\n\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      jotaiStore.set(receiverAddressAtom, isEOA ? address : undefined);\n      jotaiStore.set(limitReceiverAddressAtom, isEOA ? address : undefined);\n    },\n  });\n}\n"],"names":["subscribeToAccountChanges","watchAccount","wagmiConfig","onChange","account","address","prevAddress","chainId","connector","enabledSrcChains","jotaiStore","get","enabledSrcChainsAtom","set","openDrawerAtom","screenAtom","accountAtom","undefined","isSupportedChainId","includes","receiverAddressAtom","limitReceiverAddressAtom","resetOrdersCountAtom","state","setState","prev","queryKey","constructIsContractAtAddressQueryKey","isEOA","queryClient","ensureQueryData","queryFn","getIsContractAtAddress"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,yBAAAA,GAA4B;AAG1C,EAAA,OAAOC,aAAaC,WAAAA,EAAa;AAAA,IAC/BC,QAAAA,EAAU,OAAOC,OAAAA,EAAS;AAAA,MAAEC,OAAAA,EAASC;AAAAA,KAAY,KAAM;AACrD,MAAA,MAAM;AAAA,QAAED,OAAAA;AAAAA,QAASE,OAAAA;AAAAA,QAASC;AAAAA,OAAU,GAAIJ,OAAAA;AACxC,MAAA,MAAMK,gBAAAA,GAAmBC,UAAAA,CAAWC,GAAAA,CAAIC,oBAAoB,CAAA;AAI5D,MAAA,IAAIP,YAAYC,WAAAA,EAAa;AAC3BI,QAAAA,UAAAA,CAAWG,GAAAA,CAAIC,gBAAgB,IAAI,CAAA;AACnCJ,QAAAA,UAAAA,CAAWG,GAAAA,CAAIE,YAAY,IAAI,CAAA;AAAA,MACjC;AAGAL,MAAAA,UAAAA,CAAWG,IAAIG,WAAAA,EAAa;AAAA,QAC1BX,OAAAA;AAAAA,QACAE,OAAAA;AAAAA,QACAC;AAAAA,OACD,CAAA;AAGD,MAAA,IACE,CAACH,OAAAA,IACDE,OAAAA,KAAYU,MAAAA,IACZ,CAACC,kBAAAA,CAAmBX,OAAO,CAAA,IAC3B,CAACE,gBAAAA,CAAiBU,QAAAA,CAASZ,OAAO,CAAA,EAClC;AACAG,QAAAA,UAAAA,CAAWG,GAAAA,CAAIO,qBAAqBH,MAAS,CAAA;AAC7CP,QAAAA,UAAAA,CAAWG,GAAAA,CAAIQ,0BAA0BJ,MAAS,CAAA;AAClD,QAAA;AAAA,MACF;AAGAP,MAAAA,UAAAA,CAAWG,IAAIS,oBAAoB,CAAA;AAEnC,MAAA,IAAIf,OAAAA,KAAYL,YAAYqB,KAAAA,CAAMhB,OAAAA;AAEhCL,QAAAA,WAAAA,CAAYsB,SAAUC,CAAAA,IAAAA,MAAU;AAAA,UAAE,GAAGA,IAAAA;AAAAA,UAAMlB;AAAAA,SAAQ,CAAE,CAAA;AAEvD,MAAA,MAAMmB,WAAWC,oCAAAA,CAAqC;AAAA,QACpDpB,OAAAA;AAAAA,QACAF;AAAAA,OACD,CAAA;AAED,MAAA,MAAM;AAAA,QAAEuB;AAAAA,OAAM,GAAI,MAAMC,WAAAA,CAAYC,eAAAA,CAAgB;AAAA,QAClDJ,QAAAA;AAAAA,QACAK,OAAAA,EAASA,MACPC,sBAAAA,CAAuB;AAAA,UACrB3B,OAAAA;AAAAA,UACAE;AAAAA,SACD;AAAA,OACJ,CAAA;AAGDG,MAAAA,UAAAA,CAAWG,GAAAA,CAAIO,mBAAAA,EAAqBQ,KAAAA,GAAQvB,OAAAA,GAAUY,MAAS,CAAA;AAC/DP,MAAAA,UAAAA,CAAWG,GAAAA,CAAIQ,wBAAAA,EAA0BO,KAAAA,GAAQvB,OAAAA,GAAUY,MAAS,CAAA;AAAA,IACtE;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"subscriptions.js","sources":["../../../../../src/components/widget/ReceiverAddress/state/subscriptions.ts"],"sourcesContent":["import { wagmiConfig } from \"@/lib/web3/wagmi/config\";\nimport { watchAccount } from \"@wagmi/core\";\nimport { receiverAddressAtom } from \"./receiverAddressAtom\";\n\nimport { queryClient } from \"@/lib/queryClient\";\n\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport {\n  constructIsContractAtAddressQueryKey,\n  getIsContractAtAddress,\n} from \"@/hooks/getCode/query\";\nimport { jotaiStore } from \"@/core/store\";\nimport { accountAtom } from \"@/lib/web3/wagmi/external\";\nimport { resetOrdersCountAtom } from \"../../AppHeader/state/showMoreAtom\";\nimport { enabledSrcChainsAtom } from \"@/core/state/enabledChainsAtom\";\nimport { limitReceiverAddressAtom } from \"@/core/limit/state/receiverAddressAtom\";\nimport { openDrawerAtom } from \"../../Drawer/state/useDrawerControls\";\nimport { screenAtom } from \"@/core/screen/state/screenAtom\";\n\nexport function subscribeToAccountChanges() {\n  // subscribes to wallet account changes\n  // config.subscribe(() => getAccount(config), onChange)\n  return watchAccount(wagmiConfig, {\n    onChange: async ({ address, chainId }, { address: prevAddress }) => {\n      const enabledSrcChains = jotaiStore.get(enabledSrcChainsAtom);\n\n      // close any open drawer and screen on account change\n      // enforce account specific Widget state\n      if (address !== prevAddress) {\n        jotaiStore.set(openDrawerAtom, null);\n        jotaiStore.set(screenAtom, null);\n      }\n\n      // reset the receiver address if the address is not valid or chainId is not supported\n      if (\n        !address ||\n        chainId === undefined ||\n        !isSupportedChainId(chainId) ||\n        !enabledSrcChains.includes(chainId)\n      ) {\n        jotaiStore.set(receiverAddressAtom, undefined);\n        jotaiStore.set(limitReceiverAddressAtom, undefined);\n        return;\n      }\n\n      // internal account atom to trigger atomEffects\n      jotaiStore.set(accountAtom, address);\n      // reset activities pagination\n      jotaiStore.set(resetOrdersCountAtom);\n\n      if (chainId !== wagmiConfig.state.chainId)\n        // wallet chainId takes precedence\n        wagmiConfig.setState((prev) => ({ ...prev, chainId }));\n\n      const queryKey = constructIsContractAtAddressQueryKey({\n        chainId,\n        address,\n      });\n\n      const { isEOA } = await queryClient.ensureQueryData({\n        queryKey,\n        queryFn: () =>\n          getIsContractAtAddress({\n            address,\n            chainId,\n          }),\n      });\n\n      // save if address is EOA, otherwise reset\n      jotaiStore.set(receiverAddressAtom, isEOA ? address : undefined);\n      jotaiStore.set(limitReceiverAddressAtom, isEOA ? address : undefined);\n    },\n  });\n}\n"],"names":["subscribeToAccountChanges","watchAccount","wagmiConfig","onChange","address","chainId","prevAddress","enabledSrcChains","jotaiStore","get","enabledSrcChainsAtom","set","openDrawerAtom","screenAtom","undefined","isSupportedChainId","includes","receiverAddressAtom","limitReceiverAddressAtom","accountAtom","resetOrdersCountAtom","state","setState","prev","queryKey","constructIsContractAtAddressQueryKey","isEOA","queryClient","ensureQueryData","queryFn","getIsContractAtAddress"],"mappings":";;;;;;;;;;;;;;AAmBO,SAASA,yBAAAA,GAA4B;AAG1C,EAAA,OAAOC,aAAaC,WAAAA,EAAa;AAAA,IAC/BC,UAAU,OAAO;AAAA,MAAEC,OAAAA;AAAAA,MAASC;AAAAA,KAAQ,EAAG;AAAA,MAAED,OAAAA,EAASE;AAAAA,KAAY,KAAM;AAClE,MAAA,MAAMC,gBAAAA,GAAmBC,UAAAA,CAAWC,GAAAA,CAAIC,oBAAoB,CAAA;AAI5D,MAAA,IAAIN,YAAYE,WAAAA,EAAa;AAC3BE,QAAAA,UAAAA,CAAWG,GAAAA,CAAIC,gBAAgB,IAAI,CAAA;AACnCJ,QAAAA,UAAAA,CAAWG,GAAAA,CAAIE,YAAY,IAAI,CAAA;AAAA,MACjC;AAGA,MAAA,IACE,CAACT,OAAAA,IACDC,OAAAA,KAAYS,MAAAA,IACZ,CAACC,kBAAAA,CAAmBV,OAAO,CAAA,IAC3B,CAACE,gBAAAA,CAAiBS,QAAAA,CAASX,OAAO,CAAA,EAClC;AACAG,QAAAA,UAAAA,CAAWG,GAAAA,CAAIM,qBAAqBH,MAAS,CAAA;AAC7CN,QAAAA,UAAAA,CAAWG,GAAAA,CAAIO,0BAA0BJ,MAAS,CAAA;AAClD,QAAA;AAAA,MACF;AAGAN,MAAAA,UAAAA,CAAWG,GAAAA,CAAIQ,aAAaf,OAAO,CAAA;AAEnCI,MAAAA,UAAAA,CAAWG,IAAIS,oBAAoB,CAAA;AAEnC,MAAA,IAAIf,OAAAA,KAAYH,YAAYmB,KAAAA,CAAMhB,OAAAA;AAEhCH,QAAAA,WAAAA,CAAYoB,SAAUC,CAAAA,IAAAA,MAAU;AAAA,UAAE,GAAGA,IAAAA;AAAAA,UAAMlB;AAAAA,SAAQ,CAAE,CAAA;AAEvD,MAAA,MAAMmB,WAAWC,oCAAAA,CAAqC;AAAA,QACpDpB,OAAAA;AAAAA,QACAD;AAAAA,OACD,CAAA;AAED,MAAA,MAAM;AAAA,QAAEsB;AAAAA,OAAM,GAAI,MAAMC,WAAAA,CAAYC,eAAAA,CAAgB;AAAA,QAClDJ,QAAAA;AAAAA,QACAK,OAAAA,EAASA,MACPC,sBAAAA,CAAuB;AAAA,UACrB1B,OAAAA;AAAAA,UACAC;AAAAA,SACD;AAAA,OACJ,CAAA;AAGDG,MAAAA,UAAAA,CAAWG,GAAAA,CAAIM,mBAAAA,EAAqBS,KAAAA,GAAQtB,OAAAA,GAAUU,MAAS,CAAA;AAC/DN,MAAAA,UAAAA,CAAWG,GAAAA,CAAIO,wBAAAA,EAA0BQ,KAAAA,GAAQtB,OAAAA,GAAUU,MAAS,CAAA;AAAA,IACtE;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/components/widget/Screen/GenericScreen.d.ts

@@ -1,13 +1,17 @@
 import { WithClasses } from '../../../types/withClasses';
 import { PropsWithChildren } from 'react';
-type GenericScreenProps = PropsWithChildren<{
+export type GenericScreenProps = PropsWithChildren<{
     title?: string;
     showBackButton?: boolean;
     showCloseButton?: boolean;
     closeButtonReplacement?: React.ReactNode;
     onGoBack?: () => void;
     onClose?: () => void;
+    headerClasses?: HeaderClasses["classes"];
 } & WithClasses<"root">>;
-export declare const GenericScreen: ({ children, classes, showBackButton, showCloseButton, closeButtonReplacement, onGoBack, onClose, title, }: GenericScreenProps) => import("react/jsx-runtime").JSX.Element;
+type HeaderClasses = WithClasses<"root" | "title">;
+export type GenericScreenHeaderProps = Pick<GenericScreenProps, "title" | "showBackButton" | "showCloseButton" | "closeButtonReplacement" | "onGoBack" | "onClose"> & HeaderClasses;
+export declare const GenericScreen: ({ children, classes, headerClasses, ...headerProps }: GenericScreenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericScreenHeader: ({ title, showBackButton, showCloseButton, closeButtonReplacement, onGoBack, onClose, classes, }: GenericScreenHeaderProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=GenericScreen.d.ts.map

package/dist/components/widget/Screen/GenericScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,kBAAkB,GAAG,iBAAiB,CACzC;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,WAAW,CAAC,MAAM,CAAC,CACxB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,4CAwCpB,CAAC"}
+{"version":3,"file":"GenericScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAChD;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAC1C,GAAG,WAAW,CAAC,MAAM,CAAC,CACxB,CAAC;AAEF,KAAK,aAAa,GAAG,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;AAEnD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kBAAkB,EAChB,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,wBAAwB,GACxB,UAAU,GACV,SAAS,CACZ,GACC,aAAa,CAAC;AAEhB,eAAO,MAAM,aAAa,GAAI,sDAK3B,kBAAkB,4CAYpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iGAQjC,wBAAwB,mDA+B1B,CAAC"}

package/dist/components/widget/Screen/GenericScreen.js

@@ -1,67 +1,146 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { cn } from '../../../lib/utils/index.js';
 import { ArrowLeft, XIcon } from 'lucide-react';
 
 const GenericScreen = (t0) => {
   const $ = distExports.c(14);
+  let children;
+  let classes;
+  let headerClasses;
+  let headerProps;
+  if ($[0] !== t0) {
+    ({
+      children,
+      classes,
+      headerClasses,
+      ...headerProps
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = classes;
+    $[3] = headerClasses;
+    $[4] = headerProps;
+  } else {
+    children = $[1];
+    classes = $[2];
+    headerClasses = $[3];
+    headerProps = $[4];
+  }
+  const t1 = classes?.root;
+  let t2;
+  if ($[5] !== t1) {
+    t2 = cn("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", t1);
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== headerClasses || $[8] !== headerProps) {
+    t3 = /* @__PURE__ */ jsx(GenericScreenHeader, { ...headerProps, classes: headerClasses });
+    $[7] = headerClasses;
+    $[8] = headerProps;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== children || $[11] !== t2 || $[12] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t3,
+      children
+    ] });
+    $[10] = children;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+};
+const GenericScreenHeader = (t0) => {
+  const $ = distExports.c(19);
   const {
-    children,
-    classes,
+    title,
     showBackButton,
     showCloseButton,
     closeButtonReplacement,
     onGoBack,
     onClose,
-    title
+    classes
   } = t0;
   const _showBackButton = showBackButton && onGoBack;
   const _showCloseButton = showCloseButton && onClose;
-  const shouldShowHeader = !!(_showBackButton || title || showCloseButton || closeButtonReplacement);
+  if (!(_showBackButton || _showCloseButton || title || closeButtonReplacement)) {
+    return null;
+  }
   const t1 = classes?.root;
   let t2;
   if ($[0] !== t1) {
-    t2 = cn("bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full", t1);
+    t2 = cn("pb-4 pt-6 px-6 flex items-center justify-between", t1);
     $[0] = t1;
     $[1] = t2;
   } else {
     t2 = $[1];
   }
   let t3;
-  if ($[2] !== _showBackButton || $[3] !== _showCloseButton || $[4] !== closeButtonReplacement || $[5] !== onClose || $[6] !== onGoBack || $[7] !== shouldShowHeader || $[8] !== title) {
-    t3 = shouldShowHeader && /* @__PURE__ */ jsxs("div", { className: "pb-4 pt-6 px-6 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
-        _showBackButton && /* @__PURE__ */ jsx("button", { onClick: onGoBack, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0" }) }),
-        title
-      ] }),
-      closeButtonReplacement ?? (_showCloseButton && /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx("div", { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(XIcon, {}) }) }))
-    ] });
+  if ($[2] !== _showBackButton || $[3] !== onGoBack) {
+    t3 = _showBackButton && /* @__PURE__ */ jsx("button", { onClick: onGoBack, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0" }) });
     $[2] = _showBackButton;
-    $[3] = _showCloseButton;
-    $[4] = closeButtonReplacement;
-    $[5] = onClose;
-    $[6] = onGoBack;
-    $[7] = shouldShowHeader;
-    $[8] = title;
-    $[9] = t3;
+    $[3] = onGoBack;
+    $[4] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[4];
   }
-  let t4;
-  if ($[10] !== children || $[11] !== t2 || $[12] !== t3) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+  const t4 = classes?.title;
+  let t5;
+  if ($[5] !== t4 || $[6] !== title) {
+    t5 = /* @__PURE__ */ jsx("span", { className: t4, children: title });
+    $[5] = t4;
+    $[6] = title;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t3 || $[9] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7", children: [
       t3,
-      children
+      t5
     ] });
-    $[10] = children;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
+    $[8] = t3;
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    t4 = $[13];
+    t6 = $[10];
   }
-  return t4;
+  let t7;
+  if ($[11] !== _showCloseButton || $[12] !== closeButtonReplacement || $[13] !== onClose) {
+    t7 = closeButtonReplacement ?? (_showCloseButton && /* @__PURE__ */ jsx("button", { onClick: onClose, children: /* @__PURE__ */ jsx("div", { className: "ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: /* @__PURE__ */ jsx(XIcon, {}) }) }));
+    $[11] = _showCloseButton;
+    $[12] = closeButtonReplacement;
+    $[13] = onClose;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t2 || $[16] !== t6 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
+      t6,
+      t7
+    ] });
+    $[15] = t2;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  return t8;
 };
 
-export { GenericScreen };
+export { GenericScreen, GenericScreenHeader };
 //# sourceMappingURL=GenericScreen.js.map

package/dist/components/widget/Screen/GenericScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\ntype GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n  } & WithClasses<\"root\">\n>;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  title,\n}: GenericScreenProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  const shouldShowHeader = !!(\n    _showBackButton ||\n    title ||\n    showCloseButton ||\n    closeButtonReplacement\n  );\n\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      {shouldShowHeader && (\n        <div className=\"pb-4 pt-6 px-6 flex items-center justify-between\">\n          <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n            {_showBackButton && (\n              <button onClick={onGoBack}>\n                <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n              </button>\n            )}\n            {title}\n          </div>\n          {closeButtonReplacement ??\n            (_showCloseButton && (\n              <button onClick={onClose}>\n                <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n                  <XIcon />\n                </div>\n              </button>\n            ))}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","title","_showBackButton","_showCloseButton","shouldShowHeader","t1","root","t2","cn","t3","t4"],"mappings":"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"}
+{"version":3,"file":"GenericScreen.js","sources":["../../../../src/components/widget/Screen/GenericScreen.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport { ArrowLeft, XIcon } from \"lucide-react\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type GenericScreenProps = PropsWithChildren<\n  {\n    title?: string;\n    showBackButton?: boolean;\n    showCloseButton?: boolean;\n    closeButtonReplacement?: React.ReactNode;\n    onGoBack?: () => void;\n    onClose?: () => void;\n    headerClasses?: HeaderClasses[\"classes\"];\n  } & WithClasses<\"root\">\n>;\n\ntype HeaderClasses = WithClasses<\"root\" | \"title\">;\n\nexport type GenericScreenHeaderProps = Pick<\n  GenericScreenProps,\n  | \"title\"\n  | \"showBackButton\"\n  | \"showCloseButton\"\n  | \"closeButtonReplacement\"\n  | \"onGoBack\"\n  | \"onClose\"\n> &\n  HeaderClasses;\n\nexport const GenericScreen = ({\n  children,\n  classes,\n  headerClasses,\n  ...headerProps\n}: GenericScreenProps) => {\n  return (\n    <div\n      className={cn(\n        \"bg-contrast-8 dark:bg-contrast-2 border border-contrast-7 dark:border-contrast-4 rounded-xxl min-w-[375px] w-full\",\n        classes?.root\n      )}\n    >\n      <GenericScreenHeader {...headerProps} classes={headerClasses} />\n      {children}\n    </div>\n  );\n};\n\nexport const GenericScreenHeader = ({\n  title,\n  showBackButton,\n  showCloseButton,\n  closeButtonReplacement,\n  onGoBack,\n  onClose,\n  classes,\n}: GenericScreenHeaderProps) => {\n  const _showBackButton = showBackButton && onGoBack;\n  const _showCloseButton = showCloseButton && onClose;\n  if (!(_showBackButton || _showCloseButton || title || closeButtonReplacement))\n    return null;\n\n  return (\n    <div\n      className={cn(\n        \"pb-4 pt-6 px-6 flex items-center justify-between\",\n        classes?.root\n      )}\n    >\n      <div className=\"flex items-center gap-5 font-medium text-lg text-contrast-4 dark:text-contrast-7\">\n        {_showBackButton && (\n          <button onClick={onGoBack}>\n            <ArrowLeft className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0\" />\n          </button>\n        )}\n        <span className={classes?.title}>{title}</span>\n      </div>\n      {closeButtonReplacement ??\n        (_showCloseButton && (\n          <button onClick={onClose}>\n            <div className=\"ring-offset-background cursor-pointer focus:ring-ring dark:text-contrast-5 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n              <XIcon />\n            </div>\n          </button>\n        ))}\n    </div>\n  );\n};\n"],"names":["GenericScreen","t0","$","_c","children","classes","headerClasses","headerProps","t1","root","t2","cn","t3","t4","GenericScreenHeader","title","showBackButton","showCloseButton","closeButtonReplacement","onGoBack","onClose","_showBackButton","_showCloseButton","t5","t6","t7","t8"],"mappings":"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"}

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts

@@ -9,7 +9,7 @@ type EmptySelectTokenButtonProps = Omit<ComponentProps<typeof Button>, "onClick"
     onTokenSelect?: (token: Token) => void;
     selectableChains?: SupportedChainId[];
 };
-export declare const EmptySelectTokenButton: ({ tokenType, drawerContainer, onTokenSelect, selectableChains, ...props }: EmptySelectTokenButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptySelectTokenButton: ({ tokenType, drawerContainer, onTokenSelect, selectableChains, className, ...props }: EmptySelectTokenButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectTokenButton: React.FC<SelectTokenButtonProps>;
 export {};
 //# sourceMappingURL=SelectTokenButton.d.ts.map

package/dist/components/widget/SelectToken/SelectTokenButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,2EAMpC,2BAA2B,4CAsB7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkD9D,CAAC"}
+{"version":3,"file":"SelectTokenButton.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/SelectToken/SelectTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sFAOpC,2BAA2B,4CAsB7B,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwD9D,CAAC"}

package/dist/components/widget/SelectToken/SelectTokenButton.js

@@ -5,9 +5,11 @@ import { Button } from '../../ui/button.js';
 import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { ChevronIcon } from '../Icon/ChevronIcon.js';
 import { useSetScreen } from '../../../core/screen/state/hooks/useSetScreen.js';
+import { cn } from '../../../lib/utils/index.js';
 
 const EmptySelectTokenButton = (t0) => {
-  const $ = distExports.c(16);
+  const $ = distExports.c(20);
+  let className;
   let drawerContainer;
   let onTokenSelect;
   let props;
@@ -19,28 +21,39 @@ const EmptySelectTokenButton = (t0) => {
       drawerContainer,
       onTokenSelect,
       selectableChains,
+      className,
       ...props
     } = t0);
     $[0] = t0;
-    $[1] = drawerContainer;
-    $[2] = onTokenSelect;
-    $[3] = props;
-    $[4] = selectableChains;
-    $[5] = tokenType;
+    $[1] = className;
+    $[2] = drawerContainer;
+    $[3] = onTokenSelect;
+    $[4] = props;
+    $[5] = selectableChains;
+    $[6] = tokenType;
   } else {
-    drawerContainer = $[1];
-    onTokenSelect = $[2];
-    props = $[3];
-    selectableChains = $[4];
-    tokenType = $[5];
+    className = $[1];
+    drawerContainer = $[2];
+    onTokenSelect = $[3];
+    props = $[4];
+    selectableChains = $[5];
+    tokenType = $[6];
   }
   const {
     showSelectTokenScreen,
     closeScreen
   } = useSetScreen();
   let t1;
-  if ($[6] !== closeScreen || $[7] !== drawerContainer || $[8] !== onTokenSelect || $[9] !== selectableChains || $[10] !== showSelectTokenScreen || $[11] !== tokenType) {
-    t1 = () => {
+  if ($[7] !== className) {
+    t1 = cn("h-[32px]", className);
+    $[7] = className;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== closeScreen || $[10] !== drawerContainer || $[11] !== onTokenSelect || $[12] !== selectableChains || $[13] !== showSelectTokenScreen || $[14] !== tokenType) {
+    t2 = () => {
       if (tokenType) {
         showSelectTokenScreen({
           tokenType,
@@ -51,26 +64,27 @@ const EmptySelectTokenButton = (t0) => {
         });
       }
     };
-    $[6] = closeScreen;
-    $[7] = drawerContainer;
-    $[8] = onTokenSelect;
-    $[9] = selectableChains;
-    $[10] = showSelectTokenScreen;
-    $[11] = tokenType;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
-  let t2;
-  if ($[13] !== props || $[14] !== t1) {
-    t2 = /* @__PURE__ */ jsx(Button, { variant: "select", className: "h-[32px]", ...props, onClick: t1, children: "Select Token" });
-    $[13] = props;
-    $[14] = t1;
+    $[9] = closeScreen;
+    $[10] = drawerContainer;
+    $[11] = onTokenSelect;
+    $[12] = selectableChains;
+    $[13] = showSelectTokenScreen;
+    $[14] = tokenType;
     $[15] = t2;
   } else {
     t2 = $[15];
   }
-  return t2;
+  let t3;
+  if ($[16] !== props || $[17] !== t1 || $[18] !== t2) {
+    t3 = /* @__PURE__ */ jsx(Button, { variant: "select", className: t1, ...props, onClick: t2, children: "Select Token" });
+    $[16] = props;
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  return t3;
 };
 const tokenBadgeClasses = {
   root: "font-inter",
@@ -78,14 +92,15 @@ const tokenBadgeClasses = {
   logo: "size-[24px]"
 };
 const SelectTokenButton = (t0) => {
-  const $ = distExports.c(22);
+  const $ = distExports.c(27);
   const {
     token,
     tokenType,
     tokenBadgePropsOverride,
     drawerContainer,
     onSelect,
-    selectableChains
+    selectableChains,
+    buttonProps
   } = t0;
   const {
     showSelectTokenScreen,
@@ -93,15 +108,16 @@ const SelectTokenButton = (t0) => {
   } = useSetScreen();
   if (!token) {
     let t12;
-    if ($[0] !== drawerContainer || $[1] !== onSelect || $[2] !== selectableChains || $[3] !== tokenType) {
-      t12 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains });
-      $[0] = drawerContainer;
-      $[1] = onSelect;
-      $[2] = selectableChains;
-      $[3] = tokenType;
-      $[4] = t12;
+    if ($[0] !== buttonProps || $[1] !== drawerContainer || $[2] !== onSelect || $[3] !== selectableChains || $[4] !== tokenType) {
+      t12 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect: onSelect, selectableChains, ...buttonProps });
+      $[0] = buttonProps;
+      $[1] = drawerContainer;
+      $[2] = onSelect;
+      $[3] = selectableChains;
+      $[4] = tokenType;
+      $[5] = t12;
     } else {
-      t12 = $[4];
+      t12 = $[5];
     }
     return t12;
   }
@@ -112,7 +128,7 @@ const SelectTokenButton = (t0) => {
     symbol
   } = token;
   let t1;
-  if ($[5] !== closeScreen || $[6] !== drawerContainer || $[7] !== onSelect || $[8] !== selectableChains || $[9] !== showSelectTokenScreen || $[10] !== tokenType) {
+  if ($[6] !== closeScreen || $[7] !== drawerContainer || $[8] !== onSelect || $[9] !== selectableChains || $[10] !== showSelectTokenScreen || $[11] !== tokenType) {
     t1 = () => {
       if (tokenType) {
         showSelectTokenScreen({
@@ -124,48 +140,59 @@ const SelectTokenButton = (t0) => {
         });
       }
     };
-    $[5] = closeScreen;
-    $[6] = drawerContainer;
-    $[7] = onSelect;
-    $[8] = selectableChains;
-    $[9] = showSelectTokenScreen;
-    $[10] = tokenType;
-    $[11] = t1;
-  } else {
-    t1 = $[11];
-  }
-  let t2;
-  if ($[12] !== address || $[13] !== img || $[14] !== network || $[15] !== symbol || $[16] !== tokenBadgePropsOverride) {
-    t2 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
-    $[12] = address;
-    $[13] = img;
-    $[14] = network;
-    $[15] = symbol;
-    $[16] = tokenBadgePropsOverride;
-    $[17] = t2;
+    $[6] = closeScreen;
+    $[7] = drawerContainer;
+    $[8] = onSelect;
+    $[9] = selectableChains;
+    $[10] = showSelectTokenScreen;
+    $[11] = tokenType;
+    $[12] = t1;
   } else {
-    t2 = $[17];
+    t1 = $[12];
   }
+  const t2 = buttonProps?.className;
   let t3;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
-    $[18] = t3;
+  if ($[13] !== t2) {
+    t3 = cn("h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", t2);
+    $[13] = t2;
+    $[14] = t3;
   } else {
-    t3 = $[18];
+    t3 = $[14];
   }
   let t4;
-  if ($[19] !== t1 || $[20] !== t2) {
-    t4 = /* @__PURE__ */ jsxs(Button, { onClick: t1, className: "h-[32px] py-1 px-2 bg-contrast-9 hover:bg-contrast-9 dark:bg-contrast-4 hover:outline-solid hover:outline-1 hover:outline-contrast-6 dark:hover:outline-contrast-5 transition-none", children: [
-      t2,
-      t3
+  if ($[15] !== address || $[16] !== img || $[17] !== network || $[18] !== symbol || $[19] !== tokenBadgePropsOverride) {
+    t4 = /* @__PURE__ */ jsx(TokenBadge, { address, chainId: network, img, symbol, showNetworkIcon: true, classes: tokenBadgeClasses, ...tokenBadgePropsOverride });
+    $[15] = address;
+    $[16] = img;
+    $[17] = network;
+    $[18] = symbol;
+    $[19] = tokenBadgePropsOverride;
+    $[20] = t4;
+  } else {
+    t4 = $[20];
+  }
+  let t5;
+  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx(ChevronIcon, { className: "size-[10px]" });
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  let t6;
+  if ($[22] !== buttonProps || $[23] !== t1 || $[24] !== t3 || $[25] !== t4) {
+    t6 = /* @__PURE__ */ jsxs(Button, { onClick: t1, ...buttonProps, className: t3, children: [
+      t4,
+      t5
     ] });
-    $[19] = t1;
-    $[20] = t2;
-    $[21] = t4;
+    $[22] = buttonProps;
+    $[23] = t1;
+    $[24] = t3;
+    $[25] = t4;
+    $[26] = t6;
   } else {
-    t4 = $[21];
+    t6 = $[26];
   }
-  return t4;
+  return t6;
 };
 
 export { EmptySelectTokenButton, SelectTokenButton };