@lukso/web-components 1.172.13 → 1.172.14

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

@@ -1,13 +1,14 @@
-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 { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { s as safeCustomElement } from '../../chunks/safe-custom-element-qdGIR_v6.js';
-import { o } from '../../chunks/style-map-BPljJihp.js';
+import { TailwindStyledElement } from '../../shared/tailwind-element/index.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 +50,7 @@ const addPhoto = (options) => {
 };
 
 const arrowDownLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -71,7 +72,7 @@ const arrowDownLg = (options) => {
 };
 
 const arrowDownSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -93,7 +94,7 @@ const arrowDownSm = (options) => {
 };
 
 const arrowLeftLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -115,7 +116,7 @@ const arrowLeftLg = (options) => {
 };
 
 const arrowLeftSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -137,7 +138,7 @@ const arrowLeftSm = (options) => {
 };
 
 const arrowRightLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -159,7 +160,7 @@ const arrowRightLg = (options) => {
 };
 
 const arrowRightSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -181,7 +182,7 @@ const arrowRightSm = (options) => {
 };
 
 const arrowUpLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -203,7 +204,7 @@ const arrowUpLg = (options) => {
 };
 
 const arrowUpSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -225,7 +226,7 @@ const arrowUpSm = (options) => {
 };
 
 const barbellOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -275,7 +276,7 @@ const barbellOutline = (options) => {
 };
 
 const bulbOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -325,7 +326,7 @@ const bulbOutline = (options) => {
 };
 
 const camera = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -361,7 +362,7 @@ const camera = (options) => {
 };
 
 const clipboard = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -416,7 +417,7 @@ const clipboard = (options) => {
 };
 
 const clock = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -443,7 +444,7 @@ const clock = (options) => {
 };
 
 const closeLg = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -472,7 +473,7 @@ const closeLg = (options) => {
 };
 
 const closeSm = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -501,7 +502,7 @@ const closeSm = (options) => {
 };
 
 const cloud = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -522,7 +523,7 @@ const cloud = (options) => {
 };
 
 const compassOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -547,7 +548,7 @@ const compassOutline = (options) => {
 };
 
 const completeFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -575,7 +576,7 @@ const completeFilled = (options) => {
 };
 
 const completeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -602,7 +603,7 @@ const completeOutline = (options) => {
 };
 
 const contractLock = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -641,7 +642,7 @@ const contractLock = (options) => {
 };
 
 const contractSigned = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -703,7 +704,7 @@ const contractSigned = (options) => {
 };
 
 const connect = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -732,7 +733,7 @@ const connect = (options) => {
 };
 
 const connections = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -762,7 +763,7 @@ const connections = (options) => {
 };
 
 const controller = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -813,7 +814,7 @@ const controller = (options) => {
 };
 
 const copy = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -840,7 +841,7 @@ const copy = (options) => {
 };
 
 const crossOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -874,7 +875,7 @@ const crossOutline = (options) => {
 };
 
 const dots = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -892,7 +893,7 @@ const dots = (options) => {
 };
 
 const edit = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -918,7 +919,7 @@ const edit = (options) => {
 };
 
 const error = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -945,7 +946,7 @@ const error = (options) => {
 };
 
 const expand = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -994,7 +995,7 @@ const expand = (options) => {
 };
 
 const extension = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1021,7 +1022,7 @@ const extension = (options) => {
 };
 
 const eyeHide = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1064,7 +1065,7 @@ const eyeHide = (options) => {
 };
 
 const eyeShow = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1097,7 +1098,7 @@ const eyeShow = (options) => {
 };
 
 const filter = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1136,7 +1137,7 @@ const filter = (options) => {
 };
 
 const fishOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1168,7 +1169,7 @@ const fishOutline = (options) => {
 };
 
 const flip = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1209,7 +1210,7 @@ const flip = (options) => {
 };
 
 const globe = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1266,7 +1267,7 @@ const globe = (options) => {
 };
 
 const hamburger = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1302,7 +1303,7 @@ const hamburger = (options) => {
 };
 
 const infinite = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1331,7 +1332,7 @@ const infinite = (options) => {
 };
 
 const information = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1365,7 +1366,7 @@ const information = (options) => {
 };
 
 const keyOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1386,7 +1387,7 @@ const keyOutline = (options) => {
 };
 
 const link = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1415,7 +1416,7 @@ const link = (options) => {
 };
 
 const link1 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1450,7 +1451,7 @@ const link1 = (options) => {
 };
 
 const link2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1492,7 +1493,7 @@ const link2 = (options) => {
 };
 
 const link3 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1520,7 +1521,7 @@ const link3 = (options) => {
 };
 
 const link4 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1568,7 +1569,7 @@ const link4 = (options) => {
 };
 
 const loading = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1614,7 +1615,7 @@ const loading = (options) => {
 };
 
 const location = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1643,7 +1644,7 @@ const location = (options) => {
 };
 
 const locked = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1683,7 +1684,7 @@ const locked = (options) => {
 };
 
 const login = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1718,7 +1719,7 @@ const login = (options) => {
 };
 
 const login2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1769,7 +1770,7 @@ const login2 = (options) => {
 };
 
 const login3 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1818,7 +1819,7 @@ const login3 = (options) => {
 };
 
 const logoChrome = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1849,7 +1850,7 @@ const logoChrome = (options) => {
 };
 
 const logoBrave = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1885,7 +1886,7 @@ const logoBrave = (options) => {
 };
 
 const logoEdge = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1912,7 +1913,7 @@ const logoEdge = (options) => {
 };
 
 const logoFirefox = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1931,7 +1932,7 @@ const logoFirefox = (options) => {
 };
 
 const logoOpera = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1950,7 +1951,7 @@ const logoOpera = (options) => {
 };
 
 const logoSafari = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1994,7 +1995,7 @@ const logoSafari = (options) => {
 };
 
 const mail = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2023,7 +2024,7 @@ const mail = (options) => {
 };
 
 const menu1 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2090,7 +2091,7 @@ const menu1 = (options) => {
 };
 
 const menu2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2147,7 +2148,7 @@ const menu2 = (options) => {
 };
 
 const migrate = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2190,7 +2191,7 @@ const migrate = (options) => {
 };
 
 const minimize = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2239,7 +2240,7 @@ const minimize = (options) => {
 };
 
 const network = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2284,7 +2285,7 @@ const network = (options) => {
 };
 
 const notifications = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2313,7 +2314,7 @@ const notifications = (options) => {
 };
 
 const phonePortraitOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2342,7 +2343,7 @@ const phonePortraitOutline = (options) => {
 };
 
 const pin = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2363,7 +2364,7 @@ const pin = (options) => {
 };
 
 const playFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2382,7 +2383,7 @@ const playFilled = (options) => {
 };
 
 const playOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2402,7 +2403,7 @@ const playOutline = (options) => {
 };
 
 const plus = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2431,7 +2432,7 @@ const plus = (options) => {
 };
 
 const profileAdd = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2470,7 +2471,7 @@ const profileAdd = (options) => {
 };
 
 const profileExport = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2508,7 +2509,7 @@ const profileExport = (options) => {
 };
 
 const profileImport = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2546,7 +2547,7 @@ const profileImport = (options) => {
 };
 
 const profileRecovery = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2597,7 +2598,7 @@ const profileRecovery = (options) => {
 };
 
 const profileRecovery2 = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2655,7 +2656,7 @@ const profileRecovery2 = (options) => {
 };
 
 const profileRestore = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2701,7 +2702,7 @@ const profileRestore = (options) => {
 };
 
 const profile = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2726,7 +2727,7 @@ const profile = (options) => {
 };
 
 const qrCodeScan = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2844,7 +2845,7 @@ const qrCodeScan = (options) => {
 };
 
 const qrCode = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2938,7 +2939,7 @@ const qrCode = (options) => {
 };
 
 const relayer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2974,7 +2975,7 @@ const relayer = (options) => {
 };
 
 const reload = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3002,7 +3003,7 @@ const reload = (options) => {
 };
 
 const returnDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3031,7 +3032,7 @@ const returnDown = (options) => {
 };
 
 const returnLeft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3060,7 +3061,7 @@ const returnLeft = (options) => {
 };
 
 const returnRight = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3089,7 +3090,7 @@ const returnRight = (options) => {
 };
 
 const returnUp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3118,7 +3119,7 @@ const returnUp = (options) => {
 };
 
 const search = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3142,7 +3143,7 @@ const search = (options) => {
 };
 
 const settings = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3171,7 +3172,7 @@ const settings = (options) => {
 };
 
 const smartContractDoc = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3207,7 +3208,7 @@ const smartContractDoc = (options) => {
 };
 
 const smartContract = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3234,7 +3235,7 @@ const smartContract = (options) => {
 };
 
 const spinner = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3255,7 +3256,7 @@ const spinner = (options) => {
 };
 
 const starFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3274,7 +3275,7 @@ const starFilled = (options) => {
 };
 
 const starOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3294,7 +3295,7 @@ const starOutline = (options) => {
 };
 
 const stepDot = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3324,7 +3325,7 @@ const stepDot = (options) => {
 };
 
 const stepProgress = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3351,7 +3352,7 @@ const stepProgress = (options) => {
 };
 
 const steps = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3387,7 +3388,7 @@ const steps = (options) => {
 };
 
 const tick = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3409,7 +3410,7 @@ const tick = (options) => {
 };
 
 const timerOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3452,7 +3453,7 @@ const timerOutline = (options) => {
 };
 
 const transactionReceive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3487,7 +3488,7 @@ const transactionReceive = (options) => {
 };
 
 const transactionSend = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3522,7 +3523,7 @@ const transactionSend = (options) => {
 };
 
 const transfer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3565,7 +3566,7 @@ const transfer = (options) => {
 };
 
 const trash = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3601,7 +3602,7 @@ const trash = (options) => {
 };
 
 const turnDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3630,7 +3631,7 @@ const turnDown = (options) => {
 };
 
 const turnLeft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3659,7 +3660,7 @@ const turnLeft = (options) => {
 };
 
 const turnRight = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3688,7 +3689,7 @@ const turnRight = (options) => {
 };
 
 const turnUp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3717,7 +3718,7 @@ const turnUp = (options) => {
 };
 
 const unlocked = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3754,7 +3755,7 @@ const unlocked = (options) => {
 };
 
 const walletOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3785,7 +3786,7 @@ const walletOutline = (options) => {
 };
 
 const warningRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3813,7 +3814,7 @@ const warningRound = (options) => {
 };
 
 const warningTriangle = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3841,7 +3842,7 @@ const warningTriangle = (options) => {
 };
 
 const googleColor = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3872,7 +3873,7 @@ const googleColor = (options) => {
 };
 
 const ethLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -3897,7 +3898,7 @@ const ethLogo = (options) => {
 };
 
 const lyxLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
