@lukso/web-components 1.130.0 → 1.131.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/dist/components/index.cjs +8 -7
  2. package/dist/components/index.js +8 -8
  3. package/dist/components/lukso-button/index.cjs +3 -3
  4. package/dist/components/lukso-button/index.js +3 -3
  5. package/dist/components/lukso-card/index.cjs +6 -6
  6. package/dist/components/lukso-card/index.js +6 -6
  7. package/dist/components/lukso-checkbox/index.cjs +3 -3
  8. package/dist/components/lukso-checkbox/index.js +3 -3
  9. package/dist/components/lukso-color-picker/index.cjs +4 -4
  10. package/dist/components/lukso-color-picker/index.js +4 -4
  11. package/dist/components/lukso-dropdown/index.cjs +7 -7
  12. package/dist/components/lukso-dropdown/index.js +7 -7
  13. package/dist/components/lukso-dropdown-option/index.cjs +2 -2
  14. package/dist/components/lukso-dropdown-option/index.js +2 -2
  15. package/dist/components/lukso-footer/index.cjs +2 -2
  16. package/dist/components/lukso-footer/index.js +2 -2
  17. package/dist/components/lukso-icon/index.cjs +3 -3
  18. package/dist/components/lukso-icon/index.js +3 -3
  19. package/dist/components/lukso-image/index.cjs +4 -4
  20. package/dist/components/lukso-image/index.js +4 -4
  21. package/dist/components/lukso-input/index.cjs +16 -15
  22. package/dist/components/lukso-input/index.d.ts.map +1 -1
  23. package/dist/components/lukso-input/index.js +16 -15
  24. package/dist/components/lukso-modal/index.cjs +2 -2
  25. package/dist/components/lukso-modal/index.js +2 -2
  26. package/dist/components/lukso-navbar/index.cjs +5 -5
  27. package/dist/components/lukso-navbar/index.js +5 -5
  28. package/dist/components/lukso-pagination/index.cjs +4 -4
  29. package/dist/components/lukso-pagination/index.js +4 -4
  30. package/dist/components/lukso-profile/index.cjs +5 -5
  31. package/dist/components/lukso-profile/index.js +5 -5
  32. package/dist/components/lukso-progress/index.cjs +3 -3
  33. package/dist/components/lukso-progress/index.js +3 -3
  34. package/dist/components/lukso-sanitize/index.cjs +2 -2
  35. package/dist/components/lukso-sanitize/index.js +2 -2
  36. package/dist/components/lukso-search/index.cjs +53 -19
  37. package/dist/components/lukso-search/index.d.ts +6 -1
  38. package/dist/components/lukso-search/index.d.ts.map +1 -1
  39. package/dist/components/lukso-search/index.js +52 -20
  40. package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
  41. package/dist/components/lukso-select/index.cjs +7 -7
  42. package/dist/components/lukso-select/index.js +7 -7
  43. package/dist/components/lukso-share/index.cjs +2 -2
  44. package/dist/components/lukso-share/index.js +2 -2
  45. package/dist/components/lukso-switch/index.cjs +3 -3
  46. package/dist/components/lukso-switch/index.js +3 -3
  47. package/dist/components/lukso-tag/index.cjs +3 -3
  48. package/dist/components/lukso-tag/index.js +3 -3
  49. package/dist/components/lukso-terms/index.cjs +4 -4
  50. package/dist/components/lukso-terms/index.js +4 -4
  51. package/dist/components/lukso-test/index.cjs +2 -2
  52. package/dist/components/lukso-test/index.js +2 -2
  53. package/dist/components/lukso-textarea/index.cjs +4 -4
  54. package/dist/components/lukso-textarea/index.js +4 -4
  55. package/dist/components/lukso-tooltip/index.cjs +4 -4
  56. package/dist/components/lukso-tooltip/index.js +4 -4
  57. package/dist/components/lukso-username/index.cjs +9 -1330
  58. package/dist/components/lukso-username/index.js +6 -1336
  59. package/dist/components/lukso-wizard/index.cjs +2 -2
  60. package/dist/components/lukso-wizard/index.js +2 -2
  61. package/dist/index-2d057f81.js +37 -0
  62. package/dist/{index-de036f63.js → index-38990f38.js} +2 -2
  63. package/dist/{index-11b4b329.js → index-5387057e.js} +1 -1
  64. package/dist/{index-8eb2e6d8.cjs → index-5df012eb.cjs} +1 -1
  65. package/dist/index-96bba619.cjs +46 -0
  66. package/dist/index-9ba001cb.js +1337 -0
  67. package/dist/{index-2f5d5d79.cjs → index-9c39357d.cjs} +2 -2
  68. package/dist/index-ba49f23a.cjs +1339 -0
  69. package/dist/index.cjs +8 -7
  70. package/dist/index.js +8 -8
  71. package/dist/{property-cfc5fabd.js → property-5367c26a.js} +1 -1
  72. package/dist/{property-7a90cede.cjs → property-98f7e05b.cjs} +1 -1
  73. package/dist/shared/tailwind-element/index.cjs +1 -1
  74. package/dist/shared/tailwind-element/index.js +1 -1
  75. package/dist/{state-1aaee2b7.js → state-bdfaec36.js} +1 -1
  76. package/dist/{state-09b048f8.cjs → state-eba8ded5.cjs} +1 -1
  77. package/dist/{style-map-c8670fc8.js → style-map-9e6bb4a6.js} +1 -1
  78. package/dist/{style-map-2abffb39.cjs → style-map-b13b92c1.cjs} +1 -1
  79. package/package.json +1 -1
  80. package/dist/index-1fd569a9.cjs +0 -46
  81. package/dist/index-82b4fdeb.js +0 -37
