@lukso/web-components 1.110.0 → 1.112.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-abeb568f.cjs');
+const components_luksoDropdown_index = require('../index-71b9ef80.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../index-4c212653.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-54c139bb.cjs');
+require('../style-map-2f57cddf.cjs');
 require('../directive-8278ab14.cjs');
-require('../index-0917a814.cjs');
+require('../index-09e32e34.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-58d4add3.js';
+export { L as LuksoDropdown } from '../index-c026f363.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-0590cf31.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-a7ef4df5.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-7a555e98.js';
+import '../style-map-cca13c1d.js';
 import '../directive-2bb7789e.js';
-import '../index-adf2fc92.js';
+import '../index-4f97c98a.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.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-0590cf31.js';
+import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
 const state = require('../../state-d9fb972b.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
+const styleMap = require('../../style-map-2f57cddf.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-0917a814.cjs');
+const index$1 = require('../../index-09e32e34.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-0590cf31.js';
+import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.js';
 import { n, l, e } from '../../query-assigned-elements-1c8c9e90.js';
 import { t } from '../../state-b9ca4e74.js';
-import { o } from '../../style-map-7a555e98.js';
+import { o } from '../../style-map-cca13c1d.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-adf2fc92.js';
+import { c as customStyleMap } from '../../index-4f97c98a.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.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-0590cf31.js';
+import { a as TailwindElement, x, A } from '../../index-a7ef4df5.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.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-54c139bb.cjs');
+const styleMap = require('../../style-map-2f57cddf.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-0590cf31.js';
+import { T as TailwindStyledElement, x, A } from '../../index-a7ef4df5.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-7a555e98.js';
+import { o } from '../../style-map-cca13c1d.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-6457c2f8.cjs');
+require('../../index-4c212653.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-abeb568f.cjs');
+const components_luksoDropdown_index = require('../../index-71b9ef80.cjs');
 require('../../bundle-mjs-d58a83c6.cjs');
-require('../../style-map-54c139bb.cjs');
+require('../../style-map-2f57cddf.cjs');
 require('../../directive-8278ab14.cjs');
 require('../lukso-image/index.cjs');
 require('../../state-d9fb972b.cjs');
-require('../../index-0917a814.cjs');
+require('../../index-09e32e34.cjs');
 require('../../tailwind-config.cjs');
 require('../../cn-5ceac001.cjs');
 

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

@@ -1,15 +1,15 @@
-import '../../index-0590cf31.js';
+import '../../index-a7ef4df5.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-58d4add3.js';
+export { L as LuksoDropdown } from '../../index-c026f363.js';
 import '../../bundle-mjs-fbc6e2a8.js';
-import '../../style-map-7a555e98.js';
+import '../../style-map-cca13c1d.js';
 import '../../directive-2bb7789e.js';
 import '../lukso-image/index.js';
 import '../../state-b9ca4e74.js';
-import '../../index-adf2fc92.js';
+import '../../index-4f97c98a.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.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-0590cf31.js';
+import { T as TailwindStyledElement, x } from '../../index-a7ef4df5.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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.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-0590cf31.js';
+import { a as TailwindElement, x } from '../../index-a7ef4df5.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
 
 var __defProp = Object.defineProperty;

package/dist/components/lukso-icon/icons/arrow-long-down.d.ts

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

package/dist/components/lukso-icon/icons/arrow-long-down.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"logo-linkedin-round.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/logo-linkedin-round.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,iBAAiB,YAAa,WAAW,yCAsBrD,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-6457c2f8.cjs');
+const shared_tailwindElement_index = require('../../index-4c212653.cjs');
 const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
-const styleMap = require('../../style-map-54c139bb.cjs');
+const styleMap = require('../../style-map-2f57cddf.cjs');
 require('../../directive-8278ab14.cjs');
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -5935,32 +5935,6 @@ const logoFantom = (options) => {
   </svg> `;
 };
 
-const logoFacebookMono = (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`
-  })}
-  >
-    <g clip-path="url(#clip0_3223_11837)">
-      <path
-        d="M9.101 23.691V15.711H6.627V12.044H9.101V10.464C9.101 6.37901 10.949 4.48601 14.959 4.48601C15.36 4.48601 15.914 4.52801 16.427 4.58901C16.8112 4.62855 17.1924 4.69369 17.568 4.78401V8.10901C17.3509 8.08875 17.133 8.07675 16.915 8.07301C16.6707 8.06667 16.4264 8.06367 16.182 8.06401C15.475 8.06401 14.923 8.16001 14.507 8.37301C14.2273 8.51332 13.9922 8.72869 13.828 8.99501C13.57 9.41501 13.454 9.99001 13.454 10.747V12.044H17.373L16.987 14.147L16.7 15.711H13.454V23.956C19.396 23.238 24 18.179 24 12.044C24 5.41701 18.627 0.0440063 12 0.0440063C5.373 0.0440063 0 5.41701 0 12.044C0 17.672 3.874 22.394 9.101 23.691Z"
-        fill="var(--${options.color})"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_3223_11837">
-        <rect width="24" height="24" fill="white" />
-      </clipPath>
-    </defs>
-  </svg> `;
-};
-
 const logoXMono = (options) => {
   return shared_tailwindElement_index.x`<svg
     width="24"
