@lukso/web-components 1.52.2 → 1.53.0

package/dist/components/index.cjs

@@ -23,14 +23,14 @@ const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../index-f25fc3ea.cjs');
 require('../cn-4ec0bd94.cjs');
 require('../query-assigned-elements-1d5d9d4c.cjs');
 require('../state-f73a8b4f.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-1175c018.cjs');
+require('../style-map-a31b1d87.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-ace51f33.cjs');
+require('../index-97f126f3.cjs');
 require('../index-e9668573.cjs');
 
 

package/dist/components/index.js

@@ -19,12 +19,12 @@ export { LuksoTest } from './lukso-test/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-35ca0b42.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-122da399.js';
 import '../cn-616567d4.js';
 import '../query-assigned-elements-5d94572f.js';
 import '../state-0a779257.js';
 import '../tailwind-config.js';
-import '../style-map-17f918a2.js';
+import '../style-map-d0fa91c8.js';
 import '../directive-2bb7789e.js';
-import '../index-739869da.js';
+import '../index-9c2f800a.js';
 import '../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 require('../../tailwind-config.cjs');
@@ -2638,7 +2638,7 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
             hover:text-neutral-35
             active:text-neutral-35 active:scale-100
             disabled:text-neutral-90`,
-          link: `!p-0 active:!scale-100 underline text-purple-51 hover:text-purple-41`,
+          link: `bg-transparent border-none active:!scale-100 underline text-purple-51 hover:text-purple-41`,
           "nav-button": `nav-apax-12-medium-uppercase text-purple-41 !text-12`,
           "nav-text": `bg-transparent border-none nav-apax-12-medium-uppercase text-purple-63 hover:text-purple-41 !text-12 transition`
         },
@@ -2669,6 +2669,11 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
           isActive: true,
           color: "nav-text",
           class: "text-purple-41"
+        },
+        {
+          size: ["medium", "small"],
+          color: "link",
+          class: "p-0 h-[initial]"
         }
       ]
     });

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

@@ -1,4 +1,4 @@
-export type ButtonVariant = 'primary' | 'secondary' | 'landing' | 'text' | 'nav-button' | 'nav-text';
+export type ButtonVariant = 'primary' | 'secondary' | 'landing' | 'text' | 'nav-button' | 'nav-text' | 'link';
 export type ButtonSize = 'small' | 'medium';
 export type ButtonType = 'submit' | 'reset' | 'button';
 export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/index.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,CAAA;AACd,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CAwDlB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAa1B,eAAe;IAQf,cAAc;IA0Bd,YAAY;IAsBZ,MAAM;CAGP;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-button/index.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,CAAA;AACV,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC3C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;;AAIhE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,OAAO,EAAE,aAAa,CAAY;IAGlC,IAAI,EAAE,UAAU,CAAW;IAG3B,QAAQ,UAAQ;IAGhB,WAAW,UAAQ;IAGnB,WAAW,UAAQ;IAGnB,MAAM,UAAQ;IAGd,SAAS,UAAQ;IAGjB,IAAI,EAAE,UAAU,CAAW;IAG3B,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAW;IAG7B,GAAG,SAAK;IAGR,WAAW,SAAK;IAGhB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,KAAK,SAAK;IAGV,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,KAAK,CAAI;IAEjB,OAAO,CAAC,aAAa,CAOnB;IAEF,OAAO,CAAC,YAAY,CA6DlB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe,IAAI,OAAO;IAa1B,eAAe;IAQf,cAAc;IA0Bd,YAAY;IAsBZ,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x, A } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import '../../tailwind-config.js';
@@ -2634,7 +2634,7 @@ let LuksoButton = class extends TailwindStyledElement(style) {
             hover:text-neutral-35
             active:text-neutral-35 active:scale-100
             disabled:text-neutral-90`,
-          link: `!p-0 active:!scale-100 underline text-purple-51 hover:text-purple-41`,
+          link: `bg-transparent border-none active:!scale-100 underline text-purple-51 hover:text-purple-41`,
           "nav-button": `nav-apax-12-medium-uppercase text-purple-41 !text-12`,
           "nav-text": `bg-transparent border-none nav-apax-12-medium-uppercase text-purple-63 hover:text-purple-41 !text-12 transition`
         },
@@ -2665,6 +2665,11 @@ let LuksoButton = class extends TailwindStyledElement(style) {
           isActive: true,
           color: "nav-text",
           class: "text-purple-41"
+        },
+        {
+          size: ["medium", "small"],
+          color: "link",
+          class: "p-0 h-[initial]"
         }
       ]
     });

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

@@ -14,6 +14,8 @@ export declare const Text: any;
 export declare const NavButton: any;
 /** Example of `nav-text` variant.  */
 export declare const NavText: any;
