@lukso/web-components 1.172.13 → 1.172.17

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-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 safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const index = require('../../chunks/index-DG4rMUh3.js');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const index = require('../../chunks/index-BBPgtFEP.js');
+const index$1 = require('../../chunks/index-BOEPqh0N.js');
+require('../../chunks/directive-CY66atYi.js');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-BHAtoIlu.js');
+require('../../chunks/index-Dh7fuono.js');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -22,7 +22,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
-exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoTerms = class LuksoTerms extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.text = "";
@@ -58,7 +58,7 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
     });
   }
   render() {
-    return shared_tailwindElement_index.x`<div
+    return lit.html`<div
       id="scroll-container"
       class="border border-solid border-neutral-90 rounded-12 overflow-y-scroll relative scrollbar-none"
       @scroll=${this.handleScroll}
@@ -70,7 +70,7 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
         <div id="scroll-end"></div>
       </div>
       <div
-        class=${index.customClassMap({
+        class=${index$1.customClassMap({
       [this.defaultStyles]: true,
       "!opacity-100": this.hasScrollButton
     })}
@@ -87,11 +87,11 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTerms.prototype, "text", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoTerms.prototype, "hasScrollButton", 2);
 exports.LuksoTerms = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-terms")
+  index.safeCustomElement("lukso-terms")
 ], exports.LuksoTerms);

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

@@ -1,10 +1,10 @@
-import { b as TailwindStyledElement, x } from '../../chunks/index-5X9ujrWL.js';
-import { n } from '../../chunks/property-DfumgIL6.js';
-import { r } from '../../chunks/state-CaelFSbE.js';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { c as customClassMap } from '../../chunks/index-F8ll4iy2.js';
+import { html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
+import { c as customClassMap } from '../../chunks/index-C5S-_QDF.js';
+import '../../chunks/directive-DUHAbymA.js';
 import '../lukso-icon/index.js';
-import '../../chunks/index-B_H2eYG_.js';
+import '../../chunks/index-CA_aKopU.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 
@@ -54,7 +54,7 @@ let LuksoTerms = class extends TailwindStyledElement(style) {
     });
   }
   render() {
-    return x`<div
+    return html`<div
       id="scroll-container"
       class="border border-solid border-neutral-90 rounded-12 overflow-y-scroll relative scrollbar-none"
       @scroll=${this.handleScroll}
@@ -83,10 +83,10 @@ let LuksoTerms = class extends TailwindStyledElement(style) {
   }
 };
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTerms.prototype, "text", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoTerms.prototype, "hasScrollButton", 2);
 LuksoTerms = __decorateClass([
   safeCustomElement("lukso-terms")

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

@@ -2,15 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-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 index = require('../../chunks/index-CaJky2qL.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const tailwindVariants = require('tailwind-variants');
+const index = require('../../chunks/index-BBPgtFEP.js');
 require('../../tailwind-config.cjs');
-const axe = require('../../chunks/axe-MHuN9KU0.js');
+require('../../chunks/index-oDo-wiUs.js');
+const cn = require('../../chunks/cn-JMx_imgS.js');
+require('viem');
+require('axe-core');
 require('../lukso-icon/index.cjs');
-require('../../chunks/index-BHAtoIlu.js');
+require('../../chunks/index-Dh7fuono.js');
 require('../lukso-form-label/index.cjs');
 require('../lukso-form-description/index.cjs');
 require('../lukso-form-error/index.cjs');
@@ -28,7 +30,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 const FOCUS_DELAY_MS = 10;
-exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoTextarea = class LuksoTextarea extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.value = "";
@@ -51,7 +53,7 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
     this.rows = 4;
     this.hasFocus = false;
     this.hasHighlight = false;
-    this.styles = index.ce({
+    this.styles = tailwindVariants.tv({
       slots: {
         wrapper: "group flex",
         input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
@@ -132,18 +134,18 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
     }
   }
   inputTemplate(styles) {
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <textarea
-        name=${this.name ? this.name : shared_tailwindElement_index.E}
-        placeholder=${this.placeholder ? this.placeholder : shared_tailwindElement_index.E}
-        ref=${this.ref ? this.ref : shared_tailwindElement_index.E}
-        id=${this.id ? this.id : shared_tailwindElement_index.E}
+        name=${this.name ? this.name : lit.nothing}
+        placeholder=${this.placeholder ? this.placeholder : lit.nothing}
+        ref=${this.ref ? this.ref : lit.nothing}
+        id=${this.id ? this.id : lit.nothing}
         rows=${this.rows}
         data-testid=${this.name ? `textarea-${this.name}` : "textarea"}
         ?autofocus=${this.autofocus}
         ?readonly=${this.isReadonly ? true : void 0}
         ?disabled=${this.isDisabled ? true : void 0}
-        class=${axe.cn(styles, this.customClass)}
+        class=${cn.cn(styles, this.customClass)}
         @focus=${this.handleFocus}
         @input=${this.handleInput}
         @change=${this.handleChange}
@@ -283,7 +285,7 @@ ${this.value}</textarea
       size: this.size,
       isNonResizable: this.isNonResizable
     });
-    return shared_tailwindElement_index.x`
+    return lit.html`
       <div class="w-[inherit]">
         <lukso-form-label
           for-name=${this.name}
@@ -303,65 +305,65 @@ ${this.value}</textarea
   }
 };
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "value", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "name", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "placeholder", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "label", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "id", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "ref", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "description", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "error", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "custom-class" })
+  decorators_js.property({ type: String, attribute: "custom-class" })
 ], exports.LuksoTextarea.prototype, "customClass", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-full-width" })
