@lukso/web-components 1.128.0 → 1.130.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-541282c1.cjs');
+const components_luksoProfile_index = require('../index-2f5d5d79.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');
@@ -29,15 +29,15 @@ const components_luksoTextarea_index = require('./lukso-textarea/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-4145c314.cjs');
+const shared_tailwindElement_index = require('../index-1fd569a9.cjs');
 require('../cn-b6daa995.cjs');
-require('../property-cba034d3.cjs');
-require('../state-dd655282.cjs');
+require('../property-7a90cede.cjs');
+require('../state-09b048f8.cjs');
 require('../index-2b104ecb.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-41455c7b.cjs');
+require('../style-map-2abffb39.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-664bbe9a.cjs');
+require('../index-8eb2e6d8.cjs');
 require('../index-e9668573.cjs');
 require('../uniq-id-f0b18085.cjs');
 

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-efc0c2e6.js';
+export { L as LuksoProfile } from '../index-de036f63.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
 export { LuksoSearch } from './lukso-search/index.js';
@@ -25,14 +25,14 @@ export { LuksoTextarea } from './lukso-textarea/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-a09c053e.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-82b4fdeb.js';
 import '../cn-90c03edf.js';
-import '../property-6d71df6f.js';
-import '../state-a4d47754.js';
+import '../property-cfc5fabd.js';
+import '../state-1aaee2b7.js';
 import '../index-d14b6a34.js';
 import '../tailwind-config.js';
-import '../style-map-745a1d23.js';
+import '../style-map-c8670fc8.js';
 import '../directive-2bb7789e.js';
-import '../index-323568a1.js';
+import '../index-11b4b329.js';
 import '../index-5e194caf.js';
 import '../uniq-id-ce2d165c.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x, E } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
+import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-541282c1.cjs');
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
-const styleMap = require('../../style-map-41455c7b.cjs');
+const components_luksoProfile_index = require('../../index-2f5d5d79.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
+const styleMap = require('../../style-map-2abffb39.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
-const index$1 = require('../../index-664bbe9a.cjs');
+const index$1 = require('../../index-8eb2e6d8.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,12 +1,12 @@
-import { m as makeBlockie } from '../../index-efc0c2e6.js';
-import { T as TailwindStyledElement, x, E } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
-import { o as o$1 } from '../../style-map-745a1d23.js';
+import { m as makeBlockie } from '../../index-de036f63.js';
+import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
+import { o as o$1 } from '../../style-map-c8670fc8.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.js';
-import { c as customStyleMap } from '../../index-323568a1.js';
+import { c as customStyleMap } from '../../index-11b4b329.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-e9668573.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
+import { a as TailwindElement, x, E } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-2b104ecb.cjs');
-const styleMap = require('../../style-map-41455c7b.cjs');
+const styleMap = require('../../style-map-2abffb39.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.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}";
@@ -197,7 +198,7 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
   descriptionTemplate() {
     return shared_tailwindElement_index.x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? shared_tailwindElement_index.E}
+        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
       </div>
     `;
   }

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

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

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

@@ -1,11 +1,12 @@
-import { T as TailwindStyledElement, x, E } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
+import { T as TailwindStyledElement, x, E } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
 import { c as ce } from '../../index-d14b6a34.js';
-import { o } from '../../style-map-745a1d23.js';
+import { o } from '../../style-map-c8670fc8.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-90c03edf.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}";
@@ -193,7 +194,7 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
   descriptionTemplate() {
     return x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? E}
+        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
       </div>
     `;
   }

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-541282c1.cjs');
+require('../../index-2f5d5d79.cjs');
 require('../lukso-username/index.cjs');
 const uniqId = require('../../uniq-id-f0b18085.cjs');
-require('../../style-map-41455c7b.cjs');
+require('../../style-map-2abffb39.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
-require('../../state-dd655282.cjs');
-require('../../index-664bbe9a.cjs');
+require('../../state-09b048f8.cjs');
+require('../../index-8eb2e6d8.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-b6daa995.cjs');
 
@@ -70,8 +70,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
           },
           medium: {
             dropdown: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular max-h-64"
-          },
-          large: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-16-semi-bold max-h-64"
+          }
         },
         isRight: {
           true: {
@@ -93,11 +92,6 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
           size: "medium",
           class: { dropdown: "max-w-[300px]" }
         },
-        {
-          isFullWidth: false,
-          size: "large",
-          class: { dropdown: "max-w-[400px]" }
-        },
         {
           openTop: true,
           size: "small",
@@ -105,7 +99,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
         },
         {
           openTop: true,
-          size: ["medium", "large"],
+          size: ["medium"],
           class: { wrapper: "bottom-12 mb-2" }
         }
       ]

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

@@ -13,7 +13,7 @@ export declare class LuksoDropdown extends LuksoDropdown_base {
     openTop: boolean;
     isRight: boolean;
     isFullWidth: boolean;
-    size: InputSize | 'large';
+    size: InputSize;
     trigger: LuksoDropdownTrigger;
     constructor();
     private styles;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,GAAG,OAAO,CAAW;IAGpC,OAAO,EAAE,oBAAoB,CAAU;;IAUvC,OAAO,CAAC,MAAM,CA4DZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAejB,oBAAoB;IAcd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAajB;IAEF,MAAM;CAkBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIxD,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAMpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,OAAO,CAAA;;AAEpD,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,EAAE,SAAK;IAGP,SAAS,SAAK;IAGd,MAAM,UAAQ;IAGd,oBAAoB,UAAQ;IAG5B,OAAO,UAAQ;IAGf,OAAO,UAAQ;IAGf,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,EAAE,oBAAoB,CAAU;;IAUvC,OAAO,CAAC,MAAM,CAqDZ;IAEF,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CASvB;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiB/C,iBAAiB;IAejB,oBAAoB;IAcd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAiBxD,OAAO,CAAC,WAAW,CAajB;IAEF,MAAM;CAkBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,15 +1,15 @@
-import { T as TailwindStyledElement, E, x } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
+import { T as TailwindStyledElement, E, x } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../lukso-icon/index.js';
-import '../../index-efc0c2e6.js';
+import '../../index-de036f63.js';
 import '../lukso-username/index.js';
 import { u as uniqId } from '../../uniq-id-ce2d165c.js';
-import '../../style-map-745a1d23.js';
+import '../../style-map-c8670fc8.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
-import '../../state-a4d47754.js';
-import '../../index-323568a1.js';
+import '../../state-1aaee2b7.js';
+import '../../index-11b4b329.js';
 import '../../tailwind-config.js';
 import '../../cn-90c03edf.js';
 
@@ -66,8 +66,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
           },
           medium: {
             dropdown: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular max-h-64"
-          },
-          large: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-16-semi-bold max-h-64"
+          }
         },
         isRight: {
           true: {
@@ -89,11 +88,6 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
           size: "medium",
           class: { dropdown: "max-w-[300px]" }
         },
-        {
-          isFullWidth: false,
-          size: "large",
-          class: { dropdown: "max-w-[400px]" }
-        },
         {
           openTop: true,
           size: "small",
@@ -101,7 +95,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
         },
         {
           openTop: true,
-          size: ["medium", "large"],
+          size: ["medium"],
           class: { wrapper: "bottom-12 mb-2" }
         }
       ]

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
 const index = require('../../index-2b104ecb.cjs');
 
 const style = ":host {\n    display: block\n}";
