@lukso/web-components 1.133.0 → 1.134.0

package/dist/components/lukso-radio-group/index.cjs

@@ -0,0 +1,197 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
+const state = require('../../state-CCMDzTj3.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.LuksoRadioGroup = class LuksoRadioGroup extends shared_tailwindElement_index.TailwindElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.value = "";
+    this.autofocus = false;
+    this.focusedIndex = -1;
+    this.radios = [];
+  }
+  // Detect if radio group is laid out horizontally or vertically
+  isHorizontalLayout() {
+    const firstRadio = this.querySelector("lukso-radio");
+    if (!firstRadio) return false;
+    const secondRadio = firstRadio.nextElementSibling;
+    if (!secondRadio) return false;
+    const firstRect = firstRadio.getBoundingClientRect();
+    const secondRect = secondRadio.getBoundingClientRect();
+    return Math.abs(secondRect.left - firstRect.left) > Math.abs(secondRect.top - firstRect.top);
+  }
+  handleChange(e) {
+    const newValue = e.detail.value;
+    this.value = newValue;
+    this.updateRadios();
+    this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: { value: this.value },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  updateRadios() {
+    const radios = this.querySelectorAll("lukso-radio");
+    for (const el of radios) {
+      el.checked = el.value === this.value;
+    }
+  }
+  // Make sure radios are updated when they become available
+  setupInitialState() {
+    this.updateRadios();
+    setTimeout(() => this.updateRadios(), 50);
+    setTimeout(() => this.updateRadios(), 150);
+  }
+  handleKeydown(e) {
+    this.radios = Array.from(this.querySelectorAll("lukso-radio"));
+    if (!this.radios.length) return;
+    const selectedIndex = this.radios.findIndex(
+      (radio) => radio.checked
+    );
+    if (this.focusedIndex === -1) {
+      this.focusedIndex = selectedIndex >= 0 ? selectedIndex : 0;
+    }
+    let newIndex = this.focusedIndex;
+    const isHorizontal = this.isHorizontalLayout();
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (!isHorizontal) {
+          newIndex = (this.focusedIndex + 1) % this.radios.length;
+        }
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        newIndex = (this.focusedIndex + 1) % this.radios.length;
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (!isHorizontal) {
+          newIndex = (this.focusedIndex - 1 + this.radios.length) % this.radios.length;
+        }
+        break;
+      case "ArrowLeft":
+        e.preventDefault();
+        newIndex = (this.focusedIndex - 1 + this.radios.length) % this.radios.length;
+        break;
+      case "Home":
+        e.preventDefault();
+        newIndex = 0;
+        break;
+      case "End":
+        e.preventDefault();
+        newIndex = this.radios.length - 1;
+        break;
+      default:
+        return;
+    }
+    if (newIndex !== this.focusedIndex) {
+      this.focusedIndex = newIndex;
+      const radioToFocus = this.radios[newIndex];
+      if (!radioToFocus.isDisabled && !radioToFocus.isReadonly) {
+        radioToFocus.focus();
+        this.value = radioToFocus.value;
+        this.updateRadios();
+        this.dispatchEvent(
+          new CustomEvent("change", {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("on-change", this.handleChange);
+    this.addEventListener("keydown", this.handleKeydown);
+    this.setupInitialState();
+    if (this.autofocus) {
+      setTimeout(() => this.handleGroupFocus(), 50);
+    }
+  }
+  // Called after the first update and subsequent updates
+  updated(changedProperties) {
+    super.updated?.(changedProperties);
+    if (changedProperties.has("value")) {
+      this.updateRadios();
+    }
+  }
+  attributeChangedCallback(name, oldVal, newVal) {
+    super.attributeChangedCallback(name, oldVal, newVal);
+    if (name === "value" && oldVal !== newVal && this.isConnected) {
+      this.updateRadios();
+    }
+  }
+  disconnectedCallback() {
+    this.removeEventListener("on-change", this.handleChange);
+    this.removeEventListener("keydown", this.handleKeydown);
+    super.disconnectedCallback();
+  }
+  // When the group gets focus, we should move focus to the selected radio or first available
+  handleGroupFocus() {
+    if (!this.isConnected) return;
+    const radios = Array.from(
+      this.querySelectorAll("lukso-radio")
+    );
+    if (!radios.length) return;
+    const selectedRadio = radios.find(
+      (radio) => radio.checked && !radio.isDisabled && !radio.isReadonly
+    );
+    const firstEnabledRadio = radios.find(
+      (radio) => !radio.isDisabled && !radio.isReadonly
+    );
+    const radioToFocus = selectedRadio || firstEnabledRadio;
+    if (radioToFocus) {
+      setTimeout(() => radioToFocus.focus(), 0);
+    }
+  }
+  render() {
+    return shared_tailwindElement_index.x`
+      <div
+        role="radiogroup"
+        aria-label="${this.name}"
+        tabindex="0"
+        @focus="${this.handleGroupFocus}"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoRadioGroup.prototype, "name", 2);
+__decorateClass([
+  property.n({ type: String })
+], exports.LuksoRadioGroup.prototype, "value", 2);
+__decorateClass([
+  property.n({ type: Boolean })
+], exports.LuksoRadioGroup.prototype, "autofocus", 2);
+__decorateClass([
+  state.r()
+], exports.LuksoRadioGroup.prototype, "focusedIndex", 2);
+__decorateClass([
+  state.r()
+], exports.LuksoRadioGroup.prototype, "radios", 2);
+exports.LuksoRadioGroup = __decorateClass([
+  property.t("lukso-radio-group")
+], exports.LuksoRadioGroup);

package/dist/components/lukso-radio-group/index.d.ts

@@ -0,0 +1,25 @@
+import { TailwindElement } from '../../shared/tailwind-element';
+export declare class LuksoRadioGroup extends TailwindElement {
+    name: string;
+    value: string;
+    autofocus: boolean;
+    private focusedIndex;
+    private radios;
+    private isHorizontalLayout;
+    private handleChange;
+    private updateRadios;
+    private setupInitialState;
+    private handleKeydown;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    attributeChangedCallback(name: string, oldVal: string, newVal: string): void;
+    disconnectedCallback(): void;
+    private handleGroupFocus;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lukso-radio-group': LuksoRadioGroup;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/lukso-radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-radio-group/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAU3D,qBACa,eAAgB,SAAQ,eAAe;IAElD,IAAI,SAAK;IAGT,KAAK,SAAK;IAGV,SAAS,UAAQ;IAIjB,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,MAAM,CAAoB;IAGlC,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,aAAa;IAqFrB,iBAAiB,IAAI,IAAI;IAezB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS/C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IASrE,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,gBAAgB;IAuBxB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAA;KACrC;CACF"}

package/dist/components/lukso-radio-group/index.js

@@ -0,0 +1,195 @@
+import { a as TailwindElement, x } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
+import { r } from '../../state-hoCBDnpA.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 LuksoRadioGroup = class extends TailwindElement {
+  constructor() {
+    super(...arguments);
+    this.name = "";
+    this.value = "";
+    this.autofocus = false;
+    this.focusedIndex = -1;
+    this.radios = [];
+  }
+  // Detect if radio group is laid out horizontally or vertically
+  isHorizontalLayout() {
+    const firstRadio = this.querySelector("lukso-radio");
+    if (!firstRadio) return false;
+    const secondRadio = firstRadio.nextElementSibling;
+    if (!secondRadio) return false;
+    const firstRect = firstRadio.getBoundingClientRect();
+    const secondRect = secondRadio.getBoundingClientRect();
+    return Math.abs(secondRect.left - firstRect.left) > Math.abs(secondRect.top - firstRect.top);
+  }
+  handleChange(e) {
+    const newValue = e.detail.value;
+    this.value = newValue;
+    this.updateRadios();
+    this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: { value: this.value },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+  updateRadios() {
+    const radios = this.querySelectorAll("lukso-radio");
+    for (const el of radios) {
+      el.checked = el.value === this.value;
+    }
+  }
+  // Make sure radios are updated when they become available
+  setupInitialState() {
+    this.updateRadios();
+    setTimeout(() => this.updateRadios(), 50);
+    setTimeout(() => this.updateRadios(), 150);
+  }
+  handleKeydown(e) {
+    this.radios = Array.from(this.querySelectorAll("lukso-radio"));
+    if (!this.radios.length) return;
+    const selectedIndex = this.radios.findIndex(
+      (radio) => radio.checked
+    );
+    if (this.focusedIndex === -1) {
+      this.focusedIndex = selectedIndex >= 0 ? selectedIndex : 0;
+    }
+    let newIndex = this.focusedIndex;
+    const isHorizontal = this.isHorizontalLayout();
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (!isHorizontal) {
+          newIndex = (this.focusedIndex + 1) % this.radios.length;
+        }
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        newIndex = (this.focusedIndex + 1) % this.radios.length;
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (!isHorizontal) {
+          newIndex = (this.focusedIndex - 1 + this.radios.length) % this.radios.length;
+        }
+        break;
+      case "ArrowLeft":
+        e.preventDefault();
+        newIndex = (this.focusedIndex - 1 + this.radios.length) % this.radios.length;
+        break;
+      case "Home":
+        e.preventDefault();
+        newIndex = 0;
+        break;
+      case "End":
+        e.preventDefault();
+        newIndex = this.radios.length - 1;
+        break;
+      default:
+        return;
+    }
+    if (newIndex !== this.focusedIndex) {
+      this.focusedIndex = newIndex;
+      const radioToFocus = this.radios[newIndex];
+      if (!radioToFocus.isDisabled && !radioToFocus.isReadonly) {
+        radioToFocus.focus();
+        this.value = radioToFocus.value;
+        this.updateRadios();
+        this.dispatchEvent(
+          new CustomEvent("change", {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true
+          })
+        );
+      }
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("on-change", this.handleChange);
+    this.addEventListener("keydown", this.handleKeydown);
+    this.setupInitialState();
+    if (this.autofocus) {
+      setTimeout(() => this.handleGroupFocus(), 50);
+    }
+  }
+  // Called after the first update and subsequent updates
+  updated(changedProperties) {
+    super.updated?.(changedProperties);
+    if (changedProperties.has("value")) {
+      this.updateRadios();
+    }
+  }
+  attributeChangedCallback(name, oldVal, newVal) {
+    super.attributeChangedCallback(name, oldVal, newVal);
+    if (name === "value" && oldVal !== newVal && this.isConnected) {
+      this.updateRadios();
+    }
+  }
+  disconnectedCallback() {
+    this.removeEventListener("on-change", this.handleChange);
+    this.removeEventListener("keydown", this.handleKeydown);
+    super.disconnectedCallback();
+  }
+  // When the group gets focus, we should move focus to the selected radio or first available
+  handleGroupFocus() {
+    if (!this.isConnected) return;
+    const radios = Array.from(
+      this.querySelectorAll("lukso-radio")
+    );
+    if (!radios.length) return;
+    const selectedRadio = radios.find(
+      (radio) => radio.checked && !radio.isDisabled && !radio.isReadonly
+    );
+    const firstEnabledRadio = radios.find(
+      (radio) => !radio.isDisabled && !radio.isReadonly
+    );
+    const radioToFocus = selectedRadio || firstEnabledRadio;
+    if (radioToFocus) {
+      setTimeout(() => radioToFocus.focus(), 0);
+    }
+  }
+  render() {
+    return x`
+      <div
+        role="radiogroup"
+        aria-label="${this.name}"
+        tabindex="0"
+        @focus="${this.handleGroupFocus}"
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  n({ type: String })
+], LuksoRadioGroup.prototype, "name", 2);
+__decorateClass([
+  n({ type: String })
+], LuksoRadioGroup.prototype, "value", 2);
+__decorateClass([
+  n({ type: Boolean })
+], LuksoRadioGroup.prototype, "autofocus", 2);
+__decorateClass([
+  r()
+], LuksoRadioGroup.prototype, "focusedIndex", 2);
+__decorateClass([
+  r()
+], LuksoRadioGroup.prototype, "radios", 2);
+LuksoRadioGroup = __decorateClass([
+  t("lukso-radio-group")
+], LuksoRadioGroup);
+
+export { LuksoRadioGroup };

package/dist/components/lukso-radio-group/lukso-radio-group.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta } from '@storybook/web-components';
+/**  Documentation and examples of div-based `lukso-radio-group` component.  */
+declare const meta: Meta;
+export default meta;
+export declare const AutoFocusRadioGroup: () => import('lit-html').TemplateResult<1>;
+/** Default div-based radio group with three options. */
+export declare const DefaultRadioGroup: any;
+/** Radio group with different sizes. */
+export declare const DifferentSizes: () => import('lit-html').TemplateResult<1>;
+/** Radio group with error state on radios. */
+export declare const WithError: () => import('lit-html').TemplateResult<1>;
+/** Radio group with disabled and readonly radios. */
+export declare const DisabledAndReadonly: () => import('lit-html').TemplateResult<1>;
+/** Radio group with custom content. */
+export declare const WithCustomContent: () => import('lit-html').TemplateResult<1>;
+/** Radio group with horizontal layout. */
+export declare const HorizontalLayout: () => import('lit-html').TemplateResult<1>;
+//# sourceMappingURL=lukso-radio-group.stories.d.ts.map

package/dist/components/lukso-radio-group/lukso-radio-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lukso-radio-group.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-radio-group/lukso-radio-group.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,GAAG,CAAA;AACV,OAAO,gBAAgB,CAAA;AAEvB,+EAA+E;AAC/E,QAAA,MAAM,IAAI,EAAE,IAsDX,CAAA;AAED,eAAe,IAAI,CAAA;AAuBnB,eAAO,MAAM,mBAAmB,4CA6B/B,CAAA;AAED,wDAAwD;AACxD,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAKlD,wCAAwC;AACxC,eAAO,MAAM,cAAc,4CAwB1B,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,4CA4BrB,CAAA;AAED,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,4CA4B/B,CAAA;AAED,uCAAuC;AACvC,eAAO,MAAM,iBAAiB,4CAkC7B,CAAA;AAED,0CAA0C;AAC1C,eAAO,MAAM,gBAAgB,4CA0B5B,CAAA"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
 
 /**

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

@@ -1,5 +1,5 @@
-import { E, b as T, a as TailwindElement, x } from '../../index-u03FFuQ-.js';
-import { n, t as t$1 } from '../../property-CkmArYBu.js';
+import { E, b as T, a as TailwindElement, x } from '../../index-axQAcayx.js';
+import { n, t as t$1 } from '../../property-CYbm8aZx.js';
 import { i, t, e as e$1 } from '../../directive-BKuZRRPO.js';
 
 /**

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-CnPbG4we.cjs');
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
-const state = require('../../state-BPlyD0ke.cjs');
+const components_luksoProfile_index = require('../../index-CUMvAhRx.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
+const state = require('../../state-CCMDzTj3.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-input/index.cjs');
 require('../lukso-tag/index.cjs');
-const components_luksoUsername_index = require('../../index-NWJXeIKU.cjs');
+const components_luksoUsername_index = require('../../index-D19a1K8E.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-CNdKneQ1.cjs');
 

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

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from '../../index-CtLMSY1C.js';
-import { T as TailwindStyledElement, x, E } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
-import { r } from '../../state-C2ESTJU7.js';
+import { m as makeBlockie } from '../../index-Dsu77DGF.js';
+import { T as TailwindStyledElement, x, E } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
+import { r } from '../../state-hoCBDnpA.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-icon/index.js';
 import '../lukso-input/index.js';
 import '../lukso-tag/index.js';
-import { s as sliceAddress } from '../../index-Cu5nTnv0.js';
+import { s as sliceAddress } from '../../index--44JsQ_1.js';
 import '../../tailwind-config.js';
 import '../../cn-Cu9aP49j.js';
 

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
-const state = require('../../state-BPlyD0ke.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
+const state = require('../../state-CCMDzTj3.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const components_luksoProfile_index = require('../../index-CnPbG4we.cjs');
+const components_luksoProfile_index = require('../../index-CUMvAhRx.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-NWJXeIKU.cjs');
+require('../../index-D19a1K8E.cjs');
 require('../lukso-dropdown/index.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, E, x } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
-import { r } from '../../state-C2ESTJU7.js';
+import { T as TailwindStyledElement, E, x } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
+import { r } from '../../state-hoCBDnpA.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { m as makeBlockie } from '../../index-CtLMSY1C.js';
+import { m as makeBlockie } from '../../index-Dsu77DGF.js';
 import '../lukso-icon/index.js';
-import '../../index-Cu5nTnv0.js';
+import '../../index--44JsQ_1.js';
 import '../lukso-dropdown/index.js';
 import '../lukso-dropdown-option/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
+import { T as TailwindStyledElement, x } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
-const styleMap = require('../../style-map-DgWKFQAt.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
+const styleMap = require('../../style-map-VlU1Vn2Q.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
-import { o } from '../../style-map-COdlVkYa.js';
+import { a as TailwindElement, x, E } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
+import { o } from '../../style-map-Min8ajOg.js';
 import { c as ce } from '../../index-B9iart53.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const index$1 = require('../../index-BU2n3O3i.cjs');
+const index$1 = require('../../index-D1v8ZgtZ.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -1,7 +1,7 @@
-import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
+import { T as TailwindStyledElement, x } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { c as customStyleMap } from '../../index-_yzN6-V_.js';
+import { c as customStyleMap } from '../../index-DHAAIAHr.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
-const state = require('../../state-BPlyD0ke.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
+const state = require('../../state-CCMDzTj3.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-u03FFuQ-.js';
-import { n, t } from '../../property-CkmArYBu.js';
-import { r } from '../../state-C2ESTJU7.js';
+import { T as TailwindStyledElement, x } from '../../index-axQAcayx.js';
+import { n, t } from '../../property-CYbm8aZx.js';
+import { r } from '../../state-hoCBDnpA.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-7a66ANzh.cjs');
-const property = require('../../property-COIvMvUb.cjs');
+const shared_tailwindElement_index = require('../../index-BMFENeRI.cjs');
+const property = require('../../property-DGVQMLCH.cjs');
 const directive = require('../../directive-DT5Y-Nw0.cjs');
-const directiveHelpers = require('../../directive-helpers-Claj8QFS.cjs');
+const directiveHelpers = require('../../directive-helpers-DArp4lXT.cjs');
 
 /**
  * @license