@lukso/web-components 1.172.14 → 1.172.18

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const lit = require('lit');
 const decorators_js = require('lit/decorators.js');
 const unsafeHtml_js = require('lit/directives/unsafe-html.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const shared_tailwindElement_index = require('../../shared/tailwind-element/index.cjs');
-const styleMap = require('../../chunks/style-map-AEeBQfPb.js');
+const index = require('../../chunks/index-BBPgtFEP.js');
+const styleMap_js = require('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}";
 
@@ -18,7 +17,7 @@ const addPhoto = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -60,7 +59,7 @@ const arrowDownLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -82,7 +81,7 @@ const arrowDownSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -104,7 +103,7 @@ const arrowLeftLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -126,7 +125,7 @@ const arrowLeftSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -148,7 +147,7 @@ const arrowRightLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -170,7 +169,7 @@ const arrowRightSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -192,7 +191,7 @@ const arrowUpLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -214,7 +213,7 @@ const arrowUpSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -236,7 +235,7 @@ const barbellOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -286,7 +285,7 @@ const bulbOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -336,7 +335,7 @@ const camera = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -372,7 +371,7 @@ const clipboard = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -427,7 +426,7 @@ const clock = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -454,7 +453,7 @@ const closeLg = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -483,7 +482,7 @@ const closeSm = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -512,7 +511,7 @@ const cloud = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -533,7 +532,7 @@ const compassOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -558,7 +557,7 @@ const completeFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -586,7 +585,7 @@ const completeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -613,7 +612,7 @@ const contractLock = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -652,7 +651,7 @@ const contractSigned = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -714,7 +713,7 @@ const connect = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -743,7 +742,7 @@ const connections = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -773,7 +772,7 @@ const controller = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -824,7 +823,7 @@ const copy = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -851,7 +850,7 @@ const crossOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -885,7 +884,7 @@ const dots = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -903,7 +902,7 @@ const edit = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -929,7 +928,7 @@ const error = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -956,7 +955,7 @@ const expand = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1005,7 +1004,7 @@ const extension = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1032,7 +1031,7 @@ const eyeHide = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1075,7 +1074,7 @@ const eyeShow = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1108,7 +1107,7 @@ const filter = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1147,7 +1146,7 @@ const fishOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1179,7 +1178,7 @@ const flip = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1220,7 +1219,7 @@ const globe = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1277,7 +1276,7 @@ const hamburger = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1313,7 +1312,7 @@ const infinite = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1342,7 +1341,7 @@ const information = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1376,7 +1375,7 @@ const keyOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1397,7 +1396,7 @@ const link = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1426,7 +1425,7 @@ const link1 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1461,7 +1460,7 @@ const link2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1503,7 +1502,7 @@ const link3 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1531,7 +1530,7 @@ const link4 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1579,7 +1578,7 @@ const loading = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1625,7 +1624,7 @@ const location = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1654,7 +1653,7 @@ const locked = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1694,7 +1693,7 @@ const login = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1729,7 +1728,7 @@ const login2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1780,7 +1779,7 @@ const login3 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1829,7 +1828,7 @@ const logoChrome = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1860,7 +1859,7 @@ const logoBrave = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1896,7 +1895,7 @@ const logoEdge = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1923,7 +1922,7 @@ const logoFirefox = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1942,7 +1941,7 @@ const logoOpera = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1961,7 +1960,7 @@ const logoSafari = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2005,7 +2004,7 @@ const mail = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2034,7 +2033,7 @@ const menu1 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2101,7 +2100,7 @@ const menu2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2158,7 +2157,7 @@ const migrate = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2201,7 +2200,7 @@ const minimize = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2250,7 +2249,7 @@ const network = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2295,7 +2294,7 @@ const notifications = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2324,7 +2323,7 @@ const phonePortraitOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2353,7 +2352,7 @@ const pin = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2374,7 +2373,7 @@ const playFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2393,7 +2392,7 @@ const playOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2413,7 +2412,7 @@ const plus = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2442,7 +2441,7 @@ const profileAdd = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2481,7 +2480,7 @@ const profileExport = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2519,7 +2518,7 @@ const profileImport = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2557,7 +2556,7 @@ const profileRecovery = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2608,7 +2607,7 @@ const profileRecovery2 = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2666,7 +2665,7 @@ const profileRestore = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2712,7 +2711,7 @@ const profile = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2737,7 +2736,7 @@ const qrCodeScan = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2855,7 +2854,7 @@ const qrCode = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2949,7 +2948,7 @@ const relayer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2985,7 +2984,7 @@ const reload = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3013,7 +3012,7 @@ const returnDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3042,7 +3041,7 @@ const returnLeft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3071,7 +3070,7 @@ const returnRight = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3100,7 +3099,7 @@ const returnUp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3129,7 +3128,7 @@ const search = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3153,7 +3152,7 @@ const settings = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3182,7 +3181,7 @@ const smartContractDoc = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3218,7 +3217,7 @@ const smartContract = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3245,7 +3244,7 @@ const spinner = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3266,7 +3265,7 @@ const starFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3285,7 +3284,7 @@ const starOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3305,7 +3304,7 @@ const stepDot = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3335,7 +3334,7 @@ const stepProgress = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3362,7 +3361,7 @@ const steps = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3398,7 +3397,7 @@ const tick = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3420,7 +3419,7 @@ const timerOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3463,7 +3462,7 @@ const transactionReceive = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3498,7 +3497,7 @@ const transactionSend = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3533,7 +3532,7 @@ const transfer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3576,7 +3575,7 @@ const trash = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3612,7 +3611,7 @@ const turnDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3641,7 +3640,7 @@ const turnLeft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3670,7 +3669,7 @@ const turnRight = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3699,7 +3698,7 @@ const turnUp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3728,7 +3727,7 @@ const unlocked = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3765,7 +3764,7 @@ const walletOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3796,7 +3795,7 @@ const warningRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3824,7 +3823,7 @@ const warningTriangle = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3852,7 +3851,7 @@ const googleColor = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3883,7 +3882,7 @@ const ethLogo = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3908,7 +3907,7 @@ const lyxLogo = (options) => {
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3946,7 +3945,7 @@ const progressIndicator = (options) => {
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${styleMap.o({
+      style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4103,7 +4102,7 @@ const progressIndicator = (options) => {
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${styleMap.o({
+      style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4173,7 +4172,7 @@ const progressIndicator = (options) => {
 
 const pulseDot = (options) => {
   return lit.html`<div
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4196,7 +4195,7 @@ const progressComplete = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4481,7 +4480,7 @@ const completeFilledFadeIn = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4511,7 +4510,7 @@ const desktopSharp = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4530,7 +4529,7 @@ const switched = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4574,7 +4573,7 @@ const progressIndicatorAlt = (options) => {
       viewBox="0 0 64 64"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${styleMap.o({
+      style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4646,7 +4645,7 @@ const progressIndicatorAlt = (options) => {
       viewBox="0 0 64 64"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${styleMap.o({
+      style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4721,7 +4720,7 @@ const crossFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4756,7 +4755,7 @@ const transferSend = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4790,7 +4789,7 @@ const flagOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4812,7 +4811,7 @@ const tokenId = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4844,7 +4843,7 @@ const editDoc = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4904,7 +4903,7 @@ const codeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4933,7 +4932,7 @@ const saveOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4955,7 +4954,7 @@ const scan = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4994,7 +4993,7 @@ const faceId = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5051,7 +5050,7 @@ const profileFile = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5089,7 +5088,7 @@ const handRightOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5139,7 +5138,7 @@ const extensionOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5158,7 +5157,7 @@ const luksoLogo = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5180,7 +5179,7 @@ const metamaskLogo = (options) => {
     height="26"
     viewBox="0 0 28 26"
     fill="none"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5469,7 +5468,7 @@ const documentOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5497,7 +5496,7 @@ const headsetOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5531,7 +5530,7 @@ const cubeOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5567,7 +5566,7 @@ const filmOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5648,7 +5647,7 @@ const crossFilledFadeIn = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5685,7 +5684,7 @@ const videoOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5767,7 +5766,7 @@ const walletRestore = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5805,7 +5804,7 @@ const logoX = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5824,7 +5823,7 @@ const logoFacebook = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5844,7 +5843,7 @@ const glasses = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5875,7 +5874,7 @@ const unlink = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5897,7 +5896,7 @@ const logoPolygon = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5920,7 +5919,7 @@ const logoFantom = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5946,7 +5945,7 @@ const logoXMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5965,7 +5964,7 @@ const logoInstagramMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -5991,7 +5990,7 @@ const logoMediumMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6017,7 +6016,7 @@ const logoDiscordMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6043,7 +6042,7 @@ const logoSnapchatMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6069,7 +6068,7 @@ const logoWhatsappMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6095,7 +6094,7 @@ const logoTelegramMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6121,7 +6120,7 @@ const logoLinkedinMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6147,7 +6146,7 @@ const logoGithubMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6173,7 +6172,7 @@ const logoUniversalPageMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6205,7 +6204,7 @@ const database = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6241,7 +6240,7 @@ const emptyOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6261,7 +6260,7 @@ const profileRemove = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6293,7 +6292,7 @@ const logoYoutubeMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6312,7 +6311,7 @@ const addGrid = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6384,7 +6383,7 @@ const gallery = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6420,7 +6419,7 @@ const logoElfsightMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6468,7 +6467,7 @@ const maximizeVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6504,7 +6503,7 @@ const minimizeVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6547,7 +6546,7 @@ const chart = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6591,7 +6590,7 @@ const people = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6648,7 +6647,7 @@ const documentCode = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6695,7 +6694,7 @@ const logoWarpcastMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6847,7 +6846,7 @@ const parachute = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6867,7 +6866,7 @@ const bitcoinConvert = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6928,7 +6927,7 @@ const nft = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6954,7 +6953,7 @@ const fingerprint = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -6973,7 +6972,7 @@ const hammer = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7009,7 +7008,7 @@ const handHeart = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7028,7 +7027,7 @@ const earth = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7071,7 +7070,7 @@ const logoSoundcloudMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7097,7 +7096,7 @@ const logoSpotifyMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7123,7 +7122,7 @@ const logoGoogleCalendarMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7149,7 +7148,7 @@ const logoSubstackMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7168,7 +7167,7 @@ const logoXround = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7191,7 +7190,7 @@ const logoFarcaster = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7213,7 +7212,7 @@ const logoLinkedin = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7237,7 +7236,7 @@ const profileRestoreNoSetup = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7297,7 +7296,7 @@ const share = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7333,7 +7332,7 @@ const logoFacebookRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7353,7 +7352,7 @@ const logoFarcasterRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7375,7 +7374,7 @@ const logoLinkedinRound = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7399,7 +7398,7 @@ const arrowLongDown = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7428,7 +7427,7 @@ const gas = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7475,7 +7474,7 @@ const minusFilled = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7497,7 +7496,7 @@ const documentText = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7520,7 +7519,7 @@ const category = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7567,7 +7566,7 @@ const flash = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7590,7 +7589,7 @@ const userCircleAdd = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7650,7 +7649,7 @@ const profileCircle = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7686,7 +7685,7 @@ const playLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7709,7 +7708,7 @@ const stopLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7725,7 +7724,7 @@ const stopLinear = (options) => {
 };
 
 const minus = (options) => {
-  return lit.html`<svg width="24" height="24" viewBox="0 0 24 24" style=${styleMap.o({
+  return lit.html`<svg width="24" height="24" viewBox="0 0 24 24" style=${styleMap_js.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>`;
@@ -7738,7 +7737,7 @@ const medalStar = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7776,7 +7775,7 @@ const editLinear = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7814,7 +7813,7 @@ const imageLinear = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7844,7 +7843,7 @@ const hexagon = (options) => {
     viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7866,7 +7865,7 @@ const rowVertical = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7895,7 +7894,7 @@ const logoTiktokMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7914,7 +7913,7 @@ const profileFollowing = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -7947,7 +7946,7 @@ const logoCommonGroundMono = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8010,7 +8009,7 @@ const logoHyperlaneMono = (options) => {
     viewBox="0 0 540 494"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8040,7 +8039,7 @@ const logoHyperlane = (options) => {
     viewBox="0 0 1000 1000"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8073,7 +8072,7 @@ const tokenCreate = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8108,7 +8107,7 @@ const addcontrollerActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8291,7 +8290,7 @@ const addcontrollerInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8419,7 +8418,7 @@ const addextensionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8552,7 +8551,7 @@ const addextensionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8611,7 +8610,7 @@ const adduniversalreceiverdelegateActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8743,7 +8742,7 @@ const adduniversalreceiverdelegateInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8807,7 +8806,7 @@ const callActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8917,7 +8916,7 @@ const callInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -8972,7 +8971,7 @@ const changeextensionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9148,7 +9147,7 @@ const changeextensionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9242,7 +9241,7 @@ const changeownerActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9457,7 +9456,7 @@ const changeownerInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9574,7 +9573,7 @@ const changepermissionsActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9639,7 +9638,7 @@ const changepermissionsInactive = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9827,7 +9826,7 @@ const changeUniversalReceiverDelegateActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -9959,7 +9958,7 @@ const changeUniversalReceiverDelegateInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10016,7 +10015,7 @@ const decryptActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10204,7 +10203,7 @@ const decryptInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10355,7 +10354,7 @@ const delegatecallActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10538,7 +10537,7 @@ const delegatecallInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10666,7 +10665,7 @@ const deployActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10774,7 +10773,7 @@ const deployInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -10807,7 +10806,7 @@ const editpermissionsActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11052,7 +11051,7 @@ const editpermissionsInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11242,7 +11241,7 @@ const encryptActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11435,7 +11434,7 @@ const encryptInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11591,7 +11590,7 @@ const executeRelayCallActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11767,7 +11766,7 @@ const executeRelayCallInactive = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -11877,7 +11876,7 @@ const reentrancyActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12126,7 +12125,7 @@ const reentrancyInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12320,7 +12319,7 @@ const setdataActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12471,7 +12470,7 @@ const setdataInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12553,7 +12552,7 @@ const signActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12728,7 +12727,7 @@ const signInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12866,7 +12865,7 @@ const transactionActivated = (options) => {
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -12981,7 +12980,7 @@ const transferActivated = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -13094,7 +13093,7 @@ const transferInactive = (options) => {
     viewBox="0 0 80 80"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -13152,7 +13151,7 @@ const logoHyperlaneOutline = (options) => {
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${styleMap.o({
+    style=${styleMap_js.styleMap({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -13429,7 +13428,7 @@ const iconMap = {
 };
 const DEFAULT_COLOR = "neutral-20";
 const DEFAULT_SIZE = "medium";
-exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
+exports.LuksoIcon = class LuksoIcon extends index.TailwindStyledElement(style) {
   constructor() {
     super(...arguments);
     this.name = void 0;
@@ -13658,5 +13657,5 @@ __decorateClass([
   decorators_js.property({ type: String })
 ], exports.LuksoIcon.prototype, "svgContent", 2);
 exports.LuksoIcon = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-icon")
+  index.safeCustomElement("lukso-icon")
 ], exports.LuksoIcon);