@lukso/web-components 1.131.1 → 1.132.1

package/dist/components/lukso-icon/icons/warning-round.d.ts

@@ -1,3 +1,3 @@
-import type { IconOptions } from '../../../components/lukso-icon/index.js';
-export declare const warningRound: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+import { IconOptions } from '../index.js';
+export declare const warningRound: (options: IconOptions) => import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=warning-round.d.ts.map

package/dist/components/lukso-icon/icons/warning-round.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"warning-round.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/warning-round.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,YAAY,YAAa,WAAW,yCA0BhD,CAAA"}
+{"version":3,"file":"warning-round.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/warning-round.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,YAAY,GAAI,SAAS,WAAW,yCA0BhD,CAAA"}

package/dist/components/lukso-icon/icons/warning-triangle.d.ts

@@ -1,3 +1,3 @@
-import type { IconOptions } from '../../../components/lukso-icon/index.js';
-export declare const warningTriangle: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+import { IconOptions } from '../index.js';
+export declare const warningTriangle: (options: IconOptions) => import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=warning-triangle.d.ts.map

package/dist/components/lukso-icon/icons/warning-triangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"warning-triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/warning-triangle.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,eAAe,YAAa,WAAW,yCA0BnD,CAAA"}
+{"version":3,"file":"warning-triangle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/warning-triangle.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,yCA0BnD,CAAA"}

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

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.cjs');
-const styleMap = require('../../style-map-ff389c6a.cjs');
-require('../../directive-8278ab14.cjs');
+const shared_tailwindElement_index = require('../../index-BitOdrRJ.cjs');
+const property = require('../../property-BmOVhAsp.cjs');
+const styleMap = require('../../style-map-DUOdo8Aw.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -7729,6 +7728,44 @@ const minus = (options) => {
   })} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.417 12.75h-12c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12c.41 0 .75.34.75.75s-.34.75-.75.75" fill="var(--${options.color})"></svg>`;
 };
 
+const medalStar = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M19 9C19 10.45 18.57 11.78 17.83 12.89C16.75 14.49 15.04 15.62 13.05 15.91C12.71 15.97 12.36 16 12 16C11.64 16 11.29 15.97 10.95 15.91C8.96 15.62 7.25 14.49 6.17 12.89C5.43 11.78 5 10.45 5 9C5 5.13 8.13 2 12 2C15.87 2 19 5.13 19 9Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M21.2501 18.4699L19.6001 18.8599C19.2301 18.9499 18.9401 19.2299 18.8601 19.5999L18.5101 21.0699C18.3201 21.8699 17.3001 22.1099 16.7701 21.4799L12.0001 15.9999L7.23008 21.4899C6.70008 22.1199 5.68008 21.8799 5.49008 21.0799L5.14008 19.6099C5.05008 19.2399 4.76008 18.9499 4.40008 18.8699L2.75008 18.4799C1.99008 18.2999 1.72008 17.3499 2.27008 16.7999L6.17008 12.8999C7.25008 14.4999 8.96008 15.6299 10.9501 15.9199C11.2901 15.9799 11.6401 16.0099 12.0001 16.0099C12.3601 16.0099 12.7101 15.9799 13.0501 15.9199C15.0401 15.6299 16.7501 14.4999 17.8301 12.8999L21.7301 16.7999C22.2801 17.3399 22.0101 18.2899 21.2501 18.4699Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M12.58 5.98L13.17 7.15999C13.25 7.31999 13.46 7.48 13.65 7.51L14.72 7.68999C15.4 7.79999 15.56 8.3 15.07 8.79L14.24 9.61998C14.1 9.75998 14.02 10.03 14.07 10.23L14.31 11.26C14.5 12.07 14.07 12.39 13.35 11.96L12.35 11.37C12.17 11.26 11.87 11.26 11.69 11.37L10.69 11.96C9.96997 12.38 9.53997 12.07 9.72997 11.26L9.96997 10.23C10.01 10.04 9.93997 9.75998 9.79997 9.61998L8.96997 8.79C8.47997 8.3 8.63997 7.80999 9.31997 7.68999L10.39 7.51C10.57 7.48 10.78 7.31999 10.86 7.15999L11.45 5.98C11.74 5.34 12.26 5.34 12.58 5.98Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7736,8 +7773,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 iconMap = {
@@ -7941,7 +7977,8 @@ const iconMap = {
   "user-circle-add": userCircleAdd,
   "profile-circle": profileCircle,
   "play-linear": playLinear,
-  "stop-linear": stopLinear
+  "stop-linear": stopLinear,
+  "medal-star": medalStar
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

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

@@ -6,14 +6,14 @@ export type IconOptions = {
     secondaryColor?: string;
 };
 export type IconSize = 'small' | 'medium' | 'large' | 'x-large' | '2x-large';
-declare const LuksoIcon_base: typeof import("lit").LitElement;
+declare const LuksoIcon_base: typeof import('lit').LitElement;
 export declare class LuksoIcon extends LuksoIcon_base {
     name: string;
     size: string;
     color: string;
     secondaryColor: string;
     private sizes;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AA8MA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAoN5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AA+MA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAqN5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,7 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-44537fbb.js';
-import { n, t } from '../../property-27a56e78.js';
-import { o } from '../../style-map-d0cf7858.js';
-import '../../directive-2bb7789e.js';
+import { x, T as TailwindStyledElement } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { o } from '../../style-map-DpzNuCXP.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -7725,6 +7724,44 @@ const minus = (options) => {
   })} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.417 12.75h-12c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12c.41 0 .75.34.75.75s-.34.75-.75.75" fill="var(--${options.color})"></svg>`;
 };
 
