@lukso/web-components 1.18.0 → 1.19.0

package/dist/components/index.cjs

@@ -11,16 +11,17 @@ const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoProfile_index = require('./lukso-profile/index.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
+const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTest_index = require('./lukso-test/index.cjs');
 const components_luksoUsername_index = require('./lukso-username/index.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../index-f230a866.cjs');
 require('../directive-db00f5fb.cjs');
 require('../state-a62a7d5d.cjs');
 require('../index-7dc05ee5.cjs');
-require('../style-map-0750a4f6.cjs');
+require('../style-map-2cb404ff.cjs');
 
 
 
@@ -60,6 +61,10 @@ Object.defineProperty(exports, 'LuksoSanitize', {
 	enumerable: true,
 	get: () => components_luksoSanitize_index.LuksoSanitize
 });
+Object.defineProperty(exports, 'LuksoShare', {
+	enumerable: true,
+	get: () => components_luksoShare_index.LuksoShare
+});
 Object.defineProperty(exports, 'LuksoTag', {
 	enumerable: true,
 	get: () => components_luksoTag_index.LuksoTag

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './lukso-navbar/index';
 export * from './lukso-profile/index';
 export * from './lukso-progress/index';
 export * from './lukso-sanitize/index';
+export * from './lukso-share/index';
 export * from './lukso-tag/index';
 export * from './lukso-terms/index';
 export * from './lukso-test/index';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA"}

package/dist/components/index.js

@@ -7,13 +7,14 @@ export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoProfile } from './lukso-profile/index.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
+export { LuksoShare } from './lukso-share/index.js';
 export { LuksoTag } from './lukso-tag/index.js';
 export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTest } from './lukso-test/index.js';
 export { LuksoUsername } from './lukso-username/index.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-72e2de9b.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-8d1ad2d4.js';
 import '../directive-9ec64c08.js';
 import '../state-7fde94d1.js';
 import '../index-714323c9.js';
-import '../style-map-6dc1088b.js';
+import '../style-map-d0125823.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-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');

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

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

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-profile/index.cjs');
 

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, x } from '../../index-72e2de9b.js';
+import { T as TailwindStyledElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-profile/index.js';
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.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-72e2de9b.js';
+import { x, T as TailwindStyledElement } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
@@ -50,6 +50,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
     rounded-r-12 border-l-0 before:bg-neutral-90 before:absolute before:top-[calc(50%-12px)] before:left-0
     before:w-[1px] before:h-[24px] whitespace-nowrap`;
   }
+  // @input works better in vue
   inputTemplate() {
     return shared_tailwindElement_index.x`
       <input
@@ -79,7 +80,7 @@ exports.LuksoInput = class LuksoInput extends shared_tailwindElement_index.Tailw
       [this.customClass]: !!this.customClass
     })}
         @focus=${this.handleFocus}
-        @change=${this.handleChange}
+        @input=${this.handleChange}
         @blur=${this.handleBlur}
         @keyup=${this.handleKeyUp}
         @keydown=${this.handleKeyDown}

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":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,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,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAEnD,aAAa;IA0Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAgBZ,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAYP;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":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAG3D,qBACa,UAAW,SAAQ,eAAe;IAE7C,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,IAAI,SAAS;IAGb,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAO;IAGnB,EAAE,SAAK;IAGP,GAAG,MAAY;IAGf,MAAM,MAAY;IAGlB,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,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,kBAAkB,CAE4C;IAEtE,OAAO,CAAC,iBAAiB,CAG0B;IAGnD,aAAa;IA0Cb,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,YAAY;IAgBZ,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x, A } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x, A } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';
@@ -46,6 +46,7 @@ let LuksoInput = class extends TailwindElement {
     rounded-r-12 border-l-0 before:bg-neutral-90 before:absolute before:top-[calc(50%-12px)] before:left-0
     before:w-[1px] before:h-[24px] whitespace-nowrap`;
   }
+  // @input works better in vue
   inputTemplate() {
     return x`
       <input
@@ -75,7 +76,7 @@ let LuksoInput = class extends TailwindElement {
       [this.customClass]: !!this.customClass
     })}
         @focus=${this.handleFocus}
-        @change=${this.handleChange}
+        @input=${this.handleChange}
         @blur=${this.handleBlur}
         @keyup=${this.handleKeyUp}
         @keydown=${this.handleKeyDown}

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

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

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

