@lukso/web-components 1.116.2 → 1.117.0

package/dist/components/lukso-search/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
+const state = require('../../state-375dfffc.cjs');
 const index = require('../../index-2b104ecb.cjs');
+const components_luksoProfile_index = require('../../index-67915f32.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-9f282d35.cjs');
 require('../lukso-username/index.cjs');
 require('../lukso-input/index.cjs');
-require('../../index-dbfb7d50.cjs');
+require('../../index-104cf124.cjs');
 require('../lukso-dropdown-option/index.cjs');
-require('../../style-map-552ab28f.cjs');
-require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-f564f46f.cjs');
+require('../../style-map-8e54f508.cjs');
+require('../../directive-8278ab14.cjs');
+require('../../index-3926da18.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 
@@ -191,6 +191,18 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
     </lukso-dropdown-option>`;
   }
   resultProfileTemplate(result, index) {
+    const eoaProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+      profile-address="${result.address}"
+      profile-url="${result.address ? components_luksoProfile_index.makeBlockie(result.address) : ""}"
+      size="x-small"
+    ></lukso-profile>`;
+    const lsp3ProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+      profile-address="${result.address}"
+      profile-url="${result.image}"
+      size="x-small"
+      has-identicon
+    ></lukso-profile>`;
+    const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
     return shared_tailwindElement_index.x`<lukso-dropdown-option
       data-id="${result.address}"
       data-index="${index + 1}"
@@ -198,18 +210,14 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
       size=${this.size}
       @click=${() => this.handleSelect(result)}
     >
-      <lukso-profile
-        profile-address="${result.address}"
-        profile-url="${result.image}"
-        size="x-small"
-        has-identicon
-      ></lukso-profile>
+      ${profilePicture}
       <lukso-username
         name="${result.name?.toLowerCase()}"
         address="${result.address}"
         name-color="neutral-20"
         max-width="300"
         size="medium"
+        class="ml-1"
       ></lukso-username>
     </lukso-dropdown-option>`;
   }

package/dist/components/lukso-search/index.d.ts

@@ -8,6 +8,7 @@ export type SearchProfileResult = {
     address: Address;
     image?: string;
     name?: string;
+    isEOA?: boolean;
 };
 export type SearchResult = SearchStringResult | SearchProfileResult;
 declare const LuksoSearch_base: typeof import("lit").LitElement;

package/dist/components/lukso-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAM7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAmClD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/lukso-search/index.js

@@ -1,17 +1,17 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
+import { r } from '../../state-1fc9a224.js';
 import { c as ce } from '../../index-d14b6a34.js';
+import { m as makeBlockie } from '../../index-ff8d75cd.js';
 import '../lukso-icon/index.js';
-import '../../index-30c74dfe.js';
 import '../lukso-username/index.js';
 import '../lukso-input/index.js';
-import '../../index-40811e43.js';
+import '../../index-12775596.js';
 import '../lukso-dropdown-option/index.js';
-import '../../style-map-15dde65e.js';
-import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-eb08047e.js';
+import '../../style-map-5aef4b6f.js';
+import '../../directive-2bb7789e.js';
+import '../../index-7bb28a79.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.js';
 
@@ -187,6 +187,18 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     </lukso-dropdown-option>`;
   }
   resultProfileTemplate(result, index) {
+    const eoaProfilePicture = x`<lukso-profile
+      profile-address="${result.address}"
+      profile-url="${result.address ? makeBlockie(result.address) : ""}"
+      size="x-small"
+    ></lukso-profile>`;
+    const lsp3ProfilePicture = x`<lukso-profile
+      profile-address="${result.address}"
+      profile-url="${result.image}"
+      size="x-small"
+      has-identicon
+    ></lukso-profile>`;
+    const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
     return x`<lukso-dropdown-option
       data-id="${result.address}"
       data-index="${index + 1}"
@@ -194,18 +206,14 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       size=${this.size}
       @click=${() => this.handleSelect(result)}
     >
-      <lukso-profile
-        profile-address="${result.address}"
-        profile-url="${result.image}"
-        size="x-small"
-        has-identicon
-      ></lukso-profile>
+      ${profilePicture}
       <lukso-username
         name="${result.name?.toLowerCase()}"
         address="${result.address}"
         name-color="neutral-20"
         max-width="300"
         size="medium"
+        class="ml-1"
       ></lukso-username>
     </lukso-dropdown-option>`;
   }

