@lukso/web-components 1.116.2 → 1.118.0

package/dist/components/lukso-icon/icons/document-text.d.ts

@@ -0,0 +1,3 @@
+import type { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const documentText: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=document-text.d.ts.map

package/dist/components/lukso-icon/icons/document-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-text.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/document-text.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,YAAY,YAAa,WAAW,yCAqBhD,CAAA"}

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

@@ -7488,6 +7488,29 @@ const minusFilled = (options) => {
   </svg> `;
 };
 
+const documentText = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 25 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M16.417 22.75h-8c-3.65 0-5.75-2.1-5.75-5.75V7c0-3.65 2.1-5.75 5.75-5.75h8c3.65 0 5.75 2.1 5.75 5.75v10c0 3.65-2.1 5.75-5.75 5.75m-8-20c-2.86 0-4.25 1.39-4.25 4.25v10c0 2.86 1.39 4.25 4.25 4.25h8c2.86 0 4.25-1.39 4.25-4.25V7c0-2.86-1.39-4.25-4.25-4.25z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M18.917 9.25h-2c-1.52 0-2.75-1.23-2.75-2.75v-2c0-.41.34-.75.75-.75s.75.34.75.75v2c0 .69.56 1.25 1.25 1.25h2c.41 0 .75.34.75.75s-.34.75-.75.75m-6.5 4.5h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75m4 4h-8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75"
+      fill="var(--${options.color})"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7643,6 +7666,7 @@ const iconMap = {
   "extension-outline": extensionOutline,
   "lukso-logo": luksoLogo,
   "document-outline": documentOutline,
+  "document-text": documentText,
   "headset-outline": headsetOutline,
   "cube-outline": cubeOutline,
   "film-outline": filmOutline,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAsMA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA4M5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAuMA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA6M5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -7484,6 +7484,29 @@ const minusFilled = (options) => {
   </svg> `;
 };
 
+const documentText = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 25 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M16.417 22.75h-8c-3.65 0-5.75-2.1-5.75-5.75V7c0-3.65 2.1-5.75 5.75-5.75h8c3.65 0 5.75 2.1 5.75 5.75v10c0 3.65-2.1 5.75-5.75 5.75m-8-20c-2.86 0-4.25 1.39-4.25 4.25v10c0 2.86 1.39 4.25 4.25 4.25h8c2.86 0 4.25-1.39 4.25-4.25V7c0-2.86-1.39-4.25-4.25-4.25z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M18.917 9.25h-2c-1.52 0-2.75-1.23-2.75-2.75v-2c0-.41.34-.75.75-.75s.75.34.75.75v2c0 .69.56 1.25 1.25 1.25h2c.41 0 .75.34.75.75s-.34.75-.75.75m-6.5 4.5h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75m4 4h-8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75"
+      fill="var(--${options.color})"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7639,6 +7662,7 @@ const iconMap = {
   "extension-outline": extensionOutline,
   "lukso-logo": luksoLogo,
   "document-outline": documentOutline,
+  "document-text": documentText,
   "headset-outline": headsetOutline,
   "cube-outline": cubeOutline,
   "film-outline": filmOutline,

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

@@ -6,15 +6,15 @@ const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
 const property = require('../../property-46482bf7.cjs');
 const state = require('../../state-94c1d585.cjs');
 const index = require('../../index-2b104ecb.cjs');
+const components_luksoProfile_index = require('../../index-9f282d35.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('../lukso-dropdown-option/index.cjs');
+require('../lukso-image/index.cjs');
 require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
-require('../lukso-image/index.cjs');
 require('../../index-f564f46f.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

@@ -2,15 +2,15 @@ import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
 import { n, t } from '../../property-140ef335.js';
 import { r } from '../../state-876605e4.js';
 import { c as ce } from '../../index-d14b6a34.js';
+import { m as makeBlockie } from '../../index-30c74dfe.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 '../lukso-dropdown-option/index.js';
+import '../lukso-image/index.js';
 import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
-import '../lukso-image/index.js';
 import '../../index-eb08047e.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

@@ -6,14 +6,14 @@ const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
 const property = require('../../property-46482bf7.cjs');
 const state = require('../../state-94c1d585.cjs');
 const index = require('../../index-2b104ecb.cjs');
+const components_luksoProfile_index = require('../../index-9f282d35.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-9f282d35.cjs');
 require('../lukso-username/index.cjs');
 const components_luksoDropdown_index = require('../../index-dbfb7d50.cjs');
 require('../lukso-dropdown-option/index.cjs');
+require('../lukso-image/index.cjs');
 require('../../style-map-552ab28f.cjs');
 require('../../directive-8278ab14.cjs');
-require('../lukso-image/index.cjs');
 require('../../index-f564f46f.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
@@ -32,84 +32,84 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  value = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  description = "";
+  error = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  borderless = false;
+  options = "";
+  selected = void 0;
+  isOpen = false;
+  openTop = false;
+  isLargeIcon = false;
+  isRight = false;
+  size = "medium";
+  showSelectionCounter = false;
+  optionsParsed = [];
+  valueParsed = void 0;
   constructor() {
     super();
-    this.value = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.description = "";
-    this.error = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.borderless = false;
-    this.options = "";
-    this.selected = void 0;
-    this.isOpen = false;
-    this.openTop = false;
-    this.isLargeIcon = false;
-    this.isRight = false;
-    this.size = "medium";
-    this.showSelectionCounter = false;
-    this.optionsParsed = [];
-    this.valueParsed = void 0;
-    this.inputStyles = index.ce({
-      base: `bg-neutral-100
+    if (!this.id) {
+      this.id = components_luksoDropdown_index.uniqId();
+    }
+  }
+  inputStyles = index.ce({
+    base: `bg-neutral-100
       border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
       outline-none transition transition-all duration-150 appearance-none
       text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35
       flex items-center`,
-      variants: {
-        isFullWidth: {
-          true: "w-full"
-        },
-        isDisabled: {
-          true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
-        },
-        hasError: {
-          true: "border-red-85 group-hover:border-red-65"
-        },
-        borderless: {
-          true: "border-0"
-        },
-        size: {
-          small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
-          medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
-        }
+    variants: {
+      isFullWidth: {
+        true: "w-full"
+      },
+      isDisabled: {
+        true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
+      },
+      hasError: {
+        true: "border-red-85 group-hover:border-red-65"
+      },
+      borderless: {
+        true: "border-0"
+      },
+      size: {
+        small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
+        medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
       }
-    });
-    this.counterStyles = index.ce({
-      base: "border border-neutral-20",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        size: {
-          small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
-          medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
-        }
+    }
+  });
+  counterStyles = index.ce({
+    base: "border border-neutral-20",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      size: {
+        small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
+        medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
       }
-    });
-    this.iconStyles = index.ce({
-      base: "absolute right-0 transition cursor-pointer",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        isOpen: {
-          true: "rotate-180"
-        },
-        size: {
-          small: "mr-2",
-          medium: "mr-3"
-        }
+    }
+  });
+  iconStyles = index.ce({
+    base: "absolute right-0 transition cursor-pointer",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      isOpen: {
+        true: "rotate-180"
+      },
+      size: {
+        small: "mr-2",
+        medium: "mr-3"
       }
-    });
-    if (!this.id) {
-      this.id = components_luksoDropdown_index.uniqId();
     }
-  }
+  });
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("click", this.handleOutsideDropdownClick.bind(this));
@@ -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

@@ -2,14 +2,14 @@ import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
 import { n, t } from '../../property-140ef335.js';
 import { r } from '../../state-876605e4.js';
 import { c as ce } from '../../index-d14b6a34.js';
+import { m as makeBlockie } from '../../index-30c74dfe.js';
 import '../lukso-icon/index.js';
-import '../../index-30c74dfe.js';
 import '../lukso-username/index.js';
 import { u as uniqId } from '../../index-40811e43.js';
 import '../lukso-dropdown-option/index.js';
+import '../lukso-image/index.js';
 import '../../style-map-15dde65e.js';
 import '../../directive-2bb7789e.js';
-import '../lukso-image/index.js';
 import '../../index-eb08047e.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.js';
@@ -28,84 +28,84 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoSelect = class extends TailwindStyledElement(style) {
+  value = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  description = "";
+  error = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  borderless = false;
+  options = "";
+  selected = void 0;
+  isOpen = false;
+  openTop = false;
+  isLargeIcon = false;
+  isRight = false;
+  size = "medium";
+  showSelectionCounter = false;
+  optionsParsed = [];
+  valueParsed = void 0;
   constructor() {
     super();
-    this.value = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.description = "";
-    this.error = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.borderless = false;
-    this.options = "";
-    this.selected = void 0;
-    this.isOpen = false;
-    this.openTop = false;
-    this.isLargeIcon = false;
-    this.isRight = false;
-    this.size = "medium";
-    this.showSelectionCounter = false;
-    this.optionsParsed = [];
-    this.valueParsed = void 0;
-    this.inputStyles = ce({
-      base: `bg-neutral-100
+    if (!this.id) {
+      this.id = uniqId();
+    }
+  }
+  inputStyles = ce({
+    base: `bg-neutral-100
       border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
       outline-none transition transition-all duration-150 appearance-none
       text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35
       flex items-center`,
-      variants: {
-        isFullWidth: {
-          true: "w-full"
-        },
-        isDisabled: {
-          true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
-        },
-        hasError: {
-          true: "border-red-85 group-hover:border-red-65"
-        },
-        borderless: {
-          true: "border-0"
-        },
-        size: {
-          small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
-          medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
-        }
+    variants: {
+      isFullWidth: {
+        true: "w-full"
+      },
+      isDisabled: {
+        true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
+      },
+      hasError: {
+        true: "border-red-85 group-hover:border-red-65"
+      },
+      borderless: {
+        true: "border-0"
+      },
+      size: {
+        small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
+        medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
       }
-    });
-    this.counterStyles = ce({
-      base: "border border-neutral-20",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        size: {
-          small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
-          medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
-        }
+    }
+  });
+  counterStyles = ce({
+    base: "border border-neutral-20",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      size: {
+        small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
+        medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
       }
-    });
-    this.iconStyles = ce({
-      base: "absolute right-0 transition cursor-pointer",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        isOpen: {
-          true: "rotate-180"
-        },
-        size: {
-          small: "mr-2",
-          medium: "mr-3"
-        }
+    }
+  });
+  iconStyles = ce({
+    base: "absolute right-0 transition cursor-pointer",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      isOpen: {
+        true: "rotate-180"
+      },
+      size: {
+        small: "mr-2",
+        medium: "mr-3"
       }
-    });
-    if (!this.id) {
-      this.id = uniqId();
     }
-  }
+  });
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("click", this.handleOutsideDropdownClick.bind(this));
@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.116.2",
+  "version": "1.118.0",
   "type": "module",
   "files": [
     "dist",