+const medalStar = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M19 9C19 10.45 18.57 11.78 17.83 12.89C16.75 14.49 15.04 15.62 13.05 15.91C12.71 15.97 12.36 16 12 16C11.64 16 11.29 15.97 10.95 15.91C8.96 15.62 7.25 14.49 6.17 12.89C5.43 11.78 5 10.45 5 9C5 5.13 8.13 2 12 2C15.87 2 19 5.13 19 9Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M21.2501 18.4699L19.6001 18.8599C19.2301 18.9499 18.9401 19.2299 18.8601 19.5999L18.5101 21.0699C18.3201 21.8699 17.3001 22.1099 16.7701 21.4799L12.0001 15.9999L7.23008 21.4899C6.70008 22.1199 5.68008 21.8799 5.49008 21.0799L5.14008 19.6099C5.05008 19.2399 4.76008 18.9499 4.40008 18.8699L2.75008 18.4799C1.99008 18.2999 1.72008 17.3499 2.27008 16.7999L6.17008 12.8999C7.25008 14.4999 8.96008 15.6299 10.9501 15.9199C11.2901 15.9799 11.6401 16.0099 12.0001 16.0099C12.3601 16.0099 12.7101 15.9799 13.0501 15.9199C15.0401 15.6299 16.7501 14.4999 17.8301 12.8999L21.7301 16.7999C22.2801 17.3399 22.0101 18.2899 21.2501 18.4699Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <path
+      d="M12.58 5.98L13.17 7.15999C13.25 7.31999 13.46 7.48 13.65 7.51L14.72 7.68999C15.4 7.79999 15.56 8.3 15.07 8.79L14.24 9.61998C14.1 9.75998 14.02 10.03 14.07 10.23L14.31 11.26C14.5 12.07 14.07 12.39 13.35 11.96L12.35 11.37C12.17 11.26 11.87 11.26 11.69 11.37L10.69 11.96C9.96997 12.38 9.53997 12.07 9.72997 11.26L9.96997 10.23C10.01 10.04 9.93997 9.75998 9.79997 9.61998L8.96997 8.79C8.47997 8.3 8.63997 7.80999 9.31997 7.68999L10.39 7.51C10.57 7.48 10.78 7.31999 10.86 7.15999L11.45 5.98C11.74 5.34 12.26 5.34 12.58 5.98Z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7732,8 +7769,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 iconMap = {
@@ -7937,7 +7973,8 @@ const iconMap = {
   "user-circle-add": userCircleAdd,
   "profile-circle": profileCircle,
   "play-linear": playLinear,
-  "stop-linear": stopLinear
+  "stop-linear": stopLinear,
+  "medal-star": medalStar
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

package/dist/components/lukso-icon/lukso-icon.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-icon` component. Icons comes in `small`, `medium`, `large` and `x-large` size that is set in `size` property.
  *  Please check all available icons in Icons Showcase.
  */

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

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.cjs');
-const state = require('../../state-e20739c9.cjs');
-const styleMap = require('../../style-map-ff389c6a.cjs');
-const index = require('../../index-2b104ecb.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 styleMap = require('../../style-map-DUOdo8Aw.cjs');
+const index = require('../../index-CaJky2qL.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -16,8 +15,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.LuksoImage = class LuksoImage extends shared_tailwindElement_index.TailwindElement {

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

@@ -1,4 +1,4 @@
-import { type PropertyValues } from 'lit';
+import { PropertyValues } from 'lit';
 import { TailwindElement } from '../../shared/tailwind-element';
 export declare class LuksoImage extends TailwindElement {
     src: string;
@@ -10,7 +10,7 @@ export declare class LuksoImage extends TailwindElement {
     private handleError;
     willUpdate(changedProperties: PropertyValues<this>): Promise<void>;
     private imageStyles;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,9 +1,8 @@
-import { a as TailwindElement, x } from '../../index-44537fbb.js';
-import { n, t } from '../../property-27a56e78.js';
-import { r } from '../../state-cda0c5ee.js';
-import { o } from '../../style-map-d0cf7858.js';
-import { c as ce } from '../../index-d14b6a34.js';
-import '../../directive-2bb7789e.js';
+import { a as TailwindElement, x } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { r } from '../../state-C3Y3QGjX.js';
+import { o } from '../../style-map-DpzNuCXP.js';
+import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12,8 +11,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 LuksoImage = class extends TailwindElement {

package/dist/components/lukso-image/lukso-image.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-image` component. This is very primitive component that main goal is to
  * handle error/loading states and provide ability to customize placeholder image.

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

@@ -2,16 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.cjs');
-const state = require('../../state-e20739c9.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('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
 require('../../tailwind-config.cjs');
-const cn = require('../../cn-b6daa995.cjs');
-require('../../style-map-ff389c6a.cjs');
-require('../../directive-8278ab14.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}";
 
@@ -22,8 +20,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-input/index.d.ts

@@ -1,5 +1,5 @@
-import type { InputSize } from '../../shared/types';
-declare const LuksoInput_base: typeof import("lit").LitElement;
+import { InputSize } from '../../shared/types';
+declare const LuksoInput_base: typeof import('lit').LitElement;
 export declare class LuksoInput extends LuksoInput_base {
     value: string;
     name: string;
@@ -29,12 +29,12 @@ export declare class LuksoInput extends LuksoInput_base {
     private hasHighlight;
     private inputStyles;
     connectedCallback(): void;
-    inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
-    labelTemplate(): import("lit-html").TemplateResult<1>;
-    descriptionTemplate(): import("lit-html").TemplateResult<1>;
-    errorTemplate(): import("lit-html").TemplateResult<1>;
-    unitTemplate(styles: string): import("lit-html").TemplateResult<1>;
-    rightIconTemplate(styles: string): import("lit-html").TemplateResult<1>;
+    inputTemplate(styles: string): import('lit-html').TemplateResult<1>;
+    labelTemplate(): import('lit-html').TemplateResult<1>;
+    descriptionTemplate(): import('lit-html').TemplateResult<1>;
+    errorTemplate(): import('lit-html').TemplateResult<1>;
+    unitTemplate(styles: string): import('lit-html').TemplateResult<1>;
+    rightIconTemplate(styles: string): import('lit-html').TemplateResult<1>;
     private handleFocus;
     private handleBlur;
     private handleChange;
@@ -47,7 +47,7 @@ export declare class LuksoInput extends LuksoInput_base {
     private handleUnitClick;
     private handleInputClick;
     private handleRightIconClick;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,13 +1,11 @@
-import { T as TailwindStyledElement, x, E } from '../../index-44537fbb.js';
-import { n, t } from '../../property-27a56e78.js';
-import { r } from '../../state-cda0c5ee.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 '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
 import '../../tailwind-config.js';
-import { c as cn } from '../../cn-90c03edf.js';
-import '../../style-map-d0cf7858.js';
-import '../../directive-2bb7789e.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}";
 
@@ -18,8 +16,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-input/lukso-input.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-input` component.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.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');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -13,8 +13,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.LuksoModal = class LuksoModal extends shared_tailwindElement_index.TailwindElement {

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

@@ -7,7 +7,7 @@ export declare class LuksoModal extends TailwindElement {
     private styles;
     private close;
     private handleBackdropClick;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-44537fbb.js';
-import { n, t } from '../../property-27a56e78.js';
-import { c as ce } from '../../index-d14b6a34.js';
+import { a as TailwindElement, x } from '../../index-DqnJ63Q8.js';
+import { n, t } from '../../property-BqHUZDET.js';
+import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -9,8 +9,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 LuksoModal = class extends TailwindElement {

package/dist/components/lukso-modal/lukso-modal.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-modal` component.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,15 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.cjs');
-const state = require('../../state-e20739c9.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('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
-require('../../style-map-ff389c6a.cjs');
-require('../../directive-8278ab14.cjs');
-require('../../index-6bad7e66.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,8 +16,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.LuksoNavbar = class LuksoNavbar extends shared_tailwindElement_index.TailwindElement {

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

@@ -20,16 +20,16 @@ export declare class LuksoNavbar extends TailwindElement {
     private handleMenuToggle;
     desktopMenuTemplate(styles: {
         desktopMenuWrapper: () => string;
-    }): import("lit-html").TemplateResult<1>;
+    }): import('lit-html').TemplateResult<1>;
     desktopCenterTemplate(styles: {
         desktopCenterWrapper: () => string;
-    }): import("lit-html").TemplateResult<1>;
+    }): import('lit-html').TemplateResult<1>;
     mobileMenuTemplate(styles: {
         mobileMenuTrigger: () => string;
         mobileMenuDropdown: () => string;
         mobileMenuWrapper: () => string;
-    }): import("lit-html").TemplateResult<1>;
-    brandTemplate(): import("lit-html").TemplateResult<1>;
+    }): import('lit-html').TemplateResult<1>;
+    brandTemplate(): import('lit-html').TemplateResult<1>;
     menuTemplate(styles: {
         desktopMenuWrapper: () => string;
         desktopCenterWrapper?: () => string;
@@ -37,7 +37,7 @@ export declare class LuksoNavbar extends TailwindElement {
         mobileMenuTrigger: () => string;
         mobileMenuDropdown: () => string;
     }): ReturnType<typeof html>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,12 +1,9 @@
-import { a as TailwindElement, x, E } from '../../index-44537fbb.js';
-import { n, t } from '../../property-27a56e78.js';
-import { r } from '../../state-cda0c5ee.js';
-import { c as ce } from '../../index-d14b6a34.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 ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
-import '../../style-map-d0cf7858.js';
-import '../../directive-2bb7789e.js';
-import '../../index-1db9d1ee.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -15,8 +12,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 LuksoNavbar = class extends TailwindElement {

package/dist/components/lukso-navbar/lukso-navbar.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-navbar` component.  */
 declare const meta: Meta;
 export default meta;

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

@@ -2,16 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-b103f110.cjs');
-const property = require('../../property-e2dd6303.cjs');
-const state = require('../../state-e20739c9.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('../lukso-icon/index.cjs');
 require('../lukso-button/index.cjs');
-require('../../style-map-ff389c6a.cjs');
-require('../../directive-8278ab14.cjs');
-require('../../tailwind-config.cjs');
-require('../../cn-b6daa995.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -22,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;
 };
 exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_index.TailwindStyledElement(style) {
@@ -64,8 +59,7 @@ exports.LuksoPagination = class LuksoPagination extends shared_tailwindElement_i
     }
   }
   paginate({ current, max }) {
-    if (!current || !max)
-      return null;
+    if (!current || !max) return null;
     const prev = current === 1 ? null : current - 1;
     const next = current === max ? null : current + 1;
     const items = [1];

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

@@ -1,8 +1,8 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import type { ButtonVariant } from '../../components/lukso-button';
-import type { InputSize } from '../../shared/types';
+import { PropertyValues, TemplateResult } from 'lit';
+import { ButtonVariant } from '../lukso-button';
+import { InputSize } from '../../shared/types';
 export type PaginationVariant = ButtonVariant;
-declare const LuksoPagination_base: typeof import("lit").LitElement;
+declare const LuksoPagination_base: typeof import('lit').LitElement;
 export declare class LuksoPagination extends LuksoPagination_base {
     variant: ButtonVariant;
     size: InputSize;