@lukso/web-components 1.172.13 → 1.172.17

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

@@ -1,13 +1,13 @@
-import { x, b as TailwindStyledElement } from '../../chunks/index-5X9ujrWL.js';
-import { n } from '../../chunks/property-DfumgIL6.js';
-import { o as o$1 } from '../../chunks/unsafe-html-BHBLEMoa.js';
-import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { o } from '../../chunks/style-map-BPljJihp.js';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { a as TailwindStyledElement, s as safeCustomElement } from '../../chunks/index-DluTRl1F.js';
+import { o } from '../../chunks/style-map-auscxO0L.js';
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
 const addPhoto = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -49,7 +49,7 @@ const addPhoto = (options) => {
 };
 
 const arrowDownLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -71,7 +71,7 @@ const arrowDownLg = (options) => {
 };
 
 const arrowDownSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -93,7 +93,7 @@ const arrowDownSm = (options) => {
 };
 
 const arrowLeftLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -115,7 +115,7 @@ const arrowLeftLg = (options) => {
 };
 
 const arrowLeftSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -137,7 +137,7 @@ const arrowLeftSm = (options) => {
 };
 
 const arrowRightLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -159,7 +159,7 @@ const arrowRightLg = (options) => {
 };
 
 const arrowRightSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -181,7 +181,7 @@ const arrowRightSm = (options) => {
 };
 
 const arrowUpLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -203,7 +203,7 @@ const arrowUpLg = (options) => {
 };
 
 const arrowUpSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -225,7 +225,7 @@ const arrowUpSm = (options) => {
 };
 
 const barbellOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -275,7 +275,7 @@ const barbellOutline = (options) => {
 };
 
 const bulbOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -325,7 +325,7 @@ const bulbOutline = (options) => {
 };
 
 const camera = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -361,7 +361,7 @@ const camera = (options) => {
 };
 
 const clipboard = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -416,7 +416,7 @@ const clipboard = (options) => {
 };
 
 const clock = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -443,7 +443,7 @@ const clock = (options) => {
 };
 
 const closeLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -472,7 +472,7 @@ const closeLg = (options) => {
 };
 
 const closeSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -501,7 +501,7 @@ const closeSm = (options) => {
 };
 
 const cloud = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -522,7 +522,7 @@ const cloud = (options) => {
 };
 
 const compassOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -547,7 +547,7 @@ const compassOutline = (options) => {
 };
 
 const completeFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -575,7 +575,7 @@ const completeFilled = (options) => {
 };
 
 const completeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -602,7 +602,7 @@ const completeOutline = (options) => {
 };
 
 const contractLock = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -641,7 +641,7 @@ const contractLock = (options) => {
 };
 
 const contractSigned = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -703,7 +703,7 @@ const contractSigned = (options) => {
 };
 
 const connect = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -732,7 +732,7 @@ const connect = (options) => {
 };
 
 const connections = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -762,7 +762,7 @@ const connections = (options) => {
 };
 
 const controller = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -813,7 +813,7 @@ const controller = (options) => {
 };
 
 const copy = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -840,7 +840,7 @@ const copy = (options) => {
 };
 
 const crossOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -874,7 +874,7 @@ const crossOutline = (options) => {
 };
 
 const dots = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -892,7 +892,7 @@ const dots = (options) => {
 };
 
 const edit = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -918,7 +918,7 @@ const edit = (options) => {
 };
 
 const error = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -945,7 +945,7 @@ const error = (options) => {
 };
 
 const expand = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -994,7 +994,7 @@ const expand = (options) => {
 };
 
 const extension = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1021,7 +1021,7 @@ const extension = (options) => {
 };
 
 const eyeHide = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1064,7 +1064,7 @@ const eyeHide = (options) => {
 };
 
 const eyeShow = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1097,7 +1097,7 @@ const eyeShow = (options) => {
 };
 
 const filter = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1136,7 +1136,7 @@ const filter = (options) => {
 };
 
 const fishOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1168,7 +1168,7 @@ const fishOutline = (options) => {
 };
 
 const flip = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1209,7 +1209,7 @@ const flip = (options) => {
 };
 
 const globe = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1266,7 +1266,7 @@ const globe = (options) => {
 };
 
 const hamburger = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1302,7 +1302,7 @@ const hamburger = (options) => {
 };
 
 const infinite = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1331,7 +1331,7 @@ const infinite = (options) => {
 };
 
 const information = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1365,7 +1365,7 @@ const information = (options) => {
 };
 
 const keyOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1386,7 +1386,7 @@ const keyOutline = (options) => {
 };
 
 const link = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1415,7 +1415,7 @@ const link = (options) => {
 };
 
 const link1 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1450,7 +1450,7 @@ const link1 = (options) => {
 };
 
 const link2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1492,7 +1492,7 @@ const link2 = (options) => {
 };
 
 const link3 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1520,7 +1520,7 @@ const link3 = (options) => {
 };
 
 const link4 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1568,7 +1568,7 @@ const link4 = (options) => {
 };
 
 const loading = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1614,7 +1614,7 @@ const loading = (options) => {
 };
 
 const location = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1643,7 +1643,7 @@ const location = (options) => {
 };
 
 const locked = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1683,7 +1683,7 @@ const locked = (options) => {
 };
 
 const login = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1718,7 +1718,7 @@ const login = (options) => {
 };
 
 const login2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1769,7 +1769,7 @@ const login2 = (options) => {
 };
 
 const login3 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1818,7 +1818,7 @@ const login3 = (options) => {
 };
 
 const logoChrome = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1849,7 +1849,7 @@ const logoChrome = (options) => {
 };
 
 const logoBrave = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1885,7 +1885,7 @@ const logoBrave = (options) => {
 };
 
 const logoEdge = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1912,7 +1912,7 @@ const logoEdge = (options) => {
 };
 
 const logoFirefox = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1931,7 +1931,7 @@ const logoFirefox = (options) => {
 };
 
 const logoOpera = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1950,7 +1950,7 @@ const logoOpera = (options) => {
 };
 
 const logoSafari = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1994,7 +1994,7 @@ const logoSafari = (options) => {
 };
 
 const mail = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2023,7 +2023,7 @@ const mail = (options) => {
 };
 
 const menu1 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2090,7 +2090,7 @@ const menu1 = (options) => {
 };
 
 const menu2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2147,7 +2147,7 @@ const menu2 = (options) => {
 };
 
 const migrate = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2190,7 +2190,7 @@ const migrate = (options) => {
 };
 
 const minimize = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2239,7 +2239,7 @@ const minimize = (options) => {
 };
 
 const network = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2284,7 +2284,7 @@ const network = (options) => {
 };
 
 const notifications = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2313,7 +2313,7 @@ const notifications = (options) => {
 };
 
 const phonePortraitOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2342,7 +2342,7 @@ const phonePortraitOutline = (options) => {
 };
 
 const pin = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2363,7 +2363,7 @@ const pin = (options) => {
 };
 
 const playFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2382,7 +2382,7 @@ const playFilled = (options) => {
 };
 
 const playOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2402,7 +2402,7 @@ const playOutline = (options) => {
 };
 
 const plus = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2431,7 +2431,7 @@ const plus = (options) => {
 };
 
 const profileAdd = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2470,7 +2470,7 @@ const profileAdd = (options) => {
 };
 
 const profileExport = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2508,7 +2508,7 @@ const profileExport = (options) => {
 };
 
 const profileImport = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2546,7 +2546,7 @@ const profileImport = (options) => {
 };
 
 const profileRecovery = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2597,7 +2597,7 @@ const profileRecovery = (options) => {
 };
 
 const profileRecovery2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2655,7 +2655,7 @@ const profileRecovery2 = (options) => {
 };
 
 const profileRestore = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2701,7 +2701,7 @@ const profileRestore = (options) => {
 };
 
 const profile = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2726,7 +2726,7 @@ const profile = (options) => {
 };
 
 const qrCodeScan = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2844,7 +2844,7 @@ const qrCodeScan = (options) => {
 };
 
 const qrCode = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2938,7 +2938,7 @@ const qrCode = (options) => {
 };
 
 const relayer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2974,7 +2974,7 @@ const relayer = (options) => {
 };
 
 const reload = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3002,7 +3002,7 @@ const reload = (options) => {
 };
 
 const returnDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3031,7 +3031,7 @@ const returnDown = (options) => {
 };
 
 const returnLeft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3060,7 +3060,7 @@ const returnLeft = (options) => {
 };
 
 const returnRight = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3089,7 +3089,7 @@ const returnRight = (options) => {
 };
 
 const returnUp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3118,7 +3118,7 @@ const returnUp = (options) => {
 };
 
 const search = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3142,7 +3142,7 @@ const search = (options) => {
 };
 
 const settings = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3171,7 +3171,7 @@ const settings = (options) => {
 };
 
 const smartContractDoc = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3207,7 +3207,7 @@ const smartContractDoc = (options) => {
 };
 
 const smartContract = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3234,7 +3234,7 @@ const smartContract = (options) => {
 };
 
 const spinner = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3255,7 +3255,7 @@ const spinner = (options) => {
 };
 
 const starFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3274,7 +3274,7 @@ const starFilled = (options) => {
 };
 
 const starOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3294,7 +3294,7 @@ const starOutline = (options) => {
 };
 
 const stepDot = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3324,7 +3324,7 @@ const stepDot = (options) => {
 };
 
 const stepProgress = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3351,7 +3351,7 @@ const stepProgress = (options) => {
 };
 
 const steps = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3387,7 +3387,7 @@ const steps = (options) => {
 };
 
 const tick = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3409,7 +3409,7 @@ const tick = (options) => {
 };
 
 const timerOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3452,7 +3452,7 @@ const timerOutline = (options) => {
 };
 
 const transactionReceive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3487,7 +3487,7 @@ const transactionReceive = (options) => {
 };
 
 const transactionSend = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3522,7 +3522,7 @@ const transactionSend = (options) => {
 };
 
 const transfer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3565,7 +3565,7 @@ const transfer = (options) => {
 };
 
 const trash = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3601,7 +3601,7 @@ const trash = (options) => {
 };
 
 const turnDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3630,7 +3630,7 @@ const turnDown = (options) => {
 };
 
 const turnLeft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3659,7 +3659,7 @@ const turnLeft = (options) => {
 };
 
 const turnRight = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3688,7 +3688,7 @@ const turnRight = (options) => {
 };
 
 const turnUp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3717,7 +3717,7 @@ const turnUp = (options) => {
 };
 
 const unlocked = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3754,7 +3754,7 @@ const unlocked = (options) => {
 };
 
 const walletOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3785,7 +3785,7 @@ const walletOutline = (options) => {
 };
 
 const warningRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3813,7 +3813,7 @@ const warningRound = (options) => {
 };
 
 const warningTriangle = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3841,7 +3841,7 @@ const warningTriangle = (options) => {
 };
 
 const googleColor = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3872,7 +3872,7 @@ const googleColor = (options) => {
 };
 
 const ethLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -3897,7 +3897,7 @@ const ethLogo = (options) => {
 };
 
 const lyxLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