@@ -1,8 +1,8 @@
1
- import '../../index-82b4fdeb.js';
2
- import '../../property-cfc5fabd.js';
3
- export { L as LuksoProfile } from '../../index-de036f63.js';
1
+ import '../../index-2d057f81.js';
2
+ import '../../property-5367c26a.js';
3
+ export { L as LuksoProfile } from '../../index-38990f38.js';
4
4
  import '../../index-d14b6a34.js';
5
5
  import '../lukso-image/index.js';
6
- import '../../state-1aaee2b7.js';
7
- import '../../style-map-c8670fc8.js';
6
+ import '../../state-bdfaec36.js';
7
+ import '../../style-map-9e6bb4a6.js';
8
8
  import '../../directive-2bb7789e.js';
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const styleMap = require('../../style-map-2abffb39.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const styleMap = require('../../style-map-b13b92c1.cjs');
8
8
  require('../../tailwind-config.cjs');
9
9
  const cn = require('../../cn-b6daa995.cjs');
10
10
  require('../../directive-8278ab14.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { o } from '../../style-map-c8670fc8.js';
1
+ import { a as TailwindElement, x } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { o } from '../../style-map-9e6bb4a6.js';
4
4
  import '../../tailwind-config.js';
5
5
  import { c as cn } from '../../cn-90c03edf.js';
6
6
  import '../../directive-2bb7789e.js';
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
9
9
  /**
@@ -1,5 +1,5 @@
1
- import { E, b as T, a as TailwindElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t as t$1 } from '../../property-cfc5fabd.js';
1
+ import { E, b as T, a as TailwindElement, x } from '../../index-2d057f81.js';
2
+ import { n, t as t$1 } from '../../property-5367c26a.js';
3
3
  import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
4
4
 
5
5
  /**
@@ -2,25 +2,25 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
6
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
7
- const property = require('../../property-7a90cede.cjs');
8
- const state = require('../../state-09b048f8.cjs');
5
+ const components_luksoProfile_index = require('../../index-9c39357d.cjs');
6
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
7
+ const property = require('../../property-98f7e05b.cjs');
8
+ const state = require('../../state-eba8ded5.cjs');
9
9
  const index = require('../../index-2b104ecb.cjs');
10
10
  require('../lukso-dropdown/index.cjs');
11
11
  require('../lukso-dropdown-option/index.cjs');
12
12
  require('../lukso-icon/index.cjs');
13
13
  require('../lukso-input/index.cjs');
14
14
  require('../lukso-tag/index.cjs');
15
- require('../lukso-username/index.cjs');
15
+ const components_luksoUsername_index = require('../../index-ba49f23a.cjs');
16
+ require('../../tailwind-config.cjs');
17
+ require('../../cn-b6daa995.cjs');
16
18
  require('../lukso-image/index.cjs');
17
- require('../../style-map-2abffb39.cjs');
19
+ require('../../style-map-b13b92c1.cjs');
18
20
  require('../../directive-8278ab14.cjs');
19
21
  require('../../uniq-id-f0b18085.cjs');
20
22
  require('../lukso-sanitize/index.cjs');
21
- require('../../tailwind-config.cjs');
22
- require('../../cn-b6daa995.cjs');
23
- require('../../index-8eb2e6d8.cjs');
23
+ require('../../index-5df012eb.cjs');
24
24
 
25
25
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
26
26
 
@@ -35,6 +35,12 @@ var __decorateClass = (decorators, target, key, kind) => {
35
35
  __defProp(target, key, result);
36
36
  return result;
37
37
  };
38
+ var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
39
+ SearchProfileType2["UP"] = "up";
40
+ SearchProfileType2["EOA"] = "eoa";
41
+ SearchProfileType2["SmartContract"] = "sc";
42
+ return SearchProfileType2;
43
+ })(SearchProfileType || {});
38
44
  exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.TailwindStyledElement(style) {
39
45
  constructor() {
40
46
  super(...arguments);
@@ -247,7 +253,41 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
247
253
  size="x-small"
248
254
  has-identicon
249
255
  ></lukso-profile>`;
250
- const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
256
+ const type = result.type || "up" /* UP */;
257
+ const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
258
+ const upProfileUsername = shared_tailwindElement_index.x`<lukso-username
259
+ name="${result.name?.toLowerCase() || "anonymous-profile"}"
260
+ address="${result.address}"
261
+ name-color="neutral-20"
262
+ max-width="300"
263
+ size="medium"
264
+ ?hide-prefix="${!result.name}"
265
+ class="ml-1"
266
+ ></lukso-username> `;
267
+ const eoaUsername = shared_tailwindElement_index.x`<lukso-username
268
+ name="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
269
+ address="__EOA"
270
+ name-color="neutral-20"
271
+ max-width="300"
272
+ size="medium"
273
+ hide-prefix
274
+ class="ml-1"
275
+ ></lukso-username>`;
276
+ const scUsername = shared_tailwindElement_index.x`<lukso-username
277
+ name=""
278
+ address="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
279
+ name-color="neutral-20"
280
+ max-width="300"
281
+ size="medium"
282
+ hide-prefix
283
+ class="ml-1"
284
+ ></lukso-username>`;
285
+ let profileName = scUsername;
286
+ if (type === "eoa" /* EOA */) {
287
+ profileName = eoaUsername;
288
+ } else if (type === "up" /* UP */) {
289
+ profileName = upProfileUsername;
290
+ }
251
291
  return shared_tailwindElement_index.x`<lukso-dropdown-option
252
292
  data-id="${result.address}"
253
293
  data-index="${index + 1}"
@@ -255,15 +295,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
255
295
  size=${this.sizeDropdown()}
256
296
  @click=${() => this.handleSelect(result)}
257
297
  >
258
- ${profilePicture}
259
- <lukso-username
260
- name="${result.name?.toLowerCase()}"
261
- address="${result.address}"
262
- name-color="neutral-20"
263
- max-width="300"
264
- size="medium"
265
- class="ml-1"
266
- ></lukso-username>
298
+ ${profilePicture} ${profileName}
267
299
  </lukso-dropdown-option>`;
268
300
  }
269
301
  async handleOutsideDropdownClick(event) {
@@ -526,3 +558,5 @@ __decorateClass([
526
558
  exports.LuksoSearch = __decorateClass([
527
559
  property.t("lukso-search")
528
560
  ], exports.LuksoSearch);
561
+
562
+ exports.SearchProfileType = SearchProfileType;
@@ -4,11 +4,16 @@ export type SearchStringResult = {
4
4
  id?: string;
5
5
  value: string;
6
6
  };
7
+ export declare enum SearchProfileType {
8
+ UP = "up",
9
+ EOA = "eoa",
10
+ SmartContract = "sc"
11
+ }
7
12
  export type SearchProfileResult = {
8
13
  address: Address;
9
14
  image?: string;
10
15
  name?: string;
11
- isEOA?: boolean;
16
+ type?: SearchProfileType;
12
17
  };
13
18
  export type SearchUniversalNameResult = {
14
19
  id?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAIpC,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,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,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,SAAS,SAAW;IAGpB,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,GAAG,OAAO,GAAG,SAAS,CAAU;IAG/C,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,YAAY;IAMZ,eAAe;IAsCf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAc9D,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAsBf,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;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,6BAA6B,CAAA;AAKpC,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,oBAAY,iBAAiB;IAC3B,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,aAAa,OAAO;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,yBAAyB,CAAA;;AAE7B,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,aAAa,SAAc;IAG3B,eAAe,SAAe;IAG9B,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,SAAS,SAAW;IAGpB,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,GAAG,OAAO,GAAG,SAAS,CAAU;IAG/C,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAE1C,OAAO,CAAC,MAAM,CAoBZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,YAAY;IAMZ,eAAe;IAsCf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAc9D,2BAA2B,CACzB,MAAM,EAAE,yBAAyB,EACjC,KAAK,EAAE,MAAM;IAsBf,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAkElD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
@@ -1,22 +1,22 @@
1
- import { m as makeBlockie } from '../../index-de036f63.js';
2
- import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
3
- import { n, t } from '../../property-cfc5fabd.js';
4
- import { r } from '../../state-1aaee2b7.js';
1
+ import { m as makeBlockie } from '../../index-38990f38.js';
2
+ import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
3
+ import { n, t } from '../../property-5367c26a.js';
4
+ import { r } from '../../state-bdfaec36.js';
5
5
  import { c as ce } from '../../index-d14b6a34.js';
6
6
  import '../lukso-dropdown/index.js';
7
7
  import '../lukso-dropdown-option/index.js';
8
8
  import '../lukso-icon/index.js';
9
9
  import '../lukso-input/index.js';
10
10
  import '../lukso-tag/index.js';
11
- import '../lukso-username/index.js';
11
+ import { s as sliceAddress } from '../../index-9ba001cb.js';
12
+ import '../../tailwind-config.js';
13
+ import '../../cn-90c03edf.js';
12
14
  import '../lukso-image/index.js';
13
- import '../../style-map-c8670fc8.js';
15
+ import '../../style-map-9e6bb4a6.js';
14
16
  import '../../directive-2bb7789e.js';
15
17
  import '../../uniq-id-ce2d165c.js';
16
18
  import '../lukso-sanitize/index.js';
17
- import '../../tailwind-config.js';
18
- import '../../cn-90c03edf.js';
19
- import '../../index-11b4b329.js';
19
+ import '../../index-5387057e.js';
20
20
 
21
21
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
22
22
 
@@ -31,6 +31,12 @@ var __decorateClass = (decorators, target, key, kind) => {
31
31
  __defProp(target, key, result);
32
32
  return result;
33
33
  };
34
+ var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
35
+ SearchProfileType2["UP"] = "up";
36
+ SearchProfileType2["EOA"] = "eoa";
37
+ SearchProfileType2["SmartContract"] = "sc";
38
+ return SearchProfileType2;
39
+ })(SearchProfileType || {});
34
40
  let LuksoSearch = class extends TailwindStyledElement(style) {
35
41
  constructor() {
36
42
  super(...arguments);
@@ -243,7 +249,41 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
243
249
  size="x-small"
244
250
  has-identicon
245
251
  ></lukso-profile>`;
246
- const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
252
+ const type = result.type || "up" /* UP */;
253
+ const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
254
+ const upProfileUsername = x`<lukso-username
255
+ name="${result.name?.toLowerCase() || "anonymous-profile"}"
256
+ address="${result.address}"
257
+ name-color="neutral-20"
258
+ max-width="300"
259
+ size="medium"
260
+ ?hide-prefix="${!result.name}"
261
+ class="ml-1"
262
+ ></lukso-username> `;
263
+ const eoaUsername = x`<lukso-username
264
+ name="${sliceAddress(result.address, 8)}"
265
+ address="__EOA"
266
+ name-color="neutral-20"
267
+ max-width="300"
268
+ size="medium"
269
+ hide-prefix
270
+ class="ml-1"
271
+ ></lukso-username>`;
272
+ const scUsername = x`<lukso-username
273
+ name=""
274
+ address="${sliceAddress(result.address, 8)}"
275
+ name-color="neutral-20"
276
+ max-width="300"
277
+ size="medium"
278
+ hide-prefix
279
+ class="ml-1"
280
+ ></lukso-username>`;
281
+ let profileName = scUsername;
282
+ if (type === "eoa" /* EOA */) {
283
+ profileName = eoaUsername;
284
+ } else if (type === "up" /* UP */) {
285
+ profileName = upProfileUsername;
286
+ }
247
287
  return x`<lukso-dropdown-option
248
288
  data-id="${result.address}"
249
289
  data-index="${index + 1}"
@@ -251,15 +291,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
251
291
  size=${this.sizeDropdown()}
252
292
  @click=${() => this.handleSelect(result)}
253
293
  >
254
- ${profilePicture}
255
- <lukso-username
256
- name="${result.name?.toLowerCase()}"
257
- address="${result.address}"
258
- name-color="neutral-20"
259
- max-width="300"
260
- size="medium"
261
- class="ml-1"
262
- ></lukso-username>
294
+ ${profilePicture} ${profileName}
263
295
  </lukso-dropdown-option>`;
264
296
  }
265
297
  async handleOutsideDropdownClick(event) {
@@ -523,4 +555,4 @@ LuksoSearch = __decorateClass([
523
555
  t("lukso-search")
524
556
  ], LuksoSearch);
525
557
 
526
- export { LuksoSearch };
558
+ export { LuksoSearch, SearchProfileType };
@@ -1 +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,IAwVX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA0B9C,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAmBpD,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"}
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,IAwVX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AAkC9C,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAmBpD,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"}
@@ -2,21 +2,21 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const state = require('../../state-09b048f8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const state = require('../../state-eba8ded5.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
- const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
9
+ const components_luksoProfile_index = require('../../index-9c39357d.cjs');
10
10
  require('../lukso-icon/index.cjs');
11
- require('../lukso-username/index.cjs');
11
+ require('../../index-ba49f23a.cjs');
12
12
  require('../lukso-dropdown/index.cjs');
13
13
  require('../lukso-dropdown-option/index.cjs');
14
14
  require('../lukso-sanitize/index.cjs');
15
15
  const uniqId = require('../../uniq-id-f0b18085.cjs');
16
16
  require('../lukso-image/index.cjs');
17
- require('../../style-map-2abffb39.cjs');
17
+ require('../../style-map-b13b92c1.cjs');
18
18
  require('../../directive-8278ab14.cjs');
19
- require('../../index-8eb2e6d8.cjs');
19
+ require('../../index-5df012eb.cjs');
20
20
  require('../../tailwind-config.cjs');
21
21
  require('../../cn-b6daa995.cjs');
22
22
 
@@ -1,18 +1,18 @@
1
- import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { r } from '../../state-1aaee2b7.js';
1
+ import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { r } from '../../state-bdfaec36.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
- import { m as makeBlockie } from '../../index-de036f63.js';
5
+ import { m as makeBlockie } from '../../index-38990f38.js';
6
6
  import '../lukso-icon/index.js';
7
- import '../lukso-username/index.js';
7
+ import '../../index-9ba001cb.js';
8
8
  import '../lukso-dropdown/index.js';
9
9
  import '../lukso-dropdown-option/index.js';
10
10
  import '../lukso-sanitize/index.js';
11
11
  import { u as uniqId } from '../../uniq-id-ce2d165c.js';
12
12
  import '../lukso-image/index.js';
13
- import '../../style-map-c8670fc8.js';
13
+ import '../../style-map-9e6bb4a6.js';
14
14
  import '../../directive-2bb7789e.js';
15
- import '../../index-11b4b329.js';
15
+ import '../../index-5387057e.js';
16
16
  import '../../tailwind-config.js';
17
17
  import '../../cn-90c03edf.js';
18
18
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
7
 
8
8
  const style = ":host {\n display: inline-flex\n}";
9
9
 
@@ -1,5 +1,5 @@
1
- import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
3
 
4
4
  const style = ":host {\n display: inline-flex\n}";
5
5
 
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const styleMap = require('../../style-map-2abffb39.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const styleMap = require('../../style-map-b13b92c1.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
9
  const uniqId = require('../../uniq-id-f0b18085.cjs');
10
10
  require('../lukso-sanitize/index.cjs');
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x, E } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { o } from '../../style-map-c8670fc8.js';
1
+ import { a as TailwindElement, x, E } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { o } from '../../style-map-9e6bb4a6.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
5
  import { u as uniqId } from '../../uniq-id-ce2d165c.js';
6
6
  import '../lukso-sanitize/index.js';
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
7
  const index = require('../../index-2b104ecb.cjs');
8
- const index$1 = require('../../index-8eb2e6d8.cjs');
8
+ const index$1 = require('../../index-5df012eb.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
11
11
  const style = ":host {\n display: inline-flex\n}";
@@ -1,7 +1,7 @@
1
- import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
3
  import { c as ce } from '../../index-d14b6a34.js';
4
- import { c as customStyleMap } from '../../index-11b4b329.js';
4
+ import { c as customStyleMap } from '../../index-5387057e.js';
5
5
  import '../../directive-2bb7789e.js';
6
6
 
7
7
  const style = ":host {\n display: inline-flex\n}";
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const state = require('../../state-09b048f8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const state = require('../../state-eba8ded5.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-sanitize/index.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
- require('../../style-map-2abffb39.cjs');
12
+ require('../../style-map-b13b92c1.cjs');
13
13
 
14
14
  const style = ":host {\n display: flex;\n height: 100%\n}";
15
15
 
@@ -1,11 +1,11 @@
1
- import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { r } from '../../state-1aaee2b7.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { r } from '../../state-bdfaec36.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-sanitize/index.js';
7
7
  import '../../directive-2bb7789e.js';
8
- import '../../style-map-c8670fc8.js';
8
+ import '../../style-map-9e6bb4a6.js';
9
9
 
10
10
  const style = ":host {\n display: flex;\n height: 100%\n}";
11
11
 
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
7
  const directive = require('../../directive-8278ab14.cjs');
8
8
 
9
9
  /**
@@ -1,5 +1,5 @@
1
- import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-82b4fdeb.js';
2
- import { n as n$3, t as t$4 } from '../../property-cfc5fabd.js';
1
+ import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-2d057f81.js';
2
+ import { n as n$3, t as t$4 } from '../../property-5367c26a.js';
3
3
  import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
4
4
 
5
5
  /**
@@ -2,15 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const state = require('../../state-09b048f8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const state = require('../../state-eba8ded5.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
9
  require('../../tailwind-config.cjs');
10
10
  const cn = require('../../cn-b6daa995.cjs');
11
11
  require('../lukso-icon/index.cjs');
12
12
  require('../lukso-sanitize/index.cjs');
13
- require('../../style-map-2abffb39.cjs');
13
+ require('../../style-map-b13b92c1.cjs');
14
14
  require('../../directive-8278ab14.cjs');
15
15
 
16
16
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
@@ -1,12 +1,12 @@
1
- import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { r } from '../../state-1aaee2b7.js';
1
+ import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { r } from '../../state-bdfaec36.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
5
  import '../../tailwind-config.js';
6
6
  import { c as cn } from '../../cn-90c03edf.js';
7
7
  import '../lukso-icon/index.js';
8
8
  import '../lukso-sanitize/index.js';
9
- import '../../style-map-c8670fc8.js';
9
+ import '../../style-map-9e6bb4a6.js';
10
10
  import '../../directive-2bb7789e.js';
11
11
 
12
12
  const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
6
- const property = require('../../property-7a90cede.cjs');
7
- const state = require('../../state-09b048f8.cjs');
5
+ const shared_tailwindElement_index = require('../../index-96bba619.cjs');
6
+ const property = require('../../property-98f7e05b.cjs');
7
+ const state = require('../../state-eba8ded5.cjs');
8
8
  const index = require('../../index-2b104ecb.cjs');
9
- const styleMap = require('../../style-map-2abffb39.cjs');
9
+ const styleMap = require('../../style-map-b13b92c1.cjs');
10
10
  require('../../directive-8278ab14.cjs');
11
11
 
12
12
  var top = 'top';
@@ -1,8 +1,8 @@
1
- import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
2
- import { n, t } from '../../property-cfc5fabd.js';
3
- import { r } from '../../state-1aaee2b7.js';
1
+ import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
2
+ import { n, t } from '../../property-5367c26a.js';
3
+ import { r } from '../../state-bdfaec36.js';
4
4
  import { c as ce } from '../../index-d14b6a34.js';
5
- import { o } from '../../style-map-c8670fc8.js';
5
+ import { o } from '../../style-map-9e6bb4a6.js';
6
6
  import '../../directive-2bb7789e.js';
7
7
 
8
8
  var top = 'top';