@@ -1,4 +1,4 @@
-import { a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 

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

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

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

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

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.cjs');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

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

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

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

@@ -1,4 +1,4 @@
-import { A, b as T, a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { A, b as T, a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { i, t, b as e$1, e as e$2, a as e$3 } from '../../directive-9ec64c08.js';
 
 /**

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

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
+const directive = require('../../directive-db00f5fb.cjs');
+const index = require('../../index-7dc05ee5.cjs');
+
+const style = ":host {\n    display: inline-flex\n}";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.TailwindStyledElement(style) {
+  constructor() {
+    super(...arguments);
+    this.customClass = "";
+    this.urls = {
+      twitter: "https://twitter.com/lukso_io",
+      instagram: "https://www.instagram.com/lukso/",
+      linkedin: "https://www.linkedin.com/company/18289660/",
+      telegram: "https://t.me/lukso",
+      discord: "footer_discord_url",
+      reddit: "https://www.reddit.com/r/lukso/",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
+  linkTemplate(name, url) {
+    return shared_tailwindElement_index.x`<a
+      href=${url}
+      target="_blank"
+      class="transition-all duration-300 rounded-full hover:opacity-80 hover:shadow-button-hover-primary"
+      ><img src="/assets/images/social-${name}.svg" alt=""
+    /></a>`;
+  }
+  render() {
+    const linkTemplates = [];
+    for (const i of Object.keys(this.urls)) {
+      linkTemplates.push(this.linkTemplate(i, this.urls[i]));
+    }
+    return shared_tailwindElement_index.x`<div
+      class="grid gap-4 grid-cols-[repeat(4,max-content)] sm:grid-cols-[repeat(8,max-content)] ${index.customClassMap(
+      {
+        [this.customClass]: !!this.customClass
+      }
+    )}"
+    >
+      ${linkTemplates}
+    </div>`;
+  }
+};
+__decorateClass([
+  directive.e({ type: String, attribute: "custom-class" })
+], exports.LuksoShare.prototype, "customClass", 2);
+exports.LuksoShare = __decorateClass([
+  directive.e$1("lukso-share")
+], exports.LuksoShare);

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

@@ -0,0 +1,14 @@
+declare const LuksoShare_base: typeof import("lit").LitElement;
+export declare class LuksoShare extends LuksoShare_base {
+    customClass: string;
+    private urls;
+    linkTemplate(name: string, url: string): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lukso-share': LuksoShare;
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-share/index.ts"],"names":[],"mappings":";AAOA,qBACa,UAAW,SAAQ,eAA4B;IAE1D,WAAW,SAAK;IAEhB,OAAO,CAAC,IAAI,CASX;IAED,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAStC,MAAM;CAgBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAA;KAC1B;CACF"}

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

@@ -0,0 +1,64 @@
+import { T as TailwindStyledElement, x } from '../../index-8d1ad2d4.js';
+import { e, a as e$1 } from '../../directive-9ec64c08.js';
+import { c as customClassMap } from '../../index-714323c9.js';
+
+const style = ":host {\n    display: inline-flex\n}";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let LuksoShare = class extends TailwindStyledElement(style) {
+  constructor() {
+    super(...arguments);
+    this.customClass = "";
+    this.urls = {
+      twitter: "https://twitter.com/lukso_io",
+      instagram: "https://www.instagram.com/lukso/",
+      linkedin: "https://www.linkedin.com/company/18289660/",
+      telegram: "https://t.me/lukso",
+      discord: "footer_discord_url",
+      reddit: "https://www.reddit.com/r/lukso/",
+      medium: "https://medium.com/lukso",
+      github: "https://github.com/lukso-network"
+    };
+  }
+  linkTemplate(name, url) {
+    return x`<a
+      href=${url}
+      target="_blank"
+      class="transition-all duration-300 rounded-full hover:opacity-80 hover:shadow-button-hover-primary"
+      ><img src="/assets/images/social-${name}.svg" alt=""
+    /></a>`;
+  }
+  render() {
+    const linkTemplates = [];
+    for (const i of Object.keys(this.urls)) {
+      linkTemplates.push(this.linkTemplate(i, this.urls[i]));
+    }
+    return x`<div
+      class="grid gap-4 grid-cols-[repeat(4,max-content)] sm:grid-cols-[repeat(8,max-content)] ${customClassMap(
+      {
+        [this.customClass]: !!this.customClass
+      }
+    )}"
+    >
+      ${linkTemplates}
+    </div>`;
+  }
+};
+__decorateClass([
+  e({ type: String, attribute: "custom-class" })
+], LuksoShare.prototype, "customClass", 2);
+LuksoShare = __decorateClass([
+  e$1("lukso-share")
+], LuksoShare);
+
+export { LuksoShare };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
 const state = require('../../state-a62a7d5d.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 require('../lukso-icon/index.cjs');
 require('../lukso-sanitize/index.cjs');
-require('../../style-map-0750a4f6.cjs');
+require('../../style-map-2cb404ff.cjs');
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

@@ -1,10 +1,10 @@
-import { T as TailwindStyledElement, x } from '../../index-72e2de9b.js';
+import { T as TailwindStyledElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
 import { t } from '../../state-7fde94d1.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 import '../lukso-icon/index.js';
 import '../lukso-sanitize/index.js';
-import '../../style-map-6dc1088b.js';
+import '../../style-map-d0125823.js';
 
 const style = ":host {\n    display: flex;\n    height: 100%\n}";
 

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

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

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

@@ -1,4 +1,4 @@
-import { b as T$1, T as TailwindStyledElement, x as x$2 } from '../../index-72e2de9b.js';
+import { b as T$1, T as TailwindStyledElement, x as x$2 } from '../../index-8d1ad2d4.js';
 import { b as e$3, i as i$3, t as t$3, e as e$4, a as e$5 } from '../../directive-9ec64c08.js';
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-8c1d1d13.cjs');
+const shared_tailwindElement_index = require('../../index-f230a866.cjs');
 const directive = require('../../directive-db00f5fb.cjs');
-const styleMap = require('../../style-map-0750a4f6.cjs');
+const styleMap = require('../../style-map-2cb404ff.cjs');
 const index = require('../../index-7dc05ee5.cjs');
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { o } from '../../style-map-6dc1088b.js';
+import { o } from '../../style-map-d0125823.js';
 import { c as customClassMap } from '../../index-714323c9.js';
 
 const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {

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

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

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

@@ -1,4 +1,4 @@
-import { Z, b as T, a as TailwindElement, x } from '../../index-72e2de9b.js';
+import { Z, b as T, a as TailwindElement, x } from '../../index-8d1ad2d4.js';
 import { b as e, i, t, e as e$1, a as e$2 } from '../../directive-9ec64c08.js';
 import { c as customClassMap } from '../../index-714323c9.js';