@@ -3935,7 +3935,7 @@ const lyxLogo = (options) => {
 
 const progressIndicator = (options) => {
   const uniqueId = Math.random().toString(36).substring(7);
-  return x`<svg
+  return html`<svg
       width="40"
       height="40"
       viewBox="0 0 40 40"
@@ -4167,7 +4167,7 @@ const progressIndicator = (options) => {
 };
 
 const pulseDot = (options) => {
-  return x`<div
+  return html`<div
     style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
@@ -4185,7 +4185,7 @@ const pulseDot = (options) => {
 };
 
 const progressComplete = (options) => {
-  return x`<svg
+  return html`<svg
     width="40"
     height="40"
     viewBox="0 0 40 40"
@@ -4470,7 +4470,7 @@ const progressComplete = (options) => {
 };
 
 const completeFilledFadeIn = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4500,7 +4500,7 @@ const completeFilledFadeIn = (options) => {
 };
 
 const desktopSharp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4519,7 +4519,7 @@ const desktopSharp = (options) => {
 };
 
 const switched = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4563,7 +4563,7 @@ const switched = (options) => {
 
 const progressIndicatorAlt = (options) => {
   const uniqueId = Math.random().toString(36).substring(7);
-  return x`<svg
+  return html`<svg
       width="64"
       height="64"
       viewBox="0 0 64 64"
@@ -4710,7 +4710,7 @@ const progressIndicatorAlt = (options) => {
 };
 
 const crossFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4745,7 +4745,7 @@ const crossFilled = (options) => {
 };
 
 const transferSend = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4779,7 +4779,7 @@ const transferSend = (options) => {
 };
 
 const flagOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4801,7 +4801,7 @@ const flagOutline = (options) => {
 };
 
 const tokenId = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4833,7 +4833,7 @@ const tokenId = (options) => {
 };
 
 const editDoc = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4893,7 +4893,7 @@ const editDoc = (options) => {
 };
 
 const codeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4922,7 +4922,7 @@ const codeOutline = (options) => {
 };
 
 const saveOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4944,7 +4944,7 @@ const saveOutline = (options) => {
 };
 
 const scan = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4983,7 +4983,7 @@ const scan = (options) => {
 };
 
 const faceId = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5040,7 +5040,7 @@ const faceId = (options) => {
 };
 
 const profileFile = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5078,7 +5078,7 @@ const profileFile = (options) => {
 };
 
 const handRightOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5128,7 +5128,7 @@ const handRightOutline = (options) => {
 };
 
 const extensionOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5147,7 +5147,7 @@ const extensionOutline = (options) => {
 };
 
 const luksoLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5170,7 +5170,7 @@ const luksoLogo = (options) => {
 };
 
 const metamaskLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="28"
     height="26"
     viewBox="0 0 28 26"
@@ -5458,7 +5458,7 @@ const metamaskLogo = (options) => {
 };
 
 const documentOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5486,7 +5486,7 @@ const documentOutline = (options) => {
 };
 
 const headsetOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5520,7 +5520,7 @@ const headsetOutline = (options) => {
 };
 
 const cubeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5556,7 +5556,7 @@ const cubeOutline = (options) => {
 };
 
 const filmOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5637,7 +5637,7 @@ const filmOutline = (options) => {
 };
 
 const crossFilledFadeIn = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5674,7 +5674,7 @@ const crossFilledFadeIn = (options) => {
 };
 
 const videoOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5756,7 +5756,7 @@ const videoOutline = (options) => {
 };
 
 const walletRestore = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5794,7 +5794,7 @@ const walletRestore = (options) => {
 };
 
 const logoX = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5813,7 +5813,7 @@ const logoX = (options) => {
 };
 
 const logoFacebook = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5833,7 +5833,7 @@ const logoFacebook = (options) => {
 };
 
 const glasses = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5864,7 +5864,7 @@ const glasses = (options) => {
 };
 
 const unlink = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5886,7 +5886,7 @@ const unlink = (options) => {
 };
 
 const logoPolygon = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5909,7 +5909,7 @@ const logoPolygon = (options) => {
 };
 
 const logoFantom = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5935,7 +5935,7 @@ const logoFantom = (options) => {
 };
 
 const logoXMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5954,7 +5954,7 @@ const logoXMono = (options) => {
 };
 
 const logoInstagramMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5980,7 +5980,7 @@ const logoInstagramMono = (options) => {
 };
 
 const logoMediumMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6006,7 +6006,7 @@ const logoMediumMono = (options) => {
 };
 
 const logoDiscordMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6032,7 +6032,7 @@ const logoDiscordMono = (options) => {
 };
 
 const logoSnapchatMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6058,7 +6058,7 @@ const logoSnapchatMono = (options) => {
 };
 
 const logoWhatsappMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6084,7 +6084,7 @@ const logoWhatsappMono = (options) => {
 };
 
 const logoTelegramMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6110,7 +6110,7 @@ const logoTelegramMono = (options) => {
 };
 
 const logoLinkedinMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6136,7 +6136,7 @@ const logoLinkedinMono = (options) => {
 };
 
 const logoGithubMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6162,7 +6162,7 @@ const logoGithubMono = (options) => {
 };
 
 const logoUniversalPageMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6194,7 +6194,7 @@ const logoUniversalPageMono = (options) => {
 };
 
 const database = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6230,7 +6230,7 @@ const database = (options) => {
 };
 
 const emptyOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6250,7 +6250,7 @@ const emptyOutline = (options) => {
 };
 
 const profileRemove = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6282,7 +6282,7 @@ const profileRemove = (options) => {
 };
 
 const logoYoutubeMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6301,7 +6301,7 @@ const logoYoutubeMono = (options) => {
 };
 
 const addGrid = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6373,7 +6373,7 @@ const addGrid = (options) => {
 };
 
 const gallery = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6409,7 +6409,7 @@ const gallery = (options) => {
 };
 
 const logoElfsightMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6457,7 +6457,7 @@ const logoElfsightMono = (options) => {
 };
 
 const maximizeVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6493,7 +6493,7 @@ const maximizeVertical = (options) => {
 };
 
 const minimizeVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6536,7 +6536,7 @@ const minimizeVertical = (options) => {
 };
 
 const chart = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6580,7 +6580,7 @@ const chart = (options) => {
 };
 
 const people = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6637,7 +6637,7 @@ const people = (options) => {
 };
 
 const documentCode = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6684,7 +6684,7 @@ const documentCode = (options) => {
 };
 
 const logoWarpcastMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6836,7 +6836,7 @@ const logoWarpcastMono = (options) => {
 };
 
 const parachute = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6856,7 +6856,7 @@ const parachute = (options) => {
 };
 
 const bitcoinConvert = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6917,7 +6917,7 @@ const bitcoinConvert = (options) => {
 };
 
 const nft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6943,7 +6943,7 @@ const nft = (options) => {
 };
 
 const fingerprint = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6962,7 +6962,7 @@ const fingerprint = (options) => {
 };
 
 const hammer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6998,7 +6998,7 @@ const hammer = (options) => {
 };
 
 const handHeart = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7017,7 +7017,7 @@ const handHeart = (options) => {
 };
 
 const earth = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7060,7 +7060,7 @@ const earth = (options) => {
 };
 
 const logoSoundcloudMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7086,7 +7086,7 @@ const logoSoundcloudMono = (options) => {
 };
 
 const logoSpotifyMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7112,7 +7112,7 @@ const logoSpotifyMono = (options) => {
 };
 
 const logoGoogleCalendarMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7138,7 +7138,7 @@ const logoGoogleCalendarMono = (options) => {
 };
 
 const logoSubstackMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7157,7 +7157,7 @@ const logoSubstackMono = (options) => {
 };
 
 const logoXround = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7180,7 +7180,7 @@ const logoXround = (options) => {
 };
 
 const logoFarcaster = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7202,7 +7202,7 @@ const logoFarcaster = (options) => {
 };
 
 const logoLinkedin = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7226,7 +7226,7 @@ const logoLinkedin = (options) => {
 };
 
 const profileRestoreNoSetup = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7286,7 +7286,7 @@ const profileRestoreNoSetup = (options) => {
 };
 
 const share = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7322,7 +7322,7 @@ const share = (options) => {
 };
 
 const logoFacebookRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7342,7 +7342,7 @@ const logoFacebookRound = (options) => {
 };
 
 const logoFarcasterRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7364,7 +7364,7 @@ const logoFarcasterRound = (options) => {
 };
 
 const logoLinkedinRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7388,7 +7388,7 @@ const logoLinkedinRound = (options) => {
 };
 
 const arrowLongDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7417,7 +7417,7 @@ const arrowLongDown = (options) => {
 };
 
 const gas = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7464,7 +7464,7 @@ const gas = (options) => {
 };
 
 const minusFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7486,7 +7486,7 @@ const minusFilled = (options) => {
 };
 
 const documentText = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -7509,7 +7509,7 @@ const documentText = (options) => {
 };
 
 const category = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7556,7 +7556,7 @@ const category = (options) => {
 };
 
 const flash = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7579,7 +7579,7 @@ const flash = (options) => {
 };
 
 const userCircleAdd = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7639,7 +7639,7 @@ const userCircleAdd = (options) => {
 };
 
 const profileCircle = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7675,7 +7675,7 @@ const profileCircle = (options) => {
 };
 
 const playLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7698,7 +7698,7 @@ const playLinear = (options) => {
 };
 
 const stopLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7720,14 +7720,14 @@ const stopLinear = (options) => {
 };
 
 const minus = (options) => {
-  return x`<svg width="24" height="24" viewBox="0 0 24 24" style=${o({
+  return html`<svg width="24" height="24" viewBox="0 0 24 24" style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.417 12.75h-12c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12c.41 0 .75.34.75.75s-.34.75-.75.75" fill="var(--${options.color})"></svg>`;
 };
 
 const medalStar = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7765,7 +7765,7 @@ const medalStar = (options) => {
 };
 
 const editLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7803,7 +7803,7 @@ const editLinear = (options) => {
 };
 
 const imageLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7833,7 +7833,7 @@ const imageLinear = (options) => {
 };
 
 const hexagon = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7855,7 +7855,7 @@ const hexagon = (options) => {
 };
 
 const rowVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7884,7 +7884,7 @@ const rowVertical = (options) => {
 };
 
 const logoTiktokMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7903,7 +7903,7 @@ const logoTiktokMono = (options) => {
 };
 
 const profileFollowing = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7936,7 +7936,7 @@ const profileFollowing = (options) => {
 };
 
 const logoCommonGroundMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7999,7 +7999,7 @@ const logoCommonGroundMono = (options) => {
 };
 
 const logoHyperlaneMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="540"
     height="494"
     viewBox="0 0 540 494"
@@ -8029,7 +8029,7 @@ const logoHyperlaneMono = (options) => {
 };
 
 const logoHyperlane = (options) => {
-  return x`<svg
+  return html`<svg
     width="1000"
     height="1000"
     viewBox="0 0 1000 1000"
@@ -8062,7 +8062,7 @@ const logoHyperlane = (options) => {
 };
 
 const tokenCreate = (options) => {
-  return x` <svg
+  return html` <svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -8097,7 +8097,7 @@ const tokenCreate = (options) => {
 };
 
 const addcontrollerActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8280,7 +8280,7 @@ const addcontrollerActivated = (options) => {
 };
 
 const addcontrollerInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8408,7 +8408,7 @@ const addcontrollerInactive = (options) => {
 };
 
 const addextensionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8541,7 +8541,7 @@ const addextensionsActivated = (options) => {
 };
 
 const addextensionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8600,7 +8600,7 @@ const addextensionsInactive = (options) => {
 };
 
 const adduniversalreceiverdelegateActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8732,7 +8732,7 @@ const adduniversalreceiverdelegateActivated = (options) => {
 };
 
 const adduniversalreceiverdelegateInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8796,7 +8796,7 @@ const adduniversalreceiverdelegateInactive = (options) => {
 };
 
 const callActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8906,7 +8906,7 @@ const callActivated = (options) => {
 };
 
 const callInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8961,7 +8961,7 @@ const callInactive = (options) => {
 };
 
 const changeextensionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9137,7 +9137,7 @@ const changeextensionsActivated = (options) => {
 };
 
 const changeextensionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9231,7 +9231,7 @@ const changeextensionsInactive = (options) => {
 };
 
 const changeownerActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9446,7 +9446,7 @@ const changeownerActivated = (options) => {
 };
 
 const changeownerInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9563,7 +9563,7 @@ const changeownerInactive = (options) => {
 };
 
 const changepermissionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9628,7 +9628,7 @@ const changepermissionsActivated = (options) => {
 };
 
 const changepermissionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9816,7 +9816,7 @@ const changepermissionsInactive = (options) => {
 };
 
 const changeUniversalReceiverDelegateActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9948,7 +9948,7 @@ const changeUniversalReceiverDelegateActivated = (options) => {
 };
 
 const changeUniversalReceiverDelegateInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10005,7 +10005,7 @@ const changeUniversalReceiverDelegateInactive = (options) => {
 };
 
 const decryptActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10193,7 +10193,7 @@ const decryptActivated = (options) => {
 };
 
 const decryptInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10344,7 +10344,7 @@ const decryptInactive = (options) => {
 };
 
 const delegatecallActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10527,7 +10527,7 @@ const delegatecallActivated = (options) => {
 };
 
 const delegatecallInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10655,7 +10655,7 @@ const delegatecallInactive = (options) => {
 };
 
 const deployActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10763,7 +10763,7 @@ const deployActivated = (options) => {
 };
 
 const deployInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10796,7 +10796,7 @@ const deployInactive = (options) => {
 };
 
 const editpermissionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11041,7 +11041,7 @@ const editpermissionsActivated = (options) => {
 };
 
 const editpermissionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11231,7 +11231,7 @@ const editpermissionsInactive = (options) => {
 };
 
 const encryptActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11424,7 +11424,7 @@ const encryptActivated = (options) => {
 };
 
 const encryptInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11580,7 +11580,7 @@ const encryptInactive = (options) => {
 };
 
 const executeRelayCallActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11756,7 +11756,7 @@ const executeRelayCallActivated = (options) => {
 };
 
 const executeRelayCallInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11866,7 +11866,7 @@ const executeRelayCallInactive = (options) => {
 };
 
 const reentrancyActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12115,7 +12115,7 @@ const reentrancyActivated = (options) => {
 };
 
 const reentrancyInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12309,7 +12309,7 @@ const reentrancyInactive = (options) => {
 };
 
 const setdataActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12460,7 +12460,7 @@ const setdataActivated = (options) => {
 };
 
 const setdataInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12542,7 +12542,7 @@ const setdataInactive = (options) => {
 };
 
 const signActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12717,7 +12717,7 @@ const signActivated = (options) => {
 };
 
 const signInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12855,7 +12855,7 @@ const signInactive = (options) => {
 };
 
 const transactionActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -12970,7 +12970,7 @@ const transactionActivated = (options) => {
 };
 
 const transferActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13083,7 +13083,7 @@ const transferActivated = (options) => {
 };
 
 const transferInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13141,7 +13141,7 @@ const transferInactive = (options) => {
 };
 
 const logoHyperlaneOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -13592,7 +13592,7 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);
-      return x``;
+      return html``;
     }
     if (this.pack === "vuesax") {
       if (!this.svgContent) {
@@ -13604,20 +13604,20 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
             }
             this.requestUpdate();
           });
-          return x`<!-- Loading SVG... -->`;
+          return html`<!-- Loading SVG... -->`;
         }
-        return x`<!-- Failed to load SVG. -->`;
+        return html`<!-- Failed to load SVG. -->`;
       }
       const processedSvg = this.processVuesaxSvg(this.svgContent);
-      return processedSvg ? x`${o$1(processedSvg)}` : x`<!-- SVG not found -->`;
+      return processedSvg ? html`${unsafeHTML(processedSvg)}` : html`<!-- SVG not found -->`;
     }
     if (!this.pack) {
       const icon = iconMap[this.name];
       if (!icon) {
         console.warn(`Icon ${this.name} not found`);
-        return x``;
+        return html``;
       }
-      return x`
+      return html`
         ${icon({
         width: size.width,
         height: size.height,
@@ -13628,29 +13628,29 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
       `;
     }
     console.warn(`Icon pack ${this.pack} not found. `);
-    return x``;
+    return html``;
   }
 };
 __decorateClass([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], LuksoIcon.prototype, "name", 2);
 __decorateClass([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], LuksoIcon.prototype, "size", 2);
 __decorateClass([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], LuksoIcon.prototype, "color", 2);
 __decorateClass([
-  n({ type: String, attribute: "secondary-color", reflect: true })
+  property({ type: String, attribute: "secondary-color", reflect: true })
 ], LuksoIcon.prototype, "secondaryColor", 2);
 __decorateClass([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], LuksoIcon.prototype, "pack", 2);
 __decorateClass([
-  n({ type: String, reflect: true })
+  property({ type: String, reflect: true })
 ], LuksoIcon.prototype, "variant", 2);
 __decorateClass([
-  n({ type: String })
+  property({ type: String })
 ], LuksoIcon.prototype, "svgContent", 2);
 LuksoIcon = __decorateClass([
   safeCustomElement("lukso-icon")