@lukso/web-components 1.172.17 → 1.172.18

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

@@ -2,7 +2,7 @@ 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';
+import { styleMap } from 'lit/directives/style-map.js';
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
@@ -13,7 +13,7 @@ const addPhoto = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -55,7 +55,7 @@ const arrowDownLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -77,7 +77,7 @@ const arrowDownSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -99,7 +99,7 @@ const arrowLeftLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -121,7 +121,7 @@ const arrowLeftSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -143,7 +143,7 @@ const arrowRightLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -165,7 +165,7 @@ const arrowRightSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -187,7 +187,7 @@ const arrowUpLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -209,7 +209,7 @@ const arrowUpSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -231,7 +231,7 @@ const barbellOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -281,7 +281,7 @@ const bulbOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -331,7 +331,7 @@ const camera = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -367,7 +367,7 @@ const clipboard = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -422,7 +422,7 @@ const clock = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -449,7 +449,7 @@ const closeLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -478,7 +478,7 @@ const closeSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -507,7 +507,7 @@ const cloud = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -528,7 +528,7 @@ const compassOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -553,7 +553,7 @@ const completeFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -581,7 +581,7 @@ const completeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -608,7 +608,7 @@ const contractLock = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -647,7 +647,7 @@ const contractSigned = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -709,7 +709,7 @@ const connect = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -738,7 +738,7 @@ const connections = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -768,7 +768,7 @@ const controller = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -819,7 +819,7 @@ const copy = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -846,7 +846,7 @@ const crossOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -880,7 +880,7 @@ const dots = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -898,7 +898,7 @@ const edit = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -924,7 +924,7 @@ const error = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -951,7 +951,7 @@ const expand = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1000,7 +1000,7 @@ const extension = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1027,7 +1027,7 @@ const eyeHide = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1070,7 +1070,7 @@ const eyeShow = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1103,7 +1103,7 @@ const filter = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1142,7 +1142,7 @@ const fishOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1174,7 +1174,7 @@ const flip = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1215,7 +1215,7 @@ const globe = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1272,7 +1272,7 @@ const hamburger = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1308,7 +1308,7 @@ const infinite = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1337,7 +1337,7 @@ const information = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1371,7 +1371,7 @@ const keyOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1392,7 +1392,7 @@ const link = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1421,7 +1421,7 @@ const link1 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1456,7 +1456,7 @@ const link2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1498,7 +1498,7 @@ const link3 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1526,7 +1526,7 @@ const link4 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1574,7 +1574,7 @@ const loading = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1620,7 +1620,7 @@ const location = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1649,7 +1649,7 @@ const locked = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1689,7 +1689,7 @@ const login = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1724,7 +1724,7 @@ const login2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1775,7 +1775,7 @@ const login3 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1824,7 +1824,7 @@ const logoChrome = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1855,7 +1855,7 @@ const logoBrave = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1891,7 +1891,7 @@ const logoEdge = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1918,7 +1918,7 @@ const logoFirefox = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1937,7 +1937,7 @@ const logoOpera = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1956,7 +1956,7 @@ const logoSafari = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2000,7 +2000,7 @@ const mail = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2029,7 +2029,7 @@ const menu1 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2096,7 +2096,7 @@ const menu2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2153,7 +2153,7 @@ const migrate = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2196,7 +2196,7 @@ const minimize = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2245,7 +2245,7 @@ const network = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2290,7 +2290,7 @@ const notifications = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2319,7 +2319,7 @@ const phonePortraitOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2348,7 +2348,7 @@ const pin = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2369,7 +2369,7 @@ const playFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2388,7 +2388,7 @@ const playOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2408,7 +2408,7 @@ const plus = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2437,7 +2437,7 @@ const profileAdd = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2476,7 +2476,7 @@ const profileExport = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2514,7 +2514,7 @@ const profileImport = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2552,7 +2552,7 @@ const profileRecovery = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2603,7 +2603,7 @@ const profileRecovery2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2661,7 +2661,7 @@ const profileRestore = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2707,7 +2707,7 @@ const profile = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2732,7 +2732,7 @@ const qrCodeScan = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2850,7 +2850,7 @@ const qrCode = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2944,7 +2944,7 @@ const relayer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2980,7 +2980,7 @@ const reload = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3008,7 +3008,7 @@ const returnDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3037,7 +3037,7 @@ const returnLeft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3066,7 +3066,7 @@ const returnRight = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3095,7 +3095,7 @@ const returnUp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3124,7 +3124,7 @@ const search = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3148,7 +3148,7 @@ const settings = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3177,7 +3177,7 @@ const smartContractDoc = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3213,7 +3213,7 @@ const smartContract = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3240,7 +3240,7 @@ const spinner = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3261,7 +3261,7 @@ const starFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3280,7 +3280,7 @@ const starOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3300,7 +3300,7 @@ const stepDot = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3330,7 +3330,7 @@ const stepProgress = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3357,7 +3357,7 @@ const steps = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3393,7 +3393,7 @@ const tick = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3415,7 +3415,7 @@ const timerOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3458,7 +3458,7 @@ const transactionReceive = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3493,7 +3493,7 @@ const transactionSend = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3528,7 +3528,7 @@ const transfer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3571,7 +3571,7 @@ const trash = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3607,7 +3607,7 @@ const turnDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3636,7 +3636,7 @@ const turnLeft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3665,7 +3665,7 @@ const turnRight = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3694,7 +3694,7 @@ const turnUp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3723,7 +3723,7 @@ const unlocked = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3760,7 +3760,7 @@ const walletOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3791,7 +3791,7 @@ const warningRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3819,7 +3819,7 @@ const warningTriangle = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3847,7 +3847,7 @@ const googleColor = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3878,7 +3878,7 @@ const ethLogo = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3903,7 +3903,7 @@ const lyxLogo = (options) => {
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3941,7 +3941,7 @@ const progressIndicator = (options) => {
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${o({
+      style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4098,7 +4098,7 @@ const progressIndicator = (options) => {
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${o({
+      style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4168,7 +4168,7 @@ const progressIndicator = (options) => {
 
 const pulseDot = (options) => {
   return html`<div
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4191,7 +4191,7 @@ const progressComplete = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4476,7 +4476,7 @@ const completeFilledFadeIn = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4506,7 +4506,7 @@ const desktopSharp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4525,7 +4525,7 @@ const switched = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4569,7 +4569,7 @@ const progressIndicatorAlt = (options) => {
       viewBox="0 0 64 64"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${o({
+      style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4641,7 +4641,7 @@ const progressIndicatorAlt = (options) => {
       viewBox="0 0 64 64"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${o({
+      style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4716,7 +4716,7 @@ const crossFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4751,7 +4751,7 @@ const transferSend = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4785,7 +4785,7 @@ const flagOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4807,7 +4807,7 @@ const tokenId = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4839,7 +4839,7 @@ const editDoc = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4899,7 +4899,7 @@ const codeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4928,7 +4928,7 @@ const saveOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4950,7 +4950,7 @@ const scan = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4989,7 +4989,7 @@ const faceId = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5046,7 +5046,7 @@ const profileFile = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5084,7 +5084,7 @@ const handRightOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5134,7 +5134,7 @@ const extensionOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5153,7 +5153,7 @@ const luksoLogo = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5175,7 +5175,7 @@ const metamaskLogo = (options) => {
     height="26"
     viewBox="0 0 28 26"
     fill="none"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5464,7 +5464,7 @@ const documentOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5492,7 +5492,7 @@ const headsetOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5526,7 +5526,7 @@ const cubeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5562,7 +5562,7 @@ const filmOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5643,7 +5643,7 @@ const crossFilledFadeIn = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5680,7 +5680,7 @@ const videoOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5762,7 +5762,7 @@ const walletRestore = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5800,7 +5800,7 @@ const logoX = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5819,7 +5819,7 @@ const logoFacebook = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5839,7 +5839,7 @@ const glasses = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5870,7 +5870,7 @@ const unlink = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5892,7 +5892,7 @@ const logoPolygon = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5915,7 +5915,7 @@ const logoFantom = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5941,7 +5941,7 @@ const logoXMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5960,7 +5960,7 @@ const logoInstagramMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5986,7 +5986,7 @@ const logoMediumMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6012,7 +6012,7 @@ const logoDiscordMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6038,7 +6038,7 @@ const logoSnapchatMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6064,7 +6064,7 @@ const logoWhatsappMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6090,7 +6090,7 @@ const logoTelegramMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6116,7 +6116,7 @@ const logoLinkedinMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6142,7 +6142,7 @@ const logoGithubMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6168,7 +6168,7 @@ const logoUniversalPageMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6200,7 +6200,7 @@ const database = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6236,7 +6236,7 @@ const emptyOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6256,7 +6256,7 @@ const profileRemove = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6288,7 +6288,7 @@ const logoYoutubeMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6307,7 +6307,7 @@ const addGrid = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6379,7 +6379,7 @@ const gallery = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6415,7 +6415,7 @@ const logoElfsightMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6463,7 +6463,7 @@ const maximizeVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6499,7 +6499,7 @@ const minimizeVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6542,7 +6542,7 @@ const chart = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6586,7 +6586,7 @@ const people = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6643,7 +6643,7 @@ const documentCode = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6690,7 +6690,7 @@ const logoWarpcastMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6842,7 +6842,7 @@ const parachute = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6862,7 +6862,7 @@ const bitcoinConvert = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6923,7 +6923,7 @@ const nft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6949,7 +6949,7 @@ const fingerprint = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6968,7 +6968,7 @@ const hammer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7004,7 +7004,7 @@ const handHeart = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7023,7 +7023,7 @@ const earth = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7066,7 +7066,7 @@ const logoSoundcloudMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7092,7 +7092,7 @@ const logoSpotifyMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7118,7 +7118,7 @@ const logoGoogleCalendarMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7144,7 +7144,7 @@ const logoSubstackMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7163,7 +7163,7 @@ const logoXround = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7186,7 +7186,7 @@ const logoFarcaster = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7208,7 +7208,7 @@ const logoLinkedin = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7232,7 +7232,7 @@ const profileRestoreNoSetup = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7292,7 +7292,7 @@ const share = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7328,7 +7328,7 @@ const logoFacebookRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7348,7 +7348,7 @@ const logoFarcasterRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7370,7 +7370,7 @@ const logoLinkedinRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7394,7 +7394,7 @@ const arrowLongDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7423,7 +7423,7 @@ const gas = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7470,7 +7470,7 @@ const minusFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7492,7 +7492,7 @@ const documentText = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7515,7 +7515,7 @@ const category = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7562,7 +7562,7 @@ const flash = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7585,7 +7585,7 @@ const userCircleAdd = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7645,7 +7645,7 @@ const profileCircle = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7681,7 +7681,7 @@ const playLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7704,7 +7704,7 @@ const stopLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7720,7 +7720,7 @@ const stopLinear = (options) => {
 };
 
 const minus = (options) => {
-  return html`<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=${styleMap({
     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>`;
@@ -7733,7 +7733,7 @@ const medalStar = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7771,7 +7771,7 @@ const editLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7809,7 +7809,7 @@ const imageLinear = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7839,7 +7839,7 @@ const hexagon = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7861,7 +7861,7 @@ const rowVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7890,7 +7890,7 @@ const logoTiktokMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7909,7 +7909,7 @@ const profileFollowing = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7942,7 +7942,7 @@ const logoCommonGroundMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8005,7 +8005,7 @@ const logoHyperlaneMono = (options) => {
     viewBox="0 0 540 494"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8035,7 +8035,7 @@ const logoHyperlane = (options) => {
     viewBox="0 0 1000 1000"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8068,7 +8068,7 @@ const tokenCreate = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8103,7 +8103,7 @@ const addcontrollerActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8286,7 +8286,7 @@ const addcontrollerInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8414,7 +8414,7 @@ const addextensionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8547,7 +8547,7 @@ const addextensionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8606,7 +8606,7 @@ const adduniversalreceiverdelegateActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8738,7 +8738,7 @@ const adduniversalreceiverdelegateInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8802,7 +8802,7 @@ const callActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8912,7 +8912,7 @@ const callInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8967,7 +8967,7 @@ const changeextensionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9143,7 +9143,7 @@ const changeextensionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9237,7 +9237,7 @@ const changeownerActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9452,7 +9452,7 @@ const changeownerInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9569,7 +9569,7 @@ const changepermissionsActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9634,7 +9634,7 @@ const changepermissionsInactive = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9822,7 +9822,7 @@ const changeUniversalReceiverDelegateActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9954,7 +9954,7 @@ const changeUniversalReceiverDelegateInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10011,7 +10011,7 @@ const decryptActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10199,7 +10199,7 @@ const decryptInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10350,7 +10350,7 @@ const delegatecallActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10533,7 +10533,7 @@ const delegatecallInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10661,7 +10661,7 @@ const deployActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10769,7 +10769,7 @@ const deployInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10802,7 +10802,7 @@ const editpermissionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11047,7 +11047,7 @@ const editpermissionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11237,7 +11237,7 @@ const encryptActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11430,7 +11430,7 @@ const encryptInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11586,7 +11586,7 @@ const executeRelayCallActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11762,7 +11762,7 @@ const executeRelayCallInactive = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11872,7 +11872,7 @@ const reentrancyActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12121,7 +12121,7 @@ const reentrancyInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12315,7 +12315,7 @@ const setdataActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12466,7 +12466,7 @@ const setdataInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12548,7 +12548,7 @@ const signActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12723,7 +12723,7 @@ const signInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12861,7 +12861,7 @@ const transactionActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12976,7 +12976,7 @@ const transferActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -13089,7 +13089,7 @@ const transferInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -13147,7 +13147,7 @@ const logoHyperlaneOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${o({
+    style=${styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}