@lukso/web-components 1.24.0 → 1.26.0

package/dist/components/index.cjs

@@ -17,11 +17,11 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/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-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../index-abd9e6cb.cjs');
 require('../directive-db00f5fb.cjs');
 require('../state-a62a7d5d.cjs');
 require('../index-7dc05ee5.cjs');
-require('../style-map-4458ae5f.cjs');
+require('../style-map-65541c2d.cjs');
 
 
 

package/dist/components/index.js

@@ -13,8 +13,8 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/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-3e7edd92.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-77a39149.js';
 import '../directive-9ec64c08.js';
 import '../state-7fde94d1.js';
 import '../index-714323c9.js';
-import '../style-map-928073dd.js';
+import '../style-map-ed9dd89c.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-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-3e7edd92.js';
+import { T as TailwindStyledElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-4458ae5f.cjs');
+const styleMap = require('../../style-map-65541c2d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-profile/index.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-3e7edd92.js';
+import { T as TailwindStyledElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-928073dd.js';
+import { o } from '../../style-map-ed9dd89c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-profile/index.js';
 

package/dist/components/lukso-icon/icons/progress-indicator-alt.d.ts

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

package/dist/components/lukso-icon/icons/progress-indicator-alt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-alt.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/progress-indicator-alt.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,oBAAoB,YAAa,WAAW,yCAiJxD,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-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-4458ae5f.cjs');
+const styleMap = require('../../style-map-65541c2d.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -4467,6 +4467,153 @@ const switched = (options) => {
   </svg> `;
 };
 
+const progressIndicatorAlt = (options) => {
+  return shared_tailwindElement_index.x`<svg
+      width="64"
+      height="64"
+      viewBox="0 0 64 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+    >
+      <g filter="url(#filter0_ii_2356_9)">
+        <path
+          d="M64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32ZM4.8 32C4.8 47.0221 16.9779 59.2 32 59.2C47.0221 59.2 59.2 47.0221 59.2 32C59.2 16.9779 47.0221 4.8 32 4.8C16.9779 4.8 4.8 16.9779 4.8 32Z"
+          fill="#F8FAFB"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_ii_2356_9"
+          x="-2"
+          y="-2"
+          width="68"
+          height="68"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="2" dy="2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_2356_9"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect1_innerShadow_2356_9"
+            result="effect2_innerShadow_2356_9"
+          />
+        </filter>
+      </defs></svg
+    ><svg
+      width="64"
+      height="64"
+      viewBox="0 0 64 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+      class="absolute animate-spin"
+    >
+      <g clip-path="url(#clip0_2235_25110)">
+        <g filter="url(#filter0_i_2235_25110)">
+          <path
+            d="M61.6 32C62.9255 32 64.0094 33.0761 63.91 34.3978C63.5671 38.9614 62.2484 43.4083 60.0322 47.4336C57.4293 52.1613 53.673 56.1538 49.1127 59.0399C44.5523 61.926 39.3362 63.6118 33.9494 63.9406C28.5626 64.2693 23.1801 63.2304 18.3027 60.9203C13.4253 58.6102 9.21129 55.1041 6.05278 50.7281C2.89427 46.3521 0.893816 41.2483 0.237506 35.8915C-0.418804 30.5348 0.290348 25.099 2.299 20.0899C4.00925 15.8249 6.61426 11.9873 9.92785 8.83061C10.8876 7.91635 12.4068 8.0732 13.2466 9.09871V9.09871C14.0863 10.1242 13.9272 11.6292 12.9797 12.5561C10.2862 15.1908 8.163 18.3631 6.75415 21.8764C5.0468 26.1342 4.44402 30.7545 5.00188 35.3078C5.55974 39.8611 7.26013 44.1993 9.94486 47.9189C12.6296 51.6385 16.2115 54.6187 20.3573 56.5823C24.5031 58.5458 29.0782 59.4289 33.657 59.1495C38.2358 58.87 42.6695 57.4371 46.5458 54.9839C50.422 52.5308 53.6149 49.1371 55.8273 45.1186C57.653 41.8027 58.7622 38.1502 59.0942 34.3969C59.211 33.0766 60.2745 32 61.6 32V32Z"
+            fill="url(#paint0_linear_2235_25110)"
+          />
+        </g>
+      </g>
+      <defs>
+        <filter
+          id="filter0_i_2235_25110"
+          x="0"
+          y="8.22852"
+          width="64.9164"
+          height="56.7715"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="1" dy="1" />
+          <feGaussianBlur stdDeviation="1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_2235_25110"
+          />
+        </filter>
+        <linearGradient
+          id="paint0_linear_2235_25110"
+          x1="49.6"
+          y1="38.4"
+          x2="-35.2"
+          y2="-15.2"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#F8DAD3" />
+          <stop offset="1" stop-color="#CC99AE" />
+        </linearGradient>
+        <clipPath id="clip0_2235_25110">
+          <rect width="64" height="64" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>`;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -4596,7 +4743,8 @@ const iconMap = {
   "progress-complete": progressComplete,
   "complete-filled-fade-in": completeFilledFadeIn,
   "desktop-sharp": desktopSharp,
-  switched
+  switched,
+  "progress-indicator-alt": progressIndicatorAlt
 };
 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":"AA4HA,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;;AAiI5E,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":"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"}

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-3e7edd92.js';
+import { x, T as TailwindStyledElement } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-928073dd.js';
+import { o } from '../../style-map-ed9dd89c.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
@@ -4463,6 +4463,153 @@ const switched = (options) => {
   </svg> `;
 };
 
+const progressIndicatorAlt = (options) => {
+  return x`<svg
+      width="64"
+      height="64"
+      viewBox="0 0 64 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+    >
+      <g filter="url(#filter0_ii_2356_9)">
+        <path
+          d="M64 32C64 49.6731 49.6731 64 32 64C14.3269 64 0 49.6731 0 32C0 14.3269 14.3269 0 32 0C49.6731 0 64 14.3269 64 32ZM4.8 32C4.8 47.0221 16.9779 59.2 32 59.2C47.0221 59.2 59.2 47.0221 59.2 32C59.2 16.9779 47.0221 4.8 32 4.8C16.9779 4.8 4.8 16.9779 4.8 32Z"
+          fill="#F8FAFB"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_ii_2356_9"
+          x="-2"
+          y="-2"
+          width="68"
+          height="68"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="2" dy="2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_2356_9"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect1_innerShadow_2356_9"
+            result="effect2_innerShadow_2356_9"
+          />
+        </filter>
+      </defs></svg
+    ><svg
+      width="64"
+      height="64"
+      viewBox="0 0 64 64"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+      class="absolute animate-spin"
+    >
+      <g clip-path="url(#clip0_2235_25110)">
+        <g filter="url(#filter0_i_2235_25110)">
+          <path
+            d="M61.6 32C62.9255 32 64.0094 33.0761 63.91 34.3978C63.5671 38.9614 62.2484 43.4083 60.0322 47.4336C57.4293 52.1613 53.673 56.1538 49.1127 59.0399C44.5523 61.926 39.3362 63.6118 33.9494 63.9406C28.5626 64.2693 23.1801 63.2304 18.3027 60.9203C13.4253 58.6102 9.21129 55.1041 6.05278 50.7281C2.89427 46.3521 0.893816 41.2483 0.237506 35.8915C-0.418804 30.5348 0.290348 25.099 2.299 20.0899C4.00925 15.8249 6.61426 11.9873 9.92785 8.83061C10.8876 7.91635 12.4068 8.0732 13.2466 9.09871V9.09871C14.0863 10.1242 13.9272 11.6292 12.9797 12.5561C10.2862 15.1908 8.163 18.3631 6.75415 21.8764C5.0468 26.1342 4.44402 30.7545 5.00188 35.3078C5.55974 39.8611 7.26013 44.1993 9.94486 47.9189C12.6296 51.6385 16.2115 54.6187 20.3573 56.5823C24.5031 58.5458 29.0782 59.4289 33.657 59.1495C38.2358 58.87 42.6695 57.4371 46.5458 54.9839C50.422 52.5308 53.6149 49.1371 55.8273 45.1186C57.653 41.8027 58.7622 38.1502 59.0942 34.3969C59.211 33.0766 60.2745 32 61.6 32V32Z"
+            fill="url(#paint0_linear_2235_25110)"
+          />
+        </g>
+      </g>
+      <defs>
+        <filter
+          id="filter0_i_2235_25110"
+          x="0"
+          y="8.22852"
+          width="64.9164"
+          height="56.7715"
+          filterUnits="userSpaceOnUse"
+          color-interpolation-filters="sRGB"
+        >
+          <feFlood flood-opacity="0" result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dx="1" dy="1" />
+          <feGaussianBlur stdDeviation="1" />
+          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="shape"
+            result="effect1_innerShadow_2235_25110"
+          />
+        </filter>
+        <linearGradient
+          id="paint0_linear_2235_25110"
+          x1="49.6"
+          y1="38.4"
+          x2="-35.2"
+          y2="-15.2"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#F8DAD3" />
+          <stop offset="1" stop-color="#CC99AE" />
+        </linearGradient>
+        <clipPath id="clip0_2235_25110">
+          <rect width="64" height="64" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>`;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -4592,7 +4739,8 @@ const iconMap = {
   "progress-complete": progressComplete,
   "complete-filled-fade-in": completeFilledFadeIn,
   "desktop-sharp": desktopSharp,
-  switched
+  switched,
+  "progress-indicator-alt": progressIndicatorAlt
 };
 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-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-3e7edd92.js';
+import { a as TailwindElement, x, A } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.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-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-3e7edd92.js';
+import { a as TailwindElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-3e7edd92.js';
+import { a as TailwindElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-4458ae5f.cjs');
+const styleMap = require('../../style-map-65541c2d.cjs');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-3e7edd92.js';
+import { a as TailwindElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-928073dd.js';
+import { o } from '../../style-map-ed9dd89c.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-4458ae5f.cjs');
+const styleMap = require('../../style-map-65541c2d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-3e7edd92.js';
+import { a as TailwindElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-928073dd.js';
+import { o } from '../../style-map-ed9dd89c.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 
 /**
@@ -1619,6 +1619,7 @@ exports.LuksoSanitize = class LuksoSanitize extends shared_tailwindElement_index
   constructor() {
     super(...arguments);
     this.htmlContent = "";
+    this.isPre = false;
     this.options = {
       ADD_ATTR: ["target"]
       // allow target attribute on anchor tags
@@ -1627,13 +1628,20 @@ exports.LuksoSanitize = class LuksoSanitize extends shared_tailwindElement_index
   sanitize() {
     return purify.sanitize(this.htmlContent, this.options);
   }
+  // in order to show HTML we  need to use unsafeHTML directive.
+  // This is safe since we already sanitized content
   render() {
-    return shared_tailwindElement_index.x`${o(this.sanitize())}`;
+    return this.isPre ? shared_tailwindElement_index.x`<!-- prettier-ignore -->
+          <div
+      class='whitespace-pre-wrap'>${o(this.sanitize())}</div>` : shared_tailwindElement_index.x`${o(this.sanitize())}`;
   }
 };
 __decorateClass([
   directive.e({ type: String, attribute: "html-content" })
 ], exports.LuksoSanitize.prototype, "htmlContent", 2);
+__decorateClass([
+  directive.e({ type: Boolean, attribute: "is-pre" })
+], exports.LuksoSanitize.prototype, "isPre", 2);
 exports.LuksoSanitize = __decorateClass([
   directive.e$1("lukso-sanitize")
 ], exports.LuksoSanitize);

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

@@ -1,6 +1,7 @@
 import { TailwindElement } from '../../shared/tailwind-element';
 export declare class LuksoSanitize extends TailwindElement {
     htmlContent: string;
+    isPre: boolean;
     private options;
     sanitize(): any;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-sanitize/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,qBACa,aAAc,SAAQ,eAAe;IAEhD,WAAW,SAAK;IAEhB,OAAO,CAAC,OAAO,CAEd;IAED,QAAQ;IAIR,MAAM;CAKP;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-sanitize/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D,qBACa,aAAc,SAAQ,eAAe;IAEhD,WAAW,SAAK;IAGhB,KAAK,UAAQ;IAEb,OAAO,CAAC,OAAO,CAEd;IAED,QAAQ;IAMR,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,4 +1,4 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-3e7edd92.js';
+import { A, b as T, a as TailwindElement, x } from '../../index-77a39149.js';
 import { i, t, b as e$1, e as e$2, a as e$3 } from '../../directive-9ec64c08.js';
 
 /**
@@ -1615,6 +1615,7 @@ let LuksoSanitize = class extends TailwindElement {
   constructor() {
     super(...arguments);
     this.htmlContent = "";
+    this.isPre = false;
     this.options = {
       ADD_ATTR: ["target"]
       // allow target attribute on anchor tags
@@ -1623,13 +1624,20 @@ let LuksoSanitize = class extends TailwindElement {
   sanitize() {
     return purify.sanitize(this.htmlContent, this.options);
   }
+  // in order to show HTML we  need to use unsafeHTML directive.
+  // This is safe since we already sanitized content
   render() {
-    return x`${o(this.sanitize())}`;
+    return this.isPre ? x`<!-- prettier-ignore -->
+          <div
+      class='whitespace-pre-wrap'>${o(this.sanitize())}</div>` : x`${o(this.sanitize())}`;
   }
 };
 __decorateClass([
   e$2({ type: String, attribute: "html-content" })
 ], LuksoSanitize.prototype, "htmlContent", 2);
+__decorateClass([
+  e$2({ type: Boolean, attribute: "is-pre" })
+], LuksoSanitize.prototype, "isPre", 2);
 LuksoSanitize = __decorateClass([
   e$3("lukso-sanitize")
 ], LuksoSanitize);

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-f0ca98d2.cjs');
+const shared_tailwindElement_index = require('../../index-abd9e6cb.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-3e7edd92.js';
+import { T as TailwindStyledElement, x } from '../../index-77a39149.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';