@lukso/web-components 1.129.0 → 1.131.0

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

@@ -4,19 +4,31 @@ 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;
+    value: string;
+    status: boolean;
 };
-export type SearchResult = SearchStringResult | SearchProfileResult;
+export type SearchResult = SearchStringResult | SearchProfileResult | SearchUniversalNameResult;
 declare const LuksoSearch_base: typeof import("lit").LitElement;
 export declare class LuksoSearch extends LuksoSearch_base {
     value: string;
     name: string;
     placeholder: string;
     label: string;
+    availableText: string;
+    unavailableText: string;
     autocomplete: string;
     id: string;
     description: string;
@@ -37,19 +49,20 @@ export declare class LuksoSearch extends LuksoSearch_base {
     hasReset: boolean;
     keepValueOnEscapeHit: boolean;
     selected: any;
-    size: InputSize | 'large';
+    size: InputSize | 'large' | 'x-large';
     private isDebouncing;
     private debounceTimer;
     private resultsParsed;
-    private searchTerm;
     private styles;
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
+    sizeDropdown(): InputSize;
     resultsTemplate(): TemplateResult<1>;
     noResultsTemplate(): TemplateResult<1>;
     loadingTemplate(): TemplateResult<1>;
     resultStringTemplate(result: SearchStringResult, index: number): TemplateResult<1>;
+    resultUniversalNameTemplate(result: SearchUniversalNameResult, index: number): TemplateResult<1>;
     resultProfileTemplate(result: SearchProfileResult, index: number): TemplateResult<1>;
     private handleOutsideDropdownClick;
     private handleDropdownKeydown;

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,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,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,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,CAAW;IAGpC,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAiBZ;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;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,21 +1,22 @@
-import { m as makeBlockie } from '../../index-da14e190.js';
-import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { r } from '../../state-9bdaddc0.js';
+import { m as makeBlockie } from '../../index-38990f38.js';
+import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { r } from '../../state-bdfaec36.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-username/index.js';
+import '../lukso-tag/index.js';
+import { s as sliceAddress } from '../../index-9ba001cb.js';
+import '../../tailwind-config.js';
+import '../../cn-90c03edf.js';
 import '../lukso-image/index.js';
-import '../../style-map-8a1e2472.js';
+import '../../style-map-9e6bb4a6.js';
 import '../../directive-2bb7789e.js';
 import '../../uniq-id-ce2d165c.js';
-import '../../tailwind-config.js';
-import '../../cn-90c03edf.js';
 import '../lukso-sanitize/index.js';
-import '../../index-b74237f9.js';
+import '../../index-5387057e.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}";
 
@@ -30,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);
@@ -37,6 +44,8 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.name = "";
     this.placeholder = "";
     this.label = "";
+    this.availableText = "Available";
+    this.unavailableText = "Registered";
     this.autocomplete = "off";
     this.id = "";
     this.description = "";
@@ -57,10 +66,9 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     this.hasReset = false;
     this.keepValueOnEscapeHit = false;
     this.selected = void 0;
-    this.size = "medium";
+    this.size = "large";
     this.isDebouncing = false;
     this.resultsParsed = [];
-    this.searchTerm = "";
     this.styles = ce({
       slots: {
         loading: "bg-neutral-95 w-full animate-pulse animation-delay-none"
@@ -74,6 +82,9 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
             loading: "h-10 rounded-8"
           },
           large: {
+            loading: "h-10 rounded-8"
+          },
+          "x-large": {
             loading: "h-12 rounded-8"
           }
         }
@@ -107,21 +118,34 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       }
     }
   }
+  sizeDropdown() {
+    const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
+    return dropdownSize;
+  }
   resultsTemplate() {
     const resultTemplates = [];
     this.resultsParsed = JSON.parse(this.results);
     for (const result of Object.entries(this.resultsParsed)) {
       const index = Number(result[0]);
-      if ("value" in result[1]) {
-        resultTemplates.push(this.resultStringTemplate(result[1], index));
+      if ("value" in result[1] && "status" in result[1]) {
+        resultTemplates.push(
+          this.resultUniversalNameTemplate(
+            result[1],
+            index
+          )
+        );
+      } else if ("value" in result[1]) {
+        resultTemplates.push(
+          this.resultStringTemplate(result[1], index)
+        );
       } else if ("address" in result[1]) {
         resultTemplates.push(this.resultProfileTemplate(result[1], index));
-      } else {
+      } else if ("value" in result[1]) ; else {
         console.error("Unknown result type", result);
       }
     }
     return x`<lukso-dropdown
-      size=${this.size}
+      size=${this.sizeDropdown()}
       is-open
       is-open-on-outside-click
       is-full-width
@@ -130,7 +154,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
   }
   noResultsTemplate() {
     return x`<lukso-dropdown
-      size=${this.size}
+      size=${this.sizeDropdown()}
       is-open
       is-open-on-outside-click
       is-full-width
@@ -145,7 +169,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     });
     if (this.showNoResults) {
       return x`<lukso-dropdown
-        size=${this.size}
+        size=${this.sizeDropdown()}
         is-open
         is-open-on-outside-click
         is-full-width
@@ -158,7 +182,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     }
     if (this.resultsParsed.length === 0 || this.resultsParsed.length > 5) {
       return x`<lukso-dropdown
-        size=${this.size}
+        size=${this.sizeDropdown()}
         is-open
         is-open-on-outside-click
         is-full-width
@@ -170,7 +194,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
       >`;
     }
     return x`<lukso-dropdown
-      size=${this.size}
+      size=${this.sizeDropdown()}
       is-open
       is-open-on-outside-click
       is-full-width
@@ -182,16 +206,37 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
     >`;
   }
   resultStringTemplate(result, index) {
+    const dropdownSize = this.size === "large" || this.size === "x-large" ? "medium" : this.size;
     return x`<lukso-dropdown-option
       data-id="${result.id}"
       data-index="${index + 1}"
       ?is-selected=${this.selected === index + 1}
-      size=${this.size}
+      size=${dropdownSize}
       @click=${() => this.handleSelect(result)}
     >
       ${result.value}
     </lukso-dropdown-option>`;
   }
+  resultUniversalNameTemplate(result, index) {
+    const tag = x`<lukso-tag
+      is-rounded
+      background-color="${result.status ? "green-90" : "neutral-95"}"
+      text-color="${result.status ? "green-45" : "neutral-60"}"
+      >${!!result.status ? this.availableText : this.unavailableText}</lukso-tag
+    >`;
+    return x`<lukso-dropdown-option
+      data-id="${result.id}"
+      data-index="${index + 1}"
+      ?is-selected=${this.selected === index + 1}
+      size=${this.sizeDropdown()}
+      @click=${() => this.handleSelect(result)}
+    >
+      <div class="flex flex-row items-center justify-between w-full">
+        <div class="paragraph-inter-14-semi-bold">${result.value}</div>
+        ${tag}
+      </div>
+    </lukso-dropdown-option>`;
+  }
   resultProfileTemplate(result, index) {
     const eoaProfilePicture = x`<lukso-profile
       profile-address="${result.address}"
@@ -204,23 +249,49 @@ 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}"
       ?is-selected=${this.selected === index + 1}
