@lukso/web-components 1.102.0 → 1.102.2

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-474fac60.cjs');
+const components_luksoDropdown_index = require('../../index-1ce46c50.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-3dd58f82.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../index-17879e5a.cjs');
+require('../../index-b9bc3bbb.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 
@@ -33,84 +33,84 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  value = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  description = "";
+  error = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  borderless = false;
+  options = "";
+  selected = void 0;
+  isOpen = false;
+  openTop = false;
+  isLargeIcon = false;
+  isRight = false;
+  size = "medium";
+  showSelectionCounter = false;
+  optionsParsed = [];
+  valueParsed = void 0;
   constructor() {
     super();
-    this.value = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.description = "";
-    this.error = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.borderless = false;
-    this.options = "";
-    this.selected = void 0;
-    this.isOpen = false;
-    this.openTop = false;
-    this.isLargeIcon = false;
-    this.isRight = false;
-    this.size = "medium";
-    this.showSelectionCounter = false;
-    this.optionsParsed = [];
-    this.valueParsed = void 0;
-    this.inputStyles = index.ce({
-      base: `bg-neutral-100
+    if (!this.id) {
+      this.id = components_luksoDropdown_index.uniqId();
+    }
+  }
+  inputStyles = index.ce({
+    base: `bg-neutral-100
       border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
       outline-none transition transition-all duration-150 appearance-none
       text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35
       flex items-center`,
-      variants: {
-        isFullWidth: {
-          true: "w-full"
-        },
-        isDisabled: {
-          true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
-        },
-        hasError: {
-          true: "border-red-85 group-hover:border-red-65"
-        },
-        borderless: {
-          true: "border-0"
-        },
-        size: {
-          small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
-          medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
-        }
+    variants: {
+      isFullWidth: {
+        true: "w-full"
+      },
+      isDisabled: {
+        true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
+      },
+      hasError: {
+        true: "border-red-85 group-hover:border-red-65"
+      },
+      borderless: {
+        true: "border-0"
+      },
+      size: {
+        small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
+        medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
       }
-    });
-    this.counterStyles = index.ce({
-      base: "border border-neutral-20",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        size: {
-          small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
-          medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
-        }
+    }
+  });
+  counterStyles = index.ce({
+    base: "border border-neutral-20",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      size: {
+        small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
+        medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
       }
-    });
-    this.iconStyles = index.ce({
-      base: "absolute right-0 transition cursor-pointer",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        isOpen: {
-          true: "rotate-180"
-        },
-        size: {
-          small: "mr-2",
-          medium: "mr-3"
-        }
+    }
+  });
+  iconStyles = index.ce({
+    base: "absolute right-0 transition cursor-pointer",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      isOpen: {
+        true: "rotate-180"
+      },
+      size: {
+        small: "mr-2",
+        medium: "mr-3"
       }
-    });
-    if (!this.id) {
-      this.id = components_luksoDropdown_index.uniqId();
     }
-  }
+  });
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("click", this.handleOutsideDropdownClick.bind(this));

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

@@ -1,17 +1,17 @@
-import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-c154a31c.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 '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-import { u as uniqId } from '../../index-7e82dcae.js';
+import { u as uniqId } from '../../index-f62a47db.js';
 import '../lukso-dropdown-option/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-d46cc789.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../index-6349a8aa.js';
+import '../../index-15b30335.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';
 
@@ -29,84 +29,84 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoSelect = class extends TailwindStyledElement(style) {
+  value = "";
+  placeholder = "";
+  label = "";
+  id = "";
+  description = "";
+  error = "";
+  isFullWidth = false;
+  isReadonly = false;
+  isDisabled = false;
+  borderless = false;
+  options = "";
+  selected = void 0;
+  isOpen = false;
+  openTop = false;
+  isLargeIcon = false;
+  isRight = false;
+  size = "medium";
+  showSelectionCounter = false;
+  optionsParsed = [];
+  valueParsed = void 0;
   constructor() {
     super();
-    this.value = "";
-    this.placeholder = "";
-    this.label = "";
-    this.id = "";
-    this.description = "";
-    this.error = "";
-    this.isFullWidth = false;
-    this.isReadonly = false;
-    this.isDisabled = false;
-    this.borderless = false;
-    this.options = "";
-    this.selected = void 0;
-    this.isOpen = false;
-    this.openTop = false;
-    this.isLargeIcon = false;
-    this.isRight = false;
-    this.size = "medium";
-    this.showSelectionCounter = false;
-    this.optionsParsed = [];
-    this.valueParsed = void 0;
-    this.inputStyles = ce({
-      base: `bg-neutral-100
+    if (!this.id) {
+      this.id = uniqId();
+    }
+  }
+  inputStyles = ce({
+    base: `bg-neutral-100
       border border-solid placeholder:text-neutral-70 select-none whitespace-nowrap
       outline-none transition transition-all duration-150 appearance-none
       text-neutral-20 cursor-pointer border-neutral-90 group-hover:border-neutral-35
       flex items-center`,
-      variants: {
-        isFullWidth: {
-          true: "w-full"
-        },
-        isDisabled: {
-          true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
-        },
-        hasError: {
-          true: "border-red-85 group-hover:border-red-65"
-        },
-        borderless: {
-          true: "border-0"
-        },
-        size: {
-          small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
-          medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
-        }
+    variants: {
+      isFullWidth: {
+        true: "w-full"
+      },
+      isDisabled: {
+        true: "cursor-not-allowed text-neutral-60 group-hover:border-neutral-90"
+      },
+      hasError: {
+        true: "border-red-85 group-hover:border-red-65"
+      },
+      borderless: {
+        true: "border-0"
+      },
+      size: {
+        small: "h-[28px] px-3 py-2 pr-8 paragraph-inter-12-regular rounded-8",
+        medium: "h-[48px] px-4 py-3 pr-11 paragraph-inter-14-regular rounded-12"
       }
-    });
-    this.counterStyles = ce({
-      base: "border border-neutral-20",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        size: {
-          small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
-          medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
-        }
+    }
+  });
+  counterStyles = ce({
+    base: "border border-neutral-20",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      size: {
+        small: "paragraph-inter-10-semi-bold rounded-4 py-[1px] px-[5px] ml-1.5",
+        medium: "paragraph-inter-14-semi-bold rounded-8 py-[2px] px-[10px] ml-3"
       }
-    });
-    this.iconStyles = ce({
-      base: "absolute right-0 transition cursor-pointer",
-      variants: {
-        isDisabled: {
-          true: "opacity-60 cursor-not-allowed"
-        },
-        isOpen: {
-          true: "rotate-180"
-        },
-        size: {
-          small: "mr-2",
-          medium: "mr-3"
-        }
+    }
+  });
+  iconStyles = ce({
+    base: "absolute right-0 transition cursor-pointer",
+    variants: {
+      isDisabled: {
+        true: "opacity-60 cursor-not-allowed"
+      },
+      isOpen: {
+        true: "rotate-180"
+      },
+      size: {
+        small: "mr-2",
+        medium: "mr-3"
       }
-    });
-    if (!this.id) {
-      this.id = uniqId();
     }
-  }
+  });
   connectedCallback() {
     super.connectedCallback();
     window.addEventListener("click", this.handleOutsideDropdownClick.bind(this));

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -19,31 +19,28 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.customStyle = "";
-    this.providers = "";
-    this.defaultProviders = [
-      "twitter",
-      "instagram",
-      "linkedin",
-      "telegram",
-      "discord",
-      "reddit",
-      "medium",
-      "github"
-    ];
-    this.defaultProviderLinks = {
-      twitter: "https://twitter.com/ERC725Account",
-      instagram: "https://www.instagram.com/lukso",
-      linkedin: "https://linkedin.com/company/lukso",
-      telegram: "https://t.me/LUKSO_News",
-      discord: "https://discord.gg/lukso",
-      reddit: "https://www.reddit.com/r/lukso",
-      medium: "https://medium.com/lukso",
-      github: "https://github.com/lukso-network"
-    };
-  }
+  customStyle = "";
+  providers = "";
+  defaultProviders = [
+    "twitter",
+    "instagram",
+    "linkedin",
+    "telegram",
+    "discord",
+    "reddit",
+    "medium",
+    "github"
+  ];
+  defaultProviderLinks = {
+    twitter: "https://twitter.com/ERC725Account",
+    instagram: "https://www.instagram.com/lukso",
+    linkedin: "https://linkedin.com/company/lukso",
+    telegram: "https://t.me/LUKSO_News",
+    discord: "https://discord.gg/lukso",
+    reddit: "https://www.reddit.com/r/lukso",
+    medium: "https://medium.com/lukso",
+    github: "https://github.com/lukso-network"
+  };
   linkTemplate(name, url) {
     return shared_tailwindElement_index.x`<a
       href=${url}

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x } from '../../index-c154a31c.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -15,31 +15,28 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoShare = class extends TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.customStyle = "";
-    this.providers = "";
-    this.defaultProviders = [
-      "twitter",
-      "instagram",
-      "linkedin",
-      "telegram",
-      "discord",
-      "reddit",
-      "medium",
-      "github"
-    ];
-    this.defaultProviderLinks = {
-      twitter: "https://twitter.com/ERC725Account",
-      instagram: "https://www.instagram.com/lukso",
-      linkedin: "https://linkedin.com/company/lukso",
-      telegram: "https://t.me/LUKSO_News",
-      discord: "https://discord.gg/lukso",
-      reddit: "https://www.reddit.com/r/lukso",
-      medium: "https://medium.com/lukso",
-      github: "https://github.com/lukso-network"
-    };
-  }
+  customStyle = "";
+  providers = "";
+  defaultProviders = [
+    "twitter",
+    "instagram",
+    "linkedin",
+    "telegram",
+    "discord",
+    "reddit",
+    "medium",
+    "github"
+  ];
+  defaultProviderLinks = {
+    twitter: "https://twitter.com/ERC725Account",
+    instagram: "https://www.instagram.com/lukso",
+    linkedin: "https://linkedin.com/company/lukso",
+    telegram: "https://t.me/LUKSO_News",
+    discord: "https://discord.gg/lukso",
+    reddit: "https://www.reddit.com/r/lukso",
+    medium: "https://medium.com/lukso",
+    github: "https://github.com/lukso-network"
+  };
   linkTemplate(name, url) {
     return x`<a
       href=${url}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-3dd58f82.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -20,14 +20,9 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.TailwindElement {
-  constructor() {
-    super(...arguments);
-    this.color = "green-54";
-    this.isChecked = false;
-    this.isDisabled = false;
-    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
-  }
+  color = "green-54";
+  isChecked = false;
+  isDisabled = false;
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -42,6 +37,8 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
     });
     this.dispatchEvent(changeEvent);
   }
+  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return shared_tailwindElement_index.x`
       <label

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x } from '../../index-c154a31c.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-d46cc789.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 
@@ -16,14 +16,9 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoSwitch = class extends TailwindElement {
-  constructor() {
-    super(...arguments);
-    this.color = "green-54";
-    this.isChecked = false;
-    this.isDisabled = false;
-    this.defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
-    this.defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
-  }
+  color = "green-54";
+  isChecked = false;
+  isDisabled = false;
   async handleChange(event) {
     const target = event.target;
     this.isChecked = target.checked;
@@ -38,6 +33,8 @@ let LuksoSwitch = class extends TailwindElement {
     });
     this.dispatchEvent(changeEvent);
   }
+  defaultLabelStyles = `transition duration-300 ease-in block h-6 overflow-hidden rounded-full relative inline-block w-10`;
+  defaultInputStyles = `absolute block w-6 h-6 rounded-full bg-white border-2 appearance-none transition duration-300 ease-in`;
   render() {
     return x`
       <label

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const index$1 = require('../../index-17879e5a.cjs');
+const index$1 = require('../../index-b9bc3bbb.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../directive-8278ab14.cjs');
 
@@ -23,39 +23,36 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.size = "small";
-    this.isRounded = false;
-    this.backgroundColor = "";
-    this.borderColor = "";
-    this.textColor = "";
-    this.tagStyles = index.ce({
-      base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
-      variants: {
-        size: {
-          "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
-          small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
-          large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
-        },
-        isRounded: {
-          true: "rounded-[56px]"
-        }
+  size = "small";
+  isRounded = false;
+  backgroundColor = "";
+  borderColor = "";
+  textColor = "";
+  tagStyles = index.ce({
+    base: "inline-flex items-center justify-center border border-neutral-20 text-neutral-20 px-2 whitespace-nowrap",
+    variants: {
+      size: {
+        "x-small": "font-inter text-8 font-500 leading-20 h-[20px] px-1 rounded-4",
+        small: "paragraph-inter-12-medium h-[28px] px-2 rounded-8",
+        large: "paragraph-inter-14-medium h-[34px] px-4 rounded-8"
       },
-      compoundVariants: [
-        {
-          size: "small",
-          isRounded: true,
-          class: "px-3"
-        },
-        {
-          size: "x-small",
-          isRounded: true,
-          class: "px-2"
-        }
-      ]
-    });
-  }
+      isRounded: {
+        true: "rounded-[56px]"
+      }
+    },
+    compoundVariants: [
+      {
+        size: "small",
+        isRounded: true,
+        class: "px-3"
+      },
+      {
+        size: "x-small",
+        isRounded: true,
+        class: "px-2"
+      }
+    ]
+  });
   resolveBorderColor() {
     if (this.borderColor) {
       return this.borderColor;