@lukso/web-components 1.109.0 → 1.110.0

package/dist/components/index.cjs

@@ -6,7 +6,7 @@ const components_luksoButton_index = require('./lukso-button/index.cjs');
 const components_luksoCard_index = require('./lukso-card/index.cjs');
 const components_luksoCheckbox_index = require('./lukso-checkbox/index.cjs');
 const components_luksoColorPicker_index = require('./lukso-color-picker/index.cjs');
-const components_luksoDropdown_index = require('../index-474fac60.cjs');
+const components_luksoDropdown_index = require('../index-abeb568f.cjs');
 const components_luksoDropdownOption_index = require('./lukso-dropdown-option/index.cjs');
 const components_luksoFooter_index = require('./lukso-footer/index.cjs');
 const components_luksoIcon_index = require('./lukso-icon/index.cjs');
@@ -29,16 +29,16 @@ 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-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../index-6457c2f8.cjs');
 require('../cn-5ceac001.cjs');
 require('../query-assigned-elements-d5e45650.cjs');
 require('../state-d9fb972b.cjs');
 require('../index-1d3f4a5a.cjs');
 require('../bundle-mjs-d58a83c6.cjs');
 require('../tailwind-config.cjs');
-require('../style-map-12def811.cjs');
+require('../style-map-54c139bb.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-17879e5a.cjs');
+require('../index-0917a814.cjs');
 require('../index-e9668573.cjs');
 
 

package/dist/components/index.js

@@ -2,7 +2,7 @@ export { LuksoButton } from './lukso-button/index.js';
 export { LuksoCard } from './lukso-card/index.js';
 export { LuksoCheckbox } from './lukso-checkbox/index.js';
 export { LuksoColorPicker } from './lukso-color-picker/index.js';
-export { L as LuksoDropdown } from '../index-7e82dcae.js';
+export { L as LuksoDropdown } from '../index-58d4add3.js';
 export { LuksoDropdownOption } from './lukso-dropdown-option/index.js';
 export { LuksoFooter } from './lukso-footer/index.js';
 export { LuksoIcon } from './lukso-icon/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-d89cc6bc.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-0590cf31.js';
 import '../cn-b54dcc61.js';
 import '../query-assigned-elements-1c8c9e90.js';
 import '../state-b9ca4e74.js';
 import '../index-ca8e900d.js';
 import '../bundle-mjs-fbc6e2a8.js';
 import '../tailwind-config.js';
-import '../style-map-cf4f4350.js';
+import '../style-map-7a555e98.js';
 import '../directive-2bb7789e.js';
-import '../index-6349a8aa.js';
+import '../index-adf2fc92.js';
 import '../index-5e194caf.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-profile/index.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
