@lukso/web-components 1.89.0 → 1.91.0

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('../index-3429e18a.cjs');
+const components_luksoDropdown_index = require('../index-3e12bd24.cjs');
 const components_luksoDropdownOption_index = require('./lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
 export { LuksoCheckbox } from './lukso-checkbox/index.js';
 export { LuksoColorPicker } from './lukso-color-picker/index.js';
-export { L as LuksoDropdown } from '../index-c6f49fea.js';
+export { L as LuksoDropdown } from '../index-6fb7dc60.js';
 export { LuksoDropdownOption } from './lukso-dropdown-option/index.js';
 export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/index.js';

package/dist/components/lukso-color-picker/index.cjs

@@ -41,6 +41,7 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
     this.isReadonly = false;
     this.isDisabled = false;
     this.autofocus = false;
+    this.keepFocusOnEscape = false;
     this.size = "medium";
     this.hasFocus = false;
     this.hasHighlight = false;
@@ -254,6 +255,9 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -326,6 +330,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean })
 ], exports.LuksoColorPicker.prototype, "autofocus", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], exports.LuksoColorPicker.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   queryAssignedElements.n({ type: String })
 ], exports.LuksoColorPicker.prototype, "size", 2);

package/dist/components/lukso-color-picker/index.d.ts

@@ -13,6 +13,7 @@ export declare class LuksoColorPicker extends LuksoColorPicker_base {
     isReadonly: boolean;
     isDisabled: boolean;
     autofocus: boolean;
+    keepFocusOnEscape: boolean;
     size: InputSize;
     private hasFocus;
     private hasHighlight;

package/dist/components/lukso-color-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAY;IAGvB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAwFZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;IAe3B,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/index.ts"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,gBAAiB,SAAQ,qBAA4B;IAEhE,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAY;IAGvB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAwFZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IAwB5B,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM;IAiB5D,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;IAe3B,MAAM;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAA;KACvC;CACF"}

package/dist/components/lukso-color-picker/index.js

@@ -37,6 +37,7 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
     this.isReadonly = false;
     this.isDisabled = false;
     this.autofocus = false;
+    this.keepFocusOnEscape = false;
     this.size = "medium";
     this.hasFocus = false;
     this.hasHighlight = false;
@@ -250,6 +251,9 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -322,6 +326,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean })
 ], LuksoColorPicker.prototype, "autofocus", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], LuksoColorPicker.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   n({ type: String })
 ], LuksoColorPicker.prototype, "size", 2);

package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA+KX,CAAA;AAED,eAAe,IAAI,CAAA;AA2CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
+{"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA2LX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

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

@@ -4,16 +4,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../../index-31c27410.cjs');
 require('../../query-assigned-elements-d5e45650.cjs');
-require('../../state-d9fb972b.cjs');
 require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-3429e18a.cjs');
+const components_luksoDropdown_index = require('../../index-3e12bd24.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../style-map-77b74f74.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
+require('../../state-d9fb972b.cjs');
 require('../../index-bca7ccb0.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');

package/dist/components/lukso-dropdown/index.d.ts

@@ -1,5 +1,8 @@
 import { nothing, type PropertyValues } from 'lit';
 import type { InputSize } from '../../shared/types';
+export type LuksoDropdownOnChangeEventDetail = {
+    isOpen: boolean;
+};
 declare const LuksoDropdown_base: typeof import("lit").LitElement;
 export declare class LuksoDropdown extends LuksoDropdown_base {
     id: string;
@@ -10,12 +13,11 @@ export declare class LuksoDropdown extends LuksoDropdown_base {
     isRight: boolean;
     isFullWidth: boolean;
     size: InputSize;
-    private _isOpen;
     constructor();
     private styles;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    willUpdate(changedProperties: PropertyValues<this>): void;
+    willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
     private handleClick;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAIpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,OAAO,CAAQ;;IAUvB,OAAO,CAAC,MAAM,CA8BZ;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAMlD,OAAO,CAAC,WAAW;IAgBnB,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAIpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;;AAED,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAW;;IAU1B,OAAO,CAAC,MAAM,CA8BZ;IAEF,iBAAiB;IAKjB,oBAAoB;IAKd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW;IAenB,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,15 +1,15 @@
 import '../../index-e73db22f.js';
 import '../../query-assigned-elements-1c8c9e90.js';
-import '../../state-b9ca4e74.js';
 import '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-c6f49fea.js';
+export { L as LuksoDropdown } from '../../index-6fb7dc60.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../style-map-d5d85b80.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
+import '../../state-b9ca4e74.js';
 import '../../index-0b520c6a.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/lukso-dropdown.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gCAAgC,CAAA;AACvC,OAAO,SAAS,CAAA;AAEhB,iEAAiE;AACjE,QAAA,MAAM,IAAI,EAAE,IAkHX,CAAA;AAED,eAAe,IAAI,CAAA;AA6DnB,4BAA4B;AAC5B,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAAoB,CAAA"}
+{"version":3,"file":"lukso-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/lukso-dropdown.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gCAAgC,CAAA;AACvC,OAAO,SAAS,CAAA;AAEhB,iEAAiE;AACjE,QAAA,MAAM,IAAI,EAAE,IA0HX,CAAA;AAED,eAAe,IAAI,CAAA;AA+DnB,4BAA4B;AAC5B,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,oCAAoC;AACpC,eAAO,MAAM,aAAa,KAAoB,CAAA"}

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

@@ -52,6 +52,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     this.size = "medium";
     this.rightIcon = "";
     this.isRightIconClickable = false;
+    this.keepFocusOnEscape = false;
     this.hasFocus = false;
     this.hasHighlight = false;
     this.inputStyles = index.ce({
@@ -291,6 +292,9 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -462,6 +466,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "is-right-icon-clickable" })
 ], exports.LuksoInput.prototype, "isRightIconClickable", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], exports.LuksoInput.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   state.t()
 ], exports.LuksoInput.prototype, "hasFocus", 2);

