@lukso/web-components 1.118.0 → 1.119.0

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x, E } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
+import { r } from '../../state-1fc9a224.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 '../../style-map-15dde65e.js';
+import '../../style-map-5aef4b6f.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}";
@@ -23,92 +23,95 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 const FOCUS_DELAY_MS = 10;
 let LuksoTextarea = class extends TailwindStyledElement(style) {
-  value = "";
-  name = "";
-  placeholder = "";
-  label = "";
-  id = "";
-  ref = void 0;
-  description = "";
-  error = "";
-  customClass = "";
-  isFullWidth = false;
-  isReadonly = false;
-  isDisabled = false;
-  autofocus = false;
-  borderless = false;
-  isNonResizable = false;
-  keepFocusOnEscape = false;
-  size = "medium";
-  rows = 4;
-  hasFocus = false;
-  hasHighlight = false;
-  styles = ce({
-    slots: {
-      wrapper: "group flex",
-      input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.name = "";
+    this.placeholder = "";
+    this.label = "";
+    this.id = "";
+    this.ref = void 0;
+    this.description = "";
+    this.error = "";
+    this.customClass = "";
+    this.isFullWidth = false;
+    this.isReadonly = false;
+    this.isDisabled = false;
+    this.autofocus = false;
+    this.borderless = false;
+    this.isNonResizable = false;
+    this.keepFocusOnEscape = false;
+    this.size = "medium";
+    this.rows = 4;
+    this.hasFocus = false;
+    this.hasHighlight = false;
+    this.styles = ce({
+      slots: {
+        wrapper: "group flex",
+        input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
         outline-none transition transition-all duration-150 appearance-none`
-    },
-    variants: {
-      hasError: {
-        true: {
-          input: "border-red-85"
-        },
-        false: {
-          input: "border-neutral-90"
-        }
-      },
-      hasHighlight: {
-        true: {
-          input: "border-neutral-35"
-        }
-      },
-      borderless: {
-        true: { input: "border-0" },
-        false: { input: "border" }
-      },
-      isReadonly: {
-        true: { input: "cursor-not-allowed" }
       },
-      isDisabled: {
-        true: {
-          input: "text-neutral-60 cursor-not-allowed"
+      variants: {
+        hasError: {
+          true: {
+            input: "border-red-85"
+          },
+          false: {
+            input: "border-neutral-90"
+          }
         },
-        false: { input: "text-neutral-20" }
-      },
-      isFullWidth: {
-        true: { wrapper: "w-full" },
-        false: { wrapper: "w-[350px]" }
-      },
-      size: {
-        small: {
-          input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
+        hasHighlight: {
+          true: {
+            input: "border-neutral-35"
+          }
         },
-        medium: {
-          input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
-        }
-      },
-      isNonResizable: {
-        true: {
-          input: "resize-none"
+        borderless: {
+          true: { input: "border-0" },
+          false: { input: "border" }
+        },
+        isReadonly: {
+          true: { input: "cursor-not-allowed" }
+        },
+        isDisabled: {
+          true: {
+            input: "text-neutral-60 cursor-not-allowed"
+          },
+          false: { input: "text-neutral-20" }
+        },
+        isFullWidth: {
+          true: { wrapper: "w-full" },
+          false: { wrapper: "w-[350px]" }
+        },
+        size: {
+          small: {
+            input: "min-h-[28px] px-2 py-1 paragraph-inter-12-regular rounded-8"
+          },
+          medium: {
+            input: "min-h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12"
+          }
+        },
+        isNonResizable: {
+          true: {
+            input: "resize-none"
+          }
         }
-      }
-    },
-    compoundVariants: [
-      {
-        isFullWidth: false,
-        size: "small",
-        class: { wrapper: "w-[210px]" }
       },
-      {
-        hasHighlight: true,
-        hasError: true,
-        class: {
-          input: "border-red-65"
+      compoundVariants: [
+        {
+          isFullWidth: false,
+          size: "small",
+          class: { wrapper: "w-[210px]" }
+        },
+        {
+          hasHighlight: true,
+          hasError: true,
+          class: {
+            input: "border-red-65"
+          }
         }
-      }
-    ]
-  });
+      ]
+    });
+  }
   connectedCallback() {
     super.connectedCallback();
     if (this.autofocus) {

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
-const state = require('../../state-94c1d585.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
+const state = require('../../state-375dfffc.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-552ab28f.cjs');
+const styleMap = require('../../style-map-8e54f508.cjs');
 require('../../directive-8278ab14.cjs');
 
 var top = 'top';
@@ -3460,39 +3460,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-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
-import { r } from '../../state-876605e4.js';
+import { T as TailwindStyledElement, x } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
+import { r } from '../../state-1fc9a224.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-15dde65e.js';
+import { o } from '../../style-map-5aef4b6f.js';
 import '../../directive-2bb7789e.js';
 
 var top = 'top';
@@ -3456,39 +3456,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-dda1809d.cjs');
-const property = require('../../property-46482bf7.cjs');
+const shared_tailwindElement_index = require('../../index-68c61387.cjs');
+const property = require('../../property-bf2eee83.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-f564f46f.cjs');
+const index$1 = require('../../index-3926da18.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');
@@ -1178,57 +1178,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, E } from '../../index-86a3fdc1.js';
-import { n, t } from '../../property-140ef335.js';
+import { T as TailwindStyledElement, x, E } from '../../index-92dc158d.js';
+import { n, t } from '../../property-eaa52bd9.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { c as customStyleMap } from '../../index-eb08047e.js';
+import { c as customStyleMap } from '../../index-7bb28a79.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';
@@ -1174,57 +1174,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;