@@ -43,8 +43,7 @@ exports.LuksoDropdownOption = class LuksoDropdownOption extends shared_tailwindE
         },
         size: {
           small: "paragraph-inter-12-regular rounded-4 px-2 min-h-[28px]",
-          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
-          large: "paragraph-inter-16-semi-bold rounded-8 px-3 min-h-[38px]"
+          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]"
         },
         isDisabled: {
           true: "opacity-60 cursor-not-allowed"
@@ -65,11 +64,6 @@ exports.LuksoDropdownOption = class LuksoDropdownOption extends shared_tailwindE
           size: "medium",
           class: "pl-4"
         },
-        {
-          isGroup: true,
-          size: "large",
-          class: "pl-4"
-        },
         {
           isReadonly: false,
           isSelected: true,

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

@@ -6,7 +6,7 @@ export declare class LuksoDropdownOption extends LuksoDropdownOption_base {
     isSelected: boolean;
     isActive: boolean;
     isGroup: boolean;
-    size: InputSize | 'large';
+    size: InputSize;
     private styles;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown-option/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,mBAAoB,SAAQ,wBAA4B;IAEnE,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,GAAG,OAAO,CAAW;IAEpC,OAAO,CAAC,MAAM,CAgDZ;IAEF,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAA;KAC7C;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown-option/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,mBAAoB,SAAQ,wBAA4B;IAEnE,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;IAGhB,OAAO,UAAQ;IAGf,IAAI,EAAE,SAAS,CAAW;IAE1B,OAAO,CAAC,MAAM,CA0CZ;IAEF,MAAM;CAcP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAA;KAC7C;CACF"}

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

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
+import { T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
 import { c as ce } from '../../index-d14b6a34.js';
 
 const style = ":host {\n    display: block\n}";
@@ -39,8 +39,7 @@ let LuksoDropdownOption = class extends TailwindStyledElement(style) {
         },
         size: {
           small: "paragraph-inter-12-regular rounded-4 px-2 min-h-[28px]",
-          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
-          large: "paragraph-inter-16-semi-bold rounded-8 px-3 min-h-[38px]"
+          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]"
         },
         isDisabled: {
           true: "opacity-60 cursor-not-allowed"
@@ -61,11 +60,6 @@ let LuksoDropdownOption = class extends TailwindStyledElement(style) {
           size: "medium",
           class: "pl-4"
         },
-        {
-          isGroup: true,
-          size: "large",
-          class: "pl-4"
-        },
         {
           isReadonly: false,
           isSelected: true,

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
+import { a as TailwindElement, x } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const styleMap = require('../../style-map-41455c7b.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const styleMap = require('../../style-map-2abffb39.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { o } from '../../style-map-745a1d23.js';
+import { x, T as TailwindStyledElement } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { o } from '../../style-map-c8670fc8.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
-const styleMap = require('../../style-map-41455c7b.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
+const styleMap = require('../../style-map-2abffb39.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../../directive-8278ab14.cjs');
 

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-a09c053e.js';
-import { n, t } from '../../property-6d71df6f.js';
-import { r } from '../../state-a4d47754.js';
-import { o } from '../../style-map-745a1d23.js';
+import { a as TailwindElement, x } from '../../index-82b4fdeb.js';
+import { n, t } from '../../property-cfc5fabd.js';
+import { r } from '../../state-1aaee2b7.js';
+import { o } from '../../style-map-c8670fc8.js';
 import { c as ce } from '../../index-d14b6a34.js';
 import '../../directive-2bb7789e.js';
 

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-4145c314.cjs');
-const property = require('../../property-cba034d3.cjs');
-const state = require('../../state-dd655282.cjs');
+const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
+const property = require('../../property-7a90cede.cjs');
+const state = require('../../state-09b048f8.cjs');
 const index = require('../../index-2b104ecb.cjs');
 require('../lukso-icon/index.cjs');
+require('../lukso-sanitize/index.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-b6daa995.cjs');
-require('../../style-map-41455c7b.cjs');
+require('../../style-map-2abffb39.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}";
@@ -49,7 +50,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     this.max = void 0;
     this.min = void 0;
     this.borderless = false;
-    this.size = "medium";
+    this.size = "large";
     this.rightIcon = "";
     this.isRightIconClickable = false;
     this.keepFocusOnEscape = false;
@@ -113,13 +114,18 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
             rightIcon: "right-2"
           },
           medium: {
-            input: "h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-12",
-            unit: "h-[48px] paragraph-inter-12-regular px-3.5 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-[40px] px-4 py-2 paragraph-inter-14-regular rounded-12",
+            unit: "h-[40px] paragraph-inter-12-regular px-3.5 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
             rightIcon: "right-3"
           },
           large: {
-            input: "h-[70px] px-4 py-5 paragraph-inter-16-regular rounded-12",
-            unit: "h-[48px] paragraph-inter-16-semi-bold px-3.5 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
+            input: "h-[48px] px-4 py-2 paragraph-inter-14-regular rounded-12",
+            unit: "h-[48px] paragraph-inter-14-regular px-3.5 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
+            rightIcon: "right-3"
+          },
+          "x-large": {
+            input: "h-[68px] px-4 py-5 paragraph-inter-16-regular rounded-12",
+            unit: "h-[68px] paragraph-inter-16-regular px-3.5 rounded-r-12 before:top-[calc(50%-12px)] before:h-[24px]",
             rightIcon: "right-4"
           }
         },
@@ -155,12 +161,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
         },
         {
           hasRightIcon: true,
-          size: "large",
-          class: { input: "pr-10" }
-        },
-        {
-          hasRightIcon: true,
-          size: "medium",
+          size: ["medium", "large", "x-large"],
           class: { input: "pr-10" }
         },
         {
@@ -224,7 +225,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   descriptionTemplate() {
     return shared_tailwindElement_index.x`
       <div class="paragraph-inter-12-regular text-neutral-20 pb-2">
-        ${this.description ?? shared_tailwindElement_index.E}
+        <lukso-sanitize html-content=${this.description}></lukso-sanitize>
       </div>
     `;
   }
@@ -246,7 +247,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
   rightIconTemplate(styles) {
     return shared_tailwindElement_index.x`<lukso-icon
       name=${this.rightIcon}
-      size=${this.size}
+      size="medium"
       class=${styles}
       @click=${this.handleRightIconClick}
     ></lukso-icon>`;

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

@@ -21,7 +21,7 @@ export declare class LuksoInput extends LuksoInput_base {
     max: number | undefined;
     min: number | undefined;
     borderless: boolean;
-    size: InputSize | 'large';
+    size: InputSize | 'large' | 'x-large';
     rightIcon: string;
     isRightIconClickable: boolean;
     keepFocusOnEscape: boolean;

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

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