@@ -7197,7 +7171,7 @@ const logoXround = (options) => {
   >
     <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"
+      fill="var(--${options.color})"
     />
     <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"
@@ -7348,6 +7322,101 @@ const share = (options) => {
   </svg> `;
 };
 
+const logoFacebookRound = (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="var(--${options.color})" />
+    <path
+      d="M16.6711 15.4688L17.2031 12H13.875V9.74906C13.875 8.80008 14.34 7.875 15.8306 7.875H17.3438V4.92188C17.3438 4.92188 15.9705 4.6875 14.6576 4.6875C11.9166 4.6875 10.125 6.34875 10.125 9.35625V12H7.07812V15.4688H10.125V23.8542C10.736 23.9501 11.362 24 12 24C12.638 24 13.264 23.9501 13.875 23.8542V15.4688H16.6711Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoFarcasterRound = (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="var(--${options.color})" />
+    <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 logoLinkedinRound = (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="var(--${options.color})" />
+    <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> `;
+};
+
+const arrowLongDown = (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="M8.99999 16.1715C10.2887 17.4602 11.8284 19 11.8284 19L14.6568 16.1716"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11.8284 6.00003L11.8284 18"
+      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) => {
@@ -7507,7 +7576,7 @@ const iconMap = {
   "cube-outline": cubeOutline,
   "film-outline": filmOutline,
   "video-outline": videoOutline,
-  "logo-facebook-mono": logoFacebookMono,
+  "logo-facebook-mono": logoFacebookRound,
   "logo-x-mono": logoXMono,
   "logo-instagram-mono": logoInstagramMono,
   "logo-medium-mono": logoMediumMono,
@@ -7546,7 +7615,11 @@ const iconMap = {
   "logo-farcaster": logoFarcaster,
   "logo-linkedin": logoLinkedin,
   "profile-restore-no-setup": profileRestoreNoSetup,
-  share
+  share,
+  "logo-facebook-round": logoFacebookRound,
+  "logo-farcaster-round": logoFarcasterRound,
+  "logo-linkedin-round": logoLinkedinRound,
+  "arrow-long-down": arrowLongDown
 };
 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAoMA,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;;AA0M5E,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-0590cf31.js';
+import { x, T as TailwindStyledElement } from '../../index-a7ef4df5.js';
 import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
-import { o } from '../../style-map-7a555e98.js';
+import { o } from '../../style-map-cca13c1d.js';
 import '../../directive-2bb7789e.js';
 
 const style = ":host {\n    display: inline-flex\n}";
@@ -5931,32 +5931,6 @@ const logoFantom = (options) => {
   </svg> `;
 };
 
-const logoFacebookMono = (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`
-  })}
-  >
-    <g clip-path="url(#clip0_3223_11837)">
-      <path
-        d="M9.101 23.691V15.711H6.627V12.044H9.101V10.464C9.101 6.37901 10.949 4.48601 14.959 4.48601C15.36 4.48601 15.914 4.52801 16.427 4.58901C16.8112 4.62855 17.1924 4.69369 17.568 4.78401V8.10901C17.3509 8.08875 17.133 8.07675 16.915 8.07301C16.6707 8.06667 16.4264 8.06367 16.182 8.06401C15.475 8.06401 14.923 8.16001 14.507 8.37301C14.2273 8.51332 13.9922 8.72869 13.828 8.99501C13.57 9.41501 13.454 9.99001 13.454 10.747V12.044H17.373L16.987 14.147L16.7 15.711H13.454V23.956C19.396 23.238 24 18.179 24 12.044C24 5.41701 18.627 0.0440063 12 0.0440063C5.373 0.0440063 0 5.41701 0 12.044C0 17.672 3.874 22.394 9.101 23.691Z"
-        fill="var(--${options.color})"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_3223_11837">
-        <rect width="24" height="24" fill="white" />
-      </clipPath>
-    </defs>
-  </svg> `;
-};
-
 const logoXMono = (options) => {
   return x`<svg
     width="24"
@@ -7193,7 +7167,7 @@ const logoXround = (options) => {
   >
     <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"
+      fill="var(--${options.color})"
     />
     <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"
@@ -7344,6 +7318,101 @@ const share = (options) => {
   </svg> `;
 };
 
+const logoFacebookRound = (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="var(--${options.color})" />
+    <path
+      d="M16.6711 15.4688L17.2031 12H13.875V9.74906C13.875 8.80008 14.34 7.875 15.8306 7.875H17.3438V4.92188C17.3438 4.92188 15.9705 4.6875 14.6576 4.6875C11.9166 4.6875 10.125 6.34875 10.125 9.35625V12H7.07812V15.4688H10.125V23.8542C10.736 23.9501 11.362 24 12 24C12.638 24 13.264 23.9501 13.875 23.8542V15.4688H16.6711Z"
+      fill="white"
+    />
+  </svg> `;
+};
+
+const logoFarcasterRound = (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="var(--${options.color})" />
+    <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 logoLinkedinRound = (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="var(--${options.color})" />
+    <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> `;
+};
+
+const arrowLongDown = (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="M8.99999 16.1715C10.2887 17.4602 11.8284 19 11.8284 19L14.6568 16.1716"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11.8284 6.00003L11.8284 18"
+      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) => {
@@ -7503,7 +7572,7 @@ const iconMap = {
   "cube-outline": cubeOutline,
   "film-outline": filmOutline,
   "video-outline": videoOutline,
-  "logo-facebook-mono": logoFacebookMono,
+  "logo-facebook-mono": logoFacebookRound,
   "logo-x-mono": logoXMono,
   "logo-instagram-mono": logoInstagramMono,
   "logo-medium-mono": logoMediumMono,
@@ -7542,7 +7611,11 @@ const iconMap = {
   "logo-farcaster": logoFarcaster,
   "logo-linkedin": logoLinkedin,
   "profile-restore-no-setup": profileRestoreNoSetup,
-  share
+  share,
+  "logo-facebook-round": logoFacebookRound,
+  "logo-farcaster-round": logoFarcasterRound,
+  "logo-linkedin-round": logoLinkedinRound,
+  "arrow-long-down": arrowLongDown
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {