@lukso/web-components 1.132.1 → 1.133.0

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const index$1 = require('../../index-BqVcbfZx.cjs');
+const index$1 = require('../../index-BU2n3O3i.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-DqnJ63Q8.js';
-import { n, t } from '../../property-BqHUZDET.js';
+import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
+import { n, t } from '../../property-CkmArYBu.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { c as customStyleMap } from '../../index-DvI1czUV.js';
+import { c as customStyleMap } from '../../index-_yzN6-V_.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-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
-const state = require('../../state-CfjNOKrO.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
+const state = require('../../state-BPlyD0ke.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-DqnJ63Q8.js';
-import { n, t } from '../../property-BqHUZDET.js';
-import { r } from '../../state-C3Y3QGjX.js';
+import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
+import { n, t } from '../../property-CkmArYBu.js';
+import { r } from '../../state-C2ESTJU7.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
-const directiveHelpers = require('../../directive-helpers-D3mI9lsC.cjs');
+const directiveHelpers = require('../../directive-helpers-Claj8QFS.cjs');
 
 /**
  * @license

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

@@ -1,7 +1,7 @@
-import { E, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-DqnJ63Q8.js';
-import { n as n$2, t as t$2 } from '../../property-BqHUZDET.js';
+import { E, b as T, T as TailwindStyledElement, x as x$1 } from '../../index-u03FFuQ-.js';
+import { n as n$2, t as t$2 } from '../../property-CkmArYBu.js';
 import { i as i$1, t as t$1, e as e$1 } from '../../directive-BKuZRRPO.js';
-import { f as f$1 } from '../../directive-helpers-BbrBWb9B.js';
+import { f as f$1 } from '../../directive-helpers-3kxRVVhW.js';
 
 /**
  * @license

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
-const state = require('../../state-CfjNOKrO.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
+const state = require('../../state-BPlyD0ke.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-DqnJ63Q8.js';
-import { n, t } from '../../property-BqHUZDET.js';
-import { r } from '../../state-C3Y3QGjX.js';
+import { T as TailwindStyledElement, E, x } from '../../index-u03FFuQ-.js';
+import { n, t } from '../../property-CkmArYBu.js';
+import { r } from '../../state-C2ESTJU7.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,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
-const state = require('../../state-CfjNOKrO.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
+const state = require('../../state-BPlyD0ke.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-DUOdo8Aw.cjs');
+require('../lukso-sanitize/index.cjs');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -3470,18 +3470,15 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
     this.copyText = "";
     this.copyValue = "";
     this.offset = 10;
-    this.options = "";
     this.showArrow = true;
     this.showDelay = 300;
     this.hideDelay = 300;
     this.showCopy = false;
-    this.optionsParsed = [];
     this.tooltipInstance = void 0;
     this.styles = index.ce({
       slots: {
         tooltip: "hidden",
-        trigger: "cursor-pointer flex flex-col items-center",
-        options: "rounded-4 hover:bg-neutral-95"
+        trigger: "cursor-pointer flex flex-col items-center"
       },
       variants: {
         hasNoText: {
@@ -3491,6 +3488,30 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
         }
       }
     });
+    this.handleSlotChange = () => {
+      const textSlot = this.shadowRoot?.querySelector(
+        'slot[name="text"]'
+      );
+      if (textSlot) {
+        setTimeout(() => {
+          const assignedNodes = textSlot.assignedNodes({ flatten: true });
+          const html2 = assignedNodes.map((node) => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+              return node.innerHTML;
+            }
+            if (node.nodeType === Node.TEXT_NODE) {
+              return node.textContent?.trim() || "";
+            }
+            return "";
+          }).filter(Boolean).join("").replace(/<!--\?lit\$.*?\$-->/g, "");
+          const decoded = this.decodeHtmlEntities(html2);
+          if (decoded && `<div>${decoded}</div>` !== this.text) {
+            this.text = `<div>${decoded}</div>`;
+            this.initTooltip();
+          }
+        }, 0);
+      }
+    };
   }
   hideOnClickCheck() {
     if (this.hideOnClick === "toggle") {
@@ -3510,7 +3531,7 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
       this.tooltipInstance.destroy();
       this.tooltipInstance = void 0;
     }
-    if (!this.text && !this.options) {
+    if (!this.text) {
       return;
     }
     this.tooltipInstance = tippy(trigger, {
@@ -3548,19 +3569,12 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
     if (changedProperties.has("show") && this.trigger === "manual") {
       if (this.show) {
         !this.tooltipInstance && this.initTooltip();
-        this.tooltipInstance.show();
+        this.tooltipInstance?.show();
       } else {
         this.tooltipInstance?.hide();
       }
       return;
     }
-    if (changedProperties.has("options") && !!this.options) {
-      try {
-        this.optionsParsed = JSON.parse(this.options);
-      } catch (error) {
-        console.warn("Could not parse options", error);
-      }
-    }
     if (changedProperties.has("text")) {
       if (this.text !== "") {
         this.initTooltip();
@@ -3570,25 +3584,32 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
       }
     }
   }
+  connectedCallback() {
+    super.connectedCallback();
+    setTimeout(() => {
+      const textSlot = this.shadowRoot?.querySelector(
+        'slot[name="text"]'
+      );
+      if (textSlot) {
+        textSlot.addEventListener("slotchange", this.handleSlotChange);
+        this.handleSlotChange();
+      }
+    }, 0);
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.tooltipInstance?.destroy();
+    const textSlot = this.shadowRoot?.querySelector(
+      'slot[name="text"]'
+    );
+    if (textSlot) {
+      textSlot.removeEventListener("slotchange", this.handleSlotChange);
+    }
   }
-  optionsTemplate(styles) {
-    return shared_tailwindElement_index.x`<ul>
-      ${Object.entries(this.optionsParsed)?.map(
-      (option) => shared_tailwindElement_index.x`<li
-            class=${styles.options()}
-            style=${styleMap.o({
-        padding: "4px 8px",
-        cursor: "pointer"
-      })}
-            onClick="navigator.clipboard.writeText('${option[1].value}')"
-          >
-            ${option[1].text}
-          </li>`
-    )}
-    </ul>`;
+  decodeHtmlEntities(str) {
+    const txt = document.createElement("textarea");
+    txt.innerHTML = str;
+    return txt.value;
   }
   render() {
     const styles = this.styles({
@@ -3596,8 +3617,9 @@ exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.T
     });
     return shared_tailwindElement_index.x`
       <div id="tooltip" role="tooltip" class=${styles.tooltip()}>
-        ${this.options ? this.optionsTemplate(styles) : this.text}
+        ${shared_tailwindElement_index.x`<lukso-sanitize html-content=${this.text}></lukso-sanitize>`}
       </div>
+      <slot name="text" class="hidden"></slot>
       ${this.isClipboardCopy ? shared_tailwindElement_index.x`<lukso-tooltip
             variant=${this.variant}
             size=${this.size}
@@ -3661,9 +3683,6 @@ __decorateClass([
 __decorateClass([
   property.n({ type: Number })
 ], exports.LuksoTooltip.prototype, "offset", 2);
-__decorateClass([
-  property.n({ type: String })
-], exports.LuksoTooltip.prototype, "options", 2);
 __decorateClass([
   property.n({ type: Boolean, attribute: "show-arrow" })
 ], exports.LuksoTooltip.prototype, "showArrow", 2);
@@ -3676,9 +3695,6 @@ __decorateClass([
 __decorateClass([
   state.r()
 ], exports.LuksoTooltip.prototype, "showCopy", 2);
-__decorateClass([
-  state.r()
-], exports.LuksoTooltip.prototype, "optionsParsed", 2);
 exports.LuksoTooltip = __decorateClass([
   property.t("lukso-tooltip")
 ], exports.LuksoTooltip);

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

@@ -22,20 +22,20 @@ export declare class LuksoTooltip extends LuksoTooltip_base {
     copyText: string;
     copyValue: string;
     offset: number;
-    options: string;
     showArrow: boolean;
     showDelay: number;
     hideDelay: number;
     showCopy: boolean;
-    optionsParsed: TooltipOption[];
     private tooltipInstance;
     private styles;
     private hideOnClickCheck;
     private initTooltip;
     private handleClick;
     willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
+    connectedCallback(): void;
     disconnectedCallback(): void;
-    private optionsTemplate;
+    private handleSlotChange;
+    private decodeHtmlEntities;
     render(): import('lit-html').TemplateResult<1>;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAS/C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,OAAO,SAAK;IAGZ,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAGhB,aAAa,EAAE,aAAa,EAAE,CAAK;IAEnC,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,MAAM,CAaZ;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAgCxD,oBAAoB;IAKpB,OAAO,CAAC,eAAe;IAmBvB,MAAM;CAqCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAO/C,OAAO,6BAA6B,CAAA;AAEpC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC9E,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC5C,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE9D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;AAED,qBACa,YAAa,SAAQ,iBAA4B;IAE5D,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAW;IAG5B,SAAS,EAAE,gBAAgB,CAAQ;IAGnC,OAAO,EAAE,cAAc,CAAe;IAGtC,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,IAAI,UAAQ;IAGZ,WAAW,SAAS;IAGpB,eAAe,UAAQ;IAGvB,QAAQ,SAAK;IAGb,SAAS,SAAK;IAGd,MAAM,SAAK;IAGX,SAAS,UAAO;IAGhB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,QAAQ,UAAQ;IAEhB,OAAO,CAAC,eAAe,CAAY;IAEnC,OAAO,CAAC,MAAM,CAYZ;IAEF,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,WAAW;IAmCnB,OAAO,CAAC,WAAW;IAab,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBxD,iBAAiB;IAejB,oBAAoB;IAYpB,OAAO,CAAC,gBAAgB,CA8BvB;IAED,OAAO,CAAC,kBAAkB;IAM1B,MAAM;CAsCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-DqnJ63Q8.js';
-import { n, t } from '../../property-BqHUZDET.js';
-import { r } from '../../state-C3Y3QGjX.js';
+import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
+import { n, t } from '../../property-CkmArYBu.js';
+import { r } from '../../state-C2ESTJU7.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-DpzNuCXP.js';
+import '../lukso-sanitize/index.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -3466,18 +3466,15 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
     this.copyText = "";
     this.copyValue = "";
     this.offset = 10;
-    this.options = "";
     this.showArrow = true;
     this.showDelay = 300;
     this.hideDelay = 300;
     this.showCopy = false;
-    this.optionsParsed = [];
     this.tooltipInstance = void 0;
     this.styles = ce({
       slots: {
         tooltip: "hidden",
-        trigger: "cursor-pointer flex flex-col items-center",
-        options: "rounded-4 hover:bg-neutral-95"
+        trigger: "cursor-pointer flex flex-col items-center"
       },
       variants: {
         hasNoText: {
@@ -3487,6 +3484,30 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
         }
       }
     });
+    this.handleSlotChange = () => {
+      const textSlot = this.shadowRoot?.querySelector(
+        'slot[name="text"]'
+      );
+      if (textSlot) {
+        setTimeout(() => {
+          const assignedNodes = textSlot.assignedNodes({ flatten: true });
+          const html2 = assignedNodes.map((node) => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+              return node.innerHTML;
+            }
+            if (node.nodeType === Node.TEXT_NODE) {
+              return node.textContent?.trim() || "";
+            }
+            return "";
+          }).filter(Boolean).join("").replace(/<!--\?lit\$.*?\$-->/g, "");
+          const decoded = this.decodeHtmlEntities(html2);
+          if (decoded && `<div>${decoded}</div>` !== this.text) {
+            this.text = `<div>${decoded}</div>`;
+            this.initTooltip();
+          }
+        }, 0);
+      }
+    };
   }
   hideOnClickCheck() {
     if (this.hideOnClick === "toggle") {
@@ -3506,7 +3527,7 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
       this.tooltipInstance.destroy();
       this.tooltipInstance = void 0;
     }
-    if (!this.text && !this.options) {
+    if (!this.text) {
       return;
     }
     this.tooltipInstance = tippy(trigger, {
@@ -3544,19 +3565,12 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
     if (changedProperties.has("show") && this.trigger === "manual") {
       if (this.show) {
         !this.tooltipInstance && this.initTooltip();
-        this.tooltipInstance.show();
+        this.tooltipInstance?.show();
       } else {
         this.tooltipInstance?.hide();
       }
       return;
     }
-    if (changedProperties.has("options") && !!this.options) {
-      try {
-        this.optionsParsed = JSON.parse(this.options);
-      } catch (error) {
-        console.warn("Could not parse options", error);
-      }
-    }
     if (changedProperties.has("text")) {
       if (this.text !== "") {
         this.initTooltip();
@@ -3566,25 +3580,32 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
       }
     }
   }
+  connectedCallback() {
+    super.connectedCallback();
+    setTimeout(() => {
+      const textSlot = this.shadowRoot?.querySelector(
+        'slot[name="text"]'
+      );
+      if (textSlot) {
+        textSlot.addEventListener("slotchange", this.handleSlotChange);
+        this.handleSlotChange();
+      }
+    }, 0);
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this.tooltipInstance?.destroy();
+    const textSlot = this.shadowRoot?.querySelector(
+      'slot[name="text"]'
+    );
+    if (textSlot) {
+      textSlot.removeEventListener("slotchange", this.handleSlotChange);
+    }
   }
-  optionsTemplate(styles) {
-    return x`<ul>
-      ${Object.entries(this.optionsParsed)?.map(
-      (option) => x`<li
-            class=${styles.options()}
-            style=${o({
-        padding: "4px 8px",
-        cursor: "pointer"
-      })}
-            onClick="navigator.clipboard.writeText('${option[1].value}')"
-          >
-            ${option[1].text}
-          </li>`
-    )}
-    </ul>`;
+  decodeHtmlEntities(str) {
+    const txt = document.createElement("textarea");
+    txt.innerHTML = str;
+    return txt.value;
   }
   render() {
     const styles = this.styles({
@@ -3592,8 +3613,9 @@ let LuksoTooltip = class extends TailwindStyledElement(style) {
     });
     return x`
       <div id="tooltip" role="tooltip" class=${styles.tooltip()}>
-        ${this.options ? this.optionsTemplate(styles) : this.text}
+        ${x`<lukso-sanitize html-content=${this.text}></lukso-sanitize>`}
       </div>
+      <slot name="text" class="hidden"></slot>
       ${this.isClipboardCopy ? x`<lukso-tooltip
             variant=${this.variant}
             size=${this.size}
@@ -3657,9 +3679,6 @@ __decorateClass([
 __decorateClass([
   n({ type: Number })
 ], LuksoTooltip.prototype, "offset", 2);
-__decorateClass([
-  n({ type: String })
-], LuksoTooltip.prototype, "options", 2);
 __decorateClass([
   n({ type: Boolean, attribute: "show-arrow" })
 ], LuksoTooltip.prototype, "showArrow", 2);
@@ -3672,9 +3691,6 @@ __decorateClass([
 __decorateClass([
   r()
 ], LuksoTooltip.prototype, "showCopy", 2);
-__decorateClass([
-  r()
-], LuksoTooltip.prototype, "optionsParsed", 2);
 LuksoTooltip = __decorateClass([
   t("lukso-tooltip")
 ], LuksoTooltip);

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

@@ -24,8 +24,8 @@ export declare const PlacementBottom: any;
 export declare const Offset: any;
 /** Tooltip can work as clipboard copy component. For that wou need to enable `is-clipboard-copy` and set `copy-text` attribute..  */
 export declare const ClipboardCopy: any;
-/** Tooltip with `options` (copied to clipboard).  */
-export declare const OptionsTooltip: any;
 /** Delayed show/hide.  */
 export declare const DelayedTooltip: any;
+/** With named slot you can pass in HTML content into the tooltip. */
+export declare const NamedSlot: any;
 //# sourceMappingURL=lukso-tooltip.stories.d.ts.map

package/dist/components/lukso-tooltip/lukso-tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IA0NX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAMtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AASjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AASpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AAQrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AASvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAS9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,qDAAqD;AACrD,eAAO,MAAM,cAAc,KAA2B,CAAA;AAwBtD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,KAA2B,CAAA"}
+{"version":3,"file":"lukso-tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-tooltip/lukso-tooltip.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAChB,OAAO,uBAAuB,CAAA;AAE9B,gEAAgE;AAChE,QAAA,MAAM,IAAI,EAAE,IAmNX,CAAA;AAED,eAAe,IAAI,CAAA;AA+CnB,8CAA8C;AAC9C,eAAO,MAAM,cAAc,KAA2B,CAAA;AAOtD,4CAA4C;AAC5C,eAAO,MAAM,YAAY,KAA2B,CAAA;AAQpD,sEAAsE;AACtE,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAUhD,gCAAgC;AAChC,eAAO,MAAM,SAAS,KAA2B,CAAA;AAUjD,mCAAmC;AACnC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAUpD,qCAAqC;AACrC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAUtD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,oEAAoE;AACpE,eAAO,MAAM,cAAc,KAA2B,CAAA;AAQtD,eAAO,MAAM,aAAa,KAA2B,CAAA;AASrD,eAAO,MAAM,eAAe,KAA2B,CAAA;AAUvD,8DAA8D;AAC9D,eAAO,MAAM,MAAM,KAA2B,CAAA;AAU9C,qIAAqI;AACrI,eAAO,MAAM,aAAa,KAA2B,CAAA;AAUrD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,KAA2B,CAAA;AAStD,qEAAqE;AACrE,eAAO,MAAM,SAAS,KAA2B,CAAA"}

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-BitOdrRJ.cjs');
-require('../../property-BmOVhAsp.cjs');
+require('../../index-7a66ANzh.cjs');
+require('../../property-COIvMvUb.cjs');
 require('../../index-CaJky2qL.cjs');
-const components_luksoUsername_index = require('../../index-B-jWYFR1.cjs');
-require('../../index-BqVcbfZx.cjs');
+const components_luksoUsername_index = require('../../index-NWJXeIKU.cjs');
+require('../../index-BU2n3O3i.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-CNdKneQ1.cjs');
 

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

@@ -1,7 +1,7 @@
-import '../../index-DqnJ63Q8.js';
-import '../../property-BqHUZDET.js';
+import '../../index-u03FFuQ-.js';
+import '../../property-CkmArYBu.js';
 import '../../index-B9iart53.js';
-export { L as LuksoUsername } from '../../index-BKL0rD0t.js';
-import '../../index-DvI1czUV.js';
+export { L as LuksoUsername } from '../../index-Cu5nTnv0.js';
+import '../../index-_yzN6-V_.js';
 import '../../tailwind-config.js';
 import '../../cn-Cu9aP49j.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
-const property = require('../../property-BmOVhAsp.cjs');
+const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
+const property = require('../../property-COIvMvUb.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
-const directiveHelpers = require('../../directive-helpers-D3mI9lsC.cjs');
+const directiveHelpers = require('../../directive-helpers-Claj8QFS.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 /**

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

@@ -1,7 +1,7 @@
-import { b as T, T as TailwindStyledElement, x } from '../../index-DqnJ63Q8.js';
-import { n, t as t$1 } from '../../property-BqHUZDET.js';
+import { b as T, T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
+import { n, t as t$1 } from '../../property-CkmArYBu.js';
 import { e, i, t } from '../../directive-BKuZRRPO.js';
-import { p, v, r, M, m } from '../../directive-helpers-BbrBWb9B.js';
+import { p, v, r, M, m } from '../../directive-helpers-3kxRVVhW.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 /**

package/dist/{directive-helpers-BbrBWb9B.js → directive-helpers-3kxRVVhW.js}

@@ -1,4 +1,4 @@
-import { Z } from './index-DqnJ63Q8.js';
+import { Z } from './index-u03FFuQ-.js';
 
 /**
  * @license

package/dist/{directive-helpers-D3mI9lsC.cjs → directive-helpers-Claj8QFS.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-BitOdrRJ.cjs');
+const shared_tailwindElement_index = require('./index-7a66ANzh.cjs');
 
 /**
  * @license