+  decorators_js.property({ type: Boolean, attribute: "is-full-width" })
 ], exports.LuksoTextarea.prototype, "isFullWidth", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-readonly" })
+  decorators_js.property({ type: Boolean, attribute: "is-readonly" })
 ], exports.LuksoTextarea.prototype, "isReadonly", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-disabled" })
+  decorators_js.property({ type: Boolean, attribute: "is-disabled" })
 ], exports.LuksoTextarea.prototype, "isDisabled", 2);
 __decorateClass([
-  property.n({ type: Boolean })
+  decorators_js.property({ type: Boolean })
 ], exports.LuksoTextarea.prototype, "autofocus", 2);
 __decorateClass([
-  property.n({ type: Boolean })
+  decorators_js.property({ type: Boolean })
 ], exports.LuksoTextarea.prototype, "borderless", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "is-non-resizable" })
+  decorators_js.property({ type: Boolean, attribute: "is-non-resizable" })
 ], exports.LuksoTextarea.prototype, "isNonResizable", 2);
 __decorateClass([
-  property.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+  decorators_js.property({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], exports.LuksoTextarea.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoTextarea.prototype, "size", 2);
 __decorateClass([
-  property.n({ type: Number })
+  decorators_js.property({ type: Number })
 ], exports.LuksoTextarea.prototype, "rows", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoTextarea.prototype, "hasFocus", 2);
 __decorateClass([
-  state.r()
+  decorators_js.state()
 ], exports.LuksoTextarea.prototype, "hasHighlight", 2);
 exports.LuksoTextarea = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-textarea")
+  index.safeCustomElement("lukso-textarea")
 ], exports.LuksoTextarea);

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

@@ -1,12 +1,14 @@
-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 { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
+import { nothing, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { tv } from 'tailwind-variants';
+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 '../lukso-icon/index.js';
-import '../../chunks/index-B_H2eYG_.js';
+import '../../chunks/index-CA_aKopU.js';
 import '../lukso-form-label/index.js';
 import '../lukso-form-description/index.js';
 import '../lukso-form-error/index.js';
@@ -47,7 +49,7 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
     this.rows = 4;
     this.hasFocus = false;
     this.hasHighlight = false;
-    this.styles = ce({
+    this.styles = tv({
       slots: {
         wrapper: "group flex",
         input: `bg-neutral-100 border-solid placeholder:text-neutral-70 w-full
@@ -128,12 +130,12 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
     }
   }
   inputTemplate(styles) {
-    return x`
+    return html`
       <textarea
-        name=${this.name ? this.name : E}
-        placeholder=${this.placeholder ? this.placeholder : E}
-        ref=${this.ref ? this.ref : E}
-        id=${this.id ? this.id : E}
+        name=${this.name ? this.name : nothing}
+        placeholder=${this.placeholder ? this.placeholder : nothing}
+        ref=${this.ref ? this.ref : nothing}
+        id=${this.id ? this.id : nothing}
         rows=${this.rows}
         data-testid=${this.name ? `textarea-${this.name}` : "textarea"}
         ?autofocus=${this.autofocus}
@@ -279,7 +281,7 @@ ${this.value}</textarea
       size: this.size,
       isNonResizable: this.isNonResizable
     });
-    return x`
+    return html`
       <div class="w-[inherit]">
         <lukso-form-label
           for-name=${this.name}
@@ -299,64 +301,64 @@ ${this.value}</textarea
   }
 };
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "value", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "name", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "placeholder", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "label", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "id", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "ref", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "description", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "error", 2);
 __decorateClass([
-  n({ type: String, attribute: "custom-class" })
+  property({ type: String, attribute: "custom-class" })
 ], LuksoTextarea.prototype, "customClass", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-full-width" })
+  property({ type: Boolean, attribute: "is-full-width" })
 ], LuksoTextarea.prototype, "isFullWidth", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-readonly" })
+  property({ type: Boolean, attribute: "is-readonly" })
 ], LuksoTextarea.prototype, "isReadonly", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-disabled" })
+  property({ type: Boolean, attribute: "is-disabled" })
 ], LuksoTextarea.prototype, "isDisabled", 2);
 __decorateClass([
-  n({ type: Boolean })
+  property({ type: Boolean })
 ], LuksoTextarea.prototype, "autofocus", 2);
 __decorateClass([
-  n({ type: Boolean })
+  property({ type: Boolean })
 ], LuksoTextarea.prototype, "borderless", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-non-resizable" })
+  property({ type: Boolean, attribute: "is-non-resizable" })
 ], LuksoTextarea.prototype, "isNonResizable", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "keep-focus-on-escape" })
+  property({ type: Boolean, attribute: "keep-focus-on-escape" })
 ], LuksoTextarea.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoTextarea.prototype, "size", 2);
 __decorateClass([
-  n({ type: Number })
+  property({ type: Number })
 ], LuksoTextarea.prototype, "rows", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoTextarea.prototype, "hasFocus", 2);
 __decorateClass([
-  r()
+  state()
 ], LuksoTextarea.prototype, "hasHighlight", 2);
 LuksoTextarea = __decorateClass([
   safeCustomElement("lukso-textarea")