@lukso/web-components 1.155.1 → 1.156.1

package/dist/components/index.cjs

@@ -18,12 +18,12 @@ const components_luksoMarkdownEditor_index = require('./lukso-markdown-editor/in
 const components_luksoModal_index = require('./lukso-modal/index.cjs');
 const components_luksoNavbar_index = require('./lukso-navbar/index.cjs');
 const components_luksoPagination_index = require('./lukso-pagination/index.cjs');
-const components_luksoProfile_index = require('../index-D4HqZcbk.cjs');
+const components_luksoProfile_index = require('../index-BR_I57SD.cjs');
 const components_luksoProgress_index = require('./lukso-progress/index.cjs');
 const components_luksoRadio_index = require('./lukso-radio/index.cjs');
 const components_luksoRadioGroup_index = require('./lukso-radio-group/index.cjs');
 const components_luksoSanitize_index = require('./lukso-sanitize/index.cjs');
-const components_luksoSearch_index = require('../index-CO57mpzm.cjs');
+const components_luksoSearch_index = require('../index-DGEC4kLx.cjs');
 const components_luksoSelect_index = require('./lukso-select/index.cjs');
 const components_luksoShare_index = require('./lukso-share/index.cjs');
 const components_luksoSwitch_index = require('./lukso-switch/index.cjs');
@@ -31,9 +31,9 @@ const components_luksoTag_index = require('./lukso-tag/index.cjs');
 const components_luksoTerms_index = require('./lukso-terms/index.cjs');
 const components_luksoTextarea_index = require('./lukso-textarea/index.cjs');
 const components_luksoTooltip_index = require('./lukso-tooltip/index.cjs');
-const components_luksoUsername_index = require('../index-D9mdD_OM.cjs');
+const components_luksoUsername_index = require('../index-QfURPzjM.cjs');
 const components_luksoWizard_index = require('./lukso-wizard/index.cjs');
-const shared_tailwindElement_index = require('../index-KrWvJ44l.cjs');
+const shared_tailwindElement_index = require('../index-Da-0kQ05.cjs');
 require('../cn-CNdKneQ1.cjs');
 
 

package/dist/components/index.js

@@ -14,12 +14,12 @@ export { LuksoMarkdownEditor } from './lukso-markdown-editor/index.js';
 export { LuksoModal } from './lukso-modal/index.js';
 export { LuksoNavbar } from './lukso-navbar/index.js';
 export { LuksoPagination } from './lukso-pagination/index.js';
-export { L as LuksoProfile } from '../index-DFculCCQ.js';
+export { L as LuksoProfile } from '../index-g9LnjUjQ.js';
 export { LuksoProgress } from './lukso-progress/index.js';
 export { LuksoRadio } from './lukso-radio/index.js';
 export { LuksoRadioGroup } from './lukso-radio-group/index.js';
 export { LuksoSanitize } from './lukso-sanitize/index.js';
-export { L as LuksoSearch } from '../index-B5_11hN3.js';
+export { L as LuksoSearch } from '../index-bOsUG-kI.js';
 export { LuksoSelect } from './lukso-select/index.js';
 export { LuksoShare } from './lukso-share/index.js';
 export { LuksoSwitch } from './lukso-switch/index.js';
@@ -27,7 +27,7 @@ export { LuksoTag } from './lukso-tag/index.js';
 export { LuksoTerms } from './lukso-terms/index.js';
 export { LuksoTextarea } from './lukso-textarea/index.js';
 export { LuksoTooltip } from './lukso-tooltip/index.js';
-export { L as LuksoUsername } from '../index-1cnTXnRX.js';
+export { L as LuksoUsername } from '../index-CzJGpXul.js';
 export { LuksoWizard } from './lukso-wizard/index.js';
-export { a as TailwindElement, T as TailwindStyledElement } from '../index-BWp0TAbf.js';
+export { a as TailwindElement, T as TailwindStyledElement } from '../index-wzuGnJOC.js';
 import '../cn-Cu9aP49j.js';

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const state = require('../../state-DXBdLH-W.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const state = require('../../state-De1ciDiG.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');

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

@@ -1,6 +1,6 @@
-import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
-import { r } from '../../state-DPXXwNMf.js';
+import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
+import { r } from '../../state-DJBtqv5G.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const components_luksoProfile_index = require('../../index-D4HqZcbk.cjs');
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const state = require('../../state-DXBdLH-W.cjs');
+const components_luksoProfile_index = require('../../index-BR_I57SD.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const state = require('../../state-De1ciDiG.cjs');
 const base = require('../../base-NFGX42U4.cjs');
-const styleMap = require('../../style-map-BFG88xg5.cjs');
+const styleMap = require('../../style-map-BjMzqR4L.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 const isAddress = require('../../isAddress-7c5mkwjj.cjs');
-const index$1 = require('../../index-D-a6OWyj.cjs');
+const index$1 = require('../../index-BvQ5tHy1.cjs');
 require('../lukso-image/index.cjs');
 
 /**

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

@@ -1,14 +1,14 @@
-import { m as makeBlockie } from '../../index-DFculCCQ.js';
-import { T as TailwindStyledElement, x, E } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
-import { r } from '../../state-DPXXwNMf.js';
+import { m as makeBlockie } from '../../index-g9LnjUjQ.js';
+import { T as TailwindStyledElement, x, E } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
+import { r } from '../../state-DJBtqv5G.js';
 import { e } from '../../base-Cl6v8-BZ.js';
-import { o as o$1 } from '../../style-map-CXXmrGLe.js';
+import { o as o$1 } from '../../style-map-BXvyZNeB.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import { i as isAddress } from '../../isAddress-DyEmEF7O.js';
-import { c as customStyleMap } from '../../index-CsepkLbs.js';
+import { c as customStyleMap } from '../../index-DI0bldib.js';
 import '../lukso-image/index.js';
 
 /**

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const state = require('../../state-DXBdLH-W.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const state = require('../../state-De1ciDiG.cjs');
 const index = require('../../index-D0nCA-7X.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x, E } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
-import { r } from '../../state-DPXXwNMf.js';
+import { a as TailwindElement, x, E } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
+import { r } from '../../state-DJBtqv5G.js';
 import { c as customClassMap } from '../../index-F8ll4iy2.js';
 
 var __defProp = Object.defineProperty;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const state = require('../../state-DXBdLH-W.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const state = require('../../state-De1ciDiG.cjs');
 const query = require('../../query-EFiHeHdi.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../../tailwind-config.cjs');

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

@@ -1,6 +1,6 @@
-import { a as TailwindElement, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
-import { r } from '../../state-DPXXwNMf.js';
+import { a as TailwindElement, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
+import { r } from '../../state-DJBtqv5G.js';
 import { e } from '../../query-CHb9Ft_d.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../../tailwind-config.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-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const state = require('../../state-DXBdLH-W.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const state = require('../../state-De1ciDiG.cjs');
 const index = require('../../index-CaJky2qL.cjs');
-const styleMap = require('../../style-map-BFG88xg5.cjs');
+const styleMap = require('../../style-map-BjMzqR4L.cjs');
 require('../../tailwind-config.cjs');
 const cn = require('../../cn-CNdKneQ1.cjs');
 require('../lukso-icon/index.cjs');

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

@@ -1,8 +1,8 @@
-import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
-import { r } from '../../state-DPXXwNMf.js';
+import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
+import { r } from '../../state-DJBtqv5G.js';
 import { c as ce } from '../../index-B9iart53.js';
-import { o } from '../../style-map-CXXmrGLe.js';
+import { o } from '../../style-map-BXvyZNeB.js';
 import '../../tailwind-config.js';
 import { c as cn } from '../../cn-Cu9aP49j.js';
 import '../lukso-icon/index.js';

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 require('../lukso-icon/index.cjs');
-require('../../index-D4HqZcbk.cjs');
-require('../../index-D9mdD_OM.cjs');
+require('../../index-BR_I57SD.cjs');
+require('../../index-QfURPzjM.cjs');
 const uniqId = require('../../uniq-id-Cszs24DQ.cjs');
 
 const debounceFunction = (func, timeout = 100) => {

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

@@ -1,9 +1,9 @@
-import { T as TailwindStyledElement, E, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
+import { T as TailwindStyledElement, E, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
 import { c as ce } from '../../index-B9iart53.js';
 import '../lukso-icon/index.js';
-import '../../index-DFculCCQ.js';
-import '../../index-1cnTXnRX.js';
+import '../../index-g9LnjUjQ.js';
+import '../../index-CzJGpXul.js';
 import { u as uniqId } from '../../uniq-id-CGUN-pJV.js';
 
 const debounceFunction = (func, timeout = 100) => {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
 const index = require('../../index-CaJky2qL.cjs');
 
 const style = ":host {\n    display: block\n}";

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

@@ -1,5 +1,5 @@
-import { T as TailwindStyledElement, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
+import { T as TailwindStyledElement, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
 import { c as ce } from '../../index-B9iart53.js';
 
 const style = ":host {\n    display: block\n}";

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from '../../index-BWp0TAbf.js';
-import { n, t } from '../../property-DkFGx5Fg.js';
+import { a as TailwindElement, x } from '../../index-wzuGnJOC.js';
+import { n, t } from '../../property-BohUfInC.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -0,0 +1,3 @@
+import { IconOptions } from '../index.js';
+export declare const logoHyperlaneMono: (options: IconOptions) => import('lit-html').TemplateResult<1>;
+//# sourceMappingURL=logo-hyperlane-mono.d.ts.map

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

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

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

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

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

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

package/dist/components/lukso-icon/icons/token-create.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"token-create.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/token-create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,SAAS,WAAW,yCA8B/C,CAAA"}

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-KrWvJ44l.cjs');
-const property = require('../../property-CLMAG2Rj.cjs');
-const unsafeHtml = require('../../unsafe-html-CxwvRvgp.cjs');
-const styleMap = require('../../style-map-BFG88xg5.cjs');
+const shared_tailwindElement_index = require('../../index-Da-0kQ05.cjs');
+const property = require('../../property-C7opy5D6.cjs');
+const unsafeHtml = require('../../unsafe-html-D9Z4CuNa.cjs');
+const styleMap = require('../../style-map-BjMzqR4L.cjs');
 
 const style = ":host {\n  display: inline-block;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
@@ -8001,6 +8001,101 @@ const logoCommonGroundMono = (options) => {
   </svg> `;
 };
 
+const logoHyperlaneMono = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="540"
+    height="494"
+    viewBox="0 0 540 494"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M319.652 0h100.467c13.707 0 25.97 7.96 30.755 19.96l88.184 221.188a7.2 7.2 0 0 1 .023 5.295l-.494 1.271-.005.012-87.813 225.798c-4.715 12.122-17.043 20.192-30.846 20.192H319.471c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.85C309.989 5.298 313.952 0 319.652 0M57.393 0H157.86c13.707 0 25.97 7.96 30.754 19.96l88.185 221.188a7.2 7.2 0 0 1 .023 5.295l-.495 1.271-.005.012-87.813 225.798c-4.714 12.122-17.042 20.192-30.845 20.192H57.212c-5.65 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.85C47.73 5.298 51.693 0 57.393 0"
+      fill="#000"
+    />
+    <path d="M387.826 194H246v107h141.826L411 245.971z" fill="#000" />
+    <path
+      d="M270.652 0h100.467c13.707 0 25.97 7.96 30.755 19.96l88.184 221.188a7.2 7.2 0 0 1 .023 5.295l-.494 1.271-.005.012-87.813 225.798c-4.715 12.122-17.043 20.192-30.846 20.192H270.471c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.85C260.989 5.298 264.952 0 270.652 0M8.393 0H108.86c13.707 0 25.97 7.96 30.754 19.96l88.185 221.188a7.2 7.2 0 0 1 .023 5.295l-.495 1.271-.005.012-87.813 225.798c-4.714 12.122-17.042 20.192-30.845 20.192H8.212c-5.65 0-9.609-5.21-7.747-10.193l90.547-242.375L.687 10.298C-1.27 5.298 2.693 0 8.393 0"
+      fill="#000"
+    />
+    <path
+      d="M338.826 194H197v107h141.826L362 245.971z"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      fill="#000"
+    />
+  </svg>`;
+};
+
+const logoHyperlane = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="1000"
+    height="1000"
+    viewBox="0 0 1000 1000"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <defs>
+      <clipPath id="rounded">
+        <rect width="1000" height="1000" rx="500" ry="500" />
+      </clipPath>
+    </defs>
+    <g clip-path="url(#rounded)">
+      <path fill="#2362C0" d="M0 0h1000v1000H0z" />
+      <path
+        d="M495.652 253h100.467c13.707 0 25.97 7.959 30.755 19.961l88.184 221.187a7.2 7.2 0 0 1 .023 5.295l-.494 1.271-.005.012-87.813 225.798c-4.715 12.122-17.043 20.192-30.846 20.192H495.471c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.849c-1.957-5.002 2.006-10.299 7.706-10.299m-262.259 0H333.86c13.707 0 25.97 7.959 30.754 19.961l88.185 221.187a7.2 7.2 0 0 1 .023 5.295l-.495 1.271-.005.012-87.813 225.798c-4.714 12.122-17.042 20.192-30.845 20.192H233.212c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.849c-1.957-5.002 2.006-10.299 7.706-10.299"
+        fill="#D631B9"
+      />
+      <path d="M563.826 447H422v107h141.826L587 498.971z" fill="#D631B9" />
+      <path
+        d="M553.652 253h100.467c13.707 0 25.97 7.959 30.755 19.961l88.184 221.187a7.2 7.2 0 0 1 .023 5.295l-.494 1.271-.005.012-87.813 225.798c-4.715 12.122-17.043 20.192-30.846 20.192H553.471c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.849c-1.957-5.002 2.006-10.299 7.706-10.299m-262.259 0H391.86c13.707 0 25.97 7.959 30.754 19.961l88.185 221.187a7.2 7.2 0 0 1 .023 5.295l-.495 1.271-.005.012-87.813 225.798c-4.714 12.122-17.042 20.192-30.845 20.192H291.212c-5.649 0-9.609-5.21-7.747-10.193l90.547-242.375-90.325-230.849c-1.957-5.002 2.006-10.299 7.706-10.299"
+        fill="#fff"
+      />
+      <path d="M621.826 447H480v107h141.826L645 498.971z" fill="#fff" />
+    </g>
+  </svg>`;
+};
+
+const tokenCreate = (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="M15.995 4.5h5.5m-2.75 2.75v-5.5"
+      stroke="#1B2832"
+      stroke-width="1.5"
+      stroke-linecap="round"
+    />
+    <path
+      d="M17.858 9.836a8 8 0 1 1-14.256.063 8 8 0 0 1 10.744-3.542"
+      stroke="#1B2832"
+      stroke-width="1.846"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="m12.976 11.639-1.734-1a.99.99 0 0 0-.993 0l-1.734 1a1 1 0 0 0-.496.86V14.5c0 .354.19.682.496.86l1.734 1.001a.99.99 0 0 0 .993 0l1.733-1.001a1 1 0 0 0 .497-.86v-2.002a.99.99 0 0 0-.496-.86m-.855 2.06-.515.893a.4.4 0 0 1-.344.199H10.23a.4.4 0 0 1-.344-.2l-.516-.89a.4.4 0 0 1 0-.397l.515-.894a.4.4 0 0 1 .344-.198h1.03c.143 0 .274.075.345.198l.515.894a.4.4 0 0 1 .002.397"
+      fill="#1B2832"
+    />
+  </svg>`;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -8220,17 +8315,22 @@ const iconMap = {
   "row-vertical": rowVertical,
   "logo-tiktok-mono": logoTiktokMono,
   "profile-following": profileFollowing,
-  "logo-common-ground-mono": logoCommonGroundMono
+  "logo-common-ground-mono": logoCommonGroundMono,
+  "logo-hyperlane-mono": logoHyperlaneMono,
+  "logo-hyperlane": logoHyperlane,
+  "token-create": tokenCreate
 };
+const DEFAULT_COLOR = "neutral-20";
+const DEFAULT_SIZE = "medium";
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
-    this.name = "";
-    this.size = "medium";
-    this.color = "neutral-20";
-    this.secondaryColor = "";
+    this.name = void 0;
+    this.size = DEFAULT_SIZE;
+    this.color = DEFAULT_COLOR;
+    this.secondaryColor = void 0;
     this.pack = void 0;
-    this.variant = "linear";
+    this.variant = void 0;
     this.svgContent = "";
     this.sizes = {
       "x-small": {
@@ -8346,16 +8446,36 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
   }
   async updated(changedProperties) {
     super.updated(changedProperties);
-    if (this.pack === "vuesax" && (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant"))) {
-      const svgContent = await this.loadSvg(this.pack, this.variant, this.name);
-      this.svgContent = svgContent;
-      this.requestUpdate();
+    if (this.pack === void 0) {
+      if (this.variant) {
+        this.variant = void 0;
+      }
     }
-    if (this.pack === "vuesax" && this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
-      this.requestUpdate();
+    if (this.pack === "vuesax") {
+      if (!this.variant) {
+        this.variant = "linear";
+      }
+      if (changedProperties.has("name") || changedProperties.has("pack") || changedProperties.has("variant")) {
+        const svgContent = await this.loadSvg(
+          this.pack,
+          this.variant,
+          this.name
+        );
+        this.svgContent = svgContent;
+        this.requestUpdate();
+      }
+      if (this.svgContent && (changedProperties.has("color") || changedProperties.has("secondaryColor") || changedProperties.has("size"))) {
+        this.requestUpdate();
+      }
     }
   }
   render() {
+    if (!this.color) {
+      this.color = DEFAULT_COLOR;
+    }
+    if (!this.size) {
+      this.size = DEFAULT_SIZE;
+    }
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);

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

@@ -11,12 +11,12 @@ export type IconPack = undefined | 'vuesax';
 export type IconVariant = 'linear' | 'bold' | 'outline' | 'broken' | 'bulk' | 'twotone';
 declare const LuksoIcon_base: typeof import('lit').LitElement;
 export declare class LuksoIcon extends LuksoIcon_base {
-    name: string;
-    size: string;
+    name: any;
+    size: IconSize;
     color: string;
-    secondaryColor: string;
+    secondaryColor: any;
     pack: any;
-    variant: string;
+    variant: any;
     private svgContent;
     private sizes;
     private svgModules;

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":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAuNjD,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,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AA4Nb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAGnB,IAAI,MAAY;IAGhB,OAAO,SAAW;IAGlB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmElB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA2BvD,MAAM;CA+CP;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":"AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AA0NjD,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,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,MAAM,GACN,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,CAAA;;AAkOb,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,MAAY;IAGhB,IAAI,WAAe;IAGnB,KAAK,SAAgB;IAGrB,cAAc,MAAY;IAG1B,IAAI,MAAY;IAGhB,OAAO,MAAY;IAGnB,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,KAAK,CA+BZ;IAID,OAAO,CAAC,UAAU,CAGhB;IAEF;;;;;;;;OAQG;YACW,OAAO;IAsCrB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAmElB,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IA6CvD,MAAM;CAuDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}