@lukso/web-components 1.101.2 → 1.102.0

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
+const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-3dd58f82.cjs');
+const styleMap = require('../../style-map-12def811.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -3461,39 +3461,42 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTooltip = class LuksoTooltip extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  variant = "light";
-  size = "medium";
-  placement = "top";
-  trigger = "mouseenter";
-  text = "";
-  maxWidth = 300;
-  show = false;
-  hideOnClick = "true";
-  isClipboardCopy = false;
-  copyText = "";
-  copyValue = "";
-  offset = 10;
-  options = "";
-  showArrow = true;
-  showDelay = 300;
-  hideDelay = 300;
-  showCopy = false;
-  optionsParsed = [];
-  tooltipInstance = void 0;
-  styles = index.ce({
-    slots: {
-      tooltip: "hidden",
-      trigger: "cursor-pointer flex flex-col items-center",
-      options: "rounded-4 hover:bg-neutral-95"
-    },
-    variants: {
-      hasNoText: {
-        true: {
-          trigger: "cursor-default"
+  constructor() {
+    super(...arguments);
+    this.variant = "light";
+    this.size = "medium";
+    this.placement = "top";
+    this.trigger = "mouseenter";
+    this.text = "";
+    this.maxWidth = 300;
+    this.show = false;
+    this.hideOnClick = "true";
+    this.isClipboardCopy = false;
+    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"
+      },
+      variants: {
+        hasNoText: {
+          true: {
+            trigger: "cursor-default"
+          }
         }
       }
-    }
-  });
+    });
+  }
   hideOnClickCheck() {
     if (this.hideOnClick === "toggle") {
       return this.hideOnClick;

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-c154a31c.js';
+import { T as TailwindStyledElement, x } from '../../index-d89cc6bc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-d46cc789.js';
+import { o } from '../../style-map-cf4f4350.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../directive-2bb7789e.js';
 
@@ -3457,39 +3457,42 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoTooltip = class extends TailwindStyledElement(style) {
-  variant = "light";
-  size = "medium";
-  placement = "top";
-  trigger = "mouseenter";
-  text = "";
-  maxWidth = 300;
-  show = false;
-  hideOnClick = "true";
-  isClipboardCopy = false;
-  copyText = "";
-  copyValue = "";
-  offset = 10;
-  options = "";
-  showArrow = true;
-  showDelay = 300;
-  hideDelay = 300;
-  showCopy = false;
-  optionsParsed = [];
-  tooltipInstance = void 0;
-  styles = ce({
-    slots: {
-      tooltip: "hidden",
-      trigger: "cursor-pointer flex flex-col items-center",
-      options: "rounded-4 hover:bg-neutral-95"
-    },
-    variants: {
-      hasNoText: {
-        true: {
-          trigger: "cursor-default"
+  constructor() {
+    super(...arguments);
+    this.variant = "light";
+    this.size = "medium";
+    this.placement = "top";
+    this.trigger = "mouseenter";
+    this.text = "";
+    this.maxWidth = 300;
+    this.show = false;
+    this.hideOnClick = "true";
+    this.isClipboardCopy = false;
+    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"
+      },
+      variants: {
+        hasNoText: {
+          true: {
+            trigger: "cursor-default"
+          }
         }
       }
-    }
-  });
+    });
+  }
   hideOnClickCheck() {
     if (this.hideOnClick === "toggle") {
       return this.hideOnClick;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
+const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const index$1 = require('../../index-b9bc3bbb.cjs');
+const index$1 = require('../../index-17879e5a.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
@@ -1179,57 +1179,60 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  name = "";
-  address = "";
-  maxWidth = 200;
-  size = "large";
-  sliceBy = 8;
-  addressColor = "";
-  nameColor = "";
-  customClass = "";
-  hidePrefix = false;
-  prefix = "@";
-  noTransform = false;
-  /** Width of the first 4 bytes of the address */
-  bytesWidth = 52;
-  styles = index.ce({
-    slots: {
-      wrapper: "inline-flex",
-      name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
-      address: "inline-block",
-      bytes: "inline-block"
-    },
-    variants: {
-      size: {
-        "x-small": {
-          wrapper: "paragraph-ptmono-10-bold"
-        },
-        small: {
-          wrapper: "paragraph-ptmono-12-bold"
-        },
-        medium: {
-          wrapper: "paragraph-ptmono-14-bold"
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.address = "";
+    this.maxWidth = 200;
+    this.size = "large";
+    this.sliceBy = 8;
+    this.addressColor = "";
+    this.nameColor = "";
+    this.customClass = "";
+    this.hidePrefix = false;
+    this.prefix = "@";
+    this.noTransform = false;
+    /** Width of the first 4 bytes of the address */
+    this.bytesWidth = 52;
+    this.styles = index.ce({
+      slots: {
+        wrapper: "inline-flex",
+        name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
+        address: "inline-block",
+        bytes: "inline-block"
+      },
+      variants: {
+        size: {
+          "x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          small: {
+            wrapper: "paragraph-ptmono-12-bold"
+          },
+          medium: {
+            wrapper: "paragraph-ptmono-14-bold"
+          },
+          large: {
+            wrapper: "paragraph-ptmono-16-bold"
+          },
+          "x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          }
         },
-        large: {
-          wrapper: "paragraph-ptmono-16-bold"
+        hasNameColor: {
+          false: {
+            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
+          }
         },
-        "x-large": {
-          wrapper: "paragraph-ptmono-24-bold"
-        }
-      },
-      hasNameColor: {
-        false: {
-          name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-        }
-      },
-      hasAddressColor: {
-        false: {
-          address: "text-neutral-20",
-          bytes: "text-neutral-60"
+        hasAddressColor: {
+          false: {
+            address: "text-neutral-20",
+            bytes: "text-neutral-60"
+          }
         }
       }
-    }
-  });
+    });
+  }
   transformName(name) {
     if (this.noTransform) {
       return name;

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x, A } from '../../index-c154a31c.js';
+import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { c as customStyleMap } from '../../index-15b30335.js';
+import { c as customStyleMap } from '../../index-6349a8aa.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
 import '../../bundle-mjs-fbc6e2a8.js';
@@ -1175,57 +1175,60 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoUsername = class extends TailwindStyledElement(style) {
-  name = "";
-  address = "";
-  maxWidth = 200;
-  size = "large";
-  sliceBy = 8;
-  addressColor = "";
-  nameColor = "";
-  customClass = "";
-  hidePrefix = false;
-  prefix = "@";
-  noTransform = false;
-  /** Width of the first 4 bytes of the address */
-  bytesWidth = 52;
-  styles = ce({
-    slots: {
-      wrapper: "inline-flex",
-      name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
-      address: "inline-block",
-      bytes: "inline-block"
-    },
-    variants: {
-      size: {
-        "x-small": {
-          wrapper: "paragraph-ptmono-10-bold"
-        },
-        small: {
-          wrapper: "paragraph-ptmono-12-bold"
-        },
-        medium: {
-          wrapper: "paragraph-ptmono-14-bold"
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.address = "";
+    this.maxWidth = 200;
+    this.size = "large";
+    this.sliceBy = 8;
+    this.addressColor = "";
+    this.nameColor = "";
+    this.customClass = "";
+    this.hidePrefix = false;
+    this.prefix = "@";
+    this.noTransform = false;
+    /** Width of the first 4 bytes of the address */
+    this.bytesWidth = 52;
+    this.styles = ce({
+      slots: {
+        wrapper: "inline-flex",
+        name: "inline-block whitespace-nowrap overflow-hidden text-ellipsis",
+        address: "inline-block",
+        bytes: "inline-block"
+      },
+      variants: {
+        size: {
+          "x-small": {
+            wrapper: "paragraph-ptmono-10-bold"
+          },
+          small: {
+            wrapper: "paragraph-ptmono-12-bold"
+          },
+          medium: {
+            wrapper: "paragraph-ptmono-14-bold"
+          },
+          large: {
+            wrapper: "paragraph-ptmono-16-bold"
+          },
+          "x-large": {
+            wrapper: "paragraph-ptmono-24-bold"
+          }
         },
-        large: {
-          wrapper: "paragraph-ptmono-16-bold"
+        hasNameColor: {
+          false: {
+            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
+          }
         },
-        "x-large": {
-          wrapper: "paragraph-ptmono-24-bold"
-        }
-      },
-      hasNameColor: {
-        false: {
-          name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-        }
-      },
-      hasAddressColor: {
-        false: {
-          address: "text-neutral-20",
-          bytes: "text-neutral-60"
+        hasAddressColor: {
+          false: {
+            address: "text-neutral-20",
+            bytes: "text-neutral-60"
+          }
         }
       }
-    }
-  });
+    });
+  }
   transformName(name) {
     if (this.noTransform) {
       return name;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
+const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -35,58 +35,61 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  steps = "";
-  activeStep = 1;
-  size = "medium";
-  stepStyles = index.ce({
-    slots: {
-      base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
+  constructor() {
+    super(...arguments);
+    this.steps = "";
+    this.activeStep = 1;
+    this.size = "medium";
+    this.stepStyles = index.ce({
+      slots: {
+        base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
     [&>.lukso-wizard-circle]:after:last:hidden [&>.lukso-wizard-circle]:before:last:hidden`,
-      circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
     border-[1px] border-solid border-[rgba(255,255,255,0.8)]
     after:block after:absolute after:bottom-[7px] after:ml-[15px] after:h-[2px]
     after:content:'' after:bg-transparent after:transition-width after:duration-300
     before:block before:absolute before:bottom-[7px] before:ml-[15px] before:h-[2px]
     before:content:'' before:bg-neutral-90 before:shadow-wizard-line before:w-[calc(100%-16px)]`,
-      innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
-    },
-    variants: {
-      size: {
-        small: {
-          base: "w-[92px]"
-        },
-        medium: {
-          base: "w-[121px]"
-        },
-        large: {
-          base: "w-[180px]"
-        },
-        ["full-width"]: {
-          base: "w-full"
-        }
+        innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
       },
-      completed: {
-        true: {
-          base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+      variants: {
+        size: {
+          small: {
+            base: "w-[92px]"
+          },
+          medium: {
+            base: "w-[121px]"
+          },
+          large: {
+            base: "w-[180px]"
+          },
+          ["full-width"]: {
+            base: "w-full"
+          }
+        },
+        completed: {
+          true: {
+            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
           [&_.lukso-wizard-circle-inner]:bg-gradient-to-t
           [&_.lukso-wizard-circle-inner]:from-gradient-3-start
           [&_.lukso-wizard-circle-inner]:to-gradient-3-end`,
-          circle: "completed"
-        }
-      },
-      current: {
-        true: {
-          circle: "current"
-        }
-      },
-      active: {
-        true: {
-          base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
-          innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+            circle: "completed"
+          }
+        },
+        current: {
+          true: {
+            circle: "current"
+          }
+        },
+        active: {
+          true: {
+            base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
+            innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+          }
         }
       }
-    }
-  });
+    });
+  }
   stepTemplate(step, index) {
     const { base, circle, innerCircle } = this.stepStyles({
       completed: index + 1 < this.activeStep,

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

@@ -1,4 +1,4 @@
-import { j, b as T, T as TailwindStyledElement, x } from '../../index-c154a31c.js';
+import { j, b as T, T as TailwindStyledElement, x } from '../../index-d89cc6bc.js';
 import { n, e as e$1 } from '../../query-assigned-elements-1c8c9e90.js';
 import { e, i, t } from '../../directive-2bb7789e.js';
 import { c as ce } from '../../index-ca8e900d.js';
@@ -31,58 +31,61 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoWizard = class extends TailwindStyledElement(style) {
-  steps = "";
-  activeStep = 1;
-  size = "medium";
-  stepStyles = ce({
-    slots: {
-      base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
+  constructor() {
+    super(...arguments);
+    this.steps = "";
+    this.activeStep = 1;
+    this.size = "medium";
+    this.stepStyles = ce({
+      slots: {
+        base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
     [&>.lukso-wizard-circle]:after:last:hidden [&>.lukso-wizard-circle]:before:last:hidden`,
-      circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
     border-[1px] border-solid border-[rgba(255,255,255,0.8)]
     after:block after:absolute after:bottom-[7px] after:ml-[15px] after:h-[2px]
     after:content:'' after:bg-transparent after:transition-width after:duration-300
     before:block before:absolute before:bottom-[7px] before:ml-[15px] before:h-[2px]
     before:content:'' before:bg-neutral-90 before:shadow-wizard-line before:w-[calc(100%-16px)]`,
-      innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
-    },
-    variants: {
-      size: {
-        small: {
-          base: "w-[92px]"
-        },
-        medium: {
-          base: "w-[121px]"
-        },
-        large: {
-          base: "w-[180px]"
-        },
-        ["full-width"]: {
-          base: "w-full"
-        }
+        innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
       },
-      completed: {
-        true: {
-          base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+      variants: {
+        size: {
+          small: {
+            base: "w-[92px]"
+          },
+          medium: {
+            base: "w-[121px]"
+          },
+          large: {
+            base: "w-[180px]"
+          },
+          ["full-width"]: {
+            base: "w-full"
+          }
+        },
+        completed: {
+          true: {
+            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
           [&_.lukso-wizard-circle-inner]:bg-gradient-to-t
           [&_.lukso-wizard-circle-inner]:from-gradient-3-start
           [&_.lukso-wizard-circle-inner]:to-gradient-3-end`,
-          circle: "completed"
-        }
-      },
-      current: {
-        true: {
-          circle: "current"
-        }
-      },
-      active: {
-        true: {
-          base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
-          innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+            circle: "completed"
+          }
+        },
+        current: {
+          true: {
+            circle: "current"
+          }
+        },
+        active: {
+          true: {
+            base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
+            innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+          }
         }
       }
-    }
-  });
+    });
+  }
   stepTemplate(step, index) {
     const { base, circle, innerCircle } = this.stepStyles({
       completed: index + 1 < this.activeStep,

package/dist/{index-b9bc3bbb.cjs → index-17879e5a.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-89eb56eb.cjs');
+const shared_tailwindElement_index = require('./index-8ccda1e9.cjs');
 const directive = require('./directive-8278ab14.cjs');
 
 class CustomStyleMapDirective extends directive.i {

package/dist/{index-1ce46c50.cjs → index-474fac60.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-const shared_tailwindElement_index = require('./index-89eb56eb.cjs');
+const shared_tailwindElement_index = require('./index-8ccda1e9.cjs');
 const queryAssignedElements = require('./query-assigned-elements-d5e45650.cjs');
 const index = require('./index-1d3f4a5a.cjs');
 require('./components/lukso-icon/index.cjs');

package/dist/{index-15b30335.js → index-6349a8aa.js}

@@ -1,4 +1,4 @@
-import { A } from './index-c154a31c.js';
+import { A } from './index-d89cc6bc.js';
 import { e, i, t } from './directive-2bb7789e.js';
 
 class CustomStyleMapDirective extends i {