@lukso/web-components 1.49.2 → 1.51.0

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

@@ -1,302 +1,8 @@
-import { T as TailwindStyledElement, x } from '../../index-cfea1b58.js';
-import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-b2a337a1.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
+import '../../index-2f5488b6.js';
+import '../../query-assigned-elements-5d94572f.js';
+import '../../style-map-88b4d8ad.js';
+import '../../index-5e194caf.js';
+export { L as LuksoCard } from '../../index-d0d67b5f.js';
 import '../lukso-profile/index.js';
+import '../../color-palette.js';
 import '../../directive-2bb7789e.js';
-
-const style = ":host {\n  display: flex;\n  width: 100%;\n}\n\n:host([is-fixed-width]) {\n  width: inherit;\n}";
-
-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 LuksoCard = class extends TailwindStyledElement(style) {
-  constructor() {
-    super(...arguments);
-    this.variant = "basic";
-    this.backgroundUrl = "";
-    this.profileUrl = "";
-    this.profileAddress = "";
-    this.isFixedWidth = false;
-    this.isFixedHeight = false;
-    this.customClass = "";
-    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`;
-  }
-  backgroundImageOrGradient() {
-    const opacity = "80";
-    const gradientStart = `#${this.profileAddress.slice(2, 8)}${opacity}`;
-    const gradientEnd = `#${this.profileAddress.slice(36, 42)}${opacity}`;
-    if (this.backgroundUrl) {
-      return `url(${this.backgroundUrl})`;
-    }
-    return `linear-gradient(90deg, ${gradientStart}, ${gradientEnd})`;
-  }
-  basicTemplate() {
-    return x`
-      <div
-        data-testid="card"
-        class="bg-neutral-100 ${customClassMap({
-      [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,
-      ["w-full"]: !this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
-    })}"
-      >
-        <slot name="content"></slot>
-      </div>
-    `;
-  }
-  withHeaderTemplate() {
-    return x`
-      <div
-        data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] overflow-hidden ${customClassMap(
-      {
-        [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,
-        ["w-full"]: !this.isFixedWidth,
-        ["min-h-[534px]"]: this.isFixedHeight
-      }
-    )}"
-      >
-        <div>
-          <slot name="header"></slot>
-        </div>
-        <div class="bg-neutral-100 shadow-neutral-above-shadow-1xl rounded-24">
-          <slot name="content"></slot>
-        </div>
-      </div>
-    `;
-  }
-  profileTemplate() {
-    return x`
-      <div
-        data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
-      [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,
-      ["w-full"]: !this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
-    })}"
-      >
-        <div
-          style=${o({
-      backgroundImage: this.backgroundImageOrGradient()
-    })}
-          class="min-h-[129px] -mb-6 bg-center bg-cover rounded-[24px_24px_0_0] relative"
-        >
-          ${this.backgroundUrl && x` <div
-            class="min-h-full min-w-full rounded-[24px_24px_0_0] bg-neutral-20/10 absolute"
-          ></div>`}
-          <div>
-            <slot name="header"></slot>
-          </div>
-        </div>
-        <div class="bg-neutral-100 rounded-24 relative">
-          <lukso-profile
-            profile-url=${this.profileUrl}
-            size="large"
-            profile-address=${this.profileAddress}
-            has-identicon
-            class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
-          ></lukso-profile>
-          <div
-            class="overflow-hidden w-[153px] h-[70px] -top-[70px] relative mx-auto flex items-end justify-center -mb-2"
-          >
-            <div
-              class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]"
-            ></div>
-          </div>
-          <slot name="content"></slot>
-        </div>
-      </div>
-    `;
-  }
-  profile2Template() {
-    return x`
-      <div
-        data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
-      [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,
-      ["w-full"]: !this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
-    })}"
-      >
-        <div
-          style=${o({
-      backgroundImage: this.backgroundImageOrGradient()
-    })}
-          class="min-h-[129px] -mb-6 bg-center bg-cover rounded-[24px_24px_0_0] relative bg-neutral-100"
-        >
-          ${this.backgroundUrl && x`<div
-            class="min-h-full min-w-full rounded-[24px_24px_0_0] bg-neutral-10/10 absolute"
-          ></div>`}
-          <div>
-            <slot name="header"></slot>
-          </div>
-        </div>
-        <div class="grid grid-rows-[max-content,auto]">
-          <div class="bg-neutral-100 relative">
-            <lukso-profile
-              profile-url=${this.profileUrl}
-              size="large"
-              profile-address=${this.profileAddress}
-              has-identicon
-              class="absolute -top-[40px] left-[calc(50%_-_40px)] z-10"
-            ></lukso-profile>
-            <div
-              class="overflow-hidden w-[153px] h-[70px] -top-[70px] relative mx-auto flex items-end justify-center -mb-2"
-            >
-              <div
-                class="bg-neutral-100 rounded-[103px_103px_0_0] w-[96px] h-[48px]"
-              ></div>
-            </div>
-            <slot name="content"></slot>
-          </div>
-          <div
-            class="bg-neutral-97 rounded-b-24 shadow-neutral-inner-shadow-top"
-          >
-            <slot name="bottom"></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  heroTemplate() {
-    return x`
-      <div
-        data-testid="card"
-        class="h-[240px] flex bg-neutral-100 ${customClassMap({
-      [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,
-      ["w-full"]: !this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
-    })}"
-      >
-        <div
-          style=${o({
-      backgroundImage: `url(${this.backgroundUrl})`
-    })}
-          class="h-full w-full -mb-6 bg-center bg-cover rounded-24 relative"
-        >
-          ${this.backgroundUrl && x`<div
-            class="h-full w-full rounded-24 bg-neutral-20/10 absolute"
-          ></div>`}
-          <div
-            class="h-full w-full flex flex-col items-center justify-center  absolute"
-          >
-            <slot name="content"></slot>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-  dappTemplate() {
-    return x`
-      <div
-        data-testid="card"
-        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
-      [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,
-      ["w-full"]: !this.isFixedWidth,
-      ["min-h-[534px]"]: this.isFixedHeight
-    })}"
-      >
-        <div
-          style=${o({
-      backgroundImage: this.backgroundImageOrGradient()
-    })}
-          class="min-h-[240px] bg-center bg-cover rounded-[24px_24px_0_0] relative"
-        >
-          <div>
-            <slot name="header"></slot>
-          </div>
-        </div>
-        <div
-          class="bg-neutral-100 shadow-neutral-above-shadow-1xl rounded-[0_0_24px_24px] relative"
-        >
-          <slot name="content"></slot>
-        </div>
-      </div>
-    `;
-  }
-  render() {
-    switch (this.variant) {
-      case "with-header":
-        return this.withHeaderTemplate();
-      case "profile":
-        return this.profileTemplate();
-      case "profile-2":
-        return this.profile2Template();
-      case "hero":
-        return this.heroTemplate();
-      case "dapp":
-        return this.dappTemplate();
-      default:
-        return this.basicTemplate();
-    }
-  }
-};
-__decorateClass([
-  n({ type: String })
-], LuksoCard.prototype, "variant", 2);
-__decorateClass([
-  n({ type: String, attribute: "background-url" })
-], LuksoCard.prototype, "backgroundUrl", 2);
-__decorateClass([
-  n({ type: String, attribute: "profile-url" })
-], LuksoCard.prototype, "profileUrl", 2);
-__decorateClass([
-  n({ type: String, attribute: "profile-address" })
-], LuksoCard.prototype, "profileAddress", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "is-fixed-width" })
-], LuksoCard.prototype, "isFixedWidth", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "is-fixed-height" })
-], LuksoCard.prototype, "isFixedHeight", 2);
-__decorateClass([
-  n({ type: String, attribute: "custom-class" })
-], LuksoCard.prototype, "customClass", 2);
-__decorateClass([
-  n({ type: String })
-], LuksoCard.prototype, "size", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "is-hoverable" })
-], LuksoCard.prototype, "isHoverable", 2);
-LuksoCard = __decorateClass([
-  e("lukso-card")
-], LuksoCard);
-
-export { LuksoCard };

