@lukso/web-components 1.131.0 → 1.132.0

package/dist/components/index.cjs

@@ -15,7 +15,7 @@ const components_luksoInput_index = require('./lukso-input/index.cjs');
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-9c39357d.cjs');
+const components_luksoProfile_index = require('../index-CBUB36kH.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
 const components_luksoSearch_index = require('./lukso-search/index.cjs');
@@ -27,128 +27,119 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-ba49f23a.cjs');
+const components_luksoUsername_index = require('../index-B-jWYFR1.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-96bba619.cjs');
-require('../cn-b6daa995.cjs');
-require('../property-98f7e05b.cjs');
-require('../state-eba8ded5.cjs');
-require('../index-2b104ecb.cjs');
-require('../tailwind-config.cjs');
-require('../style-map-b13b92c1.cjs');
-require('../directive-8278ab14.cjs');
-require('../index-5df012eb.cjs');
-require('../index-e9668573.cjs');
-require('../uniq-id-f0b18085.cjs');
+const shared_tailwindElement_index = require('../index-BitOdrRJ.cjs');
+require('../cn-CNdKneQ1.cjs');
 
 
 
-Object.defineProperty(exports, 'LuksoButton', {
+Object.defineProperty(exports, "LuksoButton", {
 	enumerable: true,
 	get: () => components_luksoButton_index.LuksoButton
 });
-Object.defineProperty(exports, 'LuksoCard', {
+Object.defineProperty(exports, "LuksoCard", {
 	enumerable: true,
 	get: () => components_luksoCard_index.LuksoCard
 });
-Object.defineProperty(exports, 'LuksoCheckbox', {
+Object.defineProperty(exports, "LuksoCheckbox", {
 	enumerable: true,
 	get: () => components_luksoCheckbox_index.LuksoCheckbox
 });
-Object.defineProperty(exports, 'LuksoColorPicker', {
+Object.defineProperty(exports, "LuksoColorPicker", {
 	enumerable: true,
 	get: () => components_luksoColorPicker_index.LuksoColorPicker
 });
-Object.defineProperty(exports, 'LuksoDropdown', {
+Object.defineProperty(exports, "LuksoDropdown", {
 	enumerable: true,
 	get: () => components_luksoDropdown_index.LuksoDropdown
 });
-Object.defineProperty(exports, 'LuksoDropdownOption', {
+Object.defineProperty(exports, "LuksoDropdownOption", {
 	enumerable: true,
 	get: () => components_luksoDropdownOption_index.LuksoDropdownOption
 });
-Object.defineProperty(exports, 'LuksoFooter', {
+Object.defineProperty(exports, "LuksoFooter", {
 	enumerable: true,
 	get: () => components_luksoFooter_index.LuksoFooter
 });
-Object.defineProperty(exports, 'LuksoIcon', {
+Object.defineProperty(exports, "LuksoIcon", {
 	enumerable: true,
 	get: () => components_luksoIcon_index.LuksoIcon
 });
-Object.defineProperty(exports, 'LuksoImage', {
+Object.defineProperty(exports, "LuksoImage", {
 	enumerable: true,
 	get: () => components_luksoImage_index.LuksoImage
 });
-Object.defineProperty(exports, 'LuksoInput', {
+Object.defineProperty(exports, "LuksoInput", {
 	enumerable: true,
 	get: () => components_luksoInput_index.LuksoInput
 });
-Object.defineProperty(exports, 'LuksoModal', {
+Object.defineProperty(exports, "LuksoModal", {
 	enumerable: true,
 	get: () => components_luksoModal_index.LuksoModal
 });
-Object.defineProperty(exports, 'LuksoNavbar', {
+Object.defineProperty(exports, "LuksoNavbar", {
 	enumerable: true,
 	get: () => components_luksoNavbar_index.LuksoNavbar
 });
-Object.defineProperty(exports, 'LuksoPagination', {
+Object.defineProperty(exports, "LuksoPagination", {
 	enumerable: true,
 	get: () => components_luksoPagination_index.LuksoPagination
 });
-Object.defineProperty(exports, 'LuksoProfile', {
+Object.defineProperty(exports, "LuksoProfile", {
 	enumerable: true,
 	get: () => components_luksoProfile_index.LuksoProfile
 });
-Object.defineProperty(exports, 'LuksoProgress', {
+Object.defineProperty(exports, "LuksoProgress", {
 	enumerable: true,
 	get: () => components_luksoProgress_index.LuksoProgress
 });
-Object.defineProperty(exports, 'LuksoSanitize', {
+Object.defineProperty(exports, "LuksoSanitize", {
 	enumerable: true,
 	get: () => components_luksoSanitize_index.LuksoSanitize
 });
-Object.defineProperty(exports, 'LuksoSearch', {
+Object.defineProperty(exports, "LuksoSearch", {
 	enumerable: true,
 	get: () => components_luksoSearch_index.LuksoSearch
 });
 exports.SearchProfileType = components_luksoSearch_index.SearchProfileType;
-Object.defineProperty(exports, 'LuksoSelect', {
+Object.defineProperty(exports, "LuksoSelect", {
 	enumerable: true,
 	get: () => components_luksoSelect_index.LuksoSelect
 });
-Object.defineProperty(exports, 'LuksoShare', {
+Object.defineProperty(exports, "LuksoShare", {
 	enumerable: true,
 	get: () => components_luksoShare_index.LuksoShare
 });
-Object.defineProperty(exports, 'LuksoSwitch', {
+Object.defineProperty(exports, "LuksoSwitch", {
 	enumerable: true,
 	get: () => components_luksoSwitch_index.LuksoSwitch
 });
-Object.defineProperty(exports, 'LuksoTag', {
+Object.defineProperty(exports, "LuksoTag", {
 	enumerable: true,
 	get: () => components_luksoTag_index.LuksoTag
 });
-Object.defineProperty(exports, 'LuksoTerms', {
+Object.defineProperty(exports, "LuksoTerms", {
 	enumerable: true,
 	get: () => components_luksoTerms_index.LuksoTerms
 });
-Object.defineProperty(exports, 'LuksoTest', {
+Object.defineProperty(exports, "LuksoTest", {
 	enumerable: true,
 	get: () => components_luksoTest_index.LuksoTest
 });
-Object.defineProperty(exports, 'LuksoTextarea', {
+Object.defineProperty(exports, "LuksoTextarea", {
 	enumerable: true,
 	get: () => components_luksoTextarea_index.LuksoTextarea
 });
-Object.defineProperty(exports, 'LuksoTooltip', {
+Object.defineProperty(exports, "LuksoTooltip", {
 	enumerable: true,
 	get: () => components_luksoTooltip_index.LuksoTooltip
 });
-Object.defineProperty(exports, 'LuksoUsername', {
+Object.defineProperty(exports, "LuksoUsername", {
 	enumerable: true,
 	get: () => components_luksoUsername_index.LuksoUsername
 });
-Object.defineProperty(exports, 'LuksoWizard', {
+Object.defineProperty(exports, "LuksoWizard", {
 	enumerable: true,
 	get: () => components_luksoWizard_index.LuksoWizard
 });

package/dist/components/index.js

@@ -11,7 +11,7 @@ export { LuksoInput } from './lukso-input/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-38990f38.js';
+export { L as LuksoProfile } from '../index-BwDu-qJI.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
 export { LuksoSearch, SearchProfileType } from './lukso-search/index.js';
@@ -23,16 +23,7 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-9ba001cb.js';
+export { L as LuksoUsername } from '../index-BKL0rD0t.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-2d057f81.js';
-import '../cn-90c03edf.js';
-import '../property-5367c26a.js';
-import '../state-bdfaec36.js';
-import '../index-d14b6a34.js';
-import '../tailwind-config.js';
-import '../style-map-9e6bb4a6.js';
-import '../directive-2bb7789e.js';
-import '../index-5387057e.js';
-import '../index-5e194caf.js';
-import '../uniq-id-ce2d165c.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-DqnJ63Q8.js';
+import '../cn-Cu9aP49j.js';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-96bba619.cjs');
-const property = require('../../property-98f7e05b.cjs');
-const state = require('../../state-eba8ded5.cjs');
-const index = require('../../index-2b104ecb.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const state = require('../../state-CfjNOKrO.cjs');
+const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-b6daa995.cjs');
+const cn = require('../../cn-CNdKneQ1.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}";
 
@@ -18,8 +18,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const LONG_PRESS_ANIMATION_DURATION_IN_MS = 2e3;

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

@@ -1,8 +1,8 @@
-import type { InputSize } from '../../shared/types';
+import { InputSize } from '../../shared/types';
 export type ButtonVariant = 'primary' | 'secondary' | 'landing' | 'text' | 'nav-button' | 'nav-text' | 'link' | 'success' | 'danger' | 'warning';
 export type ButtonType = 'submit' | 'reset' | 'button';
 export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
-declare const LuksoButton_base: typeof import("lit").LitElement;
+declare const LuksoButton_base: typeof import('lit').LitElement;
 export declare class LuksoButton extends LuksoButton_base {
     variant: ButtonVariant;
     size: InputSize | 'large';
@@ -29,11 +29,11 @@ export declare class LuksoButton extends LuksoButton_base {
     private loadingStyles;
     private handleMouseDown;
     private handleMouseUp;
-    loadingTemplate(): import("lit-html").TemplateResult<1>;
-    counterTemplate(): import("lit-html").TemplateResult<1>;
-    buttonTemplate(): import("lit-html").TemplateResult<1>;
-    linkTemplate(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
+    loadingTemplate(): import('lit-html').TemplateResult<1>;
+    counterTemplate(): import('lit-html').TemplateResult<1>;
+    buttonTemplate(): import('lit-html').TemplateResult<1>;
+    linkTemplate(): import('lit-html').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
-import { n, t } from '../../property-5367c26a.js';
-import { r } from '../../state-bdfaec36.js';
-import { c as ce } from '../../index-d14b6a34.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { r } from '../../state-C3Y3QGjX.js';
+import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-90c03edf.js';
+import { c as cn } from '../../cn-Cu9aP49j.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}";
 
@@ -14,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const LONG_PRESS_ANIMATION_DURATION_IN_MS = 2e3;

package/dist/components/lukso-button/lukso-button.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/web-components';
+import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-button` component. */
 declare const meta: Meta;
 export default meta;

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

@@ -2,24 +2,23 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-9c39357d.cjs');
-const shared_tailwindElement_index = require('../../index-96bba619.cjs');
-const property = require('../../property-98f7e05b.cjs');
-const state = require('../../state-eba8ded5.cjs');
-const styleMap = require('../../style-map-b13b92c1.cjs');
-const index = require('../../index-2b104ecb.cjs');
+const components_luksoProfile_index = require('../../index-CBUB36kH.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const state = require('../../state-CfjNOKrO.cjs');
+const styleMap = require('../../style-map-DUOdo8Aw.cjs');
+const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-b6daa995.cjs');
-const index$1 = require('../../index-5df012eb.cjs');
+const cn = require('../../cn-CNdKneQ1.cjs');
+const index$1 = require('../../index-BqVcbfZx.cjs');
 require('../lukso-image/index.cjs');
-require('../../directive-8278ab14.cjs');
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
+const e=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
 
 /**
  * @license
@@ -36,8 +35,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.TailwindStyledElement(style) {

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

@@ -1,7 +1,7 @@
 export type CardVariants = 'basic' | 'with-header' | 'profile' | 'profile-2' | 'hero' | 'dapp';
 export type CardBorderRadius = 'small' | 'medium' | 'none';
 export type CardShadows = 'small' | 'medium' | 'large';
-declare const LuksoCard_base: typeof import("lit").LitElement;
+declare const LuksoCard_base: typeof import('lit').LitElement;
 export declare class LuksoCard extends LuksoCard_base {
     variant: CardVariants;
     backgroundUrl: string;
@@ -21,13 +21,13 @@ export declare class LuksoCard extends LuksoCard_base {
     private onBottomSlotChange;
     private backgroundGradient;
     private cardStyles;
-    basicTemplate(): import("lit-html").TemplateResult<1>;
-    withHeaderTemplate(): import("lit-html").TemplateResult<1>;
-    profileTemplate(): import("lit-html").TemplateResult<1>;
-    profile2Template(): import("lit-html").TemplateResult<1>;
-    heroTemplate(): import("lit-html").TemplateResult<1>;
-    dappTemplate(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
+    basicTemplate(): import('lit-html').TemplateResult<1>;
+    withHeaderTemplate(): import('lit-html').TemplateResult<1>;
+    profileTemplate(): import('lit-html').TemplateResult<1>;
+    profile2Template(): import('lit-html').TemplateResult<1>;
+    heroTemplate(): import('lit-html').TemplateResult<1>;
+    dappTemplate(): import('lit-html').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,21 +1,20 @@
-import { m as makeBlockie } from '../../index-38990f38.js';
-import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
-import { n, t } from '../../property-5367c26a.js';
-import { r } from '../../state-bdfaec36.js';
-import { o as o$1 } from '../../style-map-9e6bb4a6.js';
-import { c as ce } from '../../index-d14b6a34.js';
+import { m as makeBlockie } from '../../index-BwDu-qJI.js';
+import { T as TailwindStyledElement, x, E } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { r } from '../../state-C3Y3QGjX.js';
+import { o as o$1 } from '../../style-map-DpzNuCXP.js';
+import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-90c03edf.js';
-import { c as customStyleMap } from '../../index-5387057e.js';
+import { c as cn } from '../../cn-Cu9aP49j.js';
+import { c as customStyleMap } from '../../index-DvI1czUV.js';
 import '../lukso-image/index.js';
-import '../../directive-2bb7789e.js';
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
+const e=(e,t,c)=>(c.configurable=true,c.enumerable=true,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,c),c);
 
 /**
  * @license
@@ -32,8 +31,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let LuksoCard = class extends TailwindStyledElement(style) {

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

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/web-components';
+import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-card` component. Cards are using `slots` to put content in different places like `header` or `content`.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-96bba619.cjs');
-const property = require('../../property-98f7e05b.cjs');
-const state = require('../../state-eba8ded5.cjs');
-const index = require('../../index-e9668573.cjs');
-require('../../directive-8278ab14.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const state = require('../../state-CfjNOKrO.cjs');
+const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -15,8 +14,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index.TailwindElement {

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

@@ -20,11 +20,11 @@ export declare class LuksoCheckbox extends TailwindElement {
     private defaultCheckboxStyles;
     checkedIconTemplate(): unknown;
     checkboxTemplate(): unknown;
-    inputTemplate(): import("lit-html").TemplateResult<1>;
-    errorTemplate(): import("lit-html").TemplateResult<1>;
-    labelTemplate(): import("lit-html").TemplateResult<1>;
-    profileUsernameTemplate(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
+    inputTemplate(): import('lit-html').TemplateResult<1>;
+    errorTemplate(): import('lit-html').TemplateResult<1>;
+    labelTemplate(): import('lit-html').TemplateResult<1>;
+    profileUsernameTemplate(): import('lit-html').TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     private handleChange;
     private handleMouseOver;
     private handleMouseOut;

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

@@ -1,8 +1,7 @@
-import { a as TailwindElement, x, E } from '../../index-2d057f81.js';
-import { n, t } from '../../property-5367c26a.js';
-import { r } from '../../state-bdfaec36.js';
-import { c as customClassMap } from '../../index-5e194caf.js';
-import '../../directive-2bb7789e.js';
+import { a as TailwindElement, x, E } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { r } from '../../state-C3Y3QGjX.js';
+import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -11,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let LuksoCheckbox = class extends TailwindElement {

package/dist/components/lukso-checkbox/lukso-checkbox.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/web-components';
+import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-checkbox` component.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-96bba619.cjs');
-const property = require('../../property-98f7e05b.cjs');
-const state = require('../../state-eba8ded5.cjs');
-const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-b13b92c1.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const state = require('../../state-CfjNOKrO.cjs');
+const index = require('../../index-CaJky2qL.cjs');
+const styleMap = require('../../style-map-DUOdo8Aw.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-b6daa995.cjs');
+const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../directive-8278ab14.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}";
 
@@ -22,8 +21,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const FOCUS_DELAY_MS = 10;

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

@@ -1,5 +1,5 @@
-import type { InputSize } from '../../shared/types';
-declare const LuksoColorPicker_base: typeof import("lit").LitElement;
+import { InputSize } from '../../shared/types';
+declare const LuksoColorPicker_base: typeof import('lit').LitElement;
 export declare class LuksoColorPicker extends LuksoColorPicker_base {
     value: string;
     name: string;
@@ -19,18 +19,18 @@ export declare class LuksoColorPicker extends LuksoColorPicker_base {
     private hasHighlight;
     private styles;
     connectedCallback(): void;
-    inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
-    colorPickerTemplate(styles: string, colorInputStyles: string): import("lit-html").TemplateResult<1>;
-    labelTemplate(): import("lit-html").TemplateResult<1>;
-    descriptionTemplate(): import("lit-html").TemplateResult<1>;
-    errorTemplate(): import("lit-html").TemplateResult<1>;
+    inputTemplate(styles: string): import('lit-html').TemplateResult<1>;
+    colorPickerTemplate(styles: string, colorInputStyles: string): import('lit-html').TemplateResult<1>;
+    labelTemplate(): import('lit-html').TemplateResult<1>;
+    descriptionTemplate(): import('lit-html').TemplateResult<1>;
+    errorTemplate(): import('lit-html').TemplateResult<1>;
     private handleFocus;
     private handleBlur;
     private handleChange;
     private handleInput;
     private handleKeyUp;
     private handleKeyDown;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,13 +1,12 @@
-import { T as TailwindStyledElement, x, E } from '../../index-2d057f81.js';
-import { n, t } from '../../property-5367c26a.js';
-import { r } from '../../state-bdfaec36.js';
-import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-9e6bb4a6.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { r } from '../../state-C3Y3QGjX.js';
+import { c as ce } from '../../index-B9iart53.js';
+import { o } from '../../style-map-DpzNuCXP.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-90c03edf.js';
+import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../directive-2bb7789e.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}";
 
@@ -18,8 +17,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 const FOCUS_DELAY_MS = 10;

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

@@ -1,4 +1,4 @@
-import type { Meta } from '@storybook/web-components';
+import { Meta } from '@storybook/web-components';
 /**  Documentation and examples of `lukso-color-picker` component.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,20 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-96bba619.cjs');
-const property = require('../../property-98f7e05b.cjs');
-const index = require('../../index-2b104ecb.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-9c39357d.cjs');
-require('../../index-ba49f23a.cjs');
-const uniqId = require('../../uniq-id-f0b18085.cjs');
-require('../../style-map-b13b92c1.cjs');
-require('../../directive-8278ab14.cjs');
-require('../lukso-image/index.cjs');
-require('../../state-eba8ded5.cjs');
-require('../../index-5df012eb.cjs');
-require('../../tailwind-config.cjs');
-require('../../cn-b6daa995.cjs');
+require('../../index-CBUB36kH.cjs');
+require('../../index-B-jWYFR1.cjs');
+const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {
   let timer;
@@ -36,8 +29,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   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);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index.TailwindStyledElement(style) {