package/dist/components/lukso-input/index.d.ts

@@ -24,6 +24,7 @@ export declare class LuksoInput extends LuksoInput_base {
     size: InputSize;
     rightIcon: string;
     isRightIconClickable: boolean;
+    keepFocusOnEscape: boolean;
     private hasFocus;
     private hasHighlight;
     private inputStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAW;IAG1B,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAwGjB;IAGF,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,UAAW,SAAQ,eAA4B;IAE1D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAY;IAGtC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,UAAU,UAAQ;IAGlB,IAAI,EAAE,SAAS,CAAW;IAG1B,SAAS,SAAK;IAGd,oBAAoB,UAAQ;IAG5B,iBAAiB,UAAQ;IAGzB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,WAAW,CAwGjB;IAGF,aAAa,CAAC,MAAM,EAAE,MAAM;IAgC5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY,CAAC,MAAM,EAAE,MAAM;IAW3B,iBAAiB,CAAC,MAAM,EAAE,MAAM;IAShC,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,eAAe;YAaT,gBAAgB;IAc9B,OAAO,CAAC,oBAAoB;IAY5B,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -48,6 +48,7 @@ let LuksoInput = class extends TailwindStyledElement(style) {
     this.size = "medium";
     this.rightIcon = "";
     this.isRightIconClickable = false;
+    this.keepFocusOnEscape = false;
     this.hasFocus = false;
     this.hasHighlight = false;
     this.inputStyles = ce({
@@ -287,6 +288,9 @@ let LuksoInput = class extends TailwindStyledElement(style) {
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -458,6 +462,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, attribute: "is-right-icon-clickable" })
 ], LuksoInput.prototype, "isRightIconClickable", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], LuksoInput.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   t()
 ], LuksoInput.prototype, "hasFocus", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAiRX,CAAA;AAED,eAAe,IAAI,CAAA;AA+DnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}
+{"version":3,"file":"lukso-input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-input/lukso-input.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IA8RX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,oCAAoC;AACpC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAKrC,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gEAAgE;AAChE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,oMAAoM;AACpM,eAAO,MAAM,WAAW,KAAoB,CAAA;AAO5C,sEAAsE;AACtE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,gDAAgD;AAChD,eAAO,MAAM,SAAS,KAAoB,CAAA"}

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

@@ -10,7 +10,7 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../lukso-input/index.cjs');
-require('../../index-3429e18a.cjs');
+require('../../index-3e12bd24.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../style-map-77b74f74.cjs');
@@ -364,6 +364,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
           ?is-readonly=${this.isReadonly}
           ?is-disabled=${this.isDisabled}
           ?is-full-width=${this.isFullWidth}
+          keep-focus-on-escape
           @on-input=${this.handleSearch}
           @on-blur=${this.handleBlur}
           @on-input-click=${this.handleInputClick}

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,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,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,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA6CP;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,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,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,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -6,7 +6,7 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../lukso-input/index.js';
-import '../../index-c6f49fea.js';
+import '../../index-6fb7dc60.js';
 import '../lukso-dropdown-option/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../style-map-d5d85b80.js';
@@ -360,6 +360,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
           ?is-readonly=${this.isReadonly}
           ?is-disabled=${this.isDisabled}
           ?is-full-width=${this.isFullWidth}
+          keep-focus-on-escape
           @on-input=${this.handleSearch}
           @on-blur=${this.handleBlur}
           @on-input-click=${this.handleInputClick}

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

