@lukso/web-components 1.29.0 → 1.31.0

package/README.md

@@ -132,7 +132,3 @@ The only caveat with linking is that this will add resolution entry into `packag
 ```sh
 yarn unlink ../tools-web-components
 ```
-
-## How to build the components
-
-// TBA

package/dist/components/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
+const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
 const components_luksoInput_index = require('./lukso-input/index.cjs');
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
@@ -18,11 +19,11 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-c600bfd6.cjs');
-require('../directive-db00f5fb.cjs');
-require('../state-a62a7d5d.cjs');
-require('../index-7dc05ee5.cjs');
-require('../style-map-09c2cd24.cjs');
+const shared_tailwindElement_index = require('../index-4a94cf2c.cjs');
+require('../directive-d0161b26.cjs');
+require('../state-a13eb70b.cjs');
+require('../index-a1c8eb00.cjs');
+require('../style-map-f737f913.cjs');
 require('../style-map-ce3031bc.cjs');
 
 
@@ -35,6 +36,10 @@ Object.defineProperty(exports, 'LuksoCard', {
 	enumerable: true,
 	get: () => components_luksoCard_index.LuksoCard
 });
+Object.defineProperty(exports, 'LuksoFooter', {
+	enumerable: true,
+	get: () => components_luksoFooter_index.LuksoFooter
+});
 Object.defineProperty(exports, 'LuksoIcon', {
 	enumerable: true,
 	get: () => components_luksoIcon_index.LuksoIcon

package/dist/components/index.js

@@ -1,5 +1,6 @@
 export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
+export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';
 export { LuksoInput } from './lukso-input/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
@@ -14,9 +15,9 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-90c43338.js';
-import '../directive-9ec64c08.js';
-import '../state-7fde94d1.js';
-import '../index-714323c9.js';
-import '../style-map-105316ca.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-4507034c.js';
+import '../directive-190d1dea.js';
+import '../state-069457a0.js';
+import '../index-48ee71cd.js';
+import '../style-map-a25f1f00.js';
 import '../style-map-06219dec.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c600bfd6.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const state = require('../../state-a62a7d5d.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+const state = require('../../state-a13eb70b.cjs');
+const index = require('../../index-a1c8eb00.cjs');
 
 const style = ":host {\n\n    display: inline-flex\n}\n\n:host([is-full-width]) {\n\n    display: flex;\n\n    width: 100%\n}";
 
@@ -183,49 +183,49 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "variant", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "size", 2);
 __decorateClass([
-  directive.e({ type: Boolean })
+  directive.e$1({ type: Boolean })
 ], exports.LuksoButton.prototype, "disabled", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-full-width" })
+  directive.e$1({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoButton.prototype, "isFullWidth", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-long-press" })
+  directive.e$1({ type: Boolean, attribute: "is-long-press" })
 ], exports.LuksoButton.prototype, "isLongPress", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-link" })
+  directive.e$1({ type: Boolean, attribute: "is-link" })
 ], exports.LuksoButton.prototype, "isLink", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-loading" })
+  directive.e$1({ type: Boolean, attribute: "is-loading" })
 ], exports.LuksoButton.prototype, "isLoading", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "type", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "href", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "target", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoButton.prototype, "rel", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "loading-text" })
+  directive.e$1({ type: String, attribute: "loading-text" })
 ], exports.LuksoButton.prototype, "loadingText", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "custom-class" })
+  directive.e$1({ type: String, attribute: "custom-class" })
 ], exports.LuksoButton.prototype, "customClass", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-active" })
+  directive.e$1({ type: Boolean, attribute: "is-active" })
 ], exports.LuksoButton.prototype, "isActive", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  directive.e$1({ type: Number })
 ], exports.LuksoButton.prototype, "count", 2);
 __decorateClass([
   state.t()
@@ -237,5 +237,5 @@ __decorateClass([
   state.t()
 ], exports.LuksoButton.prototype, "timer", 2);
 exports.LuksoButton = __decorateClass([
-  directive.e$1("lukso-button")
+  directive.e("lukso-button")
 ], exports.LuksoButton);

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-90c43338.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { t } from '../../state-7fde94d1.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x } from '../../index-4507034c.js';
+import { a as e, e as e$1 } from '../../directive-190d1dea.js';
+import { t } from '../../state-069457a0.js';
+import { c as customClassMap } from '../../index-48ee71cd.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}";
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c600bfd6.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-09c2cd24.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+const styleMap = require('../../style-map-f737f913.cjs');
+const index = require('../../index-a1c8eb00.cjs');
 require('../lukso-profile/index.cjs');
 
 const style = ":host {\n  display: flex;\n  width: 100%;\n}\n\n:host([is-fixed-width]) {\n  width: inherit;\n}";
@@ -32,14 +32,20 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.isFixedHeight = false;
     this.isFullWidth = false;
     this.customClass = "";
-    this.defaultStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
+    this.size = "medium";
+    this.isHoverable = false;
+    this.mediumStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
+    this.smallStyles = `rounded-12 shadow-neutral-drop-shadow`;
+    this.smallHoverStyles = `hover:shadow-neutral-drop-shadow-1xl cursor-pointer transition`;
   }
   basicTemplate() {
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
         class="bg-neutral-100 ${index.customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -55,7 +61,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       <div
         data-testid="card"
         class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -76,7 +84,9 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       <div
         data-testid="card"
         class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -131,29 +141,35 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoCard.prototype, "variant", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "background-url" })
+  directive.e$1({ type: String, attribute: "background-url" })
 ], exports.LuksoCard.prototype, "backgroundUrl", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "profile-url" })
+  directive.e$1({ type: String, attribute: "profile-url" })
 ], exports.LuksoCard.prototype, "profileUrl", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "profile-address" })
+  directive.e$1({ type: String, attribute: "profile-address" })
 ], exports.LuksoCard.prototype, "profileAddress", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-fixed-width" })
+  directive.e$1({ type: Boolean, attribute: "is-fixed-width" })
 ], exports.LuksoCard.prototype, "isFixedWidth", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-fixed-height" })
+  directive.e$1({ type: Boolean, attribute: "is-fixed-height" })
 ], exports.LuksoCard.prototype, "isFixedHeight", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-full-width" })
+  directive.e$1({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoCard.prototype, "isFullWidth", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "custom-class" })
+  directive.e$1({ type: String, attribute: "custom-class" })
 ], exports.LuksoCard.prototype, "customClass", 2);
+__decorateClass([
+  directive.e$1({ type: String })
+], exports.LuksoCard.prototype, "size", 2);
+__decorateClass([
+  directive.e$1({ type: Boolean, attribute: "is-hoverable" })
+], exports.LuksoCard.prototype, "isHoverable", 2);
 exports.LuksoCard = __decorateClass([
-  directive.e$1("lukso-card")
+  directive.e("lukso-card")
 ], exports.LuksoCard);

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-90c43338.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-105316ca.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { T as TailwindStyledElement, x } from '../../index-4507034c.js';
+import { a as e, e as e$1 } from '../../directive-190d1dea.js';
+import { o } from '../../style-map-a25f1f00.js';
+import { c as customClassMap } from '../../index-48ee71cd.js';
 import '../lukso-profile/index.js';
 
 const style = ":host {\n  display: flex;\n  width: 100%;\n}\n\n:host([is-fixed-width]) {\n  width: inherit;\n}";
@@ -28,14 +28,20 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     this.isFixedHeight = false;
     this.isFullWidth = false;
     this.customClass = "";
-    this.defaultStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
+    this.size = "medium";
+    this.isHoverable = false;
+    this.mediumStyles = `rounded-24 shadow-neutral-drop-shadow-2xl`;
+    this.smallStyles = `rounded-12 shadow-neutral-drop-shadow`;
+    this.smallHoverStyles = `hover:shadow-neutral-drop-shadow-1xl cursor-pointer transition`;
   }
   basicTemplate() {
     return x`
       <div
         data-testid="card"
         class="bg-neutral-100 ${customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -51,7 +57,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
       <div
         data-testid="card"
         class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -72,7 +80,9 @@ let LuksoCard = class extends TailwindStyledElement(style) {
       <div
         data-testid="card"
         class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
-      [this.defaultStyles]: !this.customClass,
+      [this.mediumStyles]: !this.customClass && this.size === "medium",
+      [this.smallStyles]: !this.customClass && this.size === "small",
+      [this.smallHoverStyles]: this.isHoverable && this.size === "small",
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
       ["min-h-[534px]"]: this.isFixedHeight,
@@ -150,6 +160,12 @@ __decorateClass([
 __decorateClass([
   e({ type: String, attribute: "custom-class" })
 ], LuksoCard.prototype, "customClass", 2);
+__decorateClass([
+  e({ type: String })
+], LuksoCard.prototype, "size", 2);
+__decorateClass([
+  e({ type: Boolean, attribute: "is-hoverable" })
+], LuksoCard.prototype, "isHoverable", 2);
 LuksoCard = __decorateClass([
   e$1("lukso-card")
 ], LuksoCard);

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+require('../lukso-share/index.cjs');
+require('../../index-a1c8eb00.cjs');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+exports.LuksoFooter = class LuksoFooter extends shared_tailwindElement_index.TailwindElement {
+  render() {
+    return shared_tailwindElement_index.x`
+      <footer class="bg-neutral-100">
+        <div
+          class="p-10 grid gap-12 items-center lg:grid-cols-[auto,max-content]"
+        >
+          <slot name="top"></slot>
+          <div className="flex lg:justify-end">
+            <lukso-share></lukso-share>
+          </div>
+        </div>
+        <div
+          class="grid sm:grid-cols-[max-content,auto] px-10 py-6 bg-neutral-95 gap-8"
+        >
+          <slot name="bottom"></slot>
+          <div class="flex sm:justify-end">
+            <a
+              href="https://lukso.network/"
+              target="_blank"
+              class="sm:text-right opacity-50 text-neutral-30"
+            >
+              <span class="paragraph-inter-10-semi-bold">Powered by</span>
+              <img
+                src="/assets/images/lukso-logo.svg"
+                alt="LUKSO"
+                class="h-4"
+              />
+            </a>
+          </div>
+        </div>
+      </footer>
+    `;
+  }
+};
+exports.LuksoFooter = __decorateClass([
+  directive.e("lukso-footer")
+], exports.LuksoFooter);

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

@@ -0,0 +1,56 @@
+import { a as TailwindElement, x } from '../../index-4507034c.js';
+import { e } from '../../directive-190d1dea.js';
+import '../lukso-share/index.js';
+import '../../index-48ee71cd.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let LuksoFooter = class extends TailwindElement {
+  render() {
+    return x`
+      <footer class="bg-neutral-100">
+        <div
+          class="p-10 grid gap-12 items-center lg:grid-cols-[auto,max-content]"
+        >
+          <slot name="top"></slot>
+          <div className="flex lg:justify-end">
+            <lukso-share></lukso-share>
+          </div>
+        </div>
+        <div
+          class="grid sm:grid-cols-[max-content,auto] px-10 py-6 bg-neutral-95 gap-8"
+        >
+          <slot name="bottom"></slot>
+          <div class="flex sm:justify-end">
+            <a
+              href="https://lukso.network/"
+              target="_blank"
+              class="sm:text-right opacity-50 text-neutral-30"
+            >
+              <span class="paragraph-inter-10-semi-bold">Powered by</span>
+              <img
+                src="/assets/images/lukso-logo.svg"
+                alt="LUKSO"
+                class="h-4"
+              />
+            </a>
+          </div>
+        </div>
+      </footer>
+    `;
+  }
+};
+LuksoFooter = __decorateClass([
+  e("lukso-footer")
+], LuksoFooter);
+
+export { LuksoFooter };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c600bfd6.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-09c2cd24.cjs');
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+const styleMap = require('../../style-map-f737f913.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -4802,17 +4802,17 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoIcon.prototype, "name", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoIcon.prototype, "size", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoIcon.prototype, "color", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "secondary-color" })
+  directive.e$1({ type: String, attribute: "secondary-color" })
 ], exports.LuksoIcon.prototype, "secondaryColor", 2);
 exports.LuksoIcon = __decorateClass([
-  directive.e$1("lukso-icon")
+  directive.e("lukso-icon")
 ], exports.LuksoIcon);

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-90c43338.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-105316ca.js';
+import { x, T as TailwindStyledElement } from '../../index-4507034c.js';
+import { a as e, e as e$1 } from '../../directive-190d1dea.js';
+import { o } from '../../style-map-a25f1f00.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c600bfd6.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const state = require('../../state-a62a7d5d.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+const state = require('../../state-a13eb70b.cjs');
+const index = require('../../index-a1c8eb00.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -245,61 +245,61 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "value", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "name", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "type", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "placeholder", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "label", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "autocomplete", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "id", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "ref", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "accept", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "description", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "error", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoInput.prototype, "unit", 2);
 __decorateClass([
-  directive.e({ type: String, attribute: "custom-class" })
+  directive.e$1({ type: String, attribute: "custom-class" })
 ], exports.LuksoInput.prototype, "customClass", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-full-width" })
+  directive.e$1({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoInput.prototype, "isFullWidth", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-readonly" })
+  directive.e$1({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoInput.prototype, "isReadonly", 2);
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-disabled" })
+  directive.e$1({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoInput.prototype, "isDisabled", 2);
 __decorateClass([
-  directive.e({ type: Boolean })
+  directive.e$1({ type: Boolean })
 ], exports.LuksoInput.prototype, "autofocus", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  directive.e$1({ type: Number })
 ], exports.LuksoInput.prototype, "max", 2);
 __decorateClass([
-  directive.e({ type: Number })
+  directive.e$1({ type: Number })
 ], exports.LuksoInput.prototype, "min", 2);
 __decorateClass([
   state.t()
@@ -308,5 +308,5 @@ __decorateClass([
   state.t()
 ], exports.LuksoInput.prototype, "hasHighlight", 2);
 exports.LuksoInput = __decorateClass([
-  directive.e$1("lukso-input")
+  directive.e("lukso-input")
 ], exports.LuksoInput);

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x, A } from '../../index-90c43338.js';
-import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { t } from '../../state-7fde94d1.js';
-import { c as customClassMap } from '../../index-714323c9.js';
+import { a as TailwindElement, x, A } from '../../index-4507034c.js';
+import { a as e, e as e$1 } from '../../directive-190d1dea.js';
+import { t } from '../../state-069457a0.js';
+import { c as customClassMap } from '../../index-48ee71cd.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c600bfd6.cjs');
-const directive = require('../../directive-db00f5fb.cjs');
-const index = require('../../index-7dc05ee5.cjs');
+const shared_tailwindElement_index = require('../../index-4a94cf2c.cjs');
+const directive = require('../../directive-d0161b26.cjs');
+const index = require('../../index-a1c8eb00.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -60,11 +60,11 @@ exports.LuksoModal = class LuksoModal extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  directive.e({ type: Boolean, attribute: "is-open" })
+  directive.e$1({ type: Boolean, attribute: "is-open" })
 ], exports.LuksoModal.prototype, "isOpen", 2);
 __decorateClass([
-  directive.e({ type: String })
+  directive.e$1({ type: String })
 ], exports.LuksoModal.prototype, "size", 2);
 exports.LuksoModal = __decorateClass([
-  directive.e$1("lukso-modal")
+  directive.e("lukso-modal")
 ], exports.LuksoModal);