-const index$1 = require('../../index-17879e5a.cjs');
+const index$1 = require('../../index-0917a814.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
@@ -178,7 +178,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           ${this.hasOverlay ? shared_tailwindElement_index.x`<div
                 class="h-full full rounded-t-[inherit] rounded-b-0 bg-neutral-20/10 absolute"
               ></div>` : shared_tailwindElement_index.A}
-          <div class="relative">
+          <div class="relative h-full">
             <slot name="header"></slot>
           </div>
         </div>
@@ -342,7 +342,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
           <div class="rounded-t-[inherit] overflow-hidden absolute inset-0">
             <lukso-image src=${this.backgroundUrl}></lukso-image>
           </div>
-          <div class="relative">
+          <div class="relative h-full">
             <slot name="header"></slot>
           </div>
         </div>

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

@@ -1,12 +1,12 @@
-import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-7a555e98.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../lukso-profile/index.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
-import { c as customStyleMap } from '../../index-6349a8aa.js';
+import { c as customStyleMap } from '../../index-adf2fc92.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';
@@ -174,7 +174,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
           ${this.hasOverlay ? x`<div
                 class="h-full full rounded-t-[inherit] rounded-b-0 bg-neutral-20/10 absolute"
               ></div>` : A}
-          <div class="relative">
+          <div class="relative h-full">
             <slot name="header"></slot>
           </div>
         </div>
@@ -338,7 +338,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
           <div class="rounded-t-[inherit] overflow-hidden absolute inset-0">
             <lukso-image src=${this.backgroundUrl}></lukso-image>
           </div>
-          <div class="relative">
+          <div class="relative h-full">
             <slot name="header"></slot>
           </div>
         </div>

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');
@@ -52,7 +52,7 @@ exports.LuksoCheckbox = class LuksoCheckbox extends shared_tailwindElement_index
     bg-neutral-100
     justify-center items-center flex
     border border-solid rounded-md
-    outline-none transition transition-all duration-150 appearance-none`;
+    outline-none transition transition-all duration-150 appearance-none shrink-0`;
   }
   checkedIconTemplate() {
     return shared_tailwindElement_index.x`

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-checkbox/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,SAAK;IAGV,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKyC;IAEtE,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAQb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;YAoBQ,YAAY;IAkB1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;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-checkbox/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;AACzD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,CAAA;AAE7C,qBACa,aAAc,SAAQ,eAAe;IAEhD,IAAI,SAAK;IAGT,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,IAAI,EAAE,YAAY,CAAS;IAG3B,IAAI,EAAE,YAAY,CAAW;IAG7B,KAAK,SAAK;IAGV,OAAO,EAAE,OAAO,CAAQ;IAGxB,WAAW,SAAK;IAGhB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,sBAAsB,CAG3B;IAEH,OAAO,CAAC,kBAAkB,CAKvB;IAEH,OAAO,CAAC,kBAAkB,CAEvB;IAEH,OAAO,CAAC,qBAAqB,CAKkD;IAE/E,mBAAmB,IAAI,OAAO;IAY9B,gBAAgB,IAAI,OAAO;IAqB3B,aAAa;IAqBb,aAAa;IAQb,aAAa;IAiBb,uBAAuB;IAQvB,MAAM;YAoBQ,YAAY;IAkB1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;CAKvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';
@@ -48,7 +48,7 @@ let LuksoCheckbox = class extends TailwindElement {
     bg-neutral-100
     justify-center items-center flex
     border border-solid rounded-md
-    outline-none transition transition-all duration-150 appearance-none`;
+    outline-none transition transition-all duration-150 appearance-none shrink-0`;
   }
   checkedIconTemplate() {
     return x`

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-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
 require('../lukso-icon/index.cjs');

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-7a555e98.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
 import '../lukso-icon/index.js';

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../../index-8ccda1e9.cjs');
+require('../../index-6457c2f8.cjs');
 require('../../query-assigned-elements-d5e45650.cjs');
 require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-profile/index.cjs');
 require('../lukso-username/index.cjs');
-const components_luksoDropdown_index = require('../../index-474fac60.cjs');
+const components_luksoDropdown_index = require('../../index-abeb568f.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-17879e5a.cjs');
+require('../../index-0917a814.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

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

@@ -1,15 +1,15 @@
-import '../../index-d89cc6bc.js';
+import '../../index-0590cf31.js';
 import '../../query-assigned-elements-1c8c9e90.js';
 import '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-profile/index.js';
 import '../lukso-username/index.js';
-export { L as LuksoDropdown } from '../../index-7e82dcae.js';
+export { L as LuksoDropdown } from '../../index-58d4add3.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-6349a8aa.js';
+import '../../index-adf2fc92.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/share.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"share.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/share.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,KAAK,YAAa,WAAW,yCAkCzC,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-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -2858,7 +2858,7 @@ const qrCode = (options) => {
     height: `${options.height}px`
   })}
   >