@@ -3935,7 +3936,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 +4168,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 +4186,7 @@ const pulseDot = (options) => {
 };
 
 const progressComplete = (options) => {
-  return x`<svg
+  return html`<svg
     width="40"
     height="40"
     viewBox="0 0 40 40"
@@ -4470,7 +4471,7 @@ const progressComplete = (options) => {
 };
 
 const completeFilledFadeIn = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4500,7 +4501,7 @@ const completeFilledFadeIn = (options) => {
 };
 
 const desktopSharp = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4519,7 +4520,7 @@ const desktopSharp = (options) => {
 };
 
 const switched = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4563,7 +4564,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 +4711,7 @@ const progressIndicatorAlt = (options) => {
 };
 
 const crossFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4745,7 +4746,7 @@ const crossFilled = (options) => {
 };
 
 const transferSend = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4779,7 +4780,7 @@ const transferSend = (options) => {
 };
 
 const flagOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4801,7 +4802,7 @@ const flagOutline = (options) => {
 };
 
 const tokenId = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4833,7 +4834,7 @@ const tokenId = (options) => {
 };
 
 const editDoc = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4893,7 +4894,7 @@ const editDoc = (options) => {
 };
 
 const codeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4922,7 +4923,7 @@ const codeOutline = (options) => {
 };
 
 const saveOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4944,7 +4945,7 @@ const saveOutline = (options) => {
 };
 
 const scan = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4983,7 +4984,7 @@ const scan = (options) => {
 };
 
 const faceId = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5040,7 +5041,7 @@ const faceId = (options) => {
 };
 
 const profileFile = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5078,7 +5079,7 @@ const profileFile = (options) => {
 };
 
 const handRightOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5128,7 +5129,7 @@ const handRightOutline = (options) => {
 };
 
 const extensionOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5147,7 +5148,7 @@ const extensionOutline = (options) => {
 };
 
 const luksoLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5170,7 +5171,7 @@ const luksoLogo = (options) => {
 };
 
 const metamaskLogo = (options) => {
-  return x`<svg
+  return html`<svg
     width="28"
     height="26"
     viewBox="0 0 28 26"
@@ -5458,7 +5459,7 @@ const metamaskLogo = (options) => {
 };
 
 const documentOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5486,7 +5487,7 @@ const documentOutline = (options) => {
 };
 
 const headsetOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5520,7 +5521,7 @@ const headsetOutline = (options) => {
 };
 
 const cubeOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5556,7 +5557,7 @@ const cubeOutline = (options) => {
 };
 
 const filmOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5637,7 +5638,7 @@ const filmOutline = (options) => {
 };
 
 const crossFilledFadeIn = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5674,7 +5675,7 @@ const crossFilledFadeIn = (options) => {
 };
 
 const videoOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5756,7 +5757,7 @@ const videoOutline = (options) => {
 };
 
 const walletRestore = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5794,7 +5795,7 @@ const walletRestore = (options) => {
 };
 
 const logoX = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5813,7 +5814,7 @@ const logoX = (options) => {
 };
 
 const logoFacebook = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5833,7 +5834,7 @@ const logoFacebook = (options) => {
 };
 
 const glasses = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5864,7 +5865,7 @@ const glasses = (options) => {
 };
 
 const unlink = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5886,7 +5887,7 @@ const unlink = (options) => {
 };
 
 const logoPolygon = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5909,7 +5910,7 @@ const logoPolygon = (options) => {
 };
 
 const logoFantom = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5935,7 +5936,7 @@ const logoFantom = (options) => {
 };
 
 const logoXMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5954,7 +5955,7 @@ const logoXMono = (options) => {
 };
 
 const logoInstagramMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5980,7 +5981,7 @@ const logoInstagramMono = (options) => {
 };
 
 const logoMediumMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6006,7 +6007,7 @@ const logoMediumMono = (options) => {
 };
 
 const logoDiscordMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6032,7 +6033,7 @@ const logoDiscordMono = (options) => {
 };
 
 const logoSnapchatMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6058,7 +6059,7 @@ const logoSnapchatMono = (options) => {
 };
 
 const logoWhatsappMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6084,7 +6085,7 @@ const logoWhatsappMono = (options) => {
 };
 
 const logoTelegramMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6110,7 +6111,7 @@ const logoTelegramMono = (options) => {
 };
 
 const logoLinkedinMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6136,7 +6137,7 @@ const logoLinkedinMono = (options) => {
 };
 
 const logoGithubMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6162,7 +6163,7 @@ const logoGithubMono = (options) => {
 };
 
 const logoUniversalPageMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6194,7 +6195,7 @@ const logoUniversalPageMono = (options) => {
 };
 
 const database = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6230,7 +6231,7 @@ const database = (options) => {
 };
 
 const emptyOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6250,7 +6251,7 @@ const emptyOutline = (options) => {
 };
 
 const profileRemove = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6282,7 +6283,7 @@ const profileRemove = (options) => {
 };
 
 const logoYoutubeMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6301,7 +6302,7 @@ const logoYoutubeMono = (options) => {
 };
 
 const addGrid = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6373,7 +6374,7 @@ const addGrid = (options) => {
 };
 
 const gallery = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6409,7 +6410,7 @@ const gallery = (options) => {
 };
 
 const logoElfsightMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6457,7 +6458,7 @@ const logoElfsightMono = (options) => {
 };
 
 const maximizeVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6493,7 +6494,7 @@ const maximizeVertical = (options) => {
 };
 
 const minimizeVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6536,7 +6537,7 @@ const minimizeVertical = (options) => {
 };
 
 const chart = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6580,7 +6581,7 @@ const chart = (options) => {
 };
 
 const people = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6637,7 +6638,7 @@ const people = (options) => {
 };
 
 const documentCode = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6684,7 +6685,7 @@ const documentCode = (options) => {
 };
 
 const logoWarpcastMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6836,7 +6837,7 @@ const logoWarpcastMono = (options) => {
 };
 
 const parachute = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6856,7 +6857,7 @@ const parachute = (options) => {
 };
 
 const bitcoinConvert = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6917,7 +6918,7 @@ const bitcoinConvert = (options) => {
 };
 
 const nft = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6943,7 +6944,7 @@ const nft = (options) => {
 };
 
 const fingerprint = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6962,7 +6963,7 @@ const fingerprint = (options) => {
 };
 
 const hammer = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6998,7 +6999,7 @@ const hammer = (options) => {
 };
 
 const handHeart = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7017,7 +7018,7 @@ const handHeart = (options) => {
 };
 
 const earth = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7060,7 +7061,7 @@ const earth = (options) => {
 };
 
 const logoSoundcloudMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7086,7 +7087,7 @@ const logoSoundcloudMono = (options) => {
 };
 
 const logoSpotifyMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7112,7 +7113,7 @@ const logoSpotifyMono = (options) => {
 };
 
 const logoGoogleCalendarMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7138,7 +7139,7 @@ const logoGoogleCalendarMono = (options) => {
 };
 
 const logoSubstackMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7157,7 +7158,7 @@ const logoSubstackMono = (options) => {
 };
 
 const logoXround = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7180,7 +7181,7 @@ const logoXround = (options) => {
 };
 
 const logoFarcaster = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7202,7 +7203,7 @@ const logoFarcaster = (options) => {
 };
 
 const logoLinkedin = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7226,7 +7227,7 @@ const logoLinkedin = (options) => {
 };
 
 const profileRestoreNoSetup = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7286,7 +7287,7 @@ const profileRestoreNoSetup = (options) => {
 };
 
 const share = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7322,7 +7323,7 @@ const share = (options) => {
 };
 
 const logoFacebookRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7342,7 +7343,7 @@ const logoFacebookRound = (options) => {
 };
 
 const logoFarcasterRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7364,7 +7365,7 @@ const logoFarcasterRound = (options) => {
 };
 
 const logoLinkedinRound = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7388,7 +7389,7 @@ const logoLinkedinRound = (options) => {
 };
 
 const arrowLongDown = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7417,7 +7418,7 @@ const arrowLongDown = (options) => {
 };
 
 const gas = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7464,7 +7465,7 @@ const gas = (options) => {
 };
 
 const minusFilled = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7486,7 +7487,7 @@ const minusFilled = (options) => {
 };
 
 const documentText = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -7509,7 +7510,7 @@ const documentText = (options) => {
 };
 
 const category = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7556,7 +7557,7 @@ const category = (options) => {
 };
 
 const flash = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7579,7 +7580,7 @@ const flash = (options) => {
 };
 
 const userCircleAdd = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7639,7 +7640,7 @@ const userCircleAdd = (options) => {
 };
 
 const profileCircle = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7675,7 +7676,7 @@ const profileCircle = (options) => {
 };
 
 const playLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7698,7 +7699,7 @@ const playLinear = (options) => {
 };
 
 const stopLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7720,14 +7721,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 +7766,7 @@ const medalStar = (options) => {
 };
 
 const editLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7803,7 +7804,7 @@ const editLinear = (options) => {
 };
 
 const imageLinear = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7833,7 +7834,7 @@ const imageLinear = (options) => {
 };
 
 const hexagon = (options) => {
-  return x`<svg
+  return html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7855,7 +7856,7 @@ const hexagon = (options) => {
 };
 
 const rowVertical = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7884,7 +7885,7 @@ const rowVertical = (options) => {
 };
 
 const logoTiktokMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7903,7 +7904,7 @@ const logoTiktokMono = (options) => {
 };
 
 const profileFollowing = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7936,7 +7937,7 @@ const profileFollowing = (options) => {
 };
 
 const logoCommonGroundMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7999,7 +8000,7 @@ const logoCommonGroundMono = (options) => {
 };
 
 const logoHyperlaneMono = (options) => {
-  return x`<svg
+  return html`<svg
     width="540"
     height="494"
     viewBox="0 0 540 494"
@@ -8029,7 +8030,7 @@ const logoHyperlaneMono = (options) => {
 };
 
 const logoHyperlane = (options) => {
-  return x`<svg
+  return html`<svg
     width="1000"
     height="1000"
     viewBox="0 0 1000 1000"
@@ -8062,7 +8063,7 @@ const logoHyperlane = (options) => {
 };
 
 const tokenCreate = (options) => {
-  return x` <svg
+  return html` <svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -8097,7 +8098,7 @@ const tokenCreate = (options) => {
 };
 
 const addcontrollerActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8280,7 +8281,7 @@ const addcontrollerActivated = (options) => {
 };
 
 const addcontrollerInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8408,7 +8409,7 @@ const addcontrollerInactive = (options) => {
 };
 
 const addextensionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8541,7 +8542,7 @@ const addextensionsActivated = (options) => {
 };
 
 const addextensionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8600,7 +8601,7 @@ const addextensionsInactive = (options) => {
 };
 
 const adduniversalreceiverdelegateActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8732,7 +8733,7 @@ const adduniversalreceiverdelegateActivated = (options) => {
 };
 
 const adduniversalreceiverdelegateInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8796,7 +8797,7 @@ const adduniversalreceiverdelegateInactive = (options) => {
 };
 
 const callActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8906,7 +8907,7 @@ const callActivated = (options) => {
 };
 
 const callInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8961,7 +8962,7 @@ const callInactive = (options) => {
 };
 
 const changeextensionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9137,7 +9138,7 @@ const changeextensionsActivated = (options) => {
 };
 
 const changeextensionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9231,7 +9232,7 @@ const changeextensionsInactive = (options) => {
 };
 
 const changeownerActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9446,7 +9447,7 @@ const changeownerActivated = (options) => {
 };
 
 const changeownerInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9563,7 +9564,7 @@ const changeownerInactive = (options) => {
 };
 
 const changepermissionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9628,7 +9629,7 @@ const changepermissionsActivated = (options) => {
 };
 
 const changepermissionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9816,7 +9817,7 @@ const changepermissionsInactive = (options) => {
 };
 
 const changeUniversalReceiverDelegateActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9948,7 +9949,7 @@ const changeUniversalReceiverDelegateActivated = (options) => {
 };
 
 const changeUniversalReceiverDelegateInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10005,7 +10006,7 @@ const changeUniversalReceiverDelegateInactive = (options) => {
 };
 
 const decryptActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10193,7 +10194,7 @@ const decryptActivated = (options) => {
 };
 
 const decryptInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10344,7 +10345,7 @@ const decryptInactive = (options) => {
 };
 
 const delegatecallActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10527,7 +10528,7 @@ const delegatecallActivated = (options) => {
 };
 
 const delegatecallInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10655,7 +10656,7 @@ const delegatecallInactive = (options) => {
 };
 
 const deployActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10763,7 +10764,7 @@ const deployActivated = (options) => {
 };
 
 const deployInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10796,7 +10797,7 @@ const deployInactive = (options) => {
 };
 
 const editpermissionsActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11041,7 +11042,7 @@ const editpermissionsActivated = (options) => {
 };
 
 const editpermissionsInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11231,7 +11232,7 @@ const editpermissionsInactive = (options) => {
 };
 
 const encryptActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11424,7 +11425,7 @@ const encryptActivated = (options) => {
 };
 
 const encryptInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11580,7 +11581,7 @@ const encryptInactive = (options) => {
 };
 
 const executeRelayCallActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11756,7 +11757,7 @@ const executeRelayCallActivated = (options) => {
 };
 
 const executeRelayCallInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11866,7 +11867,7 @@ const executeRelayCallInactive = (options) => {
 };
 
 const reentrancyActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12115,7 +12116,7 @@ const reentrancyActivated = (options) => {
 };
 
 const reentrancyInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12309,7 +12310,7 @@ const reentrancyInactive = (options) => {
 };
 
 const setdataActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12460,7 +12461,7 @@ const setdataActivated = (options) => {
 };
 
 const setdataInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12542,7 +12543,7 @@ const setdataInactive = (options) => {
 };
 
 const signActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12717,7 +12718,7 @@ const signActivated = (options) => {
 };
 
 const signInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12855,7 +12856,7 @@ const signInactive = (options) => {
 };
 
 const transactionActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -12970,7 +12971,7 @@ const transactionActivated = (options) => {
 };
 
 const transferActivated = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13083,7 +13084,7 @@ const transferActivated = (options) => {
 };
 
 const transferInactive = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13141,7 +13142,7 @@ const transferInactive = (options) => {
 };
 
 const logoHyperlaneOutline = (options) => {
-  return x`<svg
+  return html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -13592,7 +13593,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 +13605,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 +13629,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")