@lukso/web-components 1.142.2 → 1.142.3

package/dist/components/index.cjs

@@ -15,12 +15,12 @@ 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-D1Py8U6q.cjs');
+const components_luksoProfile_index = require('../index-CdJ6sSDh.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('../index-CFdnuKso.cjs');
+const components_luksoSearch_index = require('../index-DHLarDqH.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');
@@ -29,9 +29,9 @@ const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-CmV7e0vw.cjs');
+const components_luksoUsername_index = require('../index-Bia7DdI2.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-sTnZd0lm.cjs');
+const shared_tailwindElement_index = require('../index-CuduEaB2.cjs');
 require('../cn-CNdKneQ1.cjs');
 
 

package/dist/components/index.js

@@ -11,12 +11,12 @@ 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--Rm5lIdY.js';
+export { L as LuksoProfile } from '../index-mcfs95wa.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
-export { L as LuksoSearch } from '../index-uZYUCmTp.js';
+export { L as LuksoSearch } from '../index-D0uJDSKi.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -25,7 +25,7 @@ export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-Cb_JUuy4.js';
+export { L as LuksoUsername } from '../index-DSVq9yxq.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-ai1JMlH_.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-DqZeY5Ft.js';
 import '../cn-Cu9aP49j.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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
@@ -88,7 +88,8 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
         size: {
           small: "h-7 px-3 paragraph-inter-12-medium rounded-8",
           medium: "h-10 px-4 paragraph-inter-14-semi-bold rounded-10",
-          large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12"
+          large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12",
+          "x-large": ""
         },
         isLongPress: {
           true: `relative overflow-hidden z-[1] active:outline-0
@@ -174,7 +175,8 @@ exports.LuksoButton = class LuksoButton extends shared_tailwindElement_index.Tai
           },
           large: {
             text: "ml-2"
-          }
+          },
+          "x-large": {}
         }
       }
     });

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

@@ -5,7 +5,7 @@ export type LinkTarget = '_blank' | '_self' | '_parent' | '_top';
 declare const LuksoButton_base: typeof import('lit').LitElement;
 export declare class LuksoButton extends LuksoButton_base {
     variant: ButtonVariant;
-    size: InputSize | 'large';
+    size: InputSize;
     disabled: boolean;
     isFullWidth: boolean;
     isLongPress: boolean;

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,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,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,SAAS,GAAG,OAAO,CAAU;IAGnC,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,MAAM,UAAQ;IAGd,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,CA8GlB;IAEF,OAAO,CAAC,aAAa,CAkBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe;IAkBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,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,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,YAAY,GACZ,UAAU,GACV,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AACb,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,SAAS,CAAU;IAGzB,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,MAAM,UAAQ;IAGd,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,CA+GlB;IAEF,OAAO,CAAC,aAAa,CAmBnB;IAEF,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,aAAa;IAcrB,eAAe;IAkBf,eAAe;IAQf,cAAc;IA+Bd,YAAY;IAwBZ,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,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { r } from '../../state-DQLdL2U7.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { r } from '../../state-Cp3uU49S.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
@@ -84,7 +84,8 @@ let LuksoButton = class extends TailwindStyledElement(style) {
         size: {
           small: "h-7 px-3 paragraph-inter-12-medium rounded-8",
           medium: "h-10 px-4 paragraph-inter-14-semi-bold rounded-10",
-          large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12"
+          large: "h-12 px-6 paragraph-inter-16-semi-bold rounded-12",
+          "x-large": ""
         },
         isLongPress: {
           true: `relative overflow-hidden z-[1] active:outline-0
@@ -170,7 +171,8 @@ let LuksoButton = class extends TailwindStyledElement(style) {
           },
           large: {
             text: "ml-2"
-          }
+          },
+          "x-large": {}
         }
       }
     });

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-D1Py8U6q.cjs');
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
-const styleMap = require('../../style-map-CmYXi-8E.cjs');
+const components_luksoProfile_index = require('../../index-CdJ6sSDh.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
+const styleMap = require('../../style-map-BDGPu5bX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
-const index$1 = require('../../index-DU7D2ZlZ.cjs');
+const index$1 = require('../../index-CmsSXJJP.cjs');
 require('../lukso-image/index.cjs');
 
 /**

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

@@ -1,12 +1,12 @@
-import { m as makeBlockie } from '../../index--Rm5lIdY.js';
-import { T as TailwindStyledElement, x, E } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { r } from '../../state-DQLdL2U7.js';
-import { o as o$1 } from '../../style-map-DG3R-qeW.js';
+import { m as makeBlockie } from '../../index-mcfs95wa.js';
+import { T as TailwindStyledElement, x, E } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { r } from '../../state-Cp3uU49S.js';
+import { o as o$1 } from '../../style-map-8Lfg1B1r.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
-import { c as customStyleMap } from '../../index-DGF2vbAO.js';
+import { c as customStyleMap } from '../../index-C6mXmsh3.js';
 import '../lukso-image/index.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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { r } from '../../state-DQLdL2U7.js';
+import { a as TailwindElement, x, E } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { r } from '../../state-Cp3uU49S.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-CmYXi-8E.cjs');
+const styleMap = require('../../style-map-BDGPu5bX.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');
@@ -95,10 +95,16 @@ exports.LuksoColorPicker = class LuksoColorPicker extends shared_tailwindElement
             color: "h-[28px] w-[28px]"
           },
           medium: {
+            wrapper: "grid-cols-[40px,auto] rounded-12",
+            input: "h-[40px] px-3 py-2 paragraph-inter-14-regular rounded-r-10",
+            color: "h-[40px] w-[40px]"
+          },
+          large: {
             wrapper: "grid-cols-[48px,auto] rounded-12",
             input: "h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-r-12",
             color: "h-[48px] w-[48px]"
-          }
+          },
+          "x-large": {}
         }
       },
       compoundVariants: [

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;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"}
+{"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,CA8FZ;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,8 +1,8 @@
-import { T as TailwindStyledElement, E, x } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { r } from '../../state-DQLdL2U7.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { r } from '../../state-Cp3uU49S.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-DG3R-qeW.js';
+import { o } from '../../style-map-8Lfg1B1r.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/index.js';
@@ -91,10 +91,16 @@ let LuksoColorPicker = class extends TailwindStyledElement(style) {
             color: "h-[28px] w-[28px]"
           },
           medium: {
+            wrapper: "grid-cols-[40px,auto] rounded-12",
+            input: "h-[40px] px-3 py-2 paragraph-inter-14-regular rounded-r-10",
+            color: "h-[40px] w-[40px]"
+          },
+          large: {
             wrapper: "grid-cols-[48px,auto] rounded-12",
             input: "h-[48px] px-4 py-3 paragraph-inter-14-regular rounded-r-12",
             color: "h-[48px] w-[48px]"
-          }
+          },
+          "x-large": {}
         }
       },
       compoundVariants: [

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

@@ -15,5 +15,7 @@ export declare const ErrorInput: any;
 /** If you need input to take full width of the parent element add `is-full-width` property. */
 export declare const FullWidth: any;
 /** Example of `small` size input. */
-export declare const Small: any;
+export declare const SmallSize: any;
+/** Example of `medium` size input. */
+export declare const MediumSize: any;
 //# sourceMappingURL=lukso-color-picker.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA2LX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
+{"version":3,"file":"lukso-color-picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-color-picker/lukso-color-picker.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,sEAAsE;AACtE,QAAA,MAAM,IAAI,EAAE,IA2LX,CAAA;AAED,eAAe,IAAI,CAAA;AA6CnB,8CAA8C;AAC9C,eAAO,MAAM,YAAY,KAAoB,CAAA;AAE7C,gDAAgD;AAChD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,qCAAqC;AACrC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,uDAAuD;AACvD,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,+FAA+F;AAC/F,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,qCAAqC;AACrC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,sCAAsC;AACtC,eAAO,MAAM,UAAU,KAAoB,CAAA"}

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-D1Py8U6q.cjs');
-require('../../index-CmV7e0vw.cjs');
+require('../../index-CdJ6sSDh.cjs');
+require('../../index-Bia7DdI2.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {
@@ -42,7 +42,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
     this.openTop = false;
     this.isRight = false;
     this.isFullWidth = false;
-    this.size = "medium";
+    this.size = "large";
     this.trigger = "click";
     this.maxHeight = void 0;
     this.styles = index.ce({
@@ -62,8 +62,12 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
             dropdown: "rounded-8 p-2 mt-1 min-w-[120px] paragraph-inter-12-regular"
           },
           medium: {
+            dropdown: "rounded-10 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
+          },
+          large: {
             dropdown: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
-          }
+          },
+          "x-large": {}
         },
         isRight: {
           true: {
@@ -85,7 +89,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
         },
         {
           isFullWidth: false,
-          size: "medium",
+          size: "large",
           class: { dropdown: "max-w-[300px]" }
         },
         {
@@ -95,7 +99,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
         },
         {
           openTop: true,
-          size: ["medium"],
+          size: ["large"],
           class: { wrapper: "bottom-12 mb-2" }
         },
         {
@@ -105,7 +109,7 @@ exports.LuksoDropdown = class LuksoDropdown extends shared_tailwindElement_index
         },
         {
           hasMaxHeight: false,
-          size: "medium",
+          size: "large",
           class: { dropdown: "max-h-64" }
         }
       ]

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,CAAW;IAG1B,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;;IAUrB,OAAO,CAAC,MAAM,CAkEZ;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;CAsBP;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,CAAU;IAGzB,OAAO,EAAE,oBAAoB,CAAU;IAGvC,SAAS,MAAY;;IAUrB,OAAO,CAAC,MAAM,CAuEZ;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;CAsBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
+import { T as TailwindStyledElement, E, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index--Rm5lIdY.js';
-import '../../index-Cb_JUuy4.js';
+import '../../index-mcfs95wa.js';
+import '../../index-DSVq9yxq.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {
@@ -38,7 +38,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
     this.openTop = false;
     this.isRight = false;
     this.isFullWidth = false;
-    this.size = "medium";
+    this.size = "large";
     this.trigger = "click";
     this.maxHeight = void 0;
     this.styles = ce({
@@ -58,8 +58,12 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
             dropdown: "rounded-8 p-2 mt-1 min-w-[120px] paragraph-inter-12-regular"
           },
           medium: {
+            dropdown: "rounded-10 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
+          },
+          large: {
             dropdown: "rounded-12 p-3 mt-2 min-w-[200px] paragraph-inter-14-regular"
-          }
+          },
+          "x-large": {}
         },
         isRight: {
           true: {
@@ -81,7 +85,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
         },
         {
           isFullWidth: false,
-          size: "medium",
+          size: "large",
           class: { dropdown: "max-w-[300px]" }
         },
         {
@@ -91,7 +95,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
         },
         {
           openTop: true,
-          size: ["medium"],
+          size: ["large"],
           class: { wrapper: "bottom-12 mb-2" }
         },
         {
@@ -101,7 +105,7 @@ let LuksoDropdown = class extends TailwindStyledElement(style) {
         },
         {
           hasMaxHeight: false,
-          size: "medium",
+          size: "large",
           class: { dropdown: "max-h-64" }
         }
       ]

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

@@ -6,6 +6,8 @@ export default meta;
 export declare const Default: any;
 /** Example of `small` dropdown.  */
 export declare const SmallSize: any;
+/** Example of `medium` dropdown.  */
+export declare const MediumSize: any;
 /** Example of right side dropdown.  */
 export declare const RightSide: any;
 /** Example of dropdown that opens to the top.  */

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

@@ -1 +1 @@
-{"version":3,"file":"lukso-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/lukso-dropdown.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gCAAgC,CAAA;AACvC,OAAO,SAAS,CAAA;AAEhB,iEAAiE;AACjE,QAAA,MAAM,IAAI,EAAE,IAoJX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,4BAA4B;AAC5B,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,oCAAoC;AACpC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAO1C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,kDAAkD;AAClD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAOxC,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAO1C,+CAA+C;AAC/C,eAAO,MAAM,YAAY,KAAoB,CAAA"}
+{"version":3,"file":"lukso-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-dropdown/lukso-dropdown.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gCAAgC,CAAA;AACvC,OAAO,SAAS,CAAA;AAEhB,iEAAiE;AACjE,QAAA,MAAM,IAAI,EAAE,IAoJX,CAAA;AAED,eAAe,IAAI,CAAA;AAiEnB,4BAA4B;AAC5B,eAAO,MAAM,OAAO,KAAoB,CAAA;AAMxC,oCAAoC;AACpC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAO1C,qCAAqC;AACrC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,kDAAkD;AAClD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAOxC,uCAAuC;AACvC,eAAO,MAAM,SAAS,KAAoB,CAAA;AAO1C,+CAA+C;AAC/C,eAAO,MAAM,YAAY,KAAoB,CAAA"}

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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 const style = ":host {\n    display: block\n}";
@@ -26,7 +26,7 @@ exports.LuksoDropdownOption = class LuksoDropdownOption extends shared_tailwindE
     this.isSelected = false;
     this.isActive = false;
     this.isGroup = false;
-    this.size = "medium";
+    this.size = "large";
     this.styles = index.ce({
       base: `text-neutral-20 cursor-pointer select-none
       whitespace-nowrap flex items-center truncate gap-2`,
@@ -42,7 +42,9 @@ 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]"
+          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
+          large: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
+          "x-large": ""
         },
         isDisabled: {
           true: "opacity-60 cursor-not-allowed"
@@ -63,6 +65,11 @@ 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.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,CAAW;IAE1B,OAAO,CAAC,MAAM,CA0CZ;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,CAAU;IAEzB,OAAO,CAAC,MAAM,CAiDZ;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-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
+import { T as TailwindStyledElement, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const style = ":host {\n    display: block\n}";
@@ -22,7 +22,7 @@ let LuksoDropdownOption = class extends TailwindStyledElement(style) {
     this.isSelected = false;
     this.isActive = false;
     this.isGroup = false;
-    this.size = "medium";
+    this.size = "large";
     this.styles = ce({
       base: `text-neutral-20 cursor-pointer select-none
       whitespace-nowrap flex items-center truncate gap-2`,
@@ -38,7 +38,9 @@ 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]"
+          medium: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
+          large: "paragraph-inter-14-regular rounded-8 px-3 min-h-[38px]",
+          "x-large": ""
         },
         isDisabled: {
           true: "opacity-60 cursor-not-allowed"
@@ -59,6 +61,11 @@ 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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.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-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
+import { a as TailwindElement, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const styleMap = require('../../style-map-CmYXi-8E.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const styleMap = require('../../style-map-BDGPu5bX.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-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { o } from '../../style-map-DG3R-qeW.js';
+import { x, T as TailwindStyledElement } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { o } from '../../style-map-8Lfg1B1r.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-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
-const styleMap = require('../../style-map-CmYXi-8E.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
+const styleMap = require('../../style-map-BDGPu5bX.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-ai1JMlH_.js';
-import { n, t } from '../../property-BNDS2YNq.js';
-import { r } from '../../state-DQLdL2U7.js';
-import { o } from '../../style-map-DG3R-qeW.js';
+import { a as TailwindElement, x } from '../../index-DqZeY5Ft.js';
+import { n, t } from '../../property-UjLizyyC.js';
+import { r } from '../../state-Cp3uU49S.js';
+import { o } from '../../style-map-8Lfg1B1r.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-sTnZd0lm.cjs');
-const property = require('../../property-Ct2CR7yu.cjs');
-const state = require('../../state-N7_kBt7h.cjs');
+const shared_tailwindElement_index = require('../../index-CuduEaB2.cjs');
+const property = require('../../property-BAw-oPoY.cjs');
+const state = require('../../state-Dr1i5F-v.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');