@pezkuwi/vue-identicon 3.16.8 → 3.17.0

package/{cjs → build}/Identicon.d.ts

@@ -8,7 +8,7 @@ interface Data {
     iconSize: number;
     isAlternativeIcon: boolean;
     publicKey: string;
-    type: 'beachball' | 'empty' | 'jdenticon' | 'polkadot' | 'substrate';
+    type: 'beachball' | 'empty' | 'jdenticon' | 'pezkuwi' | 'bizinikiwi';
 }
 export declare function encodeAccount(value: string | Uint8Array, prefix?: Prefix): Account;
 /**
@@ -16,7 +16,7 @@ export declare function encodeAccount(value: string | Uint8Array, prefix?: Prefi
  * @description The main Identicon component, taking a number of properties
  * @example
  * ```html
- * <Identicon :size="128" :theme="polkadot" :value="..." />
+ * <Identicon :size="128" :theme="pezkuwi" :value="..." />
  * ```
  */
 export declare const Identicon: import("vue").DefineComponent<string[], {}, Data, {}, {

package/build/Identicon.js

@@ -0,0 +1,117 @@
+import { defineComponent, h } from 'vue';
+import { isHex, isU8a, u8aToHex } from '@pezkuwi/util';
+import { decodeAddress, encodeAddress, isEthereumAddress } from '@pezkuwi/util-crypto';
+import { Beachball, Empty, Jdenticon, Pezkuwi } from './icons/index.js';
+import { adaptVNodeAttrs } from './util.js';
+const DEFAULT_SIZE = 64;
+function resolvePublicKey(value, prefix) {
+    if (isHex(value) && isEthereumAddress(value)) {
+        return value.padEnd(66, '0');
+    }
+    return isU8a(value) || isHex(value)
+        ? encodeAddress(value, prefix)
+        : value;
+}
+export function encodeAccount(value, prefix) {
+    try {
+        const address = resolvePublicKey(value, prefix);
+        const publicKey = u8aToHex(decodeAddress(address, false, prefix));
+        return { address, publicKey };
+    }
+    catch {
+        return { address: '', publicKey: '0x' };
+    }
+}
+/**
+ * @name Identicon
+ * @description The main Identicon component, taking a number of properties
+ * @example
+ * ```html
+ * <Identicon :size="128" :theme="pezkuwi" :value="..." />
+ * ```
+ */
+export const Identicon = defineComponent({
+    components: {
+        Beachball,
+        Empty,
+        Jdenticon,
+        Pezkuwi
+    },
+    created: function () {
+        this.createData();
+    },
+    data: function () {
+        return {
+            address: '',
+            iconSize: DEFAULT_SIZE,
+            isAlternativeIcon: false,
+            publicKey: '0x',
+            type: 'empty'
+        };
+    },
+    methods: {
+        createData: function () {
+            this.iconSize = this.size || DEFAULT_SIZE;
+            this.type = this.theme;
+            this.isAlternativeIcon = this.isAlternative || false;
+            this.recodeAddress();
+        },
+        recodeAddress: function () {
+            const { address, publicKey } = encodeAccount(this.value);
+            this.address = address;
+            this.publicKey = publicKey;
+        }
+    },
+    props: ['prefix', 'isAlternative', 'size', 'theme', 'value'],
+    render() {
+        const { address, iconSize, isAlternativeIcon, publicKey, type } = this.$data;
+        if (type === 'empty') {
+            return h(Empty, {
+                ...adaptVNodeAttrs({
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'jdenticon') {
+            return h(Jdenticon, {
+                ...adaptVNodeAttrs({
+                    key: address,
+                    publicKey,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'bizinikiwi') {
+            return h(Jdenticon, {
+                ...adaptVNodeAttrs({
+                    key: address,
+                    publicKey,
+                    size: iconSize
+                })
+            }, []);
+        }
+        const cmp = type.charAt(0).toUpperCase() + type.slice(1);
+        if (['Beachball', 'Pezkuwi'].includes(cmp)) {
+            const component = cmp === 'Beachball'
+                ? Beachball
+                : Pezkuwi;
+            return h(component, {
+                ...adaptVNodeAttrs({
+                    address,
+                    isAlternative: isAlternativeIcon,
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else {
+            return h(cmp, {}, []);
+        }
+    },
+    watch: {
+        value: function () {
+            this.recodeAddress();
+        }
+    }
+});

package/build/README.md

@@ -0,0 +1,37 @@
+# @pezkuwi/vue-identicon
+
+A generic identity icon that can render icons based on an address.
+
+## Usage Examples
+
+To install the component, do `yarn add @pezkuwi/vue-identicon` and then use it with `import Identicon from '@pezkuwi/vue-identicon';`
+
+Inside a Vue component, you can now render any account with the associated icon, with associated props -
+
+- `value` - the address you wish to display
+- `size` (optional, defaults to `64`) - the size in pixels
+- `theme` (optional, defaults to `substrate`) - the theme to use, one of
+  - `polkadot` or
+  - `substrate` (equivalent to `jdenticon`) or
+  - `beachball` or
+  - `empty` (displays nothing)
+
+```
+<template>
+  <Identicon
+    :size="128"
+    :theme="'polkadot'"
+    :value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
+  />
+</template>
+
+<script>
+  import Identicon from '@pezkuwi/vue-identicon';
+
+  export default {
+    ...
+    components: { Identicon }
+    ...
+  };
+</script>
+```

package/{bundle-pezkuwi-vue-identicon.js → build/bundle-pezkuwi-vue-identicon.js}

@@ -208,7 +208,7 @@
         });
         return scheme.colors.map((_, i) => palette[scheme.colors[i < 18 ? (i + rot) % 18 : 18]]);
     }
-    function polkadotIcon(address, { isAlternative }) {
+    function pezkuwiIcon(address, { isAlternative }) {
         const xy = getCircleXY(isAlternative);
         let colors;
         try {
@@ -228,7 +228,6 @@
             const { address, isAlternative, size } = this.$props;
             return vue.h({
                 template: beachballIcon(address, {
-                    isAlternative,
                     size
                 }).outerHTML
             });
@@ -713,10 +712,7 @@
         }
     }
     const SVG_CONSTANTS = {
-        P: "http://www.w3.org/2000/svg",
-        R: "width",
-        S: "height",
-    };
+        P: "http://www.w3.org/2000/svg"};
     class SvgWriter {
         constructor(iconSize) {
             this.k = iconSize;
@@ -765,11 +761,11 @@
             : { attrs: data };
     }
 
-    const Polkadot = vue.defineComponent({
+    const Pezkuwi = vue.defineComponent({
         props: ['address', 'isAlternative', 'size'],
         render() {
             const { address, isAlternative, size } = this.$props;
-            const circles = polkadotIcon(address, { isAlternative }).map(({ cx, cy, fill, r }) => vue.h('circle', { ...adaptVNodeAttrs({ cx, cy, fill, r }) }, []));
+            const circles = pezkuwiIcon(address, { isAlternative }).map(({ cx, cy, fill, r }) => vue.h('circle', { ...adaptVNodeAttrs({ cx, cy, fill, r }) }, []));
             return vue.h('svg', {
                 ...adaptVNodeAttrs({
                     height: size,
@@ -804,7 +800,7 @@
             Beachball,
             Empty,
             Jdenticon,
-            Polkadot
+            Pezkuwi
         },
         created: function () {
             this.createData();
@@ -851,14 +847,20 @@
                     })
                 }, []);
             }
-            else if (type === 'substrate') {
-                throw new Error('substrate type is not supported');
+            else if (type === 'bizinikiwi') {
+                return vue.h(Jdenticon, {
+                    ...adaptVNodeAttrs({
+                        key: address,
+                        publicKey,
+                        size: iconSize
+                    })
+                }, []);
             }
             const cmp = type.charAt(0).toUpperCase() + type.slice(1);
-            if (['Beachball', 'Polkadot'].includes(cmp)) {
+            if (['Beachball', 'Pezkuwi'].includes(cmp)) {
                 const component = cmp === 'Beachball'
                     ? Beachball
-                    : Polkadot;
+                    : Pezkuwi;
                 return vue.h(component, {
                     ...adaptVNodeAttrs({
                         address,
@@ -879,7 +881,7 @@
         }
     });
 
-    const packageInfo = { name: '@pezkuwi/vue-identicon', path: (({ url: (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href)) }) && (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))) ? new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.substring(0, new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.16.6' };
+    const packageInfo = { name: '@pezkuwi/vue-identicon', path: (({ url: (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href)) }) && (typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))) ? new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.substring(0, new URL((typeof document === 'undefined' && typeof location === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : typeof document === 'undefined' ? location.href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('bundle-pezkuwi-vue-identicon.js', document.baseURI).href))).pathname.lastIndexOf('/') + 1) : 'auto', type: 'esm', version: '3.17.0' };
 
     exports.Identicon = Identicon;
     exports.packageInfo = packageInfo;

package/build/bundle.js

@@ -0,0 +1,2 @@
+export { Identicon } from './Identicon.js';
+export { packageInfo } from './packageInfo.js';

package/build/cjs/Identicon.d.ts

@@ -0,0 +1,28 @@
+import type { Prefix } from '@pezkuwi/util-crypto/address/types';
+interface Account {
+    address: string;
+    publicKey: string;
+}
+interface Data {
+    address: string;
+    iconSize: number;
+    isAlternativeIcon: boolean;
+    publicKey: string;
+    type: 'beachball' | 'empty' | 'jdenticon' | 'pezkuwi' | 'bizinikiwi';
+}
+export declare function encodeAccount(value: string | Uint8Array, prefix?: Prefix): Account;
+/**
+ * @name Identicon
+ * @description The main Identicon component, taking a number of properties
+ * @example
+ * ```html
+ * <Identicon :size="128" :theme="pezkuwi" :value="..." />
+ * ```
+ */
+export declare const Identicon: import("vue").DefineComponent<string[], {}, Data, {}, {
+    createData: () => void;
+    recodeAddress: () => void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<string[]>>, {
+    [x: number]: string;
+}>;
+export {};

package/build/cjs/Identicon.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Identicon = void 0;
+exports.encodeAccount = encodeAccount;
+const vue_1 = require("vue");
+const util_1 = require("@pezkuwi/util");
+const util_crypto_1 = require("@pezkuwi/util-crypto");
+const index_js_1 = require("./icons/index.js");
+const util_js_1 = require("./util.js");
+const DEFAULT_SIZE = 64;
+function resolvePublicKey(value, prefix) {
+    if ((0, util_1.isHex)(value) && (0, util_crypto_1.isEthereumAddress)(value)) {
+        return value.padEnd(66, '0');
+    }
+    return (0, util_1.isU8a)(value) || (0, util_1.isHex)(value)
+        ? (0, util_crypto_1.encodeAddress)(value, prefix)
+        : value;
+}
+function encodeAccount(value, prefix) {
+    try {
+        const address = resolvePublicKey(value, prefix);
+        const publicKey = (0, util_1.u8aToHex)((0, util_crypto_1.decodeAddress)(address, false, prefix));
+        return { address, publicKey };
+    }
+    catch {
+        return { address: '', publicKey: '0x' };
+    }
+}
+/**
+ * @name Identicon
+ * @description The main Identicon component, taking a number of properties
+ * @example
+ * ```html
+ * <Identicon :size="128" :theme="pezkuwi" :value="..." />
+ * ```
+ */
+exports.Identicon = (0, vue_1.defineComponent)({
+    components: {
+        Beachball: index_js_1.Beachball,
+        Empty: index_js_1.Empty,
+        Jdenticon: index_js_1.Jdenticon,
+        Pezkuwi: index_js_1.Pezkuwi
+    },
+    created: function () {
+        this.createData();
+    },
+    data: function () {
+        return {
+            address: '',
+            iconSize: DEFAULT_SIZE,
+            isAlternativeIcon: false,
+            publicKey: '0x',
+            type: 'empty'
+        };
+    },
+    methods: {
+        createData: function () {
+            this.iconSize = this.size || DEFAULT_SIZE;
+            this.type = this.theme;
+            this.isAlternativeIcon = this.isAlternative || false;
+            this.recodeAddress();
+        },
+        recodeAddress: function () {
+            const { address, publicKey } = encodeAccount(this.value);
+            this.address = address;
+            this.publicKey = publicKey;
+        }
+    },
+    props: ['prefix', 'isAlternative', 'size', 'theme', 'value'],
+    render() {
+        const { address, iconSize, isAlternativeIcon, publicKey, type } = this.$data;
+        if (type === 'empty') {
+            return (0, vue_1.h)(index_js_1.Empty, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'jdenticon') {
+            return (0, vue_1.h)(index_js_1.Jdenticon, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    key: address,
+                    publicKey,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else if (type === 'bizinikiwi') {
+            return (0, vue_1.h)(index_js_1.Jdenticon, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    key: address,
+                    publicKey,
+                    size: iconSize
+                })
+            }, []);
+        }
+        const cmp = type.charAt(0).toUpperCase() + type.slice(1);
+        if (['Beachball', 'Pezkuwi'].includes(cmp)) {
+            const component = cmp === 'Beachball'
+                ? index_js_1.Beachball
+                : index_js_1.Pezkuwi;
+            return (0, vue_1.h)(component, {
+                ...(0, util_js_1.adaptVNodeAttrs)({
+                    address,
+                    isAlternative: isAlternativeIcon,
+                    key: address,
+                    size: iconSize
+                })
+            }, []);
+        }
+        else {
+            return (0, vue_1.h)(cmp, {}, []);
+        }
+    },
+    watch: {
+        value: function () {
+            this.recodeAddress();
+        }
+    }
+});

package/build/cjs/bundle.d.ts

@@ -0,0 +1,2 @@
+export { Identicon } from './Identicon.js';
+export { packageInfo } from './packageInfo.js';

package/build/cjs/bundle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = exports.Identicon = void 0;
+var Identicon_js_1 = require("./Identicon.js");
+Object.defineProperty(exports, "Identicon", { enumerable: true, get: function () { return Identicon_js_1.Identicon; } });
+var packageInfo_js_1 = require("./packageInfo.js");
+Object.defineProperty(exports, "packageInfo", { enumerable: true, get: function () { return packageInfo_js_1.packageInfo; } });

package/build/cjs/icons/Beachball.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Beachball = void 0;
+const vue_1 = require("vue");
+const ui_shared_1 = require("@pezkuwi/ui-shared");
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+exports.Beachball = (0, vue_1.defineComponent)({
+    props: ['address', 'size', 'isAlternative'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        return (0, vue_1.h)({
+            template: (0, ui_shared_1.beachballIcon)(address, {
+                isAlternative,
+                size
+            }).outerHTML
+        });
+    }
+});

package/build/cjs/icons/Empty.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = void 0;
+const vue_1 = require("vue");
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+exports.Empty = (0, vue_1.defineComponent)({
+    props: ['size'],
+    template: `
+    <svg :height="size" :width="size" viewBox="0 0 64 64">
+      <circle cx="50%" cy="50%" fill="#eee" r="50%" />
+    </svg>
+  `
+});

package/build/cjs/icons/Jdenticon.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Jdenticon = void 0;
+const tslib_1 = require("tslib");
+const jdenticon = tslib_1.__importStar(require("jdenticon"));
+const vue_1 = require("vue");
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+exports.Jdenticon = (0, vue_1.defineComponent)({
+    props: ['publicKey', 'size'],
+    render() {
+        const { publicKey, size } = this.$props;
+        return (0, vue_1.h)({
+            template: jdenticon.toSvg(publicKey.substring(2), size)
+        });
+    }
+});

package/{icons/Polkadot.d.ts → build/cjs/icons/Pezkuwi.d.ts}

@@ -1,8 +1,8 @@
 /**
- * @name Polkadot
- * @description The Polkadot default identicon
+ * @name Pezkuwi
+ * @description The Pezkuwi default identicon
  */
-export declare const Polkadot: import("vue").DefineComponent<Readonly<{
+export declare const Pezkuwi: import("vue").DefineComponent<Readonly<{
     address?: any;
     size?: any;
     isAlternative?: any;

package/build/cjs/icons/Pezkuwi.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pezkuwi = void 0;
+const vue_1 = require("vue");
+const ui_shared_1 = require("@pezkuwi/ui-shared");
+const util_js_1 = require("../util.js");
+/**
+ * @name Pezkuwi
+ * @description The Pezkuwi default identicon
+ */
+exports.Pezkuwi = (0, vue_1.defineComponent)({
+    props: ['address', 'isAlternative', 'size'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        const circles = (0, ui_shared_1.pezkuwiIcon)(address, { isAlternative }).map(({ cx, cy, fill, r }) => (0, vue_1.h)('circle', { ...(0, util_js_1.adaptVNodeAttrs)({ cx, cy, fill, r }) }, []));
+        return (0, vue_1.h)('svg', {
+            ...(0, util_js_1.adaptVNodeAttrs)({
+                height: size,
+                viewBox: '0 0 64 64',
+                width: size
+            })
+        }, circles);
+    }
+});

package/{icons → build/cjs/icons}/index.d.ts

@@ -1,4 +1,4 @@
 export * from './Beachball.js';
 export * from './Empty.js';
 export * from './Jdenticon.js';
-export * from './Polkadot.js';
+export * from './Pezkuwi.js';

package/build/cjs/icons/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Beachball.js"), exports);
+tslib_1.__exportStar(require("./Empty.js"), exports);
+tslib_1.__exportStar(require("./Jdenticon.js"), exports);
+tslib_1.__exportStar(require("./Pezkuwi.js"), exports);

package/build/cjs/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+require("./packageDetect.js");
+const bundle_js_1 = require("./bundle.js");
+tslib_1.__exportStar(require("./bundle.js"), exports);
+exports.default = bundle_js_1.Identicon;

package/build/cjs/packageInfo.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageInfo = void 0;
+exports.packageInfo = { name: '@pezkuwi/vue-identicon', path: typeof __dirname === 'string' ? __dirname : 'auto', type: 'cjs', version: '3.17.0' };

package/build/cjs/util.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adaptVNodeAttrs = adaptVNodeAttrs;
+const vue_1 = require("vue");
+const isV3 = vue_1.version.startsWith('3.');
+/**
+ * @internal
+ *
+ * Adjust attributes to be usable in both Vue 2 and Vue 3 components.
+ */
+function adaptVNodeAttrs(data) {
+    return isV3
+        ? data
+        : { attrs: data };
+}

package/build/icons/Beachball.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+export declare const Beachball: import("vue").DefineComponent<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    address?: any;
+    size?: any;
+    isAlternative?: any;
+}>>>, {
+    readonly address?: any;
+    readonly size?: any;
+    readonly isAlternative?: any;
+}>;

package/build/icons/Beachball.js

@@ -0,0 +1,18 @@
+import { defineComponent, h } from 'vue';
+import { beachballIcon } from '@pezkuwi/ui-shared';
+/**
+ * @name Beachball
+ * @description The Beachball identicon
+ */
+export const Beachball = defineComponent({
+    props: ['address', 'size', 'isAlternative'],
+    render() {
+        const { address, isAlternative, size } = this.$props;
+        return h({
+            template: beachballIcon(address, {
+                isAlternative,
+                size
+            }).outerHTML
+        });
+    }
+});

package/build/icons/Empty.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+export declare const Empty: import("vue").DefineComponent<Readonly<{
+    size?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+}>>>, {
+    readonly size?: any;
+}>;

package/build/icons/Empty.js

@@ -0,0 +1,13 @@
+import { defineComponent } from 'vue';
+/**
+ * @name Empty
+ * @description An empty identicon
+ */
+export const Empty = defineComponent({
+    props: ['size'],
+    template: `
+    <svg :height="size" :width="size" viewBox="0 0 64 64">
+      <circle cx="50%" cy="50%" fill="#eee" r="50%" />
+    </svg>
+  `
+});

package/build/icons/Jdenticon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @name Jdenticon
+ * @description The substrate default via Jdenticon
+ */
+export declare const Jdenticon: import("vue").DefineComponent<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+    publicKey?: any;
+}>>>, {
+    readonly size?: any;
+    readonly publicKey?: any;
+}>;