+/** Example of `link` variant.  */
+export declare const LinkVariant: any;
 /** Example of `small` size button.  */
 export declare const SmallSize: any;
 /** If you need button to take full width of the parent element add `is-full-width` property. */

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAoMX,CAAA;AAED,eAAe,IAAI,CAAA;AAyCnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAexC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAWxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAWrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAa/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAc3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAahD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AAerC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAc9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAalD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}
+{"version":3,"file":"lukso-button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-button/lukso-button.stories.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,SAAS,CAAA;AAChB,OAAO,eAAe,CAAA;AAEtB,+DAA+D;AAC/D,QAAA,MAAM,IAAI,EAAE,IAoMX,CAAA;AAED,eAAe,IAAI,CAAA;AAyCnB,oDAAoD;AACpD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAexC,sCAAsC;AACtC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,qCAAqC;AACrC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAWxC,kCAAkC;AAClC,eAAO,MAAM,IAAI,KAAoB,CAAA;AAWrC,wCAAwC;AACxC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,OAAO,KAAoB,CAAA;AAKxC,kCAAkC;AAClC,eAAO,MAAM,WAAW,KAAoB,CAAA;AAK5C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,gGAAgG;AAChG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAW1C,gEAAgE;AAChE,eAAO,MAAM,cAAc,KAAoB,CAAA;AAa/C,6GAA6G;AAC7G,eAAO,MAAM,UAAU,KAAoB,CAAA;AAc3C;;GAEG;AACH,eAAO,MAAM,eAAe,KAAoB,CAAA;AAahD;4FAC4F;AAC5F,eAAO,MAAM,IAAI,KAAoB,CAAA;AAerC;GACG;AACH,eAAO,MAAM,aAAa,KAAoB,CAAA;AAc9C,uEAAuE;AACvE,eAAO,MAAM,iBAAiB,KAAoB,CAAA;AAalD,iDAAiD;AACjD,eAAO,MAAM,aAAa,KAAoB,CAAA"}

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-4ec0bd94.cjs');
-const index = require('../../index-ace51f33.cjs');
+const index = require('../../index-97f126f3.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../index-e9668573.cjs');
 

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

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, x } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-616567d4.js';
-import { c as customStyleMap } from '../../index-739869da.js';
+import { c as customStyleMap } from '../../index-9c2f800a.js';
 import '../../directive-2bb7789e.js';
 import '../../index-5e194caf.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x, A } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/cross-filled.d.ts

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

package/dist/components/lukso-icon/icons/cross-filled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cross-filled.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/cross-filled.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,WAAW,YAAa,WAAW,yCA+B/C,CAAA"}

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -4615,6 +4615,39 @@ const progressIndicatorAlt = (options) => {
     </svg>`;
 };
 
+const crossFilled = (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="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M8 16.0001L16.0002 7.99995"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8 8L16.0002 16.0002"
+      stroke="var(--${options.secondaryColor})"
+      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) => {
@@ -4745,7 +4778,8 @@ const iconMap = {
   "complete-filled-fade-in": completeFilledFadeIn,
   "desktop-sharp": desktopSharp,
   switched,
-  "progress-indicator-alt": progressIndicatorAlt
+  "progress-indicator-alt": progressIndicatorAlt,
+  "cross-filled": crossFilled
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

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":"AA6HA,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;;AAkI5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;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":"AA8HA,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;;AAmI5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-35ca0b42.js';
+import { x, T as TailwindStyledElement } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -4611,6 +4611,39 @@ const progressIndicatorAlt = (options) => {
     </svg>`;
 };
 
+const crossFilled = (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="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      fill="var(--${options.color})"
+    />
+    <path
+      d="M8 16.0001L16.0002 7.99995"
+      stroke="var(--${options.secondaryColor})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8 8L16.0002 16.0002"
+      stroke="var(--${options.secondaryColor})"
+      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) => {
@@ -4741,7 +4774,8 @@ const iconMap = {
   "complete-filled-fade-in": completeFilledFadeIn,
   "desktop-sharp": desktopSharp,
   switched,
-  "progress-indicator-alt": progressIndicatorAlt
+  "progress-indicator-alt": progressIndicatorAlt,
+  "cross-filled": crossFilled
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x, A } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-1175c018.cjs');
+require('../../style-map-a31b1d87.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,11 +1,11 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-17f918a2.js';
+import '../../style-map-d0fa91c8.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-4ec0bd94.cjs');
 require('../../directive-8278ab14.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-616567d4.js';
 import '../../directive-2bb7789e.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 

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

@@ -1,4 +1,4 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { A, b as T, a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e as e$2 } from '../../query-assigned-elements-5d94572f.js';
 import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -10,8 +10,8 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-1175c018.cjs');
-require('../../index-ace51f33.cjs');
+require('../../style-map-a31b1d87.cjs');
+require('../../index-97f126f3.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}";
 

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x, A } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -6,8 +6,8 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-17f918a2.js';
-import '../../index-739869da.js';
+import '../../style-map-d0fa91c8.js';
+import '../../index-9c2f800a.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}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 const state = require('../../state-f73a8b4f.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -10,8 +10,8 @@ require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../style-map-1175c018.cjs');
-require('../../index-ace51f33.cjs');
+require('../../style-map-a31b1d87.cjs');
+require('../../index-97f126f3.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}";
 

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x, A } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 import { t } from '../../state-0a779257.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -6,8 +6,8 @@ import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
 import '../../directive-2bb7789e.js';
-import '../../style-map-17f918a2.js';
-import '../../index-739869da.js';
+import '../../style-map-d0fa91c8.js';
+import '../../index-9c2f800a.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}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-35ca0b42.js';
+import { a as TailwindElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f426e548.cjs');
+const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
-const styleMap = require('../../style-map-1175c018.cjs');
+const styleMap = require('../../style-map-a31b1d87.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-35ca0b42.js';
+import { T as TailwindStyledElement, x } from '../../index-122da399.js';
 import { n, e } from '../../query-assigned-elements-5d94572f.js';
-import { o } from '../../style-map-17f918a2.js';
+import { o } from '../../style-map-d0fa91c8.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';