@lukso/web-components 1.130.0 → 1.131.1

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

@@ -1,8 +1,8 @@
-import '../../index-82b4fdeb.js';
-import '../../property-cfc5fabd.js';
-export { L as LuksoProfile } from '../../index-de036f63.js';
+import '../../index-44537fbb.js';
+import '../../property-27a56e78.js';
+export { L as LuksoProfile } from '../../index-2f05f181.js';
 import '../../index-d14b6a34.js';
 import '../lukso-image/index.js';
-import '../../state-1aaee2b7.js';
-import '../../style-map-c8670fc8.js';
+import '../../state-cda0c5ee.js';
+import '../../style-map-d0cf7858.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
-const property = require('../../property-7a90cede.cjs');
-const styleMap = require('../../style-map-2abffb39.cjs');
+const shared_tailwindElement_index = require('../../index-b103f110.cjs');
+const property = require('../../property-e2dd6303.cjs');
+const styleMap = require('../../style-map-ff389c6a.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-82b4fdeb.js';
-import { n, t } from '../../property-cfc5fabd.js';
-import { o } from '../../style-map-c8670fc8.js';
+import { a as TailwindElement, x } from '../../index-44537fbb.js';
+import { n, t } from '../../property-27a56e78.js';
+import { o } from '../../style-map-d0cf7858.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
-const property = require('../../property-7a90cede.cjs');
+const shared_tailwindElement_index = require('../../index-b103f110.cjs');
+const property = require('../../property-e2dd6303.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 
 /**

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

@@ -1,5 +1,5 @@
-import { E, b as T, a as TailwindElement, x } from '../../index-82b4fdeb.js';
-import { n, t as t$1 } from '../../property-cfc5fabd.js';
+import { E, b as T, a as TailwindElement, x } from '../../index-44537fbb.js';
+import { n, t as t$1 } from '../../property-27a56e78.js';
 import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
 
 /**

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

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
-const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
-const property = require('../../property-7a90cede.cjs');
-const state = require('../../state-09b048f8.cjs');
+const components_luksoProfile_index = require('../../index-dfcb5b8a.cjs');
+const shared_tailwindElement_index = require('../../index-b103f110.cjs');
+const property = require('../../property-e2dd6303.cjs');
+const state = require('../../state-e20739c9.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-input/index.cjs');
 require('../lukso-tag/index.cjs');
-require('../lukso-username/index.cjs');
+const components_luksoUsername_index = require('../../index-96c96a31.cjs');
+require('../../tailwind-config.cjs');
+require('../../cn-b6daa995.cjs');
 require('../lukso-image/index.cjs');
-require('../../style-map-2abffb39.cjs');
+require('../../style-map-ff389c6a.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../uniq-id-f0b18085.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../tailwind-config.cjs');
-require('../../cn-b6daa995.cjs');
-require('../../index-8eb2e6d8.cjs');
+require('../../index-6bad7e66.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -35,6 +35,12 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
+  SearchProfileType2["UP"] = "up";
+  SearchProfileType2["EOA"] = "eoa";
+  SearchProfileType2["SmartContract"] = "sc";
+  return SearchProfileType2;
+})(SearchProfileType || {});
 exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
@@ -218,7 +224,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
   resultUniversalNameTemplate(result, index) {
     const tag = shared_tailwindElement_index.x`<lukso-tag
       is-rounded
-      background-color="${result.status ? "green-90" : "neutral-95"}"
+      background-color="${result.status ? "green-95" : "neutral-95"}"
       text-color="${result.status ? "green-45" : "neutral-60"}"
       >${!!result.status ? this.availableText : this.unavailableText}</lukso-tag
     >`;
@@ -247,7 +253,41 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
       size="x-small"
       has-identicon
     ></lukso-profile>`;
-    const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
+    const type = result.type || "up" /* UP */;
+    const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
+    const upProfileUsername = shared_tailwindElement_index.x`<lukso-username
+      name="${result.name?.toLowerCase() || "anonymous-profile"}"
+      address="${result.address}"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      ?hide-prefix="${!result.name}"
+      class="ml-1"
+    ></lukso-username> `;
+    const eoaUsername = shared_tailwindElement_index.x`<lukso-username
+      name="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
+      address="__EOA"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      hide-prefix
+      class="ml-1"
+    ></lukso-username>`;
+    const scUsername = shared_tailwindElement_index.x`<lukso-username
+      name=""
+      address="${components_luksoUsername_index.sliceAddress(result.address, 8)}"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      hide-prefix
+      class="ml-1"
+    ></lukso-username>`;
+    let profileName = scUsername;
+    if (type === "eoa" /* EOA */) {
+      profileName = eoaUsername;
+    } else if (type === "up" /* UP */) {
+      profileName = upProfileUsername;
+    }
     return shared_tailwindElement_index.x`<lukso-dropdown-option
       data-id="${result.address}"
       data-index="${index + 1}"
@@ -255,15 +295,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
       size=${this.sizeDropdown()}
       @click=${() => this.handleSelect(result)}
     >
-      ${profilePicture}
-      <lukso-username
-        name="${result.name?.toLowerCase()}"
-        address="${result.address}"
-        name-color="neutral-20"
-        max-width="300"
-        size="medium"
-        class="ml-1"
-      ></lukso-username>
+      ${profilePicture} ${profileName}
     </lukso-dropdown-option>`;
   }
   async handleOutsideDropdownClick(event) {
@@ -526,3 +558,5 @@ __decorateClass([
 exports.LuksoSearch = __decorateClass([
   property.t("lukso-search")
 ], exports.LuksoSearch);
+
+exports.SearchProfileType = SearchProfileType;

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

@@ -4,11 +4,16 @@ export type SearchStringResult = {
     id?: string;
     value: string;
 };
+export declare enum SearchProfileType {
+    UP = "up",
+    EOA = "eoa",
+    SmartContract = "sc"
+}
 export type SearchProfileResult = {
     address: Address;
     image?: string;
     name?: string;
-    isEOA?: boolean;
+    type?: SearchProfileType;
 };
 export type SearchUniversalNameResult = {
     id?: string;

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":"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"}
+{"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"}

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

@@ -1,22 +1,22 @@
-import { m as makeBlockie } from '../../index-de036f63.js';
-import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
-import { n, t } from '../../property-cfc5fabd.js';
-import { r } from '../../state-1aaee2b7.js';
+import { m as makeBlockie } from '../../index-2f05f181.js';
+import { T as TailwindStyledElement, x, E } from '../../index-44537fbb.js';
+import { n, t } from '../../property-27a56e78.js';
+import { r } from '../../state-cda0c5ee.js';
 import { c as ce } from '../../index-d14b6a34.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 '../lukso-username/index.js';
+import { s as sliceAddress } from '../../index-35fd0f44.js';
+import '../../tailwind-config.js';
+import '../../cn-90c03edf.js';
 import '../lukso-image/index.js';
-import '../../style-map-c8670fc8.js';
+import '../../style-map-d0cf7858.js';
 import '../../directive-2bb7789e.js';
 import '../../uniq-id-ce2d165c.js';
 import '../lukso-sanitize/index.js';
-import '../../tailwind-config.js';
-import '../../cn-90c03edf.js';
-import '../../index-11b4b329.js';
+import '../../index-1db9d1ee.js';
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -31,6 +31,12 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+var SearchProfileType = /* @__PURE__ */ ((SearchProfileType2) => {
+  SearchProfileType2["UP"] = "up";
+  SearchProfileType2["EOA"] = "eoa";
+  SearchProfileType2["SmartContract"] = "sc";
+  return SearchProfileType2;
+})(SearchProfileType || {});
 let LuksoSearch = class extends TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
@@ -214,7 +220,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
   resultUniversalNameTemplate(result, index) {
     const tag = x`<lukso-tag
       is-rounded
-      background-color="${result.status ? "green-90" : "neutral-95"}"
+      background-color="${result.status ? "green-95" : "neutral-95"}"
       text-color="${result.status ? "green-45" : "neutral-60"}"
       >${!!result.status ? this.availableText : this.unavailableText}</lukso-tag
     >`;
@@ -243,7 +249,41 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       size="x-small"
       has-identicon
     ></lukso-profile>`;
-    const profilePicture = result.isEOA ? eoaProfilePicture : lsp3ProfilePicture;
+    const type = result.type || "up" /* UP */;
+    const profilePicture = type !== "up" /* UP */ ? eoaProfilePicture : lsp3ProfilePicture;
+    const upProfileUsername = x`<lukso-username
+      name="${result.name?.toLowerCase() || "anonymous-profile"}"
+      address="${result.address}"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      ?hide-prefix="${!result.name}"
+      class="ml-1"
+    ></lukso-username> `;
+    const eoaUsername = x`<lukso-username
+      name="${sliceAddress(result.address, 8)}"
+      address="__EOA"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      hide-prefix
+      class="ml-1"
+    ></lukso-username>`;
+    const scUsername = x`<lukso-username
+      name=""
+      address="${sliceAddress(result.address, 8)}"
+      name-color="neutral-20"
+      max-width="300"
+      size="medium"
+      hide-prefix
+      class="ml-1"
+    ></lukso-username>`;
+    let profileName = scUsername;
+    if (type === "eoa" /* EOA */) {
+      profileName = eoaUsername;
+    } else if (type === "up" /* UP */) {
+      profileName = upProfileUsername;
+    }
     return x`<lukso-dropdown-option
       data-id="${result.address}"
       data-index="${index + 1}"
@@ -251,15 +291,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       size=${this.sizeDropdown()}
       @click=${() => this.handleSelect(result)}
     >
-      ${profilePicture}
-      <lukso-username
-        name="${result.name?.toLowerCase()}"
-        address="${result.address}"
-        name-color="neutral-20"
-        max-width="300"
-        size="medium"
-        class="ml-1"
-      ></lukso-username>
+      ${profilePicture} ${profileName}
     </lukso-dropdown-option>`;
   }
   async handleOutsideDropdownClick(event) {
@@ -523,4 +555,4 @@ LuksoSearch = __decorateClass([
   t("lukso-search")
 ], LuksoSearch);
 
-export { LuksoSearch };
+export { LuksoSearch, SearchProfileType };

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,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"}
+{"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"}

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
-const property = require('../../property-7a90cede.cjs');
-const state = require('../../state-09b048f8.cjs');
+const shared_tailwindElement_index = require('../../index-b103f110.cjs');
+const property = require('../../property-e2dd6303.cjs');
+const state = require('../../state-e20739c9.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
+const components_luksoProfile_index = require('../../index-dfcb5b8a.cjs');
 require('../lukso-icon/index.cjs');
-require('../lukso-username/index.cjs');
+require('../../index-96c96a31.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-sanitize/index.cjs');
 const uniqId = require('../../uniq-id-f0b18085.cjs');
 require('../lukso-image/index.cjs');
-require('../../style-map-2abffb39.cjs');
+require('../../style-map-ff389c6a.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-8eb2e6d8.cjs');
+require('../../index-6bad7e66.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 
@@ -34,84 +34,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();
-    if (!this.id) {
-      this.id = uniqId.uniqId();
-    }
-  }
-  inputStyles = index.ce({
-    base: `bg-neutral-100
+    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
       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"
+        }
       }
-    }
-  });
-  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.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"
+        }
       }
-    }
-  });
-  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"
+    });
+    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"
+        }
       }
+    });
+    if (!this.id) {
+      this.id = uniqId.uniqId();
     }
-  });
+  }
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("click", this.handleOutsideDropdownClick.bind(this));