package/dist/components/lukso-search/lukso-search.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAiTX,CAAA;AAED,eAAe,IAAI,CAAA;AA4FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAsB9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
+{"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAiTX,CAAA;AAED,eAAe,IAAI,CAAA;AA4FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA0B9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

package/dist/components/lukso-select/index.cjs

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
+const state = require('../../state-375dfffc.cjs');
 const index = require('../../index-2b104ecb.cjs');
+const components_luksoProfile_index = require('../../index-67915f32.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-9f282d35.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-dbfb7d50.cjs');
+const components_luksoDropdown_index = require('../../index-104cf124.cjs');
 require('../lukso-dropdown-option/index.cjs');
-require('../../style-map-552ab28f.cjs');
-require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-f564f46f.cjs');
+require('../../style-map-8e54f508.cjs');
+require('../../directive-8278ab14.cjs');
+require('../../index-3926da18.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 
@@ -270,13 +270,19 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
     return option.value;
   }
   optionProfileValue(option) {
-    return shared_tailwindElement_index.x`<lukso-profile
-        profile-address="${option.address}"
-        profile-url="${option.image}"
-        size="x-small"
-        has-identicon
-        class="mr-2"
-      ></lukso-profile>
+    const eoaProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+      profile-address="${option.address}"
+      profile-url="${option.address ? components_luksoProfile_index.makeBlockie(option.address) : ""}"
+      size="x-small"
+    ></lukso-profile>`;
+    const lsp3ProfilePicture = shared_tailwindElement_index.x`<lukso-profile
+      profile-address="${option.address}"
+      profile-url="${option.image}"
+      size="x-small"
+      has-identicon
+    ></lukso-profile>`;
+    const profilePicture = option.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
+    return shared_tailwindElement_index.x`${profilePicture}
       <lukso-username
         name="${option.name?.toLowerCase()}"
         address="${option.address}"
@@ -284,6 +290,7 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         max-width="150"
         slice-by="4"
         size=${this.size}
+        class="ml-1"
       ></lukso-username>`;
   }
   selectedValueTemplate() {

package/dist/components/lukso-select/index.d.ts

@@ -10,6 +10,7 @@ export type SelectProfileOption = {
     address: Address;
     image?: string;
     name?: string;
+    isEOA?: boolean;
 };
 export type SelectGroupedStringOption = {
     id?: string;

package/dist/components/lukso-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAI3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,UAAQ;IAGd,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAW;IAG1B,oBAAoB,UAAQ;IAG5B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAwC;;IAU3D,OAAO,CAAC,WAAW,CAyBjB;IAEF,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,UAAU,CAchB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA0ClD,aAAa;IA4Bb,8BAA8B;IAS9B,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IA2Bf,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAef,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAiB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAgBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,qBAAqB;IA2D7B,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAM7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAI3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,MAAY;IAGpB,MAAM,UAAQ;IAGd,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAW;IAG1B,oBAAoB,UAAQ;IAG5B,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,WAAW,CAAwC;;IAU3D,OAAO,CAAC,WAAW,CAyBjB;IAEF,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,UAAU,CAchB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IA0ClD,aAAa;IA4Bb,8BAA8B;IAS9B,aAAa;IAQb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IA2Bf,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAef,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAiB9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;IAgBhE,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,qBAAqB;IA2D7B,OAAO,CAAC,0BAA0B;YAUpB,qBAAqB;YAqCrB,YAAY;YAiBZ,UAAU;IAcxB,OAAO,CAAC,WAAW;IAQnB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/lukso-select/index.js

@@ -1,16 +1,16 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
+import { r } from '../../state-1fc9a224.js';
 import { c as ce } from '../../index-d14b6a34.js';
+import { m as makeBlockie } from '../../index-ff8d75cd.js';
 import '../lukso-icon/index.js';
-import '../../index-30c74dfe.js';
 import '../lukso-username/index.js';
-import { u as uniqId } from '../../index-40811e43.js';
+import { u as uniqId } from '../../index-12775596.js';
 import '../lukso-dropdown-option/index.js';
-import '../../style-map-15dde65e.js';
-import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-eb08047e.js';
+import '../../style-map-5aef4b6f.js';
+import '../../directive-2bb7789e.js';
+import '../../index-7bb28a79.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.js';
 
@@ -266,13 +266,19 @@ let LuksoSelect = class extends TailwindStyledElement(style) {
     return option.value;
   }
   optionProfileValue(option) {
-    return x`<lukso-profile
-        profile-address="${option.address}"
-        profile-url="${option.image}"
-        size="x-small"
-        has-identicon
-        class="mr-2"
-      ></lukso-profile>
+    const eoaProfilePicture = x`<lukso-profile
+      profile-address="${option.address}"
+      profile-url="${option.address ? makeBlockie(option.address) : ""}"
+      size="x-small"
+    ></lukso-profile>`;
+    const lsp3ProfilePicture = x`<lukso-profile
+      profile-address="${option.address}"
+      profile-url="${option.image}"
+      size="x-small"
+      has-identicon
+    ></lukso-profile>`;
+    const profilePicture = option.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
+    return x`${profilePicture}
       <lukso-username
         name="${option.name?.toLowerCase()}"
         address="${option.address}"
@@ -280,6 +286,7 @@ let LuksoSelect = class extends TailwindStyledElement(style) {
         max-width="150"
         slice-by="4"
         size=${this.size}
+        class="ml-1"
       ></lukso-username>`;
   }
   selectedValueTemplate() {

package/dist/components/lukso-select/lukso-select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/lukso-select.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAuOX,CAAA;AAED,eAAe,IAAI,CAAA;AAyDnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAK9C,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wCAAwC;AACxC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA8B9C,kCAAkC;AAClC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,gCAAgC;AAChC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAe5C,uCAAuC;AACvC,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAOlD,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AA2B9C,qCAAqC;AACrC,eAAO,MAAM,eAAe,KAAoB,CAAA"}
+{"version":3,"file":"lukso-select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-select/lukso-select.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAuOX,CAAA;AAED,eAAe,IAAI,CAAA;AAyDnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAK9C,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,wCAAwC;AACxC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAmC9C,kCAAkC;AAClC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAM5C,gCAAgC;AAChC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAe5C,uCAAuC;AACvC,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAOlD,kCAAkC;AAClC,eAAO,MAAM,aAAa,KAAoB,CAAA;AA2B9C,qCAAqC;AACrC,eAAO,MAAM,eAAe,KAAoB,CAAA"}

package/dist/components/lukso-share/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -19,28 +19,31 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  customStyle = "";
-  providers = "";
-  defaultProviders = [
-    "twitter",
-    "instagram",
-    "linkedin",
-    "telegram",
-    "discord",
-    "reddit",
-    "medium",
-    "github"
-  ];
-  defaultProviderLinks = {
-    twitter: "https://twitter.com/ERC725Account",
-    instagram: "https://www.instagram.com/lukso",
-    linkedin: "https://linkedin.com/company/lukso",
-    telegram: "https://t.me/LUKSO_News",
-    discord: "https://discord.gg/lukso",
-    reddit: "https://www.reddit.com/r/lukso",
-    medium: "https://medium.com/lukso",
-    github: "https://github.com/lukso-network"
-  };
+  constructor() {
+    super(...arguments);
+    this.customStyle = "";
+    this.providers = "";
+    this.defaultProviders = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
+    this.defaultProviderLinks = {
+      twitter: "https://twitter.com/ERC725Account",
+      instagram: "https://www.instagram.com/lukso",
+      linkedin: "https://linkedin.com/company/lukso",
+      telegram: "https://t.me/LUKSO_News",
+      discord: "https://discord.gg/lukso",
+      reddit: "https://www.reddit.com/r/lukso",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
   linkTemplate(name, url) {
     return shared_tailwindElement_index.x`<a
       href=${url}

package/dist/components/lukso-share/index.js

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { T as TailwindStyledElement, x } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -15,28 +15,31 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoShare = class extends TailwindStyledElement(style) {
-  customStyle = "";
-  providers = "";
-  defaultProviders = [
-    "twitter",
-    "instagram",
-    "linkedin",
-    "telegram",
-    "discord",
-    "reddit",
-    "medium",
-    "github"
-  ];
-  defaultProviderLinks = {
-    twitter: "https://twitter.com/ERC725Account",
-    instagram: "https://www.instagram.com/lukso",
-    linkedin: "https://linkedin.com/company/lukso",
-    telegram: "https://t.me/LUKSO_News",
-    discord: "https://discord.gg/lukso",
-    reddit: "https://www.reddit.com/r/lukso",
-    medium: "https://medium.com/lukso",
-    github: "https://github.com/lukso-network"
-  };
+  constructor() {
+    super(...arguments);
+    this.customStyle = "";
+    this.providers = "";
+    this.defaultProviders = [
+      "twitter",
+      "instagram",
+      "linkedin",
+      "telegram",
+      "discord",
+      "reddit",
+      "medium",
+      "github"
+    ];
+    this.defaultProviderLinks = {
+      twitter: "https://twitter.com/ERC725Account",
+      instagram: "https://www.instagram.com/lukso",
+      linkedin: "https://linkedin.com/company/lukso",
+      telegram: "https://t.me/LUKSO_News",
+      discord: "https://discord.gg/lukso",
+      reddit: "https://www.reddit.com/r/lukso",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
   linkTemplate(name, url) {
     return x`<a
       href=${url}

package/dist/components/lukso-switch/index.cjs

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
+const styleMap = require('../../style-map-8e54f508.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -20,9 +20,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.TailwindElement {
-  color = "green-54";
-  isChecked = false;
-  isDisabled = false;
+  constructor() {
+    super(...arguments);
+    this.color = "green-54";
+    this.isChecked = false;
+    this.isDisabled = false;
+    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
+  }
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -37,8 +42,6 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return shared_tailwindElement_index.x`
       <label

package/dist/components/lukso-switch/index.js

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { o } from '../../style-map-15dde65e.js';
+import { a as TailwindElement, x } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
+import { o } from '../../style-map-5aef4b6f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -16,9 +16,14 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoSwitch = class extends TailwindElement {
-  color = "green-54";
-  isChecked = false;
-  isDisabled = false;
+  constructor() {
+    super(...arguments);
+    this.color = "green-54";
+    this.isChecked = false;
+    this.isDisabled = false;
+    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
+  }
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -33,8 +38,6 @@ let LuksoSwitch = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
-  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return x`
       <label

package/dist/components/lukso-tag/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-f564f46f.cjs');
+const index$1 = require('../../index-3926da18.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -22,36 +22,39 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  size = "small";
-  isRounded = false;
-  backgroundColor = "";
-  borderColor = "";
-  textColor = "";
-  tagStyles = index.ce({
-    base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
-    variants: {
-      size: {
-        "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-        small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
-        large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+  constructor() {
+    super(...arguments);
+    this.size = "small";
+    this.isRounded = false;
+    this.backgroundColor = "";
+    this.borderColor = "";
+    this.textColor = "";
+    this.tagStyles = index.ce({
+      base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
+      variants: {
+        size: {
+          "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
+          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+          large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
+        },
+        isRounded: {
+          true: "rounded-[56px]"
+        }
       },
-      isRounded: {
-        true: "rounded-[56px]"
-      }
-    },
-    compoundVariants: [
-      {
-        size: "small",
-        isRounded: true,
-        class: "px-3"
-      },
-      {
-        size: "x-small",
-        isRounded: true,
-        class: "px-2"
-      }
-    ]
-  });
+      compoundVariants: [
+        {
+          size: "small",
+          isRounded: true,
+          class: "px-3"
+        },
+        {
+          size: "x-small",
+          isRounded: true,
+          class: "px-2"
+        }
+      ]
+    });
+  }
   resolveBorderColor() {
     if (this.borderColor) {
       return this.borderColor;