@lukso/web-components 1.106.1 → 1.107.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-1ce46c50.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-89eb56eb.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-3dd58f82.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-17879e5a.cjs');
+require('../index-b9bc3bbb.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-f62a47db.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-c154a31c.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-d46cc789.js';
 import '../directive-2bb7789e.js';
-import '../index-6349a8aa.js';
+import '../index-15b30335.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-89eb56eb.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-c154a31c.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-89eb56eb.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-3dd58f82.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-b9bc3bbb.cjs');
 require('../lukso-image/index.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');

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-c154a31c.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-d46cc789.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-15b30335.js';
 import '../lukso-image/index.js';
 import '../../directive-2bb7789e.js';
 import '../../bundle-mjs-fbc6e2a8.js';

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-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
 const index = require('../../index-e9668573.cjs');

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-c154a31c.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
 import { c as customClassMap } from '../../index-5e194caf.js';

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-89eb56eb.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-3dd58f82.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-c154a31c.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-d46cc789.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-89eb56eb.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-1ce46c50.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-12def811.cjs');
+require('../../style-map-3dd58f82.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-17879e5a.cjs');
+require('../../index-b9bc3bbb.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-c154a31c.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-f62a47db.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-d46cc789.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-6349a8aa.js';
+import '../../index-15b30335.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-89eb56eb.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-c154a31c.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-89eb56eb.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-c154a31c.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/logo-farcaster.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo-farcaster.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/logo-farcaster.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,aAAa,YAAa,WAAW,yCAoBjD,CAAA"}

package/dist/components/lukso-icon/icons/logo-linkedin.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo-linkedin.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/logo-linkedin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,YAAY,YAAa,WAAW,yCAsBhD,CAAA"}

package/dist/components/lukso-icon/icons/logo-x-round.d.ts

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

package/dist/components/lukso-icon/icons/logo-x-round.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-x-round.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/logo-x-round.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,UAAU,YAAa,WAAW,yCAqB9C,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-89eb56eb.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-12def811.cjs');
+const styleMap = require('../../style-map-3dd58f82.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7184,6 +7184,75 @@ const logoSubstackMono = (options) => {
   </svg>`;
 };
 
+const logoXround = (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="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
+      fill="#121B21"
+    />
+    <path
+      d="M16.2156 5.4375H18.4236L13.5996 10.9515L19.275 18.4533H14.8314L11.3514 13.9029L7.3686 18.4533H5.1594L10.3194 12.5553L4.875 5.4381H9.4314L12.5772 9.5973L16.2156 5.4375ZM15.441 17.1321H16.6644L8.7666 6.6897H7.4538L15.441 17.1321Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoFarcaster = (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`
+  })}
+  >
+    <rect width="24" height="24" rx="12" fill="#855DCD" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.45884 19.4798H4.22042V18.9072C4.22042 18.6437 4.43408 18.43 4.69761 18.43H4.79304V17.8574C4.79304 17.5939 5.00667 17.3803 5.2702 17.3803V8.8866H4.74532L4.125 6.78704H6.89259V4.6875H17.2949V6.78704H20.0625L19.4422 8.8866H18.9173V17.3803C19.1808 17.3803 19.3945 17.5939 19.3945 17.8574V18.43H19.4899C19.7534 18.43 19.9671 18.6437 19.9671 18.9072V19.4798H14.7345V18.9072C14.7345 18.6437 14.9482 18.43 15.2117 18.43H15.3072V17.8574C15.3072 17.5994 15.512 17.3891 15.768 17.3805V12.704C15.5992 10.8313 14.0104 9.36376 12.0937 9.36376C10.1771 9.36376 8.58831 10.8313 8.41954 12.704V17.3804C8.67822 17.3859 8.88622 17.5974 8.88622 17.8574V18.1437V18.43H8.98165C9.24518 18.43 9.45884 18.6437 9.45884 18.9072V19.4798Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoLinkedin = (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`
+  })}
+  >
+    <rect width="24" height="24" rx="12" fill="#0078B5" />
+    <path
+      d="M5.83397 9.75642H8.45389V18.1879H5.83397V9.75642ZM7.14491 5.56534C7.98273 5.56534 8.66285 6.24545 8.66285 7.08525C8.66285 7.92504 7.98273 8.60515 7.14491 8.60515C6.30512 8.60515 5.625 7.92504 5.625 7.08525C5.62303 6.24742 6.30315 5.56534 7.14491 5.56534Z"
+      fill="white"
+    />
+    <path
+      d="M10.098 9.7564H12.6115V10.9077H12.6469C12.9959 10.2453 13.8495 9.54547 15.1269 9.54547C17.7803 9.54547 18.2712 11.2921 18.2712 13.5611V18.1879H15.6513V14.0894C15.6513 13.1097 15.6335 11.8539 14.2891 11.8539C12.9249 11.8539 12.7159 12.9184 12.7159 14.0185V18.1898H10.098V9.7564Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7377,7 +7446,10 @@ const iconMap = {
   "logo-soundcloud-mono": logoSoundcloudMono,
   "logo-spotify-mono": logoSpotifyMono,
   "logo-google-calendar-mono": logoGoogleCalendarMono,
-  "logo-substack-mono": logoSubstackMono
+  "logo-substack-mono": logoSubstackMono,
+  "logo-x-round": logoXround,
+  "logo-farcaster": logoFarcaster,
+  "logo-linkedin": logoLinkedin
 };
 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":"AA4LA,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;;AAiM5E,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":"AA+LA,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;;AAoM5E,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-c154a31c.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-cf4f4350.js';
+import { o } from '../../style-map-d46cc789.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -7180,6 +7180,75 @@ const logoSubstackMono = (options) => {
   </svg>`;
 };
 