-      size=${this.size}
+      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) {
@@ -402,6 +473,12 @@ __decorateClass([
 __decorateClass([
   n({ type: String })
 ], LuksoSearch.prototype, "label", 2);
+__decorateClass([
+  n({ type: String, attribute: "available-text" })
+], LuksoSearch.prototype, "availableText", 2);
+__decorateClass([
+  n({ type: String, attribute: "unavailable-text" })
+], LuksoSearch.prototype, "unavailableText", 2);
 __decorateClass([
   n({ type: String })
 ], LuksoSearch.prototype, "autocomplete", 2);
@@ -474,11 +551,8 @@ __decorateClass([
 __decorateClass([
   r()
 ], LuksoSearch.prototype, "resultsParsed", 2);
-__decorateClass([
-  r()
-], LuksoSearch.prototype, "searchTerm", 2);
 LuksoSearch = __decorateClass([
   t("lukso-search")
 ], LuksoSearch);
 
-export { LuksoSearch };
+export { LuksoSearch, SearchProfileType };

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

@@ -6,6 +6,7 @@ export default meta;
 export declare const DefaultSearch: any;
 /** Example of search with `profile` values.  */
 export declare const ProfileSearch: any;
+export declare const UniversalNameSearch: any;
 /** To indicate when search is processing results you can add `is-searching` attribute. */
 export declare const SearchingState: any;
 /** To show that search hes no results add `show-no-results` attribute. You can also customize no results text with `no-results-text` attribute. */

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,IA8TX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+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,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-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
-const state = require('../../state-ec4491d8.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
+const state = require('../../state-eba8ded5.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const components_luksoProfile_index = require('../../index-e5b0ba18.cjs');
+const components_luksoProfile_index = require('../../index-9c39357d.cjs');
 require('../lukso-icon/index.cjs');
-require('../lukso-username/index.cjs');
+require('../../index-ba49f23a.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-227a49cb.cjs');
+require('../../style-map-b13b92c1.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-2ffc105b.cjs');
+require('../../index-5df012eb.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 

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

@@ -1,18 +1,18 @@
-import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { r } from '../../state-9bdaddc0.js';
+import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { r } from '../../state-bdfaec36.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { m as makeBlockie } from '../../index-da14e190.js';
+import { m as makeBlockie } from '../../index-38990f38.js';
 import '../lukso-icon/index.js';
-import '../lukso-username/index.js';
+import '../../index-9ba001cb.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-sanitize/index.js';
 import { u as uniqId } from '../../uniq-id-ce2d165c.js';
 import '../lukso-image/index.js';
-import '../../style-map-8a1e2472.js';
+import '../../style-map-9e6bb4a6.js';
 import '../../directive-2bb7789e.js';
-import '../../index-b74237f9.js';
+import '../../index-5387057e.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.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-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.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-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
+import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.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-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
-const styleMap = require('../../style-map-227a49cb.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
+const styleMap = require('../../style-map-b13b92c1.cjs');
 const index = require('../../index-2b104ecb.cjs');
 const uniqId = require('../../uniq-id-f0b18085.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-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { o } from '../../style-map-8a1e2472.js';
+import { a as TailwindElement, x, E } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { o } from '../../style-map-9e6bb4a6.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import { u as uniqId } from '../../uniq-id-ce2d165c.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-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-2ffc105b.cjs');
+const index$1 = require('../../index-5df012eb.cjs');
 require('../../directive-8278ab14.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-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
+import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { c as customStyleMap } from '../../index-b74237f9.js';
+import { c as customStyleMap } from '../../index-5387057e.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
-const state = require('../../state-ec4491d8.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
+const state = require('../../state-eba8ded5.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-227a49cb.cjs');
+require('../../style-map-b13b92c1.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { r } from '../../state-9bdaddc0.js';
+import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { r } from '../../state-bdfaec36.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-8a1e2472.js';
+import '../../style-map-9e6bb4a6.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 
 /**

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

@@ -1,5 +1,5 @@
-import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-869a59a0.js';
-import { n as n$3, t as t$4 } from '../../property-ff5733e6.js';
+import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-2d057f81.js';
+import { n as n$3, t as t$4 } from '../../property-5367c26a.js';
 import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
 
 /**

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
-const state = require('../../state-ec4491d8.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
+const state = require('../../state-eba8ded5.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../style-map-227a49cb.cjs');
+require('../../style-map-b13b92c1.cjs');
 require('../../directive-8278ab14.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}";

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

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { r } from '../../state-9bdaddc0.js';
+import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { r } from '../../state-bdfaec36.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-8a1e2472.js';
+import '../../style-map-9e6bb4a6.js';
 import '../../directive-2bb7789e.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}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
-const property = require('../../property-65ed3fa1.cjs');
-const state = require('../../state-ec4491d8.cjs');
+const shared_tailwindElement_index = require('../../index-96bba619.cjs');
+const property = require('../../property-98f7e05b.cjs');
+const state = require('../../state-eba8ded5.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-227a49cb.cjs');
+const styleMap = require('../../style-map-b13b92c1.cjs');
 require('../../directive-8278ab14.cjs');
 
 var top = 'top';

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-869a59a0.js';
-import { n, t } from '../../property-ff5733e6.js';
-import { r } from '../../state-9bdaddc0.js';
+import { T as TailwindStyledElement, x } from '../../index-2d057f81.js';
+import { n, t } from '../../property-5367c26a.js';
+import { r } from '../../state-bdfaec36.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-8a1e2472.js';
+import { o } from '../../style-map-9e6bb4a6.js';
 import '../../directive-2bb7789e.js';
 
 var top = 'top';