[CI Skip] release/stable 3.0.2

skip-checks: true

.github/workflows/lock.yml

@@ -10,7 +10,7 @@ jobs:
     env:
       YARN_ENABLE_SCRIPTS: false
     steps:
-      - uses: dessant/lock-threads@f1a42f0f44eb83361d617a014663e1a76cf282d2
+      - uses: dessant/lock-threads@c1b35aecc5cdb1a34539d14196df55838bb2f836
         with:
           github-token: ${{ secrets.GH_PAT_BOT }}
           issue-lock-inactive-days: '7'

.github/workflows/stale.yml

@@ -9,11 +9,11 @@ jobs:
     env:
       YARN_ENABLE_SCRIPTS: false
     steps:
-      - uses: actions/stale@98ed4cb500039dbcccf4bd9bedada4d0187f2757
+      - uses: actions/stale@v7
         with:
           repo-token: ${{ secrets.GH_PAT_BOT }}
-          stale-issue-message: 'This issue has been open for 21 days with no activity and is not labelled as an enhancement. It will be closed in 7 days.'
+          stale-issue-message: 'This issue has been open for 365 days with no activity and is not labelled as an enhancement. It will be closed in 7 days.'
           stale-issue-label: 'stale'
           exempt-issue-labels: '-size-l,-size-m,-size-s,-size-xl,-size-xs,[bug]'
-          days-before-stale: 21
+          days-before-stale: 365
           days-before-close: 7

CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+## 3.0.2 Mar 11, 2023
+
+Changes:
+
+- Use consistent `.js` imports in source files (TS moduleResolution)
+- Bump to `@polkadot/util` 11.0.2
+
+
 ## 3.0.1 Mar 5, 2023
 
 Changes:

CONTRIBUTORS