+const logoXround = (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="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z"
+      fill="#121B21"
+    />
+    <path
+      d="M16.2156 5.4375H18.4236L13.5996 10.9515L19.275 18.4533H14.8314L11.3514 13.9029L7.3686 18.4533H5.1594L10.3194 12.5553L4.875 5.4381H9.4314L12.5772 9.5973L16.2156 5.4375ZM15.441 17.1321H16.6644L8.7666 6.6897H7.4538L15.441 17.1321Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoFarcaster = (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`
+  })}
+  >
+    <rect width="24" height="24" rx="12" fill="#855DCD" />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.45884 19.4798H4.22042V18.9072C4.22042 18.6437 4.43408 18.43 4.69761 18.43H4.79304V17.8574C4.79304 17.5939 5.00667 17.3803 5.2702 17.3803V8.8866H4.74532L4.125 6.78704H6.89259V4.6875H17.2949V6.78704H20.0625L19.4422 8.8866H18.9173V17.3803C19.1808 17.3803 19.3945 17.5939 19.3945 17.8574V18.43H19.4899C19.7534 18.43 19.9671 18.6437 19.9671 18.9072V19.4798H14.7345V18.9072C14.7345 18.6437 14.9482 18.43 15.2117 18.43H15.3072V17.8574C15.3072 17.5994 15.512 17.3891 15.768 17.3805V12.704C15.5992 10.8313 14.0104 9.36376 12.0937 9.36376C10.1771 9.36376 8.58831 10.8313 8.41954 12.704V17.3804C8.67822 17.3859 8.88622 17.5974 8.88622 17.8574V18.1437V18.43H8.98165C9.24518 18.43 9.45884 18.6437 9.45884 18.9072V19.4798Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoLinkedin = (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`
+  })}
+  >
+    <rect width="24" height="24" rx="12" fill="#0078B5" />
+    <path
+      d="M5.83397 9.75642H8.45389V18.1879H5.83397V9.75642ZM7.14491 5.56534C7.98273 5.56534 8.66285 6.24545 8.66285 7.08525C8.66285 7.92504 7.98273 8.60515 7.14491 8.60515C6.30512 8.60515 5.625 7.92504 5.625 7.08525C5.62303 6.24742 6.30315 5.56534 7.14491 5.56534Z"
+      fill="white"
+    />
+    <path
+      d="M10.098 9.7564H12.6115V10.9077H12.6469C12.9959 10.2453 13.8495 9.54547 15.1269 9.54547C17.7803 9.54547 18.2712 11.2921 18.2712 13.5611V18.1879H15.6513V14.0894C15.6513 13.1097 15.6335 11.8539 14.2891 11.8539C12.9249 11.8539 12.7159 12.9184 12.7159 14.0185V18.1898H10.098V9.7564Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -7373,7 +7442,10 @@ const iconMap = {
   "logo-soundcloud-mono": logoSoundcloudMono,
   "logo-spotify-mono": logoSpotifyMono,
   "logo-google-calendar-mono": logoGoogleCalendarMono,
-  "logo-substack-mono": logoSubstackMono
+  "logo-substack-mono": logoSubstackMono,
+  "logo-x-round": logoXround,
+  "logo-farcaster": logoFarcaster,
+  "logo-linkedin": logoLinkedin
 };
 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-89eb56eb.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-3dd58f82.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-c154a31c.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-d46cc789.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-89eb56eb.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-3dd58f82.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-c154a31c.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-d46cc789.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-89eb56eb.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-c154a31c.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-89eb56eb.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-3dd58f82.cjs');
 require('../../directive-8278ab14.cjs');
-require('../../index-17879e5a.cjs');
+require('../../index-b9bc3bbb.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-c154a31c.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-d46cc789.js';
 import '../../directive-2bb7789e.js';
-import '../../index-6349a8aa.js';
+import '../../index-15b30335.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-89eb56eb.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-3dd58f82.cjs');
 require('../../directive-8278ab14.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');

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

@@ -1,11 +1,11 @@
-import { T as TailwindStyledElement, x } from '../../index-d89cc6bc.js';
+import { T as TailwindStyledElement, x } from '../../index-c154a31c.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-button/index.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-cf4f4350.js';
+import '../../style-map-d46cc789.js';
 import '../../directive-2bb7789e.js';
 import '../../tailwind-config.js';
 import '../../cn-b54dcc61.js';