@lukso/web-components 1.128.0 → 1.129.0

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
+const property = require('../../property-65ed3fa1.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const index$1 = require('../../index-664bbe9a.cjs');
+const index$1 = require('../../index-2ffc105b.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
 require('../../directive-8278ab14.cjs');
@@ -1178,60 +1178,57 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoUsername = class LuksoUsername extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  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"
-          }
+  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"
         },
-        hasNameColor: {
-          false: {
-            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-          }
+        medium: {
+          wrapper: "paragraph-ptmono-14-bold"
         },
-        hasAddressColor: {
-          false: {
-            address: "text-neutral-20",
-            bytes: "text-neutral-60"
-          }
+        large: {
+          wrapper: "paragraph-ptmono-16-bold"
+        },
+        "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"
         }
       }
-    });
-  }
+    }
+  });
   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-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
+import { T as TailwindStyledElement, x, E } from '../../index-869a59a0.js';
+import { n, t } from '../../property-ff5733e6.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { c as customStyleMap } from '../../index-323568a1.js';
+import { c as customStyleMap } from '../../index-b74237f9.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
 import '../../directive-2bb7789e.js';
@@ -1174,60 +1174,57 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoUsername = class extends TailwindStyledElement(style) {
-  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"
-          }
+  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"
         },
-        hasNameColor: {
-          false: {
-            name: "text-transparent bg-clip-text bg-gradient-to-r from-gradient-1-start to-gradient-1-end"
-          }
+        medium: {
+          wrapper: "paragraph-ptmono-14-bold"
         },
-        hasAddressColor: {
-          false: {
-            address: "text-neutral-20",
-            bytes: "text-neutral-60"
-          }
+        large: {
+          wrapper: "paragraph-ptmono-16-bold"
+        },
+        "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"
         }
       }
-    });
-  }
+    }
+  });
   transformName(name) {
     if (this.noTransform) {
       return name;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-b44989bb.cjs');
+const property = require('../../property-65ed3fa1.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-2b104ecb.cjs');
 
@@ -34,61 +34,58 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  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
+  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
     [&>.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]"
+    },
+    variants: {
+      size: {
+        small: {
+          base: "w-[92px]"
+        },
+        medium: {
+          base: "w-[121px]"
         },
-        completed: {
-          true: {
-            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+        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,5 +1,5 @@
-import { Z, b as T, T as TailwindStyledElement, x } from '../../index-a09c053e.js';
-import { n, t as t$2 } from '../../property-6d71df6f.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-869a59a0.js';
+import { n, t as t$2 } from '../../property-ff5733e6.js';
 import { e, i, t as t$1 } from '../../directive-2bb7789e.js';
 import { c as ce } from '../../index-d14b6a34.js';
 
@@ -30,61 +30,58 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoWizard = class extends TailwindStyledElement(style) {
-  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
+  steps = "";
+  activeStep = 1;
+  size = "medium";
+  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]"
+    },
+    variants: {
+      size: {
+        small: {
+          base: "w-[92px]"
+        },
+        medium: {
+          base: "w-[121px]"
         },
-        completed: {
-          true: {
-            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+        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-664bbe9a.cjs → index-2ffc105b.cjs}

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