@@ -9,7 +9,7 @@ const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-3429e18a.cjs');
+const components_luksoDropdown_index = require('../../index-3e12bd24.cjs');
 require('../lukso-dropdown-option/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
 require('../../style-map-77b74f74.cjs');

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

@@ -5,7 +5,7 @@ import { c as ce } from '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-import { u as uniqId } from '../../index-c6f49fea.js';
+import { u as uniqId } from '../../index-6fb7dc60.js';
 import '../lukso-dropdown-option/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
 import '../../style-map-d5d85b80.js';

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

@@ -44,6 +44,7 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
     this.autofocus = false;
     this.borderless = false;
     this.isNonResizable = false;
+    this.keepFocusOnEscape = false;
     this.size = "medium";
     this.rows = 4;
     this.hasFocus = false;
@@ -224,6 +225,9 @@ ${this.value}</textarea
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -344,6 +348,9 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "is-non-resizable" })
 ], exports.LuksoTextarea.prototype, "isNonResizable", 2);
+__decorateClass([
+  queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], exports.LuksoTextarea.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   queryAssignedElements.n({ type: String })
 ], exports.LuksoTextarea.prototype, "size", 2);

package/dist/components/lukso-textarea/index.d.ts

@@ -16,6 +16,7 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
     autofocus: boolean;
     borderless: boolean;
     isNonResizable: boolean;
+    keepFocusOnEscape: boolean;
     size: InputSize;
     rows: number;
     private hasFocus;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAcX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -40,6 +40,7 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
     this.autofocus = false;
     this.borderless = false;
     this.isNonResizable = false;
+    this.keepFocusOnEscape = false;
     this.size = "medium";
     this.rows = 4;
     this.hasFocus = false;
@@ -220,6 +221,9 @@ ${this.value}</textarea
       composed: true
     });
     this.dispatchEvent(keyEvent);
+    if (event.key === "Escape" && !this.keepFocusOnEscape) {
+      this.blur();
+    }
   }
   async handleKeyDown(event) {
     await this.updateComplete;
@@ -340,6 +344,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean, attribute: "is-non-resizable" })
 ], LuksoTextarea.prototype, "isNonResizable", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "keep-focus-on-escape" })
