@lukso/web-components 1.148.0 → 1.149.1

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

@@ -1,15 +1,16 @@
-import '../../index-CIVHkTr0.js';
-import '../../index-Ga3DorGn.js';
-import '../../property-jBJt0uQ6.js';
-import '../../state-Dnqg2VVB.js';
+import '../../index-Dv2LId9u.js';
+import '../../index-DFCjzim8.js';
+import '../../property-D2sYKbRI.js';
+import '../../state-BO7uqVYX.js';
 import '../../index-B9iart53.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-icon/index.js';
 import '../lukso-input/index.js';
 import '../lukso-tag/index.js';
-import '../../index-DpmOTXMc.js';
+import '../../index-nQ4LOAB_.js';
+import '../lukso-tooltip/index.js';
 import '../../tailwind-config.js';
 import '../../cn-Cu9aP49j.js';
-export { L as LuksoSearch } from '../../index-DG1XcY7l.js';
+export { L as LuksoSearch } from '../../index-BMuX92jU.js';
 import '../../uniq-id-CGUN-pJV.js';

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":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAoYX,CAAA;AAED,eAAe,IAAI,CAAA;AAsGnB,qDAAqD;AACrD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sDAAsD;AACtD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAyC9C,6DAA6D;AAC7D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAqBpD,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwC5C,kDAAkD;AAClD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAqB1C,kDAAkD;AAClD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwD5C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,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":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAE1D,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IAoYX,CAAA;AAED,eAAe,IAAI,CAAA;AAsGnB,qDAAqD;AACrD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAM7C,sDAAsD;AACtD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAyC9C,6DAA6D;AAC7D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAqBpD,oDAAoD;AACpD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAwC5C,kDAAkD;AAClD,eAAO,MAAM,SAAS,KAAoB,CAAA;AAqB1C,kDAAkD;AAClD,eAAO,MAAM,WAAW,KAAoB,CAAA;AAoG5C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
-const state = require('../../state-CTmsENPK.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
+const state = require('../../state-CbQ1YSsw.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const components_luksoProfile_index = require('../../index-BfBfOrWa.cjs');
+const components_luksoProfile_index = require('../../index-c1uDSwY7.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-Db0Uh-OD.cjs');
+require('../../index-D04k1aOk.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, E, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
-import { r } from '../../state-Dnqg2VVB.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
+import { r } from '../../state-BO7uqVYX.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { m as makeBlockie } from '../../index-CIVHkTr0.js';
+import { m as makeBlockie } from '../../index-Dv2LId9u.js';
 import '../lukso-icon/index.js';
-import '../../index-DpmOTXMc.js';
+import '../../index-nQ4LOAB_.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
+import { T as TailwindStyledElement, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
-const styleMap = require('../../style-map-CV0IkMGG.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
+const styleMap = require('../../style-map-BPcLqFw4.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
-import { o } from '../../style-map-hOUSiHf5.js';
+import { a as TailwindElement, x, E } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
+import { o } from '../../style-map-V1HGVVW5.js';
 import { c as ce } from '../../index-B9iart53.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const index$1 = require('../../index-CzuGUp5e.cjs');
+const index$1 = require('../../index-BowjCXFs.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
+import { T as TailwindStyledElement, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { c as customStyleMap } from '../../index-CiDuqHsl.js';
+import { c as customStyleMap } from '../../index-DhBkXd96.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
-const state = require('../../state-CTmsENPK.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
+const state = require('../../state-CbQ1YSsw.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
-import { r } from '../../state-Dnqg2VVB.js';
+import { T as TailwindStyledElement, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
+import { r } from '../../state-BO7uqVYX.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
-const state = require('../../state-CTmsENPK.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
+const state = require('../../state-CbQ1YSsw.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
-import { r } from '../../state-Dnqg2VVB.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
+import { r } from '../../state-BO7uqVYX.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
-const state = require('../../state-CTmsENPK.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
+const state = require('../../state-CbQ1YSsw.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-sanitize/index.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-Ga3DorGn.js';
-import { n, t } from '../../property-jBJt0uQ6.js';
-import { r } from '../../state-Dnqg2VVB.js';
+import { T as TailwindStyledElement, x } from '../../index-DFCjzim8.js';
+import { n, t } from '../../property-D2sYKbRI.js';
+import { r } from '../../state-BO7uqVYX.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-sanitize/index.js';
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-C1D2PVva.cjs');
-require('../../property-BF9Ipvfh.cjs');
+require('../../index-ClAf3gfo.cjs');
+require('../../property-4wWsjv_3.cjs');
 require('../../index-CaJky2qL.cjs');
-const components_luksoUsername_index = require('../../index-Db0Uh-OD.cjs');
-require('../../index-CzuGUp5e.cjs');
+const components_luksoUsername_index = require('../../index-D04k1aOk.cjs');
+require('../../index-BowjCXFs.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-CNdKneQ1.cjs');
 require('../../isAddress-CmQX7QJh.cjs');

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

@@ -1,8 +1,8 @@
-import '../../index-Ga3DorGn.js';
-import '../../property-jBJt0uQ6.js';
+import '../../index-DFCjzim8.js';
+import '../../property-D2sYKbRI.js';
 import '../../index-B9iart53.js';
-export { L as LuksoUsername } from '../../index-DpmOTXMc.js';
-import '../../index-CiDuqHsl.js';
+export { L as LuksoUsername } from '../../index-nQ4LOAB_.js';
+import '../../index-DhBkXd96.js';
 import '../../tailwind-config.js';
 import '../../cn-Cu9aP49j.js';
 import '../../isAddress-Dwch1XE4.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-C1D2PVva.cjs');
-const property = require('../../property-BF9Ipvfh.cjs');
+const shared_tailwindElement_index = require('../../index-ClAf3gfo.cjs');
+const property = require('../../property-4wWsjv_3.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 

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

@@ -1,5 +1,5 @@
-import { Z, b as T, T as TailwindStyledElement, x } from '../../index-Ga3DorGn.js';
-import { n, t as t$2 } from '../../property-jBJt0uQ6.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-DFCjzim8.js';
+import { n, t as t$2 } from '../../property-D2sYKbRI.js';
 import { e, i, t as t$1 } from '../../directive-BKuZRRPO.js';
 import { c as ce } from '../../index-B9iart53.js';
 

package/dist/{index-DG1XcY7l.js → index-BMuX92jU.js}

@@ -1,14 +1,15 @@
-import { m as makeBlockie } from './index-CIVHkTr0.js';
-import { T as TailwindStyledElement, x, E } from './index-Ga3DorGn.js';
-import { n, t } from './property-jBJt0uQ6.js';
-import { r } from './state-Dnqg2VVB.js';
+import { m as makeBlockie } from './index-Dv2LId9u.js';
+import { T as TailwindStyledElement, x, E } from './index-DFCjzim8.js';
+import { n, t } from './property-D2sYKbRI.js';
+import { r } from './state-BO7uqVYX.js';
 import { c as ce } from './index-B9iart53.js';
 import './components/lukso-dropdown/index.js';
 import './components/lukso-dropdown-option/index.js';
 import './components/lukso-icon/index.js';
 import './components/lukso-input/index.js';
 import './components/lukso-tag/index.js';
-import { s as sliceAddress } from './index-DpmOTXMc.js';
+import { s as sliceAddress } from './index-nQ4LOAB_.js';
+import './components/lukso-tooltip/index.js';
 import './tailwind-config.js';
 import './cn-Cu9aP49j.js';
 import { u as uniqId } from './uniq-id-CGUN-pJV.js';
@@ -29,6 +30,7 @@ var SEARCH_RESULT_TYPES = /* @__PURE__ */ ((SEARCH_RESULT_TYPES2) => {
   SEARCH_RESULT_TYPES2["ASSET"] = "asset";
   SEARCH_RESULT_TYPES2["APP"] = "app";
   SEARCH_RESULT_TYPES2["UNIVERSAL_NAME"] = "universal-name";
+  SEARCH_RESULT_TYPES2["RECENT_SEARCH"] = "recent-search";
   return SEARCH_RESULT_TYPES2;
 })(SEARCH_RESULT_TYPES || {});
 
@@ -54,7 +56,8 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       [SEARCH_RESULT_TYPES.PROFILE]: "Profiles",
       [SEARCH_RESULT_TYPES.ASSET]: "Assets",
       [SEARCH_RESULT_TYPES.APP]: "Apps",
-      [SEARCH_RESULT_TYPES.STRING]: "Other"
+      [SEARCH_RESULT_TYPES.STRING]: "Other",
+      [SEARCH_RESULT_TYPES.RECENT_SEARCH]: "Recent searches"
     });
     this.availableText = "Available";
     this.unavailableText = "Registered";
@@ -183,13 +186,16 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
             case SEARCH_RESULT_TYPES.APP:
               headerText = groupLabelsParsed[SEARCH_RESULT_TYPES.APP];
               break;
+            case SEARCH_RESULT_TYPES.RECENT_SEARCH:
+              headerText = groupLabelsParsed[SEARCH_RESULT_TYPES.RECENT_SEARCH];
+              break;
             default:
               headerText = groupLabelsParsed[SEARCH_RESULT_TYPES.STRING];
               break;
           }
           resultTemplates.push(
             x`<div
-              class="py-1 my-1 text-neutral-35 paragraph-inter-12-medium tracking-wider border-b border-b-neutral-95 text-left"
+              class="${index === 0 ? "mb-1 pb-1" : "my-1 py-1"} text-neutral-35 paragraph-inter-12-medium tracking-wider border-b border-b-neutral-95 text-left"
             >
               ${headerText}
             </div>`
@@ -215,6 +221,10 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
         case SEARCH_RESULT_TYPES.APP:
           resultTemplates.push(this.resultAppTemplate(result[1], index));
           break;
+        // Recent searches result
+        case SEARCH_RESULT_TYPES.RECENT_SEARCH:
+          resultTemplates.push(this.resultRecentSearchTemplate(result[1]));
+          break;
         // Default string result
         default:
           resultTemplates.push(this.resultStringTemplate(result[1], index));
@@ -337,7 +347,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       size=${this.usernameSize[this.size]}
       ?hide-prefix="${!result.name}"
       class="ml-1"
-    ></lukso-username> `;
+    ></lukso-username>`;
     const eoaUsername = x`<lukso-username
       name="${sliceAddress(result.address, 8)}"
       address="__EOA"
@@ -413,6 +423,107 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       </span>
     </lukso-dropdown-option>`;
   }
+  resultRecentSearchTemplate(result) {
+    const recentSearchTemplates = [];
+    for (const recentSearch of result.value) {
+      switch (recentSearch.type) {
+        case SEARCH_RESULT_TYPES.PROFILE: {
+          const eoaProfilePicture = x`<lukso-tooltip
+            show-delay="2000"
+            class="flex"
+          >
+            <div slot="text">
+              <lukso-username
+                name="${sliceAddress(recentSearch.address, 8)}"
+                address="__EOA"
+                name-color="neutral-20"
+                max-width="300"
+                size="x-small"
+                hide-prefix
+                class="ml-1"
+              ></lukso-username>
+            </div>
+            <lukso-profile
+              profile-address="${recentSearch.address}"
+              profile-url="${recentSearch.address ? makeBlockie(recentSearch.address) : ""}"
+              size=${this.profileSize[this.size]}
+              class="cursor-pointer transition hover:scale-[1.02]"
+              @click=${() => this.handleSelect(recentSearch)}
+            ></lukso-profile
+          ></lukso-tooltip>`;
+          const lsp3ProfilePicture = x`<lukso-tooltip
+            show-delay="2000"
+            class="flex"
+          >
+            <div slot="text">
+              <lukso-username
+                name="${recentSearch.name?.toLowerCase() || "anonymous-profile"}"
+                address="${recentSearch.address}"
+                name-color="neutral-20"
+                max-width="300"
+                size="x-small"
+                ?hide-prefix="${!recentSearch.name}"
+                class="ml-1"
+              ></lukso-username>
+            </div>
+            <lukso-profile
+              profile-address="${recentSearch.address}"
+              profile-url="${recentSearch.image}"
+              size=${this.profileSize[this.size]}
+              has-identicon
+              class="cursor-pointer transition hover:scale-[1.02]"
+              @click=${() => this.handleSelect(recentSearch)}
+            ></lukso-profile
+          ></lukso-tooltip>`;
+          const standard = recentSearch.standard || STANDARDS.LSP3;
+          const profilePicture = standard !== STANDARDS.LSP3 ? eoaProfilePicture : lsp3ProfilePicture;
+          recentSearchTemplates.push(profilePicture);
+          break;
+        }
+        case SEARCH_RESULT_TYPES.ASSET: {
+          const asset = x`<lukso-tooltip show-delay="2000" class="flex">
+            <div slot="text">
+              <span class="font-600"
+                >${recentSearch.name}
+                <span class="text-neutral-60"
+                  >${recentSearch.symbol}</span
+                ></span
+              >
+            </div>
+            <lukso-profile
+              profile-address="${recentSearch.address}"
+              profile-url="${recentSearch.image}"
+              placeholder="/assets/images/token-default.svg"
+              size=${this.profileSize[this.size]}
+              class="cursor-pointer transition hover:scale-[1.02]"
+              @click=${() => this.handleSelect(recentSearch)}
+            ></lukso-profile
+          ></lukso-tooltip>`;
+          recentSearchTemplates.push(asset);
+          break;
+        }
+        case SEARCH_RESULT_TYPES.APP: {
+          const app = x`<lukso-tooltip show-delay="2000" class="flex">
+            <div slot="text">
+              <span class="font-600">${recentSearch.name}</span>
+            </div>
+            <lukso-profile
+              profile-address="${recentSearch.address}"
+              profile-url="${recentSearch.image}"
+              size=${this.profileSize[this.size]}
+              class="cursor-pointer transition hover:scale-[1.02]"
+              @click=${() => this.handleSelect(recentSearch)}
+            ></lukso-profile
+          ></lukso-tooltip>`;
+          recentSearchTemplates.push(app);
+          break;
+        }
+      }
+    }
+    return x`<div class="flex gap-4 mx-3 my-2">
+      ${recentSearchTemplates}
+    </div>`;
+  }
   async handleOutsideDropdownClick(event) {
     const element = event.target;
     let currentElement = element;

package/dist/{index-CzuGUp5e.cjs → index-BowjCXFs.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-C1D2PVva.cjs');
+const shared_tailwindElement_index = require('./index-ClAf3gfo.cjs');
 const directive = require('./directive-DT5Y-Nw0.cjs');
 
 class CustomStyleMapDirective extends directive.i {