@@ -1,4 +1,4 @@
-     681	Jaco                          	3.0.1 (#725)
+     687	Jaco                          	3.0.2 (#730)
        7	YJ                            	fix #224: decrease frame size to 1024, set multipart bool (#225)
        4	Antoine Estienne              	Refactor logic to better use prefix (#491)
        4	kwingram25                    	fix ff api url issue (#289)

package.json

@@ -11,10 +11,10 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "versions": {
-    "git": "3.0.1",
-    "npm": "3.0.1"
+    "git": "3.0.2",
+    "npm": "3.0.2"
   },
   "workspaces": [
     "packages/*"
@@ -30,13 +30,13 @@
     "test:one": "polkadot-dev-run-test --env browser"
   },
   "devDependencies": {
-    "@polkadot/dev": "^0.69.27",
-    "@polkadot/x-bundle": "^11.0.1",
-    "@types/node": "^18.14.6",
+    "@polkadot/dev": "^0.71.4",
+    "@polkadot/x-bundle": "^11.0.2",
+    "@types/node": "^18.15.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "react-native": "^0.71.3"
+    "react-native": "^0.71.4"
   },
   "resolutions": {
     "typescript": "^4.9.5"

packages/react-identicon/package.json

@@ -17,14 +17,14 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/keyring": "^11.0.1",
-    "@polkadot/ui-settings": "3.0.1",
-    "@polkadot/ui-shared": "3.0.1",
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/keyring": "^11.0.2",
+    "@polkadot/ui-settings": "3.0.2",
+    "@polkadot/ui-shared": "3.0.2",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "color": "^3.2.1",
     "ethereum-blockies-base64": "^1.0.2",
     "jdenticon": "3.2.0",

packages/react-identicon/src/Identicon.tsx

@@ -2,26 +2,26 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { IdentityProps as Props, Props as ComponentProps } from './types';
+import type { IdentityProps as Props, Props as ComponentProps } from './types.js';
 
 import React from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';
-import styledComponents from 'styled-components';
+import styledComponents, { StyledInterface } from 'styled-components';
 
 import { ICON_DEFAULT_HOST, settings } from '@polkadot/ui-settings';
 import { isHex, isU8a, u8aToHex } from '@polkadot/util';
 import { decodeAddress, encodeAddress, ethereumEncode } from '@polkadot/util-crypto';
 
-import { Beachball, Empty, Ethereum, Jdenticon, Polkadot } from './icons';
+import { Beachball, Empty, Ethereum, Jdenticon, Polkadot } from './icons/index.js';
 
 // In styled-components v6, there is a named export which can be used
 // directly, i.e. "import { styled } from ..." with no more magic. Until
 // such time the cjs vs esm import here is problematic, so we hack around
 // the various shapes below
 const styled = (
-  (styledComponents as unknown as { styled: typeof styledComponents }).styled ||
-  (styledComponents as unknown as { default: typeof styledComponents }).default ||
-  styledComponents
+  (styledComponents as unknown as { styled: StyledInterface }).styled ||
+  (styledComponents as unknown as { default: StyledInterface }).default ||
+  styledComponents as unknown as StyledInterface
 );
 
 const Fallback = Beachball;

packages/react-identicon/src/bundle.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export * from './icons';
+export * from './icons/index.js';
 
-export { Identicon } from './Identicon';
-export { packageInfo } from './packageInfo';
+export { Identicon } from './Identicon.js';
+export { packageInfo } from './packageInfo.js';

packages/react-identicon/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/react-identicon/src/icons/Beachball.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useCallback } from 'react';
 

packages/react-identicon/src/icons/Empty.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React from 'react';
 

packages/react-identicon/src/icons/Ethereum.tsx

@@ -1,20 +1,20 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import makeBlockie from 'ethereum-blockies-base64';
 import React, { useMemo } from 'react';
-import styledComponents from 'styled-components';
+import styledComponents, { StyledInterface } from 'styled-components';
 
 // In styled-components v6, there is a named export which can be used
 // directly, i.e. "import { styled } from ..." with no more magic. Until
 // such time the cjs vs esm import here is problematic, so we hack around
 // the various shapes below
 const styled = (
-  (styledComponents as unknown as { styled: typeof styledComponents }).styled ||
-  (styledComponents as unknown as { default: typeof styledComponents }).default ||
-  styledComponents
+  (styledComponents as unknown as { styled: StyledInterface }).styled ||
+  (styledComponents as unknown as { default: StyledInterface }).default ||
+  styledComponents as unknown as StyledInterface
 );
 
 interface ImgProps {

packages/react-identicon/src/icons/Jdenticon.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import * as jdenticon from 'jdenticon';
 import React, { useMemo } from 'react';

packages/react-identicon/src/icons/Polkadot.tsx

@@ -17,7 +17,7 @@
 //   - Overall it is now just a static component, expecting an address as an input value
 
 import type { Circle } from '@polkadot/ui-shared/icons/types';
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useMemo } from 'react';
 

packages/react-identicon/src/icons/index.ts

@@ -1,8 +1,8 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export { Beachball } from './Beachball';
-export { Empty } from './Empty';
-export { Ethereum } from './Ethereum';
-export { Jdenticon } from './Jdenticon';
-export { Polkadot } from './Polkadot';
+export { Beachball } from './Beachball.js';
+export { Empty } from './Empty.js';
+export { Ethereum } from './Ethereum.js';
+export { Jdenticon } from './Jdenticon.js';
+export { Polkadot } from './Polkadot.js';

packages/react-identicon/src/index.ts

@@ -1,10 +1,10 @@
 // Copyright 2017-2023 @polkadot/react-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import './detectPackage';
+import './detectPackage.js';
 
-import { Identicon } from './bundle';
+import { Identicon } from './bundle.js';
 
-export * from './bundle';
+export * from './bundle.js';
 
 export default Identicon;

packages/react-identicon/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-identicon', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/react-identicon', path: 'auto', type: 'auto', version: '3.0.2' };

packages/react-qr/package.json

@@ -17,12 +17,12 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-settings": "3.0.1",
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/ui-settings": "3.0.2",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "qrcode-generator": "^1.4.4",
     "react-qr-reader": "^2.2.1",
     "styled-components": "^5.3.8",

packages/react-qr/src/Display.tsx

@@ -2,22 +2,22 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import styledComponents from 'styled-components';
+import styledComponents, { StyledInterface } from 'styled-components';
 
 import { objectSpread } from '@polkadot/util';
 import { xxhashAsHex } from '@polkadot/util-crypto';
 
-import { qrcode } from './qrcode';
-import { createFrames, createImgSize } from './util';
+import { qrcode } from './qrcode.js';
+import { createFrames, createImgSize } from './util.js';
 
 // In styled-components v6, there is a named export which can be used
 // directly, i.e. "import { styled } from ..." with no more magic. Until
 // such time the cjs vs esm import here is problematic, so we hack around
 // the various shapes below
 const styled = (
-  (styledComponents as unknown as { styled: typeof styledComponents }).styled ||
-  (styledComponents as unknown as { default: typeof styledComponents }).default ||
-  styledComponents
+  (styledComponents as unknown as { styled: StyledInterface }).styled ||
+  (styledComponents as unknown as { default: StyledInterface }).default ||
+  styledComponents as unknown as StyledInterface
 );
 
 interface Props {

packages/react-qr/src/DisplayAddress.tsx

@@ -3,8 +3,8 @@
 
 import React, { useMemo } from 'react';
 
-import { QrDisplay } from './Display';
-import { createAddressPayload } from './util';
+import { QrDisplay } from './Display.js';
+import { createAddressPayload } from './util.js';
 
 interface Props {
   address: string;

packages/react-qr/src/DisplayPayload.tsx

@@ -3,8 +3,8 @@
 
 import React, { useMemo } from 'react';
 
-import { QrDisplay } from './Display';
-import { createSignPayload } from './util';
+import { QrDisplay } from './Display.js';
+import { createSignPayload } from './util.js';
 
 interface Props {
   address: string;

packages/react-qr/src/NetworkSpecs.tsx

@@ -5,8 +5,8 @@ import type { NetworkSpecsStruct } from '@polkadot/ui-settings/types';
 
 import React, { useMemo } from 'react';
 
-import { QrDisplay } from './Display';
-import { encodeString } from './util';
+import { QrDisplay } from './Display.js';
+import { encodeString } from './util.js';
 
 interface Props {
   className?: string;

packages/react-qr/src/Scan.tsx

@@ -3,18 +3,18 @@
 
 import React, { useCallback, useMemo } from 'react';
 import Reader from 'react-qr-reader';
-import styledComponents from 'styled-components';
+import styledComponents, { StyledInterface } from 'styled-components';
 
-import { createImgSize } from './util';
+import { createImgSize } from './util.js';
 
 // In styled-components v6, there is a named export which can be used
 // directly, i.e. "import { styled } from ..." with no more magic. Until
 // such time the cjs vs esm import here is problematic, so we hack around
 // the various shapes below
 const styled = (
-  (styledComponents as unknown as { styled: typeof styledComponents }).styled ||
-  (styledComponents as unknown as { default: typeof styledComponents }).default ||
-  styledComponents
+  (styledComponents as unknown as { styled: StyledInterface }).styled ||
+  (styledComponents as unknown as { default: StyledInterface }).default ||
+  styledComponents as unknown as StyledInterface
 );
 
 interface Props {

packages/react-qr/src/ScanAddress.tsx

@@ -6,8 +6,8 @@ import React, { useCallback } from 'react';
 import { assert } from '@polkadot/util';
 import { decodeAddress } from '@polkadot/util-crypto';
 
-import { ADDRESS_PREFIX, SEED_PREFIX } from './constants';
-import { QrScan } from './Scan';
+import { ADDRESS_PREFIX, SEED_PREFIX } from './constants.js';
+import { QrScan } from './Scan.js';
 
 interface ScanType {
   isAddress: boolean;

packages/react-qr/src/ScanSignature.tsx

@@ -5,7 +5,7 @@ import type { HexString } from '@polkadot/util/types';
 
 import React, { useCallback } from 'react';
 
-import { QrScan } from './Scan';
+import { QrScan } from './Scan.js';
 
 interface ScanType {
   signature: HexString;

packages/react-qr/src/bundle.ts

@@ -1,9 +1,9 @@
 // Copyright 2017-2023 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export { QrDisplayAddress } from './DisplayAddress';
-export { QrDisplayPayload } from './DisplayPayload';
-export { QrScanAddress } from './ScanAddress';
-export { QrScanSignature } from './ScanSignature';
-export { QrNetworkSpecs } from './NetworkSpecs';
-export { packageInfo } from './packageInfo';
+export { QrDisplayAddress } from './DisplayAddress.js';
+export { QrDisplayPayload } from './DisplayPayload.js';
+export { QrScanAddress } from './ScanAddress.js';
+export { QrScanSignature } from './ScanSignature.js';
+export { QrNetworkSpecs } from './NetworkSpecs.js';
+export { packageInfo } from './packageInfo.js';

packages/react-qr/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/react-qr/src/index.ts

@@ -1,6 +1,6 @@
 // Copyright 2017-2023 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import './detectPackage';
+import './detectPackage.js';
 
-export * from './bundle';
+export * from './bundle.js';

packages/react-qr/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-qr', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/react-qr', path: 'auto', type: 'auto', version: '3.0.2' };

packages/react-qr/src/util.spec.ts

@@ -1,13 +1,12 @@
 // Copyright 2017-2023 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import { u8aConcat, u8aToHex, u8aToString } from '@polkadot/util';
 import { randomAsU8a } from '@polkadot/util-crypto';
 
-import { createAddressPayload, createFrames, createSignPayload, decodeString, encodeNumber, encodeString } from './util';
+import { createAddressPayload, createFrames, createSignPayload, decodeString, encodeNumber, encodeString } from './util.js';
 
 describe('util', (): void => {
   describe('Uint8Array <-> string', (): void => {

packages/react-qr/src/util.ts

@@ -4,7 +4,7 @@
 import { isString, u8aConcat, u8aToU8a } from '@polkadot/util';
 import { decodeAddress } from '@polkadot/util-crypto';
 
-import { ADDRESS_PREFIX, CRYPTO_SR25519, FRAME_SIZE, SUBSTRATE_ID } from './constants';
+import { ADDRESS_PREFIX, CRYPTO_SR25519, FRAME_SIZE, SUBSTRATE_ID } from './constants.js';
 
 const MULTIPART = new Uint8Array([0]);
 

packages/reactnative-identicon/package.json

@@ -17,12 +17,12 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-shared": "3.0.1",
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/ui-shared": "3.0.2",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "react-native-svg": "^12.5.1",
     "tslib": "^2.5.0"
   },

packages/reactnative-identicon/src/Identicon.tsx

@@ -2,14 +2,14 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { Props as ComponentProps } from './types';
+import type { Props as ComponentProps } from './types.js';
 
 import React from 'react';
 
 import { isHex, isU8a, u8aToHex } from '@polkadot/util';
 import { decodeAddress, encodeAddress } from '@polkadot/util-crypto';
 
-import { Empty, Polkadot } from './icons';
+import { Empty, Polkadot } from './icons/index.js';
 
 const Fallback = Polkadot;
 

packages/reactnative-identicon/src/bundle.ts

@@ -1,5 +1,5 @@
 // Copyright 2017-2023 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export * from './icons';
-export { packageInfo } from './packageInfo';
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

packages/reactnative-identicon/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/reactnative-identicon/src/icons/Empty.tsx

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React from 'react';
 import { View } from 'react-native';

packages/reactnative-identicon/src/icons/Polkadot.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { Circle as CircleType } from '@polkadot/ui-shared/icons/types';
-import type { Props } from '../types';
+import type { Props } from '../types.js';
 
 import React, { useMemo } from 'react';
 import { View } from 'react-native';

packages/reactnative-identicon/src/icons/index.ts

@@ -1,5 +1,5 @@
 // Copyright 2017-2023 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export { default as Empty } from './Empty';
-export { default as Polkadot } from './Polkadot';
+export { default as Empty } from './Empty.js';
+export { default as Polkadot } from './Polkadot.js';

packages/reactnative-identicon/src/index.ts

@@ -1,10 +1,10 @@
 // Copyright 2017-2023 @polkadot/reactnative-identicon authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import './detectPackage';
+import './detectPackage.js';
 
-import Identicon from './Identicon';
+import Identicon from './Identicon.js';
 
-export * from './bundle';
+export * from './bundle.js';
 
 export default Identicon;

packages/reactnative-identicon/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/reactnative-identicon', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/reactnative-identicon', path: 'auto', type: 'auto', version: '3.0.2' };

packages/ui-keyring/package.json

@@ -16,13 +16,13 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/keyring": "^11.0.1",
-    "@polkadot/ui-settings": "3.0.1",
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/keyring": "^11.0.2",
+    "@polkadot/ui-settings": "3.0.2",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "mkdirp": "^2.1.5",
     "rxjs": "^7.8.0",
     "store": "^2.0.12",

packages/ui-keyring/src/Base.ts

@@ -3,17 +3,17 @@
 
 import type { KeyringInstance, KeyringPair } from '@polkadot/keyring/types';
 import type { Prefix } from '@polkadot/util-crypto/address/types';
-import type { AddressSubject } from './observable/types';
-import type { KeyringOptions, KeyringStore } from './types';
+import type { AddressSubject } from './observable/types.js';
+import type { KeyringOptions, KeyringStore } from './types.js';
 
 import { createTestKeyring } from '@polkadot/keyring';
 import { isBoolean, isNumber, isString } from '@polkadot/util';
 
-import { accounts } from './observable/accounts';
-import { addresses } from './observable/addresses';
-import { contracts } from './observable/contracts';
-import { env } from './observable/env';
-import { BrowserStore } from './stores/Browser'; // direct import (skip index with all)
+import { accounts } from './observable/accounts.js';
+import { addresses } from './observable/addresses.js';
+import { contracts } from './observable/contracts.js';
+import { env } from './observable/env.js';
+import { BrowserStore } from './stores/Browser.js'; // direct import (skip index with all)
 
 export class Base {
   #accounts: AddressSubject;

packages/ui-keyring/src/Keyring.ts

@@ -5,18 +5,18 @@ import type { KeyringPair, KeyringPair$Json, KeyringPair$Meta } from '@polkadot/
 import type { BN } from '@polkadot/util';
 import type { EncryptedJson } from '@polkadot/util-crypto/json/types';
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { AddressSubject, SingleAddress } from './observable/types';
-import type { CreateResult, KeyringAddress, KeyringAddressType, KeyringItemType, KeyringJson, KeyringJson$Meta, KeyringOptions, KeyringPairs$Json, KeyringStruct } from './types';
+import type { AddressSubject, SingleAddress } from './observable/types.js';
+import type { CreateResult, KeyringAddress, KeyringAddressType, KeyringItemType, KeyringJson, KeyringJson$Meta, KeyringOptions, KeyringPairs$Json, KeyringStruct } from './types.js';
 
 import { createPair } from '@polkadot/keyring';
 import { chains } from '@polkadot/ui-settings';
 import { bnToBn, hexToU8a, isFunction, isHex, isString, objectSpread, stringify, stringToU8a, u8aSorted, u8aToString } from '@polkadot/util';
 import { base64Decode, createKeyMulti, jsonDecrypt, jsonEncrypt } from '@polkadot/util-crypto';
 
-import { env } from './observable/env';
-import { Base } from './Base';
-import { accountKey, accountRegex, addressKey, addressRegex, contractKey, contractRegex } from './defaults';
-import { KeyringOption } from './options';
+import { env } from './observable/env.js';
+import { KeyringOption } from './options/index.js';
+import { Base } from './Base.js';
+import { accountKey, accountRegex, addressKey, addressRegex, contractKey, contractRegex } from './defaults.js';
 
 const RECENT_EXPIRY = 24 * 60 * 60;
 

packages/ui-keyring/src/bundle.ts

@@ -1,9 +1,9 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { Keyring } from './Keyring';
+import { Keyring } from './Keyring.js';
 
-export { packageInfo } from './packageInfo';
+export { packageInfo } from './packageInfo.js';
 
 const keyring = new Keyring();
 

packages/ui-keyring/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/ui-keyring/src/index.ts

@@ -1,10 +1,10 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import './detectPackage';
+import './detectPackage.js';
 
-import { keyring } from './bundle';
+import { keyring } from './bundle.js';
 
-export * from './bundle';
+export * from './bundle.js';
 
 export default keyring;

packages/ui-keyring/src/observable/accounts.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { accountKey } from '../defaults';
-import { genericSubject } from './genericSubject';
+import { accountKey } from '../defaults.js';
+import { genericSubject } from './genericSubject.js';
 
 export const accounts = genericSubject(accountKey, true);

packages/ui-keyring/src/observable/addresses.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { addressKey } from '../defaults';
-import { genericSubject } from './genericSubject';
+import { addressKey } from '../defaults.js';
+import { genericSubject } from './genericSubject.js';
 
 export const addresses = genericSubject(addressKey);

packages/ui-keyring/src/observable/contracts.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { contractKey } from '../defaults';
-import { genericSubject } from './genericSubject';
+import { contractKey } from '../defaults.js';
+import { genericSubject } from './genericSubject.js';
 
 export const contracts = genericSubject(contractKey);

packages/ui-keyring/src/observable/genericSubject.ts

@@ -2,15 +2,15 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { KeyringJson, KeyringStore } from '../types';
-import type { AddressSubject, SingleAddress, SubjectInfo } from './types';
+import type { KeyringJson, KeyringStore } from '../types.js';
+import type { AddressSubject, SingleAddress, SubjectInfo } from './types.js';
 
 import { BehaviorSubject } from 'rxjs';
 
 import { objectCopy, objectSpread } from '@polkadot/util';
 
-import { createOptionItem } from '../options/item';
-import { env } from './env';
+import { createOptionItem } from '../options/item.js';
+import { env } from './env.js';
 
 function callNext (current: SubjectInfo, subject: BehaviorSubject<SubjectInfo>, withTest: boolean): void {
   const isDevMode = env.isDevelopment();

packages/ui-keyring/src/observable/index.ts

@@ -1,13 +1,13 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SubjectInfo } from './types';
+import type { SubjectInfo } from './types.js';
 
 import { combineLatest, map } from 'rxjs';
 
-import { accounts } from './accounts';
-import { addresses } from './addresses';
-import { contracts } from './contracts';
+import { accounts } from './accounts.js';
+import { addresses } from './addresses.js';
+import { contracts } from './contracts.js';
 
 interface Result {
   accounts: SubjectInfo;

packages/ui-keyring/src/observable/types.ts

@@ -3,8 +3,8 @@
 
 import type { BehaviorSubject } from 'rxjs';
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { KeyringSectionOption } from '../options/types';
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringSectionOption } from '../options/types.js';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 export interface SingleAddress {
   json: KeyringJson;

packages/ui-keyring/src/options/index.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import type { KeyringStruct } from '../types';
+import type { KeyringStruct } from '../types.js';
 
-import { KeyringOption } from '.';
+import { KeyringOption } from './index.js';
 
 const keyringOption = new KeyringOption();
 

packages/ui-keyring/src/options/index.ts

@@ -1,15 +1,15 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { SingleAddress } from '../observable/types';
-import type { KeyringStruct } from '../types';
-import type { KeyringOptionInstance, KeyringOptions, KeyringSectionOption, KeyringSectionOptions } from './types';
+import type { SingleAddress } from '../observable/types.js';
+import type { KeyringStruct } from '../types.js';
+import type { KeyringOptionInstance, KeyringOptions, KeyringSectionOption, KeyringSectionOptions } from './types.js';
 
 import { BehaviorSubject } from 'rxjs';
 
 import { assert } from '@polkadot/util';
 
-import { obervableAll } from '../observable';
+import { obervableAll } from '../observable/index.js';
 
 let hasCalledInitOptions = false;
 

packages/ui-keyring/src/options/item.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringSectionOption } from './types';
+import type { KeyringSectionOption } from './types.js';
 
 import { isUndefined } from '@polkadot/util';
 

packages/ui-keyring/src/options/types.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringItemType, KeyringStruct } from '../types';
+import type { KeyringItemType, KeyringStruct } from '../types.js';
 
 export interface KeyringSectionOption {
   key: string | null;

packages/ui-keyring/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-keyring', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/ui-keyring', path: 'auto', type: 'auto', version: '3.0.2' };

packages/ui-keyring/src/stores/Browser.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
 import store from 'store';
 

packages/ui-keyring/src/stores/File.ts

@@ -1,11 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { KeyringJson, KeyringStore } from '../types';
+import type { KeyringJson, KeyringStore } from '../types.js';
 
-import fs from 'fs';
 import mkdirp from 'mkdirp';
-import path from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
 
 import { assert } from '@polkadot/util';
 

packages/ui-keyring/src/stores/index.ts

@@ -1,5 +1,5 @@
 // Copyright 2017-2023 @polkadot/ui-keyring authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export { BrowserStore } from './Browser';
-export { FileStore } from './File';
+export { BrowserStore } from './Browser.js';
+export { FileStore } from './File.js';

packages/ui-keyring/src/types.ts

@@ -4,7 +4,7 @@
 import type { KeyringInstance as BaseKeyringInstance, KeyringOptions as KeyringOptionsBase, KeyringPair, KeyringPair$Json, KeyringPair$Meta } from '@polkadot/keyring/types';
 import type { EncryptedJson } from '@polkadot/util-crypto/json/types';
 import type { KeypairType } from '@polkadot/util-crypto/types';
-import type { AddressSubject, SingleAddress } from './observable/types';
+import type { AddressSubject, SingleAddress } from './observable/types.js';
 
 export interface ContractMeta {
   abi: string;

packages/ui-settings/package.json

@@ -17,11 +17,11 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/networks": "^11.0.1",
-    "@polkadot/util": "^11.0.1",
+    "@polkadot/networks": "^11.0.2",
+    "@polkadot/util": "^11.0.2",
     "eventemitter3": "^4.0.7",
     "store": "^2.0.12",
     "tslib": "^2.5.0"

packages/ui-settings/src/Settings.ts

@@ -1,14 +1,14 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Endpoint, EndpointType, Option, SettingsStruct } from './types';
+import type { Endpoint, EndpointType, Option, SettingsStruct } from './types.js';
 
 import EventEmitter from 'eventemitter3';
 import store from 'store';
 
 import { hasProcess, isUndefined } from '@polkadot/util';
 
-import { CAMERA, CAMERA_DEFAULT, CRYPTOS, CRYPTOS_ETH, CRYPTOS_LEDGER, ENDPOINT_DEFAULT, ENDPOINTS, ICON_DEFAULT, ICONS, LANGUAGE_DEFAULT, LEDGER_CONN, LEDGER_CONN_DEFAULT, LOCKING, LOCKING_DEFAULT, METADATA_UP, METADATA_UP_DEFAULT, NOTIFICATION_DEFAULT, PREFIX_DEFAULT, PREFIXES, STORAGE, STORAGE_DEFAULT, UIMODE_DEFAULT, UIMODES, UITHEME_DEFAULT, UITHEMES } from './defaults';
+import { CAMERA, CAMERA_DEFAULT, CRYPTOS, CRYPTOS_ETH, CRYPTOS_LEDGER, ENDPOINT_DEFAULT, ENDPOINTS, ICON_DEFAULT, ICONS, LANGUAGE_DEFAULT, LEDGER_CONN, LEDGER_CONN_DEFAULT, LOCKING, LOCKING_DEFAULT, METADATA_UP, METADATA_UP_DEFAULT, NOTIFICATION_DEFAULT, PREFIX_DEFAULT, PREFIXES, STORAGE, STORAGE_DEFAULT, UIMODE_DEFAULT, UIMODES, UITHEME_DEFAULT, UITHEMES } from './defaults/index.js';
 
 type ChangeCallback = (settings: SettingsStruct) => void;
 type OnTypes = 'change';

packages/ui-settings/src/bundle.ts

@@ -1,10 +1,10 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { Settings, settings } from './Settings';
+import { Settings, settings } from './Settings.js';
 
-export { ENDPOINT_DEFAULT, ICON_DEFAULT, ICON_DEFAULT_HOST, LANGUAGE_DEFAULT, LOCKING_DEFAULT, PREFIX_DEFAULT, UIMODE_DEFAULT, UITHEME_DEFAULT } from './defaults';
-export { chains } from './defaults/chains';
-export { packageInfo } from './packageInfo';
+export { ENDPOINT_DEFAULT, ICON_DEFAULT, ICON_DEFAULT_HOST, LANGUAGE_DEFAULT, LOCKING_DEFAULT, PREFIX_DEFAULT, UIMODE_DEFAULT, UITHEME_DEFAULT } from './defaults/index.js';
+export { chains } from './defaults/chains.js';
+export { packageInfo } from './packageInfo.js';
 
 export { settings, Settings };

packages/ui-settings/src/defaults/crypto.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 export const CRYPTOS: Option[] = [
   {

packages/ui-settings/src/defaults/endpoints.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 export const ENDPOINTS: Option[] = [{
   info: 'local',

packages/ui-settings/src/defaults/index.ts

@@ -1,13 +1,13 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
-import { CRYPTOS, CRYPTOS_ETH, CRYPTOS_LEDGER } from './crypto';
-import { ENDPOINT_DEFAULT, ENDPOINTS } from './endpoints';
-import { LEDGER_CONN, LEDGER_CONN_DEFAULT } from './ledger';
-import { PREFIX_DEFAULT, PREFIXES } from './ss58';
-import { ICON_DEFAULT, ICON_DEFAULT_HOST, ICONS, NOTIFICATION_DEFAULT, UIMODE_DEFAULT, UIMODES, UITHEME_DEFAULT, UITHEMES } from './ui';
+import { CRYPTOS, CRYPTOS_ETH, CRYPTOS_LEDGER } from './crypto.js';
+import { ENDPOINT_DEFAULT, ENDPOINTS } from './endpoints.js';
+import { LEDGER_CONN, LEDGER_CONN_DEFAULT } from './ledger.js';
+import { PREFIX_DEFAULT, PREFIXES } from './ss58.js';
+import { ICON_DEFAULT, ICON_DEFAULT_HOST, ICONS, NOTIFICATION_DEFAULT, UIMODE_DEFAULT, UIMODES, UITHEME_DEFAULT, UITHEMES } from './ui.js';
 
 const CAMERA_DEFAULT = 'off';
 

packages/ui-settings/src/defaults/ledger.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 export const LEDGER_CONN_DEFAULT = 'none';
 

packages/ui-settings/src/defaults/ss58.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
 import { availableNetworks } from '@polkadot/networks';
 

packages/ui-settings/src/defaults/ui.ts

@@ -1,9 +1,9 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Option } from '../types';
+import type { Option } from '../types.js';
 
-import { isPolkadot } from './type';
+import { isPolkadot } from './type.js';
 
 const LANGUAGE_DEFAULT = 'default';
 

packages/ui-settings/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/ui-settings/src/index.ts

@@ -1,8 +1,8 @@
 // Copyright 2017-2023 @polkadot/ui-settings authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { settings } from './bundle';
+import { settings } from './bundle.js';
 
-export * from './bundle';
+export * from './bundle.js';
 
 export default settings;

packages/ui-settings/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-settings', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/ui-settings', path: 'auto', type: 'auto', version: '3.0.2' };

packages/ui-shared/package.json

@@ -17,15 +17,15 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
     "color": "^3.2.1",
     "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "@types/color": "^3.0.3",
     "@types/xmlserializer": "^0.6.3",
     "xmlserializer": "^0.6.1"

packages/ui-shared/src/bundle.ts

@@ -1,5 +1,5 @@
 // Copyright 2018-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export * from './icons';
-export { packageInfo } from './packageInfo';
+export * from './icons/index.js';
+export { packageInfo } from './packageInfo.js';

packages/ui-shared/src/detectPackage.ts

@@ -5,7 +5,7 @@
 
 import { detectPackage } from '@polkadot/util';
 
-import others from './detectOther';
-import { packageInfo } from './packageInfo';
+import others from './detectOther.js';
+import { packageInfo } from './packageInfo.js';
 
 detectPackage(packageInfo, null, others);

packages/ui-shared/src/icons/beachball/colors.spec.ts

@@ -1,13 +1,12 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import type { ColorGen } from './types';
+import type { ColorGen } from './types.js';
 
-import { colors as newColors } from './colors';
-import { seeder as newSeeder } from './seeder';
+import { colors as newColors } from './colors.js';
+import { seeder as newSeeder } from './seeder.js';
 
 describe('colors', (): void => {
   let colors: ColorGen;

packages/ui-shared/src/icons/beachball/colors.ts

@@ -3,11 +3,11 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { ColorGen, Seeder } from './types';
+import type { ColorGen, Seeder } from './types.js';
 
 import Color from 'color';
 
-import { COLORS } from './defaults';
+import { COLORS } from './defaults.js';
 
 const WOBBLE = 30;
 

packages/ui-shared/src/icons/beachball/container.spec.ts

@@ -1,10 +1,9 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import { container } from './container';
+import { container } from './container.js';
 
 describe('container', (): void => {
   it('applies default styles', (): void => {

packages/ui-shared/src/icons/beachball/demo.ts

@@ -6,7 +6,7 @@
 import { isNull } from '@polkadot/util';
 import { encodeAddress, randomAsU8a } from '@polkadot/util-crypto';
 
-import { beachballIcon } from '.';
+import { beachballIcon } from './index.js';
 
 const element = document.getElementById('demo');
 

packages/ui-shared/src/icons/beachball/index.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xmlserializer from 'xmlserializer';
 
-import { beachballIcon } from '.';
+import { beachballIcon } from './index.js';
 
 describe('identicon', (): void => {
   it('generates a basic [0,..,0] identicon', (): void => {

packages/ui-shared/src/icons/beachball/index.ts

@@ -3,14 +3,14 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Options } from '../types';
+import type { Options } from '../types.js';
 
-import { circle } from './shape/circle';
-import { element } from './svg/element';
-import { colors } from './colors';
-import { container as newContainer } from './container';
-import { SHAPE_COUNT } from './defaults';
-import { seeder as newSeeder } from './seeder';
+import { circle } from './shape/circle.js';
+import { element } from './svg/element.js';
+import { colors } from './colors.js';
+import { container as newContainer } from './container.js';
+import { SHAPE_COUNT } from './defaults.js';
+import { seeder as newSeeder } from './seeder.js';
 
 export function beachballIcon (seed: string | Uint8Array, { size = 256 }: Options, className = '', style?: { [index: string]: string }): HTMLElement {
   const seeder = newSeeder(seed);

packages/ui-shared/src/icons/beachball/seeder.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
-import { seeder as newSeeder } from './seeder';
+import { seeder as newSeeder } from './seeder.js';
 
 describe('seeder', (): void => {
   let seeder: Seeder;

packages/ui-shared/src/icons/beachball/seeder.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { Seeder } from './types';
+import type { Seeder } from './types.js';
 
 import { isU8a, stringToU8a } from '@polkadot/util';
 

packages/ui-shared/src/icons/beachball/shape/circle.spec.ts

@@ -1,13 +1,12 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xmlserializer from 'xmlserializer';
 
-import { seeder } from '../seeder';
-import { circle } from './circle';
+import { seeder } from '../seeder.js';
+import { circle } from './circle.js';
 
 describe('circle', (): void => {
   it('creates a circle shape', (): void => {

packages/ui-shared/src/icons/beachball/shape/circle.ts

@@ -3,10 +3,10 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
-import { SHAPE_COUNT } from '../defaults';
-import { circle as newCircle } from '../svg/circle';
+import { SHAPE_COUNT } from '../defaults.js';
+import { circle as newCircle } from '../svg/circle.js';
 
 export function circle (seeder: Seeder, fill: string, diameter: number, count: number): Element {
   const center = diameter / 2;

packages/ui-shared/src/icons/beachball/shape/square.ts

@@ -3,10 +3,10 @@
 
 // Copyright 2016 Dan Finlay
 
-import type { Seeder } from '../types';
+import type { Seeder } from '../types.js';
 
-import { SHAPE_COUNT } from '../defaults';
-import { rect as newRect } from '../svg/rect';
+import { SHAPE_COUNT } from '../defaults.js';
+import { rect as newRect } from '../svg/rect.js';
 
 export function square (seeder: Seeder, fill: string, diameter: number, count: number): Element {
   const center = diameter / 2;

packages/ui-shared/src/icons/beachball/svg/circle.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xs from 'xmlserializer';
 
-import { circle } from './circle';
+import { circle } from './circle.js';
 
 describe('circle', (): void => {
   it('creates a basic SVG circle element', (): void => {

packages/ui-shared/src/icons/beachball/svg/circle.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { svg } from './svg';
+import { svg } from './svg.js';
 
 export function circle (r: number, cx: number, cy: number): Element {
   const elem = svg('circle');

packages/ui-shared/src/icons/beachball/svg/element.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xs from 'xmlserializer';
 
-import { element } from './element';
+import { element } from './element.js';
 
 describe('element', (): void => {
   it('creates a basic SVG element', (): void => {

packages/ui-shared/src/icons/beachball/svg/element.ts

@@ -3,7 +3,7 @@
 
 // Copyright 2016 Dan Finlay
 
-import { svg } from './svg';
+import { svg } from './svg.js';
 
 export function element (size: number, type = 'svg', x = 0, y = 0): Element {
   const elem = svg(type);

packages/ui-shared/src/icons/beachball/svg/rect.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xs from 'xmlserializer';
 
-import { rect } from './rect';
+import { rect } from './rect.js';
 
 describe('rect', (): void => {
   it('creates a basic SVG rect element', (): void => {

packages/ui-shared/src/icons/beachball/svg/rect.ts

@@ -1,7 +1,7 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { element } from './element';
+import { element } from './element.js';
 
 export function rect (size: number): Element {
   const elem = element(size, 'rect');

packages/ui-shared/src/icons/beachball/svg/svg.spec.ts

@@ -1,12 +1,11 @@
 // Copyright 2017-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
 import xs from 'xmlserializer';
 
-import { svg } from './svg';
+import { svg } from './svg.js';
 
 describe('svg', (): void => {
   it('creates a basic SVG element', (): void => {

packages/ui-shared/src/icons/index.ts

@@ -1,5 +1,5 @@
 // Copyright 2018-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-export { beachballIcon } from './beachball';
-export { polkadotIcon } from './polkadot';
+export { beachballIcon } from './beachball/index.js';
+export { polkadotIcon } from './polkadot.js';

packages/ui-shared/src/icons/polkadot.spec.ts

@@ -1,10 +1,9 @@
 // Copyright 2018-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-// eslint-disable-next-line spaced-comment
 /// <reference types="@polkadot/dev/node/test/node" />
 
-import { polkadotIcon } from './polkadot';
+import { polkadotIcon } from './polkadot.js';
 
 describe('polkadotIcon', (): void => {
   it('generates the correct points from known', (): void => {

packages/ui-shared/src/icons/polkadot.ts

@@ -7,7 +7,7 @@
 //
 // https://github.com/paritytech/oo7/blob/251ba2b7c45503b68eab4320c270b5afa9bccb60/packages/polkadot-identicon/src/index.jsx
 
-import type { Circle, Options } from './types';
+import type { Circle, Options } from './types.js';
 
 import { blake2AsU8a, decodeAddress } from '@polkadot/util-crypto';
 

packages/ui-shared/src/index.ts

@@ -1,6 +1,6 @@
 // Copyright 2018-2023 @polkadot/ui-shared authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import './detectPackage';
+import './detectPackage.js';
 
-export * from './bundle';
+export * from './bundle.js';

packages/ui-shared/src/packageInfo.ts

@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-shared', path: 'auto', type: 'auto', version: '3.0.1' };
+export const packageInfo = { name: '@polkadot/ui-shared', path: 'auto', type: 'auto', version: '3.0.2' };

packages/vue-identicon/package.json

@@ -17,12 +17,12 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-shared": "3.0.1",
-    "@polkadot/util": "^11.0.1",
-    "@polkadot/util-crypto": "^11.0.1",
+    "@polkadot/ui-shared": "3.0.2",
+    "@polkadot/util": "^11.0.2",
+    "@polkadot/util-crypto": "^11.0.2",
     "jdenticon": "3.2.0",
     "tslib": "^2.5.0"
   },