package/dist/components/lukso-card/lukso-card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/lukso-card.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,kBAAkB,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAE1B,qJAAqJ;AACrJ,QAAA,MAAM,IAAI,EAAE,IA8HX,CAAA;AAED,eAAe,IAAI,CAAA;AAsInB,iDAAiD;AACjD,eAAO,MAAM,WAAW,KAA2B,CAAA;AAQnD,0HAA0H;AAC1H,eAAO,MAAM,SAAS,KAA2B,CAAA;AAYjD,wCAAwC;AACxC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAatD,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAgC,CAAA;AAajE,sIAAsI;AACtI,eAAO,MAAM,WAAW,KAA2B,CAAA;AAmBnD,uCAAuC;AACvC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAAwB,CAAA;AAK7C,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAKhD,uGAAuG;AACvG,eAAO,MAAM,UAAU,KAA2B,CAAA;AAalD,sDAAsD;AACtD,eAAO,MAAM,SAAS,KAA2B,CAAA;AAKjD,sEAAsE;AACtE,eAAO,MAAM,aAAa,KAA2B,CAAA"}
+{"version":3,"file":"lukso-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-card/lukso-card.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,kBAAkB,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAE1B,qJAAqJ;AACrJ,QAAA,MAAM,IAAI,EAAE,IAyIX,CAAA;AAED,eAAe,IAAI,CAAA;AAwInB,iDAAiD;AACjD,eAAO,MAAM,WAAW,KAA2B,CAAA;AAQnD,0HAA0H;AAC1H,eAAO,MAAM,SAAS,KAA2B,CAAA;AAYjD,wCAAwC;AACxC,eAAO,MAAM,cAAc,KAA2B,CAAA;AAatD,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAgC,CAAA;AAajE,sIAAsI;AACtI,eAAO,MAAM,WAAW,KAA2B,CAAA;AAmBnD,uCAAuC;AACvC,eAAO,MAAM,YAAY,KAA2B,CAAA;AAOpD,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAAwB,CAAA;AAK7C,kCAAkC;AAClC,eAAO,MAAM,QAAQ,KAA2B,CAAA;AAKhD,uGAAuG;AACvG,eAAO,MAAM,UAAU,KAA2B,CAAA;AAalD,sDAAsD;AACtD,eAAO,MAAM,SAAS,KAA2B,CAAA;AAKjD,sEAAsE;AACtE,eAAO,MAAM,aAAa,KAA2B,CAAA"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x, A } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-require('../lukso-share/index.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/components/lukso-footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,0BAA0B,CAAA;AAEjC,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,SAAK;IAEd,OAAO,CAAC,gBAAgB,CASvB;IAED,MAAM;CAuCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-footer/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,WAAY,SAAQ,eAAe;IAE9C,SAAS,SAAK;IAEd,OAAO,CAAC,gBAAgB,CASvB;IAED,MAAM;CAuCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,6 +1,5 @@
-import { a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import '../lukso-share/index.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-ea2513e4.cjs');
+const styleMap = require('../../style-map-74906707.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-cfea1b58.js';
+import { x, T as TailwindStyledElement } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-b2a337a1.js';
+import { o } from '../../style-map-88b4d8ad.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x, A } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-ea2513e4.cjs');
+require('../../style-map-74906707.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,11 +1,11 @@
-import { a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-b2a337a1.js';
+import '../../style-map-88b4d8ad.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-ea2513e4.cjs');
+const styleMap = require('../../style-map-74906707.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-b2a337a1.js';
+import { o } from '../../style-map-88b4d8ad.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-ea2513e4.cjs');
+const styleMap = require('../../style-map-74906707.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-b2a337a1.js';
+import { o } from '../../style-map-88b4d8ad.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 

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

@@ -1,4 +1,4 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-cfea1b58.js';
+import { A, b as T, a as TailwindElement, x } from '../../index-2f5488b6.js';
 import { n, e as e$2 } from '../../query-assigned-elements-5d94572f.js';
 import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -10,7 +10,7 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-ea2513e4.cjs');
+require('../../style-map-74906707.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}";
 
@@ -63,11 +63,14 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
         `[data-index="${changedProperties.get("selected")}"`
       );
       if (selectedOption) {
-        selectedOption.scrollIntoView({
-          behavior: "smooth",
-          block: "center",
-          inline: "nearest"
-        });
+        if ("scrollIntoViewIfNeeded" in selectedOption && typeof selectedOption.scrollIntoViewIfNeeded === "function") {
+          selectedOption.scrollIntoViewIfNeeded();
+        } else {
+          selectedOption.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
       }
     }
   }

package/dist/components/lukso-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAA;AAMnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,QAAQ,MAAY;IAGpB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,kBAAkB,CAEuD;IAEjF,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBlD,aAAa;IAqCb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IAuCf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAe9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA2BlD,YAAY;IAY1B,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,gBAAgB;YAchB,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,KAAK,CAAA;AAMnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,QAAQ,MAAY;IAGpB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,kBAAkB,CAEuD;IAEjF,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,aAAa;IAqCb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,eAAe;IAqBf,iBAAiB;IAQjB,eAAe;IAuCf,uBAAuB,CACrB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE;IASxD,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAe9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YA2BlD,YAAY;IAY1B,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,gBAAgB;YAchB,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-cfea1b58.js';
+import { T as TailwindStyledElement, x, A } from '../../index-2f5488b6.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -6,7 +6,7 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-b2a337a1.js';
+import '../../style-map-88b4d8ad.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}";
 
@@ -59,11 +59,14 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
         `[data-index="${changedProperties.get("selected")}"`
       );
       if (selectedOption) {
-        selectedOption.scrollIntoView({
-          behavior: "smooth",
-          block: "center",
-          inline: "nearest"
-        });
+        if ("scrollIntoViewIfNeeded" in selectedOption && typeof selectedOption.scrollIntoViewIfNeeded === "function") {
+          selectedOption.scrollIntoViewIfNeeded();
+        } else {
+          selectedOption.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
       }
     }
   }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-c04e4744.cjs');
+const shared_tailwindElement_index = require('../../index-aaa67d55.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -10,7 +10,7 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-ea2513e4.cjs');
+require('../../style-map-74906707.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}";
 
@@ -64,20 +64,24 @@ exports.LuksoSelect = class LuksoSelect extends shared_tailwindElement_index.Tai
         `[data-index="${changedProperties.get("selected")}"`
       );
       if (selectedOption) {
-        selectedOption.scrollIntoView({
-          behavior: "smooth",
-          block: "center"
-        });
+        if ("scrollIntoViewIfNeeded" in selectedOption && typeof selectedOption.scrollIntoViewIfNeeded === "function") {
+          selectedOption.scrollIntoViewIfNeeded();
+        } else {
+          selectedOption.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+          });
+        }
       }
     }
-    if (changedProperties.has("options")) {
+    if (changedProperties.has("options") && !!this.options) {
       try {
         this.optionsParsed = JSON.parse(this.options);
       } catch (error) {
         console.warn("Could not parse options", error);
       }
     }
-    if (changedProperties.has("value")) {
+    if (changedProperties.has("value") && !!this.value) {
       try {
         this.valueParsed = JSON.parse(this.value);
       } catch (error) {