+], LuksoTextarea.prototype, "keepFocusOnEscape", 2);
 __decorateClass([
   n({ type: String })
 ], LuksoTextarea.prototype, "size", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAoNX,CAAA;AAED,eAAe,IAAI,CAAA;AAiDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
+{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAiOX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}

package/dist/{index-3429e18a.cjs → index-3e12bd24.cjs}

@@ -2,7 +2,6 @@
 
 const shared_tailwindElement_index = require('./index-31c27410.cjs');
 const queryAssignedElements = require('./query-assigned-elements-d5e45650.cjs');
-const state = require('./state-d9fb972b.cjs');
 const index = require('./index-1d3f4a5a.cjs');
 require('./components/lukso-icon/index.cjs');
 require('./components/lukso-profile/index.cjs');
@@ -37,7 +36,6 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
     this.isRight = false;
     this.isFullWidth = false;
     this.size = "medium";
-    this._isOpen = false;
     this.styles = index.ce({
       base: `bg-neutral-100 border w-full border-neutral-90 shadow-1xl z-50
       flex absolute flex-col gap-1 overflow-y-auto max-h-64 `,
@@ -81,19 +79,30 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
     super.disconnectedCallback();
     window.removeEventListener("click", this.handleClick);
   }
-  willUpdate(changedProperties) {
+  async willUpdate(changedProperties) {
     if (changedProperties.has("isOpen")) {
-      this._isOpen = this.isOpen;
+      await this.updateComplete;
+      const changeEvent = new CustomEvent(
+        "on-change",
+        {
+          detail: {
+            isOpen: this.isOpen
+          },
+          bubbles: false,
+          composed: true
+        }
+      );
+      this.dispatchEvent(changeEvent);
     }
   }
   handleClick(event) {
     const element = event.target;
     if (element.id === this.triggerId || this.id === element.id) {
-      this._isOpen = !this._isOpen;
+      this.isOpen = !this.isOpen;
       return;
     }
     if (!this.isOpenOnOutsideClick) {
-      this._isOpen = false;
+      this.isOpen = false;
     }
   }
   render() {
@@ -103,7 +112,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
       isRight: this.isRight,
       isFullWidth: this.isFullWidth
     });
-    if (!this._isOpen) {
+    if (!this.isOpen) {
       return shared_tailwindElement_index.A;
     }
     return shared_tailwindElement_index.x`<div class="${styles}"><slot></slot></div>`;
@@ -116,7 +125,7 @@ __decorateClass([
   queryAssignedElements.n({ type: String, attribute: "trigger-id" })
 ], exports.LuksoDropdown.prototype, "triggerId", 2);
 __decorateClass([
-  queryAssignedElements.n({ type: Boolean, attribute: "is-open" })
+  queryAssignedElements.n({ type: Boolean, attribute: "is-open", reflect: true })
 ], exports.LuksoDropdown.prototype, "isOpen", 2);
 __decorateClass([
   queryAssignedElements.n({ type: Boolean, attribute: "is-open-on-outside-click" })
@@ -133,9 +142,6 @@ __decorateClass([
 __decorateClass([
   queryAssignedElements.n({ type: String })
 ], exports.LuksoDropdown.prototype, "size", 2);
-__decorateClass([
-  state.t()
-], exports.LuksoDropdown.prototype, "_isOpen", 2);
 exports.LuksoDropdown = __decorateClass([
   queryAssignedElements.e("lukso-dropdown")
 ], exports.LuksoDropdown);

package/dist/{index-c6f49fea.js → index-6fb7dc60.js}

@@ -1,6 +1,5 @@
 import { T as TailwindStyledElement, A, x } from './index-e73db22f.js';
 import { n, e } from './query-assigned-elements-1c8c9e90.js';
-import { t } from './state-b9ca4e74.js';
 import { c as ce } from './index-ca8e900d.js';
 import './components/lukso-icon/index.js';
 import './components/lukso-profile/index.js';
@@ -35,7 +34,6 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
     this.isRight = false;
     this.isFullWidth = false;
     this.size = "medium";
-    this._isOpen = false;
     this.styles = ce({
       base: `bg-neutral-100 border w-full border-neutral-90 shadow-1xl z-50
       flex absolute flex-col gap-1 overflow-y-auto max-h-64 `,
@@ -79,19 +77,30 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
     super.disconnectedCallback();
     window.removeEventListener("click", this.handleClick);
   }
-  willUpdate(changedProperties) {
+  async willUpdate(changedProperties) {
     if (changedProperties.has("isOpen")) {
-      this._isOpen = this.isOpen;
+      await this.updateComplete;
+      const changeEvent = new CustomEvent(
+        "on-change",
+        {
+          detail: {
+            isOpen: this.isOpen
+          },
+          bubbles: false,
+          composed: true
+        }
+      );
+      this.dispatchEvent(changeEvent);
     }
   }
   handleClick(event) {
     const element = event.target;
     if (element.id === this.triggerId || this.id === element.id) {
-      this._isOpen = !this._isOpen;
+      this.isOpen = !this.isOpen;
       return;
     }
     if (!this.isOpenOnOutsideClick) {
-      this._isOpen = false;
+      this.isOpen = false;
     }
   }
   render() {
@@ -101,7 +110,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
       isRight: this.isRight,
       isFullWidth: this.isFullWidth
     });
-    if (!this._isOpen) {
+    if (!this.isOpen) {
       return A;
     }
     return x`<div class="${styles}"><slot></slot></div>`;
@@ -114,7 +123,7 @@ __decorateClass([
   n({ type: String, attribute: "trigger-id" })
 ], LuksoDropdown.prototype, "triggerId", 2);
 __decorateClass([
-  n({ type: Boolean, attribute: "is-open" })
+  n({ type: Boolean, attribute: "is-open", reflect: true })
 ], LuksoDropdown.prototype, "isOpen", 2);
 __decorateClass([
   n({ type: Boolean, attribute: "is-open-on-outside-click" })
@@ -131,9 +140,6 @@ __decorateClass([
 __decorateClass([
   n({ type: String })
 ], LuksoDropdown.prototype, "size", 2);
-__decorateClass([
-  t()
-], LuksoDropdown.prototype, "_isOpen", 2);
 LuksoDropdown = __decorateClass([
   e("lukso-dropdown")
 ], LuksoDropdown);

package/dist/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./components/lukso-button/index.cj
 const components_luksoCard_index = require('./components/lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./components/lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./components/lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('./index-3429e18a.cjs');
+const components_luksoDropdown_index = require('./index-3e12bd24.cjs');
 const components_luksoDropdownOption_index = require('./components/lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./components/lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./components/lukso-icon/index.cjs');

package/dist/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './components/lukso-button/index.js';
 export { LuksoCard } from './components/lukso-card/index.js';
 export { LuksoCheckbox } from './components/lukso-checkbox/index.js';
 export { LuksoColorPicker } from './components/lukso-color-picker/index.js';
-export { L as LuksoDropdown } from './index-c6f49fea.js';
+export { L as LuksoDropdown } from './index-6fb7dc60.js';
 export { LuksoDropdownOption } from './components/lukso-dropdown-option/index.js';
 export { LuksoFooter } from './components/lukso-footer/index.js';
 export { LuksoIcon } from './components/lukso-icon/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.89.0",
+  "version": "1.91.0",
   "type": "module",
   "files": [
     "dist",