@lukso/web-components 1.172.13 → 1.172.17

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

@@ -1,24 +1,29 @@
-import { b as TailwindStyledElement, E, x } from '../../chunks/index-5X9ujrWL.js';
-import { n } from '../../chunks/property-DfumgIL6.js';
-import { r } from '../../chunks/state-CaelFSbE.js';
-import { c as ce } from '../../chunks/index-B9iart53.js';
-import { w as withTheme } from '../../chunks/chunk-LQIOVPBE-CGhQ79Di.js';
+import { nothing, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { tv } from 'tailwind-variants';
+import { withTheme } from '@lukso/core';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../chunks/axe-DJKac19y.js';
+import '../../chunks/index-CSnDkMHN.js';
+import { c as cn } from '../../chunks/cn-Df_5FiGi.js';
+import 'viem';
+import 'axe-core';
+import '../../chunks/index-N2DggpF2.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}";
 
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
+  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 = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const LONG_PRESS_ANIMATION_DURATION_IN_MS = 2e3;
-class LuksoButton extends withTheme(TailwindStyledElement(style)) {
+let LuksoButton = class extends withTheme(TailwindStyledElement(style)) {
   constructor() {
     super(...arguments);
     this.variant = "primary";
@@ -41,7 +46,7 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
     this.isPressed = false;
     this.noTransition = false;
     this.timer = 0;
-    this.counterStyles = ce({
+    this.counterStyles = tv({
       base: "ml-2 border border-neutral-20 rounded-4 px-[2px] py-[1px] paragraph-inter-10-semi-bold text-neutral-20 bg-neutral-100",
       variants: {
         isActive: {
@@ -49,7 +54,7 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
         }
       }
     });
-    this.buttonStyles = ce({
+    this.buttonStyles = tv({
       base: `flex justify-center items-center relative text-center
       border border-solid cursor-pointer transition
       duration-250 active:scale-98 active:duration-25
@@ -156,7 +161,7 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
         }
       ]
     });
-    this.loadingStyles = ce({
+    this.loadingStyles = tv({
       slots: {
         icon: "animate-spin",
         text: ""
@@ -210,19 +215,19 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
     const { icon, text } = this.loadingStyles({
       size: this.size
     });
-    return x`<lukso-icon
+    return html`<lukso-icon
         name="spinner"
         size=${this.size}
         color=${this.variant === "secondary" || this.variant === "text" ? "neutral-20" : "neutral-100"}
         class=${icon()}
       ></lukso-icon>
-      ${this.loadingText ? x`<span class=${text()}>${this.loadingText}</span>` : E}`;
+      ${this.loadingText ? html`<span class=${text()}>${this.loadingText}</span>` : nothing}`;
   }
   counterTemplate() {
     const counterStyles = this.counterStyles({
       isActive: this.isActive
     });
-    return x` <span class=${counterStyles}>${this.count}</span> `;
+    return html` <span class=${counterStyles}>${this.count}</span> `;
   }
   buttonTemplate() {
     const buttonStyles = this.buttonStyles({
@@ -234,7 +239,7 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
       isActive: this.isActive,
       isIcon: this.isIcon
     });
-    return x`
+    return html`
       <button
         data-testid="button"
         ?disabled=${this.disabled || this.isLoading}
@@ -248,8 +253,8 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
         @mouseup=${this.handleMouseUp}
         @mouseleave=${this.handleMouseUp}
       >
-        ${this.isLoading ? this.loadingTemplate() : x`<slot></slot>`}
-        ${this.count ? this.counterTemplate() : E}
+        ${this.isLoading ? this.loadingTemplate() : html`<slot></slot>`}
+        ${this.count ? this.counterTemplate() : nothing}
       </button>
     `;
   }
@@ -262,7 +267,7 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
       isPressed: this.isPressed,
       isIcon: this.isIcon
     });
-    return x`
+    return html`
       <a
         data-testid="link"
         class=${cn(buttonStyles, this.customClass)}
@@ -276,69 +281,71 @@ class LuksoButton extends withTheme(TailwindStyledElement(style)) {
     `;
   }
   render() {
-    return x` ${this.isLink ? this.linkTemplate() : this.buttonTemplate()} `;
+    return html` ${this.isLink ? this.linkTemplate() : this.buttonTemplate()} `;
   }
-}
+};
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "variant");
+  property({ type: String })
+], LuksoButton.prototype, "variant", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "size");
+  property({ type: String })
+], LuksoButton.prototype, "size", 2);
 __decorateClass([
-  n({ type: Boolean })
-], LuksoButton.prototype, "disabled");
+  property({ type: Boolean })
+], LuksoButton.prototype, "disabled", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-full-width" })
-], LuksoButton.prototype, "isFullWidth");
+  property({ type: Boolean, attribute: "is-full-width" })
+], LuksoButton.prototype, "isFullWidth", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-long-press" })
-], LuksoButton.prototype, "isLongPress");
+  property({ type: Boolean, attribute: "is-long-press" })
+], LuksoButton.prototype, "isLongPress", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-link" })
-], LuksoButton.prototype, "isLink");
+  property({ type: Boolean, attribute: "is-link" })
+], LuksoButton.prototype, "isLink", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-loading" })
-], LuksoButton.prototype, "isLoading");
+  property({ type: Boolean, attribute: "is-loading" })
+], LuksoButton.prototype, "isLoading", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "type");
+  property({ type: String })
+], LuksoButton.prototype, "type", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "href");
+  property({ type: String })
+], LuksoButton.prototype, "href", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "target");
+  property({ type: String })
+], LuksoButton.prototype, "target", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "rel");
+  property({ type: String })
+], LuksoButton.prototype, "rel", 2);
 __decorateClass([
-  n({ type: String, attribute: "loading-text" })
-], LuksoButton.prototype, "loadingText");
+  property({ type: String, attribute: "loading-text" })
+], LuksoButton.prototype, "loadingText", 2);
 __decorateClass([
-  n({ type: String, attribute: "custom-class" })
-], LuksoButton.prototype, "customClass");
+  property({ type: String, attribute: "custom-class" })
+], LuksoButton.prototype, "customClass", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-active" })
-], LuksoButton.prototype, "isActive");
+  property({ type: Boolean, attribute: "is-active" })
+], LuksoButton.prototype, "isActive", 2);
 __decorateClass([
-  n({ type: Number })
-], LuksoButton.prototype, "count");
+  property({ type: Number })
+], LuksoButton.prototype, "count", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-icon" })
-], LuksoButton.prototype, "isIcon");
+  property({ type: Boolean, attribute: "is-icon" })
+], LuksoButton.prototype, "isIcon", 2);
 __decorateClass([
-  n({ type: String })
-], LuksoButton.prototype, "label");
+  property({ type: String })
+], LuksoButton.prototype, "label", 2);
 __decorateClass([
-  r()
-], LuksoButton.prototype, "isPressed");
+  state()
+], LuksoButton.prototype, "isPressed", 2);
 __decorateClass([
-  r()
-], LuksoButton.prototype, "noTransition");
+  state()
+], LuksoButton.prototype, "noTransition", 2);
 __decorateClass([
-  r()
-], LuksoButton.prototype, "timer");
-customElements.define("lukso-button", LuksoButton);
+  state()
+], LuksoButton.prototype, "timer", 2);
+LuksoButton = __decorateClass([
+  safeCustomElement("lukso-button")
+], LuksoButton);
 
 export { LuksoButton };

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

@@ -2,31 +2,26 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../chunks/index-BAf8Hzhe.js');
-const shared_tailwindElement_index = require('../../chunks/index-BxQ_0s_1.js');
-const property = require('../../chunks/property-D6IL6zax.js');
-const state = require('../../chunks/state-CFjY89m3.js');
-const base = require('../../chunks/base-NFGX42U4.js');
-const styleMap = require('../../chunks/style-map-B7XFhSOK.js');
-const index = require('../../chunks/index-CaJky2qL.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
+const makeBlockie = require('ethereum-blockies-base64');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const styleMap = require('../../chunks/style-map-AEeBQfPb.js');
+const tailwindVariants = require('tailwind-variants');
+const index = require('../../chunks/index-BBPgtFEP.js');
+require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
-const axe = require('../../chunks/axe-MHuN9KU0.js');
-const isAddress = require('../../chunks/isAddress-B1R_6-uN.js');
-const index$1 = require('../../chunks/index-C5YyB6ug.js');
+require('../../chunks/index-oDo-wiUs.js');
+const cn = require('../../chunks/cn-JMx_imgS.js');
+const viem = require('viem');
+require('axe-core');
+const index$1 = require('../../chunks/index-DvLZWpq9.js');
 require('../lukso-image/index.cjs');
 
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function o(o){return (e,n)=>{const{slot:r,selector:s}=o??{},c="slot"+(r?`[name=${r}]`:":not([name])");return base.e(e,n,{get(){const t=this.renderRoot?.querySelector(c),e=t?.assignedElements(o)??[];return void 0===s?e:e.filter((t=>t.matches(s)))}})}}
-
 const backgroundGradient = (address) => {
   let gradientStart = "#24354210";
   let gradientEnd = "#24354220";
   const opacity = "80";
-  if (address && isAddress.isAddress(address)) {
+  if (address && viem.isAddress(address)) {
     gradientStart = `#${address.slice(2, 8)}${opacity}`;
     gradientEnd = `#${address.slice(36, 42)}${opacity}`;
   }
@@ -45,7 +40,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoCard = class LuksoCard extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.variant = "basic";
@@ -60,7 +55,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     this.hasOverlay = false;
     this.isEoa = false;
     this.hasBottom = false;
-    this.cardStyles = index.ce({
+    this.cardStyles = tailwindVariants.tv({
       base: "bg-neutral-100",
       variants: {
         borderRadius: {
@@ -109,14 +104,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       isHoverable: this.isHoverable,
       hasNoWidth: !this.width
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <slot name="content"></slot>
       </div>
@@ -130,14 +125,14 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "grid grid-rows-[auto,1fr] overflow-hidden"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${styleMap.o({
       minHeight: `${this.height}px`,
       width: `${this.width}px`
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div class=${this.headerClass}>
           <slot name="header"></slot>
@@ -158,32 +153,32 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "grid grid-rows-[1fr,auto]"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${axe.cn(
+          class=${cn.cn(
       "min-h-[92px] -mb-6 w-full rounded-t-[inherit] rounded-b-0 relative",
       this.headerClass
     )}
         >
-          ${this.backgroundUrl && shared_tailwindElement_index.x`<div
+          ${this.backgroundUrl && lit.html`<div
             class="rounded-t-[inherit] overflow-hidden absolute inset-0"
           >
             <lukso-image src=${this.backgroundUrl}></lukso-image>
           </div>`}
-          ${this.hasOverlay ? shared_tailwindElement_index.x`<div
+          ${this.hasOverlay ? lit.html`<div
                 class="h-full full rounded-t-[inherit] rounded-b-0 bg-neutral-20/10 absolute"
-              ></div>` : shared_tailwindElement_index.E}
+              ></div>` : lit.nothing}
           <div class="relative h-full">
             <slot name="header"></slot>
           </div>
@@ -196,7 +191,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           class="bg-neutral-100 rounded-[inherit] relative break-normal"
         >
           <lukso-profile
-            profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
+            profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
             borderRadius="large"
             profile-address=${this.profileAddress}
             ?has-identicon=${!this.isEoa}
@@ -222,25 +217,25 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "grid grid-rows-[auto,1fr]"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${axe.cn(
+          class=${cn.cn(
       "min-h-[129px] -mb-6 bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
       this.headerClass
     )}
         >
-          ${this.backgroundUrl && shared_tailwindElement_index.x`<div
+          ${this.backgroundUrl && lit.html`<div
               class="rounded-t-[inherit] overflow-hidden absolute inset-0"
             >
               <lukso-image src=${this.backgroundUrl}></lukso-image>
@@ -254,12 +249,12 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         </div>
         <div class="grid grid-rows-[max-content,auto] rounded-b-[inherit]">
           <div
-            class=${axe.cn("bg-neutral-100 relative", {
+            class=${cn.cn("bg-neutral-100 relative", {
       "rounded-b-[inherit]": !this.hasBottom
     })}
           >
             <lukso-profile
-              profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
+              profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
               borderRadius="large"
               profile-address=${this.profileAddress}
               ?has-identicon=${!this.isEoa}
@@ -291,25 +286,25 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "grid grid-rows-[auto,1fr]"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${axe.cn(
+          class=${cn.cn(
       "min-h-10 bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative bg-neutral-100",
       this.headerClass
     )}
         >
-          ${this.backgroundUrl && shared_tailwindElement_index.x`<div
+          ${this.backgroundUrl && lit.html`<div
               class="rounded-t-[inherit] overflow-hidden absolute inset-0"
             >
               <lukso-image src=${this.backgroundUrl}></lukso-image>
@@ -324,7 +319,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
         <div class="grid grid-rows-[max-content] rounded-b-[inherit]">
           <div class="bg-neutral-100 relative pt-5 rounded-b-[inherit]">
             <lukso-profile
-              profile-url=${this.isEoa ? components_luksoProfile_index.makeBlockie(this.profileAddress) : this.profileUrl}
+              profile-url=${this.isEoa ? makeBlockie(this.profileAddress) : this.profileUrl}
               borderRadius="large"
               profile-address=${this.profileAddress}
               ?has-identicon=${!this.isEoa}
@@ -346,7 +341,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "flex"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
@@ -354,17 +349,17 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       "min-height: 240px": !this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div
           class="h-full w-full -mb-6 bg-center bg-cover rounded-[inherit] relative"
         >
-          ${this.backgroundUrl && shared_tailwindElement_index.x`<div class="rounded-[inherit] overflow-hidden absolute inset-0">
+          ${this.backgroundUrl && lit.html`<div class="rounded-[inherit] overflow-hidden absolute inset-0">
             <lukso-image src=${this.backgroundUrl}></lukso-image>
           </div>`}
-          ${this.hasOverlay && this.backgroundUrl ? shared_tailwindElement_index.x`<div
+          ${this.hasOverlay && this.backgroundUrl ? lit.html`<div
                 class="h-full w-full rounded-[inherit] bg-neutral-20/10 absolute"
-              ></div>` : shared_tailwindElement_index.E}
+              ></div>` : lit.nothing}
           <div
             class="h-full w-full flex flex-col items-center justify-center absolute"
           >
@@ -382,25 +377,25 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
       hasNoWidth: !this.width,
       class: "grid grid-rows-[auto,1fr]"
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div
         data-testid="card"
         style=${index$1.customStyleMap({
       [`min-height: ${this.height}px`]: !!this.height,
       [`width: ${this.width}px`]: !!this.width
     })}
-        class=${axe.cn(cardStyles, this.customClass)}
+        class=${cn.cn(cardStyles, this.customClass)}
       >
         <div
           style=${styleMap.o({
       backgroundImage: backgroundGradient(this.profileAddress)
     })}
-          class=${axe.cn(
+          class=${cn.cn(
       "min-h-[inherit] bg-center bg-cover rounded-t-[inherit] rounded-b-0 relative",
       this.headerClass
     )}
         >
-          ${this.backgroundUrl && shared_tailwindElement_index.x`
+          ${this.backgroundUrl && lit.html`
             <div class="rounded-t-[inherit] overflow-hidden absolute inset-0">
               <lukso-image src=${this.backgroundUrl}></lukso-image>
             </div>
@@ -435,50 +430,50 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoCard.prototype, "variant", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "background-url" })
+  decorators_js.property({ type: String, attribute: "background-url" })
 ], exports.LuksoCard.prototype, "backgroundUrl", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "profile-url" })
+  decorators_js.property({ type: String, attribute: "profile-url" })
 ], exports.LuksoCard.prototype, "profileUrl", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "profile-address" })
+  decorators_js.property({ type: String, attribute: "profile-address" })
 ], exports.LuksoCard.prototype, "profileAddress", 2);
 __decorateClass([
-  property.n({ type: Number })
+  decorators_js.property({ type: Number })
 ], exports.LuksoCard.prototype, "width", 2);
 __decorateClass([
-  property.n({ type: Number })
+  decorators_js.property({ type: Number })
 ], exports.LuksoCard.prototype, "height", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "custom-class" })
+  decorators_js.property({ type: String, attribute: "custom-class" })
 ], exports.LuksoCard.prototype, "customClass", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "header-class" })
+  decorators_js.property({ type: String, attribute: "header-class" })
 ], exports.LuksoCard.prototype, "headerClass", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "border-radius" })
+  decorators_js.property({ type: String, attribute: "border-radius" })
 ], exports.LuksoCard.prototype, "borderRadius", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoCard.prototype, "shadow", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-hoverable" })
+  decorators_js.property({ type: Boolean, attribute: "is-hoverable" })
 ], exports.LuksoCard.prototype, "isHoverable", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "has-overlay" })
+  decorators_js.property({ type: Boolean, attribute: "has-overlay" })
 ], exports.LuksoCard.prototype, "hasOverlay", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-eoa" })
+  decorators_js.property({ type: Boolean, attribute: "is-eoa" })
 ], exports.LuksoCard.prototype, "isEoa", 2);
 __decorateClass([
-  o({ slot: "bottom", flatten: true })
+  decorators_js.queryAssignedElements({ slot: "bottom", flatten: true })
 ], exports.LuksoCard.prototype, "bottomNodes", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoCard.prototype, "hasBottom", 2);
 exports.LuksoCard = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-card")
+  index.safeCustomElement("lukso-card")
 ], exports.LuksoCard);