@openzeppelin/ui-builder-adapter-evm 1.0.0 → 1.3.0

package/dist/index.js

@@ -15,7 +15,7 @@ var rainbowkitAssetManager_exports = {};
 __export(rainbowkitAssetManager_exports, {
   ensureRainbowKitAssetsLoaded: () => ensureRainbowKitAssetsLoaded
 });
-import { logger as logger13 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger13 } from "@openzeppelin/ui-utils";
 async function ensureRainbowKitAssetsLoaded() {
   if (loadedAssets) {
     logger13.debug("RainbowKitAssetManager", "Assets already loaded, returning cached.");
@@ -68,10 +68,10 @@ var init_rainbowkitAssetManager = __esm({
 });
 
 // src/adapter.ts
-import { logger as logger34 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger34 } from "@openzeppelin/ui-utils";
 
 // src/abi/comparison.ts
-import { logger, simpleHash } from "@openzeppelin/ui-builder-utils";
+import { logger, simpleHash } from "@openzeppelin/ui-utils";
 
 // src/abi/types.ts
 function isValidAbiArray(value) {
@@ -394,7 +394,7 @@ var AbiComparisonService = class {
 var abiComparisonService = new AbiComparisonService();
 
 // src/configuration/network-services.ts
-import { appConfigService as appConfigService3, userNetworkServiceConfigService as userNetworkServiceConfigService3 } from "@openzeppelin/ui-builder-utils";
+import { appConfigService as appConfigService3, userNetworkServiceConfigService as userNetworkServiceConfigService3 } from "@openzeppelin/ui-utils";
 
 // src/types/providers.ts
 var EvmProviderKeys = {
@@ -410,17 +410,13 @@ function isEvmProviderKey(value) {
 }
 
 // src/configuration/explorer.ts
-import {
-  appConfigService,
-  logger as logger4,
-  userNetworkServiceConfigService
-} from "@openzeppelin/ui-builder-utils";
+import { appConfigService, logger as logger4, userNetworkServiceConfigService } from "@openzeppelin/ui-utils";
 
 // src/abi/etherscan-v2.ts
-import { logger as logger3 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger3 } from "@openzeppelin/ui-utils";
 
 // src/abi/transformer.ts
-import { logger as logger2 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger2 } from "@openzeppelin/ui-utils";
 
 // src/types/artifacts.ts
 function isEvmContractArtifacts(obj) {
@@ -896,7 +892,7 @@ import {
   isValidUrl,
   logger as logger5,
   userNetworkServiceConfigService as userNetworkServiceConfigService2
-} from "@openzeppelin/ui-builder-utils";
+} from "@openzeppelin/ui-utils";
 function buildRpcUrl(config) {
   return config.url;
 }
@@ -1283,17 +1279,17 @@ import { createConfig as createConfig2, http as http3 } from "@wagmi/core";
 import { mainnet } from "viem/chains";
 import { WagmiProvider } from "wagmi";
 import { useEffect as useEffect5, useMemo, useState as useState5 } from "react";
-import { logger as logger15 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger15 } from "@openzeppelin/ui-utils";
 
 // src/wallet/context/wagmi-context.tsx
 import { createContext } from "react";
 var WagmiProviderInitializedContext = createContext(false);
 
 // src/wallet/evmUiKitManager.ts
-import { logger as logger14 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger14 } from "@openzeppelin/ui-utils";
 
 // src/wallet/utils/walletImplementationManager.ts
-import { appConfigService as appConfigService6, logger as logger12 } from "@openzeppelin/ui-builder-utils";
+import { appConfigService as appConfigService6, logger as logger12 } from "@openzeppelin/ui-utils";
 
 // src/wallet/implementation/wagmi-implementation.ts
 import { injected, metaMask, safe, walletConnect } from "@wagmi/connectors";
@@ -1308,7 +1304,7 @@ import {
   watchAccount
 } from "@wagmi/core";
 import { http as http2 } from "viem";
-import { appConfigService as appConfigService5, logger as logger11 } from "@openzeppelin/ui-builder-utils";
+import { appConfigService as appConfigService5, logger as logger11 } from "@openzeppelin/ui-utils";
 
 // src/networks/mainnet.ts
 import {
@@ -1910,22 +1906,19 @@ var evmNetworks = [...evmMainnetNetworks, ...evmTestnetNetworks];
 // src/wallet/rainbowkit/components.tsx
 import { Loader2 as Loader23 } from "lucide-react";
 import { useContext as useContext2, useEffect as useEffect4, useRef, useState as useState4 } from "react";
-import { Button as Button4 } from "@openzeppelin/ui-builder-ui";
-import { cn as cn4, logger as logger8 } from "@openzeppelin/ui-builder-utils";
+import { Button as Button4 } from "@openzeppelin/ui-components";
+import { cn as cn4, getWalletButtonSizeProps as getWalletButtonSizeProps2, logger as logger8 } from "@openzeppelin/ui-utils";
 
 // src/wallet/components/connect/ConnectButton.tsx
 import { Loader2, Wallet } from "lucide-react";
 import { useEffect as useEffect3, useState as useState3 } from "react";
-import {
-  useDerivedAccountStatus as useDerivedAccountStatus2,
-  useDerivedConnectStatus as useDerivedConnectStatus2
-} from "@openzeppelin/ui-builder-react-core";
-import { Button as Button2 } from "@openzeppelin/ui-builder-ui";
-import { cn } from "@openzeppelin/ui-builder-utils";
+import { Button as Button2 } from "@openzeppelin/ui-components";
+import { useDerivedAccountStatus as useDerivedAccountStatus2, useDerivedConnectStatus as useDerivedConnectStatus2 } from "@openzeppelin/ui-react";
+import { cn, getWalletButtonSizeProps } from "@openzeppelin/ui-utils";
 
 // src/wallet/utils/SafeWagmiComponent.tsx
 import { useEffect, useState } from "react";
-import { logger as logger6 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger6 } from "@openzeppelin/ui-utils";
 
 // src/wallet/hooks/useIsWagmiProviderInitialized.ts
 import { useContext } from "react";
@@ -1980,10 +1973,6 @@ var SafeWagmiComponent = ({
 
 // src/wallet/components/connect/ConnectorDialog.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
-import {
-  useDerivedAccountStatus,
-  useDerivedConnectStatus
-} from "@openzeppelin/ui-builder-react-core";
 import {
   Button,
   Dialog,
@@ -1991,10 +1980,11 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "@openzeppelin/ui-builder-ui";
+} from "@openzeppelin/ui-components";
+import { useDerivedAccountStatus, useDerivedConnectStatus } from "@openzeppelin/ui-react";
 
 // src/wallet/hooks/useUiKitConfig.ts
-import { appConfigService as appConfigService4, logger as logger7 } from "@openzeppelin/ui-builder-utils";
+import { appConfigService as appConfigService4, logger as logger7 } from "@openzeppelin/ui-utils";
 var defaultConfig = {
   kitName: "custom",
   // Default to using our custom implementation for EVM
@@ -2101,27 +2091,44 @@ var ConnectorDialogContent = ({ open, onOpenChange }) => {
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var CustomConnectButton = ({
   className,
+  size,
+  variant,
+  fullWidth,
   hideWhenConnected = true
 }) => {
   const [dialogOpen, setDialogOpen] = useState3(false);
-  const unavailableButton = /* @__PURE__ */ jsx3("div", { className: cn("flex items-center", className), children: /* @__PURE__ */ jsxs2(Button2, { disabled: true, variant: "outline", size: "sm", className: "h-8 px-2 text-xs", children: [
-    /* @__PURE__ */ jsx3(Wallet, { className: "size-3.5 mr-1" }),
-    "Wallet Unavailable"
-  ] }) });
+  const sizeProps = getWalletButtonSizeProps(size);
+  const unavailableButton = /* @__PURE__ */ jsx3("div", { className: cn("flex items-center", fullWidth && "w-full", className), children: /* @__PURE__ */ jsxs2(
+    Button2,
+    {
+      disabled: true,
+      variant: variant || "outline",
+      size: sizeProps.size,
+      className: cn(sizeProps.className, fullWidth && "w-full"),
+      children: [
+        /* @__PURE__ */ jsx3(Wallet, { className: cn(sizeProps.iconSize, "mr-1") }),
+        "Wallet Unavailable"
+      ]
+    }
+  ) });
   return /* @__PURE__ */ jsx3(SafeWagmiComponent, { fallback: unavailableButton, children: /* @__PURE__ */ jsx3(
     ConnectButtonContent,
     {
       className,
+      size,
+      variant,
+      fullWidth,
       dialogOpen,
       setDialogOpen,
       hideWhenConnected
     }
   ) });
 };
-var ConnectButtonContent = ({ className, dialogOpen, setDialogOpen, hideWhenConnected }) => {
+var ConnectButtonContent = ({ className, size, variant, fullWidth, dialogOpen, setDialogOpen, hideWhenConnected }) => {
   const { isConnected } = useDerivedAccountStatus2();
   const { isConnecting: isHookConnecting, error: connectError } = useDerivedConnectStatus2();
   const [isManuallyInitiated, setIsManuallyInitiated] = useState3(false);
+  const sizeProps = getWalletButtonSizeProps(size);
   useEffect3(() => {
     if (isConnected && hideWhenConnected) {
       setDialogOpen(false);
@@ -2148,18 +2155,18 @@ var ConnectButtonContent = ({ className, dialogOpen, setDialogOpen, hideWhenConn
     return null;
   }
   const showButtonLoading = isHookConnecting || isManuallyInitiated;
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center", className), children: [
+  return /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center", fullWidth && "w-full", className), children: [
     /* @__PURE__ */ jsxs2(
       Button2,
       {
         onClick: handleConnectClick,
         disabled: showButtonLoading || isConnected,
-        variant: "outline",
-        size: "sm",
-        className: "h-8 px-2 text-xs",
+        variant: variant || "outline",
+        size: sizeProps.size,
+        className: cn(sizeProps.className, fullWidth && "w-full"),
         title: isConnected ? "Connected" : connectError?.message || "Connect Wallet",
         children: [
-          showButtonLoading ? /* @__PURE__ */ jsx3(Loader2, { className: "size-3.5 animate-spin mr-1" }) : /* @__PURE__ */ jsx3(Wallet, { className: "size-3.5 mr-1" }),
+          showButtonLoading ? /* @__PURE__ */ jsx3(Loader2, { className: cn(sizeProps.iconSize, "animate-spin mr-1") }) : /* @__PURE__ */ jsx3(Wallet, { className: cn(sizeProps.iconSize, "mr-1") }),
           showButtonLoading ? "Connecting..." : "Connect Wallet"
         ]
       }
@@ -2181,33 +2188,52 @@ var ConnectButtonContent = ({ className, dialogOpen, setDialogOpen, hideWhenConn
 
 // src/wallet/components/account/AccountDisplay.tsx
 import { LogOut } from "lucide-react";
-import { useDerivedAccountStatus as useDerivedAccountStatus3, useDerivedDisconnect } from "@openzeppelin/ui-builder-react-core";
-import { Button as Button3 } from "@openzeppelin/ui-builder-ui";
-import { cn as cn2, truncateMiddle } from "@openzeppelin/ui-builder-utils";
+import { Button as Button3 } from "@openzeppelin/ui-components";
+import { useDerivedAccountStatus as useDerivedAccountStatus3, useDerivedDisconnect } from "@openzeppelin/ui-react";
+import { cn as cn2, getWalletAccountDisplaySizeProps, truncateMiddle } from "@openzeppelin/ui-utils";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var CustomAccountDisplay = ({ className }) => {
-  return /* @__PURE__ */ jsx4(SafeWagmiComponent, { fallback: null, children: /* @__PURE__ */ jsx4(AccountDisplayContent, { className }) });
+var CustomAccountDisplay = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
+  return /* @__PURE__ */ jsx4(SafeWagmiComponent, { fallback: null, children: /* @__PURE__ */ jsx4(
+    AccountDisplayContent,
+    {
+      className,
+      size,
+      variant,
+      fullWidth
+    }
+  ) });
 };
-var AccountDisplayContent = ({ className }) => {
+var AccountDisplayContent = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
   const { isConnected, address, chainId } = useDerivedAccountStatus3();
   const { disconnect: disconnect2 } = useDerivedDisconnect();
+  const sizeProps = getWalletAccountDisplaySizeProps(size);
   if (!isConnected || !address || !disconnect2) {
     return null;
   }
-  return /* @__PURE__ */ jsxs3("div", { className: cn2("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx4("span", { className: "text-xs font-medium", children: truncateMiddle(address, 4, 4) }),
-      /* @__PURE__ */ jsx4("span", { className: "text-[9px] text-muted-foreground -mt-0.5", children: chainId ? `Chain ID: ${chainId}` : "Chain ID: N/A" })
+  return /* @__PURE__ */ jsxs3("div", { className: cn2("flex items-center gap-2", fullWidth && "w-full", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: cn2("flex flex-col", fullWidth && "flex-1"), children: [
+      /* @__PURE__ */ jsx4("span", { className: cn2(sizeProps.textSize, "font-medium"), children: truncateMiddle(address, 4, 4) }),
+      /* @__PURE__ */ jsx4("span", { className: cn2(sizeProps.subTextSize, "text-muted-foreground -mt-0.5"), children: chainId ? `Chain ID: ${chainId}` : "Chain ID: N/A" })
     ] }),
     /* @__PURE__ */ jsx4(
       Button3,
       {
         onClick: () => disconnect2(),
-        variant: "ghost",
+        variant: variant || "ghost",
         size: "icon",
-        className: "size-6 p-0",
+        className: cn2(sizeProps.iconButtonSize, "p-0"),
         title: "Disconnect wallet",
-        children: /* @__PURE__ */ jsx4(LogOut, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx4(LogOut, { className: sizeProps.iconSize })
       }
     )
   ] });
@@ -2215,27 +2241,51 @@ var AccountDisplayContent = ({ className }) => {
 
 // src/wallet/components/network/NetworkSwitcher.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import {
-  useDerivedAccountStatus as useDerivedAccountStatus4,
-  useDerivedChainInfo,
-  useDerivedSwitchChainStatus
-} from "@openzeppelin/ui-builder-react-core";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "@openzeppelin/ui-builder-ui";
-import { cn as cn3 } from "@openzeppelin/ui-builder-utils";
+} from "@openzeppelin/ui-components";
+import {
+  useDerivedAccountStatus as useDerivedAccountStatus4,
+  useDerivedChainInfo,
+  useDerivedSwitchChainStatus
+} from "@openzeppelin/ui-react";
+import {
+  cn as cn3,
+  getWalletNetworkSwitcherSizeProps,
+  getWalletNetworkSwitcherVariantClassName
+} from "@openzeppelin/ui-utils";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var CustomNetworkSwitcher = ({ className }) => {
-  return /* @__PURE__ */ jsx5(SafeWagmiComponent, { fallback: null, children: /* @__PURE__ */ jsx5(NetworkSwitcherContent, { className }) });
+var CustomNetworkSwitcher = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
+  return /* @__PURE__ */ jsx5(SafeWagmiComponent, { fallback: null, children: /* @__PURE__ */ jsx5(
+    NetworkSwitcherContent,
+    {
+      className,
+      size,
+      variant,
+      fullWidth
+    }
+  ) });
 };
-var NetworkSwitcherContent = ({ className }) => {
+var NetworkSwitcherContent = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
   const { isConnected } = useDerivedAccountStatus4();
   const { currentChainId, availableChains: unknownChains } = useDerivedChainInfo();
   const { switchChain: switchChain2, isSwitching: isPending, error } = useDerivedSwitchChainStatus();
+  const sizeProps = getWalletNetworkSwitcherSizeProps(size);
+  const variantClassName = getWalletNetworkSwitcherVariantClassName(variant);
   const typedAvailableChains = unknownChains;
   if (!isConnected || !switchChain2 || typedAvailableChains.length === 0) {
     return null;
@@ -2247,7 +2297,7 @@ var NetworkSwitcherContent = ({ className }) => {
   };
   const currentChain = typedAvailableChains.find((chain) => chain.id === currentChainId);
   const currentChainName = currentChain?.name || "Network";
-  return /* @__PURE__ */ jsxs4("div", { className: cn3("flex items-center", className), children: [
+  return /* @__PURE__ */ jsxs4("div", { className: cn3("flex items-center", fullWidth && "w-full", className), children: [
     /* @__PURE__ */ jsxs4(
       Select,
       {
@@ -2255,7 +2305,17 @@ var NetworkSwitcherContent = ({ className }) => {
         onValueChange: (value) => handleNetworkChange(Number(value)),
         disabled: isPending || typedAvailableChains.length === 0,
         children: [
-          /* @__PURE__ */ jsx5(SelectTrigger, { className: "h-8 text-xs px-2 min-w-[90px] max-w-[120px]", children: /* @__PURE__ */ jsx5(SelectValue, { placeholder: "Network", children: currentChainName }) }),
+          /* @__PURE__ */ jsx5(
+            SelectTrigger,
+            {
+              className: cn3(
+                sizeProps.triggerClassName,
+                variantClassName,
+                fullWidth && "w-full max-w-none"
+              ),
+              children: /* @__PURE__ */ jsx5(SelectValue, { placeholder: "Network", children: currentChainName })
+            }
+          ),
           /* @__PURE__ */ jsx5(
             SelectContent,
             {
@@ -2263,13 +2323,21 @@ var NetworkSwitcherContent = ({ className }) => {
               sideOffset: 5,
               align: "start",
               className: "w-auto min-w-[160px] max-h-[300px]",
-              children: typedAvailableChains.map((chain) => /* @__PURE__ */ jsx5(SelectItem, { value: chain.id.toString(), className: "text-xs py-1.5", children: chain.name }, chain.id))
+              children: typedAvailableChains.map((chain) => /* @__PURE__ */ jsx5(
+                SelectItem,
+                {
+                  value: chain.id.toString(),
+                  className: sizeProps.itemClassName,
+                  children: chain.name
+                },
+                chain.id
+              ))
             }
           )
         ]
       }
     ),
-    isPending && /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground ml-2", children: /* @__PURE__ */ jsx5(Loader22, { className: "h-3 w-3 animate-spin" }) }),
+    isPending && /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground ml-2", children: /* @__PURE__ */ jsx5(Loader22, { className: cn3(sizeProps.loaderSize, "animate-spin") }) }),
     error && /* @__PURE__ */ jsx5("span", { className: "text-xs text-red-500 ml-2", children: "!" })
   ] });
 };
@@ -2339,15 +2407,16 @@ var RainbowKitConnectButton = (props) => {
       }
     };
   }, []);
+  const sizeProps = getWalletButtonSizeProps2(props.size);
   const renderLoadingPlaceholder = (message) => /* @__PURE__ */ jsxs5(
     Button4,
     {
       disabled: true,
-      variant: "outline",
-      size: "sm",
-      className: cn4("h-8 px-2 text-xs", props.className),
+      variant: props.variant || "outline",
+      size: sizeProps.size,
+      className: cn4(sizeProps.className, props.fullWidth && "w-full", props.className),
       children: [
-        /* @__PURE__ */ jsx6(Loader23, { className: "h-3.5 w-3.5 animate-spin mr-1.5" }),
+        /* @__PURE__ */ jsx6(Loader23, { className: cn4(sizeProps.iconSize, "animate-spin mr-1.5") }),
         message
       ]
     }
@@ -2386,7 +2455,7 @@ var RainbowKitConnectButton = (props) => {
 };
 
 // src/wallet/rainbowkit/utils.ts
-import { logger as logger9 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger9 } from "@openzeppelin/ui-utils";
 function validateRainbowKitConfig(kitConfig) {
   logger9.debug(
     "validateRainbowKitConfig",
@@ -2437,7 +2506,7 @@ function createRainbowKitComponents() {
 
 // src/wallet/rainbowkit/config-service.ts
 import { http } from "@wagmi/core";
-import { logger as logger10 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger10 } from "@openzeppelin/ui-utils";
 async function createRainbowKitWagmiConfig(userFullNativeConfig, chains, chainIdToNetworkIdMap, getRpcEndpointOverride) {
   try {
     const { getDefaultConfig } = await import("@rainbow-me/rainbowkit");
@@ -2598,7 +2667,7 @@ var WagmiWalletImplementation = class {
    * when user changes RPC settings.
    */
   setupRpcConfigListener() {
-    import("@openzeppelin/ui-builder-utils").then(({ userRpcConfigService }) => {
+    import("@openzeppelin/ui-utils").then(({ userRpcConfigService }) => {
       this.rpcConfigUnsubscribe = userRpcConfigService.subscribe("*", (event) => {
         if (event.type === "rpc-config-changed" || event.type === "rpc-config-cleared") {
           logger11.info(
@@ -3315,17 +3384,17 @@ function generateRainbowKitExportables(uiKitConfig2) {
 }
 
 // src/wallet/services/configResolutionService.ts
-import { logger as logger19 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger19 } from "@openzeppelin/ui-utils";
 
 // src/wallet/utils.ts
-import { logger as logger18 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger18 } from "@openzeppelin/ui-utils";
 
 // src/wallet/utils/uiKitService.ts
-import { logger as logger17 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger17 } from "@openzeppelin/ui-utils";
 
 // src/wallet/utils/filterWalletComponents.ts
-import { ECOSYSTEM_WALLET_COMPONENT_KEYS } from "@openzeppelin/ui-builder-types";
-import { logger as logger16 } from "@openzeppelin/ui-builder-utils";
+import { ECOSYSTEM_WALLET_COMPONENT_KEYS } from "@openzeppelin/ui-types";
+import { logger as logger16 } from "@openzeppelin/ui-utils";
 function filterWalletComponents(allPossibleComponents, exclusions, kitName = "custom") {
   logger16.debug(
     "filterWalletComponents",
@@ -3504,7 +3573,7 @@ async function resolveFullUiKitConfiguration(programmaticOverrides, initialAppSe
 }
 
 // src/abi/etherscan.ts
-import { logger as logger20 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger20 } from "@openzeppelin/ui-utils";
 async function loadAbiFromEtherscan(address, networkConfig) {
   if (shouldUseV2Api(networkConfig)) {
     logger20.info("loadAbiFromEtherscan", "Using V2 API for fetching ABI");
@@ -3606,17 +3675,17 @@ import {
   simpleHash as simpleHash2,
   userNetworkServiceConfigService as userNetworkServiceConfigService4,
   withTimeout
-} from "@openzeppelin/ui-builder-utils";
+} from "@openzeppelin/ui-utils";
 
 // src/proxy/detection.ts
 import { createPublicClient, http as http4, keccak256, parseAbi, toHex } from "viem";
-import { logger as logger23 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger23 } from "@openzeppelin/ui-utils";
 
 // src/configuration/execution.ts
-import { logger as logger22 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger22 } from "@openzeppelin/ui-utils";
 
 // src/validation/eoa.ts
-import { logger as logger21 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger21 } from "@openzeppelin/ui-utils";
 var SYSTEM_LOG_TAG = "EoaValidator";
 async function validateEoaConfig(config, walletStatus) {
   if (!config.allowAny) {
@@ -3969,7 +4038,7 @@ async function getContractBytecode(address, networkConfig) {
 }
 
 // src/abi/sourcify.ts
-import { logger as logger24 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger24 } from "@openzeppelin/ui-utils";
 var SOURCIFY_APP_BASE = "https://repo.sourcify.dev";
 function getSourcifyContractAppUrl(chainId, address) {
   return `${SOURCIFY_APP_BASE}/${chainId}/${address}`;
@@ -4274,6 +4343,23 @@ var EVM_TYPE_TO_FIELD_TYPE = {
   bytes: "textarea",
   bytes32: "text"
 };
+var EVM_DYNAMIC_PATTERNS = [
+  { name: "array", syntax: "T[]", mapsTo: "array", description: "Dynamic array of primitives" },
+  { name: "fixed-array", syntax: "T[N]", mapsTo: "array", description: "Fixed-size array" },
+  {
+    name: "tuple-array",
+    syntax: "tuple[]",
+    mapsTo: "array-object",
+    description: "Array of structs"
+  },
+  { name: "tuple", syntax: "tuple", mapsTo: "object", description: "Struct/tuple type" }
+];
+function getEvmTypeMappingInfo() {
+  return {
+    primitives: { ...EVM_TYPE_TO_FIELD_TYPE },
+    dynamicPatterns: EVM_DYNAMIC_PATTERNS
+  };
+}
 
 // src/mapping/type-mapper.ts
 function mapEvmParamTypeToFieldType(parameterType) {
@@ -4329,7 +4415,7 @@ import { startCase } from "lodash";
 import {
   enhanceNumericValidation,
   getDefaultValueForType
-} from "@openzeppelin/ui-builder-utils";
+} from "@openzeppelin/ui-utils";
 function extractArrayElementType(parameterType) {
   const arrayMatch = parameterType.match(/^(.+)\[\d*\]$/);
   if (arrayMatch) {
@@ -4405,11 +4491,11 @@ function isEvmViewFunction(functionDetails) {
 
 // src/query/handler.ts
 import { createPublicClient as createPublicClient2, http as http5, isAddress as isAddress4 } from "viem";
-import { logger as logger28 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger28 } from "@openzeppelin/ui-utils";
 
 // src/transform/input-parser.ts
 import { getAddress, isAddress as isAddress3 } from "viem";
-import { logger as logger26 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger26 } from "@openzeppelin/ui-utils";
 function parseEvmInput(param, rawValue, isRecursive = false) {
   const { type, name } = param;
   const baseType = type.replace(/\[\d*\]$/, "");
@@ -4540,7 +4626,7 @@ function parseEvmInput(param, rawValue, isRecursive = false) {
 }
 
 // src/transform/output-formatter.ts
-import { logger as logger27 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger27 } from "@openzeppelin/ui-utils";
 function formatEvmFunctionResult(decodedValue, functionDetails) {
   if (!functionDetails.outputs || !Array.isArray(functionDetails.outputs)) {
     logger27.warn(
@@ -4733,7 +4819,7 @@ import {
   Configuration,
   RelayersApi
 } from "@openzeppelin/relayer-sdk";
-import { logger as logger29 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger29 } from "@openzeppelin/ui-utils";
 var RelayerExecutionStrategy = class {
   async execute(transactionData, executionConfig, _walletImplementation, onStatusChange, runtimeApiKey) {
     const relayerConfig = executionConfig;
@@ -4986,7 +5072,7 @@ var RelayerExecutionStrategy = class {
 };
 
 // src/transaction/sender.ts
-import { logger as logger30 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger30 } from "@openzeppelin/ui-utils";
 var SYSTEM_LOG_TAG3 = "adapter-evm-sender";
 async function waitForEvmTransactionConfirmation(txHash, walletImplementation) {
   logger30.info(SYSTEM_LOG_TAG3, `Waiting for tx: ${txHash}`);
@@ -5016,7 +5102,7 @@ async function waitForEvmTransactionConfirmation(txHash, walletImplementation) {
 
 // src/transaction/formatter.ts
 import { isAddress as isAddress5 } from "viem";
-import { logger as logger31 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger31 } from "@openzeppelin/ui-utils";
 function formatEvmTransactionData(contractSchema, functionId, submittedInputs, fields) {
   logger31.info(
     "formatEvmTransactionData",
@@ -5077,7 +5163,7 @@ function formatEvmTransactionData(contractSchema, functionId, submittedInputs, f
 }
 
 // src/transaction/eoa.ts
-import { logger as logger32 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger32 } from "@openzeppelin/ui-utils";
 var SYSTEM_LOG_TAG4 = "EoaExecutionStrategy";
 var EoaExecutionStrategy = class {
   async execute(transactionData, executionConfig, walletImplementation, onStatusChange, _runtimeApiKey) {
@@ -5136,11 +5222,11 @@ var EoaExecutionStrategy = class {
 
 // src/transaction/components/EvmRelayerOptions.tsx
 import React6 from "react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@openzeppelin/ui-builder-ui";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@openzeppelin/ui-components";
 
 // src/transaction/components/AdvancedInfo.tsx
 import { Info } from "lucide-react";
-import { Button as Button5 } from "@openzeppelin/ui-builder-ui";
+import { Button as Button5 } from "@openzeppelin/ui-components";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var AdvancedInfo = ({ showAdvancedInfo, onToggle }) => {
   return /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
@@ -5172,8 +5258,8 @@ import {
   AccordionTrigger,
   BooleanField,
   NumberField
-} from "@openzeppelin/ui-builder-ui";
-import { cn as cn5 } from "@openzeppelin/ui-builder-utils";
+} from "@openzeppelin/ui-components";
+import { cn as cn5 } from "@openzeppelin/ui-utils";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var CustomGasParameters = ({
   control,
@@ -5334,7 +5420,7 @@ var CustomGasParameters = ({
 
 // src/transaction/components/SpeedSelection.tsx
 import { Speed as Speed2 } from "@openzeppelin/relayer-sdk";
-import { RadioGroup, RadioGroupItem } from "@openzeppelin/ui-builder-ui";
+import { RadioGroup, RadioGroupItem } from "@openzeppelin/ui-components";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var speedOptions = [
   {
@@ -5559,7 +5645,7 @@ var EvmRelayerOptions = ({ options, onChange }) => {
 };
 
 // src/wallet/utils/connection.ts
-import { logger as logger33 } from "@openzeppelin/ui-builder-utils";
+import { logger as logger33 } from "@openzeppelin/ui-utils";
 var LOG_SYSTEM3 = "adapter-evm-connection";
 function evmSupportsWalletConnection() {
   return true;
@@ -6166,6 +6252,12 @@ Get your WalletConnect projectId from <a href="https://cloud.walletconnect.com"
   hashContractDefinition(definition) {
     return abiComparisonService.hashAbi(definition);
   }
+  /**
+   * @inheritdoc
+   */
+  getTypeMappingInfo() {
+    return getEvmTypeMappingInfo();
+  }
 };
 
 // src/config.ts