-    <mask id="path-1-inside-1_2994_36309" fill="var(--${options.color})">
+    <mask id="path-1-inside-1_2994_36309" fill="white">
       <rect x="4" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2871,7 +2871,7 @@ const qrCode = (options) => {
       stroke-width="3"
       mask="url(#path-1-inside-1_2994_36309)"
     />
-    <mask id="path-2-inside-2_2994_36309" fill="var(--${options.color})">
+    <mask id="path-2-inside-2_2994_36309" fill="white">
       <rect x="4" y="13.6" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2924,7 +2924,7 @@ const qrCode = (options) => {
       rx="0.8"
       fill="var(--${options.color})"
     />
-    <mask id="path-8-inside-3_2994_36309" fill="var(--${options.color})">
+    <mask id="path-8-inside-3_2994_36309" fill="white">
       <rect x="13.6001" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -7312,6 +7312,42 @@ const profileRestoreNoSetup = (options) => {
   </svg> `;
 };
 
+const share = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 6L12 2L8 6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2V15"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7509,7 +7545,8 @@ const iconMap = {
   "logo-x-round": logoXround,
   "logo-farcaster": logoFarcaster,
   "logo-linkedin": logoLinkedin,
-  "profile-restore-no-setup": profileRestoreNoSetup
+  "profile-restore-no-setup": profileRestoreNoSetup,
+  share
 };
 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":"AAgMA,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;;AAqM5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAiMA,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;;AAsM5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

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

@@ -1,6 +1,6 @@
-import { x, T as TailwindStyledElement } from '../../index-d89cc6bc.js';
+import { x, T as TailwindStyledElement } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -2854,7 +2854,7 @@ const qrCode = (options) => {
     height: `${options.height}px`
   })}
   >
-    <mask id="path-1-inside-1_2994_36309" fill="var(--${options.color})">
+    <mask id="path-1-inside-1_2994_36309" fill="white">
       <rect x="4" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2867,7 +2867,7 @@ const qrCode = (options) => {
       stroke-width="3"
       mask="url(#path-1-inside-1_2994_36309)"
     />
-    <mask id="path-2-inside-2_2994_36309" fill="var(--${options.color})">
+    <mask id="path-2-inside-2_2994_36309" fill="white">
       <rect x="4" y="13.6" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -2920,7 +2920,7 @@ const qrCode = (options) => {
       rx="0.8"
       fill="var(--${options.color})"
     />
-    <mask id="path-8-inside-3_2994_36309" fill="var(--${options.color})">
+    <mask id="path-8-inside-3_2994_36309" fill="white">
       <rect x="13.6001" y="4" width="6.4" height="6.4" rx="1" />
     </mask>
     <rect
@@ -7308,6 +7308,42 @@ const profileRestoreNoSetup = (options) => {
   </svg> `;
 };
 
+const share = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M4 12V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V12"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 6L12 2L8 6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 2V15"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7505,7 +7541,8 @@ const iconMap = {
   "logo-x-round": logoXround,
   "logo-farcaster": logoFarcaster,
   "logo-linkedin": logoLinkedin,
-  "profile-restore-no-setup": profileRestoreNoSetup
+  "profile-restore-no-setup": profileRestoreNoSetup,
+  share
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-54c139bb.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,7 +1,7 @@
-import { a as TailwindElement, x } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-7a555e98.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
 const cn = require('../../cn-5ceac001.cjs');
 require('../lukso-icon/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-54c139bb.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}";

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

@@ -1,4 +1,4 @@
-import { T as TailwindStyledElement, x, A } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
 import { c as cn } from '../../cn-b54dcc61.js';
 import '../lukso-icon/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-7a555e98.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}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-tag/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-17879e5a.cjs');
+require('../../index-0917a814.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,13 +1,13 @@
-import { a as TailwindElement, x, A } from '../../index-d89cc6bc.js';
+import { a as TailwindElement, x, A } from '../../index-0590cf31.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as ce } from '../../index-ca8e900d.js';
 import '../lukso-icon/index.js';
 import '../lukso-tag/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-7a555e98.js';
 import '../../directive-2bb7789e.js';
-import '../../index-6349a8aa.js';
+import '../../index-adf2fc92.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8ccda1e9.cjs');
+const shared_tailwindElement_index = require('../../index-6457c2f8.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-1d3f4a5a.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-button/index.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-54c139bb.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');